body {
background:#6C6B6B url(../images/fd.jpg) top left repeat-x; 
margin:0; 
padding:0;
text-align:center; 
font-size:11px; 
font-family:Arial, Helvetica, sans-serif;
}


#page { 
width:980px; 
margin:0 auto; 
text-align:left;
position:relative;
padding-bottom:35px;
height:1200px;
}

html > body #page {
min-height:1200px;
height:auto;
	
}

h1 { height:0; line-height:0; font-size:0; text-indent:-2000px;}

h1, h2, h3, h4, h5, h6, p, ul, li, form, label { 
padding:0px; 
margin:0px; 
line-height:140%;
font-weight:100
}


/****************************EDITEUR*******************************/
.wysiwyg { padding:20px 0  0 20px;}
.wysiwyg .img_droite { float:right; margin:5px; border:1px solid #FFF;}
.wysiwyg .img_gauche { float:left; margin:5px; border:1px solid #FFF;}
.wysiwyg h2 { color:#FFFFFF;font-size:26px;line-height:22px;padding-top:13px;}
.wysiwyg h3 {margin-top:13px; background-color:#443E3D; border-bottom:1px solid #F5F6F5;border-top:1px solid #F5F6F5;color:#F5F6F5;font-size:13px;font-weight:bold;line-height:23px;padding-left:5px;text-transform:uppercase; width:98%;}
.wysiwyg p.deco { background-color:#EEEEEE; color:#484242;  padding:14px; }
.wysiwyg p {font-size:12px; color:#FFFFFF; line-height:24px; padding-top:14px; }
.wysiwyg table { font-size:11px; color:#FFF;}
.wysiwyg table.tableau { background-color:#F0EFEC; font-size:12px;color:#6C6B6B;}
.wysiwyg table.tableau td{ border-bottom:1px solid #C3CBD0; padding:8px 0 3px;}
.wysiwyg table.tableau p {color:#6C6B6B;}
 
.wysiwyg a { color:#F6DA01;}
/****************************END EDITEUR*******************************/

select , input, textarea{ 
background-color:#FFFFFF; 
height:25px; 
margin-bottom:6px; padding:0 0 0 6px ;
border:1px solid #BFBFBE;
font-family:Arial, Helvetica, sans-serif; 
color:#909090; 
text-align:left;
font-size:16px;  
}

input{ height:22px; }
input.check{ height:13px; background-color:transparent; border:0; }


/************************** ENTETE **************************************/
#animationFlash { 
height:243px; 
border:1px solid #FFFFFF; 
}

#langues {
position:absolute;
top:223px;
left:8px;
width:713px;
}
#langues img {border:0;}

#menu {
position:absolute;
top:218px;
left:50px;
width:713px;
}

#menu li {
background:transparent url(../images/bg-sep_menu.gif) right 5px no-repeat;
display:inline;
padding:0 10px;
}

#menu li a {
color:#010000;
text-decoration:none;
line-height:20px;
}
/************************** /ENTETE **************************************/


/************************** CG **************************************/
#colonneGauche {
margin-top:28px;
width:169px;
height:auto;
float:left;
}

#cg{
background:#EEEEEE url(../images/bg-cg_top.gif) top left no-repeat;
margin-top:18px;
width:169px;
height:auto;
float:left;
}
#cg .contenu{
background:transparent url(../images/bg-cg_bottom.gif) bottom left no-repeat;
padding-bottom:13px;
height:100%;
}

#cg h3 {
padding-right:1px;
margin:14px 0;
text-align:right;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:18px;
line-height:25px;
text-transform:uppercase;
}
#cg h3 span { background-color:#000000; padding:2px 9px 2px 12px;}
#cg h3 strong { background-color:#000000; padding:1px 8px; font-size:14px;}
#cg h3 strong.carte { background-color:#35A7E0; text-transform:none;}
#cg h3 strong.cc { background-color:#629320; text-transform:none; font-weight:100; font-size:12px; line-height:17px;}

#cg div.img { 
background-color:#FFFFFF;
border:1px solid #C8C7C7;
padding:2px;
float:left;
display:inline;
margin-left:3px;}

a.lienCarte {
display:block;
padding-right:3px; 
text-align:right; 
color:#494949; 
text-decoration:none;  
}

#cg p {padding:0 3px 5px 7px;}

#cg a.prix{
background:#EEEEEE url(../images/bg_prix_coupCoeur.png)  4px 30px no-repeat;
position:relative;
display:block;
float:right;
height:80px;
width:87px;
color:#61B01F;
font-size:10px;
text-decoration:none;
}

