@font-face {
    font-family: 'Montserrat SemiBold';
    src: url('../fonts/montserrat/Montserrat-SemiBold.eot');
    src: url('../fonts/montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'),
    url('../fonts/montserrat/Montserrat-SemiBold.woff') format('woff'),
    url('../fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Bold';
    src: url('../fonts/montserrat/Montserrat-Bold.eot');
    src: url('../fonts/montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
    url('../fonts/montserrat/Montserrat-Bold.woff') format('woff'),
    url('../fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Light';
    src: url('../fonts/montserrat/Montserrat-Light.eot');
    src: url('../fonts/montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat/Montserrat-Light.woff2') format('woff2'),
    url('../fonts/montserrat/Montserrat-Light.woff') format('woff'),
    url('../fonts/montserrat/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Regular';
    src: url('../fonts/montserrat/Montserrat-Regular.eot');
    src: url('../fonts/montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
    url('../fonts/montserrat/Montserrat-Regular.woff') format('woff'),
    url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Medium';
    src: url('../fonts/montserrat/Montserrat-Medium.eot');
    src: url('../fonts/montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat/Montserrat-Medium.woff2') format('woff2'),
    url('../fonts/montserrat/Montserrat-Medium.woff') format('woff'),
    url('../fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans Bold';
    src: url('../fonts/open-sans-bold/OpenSans-Bold.eot');
    src: url('../fonts/open-sans-bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open-sans-bold/OpenSans-Bold.woff2') format('woff2'),
    url('../fonts/open-sans-bold/OpenSans-Bold.woff') format('woff'),
    url('../fonts/open-sans-bold/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'sketchnotesquare';
    src: url('../fonts/sketchnotesquare/SketchnoteSquare.eot');
    src: url('../fonts/sketchnotesquare/SketchnoteSquare.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sketchnotesquare/SketchnoteSquare.woff2') format('woff2'),
    url('../fonts/sketchnotesquare/SketchnoteSquare.woff') format('woff'),
    url('../fonts/sketchnotesquare/SketchnoteSquare.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/proxima-nova/ProximaNova-Medium.eot');
    src: url('../fonts/proxima-nova/ProximaNova-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/ProximaNova-Medium.woff2') format('woff2'),
    url('../fonts/proxima-nova/ProximaNova-Medium.woff') format('woff'),
    url('../fonts/proxima-nova/ProximaNova-Medium.ttf') format('truetype'),
    url('../fonts/proxima-nova/ProximaNova-Medium.svg#ProximaNova-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Extrabold';
    src: url('../fonts/proxima-nova/ProximaNova-Extrabld.eot');
    src: url('../fonts/proxima-nova/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova/ProximaNova-Extrabld.woff2') format('woff2'),
    url('../fonts/proxima-nova/ProximaNova-Extrabld.woff') format('woff'),
    url('../fonts/proxima-nova/ProximaNova-Extrabld.ttf') format('truetype'),
    url('../fonts/proxima-nova/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BebasNeue';
    src: url('../fonts/bebas-neue/BebasNeue-Regular.eot');
    src: url('../fonts/bebas-neue/BebasNeue-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bebas-neue/BebasNeue-Regular.woff2') format('woff2'),
    url('../fonts/bebas-neue/BebasNeue-Regular.woff') format('woff'),
    url('../fonts/bebas-neue/BebasNeue-Regular.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}
.bebasneue{font-family: 'BebasNeue';}

/*--------------------------------------------------------*/
/*Générale*/
/*--------------------------------------------------------*/
body{
    margin: inherit;
    font-family: "Montserrat Regular";
    background-color: #F7F7F7;
    position: relative;
}
a{
    color:#272B2C
}
body.noscroll{overflow: hidden;position: relative;}
h1, h2, h3, h4, h5, h6,
button, input, select, textarea {
    font-family: "Montserrat Regular";
}
::-webkit-input-placeholder {
    font-family: "Montserrat Regular";
}
:-moz-placeholder {
    font-family: "Montserrat Regular";
}
::-moz-placeholder {
    font-family: "Montserrat Regular";
}
:-ms-input-placeholder {
    font-family: "Montserrat Regular";
}
.sketchnotesquare{
    font-family: "sketchnotesquare";
}

.showm{
    display:none!important;
}
.showd{
    display:block;
}
.bg-white {background-color: #FFFFFF;}
.bg-red {background-color: #E20613;}
.bg-grey {background-color: #E2E2E2;}
.bg-black {background-color: #272B2C;}
.bg-bright-grey {background-color: #EAEAEA;}
.pointer{ cursor: pointer; }

.backgroundhover::before {
    content: ' ';
    width: 100vw;
    height: 100vh;
    min-height: calc(100vh - 78px);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 15;
    opacity: 0;
    visibility: hidden;
    transition: .7s;
}
.backgroundhover.open::before {
    opacity: 0.25;
    visibility: visible;
}
.backgroundhover.open {
    z-index: 25;
}

/*--------------------------------------------------------*/
/*Utilities*/
/*--------------------------------------------------------*/

.d-none{display:none !important;}
/* Flex */
.flex{display: flex;}
.column{flex-direction: column;}
.row{flex-direction: row;}
.align-center{align-items: center;}
.align-start{align-items: start;}
.align-end{align-items: end;}
.align-baseline{align-items: baseline;}
.align-self-start{align-self:flex-start;}
.align-self-end{align-self:flex-end;}
.align-self-center{align-self:center;}
.justify-between{justify-content: space-between;}
.justify-around{justify-content: space-around;}
.justify-center{justify-content: center;}
.flex-center{display: flex;justify-content: center;align-items: center;}
.wrap{flex-wrap: wrap;}

/* Width */
.w-40{width: 40%;}
.w-50{width: 50%;}
.w-70{width: 70%;}
.w-90{width: 90%;}
.w-100{width: 100%;}

/* Margin */
.m-auto{margin: auto;}
.m-0-auto{margin: 0 auto;}
.m-0{margin: 0;}
.m-5-0{margin: 5px 0;}
.m-15-0{margin: 15px 0;}
.m-15-0{margin: 15px 0;}
.margin-15-auto{margin: 15px auto;}
.mt-0{margin-top: 0;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 15px;}
.mt-15{margin-top: 15px;}
.mt-16{margin-top: 16px;}
.mt-17{margin-top: 17px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-32{margin-top: 32px;}
.mt-35{margin-top: 35px;}
.mt-37{margin-top: 37px;}
.mt-40{margin-top: 40px;}
.mt-43{margin-top: 43px;}
.mt-45{margin-top: 45px;}
.mt-50{margin-top: 50px;}
.mt-55{margin-top: 55px;}
.mt-60{margin-top: 60px;}
.mt-64{margin-top: 64px;}
.mt-65{margin-top: 65px;}
.mt-70{margin-top: 70px;}
.mt-75{margin-top: 75px;}
.mt-80{margin-top: 80px;}
.mt-85{margin-top: 85px;}
.mt-100{margin-top: 100px;}
.mt-115{margin-top: 115px;}
.mt-140{margin-top: 140px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-30{margin-left: 30px;}
.ml-32{margin-left: 32px;}
.mb-0{margin-bottom: 0px;}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-45{margin-bottom: 45px;}
.mb-50{margin-bottom: 50px;}
.mb-55{margin-bottom: 55px;}
.mb-60{margin-bottom: 60px;}
.mb-70{margin-bottom: 70px;}
.mb-85{margin-bottom: 85px;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-12{margin-right: 12px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}
.mr-32{margin-right: 32px;}
.mr-35{margin-right: 35px;}
.mr-55{margin-right: 55px;}
.mr-112{margin-right: 112px;}
.margin-auto{margin: auto;}

/* padding */
.pad-0{padding: 0;}
.pad-10{padding: 10px;}
.pad-12{padding: 12px;}
.pad-15{padding: 15px;}
.pad-16{padding: 16px;}
.pad-20{padding: 20px;}
.pad-30{padding: 30px;}
.pad-32{padding: 32px;}
.pad-47-32{padding: 47px 32px;}
.pad-0-16{padding: 0 16px;}
.pad-0-32{padding: 0 32px;}
.pad-32-0{padding: 32px 0;}
.pad-30-16{padding: 30px 16px;}
.pad-15-0{padding: 15px 0;}
.pad-12-15{padding: 12px 15px;}
.pad-15-20{padding: 15px 20px;}
.pad-40-30{padding: 40px 30px;}
.pb-5{padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-25{padding-bottom: 25px;}
.pb-26{padding-bottom: 26px;}
.pb-30{padding-bottom: 30px;}
.pb-35{padding-bottom: 35px;}
.pb-40{padding-bottom: 40px;}
.pb-50{padding-bottom: 50px;}
.pb-70{padding-bottom: 70px;}
.pb-80{padding-bottom: 80px;}
.pb-90{padding-bottom: 90px;}
.pb-100{padding-bottom: 100px;}
.pt-5{padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pt-25{padding-top: 25px;}
.pt-26{padding-top: 26px;}
.pt-30{padding-top: 30px;}
.pt-35{padding-top: 35px;}
.pt-40{padding-top: 40px;}
.pt-50{padding-top: 50px;}
.pt-60{padding-top: 60px;}
.pt-80{padding-top: 80px;}
.pt-90{padding-top: 90px;}
.pt-100{padding-top: 100px;}
.pl-10{padding-left: 10px;}
.pl-16{padding-left: 16px;}
.pl-20{padding-left: 20px;}

/* font-size */
.fs-10{font-size: 10px;}
.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-15{font-size: 15px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fs-25{font-size: 25px;}
.fs-27{font-size: 27px;}
.fs-36{font-size: 36px;}

/* Line-height */
.lh-1{line-height: 1px;}
.lh-11{line-height: 11px;}
.lh-12{line-height: 12px;}
.lh-13{line-height: 13px;}
.lh-14{line-height: 14px;}
.lh-15{line-height: 15px;}
.lh-16{line-height: 16px;}
.lh-19{line-height: 19px;}
.lh-20{line-height: 20px;}
.lh-22{line-height: 22px;}
.lh-25{line-height: 25px;}
.lh-32{line-height: 32px;}
.lh-34{line-height: 34px;}
.lh-40{line-height: 40px;}

/* Letter-spacing */
.ls-0{letter-spacing: 0px;}
.ls-02{letter-spacing: 0.2px;}
.ls-04{letter-spacing: 0.4px;}
.ls-05{letter-spacing: 0.5px;}
.ls-07{letter-spacing: 0.7px;}
.ls-1{letter-spacing: 1px;}

.underline{text-decoration: underline;}
.overflow-scroll{overflow: scroll}
.scroll-y-auto{overflow-y: auto}
.text-left{text-align: left;}
.italic{font-style: italic;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.decoration-none{text-decoration: none;}

/* Opacity */
.opacity-03{opacity: 0.3;}
.opacity-05{opacity: 0.5;}
.opacity-06{opacity: 0.6;}
.opacity-09{opacity: 0.9;}
.opacity-1{opacity: 1;}
.up{transform: rotate(-90deg)!important;}

/* Position */
.pos-absolute{position:absolute;}
.pos-relative{position:relative;}

/* Text color */
.color-red{color: #E20613 !important;}
.color-white{color: #ffffff;}
.color-black{color:#272B2C;}
.color-green{color: #46A936;}
.color-grey{color: #7D8080;}
.color-blue{color: #246EE0;}
.color-light-grey{color: #B1B1B1;}
.color-trolley-grey{color: #7E8181;}
.color-silver{color: #C0C0C0;}
.color-suva-grey{color: #939393;}
.color-shuttle-grey{color: #64676B;}

.fill-silver{color: #C0C0C0;}

/* font-family */
.medium{font-family: "Montserrat Medium";}
.semibold{font-family: "Montserrat SemiBold";}
.bold{font-family: "Montserrat Bold";}
.open-bold{font-family: "Open Sans Bold"}

/* Text transform */
.uppercase{text-transform: uppercase;}
.capitalize{text-transform: capitalize;}

/* Border radius */
.br-0{border-radius: 0px;}
.br-2{border-radius: 2px;}
.br-4{border-radius: 4px;}
.br-5{border-radius: 5px;}
.br-8{border-radius: 8px;}
.br-9{border-radius: 9px;}
.br-10{border-radius: 10px;}
.br-13{border-radius: 13px;}
.br-15{border-radius: 15px;}
.br-20{border-radius: 20px;}
.br-23{border-radius: 23px;}
.br-27{border-radius: 23px;}
.br-30{border-radius: 30px;}
.br-34{border-radius: 34px;}
.br-40{border-radius: 40px;}
.br-50{border-radius: 50px;}
.br-100{border-radius: 100px;}

/* Border */
.br-bottom-grey{border-bottom: 1px solid #D9D9D9;}
.br-white{border: 1px solid #ffffff;}
.br-grey{border: 1px solid #D9D9D9;}
.br-top{border-right: 1px solid #D9D9D9;}
.br-right{border-right: 1px solid #D9D9D9;}
.br-none{border: none}
.shadow{box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);}

/* Text ellipsis */
.ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 1056px){
    .flex-m{display: flex;}
    .column-mb{flex-direction: column;}
    .column-reverse-mb{flex-direction: column-reverse;}
    .justify-center-m{justify-content: center;}
    .no-wrap-m {flex-wrap: nowrap;}

    .w-inherit-m{width: inherit;}
    .w-80-m{width: 80%;}
    .w-90-m{width: 90%;}
    .w-100-m{width: 100%;}
    
    .pos-absolute-m{position: absolute;}

    .mr-0-m{margin-right: 0px;}
    .mr-15-m{margin-right: 15px;}
    .mr-30-m{margin-right: 30px;}
    .mr-40-m{margin-right: 40px;}
    .ml-0-m{margin-left: 0;}
    .ml-10-m{margin-left: 10px;}
    .mt-0-m{margin-top: 0px;}
    .mt-16-m{margin-top: 16px;}
    .mt-20-m{margin-top: 20px;}
    .mt-25-m{margin-top: 25px;}
    .mt-30-m{margin-top: 30px;}
    .mt-36-m{margin-top: 36px;}
    .mt-70-m{margin-top: 70px;}
    .mt-115-m{margin-top: 115px;}
    .mb-10-m{margin-bottom: 10px;}
    .mb-20-m{margin-bottom: 20px;}
    .mb-25-m{margin-bottom: 25px;}
    .mb-30-m{margin-bottom: 30px;}
    .mb-40-m{margin-bottom: 40px;}
    .mb-60-m{margin-bottom: 60px;}

    .pad-0-m{padding: 0px;}
    .pad-16-m{padding: 16px;}
    .pad-0-16-m{padding: 0 16px;}
    .pad-32-16-m{padding: 32px 16px;}
    .pad-16-0-m{padding: 16px 0;}
    .pad-15-0-m{padding: 15px 0;}
    .pad-55-0-m{padding: 55px 0;}
    .pad-40-16-m{padding: 40px 30px;}
    .pt-55-m{padding-top: 55px;}
    .pb-0-m{padding-bottom: 0;}
    .pb-10-m{padding-bottom: 10px;}
    .pb-20-m{padding-bottom: 20px;}
    .pb-45-m{padding-bottom: 45px;}
    .pr-26-m{padding-right: 26px;}
    .pl-10-m{padding-left: 10px;}
    .pl-16-m{padding-left: 16px;}
    .pt-50-m{padding-top:50px;}

    .scroll-mb{overflow:scroll;}
    .scroll-x-mb{overflow-x:scroll;}
    .hidden-m {overflow: hidden;}

    .bg-inherit-m{background-color:inherit}
}
@media print {
    .container{
        margin-left: 0px!important;
        margin-top: 0px!important;
        width: 1024px;
    }
    main{
        max-width: 1300px!important;
        margin: 0!important;
        width: 1024px!important;
    }
    .declaration-sav{
        padding: 0px!important;
    }
    .declaration-sav .header{
        padding-top: 0px!important;
    }
    .print{
        width: 100%!important;
    }
    .noPrint,
    [type="submit"]{
        display:none!important;
    }
}
/*--------------------------------------------------------*/
/*Input*/
/*--------------------------------------------------------*/
input,select,
.select,
textarea{
    height: 46px;
    box-sizing: border-box;
    border: 2px solid #979797;
    border-radius: 10px;
    width: 100%;
    font-size: 15px;
    line-height: 22px;
    padding: 0 15px;
    margin-top: 30px;
    background-color: inherit;
}
#f_message_sav_message{
    margin-top: -20px;
}
textarea {
    max-width: 100%;
    padding: 0 20px;
}
input.valide,
.select.valide,
textarea.valide{
    border: 2px solid #46A936;
}
.nomargin{ margin: 0; }
input[type="file" i] {display: none;}
input::placeholder{
    color: #272B2C;
    font-size: 15px;
    line-height: 22px;
    opacity: 0.5;
}
input.textarea::placeholder{
    position: absolute ;
    top: 0;
}
input.textarea{
    margin-top: 30px;
    height: 210px;
}
input:focus-visible, select:focus-visible, textarea:focus-visible {
    border: 2px solid #246EE0;
    outline: inherit;
}
input.valid, select.valid, textarea.valid, .aide-select.valid {
    border: 2px solid #46A936;
}
.aide-select.valid .aide-select-border{
    color: #46A936;
}
input.error, select.error, textarea.error, .aide-select.error {
    border: 2px solid #FF8700;
}
input:focus-visible ~ label.typing,textarea:focus-visible ~ label.typing{
    color: #246EE0;
}
.input-group{
    position: relative;
    width: 446px;
}

.input-group.valid input:not(.novalid),
.input-group.valid textarea:not(.novalid){
    border: 2px solid #46A936;
}
.input-group.valid label.typing,
.input-group.valid input[type="date"] ~ label,
.attachment.valid{
    color: #46A936;
}
.formvalidator_error{
    position: absolute;
    margin-top: 5px;
    color: #FF8700;
    font-size: 11px;
}
#f_chat .formvalidator_error{
    margin-top: 20px;
}
#f_boiteaidees .formvalidator_error{
    margin-top: 25px;
}
#f_chat_attachment.invalid svg path{
    fill: #FF8700;
}
.input-group.invalid input,
.input-group.invalid textarea{
    border: 2px solid #FF8700 !important;
}
.input-group.invalid label.typing{
    color: #FF8700;
}
.input-group input[type="date"] ~ label{
    /*display: none;*/
    background-color: #ffffff;
    display: block;
    font-size: 13px;
    top: 20px;
    opacity: 1;
    width: auto;
}
.input-group label{
    position: absolute;
    top: 43px;
    left: 15px;
    /*width: 100%;*/
    color: #272B2C;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    transition: all 100ms ease;
    font-size: 15px;
    opacity: 0.5;
}
.input-group label.typing{
    display: block;
    width: inherit;
    background-color: #F7F7F7;
    font-size: 13px;
    top: 20px;
    opacity: 1;
    width: auto;
}
.input-group label.typing .arrow{
    display: none;
}
.input-group label.typing.valid{
    color: #46A936;
}
.input-group .arrow{
    position: absolute;
    right: 30px;
    top: 7px;
}
.input-group .arrow svg{
    width: 7px;
    height: 11px;
    transform: rotate(90deg)
}
.input-group svg {
    position: absolute;
    top: 44px;
    right: 10px;
    cursor: pointer;
}
.btn-input-search {
    position: absolute;
    top: 44px;
    right: 10px;
    cursor: pointer;
}
.btn-input-search svg {
    top: 0;
    right: 0;
}
#f_sav_search .btn-input-search svg {
    position: relative;
}
.btn-input-search svg path {
    fill: #272B2C;
}
@media screen and (max-width: 1056px){
    .input-group{
        width:100%;
    }
}

/*--------------------------------------------------------*/
/*Dropdown*/
/*--------------------------------------------------------*/
.selectbox {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.valid .selectbox {
    border-color: #46A936;
}
.invalid .selectbox {
    border-color: #FF8700;
}
.dropdown{
    position: relative;
}
.dropdown.valid .select{
    border: 2px solid #46A936;
}
.dropdown span.typing{
    display: block;
    position: relative;
    background-color: #F7F7F7;
    font-size: 13px;
    top: -25px;
    opacity: 1;
    width: auto;
}
.dropdown.valid span.typing{
    color: #46A936;
}
.dropdown svg{
    height: 12px;
    width: 8px;
    transform: rotate(90deg);
}
.dropdown-list{
    list-style: none;
    margin: 0;
    padding: 0 16px;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
    width: 90%;
    position: absolute;
    z-index: 1;
    max-height: 270px;
    overflow: scroll;
}
.dropdown-list li{
    border-bottom: 1px solid #D9D9D9;
    padding: 10px 0;
    cursor: pointer;
}
.picto-compte{
    position: relative;
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF;
    border-radius: 40px;
}
.picto-compte svg{
    position: relative;
    left: 50%;
    top: 50%;
    height: 36px;
    width: 36px;
    transform: translate(-50%, -50%);
}
.date-message{
    color: #000000;
}
.cta-transparent{
    box-sizing: border-box;
    border: 1px solid #272B2C;
    border-radius: 27.5px;
    text-decoration: none;
    padding: 13px;
    font-family: "Montserrat SemiBold";
    font-size: 13px;
    letter-spacing: 0.4px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}
.cta-transparent:hover{
    color: #FFFFFF;
    background-color: #272B2C;
}
.cta-red .tooltiptext {
    visibility: hidden;
    width: 270px;
    background-color: rgba(39,43,44,0.8);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 15px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: -310%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.cta-red .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 86%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.cta-red:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.statut{
    font-family: "Montserrat SemiBold";
}
.statut.attente, .statut.STATUS_ATTENTE_RETOUR_PRODUIT, .statut.STATUS_ATTENTE_INFORMATION, .orange{
    color: #FF8700;
}
.statut.en-cours, .statut.STATUS_ENCOURS, .blue{
    color: #246EE0;
}
.statut.valide, .statut.STATUS_SOLDEE_TOUS, .statut.STATUS_SOLDEE_AVOIR, .statut.STATUS_SOLDEE_ECHANGE, .green{
    color: #46A936;
}
.cta-red{
    color: #fff;
    font-size: 13px;
    padding: 20px;
    text-decoration: none;
    border-radius: 27.5px;
    background-color: #E20613;
    position: relative;
    cursor: pointer;
    letter-spacing: 1px;
    border: 0;
}
@keyframes chat-animation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .65;
    }
    100% {
        opacity: 1;
    }
}
.cta-grey{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid #272B2C;
    border-radius: 27.5px;
    height: 55px;
    font-family: "Montserrat SemiBold";
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
}
.cta-grey svg{
    margin-right: 10px;
}

progress{
    width: 100%;
    background-color: #fff;
    height: 5px;
    margin-top: 10px;
    box-sizing: border-box;
}
progress::-webkit-progress-bar {
    background-color: #F2F2F2;
    border-radius: 4px;
}
progress::-webkit-progress-value {
    background-color: #E20613;
    border-radius: 4px;
}
.ref .desc-ref{
    display: flex;
    align-items: center;
}
.ref .desc-ref.descrefsav{
    padding-top: 5px;
    padding-bottom: 5px;
}
.ref .desc-ref .title{
    position: relative;
    color: #272B2C;
    font-family: "Montserrat Bold";
    font-size: 15px;
    line-height: 18px;
}
.ref .desc-ref .title svg{
    height: 13px;
    width: 8px;
}
.ref .desc-ref .ref{
    opacity: 0.5;
    color: #272B2C;
    font-family: "Montserrat SemiBold";
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
}
.ref .desc-ref .ref-num{
    color: #272B2C;
    font-size: 13px;
    line-height: 20px
}
.plus-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.content_aidesav_referenceproduit .card .plus-info p{
    margin-bottom: 0;
}
.plus-info svg{
    height: 16px;
    width: 16px;
    margin-right: 5px;
}
.plus-info .date{
    display: flex;
    align-items: center;
    font-size: 13px;
    width: 40%;
}
.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 14px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.content_aidesav_referenceproduit .sav{
    border-top: solid 1px #D9D9D9;
    margin-top: 20px;
    padding-top: 10px;
}
.livesearch{
    position: relative;
}
.livesearch_results{
    position: sticky;
    width: 100%;
    max-height: 150px;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
    padding: 10px 0;
    box-sizing: border-box;
}
.livesearch_results .option{
    padding: 10px 20px;
    font-size: 15px;
    cursor: pointer;
}
.livesearch_results .option:hover{
    background-color: rgba( 0,0,0,.03 );
}
.livesearch_results .option:not(.firstchlid){
    border-bottom: solid 1px #D9D9D9;
}
.livesearch_results .option .label{
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 0;
    bottom: -3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.submiter {
    display: none;
}
.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 56px;
}
.lds-ellipsis.loadchat {
    margin: 20px auto;
}
.lds-ellipsis div {
    position: absolute;
    top: 23px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #E20613;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}
.lds-ring {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 0;
    border: 3px solid #246fe0;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #246fe0 transparent transparent transparent;
}
.btn-input-search .lds-ring div {
    border: 3px solid #272B2C;
    border-color: #272B2C transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.notif{
    z-index: 999;
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    top: -150px;
    right: 15px;
    max-width: 440px;
    border-radius: 15px;
    box-shadow: 3px 3px 32px 0 rgb(42 51 54 / 25%);
    transition: top .3s;
    transition-timing-function: ease-out;
}
.notif.started{
    top: 15px;
    transition: top .3s;
    transition-timing-function: ease-out;
}
.notif.success{
    background-color: #46A936;
    color: #ffffff;
}
.notif.error{
    background-color: #FF8700;
    color: #ffffff;
}
.notif .close-notif{
    position: absolute;
    top: 0;
    right: 15px;
    height: calc( 100% - 14px );
    display: flex;
    align-items: center;
    color: #ffffff;
    cursor: pointer;
}
.notif p{
    width: 100%;
    padding: 12.5px 60px 12.5px 25px;
}
.notif .progress{
    width: 100%;
    height: 3px;
    margin: 0 25px 12.5px 25px;
    border-radius: 2px;
    background-color: rgba( 255,255,255,.2 );
}
.notif .progress .progressbar{
    width: 0;
    height: 100%;
    background-color: rgba( 255,255,255,.7 );
    transition: width 3s;
}
.notif .progress.started .progressbar{
    width: 100%;
    transition: width 3s;
}
input:checked + .slider {
    background-color: rgba(70,169,54,0.5);
}

input:focus + .slider {
    box-shadow: 0 0 1px #46A936;
}

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
    background-color: #46A936;
}
.slider.round {
    border-radius: 34px;
    background-color: rgba(39,43,44,0.3)
}

.slider.round:before {
    border-radius: 50%;
    background-color: #272B2C;
}

.circle-red{
    height: 10px;
    width: 10px;
    background-color: #E20613;
    border-radius: 10px;
}

.custom-select {
    position: relative;
}
.select-selected {
    background-color: blue;
}
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
    border-color: red transparent #fff transparent;
    top: 7px;
}

.select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}
.select-items {
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    z-index: 99;
}


.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}
/*--------------------------------------------------------*/
/*Tag*/
/*--------------------------------------------------------*/
.tag {
    position: relative;
    border-radius: 20px;
    padding: 12px 15px;
}
.tag:hover,
.tag.selected{
    color: #ffffff;
    background-color: #272B2C;
}
/*--------------------------------------------------------*/
/*Header*/
/*--------------------------------------------------------*/
.header {
    font-size: 18px;
}
header.mybizline {
    position: fixed;
    top: 0;
    display: flex;
    font-weight: 700;
    height: 80px;
    background-color: #FFFFFF;
    width: 100%;
    border-bottom: 1px solid #D9D9D9;
    z-index: 103;
}
header.mybizline .middle-header{
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: auto;
}

.btn-return .show-step1{
    border: #000000 1px solid;
    padding: 9.5px 20px;
    border-radius: 30px;
    color: #000000;
}
.btn-return .show-step1 svg{
    margin-right: 15px;
}
header.mybizline .btn-mybizline{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

header.mybizline .infos{
    display: flex;
    align-items: center;
}
header.mybizline .infos .picto-notif {
    margin-right: 35px;
    position: relative;
}
header.mybizline .infos .picto-notif.active .open-notif{
    position: relative;
    cursor: pointer;
}
header.mybizline .infos .picto-notif.active .open-notif::after{
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    border-radius: 5px;
    height: 10px;
    width: 10px;
    background-color: #E20613;
}

header.mybizline .infos .picto-notif.active .circle,
.container-messagerie .message.notified .circle{
    display: block;
}
header.mybizline .infos .picto-notif .circle,
.container-messagerie .message .circle{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 5px;
    height: 10px;
    width: 10px;
    background-color: #E34444;
}

header.mybizline .infos .icon-compte .avatar {
    position: relative;
    margin-right: 15px;
    width: 39px;
    height: 39px;
    border: 1px solid #D9D9D9;
    padding: 7px;
    border-radius: 40px;
    overflow: hidden;
}
header.mybizline .infos .icon-compte .avatar svg {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 50%;
    transform: translate(-50% , -50%);
    top: 50%;
}
.container {
    background-color: #F7F7F7;
    max-height: calc(100vh - 81px);
    width: calc(100% - 320px);
    margin-top: 80px;
    margin-left: 320px;
    z-index: 5;
    min-height: calc(100vh - 80px);
    line-height: 1;
}

header.mybizline .middle-header.connexion {
    justify-content: inherit;
    padding: 0 16px;
}

header.mybizline .middle-header.connexion svg:last-child{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
header.mybizline .middle-header.connexion a svg:last-child{
    position: relative;
    left: auto;
    transform: none;
}
/*--------------------------------------------------------*/
/*Menu left*/
/*--------------------------------------------------------*/
.menuleft {
    min-width: 320px;
    background-color: #fff;
    line-height: 1;
    width: 249px;
    height: calc( 100vh - 80px );
    position: fixed;
    top: 81px;
    z-index: 11;
}
.menuleft .titre{
    font-family: "sketchnotesquare";
    padding: 30px 16px;
    font-weight: bold;
}

.menuleft .link{
    padding: 20px 0px 20px 16px;
    color: #272B2C;
    position: relative;
    display: flex;
    text-decoration: none;
}
.menuleft .link:hover,.menuleft .link.multiple:hover{
    background-color: rgba(226,6,19,0.1);
}
.menuleft .link.notified .pastille{
    margin-left: 10px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    height: 30px;
    width: 30px;
    color: #fff;
    background-color: #CD2729;
    font-weight: 900;
}
.menuleft .link.active{
    background-color: rgba(226,6,19,0.1);
}
.menuleft .link.active .text,
.menuleft .link.active .dropdown{
    color: #000;
    opacity: 100%;
}
.menuleft .link:hover .text,
.menuleft .link:hover .dropdown{
    opacity: 100%;
}
.menuleft .link .vertical-line,
.menuleft .link .pastille{
    display: none;
}
.menuleft .link.active .vertical-line{
    display:block;
    border-left: thick solid #ff0000;
    position: absolute;
    right: 0;
    top: 0;
    height: 62px;
    opacity: 1;
}
.menuleft .link .text,
.menuleft .link .dropdown{
    text-decoration: none;
    font-size: 15px;
    line-height: 22px;
    color: #272B2C;
    display: flex;
    align-items: center;
    cursor: pointer;
    opacity: 50%;
}
.menuleft .link.multiple{
    padding: 20px 0 0 0;
    flex-direction: column;
}
.menuleft .link.multiple .dropdown{
    padding: 0 0 20px 16px;
}
.menuleft .link.multiple .dropdown .arrow svg{
    margin-left: 25px;
    width: 7px;
    height: 11px;
    transform: rotate(90deg);
    margin-right: 0;
}

.menuleft .link.multiple .ambassadeurs{
    background-color: #ffffff;
    display: none;
}
.menuleft .link.multiple .ambassadeurs.show{
    display: inherit;
}
.menuleft .link.multiple .ambassadeurs .list-ambassadeurs{
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.menuleft .link.multiple .ambassadeurs .list-ambassadeurs li:hover{
    background-color: rgba(226,6,19,0.1);
}
.menuleft .link.multiple .ambassadeurs .list-ambassadeurs li{
    padding: 10px 0 10px 16px;
    font-size: 13px;
}
.menuleft .link.multiple .ambassadeurs .list-ambassadeurs li a{
    font-size: 13px;
    padding-left: 50px;
}
.menuleft .link a svg,
.menuleft .link .text svg,
.menuleft .link.multiple .dropdown svg,
.menuleft .logout svg {
    width: 20px;
    height: 20px;
    margin-right: 15px;
}
.menuleft hr{
    width: 90%;
    border: 0.5px solid #D9D9D9;
}
.menuleft .logout{
    display: flex;
    font-family: "Montserrat SemiBold";
    align-items: center;
    font-size: 13px;
    padding: 20px 50px 20px 16px;
    color: #E20613;
    text-decoration: none;
}

.menuleft .logout svg{
    fill: #E20613;
}
.container .content{
    width: calc(100% - 320px);
    margin-top: 80px;
    margin-left: 320px;
    z-index: 5;
    line-height: 1;
}
.container .content-masonry{
    max-width: calc(100vw - 320px);
    overflow: hidden;
}
.container .content-masonry .calendrier{
    display: flex;
    justify-content:space-between;
    max-width: calc(100vw - 320px);
}

/*--------------------------------------------------------*/
/*Calendrier*/
/*--------------------------------------------------------*/
.calendrier {
    display: flex;
}
.calendrier.waiting {
    opacity: .75;
}
.scheduler{
    width: 100%;
    position: relative;
    background-color: #F7F7F7;
    padding: 32px;
}
.scheduler .header{
    position: sticky;
    top: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    z-index: 10;
    background-color: #F7F7F7;
    font-family: "Montserrat SemiBold";
}
.scheduler .header .entete{
    display: flex;
    justify-content: space-between;
    margin-bottom: 33px;
}
.scheduler .header .entete .year{
    display: flex;
    align-items: center;
    min-height: 32px;
    color: #BC3028;
}
.scheduler .header .entete svg{
    width: 8px;
    margin-right: 10px;
}
.scheduler .header .week{
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px;
}
.scheduler .header .amonth .week{
    padding: 0;
}
.scheduler .header .arrow,
.scheduler .header .month a{
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #000000;
}
.scheduler .header .arrow .circle{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 36px;
    width: 36px;
    border-radius: 20px;
    border: 1px solid #D8D8D8;
    background-color: #FFFFFF;
}
.scheduler .header .arrow svg{
    margin-right: 0;
}
.scheduler .header .arrow .circle:first-child{
    margin-right: 10px;
}
.scheduler .monthname{
    width: 100%;
    font-family: "Montserrat SemiBold";
    font-size: 13px;
    color: #000000;
    padding-bottom: 10px;
    margin-bottom: -15px;
    margin-top: 40px;
    border-bottom: solid 1px #D9D9D9;
}
.scheduler .amonth .monthname{
    margin-top: 0;
    margin-bottom: 0;
}
.scheduler .week .day{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 0;
    width: 14.285714%;
    height: 72px;
    position: relative;
    cursor: pointer;
}
.scheduler .amonth .week .day{
    height: 35px;
}
.week.scheduler_month .day{
    height: 10px;
}
.monthyearview{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
}
.monthyearview .amonth{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 30%;
    padding-bottom: 35px;
}
/*.scheduler .week .day.active .nom,
.scheduler .week .day:hover .nom{
    padding-bottom: 0;
}*/
.scheduler .week .day.active .num{
    position: relative;
    display: flex;
    color: #fff;
    width: 39px;
    background-color: #E34444;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    bottom: -10px;
}
.scheduler .week .day:hover .num{
    position: relative;
    display: flex;
    color: #fff;
    min-height: 40px;
    width: 39px;
    background-color: #000;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    bottom: -10px;
}
.scheduler .week .day .nom{
    color: #E34444;
    opacity: 75%;
    font-size: 13px;
    line-height: 20px;
    position: absolute;
    top: 0;
}
.scheduler .amonth .week .day .num{
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: normal;
    line-height: 35px;
    min-height: 35px;
    width: 35px;
    bottom: 0;
    left: -12px;
}
.scheduler .week .day .num{
    display: flex;
    align-items: end;
    color: #272B2C;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    min-height: 40px;
}
.scheduler .week .day .circle{
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: -2px;
}
.scheduler .week .day .circle .circle-blue,
.scheduler .week .day .circle .circle-yellow,
.scheduler .week .day .circle .circle-green,
.scheduler .week .day .circle .circle-orange,
.scheduler .week .day .circle .circle-purple{
    width: 5px;
    height: 5px;
    border-radius: 10px;
    margin: 0 2px;
}
.joursentieritems{
    display: flex;
}
.joursentieritems > *:not(:last-child){
    margin-right: 10px !important;
}
@media screen and (max-width: 1056px){
    .joursentieritems{
        flex-direction: column;
    }
    .joursentieritems > .jour-entier:not(:first-child){
        margin-top: 0;
    }
}
.scheduler .jour-entier{
    height: 100px;
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 15px;
    margin: 20px auto 10px;
}
.scheduler a.jour-entier{
    text-decoration: none;
}
.scheduler .jour-entier .img{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    border-radius: 10px;
    margin: 20px;
}
.scheduler:not(.dash) .colorset_yellow { background-color: #FFF5D9; }
.scheduler .colorset_yellow .img, .scheduler .colorset_yellow .svg, .popin-right .colorset_yellow, .masonry .card .colorset_yellow .square { background-color: #FAB900; }
.scheduler .colorset_yellow .date, .scheduler .colorset_yellow .date { color: #FAB900; }
.scheduler .colorset_yellow .date svg { fill: #FAB900; }
.scheduler .week .day .circle .circle-yellow{ background-color: #FAB900;}
.scheduler:not(.dash) .colorset_green { background-color: #E8EEDA; }
.scheduler .colorset_green .img, .scheduler .colorset_green .svg, .popin-right .colorset_green, .colorset_green .fond, .masonry .card .colorset_green .square { background-color: #93C01F; }
.scheduler .colorset_green .date, .scheduler .colorset_green .date { color: #93C01F; }
.scheduler .colorset_green .date svg { fill: #93C01F; }
.scheduler .week .day .circle .circle-green{background-color: #93C01F;}
.scheduler:not(.dash) .colorset_blue { background-color: #DFE7EB; }
.scheduler .colorset_blue .img, .scheduler .colorset_blue .svg, .popin-right .colorset_blue, .masonry .card .colorset_blue .square { background-color: #5C91A9; }
.scheduler .colorset_blue .date, .scheduler .colorset_blue .date { color: #5C91A9; }
.scheduler .colorset_blue .date svg { fill: #5C91A9; }
.scheduler .week .day .circle .circle-blue{background-color: #5C91A9;}
.scheduler:not(.dash) .colorset_orange { background-color: #f3e6d4; }
.scheduler .colorset_orange .img, .scheduler .colorset_orange .svg, .popin-right .colorset_orange, .masonry .card .colorset_orange .square { background-color: #EE7D00; }
.scheduler .colorset_orange .date, .scheduler .colorset_orange .date { color: #EE7D00; }
.scheduler .colorset_orange .date svg { fill: #EE7D00; }
.scheduler .week .day .circle .circle-orange{background-color: #EE7D00;}
.scheduler:not(.dash) .colorset_purple { background-color: #e7e0e9; }
.scheduler .colorset_purple .img, .scheduler .colorset_purple .svg, .popin-right .colorset_purple, .masonry .card .colorset_purple .square { background-color: #935FA3; }
.scheduler .colorset_purple .date, .scheduler .colorset_purple .date { color: #935FA3; }
.scheduler .colorset_purple .date svg { fill: #935FA3; }
.scheduler .week .day .circle .circle-purple{background-color: #935FA3;}
.quarter_15{ margin-top: 25px; }
.quarter_30{ margin-top: 50px; }
.quarter_45{ margin-top: 75px; }
.quarters_1{ height: 25px; }
.quarters_2{ height: 50px; }
.quarters_3{ height: 75px; }
.quarters_4{ height: 100px; }
.quarters_5{ height: 125px; }
.quarters_6{ height: 150px; }
.quarters_7{ height: 175px; }
.quarters_8{ height: 200px; }
.quarters_9{ height: 225px; }
.quarters_10{ height: 250px; }
.quarters_11{ height: 275px; }
.quarters_12{ height: 300px; }
.quarters_13{ height: 325px; }
.quarters_14{ height: 350px; }
.quarters_15{ height: 375px; }
.quarters_16{ height: 400px; }
.quarters_17{ height: 425px; }
.quarters_18{ height: 450px; }
.quarters_19{ height: 475px; }
.quarters_20{ height: 500px; }
.quarters_21{ height: 525px; }
.quarters_22{ height: 550px; }
.quarters_23{ height: 575px; }
.quarters_24{ height: 600px; }
.quarters_25{ height: 625px; }
.quarters_26{ height: 650px; }
.quarters_27{ height: 675px; }
.quarters_28{ height: 700px; }
.quarters_29{ height: 725px; }
.quarters_30{ height: 750px; }
.quarters_31{ height: 775px; }
.quarters_32{ height: 800px; }
.scheduler .event .img{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    border-radius: 10px;
    margin: 20px;
    background: transparent;
}
.scheduler .event .img .svg{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
}
.scheduler .event .img .text{
    margin-left: 16px;
}
.scheduler .event .img .text .title{
    padding: 0;
}
.scheduler .jour-entier .text,
.scheduler .event .title{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 15px;
    margin-bottom: 5px;
    font-size: 15px!important;
    font-weight: 600;
    line-height: 22px;
}
.scheduler .event .title{
    padding: 22px 0 0 0;
}
.scheduler .event .title::after,
.scheduler .event .date::after{
    display: none;
}
.scheduler .jour-entier .date,
.scheduler .event .date{
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 20px;

}
/* Carte evenements */
.scheduler .event {
    display: flex;
    z-index: 20;
    position: relative;
    top: 5px;
    width: 100%;
    margin-left: 6%;
    margin-left: .5%;
    margin-right: .5%;
    border-radius: 15px;
    font-family: "Montserrat SemiBold";
}
.scheduler .event.withdetails {
    cursor:pointer;
}
.scheduler .event.half {
    height: 96px;
    width: 40%;
    margin: 0 0px 0 70px;
}

/* Carte evenements déclinaision couleurs*/
.scheduler .event.fabrik .img .svg{
    background-color: #5C91A9;
}
.scheduler .event.fabrik {
    background-color: #DFE7EB;
}
.scheduler .event.fabrik .date{
    color: #5C91A9;
}
.scheduler .event.fabrik .date svg{
    fill: #5C91A9;
}
.scheduler .event.green .img .svg{
    background-color: #93C01F;
}
.scheduler .event.green {
    background-color: #E8EEDA;
}
.scheduler .event.green .date{
    color: #93C01F;
}
.scheduler .event.green .date svg{
    fill: #93C01F;
}
.scheduler .event.orange .img .svg{
    background-color: #EE7D00;
}
.scheduler .event.orange {
    background-color: #F6E5D7;
}
.scheduler .event.orange .date{
    color: #EE7D00;
}
.scheduler .event.orange .date svg{
    fill: #EE7D00;
}
.scheduler .event.purple .img .svg{
    background-color: #935FA3;
}
.scheduler .event.purple {
    background-color:#E8DFEB;
}
.scheduler .event.purple .date{
    color: #935FA3;
}
.scheduler .event.purple .date svg{
    fill: #935FA3;
}


.scheduler .jour-entier .date svg,
.scheduler .event .date svg{
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.scheduler .planning {
    position: relative;
    z-index: 1;
    max-height: calc( 100vh - 370px);
    overflow: auto;
    padding: 0 7%;
}
.scheduler .planning .hours{
    position: relative;
    display: flex;
    height: 100px;
}
.scheduler .planning .hours span{
    position: absolute;
    width: 100%;
    left: 0;
    opacity: 75%;
    font-size: 12px;
}
.scheduler .planning .hours .event span{
    position: relative;
}

.scheduler .planning .hours span::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 40px;
    right: 0;
    height: 0.5em;
    border-top: 1px solid #3E3E3E;
    z-index: -1;
    opacity: 0.1;
    width: 100%;
}

/*--------------------------------------------------------*/
/*Layout - Calendrier*/
/*--------------------------------------------------------*/
.popin-right.event{
    padding: 16px 16px 0;
}
.popin-right.event .close{
    position: relative;
    top: 5px;
}
.popin-right.event .fond{
    border-radius: 20px;
    padding: 12px 0;
    height: 115px;
}
.popin-right.event .fond svg{
    width: inherit;
    height: inherit;
}
.popin-right.event svg{
    width: 16px;
    height: 16px;
}
.popin-right.event .date svg{fill: #C0C0C0;}
.popin-right.event .footer {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    padding: 10px 32px;
    border-top: 1px solid #E7E7E7;
    background-color: #ffffff;
    bottom: 0;
    width: 90%;
}
.popin-right.event .footer .cta-red {
    width: 100%;
}
.popin-right.event .infos{
    height: calc(100vh - 270px);
    overflow: auto;
}


/*--------------------------------------------------------*/
/*Année & Mois - Calendrier*/
/*--------------------------------------------------------*/
.calendar-year{
    padding: 32px;
}
.calendar-year .calendar .calendar-header {
    width: 100%;
}
.calendar .calendar-header table th.next, .calendar .calendar-header table th.prev{display: none;}
.calendar .calendar-header table th:hover{
    background: inherit;
}
.calendar-year .calendar table td.day {
    font-size: 12px;
    font-weight: bold;
}
.calendar .calendar-header{
    border: 0;
}
.calendar .calendar-header .year-title{
    font-family: "Montserrat Bold";
    color: #E20613;
    text-align: left;
}
.calendar-month .calendar .calendar-header .year-title{
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 18px
}
.calendar-month .calendar .calendar-header .year-title:before{
    content: '';
    display: block;
    border-right: 2px solid rgba(0,0,0, 1);
    border-bottom: 2px solid rgba(0,0,0, 1);
    width: 7px;
    height: 7px;
    transform: rotate(130deg);
    margin-right: 5px;
}
.calendar-month .calendar .calendar-header .year-title a{
    color: #000000;
    text-decoration: none;
}
.calendar .months-container .month-container.month-4{
    margin-bottom: 20px;
}
.calendar .calendar-header .year-title.year-neighbor,
.calendar .calendar-header .year-title.year-neighbor2{
    display: none;
}
.calendar .months-container .month-container.month-3{
    margin-bottom: 20px;
}
.calendar table.month th.month-title{
    font-family: "Montserrat Bold";
    font-size: 13px;
    text-align: left;
    position: relative;
}
.calendar table.month th.month-title::after{
    content: "";
    position: absolute;
    bottom: -7px;
    right: 15px;
    height: 0.5em;
    border-top: 1px solid #D9D9D9;
    width: 95%;
}
.calendar table.month thead tr:last-child{
    display: none;
}
.calendar table td.day {
    font-size: 8px;
}
.calendar table.month td.day .day-content{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 23px;
    height: 18px;
    width: 18px;
    margin: auto;
}
table.month td.day:hover .day-content {
    background-color: #E20613;
    cursor: pointer;
    color: #ffffff;
}
.calendar-month{
    width:100%;
    overflow: scroll;
    height: calc(100vh - 81px);
}

.calendar-month .calendar .calendar-header .week-container .week{
    padding: 0 16px;
}
.calendar-month .calendar .calendar-header .week-container .week td{
    font-family: "Montserrat SemiBold";
    color: #E20613;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    opacity: 75%;
    width: 154px;
}
.calendar-month .calendar table{
    width: 100%;
    padding: 16px;
}
.calendar-month .calendar table.month tr:first-child td{
    padding: 10px 0 20px;
}
.calendar-month .calendar table.month tr td{
    padding: 20px 0;
}
.calendar-month .calendar table.month td.day .day-content{
    font-size: 15px;
    font-family: "Montserrat SemiBold";
}
.calendar-month .calendar .calendar-header table th.next, .calendar-month .calendar .calendar-header table th.prev{display: none}


/*--------------------------------------------------------*/
/*Messagerie*/
/*--------------------------------------------------------*/
.container-messagerie {
    display: flex;

}
.container-messagerie .messagerie{
    width: 100%;
    min-width: 655px;
    padding: 0 32px;
}
.container-messagerie .header{
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 25px 0 45px;
}
.container-messagerie .filtre-demandes .demande-select{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid #D9D9D9;
    border-radius: 10px;
    font-size: 13px;
    font-family: "Montserrat SemiBold";
    line-height: 14px;
    padding: 17px 15px;
    cursor: pointer;
}
.container-messagerie .filtre-demandes .demandes{
    position: absolute;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 15%);
    margin: auto;
    width: 94%;
    z-index: 10;
}

.container-messagerie .filtre-demandes li{
    color: #272B2C;
    font-size: 15px;
    line-height: 22px;
    padding: 7px 0;
    border-bottom: 1px solid #D9D9D9;
    list-style: none;
    cursor: pointer;
}
.container-messagerie .filtre-demandes li:last-child{
    border: 0;
}
.container-messagerie .filtre-demandes .demande-select svg{
    height: 12px;
    width: 8px;
    transform: rotate(90deg);
}

.container-messagerie .message{
    max-width: 100%;
    position: relative;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 15px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.container-messagerie .message.notified .circle{
    top: inherit;
    right: inherit;
    position: inherit;
}
.container-messagerie .message .header{
    display: flex;
    align-items: center;
    justify-content: inherit;
    margin: 15px 0;
}
.container-messagerie .message .header .picto-compte{
    position:relative;
    box-sizing: border-box;
    height: 51px;
    min-width: 51px;
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF;
    border-radius:40px;
}
.container-messagerie .message .header .picto-compte svg{
    position: relative;
    left: 50%;
    top: 50%;
    width: 33px;
    height: 33px;
    transform: translate(-50%, -50%);
}
.container-messagerie .message .text{
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.container-messagerie .message.notified .text{
    font-family: "Montserrat Bold";
}
.container-messagerie .message .liste-messages{
    height: 100vh;
    overflow: scroll;
}
/*--------------------------------------------------------*/
/*Chat - Messagerie*/
/*--------------------------------------------------------*/
/*.container-messagerie .chat{
    display: none;
    margin-left: 0;
    max-height: 720px;
}
.container-messagerie .chat.active{
    display: flex;
}*/
.chat{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 100%;
    position: relative;
    width: 372px;
    border-radius: 15px 0 0 15px;
    background-color: #FFFFFF;
    box-shadow: -2px 0 10px 0 rgba(0,0,0,0.1);
    padding-bottom: 26px;
    margin-left: 32px;
    right: -100px;
    opacity: 0;
    transition: 0.5s;

}
.chat.active{
    transition: 0.5s;
    right: 0px;
    z-index: 13;
    opacity: 1;
    transform: scale(1);
}
.chat .info-compte{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #D9D9D9;
    padding: 20px 16px;
}
.chat .info-compte .picto-compte{
    height: 51px;
    width: 61px;
}
.declaration-sav .chat .info-compte .picto-compte{
    width: 51px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.declaration-sav .chat .info-compte .picto-compte img{
    max-height: 80%;
    margin-top: 10%;
    max-width: 80%;
}
.chat .info-compte .arrow{
    display: none;
}
.chat .info-compte .compte{
    margin-left: 10px;
}
.chat .info-compte .title{
    font-family: "Montserrat SemiBold";
    font-size: 15px;
    letter-spacing: 0;
    line-height: 22px;
}
.chat .info-compte .info{
    display: flex;
    justify-content: space-between;
    opacity: 0.6;
    color: #272B2C;
    font-size: 13px;
    line-height: 20px;
}
.chat .info-compte .text{
    color: #000000;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 14px;
}
.chat .messages{
    overflow-y: auto;
    padding: 30px 16px 0;
    height: 100%;
}
.chat .messages .my-message .text {
    border-radius: 20px 20px 0 20px;
    background-color: #272B2C;
    width: 55%;
}
.chat .messages .other-message .contenu {
    display: flex;
    align-items: flex-end;
}
.chat .messages .attachment {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-top: 10px;
}
.chat .messages .attachment:hover {
    text-decoration: none;
}
.chat .messages .attachment svg {
    width: 15px;
    height: 15px;
    margin-right: 10px;
}
.chat .messages .color-white svg path{
    fill: #ffffff;
}
.chat .messages .other-message .picto-compte {
    height: 30px;
    width: 30px;
    margin-right: 8px;
}
.chat .messages .other-message .picto-compte svg {
    height: 23px;
    width: 19px;
}
.chat .messages .other-message .text {
    border-radius: 20px 20px 20px 0;
    background-color: #EEEEEE;
    width: 226px;
}

.chat .envoi {
    padding: 5px 16px 30px;
}
.chat .envoi form{
    display: flex;
    align-items: end;
    justify-content: space-between;
    width: 100%;
}
.chat .envoi form .file svg{
    height: 18px;
    width: 17px;
    cursor: pointer;
}
.chat .envoi form input[type="file" i]{
    display: none;
}
.chat .envoi form #message-to-send,
.chat .envoi form .f_chat_message_object{
    position: relative;
    border-radius: 25px;
    background-color: #EEEEEE;
    border: solid 1px #EEEEEE;
    width: calc( 100% - 90px );
    margin: 0 15px;
    padding: 7px 30px;
}
.chat .envoi form .f_chat_message_object{
    display: flex;
    flex-wrap: wrap;
}
.chat .envoi form .f_chat_message_object input{
    height: 35px;
    border: none;
    border-radius: 0;
    padding: 0;
    margin-top: 0;
    background: transparent;
}
.chat .envoi form .f_chat_message_object .file{
    display: flex;
    align-items: center;
    background-color: #D8D8D8;
    border-radius: 8px;
    padding: 12px 10px;
    color: #616161;
}
.chat .envoi form .f_chat_message_object .file svg{
    margin-left: 10px;
}
.chat .envoi form .f_chat_message_object .file svg path{
    fill: #616161;
}
.chat .envoi form .invalid #message-to-send,
.chat .envoi form .invalid #f_chat_message_object{
    border: solid 1px #FF8700;
}
#f_chat_message .formvalidator_error{
    display: none !important;
}
.chat .envoi form #message-to-send::placeholder{
    opacity: 0.5;
    color: #272B2C;
    font-size: 15px;
    line-height: 22px;
}
.chat .envoi form .send{
    border: 0;
    background-color: inherit;
}

/*--------------------------------------------------------*/
/*Popin Demande*/
/*--------------------------------------------------------*/
.popin-right,
.popin-declaration{
    position: fixed;
    top: 0;
    right: -100%;
    height: 100vh;
    background-color: #fff;
    z-index: 20;
    transition: .5s;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    width: 700px;
    border-radius: 27.5px 0 0 27.5px;
}
.popin-right.open,
.popin-declaration.open{
    right: 0;
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
}
.popin-right .contenu,
.popin-filtre .contenu{
    right: 0;
    height: 100%;
    background-color: #FFFFFF;
    overflow: hidden;
}
.popin-right .contenu .formulaires{
    overflow-y: auto;
}
.contenu .formulaires label.typing{
    background-color: #ffffff;
}
.popin-right .contenu .formulaires .text-progress{
    color: #E20613;
    font-family: "Montserrat Bold";
    font-size: 11px;
    line-height: 12px;
}
.popin-right .contenu button {
    font-size: 13px;
    font-family: "Open Sans Bold";
}
.popin-right .contenu .aide-devis .btn-charte,
.popin-right .contenu #f_sav_justificatif .btn-charte,
.popin-right .contenu #f_sav_attachment .btn-charte{
    display: flex;
    align-items: center;
    padding: 18px 115px ;
    background-color: #ffffff;
    border: 2px solid #272B2C;
    border-radius: 27.5px;
}
.popin-right .contenu .aide-devis #f_message_quotation_attachment .btn-charte,
.popin-right .contenu #f_sav_justificatif .btn-charte,
.popin-right .contenu #f_sav_attachment .btn-charte{
    font-size: 13px;
    font-family: "Open Sans Bold";
    cursor: pointer;
    width: 70%;
    padding: 18px 0;
    justify-content: center;
}
.popin-right .contenu .btn-add-ref{
    display: flex;
    align-items: center;
    padding: 18px 36px ;
    background-color: #ffffff;
    border: 2px solid #D9D9D9;
    border-radius: 27.5px;
    margin: auto;
    cursor: pointer;
}
.popin-right .contenu .btn-add-ref svg{
    height: 21px;
    width: 21px;
    margin-right: 10px;
}
.popin-right .contenu .header,
.popin-filtre .contenu .header{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 32px 0 15px;
}
.popin-right .contenu .header .title,
.popin-filtre .contenu .header .title{
    color: #272B2C;
    font-family: "Montserrat Bold";
    font-size: 18px;
    line-height: 25px;
}
.popin-right .contenu .header svg,
.popin-filtre .contenu .header svg{
    position: absolute;
    right: 32px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.popin-right .contenu .footer {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    left: 0;
    padding: 10px 32px;
    border-top: 1px solid #E7E7E7;
    background-color: #ffffff;
    bottom: 0;
    width: 446px;
}
.popin-right .contenu .footer .btn-cancel,
.popin-right .contenu .footer .btn-previous,
.popin-right .contenu .footer .btn-send {
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 213px;
    text-align: center;
    font-family: "Open Sans Bold";
    cursor: pointer;
}
.popin-right .contenu .footer .btn-previous svg{
    margin-right: 10px;
    height: 12px;
    width: 8px;
}
.inactive{
    opacity: .5;
    cursor: not-allowed !important;
}
.popin-right .contenu .footer .btn-cancel,
.popin-right .contenu .footer .btn-send.valide {
    opacity: 1 ;
}

.popin-right .contenu .footer .btn-send svg{
    margin-left: 10px;
    height: 12px;
    width: 8px;
}
/*.popin-right .contenu .type-demande{*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    margin-top: 10px;*/
/*}*/

.aide-select,
.popin-right .contenu .form .select{
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    height: 46px;
    padding: 15px;
    border: 2px solid #979797;
    border-radius: 10px;
    color: #272B2C;
    font-size: 15px;
    line-height: 22px;
    position: relative;
    cursor:pointer;
}

.aide-select .aide-select-border{
    position: absolute;
    top: -15px;
    background-color: #ffffff;
    font-size: 13px;
    line-height: 20px;
}
.aide-select svg,
.popin-right .contenu .form .select svg{
    height: 12px;
    width: 8px;
    transform: rotate(90deg);
}
.aide-select span,
.popin-right .contenu .form .select span{
    opacity: 0.5;
}
.aides{
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
    margin: 10px auto 0;
    width: 95%;
}

.list-aide{
    margin: 0;
    padding: 15px;
}
.list-aide li, .list li{
    color: #272B2C;
    font-size: 15px;
    line-height: 22px;
    padding: 7px 0;
    border-bottom: 1px solid #D9D9D9;
    list-style: none;
    cursor: pointer;
}
.list-aide li:last-child, .list li:last-child{
    border-bottom: inherit;
}
.popin-right .contenu .form {
    width: 100%;
}
.popin-right .contenu .form.aides-catalogue {
    margin-top: 10px;
}
.popin-right .contenu .form .non-valide {
    color: #FF8800;
    font-size: 13px;
    line-height: 16px;
    font-family: "Montserrat SemiBold" ;
    padding-bottom: 30px;
    border-bottom: 1px solid #D9D9D9;
}


.popin-right .contenu .form .select{
    margin-top: 30px;
}
.popin-right .contenu .form .options{
    margin-top: 10px;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
}
.popin-right .contenu .form .options .list-options{
    margin: 0;
    padding: 15px;
}
.popin-right .contenu .form .options .list-options li{
    color: #272B2C;
    font-size: 15px;
    line-height: 22px;
    padding: 7px 0;
    border-bottom: 1px solid #D9D9D9;
    list-style: none;
}
.popin-right .contenu .form .options .list-options li:last-child{
    border-bottom: inherit;
}
.popin-right .contenu .form textarea{
    height: 200px;
    padding: 12px 15px;
}
.popin-right .contenu .produit,
.popin-declaration .ref{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.img-produit{
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    height: 90px;
    width: 90px;
    min-width: 90px;
    padding: 5px 10px;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    background-color: #FFFFFF;
    overflow: hidden;
}
.img-produit img{
    width: 100%;
    object-fit: contain;
}
.popin-right .contenu .form .produit .desc-produit,
.popin-declaration .produit .desc-ref{
    font-family: "Montserrat Bold";
    color: #000000;
    font-size: 15px;
    line-height: 22px;
    margin-left: 15px;
}
.popin-right .contenu .produit .info-produit,
.popin-declaration .ref .desc-ref{
    margin-left: 15px;
}
.popin-right .contenu .produit .info-produit p{
    margin: 5px 0;
}
.popin-right .contenu .produit .info-produit .ref{
    color: #939393;
    font-family: "Montserrat Bold";
    font-size: 15px;
    line-height: 22px;
}
.popin-right .contenu .produit .info-produit .agence{
    font-family: "Montserrat Bold";
    font-size: 15px;
    letter-spacing: 0;
    line-height: 22px;
}
.popin-right .contenu .form .form-btn{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px;
}
.popin-right .contenu .form .form-btn.contactservice{
    margin-top: 60px;
    flex-wrap: wrap;
    align-content: flex-start;
}
.popin-right .contenu .form .text-btn{
    color: #000000;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
}
.popin-right .contenu .form .form-btn .btn{
    box-sizing: border-box;
    height: 55px;
    width: 358px;
    border: 2px solid #272B2C;
    background-color: #ffffff;
    border-radius: 27.5px;
    margin: auto;
    font-size: 13px;
    font-family: "Montserrat Bold";
}
.popin-right .contenu .form.aide-donnes .form-btn a.btn,
.popin-right .contenu .form .form-btn a.btn{
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.popin-right .contenu .form .form-btn .btn:hover{
    border: 2px solid #ffffff;
    background-color: #000000;
    color: #ffffff;
}
.popin-right .contenu .form .text-textarea{
    font-size: 13px;
}
.popin-right .contenu .form.aide-technique .text-textarea{
    font-size: 15px;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
}

.popin-right .contenu .form.aide-devis .download-doc {
    border-top: 0;
    border-bottom: 0;
    padding-bottom: 0;
}
.popin-right .contenu .form .download-doc .file {
    display: flex;
    align-items: center;
    position: relative;
}
.popin-right .contenu .form .download-doc .file:first-child {
    margin-bottom: 30px;
}
.popin-right .contenu .form .download-doc {
    margin-top: 10px;
    padding: 20px 0;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}
.popin-right .contenu .form .info-produit-details .download-doc,
.popin-right .contenu .form .info-produit-message .download-doc {
    border: none;
    padding: 0;
}
.popin-right .contenu .form .download-doc .file span {
    width: calc( 100% - 30px );
    color: #272B2C;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 22px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
}
.attachment svg,
.popin-right .contenu .form .download-doc .file svg{
    height: 20px;
    width: 20px;
    margin-right: 15px;
}
.attachment.valid svg path{
    fill: #46A936;
}
.popin-right .contenu .form .download-doc .file a:not(.removefile) svg:first-child{
    height: 16px;
    width: 15px;
}
.popin-right .contenu .form .download-doc .file a:not(.removefile) svg{
    height: 20px;
    width: 19px;
}
.popin-right .contenu .form .infos{
    padding: 0 44px;
    text-align:center;
}
.popin-right .contenu .form.aide-sav .infos{
    padding: 30px 0 0 0;
    text-align:center;
}
.popin-right .contenu .form.aide-sav .infos.less{
    padding: 20px 0 0 0;
    margin-bottom: -10px;
}
.popin-right .contenu .form .infos .soon{
    color: #272B2C;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 36px;
}
.popin-right .contenu .form .infos .code{
    opacity: 0.75;
    background-color: #E20613;
    padding: 5px;
    color: #FFFFFF;
    font-family: "Montserrat Bold";
    font-size: 15px;
    line-height: 22px;
    width: 110px;
    margin: 0 auto 38px;
}
.popin-right .contenu .form .infos .process{
    color: #272B2C;
    font-size: 13px;
    line-height: 20px;
}
.popin-right .contenu .form.aide-sav .infos .process{
    margin: 0;
}
.popin-right .contenu .form .infos .process b{
    font-family: "Montserrat Bold";
}

.popin-right .contenu .form .field {
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.popin-right .contenu .form .field input{
    width: 120px;
    margin-top: 0;
}
.popin-right .contenu .form .field button{
    height: 46px;
    width: 46px;
    border-radius: 30px;
    color: #ffffff;
    background-color: #272B2C;
    font-size: 15px;
    border: 0;
}
.popin-right .contenu .form .field button.sub{
    opacity: 0.5;
    margin-right: 10px;
    cursor: pointer;
}
.popin-right .contenu .form .field button.add{
    opacity: 1;
    margin-left: 10px;
    cursor: pointer;
}
.popin-right.demande .contenu .formulaires{
    max-height: calc( 100vh - 179px);
    padding: 0 32px 100px;
}
.title-category {
    color: #A4A4A4;
    font-family: "Montserrat Bold";
    font-size: 15px;
    line-height: 22px;
    border-bottom: 1px solid #D9D9D9;
    margin-top: 40px;
    padding-bottom: 5px;
}
.all-avatar .title-category {
    margin-left: 20px;
    margin-right: 20px;
}
.popin-right .contenu .form .text-normal{
    margin-top: 30px;
    font-size: 15px;
    line-height: 19px;
}
.card{
    margin: 20px 5px ;
    padding: 15px;
    border-radius: 15px;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
}
.hidden_card{
    display: none;
}
.popin-right .contenu .form.aides-devis .download-doc{
    border-bottom: 0;
    border-top: 0;
}
.popin-right .contenu .form.aides-devis .download-doc .file svg{
    height: 16px;
    width: 15px;
}
.popin-right .contenu .form.aides-devis button{
    background-color: #ffffff;
    border: 2px solid #272B2C;
    border-radius: 27.5px;
}
.popin-right .contenu .form.aides-devis button.btn-charte{
    box-sizing: border-box;
    height: 55px;
    width: 358px;
    border: 2px solid #272B2C;
    background-color: #ffffff;
    border-radius: 27.5px;
    margin: auto;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}
.popin-right .contenu .form.aides-devis button.btn-add-ref{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    height: 55px;
    width: 250px;
    border: 2px solid #D9D9D9;
    cursor: pointer;
}
.popin-right .contenu .form.aides-devis button.btn-add-ref svg{
    margin-right: 10px;
}
.popin-right.demande .contenu .card .ref .desc-ref div{
    width: 100%;
    margin-left: 15px;
}
.popin-right.demande .contenu .card .ref .desc-ref .img-produit{
    margin-left: 0;
    max-width: 90px;
    max-height: 90px;
}
.popin-right.demande .contenu .card .ref .desc-ref .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-left: 0;
    cursor: pointer;
}
.popin-right .contenu .form.aide-sav .cta-red{
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 20px auto;
    padding: 19px 61px;
}
.popin-right .contenu .card {
    font-size: 13px;
}
.popin-right .contenu .card .input-group {
    width: 100%;
}
.popin-right .contenu .card .input-group input {
    margin-top: 0 !important;
}
.popin-right .contenu .card .input-group label {
    top: 13px;
}
.popin-right .contenu .card .input-group label.typing {
    top: -10px;
}
.popin-right .contenu .card .input-group .btn-input-search {
    top: 14px;
}
.popin-right .contenu .form .bottom-card{
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #D9D9D9;
    margin-top: 20px;
    padding-top: 15px;
    font-family: "Montserrat SemiBold";
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
}
.popin-right .contenu .form .bottom-card:hover{
    text-decoration: underline;
}
.popin-right .contenu .form .bottom-card svg{
    margin-right: 10px;
}
.popin-right .contenu .form .bottom-card.supprimer{
    color: #E20613;
    cursor: pointer;
}

.popin-right .contenu .recap{
    height: calc(100% - 149px);
    padding: 0 32px;
}
.sav_content .popin-right .contenu .recap{
    padding: 0;
}

.popin-right .contenu .recap .header{
    flex-direction: column;
    text-align: center;
    margin: 40px 0;
}
.popin-right .contenu .recap .header svg {
    position: relative;
    height: 35px;
    width: 35px;
    right: 0;
}
.popin-right .contenu .recap .header boutton svg {
    height: 18px;
    width: 18px;
}
.popin-right .contenu .recap .header .title{
    margin-bottom: 0;
    border-bottom: 0;
}
.popin-right .contenu .recap .header .text{
    margin-top: 10px;
}
.popin-right .contenu .recap .card{
    position: relative;
}
.popin-right .contenu .recap .title{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 20px;
    justify-content: center;
    font-size: 15px;
    font-family: "Montserrat Bold";
}
.popin-right .contenu .recap .title svg{
    position: absolute;
    right: 20px;
    width: 15px;
    height: 15px;
    transform: rotate(90deg);
}
.popin-right .contenu .recap .info-recap .title{
    padding-bottom: 0;
    display: block;
    opacity: 0.5;
    color: #272B2C;
    font-size: 15px;
    line-height: 22px;
    border-bottom: 0;
    margin: 22px 0 0 0;
}
.popin-right .contenu .recap .info-recap .text{
    margin: 0;
    font-size: 15px;
    line-height: 22px;
}
.popin-right .contenu .recap .statut,
.popin-right .contenu .recap .statut .date{
    display: flex;
    align-items: center;
}
.popin-right .contenu .recap .statut .info-statut{
    color: #FF8700;
    font-family: "Montserrat SemiBold";
    font-size: 13px;
    line-height: 20px;
}
.popin-right .contenu .recap .statut .date{
    font-size: 13px;
    margin-left: 30px;
}
.popin-right .contenu .recap .statut .date svg{
    height: 16px;
    width: 16px;
    margin-right: 10px;
}
.popin-right .contenu .recap .cta-red{
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popin-right.demande .desc-ref p{
    margin: 5px 0;
}
/*--------------------------------------------------------*/
/*Popin Close - Messagerie*/
/*--------------------------------------------------------*/
.popin-close{
    display:none;
    flex-direction: column;
    width: 331px;
    border-radius: 13px;
    background-color: #FFFFFF;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
    top: -10px;
    transform: translateX(-50%);
    left: -100%;
    opacity: 0;
    position: absolute;
    transition: opacity .3s, top .3s;
}
.popin-close.open{
    display: flex;
    opacity: 1;
    top: 10px;
    left: 35%;
    transition: opacity .3s, top .3s;
    z-index: 110;
}
.popin-close.declik{
    width: 457px;
}

.popin-close .title{
    font-family: "Montserrat SemiBold";
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    padding: 0 10px;
    margin-top: 20px;
}
.popin-close .text{
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    padding: 20px;
}
.popin-close .footer{
    position: relative;
    display: flex;
    justify-content: center;
    border-top: 1px solid #D9D9D9;
}
.popin-close .footer boutton{
    font-family: "Montserrat SemiBold";
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    width: 50%;
    cursor: pointer;
    padding: 16px 0;
}
.popin-close .footer .btn-cancel{
    color: #E20613;
    cursor: pointer;
    border-right: 1px solid #D9D9D9;
}

/*--------------------------------------------------------*/
/*Popin Declaration - Messagerie*/
/*--------------------------------------------------------*/
.popin-declaration{
    overflow: hidden;
}
.popin-declaration .header {
    justify-content: space-between!important;
    margin: inherit!important;
}
.popin-declaration .header svg:first-child{
    height: 15px;
    width: 9px;
}
.popin-declaration .container-declaration {
    overflow: auto;
    max-height: calc( 100vh - 179px);

}
.popin-declaration .header svg{
    position: relative!important;
    right: inherit!important;
    height: 15px;
    width: 15px;
}
.popin-declaration .date svg{
    width: 16px;
    height: 16px;
}
.popin-declaration .cta-red{
    margin: inherit!important;
}
@media screen and (max-width: 1056px){
    .popin-declaration{
        width: 100%;
        border-radius: 27.5px;
    }
    .popin-declaration .container-declaration {
        height: 80vh;
    }
}
/*--------------------------------------------------------*/
/*Boite à idées*/
/*--------------------------------------------------------*/
main{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    /*overflow-y: auto;*/
}
.content-idees{
    position: relative;
    width: 100%;
    min-height: calc( 100vh - 81px );
}
.content-idees .wrapper{
    padding: 32px;
    max-width: 940px;
    margin: inherit;
}
.content-idees .triangle-rouge{
    position: absolute;
    top: 0;
    right: 0;
}
.content-idees .triangle-gris{
    position: fixed;
    bottom: 0;
}
.content-idees .title{
    padding: 35px 0 0 32px;
}
.content-idees .homepage-idees{
    display: flex;
    align-items: center;
    position: relative;
    transform: translateY(10%);
    padding: 0 32px;
}
.content-idees .homepage-idees .text{
    padding-right: 130px;
}
.content-idees .homepage-idees .cta-red{
    font-size: 13px;
    margin-top: 40px;
    padding: 20px 40px;
    font-family: "Open Sans Bold";
}
.content-idees .cards {
    display: flex;
    align-items: center;
    max-width: 100%;
    margin: 22px auto 0;
}
.content-idees .card {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right: 28px;
    min-width: 171px;
    width: 171px;
    height: 171px;
    cursor: pointer;
    text-align: center;
    border-radius: 8px;
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
    border: 3px solid transparent;
}
.content-idees .card p{
    padding: 10px 15px;
}
.content-idees .card a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
}
.content-idees .form .form-idee{
    display: flex;
    flex-direction: column;
}
.content-idees .form,
.content-idees .recap,
.content-idees .idee,
.content-idees .homepage-idees{
    position: relative;
    z-index: 10;
}
.content-idees .triangle-rouge,
.content-idees .triangle-gris{
    z-index: 0;
}
.content-idees .input-group{
    width: 100%;
}
.content-idees .form input,
.content-idees .form textarea{
    background-color: #F7F7F7;
    padding: 12px 15px;
}
.content-idees .form .btn-file{
    box-sizing: border-box;
    border: 2px solid #272B2C;
    border-radius: 27.5px;
    font-family: "Open Sans Bold";
    color: #272B2C;
    margin-bottom: 41px;
    background-color: transparent;
    backdrop-filter: blur(15px);
    padding: 14px 40px;
    width: 26%;
    cursor: pointer;
}

.content-idees .form .footer .boutton{
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Open Sans Bold";
    padding: 18px 71px;
    cursor: pointer;
    text-decoration: none;
}
.content-idees .form svg{
    width: 15px;
    height: 16px;
}
.content-idees .form .footer svg{
    width: 8px;
    height: 12px;
    margin-right: 10px;
}
.content-idees .form .footer .cta-red svg{
    margin-left: 10px;
}
.content-idees .form .form-idee{
    margin-top: 32px;
}
.content-idees .recap{
    width: 446px;
    height: 100%;
    padding-bottom: 40px;
}
.content-idees .recap .header svg{
    margin-bottom: 20px;
}
.recap .card-recap{
    border-radius: 15px;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
}
.recap .card-recap .title{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 21px;
}
.recap .card-recap .title svg{
    position: absolute;
    right: 21px;
    transform: rotate(90deg);
    height: 12px;
    width: 7px;
}
.content-idees .recap .title-category{
    border-bottom: 0;
    margin: 0;
    padding: 0;
}
.content-idees .footer {
    bottom:0;
}
.content-idees .footer .cta-red{
    padding: 20px 144px;
    font-family: "Open Sans Bold";
}
.content-idees .cards .card a svg{
    width: 55px;
    height: 55px;
    opacity: 0.3;
}
.content-idees .card.active,
.content-idees .card:hover{
    border: 3px solid #E20613;
    color:#E20613;
}
.content-idees .card.active a,
.content-idees .card:hover a{
    color:#E20613;
}
.content-idees .card.active a svg,
.content-idees .card:hover a svg{
    opacity: 1;
    fill:#E20613;
}

/*--------------------------------------------------------*/
/*Gestion SAV*/
/*--------------------------------------------------------*/
.gestion-sav{

}
.gestion-sav .header,
.content-sondages .header{
    border-bottom: 1px solid #D9D9D9;
}
.gestion-sav .header .first,
.content-sondages .header .first,
.gestion-sav .header .search,
.content-sondages .header .search{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
}
.gestion-sav .header .title,
.content-sondages .header .title{
    color: #272B2C;
    font-family: "Montserrat Bold";
    font-size: 25px;
    line-height: 32px;
}
.gestion-sav .ref .desc-ref .title svg{
    display: none;
}
.gestion-sav .header .cta-red{
    display: flex;
    align-items: center;
    border-radius: 40px;
}
.gestion-sav .header .cta-red svg{
    margin-right: 10px;
}
.gestion-sav .header .search input{
    margin-top: 0;
    width: 100%;
}
.gestion-sav .header .search label{
    top: 15px;
}
.gestion-sav .header .search label.typing{
    top: -7px
}
.gestion-sav .header .btn-input-search{
    top: 14px;
}

.gestion-sav .liste-declarations{
    padding: 16px;
}
.gestion-sav .liste-declarations .ref{
    width: 40%;
    overflow : hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gestion-sav .liste-declarations .card{
    position: relative;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.gestion-sav .liste-declarations .card.active{
    border: 1px solid #E20613;
}
.gestion-sav .liste-declarations .card .ref .pastille {
    display: none;
}
.gestion-sav .liste-declarations .card.active .ref .pastille {
    display: block;
    position: absolute;
    right: -15px;
    top: -5px;
    height: 14px;
    width: 14px;
    background-color: #CD2729;
    margin: 0 10px;
    border-radius: 20px;
}

.gestion-sav .liste-declarations .card .inline-info svg{
    position: absolute;
    right: 10px;
    width: 8px;
    height: 13px;
}
.gestion-sav .liste-declarations .card .inline-info {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-items: center;
    font-size: 13px;
    width: 80%;
    position: relative;
    text-align: center;
}

.gestion-sav .liste-declarations .card .inline-info .ref-num  { grid-area: 1 / 1 / 2 / 2; }
.gestion-sav .liste-declarations .card .inline-info .date { grid-area: 1 / 2 / 2 / 3; text-align: initial }
.gestion-sav .liste-declarations .card .inline-info .statut {
    grid-area: 1 / 3 / 2 / 4;
    text-align: left;
    margin-left: 20px;
}
.gestion-sav .liste-declarations .card .inline-info svg { grid-area: 1 / 4 / 2 / 5; }

.gestion-sav .ref .desc-ref .ref{
    margin: 0;
}
.gestion-sav .ref .desc-ref .ref,
.gestion-sav .ref .desc-ref .ref-num,.gestion-sav .ref .desc-ref .title{
    font-size: 13px;
}
.gestion-sav .img-produit{
    height: 50px;
    width: 50px;
    min-width: 50px;
}
.gestion-sav .footer{
    width: 255px;
    margin: auto;
}
.gestion-sav .footer .cta-red{
    font-family: "Open Sans Bold";
}

.gestion-sav .footer progress::-webkit-progress-bar {
    background-color: #D9D9D9;
    border-radius: 4px;
}
.gestion-sav .filtre{
    display: flex;
    align-items: center;
    padding: 15px 18px 0 18px;
    justify-content: space-between;
}
.gestion-sav .filtre .btn-demandes{
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}
.btn-demandes .btn-black{
    padding: 16px 15px;
    border: 0;
    color: #272B2C;
    border-radius: 5px;
    background-color: rgba(39,43,44,0.1);
    font-size: 13px;
    line-height: 14px;
    font-family: 'Montserrat SemiBold';
    opacity: 0.5;
    cursor: pointer;
    margin-right: 15px;
    margin-bottom: 15px;
}
.btn-demandes .btn-black.active,
.gestion-sav .filtre .btn-demandes .btn-black:hover{
    background-color: #272B2C;
    color: #FFFFFF;
    opacity: 1;
}
.gestion-sav .filtre .listes{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    /*position: relative;*/
    /*justify-content: flex-end;*/
    /*width: 60%;*/
}
.gestion-sav .filtre .listes div{
    flex-direction: column;
    display: flex;
}
.gestion-sav .filtre .listes div:first-child {
    margin-right: 15px;
    /*width: 50%;*/
}
.gestion-sav .filtre .listes .aide-select{
    box-sizing: border-box;
    height: 34px;
    width: 260px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
.gestion-sav .filtre .listes .aides{
    display: inherit;
    position: absolute;
    width: 40%;
    z-index: 2;
    top: 30px;
}
.list-aide li.blue{
    color: #246EE0!important;
}
.list-aide li.orange{
    color: #FF8700!important;
}
.list-aide li.green{
    color: #46A936!important;
}
/*--------------------------------------------------------*/
/*Déclaration - Gestion SAV*/
/*--------------------------------------------------------*/
.declaration-sav{
    display: flex;
    padding: 0 0 0 32px;
    font-size: 15px;
}
.declaration-sav .header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
}
.declaration-sav .header svg{
    height: 18.12px;
    width: 11.18px;
}
.declaration-sav .header .cta-red {
    display: flex;
    align-items: center;
    border-radius: 50px;
    margin-right: 32px;
}
.declaration-sav .header .cta-red svg{
    width: 19px;
    height: 19px;
    margin-right: 10px;
}
.declaration-sav .header .title{
    color: #272B2C;
    font-family: "Montserrat Bold";
    font-size: 25px;
    line-height: 40px;
    letter-spacing: 1px;
    margin-left: 15px;
}
.declaration-sav .cta-grey{
    width: 254px;
}
.declaration-sav .ref {
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.declaration-sav .doc,
.declaration-sav .img{
    color:#E20613;
    text-decoration: underline;
    cursor:pointer;
    font-size: 15px;
    line-height: 22px;
}
.declaration-sav .ref .desc-ref {
    display: flex;
    align-items: baseline;
    flex-direction: column;
    margin-left: 10px;
}
.declaration-sav .ref .desc-ref .ref {
    margin-top: 0;
    margin-bottom: 0;
}
.declaration-sav .ref .desc-ref .desc{
    margin: 0;
    font-family: "Montserrat SemiBold";
}
.declaration-sav .infos{
    margin-top: 30px;
    font-size: 13px;
}
.declaration-sav .infos div {
    display: flex;
    align-items: center;
    margin: 10px 0 30px;

}
.declaration-sav .infos div p{
    display: flex;
    align-items: center;
    margin: 0;
}
.declaration-sav .infos div svg {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.declaration-sav .infos div .date{
    margin-right: 27px;
}
.declaration-sav .title-category{
    color: #939393;
    border-bottom: 1px solid #939393;
}
.popin-right.sav .contenu .recap .cta-red{
    margin: 40px auto;
}
.popin-right.sav .contenu .produit{
    margin-bottom: 9px;
}
.popin-right.sav .contenu .formulaires{
    height: 85%;
    padding: 0 32px;
    max-height: calc( 100vh - 159px);
}

/*--------------------------------------------------------*/
/*INFORMATIONS PERSONNELLES*/
/*--------------------------------------------------------*/
.information-compte{
    padding: 32px;
}
.information-compte .header .title{
    font-size: 25px;
    font-family: "Montserrat Bold";
    letter-spacing: 1px;
    line-height: 32px;
}
.information-compte .title-category{
    margin-top: 40px;
    margin-bottom: 10px;
}
.information-compte .avatar{
    box-sizing: border-box;
    height: 151px;
    width: 151px;
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 100px;
    margin: 60px 0 30px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.information-compte .avatar svg{
    height: 124px;
    width: 124px;
}
.information-compte .avatar .bandeau{
    position: absolute;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    background-color: rgba(226,6,19,0.7);
    color: #ffffff;
    bottom: 0;
}
.information-compte .preference,
.connexion .preference{
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.information-compte .preference .switch,
.connexion .preference .switch{
    margin-right: 20px;
}

.information-compte .footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 60px 0;
}
.information-compte .footer boutton:first-child{
    margin-bottom: 35px;
    width: 358px;
    text-align: center;
    padding: 20px 0;
}
.information-compte .footer boutton.btn-cancel{
    cursor:pointer;
}
.information-compte .footer boutton.btn-cancel:hover{
    text-decoration: underline;
}
.information-compte input{
    width: 446px;
}
.popin-right.avatar .boutton{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.popin-right.avatar .boutton .cta-red{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 318px;
    margin: auto;
    cursor: pointer;
}
.popin-right.avatar .boutton  .cta-red svg{
    margin-right: 10px;
}
.popin-right.avatar .boutton .text-gras{
    margin-top: 70px;
}
.avatar-cards{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.avatar-cards .card-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
    width: 95px;
    height: 95px;
    cursor: pointer;
    border: 3px solid transparent;
}
.avatar-cards .card-avatar:hover,
.avatar-cards .card-avatar.active{
    border: 3px solid #E20613;
}
.avatar-cards .card-avatar svg {
    width: 77px;
    height: 77px;
}
.popin-right.avatar .all-avatar{
    height: calc(100vh - 266px);
    overflow: scroll;
}
.popin-close.infos {
    top: 80px;
    position: fixed;
}
.popin-filtre {
    display:none;
}
@media screen and (max-width: 1056px){
    .popin-filtre {
        width:100%;

    }
    .popin-filtre.open {
        z-index: 16;
        top: 0!important;
        padding: 0!important;
    }
    .popin-filtre .contenu {
        padding: 0 16px;
    }
    .popin-filtre .contenu .header{
        margin: 30px 0;
    }
    .popin-filtre .contenu .listes{
        overflow: scroll;
        height: calc( 100vh - 260px);
        padding-bottom: 80px;
    }
    .popin-filtre .contenu .title-category{
        border-bottom: 0;
        margin-bottom: 0;
        margin-top: 50px;
    }
    .popin-filtre .contenu .filtre-demande .title-category{
        margin-top: 30px;
        padding-bottom: 20px;
    }
    .popin-filtre .contenu .filtre-agence .title-category{
        margin-top: 32px;
    }
    .popin-filtre .contenu .filtre-statut .title-category{
        margin-top: 62px;
    }
    .popin-filtre .contenu .btn-demandes {
        display: flex;
        justify-content: space-between;
    }
    .popin-filtre .contenu .btn-demandes .btn-black{
        margin: 0;
    }
    .information-compte {
        padding: 16px 16px 0;
    }
    .information-compte .infos {
        position: relative;
        overflow: hidden;
    }
    .information-compte input{
        width: 100%;
    }
    .information-compte .avatar{
        margin: 60px auto 30px;
    }
    .information-compte .footer boutton:first-child{
        width:100%;
    }
    .popin-right.avatar.open{
        top: 0;
    }
    .popin-right.avatar .boutton .cta-red{
        width: 80%;
    }
    .popin-right.avatar .boutton .text-gras{
        margin-top: 50px;
    }
    .avatar-cards .card-avatar{
        margin: 4px;
        width: 110px;
        height: 110px;
    }
    .avatar-cards .card-avatar svg {
        width: 90px;
        height: 90px;
    }
}


/*--------------------------------------------------------*/
/*Notifications*/
/*--------------------------------------------------------*/
.popin-right.notifs{
    position: absolute;
    padding: inherit;
    width: 390px;
    top: 60px;
    border-radius: 27.5px;
    right: -50px;
    display: none;
    max-height: 690px;
    overflow: visible;
}
.popin-right.notifs.open{
    display: inherit;
}
.popin-right.notifs .container-notif{
    height: 100%;
    overflow: hidden;
    position: relative;
}

.popin-right.notifs .container-notif .header{
    display: flex;
    align-items: center;
    padding: 16px;
    position: relative;
}
.popin-right.notifs::before{
    content:'';
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 0;
    border-bottom: 9px solid #ffffff;
    position: absolute;
    top: -8px;
    right: calc(15% - 6px);
}
.popin-right.notifs::after{
    content:'';
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 0;
    border-bottom: 9px solid #ffffff;
    position: absolute;
    top: -8px;
    right: calc(15% - 6px);
}
.popin-right.notifs .container-notif .header .close-notif{
    position: absolute;
    right: 16px;
    cursor: pointer;
    z-index: 2;
}
.popin-right.notifs .container-notif .header .close-notif svg{
    width: 15px;
    height: 15px;
    margin-right: 0;
}

.popin-right.notifs .container-notif .header .pastille{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    background-color: #CD2729;
    color: #FFFFFF;
    font-size: 12px;
    font-family: 'Montserrat Bold';
    margin: 0 10px;
    border-radius: 20px;
    line-height: 11px;
}
.popin-right.notifs .container-notif .notifications{
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    padding: 0 16px;
    font-size: 13px;
    height: calc( 100% - 64px);
    overflow: scroll;
}
.popin-right.notifs .container-notif .notifications .ill{
    display: flex;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    height: 42px;
    width: 42px;
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF;
    border-radius: 40px;
}
.popin-right.notifs .container-notif .notifications .ill svg{
   width: 42px;
   height: 42px;
}

.popin-right.notifs .container-notif .notifications .bloc{
    position: relative;
    padding:15px 0;
    margin-right: 0;
}
.popin-right.notifs .bloc.new.message::before,
.popin-right.notifs .bloc.new.declaration::before,
.popin-right.notifs .bloc.new.publication::before{
    content: "";
    position: relative;
    top: 50%;
    height: 10px;
    width: 12px;
    background-color: #E20613;
    border-radius: 10px;
    margin-right: 10px;
}

.popin-right.notifs .container-notif .notifications .bloc.new .title::before{
    content: "";
    position: relative;
    top: 50%;
    height: 10px;
    width: 10px;
    background-color: #E20613;
    border-radius: 10px;
    margin-right: 10px;
}
.popin-right.notifs .container-notif .notifications .bloc:not(:first-child){
    border-top: 1px solid #D9D9D9;
}
.popin-right.notifs .container-notif .notifications .bloc.message,
.popin-right.notifs .container-notif .notifications .bloc.declaration{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.popin-right.notifs .container-notif .notifications .bloc .img span svg,
.popin-right.notifs .container-notif .notifications .bloc:not(.declaration) img,
.popin-right.notifs .container-notif .notifications .bloc .compte svg{
    height: 42px;
    width: 42px;
    border-radius: 30px;
    border: 1px solid #D9D9D9;
}
.popin-right.notifs .container-notif .notifications .bloc .img{
    height: 42px;
    width: 42px;
    border-radius: 30px;
    border: 1px solid #D9D9D9;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popin-right.notifs .container-notif .notifications .bloc .img img{
    max-height: 40px;
    max-width: 40px;
}

.popin-right.notifs .notifications .bloc  .pastille-statut{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: -10px;
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    border: 2px solid #FFFFFF;
    background-color: #46A936;
    border-radius: 14px;
}
.popin-right.notifs .notifications .bloc .pastille-statut.green{
    background-color: #46A936;
}
.popin-right.notifs .notifications .bloc .pastille-bleu{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: -10px;
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    border: 2px solid #FFFFFF;
    background-color: #246EE0;
    border-radius: 14px;
}
.popin-right.notifs .notifications .bloc  .pastille-bleu svg,
.popin-right.notifs .notifications .bloc .pastille-statut svg{
    height: 10px;
    width: 10px;
    margin-right: 0;
}

.popin-right.notifs .container-notif .notifications .btn-grey{
    border-radius: 10px;
    background-color: #E9E9E9;
    color: #272B2C;
    font-family: "Montserrat SemiBold";
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 14px;
    text-align: center;
    padding: 14px;
    width: 100%;
    cursor: pointer;
    border: 0;
}

/*--------------------------------------------------------*/
/*Connexion*/
/*--------------------------------------------------------*/
.connexion .form-connexion{
    max-width: 477px;
    margin: auto;
}
.connexion .form-inscription{
    max-width: 924px;
    margin: auto;
}
.connexion .form-inscription input:nth-child(even){
    max-width: 446px;
    margin-right: 12px;
}
.connexion .cta-red{
    margin-bottom: 35px;
    width: 90%;
}
.connexion .cta-red-full{
    display: inline-block;
    width: 100%;
}
.connexion .form-inscription .cta-red{
    width: 40%;
}
.connexion .last-step{
    max-width: 554px;
    margin: auto;
    height: calc(100vh - 81px);
    text-align: center;
    position: relative;
}
.connexion .profil {
    box-sizing: border-box;
    height: 151px;
    width: 151px;
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 100px;
    margin: 60px auto 30px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.connexion .profil svg {
    height: 124px;
    width: 124px;
    position:relative;
    top: 13px;
    left: 10px;
}
.connexion .profil .bandeau {
    position: absolute;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    background-color: rgba(226,6,19,0.7);
    color: #ffffff;
    bottom: 0;
}
.connexion .last-step boutton{
    text-decoration: underline;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 59px;
    cursor: pointer;
}
.connexion .last-step .cta-red{
    width: 90%;
    text-decoration: none;
}

/*--------------------------------------------------------*/
/*Dashboard*/
/*--------------------------------------------------------*/
.wrapper {
    margin-left: auto;
    margin-right: auto;
}
.masonry {
    transition: all .5s ease-in-out;
    column-gap: 30px;
    column-fill: initial;
}
.card.ambassadeurs{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url("../img/ui/bg-dashboard.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 183px;
}
.wrapper .card.ambassadeurs .title{
    display: block;
    margin-bottom: 0;
}

.cta-white{
    box-sizing: border-box;
    background-color: #FFFFFF;
    border: 1px solid #272B2C;
    border-radius: 27.5px;
    text-decoration: none;
    padding: 13px;
    width: 100%;
    font-family: "Montserrat SemiBold";
    font-size: 13px;
    letter-spacing: 0.4px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}
.cta-white:hover{
    color: #FFFFFF;
    background-color: #272B2C;
}
.btn-grey {
    border-radius: 9px;
    background-color: rgba(39,43,44,0.07);
    color: #272B2C;
    padding: 13px;
}
.wrapper .card .btn-grey {
    /*width: 41%;*/
}
.wrapper .card .option {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.wrapper .card .sondage-image .option {
    justify-content: center;
}
.wrapper .card .sondage-image .option img:first-child {
    margin-right: 20px;

}
.wrapper .card .ref .desc-ref .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    font-size: 15px;
    margin-left: 0;
    margin-bottom: 0;
}
.wrapper .card .title{
    display: flex;
    font-family: "Montserrat Bold";
    font-size: 18px;
    letter-spacing: 0.7px;
    line-height: 22px;
    margin-bottom: 30px;
}
.wrapper .card .title .pastille {
    margin-left: 10px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    height: 20px;
    width: 20px;
    color: #fff;
    background-color: #CD2729;
}
.masonry .card {
    margin: 15px 0;
    display: inline-block;
    vertical-align: top;
    width: 89%;
    padding: 32px;
}
.masonry .card.waiting {
    opacity: .75;
}
.masonry .card .contenu{
    display: flex;
    flex-direction: column;
}
.masonry .card .contenu .red-box{
    border-radius: 15px;
    background-color: rgba(226,6,19,0.1);
    padding: 16px;
    margin-bottom: 30px;
}
.masonry .card .contenu .red-box .info{
    position: relative;
    display: flex;
    align-items: center;
}
.masonry .card .contenu .red-box .info .date{
    position: absolute;
    right: 0;
    top: 20px;
}
.masonry .card .contenu .img{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 75px;
    width: 75px;
    border-radius: 50px;
    border: 1px solid #D9D9D9;
    background-color: #ffffff;
    margin-right: 20px;
}
.masonry .card .contenu .img svg{
    width: 55px;
    height: 55px;
}
.masonry .card .contenu.contact .flex svg{
    width: 74px;
    height: 74px;
    border-radius: 40px;
    margin-right: 20px;
}
.masonry .card img {
    transition: all .5s ease-in-out;
    backface-visibility: hidden;
}
.masonry .card .bouttons{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 35px;
    width: 100%;
}
.masonry .card .bouttons svg {
    width: 16px;
    height: 16px;
}
.masonry .card .bouttons .cta-white{
    width: 85%;
}
.masonry .card .bouttons .cta-red{
    width: 48px;
    height: 48px;
    display: flex;
    padding: 0;
    margin-left: 0px;
    align-items: center;
    justify-content: center;
}
.masonry .card .title .circle {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 36px;
    width: 36px;
    border-radius: 20px;
    border: 1px solid #D8D8D8;
    background-color: #FFFFFF;
}
.masonry .card .title .circle:first-child {
    margin-right: 10px;
}
.masonry .card .title svg {
    width: 8px;
}
.masonry .card.documents .title{
    margin-bottom: 15px;
}
.masonry .card.documents .contenu svg {
    width: 15px;
    height: 18px;
}
.masonry .card .square{
    min-width: 90px;
    height: 90px;
    border-radius: 15px;
    margin-right: 20px;
}
.masonry .card .promo .square svg{
    width: 54px;
    height: 54px;
}
.masonry .card .fabrik .square svg{
    width: 75px;
    height: 54px;
}
.masonry .card .bizshow .square svg{
    width: 75px;
    height: 56px;
}
.masonry .card p svg{
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.masonry .card.sav .ref .desc-ref .ref {
    color: #939393;
    opacity: 1;
}

/* Masonry on tablets */
@media screen and (max-width: 1056px){
    .card.ambassadeurs{
        background-image: url("../img/ui/bg-dashboard-mb.png");
        padding: 50px 16px;
    }
    .wrapper .card.ambassadeurs .title{
        margin-bottom: 10px;
    }
    .masonry {
        display: flex;
        flex-direction: column;
        align-content: center;
    }
    .masonry .card{
        width: inherit;
        padding: 32px 16px;
    }
    .masonry .card .bouttons{
        justify-content: center;
    }
    .masonry .card .bouttons .cta-white{
        width: 80%;
    }
    .masonry .card .contenu .red-box .info .date{
        top: 10px;
    }
    .masonry .card .contenu .img {
        height: 55px;
        width: 55px;
    }
    .masonry .card .contenu .img svg {
        width: 45px;
        height: 45px;
    }
    .masonry .week{
        justify-content: space-around;
    }
    header.mybizline .btn-mybizline{
        margin-left: 0;
    }
}

@media screen and( min-width: 769px ) and ( max-width: 1024px ) {
    .masonry {
        column-count: 1;
    }
    .masonry .card .bouttons .cta-white {
        width: 70%;
        margin: auto;
    }
}
/* Masonry on big screens */
@media only screen and (min-width: 1024px) {
    .masonry {
        column-count: 2;
    }
}

/*--------------------------------------------------------*/
/*FAQ*/
/*--------------------------------------------------------*/
.answer{
    display: none;
}
.answer li{
    list-style: none;
}
.answer li::before{
    content: "-";
}
.popin-right.aide{
    position: absolute;
    top: 60px;
    width: 284px;
    height: auto;
    right: -60px;
    border-radius: 20px;
    padding: 16px;
    overflow: visible;
}
.popin-right.aide::before{
    content:'';
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 0;
    border-bottom: 9px solid #ffffff;
    position: absolute;
    top: -8px;
    right: calc(25% - 6px);
}
.popin-right.aide::after{
    content:'';
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 0;
    border-bottom: 9px solid #ffffff;
    position: absolute;
    top: -8px;
    right: calc(25% - 6px);
}


/*--------------------------------------------------------*/
/*Documents techniques*/
/*--------------------------------------------------------*/
.documents .gestion,
.documents .bg-red{
    cursor: pointer;
}
.documents .bg-red svg{
    padding: 15px 20px;
}
.documents .input-group label{
    top: 45px;
}
.documents .input-group label.typing{
    top:20px;
}
.documents .close-input{
    top: 14px;
    right: 10px;
}
.documents .doc{
    border-bottom: 1px solid #D9D9D9;
}
.documents .doc svg {
    width: 7px;
    height: 12px;
}
.documents .doc .bg-red svg {
    width: 19px;
    height: 20px;
}

/*--------------------------------------------------------*/
/*Tutos et formations*/
/*--------------------------------------------------------*/
.content-tuto .input-group {
    width: 100%;
}
.content-tuto .input-group label{
    top: 45px;
}
.content-tuto .input-group label.typing{
    top: 25px;
}
.content-tuto .close {
    top: -10px;
    right: -5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.content-tuto .grid {
    transition: all .5s ease-in-out;
    column-gap: 32px;
    column-fill: initial;
    column-count: 3;
}

.content-tuto .grid .cards{
    margin-bottom: 50px;
    display: inline-block;
    vertical-align: top;
    width: 100%
}
.content-tuto .grid .cards .visuel-container {

    overflow: hidden;
}
.content-tuto .grid .cards .visuel-container:hover img {
    transform: scale(1.05);
    transition: .6s;
}
.content-tuto .grid .cards:hover .visuel-container {
    opacity: .75;
}
.content-tuto .svg-container{
    width: 48px;
    height: 48px;
}
.content-tuto .svg-container svg{
    padding: 0 20px;
    transform: rotate(180deg);
}
.content-tuto .tag .close{
    display: none;
}
.content-tuto .tag.selected .close{
    display: flex;
}
.content-tuto .doc .download svg {
    width: 15px;
    height: 18px;
}
.content-tuto .cta-red {
    padding: 20px 47px;
}
@media screen and (max-width: 1056px){
    .content-tuto .tag{
        white-space: nowrap;
    }
    .content-tuto .grid {
        column-count: 2;
        column-gap: 16px;
    }
    .content-tuto .grid .cards .visuel-container .bg-grey{
        max-height: 148px;
    }
    .content-tuto .svg-container{
        left: 0;
    }
    .content-tuto .text{
        background-color: #fff;
        margin-top: -6px;
        border-radius: 0 0 20px 20px;
    }
}

/*--------------------------------------------------------*/
/*Espace déclik*/
/*--------------------------------------------------------*/
.content-actualites .container-sondage{
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}
.content-actualites .btn-cancel{
    display: block;
    padding: 18px 58px;
    cursor: pointer;
}
.popin-right.publication .titre svg{
    width: 15px;
    height: 15px;
}
.popin-right.publication textarea{
    padding: 0;
}
.popin-right.publication textarea:focus{
    border: 0;
}
.popin-right.publication .buttons{
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}
.popin-right.publication .buttons > div{
    flex-grow: 1;
}
.popin-right.publication .btn-blue{
    margin: 19px 0;
    padding: 0 38px;
}
.popin-right.publication .btn-black{
    display: block;
    margin: 40px auto;
    border: 2px solid rgba(40,43,40,0.4);
    background-color: #fff;
    padding: 18px 40px;
    border-radius: 50px;
}
.popin-right.publication .btn-black svg{
    border: 1px solid #282B2C;
    width: 16px;
    height: 16px;
    padding: 5px;
    border-radius: 20px;
    margin-right: 15px;
}
.content-declik-info .btn-container .cta-red {
    width: 358px;
}
@media screen and (max-width: 1056px){
    .content-declik-info .btn-container .cta-red {
        width: 100%;
    }
}

.content-sondages{
    display: inline-block;
}
.content-sondages .container-sondage .visual-container{
    flex-grow: 1;
    max-width: 153px;
    max-height: 153px;
    border-radius: 8px;
    position: relative;
}
.content-sondages .container-sondage .visual-container img{
    max-width: 100%;
}
.content-sondages .input-group{
    width: 100%;
    text-align: center;
}
.content-sondages input{
    border: none;
    background-color: rgba(39,43,44,0.07);
}
.content-sondages input::placeholder{
    text-align: center;
}
.content-sondages.completed input{
    font-family: "Montserrat SemiBold";
    color: rgb(58,109,217);
}

.content-sondages .progress,.content-sondages .score {
    display: none;
}
.card .completed .score {
    display: contents;
}
.card .completed .progress {
    display: block;
    position: absolute;
    background-color: transparent;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 8px 0 0 8px;
    -webkit-animation: progressBar 3s ease-in-out;
    -webkit-animation-fill-mode:both;
    -moz-animation: progressBar 3s ease-in-out;
    -moz-animation-fill-mode:both;
}
@-webkit-keyframes progressBar {
    0% { width: 0; }
    100% { width: 100%; }
}

@-moz-keyframes progressBar {
    0% { width: 0; }
    100% { width: 100%; }
}
.card .completed .visual-container .progress {
    background-color: rgba(255,255,255,0.8);
    border-radius: 0 0 0 8px;
}
.card .completed .visual-container.selected::after{
    position: absolute;
    top: 10px;
    left: 10px;
    content: url("../../medias/mybizline/sondages/check-blue.png");
}
.card .completed .response:not(.br-grey){
    border: 2px solid rgba(58,109,217,0);
}
.card .completed .response.selected{
    border: 2px solid rgba(58,109,217,1);
}
.card .completed .response.selected span{
    z-index: 10;
    position: relative;
    display: inline-flex;
}
.card .completed .multiple-reponse div:not(.selected){
    font-family: "Montserrat Medium";
}
.card .completed .simple-reponse div.selected{
    color: rgb(58,109,217);
}
.content-sondages .percent {
    display: none;
}
.card .completed .visual-container .percent{
    top: 83%;
}
.card .completed .percent {
    display: block;
    float: right;
    position: absolute;
    right: 10px;
    top: 30%;
    color: rgb(58,109,217);
}
.card .completed .selected .percent {
    right: 0;
}
.card .select-picture.completed .selected .percent {
    position: absolute;
    margin-top: 3px;
    margin-right: 5px;
}

.card .completed .bar {
    display:block;
    height: 46px;
    background-color: rgba(58, 109, 217, 0.4);
    border-radius: 8px 0 0 8px;
}
.card .completed .visual-container .bar {
    height: 36px;
    border-radius: 0 0 0 8px;
}
/*--------------------------------------------------------*/
/*Mobile & Tablette*/
/*--------------------------------------------------------*/
@media screen and (max-width: 1056px){
    .showm{
        display: block!important;
    }
    .card .contact .showm{
        display: flex!important;
    }
    .showd{
        display: none!important;
    }
    .ref .desc-ref .title svg{
        position: absolute;
        right: 0;
    }
    header.mybizline {
        z-index:20;
        position: relative;
    }
    header.mybizline .middle-header.sticky {
        position: fixed;
        padding: 15px 0;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        border-bottom: 1px solid #dedede;
        opacity: 1;
        animation: fadeIn 0.2s;
        -webkit-animation: fadeIn 0.2s;
        -moz-animation: fadeIn 0.2s;
        -o-animation: fadeIn 0.2s;
        -ms-animation: fadeIn 0.2s;
    }

    @keyframes fadeIn {
        0% {opacity: 0;}
        100% {opacity: 1;}
    }
    @-moz-keyframes fadeIn {
        0% {opacity:0;}
        100% {opacity:1;}
    }

    @-webkit-keyframes fadeIn {
        0% {opacity:0;}
        100% {opacity:1;}
    }

    @-o-keyframes fadeIn {
        0% {opacity:0;}
        100% {opacity:1;}
    }

    @-ms-keyframes fadeIn {
        0% {opacity:0;}
        100% {opacity:1;}
    }
    header.mybizline .burger-menu {
        margin-left: 16px;
    }
    header.mybizline .btn-mybizline svg{
        width: 108px;
    }
    header.mybizline .infos .picto-notif{
        margin-right: 0;
    }
    header.mybizline .infos .open-notif svg,
    header.mybizline .infos .icon-compte svg{
        margin-right: 20px;
        width: 20px;
    }

    header.mybizline .infos .picto-notif .circle{
        right:20px;
    }
    header.mybizline .infos .icon-compte .avatar {
        width: 33px;
        height: 33px;
        margin-right: 16px;
    }
    .menuleft {
        background-color: #fff;
        position: fixed;
        top: 81px;
        left: -550px;
        z-index: 0;
        max-width: 310px;
        display: flex;
        max-height: calc(100vh - 81px);
        flex-direction: column;
        opacity: 0;
        transition: 0.5s;
        overflow: scroll;
    }
    .menuleft.active {
        transition: 0.5s;
        left: 0;
        z-index: 100;
        height: 100%;
        opacity: 1;
        transform: scale(1);
        overflow: scroll;
    }
    .menuleft .page .link{
        transition-duration: .4s;
        transition-timing-function: ease-in-out;
        transition-delay: 0s;
    }
    .menuleft .page .link:nth-child(1){
        transform: translateX(-20px);
        transition-delay: .5s;
    }
    .menuleft .page .link:nth-child(2){
        transform: translateX(-20px);
        transition-delay: .6s;
    }
    .menuleft .page .link:nth-child(3){
        transform: translateX(-20px);
        transition-delay: .7s;
    }
    .menuleft .page .link:nth-child(4){
        transform: translateX(-20px);
        transition-delay: .8s;
    }
    .menuleft .page .link:nth-child(5){
        transform: translateX(-20px);
        transition-delay: .9s;
    }
    .menuleft .page .link:nth-child(6){
        transform: translateX(-20px);
        transition-delay: 1s;
    }
    .menuleft .page .link:nth-child(7){
        transform: translateX(-20px);
        transition-delay: 1.1s;
    }
    .menuleft .page .link:nth-child(8){
        transform: translateX(-20px);
        transition-delay: 1.2s;
    }
    .menuleft .page .link:nth-child(9){
        margin-top: 30px;
        transform: translateX(-20px);
        transition-delay: 1.3s;
    }
    .menuleft.active .page .link{
        transform: translateX(0);
    }
    .menuleft .logout{
        margin-top: 0;
        margin-bottom: 0;
    }
    .btn-return{
        margin:  20px auto 20px 10px;
    }

    .connexion .cta-red-full{
        width: 90%;
    }
    /* CONTAINER */
    .container {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
    }
    .container .content-masonry{
        width: 100%;
        max-width: inherit;
    }
    .container .content-masonry .calendrier {
        max-width: inherit;
    }
    /*SCHEDULER */
    .scheduler {
        width: inherit;
        padding: 16px;
    }
    .scheduler .header .week,.scheduler .planning{
        padding: 0;
    }
    .scheduler .amonth .week .day {
        height: 25px;
    }
    .scheduler .amonth .week .day .num {
        font-size: 8px;
        line-height: 18px;
        min-height: 18px;
        width: 19px;
        bottom: 0;
        left: -6px;
    }
    .scheduler .week .day{
        margin: 0;
    }
    .scheduler .jour-entier{
        border-radius: 0;
    }
    .scheduler .jour-entier .img, .scheduler .event .img{
        margin: 10px;
    }
    .scheduler .planning{
        max-height: calc( 100vh - 330px);
    }
    .scheduler .planning .hours{
        height: 71px;
    }
    .scheduler .planning .hours span::after{
        width: 290px;
    }
    .scheduler .event{
        left: 20px;
        width: 85%;
        height: 141px;
    }
    .scheduler .event.half {
        left: 0;
        height: 76px;
    }
    .scheduler .event.half.purple{
        left: 40%!important;
    }
    .scheduler .event.half .img{
        margin: 10px 15px 10px 6px;
    }
    .scheduler .event .img .svg {
        width: 5px;
        height: 65px;
    }
    .scheduler .jour-entier .text, .scheduler .event .title {
        font-size: 14px!important;
        line-height: 18px;
    }
    .scheduler .event .img .svg svg {
        display: none;
    }
    .scheduler .event .img .text {
        margin-left: 6px;
    }
    .calendrier {
       display: inherit;
    }
    .layout,.popin-right, .popin-filtre {
        position: absolute;
        max-width: inherit;
        bottom: 0px;
        right: inherit;
        margin-left:0;
        border-radius: 16px;
        overflow: inherit;
        max-height: 100%;
        height: 735px;
        overflow: scroll;
    }
    .popin-right, .popin-filtre {
        display: none;
        top: -100px;
    }
    .layout.active{
        bottom:-20px;
        right: inherit;
        width: 100%;
    }
    .popin-right.open, .popin-filtre.open{
        width: 100%;
        display: inherit;
        top: 0;
        bottom: inherit;
        position: absolute;
        padding: 0 16px;
        height: calc(100vh - 77px);
    }
    .popin-right.sav.open{
       top:0;
    }
    .layout .close{
        position: absolute;
        right: 14px;
        top: -40px;
        z-index: 100;
    }
    .layout .close svg{
        width: 20px;
        height: 20px;
        fill: #ffffff;
    }
    .layout .img{
        margin: 16px auto 20px;
    }
    .calendar-year{
        position: relative;
        padding: 0;
    }
    .calendar-year .calendar table {
        width: 90%;
    }
    .calendar-month .calendar .calendar-header .week-container .week td{
        width: 11px;
    }
    .calendar-month .calendar .months-container .month-container.month-12,
    .calendar-month .calendar .months-container .month-container.month-6{
        width: 100vw;
    }
    .calendar-month .calendar table{
        width: 100%;
        padding: 16px;
    }
    .calendar-month .calendar table.month tr:first-child td{
        padding: 10px 0 20px;
    }
    .calendar-month .calendar table.month tr td{
        padding: 20px 0;
    }
    .calendar-month .calendar table.month td.day .day-content{
        font-size: 15px;
        font-family: "Montserrat SemiBold";
    }
    .calendar{
        padding: 0 4px;
        overflow-y: scroll;
        height: 100vh;
    }
    .calendar .calendar-header{
        position: fixed;
        z-index: 12;
        background-color: #F7F7F7;
    }
    .calendar-year .calendar .calendar-header{
        position: relative;
    }
    .calendar-year .calendar .calendar-header .year-title{
        padding: 26px 0 30px;
    }
    .calendar .calendar-header .year-title{
        padding: 26px 16px 30px;
    }
    .calendar-year .calendar .months-container .month-container.month-12{
        margin-bottom: 20px;
    }
    .calendar .months-container{
        opacity: 1;
        display: flex;
        position: relative;
        padding-bottom: 90px;
    }
    .calendar-month .calendar .months-container{
        top: 90px;
    }

    .container-messagerie {
        padding: 0 16px;
        overflow: hidden;
        margin-left: 0;
        flex-direction: column;
        align-items: center;
    }
    .container-messagerie .messagerie{
        width: 100%;
        min-width: inherit;
        padding: 0;
    }
    .container-messagerie .message{
        max-width: 100%;
    }
    .container-messagerie .header{
        margin: 12px 0 20px;
    }
    .container-messagerie .chat{
        display: none;
        margin-left: 0;
    }
    .container-messagerie .chat.active{
        display: flex;
    }
    .chat{
        display: none;
        max-width: 100%;
        width: 100%;
        margin-left: 0;
        background-color: inherit;
        border-radius: inherit;
        box-shadow: inherit;
        height: 100vh;
        padding-bottom: 0;
    }

    .chat.active{
        display: flex;
        height: calc( 100vh - 81px);
        overflow: hidden;
    }
    .chat .info-compte{
        border-bottom: 0;
    }
    .chat .info-compte .arrow{
        display: flex;
        align-items: center;
        height: 100%;
        cursor:pointer;
    }
    .chat .info-compte .arrow svg{
        height: 16px;
        width: 40px;
    }
    .chat .info-compte,
    .chat .envoi{
        background-color: #ffffff;
    }
    .chat .messages{
        height: inherit;
        overflow: scroll;
        padding: 30px 0 150px;
    }
    .chat .envoi{
        position: fixed;
        bottom: 0;
        width: 92%;
        padding: 8px 16px 16px;
    }
    .declaration-sav .chat_content.active{
        height: calc(100vh - 81px);
    }
    .chat.active.sav{
        position: absolute;
        background-color: #F7F7F7;
        top: 0;
    }
    .popin-right .contenu .header svg, .popin-filtre .contenu .header svg{
        right: 0;
    }
    .popin-right .contenu .formulaires{
        height: 80vh;
    }
    .popin-right .contenu .footer{
        width: 90%;
        padding: 15px;
    }
    .popin-right .contenu .recap, .popin-right.demande .contenu .formulaires{
        padding: inherit;
    }
    .popin-right.sav .contenu .formulaires{
        padding:inherit;
    }

    .content-idees{
        padding-bottom: 40px;
    }
    .content-idees .wrapper{
        padding: 0 16px;
    }
    .content-idees .homepage-idees{
        flex-direction: column-reverse;
        margin-top: 34px;
        transform: inherit;
    }
    .content-idees .title {
        position: relative;
        padding: 35px 0 0 12px;
    }
    .content-idees .homepage-idees .text {
        padding-right: 0;
        margin-top: 34px;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .content-idees .homepage-idees .cta-red {
        font-size: 13px;
        margin-top: 40px;
        position: relative;
        width: 70%;
        align-self: center;
    }
    .content-idees .cards{
        flex-wrap: wrap;
        padding: 9px;
        margin: 0;
        justify-content: space-evenly;
    }
    .content-idees .card{
        width: 44%;
        margin: 0 0 10px;
        box-sizing: border-box;
        min-width: 0;
    }

    .content-idees .form{
        padding: 140px 16px 0;
    }
    .content-idees .triangle-gris{
        position: fixed;
    }
    .content-idees .form input, .content-idees .form textarea{width: inherit;}
    .content-idees .form .add-file .btn-file{
        margin-bottom: 70px;
    }
    .content-idees .form .btn-file{
        width: 70%;
    }
    .content-idees .recap{
        width: inherit;
        height: inherit;
    }
    .content-idees .form .footer .boutton{
        padding: 20px;
        width: 40%;
    }
    .content-idees .form .footer .cta-red svg{
        margin-right: 0;
    }
    .recap .card-recap{
        width: 80%;
        margin: auto;
    }
    .recap .card-recap .title{
        margin-bottom: 0;
    }
    .content-idees .form .footer boutton{
        padding: 18px 31px;
    }
    .content-idees .form .footer{
        padding-bottom: 0;
    }
    .declaration-sav{
        display: block;
        padding: 0 16px;
    }
    .declaration-sav .header .cta-red{
        display: none!important;
    }
    .declaration-sav .cta-red {
        display: flex!important;
        align-items: center;
        justify-content: center;
        width: 55px;
        padding: 0;
        height: 55px;
        position: absolute;
        border-radius: 50px;
        right: 16px;
    }
    .declaration-sav .cta-red svg{
        margin-right: 0;
    }
    .gestion-sav .liste-declarations .ref{
        width: 100%;
    }
    .gestion-sav .ref .desc-ref .title{
        display: flex;
        justify-content: space-between;
    }
    .gestion-sav  .plus-info .date{
        width: inherit;
    }
    .gestion-sav .ref .desc-ref .ref{
        margin: 5px 0;
    }
    .gestion-sav .ref .desc-ref .ref-num{
        margin: 0;
    }
    .gestion-sav .liste-declarations .card{
        display: inherit;
    }
    .gestion-sav .ref .desc-ref .title svg{
        display: inherit;
    }
    .gestion-sav .plus-info{
        display: flex!important;
    }
    .gestion-sav .header .cta-red svg{
        margin-right: 0;
    }
    .gestion-sav .header .search input{
        width: 300px;
    }
    .gestion-sav .img-produit {
        width: 80px;
        height: 80px;
    }
    .gestion-sav .header .input-group{
        width: inherit;
    }
    .information-compte .footer boutton.btn-cancel{
        text-decoration: underline;
    }
    .popin-right.avatar .header{
        justify-content: initial;
    }
    .popin-right.avatar .header .title{
        font-size: 25px;
    }
    .popin-right.avatar .avatar-autre{
        margin-bottom: 80px;
    }
    .popin-right.notifs {
        display: none;
        width: 315px;
        right: -100px;
        top: 53px;
        border-radius: 0;
        max-height: inherit;
    }
    .popin-right.notifs svg{
        margin-right: 0;
        width: inherit;
    }
    .popin-right.notifs.open {
        display: inherit;
        transition: 0.5s;
        right: -70px;
        z-index: 300;
        height: calc(100vh - 72px);
        opacity: 1;
        transform: scale(1);
        overflow: scroll;
    }
    .popin-right.notifs::after,
    .popin-right.notifs::before{
        display: none;
    }
    .popin-right.notifs .container-notif .notifications{
        padding: inherit;
    }
    .popin-right.notifs .notifications .bloc.calendrier {
        height: initial;
    }
    .popin-right.notifs .container-notif::before{
        display: none;
    }
    .connexion .contenu{
        padding: 0 16px;
    }
    .connexion .form-inscription .cta-red{
        width: 90%;
    }
    .popin-close.open{
        left: 50%;
    }
    .popin-close.declik{
        width: 90%;
    }
}
@media screen and (min-width: 1057px){
    .scheduler .planning .hours{
        width: 96%;
        padding-left: 4%;
    }
}
@media screen and (max-width: 1056px){
    .scheduler .planning .hours{
        width: 81%;
        padding-left: 5%;
    }
}
form.info-produit .line{
    display: flex;
    align-items: start;
    margin-top: 50px;
}
form.info-produit .line textarea,
form.info-produit .line input,
form.info-produit .line select{
    margin-top: 0;
}
form.info-produit .line textarea{
    min-height: 150px;
    padding: 15px;
}
form.info-produit .line > *:first-child{
    width: 300px;
    margin-right: 20px;
    padding-top: 16px;
}
form.info-produit .buttons{
    margin: 50px auto 0;
    text-align: center;
}
form.info-produit .ctared{
    padding: 15px 40px;
    background-color: #E20613;
    color: #ffffff;
    border-radius: 30px;
    border: none;
    font-size: 16px;
}
@media screen and (max-width: 768px){
    form.info-produit .line{
        flex-direction: column;
        margin-top: 30px;
    }
    form.info-produit .line > :first-child{
        padding-top: 0;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .mt-80-m{
        margin-top: 80px;
    }
}
.paginationcell{
    display: flex;
    align-items: center;
    justify-content: end;
}
.paginationcell select{
    margin: 0 0 0 20px;
    width: 80px;
}
.doctechnique > *,
.doctechnique > * > a{
    width: 100%;
}
.contenucalendar > *:first-child{
    margin-top: 40px;
}
.contenucalendar > a{
    text-decoration: none;
}
.contenucalendar > *:not(:last-child){
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.pictopromoschedular{
    max-width: 100%;
    max-height: 100%;
}
.btn-demandes a.btn-black{
    text-decoration: none;
}
.datepastille{
    align-items: center;
    flex-direction: column;
}
.nogarantie{
    line-height: 18px;
}
.nogarantie a{
    display: block;
    padding: 13px 25px;
    border: 2px solid #000;
    text-align: center;
    border-radius: 42px;
    margin-top: 10px;
    font-weight: 900;
    font-size: 13px;
    text-decoration: none;
}
.onboarding{
    background-color: #F2F2F2;
    height: 100vh;
    overflow-y: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100vw;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    max-height: -webkit-fill-available;
}
.onboarding .closecross{
    position: fixed;
    top: 0;
    right: 0;
    padding: 20px;
}
.onboarding .firstpage{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.onboarding .firstpage h1{
    font-size: 32px;
    line-height: 42px;
    color: #DF0000;
    position: relative;
}
.onboarding .firstpage h1 svg{
    position: absolute;
    bottom: -57px;
    right: 30px;
}
.onboarding .firstpage a{
    width: 235px;
    background-color: #000;
    color: #fff;
    font-size: 13px;
    letter-spacing: .2px;
    padding: 18px 0;
    border-radius: 30px;
    text-decoration: none;
    margin-top: 17px;
}

.onboarding .secondpage{
    height: 100vh;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.onboarding .secondpage .swiper{
    max-width: 600px;
    width: 100%;
    padding-bottom: 40px;
}
.onboarding .secondpage .swiper .swiper-slide{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.onboarding .secondpage .swiper-button-next, .onboarding .secondpage .swiper-rtl .swiper-button-prev,
.onboarding .secondpage .swiper-button-prev::after, .onboarding .secondpage .swiper-rtl .swiper-button-next::after {
    color: #272B2C;
}
.onboarding .secondpage .swiper-pagination-bullet-active {
    background: #CC171A;
}
.onboarding .secondpage h2{
    color: #CC181B;
    font-size: 20px;
    font-family: 'Montserrat Bold';
}
.onboarding .secondpage p{
    font-size: 14px;
    line-height: 17px;
    margin-top: 7px;
    max-width: 350px;
}
.onboarding .secondpage .counterfonct{
    font-family: "Montserrat Regular";
    font-size: 12px;
    color: #858585;
    margin-top: 13px;
}
.onboarding .closepop{
    background: #CC171A;
    color: #fff;
    font-size: 13px;
    letter-spacing: .2px;
    padding: 18px 0;
    border-radius: 30px;
    width: 235px;
    text-decoration: none;
}
.picker .pc-element, .picker .pc-trigger {
    height: 46px;
    box-sizing: border-box;
    border: 2px solid #979797;
    border-radius: 10px;
    width: 100%;
    font-size: 15px;
    padding: 0 15px;
    line-height: 16px;
    margin-bottom: 0 !important;
    background-color: inherit;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #272B2C;
}
.picker .pc-element:hover, .picker .pc-trigger:hover {
    background-color: transparent;
    color: #272B2C;
    border: 2px solid #246EE0;
}
.picker .pc-select .pc-list {
    top: 100%;
    width: 100%;
    padding: 15px;
    border-radius: 15px;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
}
.picker .pc-select .pc-list input[type="search"] {
    width: 100%;
    outline: none;
    color: #666666;
    position: relative;
    background-color: #fff;
    border: 1px solid #D9D9D9;
    padding-left: 8px;
    margin-top: 0;
    margin-bottom: 15px;
}
.picker .pc-select .pc-list li {
    padding: 12px 8px;
    color: #272B2C;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
}
.picker .pc-select .pc-list li:nth-child(even) {
    background-color: #F7F7F7;
}
.picker .pc-select .pc-list li:hover {
    background-color: #246EE0;
    color: #ffffff;
}
.picker .pc-select {
    min-width: 200px;
    max-width: 1000%;
}




.gestion-sav .filtre .listes div .chosen-container-single .chosen-single{
    height: 46px;
    box-sizing: border-box;
    border: 2px solid #979797;
    border-radius: 10px;
    width: 100%;
    font-size: 15px;
    padding: 0 15px;
    line-height: 16px;
    margin-bottom: 0 !important;
    background-color: inherit;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #272B2C;
}
.gestion-sav .filtre .listes div .chosen-container-single .chosen-drop {
    top: 100%;
    width: 140%;
    min-width: 200px;
    max-width: 1000%;
    padding: 15px;
    border-radius: 15px;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
}
.gestion-sav .filtre .listes div .chosen-container-single .chosen-search {
    width: 100%;
}
.gestion-sav .filtre .listes div .chosen-container-single .chosen-search input[type="text"] {
    width: 100%;
    outline: none;
    color: #666666;
    position: relative;
    background-color: #fff;
    border: 1px solid #D9D9D9;
    margin-top: 0;
    margin-bottom: 15px;
    height: 46px;
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 15px;
    line-height: 22px;
    padding: 0 15px;
}
.gestion-sav .filtre .listes div .chosen-container .chosen-results li {
    padding: 12px 8px;
    color: #272B2C;
    font-size: 13px;
    line-height: 16px;
}
.gestion-sav .filtre .listes div .chosen-container .chosen-results li:nth-child(even) {
    background-color: #F7F7F7;
}
.gestion-sav .filtre .listes div .chosen-container .chosen-results li.highlighted {
    background-image: none;
    background-color: #246EE0;
    color: #ffffff;
}
#f_sav_sav_referenceproduit{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
#f_sav_sav_referenceproduit .nfohelp{
    margin-top: 30px;
    width: 27px;
}
#f_sav_sav_referenceproduit input{
    width: calc(100% - 40px);
}
#f_sav_sav_referenceproduit.input-group label{
    top: 45px;
    left: 54px;
}
#f_sav_sav_referenceproduit.input-group label.typing{
    top: 20px;
}
#f_sav_sav_referenceproduit .formvalidator_error{
    position: relative;
    width: 100%;
}
.bandeauoffers img{
    max-width:100%;
    margin:auto;
    margin-bottom: 25px;
}
@media screen and (max-width: 768px){
    .bandeauoffers{
        width: 100%;
        overflow: hidden;
        display: block;
    }
    .bandeauoffers img{
        max-width:200%;
        margin:auto;
        margin-left: -50%;
    }
}