@import url("os-mobile.css");

*:focus{
	outline:none;
}

.None{ display:none;}
.Clear{
	clear:both;
}
#Page{
    margin: auto;
    width: 810px;
	position:relative;
	/*height: 670px;*/
padding-top:25px;
}



#header{
 z-index: 100;
}




#Conteneur{
    padding: 0px;
	background-color:#ccc;
}
#Contenu{ padding:5px 10px;}
.OSTablePanier th,.OSTablePanier td{ border:none;}

#Footer {
	background: none repeat scroll 0 0 #fff;
border-top:1px solid #e3e7e7;

    width: 100%;
/*-moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;*/
 
text-align:center;
padding:10px 0;
	}

#Header .centrage{
	position:absolute;
	right:0px;
	top:0px;
}

#Footer #logo{
	background:url(../images/logoInter.png) no-repeat;
	width:80px;
	height:75px;
	float:right;
	margin:15px 5px 0 0;
}

.centrage{
	width:90px;
	margin:auto;
	
}

#Copyrights {
	color: #909b9e;
}
#Copyrights a {
    color: #909b9e !important;
}
/*************************************
			MENU ONGLETS
**************************************/
#MenuOnglet{    clear: both;    height: 25px; background-color:#FFF;}
#MenuOnglet ul{margin:0px 0 0 15px;}	
#MenuOnglet li{
	margin-right:1px; 

    float: left;
    font-size: 11px;
    line-height: 25px;

    text-align: center;
}
#MenuOnglet li#TMenuDossier{ /*background:url(../images/picto-panier.gif) no-repeat left center;*/}
#MenuOnglet li#TMenuRecherche{/*background:url(../images/logo-home.gif) no-repeat left center; width:140px;*/}

#MenuOnglet li a, #MenuOnglet li a:link, #MenuOnglet li a:active, #MenuOnglet li a:visited{    /*background: url("../images/puce-menu-haut.gif") no-repeat scroll center bottom transparent;*/
    color: #FFFFFF;
    display: block;
background-color:#000;
 -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0; 
text-decoration: none;	     padding-left: 13px;
    padding-right: 13px;
font-size:12px; font-weight:bold;
line-height:25px;
text-transform:uppercase;

}
#MenuOnglet li a:hover{
	text-decoration:none;
	color: #fff;
	 background-color:#666; 
	 

}

#MenuOnglet li.Selected{ font-weight:normal; background:url(../images/fond-menu-select-repeat.gif) repeat-x left top;}
#MenuOnglet li.Selected a, #MenuOnglet li.Selected a:link, #MenuOnglet li.Selected a:active, #MenuOnglet li.Selected a:visited, #MenuOnglet li.Selected a:hover{	color:#FFF;	text-decoration:none;	font-weight:bold; background:url(../images/puce-menu-haut-select.gif) no-repeat center bottom; height:44px;}






.ToggleMenu{}


#Intro{
	
}


#MenuHebergements li a {
	background-position: center top;
    background-repeat: no-repeat;
    display: block;
    padding-top: 90px;
    position: relative;
    text-decoration: none;
	text-align:center;
	color: #000;
	
    }
#MenuHebergements #TMenuHotels a{
	background-image:url(../images/Hotellerie_contenuMobile.jpg);
}
#MenuHebergements #TMenuMeubles a{
	background-image:url(../images/Meubles_contenuMobile.jpg);
}
#MenuHebergements #TMenuChambresdhotes a{
	background-image:url(../images/Chambre-d-hotes_contenuMobile.jpg);
}
#MenuHebergements #TMenuCampings a{
	background-image:url(../images/Campings_contenuMobile.jpg);
}
#MenuHebergements #TMenuResidences a{
	background-image:url(../images/Residences-de-vacances_contenuMobile.jpg);
}
		
#MenuGeneral{
	background-color:#E1E1E1;
	padding:10px 0 5px;
	margin-top:5px;
}
#MenuAccueil{
	padding-left:5px;
	
	margin:0 auto ;
	}
#MenuAccueil li{
	float:left;
	margin:5px;
	width: 47%;
background-color:#fff;
height:100px;
}

#MenuAccueil li a {
	text-shadow:none;
    display: block;
    text-decoration: none;
	text-align:center;
	color: #666666;
line-height:80px;
font-size:1.4em;
text-transform:uppercase;
font-weight:bold;
padding:10px;
white-space:nowrap;
}



