/* CSS Document */

* {
	margin: 0px; /* Reset */
	padding: 0px; }

html{
  height:100%; margin: 0px; /* Reset */
	padding: 0px;
}
body {
	margin: 0px; /* Reset */
	padding: 0px; /* Reset */
	background:url(images/fd.gif) repeat-y;
	font-family: "Trebuchet MS";
	font-size: 14px;
	z-index: 1;
	position: relative;
}
img { display: block; border: 0px; } /*Evite l'espace blanc sous les images avec IE*/
form, ul, li, dl, dt, dd, p, hr {margin:0px;padding:0px;} /* Reset */


/* LAYOUT GENERAL DE LA PAGE ----------------------------------------*/
#conteneur { position : relative;   width:767px ; margin-left: 18px; display: block;}
#contenu  { margin-left:166px; margin-right: 119px; width:482px;  min-height:480px; }
#header { height: 91px; background: url(images/diagno.gif) left top no-repeat; }
#footer { position: absolute; width:767px; height: 51px; display:block; background-color: #CCCCCC; }
#menu { position:absolute; left:0px; width: 166px;  }
#droite{ position:absolute; display: block; width: 119px; right:0; border-color:#cccccc; min-height:480px; border-left-style: solid; border-width: 1px; }
#droite p{ font-size:11px; display:block; margin:auto; width:100px; text-align:center; color:#666666}

/* header --------------------------------*/
#bandeau {width:767px; height: 145px; display:block;} 
#bandeau #centre  {height: 145px; width:482px; float:left; background: url(images/maison.gif) no-repeat; display:block;}
#bandeau #contact { width:119px; float:right; border-color:#cccccc;  border-left-style: solid; border-width: 1px; height:145px; display:block  }
#bandeau #contact a:link, #bandeau #contact a:visited  { background:url(images/contact2.jpg) no-repeat; display:block; width:119px; font-size:14px; text-decoration:none; color:#656667; text-align:center; }
#bandeau #contact a:hover, #bandeau #contact a:active { background:url(images/contact1.jpg) no-repeat; text-decoration: underline; }




#bandeau #centre ul { padding: 5px 5px 0 180px; display:block ; }
#bandeau #centre li { font-size:18px; color:#666666; list-style-type:none; background-image: url(images/puce.gif);
    background-repeat: no-repeat; background-position:0px 14px; padding-left:18px; padding-top:8px; }

/* heater --------------------------------*/
#header p{padding-left:500px;font-size:12px; color:#999999; padding-top:60px; text-align:right; padding-right: 8px }

/* footer --------------------------------*/
#footer p{font-size:12px; color: #FFFFFF; text-align:center; padding-top:3px; }
#footer a:link, #footer a:visited {font-size:11px; color: #FFFFFF; text-decoration:none; display: inline}
#footer a:hover, #footer a:active {text-decoration:underline;}

/* MENU DE GAUCHE ----------------------------------------*/
#menu .titre { display: block; background-color:#F2931B;  font-size:14px; color:#FFFFFF; height:18px; padding-right: 25 px;text-indent:4px; width : 166px  }
#menu .lientitre:link, #menu .lientitre:visited  { background-color:#F2931B; color:#FFFFFF; text-decoration:none;text-align:right; display: block; text-indent:4px; padding-right:14px;}
#menu .lientitre:hover, #menu .lientitre:active  { text-decoration:none; padding-right:22px }
#menu li{ list-style-image:none; list-style-type:none;}
#menu .rubon{font-size:11px; color: #cccccc; background-color: #999999; text-decoration:none; display:block; padding-right:14px; text-align:right; padding-bottom:3px; text-indent:4px;}
#menu li a:link, #menu li a:visited {font-size:11px; color: #666666; background-color: #CCCCCC; text-decoration:none; display:block; padding-right:14px; text-align:right; padding-bottom:3px; text-indent:4px;}
#menu li a:hover, #menu li a:active  {font-size:11px; color: #cccccc; background-color: #666666; text-decoration:none; display:block; padding-right:14px; text-align:right; padding-bottom:3px; text-indent:4px;}

/*contenu ------------------------------*/
#contenu .chemin { display: block; background-color:#656667;  font-size:14px; color:#FFFFFF; height:18px; width:482px; padding-left:4px}
#contenu #textcontenu{padding-top: 12px; padding-left:15px; text-align:justify; font-size:12px; color:#666666; width:450px; display:block; }
#contenu #textcontenu .puce{font-size:12px; color:#666666; background-image: url(images/puce.gif);
    background-repeat: no-repeat; background-position:0px 0px; padding-left:18px;  font-weight:bold;  }
#contenu #textcontenu .pucegros{font-size:20px; color:#F2931B; font-weight:bold;  }
#contenu .titre { font-size:36px; color:#F2931B; padding-top:14px;}
#contenu .sstitre { font-size:14px; font-weight:bold; color:#666666;}
#contenu a:link, #contenu a:visited {font-size:12px; font-weight:bold; color:#FF9933; text-decoration:none; /*float:right*/}
#contenu a:hover, #contenu a:active {font-size:12px; font-weight:bold; color:#FF9933; text-decoration:underline; }
#contenu strong{ font-size:13px; color:#666666}
/* droite -----------------------------*/	
#droite .titre { display: block; background-color:#F2931B;  font-size:14px; color:#FFFFFF; height:18px; text-align:center; width : 119px  }
#postit {position:absolute; width:280px; height:200px; z-index:2; left: 190px; top: 43px; }

#formdocu dl {padding-top:2px;}
#formdocu p { width:435px; height:18px; text-align:right; margin-right:12px; display:block}
#formdocu .case {clear:left;}
#formdocu dt {float : left; width:80px; height:18px; text-align:right; margin-right:12px; display:block}
#formdocu dd{float : left; width:300px}
#formdocu hr {height: 2px; line-height:2px; color: #dedede; background-color: #666666; padding-top:8px; }
#cache1 {background:url(images/contact1.jpg); visibility:hidden;}
#cache2 {background:url(images/contact1.jpg); visibility:hidden;}

.a:link, a:visited {font-size:12px; font-weight:bold; color:#FF9933; text-decoration:none; /*float:right*/}
a:hover, a:active {font-size:12px; font-weight:bold; color:#FF9933; text-decoration:underline; }