/* CSS Document */

body{
background-color:#E8E6D0;
background-image:url(../_img/_structure/body/body-bg.jpg);
background-position:center top;
background-repeat:no-repeat;
font-family: "Trebuchet MS", "Times New Roman", Times, serif;
font-size:14px;
margin:0px;
color:#3F303D;
}
p, form{margin:0;}
img{border:0;}
.clear{ clear:both;}

h1, h2, h3, h4, h5{margin:0px; padding:0px;}

a, a:hover, a:visited{color:#401403; text-decoration:none;}
a:hover{text-decoration:underline;}

.main1{color:#DB779C;}
.main2{color:#F89816;}
.main3{color:#3EB1E2;}
.main4{color:#663366;}
.main5{color:#86B517;}
.main6{color:#CC6699;}
.main7{color:#DCA932;}

/*h1.main1, h1.main2, h1.main3, h1.main4, h1.main5, h1.main6, h1.main7{font-size:16px; padding:5px 0px;}*/
#main1 h1,
#main2 h1,
#main3 h1,
#main4 h1,
#main5 h1,
#main6 h1,
#main7 h1
{font-size:16px; padding:5px 0px;}

/******** STRUCTURE PRINCIPALE *********/
#wrap{
position:relative;
width:859px;
margin:0px auto;
}

#header{
background-image:url(../_img/_structure/header/header.gif);
background-repeat:no-repeat;
width:859px;
height:60px;
margin-top:26px;
position:relative;
}
#drapeaux{
height:15px;
width:80px;
position:absolute;
right:0px;
top:-20px;
/*left:130px;
top:10px;*/
z-index:100;
}
#bloc_logis{
margin:0px 0px 0px 60px;
width:58px;
height:58px;
float:left;
}
#logo{
float:right;
margin-right:120px;
margin-top:5px;
}

#wrap1, #wrap2, #wrap3, #wrap4, #wrap5, #wrap6, #wrap7{
position:relative;
width:859px;
margin:0px auto;
background-repeat:repeat-y;
}
#wrap1 {background-image:url(../_img/_structure/wrap/wrap.jpg);}
#wrap2 {background-image:url(../_img/_structure/wrap/wrap2.jpg);}
#wrap3 {background-image:url(../_img/_structure/wrap/wrap3.jpg);}
#wrap4 {background-image:url(../_img/_structure/wrap/wrap4.jpg);}
#wrap5 {background-image:url(../_img/_structure/wrap/wrap5.jpg);}
#wrap6 {background-image:url(../_img/_structure/wrap/wrap6.jpg);}
#wrap7 {background-image:url(../_img/_structure/wrap/wrap7.jpg);}

#left{
width:219px;
float:left;
}

#right{
width:640px;
float:right;
}
/*** decos ***/
#p_canard{
width:37px;
height:45px;
background-image:url(../_img/deco/canard-haut-gauche.gif);
position:absolute;
top:-5px;
left:-20px;
z-index:100;
}
#ombre{
width:32px;
height:291px;
position:absolute;
top:40px;
left:219px;
z-index:0;
background-image: url(../_img/deco/ombre.png);
}
* html #ombre{
   background-image: none; /* Lu uniquement par IE 6 */
}

#diapo_d{
width:120px;
height:281px;
position:absolute;
top:120px;
left:739px;
z-index:100;
background-image:url(../_img/deco/diapo-d.png);
}
* html #diapo_d{
   background-image: none; /* Lu uniquement par IE 6 */
}

#diapo_g{
width:54px;
height:70px;
position:absolute;
top:331px;
left:219px;
z-index:100;
background-image:url(../_img/deco/diapo-g.png);
}
* html #diapo_g{
   background-image: none; /* Lu uniquement par IE 6 */
}
#carte{
width:93px;
height:89px;
background-image:url(../_img/deco/carte.png);
position:absolute;
z-index:100;
top:-5px;
left:766px;
}
* html #carte{
   background-image:url(../_img/deco/carte.gif); /* Lu uniquement par IE 6 */
}
/** structure left **/

/*** bloc resa ***/
#bloc_resa{
background-repeat:no-repeat;
width:209px;
background-color:#CC0066;
padding:5px;
}
#options {
font-size:12px;
color:#573122;
margin-bottom:5px;
text-align:center;
}

#options a {
font-size:12px;
color:#573122;
}
#bloc_resa h1{
color:#FFFFFF;
font-size:13px;
padding:5px;
}
#bloc_resa input:hover {
background-color:#E8E6D0;
}
#bloc_resa textarea:hover {
background-color:#E8E6D0;
}
#bloc_resa select:hover {
background-color:#E8E6D0;
}
#bloc_resa ul{margin:5px auto;}
#bloc_resa ul, #bloc_resa ul li, #bloc_resa ul li a{
color:#FFFFFF;}

.pointer {
cursor:pointer;
	background-image: url(../_img/_structure/resa/calendar.png);
	background-position:top right;
	background-repeat:no-repeat;
}
/******* menu *********/
#menu{
width:219px;
}

