span.price{ 
    font-size:11pt; 
	font-weight:bold; 
	background-image:url(./../images/btn/bt-a-partir-de.gif);
	width:90px;
	height:30px;
	line-height:30px;
	color:#FFFFFF;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
 }


span.pricepromo{
	font-size:11pt;
	font-weight:bold;
	background-image:url(./../images/btn/promo-taha.gif);
	line-height:30px;
	color:#FF0000;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
	background-repeat: no-repeat;
 }
 
 span.pricepromo1{
	font-size:11pt;
	font-weight:bold;
	line-height:30px;
	color:#FF6600;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
	background-repeat: no-repeat;
 }


span.notpricepromo{
	font-size:11pt;
	font-weight:bold;
	
	line-height:30px;
	color:#FF6600;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
	background-repeat: no-repeat;
	text-decoration:line-through;
 }
		

/*--- 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("./../images/btn/bt-a-partir-de.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;
}






a.button{
    background:url(../images/btn/reserver.gif) no-repeat;
	border:none;
	color:#ffffff;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	width:98px;
	height:19px;
	overflow:hidden;
	background-position:center;
	display:block;
}
a:hover.button{
	color:#FFFFFF;
	text-decoration:underline;
}






/* Reset */
img,p,h1,h2,h3,h4,h5,h6,ul,ol {margin:0; padding:0; list-style:none; border:none;}
/* End Reset */