#MenuAccueil li a:hover{ background:url(../images/fd-menu.png) left top repeat; color:#f28e00;}
#MenuAccueil li a span{background:none;
	background-position: 10px center;
    background-repeat: no-repeat; display: block;padding-left:46px;}


#MenuAccueil .IcoAutourMoi a span{ background-image:url(../images/ico-autour-moi.png);}
#MenuAccueil .IcoReserve a span{ background-image:url(../images/ico-reserve.png);}
#MenuAccueil .IcoAgenda a span{ background-image:url(../images/ico-agenda.png);}
#MenuAccueil .IcoDecouvre a span{ background-image:url(../images/ico-decouvre.png);}

#MenuAccueil #TMenuIntroHebergements a{
	background-image:url(../images/Hebergement_contenuMobile.png);
	
}
#MenuAccueil #TMenuBillets a{
	background-image:url(../images/Sports-loisirs_contenuMobile.png);
	
}

#MenuAccueil li a.Multiligne{
	    line-height: inherit;
    padding: 25px 10px;
white-space: inherit;}
/************************************************
	MENU EN ICONES EN BAS DE PAGE 
************************************************/

#MenuIcones{
	margin:auto;
	padding-top:5px;
}
#MenuIcones li{
	width:80px;
	margin:5px;
}
#MenuIcones li a{
	display:block;
	height:55px;
	background-image:url(../images/bt-defaut.png);
	background-position:center top;
	background-repeat:no-repeat;
	position:relative;
	text-decoration:none;
	
}
#MenuIcones li a span{
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	color:#000;
	font-size:9px;
	text-align:center;
}
#MenuIcones li a.menu{
	background-position:center -138px;
	
}
#MenuIcones li a.menupanier{
	background-position:center -57px;
}
#imageAccueil{
	position:relative;
}
.blocTitre-accueil{
position:absolute;
left:0;
bottom:0;
font-size:35px;
color: #fff;
width:100%;
background-image:url(../images/logoResa.png);
height:85px;
background-position:right bottom;
background-repeat:no-repeat;

}



#Intro h3{
	font-size:14px;
	text-transform:uppercase;

	
}
#Intro h3 #logoParis{
	background-image:url(../images/logo_paris.gif);
	background-repeat:no-repeat;
	background-position:right center;
	display:block;
	width:50px;
	height:35px;
	float:right;
	margin:0px 0px 0px 25px;
}
.blocTitre-accueil a{
	text-decoration:none;
	margin-left:40px;
	background-image:url(../images/titreResa.png);
	background-repeat:no-repeat;
	width:250px;
	height:30px;
	text-indent:-5000px;
	margin-top:45px;
	display:block;
}
.bloc-titre{

}
.bloc-titre h2 {
 color: #000;
    font-size:30px;
    margin: 0px;
    padding:10px 0 5px 0;
	font-weight:normal;
text-transform:uppercase;
overflow:hidden;
 font-family: "Volkhov","Times New Roman",Times,serif;
/*white-space:nowrap;*/
	}

.bloc-titre h2.Multiligne {padding: 0 13px 5px 0;}

.contour{
border:solid 1px #ccc;
	width:95px;
	height:95px;
	margin:2px 15px 5px 5px;
	float:left;
	overflow:hidden;
padding:1px;
background-color:#FFF;
}
.contour .marge{	width:95px;
	height:95px;overflow:hidden; text-align:center; line-height:95px;}

.contour img{ height:95px; width:auto;}

.ui-body-c .OSResultat .ui-link, .ui-bar-a .OSResultat a.ui-link:visited{
	color:#000;
}
.titre-detail{
	font-size:20px;
	font-weight:normal;
	background-image:url(../images/fond-item.jpg);
	background-repeat:repeat-x;}

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

