/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/*--------------------------------------------------------------
    FONTS
---------------------------------------------------------------*/
@font-face {
    font-family:'DIN';
    src:url('../fonts/DIN/dincond-bold-webfont.eot');
    src:url('../fonts/DIN/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DIN/dincond-bold-webfont.woff') format('woff'),
        url('../fonts/DIN/dincond-bold-webfont.ttf') format('truetype'),
        url('../fonts/DIN/dincond-bold-webfont.svg#dincondbold') format('svg');
    font-style:normal;
    font-weight:700;
}
@font-face {
    font-family:'DIN';
    src:url('../fonts/DIN/dincond-medium-webfont.eot');
    src:url('../fonts/DIN/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DIN/dincond-medium-webfont.woff') format('woff'),
        url('../fonts/DIN/dincond-medium-webfont.ttf') format('truetype'),
        url('../fonts/DIN/dincond-medium-webfont.svg#dincondmedium') format('svg');
    font-style:normal;
    font-weight:400;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');


body {
    font-family: 'Montserrat', sans-serif;
}
h1,
h2,
h3,
h4,
h1 *,
h2 *,
h3 *,
h4 *,
.h1,
.h2,
.h3,
.h4 {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
}
/*--------------------------------------------------------------
    GENERAL
---------------------------------------------------------------*/
body *{
    box-shadow: none !important;
}
#wrapper {
    background-color: white;
    padding-top: 0;
}
.p-relative {
    position: relative;
}
.d-flex {
    display: flex;
}
.text-center {
    text-align: center;
}
img {
    max-width: 100%;
    height: auto;
}
a {
    color: black;
}
a:focus,
a:hover {
    color: #d70926;
}
h1 {
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
}
h2 {
    font-size: 1.2rem;
}
p {
    color: black;
}
.btn {
    transition: all .2s linear;
}
.btn-primary {
    background-color: black;
}
.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover,
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover {
    background-color: #d70926;
    color: white;
}
.btn-secondary {
    background-color: #777;
    color: white;
}
.btn-light {
    background-color: #d70926;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
}
.bornes .btn-light {
    background-color: #3976D2;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
}
.btn-light:hover {
    background-color: black;
    color: white;
}
.btn-fiche,
.btn-notice {
    float: right;
    margin-bottom: 5px;
}
.btn.disabled,
.btn[disabled]:hover {
    opacity: 0.3;
}
.alert-warning {
    background-color: rgba(254, 211, 0, .3);
    border-color: #d70926;
    color: black;
}

/* Structure des pages */
.page-subtitle {
    border-bottom: solid black 10px;
    margin-bottom: 40px;
}
.block-category {
    position: relative;
    min-height: unset;
    margin: 15px;
}
.block-category * {
    text-align: left;
}
.block-category h1 {
    text-transform: uppercase;
}
.block-category::after {
    display: block;
    content: "";
    bottom: -64px;
    left: 0;
    border: solid transparent;
    position: absolute;
    border-top-color: #000;
    border-width: 20px;
}

/*--------------------------------------------------------------
    HEADER
---------------------------------------------------------------*/
/* Header page connexion (authentication) */
body#authentication header#header {
    margin-bottom: 0;
}
.authentication-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    min-height: 96px;
}
#header .help-button {
    color: white;
    font-weight: 400;
    text-transform: none;
}
#header .help-button:hover {
    color:white;
}
#header .help-button:hover {
    font-weight: 400;
}
body:not(#authentication) .help-button {
    display: none;
}
.authentication-title {
    font-weight: 400;
    margin-bottom: 0;
}
.authentication-title span:first-child {
    color: #d70926;
    font-weight: 700;
}
.authentication-title span:nth-child(2) {
    color: #777;
}
.authentication-title span:nth-child(3) {
    color: #777;
    font-weight: 700;
    text-transform: none;
}
.authentication-title span:nth-child(4) {
    font-weight: 700;   
    text-transform: none;
}
/* Header après connexion */
body:not(#index) header {
    margin-bottom: 40px;
}
#header,
#header a {
    color: black;
    font-size: .8rem;
    /* text-transform: uppercase; */
}
#header a:hover {
    color: black;
    font-weight: 700;
}
.header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#header .modules-displaynav1 a {
    color: #777;
}
#header .modules-displaynav1 a:hover {
    color: #777;
    font-weight: 700;
}
#header .header-top {
    padding: 10px 0;
}
#_desktop_logo {
    min-height: 90px;
}
.modules-displaytop {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.modules-displaynav1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* Modules header */
#_desktop_contact_link,
#_desktop_cart,
#_desktop_user_info,
#_desktop_history {
    width: 25%;
}
#_desktop_cart .blockcart img,
#_desktop_user_info img,
#_desktop_history img {
    position: relative;
    bottom: 4px;
    padding-right: 4px;
    max-height: 22px;
    width: auto;
}
/* Module Contact */
#_desktop_contact_link strong {
    font-size: 1rem;
}
/* Module Panier */
.cart-preview .cart-products-count {
    position: absolute;
    top: -6px;
    left: 10px;
    background-color: #d70926;
    border-radius: 50%;
    color: white;
    font-size: .65rem;
    line-height: 17px;
    text-align: center;
    width: 17px;
    height: 17px;
}
/* Module Mon compte */
#_desktop_user_info a {
    display: block;
}
#_desktop_user_info .logout {
    color: #777;
    font-size: .65rem;
    line-height: 1;
    padding-left: 30px;
    text-transform: initial;
}
/* Module Liste de lien */
#header .links .h3 {
    display: none;
}
#header .links ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#header .links ul li {
    width: 50%;
}
#header .custom-page-link+.links ul li:nth-child(2) {
    margin-left: 35px;
}
.links ul {
    margin-bottom: 0;
}
#link-custom-page-contact-3,
#link-custom-page-nos-tarifs-3,
#link-custom-page-changement-d-univers-3 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#link-custom-page-changement-d-univers-3{
    width: 250px;
}
#link-custom-page-contact-3::before,
#link-custom-page-nos-tarifs-3::before,
#link-custom-page-changement-d-univers-3::before {
    display: inline-block;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 8px;
}
#link-custom-page-contact-3::before {
    background-image: url("../img/icon_mail.png");
    width: 24px;
    height: 24px;
}
#link-custom-page-nos-tarifs-3::before {
    background-image: url("../img/icon_prices.png");
    margin-left: 4px;
    width: 18px;
    height: 18px;
}

#link-custom-page-changement-d-univers-3::before{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23ffffff" d="M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z"/></svg>');
    margin-left: 4px;
    width: 15%;
    height: 18px;
}
/* Module barre de recherche */
#header .header-top .search-widget {
    float: unset;
}
.search-widget form input[type=text]:focus {
    outline-color: #d70926;
}
.search-widget form input[type=text]:focus+button .search,
.search-widget form button[type=submit] .search:hover {
    color: #d70926;
}

/*--------------------------------------------------------------
    MENU DES CATEGORIES
---------------------------------------------------------------*/
.header-menu,
#mobile_top_menu_wrapper {
    background-color: black;
    border-bottom: #d70926 solid 4px;
}
.header-menu {
    width: 100%;
    min-height: 90px;
}
#header .menu>ul {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 0;
}
#header .menu>ul>li {
    display: flex;
    align-items: center;
    border-left: 1px solid #404040;
    font-family: 'Montserrat', sans-serif;
    max-width: 100px;
    min-height: 90px;
}
#header .menu>ul>li.current {
    background-color: #d70926;
}
#header .menu>ul>li.current>a {
    color: black;
}
#header .menu>ul>li:first-child {
    border-left: none;
}
#header .menu>ul>li:hover {
    background-color: #d70926;
}
#header .menu>ul>li>a,
#header .header-top #mobile_top_menu_wrapper a[data-depth="0"] {
    color: #fafafa;
    font-weight: 400;
    text-transform: none;
    white-space: normal;
}
#header .menu>ul>li>a {
    text-align: center;
}
#header .menu>ul>li:hover>a,
#header .top-menu a[data-depth="0"]:hover {
    /* color: black; */
    color: white;
}
/* Dropdown menu */
.top-menu .popover {
    background-color: transparent;
    font-family: 'Montserrat', sans-serif;
    padding: 0;
    width: 100%;
}
.menu .top-menu .popover {
    top: 194px !important;
    /* border-top: #d70926 solid 4px; */
}
.top-menu .popover>.container {
    background-color: black;
}
#header .top-menu a[data-depth="1"] {
    color: #d70926;
    font-size: 0.9rem;
    white-space: normal;
}
.top-menu .sub-menu ul[data-depth="1"]>li {
    margin: 0;
    padding: 5px 20px;
}
.top-menu .category a[data-depth="1"] {
    padding: 0.625rem 0;
}
#header .top-menu .sub-menu ul[data-depth="2"] {
    color: white;
    list-style-type: "> ";
}
#header .top-menu a[data-depth="2"] {
    color: white;
    font-size: .8rem;
    text-transform: none;
    white-space: normal;
}
#header .top-menu a[data-depth="2"]:hover {
    color: #d70926;
    font-weight: 400;
}
/* Menu mobile */
#mobile_top_menu_wrapper {
    margin-top: 15px;
    padding: 0;
}
#mobile_top_menu_wrapper #top-menu {
    margin-bottom: 0;
}
#header .header-top #mobile_top_menu_wrapper a[data-depth="0"] {
    border-bottom: 1px solid #404040;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
}
#mobile_top_menu_wrapper .top-menu .sub-menu {
    background-color: black;
}
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"]>li {
    padding: 0;
    width: unset;
}
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"]>li a {
    border: none;
    font-size: .8rem;
    text-transform: uppercase;
}
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="2"] {
    padding-left: 22px;
}
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="2"] li a {
    font-weight: 400;
    padding-left: 0;
    text-transform: none;
}

