@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; font-size: 1.5em; color:#333333; font-family: 'Calibri-Light', Arial, Helvetica, sans-serif;/*16px*/;/*font-family: 'brandon_grotesquelight'; font-size:16px;*/}

img { max-width:100% !important; border:0px}
#header{ background:url(../images/sidebar-background.png) repeat; height:134px/*134*/; overflow:hidden}
#contentHeader{ width:100%; margin:0px auto; overflow: hidden; padding-top: 15px;/* max-width:980px*/}
#logo{ text-align:center}
.fr{ float:right}
#btn_connexion{ background-color:#e1e0e0; padding:6px 15px; border-radius: 3px; color: #333333; cursor: pointer; display: inline-block; border: 1px solid #cfcdcd;}
#btn_connexion:hover{ background-color: #d4d2d2; border: 1px solid #cfcdcd;}
#lang{ margin-right:20px; float:right; padding-top:5px;}
.marginTop{ margin-top:5px}
#margFleche{ margin-left:10px}
#nav{ text-align: center; background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.6); width:100%; color: #FFF; position: absolute; left: 0px; top: 0px; /*padding:12px 0px*/}
#contentNav{ width:100%; margin:0px auto; font-size:31px; font-family: 'brandon_grotesquelight'; max-width:1070px}
@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('../fonts/brandon_light-webfont-webfont.eot');
    src: url('../fonts/brandon_light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_light-webfont-webfont.woff') format('woff'),
         url('../fonts/brandon_light-webfont-webfont.ttf') format('truetype'),
         url('../fonts/brandon_light-webfont-webfont.svg#brandon_grotesquelight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneueltcom-ultlt';
    src: url('../fonts/helveticaneueltcom-ultlt.eot');
    src: url('../fonts/helveticaneueltcom-ultlt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltcom-ultlt.woff') format('woff'),
         url('../fonts/helveticaneueltcom-ultlt.ttf') format('truetype'),
         url('../fonts/helveticaneueltcom-ultlt.svg#helveticaneueltcom-ultlt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneueltcom-md';
    src: url('../fonts/helveticaneueltcom-md.eot');
    src: url('../fonts/helveticaneueltcom-md.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltcom-md.woff') format('woff'),
         url('../fonts/helveticaneueltcom-md.ttf') format('truetype'),
         url('../fonts/helveticaneueltcom-md.svg#helveticaneueltcom-md') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
 font-family:'Calibri-Light';
 src: url('../fonts/Calibri-Light_gdi.eot');
 src: url('../fonts/Calibri-Light_gdi.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Calibri-Light_gdi.woff') format('woff'),
  url('../fonts/Calibri-Light_gdi.ttf') format('truetype'),
  url('../fonts/Calibri-Light_gdi.svg#Calibri-Light') format('svg');
 font-weight: 300;
 font-style: normal;
 font-stretch: normal;
 unicode-range: U+000D-25CA;
}


#contentNav ul{ list-style:none; margin:0px; padding:0px;}
#contentNav ul li{ float:left}
#contentNav ul li a{ float:left; color:#FFF; text-decoration: none; font-family: 'helveticaneueltcom-ultlt';}
#contentNav ul li a:hover{ color:#c8c8c8}
.marginTiretNav{ margin:0px 12px}
footer{ background: url("../images/sidebar-background.png") repeat scroll 0% 0% transparent; border-top: 2px solid #C8C8C8;}
#contentFooter{ width:100%; margin:0px auto; color:#a0a0a0; font-size:12px; padding:18px 5px 10px 5px; overflow:hidden; max-width:970px}
.fl{ float:left; /*margin-top: 7px;*/}
#nav_footer{margin-right: 0px; margin-left: 6px;}
#nav_footer ul{ list-style:none; padding:0px; margin:0px; line-height:20px}
#nav_footer ul li.lu{ font-size:15px; text-transform:uppercase; color:#000}
#nav_footer ul li a{ text-decoration:none; color:#a0a0a0 }
#nav_footer ul li a:hover{ color:#707070 }
.margLogoFooter { margin-right: 46px; }
#margCalFooter{ margin:0px 28px}
#newslettre{ /*background-color:#FFF;*/ padding:5px 8px 8px 8px; max-width:261px; width:100%; margin-top:0px;}
#divRecherche{ /*background-color:#FFF;*/ padding:5px 8px 8px 8px; /* width:100%; margin-top:20px;*/padding-right: 0px;float:right;}
#txt_news{ color:#423f3f; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold}
#bloc_pic_champ_ok{ overflow:hidden;  margin-top:5px;}
#picto_env{ margin-right:5px; float:left}
#inputNewsletter{ color:#a7a6a6; padding: 4px 5px 4px 4px; font-size:10px; font-family:Arial, Helvetica, sans-serif; float:left; /*width:100%;*/ max-width:153px; border: 1px solid #DBDBDB;}
#inputRecherche{ color:#a7a6a6; padding: 4px 5px 4px 4px; font-size:10px; font-family:Arial, Helvetica, sans-serif; float:left; /*width:100%;*/  border: 1px solid #DBDBDB;}
#ok{ text-align:center; padding:2px 4px; color:#FFF; background-color:#555454; border:1px solid #cccccc; float:left; margin-left:5px}
#coordonnees{ overflow:hidden; clear:left; font-size:12px}
#coordonnees ul{ list-style:none; padding:0px; margin:0px; line-height:20px}
#coordonnees ul li.lu{ font-size:15px; text-transform:uppercase; color:#000}


/**************** css page liste  ***********************/
#navInterne{ text-align: center; background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.6); width:100%; color: #FFF; /*padding:12px 0px;*/ overflow:hidden}
#content_pdtListe{ overflow:hidden; width:100%; margin:0px auto; margin-top:80px; /*margin-bottom:50px; */max-width:980px; min-height:321px}
.tit_details_pdt ul{ list-style:none; padding:0px; margin:0px}
.tit_details_pdt ul li{ line-height:20px}
.lignePdt{ overflow:hidden; margin: 0px 5px 30px 5px;}
.thirst_pdtListe{ overflow:hidden; width: 100%; max-width:303px; margin:0px auto; padding-bottom: 20px; min-height: 311px;}
.imgPdt{ margin-bottom:20px}
.titre{ color:#000; font-size:15px; font-family: 'helveticaneueltcom-md';}
.Second_pdtListe{ overflow:hidden; float:left; margin-left:30px; width: 100%; max-width:303px}
a{ text-decoration:none}
a:hover{ text-decoration:none !important}
a .thirst_pdtListe li{ color:#333333}
a .Second_pdtListe li{ color:#333333}

/**************** css page Produit  ***********************/
#imgDetails{ background-color:#323234; overflow:hidden}
#imgPdt{ float:left; display:block; text-align:center; width:105%; /*border-right:2px solid #000*/}
#detailPdt{ float:left; padding:0px 10px 5px 0px; width: 100%; max-width:490px; text-align:justify; color:#FFF}
#detailPdt ul{ list-style:none; margin:0px; padding:0px; font-size:16px}
#detailPdt ul li{ line-height:24px}
.colorTxt{ color:#ad9961}
.resume{ float:left; margin-right:10px; padding-top:5px; font-size:14px}
p{ text-align:justify}
#ligne{ border-bottom:1px solid #ad9961; width: 100%; max-width:660px; margin:20px auto; padding-top:15px;}
#collapse1{ display:none; padding-top:20px}
.ov{ overflow:hidden; margin-bottom: 20px;}
#blocResume{ float: right; overflow:hidden; cursor:pointer}
#marginPrint{ margin-left:11px; cursor:pointer}
#txt_bulltin{ float:left; margin-left:11px; padding-top:18px; color:#333333}
a #txt_bulltin:hover{ text-decoration:underline}
#description{ overflow:hidden; line-height:22px; margin-top:15px}
#titre{ overflow:hidden; line-height:30px; font-weight:bold}


/**************** css page Calendrier  ***********************/
.dateMois{ font-size:15px; background-color:#FFF; border-radius:50%; border:1px solid #484646; padding:6px; text-align:center; width: 100%; max-width:32px; height:32px; float:left; margin-left:3px}
.ligCal{ overflow:hidden; margin-bottom:7px}
.bgdore{ background-color:#ad9961; color:#FFF}
.bggris{ background-color:#7f7f7f; color:#FFF}
#contentCalendar{ overflow:hidden; margin:30px 0px 130px 0px}
#cal{ overflow:hidden; width: 100%; max-width:295px; float:left; border-right:1px solid #ad9961; margin-left:122px}
#entete_Cal{ color:#000; font-family:Arial, Helvetica, sans-serif; font-size:22px; overflow:hidden; padding-left: 22px;}
#arrowLeft{ margin-right:15px}
#mois_Cal{ text-transform:uppercase}
#arrowRight{ margin-left:15px}
#bloc_Cal{ width: 100%; margin-top:20px; max-width: 245px}
#detail_cal{ overflow:hidden; max-width:390px; float:left; margin:0px 50px; width:100%; max-height: 275px; overflow-y:scroll;}
/*#nomArts{ margin-top:32px; padding:15px; background-color:#323234; color:#FFF; line-height: 17px;}*/
.nomArts{ padding:15px; line-height: 17px;}
.nomArts:hover{ padding:15px; background-color:#323234; color:#FFF; line-height: 17px; cursor:pointer}
#margTop{ margin-top:32px}

/**************** css page Formulaire  ***********************/
.voy_dest{ border: none; background-color:#F9F7F7; padding:0px 2px 0px 8px; font-family: 'brandon_grotesquelight'; font-size:16px; color:#333333; width:70%}

.voy_date{ border: none; background-color:#F9F7F7; padding:0px 2px 0px 8px; font-family: 'brandon_grotesquelight'; font-size:16px; color:#333333; width:40%}

.inptHotel_Form{ border: none; background-color:#F9F7F7; padding:0px 2px 0px 8px; font-family: 'brandon_grotesquelight'; font-size:16px; color:#333333; width:80%}
.inptHotel_Form2{ border: none; background-color:#F9F7F7; padding:0px 2px 0px 8px; font-family: 'brandon_grotesquelight'; font-size:16px; color:#333333; width:40%}


.voy_nbr{ border: none; background-color:#F9F7F7; padding:0px 2px 0px 8px; font-family: 'brandon_grotesquelight'; font-size:16px; color:#333333; width:10%}
#formulaire{ background-color:#f9f7f7; border:1px solid #eae9e9; margin-top:20px; padding:10px 20px 25px 20px; overflow:hidden}
.upp{ text-transform:uppercase}
.voy_inpt{ border:1px solid #c5c4c4; background-color:#FFF; padding:5px 2px 5px 8px; font-family: 'brandon_grotesquelight'; font-size:16px; color:#333333; width:95%}
#formCoord{ float:left; width: 100%; background-color:#f4f4f4; border:1px solid #eae9e9; margin-right:40px; padding:18px 10px 47px 10px;}
#formAccp{ float:left; background-color:#f4f4f4; border:1px solid #eae9e9; padding:18px 10px 20px 10px; width:100%}
.txtJust{ text-align:justify}
#blocAssu{ margin-top:30px}
.voy_euro{ border: none; background-color:#F9F7F7; padding:0px 2px 0px 8px; font-family: 'brandon_grotesquelight'; font-size:16px; color:#333333; width:25%}
.voy_exp{ border: none; background-color:#F9F7F7; padding:0px 2px 0px 8px; font-family: 'brandon_grotesquelight'; font-size:16px; color:#333333; width:24%}

.inptCrypt_Form{ border: none; background-color:#F9F7F7; padding:0px 2px 0px 8px; font-family: 'brandon_grotesquelight'; font-size:16px; color:#333333; width:22%}

.inptVisa_Form{ border: none; background-color:#F9F7F7; padding:0px 2px 0px 8px; font-family: 'brandon_grotesquelight'; font-size:16px; color:#333333; width:17%}

.inptcb{ border: none; background-color:#F9F7F7; padding:0px 2px 0px 8px; font-family: 'brandon_grotesquelight'; font-size:16px; color:#333333; width:56%}

.voy_Faita{ border: none; background-color:#F9F7F7; padding:0px 2px 0px 8px; font-family: 'brandon_grotesquelight'; font-size:16px; color:#333333; width:75%}

.wrapper {
    display: block;
    margin: 0px auto;
    width: 100%;
	max-width:980px;
}
#menu {
    display: block;
    position: relative;
    z-index: 99;
}
.clearfix {
    display: inline-block;
}
ul {
    list-style: outside none none;
}
#menu li {
    display: block;
    float: left;
}
#menu li a {
    display: block;
    position: relative;
    float: left;
    padding: 0px 9px;
    font-size: 0.7em;
    line-height: 50px;
    text-decoration: none;
    color: #F5F5F5;
}
#menu li ul {
    display: none;
    position: absolute;
    top: 41px;
    /*width: 200px;*/
    /*background: none repeat scroll 0% 0% #FFF;*/
    z-index: -1;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	text-align:left;
}
#menu li ul li {
    display: block;
	width:980px;
	font-size:14px;
	 padding:13px 0px 0px 35px;
	 display: block;
    float: none;
	line-height:13px;
}
.lienActive{ font-weight:bold}
/*#menu li ul li a {
    display: block;
    float: none;
    color: #F00;
    font-size: 16px;
    line-height: 50px;
    padding: 0px 15px;
}
*/

.colorGris{ color:#7F7F7F}
.btnRadoui{ padding-left:3px}
.btnRadnon{ padding-left:2px}
.maj{ text-transform:uppercase}
.tit_CGV{ text-transform:uppercase; font-size:14px}
.styleTable{ font-size:10px; font-family:Tahoma, Geneva, sans-serif}
#slide{ position:relative; text-align:center;}
#sousMenu1, #sousMenu2, #sousMenu3, #sousMenu4, #sousMenu5{ color:#FFF; position: absolute; z-index:9999; margin-top:52px;text-align:center; width:100%; display:none; background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.6); padding-bottom:10px;}
.divPhotosHP { margin: 0px auto; }
#contentNav ul li.tiretNav{ padding-top:4px}
#msgInscription { font-family:Arial, Helvetica, sans-serif; font-size: 10px;}
#divMail { cursor:pointer; margin-left: 11px;}
#divContact { cursor:pointer;}
#linkMenu1, #linkMenu2, #linkMenu3, #linkMenu4, .noOutline { outline: none; }
.txtRef{ font-size:10px; color:#A0A0A0; padding:10px}
.txtRef strong a{ color: #000000; text-decoration:none}
.margLangNews{ padding-right:1%}
.withnon{ width:22%}
.mg{ margin-left:25px }
#content_pdtListe_formulaire{ overflow:hidden; width:100%; margin:0px auto; margin-top:24px; margin-bottom:50px; max-width:980px; min-height:321px}
#content_article{ overflow:hidden; width:100%; margin:0px auto; margin-top:80px; margin-bottom:50px; max-width:980px;}
.margleftTel{ margin-left:0px !important}
#description h1{ font-size:1.2em; margin-bottom:-34px; }
#description h2{ font-size:1em; text-align:justify;}
#collapse1 h3{ font-size:1em; text-align:justify;}
.paddTop26{ padding-top:26px;}


@media screen and (min-width: 767px) {
.divLangRech{ width: 100%;}
}

@media (min-width: 400px) and (max-width: 480px) {
	
.divLangRech{
     width: 141% !important;
    padding-right: 0px !important;
    margin-right: -41%;
}	
	
}
@media (max-width: 399px) {
	
.divLangRech{
     width: 100% !important;
    padding-right: 0px !important;
   /* margin-right: -41%;*/
}	
	
}	
@media (min-width: 481px) and (max-width: 533px) {
	
	.divLangRech{
     width: 140.5% !important;
    padding-right: 0px !important;
   /* margin-right: -40.5%;*/
}	
	
}
/*@media screen and (max-width: 480px) {
.divLangRech{width: 100% !important;
    padding-right: 0px !important;}
}*/
/********************CSS Autosuggest recherche ********************/
#autocomplete-detail{font-size: 12px; font-family: 'Calibri-Light', Arial, Helvetica, sans-serif;}
#autocomplete-produit{font-size: 14px; font-family: 'Calibri-Light', Arial, Helvetica, sans-serif;}
.autocomplete-suggestions { border: 1px solid #205aa1; background: #FFF; overflow: auto; background-image: url(../images/sidebar-background.png);}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor:pointer; }
.autocomplete-selected { background: #F0F0F0; padding: 2px 5px;margin: 0px 5px;}
.autocomplete-suggestions strong { font-weight: normal; color: #205aa1;font-weight:bold; }
.autocomplete-group { padding: 2px 5px; color:#205aa1; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #205aa1; color:#205aa1; font-weight:bold; font-size:14px; text-transform:uppercase; }
/* highlight results */
.ui-autocomplete span.hl_results {
    background-color: #ffff66;
}
 
/* loading - the AJAX indicator */
.ui-autocomplete-loading {
    background: white ;
}
 
/* scroll results */
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
}
 
.ui-autocomplete li {
    font-size: 12px;
	overflow: hidden;
	height: 23px;
	margin:0px !important;
}
.ui-state-focus {
	border: 0px solid #999999 !important;
}
 
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 250px;
}

/*T12964 > T13281*/
/*.headerMessageContainerFR{float:left; min-height:26px;background-color: #272a3b;font-size: 14px;font-weight: bold;color: white; width:100%; font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.headerMessageMomentFR{float: left;height: 26px;background-color: #d50304;padding: 5px;font-size: 14px;font-weight: bold;color: white; text-transform:uppercase;}
.headerMessageTexteFR{float: left;padding: 5px;}
.HeaderMessageArrowFR{	width: 0px;	height: 0px; border-top: 13px solid transparent; border-bottom: 13px solid transparent;	border-left: 7px solid #d50304;}*/