@font-face {
    font-family: Barlow;
    src: url('https://www.a3multimedia.com/includes/font/barlow/BarlowCondensed-Bold.woff2') format('woff2'),
        url('https://www.a3multimedia.com/includes/font/barlow/BarlowCondensed-Bold.woff') format('woff');
    font-display: auto;
    font-stretch: condensed;
    font-weight: bold;
}

@font-face {
    font-family: Barlow;
    src: url('https://www.a3multimedia.com/includes/font/barlow/BarlowCondensed-Regular.woff2') format('woff2'),
        url('https://www.a3multimedia.com/includes/font/barlow/BarlowCondensed-Regular.woff') format('woff');
    font-display: auto;
    font-stretch: condensed;
}

@font-face {
    font-family: Barlow;
    font-display: auto;
    src: url('https://www.a3multimedia.com/includes/font/barlow/Barlow-Regular.woff2') format('woff2'),
        url('https://www.a3multimedia.com/includes/font/barlow/Barlow-Regular.woff') format('woff');
}

@font-face {
    font-family: Barlow;
    font-display: auto;
    src: url('https://www.a3multimedia.com/includes/font/barlow/Barlow-SemiBold.woff2') format('woff2'),
        url('https://www.a3multimedia.com/includes/font/barlow/Barlow-SemiBold.woff') format('woff');
    font-weight: bold;
}

* {
    font-family: Barlow, sans-serif;
}

body {
    --black: #0f172a;
    --orange: #ec891e;
    --orange-hover: #ce691b;
    --default: var(--orange);
    --default-hover: var(--orange-hover);
    --default-separator-color: var(--default);
}

.text-orange {
    color: var(--orange);
}

.bg-orange {
    background-color: var(--orange);
}

.btn-orange {
    background-color: var(--orange);
    border-color: var(--orange);
}

.btn-orange:hover {
    background-color: var(--orange-hover);
    border-color: var(--orange-hover);
}

.btn-outline-orange {
    color: var(--orange);
    border-color: var(--orange);
}

.btn-outline-orange:hover {
    background-color: var(--orange);
    color: white;
}

.bg-orange-light {
    background-color: color-mix(in srgb, var(--orange) 10%, transparent);
}

.text-hover-orange:hover,
.text-hover-orange:hover i {
    color: var(--orange) !important;
}

.text-default {
    color: var(--default);
}

.bg-default {
    background-color: var(--default);
}

.btn-default {
    background-color: var(--default);
    border-color: var(--default);
}

.btn-default:hover {
    background-color: color-mix(in srgb, var(--default) 80%, black);
    border-color: color-mix(in srgb, var(--default) 80%, black);
}

.btn-outline-default {
    color: var(--default);
    border-color: var(--default);
}

.btn-outline-default:hover {
    background-color: var(--default);
    color: white;
}

.bg-default-light {
    background-color: color-mix(in srgb, var(--default) 10%, transparent);
}

.text-hover-default:hover,
.text-hover-default:hover i {
    color: var(--default) !important;
}

.cursor-pointer {
    cursor: pointer;
}

.fs-75 {
    font-size: .75rem;
}

#notification-container {
    position: fixed;
    top: .5rem;
    right: .7rem;
    z-index: 9999;
}

.notification {
    background: #fdfdfd;
    padding: .5rem 1rem;
    border-radius: .3rem;
    border: 1px solid var(--notif-color);
    border-right: 4px solid var(--notif-color);
    max-width: 320px;
    margin-bottom: .3rem;
    transform: translateX(105%);
    transition: transform 0.2s ease, opacity 0.2s ease;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}

.notification.active {
    transform: translateX(0);
}

/** Style panier **/

.panier-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 2000;
}

.side-menu {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    width: 33.33%;
    height: 100vh;
    background-color: #fff;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
    z-index: 2000000001;
    padding: 20px;
    transition: transform 0.3s ease;
    transform: translateX(100%);
}

.side-menu.open {
    transform: translateX(0);
}

.close-button {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
}

body.menu-open {
    overflow: hidden;
}

.menu-content {
    margin-top: 40px;
}

.side-menu .button {
    padding: 10px 50px;
    border-radius: 30px;
    color: White;
    background: gray;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    border: solid 2px gray;
    min-width: 45%;
    text-decoration: none;
}

