@import url("widget-livraison.css");

.ZoneBoutique h2{
	font-size:54px!important;
	line-height:54px!important;
	margin:10px 0!important;
}

#CalcBoutique{
	width:100%;
}

/****/
.ItemRetourBoutique { 
	display:none;
	margin:20px 0;
	text-align:center;
}

.ItemModaliteLivraison{
	padding-top:30px;
}
.ItemModaliteLivraison a,
.ItemRetourBoutique a{
    display:flex;
    display:-webkit-flex;	
	
	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	
	background-color:#00c654;
	border:1px solid #00c654;
	padding:10px;
	color:#fff;
	
}
.ItemModaliteLivraison a .img, 
.ItemRetourBoutique a .img{
flex:1 1 auto;
padding-right:10px;}
.ItemModaliteLivraison a .img svg{fill:#fff!important;}
.ItemModaliteLivraison a .libelle,
.ItemRetourBoutique a .libelle{
	flex:1 1 100%;
	font-size:17px;
	font-weight:bold;
	align-self:center;
}

.ItemModaliteLivraison a:hover,
.ItemRetourBoutique a:hover{background-color:transparent!important; color:#00c654!important;}

/****/
.PresentaionHTML{ display:none;}
.PresentaionHTML.Show{ display:block; 
padding-bottom:10px}

.PresentaionHTML img{
	width: auto!important;
	height: auto!important;
	max-width: calc(100% - 10px)!important;
	margin:0 5px;
}

.PresentaionHTML table{width: 100%!important;}


.Chambre .TitreBloc a span.MoinsDetail{display:none;}

.Chambre .TitreBloc a span.PlusDetail,
.Chambre .TitreBloc.active a span.MoinsDetail{display:inline-block;}
.Chambre .TitreBloc.active a span.PlusDetail{display:none;}


.ZoneBoutique { margin: 0 auto;
   
    width: 100%;}
.ZoneBoutique #MargeContenuInterieur{ position:relative;
}

.NomRub {       background-color: #f7f6f1;
    padding: 20px 0; 
	margin-top:15px;}
.contenuNomRub { 	    font-family: "Open Sans",Arial;
   /* font-weight: normal;*/
    text-rendering: optimizeLegibility;

    font-size: 50px;
    clear: both;
    margin: 0;
text-align:left;
	    margin: 0 auto;
    max-width: 1130px;
    width: 100%;
padding: 0 10px;
	 }

.VisuelCoteDossier{ float:left;}
.ColDroiteEtape2,
.AffichageDefaut,
.ConteneurDetailBoutique{ overflow:hidden;}

.ColDroiteRecapBoutique{      align-items: center;
    display: inline-flex;
    text-align: center;
    width: 25%;}
.ColGaucheRecapBoutique{   align-items: center;
    display: inline-flex;
    flex: 1 1 auto;
    flex-wrap: wrap;}

/*
#gallery{
    display: block;
    float: left;
    width: 420px;
height:310px;
}*/


.TotalProduit{    flex: 1 1 auto;
    font-size: 23px;
    font-weight: 900;
    text-align: right;}

.ColGaucheNav{
	flex: 1 1 100%;
	float: none;
	margin-right: 15px;
	max-width: 305px;
	padding: 10px;
	vertical-align: top;
	background: #f5f5f5;
}
   
.ColGaucheNav .LibelleColGaucheNav   {
  color: #fe8245 ;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 5px;
display:none;
	   }
   .OSComboBtRechercheBoutique{ border:none!important;
   width:100%!important;
     padding: 5px!important;
	 font-size:14px!important;
	 
	 height: 32px!important;
    line-height: 32px!important;
    margin-bottom: 0!important;
	border:solid 1px #cacaca!important;
	background-color:##FAFAFA!important;}

.AdresseDetailBoutique,
.ContenuDetailBoutique{ margin:0 0 14px 0;}

#BlocAffinageResult h1{
	color: #1c1c1c;
	font-family: 'Open Sans',sans-serif;
	font-size: 24px;
    line-height: 1;
    margin:0 0 20px 0;
    text-transform: uppercase;
    padding: 0;
	text-align:left;
}

#BlocAffinageResult{  
	line-height: 22px;
	padding: 0 0px 20px 0px;
	vertical-align: top;
	display: flex;
	flex-flow: row wrap;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	justify-content: space-around;
}

.ZoneBoutique .FullLargeur form,
#ZoneDossier .FullLargeur form{
    margin-bottom: 5.1rem;
    position: relative;
	width:100%;
}
.ZoneBoutique #BlocAffinageResult{
	flex: 1 1 auto;
	width:calc(100% - 320px);
}

