/* 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;}

.showOn { display:block }
.showOff { display:none; }

#advban {position:relative;display:block;width:728px;height:90px;}
#advsky {position:relative;display:block;width:120px;height:600px;}
#adv300 {position:relative;width:300px;height:250px; }
#adv300 #advcarre {position:relative;float:left;width:300px;height:250px;margin:5px auto;}
#list #advcarre { position:relative;float:left;width:300px;height:250px;margin:0px auto; }
.sponsorLink { position:relative;clear:both; float:right;display: inline; margin:0; padding:0; overflow: hidden;}
.sponsorStick { position:relative;float:left;width:120px;height:150px;margin:0px; padding:0; overflow:hidden;}

.left div{ position:fixed !important;+position:absolute;top:0;left:0;width:auto; height:700px; }
.right div{ position:fixed !important;+position:absolute;top:0;right:0;width:auto; height:700px;}

/*td.left{background:#fff url(http://static.promovacances.com/backgrounds/promovacances/home-bg-left.jpg) right top no-repeat;}
td.right{background:#fff url(http://static.promovacances.com/backgrounds/promovacances/home-bg-right.jpg) left top no-repeat;}

td.left div{background:#fff url(http://static.promovacances.com/backgrounds/promovacances/home-bg-left.jpg) right top no-repeat;}
td.right div{background:#fff url(http://static.promovacances.com/backgrounds/promovacances/home-bg-right.jpg) left top no-repeat;}

td.content{margin:0;padding:0;background-image:url(http://static.promovacances.com/backgrounds/promovacances/home-bg-center.jpg);background-repeat:no-repeat; background-attachment:fixed;background-position:center top;}
*/
body, body.country{background-color:#fff;background-image: url(http://static.promovacances.com/backgrounds/promovacances/home.jpg);background-position: center top;background-repeat: no-repeat;background-attachment:fixed;}
td.left, td.right{margin:0;padding:0;background:none;}

td.content{margin:0;padding:0;background:url(../../images/bg/bg-content.gif) repeat-x 0px 126px;}
#home td.content{margin:0;padding:0; background:url(../../images/bg/bg-content.gif) repeat-x 0px 118px;}

/*body#sejlistbody, body#ficheproduit{background-image:none;background-color:#fff;}*/
body#sejlistbody.country, body#ficheproduit.country{background-color:#fff;background-image: url(http://static.promovacances.com/backgrounds/promovacances/bg-home.jpg);}

#marque img.logo{background:url(../../images/logos/logo238x62-home.jpg) no-repeat left top !important;+background:url(../../images/logos/logo238x62-home.jpg) no-repeat left top;}
#marque2 img.logo {background:url(../../images/logos/logo-210-55.png) no-repeat left top !important;+background:url(../../images/logos/logo210x55-ficheproduit.jpg) no-repeat left top;} 


/*---  Header & footer  ---*/
/*  Breadcrumb, Contact, Mentions légales, liens référencement */
#breadcrumb { display: block; float: left; color: #01f; font-size: 1em; text-align: left; font-weight:normal; width: 100%;/*width: 80%; height: 20px;*/}
#breadcrumb  div { display: inline;}
#breadcrumb  div.currentPage { width: 80%; }
#breadcrumb a { float: left; margin: 0px; color: #01f; text-decoration: underline; font: normal 11px Trebuchet MS, Verdana, sans-serif; }
#breadcrumb a b { float: left; cursor: pointer; margin: 0px; padding:0px; color: #01f; text-decoration: underline; font: normal 11px Trebuchet MS, Verdana, sans-serif; font-weight: bold;}
#breadcrumb span.raquo { float: left; margin: 0px 3px 0px 3px; line-height: 11px; color: #01f; font:11px Trebuchet MS, Verdana, sans-serif; text-decoration: none;font-weight:normal;}
#breadcrumb h1.currentPg { float: left; margin: 0 3px 0 0; padding:0px;line-height: 11px; color: #01f; font:11px Trebuchet MS, Verdana, sans-serif; text-decoration: none;font-weight:normal;}
#breadcrumb h1.currentPg a{text-decoration:none;}
#breadcrumb h1.currentPg b{font-weight:normal;}
#breadcrumb h2{font-size:11px; font-weight:normal; margin:0; padding:0;}
.breadcrumb-float-none {float:none !important}

#bodyid #breadcrumb{color:#09f;}
	#bodyid #breadcrumb a{color:#09f}
	#bodyid #breadcrumb span.currentPg{color:#09f; margin: 0 3px 0 0;}

#ficheproduit #breadcrumb {color:#09f;}
	#ficheproduit  #breadcrumb span.currentPg {color:#09f;}
	
ul#toplinks { background: transparent; float: right; margin: 0px; padding: 0; text-align: left; } 
ul#toplinks li {background : url(../../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(../../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;}
#bandeau #banFlashContent img.anniversaire{width:475px; height:80px; margin:0; padding:0;}

#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(../../images/logos/logo195x52.png) no-repeat left top !important;
	+background: url(../../images/logos/logo195x51_bleu.gif) no-repeat left top;
	*/
	float: left; width:210px; height:62px; 
}