#cg a.prix strong{
position:absolute;
top:41px;
left:10px;
height:27px;
width:62px;
font-size:18px;
color:#FFF;
font-weight:100;
text-align:center;
}


/************************** /CG **************************************/


/************************** PARTIE DROITE **************************************/
#partieDroite {
width:811px;
float:right;
height:auto;
padding-bottom:20px;
}

#centre { 
width:547px;
padding:12px 0px 10px 25px;
float:left
}

#cd { 
width:227px;
padding:0 3px 0 0;
float:right
}
/************************** /PARTIE DROITE **************************************/



/************************** CD **************************************/
#cd #contact {
background:#FFFFFF url(../images/bg-phone_bottom.jpg) bottom left no-repeat;
height:103px;
}
#cd #contact p {
padding:14px 4px 0 85px;
line-height:18px;
color:#747373;
}
#cd #contact p strong{
font-size:14px;
color:#61B01F;
line-height:30px;
}

#cd h3 {
float:right;
display:inline;
background-color:#000;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:18px;
line-height:25px;
text-transform:uppercase;
margin-bottom:20px;
padding:2px 9px 2px 12px;
}


#promos {
background:#FFF url(../images/bg-cd_top.gif) top left no-repeat;
padding-top:9px; 
margin-top:20px;}
#promos .contenu{
background:transparent url(../images/bg-cd_m.gif) top left repeat-y;
height:auto;}
#promos .contenu .contenu{
background:transparent url(../images/bg-cd_bottom.gif) bottom left no-repeat;
height:auto;
padding:10px 12px 10px 19px;}

.unePromo{ 
background:#F7F6F6 url(../images/bg-plus_promo.gif) bottom right no-repeat;
border:1px solid #CAC9CA;
clear:both;
position:relative;
padding-top:8px;
margin-bottom:20px;
width:194px;
height:auto;
cursor:pointer;
}

.unePromo h6{
position:absolute;
top:-15px;
left:0px;
text-align:right;
width:195px;
}
.unePromo h6 span {
background-color:#CAC9CA; 
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold; color:#FFF;
line-height:20px;
padding:3px 6px;
}

.unePromo img {
float:left;
margin:3px;
}

.unePromo p  {
clear:both;
line-height:16px;
color:#747373;
padding:3px;
}
.unePromo p a, .unePromo p a:hover,  .unePromo p a:visited{
color:#747373;
text-decoration:none;
}

.unePromo .prix {
float:left;
width:60px;
color:#61B01F;
font-size:10px;
padding-left:5px;
}
.unePromo .prix .barre {
text-decoration:line-through;
font-family:Arial Narrow, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

.unePromo .prix .prixPromo {
background:red url(../images/bg-prix_promo.png) top left no-repeat;
width:48px;
height:48px;
position:absolute;
left:143px;
top:13px;
color:#FFF;
font-family:Arial Narrow, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
line-height:48px;
text-align:center;
}

#promos .lienLesPromo{
display:block;
background-color:#B91014;
color:#FFF;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
line-height:30px;
padding-left:10px;
clear:both;
}
#promos .lienLesPromo span { font-family:Arial, Helvetica, sans-serif; font-size:18px;}
 
/************************** /CD **************************************/ 
 
/************************** CENTRE **************************************/  
#centre h2{ 
font-size:26px;
color:#FFF;
line-height:22px;
padding-bottom:13px;
}

#centre h4{
color:#E6E6E6;
font-size:12px;
line-height:36px;
padding-top:10px;
}
#centre h4 span { font-size:36px; color:#FFF;}

