@charset "utf-8";
/* CSS Document */

/* style pour Bouton Imprimer dans étape après paiement */
@media print {

	.skin-header, footer, .corner-text.outdoor-corner, .LVDossier, .OsBoutonPrint, .OsBoutonRetourGM {display:none!important;}
	.LignePaiementValide .ColGaucheLignePaiementValide {width: 100%;}
	.LignePaiementValide .ColDroiteLignePaiementValide {width: 100%;margin-top: 10px;}
	.ItemBTValider .TxtValider {text-align: center;}
	.SectionPanier {margin-bottom: 0;}
	.PageDossier .IL-Main, .IL-MainWrapper{padding: 0;}

}

@media screen and (max-width: 1276px)  {
	#MargeContenuInterieur {
		padding: 0 20px;
	}
}

@media screen and (max-width: 1024px)  {
	
	#bloclocationmateriel .OSListeResultat form,
	.ZoneBoutique #BlocAffinageResult.ListeBoutique form,
	.Resto.OSListeResultat .OSResultat.Liste,
	.Sejours.OSListeResultat .OSResultat.Liste,
	.Billet .OSListeResultat form,
	.Transport .OSListeResultat form{
		width:calc(33% - 20px)!important;
	}
	
	.ColGaucheNav{max-width:100%!important;margin-right:0!important;}

	.OSResultat.Etape3	.Chambre .ImgChambre img {
		max-height: inherit!important;
		width: 100%;
		height: 240px;
		object-fit:contain;
	}
	#MargeContenuInterieur {
		margin: 0 auto;
		max-width: 100%;
		width: 100%;
	}
	.ItemOffre .ItemOffreGauche, .ItemOffre .ItemOffreDroite	{
		max-width: 100%;
		width: 100%;
	}
		
		
	.TitreSection .contenuTitreSection{  padding: 0 10px 10px;}
	.OsListeMoteurOs{
		padding:0 0 10px 0;
	}
	
	.MoteurOS{  padding: 10px;}
	
	.OSListeResultat.BilletFnac .OSResultat .ChapoE2 {
		float: left;
		padding: 10px;
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #CCC;
	}
	.OSListeResultat.BilletFnac .OSResultat .DescrBilletFnac {
		width: 100%;
	}
	.OSListeResultat.BilletFnac .OSResultat .DescrBilletFnac .LieuBillet {
		padding-top: 0;
	}
		
	.MetierHebe .OsOngletItem .TitreBloc{ display:block;}
		
	.OSDetailResultat .OSResultat .Description,
	#DetailGallerie,
	#DetailService{
		width:100%;
		padding:10px 0;
	}
	
	.OSCritereTable {
		padding: 0;
	}
	

	.OSCritereTable .OSCritereTable-td.LibelleFormule .marginInt {    padding: 0 0 10px 0;}

	.OSCritereTable .LibellePrixUnit{    width: 45%; float:right}
	.OSCritereTable .LibelleQt {    width: 45%; float:left}
		
	.OSCritereTable .LibelleTotal {
		font-size: 18px !important;
		line-height: 44px !important;
		margin: 10px 0 !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	.OSCritereTable .LibellePrixUnit .marginInt:after{ display:none;}
	
	.OSCritereTable .LibellePrixUnit .marginInt:before {
		content: "x";
		display: inline-block;
		padding: 0 5px;
	}	
			
	#BlocAffinageResult { padding:0!important}
		
	.ColGaucheBas {
		padding-top: 0;
	}
	.ColGaucheNav {
		float: none;
		margin-bottom: 10px;
		width: 100% !important;
	}


	#BlocAffinageResult {
		width: 100%!important;
	}
		
	.ZoneBoutique .OSResultat.Etape3{ max-width:100%;
		width:100%;
		margin:0 auto;}

	.ZoneBoutique #BlocAffinageResult.ListeBoutique form .OSResultat {
		height: 230px;
	}
	
	.LVDossier.AvecBoutique .ColLVDossier.E0 .LibelleLVDossier .IcoEtape span {    float: none!important;}
	.LVDossier.AvecBoutique .ColLVDossier.E0 .LibelleLVDossier .LibelleLvPanier {    float: none!important;    margin-left: 0!important;} 

	#BlocAffinageResult {
		width: 100%!important;
	}

	.OSResultat h3.Etape3, #BlocTitreRub h2 {    font-size: 24px;}

	.ListeLieuRetrait, .SelectListeRetrait{ padding:10px 20px!important;}
	
	.TotalProduit {
		background-color: #eee;
		font-size: 23px;
		font-weight: 900;
		margin-bottom: 5px;
		padding: 10px 0;
		text-align: center;
	}
	.ColGaucheRecapBoutique,
	.ColDroiteRecapBoutique{   width: 100%;}
	
	#DetailGallerie {
		float: none!important;
		padding-right: 0!important;
		text-align:center;
	}
	#gallery {	margin:0 auto;    float: none!important;}
	.ColGaucheNav { float:none; margin:0 0 10px 0;  width: 100%;}
	#BlocAffinageResult {    display: block;    margin-left: 0;  padding: 20px;}
	.MenuBoutique ul li ul {    position: inherit;}
	.MenuBoutique .MenuBoutique{ margin:0}
	.OSResultat .ColGaucheEtape2, .VignetteEtape3,
	.Chambre .ImgChambre{
		float: none!important;
		margin-right: 0;
		padding: 0 !important;
		text-align: center;
		width: 100%;
	}
	.OSResultat .ImgChambre a {display:block;}
	.OSResultat .ImgChambre img {
		height: auto;
		max-width: inherit;
		width: 100%;
	}
	.Table-produit .Table-produit-Tr.Entete{ display:none;}

	.LignePaiementValide .ColGaucheLignePaiementValide,
	.LignePaiementValide,
	.LignePaiementValide .ColDroiteLignePaiementValide{width:100%; display:block!important;}	

	h1.TitrePage{  padding: 10px 10px 0;}

	#ListeTriSelect {
		left: 0;
		position: inherit!important;
		top: 0px;
		z-index: 1;
	}

	.MetierHebe .Cartouche h2 {
		width: 100%;
	}
	.BlocLienDetailHebergement {
		clear: both;
		position: inherit !important;
		right: 10px;
	}
	#DescriptionLong .BlocLienDetailHebergement{ margin-bottom:10px;}

	#BlocContenu #DecriptionShort .NomHebeShort {
		color: #E5002D;
		font-size: 14px;
	}
	#DetailDispo {
		float: left;
		width: 100%;
	}

	.MetierHebe #DetailService.OsOngletItem, .MetierHebe .Labels.OsOngletItem {
		border: none!important;
		padding: 0px!important;
	}
	
	.ListeIntro .ItemListeIntro{float:none!important;
	width:100%!important; margin-bottom:15px!important;}

	.ListeIntro .ItemListeIntro .ItemListeIntroImg{ height:120px; overflow:hidden;}
	.ListeIntro .ItemListeIntro .ItemListeIntroImg img{ width:100%!important;max-height:inherit!important;   margin-top: -20%;} 
	.ListeIntro .ItemListeIntro .ItemListeIntroBT a{ display:block!important;}

	#BlocContent .ColGaucheIntListe {
		float: none!important;
		margin-bottom: 35px !important;
		margin-top: 0px !important;
		width: 100% !important;
	}
	#BlocContent .ColDroiteIntListe {
		float: none!important;
		position: relative;
		width: 100% !important;
	}

	.bx-controls-direction{ display:none!important;}
	.bx-wrapper .bx-pager.bx-default-pager a{ width:10px!important; height:10px!important;}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		bottom: 25px!important;
		right: 5px!important;}

	.OSListeResultat .OSResultat .ChapoE2 .LienInfoProfuit a{
	 position: inherit!important;
	 }
	.OSListeResultat .OSResultat.Liste.ItemPaire{
		margin-left: 0%!important;
	}

	.RechercheItineraire{ display:none;}
	#ANoter{ padding:10px!important;}

	.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .LibelleMoteurOs,
	.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .FiltreMoteurOs{ width:100%;padding:0;}		

	form#formcontact .SaisieInfo.Dossier .Ligne .Libelle{ width:100%!important; font-size:12px!important;}
	form#formcontact .SaisieInfo.Dossier .Ligne .OSCritere{width:100%!important;}
	form#formcontact {
	  padding: 0!important;}

	#effacer{
		float:left!important;
		margin:0 0 0 10%;
		}

	#envoyer{
		float:right!important;
		margin:0 10% 0 0;

		}

	.boxy-wrapper { width:94%!important;}

	.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs .LibelleMoteurOs{ font-size:12px; }

	.ColDroiteIntListe,
	 .ColGaucheIntListe,
	.Cartouche .CartoucheDroite,
	.Cartouche h2,
	.Cartouche .CartoucheGauche,
	#gallery {
		width: 100%;
	}

	.devis {
		margin:5px 0;
		float: none!important;
	}

	#DetailGallerie div.navigation{ display:none!important;}
	.OSListeResultat.BilletFnac .OSResultat.Liste {
		height: auto;
	}

	.OsRecherchePartenaire.Custom .Groupe .GroupeCorps .GroupeCorpsListe .GroupeCorpsListeItem { width:100%!important; 
	margin-left:0!important;}

	.ColConetnuDetail, .ColConetnuPhoto {
		margin: 0%;
		width: 100%;
		float:none;
	}

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

	.bouton, .bouton.continuerachats {
		float: none;
		margin: 5px 0 !important;
		text-align: center;
		width: 100%;
	}
	.bouton a { text-align:center;} 

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

	.bouton.ModifierCoordonnee{ float:right; }
	.bouton.ModifierCoordonnee a{text-align:center;}

	.OSTablePanierListe td.tdPrix{ white-space:nowrap;}

	.Conditionsdevente{ width:auto; float:none;
		display: block;}


	.SaisieInfo .Ligne .OsWrapSelect.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; }

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

	#BlocAffinageCatalogue .OsWrapSelect.Qt{ width:98%;}

	#BlocAffinageCatalogue{ padding-left:0;}
	#PageHaut { right:0}

	.OSListeResultat .OSResultat.Liste .reservation.bouton{ display:none;}

	#BlocOuvrirCarto{ display:none;}

	.OSListeResultat.ListeProduit .OSResultat a {	background: none;    padding-right: 0px;}
	
	.AdresseHebe{background-color: #FFFFFF;
		border: none;}
	.OSDetailResultat .OSResultat .BlocContact{ display:block}

	.OSDetailResultat .OSResultat{background-image:none;}
	.Fl-Fb{ display:none;}

	div.slideshow a.advance-link {
		height: 100%;
		max-height: 370px;
		width: 100%;
	}

	div.slideshow {
		height: 370px;
		max-height: 370px;
	}

	#DetailGallerie{
		width:100%;
		order:-1;
	}
	
	.OSResultat.DetailBillet .Description{width:100%; padding:0;}

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

	/** SAisi Tel Dossier**/
	.SaisieInfo .Ligne{ width:100%; float:left;}
	.SaisieInfo .OsContactCommune ul li.lignecp span.saisiecp,.OsContactCommune ul li.ligneville span.saisieville{width: 100%;}


	.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 **/
	.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:66%;}
	.Table-produit .Table-produit-Td.IntQt,.Table-produit .Table-produit-Th.IntQt{float:right;}


	.OSListeResultat.ListeProduit .DescrHebe,
	.OSListeResultat.Gamme .DescrHebe {
		display: block;
	}

	.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: 100px;
		padding-bottom: 5px;
		margin-right: 0;
	}
	.Panier.Boutique .QtBoutique {
		width: 150px;
		float: right;
		padding-bottom: 5px;
		margin-right: calc(100% - 295px);
	}
	.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{ width:50%; float:right;}
	#DetailDispo .OsProduit .OsWProduitBillet .OsTarifBillet .BlocPrixTotal{ float:none; width:auto; margin:5px 0 0 0;}


	.Chambre .ColLigne, .Chambre .ColDroiteDispo, .ColDroiteDispo {    width: 100%;}

	.OSCritereTable .LibelleFormule { width: 100%;}
	.OSCritereTable .LibellePrixUnit{ width:auto;}
	.OSCritereTable .LibelleTotal{ width: 20%;}



	.MoteurOS .OsListeMoteurOs .OsListeLigneMoteurOs {width: 100%;}
	.BtRecherche a, .BtRecherche a:link, .BtRecherche a:active, .BtRecherche a:visited{ float:none; display:block;}


	.OSCritereTable .LibelleFormuleEsf {    width: 100%;}
	.OSCritereTable .LibellePrixEsf,.OSCritereTable .LibelleBtEsf {    width: auto;}
	.OSCritereTable .LibelleBtEsf{ float:right;}


	.OSTableSupplements .bouton.passercommande {
		clear: both;
		margin:5px 0;
	}

	.BlocInfoResa{position: inherit!important;     right: 0;    top: 0;}
	.LVDossier .ColLVDossier, 
	.LVDossier .ColLVDossier.Actif .LibelleLVDossier{    text-align: center;}
	.bleu, .bleu h2 {    font-size: 18px !important;}

	.Chapo .TitreChapo.TitreSejour{padding:10px 0px 0 0!important;}

	.OsProduitOverlay.CVERT .BlocPrix, .OsUnicampPopIn.os-overlay .BlocPrix {    padding-left: 0;    padding-top: 0;}



	.OsProduit.api .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .BlocProduit .LightBoxChambre a img,
	.ContenuDetailLocMat .BlocDescriptionDetail .LightBoxLocMat a img {    border: 0 none;    width: 90px;}

	.OsProduit.api .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .BlocProduit .Intitule,
	.OsProduit.api .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .BlocProduit .Residence,
	.ContenuDetailLocMat .BlocDescriptionDetail .Intitule,
	.OsProduit.api .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .BlocProduit .BlocType,
	.OsProduit.api .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .CibleFA {
		padding-left: 0;
	}
	.OsProduit.api .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .BlocProduit .LightBoxChambre {
		display: block !important;
	}

	.OsProduit.api .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .BlocProduit .LightBoxChambre a, 
	.ContenuDetailLocMat .BlocDescriptionDetail .LightBoxLocMat a {
		height: auto!important;
		line-height: inherit!important;
	}
	.OsProduit.api .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .CibleFA .BlocFormuleAge .BlocPersonnes .Personne {
		min-height: 25px;
		padding-right: 0;
		width: auto;
	}

	.OsProduitOverlay.CVERT .BlocPrix, .OsUnicampPopIn.os-overlay .BlocPrix {
		padding-left:0% !important;
		padding-top: 0 !important;
	}


}

