/*
 * 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:270px; 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);}
.agences div.titre { background-image:url(../images/visuel_agences.jpg);}


h1, h2 { clear:both;}
h1 { 
	font-size: 1.4em;
	line-height:0.8em; 
	font-weight:normal;
	text-transform:uppercase;
	color:#438bb8;
	background-repeat:no-repeat;
	background-position:left top;
	font-family:"Arial Black", Arial, Helvetica, sans-serif; 	
}

.titre h1.titre-interne { margin-left:13em; text-align:left;}
.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.3em; 
	padding: 0 0 5px; 
	margin: 20px 0; 
	color:#438bb8;
	font-weight:bold;
	border-bottom:2px solid;
	text-transform:uppercase;
	/*font-family:"Arial Black", Arial, Helvetica, sans-serif; */
}

h3, h4, h5, h6 { margin-bottom: 0;}
h3 { clear:both; font-size: 1.4em; margin:1em 0 0; padding:0 0 5px; color:#0b4d9b; 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;}

/****************** codes couleurs univers *****************/

.alarmes h1, #nav ul.nav li.alarmes a:hover, #nav ul.nav li.alarmes a.aselect, .alarmes ul.snav li a { color:#139bf1;}
.videosurveillance h1, #nav ul.nav li.videosurveillance a:hover, #nav ul.nav li.videosurveillance a.aselect, .videosurveillance ul.snav li a { color:#f78022;}
.controle-acces h1, #nav ul.nav li.controle-acces a:hover, #nav ul.nav li.controle-acces a.aselect, .controle-acces ul.snav li a { color:#76b935;}
.interphone h1, #nav ul.nav li.interphone a:hover, #nav ul.nav li.interphone a.aselect, .interphone ul.snav li a { color:#76b935;}
.automatisme-portail h1, #nav ul.nav li.automatisme-portail a:hover, #nav ul.nav li.automatisme-portail a.aselect, .automatisme-portail ul.snav li a { color:#76b935;}
.incendie h1, #nav ul.nav li.incendie a:hover, #nav ul.nav li.incendie a.aselect, .incendie ul.snav li a { color:#c4242b;}
.sonorisation h1, #nav ul.nav li.sonorisation a:hover, #nav ul.nav li.sonorisation a.aselect, .sonorisation ul.snav li a { color:#9a2ea7;}

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

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

#preview a {color: #005496;}
#preview a:hover {color: #d01c22;}

ul, li { padding:0; margin:0; list-style:none;}
p { padding:0; margin:10px 0;  line-height:1.4em;}
ul { padding:0px; margin:15px 0 15px 40px;}
ul li { margin:3px 0; list-style:none; padding-left:12px; background-position:0 4px; 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; line-height:normal; }
#contenu #rss div { padding:0; margin:0; background:none; border:none;}
#contenu img { 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;}


/* icones des fichiers */

.message {
	padding: 8px 30px;
	background: url(../images/icons/information.png) 5px 50% no-repeat #ccc;
	border: 0px solid #7588bf;
	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;}
#contenu ul#nav-contenu { width:90%; text-align:center; margin:0 auto;  background:url(../images/separateur.gif) repeat-x; }
#contenu #nav-contenu li { margin:0; margin-bottom:1em; background: none; display: inline; padding:0 1.2em; color:#fd7001; border-right:1px solid #ccc; }
#contenu #nav-contenu li.last { border:0;}

/*
 * 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 { float:none; width:169px; margin-top:0; padding:2px 10px 10px 30px; border-color:#fff; background:#285da4 url(../images/recherche_bg.gif) no-repeat; overflow:hidden; }
#outil_recherche h2 { margin:0; padding:5px 0; line-height:normal; text-align:left; color:#fff; background:none;}
#outil_recherche .row input { width:75%; margin: 0px; padding:2px; background:#fff; border:1px solid #000; font-size:1em; }
#outil_recherche input.submit { width:auto; border:0; background:none; color:#fff;}

#liste-catalogue { float:none; background:#514d46; border-top:1px solid #6a6660; border-bottom:1px solid #46423c;}
#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 { 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;}

a.contact { display:block; width:200px; margin:0 auto; font-size:1.2em; padding:8px 35px; text-align:center; text-align:center; background:#fff url(../images/puce_contact.gif) no-repeat 10px center; border:1px solid #438bb8; font-family:"Arial Black", Arial, Helvetica, sans-serif; }
a.contact:hover {color: #000;}

div.separateur { clear:both; height:2px; border:0; background:url(../images/separateur.gif) repeat-x;}


/**************************************** styles blocs ****************************************/

.bloc {
	float:left;
	width: 208px;
	min-height:auto;
	padding:0;
	margin:1em 0;
	line-height:normal;
	background:#fafafa url(../images/bloc_bg.gif) repeat-x left bottom; 
	border:1px solid #aaadb2;
}

.bloc h2 {
	margin:0;
	padding:0;
	text-align:center; 
	color:#000;
	font-size:1.2em;
	line-height:2.2em;
	text-transform:uppercase;
	background:#aaadb2;
	border:0;
	font-family:"Arial Black", Arial, Helvetica, sans-serif; 
}

.bloc h2 a {
	color:#000;
}
.bloc h2 a:hover { color:#595a5d;}
.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;}
.bloc .separateur { margin:0 10px;}


/* actualites */
#actualites { background:#1b1b1b;  }
#actualites a {color:#d8dadb;}
#actualites p { margin:10px 0; background:none; font-size:0.9em; }
#actualites a strong { color:#fff; font-size:1.1em;}
#actualites span.date { color:#c8031a;font-size:1.1em; font-weight:bold;}
#actualites h2 { margin:10px; padding-bottom:4px; line-height:1.3em; text-align:left; background:none; border-bottom:1px solid #a9a8a6;}
#actualites a:hover, #actualites a:hover strong, #actualites a:hover span.date { color:#999;}

/* contacts */

#contacts { margin:1em 0;}
#contacts .gauche { float:left; margin:5px 0 0 5px; padding:0; }
#contacts .droite { padding:10px 0 0; margin:0; width:130px; text-align:left !important;}
#contacts h3 { margin:0; padding:5px 0; font-family:"Arial Black", Arial, Helvetica, sans-serif; color:#005496; text-align:center; }
#contacts h3.telephone { background:url(../images/puce_telephone.gif) no-repeat 10px center;}
#contacts h3.contact { background:url(../images/puce_contact.gif) no-repeat 10px center; }
#contacts h3.facebook { background:url(../images/facebook-icone.png) no-repeat 10px center; }


/* catalogues */
#catalogues { padding-bottom:10px;}
#catalogues h2 { color:#eee; background:#438bb8;}
#catalogues h3 { 
	margin: 10px 10px 0; 
	padding-left: 25px; 
	padding-bottom:5px;
	font-size:1.1em;
	background:transparent url(../images/puce_h2_catalogue.gif) no-repeat scroll 0 0; 
}
#catalogues h3.public { margin-top:1em; background-image:url(../images/puce_h2_catalogue-public.gif);}
#catalogues h3.public a { color:#00701d;}
#catalogues h3.public a:hover { color:#d01c22;}
#catalogues p { margin:0 10px; font-size:0.9em; line-height:1.2em;}
#catalogues form#identification {  margin:0.5em 1em !important;}
#catalogues .row label.main { float:left; width:20%;}
#catalogues .row input { width:50% !important; background:#fff;}

/*
.fond { margin:0; padding-bottom:5px; background:#fff url(../images/bg_espace-pro.gif) repeat-y right top;  }
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: #438bb8;}


/**************************************** Liste de liens ****************************************/

.liste-liens .element { float:left; width:260px; min-height:30px; margin:0 20px 10px; padding:10px; border-bottom:1px solid #ccc; overflow:hidden; }
.liste-liens .element img {max-width:80px;}
.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;}


/***************************************** STYLES LISTE PRODUITS **********************************/

.liste-produits .element { clear:both; border-bottom:1px solid #fff; padding:5px 0; margin:0;}
.liste-produits .droite { clear:right;}
.liste-produits h2 { padding-bottom:4px; font-size:1.6em; border:0;}
.liste-produits h3 { background:none;}

p.plus a { padding-right:12px; background:url(../images/puce_li.gif) no-repeat right center;}
span.prix { padding:0 5px; color:#CC0000;}