body {
	background-color: #f65700;
	/*background-image: url(images/background.gif);
	background-repeat: repeat-y;
	background-position: center;*/
    margin: 0;
    text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
/*div{border:#00FF00 1px solid}*/
#entete{background-color:#f65700;}
#main{
	background-image:url(images/background.gif);
	background-repeat: repeat-y;
	background-position: center;
	}
#container{
	 margin-left: auto;
     margin-right: auto;
     width: 838px;
	
	 background:#fff  url(images/bg_haut.jpg) no-repeat left 245px;
     text-align: left; /* on rtablit l'alignement normal du texte */
}

#corps{	 
	 background: url(images/bg_bas.jpg) no-repeat 511px bottom;	  	 
}
#corps h1,#corps h2{
	font-size: 19px;
	font-weight: bold;
	font-style:italic;
	text-align:left;
	text-transform:uppercase;	
	
	color:#87b339;
	border-bottom:#128ac2 3px solid;
	
	margin-top:25px;
	padding:5px;
	text-indent:30px;
	
	background-repeat: no-repeat;
	
}
#corps h1{width:70%;float:right;background-position: left bottom;background-image: url(images/mini-moulin.gif);clear:right;	}
#corps h2{width:60%;float:left;background-position: right bottom;background-image: url(images/mini-voile.gif);clear:left;	}	 
#corps h4{
	font-size: 15px;
	font-weight: bold;
	font-style:italic;
	text-align:right;
	text-transform:uppercase;
	margin-right:10px;		
	color:#006699;	
}
.left{clear:both; float:left;}
.right{clear:both; float:right;}
#corps strong { font-weight:bold; color:#006699; /*padding:3px; margin:2px; background-color:#FFFFFF; border:1px #339933 dashed;*/ }
#corps em {font-weight:bold; color:#87b339; /*padding:3px; margin:2px; background-color:#FFFFFF; border:1px #339933 dashed;*/ }
#corps img.decoimg{
	margin:0 20px 10px 20px;
	padding:10px;
	border:#87b339 dashed 2px;
}
#logos{  clear:both;float:left; }
#corps a { font-weight:bold;color:#87b339;}
#corps p {padding:10px; margin:5px;}
#services strong , #activites strong{ text-decoration:underline; }
#services, #activites{
	list-style-position: inside;
	margin:5px 10px 5px 10px;
	text-align:justify;
}
#activites{
	list-style-image: url(images/mini-mini-musclor.gif);
}
#services{
clear:left;
list-style-image: url(images/puce.gif);
margin-left:50px;

}
#utile{
float:left;
display:block;
width:320px;
margin-top:20px;


}
#utile span{
margin:10px 10px 10px 30px;
	padding:3px;	
	background-color:#A8DBEE;
	border:solid 1px #006699;
	font-size: 10px;	
	color:#006699;
	float:left;	
	width:250px;		}

h3 {color:#ffffff;
 font-weight:bold;
 font-size:12px;
 margin:0;
 background-color:#FF6600;
  padding:3px;}
#pic-proxi, #pic-surplace{
 margin:10px;
 display:block;
 float:left;
 border:#FF6600 solid 1px;
 padding:3px; 
}
#pic-proxi{ width:220px}
#pic-surplace{ width:455px; margin-left:50px;}
#horaires {
	font-size: 10px;	
	color:#006699;
	float:left;
	left:200px;	
		
}
#horaires span{	padding:3px;
margin:0px;
float:left;	
	background-color:#A8DBEE;
	border:solid 1px #006699;
	width:250px;	
	}
#horaires a{float:left;}

#utile a {color:#006699; font-weight:bold;}

p.Parag_1{ clear:both;}
#corps hr{ clear:both; height:0px; visibility:hidden; margin:0px; padding:0px;}

#pied p.adresse{float:left;}
#pied p.telephone{float:right; text-align:right; left:450px; width:340px; position:absolute;}

#pied p, #pied a, #pied strong{margin:0px; color:#5d0f01; font-size:13px;}
#pied{
clear:both;
	position:relative;
	background:#f65700 url(images/bg_pied.jpg) repeat-x left top;
	min-height:67px;
	width:520px;
	left:-5px;
	height:109px;
	padding-left:10px;	
}