.ZoneBoutique #BlocAffinageResult.ListeBoutique{
	width:100%!important;
	display:flex;
}

#BlocAffinageResult.ListeClassique {padding:80px 0px 20px 0px}
.ZoneBoutique .FullLargeur,
#ZoneDossier .FullLargeur {flex: 1 1 100%;
-webkit-flex: 1 1 100%;}

#BlocAffinageResult.ListeClassique .OSResultat{
    position: absolute;
    top: 0;
    left: 0;
    padding: 1.3rem;
    width: 100%;
    background: #fff none repeat scroll 0 0;
    transition: all 500ms ease 0s;
}

#BlocAffinageResult.ListeClassique .OSResultat:hover{
	    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
}

#BlocTitreRub{
    margin-bottom: 20px;
    padding: 0 0 20px 0;
	flex:1 1 100%;
	-webkit-flex:1 1 100%;
}

.OSResultat h3.Etape3,
#BlocTitreRub h2{  
	vertical-align:top;
	margin: 0 0 0 0!important;
	text-align: left;
	line-height: 40px;
	padding-bottom: 0;
	position: relative;
	color: #1c1c1c;
	font-family: 'garage-gothic',sans-serif;
	font-size: 40px!important;
	text-transform:uppercase;
}
.OSResultat h3.Etape3.Panier{
border-bottom:solid 1px #cccccc;
padding:5px 5px 12px 5px;
}

.OSEntetePage{  
align-items: center;
    background-color: #f1f1f1;
    display: flex;
    font-size: 16px;
    margin: 0 10px;
    min-height: 50px;
    padding: 0 10px;
  }
.OSEntetePage label{  padding:0!important}

.OSEntetePage.NbResultFontSize{   }
.OSEntetePage .NbResultat{   display: inline-block;
    font-size: 32px;
    font-weight: bold; }


	
	#BlocNbResulatTxt {
   clear:both;
}

#BlocAffinageResult .OSResultat{     
	position: relative;
	float: left;
	width: 100%;
	position: relative;
	transition: all 500ms ease 0s;
	margin-bottom: 20px;
	padding: 30px 20px;
	background-color:#F5F5F5;
}

#BlocAffinageResult.ListeBoutique .OSResultat,
.ZoneBoutique #BlocAffinageResult.ListeBoutique form{  
	background:#f5f5f5 none repeat scroll 0 0;
	border: medium none;
	margin: 10px 5px 0;
	width: calc(33% - 10px);
	overflow:hidden;
}

.ZoneBoutique #BlocAffinageResult.ListeBoutique form .OSResultat{
	 background:transparent;
	 margin: 0;
	 width:100%;
	height:auto;
	padding:10px
 }


.Nomade #BlocAffinageResult .OSResultat:nth-child(3n+1) {
	clear:both;

}
.ZoneBoutique #BlocAffinageResult.ListeBoutique form:hover, 
#BlocAffinageResult.ListeBoutique .OSResultat:hover{  
/*background:#fff none repeat scroll 0 0;*/
    -webkit-box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.2);}


.OSResultat .ColGaucheEtape2,
.VignetteEtape3 {    float: left;    margin-right: 20px; width: 150px;}

.OSResultat .ColGaucheEtape2 img{   height: auto;    max-width: 150px;}
.VignetteEtape3 img#PhotoBig{   height: auto;    max-width: 250px;}

.VignetteEtape3 a#LienPhotoBig {}

#BlocContenuInter{ font-size:18px; text-align:left; }

#BlocContenuInter ul, #BlocContenuInter li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#BlocContenuInter ul:before, #BlocContenuInter li:before { display:none;}

