/***** comportement des balises générales *****/
* { margin: 0; padding: 0; }
body { background:url(../img/enteteBack.gif) repeat-x #3D6088; margin:0; padding:0; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
h1{ float:left; font-weight:normal; }
h3{ font-size:16px; margin:0 0 20px 0; font-weight:normal;color:#4B576D;}
a img{ border:0;}
p{ margin:0 0 6px 0;}
hr{ margin:15px 0 15px 0; clear:left;}
label{ width:100px; display:block; float:left; clear:left;}
input, textarea{ float:left; width:200px;}

/***** structure *****/
#conteneur{}
#entete{ background:url(../img/entete.jpg) no-repeat; height:188px; }
#conteneur #centre{ background:#FFFFFF; padding:0 0 30px 0; width:100%; }
#conteneur #centre #menu2{ width:219px; height:340px; background:url(../img/menu.jpg) no-repeat; float:left; clear:left;}
#conteneur #centre #contenu{ float:left; width:340px; padding:20px 0 0 0; color:#4A7097; margin:0 0 0 16px; }
#conteneur #centre #img{ float:left; margin:64px 0 0 16px;}
#pied{ height:81px; background:url(../img/pied.jpg) repeat-x ; clear:both; }

/***** comportement des balises de la structures *****/
#entete  h1 span{ display:none;}
#entete #menu1 ul{ list-style:none; padding:0 0 0 402px; margin:144px 0 0 0; float:left;}
#entete #menu1 ul li{ float:left; margin:0 25px  0 0; height:20px;}
#entete #menu1 ul li a{ display:block; float:left;}
#conteneur #centre #menu2 ul{ list-style:url(../img/bullet.gif); float:left; margin:100px 0 0 25px;}
#conteneur #centre #menu2 ul li{ margin:0 0 6px 0;}
#conteneur #centre #contenu h2{ color:#4B576D; font-size:18px; margin:0 0 16px 0; font-weight:normal;}
#conteneur #centre #contenu ul{ color:#4B576D; font-size:16px; list-style:none; margin:16px; font-size:12px; list-style:url(../img/bulleteContenu.gif); font-size:11px;}
#conteneur #centre #contenu #garanti{ width:300px; height:83px; background:url(../img/crest_porte_fen.jpg) no-repeat  right;}
#conteneur #centre #contenu #frmContact p{ margin:4px 0; float:left; clear:left;}

/***** comportement des liens *****/
a, a:visited{color:#3D5F84;}
#entete #menu1 ul li a{ color:#FFFFFF; text-decoration:none; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#entete #menu1 ul li a:hover{ color:#3D5F84; text-decoration:none;}
#conteneur #centre #menu2 ul li a,#conteneur #centre #menu2 ul li a:visited{ color:#2e3f55; text-decoration:none;}
#conteneur #centre #menu2 ul li a:hover{ color:#97999d;}
#conteneur #centre #menu2 .currrent { list-style:url(../img/bulletHover.gif);}
#conteneur #centre #menu2 .currrent #cloisonDouche{color:#97999d;}

.rouge{ color:#4A7097;}
.break{ clear:left; margin:20px; 0 20px 0;}
.submit{ width:75px; margin:0 0 0 100px; width:57px; height:20px;}
.mail{ margin:0 0 0 100px;}