@charset "UTF-8";
:root {
    --black: #060606;
    --bleu: #458cff;
    --bleu_2: #3063b3;
    --bleu_3: #77b8fd;
    --bleu_4: #51a5fc;
    --bleu_5: #204589;
    --bleu_6: #a2d0e1;
    --bleu_7: #1f8bfb;
    --bleu_8: #4D6292;
    --font: #111;
    --font_2: #333;
    --font_3: #454545;
    --dark: #141414;
    --grey: #ababab;
    --grey_2: #666;
    --grey_3: #222;
    --grey_4: #646464;
    --grey_5: #eee;
    --grey_6: #ccc;
    --grey_7: #aaa;
    --grey_8: #a9aebb;
    --grey_dot: #ddd;
    --grey_menu : rgba(255,255,255,0.05);
    --grey_font:#888;
    --grey_font_2:#777;
    --grey_light:#f9f9f9;
    --bg_footer: #F5F5F5;
    --orange: #FF7345;
    --io_credo :#f28327;
    --vert: #33BA76;
    --vert_2: #3FCAB3;
    --vert_3: #A1CA3A;
    --vert_4: #92b932;
    --vert_5: #82a52c;
    --vert_6: #5ED570;
    --star :#FDC941;
    --lines: rgba(255,255,255,0.05);
    --span_lines: rgba(0,0,0,0.1);
    --text_shadow : rgba(0,0,0,.7);
    --text_shadow_light : rgba(0,0,0,.27);
    --box_shadow : rgba(0,0,0,0.17);
    --black_shadow : rgba(0,0,0,0.67);
    --blue_shadow : rgba(81,165,252,0.47);
    --blue_shadow_2 : rgba(26,113,203,0.47);
    --active_shadow : rgba(0,0,0,0.27);
    --item_line_up: rgba(255,255,255,0.05);
    --item_line_down : rgba(0,0,0,0.12);
    --line_brands : #ddd;
    --dynamic-color : transparent;
}

*, ::after, ::before {
    box-sizing: border-box;
    outline: none;
    margin: 0;
    padding: 0;
    border:none;
    background: none;
    -webkit-tap-highlight-color: transparent;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    border:none;
    table-layout: fixed;
}
ol, ul {
    list-style: none;
}

.auto-breaks{
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;

}


@keyframes rise_up_pc {
    0% {
        top: 100%;
    }
    100% {
        top: 0;
    }
}

@keyframes rise_up_mob {
    0% {
        bottom: -100%;
    }
    100% {
        bottom: 35px
    }
}

@keyframes piston {

    0% {
        margin-left: 6px;
    }
    50% {
        margin-left: 10px;
    }
    100% {
        margin-left: 6px;
    }
}

@keyframes piston_solid {
    0%   { transform: translateX(0); }
    50%  { transform: translateX(4px); } /* même effet visuel, sans pousser le texte */
    100% { transform: translateX(0); }
}

@keyframes pulse {
    0% {
        transform: scale3d(1, 1, 1);
        opacity: .6;
    }
    100% {
        transform: scale3d(5, 5, 5);
        opacity: 0;
    }
}

@keyframes zoomout{
    0% {
        opacity: 0;
        transform: scale3d(1.2, 1.2, 1.2);
    }
    50%{

        opacity: 1;
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}