﻿*:focus 
{ outline:none; }
.BlocWidgetGamme{ position:relative; }
.BlocWidgetGamme:after{ position:absolute; left:0; right:0;top:0;bottom:0; }

			.BlocWidgetGamme .BlocLigneVie{ display:none;}
			
			.BlocWidgetGamme .BlocLigneVie .BlocLigneVieNiveau{ background-color:#ccc; padding:4px 8px; margin:0 2px 2px 0; cursor:pointer; display:inline-block;}
			.BlocWidgetGamme .BlocLigneVie .BlocLigneVieNiveau .BlocLigneVieSeparateur{ display:inline-block; padding-right:5px}
			.BlocWidgetGamme .BlocLigneVie .BlocLigneVieNiveau .BlocLigneVieTitre{ display:inline-block;}
			
			.BlocToutesGammes{ }
			.BlocToutesGammes .BlocSousGamme{ padding:10px; margin-bottom:2px; background-color:#ccc;cursor:pointer;
			 vertical-align: top;}
			.BlocToutesGammes .BlocSousGamme .BlocSousGammeTitre{}

			
			.BlocGamme{ background-color:#f2f2f2; padding:20px 28px 28px;}
			.BlocGamme .BlocProduits{ padding:0;}
			
			.BlocWidgetProduit{}
.BlocWidgetProduit .BlocMoteurReservation {
    background-color: transparent;
    margin: 0;
  padding: 0;
}
			.BlocWidgetProduit .Table-produit{   }
			.BlocWidgetProduit .Table-produit .Table-produit-Tr{  display:table; width:100%; border-bottom:solid 2px #fff; padding:20px 0;}
			.BlocWidgetProduit .Table-produit.ProduitAvecConditionnements .Table-produit-Tr{ padding:0;}
			.BlocWidgetProduit .Table-produit.ProduitAvecConditionnements
			{  display:table; width:100%; border-bottom:solid 2px #fff; }
			.OsDernier .BlocWidgetProduit .Table-produit .Table-produit-Tr:last-child,
			.BlocWidgetProduit .Table-produit.ProduitAvecConditionnements .Table-produit-Tr.LigneProduit
			{ border:none;  padding-bottom:0px;}
			.OsPremier .BlocWidgetProduit .Table-produit .Table-produit-Tr:first-child{padding-top:0px;}
			
			.BlocWidgetProduit .Table-produit .Table-produit-Tr .Table-produit-Td{
				display:table-cell;
				/*float:left;*/
				vertical-align:middle;}
			.BlocWidgetProduit .Table-produit .Table-produit-Tr .Table-produit-Td .MargeInt{ padding: 0 8px;}

			.BlocWidgetProduit .Table-produit .Table-produit-Tr.LigneProduit{}
			.BlocWidgetProduit .Table-produit .Table-produit-Tr.LigneProduit.ElementSelectionne{}
			
			.BlocWidgetProduit .Table-produit .Table-produit-Tr.LigneProduit .Table-produit-Td.IntArticle{ width:55%;   /*padding-top: 8px;*/}
			.BlocWidgetProduit .Table-produit .Table-produit-Tr.LigneProduit .Table-produit-Td.IntArticle .MargeInt{ padding: 0;}
			
			.BlocWidgetProduit .Table-produit .Table-produit-Tr.LigneProduit.ElementSelectionne .Table-produit-Td.IntArticle{ font-weight:bold;}
			
			
			.BlocWidgetProduit .Table-produit .Table-produit-Tr.LigneProduit .Table-produit-Td.IntPrix .IntPrixBarre{font-size:12px; text-decoration:line-through;  line-height: 10px;}
			.BlocWidgetProduit .Table-produit .Table-produit-Tr.LigneProduit .Table-produit-Td.IntPrix{ color:#e51779; font-size:14px; text-align:right;  white-space:nowrap;
			display:table-cell;
			width: 20%;
			padding:0px 0 0 8px;
					  font-weight:bold;

			}
			.BlocWidgetProduit .Table-produit .Table-produit-Tr.LigneProduit .Table-produit-Td.IntQt{ /*float:right;*/padding-right:0; width:25%; }
			.BlocWidgetProduit .Table-produit .Table-produit-Tr.LigneProduit .Table-produit-Td.IntQt .MargeInt{ padding-right:0;}
/*			.BlocWidgetProduit .Table-produit .Table-produit-Tr.LigneProduit .Table-produit-Td.IntQt:empty{ display:none;}*/
			
			
			.BlocWidgetProduit .Table-produit.ProduitAvecConditionnements{ display: table;
    width: 100%;
	padding:20px 0;
	}			.BlocWidgetProduit .Table-produit.ProduitAvecConditionnements:first-child{ padding-top:0;
	}
			.BlocWidgetProduit .Table-produit.ProduitAvecConditionnements .Table-produit-Tr.LigneProduit{  display: inline-block;   width: 50%;}

			.BlocWidgetProduit .Table-produit.ProduitAvecConditionnements .Table-produit-Tr.LigneProduit.LigneConditionnement{ width:60%; float:right;  padding-top:10px;}
			.BlocWidgetProduit .Table-produit.ProduitAvecConditionnements .Table-produit-Tr.LigneConditionnement:nth-child(2){ padding-top:0;
			}
			.BlocWidgetProduit .Table-produit.ProduitAvecConditionnements .Table-produit-Tr.LigneProduit.LigneConditionnement{ width:60%; float:right; }
			.BlocWidgetProduit .Table-produit.ProduitAvecConditionnements .Table-produit-Tr.LigneProduit.LigneConditionnement + .LigneConditionnement{ clear:both;}
			.BlocWidgetProduit .Table-produit.ProduitAvecConditionnements .Table-produit-Tr.LigneProduit.LigneConditionnement .Table-produit-Td{  display:"table-cell";  width:33%; }
			.BlocWidgetProduit .Table-produit.ProduitAvecConditionnements .Table-produit-Tr.LigneProduit.LigneConditionnement .Table-produit-Td.IntArticle{ 
			text-align:right;
    overflow: hidden;
    width: 33%;
	 padding-top: 0;
			}
			.BlocWidgetProduit .Table-produit.ProduitAvecConditionnements .Table-produit-Tr.LigneProduit.LigneConditionnement .Table-produit-Td.IntPrix .IntPrixBarre{}
			.BlocWidgetProduit .Table-produit.ProduitAvecConditionnements .Table-produit-Tr.LigneProduit.LigneConditionnement .Table-produit-Td.IntPrix{}
			.BlocWidgetProduit .Table-produit.ProduitAvecConditionnements .Table-produit-Tr.LigneProduit.LigneConditionnement .Table-produit-Td.IntQt{}
			
			
			
		.BlocWidgetProduit .Table-produit.ProduitAvecConditionnements .Table-produit-Tr.LigneProduit.LigneProduitConditionnements{  display: inline-block;  width:40%;  vertical-align:middle;
		  
	
			}
			.BlocWidgetProduit .Table-produit.ProduitAvecConditionnements .Table-produit-Tr.LigneProduit.LigneProduitConditionnements .Table-produit-Td.IntArticle{ 
			width:100%;
			  padding-top: 0;}
			
			
			.BlocWidgetProduit .Table-produit .Table-produit-Tr.LigneProduit .Table-produit-Td.IntArticle .BlocReference{ font-style:italic; font-size:12px; padding-bottom:5px;
			display:none;}
			.BlocWidgetProduit .Table-produit .Table-produit-Tr.LigneProduit .Table-produit-Td.IntArticle .BlocNomProduit{ }

			
			.BlocWidgetProduit .BlocQt{  /*background-color: #fff;
    border: 1px solid #ccc;*/
    display: table;
/*    padding: 5px;*/
    vertical-align: top;
    width: 100%;}
	

		.OPBO .OsWrapSelect{ 
display:inline-block!important;
width:100%!important;
text-align:center!important;
overflow:hidden!important;

 background-color:#fff!important;
/*padding:5px!important;*/
height:42px!important;
vertical-align:middle!important;
border: 1px solid #ccc!important;
position:relative!important;
  padding: 0 !important;

background-image: url(../il-images/img-widget/select-down.svg)!important;
background-position: right  15px center ;
background-repeat:no-repeat;


} 
 

.OPBO .OsWrapSelect select{
 border:none!important;
  background-image:transparent!important;
background-color:transparent!important;
    border: 0 none!important;
	width: 100%!important;
-webkit-appearance: none!important;
-moz-appearance: none!important;
font-size:14px!important;
color:#1d1d1d!important;
text-indent:0px!important;
margin:0px!important;
    /*padding: 11px 5px 11px 11px!important;*/
/*line-height:17px;*/
 -moz-box-shadow: none!important;
 -webkit-box-shadow: none!important;
box-shadow: none!important;
  padding: 0 0 0 5px !important;
   font-style: normal !important;
}
	
			.BlocWidgetProduit .BlocQt .BlocPlusMoins{display:table-cell; font-size:18px; font-weight:bold; width:20px;
			cursor:pointer;
			}
			.BlocWidgetProduit .BlocQt .BlocPlusMoins span{ font-size:0;}
			.BlocWidgetProduit .BlocQt .BlocPlusMoins.BlocMoins{ display:table-cell; height:20px;
			 background: #fff url("../il-images/icones/svg/noir/ico-moins.svg") no-repeat scroll center center / 13px auto;
			}
			.BlocWidgetProduit .BlocQt .BlocPlusMoins.BlocPlus{display: table-cell; height:20px; 
			 background: #fff url("../il-images/icones/svg/noir/ico-plus.svg") no-repeat scroll center center / 13px auto;}
			 
			 .BlocWidgetProduit .BlocQt .BlocPlusMoins.BlocMoins:hover{ background: #fff url("../il-images/icones/svg/rose/ico-moins.svg") no-repeat scroll center center / 13px auto;
			}
			.BlocWidgetProduit .BlocQt .BlocPlusMoins.BlocPlus:hover{background: #fff url("../il-images/icones/svg/rose/ico-plus.svg") no-repeat scroll center center / 13px auto;}
			 
			 
			.BlocWidgetProduit .BlocQt .BlocQtInput{display:table-cell; width:50px; }
			.BlocWidgetProduit .BlocQt .BlocQtInput input{background-color:transparent;border:none; text-align:center;
			 width: 100%;
			line-height:20px;
			 padding: 2px 0;
			 vertical-align:top;
			}
			
			
.BlocWidgetGamme .BlocBoutonReserver a,
.BlocWidgetProduit .BlocBoutonReserver a{
background-color:#e51779;
color:#fff;
text-transform:uppercase;
font-size:21px;
display:inline-block;
padding:10px 35px;
text-align:center;
text-decoration:none;
font-weight:400;
font-family: 'Roboto Condensed', sans-serif;}



.BlocWidgetGamme .BlocBoutonReserver a:before,
.BlocWidgetProduit .BlocBoutonReserver a:before{
background:  url("../il-images/icones/svg/blanc/ico-caddie.svg") no-repeat scroll left center;
 background-size:auto 23px ;

 display:inline-block;
 width:35px;
  height:23px;
  content:"";
  padding-right:15px;
  position:relative;
  left:0;
}
			

			.BlocWidgetGamme .BlocBoutonReserver,
			.BlocWidgetProduit .BlocBoutonReserver{ text-align:right;
			padding-top:20px;}

.BlocWidgetGamme .BlocWidgetProduit .BlocBoutonReserver{ display:none;}			
			
			.BlocWidgetGamme .BlocBoutonReserver{}			
			.BlocWidgetGamme .BlocBoutonReserver a{}
			.BlocWidgetGamme .BlocBoutonReserver a span{}
			.BlocWidgetGamme .BlocBoutonReserver a:hover{ background-color:#ea4d97;}

			.BlocWidgetProduit .BlocBoutonReserver{}
			.BlocWidgetProduit .BlocBoutonReserver a{}
			.BlocWidgetProduit .BlocBoutonReserver a span{}
			.BlocWidgetProduit .BlocBoutonReserver a:hover{}
			
			
			.BlocConteneurPrixTotal{    padding-top: 20px;
			    display: table;
    width: 100%;
			}
			.BlocConteneurPrixTotal .BlocLibellePrixTotal{   display: table-cell;
    text-align: right;
    width: 100%;
	font-weight:bold;}

	
.BlocConteneurPrixTotal .BlocLibellePrixTotal span:after {
    content: ":";
    display: inline-block;
    padding-left: 3px;
}
	
			.BlocConteneurPrixTotal .BlocLibellePrixTotal span{}
			
			.BlocConteneurPrixTotal .BlocPrixTotal{ display: inline-block;
    padding-left: 30px;
    text-align: right;
	white-space:nowrap;
	
	 font-family: "Roboto Condensed",sans-serif;
    font-size: 40px;
    font-weight: 400;
	width:200px;}
			.BlocConteneurPrixTotal .BlocPrixTotal span{color: #e61779;}
			
			.BlocConteneurPrixTotal .BlocPrixTotal span.Entiere{    
			font-family: "Roboto Condensed",sans-serif;
    font-size: 40px;
    font-weight: 400;}
	.BlocConteneurPrixTotal .BlocPrixTotal span.SymboleDevise,
			.BlocConteneurPrixTotal .BlocPrixTotal span.Decimale{ font-size: 25px;
    position: relative;
    top: -10px;}
	
	.BlocConteneurPrixTotal .BlocPrixTotal span.SymboleDevise{}

	.OPBO .Decimale00{ display:none;}
	
	/*.BlocConteneurPrixTotal .BlocPrixTotal span.Decimale.Decimale00{ display:inline-block;;}*/

	/*****/		
.BlocWidgetGamme.AucuneSelection .BlocBoutonReserver a,
.BlocWidgetGamme.AucuneSelection .BlocWidgetProduit .BlocBoutonReserver a{background-color:#f0f0f0; cursor: default;
color:#cecece; }

.BlocWidgetGamme.AucuneSelection  .BlocBoutonReserver a:before,
.BlocWidgetGamme.AucuneSelection  .BlocWidgetProduit .BlocBoutonReserver a:before{
background:  url("../il-images/icones/svg/gris-fonce/ico-caddie.svg") no-repeat scroll left center;
 background-size:auto 23px ;
  opacity: 0.4;
 filter:alpha(opacity=40);}

.BlocWidgetGamme.AucuneSelection .BlocConteneurPrixTotal{ /*display:none;*/ }

	
	@media only screen 
and (max-width : 639px) {
		.BlocGamme {    padding: 15px;}
		.OPBO .OsWrapSelect {    background-position: right 10px center!important;	}
}

