:root {
    /* On pioche dans la palette importée pour définir la couleur primaire */
    --pico-primary: var(--pico-color-jade-500);
    --pico-primary-hover: var(--pico-color-jade-600);
    --pico-primary-underline: var(--pico-color-jade-200);
}

body {
    font-size: 62.5%;
    background-color: white;
    padding: 0;
    margin: 0;
}
a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.wrapper-centered {
    margin-left: auto;
    margin-right: auto;
}

.container-fluid {
    /* border: 1px solid red; */
    /* border-radius: 10px; */
    width: 95%;
    padding: 10px;
}

.text-outline {
    /* -webkit-text-stroke: 1px #ccc; */
    /* Fallback pour les navigateurs incompatibles */
    /* text-shadow: -1px -1px 0 #ccc, 1px -1px 0 #ccc, -1px 1px 0 #ccc, 1px 1px 0 #ccc; */
    /* text-shadow: 0 0 8px rgba(0,0,0,0.5); */
    /* text-shadow: 1px 1px #888; */
    text-shadow: 1px 1px #000;
}

.img-outline {
    /* -webkit-text-stroke: 1px #ccc; */
    /* Fallback pour les navigateurs incompatibles */
    /* text-shadow: -1px -1px 0 #ccc, 1px -1px 0 #ccc, -1px 1px 0 #ccc, 1px 1px 0 #ccc; */
    /* text-shadow: 0 0 8px rgba(0,0,0,0.5); */
    box-shadow: 1px 1px #888;
}

header {
    /* color:white; */
}

.logo-wrapper {
    /* text-align: center; */
}

.logo-img {
    /* width: 80px;
    margin: 0 auto; */
}

.top-menu {
    /* font-weight: bold; */
}

/* By default (on small screens/mobile) */
/* form[role="group"] {
    display: flex;
    flex-direction: column;
    height: auto !important;
} */




/* START small devices (small phones, 480px and down) */
@media only screen and (max-width: 480px) {
    .container-fluid {
        /* background-color: yellow; */
    }

}

/* END small devices (small phones, 480px and down) */

/* START medium phones (portrait tablets and large phones, 480px and up) */
@media only screen and (min-width: 480px) {

    /* form[role="group"] {
        display: flex;
        flex-direction: row;
    } */


}


/* END medium phones (portrait tablets and large phones, 480px and up) */

/* START Special my default screen size for dev 753px and up) */
/* @media only screen and (min-width: 753px) {
    .container-fluid {

    }

} */
/* END Special my default screen size for dev 753px and up) */

/* START large devices (landscape tablets, 960px and up) */
@media only screen and (min-width: 960px) {
    .container-fluid {
        /* background-color: skyblue; */
    }

    .w-12-5-ns { width: 12.5%; }
}

/* END  large devices (landscape tablets, 960px and up) */


/* START Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}

/* END Extra large devices (large laptops and desktops, 1200px and up) */