.side-menu .button:hover {
    background: #a7a7a7;
}

.side-menu .principal {
    background: var(--default-separator-color);
    border: solid 2px var(--default-separator-color);
}

.side-menu .principal:hover {
    background: color-mix(in srgb, var(--default-separator-color), black 15%);
}

.side-menu .secondary {
    background: #dedede;
    color: var(--dark);
}

.side-menu .secondary:hover {
    background: #d1d1d1;
}

.separator {
    border-top: 1px dotted var(--default-separator-color);
    height: 10px;
}

.side-menu .category-name.bold {
    font-size: 2rem;
    --category-color: var(--default-separator-color);
}

@media screen and (max-width:600px) {
    .side-menu {
        width: 100%;
    }
}

@media screen and (min-width:601px) and (max-width:950px) {
    .side-menu {
        right: -70%;
        width: 70%;
    }
}


/* --- Style FOOTER --- */
.hover-white:hover {
    color: white !important;
}
.group:hover .group-hover\:bg-danger {
    background-color: #dc3545 !important;
}
.group:hover .group-hover\:text-white {
    color: white !important;
}

/* --- Style HEADER --- */

.header {
    z-index: 40;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.cookie-banner {
    z-index: 1060;
    animation: slideUpCookie 0.5s ease-out;
}

@keyframes slideUpCookie {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.mega-menu {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 820px;
    z-index: 1050;
    display: none;
}
.border-orange {
    border-color: var(--orange) !important;
}
.border-custom {
    border-color: var(--custom-color) !important;
}
.nav-hover-custom:hover,
.text-custom {
    color: var(--custom-color) !important;
}
.nav-item:hover .mega-menu {
    display: block;
}
.search-input:focus {
    box-shadow: 0 0 0 .25rem rgba(234, 107, 11, .2);
}
.a3m-logo {
    height: 2.5rem;
}
@media (max-width: 992px) {
    .mega-menu {
        min-width: 100%;
        position: static;
    }
    
    .a3m-logo {
        height: 2rem;
    }
}


/** ------ **/

/* CKEditor 5 styles can be find in Ckeditor5/ckeditor5/ckeditor5-content.css */
:root{--ck-color-mention-background:rgba(153,0,48,.1);--ck-color-mention-text:#990030}.ck-content .mention{background:var(--ck-color-mention-background);color:var(--ck-color-mention-text)}.ck-content code{background-color:hsla(0,0%,78%,.3);border-radius:2px;padding:.15em}.ck-content blockquote{border-left:5px solid #ccc;font-style:italic;margin-left:0;margin-right:0;overflow:hidden;padding-left:1.5em;padding-right:1.5em}.ck-content[dir=rtl] blockquote{border-left:0;border-right:5px solid #ccc}.ck-content pre{background:hsla(0,0%,78%,.3);border:1px solid #c4c4c4;border-radius:2px;color:#353535;direction:ltr;font-style:normal;min-width:200px;padding:1em;tab-size:4;text-align:left;white-space:pre-wrap}.ck-content pre code{background:unset;border-radius:0;padding:0}.ck-content .text-tiny{font-size:.7em}.ck-content .text-small{font-size:.85em}.ck-content .text-big{font-size:1.4em}.ck-content .text-huge{font-size:1.8em}:root{--ck-highlight-marker-yellow:#fdfd77;--ck-highlight-marker-green:#62f962;--ck-highlight-marker-pink:#fc7899;--ck-highlight-marker-blue:#72ccfd;--ck-highlight-pen-red:#e71313;--ck-highlight-pen-green:#128a00}.ck-content .marker-yellow{background-color:var(--ck-highlight-marker-yellow)}.ck-content .marker-green{background-color:var(--ck-highlight-marker-green)}.ck-content .marker-pink{background-color:var(--ck-highlight-marker-pink)}.ck-content .marker-blue{background-color:var(--ck-highlight-marker-blue)}.ck-content .pen-red{background-color:transparent;color:var(--ck-highlight-pen-red)}.ck-content .pen-green{background-color:transparent;color:var(--ck-highlight-pen-green)}.ck-content hr{background:#dedede;border:0;height:4px;margin:15px 0}:root{--ck-color-image-caption-background:#f7f7f7;--ck-color-image-caption-text:#333}.ck-content .image>figcaption{background-color:var(--ck-color-image-caption-background);caption-side:bottom;color:var(--ck-color-image-caption-text);display:table-caption;font-size:.75em;outline-offset:-1px;padding:.6em;word-break:break-word}@media (forced-colors:active){.ck-content .image>figcaption{background-color:unset;color:unset}}.ck-content img.image_resized{height:auto}.ck-content .image.image_resized{box-sizing:border-box;display:block;max-width:100%}.ck-content .image.image_resized img{width:100%}.ck-content .image.image_resized>figcaption{display:block}:root{--ck-image-style-spacing:1.5em;--ck-inline-image-style-spacing:calc(var(--ck-image-style-spacing)/2)}.ck-content .image.image-style-block-align-left,.ck-content .image.image-style-block-align-right{max-width:calc(100% - var(--ck-image-style-spacing))}.ck-content .image.image-style-align-left,.ck-content .image.image-style-align-right{clear:none}.ck-content .image.image-style-side{float:right;margin-left:var(--ck-image-style-spacing);max-width:50%}.ck-content .image.image-style-align-left{float:left;margin-right:var(--ck-image-style-spacing)}.ck-content .image.image-style-align-right{float:right;margin-left:var(--ck-image-style-spacing)}.ck-content .image.image-style-block-align-right{margin-left:auto;margin-right:0}.ck-content .image.image-style-block-align-left{margin-left:0;margin-right:auto}.ck-content .image-style-align-center{margin-left:auto;margin-right:auto}.ck-content .image-style-align-left{float:left;margin-right:var(--ck-image-style-spacing)}.ck-content .image-style-align-right{float:right;margin-left:var(--ck-image-style-spacing)}.ck-content p+.image.image-style-align-left,.ck-content p+.image.image-style-align-right,.ck-content p+.image.image-style-side{margin-top:0}.ck-content .image-inline.image-style-align-left,.ck-content .image-inline.image-style-align-right{margin-bottom:var(--ck-inline-image-style-spacing);margin-top:var(--ck-inline-image-style-spacing)}.ck-content .image-inline.image-style-align-left{margin-right:var(--ck-inline-image-style-spacing)}.ck-content .image-inline.image-style-align-right{margin-left:var(--ck-inline-image-style-spacing)}.ck-content .image{clear:both;display:table;margin:.9em auto;min-width:50px;text-align:center}.ck-content .image img{display:block;height:auto;margin:0 auto;max-width:100%;min-width:100%}.ck-content .image-inline{align-items:flex-start;display:inline-flex;max-width:100%}.ck-content .image-inline picture{display:flex}.ck-content .image-inline img,.ck-content .image-inline picture{flex-grow:1;flex-shrink:1;max-width:100%}.ck-content ol{list-style-type:decimal}.ck-content ol ol{list-style-type:lower-latin}.ck-content ol ol ol{list-style-type:lower-roman}.ck-content ol ol ol ol{list-style-type:upper-latin}.ck-content ol ol ol ol ol{list-style-type:upper-roman}.ck-content ul{list-style-type:disc}.ck-content ul ul{list-style-type:circle}.ck-content ul ul ul,.ck-content ul ul ul ul{list-style-type:square}:root{--ck-todo-list-checkmark-size:16px}.ck-content .todo-list{list-style:none}.ck-content .todo-list li{margin-bottom:5px;position:relative}.ck-content .todo-list li .todo-list{margin-top:5px}.ck-content .todo-list .todo-list__label>input{-webkit-appearance:none;border:0;display:inline-block;height:var(--ck-todo-list-checkmark-size);left:-25px;margin-left:0;margin-right:-15px;position:relative;right:0;vertical-align:middle;width:var(--ck-todo-list-checkmark-size)}.ck-content[dir=rtl] .todo-list .todo-list__label>input{left:0;margin-left:-15px;margin-right:0;right:-25px}.ck-content .todo-list .todo-list__label>input:before{border:1px solid #333;border-radius:2px;box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:box-shadow .25s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.ck-content .todo-list .todo-list__label>input:before{transition:none}}.ck-content .todo-list .todo-list__label>input:after{border-color:transparent;border-style:solid;border-width:0 calc(var(--ck-todo-list-checkmark-size)/8) calc(var(--ck-todo-list-checkmark-size)/8) 0;box-sizing:content-box;content:"";display:block;height:calc(var(--ck-todo-list-checkmark-size)/2.6);left:calc(var(--ck-todo-list-checkmark-size)/3);pointer-events:none;position:absolute;top:calc(var(--ck-todo-list-checkmark-size)/5.3);transform:rotate(45deg);width:calc(var(--ck-todo-list-checkmark-size)/5.3)}.ck-content .todo-list .todo-list__label>input[checked]:before{background:#26ab33;border-color:#26ab33}.ck-content .todo-list .todo-list__label>input[checked]:after{border-color:#fff}.ck-content .todo-list .todo-list__label .todo-list__label__description{vertical-align:middle}.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox]{position:absolute}.ck-content .media{clear:both;display:block;margin:.9em 0;min-width:15em}.ck-content .page-break{align-items:center;clear:both;display:flex;justify-content:center;padding:5px 0;position:relative}.ck-content .page-break:after{border-bottom:2px dashed #c4c4c4;content:"";position:absolute;width:100%}.ck-content .page-break__label{background:#fff;border:1px solid #c4c4c4;border-radius:2px;box-shadow:2px 2px 1px rgba(0,0,0,.15);color:#333;display:block;font-family:Helvetica,Arial,Tahoma,Verdana,Sans-Serif;font-size:.75em;font-weight:700;padding:.3em .6em;position:relative;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}@media print{.ck-content .page-break{padding:0}.ck-content .page-break:after{display:none}.ck-content :has(+.page-break){margin-bottom:0}}.ck-content[dir=rtl] .table th{text-align:right}.ck-content[dir=ltr] .table th{text-align:left}.ck-content figure.table:not(.layout-table){display:table}.ck-content figure.table:not(.layout-table)>table{height:100%;width:100%}.ck-content .table:not(.layout-table){margin:.9em auto}.ck-content figure.table:not(.layout-table)>table,.ck-content table.table:not(.layout-table){border:1px double #b3b3b3;border-collapse:collapse;border-spacing:0}.ck-content figure.table:not(.layout-table)>table>tbody>tr>th,.ck-content figure.table:not(.layout-table)>table>thead>tr>th,.ck-content table.table:not(.layout-table)>tbody>tr>th,.ck-content table.table:not(.layout-table)>thead>tr>th{background:rgba(0,0,0,.05);font-weight:700}.ck-content figure.table:not(.layout-table)>table>tbody>tr>td,.ck-content figure.table:not(.layout-table)>table>tbody>tr>th,.ck-content figure.table:not(.layout-table)>table>thead>tr>td,.ck-content figure.table:not(.layout-table)>table>thead>tr>th,.ck-content table.table:not(.layout-table)>tbody>tr>td,.ck-content table.table:not(.layout-table)>tbody>tr>th,.ck-content table.table:not(.layout-table)>thead>tr>td,.ck-content table.table:not(.layout-table)>thead>tr>th{border:1px solid #bfbfbf;min-width:2em;padding:.4em}@media print{.ck-content figure.table:not(.layout-table):has(>table){display:block}.ck-content figure.table:not(.layout-table)>table{height:auto}}.ck-content figure.table.layout-table,.ck-content table.table.layout-table{margin-bottom:0;margin-top:0}.ck-content figure.table.layout-table>table,.ck-content table.table.layout-table{border-spacing:0}:root{--ck-color-selector-caption-background:#f7f7f7;--ck-color-selector-caption-text:#333}.ck-content .table>figcaption{background-color:var(--ck-color-selector-caption-background);caption-side:top;color:var(--ck-color-selector-caption-text);display:table-caption;font-size:.75em;outline-offset:-1px;padding:.6em;text-align:center;word-break:break-word}@media (forced-colors:active){.ck-content .table>figcaption{background-color:unset;color:unset}}.ck-content .table .ck-table-resized{table-layout:fixed}.ck-content .table td,.ck-content .table th{overflow-wrap:break-word}