#marque img.logo { 
	/*background: url(../../images/logos/logo238x62_bleu.gif) no-repeat left top;*/
	float: left; width:238px; height:62px; 
}

#marque2  img.logo { 
	/*background: url(../../images/logos/logo210x55_bleu.gif) no-repeat left top !important;*/
	float: left; width:210px; height:55px; 
}

#plongee #marque img.logo { 
	background: url(../../images/logos/logo210x55_plongee.gif) no-repeat left top !important;
	float: left; width:210px; height:55px; 
}
#prestige #marque img.logo { 
	background: url(../../images/logos/logo210x55_prestige.gif) no-repeat left top !important;
	float: left; width:210px; height:55px; 
}
#voyagedenoces #marque img.logo { 
	background: url(../../images/logos/logo210x55_noces.gif) no-repeat left top !important;
	float: left; width:210px; height:55px; 
}
#circuit #marque img.logo { 
	background: url(../../images/logos/logo210x55_circuit.gif) no-repeat left top !important;
	float: left; width:210px; height:55px; 
}
#weekend #marque img.logo { 
	background: url(../../images/logos/logo210x55_weekend.gif) no-repeat left top !important;
	float: left; width:210px; height:55px; 
}
#thalasso #marque img.logo { 
	background: url(../../images/logos/logo210x55_thalasso.gif) no-repeat left top !important;
	float: left; width:210px; height:55px; 
}
#golf #marque  img.logo { 
	background: url(../../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(../../images/logos/logo195x52.png) no-repeat left top !important;
	+background: url(../../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;}


/*#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;}

#logos-footer { width:950px; height:auto; padding: 4px 9px 0 0;  }
#logos-footer img { border:0; margin: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; }
#footer #ttc-int { background: #ffefe5;	float: left; width: 940px !important;+width: 960px; margin: 0px; padding: 10px; }

.spacer_h8 {height:10xp}

/* 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: 295px; 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: 2px 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: right; width: auto; height: 25px; margin: 0px 0px 0px 0px; text-align: left;   }
#contact-top .horaires { float: left; height: 25px; margin: 0px 0px 0px 5px !important; +margin: 0px 0px 0px 2px; 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; }
#contact-bottom .telhoraires {  background: url(../../images/icon-sprite.gif) 0 0 no-repeat; background-position: -80px -1064px; 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-bottom .infos-text10 span.etoile{float: left; background:url(../../images/icon-sprite.gif) no-repeat; background-position: 0 -1550px; width:12px; height:10px;}

#contact-sejour { background: #EDF5FF url(../../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; }

.btnpart { float: right; margin: 1px 3px 0 0; }

/*--- Titres des blocs ---*/
.title { height: 25px; margin: 0px; padding: 0px; vertical-align: top; }
/*.title-scg {
   height: 25px; margin: 0px; padding: 0px; vertical-align: top;
}*/
div.title-scg {
	background: url(../../images/bg-sprite.gif) 0 0 no-repeat;
}
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; }

/*--- Geolocatisation ---*/
#geolocalisationBg{
	background:#000; position:fixed !important;+position:absolute;
	display:none; width:100%; height:100% !important;+height:2250px; z-index:100;
	-moz-opacity : 0.5; opacity : .5; filter : alpha(opacity=50);
	}