#btnLoc, #btnHotel, #btnCampings, #btnSejours {
background:#1B1B1F url(../images/jeux-btn_resa1.gif) 0 0 no-repeat;
float:left;
display:inherit; 
margin-right:6px;
padding-top:13px;
width:130px; 
height:50px;
color:#FFF;
font-size:16px; 
text-align:center;
text-decoration:none;
font-weight:600;
line-height:18px;
}
a#btnLoc:hover, a#btnLoc.select{ background-position: 0 -63px;}

#btnHotel{
font-size:14px;
background:#B91014 url(../images/jeux-btn_resa1.gif) -129px 0 no-repeat;
}
a#btnHotel:hover, a#btnHotel.select{ background-position:-130px -63px;}

#btnCampings{
background:#8AAF22 url(../images/jeux-btn_resa1.gif) -259px 0 no-repeat;
padding-top:20px;
height:43px;
}
a#btnCampings:hover, a#btnCampings.select{ background-position: -260px -63px;}

#btnSejours{
background:#E6E6E6 url(../images/jeux-btn_resa1.gif) -390px   0 no-repeat;
padding-top:20px;
height:43px;
color:#211A19;
}
a#btnSejours:hover, a#btnSejours.select{ background-position:-389px -63px;}

#centre p.legende { color:#FFFFFF; padding:8px;}

/************************** /CENTRE **************************************/   


/********************** FORM RECHERCHE *********************************/
#recherche{
position:relative;
}

#div_depart_cal {background-color:#ffffff;display:none; position:absolute; top:312px; left:262px; z-index:10;  }

#formRecherche  table { font-size:11px; line-height:13px;}

#formRecherche {
background:#000 url(../images/bg-moteur1_top.gif) top left no-repeat;
font-size:14px;
color:#FFF;
position:relative;
padding:10px 0 0 0;
}
#formRecherche .contenu{
background:transparent url(../images/bg-moteur1_bottom.gif) bottom left no-repeat;
padding:9px 10px 14px;

}

#formRecherche.formLoc .contenu, 
#formRecherche.formHotel .contenu,
#formRecherche.formCamp .contenu,
#formRecherche.formSej .contenu {height:235px}

html > body #formRecherche.formLoc .contenu, 
html > body #formRecherche.formHotel .contenu,
html > body #formRecherche.formCamp .contenu,
html > body #formRecherche.formSej .contenu { min-height:235px; height:auto;}

#formRecherche.formHotel {
background:#000 url(../images/bg-moteur2_top.gif) top left no-repeat;
}
#formRecherche.formHotel .contenu{
background:transparent url(../images/bg-moteur2_bottom.gif) bottom left no-repeat;
}
#formRecherche.formCamp {
background:#000 url(../images/bg-moteur3_top.gif) top left no-repeat;
}
#formRecherche.formCamp .contenu{
background:transparent url(../images/bg-moteur3_bottom.gif) bottom left no-repeat;
}
#formRecherche.formSej {
background:#000 url(../images/bg-moteur4_top.gif) top left no-repeat;
}
#formRecherche.formSej .contenu{
background:transparent url(../images/bg-moteur4_bottom.gif) bottom left no-repeat;
color:#211A19;
}
#formRecherche select, #formRecherche input { border-color:#FFF;}
#formRecherche select {
width:470px;
}

#dateArrivee, #duree, #nbPersonnes, #menuconfort , #menubudget {
float:left;
padding-right:5px;
}
#dateArrivee {
width:249px
}
#dateArrivee  select, #duree select {
width:216px;
}
#nbPersonnes select{
width:160px;
}
#menuconfort select, #menubudget select{
width:150px;
}

#codeproduit {
position:absolute;
top:188px;
left:9px;
}
#code-produit { width:222px;}
#codeproduit input.bouton{
background-color:transparent;
border:0;
border-bottom:1px solid #FFF;
color:#FFFFFF;
font-size:12px;
padding:0;
cursor:pointer;
width:113px;
}

#criteres {
position:absolute;
top:234px;
left:5px;
width:100%;
}
#criteres div { float:left; width:33%; line-height:4px;}

#div_depart_cal { position:absolute; left:370px; top:100px; width:280px; height:180px; z-index:50; display:none; background-color:#ffffff; }
#div_depart_cal table{
color:#908F8F;
font-size:16px;
}
#div_depart_cal table a, #div_depart_cal table a:visited{
color:#908F8F;
display:block;
}
#div_depart_cal table a:hover{
color:#FFF;
}

