/* CSS Document */

*, html {
	outline:none;
	margin: 0;
	padding: 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
body {
	font: 68% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3;
	color: #939393;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	}
p, ul, li, h1, h2, h3, h4 { /* reset sur certains éléments */
	margin:0;
	padding: 0;
	}
a {
	color: #0072a8;
	text-decoration: none;
	}

a.active{
color:#e74577;
font-weight: bold;
}





/*  ---------  ELEMENTS REPETES  -----------------
----------------------------------------- */

.titre {
	color: #4995ea;
	font-weight: bold;
	}

.titre a {
	color: #4995ea;
	font-weight: bold;
	text-decoration: none;
	}

.titre-divers {
	color: #999;
	font-variant:small-caps;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 5px 0 8px 0;
	padding: 0 0 5px 10px;
	border-bottom: 1px dashed #ccc;
	}

.date {
	color: #999;
	font-weight: normal;
	}
	
#intro {
	width: 100%;
	padding: 5px;
	margin: 5px 0 10px 0;
	border: 1px dashed #ccc;
	}
.erreur {color: #CC3333; margin: 5px 0 8px 0;}

.nettoyeur { clear:both;}


/*  ---------  HEADER  -----------------
----------------------------------------- */
#header {
	width: 990px;
	height: 150px;
	margin: 0 auto;
	background-color: #FFF;
	}

#header #mondiapic {
	width: 400px;
	height: 184px;
	
	position: absolute;
	z-index:100;
	top: 0;	
	margin-top: 0px;
	margin-left: 0px;
	background: url(images/mondiapic-old.gif) no-repeat top left;*/
	}
	
#header #mondiapic a {
	width: 400px;
	height: 184px;
	display: block;
	}
#header #mondiapic span {
	display: none;
	}
#header #bandeau-header {
	width: 990px;
	height: 156px;
	margin-top: 57px;
	background: #fff url(images/bandeau-header.jpg) no-repeat center center;
	position: relative;
	}

#menu-header #menu-sejours span, #menu-header #menu-accueil span, #menu-header #menu-promos span, #menu-header #menu-reservation span, #menu-header #menu-services span { display: none; }
#menu-header { position: absolute; top: 0px; margin: 0; padding: 0; margin-left: 400px; width: 480px; height: 57px;} /* ul#menu-header */ 
#menu-header li { list-style-type: none; float: left;}
#menu-header #menu-accueil {
	display: block;
	width: 79px;
	height: 57px;
	background: #fff url(images/menu-accueil.jpg) no-repeat center center;
	}
#menu-header #menu-sejours {
	display: block;
	width: 98px;
	height: 57px;
	background: #fff url(images/menu-sejours.jpg) no-repeat center center;
	}

#menu-header #menu-promos {
	display: block;
	width: 103px;
	height: 57px;
	background: #fff url(images/menu-promos.jpg) no-repeat center center;	
	}

#menu-header #menu-reservation {
	display: block;
	width: 110px;
	height: 57px;
	background: #fff url(images/menu-reservation.jpg) no-repeat center center;	
	}

#menu-header #menu-services {
	display: block;
	width: 80px;
	height: 57px;
	background: #fff url(images/menu-services.jpg) no-repeat center center;	
	}

	
/*  ---------  CONTENEUR  -----------------
----------------------------------------- */
#conteneur {
	width: 990px;
	min-height:700px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-color: #FFF;
	position: relative;
-webkit-box-shadow: inset 0px -20px 20px 20px #eee;
-moz-box-shadow: inset 0px -20px 20px 20px #eee;
box-shadow: inset 0px -20px 20px 20px #eee; 
}
	
/*  ---------  CONTENU  -----------------
----------------------------------------- */
#contenu {
	float: left;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCC;
	position: relative;
	min-height: 400px;
	}

/*  ---------  NEWS  -----------------
----------------------------------------- */
#news {
	width: 800px;
	margin-bottom: 20px;
	}

