html {height:100%;font-size:100%}
body,input,select{font-family: Verdana, Lucida Grande, Arial, Helvetica, sans-serif;}
body {
	height:100%;
	margin:0;
	padding:0;
	font-size:0.8em;
	color:#333;
}
input,select {
	font-size:1em;
	font-weight:500;
	border-radius:3px;
	margin:0.1em;
	border:1px #999 solid;
	background-color:#fcfcfc;
	padding-left:2px;
}
input {padding-left:2px}
select {width:90%}
label{font-size:1em;vertical-align:middle;	}
a {text-decoration:none;color:#00f}
h1 {font-size:2em;margin:0;}
h2 {font-size:1.5em;margin:0;}
h3 {font-size:1em;margin:0;font-weight:normal}
h4 {font-size:1.5em;margin:0;font-weight:normal}
form {margin:0}
p {margin:0;color:#333}
table {width:100%;padding:0;margin:0;border-spacing:0}
td {font-size:1em;margin:0;padding:0;border-spacing:0}
ul{margin:0 0 0 1em;padding:0} 
.noresult {font-size:2em;margin:1em;text-align:center}
.strong {color:#f60}
.light {color:#b1b1b1}
.a {color:#00f;cursor:pointer}
.cc_message {color:#fff}
#entetePage {
	background-color:#fc0;
	width:100%;
	background:url("/vacances/entete-bg.gif");
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmNjMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 5%, #ffcc00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(100%,#ffcc00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 5%,#ffcc00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 5%,#ffcc00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 5%,#ffcc00 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 5%,#ffcc00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffcc00',GradientType=0 );
}
#ban {width:280px;vertical-align:bottom}
#flashban {z-index:10}
#connexion {text-align:right}
#titrePage {text-align:center}
#cadreOnglets {background-color:#fc0;padding-top:5px;width:100%}
#resultats {clear:both}
.onglets, .ongletsResultats {width:100%}
.onglet,.ongletResultat {
	padding:5px;
	margin-right:2px;
	border-right:1px #e1e1e1 solid;
	border-top:1px #e1e1e1 solid;
	text-align:center;
	vertical-align:top;
}
.onglet {
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-left:1px #e1e1e1 solid;
	font-weight:bold
}
.ongletOver {cursor:pointer}
.ongletActif {background-color:#f2f2f2;font-weight:bold}
.ongletNonActif {color:#fff}
.ongletPanier {color:#333;background-color:#fff}
td:hover.onglet, td:hover.ongletResultat {color:#fff;background-color:#000}
td:active.onglet, td:active.ongletResultat {color:#999;background-color:#000}
#pageActive {background-color:#f2f2f2;padding:0}
.ongletResultatActif {background-color:#fff;font-weight:bold;color:#f00}
.ongletResultatNonActif {color:#666;background-color:#f2f2f2}
#x {color:#aaa}
#x:hover {background-color:#fff}
span:hover#x, div:hover#x {color:#f00;font-weight:bold;cursor:pointer}
#resultTable {background-color:#fff}
#resultDiv {width:100%}
.minCriteres {cursor:default}
#Gimg {float:right;width:1.1em;height:auto}
#Dimg {float:left;width:1.1em;height:auto}
#Gcol {vertical-align:top;padding:5px;}
#Pcol {vertical-align:top;border-bottom-left-radius:5px;border-left:1px #ddd solid;border-bottom:1px #ddd solid}
#Mcol {vertical-align:top;}
#Dcol {vertical-align:top;padding:5px;}
.Gshow, .Dshow {width:14em;}
.Ghide, .Dhide {width:1em;}
.boite {
	border-radius:5px;
	background-color:#fff;
	border:1px #ddd solid;
}
.votreAffichage,#nbResults  {
	float:left;
	margin:0.1em 0.5em;
	padding:0.1em;
	line-height:2em; 
}
#affichage {
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
}
#vosCriteres {
	background:url("/vacances/gradient_divider.jpg") repeat-x scroll 0pt 100% transparent;
	padding-bottom:10px;
	clear:both;
}
#simResults {
	padding:8px;
	background-color:#fff;
}
.modeAffichage, #pagination {
	float:left;
	margin:0.1em 0.5em;
	padding:0.1em;
	line-height:2em;
	position:relative;
}
.modeAffichageActif {background-color:#f03;}
#orderBy {float:left}
.prix {
	border:1px #bbb dotted;
	background-color:#fff;
	text-align:center;
	padding:1px;
	font-size:0.85em;
	float:left;
	margin-left:1px;
}
#prixm {position:absolute;left:0;bottom:2.2em;font-size:0.80em}
#contact {
	border:1px #bbb solid;
	background-color:#a5bfdd;
	padding:1em;
	margin:3em 0 3em 0;
}
.b1, .b2 {
	border-radius:5px;
	border:1px #666 solid;
	overflow:hidden;
	background-color:#f8f8f8;
}
.b2 {margin-top:15px}
.b1 {margin:10px}
.divl {
	height:auto;
	position:relative;
	margin-bottom:30px;
}
.divm {
	width:15.3em;
	height:16em;
	float:left;
	text-align:center;
	position:relative;
}
.divz, .divp {
	width:30em;
	float:left;
	position:relative;
}
.divz {height:32em}
.divp {width:auto;height:34em}
.diva {
	height:auto;
	position:relative;
}
.divc {
	position:relative;
	font-size:0.85em;
}
div:hover.divm, div:hover.divz, div:hover.divp, div:hover.divl  {background-color:#fff;border:1px #000 solid}

.it {border:1px solid #999;width:4.27em;height:3em}
.im {border:1px solid #999;width:8.54em;height:6em}
.ip {border:1px solid #999;width:5.7em;height:4em}
.iz {border:none; border-bottom:1px solid #999;width:100%;height:auto}
.iav {width:69px;height:45px;margin:2px;border:1px solid #999}
.iaz {width:370px;height:260px;margin:2px 2px 0 2px;border:1px solid #999}
.gmap {clear:left;width:100%;height:173px;;margin:3em 2px 1em 2px;border:1px solid #999}
#cmap  {margin-top:10px;width:69%;float:right;height:450px;border:1px solid #999}
.icadre,.icadrem,.icadrel {width:auto;height:auto;padding:0;position:relative}
.icadrem {margin:0.5em 3em auto 3em}
.icadrel {float:left;margin:10px}

.ipanier {border:1px solid #999;width:6em;height:4.22em;font-size:0.7em}
.divpanier {position:relative;float:left;margin:0.2em;}

.iCount,.iCountFavori {
	font-size:0.8em;
	background-color:#fff;
	color:#333;
	position:absolute;
	padding:1px;
}
.iCount {
	bottom:1px;
	right:0;
}
.iCountFavori {
	line-height:0.8em;
	bottom:4px;
	right:1px;
	z-index:9999;
}
.iId {
	font-size:0.8em;
	line-height:0.8em;
	background-color:#fc0;
	color:#333;
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
	width:100%;
	text-align:center;
}
.k_float{z-index:9999999;position:fixed!important;position:absolute;}
.k_bottom{bottom:0;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop+(document.documentElement.clientHeight-this.clientHeight) - 1:document.body.scrollTop+(document.body.clientHeight-this.clientHeight) - 1);}
.k_right{right:2px;}
.k_left{left:0;}
.k_top{top:0;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop:document.body.scrollTop);}

.boutonInvisible {
	border:none;
	margin:0;
	padding:0;
	width:0;
	font-size:0;
}

.addCrit {
	border-radius:5px;
	margin:0.1em auto 0.1em 0.5em;
	padding:0.1em;
	float:left;
	position:relative;
	cursor:pointer;
}
.addCritActif {background-color:#333;color:#fff}
.addCritOnglet {color:#f00}
.bouton {
	border-radius:5px;
	padding:0;
	margin:0;
}
.boutonContact {
	border-radius:8px;
	background-color:#fff;
	border:1px #999 solid;
	padding:3px 15px 3px 15px;
	height:2em;
	color:#00f;
	cursor:pointer;
	line-height:3em;
}
.telvisible {
	height:2em;
	margin-right:30px;
	display:inline;
	visibility:visible;
}
.boutonActif {
	background-color:#333;
	color:#fff;
}
.goBlock {
	font-weight:bold;
	color:#666;
	margin-top:15px;
	margin-bottom:6px;
	cursor:default;
}
.optionSeparator {
	border-bottom:1px solid;
	width:100%;
}
.t1 {position:relative; overflow:hidden;text-align:center;width:100%}
.t2 {color:#fff;background-color:#666; overflow:hidden}
.piedm {vertical-align:bottom}
.invisible {
	display:none;
	visibility:hidden;
	width:0%;
	height:0%;
}
.z {
	width:100%;
	padding:0;
	margin:0;
	border-spacing:0;
}
.f {
	height:100%;
}
.bottom {
	vertical-align:text-bottom;
}
.divFavori {color:#333;background-color:#fc0}
.Favori {opacity:0.4; filter:alpha(opacity=20)}
span:hover.Favori {opacity:1; filter:alpha(opacity=100)}
.notFavori {opacity:1; filter:alpha(opacity=100);}
.desccbox {border:1px solid #999;width:25%;height:4em;padding:5px; word-wrap:break-word}
#descpromo, #lastminute, #tarif {
	border-spacing:1px;
	background-color:#ddd;
	width:100%;
	height:100%;
}
#descpromo {text-align:left;background-color:#fff}
#lastminute {table-layout:fixed;text-align:center}
#tarif {text-align:center;background-color:#fff}

.titreTarifs {height:3em;text-align:center}
.cadreTarifs {
	float:left;
	overflow:hidden;
	border:1px solid #999;
	width:32%;
	margin:2em 0.5% 2em 0.5%;
	height:15.5em;
}
.prixNormal {text-decoration:line-through}
.prixPromo {color:#f60; font-weight:bold}
.partage {height:1.5em;margin:1em 0 0 1em;vertical-align:middle}
.pi {position:absolute;bottom:0;right:0}
.right {text-align:right}
.description {
	color:#777;
	padding:5px 5px 5px 0;
	font-size:0.85em;
	float:left;
}
.description2 {
	background-color:#f1f1f1;
	margin-top:1em;
	padding:1em;
	border: 1px solid #f60;
}
.commentaire {
	text-overflow:ellipsis;
	height:2em;
	overflow:hidden;
}
.ERRORr {background-color:red}
.msgerr {
	color: #f00;
	text-align: center;
	border: 1px solid #ccc;
	background-color: #F5F5F5;
	margin:10px 0 10px 0;
	padding:0;
}
.msgerr2 {
	color: #fff;
	text-align: center;
	border: 1px solid #ccc;
	background-color: #f00;
	margin:10px 0 10px 0;
	padding:0;
}
.msgerrok {
	color: #fff;
	background-color:#090;
}
#piedpage {
	float:left;
	border-top:1px solid #999;
	background-color:#fff;
	text-align:center;
	width:100%;
	clear:both;
	margin-top:30px;
}
#sommaire {
	text-align:left;
	margin:auto;
	width:60%;
}
#wheel {
	 position:fixed;left:47%;top:50%;z-index:9999;
}
#modes {
	background: url(/vacances/modes.gif) no-repeat;
	height:22px;
	width:157px;
	margin-top:0.2em;
}
.modeActif {
	float:left;
	height:22px;
	font-size:0em;
	color:transparent;
	border:none;
	margin:0;
	padding:0;
}
.defaultMode {
	background: url(/vacances/transparent.gif) no-repeat;
	width:26px;
}
.lMode,.mMode,.pMode,.zMode,.aMode,.cMode {width:27px}
.lMode {background: url(/vacances/actif-l.gif) no-repeat}
.mMode {background: url(/vacances/actif-m.gif) no-repeat}
.pMode {background: url(/vacances/actif-p.gif) no-repeat}
.zMode {background: url(/vacances/actif-z.gif) no-repeat}
.aMode {background: url(/vacances/actif-a.gif) no-repeat}
.cMode {background: url(/vacances/actif-c.gif) no-repeat}

input:hover.defaultMode {
	background-color:#666;
	opacity:0.4; filter:alpha(opacity=40);
}
input:active.defaultMode {
	background-color:#000;
	opacity:0.5; filter:alpha(opacity=50);
}
.mp {width:1em;height:auto}
#helprech, #helpmode, #helpcrit{font-size:0.9em;line-height:1.2em;position:absolute;z-index:9999;cursor:pointer;;width:auto}
#helprech{position:relative}
#helpmode{top:-11em}
#helpcrit{top:2.5em;width:15em;margin-left:11em}
.helptext{color:#fff;background-color:#f00;padding:3px;border-radius:8px}
#helpmodepointe{position:relative;text-align:left;clear:both;left:5%}
#desccbox {border-spacing:4px;table-layout:fixed}
.libpanier {float:left;width:11.5em}
#cs {position:relative;top:0.5em}
#formpanier {margin-top:1em;line-height:2em}
.endOfResult {clear:both;padding:0.5em;text-align:center}
.csa {overflow:hidden}