@charset "utf-8";
/* CSS Document */

body
{width:auto;
background-image:url(images/fond.jpg);
background-repeat:repeat-x}

/***Textes et titres****/

p
{font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:justify;
line-height:18px;
color:#555}

ul
{font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:justify;
line-height:18px;
margin-left: -15px;
color:#555}

.liste_special
{list-style-image:url(images/puce.jpg)}

h1
{font-family:Arial, Helvetica, sans-serif;
color:
#15A3C7;
font-size: 18px;
text-align:left;
line-height:12px}

h2
{font-family:Arial, Helvetica, sans-serif;
color:
#15A3C7;
font-size: 14px;
text-align:left;
line-height:16px}

#titre
{
	height:60px;
	padding-top:3px;
	padding-left:5px;
	background-image:url(images/fond-titre.png);
	background-repeat:repeat-x;
	
}

#titre h1
{font-family:Arial, Helvetica, sans-serif;
color:
#0CF;
font-size: 18px;
text-align:left;}

#titre h2
{font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size: 12px;
text-align:left;
line-height:12px;
font-style:italic;}

a
{font-family:Arial, Helvetica, sans-serif;
color:
#15A3C7;
font-size: 12px;
line-height:18px;
text-decoration:none}

a:hover
{font-family:Arial, Helvetica, sans-serif;
color:
#333;
font-size: 12px;
line-height:18px;}

a img
{border: none}

/***Ensemble de la page***/

#contenu
{width:1100px;
height:auto;
margin-left:auto;
margin-right:auto;
background-color:#FFF;}


/*** Header ***/

#banniere
{width:1100px;
height: auto;}


/*** Menu ***/

#menu
{width:1100px;
height:28px;
margin-top: 0px;
margin-bottom: 15px;
background-color:#15A3C7}


#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 background-color:#15A3C7;
 }
 
 #menu .select li
 {background-color:#333;
 }
 
 #menu li:hover {
 float:left;
 margin:auto;
 padding:0;
 background-color:#333;
 }
#menu li a {
 display:block;
 width:200px;
 color:white;
 text-decoration:none;
 padding:5px;
 }
 

#menu li a:hover {
 color:#FFF;
 }
 
 #menu ul li ul {
 display:none;
 }
 
 #menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
 
 #menu li ul {
 position:absolute;
 }
 
 /*** menu villages ***/
 #menu-villages
{width:1100px;
height:28px;
margin-top: 0px;
margin-bottom: 15px;
background-color:#15A3C7}


#menu-villages ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu-villages li {
 float:left;
 margin:auto;
 padding:0;
 background-color:#15A3C7;
 }
 
 #menu-villages .select li
 {background-color:#333;
 }
 
 #menu-villages li:hover {
 float:left;
 margin:auto;
 padding:0;
 background-color:#333;
 }
#menu-villages li a {
 display:block;
 width:140px;
 color:white;
 text-decoration:none;
 padding:5px;
 }
 

#menu-villages li a:hover {
 color:#FFF;
 }
 
 #menu-villages ul li ul {
 display:none;
 }
 
 #menu-villages ul li:hover ul {
 display:block;
 }
#menu-villages li:hover ul li {
 float:none;
 }
 
 #menu-villages li ul {
 position:absolute;
 }
 
/**** fil d'arianne *****/
#filarianne
{width:1100px;
height:20px;
padding-left:10px}