#liseret{
	position:relative;
	background:#f65700 url(images/bg_bas_d.jpg) no-repeat right bottom;
	min-height:67px;
	width:59px;
	height:303px;
	margin-top:-303px;	
	left:838px;
}

#couleur_bas{
	
	width:100%;
	min-width:100%;		
	
	background-color:#f65700;

	}


#langues {
	position: absolute;	
	top: 250px;	
	width: 144px;
	padding: 0px;
	margin:0px 0px 0px 780px;
}
#menu {
	margin:0px;	
	padding:0px;
	height:22px;
	width: 840px;
	list-style-type:none;	
	border-top:#910f01 2px solid;	
	border-bottom:#910f01 2px solid;		
	background-color:#ffe200;	
}

#menu li{float:left;}

#menu  a{
	 display:block;
	border-right: 2px solid #910f01;	
	padding:3px 7px;
 
	font-weight:bold;
	font-style:italic;
	color: #910f01;
	text-decoration: none;
	text-align:center;	
	
	
}
#menu a:hover, #menu .on , #menu a:focus{ color:#fff; background-color:#910f01;}

/*PRATIQUE*/
dl, dt, dd, ul, li, ol {
margin: 0;
padding: 0;
list-style-type: none;
}


#pratique {
	position: absolute;
	clear:both;
	float:left;
	width:195px;
	display:block;
	margin:5px 5px 5px 0;
	
}

#pratique h1{
margin:0px;
text-align:center;
font-size:14px;
font-weight:bold;
color:#128fc2;}
#pratique dl{ text-indent:40px;}

#pratique #weekend{background-image: url(images/calendar.gif);}
#pratique #blog{background-image: url(images/news.gif);}
#pratique #toolbox{background-image: url(images/toolbox.gif);}
#pratique #nouveaute{background-image: url(images/new.gif);}
#pratique #toolbox,#pratique #nouveaute,#pratique #weekend, #pratique #blog {
border:none;
cursor: pointer;

	background-repeat: no-repeat;
	background-position: 5px top;
	font-size:13px;
	height: 32px;
line-height: 32px;
margin: 0px;
text-indent:41px;
text-align: left;
font-weight: bold;
color:#FFFFFF;
top:0px;
	}
#pratique dt {
background-image: url(images/bg_tool.gif);
	background-repeat: no-repeat;
	background-position:-40px center;

height: 32px;
line-height: 32px;
margin: -3px 0;
text-indent:41px;
text-align: left;
font-weight: bold;
color:#FFFFFF;

}

#pratique dd {
position: absolute;
z-index: 100;
left: 8em;
margin-top: -1.4em;
width:250px;
padding:5px;

background: #fff;
border: 2px solid #128ac2;
display:none;
}

#pratique ul {
padding: 2px;
}
#pratique p{
	color:#f65700;
	border-bottom:#87b339 1px solid;
	padding-bottom:5px;
	text-align:justify;
}
/*
#pratique3 a {float:right;
font-size:10px;
border:#87b339 1px solid;
background:#FFFFFF;
padding:3px;
margin-top:-1px;
}*/
#pratique li {clear:both;
margin:0px;
text-indent:20px;
background-position:left top;
background-repeat:no-repeat;
color: #87b339;
}

#pratique li {clear:both;
margin:0px;
text-indent:20px;
background-position:left top;
background-repeat:no-repeat;
color: #87b339;
}
li.visite{ background-image:url(images/pict_visite.gif);}
li.plan{ background-image:url(images/pict_plan.gif);}
li.news{ background-image:url(images/pict_news.gif);}
li.favoris{ background-image:url(images/pict_favoris.gif);}
li.recommander{ background-image:url(images/pict_recommande.gif);}
li.iti{ background-image:url(images/pict_iti.gif);}
li.meteo{ background-image:url(images/pict_meteo.gif);}
li.doc{ background-image:url(images/pict_doc.gif);}
li.cpqual{background-image:url(images/pict_cp-qualite.gif);}

#pratique li a, #pratique dt a {
color: #87b339;
text-decoration: none;
}

#pratique li a:hover {
text-decoration: underline;
}