/*--------------------------------------------------------------
    FOOTER
---------------------------------------------------------------*/
#main .page-footer {
    margin-bottom: 0;
}
body#index #footer,
body#authentication #footer,
body#cms #footer {
    padding-top: 0;
}
/* Footer fond noir */
.footer {
    background-color: black;
    color: #777;
    padding: 20px 0;
}
.footer a {
    color: #777;
}
.footer a:hover {
    color: #d70926;
}
.footer .row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
}
.footer .row::after,
.footer-after .row::after {
    display: none;
}
.block_various_links {
    text-transform: uppercase;
}
.block_various_links h4,
.block-contact h4 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.block-contact h4 {
    margin-bottom: 8px;
}
.block-contact .h3 {
    color: #777;
}
.block_various_links li {
    font-size: .9rem;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.footer .block-contact {
    text-align: right;
}
.contact-footer {
    font-size: .9rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.contact-icon {
    margin: 4px 8px 4px 0;
}
/* Footer fond blanc */
.footer-after {
    color: #777;
    padding: 10px 0;
}
.footer-after a {
    color: #777;
}
.footer-after .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
}
.footer-after .footer-iso img {
    max-width: 100px;
    margin-right: 10px;
}
.realisation-definima {
    font-size: .8rem;
}
a.realisation-definima:hover span,
a.realisation-definima:hover strong {
    color: black;
}
.realisation-definima img {
    width: 25px;
    height: auto;
}
.realisation-definima strong {
    text-transform: uppercase;
}
/* Before Footer */
.page-footer a {
    color: #777;
}
.page-footer a:hover {
    /* color: black; */
    color: white;
}
.page-footer .btn-primary,
.page-footer .btn-secondary {
    color: white;
}

/*--------------------------------------------------------------
    BREADCRUMB
---------------------------------------------------------------*/
#wrapper .breadcrumb {
    font-family: 'Montserrat', sans-serif;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 15px;
    margin-top: -20px;
}
#wrapper .breadcrumb ol {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#wrapper .breadcrumb li {
    background-color: white;
    border: 1px solid #d6d4d4;
    padding: 5px 10px;
}
#wrapper .breadcrumb li:last-child,
#wrapper .breadcrumb li:hover {
    background-color: #f6f6f6;
}
#wrapper .breadcrumb li a {
    color: black;
}
#wrapper .breadcrumb li:first-child a {
    color: #777;
}
#wrapper .breadcrumb li:first-child:hover a {
    color: black;
}
#wrapper .breadcrumb li:after {
    content: "";
}

/*--------------------------------------------------------------
    PAGE CONNEXION - AUTHENTICATION
---------------------------------------------------------------*/
body#authentication #wrapper {
    /* background-image: url("../img/bg_connexion.jpg"); */
    background-position: center;
    background-size: cover;
    /* padding: 50px 0; */
    /* padding: 3.5rem 0; */
}
body#authentication #wrapper div,
body#authentication #wrapper section
{
    height: 100%;
}
body#authentication #wrapper div .authentication-card div,
body#authentication #wrapper section .authentication-card section
{
    height: auto;
}
body#authentication #wrapper div  .request-authentication-card div,
body#authentication #wrapper section .request-authentication-card section{
    height: auto !important;
}


body#authentication #wrapper .alert
{
    height: auto;
}
body#authentication #wrapper .help-block
{
    height: auto;
}

body#authentication #wrapper .fuelling{
    background-image: url("../img/fueling.png");
    display:flex;
    justify-content: top;
    padding-top: 50px;
    background-size: cover;
    align-items: flex-end;
    flex-direction: column;
    padding-right: 120px;
}
body#authentication #wrapper .bornes{
    background-image: url("../img/bornes.jpg");
    display:flex;
    justify-content: top;
    padding-top: 50px;
    align-items: flex-start;
    flex-direction: column;
    padding-left: 120px;
    background-size: cover;
    background-position: 90%;
}
body#authentication #wrapper .bornes h2,
body#authentication #wrapper .fuelling h2{
    text-transform: uppercase;
    font-size: 36px;
    color: white;
    margin-bottom: 15px;
    text-align: center;
}
body#authentication #wrapper .bornes > h2,
body#authentication #wrapper .fuelling > h2{
    min-height: 90px;
    margin-bottom: 15px !important;
    display: flex;
    align-items: flex-end;
    width: 360px;
    justify-content: center;
}
body#authentication #wrapper .bornes .authentication-card,
body#authentication #wrapper .fuelling .authentication-card
{
    width: fit-content;
    height: fit-content;
    margin: 0;
    min-width: auto;
    padding: 15px 25px;
}
body#authentication #wrapper .bornes .authentication-card h3,
body#authentication #wrapper .fuelling .authentication-card h3
{
    text-transform: uppercase;
    font-size: 20px;
    color: white;
    margin-bottom: 15px;
    text-align: center;
}
body#authentication #content {
    background-color: transparent;
    border: none;
    margin-bottom: 0;
    padding: 0;
    max-width: unset;
}
body#authentication #content>.row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}
body#authentication #content>.row::after {
    display: none;
}
.authentication-card {
    background-color: rgba(0, 0, 0, .8);
    margin: 15px;
    padding: 40px 15px;
    min-width: 525px;
}
.request-authentication-card{
    background-color: rgb(255, 255, 255);
    /* margin: 15px; */
    max-width: 360px;
    width: 360px;
    padding: 10px 24px;
    text-align: center;
    height: auto !important;
    display: flex;
    justify-content: center;
}
/* .fuelling .request-authentication-card:has(.register-form-title[aria-expanded=true]){
    max-width: 525px;
    margin-right: 0;
}
.bornes .request-authentication-card:has(.register-form-title[aria-expanded=true]){
    max-width: 525px;
    margin-left: 0;
} */
.fuelling .request-authentication-card{
    /* margin-right: 7%; */
    margin-top: 15px;
}
.bornes .request-authentication-card{
    margin-top: 15px;
    /* margin-left: 7%; */
}

.bornes .request-authentication-card h2.register-form-title,.fuelling .request-authentication-card h2.register-form-title{
    width: auto !important;
}

body#authentication #wrapper section .request-authentication-card h2[aria-expanded="true"] + .register-form{
    position: fixed;
    width: 100vw;
    height: 100vh !important;
    background-color: #463b3b81;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}
body#authentication #wrapper section .request-authentication-card h2[aria-expanded="true"] + .register-form form{
    display: flex;
}
body#authentication #wrapper section .request-authentication-card h2 + .register-form form svg{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    cursor: pointer;
}
body#authentication #wrapper section .request-authentication-card h2[aria-expanded="true"] + .register-form form{
    display: flex;
    position: absolute;
    flex-direction: column;
    width: 40%;
    max-height: 90%;
    border-radius: 8px;
    padding-top: 28px;
    padding-right: 25px;
    min-width: 450px;
    overflow-y: auto;
    padding-bottom: 25px;
    padding-left: 25px;
    background-color: white;
}
body#authentication #wrapper section .request-authentication-card h2[aria-expanded="false"] + .register-form form{
    display: none;
}

body#authentication #wrapper .request-authentication-card .register-form-title{
    color: #000;
    font-size: 1rem;
    margin-bottom: 0;
    width: 100%;
    line-height: unset;
}
.bornes .link_gamme_pulse{
    background-color: #B3D239;
    /* margin-left: 7%; */
}
.bornes .link_gamme_pulse svg{
    width: 28px;
    height: 28px;
}
.link_gamme{
    max-width: 360px;
    width: 360px;
    display: flex;
    padding: 15px 25px;
    text-transform: uppercase;
    gap: 16px;
    color: #FFF;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    border-radius: 19px;
    margin-top: 20px;
    margin-bottom: 50px;
}
.link_gamme:hover{
    color: #FFF;
}

.fuelling .link_gamme_petro{
    background-color: #d70926;
    /* margin-right: 7%; */
}

.fuelling .link_gamme_petro svg{
    width: 28px;
    height: 28px;
}
.authentication-card h2 {
    color: #d70926;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.authentication-card p {
    color: #d6d4d4;
    font-size: .9rem;
    max-width: 450px;
}
.page-authentication .authentication-card label,
.page-authentication .authentication-card .forgot-password a {
    color: #d6d4d4;
}
.page-authentication .authentication-card label {
    margin-bottom: 0;
    padding-top: 0;
    min-height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.page-authentication .authentication-card .forgot-password a:hover {
    color: #d70926;
}
.page-customer-account #content .no-account {
    padding-top: 10px;
    text-align: left;
}
.js-customer-form>section {
    margin-bottom: 15px;
}
.register-form-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
/* .register-form-title::after,
.register-form-title[aria-expanded=false]::after {
    display: block;
    content: "";
    width: 22px;
    height: 34px;
    background-repeat: no-repeat;
    background-image: url("../img/flechebasgrise.png");
}
.register-form-title:hover:after,
.register-form-title[aria-expanded=false]:hover:after {
    background-image: url("../img/flechebasrouge.png");
}
.register-form-title[aria-expanded=true]::after {
    background-image: url("../img/flechehautgrise.png");
}
.register-form-title[aria-expanded=true]:hover::after {
    background-image: url("../img/flechehautrouge.png");
} */

.login-form .form-group{
    max-width: 300px;
    margin-left: 5px;
    margin-right: 5px;
}

@media (max-width: 768px) {
    body#authentication #wrapper section .request-authentication-card h2[aria-expanded="true"] + .register-form form{
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

}
/*--------------------------------------------------------------
    HOMEPAGE - CAROUSEL
---------------------------------------------------------------*/
.carousel {
    margin-bottom: 0;
}
.carousel .carousel-inner {
    height: 420px;
    margin-bottom: 0;
}
/* Carousel controls */
.carousel-control {
    top: unset;
    bottom: 50px;
    left: auto;
    width: unset;
}
.carousel .carousel-control.left {
    right: 115px;
}
.carousel .carousel-control .icon-next i,
.carousel .carousel-control .icon-prev i {
    background-color: rgba(255,255,255,.2);
    border: 2px solid white;
}
.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i {
    background-color: rgba(51, 51, 51, .8);
    color: white;
}
.carousel .carousel-control .icon-next {
    right: 50px;
}
/* Carousel title */
.carousel-title {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    background-color: rgba(0,0,0,.8);
    color: white;
    padding: 20px 80px;
}
.carousel-title h2 {
    font-size: 2rem;
    text-transform: uppercase;
}
.carousel-title h2 em {
    color: #d70926;
    font-weight: 700;
}
.carousel-title h3 {
    font-size: 2rem;
    font-style: italic;
}
.carousel-title h3 em {
    color: #777;
    font-style: italic;
}

/*--------------------------------------------------------------
    PAGE CATALOGUE
---------------------------------------------------------------*/
h2#js-product-list-header,
#js-product-list-top {
    display: none;
}
#products .up .btn-secondary {
    color: white;
}
/* Barre de gauche */
body#category>main>#wrapper>.container {
    display: flex;
}
.def_productlist-left {
    position: sticky;
    top: 10px;
}
.def_productlist-left * {
    font-size: .8rem;
}
.def_productlist-left p strong {
    text-transform: uppercase;
}
.def_productlist-left li {
    border-bottom: 1px solid #d6d4d4;
    padding: 2px;
}
.def_productlist-left li.current,
.def_productlist-left li:hover {
    background-color: #d7092620;
}
.def_productlist-left li a {
    display: block;
    color: #777;
}
.def_productlist-left li.current a,
.def_productlist-left li a:hover {
    color: #000;
}
/* Miniatures des produits */
#products .product-miniature,
.featured-products .product-miniature,
.product-accessories .product-miniature,
.product-miniature .product-miniature {
    margin-bottom: 40px;
    width: 100%;
}
#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container,
.product-miniature .thumbnail-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0;
    width: 100%;
    height: auto;
}
.thumbnail-container img {
    width: 150px;
    height: auto;
}
#products .product-title,
.featured-products .product-title,
.product-accessories .product-title,
.product-miniature .product-title {
    display: inline-block;
    flex-grow: 1;
    font-weight: 700;
    padding-left: 20px;
    text-align: left;
    text-transform: uppercase;
}
.highlighted-informations,
#products .product-description,
.featured-products .product-description,
.product-accessories .product-description,
.product-miniature .product-description {
    display: none;
}
#products .thumbnail-container .page-product-box {
    float: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
