/*****--**-----*****--|FONTS|-*****-----**--*****/
    @import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600,600i,700,800&display=swap');

    @font-face {
        font-family: 'Pilowlava';
        src: url('../fonts/Pilowlava-Regular.otf');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'HelveticaNeue';
        src: url('../fonts/HelveticaNeue.ttc');
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: 'Resistance';
        src: url('../fonts/Resistance.otf');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'Karrik';
        src: url('../fonts/Karrik.otf');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'Typefesse';
        src: url('../fonts/Typefesse.otf');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'Kelsi';
        src: url('../fonts/Kelsi.otf');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'Lineal';
        src: url('../fonts/Lineal.woff');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'Basteleur';
        src: url('../fonts/Basteleur.woff');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'Latitude';
        src: url('../fonts/Latitude.woff');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'FT88';
        src: url('../fonts/FT88.woff');
        font-weight: 400;
        font-style: normal;
    }
/*****--**-----*****--|FONTS|-*****-----**--*****/

/*****--**-----*****--|!|-*****-----**--*****/
    *{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        object-fit: cover;
        scroll-behavior : smooth;
        text-decoration: none;
        line-height:1;
    }

    html{
        overflow-x: hidden;
    }

    body{
        overflow-x: hidden;
        width: 100vw;
        font-family: Helvetica;
        cursor: url('../images/curseurs/arrow.png'), auto;
    }

    /* Forcer le mode clair */
    @media (prefers-color-scheme: dark) {
        :root {
            color-scheme: light;
        }
    }
/*****--**-----*****--§§§-*****-----**--*****/

/*****--**-----*****--Bannière contact et scroll to top--*****-----**--*****/
    #contact-banner {
        position: fixed;
        top: -30px;
        left: 0;
        width: 100%;
        height: 30px;
        background-color: hotpink;
        font-family: Karrik;
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        padding: 0 21px;
        z-index: 1000;
        transition: top 0.5s ease;
    }

    #contact-banner a {
        display: none;
    }

    #scroll-to-top {
        position: fixed;
        bottom: -60px;
        right: 20px;
        width: 40px;
        height: 40px;
        background-color: #333;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        border-radius: 50%;
        cursor: pointer;
        z-index: 1000;
        transition: bottom 0.5s ease; /* Animation de glissement */
    }

    #scroll-to-top:hover {
        background-color: darkorange; /* Changement de couleur au survol */
    }
    /*****--**--****-|SECTION - Standard Responsive|-****--**--*****/
        @media screen and (max-width: 960px){

        }

        @media screen and (max-width: 576px){
            #contact-banner{
/*                height: 50px;*/
                font-size: 21px;
            }

            #contact-banner div{
                display: none;
            }

            #contact-banner a{
                display: block;
                margin: auto;
                color: white;
            }
        }
    /*****--**--****-|SECTION - Standard Responsive|-****--**--*****/
/*****--**-----*****--Bannière contact et scroll to top--*****-----**--*****/

/*****--**--****-|SECTION - Standard|-****--**--*****/
    .sectionstandard{
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 0 12px 0;
    }

    .sectionstandard h1{
        margin: 0;
        font-weight: 100;
        font-size: 4em;
        padding: 21px 0 0 21px;
    }

    .sectionstandard .buttonencore{
        margin: auto;
        font-weight: 100;
        font-size: 6vw;
        padding: 56px 21px;
        background: none;
        border: none;
        text-align: center;
        transition: 0.3s;
        line-height: 6vw;
        width: 60%;
    }

    .sectionstandard .buttonencore:hover{
        animation: boldPulse 1s infinite ease-in-out;
    }
    @keyframes boldPulse {
        0%   { font-weight: 100; }
        50%  { font-weight: 1000; }
        100% { font-weight: 100; }
    }
    /*****--**--****-|SECTION - Standard Responsive|-****--**--*****/
        @media screen and (max-width: 960px){
            .sectionstandard h1{
                font-size: 2em;
            }
            .sectionstandard button{
                font-size: 2em;
                text-align: center;
            }
        }

        @media screen and (max-width: 576px){

        }
    /*****--**--****-|SECTION - Standard Responsive|-****--**--*****/
/*****--**--****-|SECTION - Standard|-****--**--*****/


/*SECTIONS A RAJOUTER*/

/*****--**--****-|SECTION 5 - Flash|-****--**--*****/
/*****--**--****-|SECTION 5 - Flash|-****--**--*****/

/*****--**--****-|SECTION 5 - SHOP|-****--**--*****/
/*****--**--****-|SECTION 5 - SHOP|-****--**--*****/

/*SECTIONS A RAJOUTER*/


/*****--**--****-|CURSEURS|-****--**--*****/
    .curseurtel{
        cursor: url('../images/curseurs/tel.png') 45 48, auto;
    }

    .curseurmail{
        cursor: url('../images/curseurs/mail.png')45 41, auto;
    }

    .policesfofolles{
        cursor: url('../images/curseurs/baguette.png')10 10, auto;
        font-weight: 100!important;
    }

    .curseurlogo{
        cursor: url('../images/curseurs/oeil.png')36 31, auto;
    }

    .curseurflash{
        cursor: url('../images/curseurs/flash.png')23 45, auto;
    }
/*****--**--****-|CURSEURS|-****--**--*****/