/*
 * Styles généraux
*/
body { font-family: Arial, Helvetica, sans-serif; color:#000; font-size: 0.75em; }

a img { border: 0; }

/*
 * Titrages
*/
div.titre { float:left; width:100%; height:283px; background-position:left top; background-repeat:no-repeat; background-image:url(../images/bg_titre_commun.jpg);
 }
.alarmes div.titre { background-image:url(../images/nav_alarmes.jpg);}
.controle-acces div.titre { background-image:url(../images/nav_controle.jpg);}
.videosurveillance div.titre { background-image:url(../images/nav_video.jpg);}
.interphone div.titre { background-image:url(../images/nav_interphonie.jpg);}
.automatisme-portail div.titre { background-image:url(../images/nav_portail.jpg);}
.sonorisation div.titre { background-image:url(../images/nav_sonorisation.jpg);}
.incendie div.titre { background-image:url(../images/nav_incendie.jpg);}


h1, h2 { clear:both;}
h1 { 
	font-size: 1.4em;
	line-height:0.8em; 
	font-weight:bold;
	text-transform:uppercase;
	color:#ff6600;
	background-repeat:no-repeat;
	background-position:left top;	
}


.titre h1.titre-interne {text-align:center;}
.titre h2 {text-align:center; border: none;}

.titre .gauche {margin:0; padding:0;}
#contenu .titre img {float:left; margin-left:250px; margin-top:60px; margin-right:10px; padding:0; border:none;}
.titre h1 {clear:none; margin:60px 0 0; padding:0 0 10px 0;}

.paradox #chapeau { margin:2em;}
.paradox #contenu .titre img { float:none; margin:1em 0;}


h2 { 
	font-size: 1.5em; 
	padding: 0; 
	margin: 20px 0; 
	color:#ff6600;
	font-weight:normal;
	border-bottom:1px solid;

}

h3, h4, h5, h6 {margin-bottom: 0;}
h3 { clear:both; font-size: 1.4em; margin:1em 0 0; padding:0 0 5px;  font-weight:normal;  background: url(../images/point_point.gif) repeat-x left bottom;}
#sidebar h3 { background: none;}
h4 { font-size: 1.2em;  color:#000; }
h5 { font-size: 1.1em;  font-weight:bold; }
h6 { font-size: 1.1em; }

.liste-actualites h3 a {font-size:1em;}

/*
 * Styles de contenus
*/
p a {display:inline;}
a { color:#005496; text-decoration:none; display:block;}
a:hover { color:#d01c22; text-decoration: none;}

.agences #chapeau a { color:#FF6600; }
.agences #chapeau a:hover { color:#d01c22; text-decoration: none;}

#preview a {color: #d96001;}
#preview a:hover {color: #fe8729;}

ul, li { padding:0; margin:0; list-style:none;}
p { padding:0; margin:10px 0; font-size:11px; line-height:1.4em;}
ul { padding:0px; margin:15px 0 15px 40px;}
ul li { margin:3px 0; list-style:none; padding-left:14px; background-position:0 2px; background-repeat:no-repeat; background-image:url(../images/puce_li.gif);}
#contenu ul.gauche { margin-left: 30px; }
dt { font-weight: bold; }
/* alignement des images dans les pages */
div.gauche, div.droite, div.centre { padding:0.8em;}
.gauche { float: left; margin: 0 1.5em 1em 0;}
.droite { float: right; margin: 0 0 1em 1.5em;}
.centre { margin: 1em auto; text-align: center; }
#contenu .gauche span, #contenu .droite span, #contenu .centre span { display: block; font-size: smaller; text-align: center; }
#contenu #rss div { padding:0; margin:0; background:none; border:none;}
#contenu img { background-color:#fff; padding:5px; border:1px solid #E5E5D0; }
#contenu img.noauto { background-color:none; padding:0; border:0; }
.chapo { width:90%;}
hr { height:1px; line-height:normal; margin:5px 0 0; border:0; border-bottom:1px solid #ccc;}

div.famille_img{}

/* icones des fichiers */

.message {
	padding: 5px 30px;
	background: url(../images/icons/information.png) 5px 50% no-repeat #FFF68F;
	border: 1px solid lightgray;
	text-align: left;
}
h3.message { font-size: 0.9em; }
.good { background-image: url(../images/icons/accept.png); }
.warn { background-image: url(../images/icons/error.png); }
.error { background-image: url(../images/icons/exclamation.png); }


/*
 * Pagination et Outils d'impression et de retour
*/
#pagination, #contenu ul#nav-contenu {
	clear: both;
	padding: 0.5em 0;
	margin-top: 2em;
	text-align: center;
}
#pagination a {display:inline;}
#pagination strong {display:block;}
#contenu ul#nav-contenu { width:200px; margin:0 auto; }
#contenu #nav-contenu li {margin-bottom:1em; background: none; float:left; display: inline; padding:0 1.2em; color:#fd7001; border-right:1px solid #fd7001; }
#contenu #nav-contenu li.last { border:0;}
#contenu #nav-contenu li a { color:#fd7001;}

/*
 * Partie variable des sites
*/
/* Annuaires */
table.liste { width: 100%; border-collapse: collapse; }
table.liste tr td, table.liste tr th { padding-left: 1.2em; text-align: left; }
table.liste thead tr { background: #A70034; color: #fff; }
table.liste thead th { padding-top:0.3em; padding-bottom:0.3em;}
table.liste tbody tr.s td { border-bottom: 1px solid #CDD6D5; padding-left: 0;  }
table.liste tbody tr.s td div.s { padding: 0 0 0.5em 0; }
table.liste tbody tr.t:hover, table.liste tbody tr.select, table.liste thead tr.select { background: #DDCEAF; }
table.liste tbody tr.t th { background: transparent url(../images/bg_tr.gif) no-repeat center left; }
table.liste tbody tr.t:hover th, table.liste tbody tr.select th { background: #DDCEAF url(../images/bg_tr_s.gif) no-repeat center left; }
table.liste fieldset { padding: 0 5px; margin: 0; border: 0; border-top: 1px solid #000; }
table.liste fieldset legend { color: #000 !important; font-weight: bold; padding: 0 5px; margin: 0 15px 0 0;  }

table.liste tbody tr.t th.base_documentaire {white-space:nowrap;}

.exergue { padding:10px; background:#005496; color:#c7c8c8;}


/* styles des blocs*/

/* outils */

#outil_recherche, #liste-catalogue { float:none; width: background:#514d46; border-top:1px solid #6a6660; border-bottom:1px solid #46423c;}
#outil_recherche { float:none; height:19px; border-bottom:medium none; border-left:1px solid #e26f00; padding:6px 0 4px 15px; width:auto; background:url(../images/puce_recherche.gif) no-repeat; border-right:0;}
#outil_recherche h2 {height:14px; float:left; padding-right:20px; margin:0; border-bottom:0; background:url(../images/puce_h2_recherche.gif) no-repeat right center;}
.bloc .row input { width:70% !important; margin: 0px; }
#recherche input.submit { border:0;}

#liste-catalogue, #catalogue { width:auto; border-left:0; }
#liste-catalogue h2, #catalogue h2 { text-align:left; font-size:1em; line-height:1.4em; margin:0; padding:4px 0 4px 25px; background:#514d46 url(../images/puce_h2_catalogue.gif) no-repeat left center; color:#fff; text-transform:none;}
#liste-catalogue h2 a, #catalogue h2 a {font-size:11px; color:#fff;}
#liste-catalogue h2 a:hover , #catalogue h2 a:hover{ color:#d96001;}

#espace-membre .row { margin: 0; clear: both; padding: 00; min-height: 1em; }
.telechargements {float:left; margin:0;}
ul.telechargements li { background: none; }
#contenu .telechargements a {padding:0;}

/* styles blocs index */

.bloc {
	float:left;
	width: 100%;
	min-height:auto;
	padding:0;
	line-height:normal;
}

.bloc h2 { 
	width:100%; 
	margin:0;
	background:#b6b2ac; 
	text-indent:-99999px; 
	background-repeat:no-repeat; 
	background-position:center 4px;
	border-top:1px solid #c0bdb8;
	border-bottom:1px solid #9c9994;
}
#societe {}
#societe h2 {background-image:url(../images/bloc_h2_societe.gif);}
#actualites h2 { background-image:url(../images/bloc_h2_actualites.gif); }
#contacts h2 { background-image:url(../images/new_bloc_h2_contacts.gif); }
#espace-pro h2 { background-image:url(../images/bloc_h2_espace-pro.gif); }

#societe h2, #partenaires h2 {background-image:url(../images/bloc_h2_societe.gif);}
#partenaires-images {height:60px}
#partenaires h3 {background:transparent url(../images/puce_h2_catalogue.gif) no-repeat scroll left center;margin-top: 60px; margin-left: 35px; margin-right: 35px; padding-left: 20px; text-align: center;}
#espace-membre ul {margin:0px 0px 5px 137px;}

.bloc h2 a {
	display:block; 
	width:100%; 
	height:25px; 
	text-indent:-999999px; 
	margin:0;
}
.bloc h3 { font-size:1.2em; color:#005496; font-weight:bold; border:0; text-transform:none;}
.bloc p { margin:5px 0; padding:0 10px;}
.bloc ul { margin:5px 0; padding:0 10px;}

/* actualites */
#actualites {font-size:11px;}
#actualites ul li {  padding-top:5px; padding-bottom:5px; background-position:0 6px;}

/* contacts */
#contacts .gauche { margin:0; }
#contacts h3 { clear:none; font-size: 1em; margin:8px 20px;}
#contacts p { margin:8px 0px; }
#contacts h3.telephone { clear:both; padding:8px 0 4px 20px; margin:8px 10px; font-size:1.2em; border-top:1px solid #d7d5d2; text-align:left; background:url(../images/puce_telephone.gif) no-repeat left center;}

#preview a.contact {color:#005496; }
a.contact { display:block; width:171px; margin:0 auto; padding:2px 0; text-align:center; text-align:center; background:#fff; border:1px solid #ff7f03; }


/* espace pro */
.fond { margin:0; padding-bottom:5px; background:#fff url(../images/bg_espace-pro.gif) repeat-y right top; font-size:11px; }
p.exergue { padding:5px 10px; margin:0;}

/* telechargements */

#contenu ul.telechargements {width:100%;}
#contenu ul.telechargements img.icone {
	border:0 none;
	float:left;
	padding:0px;
	margin-right:10px;
}
#contenu ul.telechargements a {margin-left:10px;}

/* texte_haut */
#chapeau.texte_haut {margin-left:150px;}
#chapeau.texte_haut img {margin:5px;}
#chapeau.texte_haut p {font-size:1.1em;}
#chapeau.texte_haut a {color: #FF6600;}
/********* Liste de liens *******/
.liste-liens .element {float:left; width:295px; height:130px; margin:0 10px 10px 0; padding:10px; border:1px dashed #000; background:#fff;}
.liste-liens .element img {max-width:111px;}
.liste-liens .element h3 {clear:none; margin:0; background:none;}
.liste-liens div.gauche {padding:0 0.8em 0 0; margin:0 0.8em 0 0; }
.liste-liens .element h4 {margin:0;}
.liste-liens a {display:block;}
#lien_contact_form {clear:both;}