/*
Theme Name: Pia grenoble Enfant
Description: Theme enfant de Pia grenoble. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: Réseau Canopé
Author URI: https://www.reseau-canope.fr
Template: oceanwp
Version: 1.0
*/


@import url(./assets/css/header.css);
@import url(./assets/css/style.css);
@import url(./assets/css/main.css);
@import url(./assets/css/footer.css);
@import url(./assets/css/typographie.css);
@import url(./assets/css/plugins.css);
@import url(./assets/css/calendrier.css);
@import url(./assets/css/carte.css);
@import url(./assets/css/articles.css);
@import url(./assets/css/gridbuilder.css);
@import url(./assets/css/cartographiedelarecherche.css);



/* Fonts  Marianne*/
@font-face {
    font-family: 'Marianne';
    src: url('assets/fonts/Marianne-BoldItalic.eot');
    src: url('assets/fonts/Marianne-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Marianne-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/Marianne-BoldItalic.woff') format('woff'),
        url('assets/fonts/Marianne-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Marianne';
    src: url('assets/fonts/Marianne-Bold.eot');
    src: url('assets/fonts/Marianne-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Marianne-Bold.woff2') format('woff2'),
        url('assets/fonts/Marianne-Bold.woff') format('woff'),
        url('assets/fonts/Marianne-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Marianne';
    src: url('assets/fonts/Marianne-ExtraBold.eot');
    src: url('assets/fonts/Marianne-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Marianne-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/Marianne-ExtraBold.woff') format('woff'),
        url('assets/fonts/Marianne-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Marianne';
    src: url('assets/fonts/Marianne-ExtraBoldItalic.eot');
    src: url('assets/fonts/Marianne-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Marianne-ExtraBoldItalic.woff2') format('woff2'),
        url('assets/fonts/Marianne-ExtraBoldItalic.woff') format('woff'),
        url('assets/fonts/Marianne-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Marianne';
    src: url('assets/fonts/Marianne-Light.eot');
    src: url('assets/fonts/Marianne-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Marianne-Light.woff2') format('woff2'),
        url('assets/fonts/Marianne-Light.woff') format('woff'),
        url('assets/fonts/Marianne-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Marianne';
    src: url('assets/fonts/Marianne-LightItalic.eot');
    src: url('assets/fonts/Marianne-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Marianne-LightItalic.woff2') format('woff2'),
        url('assets/fonts/Marianne-LightItalic.woff') format('woff'),
        url('assets/fonts/Marianne-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Marianne';
    src: url('assets/fonts/Marianne-Medium.eot');
    src: url('assets/fonts/Marianne-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Marianne-Medium.woff2') format('woff2'),
        url('assets/fonts/Marianne-Medium.woff') format('woff'),
        url('assets/fonts/Marianne-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Marianne';
    src: url('assets/fonts/Marianne-Regular.eot');
    src: url('assets/fonts/Marianne-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Marianne-Regular.woff2') format('woff2'),
        url('assets/fonts/Marianne-Regular.woff') format('woff'),
        url('assets/fonts/Marianne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Marianne';
    src: url('assets/fonts/Marianne-MediumItalic.eot');
    src: url('assets/fonts/Marianne-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Marianne-MediumItalic.woff2') format('woff2'),
        url('assets/fonts/Marianne-MediumItalic.woff') format('woff'),
        url('assets/fonts/Marianne-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Marianne';
    src: url('assets/fonts/Marianne-Thin.eot');
    src: url('assets/fonts/Marianne-Thin.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Marianne-Thin.woff2') format('woff2'),
        url('assets/fonts/Marianne-Thin.woff') format('woff'),
        url('assets/fonts/Marianne-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Marianne';
    src: url('assets/fonts/Marianne-RegularItalic.eot');
    src: url('assets/fonts/Marianne-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Marianne-RegularItalic.woff2') format('woff2'),
        url('assets/fonts/Marianne-RegularItalic.woff') format('woff'),
        url('assets/fonts/Marianne-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Marianne';
    src: url('assets/fonts/Marianne-ThinItalic.eot');
    src: url('assets/fonts/Marianne-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Marianne-ThinItalic.woff2') format('woff2'),
        url('assets/fonts/Marianne-ThinItalic.woff') format('woff'),
        url('assets/fonts/Marianne-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

body {
    font-family: 'Marianne', sans-serif !important;
}


:root {
    --couleur-bleu-fonce : #143C8C;
    --couleur-bleu-moyen:#1464c3 ;
    --couleur-bleu-clair:#0096F0 ;
    --couleur-vert-fonce: #008778;
    --couleur-vert-moyen:#04AF8E;
    --couleur-vert-clair: #4BBE49;
    --couleur-mauve:#A558A0;
    --couleur-jaune:#CB9709;
}