body {padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#FFFFFF;}

div{vertical-align:top; text-align:top;}

#conteneur{
	width:1004px;
	position: absolute;
	left:auto;
	top:5px;
	padding-bottom:15px;
	margin: 0px;
}


#banniere{width:1004px; height:286px; margin-left: 1px;}
#logo{float:left;width:202px; height:286px; margin-left: 0px;}
#ban{ width:802px; height:286px; float:right; text-align:right}
#bandeau800-2{ width:800px; height:120px; }
#sousban{height:10px; width:1004px; clear:both;}

#pagegauche{position:absolute; width:202px; left:0; top:286px;}



#pagecentretete{float:right; width:800px;}

#formulaire{width:800px; padding-left:50px;}

#pagegauchetete{width:202px; float:left; margin-left: 1px; }


#menugauche{float:left; width:215px; background-image:url(../artpackage/cadre-bleu-degrade.jpg);}
#menugauche p{ padding-left:8px ;}
#menugauche img{ padding-left:0px ; width:202px;} 
#menugauche a{
padding:0; margin:0px;font-size:14px; font-weight:bold; text-transform:capitalize; text-decoration:none ; color:black; background-color:inherit;
}
#menugauche a:hover{
padding:0; margin:0px;font-size:14px; font-weight:bold; text-transform:capitalize;  color:firebrick ; background-color:inherit;
}
#menugauche .tit2{
padding:10px; margin:10px;font-size:18px; font-weight:bold; text-transform:capitalize;  color:black; background-color:inherit;height:25px; font-family:Helvetica, sans-serif, Arial ;
}


#pagetext{width:580px; padding:0 10px 0 0; float:left ;}
#pagetext-sanscoldroite{width:797px; padding:0 0px 0 0;}
#pagedroite{width:200px; float:right;}

#pathway{width:798px; height:25px; clear:both;   line-height:2.3em; font-weight:bold; background-image:url(../artpackage/pathway2.gif); background-repeat:repeat-x; font-size:11px;}
#pathway a{text-decoration:none; color:FireBrick; background-color:#FFFFFF;}  
#pathway a:hover{text-decoration: underline; font-weight:bold; font-size:12px;}

 
#footer{clear:both; width:1004px; height:25px; background-color:#ccc; color:#666666; font-size:10px; padding:5px 0 0 0; }
#footertxt p{text-align:center;padding:0; margin:0; line-height:1em}
#footer p a{text-decoration:none;  background-color:inherit;  color:#666666; padding:0; margin:0}
#footer p a:hover{text-decoration:underline;}


/* ****************************** SPECIAL TETE DE RUBRIQUE ********************************* */
#pagecentrale{width:800px}



#conteneur_addthis{
height:22px; width:165px; float:right ; padding-top:5px ;
}



/* ****************************** SPECIAL calque HTML  ********************************* */

#boite_msg {
	position: absolute;
	top: 200px;
	left: 350px;
	width: 769px;
	height: 546px;
}
#map_tarifs {
	position: absolute;
	top: 200px;
	left: 120px;
	width: 450px;
	height: 120px;
	border:#000 thick;
	/* background: url(../img/tarifs_769x546-vide.png) no-repeat; */
	background-color: #CCC; 
}




#conteneur_synaphe{
height:auto; width:202px; margin-top:5px ;
} 
#conteneur_synaphe img{
height:auto; width:75px; float:left ;  
} 
#conteneur_synaphe p{
height:auto; width:114px; float:right; font-size:10px ; font-family: Helvetica, sans-serif , Arial ;
} 

/* ****************************** FORMULAIRE *************************************** */
.module form{padding:0;margin:0; color:black; background-color:inherit;}
.input{  height:18px; font-size:10px; margin-bottom:5px; width:180px; color:black; background-color:inherit; border:1px solid blue;}
.textarea{  font-size:12px;  margin-bottom:5px;  color:black; background-color:inherit; border:1px solid blue;  }
.select{  height:18px; font-size:10px;  width:100px; line-height:1em;}
.chkbox{ line-height:2em; border:none; color:black;background-color:#fff;}
.bouton{background-color:#FFFFFF; color:black; border:1px solid blue; }


/* ****************************** STYLE  ********************************** */
hr{display:block; clear:both; padding:3px 0 3px 0; visibility:hidden; border:none}
br {float:none}

img a{border:none;}  /* de jacques ???? signification ??? */
a img{border:none;}   /* Gilles :  pas de cadre sur une image qui est un lien  */
.clear{clear:both;}
/* a{color:#2C6a93;; background-color:inherit; text-decoration:none;}
a:hover{color:#ffbe33; background-color:inherit;} 
*/
.tablenpage{margin:0; padding:0; border:none; border-collapse:collapse;}

#pagecentre li{ line-height:1.2em; font-size:12px;padding : 0 0 4px 0; list-style-image:url(../artpackage/puce.gif); font-family:Arial, Helvetica, sans-serif }
#pagecentretete li{ line-height:1.2em; font-size:12px;padding : 0 0 4px 0; list-style-image:url(../artpackage/puce.gif); font-family:Arial, Helvetica, sans-serif }

#pagecentre ul {clear:both; padding-top: 10px; list-style-image:url(../artpackage/puce.gif); }
#pagecentre ol {clear:both; padding-top: 10px; list-style-image:decimal }

#pagencentretete{color:#666666; background-color:inherit}
h1{ color:FireBrick; background-color:inherit; font-size:18px; font-weight:bold; margin:0; padding:10px 0px 5px 10px;}
h2{ clear:both; color:FireBrick; background-color:inherit; font-size:16px; font-weight:bold;}
h3{ color:black; background-color:inherit; font-size:14px; font-weight:bold; }
h4{ color:FireBrick; background-color:inherit; font-size:14px; font-weight:bold;}
h5{ color:FireBrick; background-color:inherit; font-size:12px; font-weight:bold;}
h6{ color:FireBrick; background-color:inherit; font-size:10px; font-weight:bold;}