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


a.liensimple, .liensimple{font-size: 13px;

font-weight: 700;
text-decoration: underline ;
color: #484848;

}
a.liensimple:hover,.liensimple:hover{text-decoration:none;}

.OsContent input, .OsContent select, .OsContent textarea {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    text-align: left;
    border: none;
    padding: 0;
    background-color: transparent;
    display: block;
}

 .OsWrapSelect {
	background: #fff   url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDE4IDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNOC44LDcuODc1bDAuMi0wLjFsOC42LTYuN2MwLjEwMSwwLDAuMTAxLTAuMTAxLDAuMTAxLTAuMmwtMC4zOTktMC44YzAtMC4xMDEtMC4xMDEtMC4xMDEtMC4yMDEsMA0KCUw4LjgsNi41NzVsLTguNC02LjVjLTAuMTAxLDAtMC4xMDEsMC0wLjIsMEwwLDAuODc1YzAsMC4xLDAsMC4yLDAsMC4ybDguNiw2LjdMOC44LDcuODc1eiIvPg0KPC9zdmc+DQo=') no-repeat scroll right 5px center ;
	background-size:auto 8px;
	border: 1px solid #ddd ;
	float: none;
	height: 40px !important;
	line-height: 40px !important;
	margin-bottom: 0 ;
	max-width: 100% ;
	padding: 0 ;
	width: 100% ;	
	 -moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	min-width: 70px;
	position:relative;
	display:inline-flex;
	display:-webkit-inline-flex;
}

.OsWrapSelect select {
    border: none;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 25px 0 5px !important;
    vertical-align: top !important;
    width: 100% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    color: #404c5a!important;
    font-size: 18px !important;
    font-weight: 600;
    font-family: "Source Sans Pro",sans-serif!important;
}

  .OsWrapSelect select option
{  border-bottom: 1px solid #cacaca ;
    padding: 8px ;
    color: #666;
	}
 .OsWrapSelect select optgroup{
	background:#cacaca;
	background-color:#cacaca;
	color:#fff;
 }
 .OsWrapSelect select optgroup option{
	background:#fff;
	background-color:#fff;
	color:#666;
 }

.OsWrapSaisie {
	/*vertical-align: top;*/
	display:inline-flex;
	display:-webkit-inline-flex;
	width: 100% ;
	border: 1px solid #cef1f9 ;
	background-color:#cef1f9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	position:relative;
	/*		width:calc(100% - 16px); */
	min-height: 40px;
	line-height: 18px;
	padding: 8px 8px;
	align-items: center;
}
.OsWrapInput {
    position: relative;
    float: none;
    height: 40px ;
    min-height: 40px ;
    line-height: 44px ;
    margin-bottom: 0 ;
    max-width: 100% ;
    width: calc(100% - 200px);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    border-bottom: 2px dotted #404c5a;
    color: #404c5a;
    font-size: 18px;
    font-weight: 600;
}

.OsWrapInput input {
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 25px 0 5px !important;
    vertical-align: top !important;
    width: 100% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    color: #404c5a;
    font-size: 18px;
    font-weight: 600;
    font-family: "Source Sans Pro",sans-serif;
}

/****/
.OsswitchList,
.OscheckboxList {
padding: 0;
    margin: 0;
	width:100%;
}
.OscheckboxList li,
.OsswitchList li{
position:relative;
padding:5px 0;
	width:100%;
    display: inline-block!important;
	vertical-align: top;}


.OsswitchList li:nth-child(1),
.OsswitchList li:nth-child(2){ border-top:none;}

.OsswitchList li:after:nth-child(2n){ content:"";
display:block;
clear:both;}

/* Hide default HTML checkbox */
.OsswitchList input[type="checkbox"],
.OscheckboxList input[type="checkbox"],
.OsswitchList input[type="radio"]
{display:none;}



.OscheckboxList label{  line-height: 20px;
	font-size: 15px;
	  color: #666;    display: block;
	  	position:relative;
		cursor:pointer;
		margin: 0!important;
}

.OscheckboxList label:before  {
font-family: "Font Awesome 5 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 25px;
content:"\f0c8";
font-size: 16px;
padding-right: 6px;
}


.OscheckboxList input:checked + label:before {
content:"\f14a";
font-weight: 900;
  color: #8cba2f;
}

.OscheckboxList input:checked + label {
  color: #000;
  font-weight:bold;
}



/* The Osslider */
.OsswitchList label{  line-height: 20px;
    padding-left: 50px;
	font-size: 14px;
	  color: #666;    display: block;
	  	position:relative;}

