/* CSS Document */

body{
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#6b6f79;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	background-image:url(images/_structure/body/body.jpg);
	background-position:center top;
	background-repeat: repeat-x;
	background-attachment:fixed;
}

img{border:0;}

p{ margin:8px 0px;}

a{text-decoration: none; color:#5f3e20;}
a:hover {text-decoration:none;}

.clear{clear:both;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font21{font-size:21px;}
.font25{font-size:25px;}
.sep5{height:5px;}
.sep20{height:20px;}

h1{
font-size:25px; 
color:#5B2F17; 
font-weight:normal; 
margin:0px 0px 7px 0px; 
padding:10px 0px 15px 45px; 
font-style:italic; 
background-image:url(images/puces/h1.png); 
background-repeat:no-repeat; 
background-position:0px 15px;
display:block;
border-bottom:#8b8171 1px solid;
}

h2{
font-size:16px;
margin:10px 0px 15px 0px;
padding:0px 0px 0px 30px;
color:#5B2F17;
background-image: url(images/puces/h2.png);
background-position:10px 0px;
background-repeat:no-repeat;
}
h3{font-size:20px;color:#a1bf1a;font-weight:normal; font-style:italic;}
h4{font-size:18px;}
h5{font-size:16px;}

/** STRUCTURE **/

#wrapper{
	width:980px;
	margin:0px auto;
	position:relative;
	overflow:hidden;
}

#header{
	width:946px;
	margin:0px auto;
	position:relative;
	overflow:hidden;
	height:146px;
	}

#container-accueil{
width:948px;
margin:0px auto;
position:relative;
background-image:url(images/_structure/content/fd_encart2.jpg);
background-repeat:repeat;
border-top:#FFFFFF 2px solid;
}
#container{
width:938px;
margin:0px auto;
position:relative;
border:#cec1b5 1px solid;
padding:3px 0px 10px 3px;
}
#left-accueil{
float:left;
width:726px;
}

#main{
width:710px;
}
main-accueil{
float:left;
width:724px;
}
#right{
float:right;
width:222px;
}


/* header details */
#logo{
float:left;
height:104px;
padding-top:13px;
}
.mod_zslm_displaymenu { position:absolute; top:3px; right:5px; width:60px; z-index:100;}
.langitem {display:inline; margin-right:3px;}

#logoslogis{
position:absolute;
top:30px;
right:0px;
width:95px;
}

#nomsite {
position: absolute;
top: 25px;
left:120px;
}
#nomsite h4{
font-size: 30px;
font-weight: bold;
font-style:italic;
color: #5b2f17;
margin:0px;
padding:0px;
}

#logis_nat{
background-image: url(images/_structure/header/logis-national.png);
width:55px;
height:56px;
cursor:pointer;
position:absolute;
left:700px;
top:5px;
}
#logis_excep{
background-image: url(images/_structure/header/logis-exception.png);
width:55px;
height:55px;
cursor:pointer;
position:absolute;
left:760px;
top:5px;
}
/***MENU PRINCIPAL ***/

#menuheader_fr{
	height:48px;
	width:828px;
	float:right;
	background-image: url(images/_structure/menu/fr/menu.png);
	background-repeat:no-repeat;
	background-position:0px 70px;
	padding:70px 0px 0px 0px;
}
#menuheader_fr ul, #menuheader_en ul, #menuheader_es ul{list-style:none; padding:0; margin:0;}

#menuheader_fr li, #menuheader_en li, #menuheader_es li,
#menuheader_fr li.active, #menuheader_en li.active, #menuheader_es li.active{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width:138px; 
	color:#5B2F18; height:30px; line-height:30px; 
}
/* FR */

#menuheader_fr li a, #menu_en li a, #menu_es li a, #menuheader_fr li.active span
{ font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; padding:10px 5px 0px 44px; background-image:url(images/_structure/menu/menu-li.gif); background-repeat:no-repeat; background-position:20px 11px; line-height:14px;}