#news #titre-news {
	width: 751px;
	height: 22px;
	margin: 5px 0;
	background: #5694c8 url(images/titre-news.jpg) no-repeat center center;
	}

#news #titre-news span {display: none;}

#news img.img-news-p {
	float: left;
	padding: 2px 4px 4px 0;
	}

#news p {
	padding: 5px 0 4px 0;
	}

#news img.img-news {
	float: left;
	padding: 4px 8px 8px 0;
	}

.textenews {border-bottom: 1px dashed #ccc; padding: 0 0 10px 0; margin: 0 0 10px 0;}


/*  ---------  Sejours  -----------------
----------------------------------------- */
#sejours {
	width: 800px;
	margin-bottom: 1px;
	}
#sejours img {border: none;}
#sejours #titre-sejours {
	width: 796px;
	height: 22px;
	text-indent: 260px;
	font-size: 12px;
	line-height: 22px;
	color: #FFFFFF;
	background-color: #FFF;
	background-image: url(images/titre-sejours.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	}

#sejours #titre-sejours span {display: none;}

#sejours li { list-style-type: none;}

#sejours .bloc-sejour {
	width: 370px;
	height: 120px;
	float: left;
	}

#sejours .bloc-sejour img {
	padding: 4px 8px;
	float: left;
	}
#sejours .bloc-sejour h4 {
	margin: 0;
	padding-bottom: 5px;
	color: #e94678;
	font: bold 14px Geneva;
	}
#sejours .bloc-sejour h4 a {
	color: #e94678;
	font: bold 14px Geneva;
	text-decoration: none;
	}
#sejours .bloc-sejour .lien-sejour {text-align: right; margin-top: 4px;}
#sejours .bloc-sejour a {
	color: #4995ea;
	}

/*  ---------  Page Sejours  ----------------- */

#sejours #sejour-gauche {
	width: 387px;
	padding: 4px 5px 0 0;
	float: left;
	}

#sejours #sejour-droite {
	width: 396px;
	float: left;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCC;
	}

#sejour-droite h1 {
	color: #5396ca;
	font-size: 14px;
	font-style: italic;
	margin: 5px 0 10px 5px;
	line-height: 15px;
	padding: 50px 80px 3px 0;
	width: 270px;
	background: url(images/legende-pdf-sejours.jpg) no-repeat right bottom;
	}

#sejour-droite h2 {
	color: #5396ca;
	font-size: 14px;
	font-style: italic;
	line-height: 15px;
	width: 310px;
	background: url(images/legende-pdf-sejours2.jpg) no-repeat right bottom;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 80px;
	padding-bottom: 3px;
	padding-left: 0;
	}

#sejour-droite h1 a {
	width: 255px;
	margin-left: 2px;
	display: block;}


#sejour-droite ul li {
	width: 100%;
	padding-left: 10px;
	margin: 4px 0;
	line-height: 20px;
	}

#sejour-droite ul li a {
	background-color: #C8D879;
	color: #333333;
	display: block;
	height: 60px;
	}

#sejour-droite ul li .ville {
	float: left;
	margin: 0;
	}

#sejour-droite ul li .pdf {
	float: right;
	margin: 0 50px 0 0;
	}

#sejour-droite ul li .pdf a {background: transparent; padding: 0 2px;}

#liste-sejours {
	padding: 3px;
	margin: 5px 0 0 5px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #ccc;
	}
	

area:hover { border: 1px solid #ccc;}	
	
	
	
/*  ---------  Tool tips (info-bulles sur les cartes)  ----------------- */

.tool-tip {
	z-index: 13000;
	color: #fff;
	background: #5396ca;
}

.tool-title {
	padding: 8px 8px 8px 4px;
	font: bold 11px Arial, Helvetica, sans-serif;
	background: #5396ca;
	margin: 0px;	
}

.tool-text {
	padding: 4px 8px 8px 8px;
	}

.custom-tip {
	z-index: 13000;
	color: #fff;	
	background: #ff5487;
}
.attention {
	font-weight:bold;
	text-align:center;
	color: #fff;	
	background: #ff5487;
}

.custom-title {
	padding: 8px 8px 8px 4px;
	font: bold 11px Arial, Helvetica, sans-serif;
	background: #5396ca;
	margin: 0px;	
}

.custom-text {
	padding: 4px 8px 8px 8px;
}




/*  ---------  Page Promotions  ----------------- */

#promotions {
	width: 751px;
	margin-bottom: 20px;
	}

