@charset "iso-8859-1";
body{text-align:center; font-family:arial,verdana,sans-seriff; font-size:12px;}
a{text-decoration:none; color:black;}
/*ul{margin:0; padding:0; list-style-type:none;}*/
p{margin:10px 0;}
h1, h2{color:#369; font-size:1.5em;}

cite{color:#369; font-weight:bold; font-size:1.2em;}

#entete, #page, #pied{position:relative; width:950px; text-align:left; margin: 0 auto;}
#entete{height:184px; background:url(images/entete/entete_fond.jpg);}
#page{background:url(images/page/page_fond.jpg) no-repeat white;}

#gauche, #droite{/*border:solid 1px blue;*/}
#gauche{width:150px; float:left;}
#gauche ul{position:relative; margin:0; padding:0; list-style-type:none; text-align:center; top:-10px; width:80%; left:15px;}
#gauche li{font-size:12px; margin-bottom:10px; border-bottom:solid 1px #369; padding-bottom:10px;}
#gauche a{color:#369; font-weight:bold;}
#gauche a:hover{color:red;}

#droite_index{width:790px; float:right;}
#droite{width:750px; float:right; margin-right:20px;}
#droite li{margin-top:10px;}

ul#menu_hor{position:relative; width:95%; text-align:right; margin:20px 0;}
#menu_hor li{display:inline; padding-right:5px; margin-right:5px; border-right:solid 1px #369;}
#menu_hor a{color:#369; font-weight:bold; font-size:1.2em;}

ul#gamme {list-style-type:square; color:#369; padding:0px;}
ul#gamme li {padding:0; margin:0;}
ul#gamme a {color:#369; font-weight:bold;}

#animation{/*border:solid 1px green;*/ width:100%;}

#pied{height:50px; border-top:solid 1px #369; text-align:center;}
#pied ul{margin-top:5px;}
#pied li{display:inline; border-left:solid 1px #369; margin-left:5px; padding-left:5px;}
#pied a{color:#369;}

a#ste, a#gamme, a#actu, a#faq, a#conseils, a#contact{width:149px;height:25px;display:block;position:relative;}
a#ste{background: url(images/boutons/ste_off.jpg) no-repeat;}
a#ste:hover{background: url(images/boutons/ste_on.jpg)}
a#gamme{background: url(images/boutons/gamme_off.jpg) no-repeat;}
a#gamme:hover{background: url(images/boutons/gamme_on.jpg)}
a#actu{background: url(images/boutons/actu_off.jpg) no-repeat;}
a#actu:hover{background: url(images/boutons/actu_on.jpg)}
a#faq{background: url(images/boutons/faq_off.jpg) no-repeat;}
a#faq:hover{background: url(images/boutons/faq_on.jpg)}
a#conseils{background: url(images/boutons/conseils_off.jpg) no-repeat;}
a#conseils:hover{background: url(images/boutons/conseils_on.jpg)}
a#contact{background: url(images/boutons/contact_off.jpg) no-repeat;}
a#contact:hover{background: url(images/boutons/contact_on.jpg)}

/*
dl{position:relative; width:370px; background:url(images/cadres/fond_cadre_ht.jpg) no-repeat; float:left; margin-left:10px;}
dt,dd{margin:0; padding:0;}
dt img{position:absolute; left:30px; top:20px;}
dd{background:url(images/cadres/fond_cadre_bas.jpg) no-repeat bottom; height:200px;}
dd h1{font-size:15px; color:#369; margin-left:100px; margin-top:20px; padding:0;}
dd p{width:250px; padding:0; margin:0 0 0 100px;}
*/

dl{position:relative; width:370px; background:url(images/cadres/fond_cadre_ht.jpg) no-repeat; float:left; margin-left:10px;}
dt,dd{margin:0; padding:0;}
dt{color:#369; font-weight:bold; font-size:1.3em; margin:10px 0 0px 0px; text-align:center;}
dd{background:url(images/cadres/fond_cadre_bas.jpg) no-repeat bottom;}
dd p{text-align:left;width:325px; padding:0; margin:0 0 5px 25px;/*120px*/ /*border:solid 1px black;*/}

#boucle_texte{position:absolute;width:800px; right:130px; top:25px; text-align:right;}

#visuel div{float:left; width:105px; text-align:center;}
#visuel a{color:#369; font-weight:bold;}

label{font-size:11px; color:#336699;}
#droite label{display:inline; float:left; width:140px; font-weight:bold; text-align:right; margin-right:10px; padding-top:5px;}
##droite input, textarea, select {display:inline; margin:3px;font-family:arial;font-size:12px;}
.obli {color:#369; font-size:1.5em; font-weight:bold;}

input.bleu, input.bleu_gd, input.bleu_suivant, input.bleu_precedent,input.gris_suivant,input.gris_precedent {background:url(images/boutons/fond_boutons.gif) no-repeat; border:none; height:30px; width:100px; margin:5px; font-weight: bold; font-size: 10px; text-align:center; color: white;}
input.bleu_gd {background:url(images/boutons/fond_boutons_gd.gif); width:130px;}
input.bleu_suivant {background:url(images/boutons/suivant.gif); width:30px;}
input.bleu_precedent {background:url(images/boutons/precedent.gif); width:30px;}
input.gris_suivant {background:url(images/boutons/suivant_g.gif); width:30px;}
input.gris_precedent {background:url(images/boutons/precedent_g.gif); width:30px;}
.date{font-size:0.5em; margin:0; padding:0;}
.imp{color:#369; font-weight:bold; font-size:1em;}
.imp_menu{color:#369; font-weight:bold; font-size:1em;text-decoration:underline;}

#produits{position:relative; background:url(images/visuel_gamme_2.gif); width:740px; height:220px;}
/* #produits{position:relative; background:url(images/visuel_gamme.gif); width:740px; height:220px;} */
/* #produits a{display:block; width:105px; height:200px; float:left; border:solid 1px red;} */
#produits a{position:absolute; display:block; height:160px; /*border:solid 1px red;*/}
#produits a#cuisine{bottom:0; left:0; width:80px;}
#produits a#dechets{bottom:20px; left:80px; width:80px;}
#produits a#linge{bottom:0; left:160px; width:90px;}
#produits a#personne{bottom:20px; left:265px; width:90px;}
#produits a#sols{bottom:20px; left:370px; width:120px;}
#produits a#sanitaires{bottom:10px; left:500px; width:80px;}
#produits a#desodorisation{bottom:10px; left:580px; width:80px;}
#produits a#entretien{top:4; left:660px; width:80px;}