#geolocalisationViewer{
	position:fixed !important;+position:absolute;
	display:none; width:100%; height:100%; z-index:200;
	}	
#geolocalisationContainer{
	width:560px; height:237px; background:#f60; margin:250px auto 0 auto !important; +margin:250px 25% 0 25%; padding:0; z-index:1000;
	}

#geolocalisationContent{
	float:left; background:#fff; width:551px; height:229px; z-index:1000;
	margin:4px 4px 4px 4px !important; +margin:2px 2px 2px 2px; padding:0;
	}
	#geolocalisationContent #infosLocatisation{
	float:left; width:214px !important; +width:234px; height:197px; margin:0; padding:0 0 0 20px;
	}
		#geolocalisationContent #infosLocatisation h1{float:left; color:#000; font-weight:bold; font-size:20px; margin:16px 0 12px; padding:0;}
		#geolocalisationContent #infosLocatisation p{float:left; width:195px; color:#000; font-weight:normal; font-size:14px; line-height:20px; margin:0; padding:0;}
		#geolocalisationContent #infosLocatisation span{float:left; color:#f60; font-weight:bold; font-size:15px; margin:13px 0 35px 0; padding:0;}
		#geolocalisationContent #infosLocatisation a{float:left; color:#000; font-weight:normal; font-size:12px; cursor:pointer; text-decoration:underline; margin:0; padding:0;}
	
	
	#geolocalisationContent ul#carte{
	position:relative; float:left; background : url(../../images/bg/carteFrance.gif) no-repeat;
	width:273px; height:216px;
	margin:7px 0 0; padding:0;
	}
		#geolocalisationContent ul#carte li{position:absolute; float:left; list-style-type:none; margin:0; padding:0;}
		#geolocalisationContent ul#carte li a{float:left; cursor:pointer; color:#fff; font-size:12px; font-weight:normal; margin:0; padding:0;}
		#geolocalisationContent ul#carte li a:hover{cursor:pointer; text-decoration:underline; font-weight:bold;}
		#geolocalisationContent ul#carte li.ville1{top:0; left:140px;}
		#geolocalisationContent ul#carte li.ville2{top:45px; left:113px;}
		#geolocalisationContent ul#carte li.ville3{top:37px; right:5px;}
		#geolocalisationContent ul#carte li.ville4{top:87px; left:5px;}
		#geolocalisationContent ul#carte li.ville5{top:72px; right:10px;}
		#geolocalisationContent ul#carte li.ville6{bottom:60px; left:43px;}
		#geolocalisationContent ul#carte li.ville7{bottom:80px; right:95px;}
		#geolocalisationContent ul#carte li.ville8{bottom:15px; left:68px;}
		#geolocalisationContent ul#carte li.ville9{bottom:6px; right:68px;}
		#geolocalisationContent ul#carte li.ville10{bottom:29px; right:31px;}
	
	#geolocalisationContent #fermer{
	float:right; width:15px; height:15px; background : url(../../images/pictos/close.gif) no-repeat; margin:0; padding:0;
	cursor:pointer;
	}

/*--- footer seo ---*/
#footerseo{
	float:left; width:960px !important; height:auto;
	background:#fff;  border:1px solid #f60;
	margin:15px 0; padding:17px 0 13px 0;
	}
	#footerseo div.categorie{
	float:left; width:310px; height:auto; margin:0 0 0 8px !important; +margin:0 0 0 5px; padding:0;
	}
		#footerseo div.categorie h3{
		float:left; width:305px; height:19px; background : url(../../images/bg-sprite-sep.gif) 0 -1655px no-repeat; margin:0; padding:0;
		color:#000; font-size:14px; font-weight:bold; line-height:10px;
		}
		
		#footerseo div.categorie span.titlecategorie{
		float:left; width:100%; height:15px; background : url(../../images/icon-sprite.gif) 0 -1875px no-repeat; margin:5px 0 0 0; padding:0 0 0 15px;
		color:#000; font-size:12px; font-weight:normal;
		}
		#footerseo div.categorie ul{clear:both; float:left; width:100%; display:inline; height:auto; margin:0; padding:0;}
			#footerseo div.categorie ul li{float:left; list-style-type:none; height:auto; font-size:12px; color:#000; line-height:15px; margin:0; padding:0;}
				#footerseo div.categorie ul li a{color:#01F;}
		#footerseo div.categorie ul.description{margin:5px 0 0 0;}	