#btnFermer { line-height:22px; font-size:16px; background-color:#BFBFBF; color:#FFF; display:block; text-align:center; padding:3px 0; text-decoration:none;}

/********************** /FORM RECHERCHE *********************************/

/********************** LES RESULTATS *********************************/
#lesResultats {
background:#FFF url(../images/bg-listing_resultat_top.gif) top left no-repeat;
padding-top:10px;
}
#lesResultats .contenu {
background:transparent url(../images/bg-listing_resultat_bottom.gif) bottom left no-repeat;
padding-bottom:10px;
}
#triTop, #triBottom{
background-color:#EBEBEB;
text-align:right;
font-size:12px;
color:#747373;
padding-right:10px;
}
#triTop select , #triBottom select{font-size:12px; height:auto;}
#triBottom { padding:5px 5px 0px 5px;}
.unResultat {
height:185px;
position:relative;
border-bottom:1px solid #EBEAEA;

}
.unResultat h5 {
font-size:12px;
line-height:15px;
font-weight:bold;
color:#696869;
text-transform:uppercase;
background-color:#F5F6F5;
border-top:1px solid #E9E8E8;
border-bottom:1px solid #E9E8E8;
padding:4px 71px  4px 5px;
}
.unResultat div.texte { float:right; padding:5px; width:438px;}
.unResultat p { line-height:17px; font-size:12px; color:#696869; padding:15px 100px 0 0}

.unResultat div.img { 
background-color:#FFFFFF;
border:1px solid #C8C7C7;
padding:2px;
float:left;
display:inline;
margin:9px 0px 0px 9px;}

.unResultat  .prix {
background:transparent url(../images/bg-prix_listing_resultat_pair.png) top left no-repeat;
position:absolute;
top:6px;
left:456px;
width:69px;
height:75px;
padding:20px 15px 0 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#B91014;
text-align:right; 
}
#lesResultats .impair  .prix {
background-image:url(../images/bg-prix_listing_resultat_impair.png);
color:#191A1E;
}
.unResultat  .prix span { font-size:10px; font-family:Arial, Helvetica, sans-serif;}

.unResultat .carac {
position:absolute;
top:96px;
left:354px;
width:181px;
text-align:right;
}

.unResultat a.map {
position:absolute;
top:125px;
left:103px;
color:#604F3A;
font-size:12px;}

.unResultat .resa{
height:27px;
position:absolute;
top:150px;
left:5px;
width:535px;
}
.unResultat .resa a {
background:#FFF url(../images/bg-btn_listing_resultat_pair.png) top left no-repeat;
left top;
display:block;
float:right;
height:27px;
width:139px;
line-height:27px;
font-family:Lucida Sans, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
text-align:center;
text-decoration:none;
}
#lesResultats .impair .resa a {
background-image:url(../images/bg-btn_listing_resultat_impair.png);
}
.unResultat .resa select { 
height:23px; 
width:376px; 
float:left;
margin-top:3px;
font-size:13px;  
}

#navigationPages , #navigationPages a{ color:#4D8722; text-decoration:none; text-align:right; padding:10px; }

#gestionPages { float:left; width:159px; text-align:left; color:#747373; font-size:12px;}
#gestionPages a { color:#747373;}
/********************** /LES RESULTATS  *********************************/



/********************** PIEDPAGE  *********************************/
#piedPage { 
background-color:#EEEEED;
clear:both;
text-align:center;
padding-bottom:20px;
position:relative;}
#piedPage .contenu {
width:980px;
position:relative;
margin:0 auto;
clear:both;
}
#piedPage  p a, #piedPage  p a:hover, #piedPage  p a:visited { color:#696668; line-height:24px;}
#piedPage  p { padding-top:10px;}
#piedPage  p.paimentSecurise { text-align:left;}
#piedPage ul { background-color:#010000; width:auto; position:absolute; top:-20px; left:640px;} 
#piedPage ul li{ display:inline; padding:10px;}
#piedPage ul li a { line-height:30px; color:#FFF; text-decoration:none;}
#piedPage #logo { float:right; margin-top:20px; }

