body {	
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #cccccc;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-arrow-color: #cccccc;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;	
	text-align:center;
}
BODY.popup {
	SCROLLBAR-FACE-COLOR: #bee7b6;
	SCROLLBAR-HIGHLIGHT-COLOR: #e2f4de;
	SCROLLBAR-SHADOW-COLOR: #e2f4de;
	SCROLLBAR-3DLIGHT-COLOR: #e2f4de;
	SCROLLBAR-ARROW-COLOR: #3d6d0e;
	SCROLLBAR-TRACK-COLOR: #e2f4de;
	SCROLLBAR-DARKSHADOW-COLOR: #e2f4de;
	
	background-color:#fff;
	background:url(/images/croix-blanche.gif) no-repeat -5px -5px; ;
}
.popup h1 {font-style:italic;text-align:right;font-size:20px;font-family:arial black,helvetica,sans-serif;margin-bottom:0;color:#C2E8BB;}

form { text-align:left}	
a {text-decoration : none; color:#009900;}
input, select {font-size:0.9 em;}
input.nombre , #conteneur #contenu #page.item8 input.nombre{width:45px;}
a:hover {color:#C91622; }
table {width:100%;margin:0; padding:0;font-size:1em; }
th {text-align:center;}
table.petit {border:0;width:270px;float:left;margin-left:13px;margin-bottom:15px;}
table.petit td {text-align:left;}
table.petit td.poids {text-align:right;font-size:.9em;}
td {padding:2px;font-family: Arial, Helvetica, sans-serif;}
.item2 td.nomville, .item2 th.nomville{width:100px;width !important:250px;}
.item3 td.nomville{width !important:150px;}
.item4 th.nomville,.item4 td.nomville{width !important:150px;}
th.etablis {width:155px;width!important:200px}
td.activite {width !important:180px;}
.item5 th.nomville{width !important:150px;}


th.mail{width:55px;}
div {margin:0;}
img {border:0;}
hr {clear: both; color:#FFFFFF;height:1px; margin:0;padding:0;visibility:hidden}
ul {margin:2px 2px 2px 0;}
ul li {margin:1px 2px 1px 10px;}


fieldset{  padding: 1em;  border:none; border-bottom:2px dotted; }
label   {  clear:both;display: inline;  float: left; text-align:left;padding-bottom:3px;}

#conteneur #contenu #page.item2 fieldset {  border-color:#EDA600;}
#conteneur #contenu #page.item3 fieldset {  border-color:#C91622;}
#conteneur #contenu #page.item2 label {width :170px;}
#conteneur #contenu #page.item4 fieldset {  clear:both;margin-top:-25px;border-color:#29BF00;}
#conteneur #contenu #page.item5 fieldset {border-color:#5FB3FB;}
#conteneur #contenu #page.item4 label {width :130px;}
#conteneur #contenu #page.item5 label {width :140px;}
#conteneur #contenu #page.item8 label {width :130px;}
#conteneur #contenu #page.item8 input, #conteneur #contenu #page.item8 textarea {width :350px;}
#conteneur #contenu #page.item8 input.court {width :150px;}
#conteneur #contenu #page.item8 input.bouton {width :80px;background-color:#009000;color:#fff;font-weight:bold;margin:10px 30px;}

/*----------------- bandeau--------------------*/
#conteneur #bandeau {width:790px; margin : 0 0 0 auto;background:url(/images/bandeau5.gif) no-repeat ;text-align:right;}

#conteneur #bandeau form, #conteneur #bandeau input {margin:0; padding:0;height:15px;}
#conteneur #bandeau a {color:#000;}
#conteneur #bandeau img {margin:2px 0 0 0;}
#conteneur #bandeau #menuhaut {width:780px;text-align:right;margin:0;margin-top:70px;}
/*------------------menu bandeau --------------------------*/

#conteneur #bandeau #menuhaut ul{margin:0; padding:0; height:20px; line-height:16px; }
#conteneur #bandeau #menuhaut ul li{display:inline ;margin:0; padding:0;color:#336699;}
#conteneur #bandeau #menuhaut ul li a{color:#336699;font-size:13px;font-weight:bold;}
#conteneur #bandeau #menuhaut ul li a:hover{background-color:#039100;color:#fff;}
#conteneur #bandeau #menuhaut ul .accueil {float:left;margin-left:50px;color:#669966;}
/*------------------fin menu bandeau --------------------------*/
/*--------------menu--------------------------------*/
#contenu #menu,#contenu #menu dd,#contenu #menu ul {margin:0;padding:0 }
#contenu #menu {padding:0;width: 180px;float: left; text-align:left;background-color:#DEFFD1;color:#FFFFFF;}
#contenu #menu dl { padding:3px 0 3px 0; margin : 5px 0 5px 10px;font-weight:bold}
#contenu #menu dt {margin:8px 0 8px -8px;font-size!important:13px;color:#FFFFFF;border:2px solid #fff;letter-spacing:0.09em;padding:auto 0;}
#contenu #menu dt a {display:block; padding:auto 0;padding-left:10px;color:#FFFFFF;line-height:130%;}
#contenu #menu dt a:hover {  font-stretch:narrower;font-variant:small-caps;}
#contenu #menu dd {padding:1px 0 1px 0;}
#contenu #menu dd ul li {height:18px;line-height:normal;}
#contenu #menu dd a  {color:#451103;display:block; padding-left:0;}
#contenu #menu dd a:hover  {color:#FFF; background-color:#44AE40;}
#contenu #menu #bg1 #menu1,#contenu #menu #bg1 #menu1 #lien1, #contenu #menu #bg1 #smenu1 a:hover { background-color:#004794;}
#contenu #menu #bg2 #menu2,#contenu #menu #bg2 #menu2 #lien2,#contenu #menu #bg2 #smenu2 a:hover { background-color:#EDA600;}
#contenu #menu #bg3 #menu3,#contenu #menu #bg3 #menu3 #lien3,#contenu #menu #bg3 #smenu3 a:hover { background-color:#C91622;}
#contenu #menu #bg4 #menu4,#contenu #menu #bg4 #menu4 #lien4,#contenu #menu #bg4 #smenu4 a:hover { background-color:#29BF00;}
#contenu #menu #bg5 #menu5,#contenu #menu #bg5 #menu5 #lien5,#contenu #menu #bg5 #smenu5 a:hover { background-color:#5FB3FB;}
#contenu #menu #bg6 #menu6,#contenu #menu #bg6 #menu6 #lien6,#contenu #menu #bg6 #smenu6 a:hover { background-color:#006D54;}
#contenu #menu .bg7 li { margin :15px 20px; font-weight:bold; font-size:1.1em;font-size!important:13px;}
#contenu #menu .bg7 {margin : 5px 0 ; border-top:1px dotted #297700;border-bottom:1px dotted #297700;color:#009000;}
#contenu #menu .bg7 span {color:#000;font-size:.8em;}
#contenu #menu ul li {list-style-type:none; }

/*------------------------ contenu -------------------------*/
#conteneur #contenu #page h1 {margin:15px 5px 25px 20px; font-size:1.4em;font-weight:bold;border-bottom:2px dotted ;}
#conteneur #contenu #page h2 ,  h2{ color:#fff;font-size:1.2em;padding:2px 0;}
#conteneur #contenu #page h2:first-letter, h2 { font-size:1.4em;}
#conteneur #contenu #page h3, h3 { font-size:1.1em;background-color:#fff;margin-bottom:0;color:#297700;border-bottom:1px dotted #297700;}
#conteneur #contenu #page h3:first-letter, h3:first-letter {background-color:#669966;color:#fff; font-size:1.4em;padding:4px 2px 2px 4px;}
#conteneur #contenu #page h4 { font-size:1em;}
#conteneur #contenu #page ul, #conteneur #contenu #page ul li {list-style:none}
#conteneur #contenu #page ul li {background:url(/images/flechepuce5.gif) no-repeat ; padding:3px 12px;text-align:justify;}
#conteneur #contenu #page ol {margin-left:18px;padding-left:0;}
#conteneur #contenu #page ol li{padding:3px 0;}
#conteneur #contenu ul.listeliens {margin:0 auto 2px auto;}
#conteneur #contenu ul.listeliens li{background:url(/images/pointerouge.gif) no-repeat center left;display:inline;padding-left:6px;}



#conteneur #contenu #page .ok {float:right;}
#conteneur #contenu #page .ok a  {width: 30px; color:#fff;font-weight:bold;font-size:1em;text-align:center;}

#conteneur #contenu #page.item1 h1 {color:#004794;}
#conteneur #contenu #page.item1 {min-height:700px;height!important:700px;}
#conteneur #contenu #page.item1 h2 {background-color:#004794;}

#conteneur #contenu #page.item2 h1{color:#EDA600; }
#conteneur #contenu #page.item2 h4 {margin-bottom:3px;}
#conteneur #contenu #page.item2 h2, #conteneur #contenu #page.item2 .ok a{background-color:#EDA600; }
#conteneur #contenu #page.item2 table th {background-color:#EDA600; color:#fff;}
#conteneur #contenu #page.item2 table td {background-color: #ffffcc;} 

#conteneur #contenu #page.item3 h1,#conteneur #contenu #page.item3 .nosadresses {color:#C91622;}
#conteneur #contenu #page.item3 h2 , #conteneur #contenu #page.item3 .ok a{background-color:#C91622; }
#conteneur #contenu #page.item3 table {border-left: 1px dotted #C91622;}
#conteneur #contenu #page.item3 table tr.coul1 td {background-color: #f1f9ed;} 
#conteneur #contenu #page.item3 table tr.coul2 td {background-color: #f2f8fd;} 
#conteneur #contenu #page.item2 p.ok {margin-right:45px;}

#conteneur #contenu #page.item4 h1 {color:#29BF00;}
#conteneur #contenu #page.item4 h2 , #conteneur #contenu #page.item4 .ok a{background-color:#29BF00 }

#conteneur #contenu #page.item4 input {background-color:#29BF00;color:#fff;font-weight:bold;}
#conteneur #contenu #page.item4 table th {background-color:#29BF00; color:#fff;}
#conteneur #contenu #page.item4 table td {background-color: #f1f9ed;} 


#conteneur #contenu #page.item5 h1 {color:#5FB3FB;}
#conteneur #contenu #page.item5 h2 , #conteneur #contenu #page.item5 .ok a{background-color:#5FB3FB; }

#conteneur #contenu #page.item5 table th {background-color:#5FB3FB; color:#fff;}
#conteneur #contenu #page.item5 table td {background-color: #f1f9ed;}
#conteneur #contenu #page.item5 p.ok {margin-right:75px;}

#conteneur #contenu #page.item6 h1 {color:#006D54;}
#conteneur #contenu #page.item6 h2 {background-color:#006D54; }
#conteneur #contenu #page.item7 h1, #conteneur #contenu #page.item8 h1  {color:#009000;}
#conteneur #contenu #page.item7 h2 {font-size:1.1em; line-height:12px;}
#conteneur #contenu #page.item7 h2 a{color:#004794;margin-bottom:-15px;line-height:15px;}
#conteneur #contenu #page.item7 h2 a:hover{color:#009000;}
#conteneur #contenu #page.item7 p {margin:-15px 5px 6px 0;}
#conteneur #contenu #page.item7 p a {margin:-35px auto 15px 15px;background:url(/images/pointerouge.gif) no-repeat center left;padding-left:15px;}
p {margin:6px 5px 6px 0; line-height:17px;text-align:justify}
.savoirplus a {color:#039100;font-size:.7em}
.savoirplus {color:#000}
.droite {float:right; margin:10px 0 5px 10px; }
.gauche {float:left; margin:10px 10px 5px 0;}
.hautdepage {clear:both;text-align:right;font-size:0.8em}
.lienisole {clear:both;text-align:right;}
.lienisole li {font-size:0.85em;line-height:10px;margin: 0 auto;padding:0;}
.lienisole li a{font-size:1em;background:none;line-height:10px;margin: 0 auto;padding:0;}
.lienisole a, a.voir{font-size:0.95em;background:url(/images/pointerouge.gif) no-repeat center left;padding-left:10px;}

.textetlien {clear:both;text-align:right;font-size:0.95em;margin-top:-25px;}
.textetlien span {background:url(/images/pointerouge.gif) no-repeat center left;padding-left:3px;}
.special {color:#004794;}
.nosadresses {margin:20px 0 0 0; font-weight:bold;text-decoration:underline;}
.poids {font-size:0.8em}
span.resa {background-color:#C91622;color:#fff;font-weight:bold;}
.enrouge {color:#FF0000; font-size:.75em}

/*------------------- le pavé actus -------------*/
dl.actus { margin:15px 0 0 0; clear:both; }
dl.actus dt {background:url(/images/beretgauche2.gif) no-repeat top left;  font-weight:bold;color:#009000;padding-top:10px;padding-left:20px;border-bottom: 3px dotted #C91622;}
dl.actus .photoleft {margin:2px 0 5px 0;padding-left:10px;}
dl.actus dd {padding-top:5px;margin-left:0;padding-left:10px;}
dl.actus dd ul {list-style:none; float:right;margin:5px 10px 5px 0}
dl.actus dd ul li {list-style:none;background:url(/images/pointerouge.gif) no-repeat center left; padding:0 0 2px 8px}

dl.actus h2 {font-size:1em;color:#FF48C4;margin:2px 0}
.legende {
display:block;
color:#999;
font-size:10px;

}
/*----------------tableau plan ------------------*/

.plantitre {
	color: #865602;
	background:#EDDBA1;
	font-weight:bold;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-decoration:underline;
	border-bottom:4px solid #FFFFFF;
	font-size:11px;
}
/* -------------retour accueil ------------*/
#conteneur #retour {width:65px;height:90px;position:relative; top:10px; position!important:relative; top:10px; }
/*------------------ affichage sur deux colonnes : villages ------*/
#col1,#col2 {
margin-top:15px;
width : 50%;
float: left;
text-align: left;
}
/*----------------page comment venir -----------*/
#route2 {
width : 200px;
float: right;
text-align: left;
}
#route1 {
width : 250px;
}
#route1 dt {background:url(/images/flechepuce5.gif) no-repeat top left;padding-left:10px;}
#reservation {margin-top:-25px; margin-bottom:0;text-align:right;}
/* ----------------contact --------------*/

/*----------------pied de page ------------------*/
#pied {position : absolu; bottom :0;margin:auto;width:780px;font-size:.8em; height:20px; clear:both;background-color:#194479;color:#fff;}
#pied ul {list-style:none;padding:0}
#pied ul li {list-style:none;padding:0;background:none;line-height:20px;}
#pied ul li a {font-weight:bold;color:#fff;padding:0}
#pied ul li#novaldi {float:left;text-align:left;width:220px;}
#pied ul li#planlegal {float:right;text-align:right;width:500px}
/*----------------fin pied de page ------------------*/

/*-----------mentions legales -------------*/
ul.infos{margin-left:0;	}
ul.infos li{padding-top : 10px;}


/* ------------ Randonnées ---------------*/
#conteneur #contenu #page div.rando {text-align:center;margin-top:10px;}
#conteneur #contenu #page div.rando a{font-weight:bold;text-decoration:underline;}
#conteneur #contenu #page div.rando a:hover{text-decoration:none;}
#conteneur #contenu #page div.rando .agauche {float:left;}
#conteneur #contenu #page div.rando span {font-weight:bold;color:#004794;}
#conteneur #contenu #page h3.sans_lettrine:first-letter {font-size:1.0em;background-color:#fff;margin:0px;padding:0px;color:#297700;clear:both;}

/* -------------- Brochure ---------------- */
table.moyen {border:0;width:270px;float:left;margin-left:13px;margin-bottom:15px;margin-top:7px;}
table.moyen td {text-align:left;font-size:1.2em;}
table.moyen a{background:url(/images/pointerouge.gif) no-repeat center left;padding-left:10px;}
table.moyen td.poids {text-align:right;font-size:.9em;}
#conteneur #contenu #page h3.brochure{clear:both;}

/* --------------- Photos ----------------------*/
#conteneur #contenu #page p.infos{font-style:italic;font-size:0.9em;}

/* ---------------- chargement --------------- */
/*div#chargement{	font-family:Verdana,Arial,sans-serif;font-size:11px;color:#327188;text-align:center;display:none;z-index:10;}
div#chargement p{margin:0px auto;width:400px;border : 1px solid #46A1C2;background : #F3FAFC;text-align:center;}*/

/* -------------- Plan du site ------------------------- */
#conteneur #contenu #page ul.plan {margin:0px;text-indent:0px;}
#conteneur #contenu #page ul.plan li{background:none;list-style-image:url(/images/pointeverte.gif)}
#conteneur #contenu #page ul.sousplan li{background:none;list-style-image:url(/images/pointerouge.gif)}
#conteneur #contenu #page div.plan_droite{width:300px;float:left;margin:0px;padding:0px;}


/* ------------------------- Propriétés des th pour les images --------------------------- */
#conteneur #contenu #page table th.images{padding:1px;}

/* geolocalisation*/
p.map{color:#ffffff; }