@media screen and (max-width: 959px)  {
	#MargeContenuInterieur {
		padding: 0;
	}
	.ColGaucheNav {
		max-width: 300px;
	}
}

@media screen and (max-width: 801px){
	.OsHidden {
		display: none;
	}
}

@media screen and (min-width: 801px)  {
	
	body {
		overflow-x: hidden;
		overflow-y: auto;
	}

	.OsOngletItem .DescrToggle,
	.OsOngletItem .DescrToggle.Show{ display:block;}

	#ListeCatalogueCommune{ float:left; width:49%;}
	#ListeCatalogueClassement, #ListeCatalogueType{float:right; width:49%;}

	.MetierHebe .OSListeResultat .OSResultat .DescrHebe {
		display: block;
	}

	#BlocAffinageCatalogue .OsWrapSelect.Qt{ width:47%;float:left; margin-left:5px;}

	.DetailBoutique .ColDroiteInt{ width:32.5%;}
	.DetailBoutique .ColGaucheInt{ width:66.5%;}
	.DetailBoutique .ColGaucheInt .Description{ padding:10px 0 15px 0}

	.DetailBoutique div.slideshow img {
		width: auto;
		height:100%;
	}

	.DetailBoutique div.slideshow{
		height:190px;

	}

	.DetailBoutique div.slideshow a.advance-link {
		line-height:190px;
		max-height: 190px;
	}
}




