*, *:after, *:before {
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
body, html, #wrap{height:100%; width:100%; }
html {overflow-y:scroll;}

.tooltip
{
    max-width:450px;
    width:450px;
}

body{
font-family:"Barlow", Arial, Helvetica, sans-serif;
font-size:15px;
line-height:1.5;
font-weight: 400;
color: #262828;
background:#fff;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

*:focus{outline:none;}
a{ color:#262828; text-decoration:underline; }
a:hover,
button:hover,
input:hover{ color:#262828; text-decoration: none; }

img{border:none; }
a img {border: 0;}
p{margin-bottom:1.6em; padding:0px;}
ul, ol { margin:5px 0 18px 0px; padding-left:20px; }
table { border:none;  border-collapse:collapse; font-size:16px; }
th { border: 1px solid #fff; background:#eee;}
th,td {padding:4px;}

.small { font-size:12px;}
.spl { clear:both; display:block; height:0; border-bottom:1px solid #e5e5e5; margin-bottom:40px; padding-top:40px;}

.red {color:#f03223;}
.stk {cursor:help;}


.priceRegular {}
.priceOld {color:#999; text-decoration:line-through;}
.priceSpecial {color:#f03223;}

.fLeft{ float:left;}
.fRight{ float:right;}

h1, h2, h3 { font-family:"Barlow", Arial, Helvetica, sans-serif; font-weight: 900;}
h1{ font-size:2em; line-height:1; margin-bottom:40px; clear:both; }
h2{ font-size:1.5em; line-height:1; margin-bottom:10px; clear:both; }
h3{ font-size:1em; line-height:1; margin-bottom:5px; clear:both; }

#main { position:relative; padding-top:90px ; padding-bottom: 60px; min-height:100%; }

.wrapper2 {position:relative; top:110px; margin:0 auto}

/**********************TOASTER**********************************/
.toast-center {
    top: 40%;
    left: 40%;
}

/*** LOGIN **********************************************/
/**********************************************************/

body.login { color:#262828; background: #f6f6f6;}
#login { padding-top: 30px; padding-bottom: 30px;}
#login .logo { display: block; width:70px; margin:20px auto;}
#login .form{
padding:0px;
margin:0px;
}
#login input, #login button {width: 100%;}
select,
div.selectize-input,
div.inputlikeselect:not('selectize-input') input
{
    background-color:#ffffff;
	border: 1px solid rgba(143, 145, 150, 1)!important;
	box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
    min-height:40px!important;
    width:100%;
}

.selectize-control.multi .selectize-input.has-items{
    padding:0 15px;
}

.selectize-control
{
    height:inherit!important;
}
#login .button:hover,
#login .button:focus {background:#262828}

#login .error { color:#262828; font-weight:700; text-align:center; }

/***Editable Select*****************************************/
#login .selectEditable .selectEditableVisible {
	position:relative;
}

#login .selectEditable .selectEditableVisible ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	height: 12em;
	overflow: scroll;
	overflow-x: hidden;
	width: 100%;
	display: none;
	background:#fff;
	position:absolute;
}

#login .selectEditable .selectEditableVisible ul li {
	/*background:#f0463a;*/
	background:white;
	color:black;
	border:1px;
	border-color:#8f1d16;
}

#login .selectEditable .selectEditableVisible ul li:hover {
	/*background:#8f1d16;*/
	background:#0033FF;
	color:white;
}

#login .selectEditable .selectEditableVisible input {
	/*position:absolute;*/
}

#login .selectEditable .selectEditableVisible input::-ms-clear { /*enlève le X à la fin de l'input dans IE*/
	display: none;
}

#login .selectEditable .selectEditableArrow {
	position:absolute;
	width:10px;
	padding:15px;
	top:0;
	right:0;
	z-index: 20;
}

#login h1 > span
{
    position:relative;
}

#login span[data-toggle="tooltip"]
{
    margin-bottom:5px;
    position: absolute;
    right:-20px;
    top:0;
}
/***********************************************************/


/*** GENERAL **********************************************/
/**********************************************************/

 div#overlay
 {
	 position   : absolute;
	 top : 0;
	 bottom        : 0;
	 left       : 0;
	 width      : 100%;
	 background : #fff;
	 opacity    : 0.7;
	 filter     : alpha(opacity=70);
	 z-index    : 5;
	 display    : none;
 }

 div#overlay > img
 {

	 border-radius: 0px;
	 padding:10px;
	 position:fixed;
	 top : 50%;
	 left : 50%;
	 margin : 0;
 }


/*** Header **********************************************/
/**********************************************************/

#header { position:fixed; left:0; right:0; top: 0; height:60px; padding:0; background:#f03223; z-index:20;}
#header .logo {  position:absolute; bottom: 0px; right: 0px; width:60px; margin:0;}
#header .welcome { display:none;}


#header .mob-btn { display:block; position:absolute; top:0px; left:0px; width:60px; height:60px; text-indent:-9999em; color:#ccc; background:#f03223 url(../img/icons.png) -45px 5px no-repeat; background-size:200px 200px; }
#header .mob-btn.on {  color:#fff; background-color:#f03223;}

#header .mob-search { display:block; position:absolute; top:0px; left:60px; width:60px; height:60px; background:#f03223 url(../img/icons.png) -95px 5px no-repeat; background-size:200px 200px; text-indent:-999em; 	}
#header .mob-search.on { background-color:#f03223; }
#header #search {display:none;  position:absolute; width:100%; left:0; top:60px; height:auto; padding:20px; background:#f03223; border-top:1px solid #fff; margin-top:0px;}
#header #search.on { display:block;}
#header #search input[type="search"] { width:100%; border:1px solid #fff; }
#header #search input[type="submit"] { display: inline-block; width:100%; height:30px; border:none; margin-top: 10px; }

#header .mob-cart { display:block; position:absolute; top:0px; left:120px; width:60px; height:50px; background:#f03223 url(../img/icons.png) 5px 5px no-repeat; background-size:200px 200px; text-indent:-999em; }
#header .mob-logout { display:block;}
#header .mob-account { display:block; position:absolute; top:0px; left:180px; width:60px; height:60px; background:transparent url(../img/icons.png) -145px 5px no-repeat; background-size:200px 200px; text-indent:-999em;}

#nav { display:none; position:absolute; left:0; top:60px; width: 100%; height:auto; padding:0px;  margin-top:0px; background: #f03223; }
#nav.on { display:block; }

#nav ul li{ display:block; }
#nav a { color:#fff; line-height:44px; margin-left:0px; text-decoration: none;}
#nav a:hover, #nav a.act { color:#fff; background:none;}
#header > div.container
{
    position:relative;
    height:100%;
}






@media print{
#header { display:none; background:blue;}
.logoprint { display:block;}
h1{ margin-top:60px;}
h2{ margin-top:25px;}
.subgrp, .grp { page-break-after: always;}
.pagebreak { page-break-before: always; padding-top: 25px; }
.bloc .item { page-break-inside:avoid; }
}








/*** MAIN *************************************************/
/**********************************************************/

#content { position:relative; padding:140px 20px 20px; border:2px solid pink;}

.note { display:block; padding:10px; margin:10px 0; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}


.tablesorter-header:hover { cursor:pointer;}
table.tablesorter tr:hover td { background:#FFC!important;}


/* products table */
.productsTabs { height:50px; line-height:50px; border-bottom:2px solid #ddd; margin-bottom:30px; }
.productsTabs a { display:inline-block; height:48px; line-height:50px; text-decoration:none; padding:0 5px; border-bottom:2px solid #fff;}
.productsTabs a:hover { background-color:#eee; border-color:#eee;}
.productsTabs a.active { font-weight:bold; border-color:#ddd;}


.productTop { padding:0 5px; border: 1px solid red;}

.filterby { margin-top:15px; font-size:12px; text-transform:uppercase; font-weight:bold; margin-right:10px;}
select#groupes,
select#sousgroupes,
select#marques {width:200px;}


#products .row,
#orders .row,
#orderDetails .row,
#cart .row{ min-height: 30px; padding-top: 10px; padding-bottom: 10px;}
.row.head { font-weight: bold; background-color: #ddd;}
.row.item { }
.row.item .sku, .row.item .description, .row.item .price { cursor: pointer;}
.row.item:nth-child(2n) { background:#eee; }


/*.bloc div.ii { cursor:pointer;  width:15px; padding:3px 0 10px 10px;}*/
.stock {  }
.stock .instock { display: inline-block; padding:0px; line-height:10px; min-height:10px; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#CCC; text-indent:-9999em; }
.stock .instock.stock1 { background:green;}
.stock .instock.stock0 { background:red;}
.stock .img { margin-top:10px; padding:0; line-height:10px; min-height:5px; width:10px; height:10px; cursor:pointer; }

.brand { font-size:12px; font-style:italic;}
.item-warning { font-size:14px; font-style:italic; font-weight: bold; display: block; color: orange;}
.price { text-align:right!important; white-space: nowrap; }
.total { text-align:right!important; white-space: nowrap;}
.priceOld, .priceSpecial {display:block; line-height:20px;}
.qty {}
.action { }

.bloc.delete { background:#f03223;}

.moreinfos {display:none; clear: both; padding: 30px 0; }
/*.bloc div.moreinfos .image { width:250px;  }*/


 .vcenter {
     display: inline-block;
     vertical-align: middle;
     float: none;
 }
 .validation{

     border: solid 1px #ababa9;
     background-color: #fcfcfa;
 }


/* cart */

.cartprogress
{
    display: block;
    background: #f1f1f1;
    margin-bottom: 30px;


}
.cartprogress-bar
{
    display: block;
    background: #eee;
    color: #888;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    height: 60px;
    min-height: 60px;
}

.cartprogress-bar  p
{
    display:table;
    height:100%;
    width:100%;

}

.cartprogress-bar  p span
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;

}

.cartprogress-bar-current
{
    color: #fff;
    background: #262828;

}
.cartprogress-bar:hover
{
    color: #fff;
    background: #262828 ;
}

 div#items
 {
     margin: 25px 25px 0px 25px;
 }
#cart .headerBloc {padding-bottom: 30px;}
#cart .shiptoAdr { min-height:36px;}
#cart .freightnumber { display:none;}

#cart .bloc div.action { width: 70px;}

.cart-summary {
    margin: 15px 25px 0px 25px;
}
h2.purchase-failed {
    color: red;
}


#bottom { border-top:1px solid #ddd; padding-top: 15px; margin: 15px 25px 0px 25px; }
#bottom .name { text-align:right; }

/* orders */



/* single order */
/*dl.orderHead { width:50%; overflow:auto; margin-bottom:40px; }
dl.orderHead dt, dl.orderHead dd { float:left; width:50%;}*/

#orderBSTo { margin-bottom:40px; }

.orderMore { margin-top: 30px; margin-bottom:30px; }


/* invoices */
.bottom-facture
{
    border-top: 1px black solid;
}

/* registration */

#registration .OnError { border-color:red; }

/* pagination */
.numproducts { font-weight:bold;  }
.pagination { margin: 0; padding: 0; }
.pagination a, .pagination span { display:inline-block; text-align: center; margin:3px; padding:0px; min-width: 35px; height: 35px; line-height: 35px; background:#ddd; text-decoration:none;}
.pagination span.current { font-weight:bold; background:#fff;}

/*Gestion Compte*/

 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	 color: #bdbdbb;
 }
 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	 color:    #bdbdbb;
	 opacity:  1;
 }
 ::-moz-placeholder { /* Mozilla Firefox 19+ */
	 color:    #bdbdbb;
	 opacity:  1;
 }
 :-ms-input-placeholder { /* Internet Explorer 10-11 */
	 color:    #bdbdbb;
 }


body.Gestion th{

	 border: solid black 1px;
 }

body.Gestion td
 {
    padding:0!important;
	 border-style:solid;
    border-width: 0 1px 1px 1px;
    background-color: rgb(252, 252, 252);
    margin:0;
 }

body.Gestion
{
  margin-bottom: 50px;
}

body.Gestion td.email, body.Gestion td.groups
{
	text-align: left;
}
body.Gestion td.phone
{
	width:100px;
}

body.Gestion td.type
{
    max-width:100px;
}

body.Gestion td.actions
 {
	 max-width:100px;
	font-weight: bold;
 }

body.Gestion td.actions button
 {
	 font-weight: bold;
	 text-align: center;
 }

body.Gestion td.actions button:hover
 {
	 cursor: pointer;
 }

body.Gestion td.actions button[name='modUser']:hover
 {
	 background-color: #19620a;
 }

body.Gestion td.actions button[name='delUser']:hover
 {
	 background-color: #742323;
 }

body.Gestion table, body.Gestion input, body.Gestion select, body.Gestion textarea, body.Gestion button{
	 font-size: small!important;
 }
body.Gestion table, body.Gestion table  input,  body.Gestion table  select,  body.Gestion table  textarea,  body.Gestion table  button{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right:0;
    border-left:0;
    padding:2px;
    margin:0;
    width:100%;
}

 table textarea
 {
	 resize: none;
	 min-width: 100px;
	 max-width: 150px;
 }


 .deactivated
 {
	 background-color: grey;
 }
/********************************************************/
/* FORM *************************************************/
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select,
div.inputstyle,
div.selectize-input
{
font-family:"Barlow", Arial, Helvetica, sans-serif;
font-size:15px!important;
display: inline-block;
outline: none;
height:40px!important;
padding: 0px 15px;
margin-bottom:20px;
color: #666;
background: #fff;
border:1px solid #ddd;
max-width:100%;
    width:100%;
}

.infos-row, .transport-row, .comment-row {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.addresses-row {
    padding-bottom: 20px !important;
    margin-bottom: 20px;
    border-bottom: 1px dashed #cccccc;
}

select {
    text-indent: 1px;
    text-overflow: '';
}

div.selectize-input
{
    min-height:40px!important;
    height:inherit!important;

    overflow: scroll;
    overflow-x: hidden;
    overflow-y:visible;
}
.selectize-dropdown .active
{
    background-color: rgba(227, 227, 227, 0.65);
}

div.selectize-input
{
    font-size:15px;
}
div.item.active
{
    background : grey!important;
    color:white!important;
}

input.qty { width:50px; height:40px;}
textarea { padding-top:5px; min-height: 100px;}
input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover {
	border-color:#bbb;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
border-color:#ccc;
color: #333;
}

.GestionFavActions
{
 width: 185px;
}

div.selectize-input input
{

    position:relative!important;
}

div.selectize-dropdown
{
    margin:-15px 0 0 0;
}

.selectize-control.single .selectize-input:after {
    border-style:none;
}

.selectize-control.single .selectize-input.dropdown-active:after {
    border-style:none;

}

select#ddlDirection,
select[id^=selAccount]
{
    text-align: left!important;
	width:100%!important;
}

input[type="checkbox"] { display: inline; }
label{ display:inline-block; font-size:15px; margin-bottom:5px; }
fieldset {border:0; margin:0; padding:0;}

span.button,
input.button,
button.button {
display: inline-block;
outline: none;
height:40px;
min-width: 40px;
max-width: 100%;
line-height: 40px;
margin-bottom:15px;
font-size:15px;
color: #fff;
background:#999;
text-align:center;
border:none;
-webkit-appearance: none;
border-radius: 0;
padding:0 10px;
}
div.modal-content input[disabled]:hover, div.modal-content button[disabled]:hover,
div.modal-content input[disabled], div.modal-content button[disabled]
{
    background-color: lightgrey!important;
    cursor: not-allowed!important;
}

 button[name='modUser']
 {
     width:90px;
	 background-color: #2dd264;
	 margin:1px;
 }

 button[name='delUser']
 {
     width:90px;
	 background-color: red;
	 margin:1px;
 }
button[name='sendBienvenu']
{
    line-height:15px;
}


input.button:hover,
button.button:hover{ background:#262828; cursor:pointer;}
input.button:active,
button.button:active { background:#262828; cursor:pointer;}

.button.add,
.button.del,
.button.upd,
.button.fav,
.button.vieworder{ margin-bottom: 0px;}
.button.add { background:#2dd264;}
.button.del {  background:#f03223;}
.button.fav {   padding: 0;}
.button.fav img:hover
{
    opacity:0.6;
}
.button.checkout.disapprove { background:#f03223; margin-right:10px;}
.button.selected { background:#262828; }
.frmExportToExcel { display: flex; align-items: center; justify-content: end;}
.button.exportToExcel { margin-top: 22px; }

.floatingBubble
{
    position:absolute;
    right:58px;
    top:9px;
    width:200px;
    border: black 1px;
    background-color: #f03223;
    overflow: auto;
    line-height: 21px;

}

.inputError
{
    box-shadow: inset 0 0 10px red;
}


/*********************************************************/
/************************FAVORI***************************/
/*********************************************************/
div.frmFavori
{
    padding:0;
    position:relative;
}
div.frmFavori .titrelistefavoris
{
    clear: both;
    display:block;
    text-align: center;
    width:100%;
    line-height: 40px;
    position:relative;
    border-top:1px solid #eee;
}

div.frmFavori .frmlistefavoris
{
    text-align: center;
}
div.frmlistefavoris input
{
    text-align: center;
    width:200px!important;
}
 div.frmFavori .addlistefavoris {
     clear: both;
     display: block;
     width:100%;
 }
 div.frmFavori ul
 {
     clear: both;
     display: block;
     list-style-type: none;
     padding:0;
     margin: 0;
     overflow: auto;
     height: 200px;
 }
 div.frmFavori ul li
 {
     height: 30px;
     padding: 5px 10px;
     position:relative;
 }
 div.frmFavori ul li:nth-child(odd)
 {
     background-color: #f3f3f3;
 }
 div.frmFavori  label, div.frmFavori p
 {
     text-align: left;
     line-height: 20px!important;
     font-size: 15px;
     font-weight:400;
     height:20px;
     width:180px;
     position:absolute;
     top:5px;
     left: 30px;
 }

 div.frmFavori span span label
 {

     top:-20px;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
 }



 div.frmFavori input[type=checkbox]
 {
     width:15px;
     position:absolute;
     left: 10px;
     top:5px;
 }

 div.frmFavori button[name=close]
 {
     width:40px;
     height: 40px;
     position:absolute;
     right: 0;
     top:0;
     z-index: 10;
     background-color: #fff;
     color: #666;
     font-size: 2em;
 }

 div.frmFavori button[name=showDelListeFavoriOptions]
   {
       width:15px;
       position:absolute;
       right: 10px;
       top:5px;
       bottom:0;
       padding: 0;
   }
div.frmFavori button[name=delListeFavori]
{
    width:15px;
    position:absolute;
    right: 40px;
    top:5px;
    bottom:0;
    padding: 0;
}
div.frmFavori button[name=cancelDelListeFavori]
{
    width:15px;
    position:absolute;
    right: 10px;
    top:5px;
    bottom:0;
    padding: 0;
}

 button[name=like],
 button[name=unlike]
 {
    background-color: rgba(255,0,0,0);
 }
 button[name=like]:hover,
 button[name=unlike]:hover
 {
     background-color: rgba(255,0,0,0);
 }
 div.frmFavori input
 {
    width:200px;
     display: inline-block;
    outline: none;
    height: 20px!important;
     font-size: 15px;
    padding: 0px 2px;
    margin: 0px;
    color: #666;
    background: #fff;
    border: 1px solid #ddd;
 }

 div.frmFavori
 {
    width:260px;
    height:320px;
    position:absolute;
    padding:0px;
    right:0;
    top:0;
    border: 1px solid #ddd;
    z-index:30;
    background-color: #fff;
 }

 div.frmFavori button
 {
     height:20px;
     min-width:20px;
     font:13px Arial;
     padding: 0;
 }

 /***MODAL BOOTSTRAP ****/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}


div.modal input, div.modal select{
    margin:0!important;
}
div.inputstyle
{
    padding:0px;
    height:40px;
    text-align:center;
    margin:0;
}

div.inputstyle input ,div.inputstyle div.inputstyle
{
    border-top-width:0;
    border-bottom-width:0;
    border-right-width:0;
    border-left-width:0;
    width:49%;
    background:transparent;
}
div.inputstyle div.inputstyle
{
    display:block;
    float:left;
}
body{
    padding-right:0px!important;
    margin-bottom:0px!important;
}
div.modal-body > *:first-child{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
div.modal-body > *:last-child{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

div.modal-body > *:nth-child(n):not(:first-child)
{
    border-top-width:0;
}

div.modal-content{
    width:400px;
    margin:30px auto!important;
}
div.modal-body
{
    width:300px;
    margin:10px auto;
}
div.modal-header
 {
     background-color: #f03223;
     color:white!important;
 }

div.modal-header .close
{
   opacity: 1;
    color:white!important;
}
div.modal-body, div.modal-footer
{
    background-color:white ;
}
div.modal .button
{
    height:30px;
    font-size:12px;
    line-height:30px;
    margin-bottom:0px;
}

/********************************************************/
/* MEDIA QUERIES ****************************************/
/********************************************************/
@media (max-width:767px) {
    .shippedQty:before {
        content: "/";
    }
}
@media (min-width:500px) {

}

@media (min-width:768px) {
    #login { padding-top: 60px; padding-bottom: 60px;}
    #login .logo { width: 250px; }
    #header, #header > div.container { height:100px; }
    #header .logo {position: absolute;right: 0;bottom: 0;}
    #header a { color:#fff; text-decoration:none;}
    #header .welcome { display:block; color:#fff; font-size:12px; }
    #header .welcome a { text-decoration:underline;}
    /*** NAV ***/
    #header .mob-btn, #header .mob-cart, #header .mob-logout, #header .mob-search, #header .mob-account { display:none;}

    /* search */
    #header #search { display: block; position:absolute; width: 300px; left: auto; top:15px; right:100px; padding: 0; border: none; z-index: 19;}

    #header #search input[type="search"] { height:30px; width: 260px; display: inline-block;}
    #header #search input[type="submit"] { display: inline-block; width:30px; height:30px; background:transparent url(../img/icons.png) -110px -10px no-repeat; background-size:200px 200px; border:none; text-indent:-1000em; cursor:pointer;}

    #nav { display: block; position:absolute; }
    #nav ul { margin:0px; padding:0px; list-style:none; }
    #nav ul li { margin:0px; padding:0px; list-style:none; display:inline-block; }
    #nav a { display:block; height:40px; line-height:40px; margin:0px; padding:0 10px; font-size:15px; color:#fff; }
    #nav a:hover, #nav a:focus {background-color:#333;}
    #nav a.act { color:#333; font-weight:bold; background-color:#fff; }
    #main {padding-top:110px ;}
    .productsTabs a {  padding:0 15px;}


    li.menucart.highlight { background:#FF6;}



}

@media (min-width:992px) {
    #header .logo { float:right; width:100px; margin:0; display:block;}
    #header .logo img{ width:100%; }
    #header .mob-cart { position:absolute; top:-1000px;}
    .logoprint { display:none;}
}

@media (min-width:1200px) {

}

@media (min-width:1400px) {

}

/**
Modifications Patrice Septembre 2020
 */

.section-title {
    margin-bottom: 20px;
}

.radio-block {
    margin-left: 30px;
    font-weight: 100;
    width: 100%;
}

.radio-block input[type=radio] {
    margin-right: 8px !important;
}

#hpp-iframe {
    width: 100%;
    min-height: 680px;
    height: auto;
    border: 1px solid #000000;
}