.OsswitchList label:before  {
  content: "";
  display:inline-block;
  left: 0;
  cursor: pointer;
/*  top: 0;

  right: 0;
  bottom: 0;*/
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
    width: 44px;
  height: 20px;
position: absolute;
}

.OsswitchList label:after {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
 top: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}
.OsswitchList input:checked + label  {
  color: #000;
  font-weight:bold;
}

.OsswitchList input:checked + label:after {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}



/* Aspect des checkboxes */
/* :before sert � cr�er la case � cocher */
.OsSkinRadio {
padding: 0;
    margin: 0;
	width:100%;
	position:relative;
}


/* Hide default HTML checkbox */
.OsSkinRadio input[type="radio"] {display:none;}

.OsSkinRadio label{  line-height: 20px;
    padding-left: 25px;
	font-size: 14px;
	  color: #666;    display: block;
	  	position:relative;
		    margin: 0;}


.OsSkinRadio [type="radio"]:not(:checked) + label:before,
.OsSkinRadio [type="radio"]:checked + label:before {
  content: '';
position: absolute;
left: 0;
top: 0px;
width: 15px;
height: 15px;
border: 3px solid #ccc;
background: #fff;
border-radius: 30px;
}

.OsSkinRadio [type="radio"]:checked + label:before {
border: 3px solid #8cba2f;
}

.OsSkinRadio [type="radio"]:checked + label {
color: #000;
font-weight: bold
}


/* Aspect g�n�ral de la coche */
.OsSkinRadio [type="radio"]:not(:checked) + label:after,
.OsSkinRadio [type="radio"]:checked + label:after {
 content: '';
background-color: #8cba2f;
border-radius: 30px;
position: absolute;
top: 4px;
left: 4px;
width: 7px;
height: 7px;
overflow: hidden;
transition: all .2s;
  transition: all .2s; /* on pr�voit une animation */
}
/* Aspect si "pas coch�e" */
.OsSkinRadio [type="radio"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise � l'�chelle � 0 */
}
/* Aspect si "coch�e" */
.OsSkinRadio [type="radio"]:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise � l'�chelle 1:1 */
}


.OsWrapInput ::-webkit-input-placeholder {
   color:#939393!important;
font-style:italic;
}
.OsWrapInput :-moz-placeholder { /* Firefox 18- */
   color: #939393!important;
font-style:italic;
}

.OsWrapInput ::-moz-placeholder {  /* Firefox 19+ */
   color: #939393!important;
font-style:italic;
}