#menuheader_fr li a:link, #menuheader_fr li a:visited, #menuheader_fr li.active span,
#menu_en li a:link, #menu_en li a:visited,
#menu_es li a:link, #menu_es li a:visited
{
	display: block;
	height: 38px;
	position:relative;
	z-index:100;
}
#menuheader_fr li a:hover, #menuheader_fr li.active span,
#menu_en li a:hover, #menu_en li.active, 
#menu_es li a:hover, #menu_es li.active,
#menuheader_fr li.trail a,
#menu_en li.trail a, 
#menu_es li.trail a
{
background-image:url(images/_structure/menu/menu-li-hover.gif);
}


/**** FOOTER  ***/

#footer{
width:980px;
padding:10px 0px 10px 0px;
}

#footer #footer_menu{
width:946px;
background-image: url(images/_structure/footer/bg_menu_footer.gif);
height:26px;
margin:0px auto;
padding:10px 0px 0px 0px;
background-repeat:no-repeat;
}
#footer #footer_menu ul{list-style:none; padding:0; margin:0;}

#footer #footer_menu ul li{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	color:#5B2F18;
	padding:0px 10px;
	line-height:11px;
border-right:#873008 1px solid;
	}
#footer #footer_menu ul li a{
color:#572f08;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
}
#footer #footer_menu ul li.last{
border-right:none;
}

#footer #f_bloc1{
width:303px;
float:left;
padding:20px 20px 10px 0px;
min-height:215px;
background-image:url(images/_structure/footer/footer-sep.png);
background-position:right 45px;
background-repeat:no-repeat;
font-size:11px;
color:#472C13;
}
#footer #f_bloc1 a:link, #footer #f_bloc1 a:visited{
color:#472C13;
text-decoration:underline;
}

#footer #f_bloc2{
width:305px;
float:left;
padding:20px 25px 10px 15px;
min-height:215px;
background-image:url(images/_structure/footer/footer-sep.png);
background-position:right 45px;
background-repeat:no-repeat;
}

#footer #f_bloc2 #sejour_f{
background-color:#E4DECE;
padding:5px;
width:295px;
min-height:60px;
margin:0px 0px 15px 0px;
}
#footer #f_bloc2 #sejour_f .photofs{
border:#482C14 2px solid;
max-height:55px;
overflow:hidden
}
#footer #f_bloc2 #sejour_f h3{
color:#482C14;
font-size:11px;
margin:0px 0px 5px 0px;
padding:0px;
font-style:normal;
font-weight:bold;
}
#footer #f_bloc2 #sejour_f p{
margin:0px;
font-size:11px;
}
#footer #f_bloc2 #sejour_f a:hover{
text-decoration:underline;
}

#footer #f_bloc3{
width:298px;
float:right;
padding:20px 0px 10px 10px;
min-height:215px;
}

#footer #f_bloc3 #meteo{
width:175px;
height:90px;
margin:5px auto;
}
#footer #f_texte{
color:#5B2F18;
font-size:10px;
}

#newsletter{
background-image:url(images/_structure/footer/newsletter.png);
width:277px;
height:82px;
position:relative;
}

#newsletter .email_nl{
position:absolute;
border:none;
top:50px;
left:94px;
font-style: italic;
font-size:12px;
}
#newsletter .ok_nl{
position:absolute;
top:46px;
left:230px;
}

/********* home contenu  ********/
#diapohome{
width:465px;
height:230px;
float:left;
border-bottom:#FFFFFF 2px solid;
border-top:#FFFFFF 2px solid;
border-right:#FFFFFF 2px solid;
}
#rechgeo{
width:257px;
height:230px;
float:right;
border-bottom:#FFFFFF 2px solid;
border-top:#FFFFFF 2px solid;
border-right:#FFFFFF 2px solid;
}

#home_affiche{
width:724px;
float:left;
background-image: url(images/home/fd_encart2.jpg);
height:232px;
border-right:#FFFFFF 2px solid;
}