/********************** / PIEDPAGE  *********************************/ 



/****************************************************************** FICHE PRODUIT **********************************************************/

#partieDroite.ficheProduit { padding:0 3px 20px 20px; width:788px}

.ficheProduit #contact {
background:#FFFFFF url(../images/bg-phone_bottom.jpg) bottom left no-repeat;
height:93px;
width:227px;
float:right;
margin-bottom:27px;
display:inline;
}
.ficheProduit #contact p {
padding:14px 4px 0 85px;
line-height:18px;
color:#747373;
}
.ficheProduit #contact p strong{
font-size:14px;
color:#61B01F;
line-height:30px;
}

.ficheProduit #navigation { margin-top:45px;}
.ficheProduit #navigation a {display:block; width:226px; float:left; height:47px; line-height:47px; color:#FFFFFF; font-family:Lucida Sans,Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none; }
#retourListe { background:transparent url(../images/ficheProduit/bg-fp_btn_retour.gif) top left no-repeat; border-right:1px dashed #FFF; padding-left:31px;}
#modifRecherche { background:transparent url(../images/ficheProduit/bg-fp_btn_modifier.gif) 21px top  no-repeat; padding-left:50px;} 


#zonePhotos  { position:relative;}
#ficheProduit { 
background:transparent url(../images/ficheProduit/fd_ficheProduit.gif) top left no-repeat;
position:relative;
clear:both;
padding:13px 4px 0 4px;
width:772px;
height:auto;}

#ficheProduit h2 {
background-color:#F5F6F5;
border-bottom:1px solid #E9E8E8;
border-top:1px solid #E9E8E8;
color:#696869;
font-size:13px;
font-weight:bold;
line-height:15px;
padding:4px 60px 4px 5px;
text-transform:uppercase;
position:relative; 
}
#ficheProduit  .carac {
position:absolute;
top:39px;
left:528px;
width:186px;
height:35px;
text-align:right; 
background-color:#FFFFFF;
border:1px solid #F5F6F5;
}
#ficheProduit  .prixProduit {
background:transparent url(../images/ficheProduit/bg-fp_prix.png) top left no-repeat;
position:absolute;
top:-23px;
left:703px;
width:62px;
height:75px;
padding:20px 23px 0 5px;
font-family:Arial Narrow, Helvetica, sans-serif;
font-size:26px;
color:#FFF;
text-align:right; 
z-index:400;
}

#ficheProduit  .prixProduit span { font-size:10px; font-family:Arial, Helvetica, sans-serif;}


#ficheProduit #descriptif{
background-color:#F8F8F8;
padding:12px;
width:348px;
height:476px;
overflow:auto;
position:absolute; 
top:331px;
left:18px;
z-index:10000;
color:#696869;
line-height:18px;
font-size:12px;
}
#zonePhotos { 
height:301px;
width:405px;
padding:20px 2px 8px;
position:relative;
float:left;
}

#zonePhotos div { width:400px; height:300px; overflow:hidden; position: absolute; left:2px; top:9px; z-index: 51; text-align:center;}

#zoneVignettes { 
width:361px; 
float:right;
padding:34px 0 0; }

#zoneVignettes a { padding:2px 3px; border:1px solid #FFF; display:block; float:left; margin:6px 4px 0 0; }
#zoneVignettes a:hover { padding:2px 3px; border:1px solid #D1D1D1; background-color:#EAEAE9; } 
 
#ficheProduit #resa { 
float:right;
top:383px;
left:412px;
width:365px
}
#ficheProduit #resa h4{ color:#E6E6E6;
font-size:12px;
line-height:22px;
padding-top:10px;
padding-bottom:10px;}
#ficheProduit #resa h4  span {color:#FFFFFF;
font-size:36px; }
#ficheProduit table#calendrier {  font-size:16px; color:#908F8F; }
#ficheProduit table#calendrier tr{ background-color:#FFF;} 
 

#ficheProduit table#calendrier a,#ficheProduit table#calendrier a:visited { color:#908F8F; display:block}
#ficheProduit table#calendrier a:hover { color:#FFF;}

