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

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

body {
	overflow: hidden;
	overflow-y: scroll;
}


.None {
	display: none;
}

.Clear {
	clear: both;
}

.note.alert {
	background-color: #f69100 !important;
	color: #FFF !important;
	padding: 10px;
}

.note.alert ul,
.note.alert li {
	list-style-type: disc;
}

.note.alert ul {
	padding-left: 20px;
}

#Conteneur {
	padding: 0px;
	background-color: #ccc;
}

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

}

#Copyrights {
	color: #FFFFFF;
}

#Copyrights a {
	color: #FFFFFF !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;

}




.TxtIntroDossier .OsInstruction {
	font-size: 20px;
	color: #333;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}

.TxtIntroDossier .OsInstruction .OsTxtInfoIntruction {
	display: block;
	color: #000;
	text-shadow: none;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}


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

.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: #000;
	float: right;
	color: #fff;
	text-shadow: none;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}



.bouton.continuerachats {
	float: left;
}

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

.bouton.passercommande {
	background-color: #1c93cd;
}

.bouton.passercommande a {
	font-size: 14px;
}

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

}

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

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



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


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