#home_affiche #cadeaux
{
width: 218px;
height: 200px;
float: left;
margin: 13px 0px 0px 16px;
border:#FFFFFF 1px solid;
background-color: #eae5d7;
background-image: none;
}
#home_affiche #cadeaux .photocd{
max-height:82px;
overflow:hidden;
border-top:#FFFFFF 1px solid;
margin:0px;
padding:0px;
}
#home_affiche #cadeaux h2{
margin:0px;
padding:4px;
color:#572f08;
font-size:11px;
background-image:none;
background-color:#D9CEB2;
}
#home_affiche #cadeaux h3{
margin:3px 0px 5px 0px;
color:#572f08;
font-size:11px;
font-style:normal;
font-weight:bold;
}
#home_affiche #cadeaux p{margin:0px 0px 5px 0px; color:#572f08; font-size:11px;}
/******** SIDEBAR ********/
#reservation{
width:222px;
padding-bottom:5px;
}
#reservation a, #reservation a:visited{text-decoration:underline;}

#reservation p{margin:0px;}
#reservation .txt_p_moteur, #reservation .txt_g_moteur{
font-family: Arial, Helvetica, sans-serif; 
color:#572f08; 
margin-bottom : 10px;
}
#reservation .txt_p_moteur{
font-size: 10px;
font-weight:bold;
}
#reservation .txt_g_moteur{
font-size: 11px;
}
#reservation .fond_beige, #reservation .fond_beige_p, #reservation .fond_beige_pt, #reservation .dateresa{
background-color: #ede0b4;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
margin-bottom:5px;
}
#reservation .fond_beige{
width:130px;
float: left;
}
#reservation .fond_beige_p{
float:left;
width:100px;
}
#reservation .fond_beige_pt{
float:right;
width:40px;
}
#reservation .btn_rechercher{
background-color: #572f08;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
width: auto;
float:right;
}
#formville {
border-bottom:#FFFFFF 2px dotted;
padding:5px 0px 10px 0px;
}
#resaform{
padding:10px 0px;
}
/***** fil d'arianne *****/
.mod_breadcrumb{
background-color: #70664d;
padding:2px 5px;
color: #fffeff;
}
.mod_breadcrumb a{
color: #ffffff;
text-decoration: underline;
}
/******* SOUS MENU  ******/
#sousmenu{
height:28px;
overflow:hidden;
float:right;
width:828px;
}
#sousmenu ul{display:block; margin:0px; padding:0px;}
#sousmenu ul li{float:left; display:block; list-style:none; color:#593117; padding:0px; margin:0px; height:28px;}
#sousmenu ul li a{color:#593117; display:block;height:23px;padding:5px 15px 0px 15px; }

#sousmenu ul li:hover, #sousmenu ul li a:hover, #sousmenu ul li.trail a:hover{ background-color:#593117; color:#FFFFFF; display:block; }
#sousmenu ul li.active, #sousmenu ul li.active:hover,#sousmenu ul li.trail a{font-weight:bold; background:none; color:#593117;padding:5px 15px 0px 15px; }

/************* pages divers  ***************/
.beige{
width:700px;
padding:5px 5px 10px 5px;
background-color:#EEE8D7;
min-height:370px;
}
.diapo-pi{
width:700px;
height:230px;
padding:10px 0px;
}

/******* recettes *******/
#recette{
width:570px;
margin:20px auto;
}
#recette h2{
margin:0px;
padding:5px 20px 0px 20px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
display:block;
background-color:#572818;
background-image: url(images/recettes/titre-bg.jpg);
background-repeat:no-repeat;
background-position: left top;
min-height:27px;
text-transform:none;
}
#recette h2 a:link, #recette h2 a:visited{
color:#FFFFFF;
}
#recette #content_rec{
width:570px;
border-bottom:#573009 1px solid;
background-image:url(images/recettes/bg-recette.gif);
background-repeat:repeat-y;
position:relative;
min-height:100px;
}
#recette #rec_gauche{
width:426px;
float:left;
padding:10px;
}
#recette #rec_droite{
float:right;
color:#572818;
width:102px;
padding:10px;
}
#recette #btn_recette{
position:absolute;
bottom:0px;
right:1px;
background-color:#572818;
width:124px;
height:22px;
font-size:13px;
text-align:center;
padding-top:5px;
}
#recette #btn_recette a:link, #recette #btn_recette a:visited{
color:#FFFFFF;
display:block;
}
#recette .img_rec{
border:#D4D701 2px solid;
margin-right:5px;
}