/*** right ***/
#main1, #main2 , #main3 , #main4 , #main5 , #main6 , #main7 {
width:600px;
background-color:#FFFFFF;
margin:0px 0px 0px 10px;
padding:1px 15px 10px 15px;
background-repeat:no-repeat;
background-position: left bottom;
min-height:448px;
}
#main1{ background-image: url(../_img/_structure/main/main-bas-1.jpg);}
#main2{ background-image: url(../_img/_structure/main/main-bas-2.jpg);}
#main3{ background-image: url(../_img/_structure/main/main-bas-3.jpg); min-height:760px;}
#main4{ background-image: url(../_img/_structure/main/main-bas-4.jpg);}
#main5{ background-image: url(../_img/_structure/main/main-bas-5.jpg);}
#main6{ background-image: url(../_img/_structure/main/main-bas-6.jpg); min-height:760px;}
#main7{ background-image: url(../_img/_structure/main/main-bas-7.jpg);}

#main1 p, #main2 p, #main3 p, #main4 p, #main5 p, #main6 p, #main7 p{
margin:8px 0px;
}

#bloc_texte1, #bloc_texte2, #bloc_texte3, #bloc_texte4, #bloc_texte5{
	position:relative;
}
.texte_pad{padding:0px 0px 0px 75px;}

/******* FOOTER *********/
#footer{
position:relative;
width:859px;
margin:0px auto;
}
#footer-top1, #footer-top2, #footer-top3, #footer-top4, #footer-top5, #footer-top6, #footer-top7{height:45px; background-repeat: no-repeat; margin:0px; padding:0px;}
#footer-top1{background-image: url(../_img/_structure/footer/footer-top1.jpg);}
#footer-top2{background-image: url(../_img/_structure/footer/footer-top2.jpg);}
#footer-top3{background-image: url(../_img/_structure/footer/footer-top3.jpg);}
#footer-top4{background-image: url(../_img/_structure/footer/footer-top4.jpg);}
#footer-top5{background-image: url(../_img/_structure/footer/footer-top5.jpg);}
#footer-top6{background-image: url(../_img/_structure/footer/footer-top6.jpg);}
#footer-top7{background-image: url(../_img/_structure/footer/footer-top7.jpg);}

#footer-bas{
margin-top:10px;
height:61px;
width:849px;
background-image:url(../_img/_structure/footer/footer.jpg);
background-repeat: no-repeat;
padding:4px 5px 0px 5px;
font-size:12px;
color:#401403;
}
#footer-bas a, #footer-bas a:visited{color:#401403;}

/******************* formulaire de contact et cheque cadeau **********************/

#bloc_cont form input, #bloc_cont form textarea, #bloc_cont form select{
font-family: Arial, Helvetica, sans-serif;
border:1px solid #663366;
font-size:13px;
background-color:#F0E1F0;
color: #3F303D;
}
#bloc_cont form input:hover, #bloc_cont form textarea:hover, #bloc_cont form select:hover{
background-color:#EBD6EB;
}
.inp_100{ width:220px;}
.inp_50{width:107px;}
.inp_30{width:70px;}
.inp_70{width:145px;}
.text_pt{
font-size:11px;
padding:0 5px;
}
fieldset{width:85%; border:#663366 1px solid; margin:10px auto;}
legend{color:#663366; font-size:17px; font-weight: normal;}

/******************* SEJOURS ************************/
/* SEJOURS */
#sejours, #sejour_detail{
border-bottom:#BF4208 1px solid;
border-right:#BF4208 1px solid;
margin:20px auto 20px auto; 
padding:0px; 
font-size:13px;}

#sejours p, #sejour_detail p{margin:3px 0px;}
#sejours .prix, #sejour_detail .prix{padding:3px; width:94px; background-color:#CC0066; color:#FFFFFF; font-size:17px; text-align:center;}
#sejours .photo_sej, #sejour_detail .photo_sej{padding:3px 0px;}
#sejours h2, #sejours h2 a, #sejour_detail h2, #sejour_detail h2 a{color:#CC0066; font-size:16px; font-style:italic; font-weight:bold;}
.font16{font-size:16px;}

#sejour_detail{
padding:0px 10px 15px 10px;
} 
.marge-img{margin:5px;}

.font12{ font-size:12px;}

/**************** listes *****************/
#main0 ul, #main0 ul li,
#main1 ul, #main1 ul li,
#main2 ul, #main2 ul li,
#main3 ul, #main3 ul li,
#main4 ul, #main4 ul li,
#main5 ul, #main5 ul li,
#main6 ul, #main6 ul li,
#main7 ul, #main7 ul li
{display:block; padding:0; margin:0px; list-style:none;}
#main0 ul li,
#main1 ul li,
#main2 ul li,
#main3 ul li,
#main4 ul li,
#main5 ul li,
#main6 ul li,
#main7 ul li
{ margin:7px 0px; padding-left:20px; background-image:url(../_img/deco/spiral-orange.gif); background-repeat:no-repeat; background-position:0px 3px;}

/********** RECETTES ****************/
/* SEJOURS */
#recettes, #recette_detail{
border-bottom:#F89816 1px solid;
border-left:#F89816 1px solid;
margin:20px auto 20px auto; 
padding:5px; 
font-size:13px;}

#recettes p, #recette_detail p{margin:3px 0px;}
#recettes .photo_recette, #recette_detail .photo_recette{border:#F89816 2px solid;}
#recettes h2, #recettes h2 a, #recette_detail h2, #recette_detail h2 a{padding:0px 0px 10px 0px; color:#663366; font-size:16px; font-style:italic; font-weight:bold;}

#recette_detail{
padding:0px 10px 15px 10px;
} 

/************** PAGE ITINERAIRE ***********************/
#form_iti{
padding:15px;
border:#E1B651 1px solid;
}