#titre-promos {
	width: 751px;
	height: 22px;
	margin: 5px 0;
	background:  url(images/titre-promotions.jpg) no-repeat top left;
	}

#titre-promos span {display: none;}

#liste_promos .cadre_promo {
	width: 50%;
	min-height: 100px;
	float: left;
	}

#promotions #liste_promos .cadre_promo .lieu, 
#promotions #liste_promos .cadre_promo .lieu a {
	font: bold italic 15px Verdana, Arial, Helvetica, sans-serif;
	color: #9c3890; /* violet */
	text-decoration: none;
	}

#promotions #liste_promos .cadre_promo .titre {}
#promotions #liste_promos .cadre_promo .sous-titre {
	color: #666;
	font-size: 10px;
	background: url(images/puce-promo.jpg) no-repeat left top;
	padding-left: 8px;
	font-weight: bold;
}
#promotions #liste_promos .cadre_promo img {
	padding: 0 4px 4px 0;
	border: none;
	}

/*  ---------  Page Catalogue  ----------------- */

#catalogue {
	width: 751px;
	margin-bottom: 20px;
	}

#catalogue #titre-catalogue {
	width: 751px;
	height: 22px;
	margin: 5px 0;
	background: #5694c8 url(images/titre-catalogue.jpg) no-repeat top left;
	}

#catalogue #titre-catalogue span {display: none;}



#contactform fieldset {
	border: 1px dashed #999;
	padding: 5px 25px;
	margin: 0 0 20px 0;
	}

#contactform fieldset legend {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.4em;
	color: #5694c8;
	margin: 0 10px 0 50px;
	padding: 5px 10px;
	}

#contactform label {
	display: block;
	float: left;
	width: 120px;
	color: #5694c8;
	line-height: 1em;
	padding-top: 5px;
	}

#contactform label.labelcheck {
	display: inline;
	float: none;
	width: auto;
	color: #5694c8;
	line-height: 1em;
	padding-top: 5px;
	}

#contactform p {clear: both;}

#contactform p.inter {padding: 20px 0; font-weight: bold;}

#contactform label strong, #contactform strong {
	color: #4077a6;
	}

#contactform textarea {
	width: 450px;
	border: 1px solid #999;
	}
	
#contactform select {
	margin: 5px 0 15px 0;
	border: 1px solid #999;
	}

#contactform input {
	margin: 5px 0 5px 0;
	border: 1px solid #999;
	}

#contactform .submit {
	text-align: center;
	margin-top:15px;
	}
	
	

/*  ---------  CSS DATE PICKER  -------------*/
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}	
	

/*  ---------  PAGE RESERVATION  -------------*/

#reservation {
	width: 751px;
	margin-bottom: 20px;
	}

#reservation #titre-resa {
	width: 751px;
	height: 22px;
	margin: 5px 0;
	background: #fff url(images/titre-reservation.jpg) no-repeat top left;
	}

#reservation #titre-resa span {display: none;}



/*  ---------  PAGE CONTACT  -------------*/

#contact {
	width: 751px;
	margin-bottom: 20px;
	}

#contact #titre-contact {
	width: 751px;
	height: 22px;
	margin: 5px 0;
	background: #fff url(images/titre-contact.jpg) no-repeat top left;
	}

#contact #titre-contact span {display: none;}



/*  ---------  PAGE LIENS  -------------*/

#liens {
	width: 751px;
	margin-bottom: 20px;
	}

#liens #titre-liens {
	width: 751px;
	height: 22px;
	margin: 5px 0;
	background: #fff url(images/titre-liens.jpg) no-repeat top left;
	}

