/***************************************** personnalisation *******************************/
body {background-color:#d4d4d4; font-size:90%}
a {color:#b31225; text-decoration:none; }

#tete {float:left; width:100%; background: #b31225 url(images/fond-bandeau.jpg) no-repeat top right; height:162px;}
#logo {margin:32px 12px 20px 12px}

#logo h1 a {color:white;font-size:80%;text-transform: uppercase;text-shadow: 0px 0px 4px #FFF;background:url(images/logo-chauffage-electrique.jpg) no-repeat center left;padding:20px 20px 20px 60px}

#logo h1 span#couleur_complementaire {color:#ff98a4;}

#logo h1 span#extension {font-size:50%;}


#zone-titre h3 {margin-top:46px; margin-left:20px; font-size:1.1em; line-height:115%; color:#FFF; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; text-transform: uppercase;clear:left;}

/** Grille de base **/
#maitre {background-color:#fff;padding:8px;border-left:2px solid #bcbcbc;border-right:2px solid #bcbcbc;box-shadow: 1px 1px 12px #bcbcbc; }
#droite .int {padding:0;} 
#pied {border:none; background-color:#b31225; padding:6px 0;color:white; }
#pied a {color:white; }
#pied .int {}
#pied p {margin:0 12px; font-size:0.8em; text-align:center; color:white;}

/** menu vertical **/
#menu-vertical {padding:0; margin:0; background:#d3d3d3}
#menu-vertical h2 {position:absolute; top:-5000px; text-indent:-5000px; background:none; margin:0; padding:0; font-size:1px; color:#fff}
#menu-vertical a {
	color:#fff;
	text-transform:uppercase;
	font-size:1em;
	display:block; 
	height:120%;
	background: #d3d3d3 url(images/fleche-se-1.gif) no-repeat 6px 8px ; 
	padding-left:20px;
	border:none;
}
#menu-vertical a:hover {text-decoration:underline;text-shadow: 0px 0px 2px #FFF;}
#menu-vertical a.actif, #menu-vertical a:hover.actif {text-decoration:underline}

#menu-vertical ul {margin:0; padding:0; }
#menu-vertical li {margin:0; padding:0; border-bottom:1px solid #fff}


/** bloc recherche **/
#recherche {margin:0; padding:12px 0;display:none;}
#recherche form {border:none; }

/* style contenu **/
#contenu h4 {color:#003366; font-size:1.2em; }
#contenu img {margin:0 24px}
.bloc {margin:20px 0 0 0;}
p.encart {padding:12px; background:#f8f8f8; border-top:4px solid #6c96c6}

.list-liens li {list-style-image: url(images/fleche-se-1.gif);}
.list-liens a:hover {text-decoration:underline;}

/** annonce colonne droite **/
.annonce {margin:0; margin-bottom:8px; background:#d3d3d3;}
.annonce h5 {font-size:1em; margin:0; padding:8px; text-align:center; color:#6579AA;}
.annonce p {padding:4px 6px; margin:0; text-align:center}
.annonce img {border:1px solid #ccc; padding:4px; background:#fff}
.annonce a:hover {text-decoration:underline}

/** annonces **/
.banniere-top {background:#f9f9f9; width:760px; margin:0 auto; padding:0;}