/*LOCATIONS*/
#texte_Locations { margin-top:19px;}
#Descr_Locations{
	clear:both;
	list-style-type:none;
	float:right;
	right:0px;
	margin:5px;
	list-style-image: url(images/puce.gif);
	padding:0px;
	width:220px;
	
}
#Descr_Locations li{ }
#Descr_Locations a{ text-decoration:none; }

#Descr_Locations dt {
background: url(images/puce.gif) no-repeat left center;
height: 24px;
line-height: 24px;
margin: -3px 0;
text-indent:20px;
text-align: left;
font-weight: bold;
color:#87B339;
cursor:pointer;
}

#Descr_Locations dd {
position: absolute;
margin-top:-0.2em;
z-index: 100;
left:50%;
margin-left:-320px;

width:538px;
padding:5px;
background: #fff;
border: 2px solid #128ac2;
display:none;

}
#Descr_Locations h4{
color:#ff6600;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:450px;
font-size:15px;
font-style:italic;
margin:0;
padding:0;
float:left;
text-align:left;
vertical-align:middle;
}

#Descr_Locations img{
	
	margin:5px;
	float:left;
	border:none;
	text-decoration:none;
	
}
#location1 ul,
#location2 ul,
#location3 ul,
#location4 ul,
#location5 ul,
#location6 ul,
#location7 ul,
#location8 ul,
#location9 ul,
#location10 ul,
#location11 ul,
#location12 ul,
#location13 ul,
#location14 ul,
#location15 ul{
margin-left:20px;
clear:both;
font-size:11px;}

#chien_ko,#chien_ok,#handicap {
	float:right;
	margin-left:3px;
	
	background-repeat: no-repeat;
	background-position: right center;
	width:24px;
	height:24px;
}
#chien_ko {background-image: url(images/pictos/chien_ko.gif);}
#chien_ok {background-image: url(images/pictos/chien_ok.gif);}
#handicap{background-image: url(images/pictos/logo-handicap.gif);}

#boutons{float:left; }
/*FIN LOCATIONS*/
.Couleur_cellule_1,.Couleur_cellule_2{
	font-size: 13px;
	color: #ffffff;
	}
.Couleur_cellule_1 {
	text-align:left;	
	background-color:#87b339;
}
.Couleur_cellule_2 {
	font-weight: bold;
	text-align:center;
	background-color:#87b339;
}
.textepetitnoir {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.petittexte {
	font-size: 10px;
}
.tableclair,.tablefonce,.tablemoinsfonce,.tablemoinsclair,.tableclair2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	
	height:33px;
	vertical-align:middle}
.tableclair{
	font-size: 14px;
	background-color:#3D5984;	
}	

.tablefonce{
	font-size: 12px;
	background-color:#006699;
}
.tablemoinsfonce{
	font-size: 11px;
	color: #2B3E5C;
	background-color:#ffe8cc;
}
.tablemoinsclair{
	font-size: 11px;
	color: #2B3E5C;
	background-color:#ffd5a0;
}
.tableclair2{
	font-size: 11px;
	color: #2B3E5C;
	background-color:#d7effc;
}
.tableclair3{
	font-size: 11px;
	color: #2B3E5C;
	background-color:#e4f1f9;
}
#modeles{float:left; margin:0 20px 20px 20px;}
#itineraire{
width:320px;
margin:10px 10px 10px 40px;
	padding:3px;	
	float:left;
	
	
	border:dashed 1px #006699;
	

}
#itineraire img { position:absolute;margin-left:-30px; margin-top:-30px;}
#itineraire ul{
	list-style-position: inside;
	
list-style-image: url(images/puce.gif);
margin-left:10px;
margin-top:10px;
}
#qualite{
z-index:100;
position:absolute;
left:50%;
margin:0 0 0 360px;
top:275px;
}
#logosbas{
	position:absolute;
	background-color:#f65700;
	margin-top:-40px;
	margin-left:215px;
	text-align:center;
	font-size:10px;
	color:#FFFFFF;
	left: 2px;
}
/*checkbot case a cocher pour robot*/
.checkbot{display:none;}

.liens { font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	 }
.liens:active {color:#fff; text-decoration:none;font-weight:bold; }
.liens:visited {color:#fff;text-decoration:none;  font-weight:bold; }
.liens:link {color:#fff; text-decoration:none;font-weight:bold; }
.liens:hover {color:#fff;  font-weight:bold; }