/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	.VisuelCoteDossier {
		width:100%!important;
		height:139px!important;
		background:url(../images/VisuelCoteDossierTablette.png) center top no-repeat!important;
		margin-bottom:10px!important;
		float:none!important;
	}
	
	.ColDossier {display: block!important;}
	
	.EnteteDossier{display: none!important;}
	
	#ZoneDossier{ width:740px!important;}
	
	.bouton.passercommande,
	.bouton.precedent{ width:49%!important;}
	
	.BigBtRetour {
		margin: 0 auto;
		width: 740px;
	}

}

@media only screen and (max-width: 768px){
	
	h2{
		font-size:28px;
	}
	
	
	
	.ColDroiteInt{ width:100%; padding:0;}
	.ColGaucheInt{ width:100%; padding:0;}
		
	.ColDroiteInt{order:-1;}
	.ColDroiteInt h2{margin-bottom: 10px; font-size: 16px;}
		
	.OsOngletItem .DescrToggle{ 
		display:none;
	}
	.OsOngletItem .DescrToggle.Show{ display:block;}
		
	.OsOngletItem .TitreBloc{margin-bottom:10px; font-size:16px;}
	
	.OsOngletItem .TitreBloc:before{
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 20px;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		padding-right: 5px;
		content: "\f107";
		position: absolute;
		right: 0;
		text-rendering: auto;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #403438;
	}
	
	.OsOngletItem .TitreBloc.active:before {
		content: "\f106";
	}
	
	.MetierHebe .OsOngletItem .TitreBloc {
		border-radius: 0;
		color: #fff;
		cursor: pointer;
		font-size: 14px;
		font-weight: bold;
		line-height: 22px;
		margin: 0;
		padding: 8px 5px;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	#bloclocationmateriel .OSListeResultat form,
	.Billet .OSListeResultat form,
	.Transport .OSListeResultat form,
	.Resto.OSListeResultat .OSResultat.Liste,
	.JBConcept.OSListeResultat form,
	.Esf.OSListeResultat form,
	.Sejours.OSListeResultat .OSResultat.Liste{width:100%!important; margin:0 0 20px 0; }
	
	.MenuBoutique{display:none;}
	.ItemRetourBoutique{display:block!important;}
	
	body .Chambre h4{clear:left; margin-top:10px!important;}
	
	.Table-produit .Table-produit-Td.IntPrix, .Table-produit .Table-produit-Th.IntPrix,
	.Table-produit .Table-produit-Td.IntQt, .Table-produit .Table-produit-Th.IntQt{
		width: 100%;
		text-align:center;
	}
	
	.BoutonFiche, .OsBtAjoutPanier{width:100%;}
	
	.TableListePanier.SupplementDossier  .TableListePanier-tr .TableListePanier-td .MaxHeightProduit{
		height:40px!important;
	}
	
	.__osdiv.__ossep1, .DecriptifProduitPanier div:first-child { font-size: 18px; line-height:22px; }
		
	.BlocBtValiderResa { text-align: center; }
		
	.OSTablePanierListe th{ border:none!important;}
		
	.BlocOSTotalAcompte.PrixTotalPaiement {
		border-top: 1px solid #cacaca;
		margin-bottom: 10px;
		padding: 10px;
	}
		
	.ZoneBoutique .OsWrapSelect select, #ZoneDossier .OsWrapSelect.Qt select, #ZoneDossier .OsWrapSelect select, .OsContactCommune ul li.ligneville span.saisieville select {    padding: 0 5px; }
	.SaisieInfo .Ligne .wrapInput input[type="text"], .wrapInput input[type="text"], .saisiecp input {    padding: 0 8px;}

	.SaisieInfo .Ligne,
	.SaisieInfo .TelDossier .ColTelDossier,
	.SaisieInfo .OsContactCommune ul li {
		float: left;
		width: 100%;
	}
	.EnteteDossier{display: none!important;}
	#ZoneDossier { 
		max-width:100%!important;
		width:100%!important;
		margin:0;
	}
	.VisuelCoteDossier{ display:none!important;}

	.TableListePanier .TableListePanier-tr .TableListePanier-td .MaxHeightProduit {    height: 50px!important;}
	.TableListePanier .TableListePanier-tr .TableListePanier-td.BtListePanier:empty { display:none!important;}
	.bouton.precedent,
	.bouton.passercommande{ width:100%!important;}
	.BlocOSTotal{ margin:10px 0 !important;padding:10px!important;}
	.BlocOSTotal .LibelleTotalResa,
	.BlocOSTotal .TotalResa{ padding:0!important;}


	.TableListePanier .TableListePanier-tr .TableListePanier-td.LibelleListePanier {    background-position: left center !important;}
	.bouton.precedent{  margin-top: 30px;}

	.SaisieInfo .OsContactCommune ul li.lignecp span.saisiecp, .OsContactCommune ul li.ligneville span.saisieville
	{ width:100%!important;}
	.ConteneurCGV-BTPaiement{ width:100%!important; display:block!important;}
	.LogoCartePaiement .ImgCartePaiement{ background-position:center bottom!important;}

	.BlocOSTotal.Panier {
		margin: 0 0 20px!important;
		padding: 10px!important;
	}
	.LogoCartePaiement{ width:100%!important;}
	.LogoCartePaiement .TitleLogoCarte {padding: 5px 0 10px 00px;}


	.BtModifCoodonneePanier {
		position: inherit!important;
		text-align: left!important;
		width: auto!important;
		padding: 0!important;
	}
	.DetailCoordonneeClient{ padding:10px!important;}	
	.BtModifCoodonneePanier .ModifierCoordonnee, .BtModifCoodonneePanier .ModifierPanier {
		padding: 10px 0;
	}

	.Conditionsdevente .TextConditionsdevente input {
		margin: 0 5px 0 0 !important;
		width: auto;
	}
	.Conditionsdevente .TextConditionsdevente {
		padding-left: 0;
		line-height:20px;
		margin-top:10px;
	}
	.TxtIntroDossier .OsInstruction{
		font-size: 20px !important;
		line-height: 25px !important;
	}
	.TxtIntroDossier .OsInstruction span{ line-height:22px!important;}
	
	.ItemHautDossier {    padding: 20px 0 0 0!important;}
	.SectionPanier {  padding: 0!important; background-color:transparent!important;}
	.ConteneurMontantPaiement {
		margin: 0 0 30px !important;
	}

	.OSTablePanierListe td.tdLibelle {
		display: block;
		padding: 10px !important;
		width: 100% !important;	
		border-bottom:none;
		border-top:none;
	}
	.OSTablePanierListe td.tdPrix {
		display: block;
		width: 100% !important;
		padding: 5px 10px!important;
		color: #333;
		margin: 0 0 20px;
		line-height: normal;
		background-color: #f7f7f7;
		border-top: none!important;
	}
	.ZoneBoutique #BlocAffinageResult {
		flex: 1 1 auto;
		width: 100%!important;
		margin-left: 0!important;
	}

}