#liens #titre-liens span {display: none;}




/*  ---------  DROITE  -----------------
----------------------------------------- */
#droite {
	float: right;
	width: 180px;
	}


#droite #promos-p #titre-promo {
	width: 180px;
	height: 22px;
	margin-top: 5px;
	background: #fff url(images/titre-promos-p.jpg) no-repeat center center;
	}


#droite #promos-p #titre-promo span { display: none;}
#droite #promos-p img {
	padding: 2px;
	float: left;
	display: inline;
	}
#droite #promos-p .texte {
	line-height: 1.1;
	}
	
#droite #promos-p .titre {
	padding-top:3px;
	display: block;

	}

#droite .promo {
	display: block;
	width: 180px;
	clear: both;
	border-left: 1px solid #ccc;
	}
#droite .promo:hover {
	background: #E9E9E9 url(images/fond-promo.jpg) no-repeat left top;
	}
#promos-p .promo a {
	font-size: 10px;
	color: #006699;
	display: block;
	margin-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #A83D8F;
	background-color: #FF9;
	padding: 2px;
}
/*  ---------  DROITE NAVIGATION  -------------*/

#droite #navigation-p {}

#droite #navigation-p #titre-nav {
	width: 180px;
	height: 22px;
	margin-top: 5px;
	background: #fff url(images/titre-navigation-p.jpg) no-repeat center center;
	}

#droite #navigation-p #titre-nav span {display: none;}

#droite ul.menu-nav {
	list-style-type: none;
	margin: 10px 0 10px 10px;
	}

#droite ul.menu-nav li {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 18px;
	border-bottom: 1px dashed #5396ca;
	}

#droite ul.menu-nav li a {
	color: #666;
	text-decoration: none;
	height: 20px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	}
#droite ul.menu-nav li a:hover {
	background: #5396ca;
	color: #fff;
	}

#droite ul.menu-nav li a small {
	font-weight: normal;
	font-size: 9px;
	}

/*  ---------  DROITE NEWS  ----------------- */


#droite #archives-news-p {margin: 0 0 20px 0;}

#droite #archives-news-p #titre-archives {	
	width: 180px;
	height: 22px;
	margin-top: 5px;
	background: #fff url(images/titre-archives-p.jpg) no-repeat center center;
	}
	
#droite #archives-news-p #titre-archives span {	display: none;}

#droite #archives-news-p a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-variant: small-caps;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
	border-bottom: 1px dashed #999;
	margin: 4px 0 3px 0;
	}
#droite #archives-news-p a:hover {
	background: #5396ca;
	color: #fff;
	border-bottom: 1px dashed #999;
	}



/*  ---------  DROITE NEWSLETTER  -------------*/

#droite #newsletter-p {}
#droite #newsletter-p #titre-newsletter-p {
	width: 180px;
	height: 22px;
	margin-top: 5px;
	background: #fff url(images/titre-newsletter-p.jpg) no-repeat center center;
	}
	
#droite #newsletter-p #titre-newsletter-p  span {display: none;}
#droite #newsletter-p .textfield { width: 132px; padding: 4px 3px; margin: 5px 0; border: 1px solid #69c; color: #69c; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
#droite #newsletter-p .submit {border: 1px solid #69c; background: #fff; color: #69c; padding: 4px 4px 3px 4px; margin: -1px 0 0 3px;}
#droite #newsletter-p .radio { margin: 5px 0 0 20px;}
#droite #newsletter-p .envoi {margin: 10px 0 0 100px; padding: 1px 16px; color: #fff; font: bold 12px Verdana, Arial, Helvetica, sans-serif; background: #69c;}




/*  ---------  DROITE CONTACT  -------------*/

#droite #contact-p {margin-bottom: 10px;}

#droite #contact-p #titre-contact-p {
	width: 180px;
	height: 22px;
	margin-top: 5px;
	background: #fff url(images/titre-contact-p.jpg) no-repeat center center;
	}

