/* CSS - description style général */
.foo, x:-moz-any-link { } /* FireFox 2 */
.foo, x:-moz-any-link, x:default { } /* FireFox 3 */
html>/**/body .foo, x:-moz-any-link, x:default { } /* Only FireFox 3 */

body, td, tr, input, select, textarea { font: normal 11px Trebuchet MS, Verdana, sans-serif; color: #000; }
input, select, textarea { margin: 5px; }

a {text-decoration: none;}
a img {	border : none; }
div.alt { -display:none; } /*--- évite bug marge après composant flash (sous ie6) ---*/
.strong { font-weight:bold }
.erre {font-weight:bold;color:#f70;}

/*---  Header & footer  ---*/
/*  Breadcrumb, Contact, Mentions légales, liens référencement */
#breadcrumb { display: block; float: left; width: 80%; height: 20px; color: #01f; font-size: 1em; text-align: left; }
#breadcrumb a { float: left; margin: 0px; color: #01f; text-decoration: underline; font: normal 11px Trebuchet MS, Verdana, sans-serif; }
#breadcrumb a h1 { float: left; cursor: hand; margin: 0px; padding:0px; color: #01f; text-decoration: underline; font: normal 11px Trebuchet MS, Verdana, sans-serif; }
#breadcrumb span.raquo { float: left; margin: 0px 3px 0px 3px; line-height: 11px; color: #01f; font: normal 11px Trebuchet MS, Verdana, sans-serif; text-decoration: none; }
#breadcrumb h1.currentPg { float: left; margin: 0px; padding:0px;line-height: 11px; color: #01f; font: normal 11px Trebuchet MS, Verdana, sans-serif; text-decoration: none; }
ul#toplinks { background: transparent; float: right; margin: 0px; padding: 0; text-align: left; } 
ul#toplinks li {background : url(/z/go/resources/images/pictos/pict_arrow-triangle-blanc.gif) 0px 2px no-repeat; display: inline; height: 20px; margin: 0px; padding-left: 15px; list-style: none;   }
ul#toplinks li.sep {background : url(/z/go/resources/images/bg/sep-toplinks.gif) 0px 0px no-repeat; display: inline; height: 20px; margin: 0px 3px 0px 10px; padding: 0px; list-style: none;   }
ul#toplinks li a { color: #01f; text-decoration: none;}
ul#toplinks li a:hover{ color: #01f; text-decoration: underline; }

#marque {  float: left; width: 260px; height: 85px; padding: 5px 0px 0px 0px;}
#marque2 { float: left; width: 210px; height: 85px; padding: 5px 0px 0px 0px;}
#plongee #marque,#prestige #marque,#voyagedenoces #marque,#circuit #marque,#weekend #marque,#thalasso #marque,#golf #marque { float: left; width: 210px; height: 85px; padding: 5px 0px 0px 0px;}
		
h1.signature, p.signature { clear: both; float: left; width: 260px; margin: 3px 0px 1px 0px; padding: 0px 0px 0px 5px; font: bold 12px  Trebuchet MS, Verdana, sans serif; line-height: 12px; color: #fff; }
h1.signature2, p.signature2 {clear: both; float: left; width: 220px !important; +width:140px; margin: -5px 0px 1px 0px !important; +margin: -4px 0px 1px 20px; padding: 0px 0px 0px 5px !important; +padding: 0px 0px 0px 0px; font: bold 12px  Trebuchet MS, Verdana, sans serif; line-height: 12px; color: #fff; }
h1.signatures2, p.signatures2 { clear: both; float: left; width: 250px !important; +width:140px; margin: 0px 0px 1px 45px !important; +margin: -2px 0px 5px 25px; padding: 0px 0px 0px 5px; font: bold 12px  Trebuchet MS, Verdana, sans serif; line-height: 12px; color: #fff; }

#bandeau { background: transparent; float: left;  margin: 0px; padding: 0px 0px 0px 0px; text-align: left; }
#bandeau #banFlashContent{position:relative; margin: 0px 0px 0px 0px;   padding: 0px;}
#bandeau2 { background: transparent; float: right; height: 90px; margin: 0px; padding: 0px 0px 0px 0px; text-align: right; }
#bandeau2 #banFlashContent2{position:relative; margin: 0px 0px 0px 0px;  padding: 0px;height: 90px; width: 728px;}
#bandeau2 #banFlashContent2 .cdiscount{position:absolute;top:0;left:0;z-index:10;display:none;}
#bandeau2 #banFlashContent2 .adlink{position:absolute;top:0;left:0;z-index:20;display:none;}
.logo { 
	/*
	background: url(/z/go/resources/images/logos/logo195x52.png) no-repeat left top !important;
	+background: url(/z/go/resources/images/logos/logo195x51_bleu.gif) no-repeat left top;
	*/
	float: left; width:210px; height:62px; 
}

#marque img.logo { 
	background: url(/z/go/resources/images/logos/logo238x62_bleu.gif) no-repeat left top;
	float: left; width:238px; height:62px; 
}
#marque2  img.logo { 
	background: url(/z/go/resources/images/logos/logo210x55_bleu.gif) no-repeat left top !important;
	float: left; width:210px; height:55px; 
}

#plongee #marque img.logo { 
	background: url(/z/go/resources/images/logos/logo210x55_plongee.gif) no-repeat left top !important;
	float: left; width:210px; height:55px; 
}
#prestige #marque img.logo { 
	background: url(/z/go/resources/images/logos/logo210x55_prestige.gif) no-repeat left top !important;
	float: left; width:210px; height:55px; 
}
#voyagedenoces #marque img.logo { 
	background: url(/z/go/resources/images/logos/logo210x55_noces.gif) no-repeat left top !important;
	float: left; width:210px; height:55px; 
}
#circuit #marque img.logo { 
	background: url(/z/go/resources/images/logos/logo210x55_circuit.gif) no-repeat left top !important;
	float: left; width:210px; height:55px; 
}
#weekend #marque img.logo { 
	background: url(/z/go/resources/images/logos/logo210x55_weekend.gif) no-repeat left top !important;
	float: left; width:210px; height:55px; 
}
#thalasso #marque img.logo { 
	background: url(/z/go/resources/images/logos/logo210x55_thalasso.gif) no-repeat left top !important;
	float: left; width:210px; height:55px; 
}
#golf #marque  img.logo { 
	background: url(/z/go/resources/images/logos/logo210x55_golf.gif) no-repeat left top !important;
	float: left; width:210px; height:55px; 
}