#recette-detail{
width:570px;
padding:10px;
border:#573009 1px solid;
background-color:#F7F3EA;
margin:20px auto;
}
#recette-detail h3{
display:block;
background-color:#D2CCBC;
color:#FFFFFF;
font-size:22px;
margin:0px 0px 10px 0px;
padding:3px 10px;
font-style:normal;
}
#recette-detail .imgrecdet{
max-width:200px;
border:#D4D701 2px solid;
margin:55px 5px 5px 5px;
}

/******** SEJOURS ***********/
/* themes */
#theme{
float:left;
margin:20px 0px 20px 80px;
height:243px;
width:243px;
cursor:pointer;
}
#theme p{margin:0px;}
#theme-cont{
position:relative;
height:243px;
width:243px;
}
#theme-decor{
background-image: url(images/sejours/themes-bg.png);
background-repeat:no-repeat;
position:absolute;
width:243px;
height:243px;
top:0px;
left:0px;
z-index:100;
}
#theme-cont .theme-top{
width:243px;
height:161px;
overflow:hidden;
position:relative;
z-index:80;
}

#theme-cont #theme-bas{
width:223px;
height:76px;
overflow:hidden;
color:#FFFFFF;
position:relative;
z-index:80;
padding:3px 10px;
font-size:12px;
text-align:center;
}

#theme-bas.color1, #theme-bas.color9{ background-color:#B96F85; }
#theme-bas.color2, #theme-bas.color10{ background-color:#C05899; }
#theme-bas.color3, #theme-bas.color11{ background-color:#7DB9B9; }
#theme-bas.color4, #theme-bas.color13{ background-color:#9999CC; }
#theme-bas.color5{ background-color:#8BA036; }
#theme-bas.color6{ background-color:#D6BC29; }
#theme-bas.color7{ background-color:#C65555; }
#theme-bas.color8{ background-color:#C68600; }

#theme-cont #theme-bas h2{
color:#330000;
font-size:14px;
text-transform:uppercase;
margin:0px 0px 3px 0px;
padding:0px;
background:none;
text-align:center;
}

/* liste de szjours par theme avec ssmenu */
.beige2{
width:700px;
padding:0px 5px 10px 0px;
background-color:#EEE8D7;
min-height:370px;
background-image: url(images/sejours/menu-themes-bg.jpg);
background-repeat:repeat-y;
}

#ssmenu-sejours{
width:177px;
float:left;
padding-top:12px;
}
#ssmenu-sejours ul{
margin:0px;
padding:0px;
display:block;
}
#ssmenu-sejours ul li{
min-height:33px;
background-color:#E8EB77;
background-image: url(images/sejours/li.gif);
background-repeat:repeat-x;
display:block;
width:177px;
margin:0px 0px 2px 0px;
}
#ssmenu-sejours ul li.actuel, #ssmenu-sejours ul li:hover{
background-color:#7E7358;
background-image: url(images/sejours/li-current.gif);
}
#ssmenu-sejours ul li a, #ssmenu-sejours ul li a:visited{
color:#572818;
display:block;
background-image: url(images/sejours/puce.gif);
background-repeat:no-repeat;
background-position:5px 12px;
padding:7px 0px 0px 18px;
min-height:26px;
}
#ssmenu-sejours ul li.actuel a, #ssmenu-sejours ul li a:hover{
background-image: url(images/sejours/puce-hover.gif);
color:#FFFFFF;
}

#resultats{
float:right;
width:507px;
padding-top:12px;
margin:0px auto;
}
#resultat p{margin:0px;}

