@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@font-face {font-display: block;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(//fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
}

/*@import url("boxy.css");
@import url("galleriffic-3.css");
@import url("option-supplement.css");
@import url("jquery.lightbox-0.5.css");
@import url("sprite-caract.css");
@import url("dpicker/dpicker.css");
@import url("style_boutique.css");*/


.DossierOS .swipebox::after,
.DossierOS .swipebox::before{
	display: none!important;
}

.thumbnail{
	z-index: 0!important;
}

.breadcrumb{
	display: none!important;
}

*:focus { outline: none; }

select::-ms-expand {
  display: none;
}

body {
    margin: 0;
	padding: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.5;
    overflow-x: hidden;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
}
h1,h2,h3,h4 {
	font-weight: 700;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    font-style: normal;
}
h3 {
    font-size: 21px;
    line-height: 40px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.OsConteneur {
    background: transparent none repeat scroll 0 0;
    margin: auto;
    width: 100%;
    max-width: 1100px;
}
select::-ms-expand {
  display: none;
}
.ItemsNavOnglet{	
}
.ItemsNavOnglet .NavOnglet{
	padding: 0;
	color: #000;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 55px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
	position: relative;
	overflow: hidden;
	background-color: #ececec ;
	
}
.ItemsNavOnglet .NavOnglet a{	background: url("../images/ico-menu/ico-hebe.png") left 20px center no-repeat;
padding: 0 0 0 75px;
    display: block;
}
.ItemsNavOnglet .NavOnglet.MenuHebe a{ background-image: url("../images/ico-menu/ico-hebe.png");}
.ItemsNavOnglet .NavOnglet.MenuActi a{ background-image: url("../images/ico-menu/ico-acti.png");}
.ItemsNavOnglet .NavOnglet.MenuPass a{ background-image: url("../images/ico-menu/ico-pass.png");}
.ItemsNavOnglet .NavOnglet.MenuBoutique a{ background-image: url("../images/ico-menu/ico-boutique.png");}





.ItemsNavOnglet .NavOnglet:after{
	content: "";
	height: 1px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	-moz-box-shadow: 0px -1px 5px 0px #999999;
	-webkit-box-shadow: 0px -1px 5px 0px #999999;
	-o-box-shadow: 0px -1px 5px 0px #999999;
	box-shadow: 0px -1px 5px 0px #999999;
}

.ItemsNavOnglet .NavOnglet a span:after{
	content: "\f078";
	display: inline-block;
	font-family: 'FontAwesome';
	vertical-align: middle;
	font-size: 13px;
	position: absolute;
	right: 20px;
	color: #999;
}


.ItemsNavOnglet .NavOnglet a{	color: #504e4f;}

.ItemsNavOnglet .NavOnglet.MenuOverlayActif a span:after{	content: " ";}

.ItemsNavOnglet .NavOnglet.MenuOverlayActif{
	
	/* Permalink - use to edit and share this gradient: http: //colorzilla.com/gradient-editor/#16b6f4+0,00a2e2+53 */
background: #16b6f4; /* Old browsers */
background: -moz-linear-gradient(left, #16b6f4 0%, #00a2e2 53%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #16b6f4 0%,#00a2e2 53%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #16b6f4 0%,#00a2e2 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#16b6f4', endColorstr='#00a2e2',GradientType=1 ); /* IE6-9 */

}
.ItemsNavOnglet .NavOnglet.MenuBoutique.MenuOverlayActif a{ background-image: url("../images/ico-menu/ico-boutique-b.png");}


.ItemsNavOnglet .NavOnglet.MenuOverlayActif a{color: #fff;}

.OsPanierPopIn{ display: none;}

html .IL-MainWrapper *{        -moz-box-sizing: border-box!important;
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;}

body #CartoGoogleMap img{ max-width: inherit!important}


#ZoneDossier input[type="checkbox"]:not(:checked),
#ZoneDossier input[type="checkbox"]:checked {
	display: inline-block!important;
    height: auto;
    left: inherit;
    position: inherit!important;
    width: auto;
	-moz-appearance: checkbox;
	appearance: checkbox;
	-webkit-appearance: checkbox;
}

.LigneLettreInfo{ padding: 10px;
background-color: #eee;
  margin: 0 10px 20px;}

#header .menu > ul > li > a{ line-height: 54px!important; }

.TxtIntroDossier .OsInstruction {
    background-color: #e9e9e9;
    color: #666;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    padding: 10px!important;
    text-transform: uppercase;
    vertical-align: baseline;
    text-align: center;
}
.TxtIntroDossier .OsInstruction .OsTxtInfoIntruction{font-weight: normal; font-size: 18px;
text-transform: none;
display: block;
padding-top: 5px;}

.TxtIntroDossier .OsInstruction.OsTermine{
background-color: #4FA50A!important;
  color: #fff;
  padding: 10px!important;
  

}

/******/


/* Fin General */


.ConteneurMontantPaiement input {
    background-color: rgba(0, 0, 0, 0)!important;
    border: medium none!important;
    border-radius: 0!important;
    box-shadow: none!important;
padding: 0!important; margin: 0!important;

width: auto!important;
height: auto!important;
 display: inline-block!important;
    }
.Conditionsdevente input{ margin: 0 3px!important;}



/***/
*:focus { outline: none; }
.Clear,.clear{ clear: both;}
.None, .none{ display: none;}

/*********************************************
	BOUTON ICONE + TEXTE
*********************************************/

.Osbouton, .gm-style .Osbouton, .NoDispo {
    cursor: pointer;
    white-space: nowrap;
    margin: 0 auto;
    text-decoration: none;
    border: none;
    background-color: #C1193F;
    color: #fff;
    text-align: center;
    display: inline-block;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 5px 20px;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 400;
    border-radius: 2px;
}
.Osbouton.precedent{padding: 5px 10px;}
.Osbouton a{
    color: #fff ;
	text-decoration: none;
}
.Osbouton:hover, .gm-style .Osbouton:hover, .NoDispo:hover {
    background-color: #c6517a;
	color:#fff;
}
.Osbouton:hover a,
.Osbouton a:hover{  text-decoration: none;}



.Osbouton.ResetAll{ float: none!important; clear: both!important; color: #FFF!important; text-transform: uppercase; background-color: #333!important;
margin: 0!important;
font-size: 13px!important;}


.BlocBtReserver{  
	padding: 10px 15px;
    text-align: right;
}
.BlocBtReserver .Osbouton.Reserver{
    cursor: pointer;
    white-space: nowrap;
    margin: 0 auto;
    text-decoration: none;
    border: none;
    background-color: #C1193F;
    color: #fff;
    text-align: center;
    display: inline-block;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 5px 20px;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 400;
    border-radius: 2px;
}
.BlocBtReserver .Osbouton.Reserver:hover{
    background-color:  #c6517a;
}

.Osbouton.ResetAll:hover{ opacity: 1;
 filter: alpha(opacity=100);}

.BlocPagePrecedente { display: inline-block; position: relative; width: 18px;}
.BlocPageSuivante{ display: inline-block; position: relative; width: 18px;}
 .BlocPagePrecedente a ,.BlocPageSuivante a{}
 .BlocPagePrecedente a:hover ,.BlocPageSuivante a:hover{}
 .BlocPagePrecedente a { }

.Osbouton.reservation{ float: none;}
.Osbouton.ModifierCoordonnee{	background-color: #333;}

.Osbouton.continuerachats{ 	
    cursor: pointer;
    white-space: nowrap;
    margin: 0 auto;
    text-decoration: none;
    border: none;
    background-color: #636363;
    color: #fff;
    text-align: center;
    display: inline-block;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 5px 20px;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 400;
    border-radius: 2px;
}
/*.Panier.etape2{ padding: 0 10px;}*/

.Osbouton.continuerachats a, .Osbouton.passercommande a {
    display: inline-block;
    width: 100%;
    color: #fff;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 400 !important;
    text-transform: uppercase!important;
}
.Osbouton.continuerachats:hover a, .Osbouton.passercommande:hover a {
    color: #fff;
}

.Osbouton.passercommande{ 
	display: inline-block!important;
	cursor: pointer!important;
	white-space: nowrap!important;
	margin: 10px auto 0 auto!important;
	display: block!important;
	margin-left: auto!important;
	float: right!important;
	text-decoration: none;
 }

 .Osbouton.BtOk{	background-color: #e9e9e9; padding: 3px 5px;}
.Osbouton.BtOk:hover{}

.Osbouton.BtRetour {float: none;margin: 10px auto; display: inline-block;  background: rgba(0, 0, 0, 0.5); }
.Osbouton.BtRetour a{font-size: 13px;}

.Osbouton.BtRetourHaut{ float: left; padding: 0; margin: 0 0 5px 0;
-moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
clear: both;}
.Osbouton.BtRetourHaut a{ font-size: 11px; padding: 2px 17px; background: url("../images/arrow_prev_white.gif") no-repeat scroll 4px center; line-height: 17px;}

.Osbouton.poubelle{
	background: url(../images/poubelle.png) no-repeat center center transparent;
	width: 30px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	text-indent: -2000em;
	
}


.BlocContact .OsboutonIco {
    background-color: rgba(0, 0, 0, 0.7);
    background-position: center 0;
    background-repeat: no-repeat;
    border-radius: 4px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 11px;
    height: 70px;
    margin: 0 2% 2% 0;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 32%;
}
.BlocContact .OsboutonIco a{ color: #FFF}

.BlocContact .OsboutonIco:hover{
	background-color: #c6517a;
}
.BlocContact .OsboutonIco:nth-child(3n){
	margin-right: 0px;
}
.BlocContact .OsboutonIco:nth-child(3n+1){
	clear: both;
}
.BlocContact .OsboutonIco a>span{
	position: absolute;
	bottom: 2px;
	left: 2px;
	right: 2px;
}

.BlocContact .OsboutonIco a { display: block; height: 100%; line-height: inherit!important;}

.Osbouton:active{

}
 .ui-body-c .Osbouton .ui-link, .ui-bar-a .Osbouton a.ui-link:visited{
	color: #FFF;
}


.Osbouton.VisiteVirtuel{ float: left; color: #FFF; margin: 0; }
.Osbouton.VisiteVirtuel a{ padding: 0; font-size: 12px; line-height: 20px;}

.conditionsdevente.Osbouton{
 clear: both;
	padding: 0px;
	text-align: center;
	margin: 0px;
	background-color: transparent;
	float: none;
	color: #fff;
	text-shadow: none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.conditionsdevente.Osbouton a{
	display: block;
	font-size: 11px;
	color: #434343;
	text-decoration: underline;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
/*	background-image: url("../osimg/os-sprite.png");*/
	line-height: 20px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
font-weight: normal;
/*	text-shadow: black 0 1px 3px!important;*/
}
.conditionsdevente.Osbouton a:hover{	text-decoration: none;}

/*.reservation.Osbouton{  background-color: #e9e9e9;
    float: none;
    margin: 5px 0;
    padding: 5px 0;
    text-transform: uppercase;
    width: auto;}*/
input.Osbouton.reservation{   border: medium none;
    float: right;
    font-size: 17px;
    padding: 5px 10px;
    width: auto;}

.reservation.Osbouton:hover{}

.reservation.Osbouton.BtBilletTransport{    float: right; width: auto; }
.OsBtAjoutPanier .reservation.Osbouton{    float: right; width: auto; }


.Osbouton.BtEtape2, .OSListeResultat .OSResultat a.Osbouton.BtEtape2{ 
	font-size: 13px;
	text-transform: uppercase;
	padding: 5px 10px 5px 18px;
	font-weight: bold;
	color: #000;
	border: solid 1px #000;
	float: left;
	background: url(../images/arrow-rouge.png) 5px center no-repeat #fff;
	margin: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;

  
/*
position: absolute;
bottom: 30px; right: 0;*/

}

.MetierHebe .Osbouton.BtEtape2:before,
.MetierHebe .OSListeResultat .OSResultat a.Osbouton.BtEtape2:before{
content: "\25BA  "}


.MetierHebe .Osbouton.BtEtape2,
.MetierHebe .OSListeResultat .OSResultat a.Osbouton.BtEtape2{
	/*background: url("../images/arrow-rouge.png") no-repeat scroll 5px center #FFFFFF;
	border: 1px solid #000;*/
	background: #aa001d;
	background: -webkit-gradient(linear, left top, right top, from(#aa001d), to(#e5002d));
	background: -webkit-linear-gradient(left, #aa001d, #e5002d);
	background: -moz-linear-gradient(left, #aa001d, #e5002d);
	background: -ms-linear-gradient(left, #aa001d, #e5002d);
	background: -o-linear-gradient(left, #aa001d, #e5002d);
	background: linear-gradient(to right, #aa001d, #e5002d);
	
	color: #FFFFFF!important;
	text-decoration: none!important;
	
	border-radius: 0;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
	text-transform: uppercase;
	text-decoration: none;
	border: none!important

}


.LienInfoProfuit{ position: relative;}
.LienInfoProfuit a{background: url(../images/arrow-rouge.png) 5px center no-repeat;
padding: 5px 18px;
color: #ED1C24!important;
font-weight: bold;
float: right;
}
.OSListeResultat .OSResultat .ChapoE2 .LienInfoProfuit a{
 position: absolute;
    right: 0;
    bottom: -6px;
}

.Osbouton.BtEtape2:hover{ background-color: #CCC;}
.Osbouton.BtEsf a{ 
font-size: 12px;
padding: 0;
    text-transform: uppercase;line-height: inherit;
}

.Osbouton.BtEsf{ 

}




 .Osbouton.VoirCarte{  background-color: #000;
    bottom: 5px;
    left: 125px;
    margin: 5px 0;
    padding: 5px 0;
    position: absolute;
    text-transform: uppercase;

}
 .Osbouton.VoirCarte a,
.OSListeResultat .OSResultat .Osbouton.VoirCarte a{ font-size: 15px;  line-height: inherit;
color: #FFF;

display: none;
}

.Osbouton a{ background: none; padding: 0; background-repeat: no-repeat; }

.OpenCarto { margin: 0;    
	/*border: 1px solid #474D4E;
	border-top: 1px solid rgba(255, 255, 255, 0.5);*/
	width: 226px;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 0;
}
.OpenCarto:hover{ background-color: #000;} 

.OpenCarto .TxtOpen{ display: block;}
.OpenCarto .TxtClose{display: none;}

.OpenCarto.Open{}
.OpenCarto.Open .TxtOpen{display: none;}
.OpenCarto.Open .TxtClose{display: block; }

.OpenCarto a{color: #fff;
    display: block;
background: url(../images/ico-carte.png) left top no-repeat #b2b3b6;
height: 27px;
line-height: 27px;
text-transform: none; padding: 0 5px 0 30px;
text-decoration: none;
text-align: center;}



.Osbouton.BtReserverScrollView{    padding: 0 8px;
    position: absolute;
    right: 0;
    top: 0;}
.Osbouton.BtReserverScrollView a{ background: none; padding: 5px; line-height: 25px;  font-size: 15px;}


.Osbouton.BtFermer{    padding: 0 4px; float: right; background-color: #000000; height: 25px; line-height: 25px; border: none!important  }
.Osbouton.BtFermer a{ background: none; padding: 3px; line-height: 25px;  font-size: 15px;color: #fff;  }


.Osbouton.ModifierCoordonnee{padding: 0 8px; margin: 0;}
.Osbouton.ModifierCoordonnee a{background: none; padding: 5px; line-height: 25px;  font-size: 15px;}

/** Page billet - Bt Quick Paginette**/

.MetierFnac .BlocPages {
background-color: #FFFFFF;
padding-left: 5px;
}

.MetierFnac .BlocPages a{ color: #333333;
    display: block;
    float: left;
    font-size: 16px;
    height: 27px;
    line-height: 27px;
    text-decoration: none;
display: inline-block;
	background-color: white!important;
padding-right: 5px;
}
.MetierFnac .BlocPages a:hover{font-weight: bold;}


.MetierFnac .BlocPages .page_link:after {
    color: #333333!important;
    content: "-";
    font-weight: normal;
}
.MetierFnac .BlocPages .page_link.last:after {
    content: "\00a0";
    font-weight: normal;
}

.MetierFnac .BlocPages .active_page{

font-weight: bold;
 color: #e9e9e9!important;
}	
.MetierFnac .BlocPages .no_more{ visibility: hidden;}
.MetierFnac .BlocPages .ellipse.more,
.MetierFnac .BlocPages .ellipse.less{ display: none!important;}

.MetierFnac .next_link{ position: absolute;
    right: 26px;
    text-align: right;

padding-right: 2px!important;}
.MetierFnac .last_link{     padding-left: 12px;}
/**/
/*a.qp_next, a.qp_prev{	 color: #333333;
    display: block;
    float: left;
    font-size: 16px;
    height: 27px;
    line-height: 27px;
    text-decoration: none;
}


a.qp_prev{float: right; padding: 0 5px 0 0;}
a.qp_next{ float: left; padding: 0 0px 0 5px}
a.qp_next:hover, a.qp_prev:hover{
font-weight: bold;}

.qp_counter{  float: left;
    height: 31px;
    line-height: 27px;
    overflow: hidden;
    text-align: center;
    width: 40px;}

a.qp_disabled{ visibility: hidden;}*/




.DescrChambreModele{height: 27px; }

.OsWrapSelect{
	/*background: #eee url("../images/select_down.png") no-repeat scroll right 15px center!important;*/
    border-radius: 2px!important;
    box-shadow: none!important;
    color: #939393!important;
    display: block!important;
    font-size: 11px!important;
    height: auto!important;
    padding: 0!important;
    width: 100%!important;
}
.PanneauAge{ float: left; margin-bottom: 3px;}
.OsWrapSelectOverlay { float: left}
.OsWrapSelect:hover, .OsWrapSelectOverlay:hover{}

.OsWrapSelectOverlay.OsSelectJour,
.OsWrapSelectOverlay.OsSelectMois,
.OsWrapSelectOverlay.OsSelectAn{ width: 30%; margin: 0 1%; float: left;}

.OSTableSupplements .OsWrapSelectOverlay.OsSelectJour,.OSTableSupplements .OsWrapSelectOverlay.OsSelectMois,.OSTableSupplements .OsWrapSelectOverlay.OsSelectAn { margin: 0 0.5% 0 0;}
.OSTableSupplements .OsWrapSelectOverlay select{ width: 100%;}


.OsWrapSelect select, .OsWrapSelectOverlay select, .PanneauAge select, .OsContactCommune ul li.ligneville span.saisieville select {
    border: none!important;
    background: transparent!important;
    border: 0 none!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    vertical-align: top!important;
    height: 37px!important;
    line-height: 37px!important;
    padding: 0 10px!important;
    width: 100%!important;
}

.ColGaucheIntListe .OsWrapSelect select {font-size: 11px;}


.LigneHoraire .OsWrapSelect select{ width: 130%;}
.GlobaleMoteur .OsWrapSelect select{ width: 106%!important;}

.OsWrapSelect.AgeEnfant{width: 20%; float: left; margin: 3px 0 0px 0;  }
.OsWrapSelect.AgeEnfant select{ width: 135%;}

.wrapInputLibelle{width: 97%;
background-color: #FFF;

padding: 3px 2px 2px;
height: 18px;    border: 1px solid #999;}
.wrapInputLibelle input{border: none;  background: transparent;
    border: 0 none;  width: 100%;-webkit-appearance: none;}

.MetierFnac .OsWrapSelect, .ZoneBoutique .OsWrapSelect, #ZoneDossier .OsWrapSelect.Qt, #ZoneDossier .OsWrapSelect, .OsContactCommune ul li.ligneville span.saisieville {
	background: #fff url("../images/select_down.png") no-repeat scroll right 5px center!important;
    border-radius: 0!important;
    box-shadow: none!important;
    color: #000!important;
    display: block!important;
    height: auto!important;
    padding: 0!important;
    width: 100%!important;
    position: relative;
    border: none!important;
}

.MetierFnac .formSelect::before, .ZoneBoutique .formSelect::before, #ZoneDossier .formSelect::before, #ZoneDossier .formSelect::before {
	display: none;
}

.MetierFnac .OsWrapSelect select, .ZoneBoutique .OsWrapSelect select, #ZoneDossier .OsWrapSelect.Qt select, #ZoneDossier .OsWrapSelect select, .OsContactCommune ul li.ligneville span.saisieville select {
    color: #000!important;
    font-size: 15px!important;
    height: 37px!important;
    line-height: 37px;
    vertical-align: top!important;
    background-color: transparent!important;
    border: 1px solid #ccc!important;
}
 
	.MetierFnac .OsWrapSelect select option, 
.ZoneBoutique .OsWrapSelect select option,
#ZoneDossier .OsWrapSelect.Qt select option,
#ZoneDossier .OsWrapSelect select option,
.OsContactCommune ul li.ligneville span.saisieville select option{
	
	padding: 10px 20px;
	border-bottom: solid 1px #eae6e3;
	
}

.OsContactCommune ul li.ligneville span.saisieville{width: 100%!important;}



.OsWrapSelect.QtSuppelemnt{/*width: 75%; padding: 3px;height: 14px;*/}
.OsWrapSelect.QtSuppelemnt select{/*width: 145%; font-size: 11px;*/}

.SupplementCTTV .OsWrapSelect,.SupplementCTTV .wrapInput{width: 80%; float: left;}
.SupplementCTTV .OsWrapSelect select{width: 110%;}
.SupplementCTTV .wrapInput{padding: 5px}

/* */
.SaisieInfo.FormulaireBilletTransport{ padding: 0 5px 10px 5px;}

.SaisieInfo .Ligne .Libelle{ text-transform: uppercase; margin-top: 5px;}

.SaisieInfo .Ligne .wrapInput, .wrapInput, span.saisiecp, span.saisieville {
	width: 100%; 
    display: block;
}

.SaisieInfo .Ligne .wrapInput input, .wrapInput input, input.saisiecp, input.saisieville {
    border: 0 none!important;
    border-bottom: 0 none!important;
    border-radius: 0px!important;
    box-shadow: none!important;
    height: 37px!important;
    line-height: 37px;
    width: 100%;
    background-color: #fff;
    font-size: 15px;
    border: 1px solid #ccc!important;
    padding: 0 10px;
}
 .wrapInput.CalendrierIco{ background: url(../images/calendrier.gif) 98% center no-repeat #fff;}

.SaisieCarte input{ border: 1px solid #bbb; -moz-border-radius: 5px;padding: 3px;
    -webkit-border-radius: 5px;
    border-radius: 5px; margin-right: 2px;}

.SaisieInfo .Ligne .wrapInput input[type=text], .wrapInput input[type=text], .saisiecp input {
    border: 0 none!important;
    border-bottom: 0 none!important;
    border-radius: 0px!important;
    box-shadow: none!important;
    height: 37px!important;
    line-height: 37px;
    width: 100%;
    background-color: #fff;
    font-size: 15px;
    border: 1px solid #ccc!important;
}

.SaisieInfo .Ligne .wrapInput input[type=text]:focus, .wrapInput  input[type=text]:focus,
.saisiecp input:focus,
.SaisieInfo .Ligne .wrapInput input:focus,
.wrapInput input:focus,
input.saisiecp:focus, 
input.saisieville:focus{
	border: 1px solid #ccc!important;
	outline: 0!important;
}

.SaisieInfo .Ligne .wrapTextArea{
	overflow: hidden; 
	background-color: #fff; 
	width: 97%; 
	border: 1px solid #ccc;
	padding: 5px;
	height: 60px; 
	margin-bottom: 3px;
}
.SaisieInfo .Ligne .wrapTextArea textarea{border: none;  background: transparent;
    border: 0 none;  width: 100%;-webkit-appearance: none;height: 60px; }

.SaisieInfo.Dossier .Ligne .Libelle,
.SaisieInfo.FormulaireBilletTransport .Ligne .Libelle,
.SaisieInfo .OsContactCommune ul li.lignecp span.prefixecp,
.OsContactCommune ul li.ligneville span.prefixeville{
	font-weight: normal;
	text-transform: uppercase;
	margin: 5px 0;
	font-size: 16px;
	display: inline-block;
	display: none;
	white-space: nowrap;
	padding: 5px 0
    font-size: 15px!important;
}

.SaisieInfo .Ligne,
.SaisieInfo .TelDossier .ColTelDossier{ width: 50%; float: left;}

.SaisieInfo .ChampAdresse,
.SaisieInfo .ChampAdresse2{ width: 100%;}

.SaisieInfo .Ligne.Ligne100{ width: 100%;}

.SaisieInfo .TelDossier{ width: 100%; float: left;}
.SaisieInfo.Dossier .Ligne{ padding: 10px;}

.SaisieInfo .Ligne .OsWrapSelect ,
.SaisieInfo .Ligne .wrapInput { width: 100%!important; 
 display: inline-block;
vertical-align: top;}
 
.SaisieInfo .Ligne .OsWrapSelect, .SaisieInfo .Ligne .wrapInput, .Ligne.ChampPays #OsCodePaysBoutique {
    width: 100%!important;
    border: 0 none!important;
    border-bottom: 0 none!important;
    border-radius: 0px!important;
    box-shadow: none!important;
    height: 37px!important;
    line-height: 37px;
    background-color: #fff;
    font-size: 15px!important;
    color: #000;
}
.Ligne.ChampPays #OsCodePaysBoutique,
.js-LivraisonPays.Qt.wrapInput {
    padding: 0 10px;
}

#lignecp,
.SaisieInfo .Ligne.IntituleSaisieClient{ width: 20%;}

.SaisieInfo .OsContactCommune ul li.lignecp{ width: 33.3%;}
.SaisieInfo .OsContactCommune ul li.ligneville{ width: 66.7%;}

#ligneville,
.SaisieInfo .Ligne.ChampPays ,
.SaisieInfo .Ligne.ChampNom ,
.SaisieInfo .Ligne.ChampPrenom  { width: 40%;}



.SaisieInfo .Ligne.IntituleSaisieClient .OsWrapSelect.Qt,
.SaisieInfo .Ligne.IntituleSaisieClient .OsWrapSelect{ width: 100%!important;}

.SaisieInfo .TelDossier .wrapInput span{ font-size: 10px;}
.SaisieInfo .Ligne.TelDossier .wrapInput input[type="text"]{ width: 60%;}

.ExempleSaisieTel{ float: right;}


.SaisieInfo .OsContactCommune{float: left; width: 60%;}

.SaisieInfo .OsContactCommune ul{ float: left;    width: 100%; padding: 0!important; margin: 0!important; list-style-type: none!important;}
.SaisieInfo .OsContactCommune ul li{float: left; width: 50%; padding: 10px;margin: 0!important; list-style-type: none!important;}

#main .SaisieInfo .OsContactCommune ul li {
    list-style-image: none;
    list-style-position: inside;
}
/*.SaisieInfo .OsContactCommune ul li.lignecp span.prefixecp{
display: block;
 font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;}
.SaisieInfo .OsContactCommune ul li.lignecp span.saisiecp
{overflow: hidden; background-color: #fff;
  border: 1px solid #bbb;display: block;
 width: 97%; -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
padding: 2px;
height: 18px; margin-bottom: 3px;}

.SaisieInfo .OsContactCommune ul li.lignecp span.saisiecp input[type=text]{border: none;  background: transparent; border: 0 none;  width: 100%;-webkit-appearance: none;}
*/

.OsContactCommune ul li.ligneville{}
/*.OsContactCommune ul li.ligneville span.prefixeville{ 
display: block;
font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;}
.OsContactCommune ul li.ligneville span.saisieville{ overflow: hidden; background: url(../images/select_down.png) right center no-repeat #FFF; width: 97%; display: block;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
;
}
.OsContactCommune ul li.ligneville span.saisieville select{ border: none;  background: transparent;
    border: 0 none;  width: 110%;
-webkit-appearance: none;
-moz-appearance: none;  font-size: 15px; height: 22px;
    line-height: 22px;
    padding: 2px}
*/

.ModifiProduit {

    padding-bottom: 5px;
}

.ModifiProduit a, .ModifiProduita:link, .ModifiProduit a:active, .ModifiProduit a:visited {
    color: #000000;
    display: block;
    font-weight: bold;
    text-decoration: underline;
}
.ModifiProduit a:hover {
    color: #000;
    text-decoration: none;
}

/**/
.TotalSupplementCTTV{text-align: center;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 5px 0;
	width: 25%;
	margin: 5px auto;
	float: right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #000;
	font-weight: bold;
	font-size: 20px;
	clear: both;
	color: #FFF;
}
.OSRemarque, .Remarque {
    padding: 10px 20px;
    font-size: 16px;
    background: none repeat scroll 0 0 #19263d;
    color: #fff;
    margin: 0 0 10px 0px;
}
.Remarque strong, .Remarque b{
	font-weight: 400;
}
.OSRemarque.bleu, .Remarque.bleu{
	border: 1px solid #474D4E;
	font-size: 16px;
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
}

.OSRemarque a, .Remarque a{	
	color: #fff;
	text-decoration: underline;
}
.OSRemarqueSupplement{padding: 5px;
	font-size: 11px;
	color: #000;
	background-color: #ccc;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
margin: 5px 0;}

.CLassementOS{  line-height: inherit;
    margin: 0;
	 display: inline-block;}


.DescrHebe{    
padding: 14px 0;
overflow: hidden;}
/*.ItemHover .DescrHebe{     height: 155px;
    margin-bottom: 5px;
    padding: 12px; color: #FFF; font-size: 12px;
text-overflow: ellipsis;}
.ItemHover .NbPers{margin-bottom: 0px;padding: 12px 12px 0 12px!important; color: #FFF; font-size: 12px;}
*/

.descriptif a, .descriptif a:link, .descriptif a:active, .descriptif a:visited,
.descriptifSejour a, .descriptifSejour a:link, .descriptifSejour a:active, .descriptifSejour a:visited{ color: #000; text-decoration: underline; padding-left: 5px;}
.descriptif a:hover, .descriptifSejour a:hover{ text-decoration: none;}


#EnteteResultat,
#PageBas{

    position: relative;
}
#PageBas table{ background-color: #FFF; position: absolute; right: 0; top: 0; width: auto;}

#EnteteResultat #NbResulat{    font-size: 17px;}

.bloc-titre {}
.bloc-titre h2{	 
color: #000000 ;
    font-size: 30px;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff; 
    text-transform: uppercase;
/*   text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);*/
padding: 10px!important;}

#EnteteResultat{color: #000;
    margin: 0;
    min-height: 40px;
    text-transform: uppercase;	
}
#EnteteResultat #NbResulat {

}
#EnteteResultat #NbResulat span{   display: inline-block; font-weight: bold;     font-size: 32px;}
#EnteteResultat .ColDroitNbResultat{ float: right;position: static;
	color: #f0f0f0;
	font-size: 1.1em;
padding: 5px;
display: none;
	}
#EnteteResultat #DateRecherche{text-shadow: 1px 1px 3px rgba(0,0,0,0.6); }
#EnteteResultat .ResultatNbProduit{ text-align: right;color: rgba(255, 255, 255, 0.5);	font-size: 1em;



 }
#EnteteNoResultat {padding: 5px;
 margin: 10px 0;
color: #000;

-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
background-color: #fff;} 
#EnteteResultat .NoResultat, #EnteteNoResultat .NoResultat, .NoResultat{  color: #e5002d;
    font-size: 17px;
    font-weight: bold;
    padding: 15px 0;
    text-align: center;}

.OSListeResultat .OSResultat{    position: relative;
}
.OSDetailResultat .OSListeResultat .OSResultat{
	padding: 5px;
margin: 12px 0;
    position: relative;
color: #000;

-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
background-color: #F0F0F0;



	/*border-top: 1px solid #C9BDB2;*/
}

.OSListeResultat{ padding: 20px 0;}
.OSListeResultat .OSResultat.Liste{
  float: left;
    height: 0;
/*    margin: 0 .5% 30px .5%;
    width: 49%;*/
    margin: 0 0% 10px 0%;
    width: 100%;




/*	background-color: #bacf08;	
transition: 250ms ease-in-out;*/
/*overflow: hidden;*/
	}
.MetierHebe  .OSListeResultat .OSResultat.Liste{height: 400px;}
.OSListeResultat .OSResultat.Liste.ItemPaire
{
    margin-left: 4%;

}

.ListeProduit.OSListeResultat .OSResultat.Liste, 
.GammeVersionEcran .OSListeResultat .OSResultat.Liste{
  float: left;
    height: auto;
    margin-bottom: 1%;
    margin-right: 0%;
    padding-bottom: 0%;
    width: 100%;

 perspective: 600px; 
    -moz-perspective: 600px; 
    -webkit-perspective: 600px;


}
.ListeProduit.OSListeResultat .OSResultat.Liste{-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
padding: 3px;
    width: 98%;}

.OSListeResultat .OSResultat.Liste .MargeOsResultatListe{ padding: 3px;

background: none repeat scroll 0 0 #D4CFA2;
    cursor: pointer;
    position: relative;
}


.OSListeResultat .OSResultat.Liste .BlocIconCaract{    background-color: rgba(0, 0, 0, 0.1);
    bottom: 2px;
    left: 2px;
    padding: 2px 2px 2px 0;
    position: absolute;
    right: 2px;}
.OSListeResultat .OSResultat.Liste .BlocIconCaract .OSPicto{ float: left; margin: 0 2px;}
.OSListeResultat .OSResultat.Liste .BlocIconCaract .OSPictoIco{}

.OSListeResultat .OSResultat.Liste.L2{
	margin-right: 0%;
}
.OSListeResultat .OSResultat.Liste .ItemListe{	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	border-radius: 3px;
	position: relative;
	background-color: rgba(255,255,255,0.6);
	box-shadow: 1px 1px 15px rgba(0,0,0,0.2);
	border: 1px solid transparent;
	height: 120px;
    padding-bottom: 20px;
}

.OSListeResultat .OSResultat.Liste h2{ 
 clear: both;
    display: table-cell;
    font-size: 16px;
height: 40px;
    line-height: 21px6px;
    overflow: hidden;
    padding-bottom: 8px!important;
    padding-right: 10px!important;
    vertical-align: top;
text-transform: uppercase!important;}


.OSListeResultat .OSResultat.Liste h2 img{ }


.MetierMeuble .OSListeResultat .OSResultat.Liste h2{height: 50px;}
.MetierHebe  .OSListeResultat .OSResultat.Liste h2{color: #000!important;}



.BlocMarker{ width: 180px;}
.BlocMarker h4 {     font-size: 16px;
line-height: 14px;
padding-bottom: 5px!important;
display: block;
}
.BlocMarker h4 .NomCommune{}
.BlocMarker .OSVignette{ max-height: 110px; overflow: hidden;}
.BlocMarker .OSVignette img{ width: 180px;}
.BlocMarker .Description{ display: none;}
.BlocMarker .Osbouton.BtEtape2{font-size: 11px!important;}

.ColDroiteInt .OSListeResultat .OSResultat.Liste{ } 

.OSListeResultat .OSResultat .bloc-labels{
	width: 80px;
	float: right;
}
.OSResultat .bloc-labels .logo img{	width: 80px;}
.OSResultat .logo.disney{width: 24px; display: inline;}
.OSResultat .logo.disney img{	width: 24px; vertical-align: middle;}

.OSListeResultat .OSResultat a{
	text-decoration: none;
	color: #000;
	display: block;
}

.OSListeResultat .OSResultat a:hover{
	background-color: #fff;  -webkit-box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.2);
}

.OSListeResultat .OSResultat.AvecPourcent h2{ padding-right: 135px;}
h2.AvecPourcent{ padding-right: 100px;}
.AvecPourcent   {}

.OSListeResultat .OSResultat .NomCommune{
    font-size: 15px;
float: left;
width: 38%;
min-height: 47px;
_height: 47px;
}

.MetierHebe .OSListeResultat .OSResultat .NomCommune {
    width: 100%;
text-transform: uppercase!important;
}

.OSListeResultat .OSResultat .TarifsIndicatifs,
#OffrePackageAgence .TarifsIndicatifs{
	font-size: 11px;
	color: #fff;
	padding: 2px 5px;

background-color: #b2b3b6;
width: 61%;
text-align: right;
float: right;

}

.OSListeResultat .OSResultat .TarifsIndicatifs .PrixIndicatif{ font-size: 20px; font-weight: bold;}

.OSListeResultat .OSResultat .TarifsIndicatifs s{  display: block;
    font-size: 15px;
    line-height: 21px0px;
width: 100%;}

.OSListeResultat .OSResultat .TarifsIndicatifs .Libelle,
.ColConetnuDetail #OffrePackageAgence .Libelle{ padding-top: 3px; font-size: 12px;}
.OSListeResultat .OSResultat .TarifsIndicatifs .PrixIndi,
.ColConetnuDetail #OffrePackageAgence .PrixIndi{ padding: 0 0 3px; display: block;
font: italic bold 17px/12px Georgia,Times New Roman,serif; }


.OSListeResultat .OSResultat .ChapoE2{ 
 padding: 10px 0px 10px 10px;
border-right: solid 1px #cdcdcd;}

.MetierHebe  .OSListeResultat .OSResultat .ChapoE2{ min-height: 100px;}
.MetierMeuble  .OSListeResultat .OSResultat .ChapoE2{ min-height: 115px;}

.OSListeResultat .OSResultat .NbPers{
   float: left;
    font-size: 15px;
    width: 38%;
font-weight: bold;
padding: 3px 0;
color: #e9e9e9;
}
.OSListeResultat .Pages{
	padding: 5px;	
}


.BlocPages{    
    clear: both;
 }
.BilletFnac  .BlocPages{    background-color: #FFFFFF;
    float: right;
}
#PageBas{   top: -21px;}

.BlocPages table{ width: auto!important;}
.BlocPages.Bas{ }
#PageHaut{ position: absolute; top: 0; right: 226px; background-color: #FFF;}



#PageHaut .Retour{ display: none!important;}

.OSListeResultat .btplusdinfos{
	background-color: #680A46;
	color: #FFF;
	text-transform: uppercase;
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 150px;
	text-align: center;
	float: right;
	margin-right: -20px;
}

/*****************************************************
	AFFICHAGE DU DETAIL D'UN HOTEL
*****************************************************/
.AdresseHebe,
.AdresseHebeProprio,
.ConteneurLocalisation
{   

 }
.AdresseHebe .LibelleAdresse,
.AdresseHebeProprio .LibelleAdresse{background-color: #FFFFFF;
    color: #03A4B7;
    font-weight: bold;
    padding: 0 5px;
    position: absolute;
    text-transform: uppercase;
    top: -8px;}

.AdresseHebeProprio{}


.AdresseHebe .NomHebe{
text-transform: uppercase;
font-weight: bold;


padding-bottom: 3px;
}

.AdresseHebe .TelContact,
.AdresseHebeProprio .TelContact,
.AdresseHebe .WebContact,
.AdresseHebeProprio .WebContact{ padding-top: 5px; display: none;}

.AdresseHebeProprio .WebContact a, 
.AdresseHebe .WebContact a{ display: block; padding: 3px 8px; background-color: #01B7CD; float: left; margin-right: 5px; text-transform: uppercase; text-decoration: none; color: #FFF; border-radius: 0px; }


.AdresseHebeProprio .NomHebe{    
text-transform: uppercase; 
color: #000;
padding-bottom: 5px;
}



#DetailGallerie{float: right;
    margin-right: 0;
    padding: 0 0 10px;
    width: 49%;}


.OSDetailResultat{ padding: 0}


.OSDetailResultat .OSResultat{
	/*padding: 10px 0;*/
	position: relative;
clear: both;
  text-align: justify;
}


.OSDetailResultat .OSResultat .NomCommune{
 color: #474747;
    display: block;

font-size: 16px;
    font-weight: 600;
    line-height: 21px7px;}
.OSDetailResultat .OSResultat .DateFermeture{ padding: 10px 0;}

.OSDetailResultat .OSResultat .Labels{
	float: right;
padding-top: 15px;
}
.OSDetailResultat .OSResultat .Labels.OsOngletItem .logo{
float: left;
margin-right: 5px;
}

.ColContenuPrincipal{ clear: both;}

.OSDetailResultat .OSResultat .logo{ padding-top: 5px; 	float: right;}
.OSDetailResultat .OSResultat .Labels .logo{ padding-top: 0px;}

.OSDetailResultat .OSResultat .logo img{ width: 50px}

.OSDetailResultat .OSResultat .AdresseHebe .Labels .logo{float: none; padding: 0px;}
.OSDetailResultat .OSResultat .AdresseHebe .logo{ float: right; padding-left: 5px;}

.OSDetailResultat .choixDate{
	background-image: url(../images/fond-item.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #bacf08;
	padding: 8px;
	position: relative;
}
.OSDetailResultat .OSResultat .PhotoDetail{
	width: 100%;
}
.OSDetailResultat .OSResultat .Chambre h4{ text-transform: uppercase; font-weight: bold;font-size: 16px; padding: 0 5px; margin-top: 0; }
.OSDetailResultat .OSResultat .BlocCaracteristiqueHebe{ padding: 0 5px;}

.OSDetailResultat .OSResultat .Chambre .Ligne{
padding-bottom: 10px;
}
.OSDetailResultat .OSResultat .Chambre .Ligne .Libelle{ border-bottom: 1px solid #eae6e3;
    color: #333;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 5px 0;
    text-align: left;}
.OSDetailResultat .OSResultat .Chambre .BlocChambrePromo .Ligne .Libelle{ border-top: 1px solid #fff;}

.OSDetailResultat .OSResultat .Chambre .OSCritere { text-align: left; padding-bottom: 5px; position: relative;}
.OSDetailResultat .OSResultat .Chambre .OSCritere .LibelleSelect{ display: none}
.OSDetailResultat .OSResultat .Chambre .SupplementCTTV .OSCritere{ float: left; width: 80%}
.OSDetailResultat .OSResultat .Chambre .SupplementCTTV .OSCritere .OsWrapSelect,
.OSDetailResultat .OSResultat .Chambre .SupplementCTTV .OSCritere .wrapInput{ width: 100%;}

.OSDetailResultat .OSResultat .Chambre .OSCritere .Aide{ position: absolute; right: 20px; top: 6px;width: 18px; height: 18px;}

.OSDetailResultat .OSResultat .Chambre .OSCritere input{ padding: 0; margin: 0 5px 0 0;}

.OSDetailResultat .OSResultat .Chambre .BlocDescriptionDetail{
	font-weight: bold;
	padding: 0 5px 5px;

}
.OSDetailResultat .OSResultat .Chambre .ImgChambre{ float: left; margin: 0 10px 10px 0; overflow: hidden;}
.OSDetailResultat .OSResultat .Chambre .ImgChambre img{ width: 120px;}


.OSDetailResultat .OSResultat .Chambre .BlocDescriptionDetail h5{
	font-size: 12px;
	font-weight: bold;
}
.OSDetailResultat .OSResultat .Chambre .TableauTarifs{
	border: 0px solid #000;
	border-collapse: collapse;
}
.OSDetailResultat .OSResultat .Chambre .TableauTarifs td{
	border: 0px solid #000;
	padding: 2px;
}
.OSDetailResultat .OSResultat .Chambre .BlocChambre p{
	margin: 0.5em 0;
	line-height: 1.5em;
}
.OSDetailResultat .OSResultat .Chambre .TableauTarifs td.Libelle{
	width: 150px;
}

.OSDetailResultat .OSResultat .Chambre .PrixEtape3{

font-size: 20px;
  background-color: rgba(0, 0, 0, 0.7);
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    height: auto;
    margin: 0 auto;
    padding: 0;
width: 100%;
height: 52px;
float: none;
position: relative;
color: #FFF;
}
.OSDetailResultat .OSResultat .Chambre .PrixEtape3 .Tarif{
	font-size: 20px;
	font-weight: bold;
text-align: center;
line-height: 52px;
}
.InputPrixPatienter{background: url("../images/loading-prix.gif") no-repeat scroll center 10px transparent; height: 52px; display: block;}
.OSDetailResultat .OSResultat .Chambre .PrixEtape3 .PrixBarreOs{	   font-size: 15px;
    height: auto;
    line-height: 21px7px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
color: #000;}
.OSDetailResultat .OSResultat .Chambre .PrixEtape3 .Info{
	font-size: 10px;
position: absolute;
 bottom: 4px;
width: 100%; 
text-align: center;
}












.BlocMbtPrixFinalEt3, .BlocMbtPrixFinalChambreEt3, .BlocMbtPrixFinalCampingEt3,
.OsProduit.OPBI .OsWProduitBillet .OsTarifBillet .BlocPrixTotalRemise,
.BlocMbtTotalBillet,
.BlocMbtPrixFinalMagasinEt3,
.BlocMbtTotalFinalMagasinEt3,
.BlocMbtTotalMagasinEt5,
.BlocMbtPrixFinalMagasinEt5{
	
font-size: 20px;
  background-color: #CC0000;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    height: auto;
    /*line-height: 38px;*/
    margin: 5px 0 auto;
    padding: 0;
width: 100%;
height: 52px;
float: none;
position: relative;}
.BlocMbtPrixFinalMagasinEt3, .BlocMbtPrixFinalMagasinEt5{ height: 40px;}

.BlocMbtPrixFinalEt3 .MbtPrixFinalEt3, .BlocMbtPrixFinalChambreEt3 .MbtPrixFinalChambreEt3, .BlocMbtPrixFinalCampingEt3 .MbtPrixFinalCampingEt3, .OsProduit.OPBI .OsWProduitBillet .OsTarifBillet .BlocPrixTotalRemise .PrixTotalRemise,
.BlocMbtTotalBillet .MbtTotalFinalBillet,
.BlocMbtPrixFinalMagasinEt3 .MbtPrixFinalMagasinEt3,
.BlocMbtTotalFinalMagasinEt3 .MbtTotalFinalMagasinEt3,
.BlocMbtTotalMagasinEt5 .MbtTotalMagasinEt5,
.BlocMbtPrixFinalMagasinEt5 .MbtPrixFinalMagasinEt5{	font-size: 20px;
	font-weight: bold;
text-align: center;
line-height: 52px;}
.BlocMbtPrixFinalEt3 .MbtLibelleReductionEt3, .BlocMbtPrixFinalChambreEt3 .MbtLibelleReductionChambreEt3 , .BlocMbtPrixFinalCampingEt3 .MbtLibelleReductionCampingEt3, 
.OsProduit.OPBI .OsWProduitBillet .OsTarifBillet .BlocPrixTotalRemise .LibellePrixTotalRemise,
.BlocMbtTotalBillet .MbtLibelleReductionBillet,
.BlocMbtPrixFinalMagasinEt3 .MbtLibelleReductionMagasinEt3,
.BlocMbtTotalFinalMagasinEt3 .MbtLibelleReductionMagasinEt3,
.BlocMbtTotalMagasinEt5 .MbtLibelleReductionMagasinEt5,
.BlocMbtPrixFinalMagasinEt5 .MbtLibelleReductionMagasinEt5{   font-size: 15px;
    height: auto;
    line-height: 21px7px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
color: #ddd;}

.OSDetailResultat .galeriephotos{
	clear: both;
	padding: 5px;
}
.OSDetailResultat .galeriephotos .photo{
	margin: 5px;
	float: left;
	width: 60px;
}

.OSDetailResultat .OSResultat .Chambre .DelChambre{}
.OSDetailResultat .OSResultat .Chambre .DelChambre .CaptionDelChambre{display: block; color: #FFF; font-size: 11px; text-align: right; padding: 5px 10px;
background-color: #e9e9e9;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
margin-bottom: 3px;
text-decoration: none; }

.OSDetailResultat .OSResultat .Chambre .DelChambre a,.OSDetailResultat .OSResultat .Chambre .DelChambre a:link, .OSDetailResultat .OSResultat .Chambre .DelChambre a:active, .OSDetailResultat .OSResultat .Chambre .DelChambre a:visited{ display: block; color: #FFF; font-size: 10px; text-align: right; padding: 5px 10px;
background-color: #000;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
margin-bottom: 3px;
text-decoration: none; 
}
.OSDetailResultat .OSResultat .Chambre .DelChambre a:hover{ background-color: #333;text-decoration: none; }

.OSRefAppart{ display: block;
    font-size: 13px!important;
    font-style: italic;
    line-height: 21px5px!important;
    padding: 0;}
.MarkerCommune .OSRefAppart,
.BlocMarker h4 .OSRefAppart, 
.bloc-titre h2 .OSRefAppart{display: inline; }
.bloc-titre h2 .OSRefAppart{font-size: .5em!important;  padding: 0;}


/*****************************************************
	AFFICHAGE DU DETAIL D'UN HOTEL
*****************************************************/
.OSSupplementResultat .OSResultat{
	position: relative;
}

.OSSupplementResultat .OSResultat .SupplementEntete{
	background-image: url(../images/fond-item.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #d8dee1;
	padding: 5px;
}

.OSSupplementResultat .DescriptifProduit{
	font-weight: bold;
	padding: 5px;
}
.calendar{
	text-shadow: none;
}

.OSTableSupplements .Commentaire{
	font-size: 9px;
}

.BlocChambre,.BlocTarifs,
.LigneDateBillet{
    overflow: hidden;
    padding: 0 0 0 0;
    position: relative;
}

.BlocChambre{ border-bottom: 1px dotted #000;
  
    margin: 0 0 20px;
    padding: 0 0 20px;}


.BlocChambrePromo{
	background-color: #ffeccf;
	margin: 10px 0px;
	padding: 10px;
	border: solid 2px #f29300;
}

.BlocChambrePromo h4{
	padding: 3px;
	text-align: left;
	text-transform: uppercase;
	margin: 0px;
	font-size: 12px;
}
.BlocChambrePromo .BlocDescriptionDetail{
}

.AgrandirCarteItineraire, .AgrandirCarteItineraire:link, .AgrandirCarteItineraire:active, .AgrandirCarteItineraire:visited{  display: inline-block;
  padding: 16px 22px;
  text-align: center;

font-size: 20px;
  line-height: 21px;
  font-weight: 600;
  color: #000000;
  border: 2px solid #000000;
  text-decoration: none;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  display: block;
  text-decoration: none;
}
.AgrandirCarteItineraire:hover{  background: #000000;
  color: #ffffff;
  text-decoration: none;
}

.AgrandirCarte{ padding: 20px 0}

/**********************************************
	TABLE PANIER
**********************************************/


.Panier .OSResultat{
	padding: 5px;
	/*margin: 5px 0;*/
 border-top: none!important;
 border-bottom: 1px solid #eae6e3;

 -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.OSListeResultat h2{
	margin-top: 0;
}

.OSTablePanier{
	width: 100%;
}
.Panier.Boutique .OSTablePanier{ width: 100%;}
.OSTablePanier th{ background-color: #000; color: #FFF;}
.OSTablePanier td{
	padding: 2px;
}

.OSTablePanier .col{
	width: 70px;
}
.OSTablePanier td.tdprix{  font-size: 23px;
    font-weight: 900; text-align: center;}
.OSTablePanier td.tdpoubelle{text-align: center; width: 40px;}
.OSTablePanier td.tdlibelle{font-weight: bold; width: 110px;}
.OSTablePanier td{
	padding: 3px!important;
   vertical-align: middle!important;
}
.Osbouton.panier{
	float: none;
	width: 150px;
	margin-left: auto;
}
.DecriptifProduitPanier {
    margin: 0!important;
    padding: 0 60px 0 0!important;
    font-size: 15px;
    line-height: 21px;
}
.OSTablePanierListe td.tdLibelle .LibelleDossier.descriptif div.__osdiv:last-child, .DecriptifProduitPanier div:last-child {
/*doit être placé avant le first-child, au cas où il y ait juste une ligne, pour que le first-child prenne le pas sur le last-child*/
    color: #fff;
    display: block;
    margin: 0!important;
    padding: 10px 0!important
    text-transform: uppercase;
    font-size: 15px;
    line-height: 21px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.__osdiv.__ossep1, .DecriptifProduitPanier div:first-child, .OSTablePanierListe td.tdLibelle .LibelleDossier.descriptif div.__osdiv:first-child {
    color: #c1193f;
    display: block;
    margin: 0!important;
    padding: 0 55px 0 0!important;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.OSTablePanierListe td.tdLibelle .LibelleDossier.descriptif div.__osdiv:first-child{    color: #000;}
.TableListePanier.SupplementDossier .DecriptifProduitPanier div:first-child {
    color: #000;
    display: block;
    font-size: 18px;
    line-height: 40px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    margin: 0!important;
    padding: 0!important;
    text-transform: none;
}
.TableListePanier.SupplementDossier  .DecriptifProduitPanier div:first-child strong{ 
    font-weight: normal!important;
}


.OSTablePanierListe{
background-color: #FFF;
width: 100%;
border-collapse: collapse;
margin-bottom: 0px!important;
 border: medium none!important;

}
.OSTablePanierListe th {
    background-color: #333!important;
    color: #FFF!important;
    padding: 10px!important;
    border: solid 1px #333!important;
    font-size: 18px!important;
    text-transform: uppercase!important;
    text-align: left!important;
}
.OSTablePanierListe td {
    border: solid 1px #eae6e3!important;
    border-collapse: collapse!important;
    padding: 10px!important;
    vertical-align: middle!important;
    font-size: 15px;
    line-height: 21px;
    color: #000!important;
}

.OSTablePanierListe td.tdLibelle{ background-color: #fff!important;text-align: left!important;}
.OSTablePanierListe td.tdPrix {
    font-size: 20px!important;
    text-align: right!important;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 700;
}


/**********************************************
	TABLE TOTAL
**********************************************/

.BlocOSTotal, .ItemBlocTotal {
	margin: 10px 0px!important;
    padding: 10px!important;
    background-color: #e9e9e9;
    color: #C1193F;
    display: inline-block;
    width: 100%;
}
.DetailActivite .BlocOSTotal{margin-bottom: 0px;}

.BlocOSTotal .DateRecherhe {
	line-height: 30px;
	float: left;
	padding: 0 10px;
}
.BlocOSTotal .LibelleTotalResa, .ItemBlocTotal .LibelleTotal{
	line-height: 30px;
	float: left;
	padding: 0 0;
	font-size: 18px;
	text-transform: uppercase; 
	color: #000;
	font-weight: 400;
}
.ItemBlocTotal .LibelleTotal strong,.ItemBlocTotal .LibelleTotal b{
	font-weight: 400;
}
.BlocOSTotal .TotalResa, .ItemBlocTotal .PrixTotal {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 29px;
    float: right;
    padding: 0 0;
    font-weight: bold;
    position: relative;
}
.BlocOSTotal .TotalResa .PrixBarreDossier{  display: block;
    font-size: 20px;
    line-height: 21px5px;
    text-align: right;}
/***/
.BlocOSTotal.Panier{
	margin: 0;
	padding: 0;-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	line-height: 30px;
}
.BlocOSTotal.Panier .LibelleTotalResa {
    padding: 0 15px 0 0;
    text-align: left;
    width: calc(66% - 1px);
    line-height: 30px;
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
}
.BlocOSTotal.Panier .TotalResa {
    width: 34%;
    text-align: right;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 28px;
    line-height: 30px;
    float: right;
    padding: 0 0;
    font-weight: 400;
    position: relative;
}

.BlocOSTotal.Panier .LibelleTotalResa .LibelleFournisseurSousTotal{ font-style: italic;}

/****/



.BlocOSTotalAcompte{	padding: 5px; 
}

.BlocOSTotalAcompte.SousTotalPanier{	padding: 0px;
-moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
background-color: transparent;
color: #333;


 margin-top: 0px;}
.BlocOSTotalAcompte.SousTotalPanier .TotalAcompte{color: #e9e9e9;    font-size: 20px;
border: solid 1px #eae6e3;
border-top: none;
font-weight: 900;
background-color: #fff;
 width: 24%;
}
.BlocOSTotalAcompte.SousTotalPanier .LibelleAcompte{ color: #e9e9e9;text-transform: none!important;font-size: 15px;    padding: 0px 15px 0px 0;  text-align: right;}
.BlocOSTotalAcompte .LibelleAcompte{font-size: 27px; color: #333;
    float: left;

    text-align: left;
    width: 74%;
padding: 0 15px 0 0; 
line-height: 30px;
text-transform: uppercase;}
.BlocOSTotalAcompte .LibelleNomFournisseur{line-height: 20px;font-weight: bold; font-style: italic; clear: both;padding: 0 0px;}
.BlocOSTotalAcompte .TotalAcompte{
    color: #e9e9e9;
    float: right;
    font-size: 25px;
    font-weight: 900;
    padding: 0;
    text-align: right;
    white-space: nowrap;
    width: 24.05%;
padding: 0px 10px;
line-height: 30px;}

.UnVendeurGroupesPaiement .BlocOSTotalAcompte .LibelleAcompte{font-size: 15px;}
.UnVendeurGroupesPaiement .BlocOSTotalAcompte .TotalAcompte{ font-size: 20px;}

.MontantGenerique{ display: table; width: 100%;}

.Conditionsdevente {
    padding: 10px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #fff;
    color: #000;
    vertical-align: top;
    display: table-cell;
    font-size: 15px;
    line-height: 21px;
}

.Conditionsdevente .MuseoConditionsdevente{ padding-bottom: 12px}
.Conditionsdevente .TextConditionsdevente{ padding-left: 20px;}
.Conditionsdevente .TextConditionsdevente input{ margin: 0 5px 0 -20px!important;}

.Conditionsdevente a{color: #333;
text-decoration: underline;}

.Conditionsdevente a:hover{color: #000;
text-decoration: underline;}

.RemarqueReservit{	padding: 10px;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
background-color: #F17010;
color: #fff;

	font-size: 11px;margin-top: 5px;}
.RemarqueReservit a, .RemarqueReservit a:link,.RemarqueReservit  a:active, .RemarqueReservit a:visited{ color: #FFF;}

.BlocBtValiderResa{ padding: 10px 0 0 00px;width: 100%;
text-align: right;
position: relative}

.OsBoutonPaiementAtos{  
    padding: 10px;
    width: 270px !important;

color: #FFF;
line-height: 14px;
background-color: #e9e9e9;
display: inline-block;
}

.OsBoutonPaiementAtos br{ display: none!important;}
.OsBoutonPaiementAtos form div{ padding: 10px 0px 0 0; background-color: #fff; color: #e9e9e9; font-size: 14px;}
.OsBoutonPaiementAtos form div:last-child{ background-color: #FFF;padding: 10px 0; }
.OsBoutonPaiementAtos form div:last-child img{ width: 15px!important}


/**********************************************
	FORMULAIRE DES COORDONNEES
**********************************************/
.DetailCoordonneeClient {
    font-size: 15px;
    padding: 15px 200px 15px 15px;
    position: relative;
    text-align: justify;
    background-color: #fff!important;
    margin: 0 0 20px 0;
    color: #000;
    line-height: 21px;
}
.TitreCoordonneeClient {
	padding: 8px 8px 5px 8px;
	text-transform: uppercase;
	background-color: #000;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	color: #FFF;
	margin: 0 0 1px 0;
	font-weight: bold;
	border: 1px solid #0EABBF;
	margin-bottom: 5px;
	position: static;
	text-transform: uppercase;
	font-size: 22px;
}
.DetailCoordonneeClient .NomCoordonneeClient{color: #000; font-size: 17px; font-weight: 700; text-transform: uppercase;        font-family: "Open Sans", Arial, Helvetica, sans-serif;}

.FormulairePanier, .RecapPanierDossier4, .RecapPanierDossier2 {
    padding: 0;
    margin: 0;
}
.RecapPanierDossier2{ padding-top: 5px!important;}

.TitreSaisie,
.TitreRecapPanierDossier4{ padding: 0 0 5px 0px;
text-transform: uppercase; 
text-decoration: none;font-size: 20px; display: block; font-weight: bold;
margin-bottom: 5px;}

.FormulairePanier .FormulaireLigne{
	padding: 2px;
	margin: 2px;
	}
.FormulairePanier label.ui-input-text{
	font-size: inherit;
}
.FormulairePanier .FormulaireLigne label{
	display: block;
	margin-top: 2px;
	font-weight: bold;
}

.FormulairePanier .FormulaireLigne input{
	width: 99%;	
}



.DossierOS{}
.DossierOS .OSResultat{}

/**/


/***/
.SectionPanier {
    background-color: transparent;
    border: medium none;
    border-bottom: none;
    font-size: 15px;
    margin-bottom: 30px;
    padding: 30px 0;
    position: relative;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.DossierOS .EnteteSection {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #C1193F url(../images/icones/svg/blanc/ico-fl-droite.svg) no-repeat scroll left 10px center / auto 15px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
    margin: 0;
    padding: 5px 5px 5px 25px;
    text-transform: uppercase;
}
.DossierOS .EnteteSection span{
	background-image: url(../images/icones/fleche-menu-soustitre.png);
	background-position: 2px -50px;
	background-repeat: no-repeat;
	display: block; 
	padding-left: 25px;
	color: #F0F0F0;
	position: static;
	text-transform: uppercase;
}

.DescriptifHebe{
}

.DescriptifHebe .calendrier .ui-select{
	width: auto;
	float: left;
	margin-left: 2px
}
.OSTableSupplements .ui-select{
		float: right;
	
}
.OSTableSupplements .ui-select .ui-btn , .calendrier .ui-select{
	text-align: left;
	
}
.OSTableSupplements	.ui-select .ui-btn-icon-right .ui-icon{
	right: 5px;
}
.calendrier	.ui-select .ui-btn-icon-right .ui-icon{
	right: 5px;
}
.OSTableSupplements	.multi{
	line-height: 40px;
}
.calendrier img{
	float: left;
	padding-top: 10px;
}
.OSTableSupplements .ui-select .ui-btn-icon-right .ui-btn-inner, .ui-select .ui-li-has-count .ui-btn-inner{
	padding: 0.2em 30px 0.2em 10px;
	
}
.calendrier .ui-select .ui-btn-icon-right .ui-btn-inner, .ui-select .ui-li-has-count .ui-btn-inner{
	padding: 0.2em 30px 0.2em 10px;
	
}


#ListeNumPage{display: inline-block;
    margin: 0 18px; position: relative;}

.BlocNumPages{ padding: 0 4px 0 9px; float: left;}
.BlocNumPage{float: left;}

#ListeNumPage .NumPage,#ListeNumPage  a.NumPage,#ListeNumPage  a.NumPage:link,#ListeNumPage  a.NumPage:active,#ListeNumPage  a.NumPage:visited,
.BlocPageSuivante a, .BlocPagePrecedente a{ display: block; float: left;  font-size: 16px; line-height: 27px; color: #333; text-decoration: none;
height: 27px;
}
.BlocPageSuivante a, .BlocPagePrecedente a{     left: 23px;
    padding: 0 5px;
    position: absolute;
    top: -13px;
}
.BlocPageSuivante a{     left: inherit!important; right: 23px!important; width: 27px; background-color: #FFF; padding: 0;}

#ListeNumPage a.NumPage:hover,
a.PagePrec:hover, a.PageSuiv:hover{ font-weight: bold;}
#ListeNumPage .NumPage.Active{ color: #e9e9e9; font-weight: bold; }
#ListeNumPage .NumPage:after{content: "-";padding-right: 5px; color: #333!important;font-weight: normal;}

#ListeNumPage .BlocNumPage:last-child .NumPage:after{content: "\00a0\00a0"!important;padding-right: 0px!important;}

.BlocPagePrec, .BlocPageSuiv{float: left; margin: 2px; }
.BlocPagePrec{width: 148px; padding-right: 10px;}
.BlocPageSuiv{width: 130px; padding-left: 10px; float: right;}






a.PaginationLienPrecedent,a.PaginationLienPrecedent:link,a.PaginationLienPrecedent:active,a.PaginationLienPrecedent:visited,
 a.PaginationLienSuivant, a.PaginationLienSuivant:link, a.PaginationLienSuivant:active, a.PaginationLienSuivant:visited{display: block; float: left;  font-size: 16px; line-height: 27px; color: #333; text-decoration: none;
height: 27px;
position: absolute;
left: -30px; top: 0;}
a.PaginationLienPrecedent:hover, a.PaginationLienSuivant:hover{font-weight: bold; }

a.PaginationLienPrecedent{ }
a.PaginationLienSuivant{left: inherit!important;right: -28px!important;}



/*** Detail Hebe **/
.OsOngletItem{ 
    margin-bottom: 10px;
    position: relative;
}
.ColGaucheInt .OsOngletItem:nth-of-type(3n) {
    margin-right: 0;
}

.OSDetailResultat .OSResultat .Description { float: left;
    padding-bottom: 15px;
    padding-right: 10px;
    width: 50%;
}

#DetailDispo {
    width: 100%;
	border-bottom: solid 20px #F2F5F7;
	background-color: #fff;
	padding: 10px;

}

#DateRecherche{
    color: #e9e9e9;
    font-size: 15px;
    font-weight: bold;	
	  background-color: transparent!important;
    border-bottom: 1px solid #ccc!important;
    border-radius: 0!important;
    color: #e9e9e9!important;
    font-size: 15px!important;
    font-weight: 700!important;
    margin-bottom: 15px!important;
    padding: 0 0 5px!important;
}

 .PlanningDispos { margin-bottom: 0; margin-top: 5px;}


.OsOngletItem .TitreBloc{
    color: #e9e9e9;
    margin: 0;
    padding: 2px 0 5px 15px;
font-weight: bold;
font-size: 15px;
border-bottom: solid 1px #ccc;
 background: url("../images/arrow-rouge.png") no-repeat scroll 0px center rgba(0, 0, 0, 0);

}

#Avantages .TitreBloc{ color: #e5002d;    margin: 0;
    padding: 2px 4px;
font-weight: bold;
font-size: 15px;
}

.TitreBlocDescr {
    font-weight: bold;
    margin: 0;
    padding: 0;

}
.TitreBlocDescr { margin-bottom: 0}
.TitreBlocDescr.premier{ padding: 0}
.BlocDescr { margin-bottom: 5px}

.OsOngletItem .DescrToggle{ padding: 10px 0; }

.OsOngletItem .TitreDescr{font-weight: bold;}
.OsOngletItem .DescrContenu{ padding-bottom: 10px;}

.container li:before{ display: none!important;}


.SectionHautDetail{ background-color: #F2F5F7;
position: relative;}

.SectionHautDetail:before{
	background-color: #F2F5F7;
 bottom: 0;
    content: "";
    left: -100%;
    position: absolute;
    right: -100%;
    top: 0;
	  z-index: -1;
	}


/* Ligne Ico **/
#DetailService .LigneIco{
 width: 100%;
}
#DetailService .LigneIco .LibelleFamilleIco{ 
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0px;
      text-align: left;	  }
#DetailService .LigneIco ul.ListeIcoFamille{ list-style: none; padding: 0px 0 10px 0!important;}
#DetailService .LigneIco ul.ListeIcoFamille li{background-color: #F2F5F7;
    background-position: 5px center;
    background-repeat: no-repeat;
    border-collapse: collapse;
    float: left;
    font-weight: normal;
    line-height: 20px;
    padding: 3px 5px;
    width: 33%;
	margin: 1px 1px 0 0}
#DetailService .LigneIco ul.ListeIcoFamille li span{ display: block;line-height: 20px; padding-left: 15px;
 margin-right: 00px; white-space: nowrap; overflow: hidden;
font-size: 12px;
color: #333;
text-overflow: ellipsis; }/* **/
#DetailService .LigneIco.Texte{}
#DetailService .LigneIco.Texte ul.ListeIcoFamille li{ line-height: auto;height: auto; width: 100%; }


.Titreitineraire,
#DetailService .LigneIco .LibelleFamilleIco{  color: #e9e9e9;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.01em;
    line-height: 21px8px;
    margin: 15px 0;
    padding-left: 68px;
    position: relative;}

#DetailService .LigneIco:first-child .LibelleFamilleIco{ margin-top: 0;}
	
.Titreitineraire:after,	
#DetailService .LigneIco .LibelleFamilleIco:after {
    background: #e9e9e9none repeat scroll 0 0;
    content: "";
    height: 8px;
    left: 0;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 50px; }

	.Titreitineraire{}
.Descritineraire{}



/* TooltTip **/
.BoxTooltip{
    background-color: #333;
    border: 1px solid #333;
-moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
color: white;
    /*display: inline;*/
    font-size: 11px;
    margin-left: 5px;
    margin-right: 0;
    padding: 5px 8px;
		box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	cursor: pointer;
	max-width: 300px;}



/** CTTVert V2 **/
.LigneOverlay{padding: 5px 10px;}
.LigneOverlay .LibelleOverlay{ font-weight: bold; text-transform: uppercase; line-height: 25px; border-bottom: solid 1px #ddd; display: block;}
.LigneOverlay .OSCritereOverlay{   padding: 5px 0 10px;  }
.LigneOverlay.InfoCTTV .OSCritereOverlay{float: left;      width: 50%;}

.LigneOverlay .OSCritereOverlay textarea{ width: 97.5%;}


.OsboutonOverlay.Suivant{ float: right;}
.OsboutonOverlay.Precedent{float: left;}

.OsboutonOverlay	a{padding: 10px;
	text-align: center;
	margin: 5px;
	background-color: #999;
	float: right;
	font-size: 1.3em;
	color: #fff;
font-weight: bold;
	text-shadow: none;
	padding-left: 35px;
	padding-right: 10px;
line-height: 30px;
	background-image: url("../images/icones/flechedroite.png");
	background-repeat: no-repeat;
	background-position: 10px center;
text-transform: uppercase;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
text-decoration: none;}
.OsboutonOverlay	a:hover{background-color: #000;}

.OsboutonOverlay.Suivant a{background-position: 90% center;	padding-left: 10px;
	padding-right: 35px;}
.OsboutonOverlay.Precedent a{
	background-image: url("../images/icones/flechegauche.png");
}

.OSTextCamping{ width: 95%;}
.OSSelectCamping{}




.PrixSupplementCTTV{ float: right; width: 13%; background-color: rgba(0, 0, 0, 0.7);  text-align: right; -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
padding: 6px;
white-space: nowrap; color: #FFF;}

.LigneSousTotal{ font-weight: bold; margin-bottom: 1px; color: #FFF; white-space: nowrap;}
.LigneSousTotal .LibelleSousTotal{ float: left; width: 80%; padding: 5px; text-align: right;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
background-color: #ccc;
color: #000;}
.LigneSousTotal .PrixSousTotal{float: right; width: 13%; padding: 5px;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
background-color: #ccc;
color: #000;text-align: right;}


.BlocPrixCamping {
	margin-bottom: 2px;
color: #000;
}
.PrixCamping
{
	font-size: 13px;
	font-weight: bold;
}

.PrixCamping span
{
	text-decoration: line-through;
	color: #000;
}


.OSSelectCamping{

}


.OSRemarqueCamping, #esf-moniteur{
	border: solid 1px #cccccc;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.OSTextCamping{
	border: 1px solid #999999;
	padding: 3px;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	 width: auto;
}

.OsTxtAttenteCTTVERT{line-height: 30px; text-align: center; font-size: 13px; font-weight: bold; font-style: italic;}
.OsImgAttenteCTTVERT{ text-align: center; padding: 5px; height: 80px; line-height: 80px;}
.OsImgAttenteCTTVERT img{ width: 600px; height: 80px;  background: url(../images/loading-overlay-220x19.gif) center center no-repeat;}

.BlocAssurance.Load{}
.BlocAssurance.Load img{width: 220px; height: 19px; background: url(../images/loading-overlay-220x19.gif) left top no-repeat;}

.TotalCTTV{ position: relative;}
.OsPrixTotalCTTVERT{ display: block; text-align: center; background-color: #ccc; position: 	absolute; left: 5%; top: 7px; width: 90%;  height: 28px;}
.OsPrixTotalCTTVERT img{margin: 0 auto; background: url("../images/loading-prix.gif") no-repeat scroll center center transparent; height: 25px; display: block;}
#FormPied table.TableauTrait{ padding-bottom: 5px;}
/** Open pro camping**/

.LigneHebeNb{ position: relative; margin-top: 5px;}
.ConteneurHebeNb{ padding-left: 0px;}

.NumHebeNb{ background-color: #000; padding: 5px; color: #FFF; font-weight: bold;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
width: 20px;
height: 91%;
position: absolute; top: 0; left: 0px;
text-align: center;
display: none;
}


.MultiHebe .ConteneurHebeNb{ padding-left: 35px;}
.MultiHebe .NumHebeNb{ display: block;}

/** Unicamp **/

.OSDetailResultat .OSResultat .Chambre .MajChambre{}
.OSDetailResultat .OSResultat .Chambre .MajChambre a,.OSDetailResultat .OSResultat .Chambre .MajChambre a:link, .OSDetailResultat .OSResultat .Chambre .MajChambre a:active, .OSDetailResultat .OSResultat .Chambre .MajChambre a:visited{ display: block; color: #FFF; font-size: 10px; text-align: left; padding: 5px 10px;
background-color: #a4c408;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
margin-bottom: 3px;
text-decoration: none; 

}
.OSDetailResultat .OSResultat .Chambre .MajChambre a:hover{ background-color: #333;text-decoration: none; }


.OsBilletterieImgLien{ position: absolute; 
top: -20000em;}

ul.ListeDate {}
ul.ListeDate li{ line-height: 25px; border-bottom: 1px solid #fff;
/*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
*/}
ul.ListeDate li a, ul.ListeDate li a:link, ul.ListeDate li a:active, ul.ListeDate li a:visited{ font-weight: bold; color: #333; text-decoration: underline; display: block; padding: 0 23px; font-size: 16px;
background: url(../osimg/fleche_droite.png) left top no-repeat;}
ul.ListeDate li a:hover{ color: #FFF;  text-decoration: none;background: url(../osimg/fleche_droite.png) left bottom no-repeat #e9e9e9;/*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
*/}
ul.ListeDate li.L1 { background-color: #EDEFF4; }
ul.ListeDate li.L2 { background-color: #E2E3E7; }



Table.OSTableTarifBillet{ }
Table.OSTableTarifBillet tr{ }

Table.OSTableTarifBillet tr.L1 { background-color: #EDEFF4; }
Table.OSTableTarifBillet tr.L2 { background-color: #E2E3E7; }

Table.OSTableTarifBillet td{border-bottom: 1px solid #E6E7E8; line-height: 15px; padding: 3px 0; font-size: 11px;}
Table.OSTableTarifBillet th{ background-color: #000; color: #fff;font-size: 11px;}
/* 000 */
Table.OSTableTarifBillet td.tdQt {}
Table.OSTableTarifBillet td.tdPrixUnit {white-space: nowrap;}
Table.OSTableTarifBillet td.tdCategorie{padding-left: 3px;}
Table.OSTableTarifBillet td.tdTotal{ font-weight: bold; font-size: 12px; white-space: nowrap; padding-left: 5px;}

Table.OSTableTarifBillet td.tdTotal span{color: #000;
background-color: #DDDDDD;
   /* float: right;*/
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
    padding: 2px 5px;
    text-align: right;
    width: 65px;
display: block;

-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
Table.OSTableTarifBillet tr:hover td.tdTotal span
{

}

/*  */
Table.OSTableTarifBillet.DateActivite{ background-color: #fff; width: 100%;}
Table.OSTableTarifBillet.DateActivite td {
border-bottom: 1px solid #ccc;
font-size: 12px;
}
Table.OSTableTarifBillet.DateActivite td.LibelleDate{ font-weight: bold; }


Table.OSTableTarifBillet.DateActivite td.tdBtResa{ }

Table.OSTableTarifBillet.DateActivite td.tdBtResa a{color: #fff; padding: 5px 5px 5px 20px; margin: 3px; display: block; white-space: nowrap;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
text-transform: uppercase; 
background: url(../osimg/fleche_droite.png) left bottom no-repeat #000;
 text-decoration: none;}
Table.OSTableTarifBillet td.tdBtResa a:hover{ background-color: #000;}

/**/
ul.ListeInfo{}
ul.ListeInfo li{padding-bottom: 3px;}
ul.ListeInfo li .Libelle{ font-weight: bold;}

/**/
.Legende { font-size: 11px; background-color: #fff; color: #000;padding: 5px 0;text-align: left;}
.Legende .TitreLegende { text-transform: uppercase; padding: 5px; background-color: #000; color: #FFF; -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
font-size: 12px; font-weight: bold; }
.Legende .DescrLegende { padding: 5px;}
.Legende .DescrLegende .IcoLegend  { float: left;}
.Legende .DescrLegende .LigneLegende{ padding: 0 0 10px 25px; }


/**/
/**/
.LigneDate .OsWrapSelect,
.LigneDateBillet .OsWrapSelect{ margin: 0 4px; float: left; width: 24%;}
.LigneDate .OsWrapSelect select,
.LigneDateBillet .OsWrapSelect select{ width: 130%;}
.LigneDateBillet #calimgdeb{ float: left;}


/**/
.OsboutonTri {float: left;}
.OsboutonTri a{color: #fff; padding: 5px 5px 5px 20px; margin: 3px; display: block; white-space: nowrap;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
text-transform: uppercase; 
background: url(../osimg/fleche_droite.png) left bottom no-repeat #000;
 text-decoration: none;font-size: 15px;}
.OsboutonTri a:hover{ background-color: #333;}

.Actif .OsboutonTri a{background-color: #F28E00; font-weight: bold;}
.Actif .OsboutonTri a:hover{background-color: #F28E00;}

.OsboutonSupp a{color: #fff; padding: 5px 8px; margin: 3px; display: block; white-space: nowrap;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
text-transform: uppercase; 
background-color: #000;
 text-decoration: none;font-size: 15px;
float: right;}
.OsboutonSupp a:hover{ background-color: #000}

/* Image du calendroer **/
/*.LigneDate img#calimgdeb, img#calimgnaissance{ left: 29%;
    padding-left: 6px;
    padding-top: 5px;
    position: absolute;}*/
.FiltreMoteurOs.LigneDate img#calimgdeb,
.FiltreMoteurOs.LigneDate img#calimgnaissance{ float: left; position: relative;
    top: 4px;}

/****/


a.BtRechercher{padding: 10px; margin: 10px 3px 3px 3px; display: block; white-space: nowrap;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
text-transform: uppercase; 
background-color: #000;color: #fff; 
 text-decoration: none;font-size: 20px; display: block; text-align: center}
a.BtRechercher:hover{ background-color: #000}

.BlocProfils{ padding: 0px;  }
.Profil{ float: left;}


.OSDetailResultat .OSResultat .Profil{
font-size: 15px;
}
/***/
.Filtre{ padding: 5px 10px; }




.LocationMateriel { background-color: #FFF; padding: 5px;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; margin-bottom: 10px;}
.LocationMateriel .TitreSaisie,
.FormulaireBilletTransport .TitreSaisie{ font-size: 17px;}

.Dossier .TitreSaisie{ padding: 0 0 5px 0px;}


#LoaderTransition{/*
opacity: 0.2;filter: alpha(opacity=20);left: 50%;margin-left: -27px;position: absolute;bottom: 50%; width: 55px; height: 55px;
-moz-border-radius: 33px;
    -webkit-border-radius: 33px;
    border-radius: 33px;
overflow: hidden;
text-indent: -20000em;
background: url(../images/loader-transition.gif) center center no-repeat #000;

z-index: 100;
position: fixed;*/
display: none;}


/****/

.SituationEnteteFerme{padding: 8px 5px; font-weight: bold; font-size: 16px; text-transform: uppercase; color: #FFF; background: url(../images/icones/flechehaut.png)  97%  center no-repeat #000;
 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
cursor: pointer;}
.SituationEnteteOuvert{background-color: #e9e9e9;
padding: 8px 5px; font-weight: bold; font-size: 16px; text-transform: uppercase; color: #FFF; 
 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.SituationToggle{ 
display: none;
 background-color: rgba(255, 255, 255, 0.5);
    border: medium none;
    border-radius: 3px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    padding: 10px;
    position: relative;
    text-align: justify;
}

.BlocAffinage{ padding-bottom: 10px;}
.BlocAffinage .TitreAffinage{ padding: 3px 5px; background-color: rgba(0, 0, 0, 0.5); font-weight: bold; -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
margin-bottom: 2px;
color: #fff;}
.BlocAffinage .LigneAffinage{ border-bottom: solid 1px #fff;}

.BlocAffinage .LigneAffinage a{ display: block; text-decoration: none; padding: 3px 5px; color: #000;
background: url(../images/fleche.png) 99% center no-repeat; -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px; }
.BlocAffinage .LigneAffinage a img{border: none}
.BlocAffinage .LigneAffinage a:hover{ background-color: #c5c5c5;}




/****/
.LigneListeCatalogue{ border-bottom: solid 1px #ccc; padding-bottom: 5px;}
.LigneListeCatalogue a, .LigneListeCatalogue a:link, .LigneListeCatalogue a:active, .LigneListeCatalogue a:visited{ display: block; line-height: 20px; padding: 0 5px; color: #333;}
.LigneListeCatalogue a:hover{ text-decoration: none; color: #e5002d;}
.LibelleLigneListeCatalogue{ font-weight: bold; font-size: 12px; text-transform: uppercase;}
.ConteneurLigneListeCatalogue a, .ConteneurLigneListeCatalogue a:link ,.ConteneurLigneListeCatalogue a:active , .ConteneurLigneListeCatalogue a:visited  { padding-left: 10px;display: block; }
.ConteneurLigneListeCatalogue a:hover{}

#BlocAffinageCatalogue{ padding: 5px 0 0 5px;}



/****/
#CartoGoogleMap {height: 300px;}

#CartoEtape3{
 /*background: url("../images/cadre_map.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    display: block;
    position: relative;
    width: 100%;
border: solid 1px #999999;
margin-bottom: 10px;
/*padding: 12px 0 0 19px;*/


}

#CartoEtape3 #CartoGoogleMap {   height: 190px;    width: 100%;}
#CartoEtape2 #CartoGoogleMap {height: 200px;}

/** tarif indicatif Billet*/
.TarifIndicatif{text-align: right;
	font-size: 16px;

	line-height: 20px;
	color: #fff;
	background-color: #b2b3b6;

padding: 5px 10px;
margin-bottom: 20px;
	
}

.TarifIndicatif .PrixIndicatif {
    font-size: 20px;
    font-weight: bold;
}
/*** Restaurant ***/

#overlay-resto{ display: block; /*padding: 5px; line-height: 15px;*/
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

background-color: #FFF; 
width: 770px;

min-height: 100px;
_height: 100px;
/*position: relative;*/
}
#overlay-resto .close{background: url("../images/close.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 35px;
    padding: 0;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 35px;
	z-index: 20;
display: block;
text-indent: -2000em;
}
#overlay-resto .OSDetailResultat{ margin: 0 10px 10px 10px; background-color: #FFF;font-size: 15px;}

#overlay-resto .OSResultat a{ color: #333;}

#overlay-resto .OsOngletItem,
#overlay-resto .OSDetailResultat .OSResultat .Description, #overlay-resto .AdresseHebeProprio,
#overlay-resto #CartoEtape3,
#overlay-resto #DetailGallerie{background-color: #fff; padding: 8px 0;}
#overlay-resto #CartoEtape3 { margin: 10px 0;}
#CartoEtape3 #MiniCartoResto{ height: 200px;}

#overlay-resto .AdresseHebeProprio .NomHebe{  border-bottom: 1px solid #FFFFFF;
    font-weight: bold;
    padding-bottom: 3px;
    text-transform: uppercase;}

#overlay-resto .OsOngletItem p, #overlay-resto .OSDetailResultat .OSResultat .Description p{ padding: 5px 0; margin: 0;}

.DetailResto #DetailGuides .LigneIco ul.ListeIcoFamille li{ width: 33%;}

/** Boutique **/
.LienBoutiqueRef{ position: absolute; top: -2000em;left: -2000em;}

.Gamme{background-color: #FFFFFF;
    /*border: 1px solid #ccc;*/
	 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.Gamme a, .Gamme a:link, .Gamme a:active, .Gamme a:visited{ text-decoration: none;}
.ColDroiteInt .OSListeResultat.Gamme .contour {   height: 112px;
    width: 100%;
	overflow: hidden;}
.ColDroiteInt .OSListeResultat.Gamme .contour img {
	height: auto;
    width: 100%;
}

.Table-produit{padding-bottom: 10px;}
.Table-produit .MargeInt{padding: 5px;}
.Table-produit .Table-produit-Th .MargeInt{padding: 3px 5px;}


/*.Table-produit .Table-produit-Tr{   border-bottom: 1px solid rgba(0, 0, 0, 0.1);}*/
.Table-produit .Table-produit-Tr.Entete {
    border: none!important;
    font-size: 1.21px!important;
    font-weight: normal!important;
    line-height: 21px;
    color: #000!important;
    background: #e6e1dd!important;
}
.Table-produit .Table-produit-Tr.L1{ /* background-color: #F8F8F8;*/}
.Table-produit .Table-produit-Tr.L2{ /*background-color: #F2F2F2;*/}

.Table-produit .Table-produit-Tr.LigneIntitule{background-color: rgba(0, 0, 0, 0.1); }

.Table-produit .Table-produit-Th{font-weight: 400; }
.Table-produit .Table-produit-Td{ line-height: 20px; }

.Table-produit .Table-produit-Th,.Table-produit .Table-produit-Td{float: left; font-size: 16px;}
.Table-produit .Table-produit-Td b{font-weight: 400; }
.Table-produit .Table-produit-Th.IntQt{ text-align: center;}
.Table-produit .Table-produit-Td.IntPrix{ font-size: 13px; font-weight: bold;}

.Table-produit .Table-produit-Td.IntArticle, .Table-produit .Table-produit-Th.IntArticle{ width: 64%;margin-right: 1%;}
.Table-produit .Table-produit-Td.IntPrix,.Table-produit .Table-produit-Th.IntPrix{width: 15%;}
.Table-produit .Table-produit-Td.IntQt,.Table-produit .Table-produit-Th.IntQt{width: 20%;}

.BlocQt{ /*float: left; width: 41px; */text-align: center;}
.BlocPlusMoins{/*float: left; width: 19px; text-align: center;*/ height: 0px; position: relative;}

.BlocPlusMoins img{ 
	background-color: #C1193F;
	height: 32px;
	position: absolute;
	width: 32px;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.BlocPlusMoins img:hover{ background-color: #e9e9e9;}
.BlocPlusMoins img.Plus{ right: 0px;}
.BlocPlusMoins img.Moins{ left: 0px;}

input[type="text"].OSCombo.OsJQt{   
    	border: 1px solid #eae6e3!important;
    font-size: 14px!important;
    height: 32px!important;
    line-height: 32px!important;
    margin-bottom: 0!important;
    padding: 0!important;
    width: 100%!important;
	  text-align: center;}
.DetailBoutique .OSListeResultat.ListeProduit .OSResultat.Liste:hover,
.OSListeResultat.ListeProduit .OSResultat.Liste .Table-produit .Table-produit-Tr.LigneProduit:hover{}



.DetailBoutique .AutreProduit{ 
       font-size: 15px;
    font-weight: bold;
    line-height: 21px4px;
    margin-bottom: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
padding-top: 10px;}

.Table-produit .Table-produit-Td.IntPrix span {
    white-space: nowrap;
    font-size: 20px;
    font-weight: 400;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #000;
    padding: 6px 0 0;
    display: inline-block;
}
.Table-produit .Table-produit-Td.IntPrix span strong {
    font-weight: 400;
}
.Table-produit .Table-produit-Tr:hover .Table-produit-Td.IntPrix span{}

.Table-produit .Table-produit-Td span.PrixBarre,.Table-produit .Table-produit-Tr:hover .Table-produit-Td.IntPrix span.PrixBarre { background-color: transparent; text-decoration: line-through;  line-height: 20px;}
.Table-produit .Table-produit-Td .PrixFinal{}

.LigneVieBoutique{ /*background-color: #c1e9e8;*/
    display: block;
    margin: 0;
    padding: 15px 0;}

.LigneVieBoutique a, .LigneVieBoutique a:link, .LigneVieBoutique a:active, .LigneVieBoutique a:visited{
	color: #474747;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	line-height: 21px6px;
	transition: all 350ms ease 0s;
}
.LigneVieBoutique a:hover{ color: #e9e9e9;
    text-decoration: underline; }

.Recalcul {
    background: #e9e9e9 url(../images/loading-overlay-220x19.gif) center center no-repeat;
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 66px;
    padding: 5px 10px;
    position: relative;
    display: none;
    width: 170px;
    height: 27px;
    background-size: contain;
    position: absolute;
    right: 0;
    z-index: 10;
}

.OngletLivraison{
	height: 90px;
	overflow: visible;
	position: relative;
}
.OngletLivraison .ItemOngletLivraison{ float: left; background-color: #e4e4e4; border: solid 1px #cdcdcd;    /*margin-right: 10px;    width: 190px;*/  margin-right: 0.7%;
    width: 32%; height: 80px;  position: relative;}
.OngletLivraison .ItemOngletLivraison.actif{ background-color: #fff; border-bottom: none;height: 90px;}


.ItemOngletLivraisonMobile{padding: 8px 5px; font-weight: bold; font-size: 16px; text-transform: uppercase; color: #FFF; 
background: url(../images/radio-button_off.png)  1%  center no-repeat #333;
 /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
cursor: pointer;
padding-left: 42px;
line-height: 22px; margin: 0 0 10px;}
.ItemOngletLivraisonMobile.actif{
background: url("../images/radio-button_on.png") no-repeat scroll 1% center #e9e9e9;}



.ItemRadioLivraison{margin-right: 0.7%; width: 32%;float: left; height: 1px; position: relative;}
/****/
#ListeLieuRetrait{
	/*width: 345px;*/
	padding: 10px 0;
}

.ListeLieuRetrait{ padding: 5px 10px;}


.IntituleLivraison{ text-align: center;padding: 30px 10px 0 10px; font-weight: bold; text-transform: uppercase; }
.IntituleLivraison .Libelle{ color: #ff0066;}
#ChoixLivraison,#ChoixRetraitDynamique,#ChoixRetrait{
   left: 0;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    top: 100px;}



input.Retrait{ position: absolute; top: 8px; left: 14.5%; z-index: 2;}
input.RetraitLivraison{ position: absolute; top: 8px; left: 47.5%; z-index: 2;}
input.OsDepotDynamique{ position: absolute; top: 8px; left: 81%; z-index: 2;}

ul.UL-RetraitDynamique { padding-top: 15px;}
ul.UL-RetraitDynamique li{ /*font-weight: bold;*/ padding-bottom: 3px;clear: both;}
ul.UL-RetraitDynamique li div.LibelleRetrait{ float: left; width: 250px;}
ul.UL-RetraitDynamique li div.LibelleRetrait span{ color: #ff0066;}
ul.UL-RetraitDynamique li .OSCombo{ width: 200px; overflow: hidden; background-color: #fff;
  border: 1px solid #bbb;
 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
padding: 2px 5px;
height: 18px; margin-bottom: 3px;}
ul.UL-RetraitDynamique li textarea.OSCombo{ width: 435px; overflow: hidden; background-color: #fff;
  border: 1px solid #bbb;
 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
padding: 2px 5px;
height: 18px; margin-bottom: 3px;}


.TitreLivraison {
    font: 15px 'Rubik',Arial,sans-serif;
    color: #000;
    font-weight: 400!important;
    text-transform: uppercase;
}
.TitreLivraison strong {
    color: #333333;
    font: bold 14px Arial,Verdana,sans-serif;
text-transform: uppercase;
}

.color{color: #333; display: none; }

#ListeLieuRetrait em{ font-size: 11px;}

.EnteteMultiGrille{}
.EnteteMultiGrille .MultiGrille{  padding: 5px 0; border-bottom: solid 1px #ccc; }
.EnteteMultiGrille .MultiGrille .RadioMultiGrille{float: left; padding-right: 5px;   }
.EnteteMultiGrille .MultiGrille .PaysMultiGrille{
	font-size: 11px;
	line-height: 25px;
	padding-top: 10px;
}
.EnteteMultiGrille .MultiGrille .DescrMultiGrille{float: left;  padding-right: 10px;
    width: 440px;}
.EnteteMultiGrille .MultiGrille .DescrMultiGrille strong{ color: #FF0066;}
.EnteteMultiGrille .MultiGrille .PrixIndicatifMultiGrille{color: #FF0066; font-weight: bold;float: left; width: 140px;}
.EnteteMultiGrille .MultiGrille .LogoTransporteur{ float: right; padding: 0px 0; }
.EnteteMultiGrille .MultiGrille .LogoTransporteur img{ width: 75px;}

.LieuRetraitInt{ font-size: 11px;}

.OsWrapSelect.SelectBoutique{ width: 100%; float: left; clear: both;}

.BlocDate { /*display: block;*/}
.BlocDate img{ float: left; margin-right: 2px;  margin-top: 3px;}
.BlocDate .OsWrapSelect{ float: left; width: 55px!important; margin-right: 2px; }
.BlocDate .OsWrapSelect select{ width: 135% }
.BlocDate .OsWrapSelect ~ .OsWrapSelect{width: 105px!important; }
.BlocDate .OsWrapSelect ~ .OsWrapSelect ~ .OsWrapSelect{width: 70px!important; }

.DetailBoutique .DescrGammeBoutiqueModele{ height: 227px; }

.DetailBoutique ul.thumbs {height: 63px;}

.MoinsInfoDescriptif,
.PlusInfoDescriptif{ padding-top: 5px;}
a.InfoDescriptifDetail,a.InfoDescriptifDetail:link,a.InfoDescriptifDetail:active,a.InfoDescriptifDetail:visited{padding: 5px 10px;
	text-align: center;
	margin: 5px;
	background-color: #000;
	float: right;
	color: #fff;
	text-shadow: none;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; float: right;}
a.InfoDescriptifDetail:hover{ background-color: #000;}

.OSComboRecherche{ background-color: #FFFFFF;border: 1px solid #CCCCCC;color: #000;width: 150px; padding: 2px; font-size: 11px;}
.inputValDefaut{color: #c0c0c0;}
.inputValDefaut.inputValDefautValeur{color: #444;}

.BlocRechercheLibre{  background-color: #BBBBBB;
-moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    float: left;
    margin: 0 10px;
    padding-left: 5px; border-bottom: 1px solid #ECECEC;
display: none;}
.BlocRechercheLibre .ChampRechercheLibre{ float: left; padding: 6px 0;}
.BlocRechercheLibre .BtRechercheLibre{float: left;}

.SelectListeRetrait{ padding: 5px 10px}
.SelectListePays{float: left;
    padding: 0 0 5px;
    width: 100%;}

/** **/
.TableTarifAvail{ border: 1px solid #CCCCCC; border-bottom: none}
.TableTarifAvail.TraitBas{ border-bottom: 1px solid #CCCCCC;}

.TableTarifAvail .ColGauche-TableTarifAvail{ width: 70%; float: left;}
.TableTarifAvail .TableTarifAvail-tr{border-bottom: 1px solid #CCCCCC;}
.TableTarifAvail .TableTarifAvail-td{ float: left; }
.TableTarifAvail .TableTarifAvail-tr.last{ border: none;}
			
.TableTarifAvail .TableTarifAvail-td.DescrChambreAvail{ width: 60%;}
.TableTarifAvail .TableTarifAvail-td.PrixAvail{width: 19%;}
.TableTarifAvail .TableTarifAvail-td.QtAvail{width: 20%; text-align: center; padding-top: 12px;}
.TableTarifAvail .TableTarifAvail-td.QtAvail .OsWrapSelect{ margin: 0 auto;}
                                        
                                        .TableTarifAvail .margeAvail{ padding: 5px;}
table.TableBtReserveAvail{ float: right; width: 30%; height: 100%; border-left: 1px solid #CCCCCC; text-align: center;}
#PageOs table.TableBtReserveAvail td{ height: 100%; text-align: center; vertical-align: middle;}

.TableTarifAvail .reservation.Osbouton{ float: none; width: auto;}
.VignetteAvail{ float: left;width: 60px; margin-right: 5px; overflow: hidden; max-height: 60px;}
.VignetteAvail .marge{}
.VignetteAvail img{width: 60px;}
    .TableTarifAvail .PrixEtape3, .TableTarifFastBook  .PrixEtape3{

background-color: #ccc;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    height: auto;
    /*line-height: 38px;*/
    margin: 8px 5px;
    padding: 0;
display: block;  padding: 12px 5px; font-size: 15px;
text-align: center;
}
.StockChambre{ font-size: 10px; font-style: italic; text-align: center;  color: #766A63;}
/**/
/** **/
.TableTarifFastBook{ border: 1px solid #CCCCCC; border-bottom: none}
.TableTarifFastBook.TraitBas{ border-bottom: 1px solid #CCCCCC;}

.TableTarifFastBook .ColGauche-TableTarifFastBook{ width: 80%; float: left;}
.TableTarifFastBook .TableTarifFastBook-tr{border-bottom: 1px solid #CCCCCC;}
.TableTarifFastBook .TableTarifFastBook-td{ float: left; }
.TableTarifFastBook .TableTarifFastBook-tr.last{ border: none;}
			
.TableTarifFastBook .TableTarifFastBook-td.DescrChambreAvail{ width: 51%;}
.TableTarifFastBook .TableTarifFastBook-td.PrixAvail{width: 19%;}
.TableTarifFastBook .TableTarifFastBook-td.BtFastBooking{width: 30%; text-align: center; padding-top: 8px; }

                                        
.TableTarifFastBook .margeFastBook{ padding: 5px;}
table.TableCgvFastBooking{ float: left; width: 20%; height: 100%; border-right: 1px solid #CCCCCC;}
#PageOs table.TableCgvFastBooking td{ height: 100%; text-align: center; vertical-align: middle;}
table.TableCgvFastBooking .LibelleTarif{text-align: center;}

.TableTarifFastBook .reservation.Osbouton{ float: none; width: 90%;  margin: 0 auto;}
.TableTarifFastBook .reservation.Osbouton a{}


/**/

.Chambre .ColLigne{float: left;
    width: 70%;
}
.Chambre .ColDroiteDispo, .ColDroiteDispo{float: right;
    width: 25%;
}


.BlocResultatAffinage{}
.BlocResultatAffinage .Marge{ text-align: left; padding-top: 5px;}


.OSCritereTable{ padding: 0 10px;}
.OSCritereTable.LocationMagasin{ margin-left: 130px;}
.NoImage .OSCritereTable.LocationMagasin{ margin-left: 0px;}
 
.OSCritereTable .OSCritereTable-tr{ border-bottom: 1px solid #eee;
    padding: 5px 0;}

.OSCritereTable.LocationMagasin  .OSCritereTable-tr{ border-bottom: none;}

/*.OSCritereTable .OSCritereTable-tr:hover{ background-color: #eee;}*/
.OSCritereTable .OSCritereTable-td, .OSCritereTable .OSCritereTable-th{ float: left;}

.OSCritereTable .OSCritereTable-td .marginInt{ padding: 0 5px; }
.OSCritereTable .OSCritereTable-th{ line-height: 11px; font-size: 16px;}
.OSCritereTable .OSCritereTable-th .marginInt{ padding: 3px 5px 0 5px; }
.OSCritereTable .OSCritereTable-tr.Entete{ background-color: #F4F2DF; -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;}
	.LibelleMuseo{ background-color: #ccc; -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; padding: 5px; font-weight: bold; margin-bottom: 1px}

.OSCritereTable .LibelleFormule{width: calc(100% - 310px);  }
.OSCritereTable.OsTableFormule .LibelleFormule{font-weight: bold;}
.OSCritereTable .FormulePackage{ font-style: italic; font-size: 12px; font-weight: normal;}
.OSCritereTable .LibellePrixUnit{width: 100px; text-align: right; line-height: 34px;}
.OSCritereTable .LibellePrixUnit .marginInt:after{content: "x";
padding: 0 5px;
display: inline-block;}
.OSCritereTable .LibelleQt{width: 100px; /*line-height: 26px;*/}


.OSCritereTable .LibelleQt .OsWrapSelect select{ width: 100%;}

.OSCritereTable .LibelleQt.Nb{line-height: 34px;}

.OSCritereTable .LibelleTotal{   background-color: #ddd!important;
    border-radius: 0!important;
    color: #000!important;
    float: right!important;
    font-size: 15px!important;
    font-weight: bold!important;
    line-height: 34px!important;
    margin: 0 0 0 10px!important;
    padding: 0 5px!important;
    text-align: right!important;
    width: 100px!important;}


.OSCritereTable .DateHeure{width: 45%; }
.OSCritereTable .Inscrit{width: 12%; text-align: center}
.OSCritereTable .MinInscrit{width: 13%; text-align: center}
.OSCritereTable .PlReste{width: 13%; text-align: center}
.OSCritereTable .BtReserve{width: 17%}

.OSCritereTable .OSCritereTable-th.DateHeure,
.OSCritereTable .OSCritereTable-th.Inscrit{line-height: 22px;}

.OSCritereTable .LibelleFormuleEsf{ width: 70%}
.OSCritereTable .LibellePrixEsf{width: 15%;}
.OSCritereTable .LibelleBtEsf{ width: 15%;}

.OSCritereTable .LibelleFormuleEsf.Particulier{ width: 85%}

.OSCritereTable .DateCatalogue{width: 70%; line-height: 35px;}
.OSCritereTable .PrixCatalogue{width: 15%; line-height: 35px;}
.OSCritereTable .BtCatalogue{width: 15%;}

.OSCritereTable .Entete .DateCatalogue,
.OSCritereTable .Entete .PrixCatalogue{line-height: 15px;}


.OSCritereTable .LibellePrenom{ width: 25%;}
.OSCritereTable .LibelleNom{ width: 25%;}
.OSCritereTable .LibelleAge{ width: 25%;}
.OSCritereTable .LibelleSexe{ width: 25%;}
/****/
/** **/
.MetierFnac .MoteurOS{ background-color: #474747;}
.OsListeMoteurOs{
	  max-width: 1170px;
    margin: 0 auto;
    width: 100%;
	padding: 0 30px;
	
}

.MoteurOS{  
    border: medium none;
    font-size: 15px;
    /*margin-bottom: 10px;*/
    padding: 20px;
    position: relative;
}		
.EnteteMoteurOS{
    font-size: 15px;
    font-weight: normal;
    padding: 10px;
    text-align: left;
    text-transform: uppercase; padding: 10px;}		
.MoteurOS .marge{ padding: 0px;}


.MoteurOS .OsListeMoteurOs input[type=text], .MoteurOS .OsListeMoteurOs input[type=password], .SaisieInfo .Ligne input[type=text], .SaisieInfo .Ligne textarea, .SaisieInfo .OsContactCommune ul li.lignecp span.saisiecp input[type=text] {
    padding: 10px;
}	
.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs{ float: left;
    padding: 2px 0;
    position: relative;
    width: 25%; }
.MoteurOS.MoteurResto{ width: 95%; }
.MoteurOS.MoteurResto .OsListeMoteurOs .OsListeLigneMoteurOs {
    float: left;
    padding: 2px 0;
    position: relative;
    width: 100%;
}
.MoteurOS.MoteurResto  .FiltreMoteurOs.LigneDate img#calimgdeb{
    float: left;
    left: 5px;
    position: absolute;
    top: 6px;
}

.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs.TypeProduit{ width: 100%}
.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .LibelleMoteurOs{font-size: 16px;   clear: both;
    font-weight: normal;
    line-height: 21px8px;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: left; text-transform: uppercase; 
	color: #fff;
}		
.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .FiltreMoteurOs{ display: block;
    line-height: 20px;
	padding-right: 10px
    }	
.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs:nth-child(4) .FiltreMoteurOs{	padding-right: 0px}
.ColGaucheIntListe .MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .LibelleMoteurOs{  text-align: left; float: none; width: auto}
.ColGaucheIntListe .MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .FiltreMoteurOs{  text-align: left; float: none;width: auto}


.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .FiltreMoteurOs .OsWrapSelect,
.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .FiltreMoteurOs  .wrapInput input[type="text"]	{ border-color: #fff!important}
.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .FiltreMoteurOs .OsWrapSelect.DureeSemaine,
.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .FiltreMoteurOs .OsWrapSelect.DureeNuit	{ width: 100px;float: left;}
.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .FiltreMoteurOs .OsWrapSelect.DureeSemaine select,
.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .FiltreMoteurOs .OsWrapSelect.DureeNuit select{ width: 130%;}


.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .FiltreMoteurOs.LigneDate .OsWrapSelect	{  float: left; width: 15%; margin-right: 2px; }
.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .FiltreMoteurOs.LigneDate .OsWrapSelect select{ width: 150%;}
.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .FiltreMoteurOs.LigneDate .OsWrapSelect ~ .OsWrapSelect{width: 30%; }
.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .FiltreMoteurOs.LigneDate .OsWrapSelect ~ .OsWrapSelect ~ .OsWrapSelect{width: 20%; }



.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .FiltreMoteurOs .wrapInput{}

.BtRecherche{ padding-top: 5px; text-align: right}
.BtRecherche a,.BtRecherche a:link, .BtRecherche a:active, .BtRecherche a:visited{   background-color: #e9e9e9;
    background-position: center top;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    
    font-size: 16px;
    font-weight: bold;
    height: auto;
    line-height: 45px;
    margin: 0;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    transition: all 250ms ease-in-out 0s;
   /* width: 100%;*/
}

.BtRecherche a:hover{ opacity: 0.5;
 filter: alpha(opacity=50);
}
.MoteurOS table td { }

/***********************************************
	ESF
***********************************************/

.BlocEsf{
	margin-bottom: 10px;
	padding: 0px;
}
#ColGaucheInter {

}

/*.VignetteEtape3 {
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 280px;
}*/
#DecriptionShort .VignetteEtape3 { width: 140px; position: relative;}
#DecriptionShort .VignetteEtape3 img{ width: 140px;}
.VignetteEtape3 img#PhotoBig {
    width: 280px;
}
.ColIntermediaireDroite { overflow: hidden;}


.BtRechercheEsf{
	text-align: center;
	width: 100%;
	margin-top: 10px;
	padding-bottom: 5px;
}

h4 .esf-recap{ float: right; /*width: 300px; */text-align: right; font-size: 11px; color: #fff; margin-right: 5px; font-style: italic; font-weight: normal;}


.BlocPratique{ float: left;
    height: 154px;
    margin: 8px;
    padding-top: 8px;
    position: relative;
    width: 160px}

.BlocPratique span{ width: 160px;    height: 107px; overflow: hidden;display: block;-moz-border-radius: 0px 3px 0 0 ;
    -webkit-border-radius: 0px 3px 0 0 x;
    border-radius: 0px 3px 0 0 ;}
.BlocPratique div{  background: none repeat scroll 0 0 #e9e9e9;
    color: #FFFFFF;
    padding: 10px;
    text-transform: uppercase; text-align: center;

-moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;}
.BlocPratique a{ display: block; text-decoration: none;}

.BlocPratique a img, .BlocPratique a:link img, .BlocPratique a:active img, .BlocPratique a:visited img{opacity: 1;  filter: alpha(opacity=100); width: 160px;}
.BlocPratique a:hover{opacity: 0.6;  filter: alpha(opacity=60);}


Table.TableTarifs{
	/*border: 1px solid #000;*/
	width: 99%;
}	
Table.TableTarifs th{
	background-color: #444;
	color: #fff;
	font-size: 11px;
	font-weight: bold;	
	line-height: 20px;
	padding-left: 5px;
}	
Table.TableTarifs tr td{
	color: #000;
	font-size: 11px;
	font-weight: normal;	
	border-bottom: 1px dashed #999;
}

Table.TableTarifs tr td a,Table.TableTarifs tr td a:link, Table.TableTarifs tr td a:active,Table.TableTarifs tr td a:visited{}
Table.TableTarifs tr td a:hover{ color: #e9e9e9}


/* Liste cours **/
.ListeDebutCours{height: 300px; overflow-y: scroll;overflow-x: none;}


/* Element present sur la carte **/


ul.ListeLangue{ width: 218px;}
ul.ListeLangue li{ float: left; width: 49%; line-height: 20px;}

ul.ListeLangue li a, ul.ListeLangue li a:link, ul.ListeLangue li a:active, ul.ListeLangue li a: visted{}
ul.ListeLangue li a:hover{}

/* Trace  **/
#esf-trace{ display: none;}



/* Table Moteur **/
Table.OSTableRechercheEsf{
	font-size: 11px;
	width: 99%;
}

Table.OSTableRechercheEsf tr th{	
	font-weight: bold;
	width: 150px;
	text-align: left;
	border-bottom: 1px solid #ccc;
}

Table.OSTableRechercheEsf tr th.Libelle{
	color: #434343;
	background-image: url(../images/fleche-droite-moteur.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding-left: 15px;
/*	vertical-align: top;*/
}

Table.OSTableRechercheEsf tr td{border-bottom: 1px solid #ccc;}

Table.OSTableRechercheEsf tr th.Libelle.Width80{ width: 80px;}

Table.ClearTrait tr th, Table.ClearTrait tr td,Table.OSTableRecherche tr.ClearTrait td,Table.OSTableRecherche tr.ClearTrait th{ border: none;}

Table.Color tr th, Table.Color tr td,Table.OSTableRecherche tr.Color td,Table.OSTableRecherche tr.Color th{ border-bottom: dashed 1px #01A9D2;}



/*********************************************
		Message d'attente
**********************************************/

#Attente{
background: url(../images/loading-overlay-220x19.gif) center center no-repeat;
	width: 100%;
	height: 100px;
	text-align: center;	
}
#Attente .LibelleAttente{padding-top: 15px; font-weight: bold;}

#AttenteFond {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #AAAAAA none repeat scroll 0 0;
	height: 100%;
	left: 0;
	opacity: 0.3;
	filter: alpha(opacity=30);
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000;
	display: none;
}



.LigneEsf{ border-bottom: solid 1px #ccc; padding: 3px;}
.LigneEsf:hover{background-color: #ddd;}
.LigneEsf.LigneTitre, .LigneEsf.LigneTitre:hover{ background-color: #999}
.LigneEsf .LibelleLigneEsf{ float: left; width: 70%; }
.LigneEsf .BTLigneEsf{float: right;width: 30%; }

.PrixEsf{ float: right; background-color: rgba(0, 0, 0, 0.7);  text-align: right; -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
padding: 5px 10px;
margin: 5px;
white-space: nowrap;color: #fff;}

/***/

.OSTableSupplements{ padding: 10px;}

.OSTableSupplements.SupplementDossier{ padding: 10px 40px 10px 0;}


.OSTableSupplements .OSTableSupplements-tr{ border-bottom: solid 1px #eee; margin-bottom: 3px!important; padding: 3px!important;}
.OSTableSupplements .OSTableSupplements-th{ font-weight: bold; float: left; color: #FFFFFF;}
.OSTableSupplements .OSTableSupplements-td{float: left; min-height: 15px!important;}

.OSTableSupplements .Osbouton.passercommande{ margin-right: 0px}

.OSTableSupplements .OSTableSupplements-tr.EnteteSupplement{ background-color: #999; border: none; -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px; margin-top: 5px!important}

.OSTableSupplements .LibelleTabSupDescr{ width: 55%;}
.esf-section .OSTableSupplements .LibelleTabSupDescr{ width: 85%;}
.OSTableSupplements .LibelleTabSupPrix{width: 15%;}
.OSTableSupplements .LibelleTabSupNbJour{width: 15%;}
.OSTableSupplements .LibelleTabSupQt{width: 15%;}
.OSTableSupplements .LibelleTabSupTotal{width: 15%;text-align: right;}
.OSTableSupplements .LibelleTabSupTotal .TotalSupplement{background-color: rgba(0, 0, 0, 0.3); text-align: right; padding: 5px 8px;-moz-border-radius: 0px;
    -webkit-border-radius: 0px; font-size: 15px;
    border-radius: 0px; color: #fff; font-weight: bold;}
.esf-section .OSTableSupplements .LibelleTabSupTotal .TotalSupplement{ background-color: rgba(0, 0, 0, 0.7); color: #FFF }

.blocListeIco {  background-image: url("../images/infos.png");
    background-position: left top;
    background-repeat: no-repeat;
   margin: 0 0 2px;
    padding: 8px 0 9px 35px; }


.blocListeIco.Tel {   background-position: left top;}
.blocListeIco.VisiteVirtuel {   background-position: left -34px;}
.blocListeIco.Mail {   background-position: left -68px;}
.blocListeIco.Web {   background-position: left -102px;}
.blocListeIco.Plan {   background-position: left -136px;}
.blocListeIco.Fax {   background-position: left -170px;}
.blocListeIco.Adresse {   background-position: left -204px;}

/***/

#Skipass {}
.SkipassIdentification{ padding: 10px 0; }

#Skipass #OsSkipassMotPasseOublie
{
	display: none;
 background-color: #fff; padding: 5px;/* vertical-align: top;  */-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

#Skipass #OsSkipassMotPasseOublie .close {
position: absolute; top: 6px; right: 6px; width: 36px; height: 36px; overflow: hidden; text-indent: -2000em;
background: url(../images/close.png) left top no-repeat;
cursor: pointer;
}

#Skipass .Modal {
padding: 10px;
    width: 500px;
}
#exposeMask{ background-color: black!important;}

.InformationSejour{ padding: 10px 0;}

.CarteNb{ float: left; line-height: 25px;
    padding: 0 5px 0 25px; font-weight: bold;}
.SaisieCarte{float: left; padding-right: 5px;}
.CarteValide{float: left;}

.OSResultat.ListePanier{

    border: medium none;

   /* box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);*/
    font-size: 16px;
   /* margin-bottom: 10px;*/
    padding: 0px 0 0 0;
    position: relative;
    text-align: justify;
/*border-bottom: solid 1px #777777;*/
}

/**/





.TriParPrix{width: 35%; float: left; padding-top: 8px;}
#BlocCarto{ padding: 0px 0 10px 10px; }
#CartoGoogleMapLegende{ background-color: #e9e9e9; text-align: right; display: none;}
#CartoGoogleMapLegende a{ color: #fff; font-size: 11px; padding: 3px 10px; display: block;}

ul.ListeCommuneCarte{ border-top: solid 1px #ccc; margin-top: 5px;}
ul.ListeCommuneCarte li{border-bottom: solid 1px #ccc;}
ul.ListeCommuneCarte li .OSRefAppart{ font-size: 11px;}
ul.ListeCommuneCarte li a{ display: block; padding: 3px 5px;  color: #333333;}
ul.ListeCommuneCarte li a:hover{ background-color: #CCC;}

/**/
#BlocCoordonne{ padding-top: 5px;}
.BlocLienDetailHebergement{/* clear: both;*/
   position: absolute;
    right: 10px;}
#DescriptionLong .BlocLienDetailHebergement{/* clear: both;*/
   right: 0;
    top: -30px;}
.BlocLienDetailHebergement a{ -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
background-color: #e9e9e9;
color: #FFF;
padding: 5px 13px;
display: block; text-decoration: none;}

.BlocLienDetailHebergement a:hover{background-color: #000;opacity: 0.7;
  filter: alpha(opacity=70);}
.LibelleDossier{   margin: 0!important;
    padding: 5px!important;}



/***/
.OSInfo{  /*background-color: rgba(255, 255, 255, 0.5);*/
    border: medium none;
    border-radius: 3px;
/*    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);*/
    font-size: 15px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    text-align: justify; font-style: italic;

line-height: 16px;}


.BtReserveActi{padding: 0;}
.BtReserveActi a{ background-color: #e9e9e9; color: #fff; padding: 3px 8px; -moz-border-radius: 0px;    -webkit-border-radius: 0px;    border-radius: 0px; text-decoration: none; text-transform: uppercase; float: right;}
.BtReserveActi a:hover{ opacity: 0.7;  filter: alpha(opacity=70);}

.CoordonneeProprio.Image{/* float: left;*/}
/**/
#Avantages{ background-color: #C7C2BC; color: #332520; -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; padding: 5px 10px; font-size: 13px;margin: 5px;}
#Avantages .TitreBloc{margin-bottom: 5px;
    text-transform: uppercase;}
.DivWidget *{ }


.HoraireService{ }
.HoraireService .LibelleHoraireService{background-color: #000;-moz-border-radius: 5px;    -webkit-border-radius: 5px;    border-radius: 5px; padding: 5px;
color: #fff; font-weight: bold;}
.HoraireService .LigneHoraireService{ padding-top: 3px;}
.HoraireService .LigneHoraireService .HeureHoraireService,
.HoraireRestoCommune { float: left; margin: 1px;}
.HoraireService .LigneHoraireService .HeureHoraireService a,
.HoraireRestoCommune a{ background-color: #799C4B; display: block; padding: 3px 5px;-moz-border-radius: 5px;    -webkit-border-radius: 5px;    border-radius: 5px; color: #FFF; text-decoration: none;}
.HoraireService .LigneHoraireService .HeureHoraireService a:hover,
.HoraireRestoCommune a:hover{ opacity: 0.7;  filter: alpha(opacity=70); background-color: #799C4B;color: #FFF; }

.Osbouton.BtEtape2.PlusInfo{display: none;}


.LibelleHoraireRestoCommune  {float: left;
    line-height: 22px;
    padding-right: 4px;}
.frame-moteur-resto{ width: 215px; height: 150px;}

.LibelleFormuleTransport{background-color: #332520; display: block; padding: 5px 8px;-moz-border-radius: 5px;    -webkit-border-radius: 5px;    border-radius: 5px; color: #FFF; text-decoration: none; font-weight: bold;}
ul.RecapParcour{ padding: 3px 10px 10px 10px;}
ul.RecapParcour li{ line-height: 20px; border-bottom: solid 1px #ccc; padding: 0 5px;}

.LigneHoraire{background-color: #C7C2BC; display: block; padding: 5px 8px;-moz-border-radius: 5px;    -webkit-border-radius: 5px;    border-radius: 5px; color: #332520; text-decoration: none; font-weight: bold;}
.LigneHoraire .LibelleLigneHoraire{ float: left; line-height: 22px; padding-right: 5px;}
.LigneHoraire .OsWrapSelect{float: left; border: none; width: 100px;}

.TableTransport{  padding: 3px 10px 10px;}





.NbPrestaOblig{ display: inline;} 
#ResultatsHoraires{  float: right;
    padding-top: 10px;
    width: 70%;}

	
.ConditioTarif{ text-align: center;}

/**/
.None,.none{display: none;}

.bleu, .bleu h2{ font-size: 22px!important; padding-bottom: 5px;}

.orange{
	background: #f2a26d; /* Old browsers */
	background: -moz-linear-gradient(top, #f2a26d 0%, #d25400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2a26d), color-stop(100%,#d25400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2a26d 0%,#d25400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2a26d 0%,#d25400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2a26d 0%,#d25400 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2a26d 0%,#d25400 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a26d', endColorstr='#d25400',GradientType=0 ); /* IE6-9 */
}


#BlocContenu #DecriptionShort{
	padding: 10px 10px 10px 10px;
	font-size: 16px;
	border-radius: 0px;
	text-align: justify;
	background-color: rgba(255,255,255,0.5);
	box-shadow: 1px 1px 15px rgba(0,0,0,0.2);
	border: none;
margin-bottom: 10px;
position: relative;
}
#BlocContenu #DecriptionShort .NomHebeShort{ color: #e42219; font-size: 20px;}

.ColConetnuPhoto{ float: left;
    width: 39%;}
.ColConetnuDetail{    float: left;
    margin-right: 2%;
    width: 59%;}
.ColConetnuDetail.NoImage{    float: left;
    margin-right: 0%;
    width: 100%;}

a.LienCom {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    color: #e9e9e9;
    display: inline-block;
    font-size: 16px;
    margin: 5px;
    padding: 2px 5px;
    text-decoration: none;
    text-transform: uppercase;
}
.BlocContact .OsboutonIco a .observation {
    color: #E0E0E0;
    display: block;
    font-size: 9px;
    line-height: 21px0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

.ConteneurLigneDescHebe{ padding-top: 8px;}

.SaisieInfo.Dossier {
    background-color: transparent;
    border: medium none;
    /* border-radius: 5px; */
    /* box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2); */
    font-size: 15px;
    padding: 20px 10px;
    position: relative;
}
.EnteteDossier{
	background-color: #FFF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 10px 20px!important;
	margin-bottom: 10px;
	color: #2a2a2a;
	font-size: 36px;
	font-weight: 900;
	text-transform: uppercase;
	vertical-align: baseline;
	display: table-caption;
}

.PanierVide{    font-size: 25px;
    font-weight: 600;}

.TitreRecap {
    text-transform: none;
    position: relative;
    display: block;
    padding: 5px 10px!important;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.5;
    color: #333;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
	background-color: #eee;
}

.RechercheItineraire{}
.RechercheItineraire .ChampRechercheItineraire { padding: 0; margin-bottom: 0; }
.RechercheItineraire .ChampRechercheItineraire .Descritineraire {
    display: table;
    padding-top: 5px;
    width: 100%;
}
.RechercheItineraire .ChampRechercheItineraire  .InputItineraireFrom {
    display: table-cell;
    vertical-align: top;
    width: 100%;
}
.RechercheItineraire .ChampRechercheItineraire input{  background-color: #fafafa;
    border: 1px solid #eae6e3!important;
    border-radius: 0!important;
    font-size: 16px;
    height: 36px!important;
    line-height: 36px!important;
    margin-bottom: 0!important;
    max-width: 100%!important;
    padding: 0 5px!important;
    width: 100%!important;}
	
a.Osbouton.CalculItineraire{ background-color: #e9e9e9;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    padding: 0 10px;
    text-transform: uppercase;
	border: solid 1px #e9e9e9}
a.Osbouton.CalculItineraire:hover{ background-color: #e9e9e9!important; text-decoration: none;color: #fff!important;}

/**/
.VisuelCoteDossier{ background: url(../images/VisuelCoteDossier.png) left top no-repeat;
width: 320px;
height: 808px;
   margin: 0 0 20px;
   
   display: none;
}
/**/
.LVDossier{
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    padding: 10px 0;
    position: relative;
}

.LVDossier .FdLVDossier{
	position: relative; 
	display: flex;
	justify-content: center;
	width: 100%;
	z-index: 10;
}
.LVDossier .FdLVDossier:before{
	content: "";
    bottom: 0;
    content: "";
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0;}
.LVDossier .FdLVDossier:after{
	content: "";
    bottom: 0;
    content: "";
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0;}

.LVDossier .LibelleLVDossier .LibelleLvPanier{vertical-align: middle; line-height: 25px; display: inline-block; width: 100%; text-align: center; font-size: 12px; }

.LVDossier .ColLVDossier{
	display: table-cell;
	text-transform: uppercase;
	font-size: 18px; 
	position: relative;
	z-index: 2;
	vertical-align: top;
	color: #fff; 
	width: 25%;
	opacity: 1;
	filter: alpha(opacity=100);
}

.LVDossier .ColLVDossier .LibelleLVDossier .IcoEtape{  color: #fff; }

.LVDossier .ColLVDossier .LibelleLVDossier{ text-align: center; padding: 5px;color: #666; display: flex; flex-direction: column}
.LVDossier .ColLVDossier .LibelleLVDossier .IcoEtape{
display: inline-block; text-align: center; font-size: 14px; padding: 0; font-weight: bold;
vertical-align: middle;
 margin-right: 5px;}
.LVDossier .ColLVDossier .LibelleLVDossier .IcoEtape span{display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 42px;
	text-align: center;
	color: #666;
	moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #e6e6e6;
}

.LVDossier .ColLVDossier.Actif{  opacity: 1;
 filter: alpha(opacity=100); }
.LVDossier .ColLVDossier.Actif .LibelleLVDossier {
    color: #c1193f;
}
.LVDossier .ColLVDossier.Actif .IcoEtape{ color: #fff;}
.LVDossier .ColLVDossier.Actif .IcoEtape span {
    background-color: #c1193f;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
}

.LVDossier .ColLVDossier.Valide{ opacity: 1;
 filter: alpha(opacity=100);  }
.LVDossier .ColLVDossier.Valide .LibelleLVDossier{ cursor: pointer;  }
.LVDossier .ColLVDossier.Valide .IcoEtape span {
    cursor: pointer;
    position: relative;
    background-color: #414141;
    color: #fff;
}
.LVDossier .ColLVDossier.Valide.ResaAmorcee{cursor: default!important;  }

.LVDossier .ColLVDossier.E1 .LibelleLVDossier{	text-align: left;}
.LVDossier .ColLVDossier.E3 .LibelleLVDossier{	text-align: right;}

.LVDossier .ColLVDossier.E1{
	float: left;
    white-space: nowrap;
    width: 25%;
}
.LVDossier .ColLVDossier.E3{
	float: right;
    white-space: nowrap;
    width: 25%;
}
.LVDossier .FdLVDossier.InitEtape:after{ display: none!important;}

.LVDossier .FdLVDossier.EtapeTransition1:after{right: 50%;}
.LVDossier .FdLVDossier.EtapeTransition2:after{left: 50%;}

.LVDossier .FdLVDossier.EtapeTransition1:before{left: 50%;}
.LVDossier .FdLVDossier.EtapeTransition2:before{right: 50%;}

/**/

.LVDossier.AvecBoutique{}
.LVDossier.AvecBoutique .ColLVDossier.E0{
	float: left;
    white-space: nowrap;
    width: 25%;
}
.LVDossier.AvecBoutique .ColLVDossier{ width: 25%!important; }

.LVDossier.AvecBoutique .ColLVDossier.E3 .LibelleLVDossier .IcoEtape span{clear: both;}
.LVDossier.AvecBoutique .ColLVDossier.E0 .LibelleLVDossier .IcoEtape span{  clear: both;}
.LVDossier.AvecBoutique .ColLVDossier.E0 .LibelleLVDossier .LibelleLvPanier{  clear: both; width: 100%; text-align: center;}
.LVDossier.AvecBoutique .ColLVDossier.E3 .LibelleLVDossier .LibelleLvPanier{  clear: both; width: 100%; text-align: center;}


.LVDossier.AvecBoutique .FdLVDossier.EtapeTransition0:after{right: 60%;}
.LVDossier.AvecBoutique .FdLVDossier.EtapeTransition1:after{right: 35%;}
.LVDossier.AvecBoutique .FdLVDossier.EtapeTransition2:after{left: 50%;}

.LVDossier.AvecBoutique .FdLVDossier.EtapeTransition0:before{left: 40%;}
.LVDossier.AvecBoutique .FdLVDossier.EtapeTransition1:before{left: 65%;}
.LVDossier.AvecBoutique .FdLVDossier.EtapeTransition2:before{right: 50%;}

/*.LVDossier.AvecBoutique .ColLVDossier .LibelleLVDossier .IcoEtape span{ float: right;}
.LVDossier.AvecBoutique .ColLVDossier .LibelleLVDossier .LibelleLvPanier{float: right; width: 100%;}*/


/*.LVDossier .ColLVDossier.E3.Actif{ background-image: url(../images/interface/LV-panier-coin-actif-last.png); }*/





#AncreTypePaiement span,
#AncreTypePaiement a{ display: none;}

.OSResultat.DetailBoutique{ padding-top: 10px;}

/* */
	.DossierOS .EnteteSection.ItemValider{
background: url(../osimg/titre-ico-valider.png) 5px center no-repeat #4FA50A;
padding-left: 35px;
-moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

	
	
.TxtMuseoDossier{	

}
.TxtMuseoDossier .OsInstruction{	 background-color: #fff;
    border-radius: 20px;
    color: #2a2a2a;
    font-size: 20px;
    font-weight: 900;
    padding: 10px 10px 30px!important;
    text-transform: uppercase;
    vertical-align: baseline;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.TxtMuseoDossier .OsInstruction .OsTxtInfoIntruction{font-weight: normal; font-size: 16px;
text-transform: none;
display: block;}

.TxtMuseoDossier .OsInstruction.OsTermine{
	background-color: #4FA50A!important;
	color: #fff;
	padding: 10px!important;
}
.RassuranceDossier {
    margin-bottom: 15px;
    padding: 10px;
    font-style: italic;
    margin-top: 1px;
    text-align: left;
    font-size: 15px;
    line-height: 21px;
}
.SansMontant .RassuranceDossier{ margin: 5px;}
.RassuranceDossier a{ text-decoration: underline;}

.UnVendeurGroupesPaiement .RassuranceDossier{ margin: 0; border: 0; background-color: transparent; text-align: left; padding: 0 10px 20px 10px;}
.SectionPanierValide .RassuranceDossier{ background: transparent; border: none; text-align: left; margin: 0; padding: 0;}

.RassuranceDossier.ApresVente{color: #fff;font-size: 11px;
padding: 5px;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
background-color: #F17010;
color: #fff;

 margin: 5px 0 0 0;

border: none;
}


.ConteneurMontantPaiement{  /*background-color: rgba(241, 112, 16, 0.2);    padding: 0px;margin-top: 0px; */
/*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/}
.UnVendeurGroupesPaiement .ConteneurMontantPaiement{ margin: 0px 0 0px 0;}

.BlocOSTotalAcompte.PrixTotalPaiement{margin-bottom: 10px;
 border-top: 1px solid #fff;
 padding: 10px 20px; 
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.BlocOSTotalAcompte.PrixTotalPaiement .TotalAcompte{font-size: 27px; padding: 0}
.BlocOSTotalAcompte.PrixTotalPaiement .LibelleAcompte{font-size: 22px;padding: 0}

.UnVendeurGroupesPaiement .RassuranceDossier{ margin: 0; border: 0; background-color: transparent; text-align: left; display: table-caption; }
.SectionPanierValide .RassuranceDossier{ background: transparent; border: none; text-align: left; margin: 0; padding: 0;}
	

.UnVendeurGroupes.SectionPanier {
    margin: 0;
    padding: 20px;

}
.UnVendeurGroupesPaiement .SectionPanier {
    margin-bottom: 0;
    padding: 0 0 20px;
}
/* */
.ItemBTValider{
	margin: 0px;  
	background-color: #4FA50A; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;  
	border-radius: 5px; 
	padding: 5px;
	position: relative;
}
.ItemBTValider .IcoValider{ background: url(../osimg/sprite-ico-valider.png) left center no-repeat; height: 36px; width: 40px; float: left;}
.ItemBTValider .TxtValider{ text-transform: uppercase; font-size: 16px; font-weight: bold; text-align: left; color: #FFF;}

.ItemBTValider .IcoValider{ background-position: 0 0;}


.ItemBTValider.EtatErreur{ background-color: #bf0000;}
.ItemBTValider.EtatErreur .IcoValider{background-position: 0 -38px;}

.UnVendeurGroupes.SectionPanier{
	padding: 20px 0;
	margin: 0;
	-moz-border-radius: 0px!important;
	-webkit-border-radius: 0px!important;
	border-radius: 0px!important;
}

.DetailCoordonneeClient .ModifierCoordonnee {}
.BtModifCoodonneePanier {
    text-align: right;
    position: absolute;
    width: 220px;
    right: 0;
    bottom: 0;
    font-size: 13px;
}
.BtModifCoodonneePanier .ModifierCoordonnee,
.BtModifCoodonneePanier .ModifierPanier{ padding: 0 15px 20px 0;
 white-space: nowrap;}

.LignePaiementValide{
	background-color: rgba(79, 165, 10,.2)!important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: none;
	padding: 8px;
	margin-top: 5px;
}	
.LignePaiementValide .ColGaucheLignePaiementValide{width: 68%; float: left;}	
.LignePaiementValide .ColDroiteLignePaiementValide{ width: 30%; float: right;}

.TitreLivraison{ font-weight: bold;padding: 5px 0;}
.DetailLivraison {
    font-size: 15px;
    line-height: 21px;
    color: #000;
}

.UnVendeurGroupesPaiement .BlocOSTotalAcompte .LibelleAcompte{font-size: 25px;}
.UnVendeurGroupesPaiement .BlocOSTotalAcompte .TotalAcompte{ font-size: 30px;}

.OSTablePanier td.tdAdresseLivraison{ background-color: #c7c7c7;}
.OSTablePanierListe .TitreLivraison a {
    display: inline-block;
    margin-left: 10px;
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
    float: right;
    font-size: 13px;
    text-align: right;
    text-transform: none;
}



.ModifierCoordonnee a,
.ModifierPanier a{ color: #000000; text-decoration: underline; font-weight: bold;}

.ModifierCoordonnee a:hover,
.ModifierPanier a:hover{ text-decoration: none; }

.ColGaucheIntListe{ width: 21%; float: left;}
.ColDroiteIntListe{width: 76%; float: right; position: relative;}

.ColGaucheIntListe .MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs{ width: 100%; border-bottom: solid 1px #000; margin: 0; padding: 0;  clear: both;
}
.RassuranceTexte
{ width: 100%; border-bottom: solid 1px #000; margin: 0; padding: 0;  clear: both;
background-color: #f3f3f4;}
.RassuranceTexte.Blanc{background-color: #fff;}


.ColGaucheIntListe .MoteurOS{ padding: 0}

.ColGaucheIntListe .MoteurOS input[type="checkbox"],
.ColGaucheIntListe .MoteurOS input[type="radio"]{ display: none;}
.ColGaucheIntListe .MoteurOS label{ display: inline-block; }

.ColGaucheIntListe .MoteurOS .BlockCheckActive label
{background: url("../images/sprite-check.png") no-repeat scroll left -82px rgba(0, 0, 0, 0);}
.ColGaucheIntListe .MoteurOS label{
  background: url("../images/sprite-check.png") no-repeat scroll left 1px rgba(0, 0, 0, 0);
padding-left: 20px; }

.ColGaucheIntListe .MoteurOS .Actif .BlocRadioFiltrePrix{line-height: 20px;}
.ColGaucheIntListe .MoteurOS .BlocRadioFiltrePrix a{ color: #000; display: block; text-decoration: none;}
.ColGaucheIntListe .MoteurOS .BlocRadioFiltrePrix a:hover{ font-weight: bold;text-decoration: none;}


.ColGaucheIntListe .MoteurOS .BlocRadioPrix.BlocRadioActive label,
.ColGaucheIntListe .MoteurOS .Actif .BlocRadioFiltrePrix a
{ background: url("../images/sprite-radio.png") no-repeat scroll left -82px rgba(0, 0, 0, 0); }

.ColGaucheIntListe .MoteurOS .BlocRadioPrix label,
.ColGaucheIntListe .MoteurOS .BlocRadioFiltrePrix a{
background: url("../images/sprite-radio.png") no-repeat scroll left 1px rgba(0, 0, 0, 0);
padding-left: 20px;}


.ColGaucheIntListe .MoteurOS .BlocRadioFiltrePrix.BlocRadioPrixFiltreIndifferent a{
background: url(../images/bt-delete.png) no-repeat scroll 3px center rgba(0, 0, 0, 0);
padding-left: 20px;}


 

.ColGaucheIntListe .MoteurOS label:hover{ font-weight: bold;}
.ColGaucheIntListe .MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .LibelleMoteurOs{ font-size: 15px; color: #000; text-transform: uppercase; padding: 5px 10px;margin: 0;font-weight: bold;
    line-height: 21px8px;}
.LibelleRassuranceText{ font-size: 16px; color: #000; text-transform: uppercase; padding: 5px 10px;margin: 0;font-weight: bold;
    line-height: 21px8px;}
.ColGaucheIntListe .MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .FiltreMoteurOs{ padding: 0px 10px 10px 10px;margin: 0;}
.DescrRassuranceText{ padding: 0px 10px 10px 10px;margin: 0; font-size: 12px; color: #939598;}
.DescrRassuranceText br { margin-bottom: 15px;}

.ColGaucheIntListe .MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs.ThemeSejour{ background-color: #f3f3f4;}
.ColGaucheIntListe .MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs.ThemeSejour label{ background: none;padding-left: 0px;}
.ColGaucheIntListe .MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs.ThemeSejour label span{ display: inline-block; padding-left: 3px;}
.ColGaucheIntListe .MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs.ThemeSejour label:before{ content: ">";}
.ColGaucheIntListe .MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs.ThemeSejour .LibelleMoteurOs{ background-color: #6d6e71; color: #FFF; }
.ColGaucheIntListe .MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs.ThemeSejour .FiltreMoteurOs{ padding-top: 5px;}
.BlocBoutonReinitialiserFiltres a:hover{ color: #6D6E71!important;}

.BlockCheckActive,
.BlocRadioActive,
.ColGaucheIntListe .MoteurOS .Actif .BlocRadioFiltrePrix a,
.BlocBoutonReinitialiserFiltresActif, .BlocBoutonReinitialiserFiltresActif a, .BlocBoutonReinitialiserFiltresActif a:hover{     color: #e9e9e9!important;
 font-weight: bold!important;
}
.ColGaucheIntListe .MoteurOS .Actif .BlocRadioFiltrePrix.BlocRadioPrixFiltreIndifferent  a {     color: #000;}



.Cartouche{  padding: 20px 0;}
.Cartouche .CartoucheDroite{ width: 30%; float: right; padding-top: 50px;   text-align: justify;     font-size: 16px;
    font-weight: bold;}
.Cartouche .CartoucheGauche{ width: 65%; float: left;}
.Cartouche h2{
	color: #e9e9e9;
	font-size: 40px;
	font-weight: normal;
	line-height: 44px;
	margin: 0 16px 14px 0!important;
	text-transform: uppercase;
	vertical-align: top;
}

.devis{
	background: url(../images/bt-preresa.png) left top no-repeat #e42219;
	display: block; 
	color: #FFF!important;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	height: 36px;
	line-height: 36px;
	font-size: 15px;
	padding: 0 10px 0 32px;
	display: inline-block;
}
.devis.bas{ float: left;}

.CartoucheDroite .devis{ display: block!important;}


.BlocTripAdvisor{ padding: 10px 0 }
.BlocTripAdvisor a{ color: #000; text-decoration: none; border: solid 1px #72b339; display: block; padding: 10px 10px 10px 85px;
background: url(../images/tripadvisor.png) 10px center no-repeat!important;}
.BlocTripAdvisor a:hover{ font-weight: bold;}

.ShareThis{ float: right;}
.ShareThis .stButton{ float: left; margin: 0;}

.ShareThis .st_facebook_large .stLarge{
	background: url(../images/ico-fb.gif) center center no-repeat!important;
	width: 26px;
	height: 24px;
}
.ShareThis .st_email_large .stLarge{
	background: url(../images/ico-mail.gif) center center no-repeat!important;
	width: 26px;
	height: 24px;
}
#print{
	background: url(../images/ico-print.gif) center center no-repeat!important;
	width: 26px;
	height: 24px;
	float: left;
	display: block;
	text-indent: -5000px;
   margin-left: 3px;
    margin-right: 3px;
}
a#agrandir,a#diminuer{
	width: 26px;
	height: 24px;
	float: left;
	display: block;
   margin-left: 3px;
    margin-right: 3px;
text-transform: uppercase;
font-size: 20px;
text-decoration: none;
font-weight: bold;
color: #999999!important;
white-space: nowrap;

}

/**/
.OSListeResultat.BilletFnac{}
.OSListeResultat.BilletFnac .OSResultat .DescrBilletFnac{ padding: 10px; width: 50%; float: left;  color: #999!important;
   font-size: 13px;}
.OSListeResultat.BilletFnac .OSResultat .DescrBilletFnac .LieuBillet{ padding-top: 20px; }
.OSListeResultat.BilletFnac .OSResultat .DescrBilletFnac .DescrBilletFnacBt{float: right;}
.OSListeResultat.BilletFnac .OSResultat .DateBillet{   display: block;
    font-size: 13px;
    font-weight: 600;
    padding: 0 0 5px!important;}
.OSListeResultat.BilletFnac .OSResultat .TypeSpectacleBillet{ color: #474747;
    
    font-size: 14px;
    line-height: 24px;}


.OSListeResultat.BilletFnac .OSResultat .ChapoE2 { padding: 10px; width: 50%; float: left;}
.OSListeResultat.BilletFnac .OSResultat.Liste h2{  color: #474747;
    display: block;

font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 23px;
    margin: 0!important;
    padding: 0 0 5px 0!important;
    text-transform: capitalize;
	    height: auto;}
.OSListeResultat.BilletFnac .OSResultat .TarifsIndicatifs{
    background-color: transparent;
    color: #e5002d;
    float: right;
    padding: 0;
    text-align: right;
    width: auto;
}
.OSListeResultat.BilletFnac .OSResultat .TarifsIndicatifs .PrixIndicatif {
    font-size: 16px;
    font-weight: bold;
}
.OSListeResultat.BilletFnac .OSResultat.Liste{ height: 160px;}

.OSListeResultat.BilletFnac .OSResultat.Liste .devis {
    background: url("../images/bt-preresa.png") no-repeat scroll left center #e42219;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    padding: 0 8px 0 32px;
    text-decoration: none;
    text-transform: uppercase;
/*letter-spacing: -0.3px;*/
}
#MargeContenuInterieur{ position: relative;
 margin: 0 auto;
    width: 100%;}

.FiltreCaractMeuble{ display: none;}
.MetierMeuble .FiltreCaractMeuble{ display: block;}

.OSTablePanierListe .OsPresentationVendeur{  display: block;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;}
.OSTablePanierListe .OsNomVendeur{display: block;}

a.ActiveBoxyCarteWidget,
a.ActiveBoxyCarte{ display: inline-block;
/*    padding-left: 5px;*/
    position: absolute;
	background: none transparent!important;
	padding: 0 0 0 5px;}
a.ActiveBoxyCarteWidget span,
a.ActiveBoxyCarte span{ font-size: 0!important; display: inline-block!important; background: url(../images/ico_localisation.png) center center no-repeat!important; width: 20px!important;height: 20px!important;}



.BlocInfoResa{ border: solid 1px #10b8cd; background: url(../images/ico-tel.png) right center no-repeat #fff;  position: absolute;
    right: 0;
    top: -20px;}
.MargeInfoResa{ padding: 10px 60px 1px 10px}
.LibelleInfoResa{ font-size: 16px;
    font-weight: bold;color: #000; text-transform: uppercase; line-height: 9px;letter-spacing: -0.3px;}
.DescrInfoResa{ font-size: 27px;color: #10b8cd; font-weight: bold;  letter-spacing: -0.5px; padding-top: 3px;}
.DescrInfoResa a, .DescrInfoResa a:hover{ text-decoration: none; color: #10b8cd!important} 


.DescrHebeHover{ background-color: rgba(0,0,0,.5); color: #FFF; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
 display: none; }
.DescrHebeHover .MargeDescrHebeHover{ padding: 10px; font-size: 16px;}

    #ANoter{ padding: 10px 30px; background-color: #F3F3F4; border-left: solid 5px #e9e9e9; margin-top: 10px;  text-align: justify;}
    #ANoter strong, 
    #ANoter font{ color: #e9e9e9!important; font-size: 15px!important; }

.TitreDetailLigneVie{ display: none;}

.BlocRadioThemeIndifferent{ display: none;}

        .BlocVideoYoutube{ background: url(../images/visuel-video.jpg) left top no-repeat; width: 200px; height: 139px; position: relative;}
        .BlocVideoYoutube .MiniatureVideoYoutube{ position: absolute;width: 200px; height: 113px; overflow: hidden; top: 13px; left: 0;}
        .BlocVideoYoutube .MiniatureVideoYoutube img{ width: 200px;}
        .BlocVideoYoutube .BtVideoYoutube {position: absolute; left: 0; top::0; right: 0; bottom: 0;}
        .BlocVideoYoutube .BtVideoYoutube a{ display: block;}
.BlocVideoYoutube .BtVideoYoutube a:hover{ opacity: 0.5;
  filter: alpha(opacity=50);}
        .BlocVideoYoutube .BtVideoYoutube img{}



.ResetFiltreAll {
    border-bottom: 1px solid #000;
    clear: both;
    margin: 0;
    padding: 5px;
    width: 100%;
}

/* Langue */
.OsLangueuk  #PageHaut{   right: 0px;}



/**/
.MetierHebe .Chapo .TitreChapo{     
border-bottom: solid 1px #000;
margin-bottom: 60px!important;
    padding-bottom: 3px!important;
}
.MetierHebe .OpenCarto{ top: -40px!important}
.MetierHebe .OpenCarto a{color: #fff;
    display: block;
background: url(../images/ico-carte-hebe.png) 5px center no-repeat #e9e9e9;
height: 30px;
line-height: 30px;
text-transform: none; padding: 0 5px 0 30px;
text-decoration: none;
text-align: center;
font-weight: normal;
font-size: 15px;}

.MetierHebe .ItemFiltre {    border-bottom: 1px solid #ccc;}
.MetierHebe .ItemFiltre.MetierHebeMenu{    border-bottom: none;}


.MetierHebe .ItemFiltre .LibelleItemFiltre{line-height: 30px;text-align: center;}
.MetierHebe .ItemFiltre .MoteurItemFiltre{padding: 0 10px 15px 10px!important;}
.MetierHebe .ItemFiltre .MoteurItemFiltre {    padding: 0 0 15px!important;}

.MetierHebe a.OsBtnEnvoi,.MetierHebe a.OsBtnEnvoi:link,.MetierHebe a.OsBtnEnvoi:active,.MetierHebe a.OsBtnEnvoi:visited{ font-size: 12px!important;}

.MetierHebe .Cartouche .CartoucheDroite,
.MetierHebe .ColDroiteInt{ width: 25%; float: right;}
.MetierHebe .Cartouche .CartoucheGauche,
.MetierHebe .ColGaucheInt{ width: 70%;float: left;}

#Acces{
	float: right;
    padding: 0;
    width: 49%;
}

.MetierHebe .RechercheItineraire .ChampRechercheItineraire span{ display: block; }
.MetierHebe .GPS{display: none; }
.MetierHebe #CartoEtape3{ border: none;}

.MetierHebe .OsOngletItem .TitreBloc {

	
	 display: none;
}
.TitreLocalisation {
    background: none;
    border-bottom: none;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
text-transform: uppercase;
    padding: 0px 0 10px 0;
}

.MetierHebe #DetailService.OsOngletItem ,
.MetierHebe .Labels.OsOngletItem
{}

	#DetailService{
		clear: left;
    float: left;
    padding: 0 10px 0 0;
    width: 50%;
}

.MetierHebe .Cartouche .CartoucheDroite{ padding-top: 15px;}
.MetierHebe .ColDroiteInt{ margin-top: 20px;}

.MetierHebe .LienAncreWidget .devis{ display: block; text-decoration: none; text-align: center;}
.MetierHebe .LienAncreWidget { padding-bottom: 25px;}
.MetierHebe .Cartouche h2{  color: #e9e9e9;
    display: block;

font-weight: 700;
    margin: 0;
    text-transform: uppercase;
	 font-size: 30px;
    line-height: 38px;
	padding-bottom: 10px;}
/**/

.LibelleWidgetProduit{ background-color: #999999; color: #FFF; font-size: 15px; font-weight: bold; padding: 5px 10px;
float: left; width: 100%; margin-top: 15px; text-transform: uppercase;}

#ListeTriSelect {
    left: 0;
    position: absolute;
    top: -37px;
    z-index: 1;
}

.ListeInfo li:before{content: "-"; padding-left: 5px;}

/****/
.FlagLangue{ 
   height: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
    position: relative;
}

.OsLangueuk .FlagLangue .FlagLangueUk,
.OsLanguefr .FlagLangue .FlagLangueFr{ display: none;}

.FlagLangue .FlagLangueFr,
.FlagLangue .FlagLangueUk{ position: absolute; top: 5px; right: 5px;}

.Uppercase{ text-transform: uppercase!important;}

.FiltreSituationAffinage{ position: relative;}
.FiltreSituationAffinage .OsWrapSelect{ margin-right: 25px!important;    width: auto!important}
.FiltreSituationAffinage .ActiveBoxyCarte{ position: absolute!important; right: 0!important; top: 3px!important; left: inherit!important; padding: 0!important}

#ZoneDossier{
	padding: 0;
	width: 100%;
	margin: 0 auto;
	display: table;
	line-height: 20px;
}

.TableListePanier{ display: table;width: 100%;}
.TableListePanier .TableListePanier-tr{  
	border-bottom: 1px solid #eee;
    display: table;
    padding: 5px 0;
    width: 100%;
}
.TableListePanier .TableListePanier-tr .TableListePanier-td {
    display: block!important;
    width: 100%!important;
}
.TableListePanier .TableListePanier-tr .TableListePanier-td.BtListePanier {
    text-align: right;
    width: 45px!important;
    vertical-align: bottom;
    position: absolute;
    top: 0;
    display: inline-block!important;
    right: 0;
}
.Panier.Boutique .TableListePanier .TableListePanier-tr .TableListePanier-td {
    display: flex!important;
    width: 100%!important;
    flex-flow: row wrap;
}
.Panier.Boutique .OSResultat.ListePanier .TableListePanier .TableListePanier-tr .TableListePanier-td {
    display: flex!important;
    flex-flow: row wrap;
}
.Panier.Boutique .DecriptifProduitPanier {
    width: 100%;
    float: left;
    padding: 0 0 10px 0;
    flex-flow: row wrap;
}
.Panier.Boutique .PrixUnitBoutique {
    float: left;
    width: 15%;
    padding: 0;
    margin-right: 1%;
    flex-flow: row nowrap;
    align-self: center;
}
.Panier.Boutique .TableListePanier .TableListePanier-tr .TableListePanier-td.BtListePanier {
    text-align: right;
    width: 45px!important;
    vertical-align: bottom;
    position: relative;
    bottom: auto;
    display: inline-block!important;
    right: 0;
}
.Panier.Boutique .QtBoutique {
    width: 20%;
    padding: 5px;
    margin-right: calc(64% - 45px);
    box-sizing: border-box;
}

.Panier.Boutique .PrixUnitBoutique strong{ font-weight: 400;}
.Panier.Boutique .OSResultat.ListePanier .TableListePanier .TableListePanier-tr .TableListePanier-td.PrixListePanier {
    display: block!important
}
.BlocOSTotal {
    margin: 10px 0!important;
    padding: 10px!important;
}
.TableListePanier .TableListePanier-tr .TableListePanier-td.PrixListePanier {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    width: 100%;
    vertical-align: bottom;
    padding: 10px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #fff!important;
    margin: 10px 0;
    float: left;
}
.TableListePanier .TableListePanier-tr .TableListePanier-td.BtListePanier{text-align: right;width: 45px;  vertical-align: bottom;}

.TableListePanier .TableListePanier-tr .TableListePanier-td .MaxHeightProduit{
    display: table;
    height: 100px;

    width: 100%;
} 
.TableListePanier .TableListePanier-tr .TableListePanier-td .MaxHeightProduit .VerticalAlign{     vertical-align: bottom;
    display: table-cell;    padding: 10px;}
.TableListePanier .TableListePanier-tr .TableListePanier-td.BtListePanier .MaxHeightProduit .VerticalAlign{  

vertical-align: bottom;}
	
.TableListePanier.SupplementDossier  .TableListePanier-tr .TableListePanier-td .MaxHeightProduit{
 height: inherit!important;
}
.TableListePanier.SupplementDossier .TableListePanier-tr .TableListePanier-td.LibelleListePanier{vertical-align: middle;}



body a.BtnDossierBleu, body a.BtnDossierBleu:link, body a.BtnDossierBleu:active, body a.BtnDossierBleu:visited,
.BtnDossierBleu{
	-moz-border-radius: 0px!important;
	-webkit-border-radius: 0px!important;
	border-radius: 0px!important;
	font-weight: 300!important;
	line-height: 40px!important;
	padding: 0 12px!important;
	display: inline-block;
	text-align: center!important;
	text-decoration: none;
	color: #fff!important;
	background-color: #333;
	-moz-transition: all 350ms ease;
	-o-transition: all 350ms ease;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	position: relative;
}

body .BtnProduit.ModifProduit a.BtnDossierBleu, body .BtnProduit.ModifProduit a.BtnDossierBleu:link, body .BtnProduit.ModifProduit a.BtnDossierBleu:active, body .BtnProduit.ModifProduit a.BtnDossierBleu:visited, .BtnProduit.ModifProduit .BtnDossierBleu {
    background-color: #C1193F;
    color: #ffffff!important;
    padding: 8px 25px 8px 45px!important;
    line-height: 21px!important;
    font-style: italic;
    font-weight: 400!important;
}

body .BtnProduit.ModifProduit  a.BtnDossierBleu:before,
body .BtnProduit.ModifProduit .BtnDossierBleu:before, 
body a.BtnDossierBleu:after,
body .BtnDossierBleu:after{
	display: inline-block;
	font: normal normal normal 14px/40px FontAwesome;
	font-size: 20px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
    color: #fff;
}

body .BtnProduit.ModifProduit  a.BtnDossierBleu:after,
body .BtnProduit.ModifProduit  .BtnDossierBleu:after{ display: none;}

body .BtnProduit.ModifProduit  a.BtnDossierBleu:before,
body .BtnProduit.ModifProduit  .BtnDossierBleu:before{content: "\f040";
font: 20px/40px FontAwesome;
    left: 20px;
    position: absolute;
    top: 0;}

body .SupprProduit a.BtnDossierBleu:after,
body .SupprProduit .BtnDossierBleu:after{content: "\f1f8";}

body .InfoProduit a.BtnDossierBleu:after,
body .InfoProduit .BtnDossierBleu:after{content: "\f0c9";}

body .BtnDossierBleu:hover, a.BtnDossierBleu:hover, .BtnProduit.ModifProduit a.BtnDossierBleu:hover {
    background-color: #e9e9e9;
    color: #333!important;
}

.BtnProduit{ padding-top: 5px;}
.TableListePanier .TableListePanier-tr .TableListePanier-td.BtListePanier .BtnProduit:last-child{ padding-bottom: 0px;}

.TitreCouleurPanier{ color: #e9e9e9; font-size: 16px; font-weight: 700;}
.PrixUnitQT{ font-style: italic;}

.OsContactCommune .attente {
	background-color: #fff;
	background-image: url("../images/loading-commune.gif") !important;
	background-position: 15px center !important;
	background-repeat: no-repeat !important;
	bottom: 0 !important;
	height: 37px !important;
	top: 0;
	line-height: 37px;
	width: 100% !important;
	border-radius: 0;
	border: 1px solid #ccc;
}

.ConteneurCGV-BTPaiement{display: table; width: 100%;
padding: 5px;
background-color: #e9e9e9;}
.LogoCartePaiement .TitleLogoCarte{ padding: 5px 0 10px 10px;text-align: center!important;} 
.LogoCartePaiement{ 
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	width: 270px;
	float: right;
}
.LogoCartePaiement .ImgCartePaiement{background: url(../images/logo-carte.png) center bottom no-repeat;
width: 100%;
height: 63px;
}

.LogoCartePaiement .ImgCartePaiement.PayBox{ background-image: url(../images/logo-carte-paybox.png)!important;}
.LogoCartePaiement .ImgCartePaiement.Atos{}

.LibelleSectionPanier{
	font-size: 16px;
	text-transform: uppercase; 
	color: #464646;
	border-bottom: solid 1px #777777; 
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 20px;
}


.OsHidden{ visibility: hidden;}

.OsNone{ display: none;}

.OsBoutonPaiementAtos{  
	padding: 0;
	width: 260px!important;
	position: absolute;
	right: 10px; top: -115px;
	color: #FFF;
	line-height: 14px;
}
.OsBoutonPaiementAtos br{ display: none!important;}
.OsBoutonPaiementAtos form div{ padding-bottom: 5px}
.OsBoutonPaiementAtos form div:last-child{ background-color: #FFF; padding: 9px 0px;}
.OsBoutonPaiementAtos form div:last-child img{ width: 15px!important}

.BigBtRetour{}
.BigBtRetour a{
	display: block;
	width: 128px;
	height: 128px;
	background: url(../images/fond-big-bt-retour.png) left top no-repeat;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}
.BigBtRetour a:hover{ opacity: 0.5;
 filter: alpha(opacity=50);}
.BigBtRetour a span{ display: inline-block;
padding-top: 98px;}



.TitreSection {
    color: #000;
}
.TitreSection .contenuTitreSection{
	max-width: 1170px;
	width: 100%;
  font-size: 30px;
    padding: 20px 30px;
	margin: 0 auto;}
	
.ItemOffre .ItemOffreGauche {
    cursor: pointer;
    display: inline-block;
    width: 35%;
    max-height: 120px;
    height: 120px;
    float: left;
}
.ItemOffre .ItemOffreGauche .contenuItemOffreGauche {
    height: 120px;
    position: relative;
    text-align: center;
}
.ItemOffre .ItemOffreGauche .contenuItemOffreGauche img {
    height: calc(100% - 20px);
    margin: 10px;
    object-fit: contain;
    vertical-align: middle;
    width: auto;
    max-width: calc(100% - 20px);
}
.ItemOffre .ItemOffreDroite {
    border-top: medium none;
    display: inline-block;
    vertical-align: top;
    width: 65%;
    float: left;
}
.ItemOffre .BtOffre{
	cursor: pointer;
    white-space: nowrap;
    margin: 0 auto;
    text-decoration: none;
    transition: color 0.14s,background-color 0.14s;
    border: none;
    background-color: #7bbf2c;
    color: #fff;
    text-align: center;
    display: inline-block;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 8px 25px;
    font-size: 15px;
    line-height: 21px;
    text-transform: uppercase;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 400;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.ItemOffre .ItemOffreDroite .contenuItemOffreDroite {
    padding: 10px;
    text-align: left;
}
.ItemOffre .ItemOffreDroite .TitreNomListe {
    color: #474747;
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin: 0!important;
    padding: 0!important;
    text-transform: uppercase;
}
.ItemOffre .ItemOffreDroite .DescrNomListe{display: none;}	
.ItemOffre .ItemOffreDroite .CoordonneBoutique{}	
.ItemOffre .ItemOffreDroite .PresentationBoutique{}	

.PiedOffre{ background-color: #eee;     border: 1px solid #cdcdcd;}
.PiedOffre .contenuPiedOffre{display: table;
    width: 100%;}
.tarifFnac{  display: table-cell;
    padding-left: 20px;
    width: 100%;}
.ItemBtFnac{   display: inline-block;
    width: 100%;}
	
.tarifFnac .PrixIndicatif {font-size: 22px!important;
    font-weight: bold!important;
    padding-right: 5px;
    position: relative;
	color: #e9e9e9;
}
.BtFnac{
	background: #e9e9e9none repeat scroll 0 0;
	border: 1px solid transparent;
	border-radius: 0;
	color: #ffffff;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.5px;
	line-height: 21px8px;
	padding: 16px 22px;
	text-align: center;
	text-decoration: none;
	transition: all 350ms ease 0s;
	white-space: nowrap;
}
a:hover .BtFnac{ opacity: 0.5;
 filter: alpha(opacity=50); }
	

.SaisieInfo .Ligne .OSCritere, 
span.saisiecp,
span.saisieville {
    position: relative;
}
.SaisieInfo .Ligne.ChampTel .OSCritere,
.SaisieInfo .Ligne.ChampMobile .OSCritere,
.SaisieInfo .Ligne.ChampEmail .OSCritere,
.SaisieInfo .Ligne.ChampVerifEmail .OSCritere{padding-right: 0;    }

.SaisieInfo .Ligne.ChampTel .OSCritere:after, .SaisieInfo .Ligne.ChampMobile .OSCritere:after, .SaisieInfo .Ligne.ChampEmail .OSCritere:after, .SaisieInfo .Ligne.ChampVerifEmail .OSCritere:after {
    background-color: #fff;
    color: #C1193F;
    font-family: 'FontAwesome';
    font-size: 18px;
    font-weight: normal;
    line-height: 21px;
    padding: 0;
    text-align: center;
    position: absolute;
    top: 2px;
    right: 1px;
    bottom: 1px;
    height: 35px;
    line-height: 35px;
    width: 42px;
}

.SaisieInfo .Ligne.ChampTel .OSCritere:after{content: "\f095";}
.SaisieInfo .Ligne.ChampMobile .OSCritere:after{content: "\f10b";
font-size: 30px;
}
.SaisieInfo .Ligne.ChampEmail .OSCritere:after,
.SaisieInfo .Ligne.ChampVerifEmail .OSCritere:after{content: "\f0e0";}

/******* ************/
::-webkit-input-placeholder {
   color: #555;
font-style: normal;
}
: -moz-placeholder { /* Firefox 18- */
   color: #555;
font-style: normal;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #555;
font-style: normal;
}
: -ms-input-placeholder {  
   color: #555;
font-style: normal;
}

/***/
.ChampAdresse2 ::-webkit-input-placeholder{  
  color: #555!important;}
.ChampAdresse2 : -moz-placeholder{  
  color: #555!important;}
.ChampAdresse2 ::-moz-placeholder{  
  color: #555!important;}
.ChampAdresse2 : -ms-input-placeholder {  
  color: #555!important;}




/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.OsWrapSelect select, .OsProduit.api .OsMoteurResultat .OsWrapSelect select, .OsProduit.api .OsMoteur .OsMoteurCriterisation .OsWrapSelect select.OsMoteurCombo, .OsProduit.api .TableHotel .TableHotel-Tr.Ligne .Chambre .OsWrapSelect select.OSCombo, .OsPanierPopIn.os-overlay .BlocSupplement .Quantite .OsWrapSelect select, body .OsWrapSelect select, body .OsWrapSelectOverlay select, body .PanneauAge select{padding-right: 12px!important;}

}