@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* Variables du sites */
:root {
    /* var Font-family */
    --font-corp: "Montserrat", sans-serif;
    --font-texte: "Inter", sans-serif;

    /* var couleurs de la palette du site du plus clair au plus foncé  */
    --neutre-1: #edf5fdff;
    --neutre-2: #c8e2f9ff;
    --neutre-3: #91c5f2ff;
    --neutre-4: #6db2eeff;
    --neutre-5: #489eeaff;
    --neutre-6: #1a81dbff;
    --neutre-7: #1361a4ff;
    --neutre-8: #0F4C81ff;
    --neutre-9: #0b365bff;
    --neutre-10: #062037ff;

    /* Couleur principale de chaque sous-corp*/
    --mahicorp: #4d4d4d;
    --dev: #0F4C81;
    --design: #BE3455;
    --mahiphoto: #EFE58C;
    --mamo: #8BBC8C;

    /* Shadows+borders répétitives */
    --shadow-fat: 8px 8px 0px var(--neutre-10);
    --shadow-skinny: 4px 4px 0px var(--neutre-10);
    --border-skinny: 4px solid var(--neutre-10);
    --border-fat: 6px solid var(--neutre-10);
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-texte);
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--neutre-1);
    opacity: 0.1;
    background-image: linear-gradient(to right, var(--neutre-3), var(--neutre-3) 20px, var(--neutre-1) 20px, var(--neutre-1) );
    background-size: 40px 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-corp);
    font-weight: 700;
    text-transform: uppercase;
}

h1 {
    font-size: 20pt;
    text-align: center;
}

h2 {
    font-size: 16pt;
}

h3 {
    font-size: 14pt;
}

h4 {
    font-size: 12pt;
}

section {
    margin: 10px auto;
}

article {
    margin: 10px auto;
}

.hr-sections {
    background-color: var(--neutre-3);
    width: 100%;
    margin: 0 0 20px 0;
    border: none;
}

.hr-h4 {
    background-color: var(--neutre-6);
    width: 10%;
    margin: 25px 0 10px 0;
    padding: 0;
    border: none;
}

.container-mentions {
    background-color: var(--neutre-1);
    margin: 25px auto;
    padding: 20px;
    border: var(--border-skinny);
    
}


.alert {
    border: var(--border-skinny) !important;
    border-radius: 0 ;
    box-shadow: var(--shadow-skinny);
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
}

.alert::before {
    content: "◓";
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    background: var(--neutre-7);
    border: 3px solid var(--neutre-10);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 16px;
    color: var(--neutre-1);
}

p {
    text-align: justify;
}

.liste-infos {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;

}

ul i {
    margin-right: 10px;
}

@media (min-width: 990px) {
    .hebergement-laptop {
        border-left: 3px solid var(--neutre-7);
        padding-left: 2%;
    }
}