@media only screen and (max-width: 700px){
	
	.BlocOSTotal.Panier .LibelleTotalResa {color: #333;}

	.bouton.continuerachats a, .bouton.passercommande a {
		font-size: 17px !important;
	}
	.SaisieInfo .OsContactCommune,
	.SaisieInfo .Ligne, .SaisieInfo .TelDossier .ColTelDossier, .SaisieInfo .OsContactCommune ul li {
		width: 100% !important;
	}
	.ZoneBoutique #BlocAffinageResult.ListeBoutique form,
	.OSListeResultat .OSResultat.Liste{
		width: 100% !important;
		margin: 0 0 20px 0 !important;
	}
	.ZoneBoutique #BlocAffinageResult.ListeBoutique form .OSResultat {
		height: auto;
		padding-bottom: 50px;
	}
}

@media only screen and (max-width: 610px){
	
	.LVDossier .ColLVDossier.Actif {
    	display: block;
	}
	.LVDossier .ColLVDossier {
	    display: none;
	}
	.LVDossier .FdLVDossier {
    	margin-bottom: 20px;
   		display: block;
	}
	.OSResultat.ListePanier {
	    text-align: left;
	}
	.DecriptifProduitPanier {
	    padding: 0 50px 0 0 !important;
	}
	#section-page {
	    padding: 20px;
	}

}


@media only screen and (max-width: 550px){
	
	body .header-banner {
		height: 200px;
	}
	body .container {
		padding-left: 0;
		padding-right: 0;
	}
	body .IL-MainWrapper {
		padding: 0;
	}
	body #ZoneDossier {
		padding: 10px 0;
	}
	body .LVDossier {
		margin: 0;
		padding: 0;
	}
	body .TitreRecap {
		font-size: 22px;
	}
	.Osbouton.continuerachats, .Osbouton.passercommande {
		width: 100%!important;
		padding: 2px 0;
	}
	.Osbouton.continuerachats a, .Osbouton.passercommande a {
		width: auto;
		padding: 0 10px;
	}

}