@import url("https://use.typekit.net/ake5psu.css");

:root {
    --bs-dark: #000;
}

h1, h2, h3, h5, h6 {
    font-family: transat-text, sans-serif;
}

h4 {
    font-family: transat-text, sans-serif;
}

p, li {
    font-family: transat-text, sans-serif;
    font-size: 1.1em;
    font-weight: 400;
}

.bold {
    /*font-family: transat-text, sans-serif;*/
    /*font-style: italic;*/
    font-family: maxtrix-ii, serif;
    font-style: italic;
    font-size: 1.05em;
}

.tool {
    font-family: transat-text, sans-serif;
    /*font-style: italic;*/
    font-weight: 500;
    font-size: 1.05em;
}

.italic {
    font-family: maxtrix-ii, serif;
    font-style: italic;
    font-size: 1.05em;
}

.medium {
    font-family: transat-text, sans-serif;
    font-weight: 500;
}

.echappee {
    font-family: transat-text, sans-serif;
    font-style: italic;
}

/* -------- page accueil --------------*/

.fond_accueil {
    background-image: url('/images/grid.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 130%;
}

@media (max-width: 600px) {
    .fond_accueil {
        background-size: 250%; /* encore plus grand */
    }
}


/* ---------- page portfolio ------------*/

.filtre button {
    font-size: 1.2em;
    font-weight: 400;
    font-family: transat-text, sans-serif;
    cursor: pointer;
}

.filtre .active {
    font-family: maxtrix-ii, serif;
    font-style: italic;
    font-weight: 400;
    font-size: 1.3em;
}

/*-------------- page contact -------------*/

input[type="text"] {
    font-family: transat-text, sans-serif;
    font-size: 1.2em;
}

input[type="email"] {
    font-family: transat-text, sans-serif;
    font-size: 1.2em;
}

.zonetexte {
    font-family: transat-text, sans-serif;
    font-size: 1.2em;
}

#message-label {
    font-family: transat-text, sans-serif;
    font-weight: 500;
    font-size: 1em;
}

#message-label .italic {
    text-transform: lowercase;
    font-size: 1.3em;
}

#envoi {
    font-family: transat-text, sans-serif;
    font-weight: 500;
    cursor: pointer;
}

#annulation {
    font-family: transat-text, sans-serif;
    font-weight: 500;
    cursor: pointer;
}

/*-------- fin page contact ----------------------------------------*/