#droite #contact-p #titre-contact-p span {display: none;}

#droite #contact-p p a {
	font-weight: normal;
	color: #999;
	}


/*  ---------  DROITE SERVICES  ----------------- */


#droite #services-p {margin: 0 0 20px 0;}

#droite #services-p #titre-services {	
	width: 180px;
	height: 22px;
	margin-top: 5px;
	background: #fff url(images/titre-services-p.jpg) no-repeat center center;
	}
	
#droite #services-p #titre-services span {	display: none;}




 
/*  ---------  FOOTER  -----------------
----------------------------------------- */
#footer {
	clear: both;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	text-align:center;
	width: 990px;
	margin: 0 auto;
	padding-top: 30px;
	}

#footer a {
	font-weight: normal;
	color: #999;
	}
#liste-sejours hr {
	margin-top: 10px;
	margin-bottom: 4px;


}
#sejours #sejour-droite #etabli li {
	background-repeat: no-repeat;
	height: 60px;
}
#sejours #sejour-droite #etabli li a {
	font-weight: bold;
	font-size:12px;
-webkit-box-shadow: inset 1px 1px 10px #ffffff;
-moz-box-shadow:inset 1px 1px 10px #ffffff;
box-shadow:inset 1px 1px 10px #ffffff; 
background: #DCED8B; /* old browsers */

}
#conteneur #contenu h1 {
	background-image: url(images/fond-titre.jpg);
	width: 800px;
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	font-style: italic;
	font-size: 16px;
	height: 30px;
	text-indent: 4px;
	line-height: 30px;
	font-variant: small-caps;
}
#pictos li {
	float: left;
	margin-right: 2px;
	cursor: help;
	list-style-type: none;
}
#pictos {
	width:790px;
	height: 42px;
	margin-top: 5px;
	margin-bottom: 0px;
}
#sejour-gauche .gallery.clearfix li {
	float: left;
	border: 1px solid #333;
	height: 60px;
	width: 80px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
dl dt{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #333;
	text-indent: 10px;
	background-color: #F9C6D5;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: right top;
	height: 22px;
	line-height: 22px;
	margin-top: 14px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FEFAFB;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
}
dl dd {
	color: #333;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	margin-left: 10px;
	margin-top: 5px;
}
.clearboth {
	height: 1px;
	clear: both;
}
dl dd br {
	margin-bottom:6px;
}
dl {
	margin-top: 10px;
	clear: both;
}



#groupe .tabs {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #5396CA;
	margin-bottom: 2px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #5396CA;
}
#groupe .tabs h3 {
	color: #000;
	text-indent: 10px;
	height: 20px;
	line-height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EF5885;
	clear: both;
}
#sejour-droite #groupe .tabs .reserver {
	background-color:#EC507F;
	color: #FFFFFF;
     text-shadow: 1px 1px 3px #888; /* FF3.5+, Opera 9+, Saf1+, Chrome */
	padding:3px 6px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	font-size:15px;
	font-weight:bold;
}
#sejour-droite #groupe .tabs a {
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	padding-right: 5px;
	margin-right: 2px;
	color: #FFF;
	background-color: #C8D879;
	padding-left: 5px;
	display: inline-block;
	height: 20px;
}
#sejour-droite #groupe .tabs .content {
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 6px;
	background-color: #FEFAFB;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EF5885;
}

#sejour-droite #groupe .tabs .content .gallery.clearfix li a {
	display: inline;
}

#conteneur #contenu #sejours #sejour-droite #groupe .tabs .content .gallery.clearfix li {
	height: 60px;
	width: 80px;
	float: left;
}
.content {
	overflow: hidden;
	clear:both;
}
#suivant {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	position: absolute;
	left: 692px;
	top: 4px;
}
#conteneur #suivant a {
	color: #EEE;
	
}
#sejours #sejour-droite .rabresa li {
	margin: 0px;
	padding:0px;
	height:26px;
	font-size: 11px;
}
#conteneur #contenu #sejours #sejour-droite .rabresa a.odd {
	background-color: #fff;
}