#blocphoto h3
{font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:justify;
line-height:18px;
color:#555}

#bloccgv h3
{font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:justify;
line-height:18px;
color:#555;
text-decoration:underline;}


#menuhaut
{width:1100px;
height:20px;
margin-top: 12px;
background-color:#15A3C7}

#liensmenu
{height: 80%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px}

#liensmenu a
{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:
#FFF;
text-decoration:none}

#liensmenu
{background-color:#15A3C7;
height:20px}

#liensmenu:hover
{background-color:
#333;}

#pageactive
{background-color:#333;
text-align:center}

#pageactive a
{font-size: 12px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:
#FFF;
text-decoration:none}

/*** Bloc gauche ***/

#blocgauche a
{text-decoration:none;}

#blocgauche
{width: 500px;
height: 350px;
float:left;
margin-top: 12px;
background-color:#FFF}

#blocphoto
{width: 500px;
height: autopx;
float:left;
margin-top: 12px}

#texte_presentation_village
{background-image:url(images/fond-droite-tableau.gif);
background-repeat:no-repeat;}

#texte_presentation_village h2 a
{font-family:Arial, Helvetica, sans-serif;
color: #600;
font-size: 14px;
text-align:justify;
line-height:0px;
margin-top:0px;
margin-left:5px;}

#texte_presentation_village p
{font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:justify;
line-height:18px;
margin-left:5px;
margin-right:5px;
color:#000}



/*** Bloc Central ***/

#demande-de-resa
{font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:12px;
margin-left:150px;
width: 860px;}

#bloccentral
{width: 350px;
height: auto;
float:left;
margin-top: 12px;
margin-left: 20px}

#bloccgv
{width: 860px;
height: auto;
float:left;
margin-top: 12px;}

#demande
{width: 810px;
height: auto;
float:left;
margin-top: 12px;
margin-left:50px;
}

/*** menu droite ***/

#blocdroite
{width: 210px;
height: auto;
float:right;
background-color:
#FFFFFF;
margin-top: 12px;
margin-left: 20px}

#blocdroite h3
{color: #FFF;
font-size: 14px;
text-align: center;
font-family:Arial, Helvetica, sans-serif}

#blocdroite a
{color: #FFF;
font-size: 14px;
text-align: center;
text-decoration:none;}

#demande-de-sejour
{background-image:url(images/demande-de-sejour.gif);
height: 50px;}

#demande-de-sejour:hover
{background-image:url(images/demande-de-sejour-hover.gif)}

#demande-de-catalogue
{background-image:url(images/demande-de-catalogue.jpg);
height: 50px}

#demande-de-catalogue:hover
{background-image:
url(images/demande-de-catalogue-hover.jpg)}

#demande-de-sejour h3
{text-decoration: blink;
font-size: 10px;
margin-top:2px;
margin-bottom:2px}

#demande-de-catalogue h3
{color: #000000;
font-size: 12px;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-top:0px;
margin-left: 75px;}

#demande-de-catalogue a
{color:#000000;
font-size: 12px;}
#vosavantages
{color:
#15A3C7;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;}

#remontee-mecaniques
{background-image:url(images/remontee-mecaniques.gif);
height:50px}

#remontee-mecaniques a
{color:#990033;
font-size: 12px;
}


#remontee-mecaniques:hover
{background-image:url(images/remontee-mecaniques-hover.gif);}

#remontee-mecaniques h3
{color: #990033;
font-size: 12px;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-top:0px;
margin-left: 75px}

#esf
{background-image:url(images/esf.jpg);
height:50px}

#esf:hover
{background-image:url(images/esf-hover.jpg);}

#esf a
{color:#990033;
font-size: 12px;
}


#esf h3
{color: #990033;
font-size: 12px;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-top:0px;
margin-left: 75px}

#blogger h3
{color: #000000;
font-size: 12px;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-top:0px;
margin-left: 75px}

#blogger
{background-image:url(images/logo-blogger.gif);
height: 50px}

#blogger:hover
{background-image:url(images/logo-blogger-hover.gif);
height: 50px}

#blogger a
{color:#000000;
font-size: 12px;
}

#picasa h3
{color: #000000;
font-size: 12px;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-top:0px;
margin-left: 75px}

#picasa
{background-image:url(images/logo-picasa.gif);
height: 50px}

#picasa:hover
{background-image:url(images/logo-picasa-hover.gif);
height: 50px}

#picasa a
{color:#000000;
font-size: 12px;
}

/*** offres sejours ***/

#blocsejours
{width: 860px;
height: 225px;
float:left;
background-color:#FFFFFF;
margin-top: 12px}

#blocsejours h2
{font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-left:10px;}

#offresejours
{height:150px}

#offre-sejours-droit
{background-image:url(images/offre-sejours-droit.gif);
background-repeat:no-repeat;}


#touteslesoffres
{width:130px;
background-image:url(images/offre-sejours.gif);
background-repeat:no-repeat;}

#blocbaspage
{height: 60px;}

/*** nuage de tags ***/

#blocliens h5
{font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #999;
margin-top: -5px;
margin-bottom: 0px}

#blocliens a
{font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #999;
text-decoration:none}

#blocliens a:hover
{color:#3CF}

#blocliens
{width: 1100px;
height: auto;
float:left;
background-color:#FFFFFFF;
margin-top: 12px}

/*** footer ***/



#footer
{
width:1100px;
height: 20px;
float:left;
background-color:#15A3C7;
margin-top: 8px}

#footer p
{color: #FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:1px;
text-align:center}

#footer a
{color:#FFF;
text-decoration: none}

#footer a:hover
{color:
#333}