#ficheProduit #resa .selectresultats { width:180px; margin-bottom:20px;}





/* Fin des styles ajoutés pour la réservation */
.fiche-tarifscontour { color:#FFFFFF; font-size:13px; margin-top:20px;  border-bottom:1px solid #E2E1E1;}
.fiche-tarifsentete { background-color:#535353; border-top:1px solid #E2E1E1;}
.fiche-tarifsentete td {border-top:1px solid #E2E1E1;}
.fiche-tarifsinterieur { background-color:#616061; }
.fiche-tarifsoptions { background-color:#535353;}

.fiche-tarifscontour select { font-size:12px; height:auto;}

.selectionnez {
background:transparent url(../images/ficheProduit/bg-fp_btn_valider.gif) top left no-repeat;
border:0;
height:38px;
line-height:38px;
width:250px;
margin:10px 0 0 115px;
color:#FFF;
font-size:16px;
font-family:Lucida Sans,Arial, Helvetica, sans-serif;
font-weight:bold;
cursor:pointer;
}

/****************** Page diverses************/
.page #contact {
background:#FFFFFF url(../images/bg-phone_bottom.jpg) bottom left no-repeat;
height:93px;
width:227px;
float:right;
margin-bottom:27px;
display:inline;
}
.page #contact p {
padding:14px 4px 0 85px;
line-height:18px;
color:#747373;
}
.page #contact p strong{
font-size:14px;
color:#61B01F;
line-height:30px;
}

/**************** Page guide des communes ****************/
#tableCommune a {
color:#FFFFFF;
line-height:30px;
text-decoration:none;
}
#tableCommune a.nbProduit_1 { background-color:#7F7F7F;}
#tableCommune a.nbProduit_2 { background-color:#5D5B5C;}
#tableCommune a.nbProduit_3 { background-color:#453D3B;}
#tableCommune a.nbProduit_4 { background-color:#352B2A;}
#tableCommune a.nbProduit_5 { background-color:#211917;}
#tableCommune a.nbProduit_6 { background-color:#1C1616;}
#tableCommune a.nbProduit_7 { background-color:#000000;}

#guideDetail .unProduit { background-color:#FFFFFF; margin-bottom:10px; padding:5px;  clear:both; height:100%; }

#guideDetail img {
background-color:#FFFFFF;
border:1px solid #C8C7C7;
display:inline;
float:left;
margin:3px 0 0 3px;
padding:2px;
}
#guideDetail p {
color:#696869;
font-size:12px;
line-height:18px;
padding:6px 0 0 9px;
float:left;
width:300px;
}
#guideDetail a.btnDetail {
background:#FFFFFF url(../images/bg-btn_listing_resultat_pair.png) no-repeat scroll left top;
color:#FFFFFF;
display:block;
float:right;
font-family:Lucida Sans,Arial,Helvetica,sans-serif;
font-size:12px;
height:29px;
line-height:27px;
text-align:center;
text-decoration:none;
width:138px;
margin:20px 0px 0 0;
}
#guideDetail br { line-height:0; height:0; font-size:0;}
#lesBrochures .couleurmoyen1 h4 {color:#696869;
font-size:12px;
font-weight:bold;
text-transform:uppercase; }
#lesBrochures .couleurmoyen1 { background-color:#EEEEEE;}
#lesBrochures .couleurmoyen1 table ,.wysiwyg #lesBrochures .couleurmoyen1 table  p{ color:#3E3634; line-height:11px; font-size:11px;}
.wysiwyg #lesBrochures .couleurmoyen1 table  a{ color:#B81013;}
.wysiwyg #lesBrochures .couleurmoyen1 table a.lien { color:#60AF1E;}
#lesBrochures .couleurmoyen1 td { padding:5px;}

.btn_360 { background:#BB231A url(../images/ficheProduit/bg_btn_360.gif) no-repeat scroll left top; display:block; width:160px; height:27px; line-height:27px; color:#FFFFFF; text-decoration:none;  margin:0 0 8px 3px; padding-left:4px;
}

.legende { color:#FFFFFF; padding:8px 0 0 80px; line-height:35px;}