#conteneur #contenu #sejours #sejour-droite .rabresa a {
	background-color: #C8D879;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background-image: url(images/caddie.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	text-indent: 28px;
	font-size: 11px;
	line-height: 26px;
	height:26px;
}
#conteneur #contenu #sejours #sejour-droite .rabresa a:hover {
	background-color:#EF5885;
	color:#FFF;
}
#sejour-droite .rabresa li .prix,#sejour-droite .rabresa li .promo  {
	color: #666;
	padding-left: 25px;
	font-weight: bolder;
	line-height: 26px;
}
#sejour-droite {
	/*min-height: 300px;*/
}

#sejour-droite .rabresa li .barre {
	color: #C39;
	padding-left: 25px;
	font-weight: bolder;
	font-size: 14px;
	text-decoration:line-through;
}
#conteneur #contenu #sejours #sejour-droite form .rabresa  input {
	float: left;
}
#droite #ongletcaddies .onglet dd ul li {
	margin: 0px;
	list-style-type: none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	line-height: 12px;
	padding: 5px;
}
#ongletcaddies ul li a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: -3px;
}
#ongletcaddies ul {
	background-color: #EF5885;
	margin: 0px;
	padding: 0px;
}
#ongletcaddies .onglet dd {
	margin: 0px;
	padding: 0px;
}
#ongletcaddies #total {
	text-align: center;
	background-color: #C8D879;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#conteneur #droite #ongletcaddies .onglet dd ul #commande {
	height: 26px;
	line-height: 26px;
	text-align: center;
	background-color: #FEFAFB;
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EF5885;
}
#conteneur #droite #ongletcaddies .onglet dd ul #commande a {
	color: #000;
	text-decoration: underline;
}
#conteneur #contenu #commande table {
	width: 100%;
}
#conteneur #contenu #commande #locatifscaddies {
	color: #000;
	margin-left: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
}



#conteneur #contenu #commande ul li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	line-height:25px;
}
#conteneur #contenu #commande ul li  span {
	padding-right: 10px;
}
#conteneur #contenu #commande ul li {
	font-weight: bold;
	background-color: #BCD7EB;
	height: 25px;
	color: #333;
}
#conteneur #contenu #commande ul a img {
	position:relative;
	top: 7px;
	left: 780px;
}
#conteneur #contenu #commande ul li.even {
	background-color: #C8D879;
	color: #000;
}
#conteneur #contenu #form2 #commande #supplement {
	color: #000;
	padding: 10px;
	border: 10px solid #EF5885;
}
#conteneur #contenu #form2 #commande #supplement p {
	font-size: 11px;
	line-height: 22px;
}
#conteneur #contenu #form2 #commande #supplement p input {
	position: relative;
	top: 3px;
}
#conteneur #contenu #commande #enregistrement_client {
	padding: 10px;
	color: #000;
	font-size: 11px;
	margin-bottom: 30px;
}
#enregistrement_client #dejaclient {
	min-height: 440px;
	width: 320px;
	border: 1px solid #999;
	float: left;
}
#conteneur #contenu #commande #enregistrement_client #nouveauclient {
	float: left;
	width: 440px;
	margin-left: 15px;
	min-height: 440px;
	border: 1px solid #666;
}
#conteneur #contenu #commande #enregistrement_client h3 {
	font-weight: bold;
	text-align: center;
	background-color: #5396CA;
	color: #FFF;
	font-size: 14px;
	margin-bottom: 10px;
}
#enregistrement_client  ul li input {
	position: absolute;
	right: 25px;
	width: 225px;
	bottom: 0px;
	height: 22px;
}
#enregistrement_client  ul li #paiementce {
	position: absolute;
	right: 138px;
	width: 20px;
	bottom: 0px;
	height: 22px;
}
#enregistrement_client  ul li {
	position: relative;
	padding-left: 20px;
}
#dejaclient  ul li input {
	width: 135px;
	border: 1px dashed #CCC;
}
#enregistrement_client .comite {
	color: #666;
	text-align: center;
}
#commande #enregistrement_client  .etoile {
	color: #F00;
}
.retour {
	margin-top: 50px;
	text-align: center;
}
#conteneur #contenu #sejours dl dt strong {
	color: #333;
	font-weight: bold;
	font-size: 13px;
}
#conteneur #contenu #sejours  dl dd strong {
	color: #F25885;
	font-weight: bold;
}
#conteneur #contenu #sejours #sejour-droite #retourgroupe {
	background-color: #F9C6D5;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 22px;
	line-height: 22px;
	text-align: right;
	padding-right: 10px;
}
#retourgroupe a {
	color: #000;
	font-weight: bold;
}
#sejour-droite .kitlocatif h4 {
	height: 22px;
	line-height: 22px;
	text-indent: 5px;
	background-color: #5396CA;
	color: #FFF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #5396CA;
	font-size: 13px;
	font-weight: bold;
}
.leselect{text-align:right;}
.leselect form select {
	text-align:left;
	line-height: 22px;
	width: 150px;
	border: 1px solid #999;
}
.kitlocatif{
margin-bottom: 22px;
}#sejour-droite .leselect .selectionnez {
	
	font-size: 12px;
	color: #666;
	font-weight: bold;
	
}