/* Tableau des références */
table.combinations {
    color: #777;
    font-size: .9rem;
    width: 100%;
}
table.combinations th {
    border-bottom: 1px solid #d6d4d4;
    font-weight: 700;
    padding: 10px 20px;
    white-space: nowrap;
}
table.combinations td {
    border-bottom: 1px solid #d6d4d4;
    padding: 0 15px;
    white-space: nowrap;
}
table.combinations td.nom {
    font-style: italic;
    white-space: normal;
}
table.combinations td.ref {
    font-style: italic;
}
table.combinations td.prix {
    font-size: 1rem;
    font-weight: 700;
    text-align: right;
}
table.combinations td.qte {
    text-align: center;
}
table.combinations td.inputqte {
    padding: 0;
    padding-right: 5px;
}
table.combinations td.bouton {
    padding: 2px;
}
table.combinations td.dispo span {
    position: relative;
    font-size: .8rem;
    padding-left: 15px;
}
table.combinations td.dispo span::before {
    position: absolute;
    top: 3px;
    left: 0;
    border-radius: 20px;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
}
table.combinations td.dispo span.dispo_dispo::before {
    background-color: #90d64c;
}
table.combinations td.dispo span.dispo_presquedispo::before {
    background-color: #d70926;
}
table.combinations td.dispo span.dispo_indispo::before {
    background-color: #FF4136;
}
table.combinations td.inputqte input.text {
    width: 30px;
    padding: 0 3px;
    text-align: center;
}
table.combinations td.bouton a.button {
    background: #4cbb6c;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
}
table.combinations td.bouton:hover a.button {
    opacity: .7;
}

/*--------------------------------------------------------------
    PAGE RECHERCHE
---------------------------------------------------------------*/
/* Page not found */
#products .page-not-found {
    border: solid #d6d4d4 1px;
    color: black;
}

/*--------------------------------------------------------------
    PAGE MON COMPTE
---------------------------------------------------------------*/
.page-my-account #content .links a {
    color: black;
    font-weight: 400;
    margin-bottom: 15px;
}
.page-my-account #content .links a:hover {
    color: black;
    font-weight: 700;
}
.page-my-account #content .links a i,
.page-my-account #content .links a:hover i {
    color: #d70926;
}
/* Mes informations personnelles */
.page-customer-account #content {
    border: solid #d6d4d4 1px;
    color: black;
}
.custom-radio input[type=radio]:checked+span {
    background-color: #d70926;
}
.input-group .input-group-btn>.btn[data-action=show-password] {
    transition: all .2s linear;
    width: 90px;
}
.input-group .input-group-btn>.btn[data-action=show-password]:hover {
    background-color: #d70926;
    /* color: black; */
    color: white;
}
/* Page adresses */
#addresses #content>.d-flex {
    flex-wrap: wrap;
}
.page-addresses .address {
    border: #d6d4d4 solid 1px;
}
.page-addresses .address .address-body h4 {
    font-size: 1.4rem;
}
/* Page Historique de mes commandes */
.thead-default th {
    color: black;
}

/*--------------------------------------------------------------
    PAGE HISTORIQUE D'ACHATS
---------------------------------------------------------------*/
body#module-def_boncommande-history header {
    margin-bottom: 10px;
}
body#module-def_boncommande-history ul.product_list>li {
    margin-bottom: 2rem;
}
.product_list h2 {
    font-weight: 700;
}
.product_list h2 small {
    color: #777;
    text-transform: none;
}
.page-product-box {
    padding-right: 0;
}
.footer_links {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
}
.footer_links li {
    margin-right: 15px;
}
.icon-chevron-left:before {
    content: "<";
    padding-right: 10px;
}

/*--------------------------------------------------------------
    PAGE CONTACT
---------------------------------------------------------------*/
#contact .left-column {
    width: 100%;
}
.form-control:focus, .input-group.focus {
    border-color: #d70926;
    outline-color: #d70926;
}
.group-span-filestyle .btn-default {
    background-color: black;
    height: 38px;
    padding-top: 12px !important;
    transition: all .2s linear;
}
.group-span-filestyle .btn-default:hover {
    background-color: #d70926;
    /* color: black; */
    color: white;
}

/*--------------------------------------------------------------
    PAGE PANIER
---------------------------------------------------------------*/
#blockcart-modal .cart-content p.cart-products-count {
    color: black;
}
.cart-grid-body a.label {
    display: flex;
    align-items: center;
}
#blockcart-modal .product-name,
.cart-container a.label {
    color: black;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
}
.cart-grid-body a.label:hover {
    color: #777;
}
#cart .product-price {
    color: black;
}
.separator {
    border-color: rgba(0,0,0,.125);
}
.block-promo .promo-input+button {
    border: none;
    margin: -2px 0 0 0;
    height: 2.5rem;
}
.block-promo .promo-code-button.cancel-promo {
    color: black;
}
.block-promo .promo-code-button.cancel-promo:hover,
.block-promo .promo-code-button.cancel-promo:focus {
    color: #d70926;
}
/* Tunnel d'achat */
body#checkout section.checkout-step .address-item {
    display: none;
}
body#checkout section.checkout-step .address-item.selected {
    display: block;
}
body#checkout section.checkout-step .address-selector {
    display: block;
}
body#checkout .def_boncommande-carrier .conditions_livraison {
    background: #f6f6f6;
    padding: .9375rem;
    margin: .9375rem 0;
    font-size: 13px;
}
body#checkout .def_boncommande-carrier .conditions_livraison ul ul {
    margin-left: 30px;
    list-style-type: circle;
    margin-bottom: 10px;
}
body#checkout .def_boncommande-carrier label {
    text-align: left;
}
.ui-datepicker td {
    padding: 1px !important;
}
body#checkout .payment-options {
    display: none;
}
.checkout-step,
body#checkout section.checkout-step:last-child {
    border: 1px solid rgba(0,0,0,.125);
}
body#checkout section.checkout-step {
    border-bottom: 1px solid rgba(0,0,0,.125);
}
body#checkout section.checkout-step .address-item.selected {
    border-color: #d70926;
}
body#checkout a:hover,
body#checkout section.checkout-step .add-address a:hover {
    color: #777;
}
body#checkout .footer a:hover {
    color: #d70926;
}
body#checkout #header a:hover {
    color: black;
}
body#checkout section.checkout-step.-reachable.-complete h1 .step-edit:hover {
    color: black !important;
}
.card-info {
    background-color: rgba(254, 211, 0, .5);
    border-color: #d70926;
}
.product-price,
.cart-summary-line .value {
    color: black;
    font-weight: 700;
}
#cta-terms-and-conditions-0 {
    text-decoration: underline;
}
body#checkout #footer {
    padding: 0;
}

/*--------------------------------------------------------------
    PAGES CMS
---------------------------------------------------------------*/
.page-content.page-cms {
    text-align: unset;
}
#cms #content-wrapper * {
    font-family: 'Montserrat', sans-serif;
}
#cms #content-wrapper h2 {
    margin: 20px 0;
}
#cms #content-wrapper h3 {
    margin: 15px 0;
    text-transform: uppercase;
}
#cms #content-wrapper ul {
    list-style: disc;
    padding-left: 16px;
}
#cms .list-1 li {
    padding: 5px 0;
    font-weight: bold;
    border-top: 1px solid #d6d4d4;
}
#cms .list-1 li:first-child {
    border: none
}

/*--------------------------------------------------------------
    PAGE TARIFS
---------------------------------------------------------------*/
.tarif_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}
.tarif_item {
    width: 20%;
    text-align: center;
}
.tarif_item a {
    color: black;
}
.tarif_item a:hover {
    font-weight: 700;
}
.tarif_item img {
    border: #d6d4d4 solid 1px;
    margin-bottom: 15px;
}
.tarif_item a:hover img {
    border-color: #777;
}

/*--------------------------------------------------------------
    NOTIFICATION CHANGEMENT NOM
---------------------------------------------------------------*/
.lafon-devient-madic {
    background-color: black;
    color: white;
    text-align: center;
    margin-bottom: 0;
    padding: 2rem 0;
    font-size: 1.5rem;
}
@media (max-width: 768px) {
    .lafon-devient-madic {
        font-size: 1.2rem;
    }
}
.lafon-devient-madic .old-name {
    color: white;
}
.lafon-devient-madic .new-name {
    color: #d70926;
}
.lafon-devient-madic .grey-name {
    color: #777;
}

/*--------------------------------------------------------------
    PAGE CONDITIONS GENERALES / MENTIONS LEGALES
---------------------------------------------------------------*/
.conditions-generales h2 strong,
.conditions-generales h3 strong,
.mentions-legales h2 strong {
    font-weight: bolder;
}
.mentions-legales .highlighted {
    color: #d70926;
}

/*--------------------------------------------------------------
    TEMPLATE PAGE
---------------------------------------------------------------*/
main {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#wrapper {
    flex-grow: 2;
}