.logo2 { 
	float: left; width:195px !important; +width: 193px; height:52px; margin: 3px 0px 0px 0px !important;
}
img.logo2 { 
	background: url(/z/go/resources/images/logos/logo195x52.png) no-repeat left top !important;
	+background: url(/z/go/resources/images/logos/logo195x51_blanc.gif) no-repeat left top;
	float: left; width:195px !important; +width: 193px; height:52px; 
}
.iata { float: right; margin-left: 15px; }
.mentions { float: left; width:100%;margin: 15px 0px 0px 0px; text-align:justify; font: normal 10px Arial, sans-serif; color: #888; }
.mentions a.linkref { font: normal 10px Arial, sans-serif; text-decoration: none; color: #888;}
.mentions a.linkref2 { font: normal 10px Arial, sans-serif; color: #888; text-decoration: underline;}
.mentions a.nohand { font: normal 10px Arial, sans-serif; 	text-decoration : none;	cursor:default; color: #888;}

#logos-footer { width:960px; height:39px; padding:0px;  }
#logos-footer img { float:left; border:0; margin:4px 9px 0 0; padding:0; display:block; }
#logos-footer img.logo-service-client, #logos-footer img.logo-contenu-video, #logos-footer img.logo-expansion { float:right; border:0; margin:4px 0 0 9px; padding:0; display:block; }

/*#seo { background: #EDF5FF; float:left; width: 950px; height: 20px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 10px; }*/
#seo { background: #EDF5FF; float:left; width: 960px; height: 20px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
#seolinks { 	
	position: absolute;	bottom:0; left:0; width:960px; height: 90px; 
	margin:10px 0px 0px 0px; padding: 0px; text-align:justify; font: normal 10px Arial, sans-serif; color: #888; 
}
#seolinks p { margin: 0 auto; text-align: left; }
#seolinks a.linkref { font: normal 10px Arial, sans-serif; color: #01f; text-decoration: none; color: #888;}
#seolinks a.linkref2 { font: normal 10px Arial, sans-serif; color: #01f; text-decoration: underline;}
#seolinks a.nohand { font: normal 10px Arial, sans-serif; 	text-decoration : none;	cursor:default; color: #888;}

#footer #ttc-int { background: #ffefe5;	float: left; width: 940px; margin: 0px; padding: 10px; }



/* Arbo voyage */
#arbodest { float: left; background: #fff; width: 425px; height: 24px; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 20px; text-align: left; }
#arbodest h1 { margin: 0; padding: 0; line-height: 16px; color: #f60; font: bold 16px Trebuchet MS, sans-serif; }

/* Ville départ */
#villedepart { float: left; width: 460px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; }
#villedepart form { float: left; margin: 2px 0px 0px 0px; padding:0px 0px 0px 60px; font: bold 10px Trebuchet MS, Verdana, sans serif; text-align: left;  }
#villedepart form label { float: left; margin: 3px 7px 0px 0px; padding: 0px; color: #0000FF; font: bold 11px  Trebuchet MS, Verdana, sans serif; }
#villedepart form select { float: left; margin: 3px 0px 0px 0px; padding: 0px; vertical-align: middle; color: #000; font: bold 11px verdana, sans serif; text-align: left; }

/*contact */
#contact { float: right; width: 316px; height: 59px; margin: -28px 0px 0px 0px; text-align: left;   }
#contact .horaires {  float: right; width:auto; height: 59px; margin: 0px 40px 0px 10px !important; +margin: 0px -5px 0px 0px; padding: 0px; color: #f60; text-align: left; }
#contact .numtel { float:left;  font: bold 18px Trebuchet MS, Verdana, sans-serif; margin: -3px 0 0 3px; width: 316px; }
#contact .infos-tel { float:left;  font: bold 16px Trebuchet MS, sans-serif;}
#contact .txt-tel { float:left; font: normal 10px Trebuchet MS, sans-serif; color:#000;   line-height:12px; margin: -3px 0 0 3px !important; +margin: -2px 0 0 3px;}

#contact-top {float: left; width: 500px; height: 25px; margin: 0px 0px 0px 0px; text-align: left;   }
#contact-top .horaires { float: left; height: 25px; margin: 0px 0px 0px 10px !important; +margin: 0px 0px 0px 5px; padding: 0px; color: #f60; text-align: left; }
#contact-top .numtel { float:left;  font: bold 18px Trebuchet MS, Verdana, sans-serif; margin: 0 0 0 3px; }
#contact-top .infos-tel { float:left;  font: bold 16px Trebuchet MS, sans-serif;}
#contact-top .txt-tel { float:left; font: normal 10px Trebuchet MS, sans-serif; color:#000;   line-height:12px; margin: 0 0 0 3px !important; +margin: 0 0 0 3px;}
#contact-bottom { float: left; margin: 0px 0px 0px 43px !important; +margin: 0px 0px 0px 38px; padding: 0px; width: 720px;  text-align: left;font-size:11px;}
#contact-bottom .telhoraires {  background: url(/z/go/resources/images/pictos/pict_tel-petit.gif) 0px -3px no-repeat; float: left;  padding: 0px 0px 0px 20px; margin: 5px 0px 0px 0px; }
#contact-bottom .telhoraires .numtel { float: left; margin: 0px;color: #f60; font: bold 20px Trebuchet MS, Verdana, sans-serif;  }
#contact-bottom .telhoraires .horaires { float: left; width: 200px;}
#contact-bottom .detailtel { float: left;  color: #000; }
#contact-bottom .sep-detailtel {float: left; border-left: solid 1px #f60;width: 1px;height: 20px; margin: 10px 10px 0px 5px; }
#contact-bottom .infos-tel { float: left;  width: 330px; font-size: 12px; letter-spacing: 0.05em; }
#contact-bottom .infos-text10 { float: left;  width: 320px; height: 30px; margin-top: -1px; font-size: 10px; letter-spacing: 0px; line-height: 11px; }
#contact-bottom .infos-text11 { float: left;  width: 320px; font-size: 11px; line-height: 13px; }
#contact-bottom  a { text-decoration: underline; color: #01f;}
#contact-bottom  a:hover { text-decoration: none; color: #f60;}

#contact-sejour { background: #EDF5FF url(/z/go/resources/images/pictos/pict_AZ_bleu.gif) 0px 0px no-repeat; float: left; margin: 0px 0px 0px 40px; padding: 0px 0px 0px 20px; text-align: left; }
#contact-sejour .numtel { float: left; margin: 0px;color: #01f; font: bold 20px Trebuchet MS, Verdana, sans-serif;  }
#contact-sejour .horaires { float: left; width: 200px;}
#contact-sejour .detailtel { float: left;  color: #000; }
#contact-sejour .sep-detailtel {float: left; border-left: solid 1px #01f;width: 1px;height: 20px; margin: 10px 10px 0px 5px; }
#contact-sejour .infos-tel { float: left;  width: 330px; font-size: 12px; letter-spacing: 0.05em; }
#contact-sejour .infos-text10 { float: left;  width: 320px; height: 30px; margin-top: -1px; font-size: 10px; letter-spacing: 0px; line-height: 11px; }
#contact-sejour .infos-text11 { float: left;  width: 320px; font-size: 11px; line-height: 13px; }


/*--- Titres des blocs ---*/
.title { height: 25px; margin: 0px; padding: 0px; vertical-align: top; }
h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; font: bold 18px Trebuchet MS, Verdana, sans-serif; color: #fff; }
img.title-rss {float: right;  border : 0;  margin: -2px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.title2 { height: 35px; margin: 0px; padding: 0px; vertical-align: top; border-bottom: solid 1px #09f; }
h1 { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 10px; font: bold 20px Trebuchet MS, Verdana, sans-serif; color: #09f; }
.sstitle1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height:20px; font-size: 20px; color: #f60; }
.sstitle2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height:35px; font-size: 35px; color: #09f; }
.sstitle3 {float:left; margin: 40px 0px 15px 0px; padding: 0px 0px 0px 0px; width:100%; font-size: 15px; font-weight: bold; color: #09f; }
.sstitle4 {float:left;margin:0px 0px 0px 20px; padding:0px; font-size:15px; color:#000;font-weight:bold;}
.sstitle4b { float:left;margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; width:100%; font-size: 25px; font-weight:normal; color: #09f; }
.sstitle5 {float:left; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; width:100%; font-size: 18px; font-weight: bold; color: #09f; }

/*--- Boutons ---*/
.btn { 
	background: url(/z/go/resources/images/btn/btn-bleuR.gif) left bottom no-repeat; 
	height: 28px; margin: 10px 0px; padding:  3px 5px 0px 10px; font-size: 15px; font-weight: bold;
	cursor: pointer;
}
.btn2 { 
	background: url(/z/go/resources/images/btn/btn-orangeR.gif) left bottom no-repeat; 
	height: 28px; font-size: 15px; font-weight: bold;
	cursor: pointer;
}

.btn3 { 
	background: url(/z/go/resources/images/btn/btn-bleuC.gif) left bottom no-repeat; 
	height: 28px; margin: 10px 0px; padding:  3px 0px 0px 5px !important; +padding:  3px 0px 0px 2px; font-size: 15px; font-weight: bold;
	cursor: pointer;
}

.btn a, .btn2 a , .btn3 a{  text-decoration: underline;  color: #fff; }
.btn a:hover, .btn2 a:hover, .btn3 a:hover {  text-decoration: none;  color: #fff; }


/*--- Lien générique en bas des blocs ---*/
.thm_arrow {
	background : url("/z/go/resources/images/pictos/pict_arrow.gif") 0px 5px no-repeat;
 	float: left; margin-left: 10px; padding-left: 15px;	height: 25px;
}
.thm_arrow2 {
	background : url("/z/go/resources/images/pictos/pict_arrow2.gif") 0px 2px no-repeat;
 	float: left; margin-left: 10px; padding-left: 15px;	height: 30px;
}
.thm_arrow3{
	background : url("/z/go/resources/images/pictos/pict_arrow3.gif") 0px 0px no-repeat;
 	float: left; margin-left: 0px; padding-left: 15px;	height: 25px;
}
.thm_arrow span.themeAll, .thm_arrow2 span.themeAll {
	margin-left: 8px;
	color : #fff; font-size: 15px; font-weight: bold; text-decoration:underline;
}
.thm_arrow2 span.themeAll2 {
	margin-left: 8px;
	color : #01f;	font-size: 15px; font-weight: bold; text-decoration:underline;
}
.thm_arrow3 span.themeAll{
	margin-left: 8px;
	color : #0099FF;	font-size: 11px; font-weight: bold; font-family:Trebuchet MS, verdana, sans sherif; text-decoration:underline;
}

/*---  default Bloc ---*/
.bloc { background: #f60 url(/z/go/resources/images/bg/bg_titre-orange.png) left top repeat-x; width: 592px !important; +width: 565px; padding: 0px 4px 4px 4px;}
.bloc h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; font: bold 15px Trebuchet MS, Verdana, sans-serif; color: #fff; }
.bloc div.content { background: #fff; width: 562px; padding: 0px 15px 15px 15px; }
	.bloc div.content ul.list{ width:100%; height: 780px; margin:0px; padding: 10px 0px 0px 10px; }
		.bloc div.content ul.list li {
			float:left; width: 80%; margin: 0px 0px 0px 10px; padding-bottom:2px;
			list-style: none; display: inline;
		}
		.bloc div.content ul.list li a:link, .bloc div.content ul.list li a:visited { clear:both; cursor: pointer; color: #01f; font-weight:bold; text-decoration: none; }
		.bloc div.content ul.list li a:hover { clear:both; cursor: pointer; color: #f60;text-decoration: underline; }


		
/*--- Modules mise en avant produit ---*/
/* (offre-col : pour disposition en colonne) */

/*a  dl.offre,  a dl.offre dt, a dl.offre dd, a dl.offre-col, a dl.offre-col dt , a dl.offre-col dd { margin: 0px; padding: 0px; font: normal 10px Trebuchet MS, Verdana, sans serif; color: #000; text-decoration: none; cursor: hand;}*/
a  dl.offre,  a dl.offre dt, a dl.offre dd  { margin: 0px; padding: 0px; font: normal 10px Trebuchet MS, Verdana, sans serif; color: #000; text-decoration: none; cursor: hand;}
dl.offre-col, dl.offre-col dt a, dl.offre-col dd a, dl.offre-col dd { margin: 0px; padding: 0px; font: normal 10px Trebuchet MS, Verdana, sans serif; color: #000; text-decoration: none; cursor: hand;}

.offre .destination { float: left; font: bold 15px Trebuchet MS, Verdana, sans-serif; line-height: 15px; color:#000; }
.offre .libre {  /*float: left;*/ font: bold 14px Trebuchet MS, Verdana, sans-serif;  line-height: 14px; color: #f60;}
.offre .detail { float: left;  line-height: 10px; }
.offre .detail .descriptif-link { color:#01f; text-decoration: underline; white-space:nowrap;}
.offre .detail .descriptif-link:hover{ color:#f60; text-decoration: underline; white-space:nowrap;}
.offre .duree { color: #000; }
.offre .apartirde{ float: right;  width: auto;  margin: 0px; padding: 0px 0px 0px 5px; text-align: left; }
.offre .apartirde .prix { background-color: #f60; width: auto; margin: 0px 0px 0px 0px; padding: 5px 3px; color: #fff; font-size: 20px; font-weight: bold; line-height: 16px; }
.offre .apartirde  span.ttc {  background-color: #f60; padding: 0px 1px 0px 2px; color: #fff; font-size: 14px; font-weight: bold;}

.offre-col a img.photo { width: 124px; height: 90px; border: 0; }
.offre-col .destination a{ float: left; width: 100%; margin: 5px 0px 0px 0px; font: bold 15px Trebuchet MS, Verdana, sans-serif; line-height: 15px; color:#000; }
.offre-col .libre a{  float: left; width: 100%; font: bold 14px Trebuchet MS, Verdana, sans-serif; line-height: 14px; color: #f60; }
.offre-col .detail a {  float: left; width: 100%; line-height:11px;}
.offre-col .detail a .descriptif-link { color:#01f; text-decoration: underline; white-space:nowrap;}
.offre-col .detail a .descriptif-link:hover { color:#f60; text-decoration: underline; white-space:nowrap;}
.offre-col .duree a {font-size: 10px; }
.offre-col .apartirde { width: 100%; font-size: 10px; margin: 0px 0px 0px 5px;  }
.offre-col .prix a { float: left; background-color: #f60; width: auto; margin: 0px; padding: 5px 3px; color: #fff; font-size: 20px; font-weight: bold; line-height: 16px;}
.offre-col .prix a span.ttc {  background-color: #f60; padding: 0px 1px 0px 2px; color: #fff; font-size: 14px; font-weight: bold;}

.offre .indice, .offre-col .indice { 
	background : url("/z/go/resources/images/bg/bg-indice.gif") 0px 0px no-repeat; 
	float: left; width: 19px; height: 20px; text-align: left; margin: 0px; padding: 0px 2px 0px 5px;  font-size: 15px; font-weight: bold;	color: #fff;
}



/*--- Liste produits ---*/
#infosListe { /* Infos complément titre  */
	background: url("/z/go/resources/images/bg/bg-liste-toptitre.png") -15px 0px no-repeat;
	height: 104px;
	margin: 0px; padding: 0px;
}
#infosListe p { padding: 28px 0px 0px 60px; margin: 0px; }
.produit-list { float: left; background: #fff; margin: 0px 0px 1px 0px; padding: 10px; }
.produit-list dl, .produit-list dt, .produit-list dd { margin: 0; padding: 0; font: bold 11px Trebuchet MS, Verdana, sans-serif; color: #000}
.produit-list .destination { /* */}
.produit-list .ville { /* */}
.produit-list .accroche {/* */ }
.produit-list .formule { /* */}
.produit-list .duree { /* */}
.produit-list .prix {/* */ }
.produit-list .descriptif-link { /* */}


/*--- Stick bottom--- */
.container-div { 
	background: transparent;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
.container-top { 
	padding-bottom: 240px !important; +padding-bottom: 760px;
	background:blue;
}
.container-bottom {  
	width: 100%;
	background: transparent;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
	height: 240px; +height: 760px;
}

 
 /*--- Float containers fix---*/ 
.clear:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clear{display: inline-block;}

/* Hides from IE-mac \*/
* html .clear{height: 1%;}
.clear{display: block;}
/* End hide from IE-mac */