*{margin:0; padding:0;}
body{margin:0; padding:0; text-align:center; background-color:#eae9df;}
a img {border:0;}
a {color:#525252; text-decoration:underline;}
a:hover {color:#ee7a02;}

#conteneur{margin: auto auto; width: 790px; height:525px;}

#contain {width:203px; float:left;}
#contain p {margin:0 auto;}
#contain p img{margin-bottom :20px;}
#contain ul#menu{width:203px; margin:0; padding: 0 ;list-style-type: none ;}
#contain ul#menu li{font: normal 9pt Arial; text-align:left;margin: 0 ;	padding: 0 ;}
#contain ul#menu li a{display: block ; width: 203px; line-height: 62px; color: #525252; text-decoration: none; text-indent: 40px; background: url(images/menu/menu.gif) no-repeat 0 0 ;}
#contain ul#menu li a:hover{background: url(images/menu/menu.gif) no-repeat 0 -62px ;}
#contain ul#menu li a#visited {background: url(images/menu/menu.gif) no-repeat 0 -62px ;}

#contain ul#menu li a#adm{display: block ; width: 203px; line-height: 64px; color: #525252; text-decoration: none; text-indent: 40px; background: url(images/menu/menu.gif) no-repeat 0 0 ;}
#contain ul#menu li a#adm:hover{background: url(images/menu/menubis.gif) no-repeat 0 -64px ;}
#contain ul#menu li a#active { line-height: 64px;background: url(images/menu/menubis.gif) no-repeat 0 -64px ;}

#contenu {width:587px; float:left;}
#contenu ul#menu{margin:40px 0 0 4px;	padding: 0 ; list-style-type: none ; height:30px;}
#contenu ul#menu li{display: inline ;	margin: 0 ;	padding: 0 ;}
#contenu ul#menu li a{	float: left ;width: 89px;line-height: 27px;  height:30px;text-decoration: none ; background: url(images/menu/menuhaut.gif) no-repeat 0 0 ; text-indent:15px;font-family:Arial; color:#525252; font-size:10pt;}
#contenu ul#menu li a:hover	{background: url(images/menu/menuhaut.gif) no-repeat -89px 0 ;}
#contenu ul#menu li a#visited 	{background: url(images/menu/menuhaut.gif) no-repeat -89px 0 ;}

#contenu #paragraphe {clear:both; background: url(images/fond.gif) no-repeat 0 0 ; height:473px; position:relative; top:0; left:0; }
#contenu #paragraphe #zone_ref {height: 328px; margin-right:20px; overflow-y: auto;}
#contenu #paragraphe #bris {height: 300px; margin-right:20px; overflow-y: auto;}
#contenu #paragraphe h1{margin:0; text-align:left;}
#contenu #paragraphe h1 img{margin: 38px 0 10px 32px;}
#contenu #paragraphe h1 .bis img{margin: 38px 0 4px 32px;}
#contenu #paragraphe h1.ref{color:#EE7902;font: italic 28px Verdana; afont-style:italic; padding-left: 25px; padding-top: 40px;}
#contenu #paragraphe h2{margin: 15px 30px 0 25px; font:normal 10pt Verdana; color:#ee7a02; text-decoration:underline;}
#contenu #paragraphe h2 img{float:right; margin: 0 0 10px 10px;}
#contenu #paragraphe p{margin: 15px 30px 0 25px; font:normal 8pt Verdana; line-height: 1.3em; color:#525252; text-align:justify;}
#contenu #paragraphe .photos{float:right; margin: 15px 30px 10px 10px;}
#contenu #paragraphe p img{float:right; margin: 0 0 10px 10px;}
#contenu #paragraphe p img.puce{float:left; margin: 0 10px 0 5px;}
#contenu #paragraphe p span{color:#ee7a02;}
#contenu #paragraphe p.listes{margin: 0 30px 0 50px; font:normal 8pt Verdana;  line-height: 1.3em;color:#525252;}
#contenu #paragraphe p.listes a{font:normal 8pt Verdana;  line-height: 1.3em;color:#525252;text-decoration:none;}
#contenu #paragraphe p.listes a:hover{color:#ee7a02; text-decoration:underline;}
#contenu #paragraphe p.listes2{margin: 10px 30px 0 50px; font:normal 8pt Verdana;  line-height: 1.3em;color:#525252;}

#contenu #paragraphe #formulaire {float:left; width :350px; margin: 0 15px 0 0;} 
#contenu #paragraphe #formulaire p{margin: 15px 0 15px 25px; font:normal 9pt Verdana; line-height: 1.3em; color:#ee7a02; text-align:justify;}
#contenu #paragraphe #formulaire h3{font:bold 10pt Verdana; line-height: 50px; color:#ee7a02; text-align:center;}

#contenu #paragraphe #formulaire #info {margin-left: 25px; color:red; font: italic 11px verdana; text-align:left; margin:0;}
#contenu #paragraphe #formulaire .row {clear: both; margin-left: 25px; padding-top: 5px; width:310px;}
#contenu #paragraphe #formulaire .row label {float: left; margin-right: 5px; width: 120px;text-align: right;font: normal 10pt verdana; color:#5d5d5d;}
#contenu #paragraphe #formulaire .row label span{font: normal 8pt verdana; color:#5d5d5d;}

#contenu #paragraphe #formulaire .row span.champs {float: left; width: 170px;padding-right : 10px; text-align: left;}
#contenu #paragraphe #formulaire .row span.champs input{border: 1px solid #ee7a02;}
#contenu #paragraphe #formulaire .row span.champs textarea{border: 1px solid #ee7a02;}

#contenu #paragraphe #adresse {float:left; margin: 95px 0 0 0px; width :189px; height:203px; background:url(images/contact.gif) no-repeat 0 0;}
#contenu #paragraphe #adresse p{margin:10px 10px 0 15px; font:normal 10pt Verdana; line-height: 1.3em; color:#525252; text-align:left;}
#contenu #paragraphe #adresse p a{font:normal 9pt Verdana; line-height: 1.3em; color:#525252; text-align:left; text-decoration:none;}
#contenu #paragraphe #adresse p a:hover{text-decoration:underline;}
  
#contenu #paragraphe #RGPD {clear:both; position:absolute; bottom:10px; left:0;}
#contenu #paragraphe #RGPD p a{font:normal 8pt Verdana; line-height: 1.3em; color:#525252;text-align:left; text-decoration:none;}
#contenu #paragraphe #RGPD p a:hover{text-decoration:underline;}

#contenu #paragraphe #bas {clear:both; position:absolute; bottom:10px; left:0;}
#contenu #paragraphe #bas p a{font:normal 8pt Verdana; line-height: 1.3em; color:#525252;text-align:left; text-decoration:none;}
#contenu #paragraphe #bas p a:hover{text-decoration:underline;}

#contenu b {font-weight: normal;}

#lexique { margin:0 auto; width:525px; text-align:center; line-height:12px;}
#lexique a {font:normal 10px Verdana; display:inline; border-right:1px solid #525252; color:#525252; text-decoration: none; padding: 0 3px;margin:0 0 2px 0;}
#lexique a.bord {border:0;}
#lexique a:hover {text-decoration: underline;}