/*--------------------------------------------------------------
----------------------------------------------------------------
    RESPONSIVE
----------------------------------------------------------------
---------------------------------------------------------------*/
@media (max-width: 1199px) {
    /* HEADER */
    header .container {
        width: unset;
    }
    #_desktop_contact_link strong {
        font-size: .9rem;
    }
    .header-row {
        flex-wrap: wrap;
    }
    .help-button {
        position: absolute;
        /* bottom: -60px; */
        bottom: -150px;
        right: 0;
    }
    /* FOOTER */
    footer .container {
        width: unset;
    }
    /* PAGE CONNEXION */
    .authentication-card {
        margin: 15px auto;
    }
    /* HOMEPAGE - CAROUSEL */
    .carousel-title {
        left: 0;
        margin-left: 15px;
    }
}
@media (max-width: 991px) {
    /* HEADER */
    #_desktop_contact_link {
        display: none;
    }
    #_desktop_cart,
    #_desktop_user_info,
    #_desktop_history {
        width: 33%;
    }
    /* MENU DES CATEGORIES */
    .top-menu a[data-depth="0"] {
        padding: 3px 4px 6px 4px;
    }
    /* PAGE CATALOGUE */
    body#category>main>#wrapper>.container {
        flex-direction: column;
    }
    body#category>main>#wrapper>.container>div {
        width: 100%;
    }
    /* PAGE HISTORIQUE D'ACHATS */
    body#module-def_boncommande-history>main>#wrapper>.container {
        display: flex;
        flex-direction: column;
    }
    body#module-def_boncommande-history>main>#wrapper>.container>div {
        width: 100%;
    }
}
@media (max-width: 767px) {
    /* HEADER */
    #header .header-top {
        padding-top: 0;
        border-bottom: #d6d4d4 solid 1px;
    }
    #header,
    #header .header-top {
        background-color: white;
    }
    #header .logo {
        max-width: 200px;
    }
    #_desktop_logo {
        min-height: unset;
    }
    .header-row {
        justify-content: center;
    }
    .header-row>div {
        width: 100%;
        text-align: center;
    }
    .authentication-header {
        min-height: unset;
    }
    .authentication-title {
        font-size: 1.5rem;
        margin: auto;
    }
    .page-authentication .authentication-card label {
        justify-content: flex-start;
    }
    .modules-displaynav1 .links,
    .header-menu {
        display: none;
    }
    .header-mobile-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 15px;
    }
    #_mobile_logo {
        padding: 0 10px;
    }
    #_mobile_logo img.logo.img-responsive {
        width: 100%;
    }
    #_mobile_user_info,
    #_mobile_cart,
    #_mobile_history {
        padding: 3px;
        min-width: 28px;
    }
    #_mobile_history img {
        max-width: 22px;
        height: auto;
    }
    /* FOOTER */
    #footer {
        padding-top: 20px;
    }
    a.block_various_links {
        display: none;
    }
    .footer .block-contact {
        text-align: left;
        padding-left: 0;
    }
    .contact-footer {
        justify-content: flex-start;
    }
    .block-contact h4 {
        margin-bottom: 15px;
    }
    .contact-icon {
        max-width: 20px;
        height: auto;
    }
    /* PAGE CONNEXION */
    .authentication-card {
        min-width: unset;
        width: 370px;
    }
    .form-group {
        margin-bottom: 0;
    }
    .page-customer-account #content .forgot-password {
        margin-top: 0;
    }
    /* HOMEPAGE - CAROUSEL */
    #carousel .direction {
        display: none;
    }
    /* PAGE CATALOGUE */
    table.combinations td {
        white-space: normal;
    }
    .footer_links {
        flex-wrap: wrap;
    }
    .footer_links li {
        margin-bottom: 15px;
    }
    /* PAGE HISTORIQUE D'ACHATS */
    .btn-fiche, .btn-notice {
        font-size: .7rem;
        padding: 4px 8px;
        white-space: normal;
    }
    /* PAGE CONTACT */
    .contact-form .form-fields {
        margin-bottom: 20px;
    }
    /* PAGE COMPTE */
    .page-my-account #content .links a span.link-item {
        padding: 15px 0;
    }
    /* PAGE PANIER */
    .card {
        border: 1px solid rgba(0,0,0,.125);
    }
}
@media (max-width: 399px) {
    /* FOOTER */
    .footer-after .row>* {
        display: block;
        margin: auto;
    }
    .footer-after .row>img {
        margin-bottom: 15px;
    }
    /* PAGE CONNEXION */
    .authentication-card {
        width: 300px;
    }
    /* HOMEPAGE - CAROUSEL */
    .carousel-title {
        max-width: 300px;
    }
    /* PAGE CATALOGUE */
    #products .thumbnail-container,
    .featured-products .thumbnail-container,
    .product-accessories .thumbnail-container,
    .product-miniature .thumbnail-container {
        justify-content: flex-end;
    }
}


/*SPECIAL CATEGORY*/
.def_special_category .def_specialcategory_menu{
    background-color: black;
    border-bottom: #d70926 solid 4px;
}

.def_special_category .def_specialcategory_menu #pt_custommenu{
    display: flex;
    align-content: center;
    justify-content: center;
    gap: 1.5rem;
    width: 100%;
    min-height: 90px;
}   
.def_special_category .def_specialcategory_menu #pt_custommenu .pt_menu{
    display: flex;
    align-items: center;
    padding: 0 10px;
    position: relative;
}
.def_special_category .def_specialcategory_menu #pt_custommenu .pt_menu:hover{
    background-color: #d70926;
}
.def_special_category .def_specialcategory_menu #pt_custommenu .pt_menu .parentMenu,
.def_special_category .def_specialcategory_menu #pt_custommenu .pt_menu .parentMenu a
{
    height: 100%;
    width: 100%;
}
.def_special_category .def_specialcategory_menu #pt_custommenu .pt_menu a{
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.def_special_category .def_specialcategory_menu #pt_custommenu .pt_menu a:hover{
    font-weight: 700;
}
.def_special_category .def_specialcategory_menu #pt_custommenu .pt_menu.pt_menu_link a{
    font-weight: 400; 
    text-transform: uppercase;
}
.def_special_category .def_specialcategory_menu #pt_custommenu a{
    color:white;
}
.def_special_category .def_specialcategory_menu #pt_custommenu a:hover{
    color: white;
    font-weight: inherit;
}
.def_special_category:not(#module-def_boncommande-history) .page-subtitle{
    display: none;
}
.def_special_category .breadcrumb{
    display: none;
}

.def_special_category #header{
    margin-bottom: 0;
}

.def_special_category .page-cms-8{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.def_special_category #main .page-content{
    /* background-color: #dfdfdf59; */
}
.def_special_category .header{
    text-align: center;
    /* margin-bottom: 40px; */
}
.def_special_category:not(#module-def_boncommande-history)  h2{
    font-weight: 600;   
    font-size: 24px;
    font-style: italic;
    margin-bottom: 0 !important;
    line-height: normal;
}
.def_special_category .title-madic{
    font-size: 24px;
    font-weight: 600;   
}
.def_special_category .header p{
    font-weight: 275;    
}

#link-custom-page-changement-d-univers-3.custom-page-link.link_fuelling,
#link-custom-page-changement-d-univers-3.custom-page-link.link_bornes{
    width: 200px;
    white-space: nowrap;
    /* padding: 10px; */
    padding: 10px 10px 10px 5px;
    color: white ;
    font-size: 12px;
    font-weight: 600;
    margin-right: 25px;
    border-radius: 5px;
}
#link-custom-page-changement-d-univers-3.custom-page-link.link_fuelling:hover,
#link-custom-page-changement-d-univers-3.custom-page-link.link_bornes:hover{
    color: white;
}
.custom-page-link.link_bornes{
    background-color: #3976D2;
}
.custom-page-link.link_fuelling{
    background-color: #d70827;

}
.def_special_category .red{
    color: #D70826;
    font-size: 24px;
    font-weight: 600;
}

.def_special_category .info-madic{
    display: flex;
    flex-direction: column;
    align-items: center;
    width:50%;
    gap: 7px;
    margin-bottom:75px;
}
.def_special_category .info-madic p{
    font-weight: 300;
    text-align: center;
    font-size: 1.125rem;
    font-style: normal;
}
.products.row{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
.def_special_category .featured-products .product-miniature{
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.def_special_category .product-thumbnail{
    width: 100%;
    height: 350px;
}
.def_special_category .product-thumbnail img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.def_special_category .thumbnail-container{
    flex-direction: column;
    background-color: transparent !important;
    /* height: 350px !important; */
}
.def_special_category .h3.product-title{
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction:column;
}
.def_special_category .h3.product-title a{
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.def_special_category .def_specialcategory_menu #pt_custommenu .popup{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: black;
    min-width: 150%;
    min-height: 50px;
    padding: 20px;
    z-index: 15;
}
.def_special_category .def_specialcategory_menu #pt_custommenu .pt_menu:hover .popup{
    display: flex;
}
.def_special_category .def_specialcategory_menu #pt_custommenu .popup .block1{
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 10px;
    white-space: nowrap;
}
.def_special_category .def_specialcategory_menu #pt_custommenu .popup .block1 a:hover{
    color: #D70826;
}


/* PAGE PRODUCT */

.part-product-img{
    width: 38%;
}
.part-product-information{
    width: 62%;
}

.def_special_category .product_title{
    margin-top: 40px;
    margin-bottom: 15px;
}
.def_special_category .product_title .h1{
    font-size: 32px;
    font-weight: 600;
    text-align: left;
}
.def_special_category .product_title hr{
    border-top: 3px solid #D70826;
    margin-bottom: 50px;
}

.def_special_category .product_main_information_list{
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}
.def_special_category .product_main_information{
    display: flex;
    gap: 25px;
}
.def_special_category .product_main_information h3{
    font-size: 20px;
    font-weight: 600;
}


.def_special_category .product_main_information .img_picto{
    min-width: 60px;
    min-height: 60px;
    height: 60px;
    background-color: #d70926;
    border-radius: 60px;
    background-size: 46px 45px;
    background-position: center;
    background-repeat: no-repeat;
}