input,select,textarea { font-family: Verdana; font-size: 11px;COLOR: #000000; }


.newsl_bouton {
	background:url(../images/btn/okk.gif) no-repeat;
	border:none;
	color:#ffffff;
	font-size:10px;
	width:22px;
	height:20px;
	overflow:hidden;
	background-position:center;
}
.recherche_bouton {
	background:url(../images/btn/rechercher.jpg) no-repeat;
	border:none;
	color:#ffffff;
	font-size:10px;
	width:74px;
	height:27px;
	overflow:hidden;
	background-position:center;
}


.btnreserver {
	/*border : solid 1px #cccccc;*/


	border:none;
	background:url(../images/btn/reserver.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	height:21px;
	width:98px;
	font-weight : bold;
	font-size : 10px;
	padding-bottom:1px;
	padding-left:4px;
	text-align:center;


}
.btndetail {
	/*border : solid 1px #cccccc;*/


	border:none;
	background:url(../images/btn/detail.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	height:21px;
	width:98px;
	font-weight : bold;
	font-size : 10px;
	padding-bottom:1px;
	text-align:center;


}
.btnrechercher {
	/*border : solid 1px #cccccc;*/


	border:none;
	background:url(../images/btn/rechercher.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	height:26px;
	width:119px;
	font-weight : bold;
	font-size : 11px;
	padding-bottom:1px;
	text-align:center;


}


/* Déf. globale :  petit = ...-S ,  très petit = ...-Xsmall  , grand = ...-L  , très grand = ...-xxl  ,  gras = bold  */


/*  Texte  */
.txt2 { font-size : 11px; COLOR: #001EFF; } 
.txt-bold { font-weight: bold; font-size : 11px; COLOR: #; } 
.txt-bold2 { font-weight: bold; font-size : 11px; COLOR: #FF6600; } 
.txt-bold3 { font-weight: bold; font-size : 11px; COLOR: #001EFF; } 
.txt-bold6 { font-weight: bold; font-size : 11px; COLOR: #009B4D; }
.txt-S {font-size: 10px; COLOR: #; }
.txt-Sbold {font-size: 10px; COLOR: #; }
.txt-S2 { font-size: 10px; COLOR: #FF6600; }
.txt-S2bold { font-size: 10px; font-weight: bold; COLOR: #FF6600; }
.txt-S3 { font-size: 10px; COLOR: #001EFF}
.txt-Xsmall { font-size: 7pt; COLOR: #; }
.txt-L { font-size: 13px; COLOR: #; }
.txt-L2 { font-size: 13px; COLOR: #001EFF; }
.txt-Lbold { font-weight: bold; font-size:13px;} 
.txt-L2bold { font-size: 13px;  font-weight: bold; COLOR: #FF6600; }
.txt-L3bold { font-size: 13px;  font-weight: bold; COLOR: #001EFF; }
.txt-xxl {  font-size: 16px; COLOR: #; }
.txt-xxl-bold {  font-size: 16px;  font-weight: bold; COLOR: #; }
.txt-xxl2-bold {  font-size: 16px;  font-weight: bold; COLOR: #FF6600; }
.txt-xxl3-bold {  font-size: 16px;  font-weight: bold; COLOR: #001EFF; }
.txt-xxl {  font-size: 16px; COLOR: #; }
.txt-txl2-bold {  font-size: 17px;  font-weight: bold; COLOR: #FF6600; }
.txt_13 { font-size : 13px; color : #FFFFFF; font-weight : bold;}
.txt_17 { font-size : 17px; color : #FFFFFF; font-weight : bold;}
.txt_11 { font-size : 11px; color : #FFFFFF; text-decoration: none;}
.horaires{ font-size: 10px; COLOR: #; }
.fleche {font-weight: bold; font-size : 11px; COLOR: #FF6600;}
.fleche1 {font-weight: bold; font-size : 11px; COLOR: #FF0000;}
.fleche2 {font-weight: bold; font-size : 11px; COLOR: #001EFF;}
.date {	font-size: 11px;font-weight: bold;color: #000000;}
.tiret1 { font-size: 8pt; COLOR: #001EFF; }
.tiret2 { font-size: 8pt; COLOR: #FF6600; }
.separateur{border-top : 1px dashed #001EFF; }
/* Message erreur */
.erre {font-weight: bold; font-size : 14px; COLOR: #FF0000}






A.multipage { font-size: 8pt; font-weight: bold; COLOR: #000000;}
A.lien {font-weight: bold; COLOR: #001EFF;}
A.lien-n {font-weight: bold; COLOR: #001EFF;text-decoration: none;}
A.lien2 {font-weight: bold; COLOR: #FF6600;text-decoration: none;}
A.lien-S {font-size: 10px;font-weight: bold; COLOR: #001EFF;}
A.lien-Sn {font-size: 10px;font-weight: bold; COLOR: #001EFF;text-decoration: none;}
A.lien-S2n {font-size: 10px;font-weight: bold; COLOR: #FF6600;text-decoration: none;}
A.lienliste { font-size: 10px; font-weight: bold;COLOR: #000000;}
A.lienBlanc:link,A.lienBlanc:active, A.lienBlanc:visited,  A.lienBlanc:hover{font-size: 11px;font-weight: bold;COLOR: white;	text-decoration: none;}
A.lien3:link,A.lien3:active, A.lien3:visited {font-size: 11px;font-weight: bold;COLOR: #000000;	text-decoration: underline;}
A.lien3:hover {font-size: 11px;font-weight: bold;COLOR: #FF6600;	text-decoration: underline;}




A.prix { font-size: 17px; font-weight: bold;COLOR: #FF6600;}
A.prix-S { font-size: 13px; font-weight: bold;COLOR: #FF6600;}
A.prix-L { font-size: 19px; font-weight: bold;COLOR: #FF6600;}
.prix-L { font-size: 19px; font-weight: bold;COLOR: #FF6600;}
A.prix-xxlbold:link, A.prix-xxlbold:visited, A.prix-xxlbold:hover {font-size: 20px;font-weight: bold;color: #FF6600;
	text-decoration: none;
}
/* Ville Arrivée / Départ  */
.villearr-liste {font-size: 11px; font-weight: bold; COLOR: #;}
.villedep-liste { font-size: 11px; font-weight: bold; COLOR: #;}
	
	/* Descriptif  */
.descr-liste { font-size: 11px; COLOR: #; }


A.suite-liste:link, A.suite-liste:visited, A.suite-liste:active { font-size: 11px; font-weight: bold; COLOR: #001EFF;}


/* Récap Séjour ( pays, ville, durée, formule )  */
.pays-resa {  font-size: 13px; font-weight: bold; COLOR: #001EFF ;text-transform: uppercase;}
.ct-resa {  font-size: 11px; font-weight: bold; COLOR: #FFFFFF ;text-transform:capitalize;text-decoration: none;}
.ville-resa {  font-size: 13px; font-weight: bold; COLOR: #;}
.duree-resa{  font-size: 13px; font-weight: bold; COLOR: #;}
.formule-resa {  font-size: 11px;  COLOR: #;}
 
/* départ aller & retour à partir du récap */
.AR-resa {font-size: 13px; font-weight: bold; COLOR: #FF0000;}	




/*********************************************************************************************
  										Optimisation référencement
**********************************************************************************************/
H1	{
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 125%;
	display: inline;
}
h2 {
	font-size: 13px;
	font-weight: bold;
	color: #001EFF;
	text-decoration: underline;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 125%;
	display: inline;
}
h3 {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 125%;
	display: inline;
}
h4 {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 75%;
	display: inline;
}
#ref {
  position: absolute;
  overflow: hidden;
  display: none;
  visibility: hidden;
  text-align:left;
}
/* #######################################################################
##########################################################################
FORM INSCRIPTION
##########################################################################
########################################################################*/
fieldset {
	position: expression('relative'); 
	padding: 30px 10px 15px 10px;
	/*background-color:#FAFAFA;*/
	margin: 20px 0;
	/*background: white url(./../images/forms/wforms_bg.gif) bottom repeat-x;*/
	border: 2px solid #62B7FF;
	width:auto;

}
fieldset fieldset  {
	border: 1px solid #ccc;
	background-color:#FFF;
}
legend {
	position: expression('absolute'); 
	top: expression('-9px'); 
	padding: 0 85px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	/*background: url(./../images/forms/legend_bg.gif) center no-repeat;*/
	color:#000000;
	font-weight: bold;
	text-transform: uppercase;
}
fieldset fieldset legend {
	font-size: 12px;
}
label, .label {	
	text-transform: capitalize;
	color: #333;
	font-size:11px;
}
label.preFieldinscrit, .label  {
	display: -moz-inline-box;
	display: inline-block;	
	width: expression('15em'); 
	min-width: 15em;
	padding: 0 0px;
	margin: 0 4px 0 0;
	height: 26px;
}
.label { display: block; width: auto; 	margin: 4px 0 1px 0;
 }



label.postFieldinscrit  {
	margin-left: 4px;
	margin-right: 4px;
}
textareainscrit {
	padding: 0;
	vertical-align: top;
	margin: 4px 0 1px 0;
	border: 2px solid #62B7FF;
}
inputinscrit {
	background: url(./../images/forms/field_bg.gif) bottom repeat-x;
	border: 2px solid #62B7FF;
	height: 22px;
	margin: 2px 0;
}
inputinscrit[type=text], inputinscrit[type=password] {
	width: 170px;
	height: 22px;
	background: url(./../images/forms/field_bg.gif) bottom repeat-x;
	border: 2px solid #62B7FF;
}
selectinscrit {
	padding: 0;
	margin: 2px 0 1px 0;
	background: Red;
}
.reqMarkinscrit {
	color: red;
	margin: 0 3px;	
}




.instructionsinscrit {
	margin: 1.5em 0;
}
.oneChoiceinscrit {
	white-space: nowrap; 
}
.oneChoiceinscrit inputinscrit {
	vertical-align: middle;
	border: none 0;
	background: transparent;
	height: 16px;
}
.errorinscrit {	
	
}
.errFldinscrit {
	
}
.errorMsginscrit { 
	color: #CC3333 !important;
	display: inline;


}
.errMsginscrit {	
	color: #CC3333 !important;
	display: inline;


}
.field-hintinscrit {
	color: #000;
	float: right;
	clear: right;
	width: 190px;
	font-size: 85%;
	min-height: 2em;	
	background-image: url(./../images/forms/tfa-bracket.gif);
	background-repeat: no-repeat;

	background-position: left center;	
	padding: 0 0 0 20px ;
}
.field-hint-inactiveinscrit {
	color: #666;
	float: right;
	clear: right;
	width: 190px;
	font-size: 90%;
	height: 30px;
	background: url(./../images/forms/arrow.gif) left center no-repeat;
	padding: 0 0 0 35px;
	vertical-align: middle;
}
.repeatinscrit {
	border: 2px solid #62B7FF;
	background-color: #FFFFFF;
	margin: 3px 0;
	padding-right: 6px;


}
.removeableinscrit {
	border: 2px solid #62B7FF;
	background-color: #FFF;

	padding-right: 6px;	
}
a.duplicateLinkinscrit:link, a.duplicateLinkinscrit:visited {
	margin: 10px 10px 0 0;
	font-weight: bold;
	text-align: right;
	color: #ff6705;
	font-size: 16px;
	text-decoration: none;
	border-bottom: 2px solid #62B7FF;
	float: right;
}	
a.duplicateLinkinscrit:hover {
	border-bottom: 2px dotted #ff6705;
}
a.duplicateLinkinscrit:active, a.duplicateLinkinscrit:focus {
		outline: none;
	}


a.removeLinkinscrit:link, a.removeLinkinscrit:visited {
	margin: 10px 10px 0 0;
	font-weight: bold;
	text-align: right;
	color: #ff6705;
	font-size: 16px;
	text-decoration: none;
	border-bottom: 2px solid #62B7FF;
	float: right;
}
a.removeLinkinscrit:hover {
	color: red;
	border-bottom: 2px dotted red;
}


.actionsinscrit {
	padding-top: 15px;
	text-align: right;
	clear: right;
}
.primaryActioninscrit {
	display: inline;
}
.secondaryActioninscrit {
	color: grey;
	display: inline;
}
.secondaryActioninscrit:hover {
	color: black;
}


/* Colors */
.color-yellow {background:#ff7f00;}
.color-red    {background:#dd0000;}
.color-blue   {background:#107ff0;}
.color-white  {background:#dfdfdf;}
.color-orange {background:#FF3300;}
.color-green  {background:#8dc100;}
.color-yellow h3
{color:#FFF;}
.color-white h3
{color:#000;}
.color-green h3
	{color:#FFF;}
.color-red h3,
.color-blue h3
{color:#FFF;}
.color-orange h3
	{color:#FFF;}
/* End Colors */
/* Columns section */
#columns .column {
    float: left;
    width: 1OO%;
}


/* Column dividers (background-images) : */
		
#columns #column1 .widget { margin: 30px 25px 0 25px; }
#columns #column3 .widget { margin: 30px 25px 0 35px; }
#columns .widget {
    margin: 1px 2px 0 1px;
    padding: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	width:773px;
}
#columns .widget .widget-head {
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 25px;
}
#columns .widget .widget-head h3 {
    padding: 5 5px;
    
	font-size:11px;
	font-weight:bold;
	text-transform:capitalize;
}
#columns .widget .widget-content {
    background:#fdeaec;
    padding: 2 2px;
    color: #000;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    overflow: hidden;
	
}
#columns .widget .widget-content p {
    padding: 0.8em 0;
    border-bottom: 0px solid #666;
}
#columns .widget .widget-content table {
    padding: 2px 0;
    border-bottom: 0px solid #666;
	
}
#columns .widget .widget-content img {
    float: left;
    margin: 2px;
    border: 1px solid #FFF;
}
#columns .widget .widget-content ul {
    padding: 5px 0 5px 20px;
    list-style: disc;
}
#columns .widget .widget-content ul li {padding: 3px 0;}
#columns .widget .widget-content ul.images {
    padding: 7px 0 0 0;
    list-style: none;
    height: 1%;
}
#columns .widget .widget-content ul.images li {
    display: inline;
    float: left;
}
#columns .widget .widget-content ul.images img {
    display: inline;
    float: left;
    margin: 0 0 7px 7px;
}
/* End Columns section */


/*#################################################################################
définition des promos horizontales
###################################################################################
*/


:focus {
	outline: none;
}


/* General styles ------------------------- */


.showcase {
	position:relative;
	}


.showcase ul li {
	width: 179px;
	height: 144px;

	list-style-type: none;	
}


.showcase ul li a {
	display: block;	
}


.showcase li a img {
	width: 100%;
	height: 100%;
	border: 0;	
}


/* Horizontal showcase ------------------------- */


.showcase#horizontal {	
	width: 565px;
	height: 144px;
}	
	
.showcase#horizontal ul {
	position:relative;	
	width: 565px;
	height: 144px;	
	
}


.showcase a.controls {
	position: absolute;
	text-decoration: none;
	color:#000000;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	

		
	}


.showcase a.previous {
	padding-bottom: 4px;
}
.showcase#horizontal a.controls {
	top: 104%;
	margin-top: -27px;
}


.showcase#horizontal a.next {
	right: 0;
	padding-top: 4px;
}




.showcase#horizontal a.controls:hover {
	border-color: #2097FA;
}


/*.preload1 {background: url(./../images/menu/three_1.gif);}
.preload2 {background: url(./../images/menu/three_1a.gif);}*/


#nav {padding:0; margin:0; list-style:none; height:auto; background:#fff url(./../images/menu/three_0.gif) repeat-x; position:relative;  font-family:Verdana, Arial, Helvetica, sans-serif; }
#nav li.top {display:block; float:left; height:35px; background: url(./../images/menu/three_1.gif);}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; padding:0 0 0 5px; cursor:pointer;background: url(./../images/menu/three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 14px 0 7px; height:35px; background: url(./../images/menu/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(./../images/menu/three_0a.gif) no-repeat right top;}


#nav li:hover a.top_link {color:#fff; background: url(./../images/menu/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(./../images/menu/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(./../images/menu/three_1a.gif) no-repeat right top;}


/* Default list styling */


#nav li:hover {position:relative; background: url(./../images/menu/three_1.gif);  }


#nav li:hover ul.sub
{left:0px; top:35px; background: #0f2b7f; padding:0px; border:0px solid ; white-space:nowrap; width:100px; height:40; background: url(./../images/menu/three_1.gif);}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:100px; font-weight:normal;background: url(./../images/menu/three_1.gif);}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:100px; line-height:18px; text-indent:5px; color:#FFF; text-decoration:none;border:0px solid #187cbc;}
#nav li ul.sub li a.fly
{background:#0f2b7f 100px 6px no-repeat; }
#nav li:hover ul.sub li a:hover 
{background:#187cbc; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#187cbc  100px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{background: #187cbc; padding:0px; border:0px solid #187cbc; white-space:nowrap; width:90px; height:auto;}


#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#187cbc 80px 6px no-repeat; color:#fff; border-color:#fff;} 


#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#187cbc 80px 6px no-repeat; color:#000; border-color:#187cbc;} 


.buttonlogin
{ background: url(./../images/btn/button-log.png) repeat-x top center;
 border: 1px solid #999;
 -moz-border-radius: 5px;
 padding: 5px;
 color: black;
 font-weight: bold;
-webkit-border-radius: 5px;
 font-size: 13px;  width: 70px;
}
.buttonlogin:hover	
{ background: white; color:#0066FF; }








/* -------------------------------------------- */
/* 		Pagination:				                */
/* -------------------------------------------- */
div.pagination {
		padding: 3px;
		margin: 3px;
		text-align:center;
		color:#ff6500;
		font-size:80%;
	}
	
	div.pagination a {
		border: 1px solid #ff9600;
		margin-right:3px;
		padding:5px 7px;


		background-image:url(./../images/pictos/meneame.jpg);
		background-position:bottom;
		text-decoration: none;


		color: #ff6500;		
	}
	div.pagination a:hover, div.meneame a:active {
		border: 1px solid #ff9600;
		background-image:none;
		background-color:#ffc794;
		color: #ff6500;
	}
	div.pagination span.current {
		margin-right:3px;
		padding:5px 7px;
		border: 1px solid #ff6500;
		
		font-weight: bold;
		background-color: #ffbe94;
		color: #ff6500;
	}
	div.pagination span.disabled {
		margin-right:3px;
		padding:5px 7px;
		border: 1px solid #ffe3c6;
		color:#0000FF;
		font-size:11px;
	}
	/*--- 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("./../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("./../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 { /* */}
/*--- Lien générique en bas des blocs ---*/
.thm_arrow {
	background : url("./../images/pictos/pict_arrow.gif") 0px 5px no-repeat;
 	float: left; margin-left: 10px; padding-left: 15px;	height: 25px;
}
.thm_arrow2 {
	background : url("./../images/pictos/pict_arrow2.gif") 0px 2px no-repeat;
 	float: left; margin-left: 10px; padding-left: 15px;	height: 30px;
}
.thm_arrow3{
	background : url("./../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(./../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; }


/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {

	position: absolute;
	height: 50px;
	background: url(./../images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}


/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(./../images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
/* MENU DE DETAILS*/
.preload16 {background: url(./../images/menu/pro16_2.gif);}
.preload16a {background: url(./../images/menu/pro16_2a.gif);}


.menu_detail {padding:0 0 0 1em; margin:0; list-style:none; height:43px; position:relative; background:transparent url(./../images/menu/pro16_back.gif) repeat-x left top; font-size:11px;}
.menu_detail li {float:left; height:43px;}
.menu_detail li a {display:block; float:left; height:40px; line-height:35px; color:#888; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(./../images/menu/pro16_0a.gif) no-repeat;}
.menu_detail li a b {float:left; display:block; padding:0 60px 0 0; background:url(./../images/menu/pro16_0.gif) no-repeat right top;}
.menu_detail li.current a {color:#000; background:url(./../images/menu/pro16_2a.gif) no-repeat;}
.menu_detail li.current a b {color:#000; background:url(./../images/menu/pro16_2.gif) no-repeat right top;}
.menu_detail li a:hover {color:#000; background: url(./../images/menu/pro16_2a.gif) no-repeat;}
.menu_detail li a:hover b {color:#000; background:url(./../images/menu/pro16_2.gif) no-repeat right top;}
.menu_detail li.current a:hover {color:#000; cursor:default;}










.rhm1{
	width:740px;
	height:64px;
	margin:0 auto;
	background:url(./../images/menu/rhm1_bg.gif) repeat-x;		
}
.rhm1-left{
	background:url(./../images/menu/rhm1_l.gif) no-repeat;
	width:15px;
	height:64px;
	float:left;
}
.rhm1-right{
	background:url(./../images/menu/rhm1_r.gif) no-repeat;
	width:15px;
	height:64px;
	float:right;
}
.rhm1-bg{
	background:url(./../images/menu/rhm1_bg.gif) repeat-x;
	height:64px;
}
.rhm1-bg ul{
	list-style:none;
	margin:0 auto;
}
.rhm1-bg li{
	float:left;
	list-style:none;
}
.rhm1-bg li a{
	float:left;
	display:block;
	color:#000000;
	text-decoration:none;
	font:12px 'Lucida Sans', sans-serif;
	font-weight:bold;
	padding:0 0 0 18px;
	height:64px;
	line-height:40px;
	text-align:center;
	cursor:pointer;	
}
.rhm1-bg li a span{
	float:left;
	display:block;
	padding:0 32px 0 18px;
}
.rhm1-bg li.current a{
	color:#333399;
	background:url(./../images/menu/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li.current a span{
	color:#333399;
	background:url(./../images/menu/rhm1_hover_r.gif) no-repeat right 5px;
}
.rhm1-bg li a:hover{
	color:#333399;
	background:url(./../images/menu/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li a:hover span{
	color:#333399;
	background:url(./../images/menu/rhm1_hover_r.gif) no-repeat right 5px;
}




/* Columns section */
#columnsomra .columnomra {
    float: left;
    width: 1OO%;
}


/* Column dividers (background-images) : */
		
#columnsomra #column1omra .widgetomra { margin: 30px 25px 0 25px; }
#columnsomra #column3omra .widgetomra { margin: 30px 25px 0 35px; }
#columnsomra .widgetomra {
    margin: 1px 2px 0 1px;
    padding: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	width:970px;
}
#columnsomra .widgetomra .widget-headomra {
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 25px;
}
#columnsomra .widgetomra .widget-headomra h3 {
    padding: 5 5px;
    float: left;
	font-size:14px;
	font-weight:bold;
}
#columnsomra .widgetomra .widget-contentomra {
    background:#fdeaec;
    padding: 2 2px;
    color: #000;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    overflow: hidden;
	
}
#columnsomra .widgetomra .widget-contentomra p {
    padding: 0.8em 0;
    border-bottom: 0px solid #666;
}
#columnsomra .widgetomra .widget-contentomra table {
    padding: 2px 0;
    border-bottom: 0px solid #666;
	
}
#columnsomra .widgetomra .widget-contentomra img {
    float: left;
    margin: 2px;
    border: 1px solid #FFF;
}
#columnsomra .widgetomra .widget-contentomra ul {
    padding: 5px 0 5px 20px;
    list-style: disc;
}
#columnsomra .widgetomra .widget-contentomra ul li {padding: 3px 0;}
#columnsomra .widgetomra .widget-contentomra ul.images {
    padding: 7px 0 0 0;
    list-style: none;
    height: 1%;
}
#columnsomra .widgetomra .widget-contentomra ul.images li {
    display: inline;
    float: left;
}
#columnsomra .widgetomra .widget-contentomra ul.images img {
    display: inline;
    float: left;
    margin: 0 0 7px 7px;
}.n-hotel-r {
	font-size: 19px;
	font-weight: bold;
	COLOR: #e3007a;
}
.txt-L2bold2 {
	font-size: 13px;
	font-weight: bold;
	COLOR: #E3007A;
}
