/***************/
/*** GENERAL ***/
/***************/
:root {
    --main-color    : #66a1f9;
    --main-color-950: #337ab7;
    --main-color-900: #1f3589;
    --main-color-800: #1f3aae;
    --main-color-700: #1e46d7;
    --main-color-600: #337ab7;
    --main-color-500: #3c79f5;
    --main-color-400: #66a1f9;
    --main-color-300: #94c0fc;
    --main-color-200: #bfd8fe;
    --main-color-100: #dbe8fe;
    --main-color-50 : #eff5ff;
    --main-color-pale:#d9edf7;
    --text-color    : #212529;
    --text-color2   : #195471;
}
.dev-local{background-color:#BBFFFF!important;}
.dev-local-bck{background-color:#BBFFFF!important;background-image:url(https://commons.adventury.net/img/filigrane_local.png)!important;}
.dev-preprod{background-color:#FFBBFF!important;}
.dev-preprod-bck{background-color:#FFBBFF!important;background-image:url(https://commons.adventury.net/img/filigrane_preprod.png)!important;}
*{font-family:arial,verdana,helvetica,sans-serif;outline:none;}
h1, h2, h3, h4, h5, h6{font-family:arial,verdana,helvetica !important;}
img{border:0;}
a{color:#000;}
a, img, object{outline:none;}
a{color:#000000;cursor:pointer;transition:all .2s ease-in-out;}
a:hover{color:#000000 !important;opacity:.8;}
a:focus,
a:active{color:#000000 !important;opacity:1;}
a.hover{color:#000000;text-decoration:underline;}
table{border-collapse:collapse;}
table th{text-align:center;}
label{font-weight:normal;}
p{text-align:justify;}
.ancre{padding-top:60px;}
.saumon{color:#66A1F9 !important;}
.blanc{color:#FFFFFF !important;}
.bck-saumon{background-color:#66A1F9 !important;}
.bck-saumon-pale{background-color:#FCF5F2 !important;}
.border-bottom-gray{border-bottom:1px solid gray;}
.color-error{color:#f44336;}
.color-ok{color:#009587;}
.color-info{color:#11BBFF;}
.dashed{text-decoration:underline;text-decoration-style:dashed;}
.dotted{text-decoration:underline;text-decoration-style:dotted;}
.block{display:block;}
.inline-block{display:inline-block;}
.btn{box-shadow:0 2px 2px 0 rgba(153,153,153,.14),0 3px 1px -2px rgba(153,153,153,.2),0 1px 5px 0 rgba(153,153,153,.12);text-transform:uppercase;}
.ul-inline li{display:inline-block;}
.obligatoire{color:red;}
.cursor-pointer{cursor:pointer;}
.flex-vertical-align{display:flex;align-items:center;}
ul.liste-colonne-2{width:100%;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-column-count:2;-moz-column-count:2;column-count:2;}
ul.liste-colonne-3{width:100%;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-column-count:3;-moz-column-count:3;column-count:3;}
ul.liste-colonne-4{width:100%;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-column-count:4;-moz-column-count:4;column-count:4;}
ul.liste-colonne-5{width:100%;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-column-count:5;-moz-column-count:5;column-count:5;}
ul.liste-colonne-6{width:100%;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-column-count:6;-moz-column-count:6;column-count:6;}
.font-consolas,
.font-consolas *{font-family:"Consolas"!important;}

/*Debog*/
.is-adv{color:red!important;font-size:11px!important;}

header{background-color:var(--main-color-600);}
header nav ul li{display:inline-block;list-style-type:none;padding:8px 10px;}
header nav ul li a{text-decoration:none;font-size:16px;color:#FFFFFF;}
header nav ul li a.current{font-weight:bold;}
header nav ul li a:hover,
header nav ul li a:visited,
header nav ul li a:focus{color:#FFFFFF!important;opacity:.75;text-decoration:none;}
header nav ul li a i{vertical-align:-6px;}
header #vendeuse-header *{color:#FFFFFF;}


h1{font-size:22px;font-weight:400;margin-top:0;}
h1 i{vertical-align:-4px;}
#page{padding-top:30px;}
.btn i.material-icons{vertical-align:-7px;}


footer{margin-top:50px;padding:10px 0;font-size:11px;color:#000000;background-color:#F5F5F5;}

#retraitCommandeClient-titre{font-size:34px;font-weight:bold;display:block;}

/*24px, on se base sur les dimensions de material icons*/
.quantite-val{line-height:24px;vertical-align:top;user-select:none;-webkit-user-select:none;-moz-user-select:none;}
.quantite-down,
.quantite-up{cursor:pointer;display:inline-block;width:24px;height:24px;color:#337ab7!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;}
.quantite-down{margin-right:2px;}
.quantite-up{margin-left:2px;}
.quantite-down:hover,
.quantite-up:hover{opacity:0.75;}


/* phpgrid */
/*Head*/
.ui-jqgrid, .ui-jqgrid .ui-jqgrid-hdiv{border-radius: 8px 8px 0 0 !important;box-shadow: initial !important;}
.ui-jqgrid .ui-corner-top{background-color: var(--main-color-950) !important;}
.ui-jqgrid .ui-jqgrid-htable th{padding:5px !important;}
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column, .ui-th-column{font-size:14px;font-weight:bold;}
.ui-jqgrid .ui-jqgrid-htable th div{text-align:center !important;}
.ui-widget-header, .ui-widget-header a {color:#FFF!important;}
.ui-widget-header {background-color: var(--main-color-950) !important;}
td.ui-search-input{padding:0!important;}
td.ui-search-input input,
td.ui-search-input select{font-weight:normal;color:#000000!important;}
/*Body*/
.ui-jqgrid-btable{border-collapse:initial}
.ui-jqgrid-bdiv{scrollbar-width:thin;}
/*Ligne*/
.ui-jqgrid tr.jqgrow,.ui-jqgrid tr.ui-row-ltr{border: 1px solid transparent;}
.ui-alt-rows{background-color: #F8F8F8 !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background: #F6F6F6 !important;color: #293046 !important;}
.ui-jqgrid table tr.jqgrow.ui-state-hover{border: 1px solid #FEFEFE !important; background-color: #F6F6F6 !important;color: #0E1018 !important;}
/*Groupe*/
.ui-jqgrid .jqgroup td{border-top:1px solid #CCCCCC!important;}
.ui-jqgrid tr.footrow td{background-color:#EEEEFF!important;}
/*Footer*/
.ui-jqgrid .ui-jqgrid-pager,#list1_pager{border-radius: 0 0 8px 8px !important;border-right: 1px solid #C5C5C5 !important;}
.ui-jqgrid.ui-widget-content{border-radius: 8px !important;}
/*Case*/
.ui-jqgrid tr.ui-row-ltr td {border-right-style: solid !important;border-right-color: rgba(0, 0, 0, 0) !important;vertical-align: middle}
.ui-jqgrid table tr.jqgrow td{color: #49525E;border-top: 1px solid transparent !important;border-bottom: 1px solid transparent !important;}
.ui-jqgrid table tr.jqgrow.ui-state-hover td{color: #0E1018;border-top: 1px solid #E2E2E2 !important;border-bottom: 1px solid #E2E2E2 !important;}
.ui-jqgrid tr.jqgrow td {height: 16px !important;white-space: nowrap !important;}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {color: var(--text-color) !important;}
.ui-jqgrid table tr.jqgrow.ui-state-highlight td{color: #293046;border-top: 1px solid #E2E2E2 !important;border-bottom: 1px solid #E2E2E2 !important;}
.ui-jqgrid .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: 1px solid var(--main-color-400) !important;background: var(--main-color-400) !important;color: var(--text-color) !important;}
.ui-state-focus, .ui-widget-content .ui-state-focus {background: var(--main-color-400) !important;}
.ui-jqgrid tr.jqgrow td{padding: 10px !important;}
.ui-jqgrid-htable .ui-state-default{background-color: var(--main-color-950) !important;color: #fff !important;border: 1px solid var(--main-color-950) !important;}
/*Actions*/
.ui-custom-icon-adv{display:inline-block!important;width:22px!important;margin:0 5px!important;}
.ui-custom-icon-adv svg{width: 24px!important;}
/*Benj on optimise au mieux pour agrandir un peu les pictos*/
.ui-custom-icon.ui-custom-icon-adv{transform:scale(1.5) translate(0,0)!important;height:17px!important;}
td .ui-custom-icon-adv:last-child{margin-right:0px!important;}
tr:not(.ui-jqgrid-labels) .ui-state-hover, tr:not(.ui-jqgrid-labels) .ui-widget-content .ui-state-hover{background-color: var(--main-color-400) !important;}
.ui-jqgrid .ui-pg-selbox, .ui-jqgrid .ui-pg-input{background-color: white;border: 1px solid #c5c5c5;border-radius: 4px;padding: 3px 5px;height: initial !important;line-height: 1}
/*Popup*/
.ui-jqdialog-content .FormGrid .FormData{border: 0;}

/*Générique*/
.black{color:#000000 !important;}
.white{color:#FFFFFF !important;}
.red{color:#FF0000 !important;}
.img-max{max-width:100%;}
.img-large{float:left;width:100%;height:auto;}
.displayBlock,
.display-block{display:block;}
.displayNone,
.display-none{display:none;}
.float-left{float:left;}
.float-right{float:right;}
.bold{font-weight:bold!important;}
.uppercase{text-transform:uppercase;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
.nopadding{padding-left:0 !important;padding-right:0 !important;}
.nomargin{margin-left:0 !important;margin-right:0 !important;}
small{font-size:10px;}
.overflow-auto{overflow:auto;}
.width-20{width:20%;}
.width-25{width:25%;}
.width-50{width:50%;}
.width-75{width:75%;}
.width-100{width:100%;}
.max-width-100{max-width:100%;}

/* Tabs: note alignée à droite dans le libellé */
.tab-right-note{float:right;margin-left:0;}

/*Tableaux*/
table.table-large{width:100%;}
table caption{font-size:26px;}
table th{padding:5px 10px;}
table.table-vertical th{text-align:left;}
table td{padding:5px 8px;}
table.table-vertical td{text-align:left;}
table tr{border-bottom:1px solid #EEEEEE;}
table tr:last-child{border-bottom:unset;}



/*Classes margin et padding (de 0 à 50, pas de 5)*/
.padding-t-0{padding-top:0 !important;}
.padding-l-0{padding-left:0 !important;}
.padding-r-0{padding-right:0 !important;}
.padding-b-0{padding-bottom:0 !important;}
.padding-x-0{padding-left:0 !important;padding-right:0 !important;}
.padding-y-0{padding-top:0 !important;padding-bottom:0 !important;}
.padding-a-0{padding:0 !important;}

.padding-t-5{padding-top:5px !important;}
.padding-l-5{padding-left:5px !important;}
.padding-r-5{padding-right:5px !important;}
.padding-b-5{padding-bottom:5px !important;}
.padding-x-5{padding-left:5px !important;padding-right:5px !important;}
.padding-y-5{padding-top:5px !important;padding-bottom:5px !important;}
.padding-a-5{padding:5px !important;}

.padding-t-10{padding-top:10px !important;}
.padding-l-10{padding-left:10px !important;}
.padding-r-10{padding-right:10px !important;}
.padding-b-10{padding-bottom:10px !important;}
.padding-x-10{padding-left:10px !important;padding-right:10px !important;}
.padding-y-10{padding-top:10px !important;padding-bottom:10px !important;}
.padding-a-10{padding:10px !important;}

.padding-t-15{padding-top:15px !important;}
.padding-l-15{padding-left:15px !important;}
.padding-r-15{padding-right:15px !important;}
.padding-b-15{padding-bottom:15px !important;}
.padding-x-15{padding-left:15px !important;padding-right:15px !important;}
.padding-y-15{padding-top:15px !important;padding-bottom:15px !important;}
.padding-a-15{padding:15px !important;}

.padding-t-20{padding-top:20px !important;}
.padding-l-20{padding-left:20px !important;}
.padding-r-20{padding-right:20px !important;}
.padding-b-20{padding-bottom:20px !important;}
.padding-x-20{padding-left:20px !important;padding-right:20px !important;}
.padding-y-20{padding-top:20px !important;padding-bottom:20px !important;}
.padding-a-20{padding:20px !important;}

.padding-t-25{padding-top:25px !important;}
.padding-l-25{padding-left:25px !important;}
.padding-r-25{padding-right:25px !important;}
.padding-b-25{padding-bottom:25px !important;}
.padding-x-25{padding-left:25px !important;padding-right:25px !important;}
.padding-y-25{padding-top:25px !important;padding-bottom:25px !important;}
.padding-a-25{padding:25px !important;}

.padding-t-30{padding-top:30px !important;}
.padding-l-30{padding-left:30px !important;}
.padding-r-30{padding-right:30px !important;}
.padding-b-30{padding-bottom:30px !important;}
.padding-x-30{padding-left:30px !important;padding-right:30px !important;}
.padding-y-30{padding-top:30px !important;padding-bottom:30px !important;}
.padding-a-30{padding:30px !important;}

.padding-t-35{padding-top:35px !important;}
.padding-l-35{padding-left:35px !important;}
.padding-r-35{padding-right:35px !important;}
.padding-b-35{padding-bottom:35px !important;}
.padding-x-35{padding-left:35px !important;padding-right:35px !important;}
.padding-y-35{padding-top:35px !important;padding-bottom:35px !important;}
.padding-a-35{padding:35px !important;}

.padding-t-40{padding-top:40px !important;}
.padding-l-40{padding-left:40px !important;}
.padding-r-40{padding-right:40px !important;}
.padding-b-40{padding-bottom:40px !important;}
.padding-x-40{padding-left:40px !important;padding-right:40px !important;}
.padding-y-40{padding-top:40px !important;padding-bottom:40px !important;}
.padding-a-40{padding:40px !important;}

.padding-t-45{padding-top:45px !important;}
.padding-l-45{padding-left:45px !important;}
.padding-r-45{padding-right:45px !important;}
.padding-b-45{padding-bottom:45px !important;}
.padding-x-45{padding-left:45px !important;padding-right:45px !important;}
.padding-y-45{padding-top:45px !important;padding-bottom:45px !important;}
.padding-a-45{padding:45px !important;}

.padding-t-50{padding-top:50px !important;}
.padding-l-50{padding-left:50px !important;}
.padding-r-50{padding-right:50px !important;}
.padding-b-50{padding-bottom:50px !important;}
.padding-x-50{padding-left:50px !important;padding-right:50px !important;}
.padding-y-50{padding-top:50px !important;padding-bottom:50px !important;}
.padding-a-50{padding:50px !important;}



.margin-t-0{margin-top:0 !important;}
.margin-l-0{margin-left:0 !important;}
.margin-r-0{margin-right:0 !important;}
.margin-b-0{margin-bottom:0 !important;}
.margin-x-0{margin-left:0 !important;margin-right:0 !important;}
.margin-y-0{margin-top:0 !important;margin-bottom:0 !important;}
.margin-a-0{margin:0 !important;}

.margin-t-5{margin-top:5px !important;}
.margin-l-5{margin-left:5px !important;}
.margin-r-5{margin-right:5px !important;}
.margin-b-5{margin-bottom:5px !important;}
.margin-x-5{margin-left:5px !important;margin-right:5px !important;}
.margin-y-5{margin-top:5px !important;margin-bottom:5px !important;}
.margin-a-5{margin:5px !important;}

.margin-t-10{margin-top:10px !important;}
.margin-l-10{margin-left:10px !important;}
.margin-r-10{margin-right:10px !important;}
.margin-b-10{margin-bottom:10px !important;}
.margin-x-10{margin-left:10px !important;margin-right:10px !important;}
.margin-y-10{margin-top:10px !important;margin-bottom:10px !important;}
.margin-a-10{margin:10px !important;}

.margin-t-15{margin-top:15px !important;}
.margin-l-15{margin-left:15px !important;}
.margin-r-15{margin-right:15px !important;}
.margin-b-15{margin-bottom:15px !important;}
.margin-x-15{margin-left:15px !important;margin-right:15px !important;}
.margin-y-15{margin-top:15px !important;margin-bottom:15px !important;}
.margin-a-15{margin:15px !important;}

.margin-t-20{margin-top:20px !important;}
.margin-l-20{margin-left:20px !important;}
.margin-r-20{margin-right:20px !important;}
.margin-b-20{margin-bottom:20px !important;}
.margin-x-20{margin-left:20px !important;margin-right:20px !important;}
.margin-y-20{margin-top:20px !important;margin-bottom:20px !important;}
.margin-a-20{margin:20px !important;}

.margin-t-25{margin-top:25px !important;}
.margin-l-25{margin-left:25px !important;}
.margin-r-25{margin-right:25px !important;}
.margin-b-25{margin-bottom:25px !important;}
.margin-x-25{margin-left:25px !important;margin-right:25px !important;}
.margin-y-25{margin-top:25px !important;margin-bottom:25px !important;}
.margin-a-25{margin:25px !important;}

.margin-t-30{margin-top:30px !important;}
.margin-l-30{margin-left:30px !important;}
.margin-r-30{margin-right:30px !important;}
.margin-b-30{margin-bottom:30px !important;}
.margin-x-30{margin-left:30px !important;margin-right:30px !important;}
.margin-y-30{margin-top:30px !important;margin-bottom:30px !important;}
.margin-a-30{margin:30px !important;}

.margin-t-35{margin-top:35px !important;}
.margin-l-35{margin-left:35px !important;}
.margin-r-35{margin-right:35px !important;}
.margin-b-35{margin-bottom:35px !important;}
.margin-x-35{margin-left:35px !important;margin-right:35px !important;}
.margin-y-35{margin-top:35px !important;margin-bottom:35px !important;}
.margin-a-35{margin:35px !important;}

.margin-t-40{margin-top:40px !important;}
.margin-l-40{margin-left:40px !important;}
.margin-r-40{margin-right:40px !important;}
.margin-b-40{margin-bottom:40px !important;}
.margin-x-40{margin-left:40px !important;margin-right:40px !important;}
.margin-y-40{margin-top:40px !important;margin-bottom:40px !important;}
.margin-a-40{margin:40px !important;}

.margin-t-45{margin-top:45px !important;}
.margin-l-45{margin-left:45px !important;}
.margin-r-45{margin-right:45px !important;}
.margin-b-45{margin-bottom:45px !important;}
.margin-x-45{margin-left:45px !important;margin-right:45px !important;}
.margin-y-45{margin-top:45px !important;margin-bottom:45px !important;}
.margin-a-45{margin:45px !important;}

.margin-t-50{margin-top:50px !important;}
.margin-l-50{margin-left:50px !important;}
.margin-r-50{margin-right:50px !important;}
.margin-b-50{margin-bottom:50px !important;}
.margin-x-50{margin-left:50px !important;margin-right:50px !important;}
.margin-y-50{margin-top:50px !important;margin-bottom:50px !important;}
.margin-a-50{margin:50px !important;}

.table-border-0{border:0;}
.table-padding-0 tr th, .table-padding-0 tr td{padding:0;}
.table-padding-5 tr th, .table-padding-5 tr td{padding:5px;}
.table-padding-10 tr th, .table-padding-10 tr td{padding:10px;}

/* Lisibilité des étapes de commande: texte blanc sur l'onglet actif */
#order-steps li.active > a,
#order-steps li.active > a:hover,
#order-steps li.active > a:focus{color:#FFFFFF !important;}

/* Liens non-actifs: rester en noir au survol, focus et clic */
#order-steps li:not(.active) > a:hover,
#order-steps li:not(.active) > a:focus,
#order-steps li:not(.active) > a:active{color:#000000 !important;}