@charset "utf-8";
/* CSS Document */



@media screen and (max-width: 589px) {
#BlocFooter #Signature{ position:initial!important; padding:0!important; text-align:center!important}

.BlocOSTotal .TotalResa .PrixBarreDossier{ text-align:center!important;
left:0!important; right:0!important; } 
.BlocOSTotal.Recap .LibelleTotalResa{ text-align:center!important; float:none!important; line-height:inherit!important; text-align: center!important;}
.BlocOSTotal.Recap .TotalResa{ padding:0!important}
/**/
.OSTablePanierListe tr{ position:relative}
.OSTablePanierListe td,.OSTablePanierListe th{ border:none}
.OSTablePanierListe td.tdLibelle {    padding-bottom: 35px;}
.OSTablePanierListe td.tdPrix {   border: medium none;
    bottom: 0;
    left: 0;
    padding: 8px 0;
    position: absolute;
    width: 100%;}
.BlocOSTotalAcompte .LibelleNomFournisseur,
.BlocOSTotalAcompte .LibelleAcompte,
.BlocOSTotalAcompte .TotalAcompte,
.BlocOSTotal.Panier .LibelleTotalResa,
.BlocOSTotal .TotalResa { width:100%!important; text-align:center!important;}

.BlocOSTotal.Panier {    background-color: #888888;    color: #fff;    margin: 1px 0 0 0;}

.BlocOSTotalAcompte.SousTotalPanier .TotalAcompte {
    background-color:transparent;
color:#333;
}
.Conditionsdevente,
.BlocBtValiderResa{ display:block!important; }
.BlocBtValiderResa,
.BlocOSTotalAcompte .TotalAcompte{ padding:0!important;}
/**/
#Page .OsPanier.api,
#Page .OsPanier.api .ospanier.minitoggle.etat0 .entete,
#Page .OsPanier.api .ospanier.minitoggle.etat1 .entete{ float:none; width:auto;}

.OsProduit.api .OsMoteurResultat .ContenuDetailChambre .btn-reserver a, .OsProduit.api .OsMoteurResultat .ContenuDetailChambre .btn-reserver a:link, .OsProduit.api .OsMoteurResultat .ContenuDetailChambre .btn-reserver a:active, .OsProduit.api .OsMoteurResultat .ContenuDetailChambre .btn-reserver a:visited, .OsProduit.api .OsMoteurResultat .ositemhotel .ContenuDetailChambre .btn-reserver a, .OsProduit.api .OsMoteurResultat .ositemhotel .ContenuDetailChambre .btn-reserver a:link, .OsProduit.api .OsMoteurResultat .ositemhotel .ContenuDetailChambre .btn-reserver a:active, .OsProduit.api .OsMoteurResultat .ositemhotel .ContenuDetailChambre .btn-reserver a:visited,
.OsProduit.api .OsOngletItem .TitreBloc{ font-size:12px;}

#Footer {    line-height: 14px;    overflow: hidden;    padding-top: 13px;}
 
 .OsPanierPopIn.os-overlay.Lock .BlocPopIn .titre{font-size: 14px;}
 .OsPanierPopIn.os-overlay .Bouton{ margin-left:0;}
.OsProduit.api .OsMoteur .OsMoteurCriterisation .OsMoteurCritBloc .OsMoteurCritereTitre{ font-size:11px;}


.bouton { float:none; text-align:center;}  
.bouton.continuerachats,.bouton.passercommande { float:none; text-align:center; clear: both;} 
.bouton a { text-align:center;} 

 .OsProduit.api .OsMoteur.OptMoteurEnLigne .OsWrapSelect{width:89%!important;}

.OsMoteurResultatBody .ContenuDetailChambre .Pagination .Precedente a{
    padding: 0 30px 0 4px;
    text-indent: -2000em;
}

 .OsMoteurResultatBody .ContenuDetailChambre .Pagination .Suivante a {
    padding: 0 4px 0 30px;
    text-indent: -2000em;
}

.OsProduit.api .OsMoteur.OptMoteurEnLigne .OsMoteurCriterisation .OsMoteurCritBloc.OsMoteurCritere_date .OsMoteurCritereContenu input{ width:94%;}
.OsPanier.api {margin:0 15px;}
.OsPanier.api .ospanier.minitoggle .entete{ float:none;  }
.OsPanier.api .ospanier.minitoggle .contenu{ width:98%;}
/** Planning OSMB**/
.OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker{ width:98.5%; }
.OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete,
.OsProduit.api.v1 .OsProduitPlanning .OsPlanningForm .FormBox {/* width:auto;*/ position:relative;}
.OsProduit.api.v1 .OsProduitPlanning .ui-datepicker{width:100%; padding:0;}
.OsProduit.api.v1 .OsProduitPlanning .OsPlanningForm{width:auto; }
.OsProduit.api.v1 .OsProduitPlanning .OsPlanningForm { float:none; }
.OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete a.PlanningMoisSuiv,.OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete a.PlanningMoisSuiv:link, .OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete a.PlanningMoisSuiv:active,.OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete a.PlanningMoisSuiv:visited{ position:absolute; right:0; top:0;}
.OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete a.PlanningMoisPrec,.OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete a.PlanningMoisPrec:link, .OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete a.PlanningMoisPrec:active,.OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete a.PlanningMoisPrec:visited{position:absolute; left:0; top:0;}
.OsProduit.api.v1 .OsProduitPlanning .DateSelect{ float:none; width:auto;margin:0 30px;}
.OsProduit.api.v1 .OsProduitPlanning .DateSelect .sbHolder {width: 95%;}
.OsProduit.api.v1 .OsProduitPlanning .DateSelect .sbHolder .sbOptions{width: 100%;}





.OsProduit.api.v1 .OsMoteur.OptMoteurEnLigne .OsMoteurCriterisation {float: none;width: auto;}

.DescrHebe{ display:none;}

.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .BlocProduit{min-height:auto;_height:auto;}

.bouton.ModifierCoordonnee{ float:none; }
.bouton.ModifierCoordonnee a{text-align:center;}

.DossierOS .EnteteSection,
.OSTablePanierListe th { font-size:12px;}
.OSTablePanierListe td.tdPrix{ white-space:nowrap;}

.Conditionsdevente{ width:auto; float:none;}


.SaisieInfo .Ligne .OsWrapSelect.Qt,
.SaisieInfo .Ligne .wrapInput { width:95.5%; margin-bottom:5px;}




#Page{width: 100%;}

#Page .menunav a.LienNav,#Page  .menunav a.LienNav:link,#Page  .menunav a.LienNav:active,#Page  .menunav a.LienNav:visited{ height:59px; }

.ColGaucheInt,
.ColDroiteInt{width:100%}


#Page.Intro {background: url("../images/visuel.jpg") no-repeat scroll center -40px #f3f3f3;}

#MenuAccueil { padding-left:0px;}
#MenuAccueil li { width:46.6%}
#MenuAccueil li a { font-size:0.9em;}
#MenuAccueil li a span { padding-left:35px; background-position:left center;}
#Header #Nav .ImgNav{ padding-top:14px}

#Header #Nav .Langue{ height:59px; line-height:59px; }
#Header #Nav .Search{height:59px;}

.MetierHebe .OSListeResultat .OSResultat .DescrHebe{ display:none;}


/*.bloc-titre h2 {padding: 0 13px 5px 0;}*/

#BlocAffinageCatalogue .OsWrapSelect.Qt{ width:98%;}

#ListeNumPage{ display:none;}
#BlocAffinageCatalogue{ padding-left:0;}

.OSListeResultat .OSResultat.Liste .reservation.bouton{ display:none;}
.OSListeResultat .OSResultat a{background: url(../images/fleche.png) no-repeat right center;padding-right:20px;}

.bouton.VoirCarte a, .OSListeResultat .OSResultat .bouton.VoirCarte a {padding:0 10px!important; background-image:none!important;}
.bouton.VoirCarte{ display:none!important;}

.OSListeResultat.ListeProduit .OSResultat a {
    background: none;    padding-right: 0px;}
/***/
.OsOngletItem{border:none; margin-bottom:0; padding:0;}
.OSDetailResultat .OSResultat .Description {padding:10px; margin:0 0 5px 0; border:none; background-color:#fff;}
.OsOngletItem .TitreBloc{padding:8px 8px; font-weight:bold; font-size:15px; text-transform:uppercase; color:#FFF; 
background:url(../images/icones/flechebas.png)  97%  center no-repeat #000;
 -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
cursor:pointer;
line-height:22px; margin:0px;}
.OsOngletItem .TitreBloc.active{
background:url(../images/icones/flechehaut.png)  97%  center no-repeat #666;
}

.OsOngletItem .DescrToggle{ 
display:none;
background-color:#FFF; padding:10px 10px 10px 10px; -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.OsOngletItem .DescrToggle.Show{ display:block;}


.AdresseHebe{background-color: #FFFFFF;
    border: none;}
.OSDetailResultat .OSResultat .BlocContact{ display:block}
.AdresseHebe .TelContact{ display:none}

#CartoEtape3, #CartoEtape2{ display:none;}

.OSDetailResultat .OSResultat{background-image:none;}
.Fl-Fb{ display:none;}
div.navigation{ display:none;}
ul.thumbs, div.navigation div.bottom{ display:none;}

#DetailGallerie{background-color: transparent;
    border: none;
    -webkit-border-radius:0px;
    border-radius:0px;
padding:0px; margin:5px 0;}

#BlocContenu #DetailGallerie div.slideshow img, div.slideshow img {height: auto!important;width:100%!important;}

#BlocContenu #DetailGallerie div.slideshow, div.slideshow {
    height: 260px!important;}
div.slideshow a.advance-link {width:100%; height:100%;max-height:260px!important;_height:260px!important;}
div.slideshow span.image-wrapper{width:100%; }

.AdresseHebe{ padding:10px;}
.OSDetailResultat .OSResultat .BlocContact{ margin:5px 0;}

#Header .AdresseHebe{ display:none;}

#MenuOnglet ul {margin: 0 15px;}
#MenuOnglet ul li{ float:none;}

.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .CibleFA .sbCheckBox .sbOptions li.L1, .OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .CibleFA .sbCheckBox .sbOptions li.L2{ width:98%; float:left;}

.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre table.BlocDescriptionDetail .Description .vig-chambre{ display:none;}
.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre table.BlocDescriptionDetail .Description .DescChambre{ padding-left:5px;}

/**/
.OsProduit.api .TableHotel .TableHotel-Tr.EnteteTableHotel{ display:none;}
.OsProduit.api .TableHotel .TableHotel-Tr.Ligne .Chambre .TDTypeChambre{ width:100%;}

.OsProduit.api .TableHotel .TableHotel-Tr.Ligne .Chambre .TDPrix,
.OsProduit.api .TableHotel .TableHotel-Tr.Ligne .Chambre .TDQteReserver,
.OsProduit.api .TableHotel .TableHotel-Tr.Ligne .Chambre .TDBtReserver,
.OsProduit.api .TableHotel .TableHotel-Tr.Ligne .Chambre .TDNbPers{ width:33%;} 
.OsProduit.api.v1 .TableHotel .TableHotel-Tr.Ligne .Chambre { padding-bottom:5px;}
.OsProduit.api.v1 .TableHotel .TableHotel-Tr.Ligne .Chambre .TDTypeChambre .SansImage{ background:none; min-height:auto; _height:auto; padding-bottom:5px;}


/*.AVAI .TableHotel .TableHotel-Tr.Ligne .Chambre .TDBtReserver*/


.OsProduit.api .TableHotel .TableHotel-Tr .Col-BtReserver,
.TableHotel .TableHotel-Tr .Col-TypeTarif{ position:inherit; width:100%; height:auto;float: left;}

.OsProduit.api.AVAI .TableHotel .TableHotel-Tr.Ligne .TableLigne,
.OsProduit.api.FBKH .TableHotel .TableHotel-Tr.Ligne .TableLigne{width:100%;}

.OsProduit.api.v1 .TableHotel .TableHotel-Tr.Ligne .Chambre .TDQteReserver {
    padding-top: 9px;
}
.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .PrixEtape3,
.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .btn-reserver {width: 140px;}

.OsProduit.api.v1 .TableHotel .TableHotel-Tr.Ligne .Chambre .TDPrix .PrixEtape3 span.Info{ white-space:normal;}
/** HRIT **/
.OsProduit.api.HRIT .TableHotel .TableHotel-Tr.Ligne .Chambre{ padding-bottom:5px;}




/** AVAI **/
.OsProduit.api.v1.AVAI .TableHotel .TableHotel-Tr.Ligne .Chambre{ padding-bottom:5px;border-bottom: 1px dotted #C7C2BC;}
.OsProduit.api.v1.AVAI .TableHotel .TableHotel-Tr.Ligne .Chambre .TDNbPers{ display:none;}
.OsProduit.api.v1.AVAI .TableHotel .TableHotel-Tr.Ligne .TableLigne{ width:100%;}
.OsProduit.api.v1.AVAI .TableHotel .TableHotel-Tr .Col-BtReserver{ position:inherit;width:100%; text-align:left; border:none;}
.OsProduit.api.v1.AVAI .TableHotel .TableHotel-Tr .Col-BtReserver table td{ text-align:left; padding: 5px 5px 5px 0;}
.OsProduit.api.v1.AVAI .TableHotel .TableHotel-Tr .Col-BtReserver .btn-reserver{ float:right;}
.OsProduit.api.v1.AVAI .TableHotel .TableHotel-Tr.Ligne .Chambre .TDPrix .PrixEtape3{ margin-top:0;}
.OsProduit.api.v1.AVAI .TableHotel .TableHotel-Tr.Ligne .Chambre .TDQteReserver{ padding-top:9pw;}

.OsProduit.api.v1 .TableHotel .TableHotel-Tr .ConditioTarif span{ display:block; text-indent:-2000em; height:18px; width:18px; background:url(../osimg/bt_aide.gif) left top no-repeat;}
.OsProduit.api.v1 .TableHotel .TableHotel-Tr .ConditioTarif{ float:left;}
.OsProduit.api.v1.AVAI .TableHotel .TableHotel-Tr .Col-BtReserver table td strong{ padding-right:5px; float:left;}

/** FBKH **/
.OsProduit.api.v1.FBKH  .TableHotel .TableHotel-Tr.Ligne .Chambre .TDNbPers{ display:none;}
.OsProduit.api.v1.FBKH .TableHotel .TableHotel-Tr.Ligne .Chambre{ border-bottom: 1px dotted #C7C2BC; padding-bottom:5px;}
.OsProduit.api.v1.FBKH .TableHotel .TableHotel-Tr.Ligne .Chambre .TDBtReserver{ float:right;}
.OsProduit.api.v1.FBKH .TableHotel .TableHotel-Tr.Ligne .TableLigne{ width:100%;}
.OsProduit.api.v1.FBKH .TableHotel .TableHotel-Tr .Col-TypeTarif{ position:inherit;width:100%; text-align:left; border:none; margin-top:5px; }
.OsProduit.api.v1.FBKH .TableHotel .TableHotel-Tr .Col-TypeTarif table{background-color:#666; border:none; 	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;padding: 5px; } 
.OsProduit.api.v1.FBKH .TableHotel .TableHotel-Tr .Col-BtReserver table td{ text-align:left; }
.OsProduit.api.v1.FBKH .TableHotel .TableHotel-Tr .Col-TypeTarif strong{ padding-right:5px; float:left; color:#fff; line-height:18px;}
.OsProduit.api.v1.FBKH .TableHotel .TableHotel-Tr.Ligne .Chambre .TDPrix .PrixEtape3{ margin-top:0; padding-top:0; margin-left:5px;}
.OsProduit.api.v1 .TableHotel .TableHotel-Tr.Ligne .Chambre .TDBtReserver .btn-reserver{ margin-top:0; padding-top:0;}
.OsProduit.api.v1 .TableHotel .TableHotel-Tr.Ligne .Chambre .TDPrix .PrixEtape3{ margin-top:0; padding-top:0;}

/**/
.OsProduit.api.v1 .OsMoteur.OptMoteurEnLigne .OsMoteurCriterisation { width:auto;float: none;}
.OsProduit.api.v1 .OsMoteur.OptMoteurEnLigne .OsMoteurBoutonRecherche {width:auto; float:none; clear:both;padding-top: 5px;}
.OsProduit.api.v1 .OsMoteur.OptMoteurEnLigne .OsMoteurCritBloc.OsMoteurCritere_nbpers .OsMoteurBlocNbPers .OsMoteurCritere_nbenf .OsMoteurCritereTitre,
.OsProduit.api.v1 .OsMoteur.OptMoteurEnLigne .OsMoteurCritBloc .OsMoteurCritereTitre {width:100%;}
.OsProduit.api.v1 .OsMoteur.OptMoteurEnLigne .OsMoteurBody .OsWrapSelect{width:90%;}
.OsProduit.api.v1 .OsMoteur.OptMoteurEnLigne .OsMoteurCriterisation .OsMoteurCritBloc.OsMoteurCritere_date .OsMoteurCritereContenu input[type=text]{width:93%;}
.OsProduit.api.v1 .OsMoteur.OptMoteurEnLigne  .OsMoteurCritBloc.OsMoteurCritere_nbpers .OsMoteurBlocNbPers .OsMoteurAgesEnfant{ padding-left:0px}

.OsProduit.api.v1 .OsMoteur.OsHebeEstHotel.OptMoteurEnLigne .OsMoteurBoutonRecherche a{height:46px;line-height:46px;}

.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .BlocProduit .LightBoxChambre{ display:none;}
.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .BlocProduit .Description{ padding:5px;}
.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .BlocProduit .Intitule, .OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .BlocProduit .Residence,
.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .BlocProduit .BlocType{ padding:0 5px;}
.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .CibleFA .BlocFormuleAge,
.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .Chambre.L1:hover .CibleFA .BlocFormuleAge , .OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .Chambre.L2:hover .CibleFA .BlocFormuleAge {width:100%;border-right:none;}
.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .CibleFA .BlocFormuleAge .BlocPersonnes .Personne{width:100%;min-height: 25px; padding-right:0px;}
.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .PrixEtape3{ float:left;}
.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .btn-reserver {margin-top: 0;}

.SansImage{ background:none;}


/** ITEAC **/
.OsProduit.api.ITEAC .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .PanneauAge,
.ositemitea .ConteneurAges .PanneauDesAgesInactif .PanneauAge { width:98%; margin-right:0px; margin-bottom:5px;}

.ositemitea .ConteneurAges{ width:98%;}
.ositemitea .PagePers{ float:none; width:100%;}
.ositemitea .PagePers .PrixEtape3{ float:left;}

/** SAisi Tel Dossier**/
.SaisieInfo .Ligne{ width:100%; float:left;}


.SaisieInfo .OsContactCommune ul li{float: left; width: 100%;}
.SaisieInfo .OsContactCommune ul li.lignecp span.saisiecp,.OsContactCommune ul li.ligneville span.saisieville{width: 97.5%;}


.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .btn-reserver{ float:right;}
/** **/
.OsProduit.api .ContenuDetailActivite .BtnReserver a:link, .OsProduit.api .ContenuDetailActivite .BtnReserver a:active, .OsProduit.api .ContenuDetailActivite .BtnReserver a:visited {
    background: url("../images/fleche.png") no-repeat scroll right center transparent;
    padding-right: 20px;
	position:absolute;
	width:98%; height:100%;
	left:0px; top:0px;
	margin:0px;
	padding:0px;
	text-indent:-2000em;
}

.OsProduit.api .ContenuDetailActivite .BlocDescriptionDetail .Activite .Tarifs { position:inherit;margin-left: 120px;}

.OsProduit.api .ContenuDetailActivite .BlocDescriptionDetail .Activite .Tarifs .Tarif{ float:left; padding:0 5px;}
.OsProduit.api .ContenuDetailActivite .BlocDescriptionDetail .Activite .BlocProduit { margin-right:15px}


.OsProduit.api.v1 .OsMoteur.OptMoteurEnLigne .OsMoteurCritBloc.OsMoteurCritere_typehebecheck .OsWrapSelect,
.OsProduit.api.v1 .OsMoteur.OptMoteurEnLigne .OsMoteurCritBloc.OsMoteurCritere_type .OsWrapSelect{ width:95%;}

.OsProduit.api.OPLM .OsMoteur.OptMoteurEnLigne .OsMoteurBoutonRecherche a {
    height: 46px;
    line-height: 46px;
}

.OsProduit.api.os-overlay.OPLM .ListeProduits .Produit .Libelle,
.OsProduit.api.os-overlay.OPLM .ListeProduits .Produit .Recap{ width:100%;}

.OsProduit.api.os-overlay.OPLM .ListeProduits .Produit .Recap .Prix {
    width: 75%;
}
.OsProduit.api.os-overlay.OPLM .Total{ margin-left:0px;}
.OsProduit.api.os-overlay.OPLM .ListeProduits .Produit .Recap .SousTotal{ width:auto;}
/** **/
.OSDetailResultat .OSResultat.DetailResto .Description{ margin-top:5px;}
.OsOngletItem{ margin-bottom:1px;}
#overlay-resto{ width:95%}


.OsProduit.api .OsMoteurResultat .CatalogueEtapeOS .ContenuDetailChambre .BlocDescriptionDetail .Chambre .BlocProduit{ min-height:inherit; _height:inherit; width:auto; float:none;}
.OsProduit.api .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .BlocProduit .NomCommune { padding-left:5px;}

/** Boutique **/
.GammeVersionMobile, .VersionMobile{ display:block;}
.GammeVersionEcran, .VersionEcran{ display:none;}

.LigneIntitule{ display:none;}

.Table-produit .Table-produit-Td.IntArticle, .Table-produit .Table-produit-Th.IntArticle{ width:99%;}
.Table-produit .Table-produit-Td.IntPrix,.Table-produit .Table-produit-Th.IntPrix{width:69%;}
.Table-produit .Table-produit-Td.IntQt,.Table-produit .Table-produit-Th.IntQt{width:95px; float:right;}


.OSListeResultat.ListeProduit .DescrHebe,
.OSListeResultat.Gamme .DescrHebe {
    display: block;
}

.Table-produit .Table-produit-Td.IntArticle{ border-bottom:1px dashed #DDDDDD;}
.DetailBoutique .OSListeResultat.ListeProduit .OSResultat.Liste .reservation.bouton {    display: block;}

.Panier.Boutique .DecriptifProduitPanier{width:99%;float:left; border-bottom:1px dashed #DDDDDD; margin-bottom:5px;}
.Panier.Boutique .PrixUnitBoutique{ font-size:13px; float:left; width:75px;padding-bottom: 5px;}
.Panier.Boutique .QtBoutique{ width:95px; float:right;padding-bottom: 5px;}

.Table-produit .Table-produit-Td span.PrixBarre,.Table-produit .Table-produit-Tr:hover .Table-produit-Td.IntPrix span.PrixBarre { line-height: 25px;}


/**/
.BlocBtValiderResa{ float:none; text-align:center;}

ul.UL-RetraitDynamique li .OSCombo, ul.UL-RetraitDynamique li textarea.OSCombo{ width:97%!important;}


.ListeLieuRetrait, .SelectListeRetrait{	background-color: #FFF; padding:10px;	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;}
.SelectListeRetrait{ padding:10px 10px 5px 10px}

#ListeLieuRetrait{ padding:0; background-color:transparent; border:none;}


.OsProduit.OPBI .OsWProduitBillet .OsTarifBillet .BlocPrixTotalRemise{     float: none;
    margin: 5px 0 0;
    width: auto;padding: 0 5px;}
.BlocMbtPrixFinalEt3 .MbtLibelleReductionEt3, .BlocMbtPrixFinalChambreEt3 .MbtLibelleReductionChambreEt3, .BlocMbtPrixFinalCampingEt3 .MbtLibelleReductionCampingEt3, .OsProduit.OPBI .OsWProduitBillet .OsTarifBillet .BlocPrixTotalRemise .LibellePrixTotalRemise, .BlocMbtTotalBillet .MbtLibelleReductionBillet, .BlocMbtPrixFinalMagasinEt3 .MbtLibelleReductionMagasinEt3, .BlocMbtTotalFinalMagasinEt3 .MbtLibelleReductionMagasinEt3, .BlocMbtTotalMagasinEt5 .MbtLibelleReductionMagasinEt5, .BlocMbtPrixFinalMagasinEt5 .MbtLibelleReductionMagasinEt5{ position:inherit!important;
width:auto!important; float:left!important;  line-height: 52px!important;}


.OsWProduitBillet .OsTarifBillet .btn-valider {
    float: none!important;
    padding-top: 5px!important;
}

.OsProduit.OPBI .OsWProduitBillet .OsTarifBillet .BlocPrixTotalRemise .PrixTotalRemise {
    float: right!important;

}

#DetailDispo .OsProduit .OsWProduitBillet .OsTarifBillet .BlocPrixTotal{ float:none; width:auto; margin:5px 0 0 0;}


.SaisieInfo .Ligne, .SaisieInfo .TelDossier .ColTelDossier{ width:100%!important; }
.ListeLieuRetrait .reservation.bouton,
.PrixEsf {    float: none;}

.bouton.BtEtape2,
.LigneEsf.LigneTitre{ display:none;}

.Chambre .ColDroiteDispo, .ColDroiteDispo , .Chambre .ColLigne,
.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs,
.OSCritereTable .LibelleFormule,
.LigneEsf .BTLigneEsf,
.LigneEsf .LibelleLigneEsf,
.OSCritereTable .LibelleFormuleEsf,
.OSCritereTable .LibellePrixEsf,
.OSCritereTable .LibelleBtEsf,
.esf-section .OSTableSupplements .LibelleTabSupDescr,
.OSTableSupplements .LibelleTabSupTotal
 { width:100%;}
 
 .OSTableSupplements .LibelleTabSupTotal{ padding:5px 0;}

 .accordion-contenu #CartoGoogleMap { width:100%!important;}

.BtRecherche a, .BtRecherche a:link, .BtRecherche a:active, .BtRecherche a:visited,
.WidgetRecherche #OsBarreOnglet .OsBtnEnvoi{  display: block!important;    float: none!important;}

.OSCritereTable .LibellePrixUnit{width:auto;}

.OSCritereTable .LibelleQt,
.OSCritereTable .LibelleTotal,
.PrixSupplementCTTV{width:25%;}

.TotalSupplementCTTV{width:30%;}

.OSDetailResultat .OSResultat .Chambre .SupplementCTTV .OSCritere {    width: 70%;}

.BlocPratique {    margin: 1%;    width: 48%;}
.BlocOSTotal .LibelleTotalResa{ font-size:12px;}
.LigneSousTotal .LibelleSousTotal{ width:65%;}
.LigneSousTotal .PrixSousTotal{ width:26%;}

.boxy-wrapper.fixed, 
table.boxy-wrapper.fixed{ width:94%!important;}

.OSTextCamping{ width:80%;}

.OsWrapSelectOverlay.OsSelectJour, .OsWrapSelectOverlay.OsSelectMois, .OsWrapSelectOverlay.OsSelectAn {    margin: 0 1% 0 0!important%;    width: 26%;}

.OSTableSupplements .OsWrapSelectOverlay select {width: 170%;}


.OSTableSupplements .OSTableSupplements-th.LibelleTabSupTotal { display:none;}
.OSTableSupplements .LibelleTabSupPrix {    width: 23%;}
.OSTableSupplements .LibelleTabSupQt {    width: 22%;}


	#EnteteResultat{ 
		position:relative;
	}
	#EnteteResultat #BlocAffinageCatalogue{
		position:static;
	}
	#EnteteResultat #BlocAffinageCatalogue .OsWrapSelect.Qt{
		padding-right: 0px;
	}

}

@media screen and (min-width: 590px)  {




.SaisieInfo .Ligne,
.SaisieInfo .TelDossier .ColTelDossier{ width:50%; float:left;}
.SaisieInfo .TelDossier{ width:100%; float:left;}



#Page{}



/* Gauche */
.ColGaucheInt{ float:left; width:47.5%;}

/* Droite */
.ColDroiteInt{float:right; width:51.5%;}



.OsOngletItem .DescrToggle,
.OsOngletItem .DescrToggle.Show{ display:block;}




#ListeCatalogueCommune{ float:left; width:48%;}
#ListeCatalogueClassement, #ListeCatalogueType{float:right; width:47%;}

.MetierHebe .OSListeResultat .OSResultat .DescrHebe {
    display: block;
}

/*#BlocAffinageCatalogue .OsWrapSelect.Qt{ width:47%;float:left; margin-left:5px;}*/





}



@media screen and (min-width: 587px) and (max-width: 750px) {


/** Planning OSMB**/
.OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker{ width:98.5%; }
.OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete,
.OsProduit.api.v1 .OsProduitPlanning .OsPlanningForm .FormBox { width:auto; position:relative;}
.OsProduit.api.v1 .OsProduitPlanning .ui-datepicker{width:100%; padding:0;}
.OsProduit.api.v1 .OsProduitPlanning .OsPlanningForm{width:auto; }
.OsProduit.api.v1 .OsProduitPlanning .OsPlanningForm { float:none; }
.OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete a.PlanningMoisSuiv,.OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete a.PlanningMoisSuiv:link, .OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete a.PlanningMoisSuiv:active,.OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete a.PlanningMoisSuiv:visited{ position:absolute; right:0; top:0;}
.OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete a.PlanningMoisPrec,.OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete a.PlanningMoisPrec:link, .OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete a.PlanningMoisPrec:active,.OsProduit.api.v1 .OsProduitPlanning .OsPlanningDatePicker .PlanningEntete a.PlanningMoisPrec:visited{position:absolute; left:0; top:0;}
.OsProduit.api.v1 .OsProduitPlanning .DateSelect{ float:none; width:auto;margin:0 30px;}
.OsProduit.api.v1 .OsProduitPlanning .DateSelect .sbHolder {width: 95%;}
.OsProduit.api.v1 .OsProduitPlanning .DateSelect .sbHolder .sbOptions{width: 100%;}



.OsProduit.api.v1 .OsMoteur.OptMoteurEnLigne .OsMoteurBoutonRecherche{   clear: both; float: none; padding-top: 5px; width: auto;}
.OsProduit.api.v1 .OsMoteur.OptMoteurEnLigne .OsMoteurCriterisation {float: none;width: auto;}

.OsProduit.api.v1 .OsMoteur.OsHebeEstHotel.OptMoteurEnLigne .OsMoteurBoutonRecherche a{height:46px;line-height:46px;}

.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .PrixEtape3,
.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .btn-reserver {width: 140px;}

.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .btn-reserver{ float:right;}

.OsProduit.api.v1 .TableHotel .TableHotel-Tr .THNbPers,
.OsProduit.api.v1 .TableHotel .TableHotel-Tr.Ligne .Chambre .TDNbPers{ display:none;}
/** Hotel **/

.OsProduit.api.v1 .TableHotel .TableHotel-Tr.Ligne .Chambre .TDPrix .PrixEtape3 span.Info{ white-space:normal;}
.OsProduit.api.v1 .TableHotel .TableHotel-Tr .Col-BtReserver{width:25%}

/** AVAI **/
.OsProduit.api.v1.AVAI .TableHotel .TableHotel-Tr .THPrix{ width: 15%;}
.OsProduit.api.v1.AVAI .TableHotel .TableHotel-Tr .TDPrix{ width: 20%;}
.OsProduit.api.v1.AVAI .TableHotel .TableHotel-Tr .THTypeChambre{ width: 48%;}
.OsProduit.api.v1.AVAI .TableHotel .TableHotel-Tr .TDTypeChambre{ width: 60%;}
.OsProduit.api.v1.AVAI .TableHotel .TableHotel-Tr.Ligne .TableLigne{width:75%}

/** FBKH **/
.OsProduit.api.v1.FBKH .TableHotel .TableHotel-Tr .TDTypeChambre{width:55%}
.OsProduit.api.v1.FBKH .TableHotel .TableHotel-Tr .TDPrix{width:20%}
.OsProduit.api.v1.FBKH .TableHotel .TableHotel-Tr .TDBtReserver{width:25%}
.OsProduit.api.v1.FBKH .TableHotel .TableHotel-Tr.EnteteTableHotel .THTypeChambre{width:63%}

.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .PrixEtape3 {float: left; margin:0;}
.OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .CibleFA .BlocFormuleAge, .OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .Chambre.L1:hover .CibleFA .BlocFormuleAge, .OsProduit.api.v1 .OsMoteurResultat .ContenuDetailChambre .Chambre.L2:hover .CibleFA .BlocFormuleAge{ width:100%; border:none;}
}




@media screen and (min-width: 590px) {
.DetailBoutique .ColDroiteInt{ width:32.5%;}
.DetailBoutique .ColGaucheInt{ width:66.5%;}

.DetailBoutique div.slideshow img {
    width: 100%;
	height:auto;
}

.DetailBoutique div.slideshow{
    height:190px;

}

.DetailBoutique div.slideshow a.advance-link {
    line-height:190px;
    max-height: 190px;
}

.GammeVersionMobile, .VersionMobile{ display:none;}
.GammeVersionEcran, .VersionEcran{ display:block;}


}