#revetape {
	position:absolute;
	left: 186px;
	top: 33px;
}
#revetape ul li {
	display: inline;
	padding-right: 15px;
}
#revetape ul li a {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
}
#sejour-droite #alertminimum {
	font-weight: bold;
	color: #F00;
	text-align: center;
	height: 25px;
	line-height: 25px;
}
#sejours #sejour-droite .kitlocatif .rabresa li strong {
	padding-left: 10px;
}
#conteneur #contenu #sejours #sejour-droite .kitlocatif .rabresa li a .prix {
	font-size: 12px;
	color: #000;
	font-weight: bold;
}
.coupon{
	display:none;
}
#droite #revetapelogo {
	margin-top: 6px;
}
#supplement  .ici {
	font-size: 14px;
	font-weight: bold;
	color: #00F;
	text-decoration: underline;
}
#droite #revetapelogo ul li {
	list-style-type: none;
}
#droite #revetapelogo ul li a {
	font-weight: bold;
	font-size: 12px;
	display: block;
	background-color: #5396CA;
	color: #FFF;
	margin-bottom: 2px;
	height: 22px;
	line-height: 22px;
	text-indent: 10px;
	text-decoration: none;
}
ul .codece2 {
	background-color: #89B9DC;
}
#contenu #commande #enregistrement_client ul .codece2 {
	background-color: #ECF3F9;
}

#contenu #sejours .titreeve {
	color: #FFF;
	background-color: #EC507F;
	text-indent: 20px;
	margin-top: 6px;
}
#contenu #sejours .soustitreve {
	color: #000;
	margin: 10px;
}
#conteneur #contenu #sejours ul.chartereve li {
	padding-left: 10px;
	color: #000;
	font-size: 11px;
	padding-bottom: 5px;
	font-family: Verdana, Geneva, sans-serif;
}
#sejour-droite .presentation {
	color: #000;
	line-height: 18px;
	font-size: 11px;
}
#lepaiement {
	min-height: 700px;

}
#sejour-droite #etabli li img {
	float: left;
	height: 54px;
	width: 74px;
	margin-right: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}
#sejour-droite #etabli li a .slogan {
	color: #333;
	display: block;
	font-weight: normal;
}
#conteneur #contenu #commande  ul li.ligrand {
	height: 75px;
}
#conteneur #contenu ul .ligrand textarea {
	width: 90%;
	height: 70px;
	float: right;
}
#fichecamping {
	width: 790px;
	float: left;
}
body {
	background-attachment: fixed;
	background-image: url(images/neige.jpg);
	background-position: center top;
	background-repeat:no-repeat;
}