.img_picto.smart {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42.03 43.27"><defs><style>.cls-1{fill:%23fff;stroke-width:0px;}</style></defs><g id="Calque_1-2"><rect class="cls-1" x="28.72" y="34.48" width="2.1" height="1.35"/><rect class="cls-1" x="14.01" y=".68" width="1.4" height="4.06"/><rect class="cls-1" y="10.82" width="7.71" height="1.35"/><path class="cls-1" d="M19.62,6.76h1.4v-1.35h-1.4v1.35ZM22.42,8.11h-4.2v-4.06h4.2v4.06Z"/><path class="cls-1" d="M19.62,12.17h1.4v-1.35h-1.4v1.35ZM22.42,13.52h-4.2v-4.06h4.2v4.06Z"/><path class="cls-1" d="M19.62,17.58h1.4v-1.35h-1.4v1.35ZM22.42,18.93h-4.2v-4.06h4.2v4.06Z"/><path class="cls-1" d="M14.01,6.76h1.4v-1.35h-1.4v1.35ZM16.81,8.11h-4.2v-4.06h4.2v4.06Z"/><path class="cls-1" d="M14.01,17.58h1.4v-1.35h-1.4v1.35ZM16.81,18.93h-4.2v-4.06h4.2v4.06Z"/><path class="cls-1" d="M8.41,6.76h1.4v-1.35h-1.4v1.35ZM11.21,8.11h-4.2v-4.06h4.2v4.06Z"/><path class="cls-1" d="M8.41,12.17h1.4v-1.35h-1.4v1.35ZM11.21,13.52h-4.2v-4.06h4.2v4.06Z"/><path class="cls-1" d="M8.41,17.58h1.4v-1.35h-1.4v1.35ZM11.21,18.93h-4.2v-4.06h4.2v4.06Z"/><polygon class="cls-1" points="33.63 25.69 22.42 25.69 22.42 22.99 19.62 22.99 19.62 18.25 21.02 18.25 21.02 21.63 23.82 21.63 23.82 24.34 33.63 24.34 33.63 25.69"/><rect class="cls-1" x="32.23" y="13.52" width="1.4" height="1.35"/><polygon class="cls-1" points="26.62 17.58 21.72 17.58 21.72 16.22 25.22 16.22 25.22 12.17 21.72 12.17 21.72 10.82 26.62 10.82 26.62 17.58"/><rect class="cls-1" x="28.02" y="5.41" width="1.4" height="1.35"/><rect class="cls-1" x="28.02" y="8.11" width="1.4" height="1.35"/><rect class="cls-1" x="30.83" y="8.11" width="1.4" height="1.35"/><rect class="cls-1" x="28.02" y="10.82" width="1.4" height="1.35"/><polygon class="cls-1" points="18.22 43.27 16.81 43.27 16.81 27.04 14.01 27.04 14.01 18.25 15.41 18.25 15.41 25.69 18.22 25.69 18.22 43.27"/><rect class="cls-1" x="19.62" y=".68" width="1.4" height="4.06"/><polygon class="cls-1" points="7.71 17.58 2.8 17.58 2.8 5.41 7.71 5.41 7.71 6.76 4.2 6.76 4.2 16.22 7.71 16.22 7.71 17.58"/><path class="cls-1" d="M14.01,43.27h-1.4v-9.98l-4.13-7.97c-.05-.09-.07-.2-.07-.3v-6.76h1.4v6.6l4.13,7.97c.05.09.07.2.07.3v10.14Z"/><rect class="cls-1" x="19.62" y="24.34" width="1.4" height="1.35"/><rect class="cls-1" x="16.81" y="20.28" width="1.4" height="1.35"/><rect class="cls-1" x="16.81" y="22.99" width="1.4" height="1.35"/><rect class="cls-1" x="19.62" y="27.04" width="1.4" height="1.35"/><rect class="cls-1" x="22.42" y="27.04" width="1.4" height="1.35"/><polygon class="cls-1" points="26.62 9.46 25.22 9.46 25.22 6.76 21.72 6.76 21.72 5.41 26.62 5.41 26.62 9.46"/><rect class="cls-1" x="25.92" y="13.52" width="4.9" height="1.35"/><path class="cls-1" d="M14.01,12.17h1.4v-1.35h-1.4v1.35ZM16.81,13.52h-4.2v-4.06h4.2v4.06Z"/><polygon class="cls-1" points="21.02 43.27 19.62 43.27 19.62 31.1 17.51 31.1 17.51 29.75 21.02 29.75 21.02 43.27"/><path class="cls-1" d="M29.42,43.27h-1.4v-8.11c0-.38.31-.68.7-.68h4.2c1.93,0,3.5-1.51,3.5-3.38v-6.08c0-.38.31-.68.7-.68h3.5v-.53l-4.14-8.65c-.04-.09-.06-.19-.06-.28,0-7.46-6.29-13.52-14.01-13.52h-11.21V0h11.21c8.45,0,15.33,6.59,15.41,14.72l4.14,8.66c.04.09.06.19.06.28v1.35c0,.37-.31.68-.7.68h-3.5v5.41c0,2.61-2.2,4.73-4.9,4.73h-3.5v7.44Z"/></g></svg>');
}
.img_picto.evolutive,.img_picto.interoperabilite,.img_picto.evolutivite{
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50.65 50.01"><defs><style>.cls-1{fill:%23fff;stroke-width:0px;}</style></defs><g id="Calque_1-2"><path class="cls-1" d="M25.32,1.56C12.24,1.56,1.58,12.08,1.58,25.01s10.65,23.44,23.74,23.44,23.74-10.51,23.74-23.44S38.42,1.56,25.32,1.56M25.32,50.01C11.36,50.01,0,38.79,0,25.01S11.36,0,25.32,0s25.33,11.22,25.33,25.01-11.36,25.01-25.33,25.01"/><path class="cls-1" d="M25.32,40.64c-.15,0-.29-.04-.42-.12l-10.29-6.35.84-1.32,9.08,5.6v-12.22l-11.08-6.84v9.53h-1.58v-10.94c0-.29.16-.55.41-.68.25-.14.56-.13.8.02l12.66,7.82c.23.14.37.4.37.66v14.07c0,.28-.16.54-.41.68-.12.07-.25.1-.39.1"/><path class="cls-1" d="M25.32,40.64c-.13,0-.26-.03-.38-.1-.25-.14-.41-.4-.41-.68v-14.07c0-.27.14-.52.37-.66l12.66-7.82c.24-.15.55-.16.8-.02.25.14.41.4.41.68v10.94h-1.58v-9.53l-11.08,6.84v12.22l9.08-5.6.84,1.32-10.29,6.35c-.13.08-.27.12-.42.12"/><path class="cls-1" d="M25.32,26.57c-.14,0-.29-.04-.42-.12l-12.66-7.81c-.23-.14-.37-.39-.37-.66s.14-.52.37-.66l10.29-6.35.84,1.33-9.21,5.69,11.17,6.89,11.17-6.89-9.22-5.69.84-1.33,10.29,6.35c.23.14.37.39.37.66s-.14.52-.37.66l-12.66,7.81c-.13.08-.27.12-.42.12"/><polygon class="cls-1" points="7.46 35.09 6.78 33.68 21.82 26.65 22.5 28.06 7.46 35.09"/><path class="cls-1" d="M12.35,37.44l-5.54-2.34c-.37-.15-.56-.55-.45-.93l1.58-5.47,1.52.43-1.39,4.81,4.9,2.07-.62,1.43Z"/><polygon class="cls-1" points="43.19 35.09 28.15 28.06 28.83 26.65 43.87 33.68 43.19 35.09"/><path class="cls-1" d="M38.3,37.44l-.62-1.43,4.9-2.07-1.39-4.81,1.52-.43,1.58,5.47c.11.38-.08.78-.45.93l-5.54,2.34Z"/><rect class="cls-1" x="24.54" y="4.69" width="1.58" height="17.19"/><path class="cls-1" d="M29.57,9.2l-4.24-3.49-4.24,3.49-1.01-1.2,4.75-3.91c.29-.24.72-.24,1.01,0l4.75,3.91-1.01,1.2Z"/><path class="cls-1" d="M25.45,17.19c-4.36-.07-7.97,3.37-8.04,7.68s3.42,7.87,7.79,7.94,7.97-3.38,8.04-7.68-3.42-7.87-7.79-7.94M25.17,34.38c-5.24-.09-9.43-4.36-9.34-9.53s4.41-9.31,9.65-9.22,9.43,4.36,9.34,9.53-4.41,9.31-9.65,9.22"/></g></svg>');
}
.img_picto.fiable {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49.82 48.57"><defs><style>.cls-1{fill:%23fff;stroke-width:0px;}</style></defs><g id="Calque_1-2"><path class="cls-1" d="M24.91,34.91c.15,0,.31.04.44.13l13.04,8.7-4.11-14.7c-.08-.29.02-.61.27-.8l12.22-9.27h-15.63c-.33,0-.63-.2-.74-.51l-5.49-15.39-5.49,15.39c-.11.3-.4.51-.73.51H3.05l12.22,9.27c.25.19.36.5.27.8l-4.11,14.7,13.04-8.7c.13-.09.29-.13.44-.13M39.7,46.29c-.15,0-.31-.04-.44-.13l-14.35-9.57-14.35,9.57c-.27.18-.62.18-.89,0s-.39-.51-.3-.82l4.53-16.21L.3,18.81c-.26-.2-.37-.54-.26-.85.11-.31.4-.51.74-.51h17.35L24.17.51c.11-.3.4-.51.73-.51s.63.21.74.51l6.05,16.94h17.35c.33,0,.63.21.74.51.11.31,0,.65-.26.85l-13.6,10.31,4.53,16.21c.09.31-.03.63-.3.82-.13.09-.29.14-.45.14"/><rect class="cls-1" x="34.25" y="12.9" width="1.56" height="1.52"/><rect class="cls-1" x="14.01" y="12.9" width="1.56" height="1.52"/><rect class="cls-1" x="8.56" y="29.6" width="1.56" height="1.52"/><rect class="cls-1" x="39.7" y="29.6" width="1.56" height="1.52"/><rect class="cls-1" x="24.13" y="40.22" width="1.56" height="1.52"/><path class="cls-1" d="M24.91,29.6c.14,0,.29.04.41.12l4.39,2.68-1.65-4.83c-.1-.29,0-.62.23-.82l3.85-3.22h-4.12c-.29,0-.57-.16-.7-.42l-2.42-4.71-2.42,4.71c-.13.26-.4.42-.7.42h-4.12l3.85,3.22c.24.2.33.52.23.82l-1.65,4.83,4.39-2.68c.13-.08.27-.12.41-.12M31.14,34.91c-.14,0-.29-.04-.41-.12l-5.82-3.54-5.81,3.54c-.28.17-.64.15-.89-.05-.26-.2-.36-.53-.26-.84l2.17-6.35-5.05-4.22c-.25-.21-.34-.54-.22-.84.11-.3.4-.49.73-.49h5.75l2.9-5.65c.26-.51,1.13-.51,1.39,0l2.9,5.65h5.74c.33,0,.62.2.73.49.11.3.02.63-.22.84l-5.05,4.22,2.17,6.35c.1.3,0,.64-.26.84-.14.11-.31.16-.48.16"/><rect class="cls-1" x="24.13" y="25.04" width="1.56" height="1.52"/><path class="cls-1" d="M24.91,4.55C12.89,4.55,3.11,14.09,3.11,25.8s9.78,21.25,21.8,21.25,21.8-9.53,21.8-21.25S36.93,4.55,24.91,4.55M24.91,48.57c-12.88,0-23.35-10.21-23.35-22.76S12.03,3.04,24.91,3.04s23.35,10.21,23.35,22.76-10.48,22.76-23.35,22.76"/></g></svg>'); 
}
.img_picto.charge,.img_picto.chargesimultanee {
background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44.65 34.88"><defs><style>.cls-1{fill:%23fff;stroke-width:0px;}</style></defs><g id="Calque_1-2"><path class="cls-1" d="M32.09,33.48h11.16V4.18h-6.28v-1.4h2.79v-1.4h-4.18v2.09c0,.39-.31.7-.7.7h-2.79v29.3ZM43.95,34.88h-12.56c-.38,0-.7-.31-.7-.7V3.49c0-.38.31-.7.7-.7h2.79V.7c0-.39.31-.7.7-.7h5.58c.39,0,.7.31.7.7v2.09h2.79c.39,0,.7.31.7.7v30.69c0,.39-.31.7-.7.7"/><path class="cls-1" d="M34.88,30.69h5.58v-1.39h-5.58v1.39ZM41.16,32.09h-6.98c-.39,0-.7-.31-.7-.7v-2.79c0-.39.31-.7.7-.7h6.98c.39,0,.7.31.7.7v2.79c0,.39-.31.7-.7.7"/><path class="cls-1" d="M34.88,25.11h5.58v-1.4h-5.58v1.4ZM41.16,26.51h-6.98c-.39,0-.7-.31-.7-.7v-2.79c0-.38.31-.7.7-.7h6.98c.39,0,.7.31.7.7v2.79c0,.39-.31.7-.7.7"/><path class="cls-1" d="M34.88,19.53h5.58v-1.4h-5.58v1.4ZM41.16,20.93h-6.98c-.39,0-.7-.31-.7-.7v-2.79c0-.38.31-.7.7-.7h6.98c.39,0,.7.31.7.7v2.79c0,.38-.31.7-.7.7"/><path class="cls-1" d="M34.88,13.95h5.58v-1.4h-5.58v1.4ZM41.16,15.35h-6.98c-.39,0-.7-.31-.7-.7v-2.79c0-.39.31-.7.7-.7h6.98c.39,0,.7.31.7.7v2.79c0,.39-.31.7-.7.7"/><path class="cls-1" d="M34.88,8.37h5.58v-1.4h-5.58v1.4ZM41.16,9.77h-6.98c-.39,0-.7-.31-.7-.7v-2.79c0-.38.31-.7.7-.7h6.98c.39,0,.7.31.7.7v2.79c0,.39-.31.7-.7.7"/><path class="cls-1" d="M1.39,33.48h11.16V4.18h-6.28v-1.4h2.79v-1.4h-4.19v2.09c0,.39-.31.7-.7.7H1.39v29.3ZM13.25,34.88H.7c-.39,0-.7-.31-.7-.7V3.49c0-.38.31-.7.7-.7h2.79V.7c0-.39.31-.7.7-.7h5.58c.39,0,.7.31.7.7v2.09h2.79c.39,0,.7.31.7.7v30.69c0,.39-.31.7-.7.7"/><path class="cls-1" d="M4.18,30.69h5.58v-1.39h-5.58v1.39ZM10.46,32.09H3.49c-.39,0-.7-.31-.7-.7v-2.79c0-.39.31-.7.7-.7h6.98c.39,0,.7.31.7.7v2.79c0,.39-.31.7-.7.7"/><rect class="cls-1" x="9.07" y="23.72" width="1.39" height="1.4"/><rect class="cls-1" x="6.28" y="23.72" width="1.39" height="1.4"/><rect class="cls-1" x="3.49" y="23.72" width="1.39" height="1.4"/><rect class="cls-1" x="9.07" y="18.14" width="1.39" height="1.4"/><rect class="cls-1" x="6.28" y="18.14" width="1.39" height="1.4"/><rect class="cls-1" x="3.49" y="18.14" width="1.39" height="1.4"/><rect class="cls-1" x="9.07" y="12.56" width="1.39" height="1.4"/><rect class="cls-1" x="6.28" y="12.56" width="1.39" height="1.4"/><rect class="cls-1" x="3.49" y="12.56" width="1.39" height="1.4"/><rect class="cls-1" x="9.07" y="6.97" width="1.39" height="1.4"/><rect class="cls-1" x="6.28" y="6.97" width="1.39" height="1.4"/><rect class="cls-1" x="3.49" y="6.97" width="1.39" height="1.4"/><path class="cls-1" d="M16.74,33.48h11.16V4.18h-6.28v-1.4h2.79v-1.4h-4.18v2.09c0,.39-.31.7-.7.7h-2.79v29.3ZM28.6,34.88h-12.56c-.38,0-.7-.31-.7-.7V3.49c0-.38.31-.7.7-.7h2.79V.7c0-.39.31-.7.7-.7h5.58c.39,0,.7.31.7.7v2.09h2.79c.39,0,.7.31.7.7v30.69c0,.39-.31.7-.7.7"/><path class="cls-1" d="M19.53,30.69h5.58v-1.39h-5.58v1.39ZM25.81,32.09h-6.98c-.39,0-.7-.31-.7-.7v-2.79c0-.39.31-.7.7-.7h6.98c.39,0,.7.31.7.7v2.79c0,.39-.31.7-.7.7"/><path class="cls-1" d="M19.53,25.11h5.58v-1.4h-5.58v1.4ZM25.81,26.51h-6.98c-.39,0-.7-.31-.7-.7v-2.79c0-.38.31-.7.7-.7h6.98c.39,0,.7.31.7.7v2.79c0,.39-.31.7-.7.7"/><path class="cls-1" d="M19.53,19.53h5.58v-1.4h-5.58v1.4ZM25.81,20.93h-6.98c-.39,0-.7-.31-.7-.7v-2.79c0-.38.31-.7.7-.7h6.98c.39,0,.7.31.7.7v2.79c0,.38-.31.7-.7.7"/><rect class="cls-1" x="24.41" y="12.56" width="1.39" height="1.4"/><rect class="cls-1" x="21.62" y="12.56" width="1.39" height="1.4"/><rect class="cls-1" x="18.83" y="12.56" width="1.39" height="1.4"/><rect class="cls-1" x="24.41" y="6.97" width="1.39" height="1.4"/><rect class="cls-1" x="21.62" y="6.97" width="1.39" height="1.4"/><rect class="cls-1" x="18.83" y="6.97" width="1.39" height="1.4"/></g></svg>');
}
.img_picto.compacte,.img_picto.design,.img_picto.compacite {
    background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.18 45.75"><defs><style>.cls-1{fill:%23fff;stroke-width:0px;}</style></defs><g id="Calque_1-2"><path class="cls-1" d="M21.89,4.29h1.41V1.43h-1.41v2.86ZM24.71,5.72h-4.24V0h4.24v5.72Z"/><path class="cls-1" d="M33.89,37.17c-.28,0-.54-.16-.65-.43l-10.65-24.93-10.65,24.93c-.13.31-.46.48-.79.42-.33-.07-.56-.36-.56-.7v-7.15c0-.08.01-.15.04-.23l6.35-19.3,1.34.45-6.32,19.19v3.58l9.94-23.28c.11-.26.37-.43.65-.43s.54.17.65.43l9.94,23.28v-3.58l-6.32-19.19,1.34-.45,6.35,19.3c.02.07.04.15.04.23v7.15c0,.34-.24.63-.56.7-.05,0-.1.01-.14.01"/><rect class="cls-1" x="13.41" y="35.74" width="1.41" height="1.43"/><rect class="cls-1" x="16.24" y="35.74" width="1.41" height="1.43"/><rect class="cls-1" x="19.06" y="35.74" width="1.41" height="1.43"/><rect class="cls-1" x="21.89" y="35.74" width="1.41" height="1.43"/><rect class="cls-1" x="24.71" y="35.74" width="1.41" height="1.43"/><rect class="cls-1" x="27.53" y="35.74" width="1.41" height="1.43"/><rect class="cls-1" x="30.36" y="35.74" width="1.41" height="1.43"/><rect class="cls-1" x="16.95" y="22.88" width="11.3" height="1.43"/><path class="cls-1" d="M25.21,15.52l-1-1.01,1.41-1.43c.75-.78,1.2-1.93,1.2-3.07,0-2.36-1.9-4.29-4.24-4.29s-4.23,1.93-4.23,4.29c0,1.14.45,2.29,1.21,3.07l1.41,1.43-1,1.01-1.41-1.43c-1.03-1.06-1.62-2.55-1.62-4.08,0-3.15,2.53-5.72,5.65-5.72s5.65,2.57,5.65,5.72c0,1.53-.59,3.01-1.61,4.07l-1.42,1.43Z"/><path class="cls-1" d="M22.59,45.75C9.92,45.75,0,41.67,0,36.46,0,33.07,4.16,30.07,11.12,28.42l.32,1.39c-6.19,1.47-10.03,4.01-10.03,6.65,0,3.8,8.51,7.86,21.18,7.86s21.18-4.07,21.18-7.86c0-2.64-3.85-5.19-10.05-6.65l.32-1.39c6.98,1.65,11.14,4.66,11.14,8.05,0,5.21-9.92,9.29-22.59,9.29"/><rect class="cls-1" x="21.89" y="32.88" width="1.41" height="1.43"/><rect class="cls-1" x="21.89" y="38.6" width="1.41" height="1.43"/><path class="cls-1" d="M22.59,22.87c-.39,0-.71.32-.71.71s.32.71.71.71.71-.32.71-.71-.32-.71-.71-.71M22.59,25.73c-1.17,0-2.12-.96-2.12-2.14s.95-2.15,2.12-2.15,2.12.96,2.12,2.15-.95,2.14-2.12,2.14"/><rect class="cls-1" y="9.29" width="13.41" height="1.43"/><polygon class="cls-1" points="11.09 13.37 10.09 12.36 12.42 10.01 10.09 7.65 11.09 6.64 14.41 10.01 11.09 13.37"/><rect class="cls-1" x="31.77" y="9.29" width="13.41" height="1.43"/><polygon class="cls-1" points="34.09 13.37 30.77 10.01 34.09 6.64 35.09 7.65 32.77 10.01 35.09 12.36 34.09 13.37"/></g></svg>'); 
}
.img_picto.economique {
    background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43.94 43.94"><defs><style>.cls-1{fill:%23fff;stroke-width:0px;}</style></defs><g id="Calque_1-2"><path class="cls-1" d="M10.6,37.9c-2.92-1.95-4.96-4.53-5.91-7.48l1.31-.42c.85,2.65,2.71,4.99,5.37,6.76l-.76,1.14Z"/><path class="cls-1" d="M21.97,41.19c-1.94,0-3.85-.25-5.67-.74l.36-1.32c3.41.92,7.21.92,10.62,0l.36,1.32c-1.82.49-3.73.74-5.67.74"/><path class="cls-1" d="M33.33,37.9l-.76-1.14c3.73-2.49,5.87-6.12,5.87-9.98,0-4.11-2.38-7.9-6.53-10.4l.71-1.18c4.58,2.75,7.2,6.97,7.2,11.57,0,4.32-2.36,8.37-6.48,11.12"/><path class="cls-1" d="M7.55,30.89H2.06c-1.14,0-2.06-.92-2.06-2.06v-4.12c0-1.14.92-2.06,2.06-2.06h2.26c.74-1.9,2.29-3.85,4.6-5.81v-7.19l5.59,3.99c1.77-.7,3.34-1.28,5.4-1.28v1.37c-1.87,0-3.28.56-5.07,1.26l-.51.2-4.02-2.87v5.17l-.25.21c-2.41,2-4,4.03-4.59,5.86l-.15.48h-3.25c-.38,0-.69.31-.69.69v4.12c0,.38.31.69.69.69h5.49v1.37Z"/><path class="cls-1" d="M30.48,19.09c-2.34-1.76-5.58-2.61-9.89-2.61v-1.37c4.62,0,8.12.94,10.71,2.88l-.82,1.1Z"/><polygon class="cls-1" points="17.16 43.94 10.3 43.94 10.3 34.33 11.67 34.33 11.67 42.56 15.79 42.56 15.79 37.76 17.16 37.76 17.16 43.94"/><polygon class="cls-1" points="33.64 43.94 26.77 43.94 26.77 37.76 28.15 37.76 28.15 42.56 32.27 42.56 32.27 34.33 33.64 34.33 33.64 43.94"/><path class="cls-1" d="M12.36,25.4c-1.89,0-3.43-1.54-3.43-3.43h1.37c0,1.14.92,2.06,2.06,2.06s2.06-.92,2.06-2.06h1.37c0,1.89-1.54,3.43-3.43,3.43"/><path class="cls-1" d="M39.13,27.46v-1.37c1.89,0,3.43-1.54,3.43-3.43h1.37c0,2.65-2.16,4.81-4.8,4.81"/><path class="cls-1" d="M28.56,17.03l-.83-1.1c.7-.52,1.1-1.32,1.1-2.2,0-1.51-1.23-2.75-2.74-2.75s-2.75,1.23-2.75,2.75c0,.6.19,1.17.55,1.65l-1.1.82c-.54-.72-.83-1.57-.83-2.47,0-2.27,1.85-4.12,4.12-4.12s4.12,1.85,4.12,4.12c0,1.31-.6,2.51-1.65,3.29"/><rect class="cls-1" x="26.77" width="1.37" height="4.12"/><rect class="cls-1" x="24.03" y="4.12" width="1.37" height="4.12"/><rect class="cls-1" x="26.77" y="5.49" width="1.37" height="1.37"/><rect class="cls-1" x="24.03" y="1.37" width="1.37" height="1.37"/><rect class="cls-1" x="21.28" y="34.33" width="1.37" height="1.37"/><rect class="cls-1" x="24.03" y="34.33" width="1.37" height="1.37"/><rect class="cls-1" x="18.54" y="34.33" width="1.37" height="1.37"/><rect class="cls-1" x="0" y="42.57" width="43.94" height="1.37"/></g></svg>');
}
.img_picto.innovation,.img_picto.innovante {
    background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43.09 43.09"><defs><style>.cls-1{fill:%23fff;stroke-width:0px;}</style></defs><g id="Calque_1-2"><rect class="cls-1" x="14.14" y="36.36" width="5.39" height="1.35"/><rect class="cls-1" x="20.87" y="36.36" width="8.08" height="1.35"/><rect class="cls-1" x="20.87" y="33.66" width="8.08" height="1.35"/><rect class="cls-1" x="14.14" y="33.66" width="5.39" height="1.35"/><polygon class="cls-1" points="28.28 32.32 14.81 32.32 14.16 31.81 12.81 26.42 14.12 26.09 15.34 30.97 27.75 30.97 28.97 26.09 30.28 26.42 28.93 31.81 28.28 32.32"/><path class="cls-1" d="M27.89,28.2l-.58-1.22c4.68-2.22,7.7-7,7.7-12.17,0-7.43-6.04-13.47-13.47-13.47s-13.47,6.04-13.47,13.47c0,5.17,3.02,9.95,7.69,12.17l-.58,1.22c-5.14-2.44-8.46-7.7-8.46-13.39C6.73,6.65,13.38,0,21.54,0s14.81,6.65,14.81,14.81c0,5.69-3.32,10.94-8.46,13.39"/><rect class="cls-1" y="41.74" width="20.87" height="1.35"/><polygon class="cls-1" points="43.09 43.09 24.91 43.09 24.91 39.72 26.26 39.72 26.26 41.74 43.09 41.74 43.09 43.09"/><polygon class="cls-1" points="19.53 40.4 15.48 40.4 15.48 31.64 16.83 31.64 16.83 39.05 19.53 39.05 19.53 40.4"/><polygon class="cls-1" points="27.6 40.4 20.87 40.4 20.87 39.05 26.26 39.05 26.26 31.64 27.6 31.64 27.6 40.4"/><rect class="cls-1" x="16.83" y="39.72" width="1.35" height="2.69"/><rect class="cls-1" x="22.22" y="41.74" width="1.35" height="1.35"/><rect class="cls-1" x="30.3" y="36.36" width="1.35" height="1.35"/><rect class="cls-1" x="30.3" y="33.66" width="1.35" height="1.35"/><rect class="cls-1" x="11.45" y="33.66" width="1.34" height="1.35"/><rect class="cls-1" x="11.45" y="36.36" width="1.34" height="1.35"/><path class="cls-1" d="M20.2,14.81h2.02c.74,0,1.35-.6,1.35-1.35s-.6-1.35-1.35-1.35h-2.02v2.69ZM20.2,18.85h-1.35v-8.08h3.36c1.49,0,2.69,1.21,2.69,2.69s-1.21,2.69-2.69,2.69h-2.02v2.69Z"/><path class="cls-1" d="M21.54,8.08c-3.71,0-6.73,3.02-6.73,6.73s3.02,6.73,6.73,6.73,6.73-3.02,6.73-6.73-3.02-6.73-6.73-6.73M21.54,22.89c-4.45,0-8.08-3.62-8.08-8.08s3.62-8.08,8.08-8.08,8.08,3.62,8.08,8.08-3.62,8.08-8.08,8.08"/><rect class="cls-1" x="22.55" y="15.21" width="1.35" height="3.93" transform="translate(-5.52 14.4) rotate(-30.97)"/><path class="cls-1" d="M22.22,29.62h-1.35v-2.71c-6.37-.35-11.44-5.64-11.44-12.1S14.86,2.69,21.54,2.69s12.12,5.44,12.12,12.12c0,4.63-2.7,8.92-6.88,10.93l-.58-1.21c3.71-1.79,6.11-5.6,6.11-9.72,0-5.94-4.83-10.77-10.77-10.77s-10.77,4.83-10.77,10.77,4.83,10.77,10.77,10.77h.67v4.04Z"/></g></svg>');
}
.img_picto.options {
    background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.7 50.46"><defs><style>.cls-1{fill:%23fff;stroke-width:0px;}</style></defs><g id="Calque_1-2"><rect class="cls-1" x="25.04" y="3.15" width="1.62" height="44.15"/><rect class="cls-1" x="3.23" y="24.44" width="45.24" height="1.58"/><path class="cls-1" d="M12.92,14.98c-.21,0-.41-.08-.57-.23l-2.42-2.36,1.14-1.12,1.85,1.81,6.7-6.54,1.14,1.12-7.27,7.1c-.16.15-.36.23-.57.23"/><polygon class="cls-1" points="19.39 18.92 6.46 18.92 6.46 6.31 14.54 6.31 14.54 7.88 8.08 7.88 8.08 17.34 17.77 17.34 17.77 13.4 19.39 13.4 19.39 18.92"/><path class="cls-1" d="M39.58,14.98c-.21,0-.41-.08-.57-.23l-2.42-2.36,1.14-1.12,1.85,1.81,6.7-6.54,1.14,1.12-7.27,7.1c-.16.15-.37.23-.57.23"/><polygon class="cls-1" points="46.04 18.92 33.12 18.92 33.12 6.31 41.19 6.31 41.19 7.88 34.73 7.88 34.73 17.34 44.43 17.34 44.43 13.4 46.04 13.4 46.04 18.92"/><rect class="cls-1" x="50.08" y="24.44" width="1.62" height="1.58"/><rect class="cls-1" y="24.44" width="1.61" height="1.58"/><rect class="cls-1" x="25.04" width="1.62" height="1.58"/><rect class="cls-1" x="25.04" y="48.88" width="1.62" height="1.58"/><path class="cls-1" d="M12.92,40.08c-.21,0-.41-.08-.57-.23l-2.42-2.36,1.14-1.12,1.85,1.81,6.7-6.54,1.14,1.12-7.27,7.1c-.16.15-.36.23-.57.23"/><polygon class="cls-1" points="19.39 44.02 6.46 44.02 6.46 31.41 14.54 31.41 14.54 32.98 8.08 32.98 8.08 42.45 17.77 42.45 17.77 38.5 19.39 38.5 19.39 44.02"/><path class="cls-1" d="M39.58,40.08c-.21,0-.41-.08-.57-.23l-2.42-2.36,1.14-1.12,1.85,1.81,6.7-6.54,1.14,1.12-7.27,7.1c-.16.15-.37.23-.57.23"/><polygon class="cls-1" points="46.04 44.02 33.12 44.02 33.12 31.41 41.19 31.41 41.19 32.98 34.73 32.98 34.73 42.45 44.43 42.45 44.43 38.5 46.04 38.5 46.04 44.02"/></g></svg>');
}
.img_picto.rapide,.img_picto.acceleree{
    background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.18 42.71"><defs><style>.cls-1{fill:%23fff;stroke-width:0px;}</style></defs><g id="Calque_1-2"><path class="cls-1" d="M22.59,21.72c-.78,0-1.41.65-1.41,1.45s.63,1.45,1.41,1.45,1.41-.65,1.41-1.45-.63-1.45-1.41-1.45M22.59,26.06c-1.56,0-2.82-1.3-2.82-2.9s1.27-2.9,2.82-2.9,2.82,1.3,2.82,2.9-1.27,2.9-2.82,2.9"/><path class="cls-1" d="M7.36,38.37h30.47c3.78-4.02,5.94-9.54,5.94-15.2,0-11.98-9.5-21.72-21.18-21.72S1.41,11.19,1.41,23.17c0,5.66,2.16,11.18,5.95,15.2M38.42,39.82H6.77l-.21-.21C2.39,35.3,0,29.31,0,23.17,0,10.39,10.14,0,22.59,0s22.59,10.39,22.59,23.17c0,6.14-2.39,12.13-6.56,16.44l-.21.21Z"/><path class="cls-1" d="M7.91,34.46c-2.4-3.28-3.67-7.18-3.67-11.29C4.24,12.79,12.47,4.34,22.59,4.34s18.36,8.44,18.36,18.82c0,4.11-1.27,8.02-3.67,11.29l-1.13-.87c2.22-3.03,3.39-6.63,3.39-10.43,0-9.58-7.6-17.37-16.94-17.37S5.65,13.59,5.65,23.17c0,3.8,1.17,7.4,3.39,10.43l-1.13.87Z"/><rect class="cls-1" x="21.88" y="34.03" width="1.41" height="1.45"/><rect class="cls-1" x="19.06" y="34.03" width="1.41" height="1.45"/><rect class="cls-1" x="24.71" y="34.03" width="1.41" height="1.45"/><rect class="cls-1" x="27.53" y="34.03" width="1.41" height="1.45"/><rect class="cls-1" x="16.24" y="34.03" width="1.41" height="1.45"/><rect class="cls-1" x="4.94" y="22.44" width="2.12" height="1.45"/><rect class="cls-1" x="21.88" y="5.07" width="1.41" height="2.17"/><rect class="cls-1" x="38.12" y="22.44" width="2.12" height="1.45"/><polygon class="cls-1" points="11.5 12.82 9.38 10.65 10.38 9.62 12.5 11.8 11.5 12.82"/><polygon class="cls-1" points="33.68 12.82 32.68 11.8 34.8 9.62 35.8 10.65 33.68 12.82"/><polygon class="cls-1" points="24.5 22.23 23.5 21.21 30.56 13.97 31.56 14.99 24.5 22.23"/><path class="cls-1" d="M16.38,27.95c-1.02-1.39-1.55-3.04-1.55-4.78,0-4.39,3.48-7.96,7.76-7.96s7.77,3.57,7.77,7.96c0,1.74-.54,3.39-1.55,4.78l-1.13-.87c.83-1.14,1.27-2.49,1.27-3.91,0-3.59-2.85-6.51-6.35-6.51s-6.35,2.92-6.35,6.51c0,1.42.44,2.77,1.27,3.91l-1.13.87Z"/><rect class="cls-1" x="8.47" y="41.26" width="28.24" height="1.45"/></g></svg>');
}