#resultat{
width:507px;
margin:0px auto 20px auto;
}
#resultat h2{
margin:0px;
padding:5px 20px 0px 20px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
display:block;
background-color:#572818;
background-image: url(images/sejours/titre-bg.jpg);
background-repeat:no-repeat;
background-position: left top;
min-height:27px;
text-transform:none;
}
#resultat h2 a:link, #recette h2 a:visited{
color:#FFFFFF;
}
#resultat #content_rec{
width:507px;
border-bottom:#573009 1px solid;
background-image:url(images/sejours/sejour-bg.gif);
background-repeat:repeat-y;
position:relative;
min-height:100px;
}
#resultat #rec_gauche{
width:363px;
float:left;
padding:10px;
color:#572818;
font-size:12px;
}
#resultat #rec_droite{
float:right;
color:#572818;
width:112px;
padding:10px 5px;
}
#resultat #btn_recette{
position:absolute;
bottom:0px;
right:1px;
background-color:#572818;
width:124px;
height:22px;
font-size:13px;
text-align:center;
padding-top:5px;
}
#resultat #btn_recette a:link, #resultat #btn_recette a:visited{
color:#FFFFFF;
display:block;
}
#resultat .img_rec{
border:#D4D701 2px solid;
margin-left:5px;
}
#resultat .info{
background-image: url(images/sejours/infos-sejours.gif);
width:126px;
height:27px;
float:right;
cursor:pointer;
}

/* pagination */
.suivprec{
padding:2px 8px;
background-color:#572818;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}

/* séjour détail */
#sejour-detail{
width:507px;
margin:0px auto 20px auto;
color:#464031;
}

#sejour-detail #top{
background-image:url(images/sejours/entete-sejour.gif);
background-repeat:repeat-y;
}
#sejour-detail #top p{margin:0px;}

#sejour-detail #top h2{
float:left;
width:335px;
margin:0px;
padding:5px 5px 3px 45px;
font-size:20px;
font-weight:normal;
font-style: italic;
text-transform:none;
background-image:url(images/puces/h1.png);
background-repeat:no-repeat;
background-position:2px 5px;
min-height:30px;
}
#sejour-detail #prix{
color:#FFFFFF;
float:right;
padding:0px 2px;
width:117px;
}

#sejour-detail h3{
display:block;
background-color:#D2CCBC;
color:#FFFFFF;
font-size:22px;
margin:15px 0px 10px 0px;
padding:3px 10px;
font-style:normal;
}
#sejour-detail .bg_cond_prix{background-color:#F4F1E9;}
.retour{text-align:right; margin-bottom:10px;}

/********* formulaire dispo ************/
#disposejours{
width:500px;
margin:0px auto;
color:#5B2F17;
}
#disposejours h1{
font-size:20px;
}

#disposejours .text, #disposejours .textarea, #disposejours .radio_container{
width:240px;
margin:5px auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#disposejours .text, #disposejours .textarea{
background-color:#D0CBB9;
}
#disposejours .text:hover, #disposejours .textarea:hover, #disposejours .radio_container:hover{
background-color:#D4D901;
}
#disposejours .submit{
background-color: #572f08;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
margin:20px auto;
padding:5px 20px;
cursor:pointer;
}
#disposejours .checkbox_container span{
margin:0px 5px;
}
#disposejours label.mandatory{
font-weight:bold;
}
#disposejours .textcourt{
width:40px;
}
#disposejours .explanation{
padding-left:30px;
}


/**** formulaire contact ****/
#formcont{
width:390px;
float:left;
margin-left:10px;
background-color:#FAF9F7;
padding:10px;
color:#5B2F17;
}
#formcont h3{
text-align:center;
padding:5px 0px 15px 0px;
margin:0px;
}

#formcont .text, #formcont .textarea, #formcont .radio_container{
width:190px;
margin:5px auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#formcont .text, #formcont .textarea{
background-color:#D0CBB9;
}
#formcont .text:hover, #formcont .textarea:hover, #formcont .radio_container:hover{
background-color:#D4D901;
}
#formcont .submit{
background-color: #572f08;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
margin:20px auto;
padding:5px 20px;
cursor:pointer;
}
#formcont .checkbox_container span{
margin:0px 5px;
}
#formcont label.mandatory{
font-weight:bold;
}
#formcont .textcourt{
width:40px;
}
#formcont .textcourt2{
width:60px;
}

#formcont .explanation{
padding-left:30px;
}

#coord-form{
background-color:#D3D500;
border:#FAF9F7 1px solid;
float:right;
margin-right:10px;
width:230px;
padding:10px;
color:#572f08;
}
#actuscdt h4{
font-size:14px;
margin:0px;
padding:5px 0px;
}