.bouton{
	padding:5px 10px;
	text-align:center;
	margin:5px;
	background-color:#5A4A48;
	float:right;
	color:#fff;
	text-shadow:none;
	background-color:#E42219!important;  
	background-image:-webkit-linear-gradient(#79715E, #575143)!important;
	background-image:linear-gradient(#79715E, #575143)!important;
	border:1px solid #575143!important;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.18), inset 0 0 1px 1px rgba(255, 255, 255, 0.09);
}

.bouton:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}

.bouton.continuerachats{ float:left;	}
.bouton.continuerachats a{ font-size:14px; background:none; padding-left:7px; }

.bouton.passercommande{ 
	background-color:#a4c408!important;  
	background-image:-webkit-linear-gradient(#a4c408, #87a00b)!important;
	background-image:linear-gradient(#a4c408, #87a00b)!important;
	border:1px solid #87a00b!important;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.18), inset 0 0 1px 1px rgba(255, 255, 255, 0.09); }
.bouton.passercommande a{ font-size:14px;}

.bouton.poubelle{
	background:url(../images/poubelle.png) no-repeat center center transparent!important;
	width:30px;
	height:30px;
padding:0px;
margin:0px;
overflow:hidden;
border:none!important;
box-shadow:none!important;

	
}
.BlocContact .bouton{
    border-right: 1px solid #CCCCCC;
    float: left;
	width:24.7%;
	text-align:center;
-moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
background-color:#fff;
height:100%;
overflow:hidden;
margin:0;
padding:0px;


}
.BlocContact .bouton.Last{ border:none;}
.BlocContact .bouton a { text-indent:-2000em; display:block; height:100%;}

.bouton:active{

}
 .ui-body-c .bouton .ui-link,  .ui-bar-a .bouton a.ui-link:visited{
	color:#FFF;
}
.bouton a{
	display:block;
	font-size:20px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding-left:25px;
	padding-right:7px;
	text-align:left;
/*	background-image:url("../osimg/os-sprite.png");*/
	line-height:30px;
	background-image:url("../images/icones/flechedroite.png");
	background-repeat:no-repeat;
	background-position:left center;
text-transform:uppercase;
/*	text-shadow: black 0 1px 3px !important;*/
}

.conditionsdevente.bouton{
	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.bouton 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.bouton a:hover{	text-decoration:none;}

.reservation.bouton{ float:right; margin-right:0px; background-color:#000; font-weight:bold; text-transform:uppercase;}
.reservation.bouton:hover{background-color:#666;}

.bouton a{ background:none; padding:0 10px; background-repeat: no-repeat;}


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


.bouton.BtFermer{    padding: 0 4px;  }
.bouton.BtFermer a{ background:none; padding:3px; line-height:20px;  font-size: 12px; }







.anglais a{background-image:url("../images/icones/drapeau-uk.png")!important;}
.francais a{background-image:url("../images/icones/drapeau-fr.png")!important;}
.ok a{background-image:url("../images/icones/ok.png")!important;}
.supprimer a{background-image:url("../images/icones/supprimer.png")!important;}
.affichercarnet a{background-image:url("../images/icones/voircarnet.png")!important;}
.ajoutercarnet a{background-image:url("../images/icones/carnet.png")!important;}
.dispos a{background-image:url("../images/icones/dispos.png")!important;}
.photos a{background-image:url("../images/icones/photos.png")!important;}
.lien a{background-image:url("../images/icones/flechedroite.png")!important;}
.hebergement a{background-image:url("../images/icones/hebergement.png")!important;}
.restaurants a{background-image:url("../images/icones/restaurant.png")!important;}
.accueil a{background-image:url("../images/icones/accueil.png")!important;}

.carte a{background-image:url("../images/icones/carte.png")!important;}


.retour{float:none;margin: 10px auto;
width:60px; /*height:40px;*/ overflow:hidden;
}
.retour a{background-image:none!important;
	/*line-height:40px;*/	background-position:center center;

	font-size:11px; text-indent:0em;
padding:0;
text-align:center;
}
/*.retour a{background-position:0 -482px; width:50px; height:20px; text-indent:-5000px; }*/
.agenda a{background-image:url("../images/icones/agenda.png")!important;}
/*.conditionsdevente a{background-position:0 -160px; width:205px;}*/
.panier a{background-image:url("../images/icones/panier.png")!important;}
.poubelle a{background-image:none!important;}
.suivant a{background-image:url("../images/icones/flechedroite.png")!important;}
.etapeprecedente a{background-image:url("../images/icones/flechegauche.png")!important;}
.precedent a{background-image:url("../images/icones/flechegauche.png")!important;}


.BlocContact .telephone a{background-image:url("../images/icones/telephone.png")!important; background-position:center center; padding:0px}
.BlocContact .siteweb a{background-image:url("../images/icones/web.png")!important; font-size:11px;background-position:center center;padding:0px}
.BlocContact .email a{background-image:url("../images/icones/email.png")!important;background-position:center center;padding:0px}
.BlocContact .map a{background-image:url("../images/icones/map.png")!important;background-position:center center;padding:0px}
.BlocContact .mobile a{background-image:url("../images/icones/mobile.png")!important;background-position:center center;padding:0px}

.lien a{font-size:12px;}
/* a.Lien{
	 background-image: none;
 	background-color: #E26D1B;
	height:auto; line-height:20px;
	width:auto; font-size:1.0em;
	display:inline;
	padding:5px;
	}
	*/
input.bouton.ajoutpanier{
	display:block;
	font-size:1.3em;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	border:none;
	float:right;
	height:100%;
	width: 100%;
	background:none;
}
.alignD{
	float:right;
	width:60px;
}
.alignG{
	float:left;
	width:250px;
}

.signature{
	width:154px;
	height:9px;
	background-image:url(../images/signature.png);
	position:absolute;
	bottom:2px;
	right:2px;
}

#Page.Intro {background: url("../images/visuel.jpg") no-repeat scroll center -40px #f3f3f3;}
#LigneCouleur.Intro{ display:block;} 
/****/
#Header .ImgHebe {
    display: none;
    float: left;
    padding: 10px 10px 5px 20px;
}
#Header .ImgHebe a {
}
#Header .ImgHebe img {
    border: 5px solid #FFFFFF;
    width: 120px;
}
#Header .NomHebe {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 15px 0;
text-transform:uppercase;
}
#Header .AdresseHebe {
    color: #D3D7DE;
    font-size: 13px;
    font-weight: bold;
border:none; background-color:transparent;
padding:0 0 0 15px;
margin:0;
}

#Header .logo{ padding:5px 5px 0 0; float:left;}
#Header .logo img{ height:35px;}


.Fl-Fb{    position: absolute;
    right: -18px;
    top: 10px;}

/** Widget Panier **/
.OsPanier.api {margin-left:15px;}
.OsPanier.api .ospanier.minitoggle .entete{ background-color:#000;}
.OsPanier.api .ospanier.minitoggle.etat1 .entete{ background-color:#666;}
.OsPanier.api .ospanier.minitoggle .entete:hover{ background-color:#666;}
.OsPanier.api .ospanier.minitoggle .Resume .Total {color: #000;}
.OsPanier.api .ospanier.minitoggle .contenu {background-color: #666;}


@media screen and (max-width: 589px) {
.OsWrapSelect, .OsProduit.api .OsMoteur.OptMoteurEnLigne .OsWrapSelect{width:89%;}

.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;}




.DossierOS .EnteteSection,
.OSTablePanierListe th { font-size:12px;}
.OSTablePanierListe td.tdPrix{ white-space:nowrap;}

.Conditionsdevente,
.BlocBtValiderResa{ width:auto; float:none;}


.SaisieInfo .Ligne .wrapSelect.Qt,
.SaisieInfo .Ligne .wrapInput { width:97.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 .wrapSelect.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;}
/***/
.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 5px; font-weight:bold; font-size:14px; 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; -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;}

div.slideshow img {height: auto;width:100%;}
div.slideshow a.advance-link {width:100%; height:100%;max-height:260px;_height:260px;}
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 #C4CDE0;}
.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 #C4CDE0; 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%}


.BlocOSTotalAcompte .LibelleNomFournisseur,
.BlocOSTotalAcompte .LibelleAcompte,
.BlocOSTotalAcompte .TotalAcompte{float:left;padding:0px 0px;width: 100%; text-align:center;}

.BlocOSTotal.Panier{background-color: #888888;}
.BlocOSTotal.Panier .LibelleTotalResa{   color: #fff;
    width: auto;padding-left:10px;}
.BlocOSTotal.Panier .TotalResa{ width:auto; padding-right:10px;}

.BlocOSTotalAcompte.SousTotalPanier .TotalAcompte { background-color:transparent; color: #333333;}

.DetailCoordonneeClient .ModifierCoordonnee {
    bottom:0 ;
    float: none;
    position: relative;
    right: 0;
text-align:right;

}
            .LignePaiementValide .ColGaucheLignePaiementValide{width:100%; float:left;}	
            .LignePaiementValide .ColDroiteLignePaiementValide{ width:100%; float:right;}

}

@media screen and (min-width: 590px)  {




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



#Page{width: 100%;max-width:810px;}

.OSListeResultat .OSResultat a{ padding-right:0;}

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