﻿#entete{background:rgba(var(--primary-rgb), 0.2);padding:40px 0;margin:0 0 40px}#entete .container>div{display:flex}#entete .container figure{flex-grow:0;flex-basis:260px;margin:0 20px 0 0}#entete .container figure img{display:block;max-width:100%;height:auto}#entete .container h1.title{margin:20px 0}#entete .container h1.title:last-child{margin:0}@media all and (max-width: 768px){#entete .container figure{display:none}}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;flex-basis:100%;margin:0 0 20px}.breadcrumb li{display:flex;align-items:center;color:var(--secondary-color)}.breadcrumb li a{text-decoration:none;color:var(--primary-color)}.breadcrumb li a:hover{text-decoration:underline}.breadcrumb li:after{display:block;margin:0 5px;content:"/"}.breadcrumb li:last-child:after{display:none}.onglets{display:flex;align-items:flex-start;flex-wrap:wrap;margin:0 -5px 20px}.onglets li{flex:1;padding:0 5px;margin:0 0 10px}.onglets li:last-child{margin:0}.onglets li a{display:flex;align-items:center;justify-content:center;text-align:center;padding:5px 10px;min-height:40px;font-weight:700;text-transform:uppercase;color:var(--secondary-color);border:1px solid var(--secondary-color)}.onglets li a:hover{color:var(--color-white);background:var(--secondary-color)}.onglets li a .edglyph{line-height:0;margin:0 5px 0 0;font-size:24px;text-transform:none}.onglets li.active a{background:var(--primary-color);color:var(--color-white);border-color:var(--primary-color)}.onglets li.logoff a{background:var(--error-color);border-color:var(--error-color);color:var(--color-white)}.tab-content hr{background:var(--primary-color);height:1px;border:0 none;margin:15px 30px}.tab-content .onglet_content{display:none}.tab-content .onglet_content.active{display:block}@media all and (max-width: 992px){.onglets li{flex-basis:25%}}@media all and (max-width: 768px){.onglets li{flex-basis:50%}}@media all and (max-width: 500px){.onglets{display:block}.onglets li{padding:0}}form{border:2px solid var(--color-black);padding:40px;border-radius:10px;margin:0 auto 40px}form:last-child{margin:0 auto}.form-group{margin:0 0 20px;display:flex;flex-wrap:wrap;align-items:center}.form-group:last-child{margin:0}.form-group label{text-transform:uppercase;font-weight:700;color:var(--color-black);display:flex;align-items:center;flex-basis:192px;margin:0 20px 0 0}.form-group label small{font-weight:500}.form-group label .edglyph{align-self:flex-start;line-height:0;text-transform:none}.form-group .edglyph.ed-asterisk{color:var(--error-color)}.form-group .form-control{flex:1;padding:0 10px;height:40px;border:1px solid rgba(var(--secondary-rgb), 0.2);font-weight:500;font-size:15px;width:100%;min-width:0;border-radius:0;color:var(--color-black)}.form-group .form-control.qty{max-width:128px}.form-group .form-control:hover{border-color:var(--primary-color)}.form-group .form-control:focus{border-color:var(--secondary-color)}.form-group textarea.form-control{padding:10px;min-height:128px;resize:none}.form-group .select{flex:1;background:var(--color-white);border-radius:0;border:1px solid rgba(var(--secondary-rgb), 0.2);color:var(--color-black)}.form-group .select select{color:var(--color-black)}.form-group .checkbox{flex-basis:100%}.form-group .checkbox input{display:none}.form-group .checkbox input:checked+label{color:var(--primary-color)}.form-group .checkbox input:checked+label:before{content:"Ù"}.form-group .checkbox label{align-items:flex-start;font-weight:500;cursor:pointer}.form-group .checkbox label:before{content:"Ø";font-family:"EdGlyph";font-size:24px;margin:0 10px 0 0}.form-group .checkbox label:hover{color:var(--primary-color) !important}.form-group .input-group{flex:1;display:flex}.form-group .input-group input,.form-group .input-group .select{flex:1;border-right:0 none}.form-group .input-group .btn{border-radius:0 10px 10px 0}.form-group.center{display:block;text-align:center}.form-group:hover label{color:var(--primary-color)}.form-group:hover .checkbox label{color:inherit}.select{display:flex;align-items:center;border:1px solid transparent;border-radius:10px;overflow:hidden;background:var(--primary-color);color:var(--color-white);position:relative}.select select{border:0 none;width:100%;height:38px;padding:0 30px 0 10px;text-transform:uppercase;font-weight:500;background:none;font-size:15px;cursor:pointer;color:var(--color-white)}.select select option{color:var(--color-black)}.select:after{content:"+";font-family:"EdGlyph";pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.select:hover{border-color:var(--primary-color);background:var(--color-white);color:var(--primary-color)}.select:hover select{color:var(--primary-color)}.select:hover select option{color:var(--color-black)}#content .container form{max-width:600px}#content .container #tab .tab-content .onglet_content#tab-commandes .slide_down .button{justify-content:space-between;flex-wrap:wrap;font-size:16px;padding:5px;display:flex;font-weight:400}#content .container #tab .tab-content .onglet_content#tab-commandes .slide_down .button>div{text-align:center;padding:0 10px}#content .container #tab .tab-content .onglet_content#tab-commandes .slide_down .button>div small{font-size:12px}#content .container #tab .tab-content .onglet_content#tab-commandes .slide_down .button strong{font-weight:500;color:var(--secondary-color)}#content .container #tab .tab-content .onglet_content#tab-commandes .slide_down .button span{color:var(--secondary-color)}#content .container #tab .tab-content .onglet_content#tab-commandes .slide_down .button.open+.sub_menu{display:block}#content .container #tab .tab-content .onglet_content#tab-commandes .slide_down .sub_menu{position:static;padding:20px;box-shadow:none;display:none}