/*--- promo pub ---*/
#promopub{float:left; width:485px; height:49px; margin:8px 0 3px 0; padding:0;}
	#promopub a{float:left; width:485px; height:49px; cursor:pointer; text-decoration:none; margin:0; padding:0;}
		#promopub img{width:485px; height:49px; border:none; margin:0; padding:0;}
/*--- Boutons ---*/
.btn-sprite{background: url(../../images/btn-sprite.gif) 0 0 no-repeat;}
	.btn-sprite a {color: #FFF; text-decoration: underline;}
	.btn-sprite span {color: #FFF; text-decoration: underline; font-size: 15px; font-weight: bold;}
	
.btn { 
	background: url(../../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(../../images/btn/btn-orangeR.gif) left bottom no-repeat; 
	height: 28px; font-size: 15px; font-weight: bold;
	cursor: pointer;
}

.btn3 { 
	background: url(../../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; }

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

/*--- Lien générique en bas des blocs ---*/
.thm_arrow {
	background : url("../../images/icon-sprite.gif") -80px -618px no-repeat;
 	float: left; margin-left: 10px; padding-left: 15px;	height: 18px;
}

.thm_arrow2 {
	background : url("../../images/icon-sprite.gif") -80px -686px no-repeat;
 	float: left; margin-left: 10px; padding-left: 15px;	height: 30px;
}
.thm_arrow3{
	background : url("../../images/icon-sprite.gif") -80px -492px 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:none;
}
.thm_arrow span.themeAll a, .thm_arrow2 span.themeAll a {
	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(../../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; }

.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 .libre .sup{position:absolute;line-height:10px;padding:0 0 3px 0;font-size:10px;font-weight:normal;}
.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("../../images/bg/bg-indice.gif") 0px 0px no-repeat; */
	background : url("../../images/pictos-sprite.gif") 0px 0px no-repeat; background-position: 0 -90px;
	float: left; width: 19px !important; +width:25px; 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("../../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 { /* */}

/*--- Espace pub thematique ---*/
#weekend #pub, #circuit #pub, #thalasso #pub, #plongee #pub, #golf #pub, #hotels #pub, #volhotel #pub{float:right; width:300px; height:250px; margin:0; padding:0;}
#vols #pub{position: absolute; width:300px; height:250px;  top: 662px; left: 475px; margin:0; padding:0;}



/*--- 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 */  


/* End hide from IE-mac */
#moreIdeevacances {	background: #fff;	border: 1px solid #09f;
					float: left;	width: 940px !important; +	width: 960px;
					margin: 0 0 10px 0; 	padding: 10px;
}

#moreIdeevacances #ideeVacances {	float: left;	width: 100%;	margin: 0;	padding: 0;
}

#moreIdeevacances #ideeVacances span#ideeChoice {	float: left;	width: 900px;	height: 23px;
	background: url(../../images/pictos/pict-cacher.gif) 0 4px no-repeat;
	font-weight: bold;	color: #09F;	font-size: 15px;
	margin: 0 8px 0 0;	padding: 0 0 0 20px;
	cursor: pointer;	text-decoration: none;
}

#moreIdeevacances.closed #ideeVacances span#ideeChoice {
	background: url(../../images/pictos/pict-ajout.gif) 0 4px no-repeat;
}

#moreIdeevacances.closed #ideeVacances #OtherideeVacances {
	display: none
}

#moreIdeevacances #ideeVacances #OtherideeVacances {
	float: left;	width: 900px;	margin: 0;	padding: 0;
}

#moreIdeevacances #ideeVacances #OtherideeVacances a {
	float: left;	width: auto;	
	color: #000;	font-size: 11px;
	text-decoration: underline; 	cursor: pointer;
	margin: 0 5px 0 0;	padding: 0;
}