.product_main_caractéristique h3{
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.product_main_caractéristique ul{
    margin-left: 15px;
    column-count: 2;
    font-weight: normal;
}
.product_main_caractéristique li {
    list-style: outside;
    font-size: 14px;
    margin-left: 15px;
}
.product_action{
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 20px;
    margin-top: 45px;
}
.product_action .product_action_btn{
    border-radius: 2px;
    border: 2px solid #D70826;
    padding: 10px;
    color: white;
    background-color: #D70826;    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.product_action .product_attachement_btn{
    border: 1px solid #414141;
    color: #414141;
    display: flex;
    background-color: white;
    align-items: center;
    font-size: 14px;
    gap: 10px;
    font-weight: 600;
    border-radius: 2px;
    padding: 10px;
    /* text-transform: uppercase; */
}
.product_action .product_attachement_btn:hover{
    text-decoration: underline;
    font-weight: bold;
}
.product_action .product_action_btn:hover{
    color: #D70826;
    background-color: white;
}
.product_action .product_action_btn:nth-child(2n):hover{
    color: white;
    background-color: #D70826;
}
.product-information{
    margin-top: 60px;
}

.products .row:has(.product_hp){
    row-gap: 100px;
}
.product_hp{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.product_hp .img{
    max-width: 260px;
    width: 260px;
    height: 390px;
    max-width: 390px;
}
.product_hp .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product_hp .product_hp_title{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
}
.div-carac-tech{
    width: 100%;
    padding: 10px 30px 10px 35px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #DADADA;
    background: #FFF;
    margin-bottom: 10px;
    cursor: pointer;
}

.div-carac-tech h2{
    color: #8f8f8f;    
    font-size: 16px;
    font-weight: 600;
    font-style:normal;
    margin-left: 15px;
    word-break: break-word;
}
.div-carac-tech.open h2{
    margin-top: 6px;
}

.div-carac-tech .carac-tech{
    display: none;
}
.div-carac-tech.open .carac-tech{
    display: flex;
    margin-top: 28px;
    flex-wrap: wrap;
    gap: 25px;
}
.div-carac-tech.open .carac-tech > div{
    width: 30%;
    min-width: 250px;

}
.div-carac-tech.open .carac-tech > div h3{
    color: #202020;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.div-carac-tech.open .carac-tech > div li {
    list-style: outside;
    font-size: 14px;
    margin-left: 15px;
    font-weight: normal;
}
.div-carac-tech.open .red-ligne{
    width: 80px;
    border-top: 3px solid #DA1932;
    margin-top: 12px;
    margin-left: 15px;
}
.div-carac-tech .arrow{
    position: absolute;
    top: 11px;
    left: 13px;
}
.div-carac-tech.open .arrow{
    rotate: 90deg;
}

.div-buy-borne{
    display: flex;
    width: 100%;
    padding: 15px 30px 15px 35px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #DADADA;
    background: #FFF;
    margin-bottom: 10px;
    min-height: 200px;
    height: auto;
    gap: 25px;
}
.buy_bornes_product_info{
    display: flex;
    flex-direction: column;
}
.buy_bornes_product_title{
    font-size: 20px;
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
}
.buy_bornes_product_ref{
    font-size: 12px;
    font-weight: 400;
}
.buy_bornes_product_text{
    font-size: 12px;
    margin-top: 10px;
    font-weight: 400;
    /* margin-bottom: 10px; */
}

.buy_bornes_product_prix{
    display: flex;
    flex-direction: row;
    column-gap: 5px;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    justify-content: flex-end;
}
.buy_bornes_product_prix .add-to-cart-btn{
    display: inline-flex;
    padding: 10px;
    align-items: flex-start;
    gap: 10px;
    background: #D70826;
    color: white;
    cursor: pointer;
    border: 2px solid #d70926;
    font-size: 12px;
    font-weight: 600;
}
.buy_bornes_product_prix .add-to-cart-btn:hover{
    background: white;
    color: #D70826;
}
.img-buy-borne{
    height: 100%;
    margin-left:25px;
    margin-right:60px;
}
.img-buy-borne img{
    height: 100%;
    object-fit: cover;
    max-height: 200px;
}

.product-accessories{
    margin-top: 115px;
}
.product-accessories h3{
    font-size: 32px;
    font-weight: 600;
}

.product-accessories hr{
    border-top: 3px solid #D70826;
    margin-bottom: 15px;
    margin-bottom: 45px;
}
.accessories_categories{
    display: flex;
    flex-wrap: wrap;
    gap: 3px;

}
.accessories_categories div{
    font-size: 19px;
    font-weight: 500;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    position: relative;
    text-align: center;
    /* max-width: 230px; */
    cursor: pointer;
}
/* .accessories_categories div:not(.active):before{ */    
.accessories_categories div:not(.active){
    /* content: ''; */
    /* position: absolute;
    right: 0;
    top: 17%;
    bottom: 17%; */
    border: 1px solid #dfdfdf;
    border-radius: 5%;
}
.accessories_categories div.active{
    color: white;
    /* font-weight: 600; */
    background-color: #b1b1b1ed;

}

.list_accessories{
    display: flex;
    margin-top: 50px;
    flex-direction: column;
    row-gap: 70px;
    width: 100%;
}
.list_accessories .parent-categ{
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.categ_products{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.title_categ{
    font-size: 24px;
    font-weight: 600;
}
.list_product{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 40px;
}
.accessories_product{
    display: flex;
    flex-direction: row;
    column-gap: 25px;
    width: calc(50% - 20px);
}
.accessories_product .img{
    width: 160px;
    min-width: 160px;
    height: 160px;
    position: relative;
}
.accessories_product .img .layer.hidden-sm-down{
    display: none;
}
.accessories_product .img:hover .layer.hidden-sm-down{
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.7);
    justify-content: center;
    align-items: center;
    opacity: 0.7;
    cursor: pointer;

}
.accessories_product .img:hover .layer.hidden-sm-down .material-icons.zoom-in{
    scale: 2.5;
}

.accessories_product .accessories_product_info{
    display: flex;
    flex-direction: column;
}
.accessories_product .accessories_product_info .accessories_product_title{
    font-size: 20px;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
}
.accessories_product .accessories_product_info .accessories_product_ref{
    font-size: 10px;
    font-weight: 400;
}
.accessories_product .accessories_product_info .accessories_product_text{
    font-size: 12px;
    margin-top: 10px;
    font-weight: 400;
    /* margin-bottom: 10px; */
}

.accessories_product .accessories_product_prix{
    display: flex;
    flex-direction: row;
    column-gap: 5px;
    align-items: center;
}

.accessories_product .accessories_product_prix{
    font-size: 16px;
    font-weight: 600;
}


.accessories_product .accessories_product_prix input{
    /* width: 35px;
    text-align: center;
    height: 100%;
    border: solid 1px black; */
}
.accessories_product .accessories_product_prix .add-to-cart-btn{
    display: inline-flex;
    padding: 10px;
    align-items: flex-start;
    gap: 10px;
    background: #D70826;
    color: white;
    border: 2px solid #d70926;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}
.accessories_product .accessories_product_prix .add-to-cart-btn:hover{
    background: white;
    color: #D70826;
}
.dispo{
    margin-bottom: 10px;
}
.buy_bornes_product_info .dispo{
    text-align: end;
}
.dispo span {
    position: relative;
    font-size: .8rem;
    padding-left: 15px;
}
.dispo span::before {
    position: absolute;
    top: 3px;
    left: 0;
    border-radius: 20px;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
}
.dispo span.dispo_dispo::before {
    background-color: #90d64c;
}
.dispo span.dispo_presquedispo::before {
    background-color: #d70926;
}
.dispo span.dispo_indispo::before {
    background-color: #FF4136;
}

#imagePopupProductAssoc {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #737373a6; 
    display: flex;
    align-items: center;
    justify-content: center;
}

#imagePopupProductAssoc .popup-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    color: white;
}

#imagePopupProductAssoc .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #2b2b2b;
    font-size: 40px;
    font-weight: bold;
    opacity: 1;
    cursor: pointer;
}
@media (max-width: 991px) {
    .accessories_product{
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    .megamenu{
        width: 100%;
    }
    .part-product-img{
        width: 100%;
    }
    .part-product-information{
        width: 100%;
    }
    .is-open .def_specialcategory_menu{
        display: flex;
    }
    .is-open .def_specialcategory_menu #pt_custommenu{
        flex-direction: column;
        width: 100%;
        gap: 0;
    }
    /* .def_special_category .def_specialcategory_menu #pt_custommenu .pt_menu */
    .def_special_category .is-open .def_specialcategory_menu #pt_custommenu .pt_menu{
        border-bottom: 1px solid #404040;
        padding: 10px 5px;
        flex-direction: column;
    }
    .div-buy-borne{
        flex-direction: column;
    }
    .def_special_category .def_specialcategory_menu #pt_custommenu .pt_menu a{
        /* justify-content: flex-start; */
        justify-content: space-between;
        font-size: 15px;
    }
    .def_special_category .def_specialcategory_menu #pt_custommenu .pt_menu:hover .popup{
        position: relative;
        min-width: 100%;
        z-index: 15;
    }
    .def_special_category .def_specialcategory_menu #pt_custommenu .pt_menu:hover{
        background-color: unset;
    }
    .def_specialcategory_menu{
        display: none;
    }
    .product_main_caractéristique ul{
        column-count: 1;
    }
    .list_product{
        flex-direction: column;
        margin-left: 20px;
    }
    .accessories_product{
        flex-direction: column;
        width: calc(100% - 20px);
    }
}

@media (max-width: 500px) {
    .div-carac-tech.open .carac-tech > div{
        min-width: 100%;
        width: 100%;
    }
}

/* END PAGE PRODUCT */


.custmer_present td{
    background-color: red;
}





/* RESPONSIVE HP*/

@media (max-width: 992px) {
    #authentication .page-content .row{
        flex-direction: column;
    }
    body#authentication #wrapper .fuelling,
    body#authentication #wrapper .bornes{
        width: 100%;
        padding: 0;
        align-items: center;
    }
    body#authentication #wrapper .bornes{
        padding-bottom: 50px;
    }
    body#authentication #wrapper .fuelling > h2,
    body#authentication #wrapper .bornes > h2{
        width: 100%;
    }
    .text-sm-center {
        text-align: center!important;
    }

    body#authentication #wrapper .fuelling .request-authentication-card,
    body#authentication #wrapper .bornes .request-authentication-card,
    body#authentication #wrapper .bornes .link_gamme_pulse{
        margin-left: 0;
        margin-right: 0;
    }
    body#authentication #wrapper section .request-authentication-card h2[aria-expanded="true"] + .register-form form{
        min-width: 0;
        height: auto;
    }
}