.OSResultat h3{
	color: #ae1571;
    display: block;
    font-family: 'Raleway',sans-serif!important;
    font-size: 20px!important;
    font-weight: bold!important;
    line-height: 24px;
    margin: 0 !important;
    padding: 0 !important;
    text-transform: uppercase;
}
.OSResultat h3 a, .OSResultat h3 a:link, .OSResultat h3 a:active, .OSResultat h3 a:visited, .OSResultat h3 a:hover{ text-decoration:none; color: #ae1571!important;}

#BlocAffinageResult .OSResultat .Contenu,
.CoordonneBoutique{
	margin:10px 0;
}

.OSResultat h3 .NomCommune{font-size:11px; font-family: Arial,Verdana,sans-serif; color:#333; text-transform:none; font-weight:bold;padding-top: 3px;}
.OSResultat h3 .NomCommune .LibelleCommune{ color:#777777;}

.OSResultat h3 .NomCommune em{font-weight:normal;}

.BTResaListe{ text-align:right;}

.BoutonFiche,
.OsBtAjoutPanier{
	background: url("../images/pattern.svg") center repeat #0082a3;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 15px;
	text-transform: uppercase;
	white-space: nowrap;	
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration:none;
}

.BoutonFiche:hover,
.OsBtAjoutPanier:hover {
  color: #FFF;
  text-decoration: none;
  background: #ae1571;
}
.BoutonFiche:hover:after,
.OsBtAjoutPanier:hover:after {
  width: 100%;
}

.TitreBloc a{
	background: url("../images/pattern.svg") center repeat #0082a3;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-family: 'Raleway',arial,sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 16px;
	padding: 10px 15px;
	text-transform: uppercase;
	white-space: nowrap;
	-moz-transition: all 350ms ease;
	-o-transition: all 350ms ease;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	text-decoration:none;
}
   
.TitreBloc a:hover {
  text-decoration: none;
  background: #ae1571;
}

.OsBtAjoutPanier .Reserver{ text-transform:uppercase;}

.ZoneBoutique .PrixBarre{ color: #999;
    display: block;
    font-size: 13px !important;
    text-decoration: line-through;
    text-indent: 5px;}

.LigneVieBoutique{	font-weight:normal;  display:none; }
.LigneVieBoutique span{font-weight:normal; font-style: normal; padding-right:5px;}

.LigneVieBoutique a, .LigneVieBoutique a:link, .LigneVieBoutique a:active, .LigneVieBoutique a:visited{  padding: 0 5px; text-decoration:none; color:#252525; }
.LigneVieBoutique a:hover{ text-decoration:underline; }


.ContenuDetail{

	margin-top:0px;
	background-repeat: no-repeat;
   display: flex;
    flex-flow: row wrap;  

	display: -webkit-flex;
    -webkit-flex-flow: row wrap;
	
width:100%;
}


.ColIntermediaireDroite {
    padding-bottom: 15px;
		flex:1 1 100%;
	-webkit-flex:1 1 100%;

}

.ColGaucheBas {padding-top:10px;}

.Chambre .ImgChambre {
    float: left;
    padding: 0 15px 15px 0;

	overflow:hidden;
}
.Chambre .ImgChambre:empty { display:none;}

.Chambre .ImgChambre img{ /*	max-height:200px;*/
width:200px;}

.Chambre h4 {
	text-transform:uppercase;
    color: #ae1571!important;
    display: block!important;
    font-family: 'Raleway',sans-serif!important;
    font-size: 20px!important;
    font-weight: bold!important;
    line-height: 1!important;
    margin: 0 0!important;
    padding: 0!important;
    text-align: left!important;
}
.Chambre .DescrHebe{}
.ModuleRecherche{display:none; width:100%;  padding: 0 0 15px;}
.ChampRecherche{ display:table-cell;width:100%;
    vertical-align: top;}
.BtOkRecherche{}
.BtOkRecherche input{ background-color: #fe8245 ;
    border: medium none;
    color: #fff!important;
    font-weight: bold;
    padding: 0 5px; 
    text-transform: uppercase;
	
	height:auto;
	line-height:32px;
	  width: 40px;} 
.BtOkRecherche input:hover{background-color:#F29B9B;}

/*****/
.MenuBoutique .MenuBoutique{padding-top: 3px;}
.MenuBoutique ul{}


.MenuBoutique ul li{ 
 border-top: 1px solid #fff;
    padding: 7px 5px !important;}
	.MenuBoutique ul li:first-child{  border-top: none;}
.MenuBoutique ul li li{ 
    list-style:square inside!important;}
	
.MenuBoutique ul li ul{padding: 0 0 0 10px !important;
    list-style:square inside!important;

}
.MenuBoutique ul li:hover ul:nth-child(1){ display:block; }
	  
.MenuBoutique ul li a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height:18px;
  color: #1c1c1c;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
   text-decoration:none;
}

.MenuBoutique ul li a:hover{  background: none repeat scroll 0 0 rgba(255,255,255,.3);
background-color:transparent;}

.MenuBoutique ul li li a{   background: none repeat scroll 0 0 transparent;}
.MenuBoutique ul li li a:hover{   background: transparent!important;}

.OSResultat .ItemOffreSectionHover{
	padding: 0px 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 0%;
    background: #333333;
    color: #fff;
    z-index: 20;
    overflow: hidden;
    -moz-transition: height 500ms ease, padding 900ms ease;
    -o-transition: height 500ms ease, padding 900ms ease;
    -webkit-transition: height 500ms ease, padding 900ms ease;
    transition: height 500ms ease, padding 900ms ease;
}
.OSResultat:hover .ItemOffreSectionHover{ padding: 15px;
height:100%;}