.OsWrapInput :-ms-input-placeholder {
   color: #939393!important;
font-style:italic;
}
/*********/
.InfoRemarque{ background-color:#cef1f9;}
.TitrePage {
    font-style: normal;
    text-rendering: optimizeLegibility;
    text-transform: none;
    width: 100%;
    position: relative;
    font-weight: 700;
    font-family: "Poppins",sans-serif;
    font-size: 36px;
    line-height: 46px;
    letter-spacing: 0px;
    display: block;
    color: #404c5a;
    background: #404c5a;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #404c5a;
}

.TitreSecondaire{
	font-size: 22px;
	font-family: "Source Sans Pro",sans-serif;
	color: #404c5a;
	line-height: 30px;
	font-weight: 800;
}
/*****/
.ListeLigneProduit .LigneProduitDossier{border-top:solid 1px #ddd}

.ListeLigneProduit .LigneProduitDossier:first-child{border-top:none}

.__osdiv:last-child{ font-style:italic;}

.PanierVide ,
.__osdiv.__ossep1,
.DescrProduit div:first-child{
	text-transform: uppercase;
	font-weight: 800;
	color: #404c5a;
	font-size: 16px;
	padding: 0 0 8px 0;
}
.PanierVide{
    font-size: 20px;
    text-align: center;
    margin: 40px 0 20px;
}
.SupplementDossier .DescrProduit div:first-child{
	font-weight: 800;
	color: #484848;
	font-size: 16px;
}
.SupplementDossier .DescrProduit div .PrixUnitQT{
	font-weight: normal;
color: #484848;
font-size: 16px ; }

.SupplementDossier {width: 100%;}

.SupplementDossier  .__osdiv.__ossep1,
.SupplementDossier .DescrProduit div:first-child
{
    font-size: 16px;
    margin: 0 ;
    padding: 0 ;
    text-transform: none ;
}

.ListeLigneProduit{}
.LigneProduit{border-top:solid 1px #cef1f9;}
.ListeLigneProduit .LigneProduit:first-child,
.SupplementDossier  .LigneProduit{border-top:none;}

.DeleteProduit{
	width:70px;
}
.PrixProduit{
    font-size: 18px;
    font-weight: 700;
    text-align: right;
    color: #484848;
	white-space:nowrap;
	line-height: 35px;
}
.PrixBarre s{
	font-size: 16px;
    font-weight: 300;
}

.ItemPrixTotal{ color: #404c5a; font-weight: 900; border-top:solid 1px #666;}
.ItemPrixTotal .LibellePrixTotal {
    font-family: "Source Sans Pro",sans-serif;
    text-transform: uppercase;
    color: #404c5a;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    margin: 0;
    padding: 0;
}
.ItemPrixTotal .PrixTotal{
	line-height: 30px;
    padding: 0;
    height: auto;
    padding-bottom: 5px;
    padding: 0;
    color: #9aca3c;
    font-size: 30px;
    font-weight: 900;
    white-space: normal;
    font-family: "Source Sans Pro",sans-serif;
	text-align:right;
}

/***/
/*
.hentry a.os-btn:after,
.hentry a.OsSkipassBoutonContinuer:after {
    display:none;;
}*/

.os-btn, .OsSkipassBoutonContinuer {
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
    font-weight: bold!important;
    box-shadow: none!important;
    margin: 0 auto;
    height: auto !important;
    text-align: center;
    white-space: nowrap;
    width: auto!important;
    display: inline-block;
    padding: 12px 20px;
    cursor: pointer;
    color: #404c5a !important;
    border: none;
    position: relative;
    font-size: 14px;
    line-height: 33px!important;
    font-family: "Poppins",sans-serif!important;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: transparent;
    transition: .4s ease;
    z-index: 2;
	text-decoration:none!important;
}
.os-btn:before, .OsSkipassBoutonContinuer:before {
	width: 50%;
    height: 56px;
    content: ' ';
    display: block;
    border: 2px solid #00b8de;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s ease;
    z-index: -2;
}
body .hentry a:after,
body .hentry a.os-btn:after,
body .hentry a.OsSkipassBoutonContinuer:after {
	    width: 10px!important;
    height: 16px!important;
    content: ' '!important;
    display: block!important;
    border: 2px solid transparent!important;
    position: absolute!important;
    right: calc(50% - 4px)!important;
    top: 20px!important;
    transition: .4s ease!important;
    background-color: #fff!important;
    z-index: -1!important;
    left: calc(50% - 4px)!important;
    background: #fff!important;
    bottom: auto!important;
}
.os-btn:hover:before, .OsSkipassBoutonContinuer:hover:before, .os-btn:focus:before, .OsSkipassBoutonContinuer:focus:before, .os-btn:active:before, .OsSkipassBoutonContinuer:active:before {
    width: 100%!important;
}

.hentry a.os-btn:hover,
.hentry a.OsSkipassBoutonContinuer:hover,
.hentry a.os-btn:active,
.hentry a.OsSkipassBoutonContinuer:active{ 
	text-decoration:none!important;
    color: #666;
}


.os-btn-supprimer, .os-btn-supprimer:link, .os-btn-supprimer:active, .os-btn-supprimer:visited, a.os-btn-supprimer {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    font-weight: 300;
    line-height: 32px!important;
    padding: 0 10px!important;
    display: inline-flex!important;
    text-align: center!important;
    text-decoration: none;
    color: #484848!important;
    white-space: nowrap;
    background: #cef1f9 no-repeat scroll center center / auto 32px!important;
    font-size: 13px;
    -moz-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    text-transform: uppercase;
    border: none;
}

.os-btn-supprimer span{display:none;}

.os-btn-supprimer::before {
    color: #484848;
    display: inline-block;
    font: normal normal normal 14px/35px FontAwesome;
    font-size: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* padding-right: 7px; */
    vertical-align: middle;
    align-self: center;
    content: "\f1f8";
    margin: 0 auto;
    border: none;
    position: relative;
    bottom: 0;
    width: auto;
    height: auto;
    right: 0;
    top: auto;
}
body .hentry a.os-btn-supprimer::after {
    display:none!important;
}


.ModifierCoordonnee a,
.ModifierPanier a{ color:#000000; text-decoration:underline; font-weight:bold;
}

.ModifierCoordonnee a:hover,
.ModifierPanier a:hover{ text-decoration:none; }
/** Etape 5**/

.DetailCoordonneeClient {
    font-size: 14px;
    padding: 20px;
    position: relative;
    text-align: justify;
    background-color: #cef1f9;
margin:0 0px 20px 0px;
}
.TitreCoordonneeClient {
padding:8px 8px 5px 8px;
text-transform:uppercase;
	background-color:#000;
color:#FFF;
margin:0 0 1px 0;
font-weight:bold;

   border: 1px solid #0EABBF;

margin-bottom:5px;

    text-transform: uppercase;
font-size:22px;
}
.DetailCoordonneeClient .NomCoordonneeClient{color:#000; font-size:16px; font-weight:bold; text-transform:uppercase;}

.BtModifCoodonneePanier .ModifierCoordonnee,
.BtModifCoodonneePanier .ModifierPanier{ padding:10px 0px 0 0;
 white-space: nowrap;}

 .TxtIntroDossier .OsInstruction{
 background-color: #fff;
    color: #2a2a2a;
 font-size: 23px;
    font-weight: 900;
    line-height: 1;
    padding: 10px 10px 30px ;
    text-transform: uppercase;
    vertical-align: baseline;
	text-align:center;}
.TxtIntroDossier .OsInstruction .OsTxtInfoIntruction{
	font-weight: normal;
font-size:18px;
text-transform:none;
display:block;
padding-top:5px;}

.TxtIntroDossier .OsInstruction.OsTermine{
background-color:#4FA50A;
  color: #fff;
  padding:10px;

}

.RassuranceDossier{margin-bottom:15px;	padding:10px;font-size:16px; font-style:italic; text-align:center; margin-top:1px;
text-align:left;
    background-color: #fff;}
.SansMontant .RassuranceDossier{ margin:5px;}
.RassuranceDossier a{ text-decoration:underline;}

.UnVendeurGroupesPaiement .RassuranceDossier{ margin:0; border:0; background-color:transparent; text-align:left; padding:0 10px 20px 10px;}
.SectionPanierValide .RassuranceDossier{ background:transparent; border:none; text-align:left; margin:0; padding:0;}

.RassuranceDossier.ApresVente{
	color:#fff;
	font-size:11px;
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#F17010;
	margin:5px 0 0 0;
	border:none;
}


.ConteneurMontantPaiement{  }

.UnVendeurGroupesPaiement .ConteneurMontantPaiement{ margin:0px 0 0px 0;}

.BlocOSTotalAcompte.PrixTotalPaiement {
    margin-bottom: 10px;
    border-top: 1px solid #666;
    color: #484848;
}

.UnVendeurGroupesPaiement .RassuranceDossier {
    margin: 0 0 10px;
    padding: 10px;
    background-color: #fff;
    text-align: left;
    line-height: 1.3;
}
.SectionPanierValide .RassuranceDossier{ background:#fff; border:none; text-align:left;    margin: 0 0 10px;
padding: 10px;}


.UnVendeurGroupes.SectionPanier {
    margin: 0;
    padding: 20px;

}
.UnVendeurGroupesPaiement .SectionPanier {
    margin-bottom: 0;
padding: 0 20px 20px 20px;

}
.OSTablePanierListeEntete {
    background-color: #00b8dd;
    color: #FFF;
    padding: 10px;
    border: #00b8dd;
    border-bottom: 1px solid #cef1f9;
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.2;
}

.Produit,
.Supplement  {
	padding:0 15px;
}

.SupplementContainer{}

.tdLibelle,
.tdPrix{
	border:solid 1px #cef1f9;
	padding:10px;
	font-size:16px;
	background-color:#FFF;
    line-height: 1.2;
}

.row .tdLibelle,
.row .tdPrix{ border-top:none;}
.row .tdPrix{ border-left:none;
/*display: flex;
align-items: end;
justify-content: end;

display: -webkit-flex;
-webkit-align-items: end;
-webkit-justify-content: end;*/}


.tdLibelle{ }
.tdPrix{  color: #484848 ;
    font-size: 18px;
    font-weight: 700;
    text-align: right;
}

.row.Supplement  .tdPrix{ align-items: center;
-webkit-align-items: center;
   font-size: 18px;}


.BlocOSTotal .TotalResa .PrixBarreDossier{
	display: block;
    font-size:18px;
    line-height: 15px;
    text-align: right;
}
/***/
.BlocOSTotal{
	margin:0;
	padding:0;
	line-height:25px;
	display:flex;
	display:-webkit-flex;
	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
}
.BlocOSTotal .LibelleTotalResa{ font-size:15px;}

.BlocOSTotal .LibelleTotalResa{
	color: #000;
	font-size: 18px;
	line-height: 40px;
	padding: 0 15px 0 0;
	text-align: right;
}
.BlocOSTotal .TotalResa {
    font-size: 18px;
    text-align: right;
    padding: 0px 10px;
    line-height: 40px;
    font-weight: bold;
    color: #000;
    background-color: #fff;
}

.BlocOSTotal.Panier .LibelleTotalResa .LibelleFournisseurSousTotal{ font-style:italic;}



.BlocOSTotalAcompte{	padding:5px 0;
display:flex;
display:-webkit-flex;
flex-flow:row wrap;
-webkit-flex-flow:row wrap;
}

.BlocOSTotalAcompte.SousTotalPanier{	padding:0px;
-moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
background-color:transparent;
color:#333;


 margin:5px 0px;}
.BlocOSTotalAcompte.SousTotalPanier .TotalAcompte{color: #484848 ;    font-size: 20px;
/*border:solid 1px #cef1f9;*/
border-top:none;
font-weight:900;
background-color:#fff;

}
.BlocOSTotalAcompte.SousTotalPanier .LibelleAcompte{ color: #b1c219 ;text-transform:none;font-size:16px;    padding: 0px 15px 0px 0;  text-align: right;}
.BlocOSTotalAcompte .LibelleAcompte {
    font-weight: 900;
    font-family: "Source Sans Pro",sans-serif;
    text-transform: uppercase;
    color: #404c5a;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    margin: 0;
    padding: 0 10px;
}
.BlocOSTotalAcompte .LibelleNomFournisseur{line-height:20px;font-weight:bold; font-style:italic; clear:both;padding:0 0px;}
.BlocOSTotalAcompte .TotalAcompte{
    color: #b1c219 ;

    font-size: 25px;
    font-weight: 900;
    padding: 0;
    text-align: right;
    white-space: nowrap;

padding:0px 10px;
line-height:30px;}

/*
.UnVendeurGroupesPaiement .BlocOSTotalAcompte .LibelleAcompte{font-size:25px;}
.UnVendeurGroupesPaiement .BlocOSTotalAcompte .TotalAcompte{ font-size: 30px;}
*/

.MontantGenerique{}

.ConteneurCGV-BTPaiement {
    padding: 5px;
    background-color: #99ca3e;
}
.Conditionsdevente{
	padding:10px;
	background-color:#fff;
	color:#333;
	vertical-align: top;
	line-height: 1.3;
}
.Conditionsdevente .IntroConditionsdevente {
    line-height: 1.3;
}
.Conditionsdevente .IntroConditionsdevente:empty{ display:none;}
.Conditionsdevente .TextConditionsdevente{}
.Conditionsdevente .TextConditionsdevente input {
    margin: 0 5px;
    position: relative;
    left: auto;
    display: inline-block;
    -moz-appearance: checkbox;
    appearance: checkbox;
    -webkit-appearance: checkbox;
    vertical-align: middle;
}


.Conditionsdevente a{color:#333;
text-decoration:underline;}

.Conditionsdevente a:hover{color:#666;
text-decoration:underline;}


.BlocBtValiderResa{
	padding: 10px 0 0 00px;
	width:100%;
	text-align:right;
	position:relative;
}
.BlocBtValiderResa input{
	text-align:right;
    display: inline-block;
}
.OsBoutonPaiementAtos{
    padding: 10px;
    width: 270px  ;

color:#FFF;
line-height:14px;
background-color:#484848 ;
display:inline-block;
}

.OsBoutonPaiementAtos br{ display:none;}
.OsBoutonPaiementAtos form div{ padding:10px 0px 0 0; background-color:#fff; color:#484848 ; font-size:16px;}
.OsBoutonPaiementAtos form div:last-child{ background-color:#FFF;padding:10px 0; }
.OsBoutonPaiementAtos form div:last-child img{ width:15px}

.SectionPanier{
	background-color: #cef1f9;
	border-bottom:none;
	font-size: 14px;
	margin-bottom: 30px;
	padding:20px;
	position: relative;
}

 .EnteteSection{

	background-color: #333;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
padding: 5px 20px;
text-transform: uppercase;
margin:0 -20px 10px -20px;
    text-transform: uppercase;
}
 .EnteteSection span{}

 .OsPresentationVendeur{  display: block;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;}
.OsNomVendeur{display:block;}



/*** Boutique ***/

.BlocQt{ /*float:left; width:41px; */text-align:center;}
.BlocPlusMoins{/*float:left; width:19px; text-align:center;*/ height:0px; position:relative;}

.BlocPlusMoins img{ background-color: #484848;
    height: 32px;
    position: absolute;
    width: 32px;

	  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.BlocPlusMoins img:hover{ background-color:#000;}
.BlocPlusMoins img.Plus{ right:0px;}
.BlocPlusMoins img.Moins{ left:0px;}

input[type="text"].OSCombo.OsJQt{
    	border: 1px solid #cef1f9 !important;
    font-size: 14px !important;
    height: 32px !important;
    line-height: 32px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    width: 100% !important;
	  text-align: center;}

.LibelleProduit {    font-size: 25px;
color: #404c5a;
font-family: "Source Sans Pro",sans-serif;
font-weight: 800;
text-rendering: optimizeLegibility;
text-transform: uppercase;
}
.LigneProduit-Img img{ width:100%;}
	.LigneProduit  a,.LigneProduit  a:hover{color: #666;
	text-decoration:none;}

.GammeVersionEcran	.LigneProduit,
.SectionBoutique	.LigneProduit{
background: #ffffff none repeat scroll 0 0;
transition: all 500ms ease 0s;

-webkit-box-shadow: 0 1px 30px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 30px rgba(0,0,0,0.2);
box-shadow: 0 1px 30px rgba(0,0,0,0.2);}

.TableProduit-Entete{
	background-color: #cef1f9 ;
	color:#999;
}
.TableProduit-Ligne  {border-bottom: 1px solid rgba(0, 0, 0, 0.1);
align-items: center;
-webkit-align-items: center;}

.TableProduit-Ligne .IntPrix {
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
}
.TableProduit-Ligne .IntPrix .PrixBarre { background-color:transparent; text-decoration:line-through;  line-height: 20px;
    font-size: 16px;}
.TableProduit-Entete .ColQt { text-align:center;}

.GammeDetail-Img img{
}
.PrixFinal{ font-weight:bold;
display:block;}

	.Recalcul {display:inline-flex;display:-webkit-inline-flex;    position: absolute;    right: 0%;    top: 0%;  height:100%; width:100%; max-width:150px;
background-color:#fff;
    justify-content: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-align-items: center;}
.Recalcul-bar {margin-right: 3px;  width: 5px;  height: 18px;  animation: Recalcul 1.3s ease-in-out infinite;  background-color: #333;

}
.Recalcul-bar:nth-child(1) {  animation-delay: 0;}
.Recalcul-bar:nth-child(2) { animation-delay: 0.15s;}
.Recalcul-bar:nth-child(3) {  animation-delay: .28s;}
@keyframes Recalcul {
 0% {     -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform:scale(1);  -o-transform: scale(1);  transform: scale(1);  }
 20% { -webkit-transform: scale(1,2);  -moz-transform: scale(1,2);  -ms-transform:scale(1,2);  -o-transform: scale(1,2);  transform: scale(1,2);   opacity:0.8;  }
 40% {    -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform:scale(1);  -o-transform: scale(1);  transform: scale(1);    opacity:0.9;  }
 }


/* Galerie photo*/
.swiper-container-galerie .swiper-slide {
	display: flex;
flex-flow: column;
	display: -webkit-flex;
-webkit-flex-flow: column;
text-align: center;
}
.swiper-container-galerie .swiper-slide img{
	width: auto;
	max-width:100%;
    max-height: 250px;}
.swiper-container.swiper-container-galerie {
    overflow: hidden!important;
	padding-bottom:20px!important;
}
.swiper-container-galerie .swiper-pagination{
    bottom: 0!important;
}
.swiper-container-galerie .swiper-slide {
	align-self:center;
	-webkit-align-self:center;


}
/** Menu Boutique **/
.MenuBoutique{background: #cef1f9;
padding:10px;}
.MenuBoutique ul{
	display:flex;
	display:-webkit-flex;
	flex-flow:column;
	-webkit-flex-flow:column;
	margin: 0;
padding: 0;
}


.MenuBoutique ul li{     list-style: none; 	}

/*.MenuBoutique ul li:first-child{  border-top: none;}*/


.MenuBoutique ul li.NavMenuNiveau1
{ border-bottom:none;}

.MenuBoutique li li:last-child
{ border-bottom:none;}

.MenuBoutique ul li a
{ border-bottom: 1px solid #fff;}






.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 a {
  display: inline-block;
  font-size: 14px;
  line-height:18px;
  color: black;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
   text-decoration:none;
   padding:8px 5px;
   position: relative;
   width: calc(100% - 20px);
}
.MenuBoutique ul li li a {padding: 5px;}
.MenuBoutique ul li a.MenuNiveau1{  font-size: 15px;}
.MenuBoutique ul li a.MenuNiveau2{  font-size: 14px;}
.MenuBoutique ul li a.MenuNiveau3{  font-size: 13px;}

.MenuBoutique ul li a:before {
  display: block;
  content: '';
  position: absolute;
  left: 0px;
  bottom: -2px;
  width: 0%;
  height: 3px;
  background: #b1c219;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  z-index:5;
}



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

.MenuBoutique ul li a:hover:before{ width: 100%;}



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

.GammeDetail,
.SectionBoutique
{    width: 100%;}

/**/
.OsContent {
    width: 100%;
    text-align: left;
}
.LVDossier{
    margin: 0 0 20px 0;
    padding: 0px 0;
    position: relative;
}
.LVDossier .FdLVDossier{ 
	position:relative;
	margin: 0 -5px;
	z-index:5;
	display: flex;
	flex-flow: row nowrap;
}
.LVDossier .LibelleLVDossier .LibelleLvPanier{
	vertical-align:middle;
	line-height:25px;
	display:inline-block;
	text-align: left;
   	flex: 1 1 auto;
}
.LVDossier .ColLVDossier{
	text-transform:uppercase;
	font-size:16px!important;
	position:relative;
	z-index:2;
	vertical-align: top;
	flex:1 1 25%;
	background-color:#cef1f9;
	margin: 0 0.5%;
	min-height: 60px;
	position:relative;
}
.LVDossier .ColLVDossier .LibelleLVDossier .IcoEtape{  color: rgba(0, 0, 0, .3) ; }

.LVDossier .ColLVDossier .LibelleLVDossier{  align-items: center;
    color: rgba(0, 0, 0, .3);
    display: flex;
    flex-flow: row nowrap;
    height: 100%;
    padding: 0 15px;
    text-align: center;
 }
.LVDossier .ColLVDossier .LibelleLVDossier .IcoEtape{
display:inline-block; text-align:center; font-size:18px; padding:0; font-weight:bold;
vertical-align:middle;

}
.LVDossier .ColLVDossier .LibelleLVDossier .IcoEtape span{
	display:inline-block;
	width:auto;
	height:40px;
	line-height:40px;
	text-align:center;
	color: rgba(0,0,0,.3);
	background-color:transparent;
	border-right:solid 1px rgba(0,0,0,.3);
	padding:0px 15px 0 5px;
	margin-right: 15px;
}
.LVDossier .ColLVDossier.Actif{ background-color: #99ca3e; }

.LVDossier .ColLVDossier.Actif .LibelleLVDossier{
    color: #fff;
}

.LVDossier .ColLVDossier.Actif .IcoEtape{ color:#fff;}
.LVDossier .ColLVDossier.Actif .IcoEtape span {
    color: #fff;
    border-right: solid 1px rgba(255,255,255,1);
}
.LVDossier .ColLVDossier.Valide{ 
	background-color: #00b8dd;
	opacity: 1;
	filter:alpha(opacity=100);
	cursor:pointer;
 }
.LVDossier .ColLVDossier.Valide .LibelleLVDossier{  color: #fff; }
.LVDossier .ColLVDossier.Valide .IcoEtape{color:#fff;}
.LVDossier .ColLVDossier.Valide .IcoEtape span{
	color:#fff;
    border-right: solid 1px rgba(255,255,255,1);
}
.LVDossier .ColLVDossier.Valide.ResaAmorcee{cursor: default!important;  }

.LVDossier .ColLVDossier.E3 .LibelleLVDossier .IcoEtape span{  }


.LVDossier .FdLVDossier.InitEtape:after{ display:none!important;}

.LVDossier .FdLVDossier.EtapeTransition1:after{right: 50%;}
.LVDossier .FdLVDossier.EtapeTransition2:after{left:50%;}

.LVDossier .FdLVDossier.EtapeTransition1:before{left:50%;}
.LVDossier .FdLVDossier.EtapeTransition2:before{right: 50%;}

/**/

.LVDossier.AvecBoutique{}
.LVDossier.AvecBoutique .ColLVDossier.E0{float: left;
    white-space: nowrap;
    width: auto;}
.LVDossier.AvecBoutique .ColLVDossier{ }
.LVDossier.AvecBoutique .ColLVDossier.E1,
.LVDossier.AvecBoutique .ColLVDossier.E2{display:table-cell; width:50%!important;   float: none;}

.LVDossier.AvecBoutique .ColLVDossier.E3{}
.LVDossier.AvecBoutique .ColLVDossier.E3 .LibelleLVDossier .IcoEtape span,
.LVDossier.AvecBoutique .ColLVDossier.E0 .LibelleLVDossier .IcoEtape span{  }
.LVDossier.AvecBoutique .ColLVDossier.E3 .LibelleLVDossier .IcoEtape span{clear:both;}
.LVDossier.AvecBoutique .ColLVDossier.E0 .LibelleLVDossier .IcoEtape span{  clear:both;}

.LVDossier.AvecBoutique .ColLVDossier.E1 .LibelleLVDossier,
.LVDossier.AvecBoutique .ColLVDossier.E2 .LibelleLVDossier{text-align:center!important;}

.LVDossier.AvecBoutique .ColLVDossier.E0 .LibelleLVDossier .LibelleLvPanier{  clear:both; text-align:center;}
.LVDossier.AvecBoutique .ColLVDossier.E3 .LibelleLVDossier .LibelleLvPanier{  clear:both;  text-align:center;}


.LVDossier.AvecBoutique .FdLVDossier.EtapeTransition0:after{right: 60%;}
.LVDossier.AvecBoutique .FdLVDossier.EtapeTransition1:after{right: 35%;}
.LVDossier.AvecBoutique .FdLVDossier.EtapeTransition2:after{left:50%;}

.LVDossier.AvecBoutique .FdLVDossier.EtapeTransition0:before{left: 40%;}
.LVDossier.AvecBoutique .FdLVDossier.EtapeTransition1:before{left:65%;}
.LVDossier.AvecBoutique .FdLVDossier.EtapeTransition2:before{right: 50%;}

label.LibelleSaisie {
    margin-bottom: 5px!important;
    flex: 1 1 200px !important;
    padding: 0 !important;
    width: 200px !important;
    min-width: 100px !important;
    align-self: center;
    vertical-align: top;
    white-space: nowrap;
    font-family: "Source Sans Pro",sans-serif!important;
    font-size: 18px!important;
    font-weight: 600!important;
    color: #404c5a!important;
    text-transform: none!important;
    display: inline-block!important;
    line-height: 40px;
    float: left;
}


/******* switch check box **********/

.Osswitch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 20px;
  margin: 0 10px 0 0;
  vertical-align: top;
}

/* Hide default HTML checkbox */
.Osswitch input {display:none;}


/* The Osslider */

.Osslider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}

.Osslider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

.Osswitch input:checked + .Osslider {
  background-color: #8cba2f;
}

.Osswitch input:focus + .Osslider {
  box-shadow: 0 0 1px #8cba2f;
}

.Osswitch input:checked + .Osslider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/*** Media ***/
@media (max-width: 767px) {

	.tdLibelle,
	.tdPrix {
		border:none;
		padding: 8px;
	}
	.row .tdLibelle{border:solid 1px #cef1f9;}

	.row .tdPrix {
	}
	.tdPrix {
		margin-bottom:8px;
	padding: 5px 8px;
	}
	.row .tdPrix,
	.UnVendeurGroupesPaiement .RassuranceDossier{background-color:#cef1f9;}


	.BlocOSTotalAcompte.PrixTotalPaiement {
		margin: 0 0 10px!important;
	}
	.BlocOSTotal .TotalResa,
	.BlocOSTotalAcompte.SousTotalPanier .TotalAcompte,
	.BlocOSTotalAcompte .TotalAcompte {
		border-left: solid 1px #cef1f9;
		background-color: #cef1f9;
		padding: 0 10px 0 0;
	}
	.BlocOSTotalAcompte.PrixTotalPaiement  .TotalAcompte {border-left:none; background-color:transparent;}
	.BlocOSTotalAcompte.PrixTotalPaiement .LibelleAcompte {text-align: left;}
	.SectionPanier {
		background-color: #fff;
		border:solid 2px #cdcdcd;
		padding:0px;
	}
  .UnVendeurGroupes.SectionPanier {
		margin: 0;
		padding: 0!important;
}
	.UnVendeurGroupes + .UnVendeurGroupesPaiement{ margin-top:-2px;}
	.UnVendeurGroupes + .UnVendeurGroupesPaiement .SectionPanier { border-top:none!important }

	.BlocBtValiderResa {   text-align: center;}

	.RassuranceDossier{ background-color:#cef1f9;}
}