.gStandard {
    color: #000000;
}

.gFilAriane a {
    color: #ffffff;
    font-weight: bold;
}

/************************************************************************************************************ Menu ***/

.gMenu {
    font-weight: 600;
}

.gMenu-Conteneur {
    font-size: 1em;
    background-color: #1472bf;
}

.gMenu-Contenu>nav>ul {
    justify-content: space-between;
}

/********************************************************************************************************* Section ***/

.Section {
    position: relative;
}

.Section-Image {
    display: flex;
    flex-basis: 100%;
}

.Section-Image img {
    width: 100%;
    height: auto;
}

.Section-Contenu {
    display: flex;
    justify-content: space-between;
    padding: 0 10vw 0 10vw;
}

/****************************************************************************************************** Infolettre ***/

.Infolettre {
    border-radius: 0.3em;
    background-color: #dae6f0;
}

.Infolettre .gTuile {
    background-color: #dae6f0;
}

.Infolettre .gTuile h3 {
    font-size: 2em;
}

.Infolettre .gTuile-Lien {
    margin-top: 1em;
}

/*********************************************************************************************************** Bandeau ***/
.Bandeau div.ce-textpic {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e5e5ea;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #b53520;
    color: #fff;
    font-weight: bold;
}

.Bandeau div.ce-textpic a {
    color: #fff;
}

/*********************************************************************************************************** Intro ***/

.Intro .Section-Contenu {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 6vw;
}

.Intro .gTuile {
    border: none;
    border-radius: 0.5em;
}

.Intro .gTuile-Bas {
    display: none;
}

.Intro .gTuile:hover {
    background-color: #e5e5ea;
}

/********************************************************************************************************* Devenir ***/

.Devenir-Pompier,
.Devenir-Instructeur {
    display: none;
}

.Devenir .Section-Image {
    background: linear-gradient(to right, #1472bf 50%, #b53520 50%);
}

.Devenir .Section-Contenu {
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
}

.Devenir .gTuile {
    padding: 6vw 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.Devenir .gTuile-Bas {
    visibility: visible;
}

.Devenir .gTuile-Bas .gTuile-Icone {
    color: #ffffff;
    height: 0.75em;
    padding-left: 0.75em;
}

.Devenir .gTuile-Titre {
    width: 100%;
}

.Devenir .gTuile-Titre h3 {
    font-size: 2em;
}

.Devenir .gTuile:first-child {
    align-items: flex-start;
}

.Devenir .gTuile:first-child .gTuile-Bas {
    justify-content: flex-start;
    padding-left: 0;
}

.Devenir .gTuile:nth-child(2) .gTuile-Contenu {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.Devenir .gTuile:nth-child(2) h3 {
    text-align: right;
}

.Devenir .gTuile:nth-child(2) .gTuile-Texte {
    text-align: right;
}

.Devenir .gLien-Texte {
    color: #ffffff;
    border: none;
    padding: 0.8em 0;
}

.Devenir .gLien-Apres path {
    fill: #ffffff;
}

/********************************************************************************************************* Mission ***/

.Mission {
    background-color: #1472bf;
}

.Mission .Section-Contenu {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    align-items: center;
}

.Mission-Tuile {
    flex-basis: 55%;
    align-items: flex-end;
    padding: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.Mission-Tuile .gTuile{
    align-items: flex-end;
    padding: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.Mission-Tuile .gTuile-Contenu {
    padding-right: 8em;
}

.Mission-Tuile .gTuile-Titre h3 {
    font-size: 2.4em;
}

.Mission-Tuile .gTuile-Texte {
    padding: 2em 0;
}

.Mission-Tuile .gTuile-Bas {
    visibility: visible;
    width: fit-content;
    font-weight: bold;
    color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    border-radius: 0.3em;
    padding: 0.8em;
}

.Mission-Tuile .gTuile:has(.gTuile-Texte) .gTuile-Bas {
    width: fit-content;
}

.Mission-Tuile .gTuile:hover .gTuile-Bas {
    color: #ffffff90;
    border-color: #ffffff90;
    cursor: pointer;
}

.Mission-Tuile .gTuile-Bas .gTuile-Icone {
    display: none;
}

.Mission-Tuile .gLien-Texte {
    color: #ffffff;
    border-color: #ffffff;
}

.Mission-Tuile .gLien-Texte:hover {
    color: #ffffff90;
    border-color: #ffffff90;
}

.Mission-Tuile .gTuile .gLien-Apres {
    display: none;
}

.Mission-Tuile .gTuile-LienStandard:hover {
    text-decoration: none;
}

.Mission-Texte {
    position: absolute;
    left: 50%;
    font-size: 3em;
    line-height: 0.5em;
    margin-bottom: 2em;
}

/******************************************************************************************************* Vidéo ***/
.Nouvelles-Videos {
    display: flex;
}

.Nouvelles-Videos .Video {
    flex-basis: 50%;
    margin-top: 4em;
    display: flex;
    justify-content: flex-end;
    padding-right: 10vw;
}

.Nouvelles-Videos .Video .ce-gallery {
    margin-bottom: 1em;
}

.Nouvelles-Videos .Video .ce-textpic .ce-gallery .video-embed video {
    width: 35em;
    height: auto;
}

.Nouvelles-Videos .Video .ce-textpic .ce-bodytext a {
    display: flex;
    flex-direction: row;
    color: #095797;
    font-weight: 500;
    text-decoration: none;
    font-size: 1.2em;
}

.Nouvelles-Videos .Video .ce-textpic .ce-bodytext a:hover {
    text-decoration: underline;
    text-decoration-color: #000000;
}

/******************************************************************************************************* Nouvelles ***/

.Nouvelles .Section-Contenu {
    justify-content: center;
}

.Nouvelles .Section-Contenu h2 {
    font-size: 2rem;
}

.Nouvelles .gNouvelles-Teasers {
    width: 100%;
    margin: 4em 0;
}

.Nouvelles .gNouvelles-Teasers-Item {
    padding-bottom: 1em;
}

.Nouvelles .gNouvelles-Teasers-Item:hover {
    background-color: #e5e5ea;
}

.Nouvelles .Infolettre {
    width: 36%;
    margin: 4em 0 5em 2em;
}

#uid108 .gNouvelle-Date span {
	display: none;
}

.Nouvelles-Videos .Nouvelles {
    flex-basis: 50%;
}

.Nouvelles-Videos .Nouvelles .Section-Contenu {
    padding-right: 0vw;
}

/****************************************************************************************************** Calendrier ***/

.Section.Calendrier {
    display: none;
}

.Section.Calendrier .Section-Contenu {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    width: 80vw;
    height: 100%;
}

.Section.Calendrier .Section-Contenu h2 {
    font-size: 2.5em;
    color: #ffffff;
    margin-block-start: 0;
    margin-block-end: 0;
}

.Section.Calendrier .Section-Contenu h3 {
    color: #ffffff;
    margin-block-start: 0;
}

.Section.Calendrier .gLien-Standard {
    color: #ffffff;
    border-color: #ffffff;
}

.Section.Calendrier .gLien-Standard:hover {
    color: #ffffff90;
    border-color: #ffffff90;
}

.Section.Calendrier .gSwiper {
    position: relative;
    width: 100%;
}

.Section.Calendrier .swiper-button-prev,
.Section.Calendrier .swiper-button-next {
    position: absolute;
    width: 3em;
    height: 3em;
    background-color: #ffffff;
    border-style: solid;
    border-color: #1472bf;
    border-width: 0.1em;
}

.Section.Calendrier .swiper-button-prev {
    left: -3%;
    box-shadow: 0.3em 0.1em 0.3em #00000040;
}

.Section.Calendrier .swiper-button-next {
    right: -3%;
    box-shadow: -0.3em 0.1em 0.3em #00000040;
}

.Section.Calendrier .swiper-button-prev::after,
.Section.Calendrier .swiper-button-next::after {
    font-size: 2em;
    font-weight: 100;
}

.Section.Calendrier .swiper-button-prev.swiper-button-disabled,
.Section.Calendrier .swiper-button-next.swiper-button-disabled {
    display: none;
}

.Section.Calendrier .swiper-slide {
    height: auto;
    background-color: #ffffff;
    border-radius: 0.5em;
}

.Section.Calendrier .gSwiper-Contenu {
    padding: 1.5em;
    height: 85%;
}

.Section.Calendrier .gEvenements-Teasers-Item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.Section.Calendrier .gEvenements-Titre {
    height: 3em;
}

.Section.Calendrier .gEvenements-Titre h3 {
    font-size: 1.4em;
    color: #000000;
    padding: 0;
    margin: 0;
}

.Section.Calendrier .gEvenements-Accroche {
    display: flex;
    align-items: flex-end;
    margin-bottom: 1.5em;
}


.Section.Section.Calendrier .gEvenements-Occurence {
    flex: 1;
}

.Section.Section.Calendrier .gEvenements-Occurence-Date {
    display: none;
}

.Section.Calendrier .gEvenements-Voir {
    display: flex;
    align-items: flex-end;
}

/********************************************************************************************************* Dossier ***/

.Dossier {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #e5e5ea;
}

.Dossier .gTuile {
    flex-basis: 60%;
    padding: 5em 0;
    background-color: #e5e5ea;
    border: none;
    box-shadow: none;
}

.Dossier .gTuile-Titre h3 {
    font-size: 2em;
}

.Dossier .gTuile-Texte {
    padding: 1em 0;
}

.Dossier .gTuile-Bas {
    visibility: visible;
    color: #1472bf;
    width: fit-content;
    font-weight: bold;
    color: #095797;
    border-style: solid;
    border-width: 1px;
    border-color: #095797;
    border-radius: 0.3em;
    padding: 0.8em;
}

.Dossier .gTuile:has(.gTuile-Texte) .gTuile-Bas {
    width: fit-content;
}

.Dossier .gTuile:hover .gTuile-Bas {
    color: #1472bf90;
    border-color: #1472bf90;
}

.Dossier .gTuile-Icone {
    display: none;
}

/********************************************************************************************************* Contenu ***/

.Contenu-Entete {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*height: 20vh;*/
    padding-left: 10vw;
    color: #ffffff;
    background-color: #005498;
}

.Contenu-Entete .Entete-Texte {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1em 0;
}

.Contenu-Entete h1 {
    font-size: 3em;
}

.Contenu-Entete .Entete-Image {
    display: flex;
    justify-content: flex-end;
}

.Contenu-Entete .Image-Desktop {
    width: 30vw;
    height: auto;
}

.Contenu-Entete .Image-Mobile {
    display: none;
}

.gPage-Index {
    margin-top: 3em;
}

.gPage-Index-Contenu {
    border-color: #dae6f0;
    border-top-style: solid;
    border-top-width: thin;
    border-bottom-style: solid;
    border-bottom-width: thin;
    padding: 1em 2em;
}

.gMenu-Page-Index li {
    line-height: 2em;
}

.Contenu-Principal {
    margin: 4em 0 4em 0;
}

.Contenu-Principal .frame-type-text ul {
    padding-inline-start: 1.5em;
}

.Contenu-Principal .frame h2 {
    font-size: 2em;
}

.Contenu .Signet-Signet {
    max-width: 26%;
}

.Contenu .gSignet-Signet .Infolettre {
    margin-top: 2em;
}

/****************************************************************************************************** Formations ***/

.gContacts .gFiltres-Item-Genre {
    display: none;
}

.gEvenements .gFiltres-Groupe-Dates,
.gEvenements .gFiltres-Item-Categorie {
    display: none;
}

.gContact-Contenu {
    font-size: 1.5em;
}

.pGestionnairesdeformation .gFiltres-Item-Categorie {
    display: none;
}

.gEvenement-Ressources {
	border: solid 1px #000000;
	padding: 0 1.5em 1.5em 1.5em;
}

/******************************************************************************************************** Boutique ***/

.gListes-Item-Media {
    float: right;
    margin: 0 0 1em 1em;
    width: 20%;
}

.gListes-Item-Valeur {
    font-size: 2em;
}

.gListes-Item-Date {
    font-size: 1.2em;
    font-weight: bold;
}

.gListes-Item-Date span {
    font-size: 1.2em;
    font-weight: normal;
}

.Boutique-Commander button {
    font-size: 1.5em;
    font-weight: bold;
    color: #095797;
    padding: 1em 1em;
    cursor: pointer;
    border: solid 1px #223654;
    background-color: transparent;
}

/*********************************************************************************************************************/
/****************************************************************************************************** media 1024 ***/
/*********************************************************************************************************************/

@media (max-width: 1024px) {
    .gPadding {
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .Section-Contenu {
        padding: 0 5vw 0 5vw;
    }

    .Mission .gTuile-Titre h3 {
        font-size: 2em;
    }

    .Section.Calendrier .Section-Contenu {
        width: 90vw;
    }

    .Section.Calendrier .Section-Contenu h2 {
        font-size: 2em;
    }

    .Section.Calendrier .gEvenements-Titre h3 {
        font-size: 1.1em;
    }

    .Contenu-Entete {
        padding-left: 5vw;
    }

    .Bandeau div.ce-textpic {
        padding-left: 1em;
        padding-right: 5em;
        min-height: 5em;
    }

    .Nouvelles-Videos .Video {
        padding-right: 5vw;
    }

    .Nouvelles-Videos .Video .ce-textpic .ce-gallery .video-embed video {
        width: 25em;
    }
}

/*********************************************************************************************************************/
/******************************************************************************************************* media 640 ***/
/*********************************************************************************************************************/

@media (max-width: 640px) {
    .Intro .Section-Contenu {
        position: relative;
        bottom: auto;
        flex-direction: column;
        background-color: #eff3fa;
    }

    .Intro .gTuile {
        margin: -4em 0 6em 0;
    }

    .Devenir .Section-Image {
        display: none;
    }

    .Devenir .Section-Contenu {
        top: 0;
        flex-direction: column;
        height: 100%;
    }


    .Devenir-Pompier,
    .Devenir-Instructeur {
        display: block;
        width: 100%;
        height: auto;
    }

    .Devenir-Pompier {
        background-color: #1472bf;
    }

    .Devenir-Instructeur {
        background-color: #b53520;
    }

    .Devenir .gTuile {
        flex-basis: auto;
        width: 50%;
    }

    .Devenir .gTuile:first-child {
        margin-top: 15%;
    }

    .Devenir .gTuile:nth-child(2) {
        align-self: flex-end;        
        position: absolute;
        top: 50%;
        width: 55%;
    }

    .Devenir .gTuile-Titre h3 {
        font-size: 1.5em;
    }

    .Devenir .gTuile-Texte {
        /*flex: unset;*/
    }

    .Mission .Section-Image {
        display: none;
    }

    .Mission .Section-Contenu {
        position: relative;
        flex-direction: column;
        padding-top: 8vh;
        color: #ffffff;
    }

    .Mission .Section-Contenu .frame {
        position: relative;
        left: auto;
        width: 100%;
        margin: 0 0 2em 0;
        font-size: 2.5em;
    }

    .Mission .gTuile-Lien {
        position: absolute;
        top: 220%;
    }

    .Mission .gTuile-Titre,
    .Mission .gTuile-Texte {
        width: auto;
    }

    .Mission .gTuile-Texte {
        padding-bottom: 0;
    }

    .Nouvelles-Videos {
        flex-direction: column;
    }

    .Nouvelles-Videos .Video {
        margin-top: 0em;
        margin-bottom: 3em;
        justify-content: flex-start;
        padding-left: 5vw;
    }

    .Nouvelles .Section-Contenu {
        flex-direction: column;
    }

    .Nouvelles .Section-Contenu h2 {
        /*text-align: center;*/
    }

    .Mission .gTuile-Titre h3 {
        font-size: 1.5em;
    }

    .Nouvelles .Infolettre {
        width: auto;
        margin: 2em 0 5em 0;
    }

    .Infolettre .gTuile {
        margin: 0 0 4em 0;
    }

    .Section.Calendrier {
        background-color: #223654;
    }

    .Section.Calendrier .Section-Image {
        display: none;
    }

    .Section.Calendrier .Section-Contenu {
        position: relative;
        flex-direction: column;
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .Section.Calendrier .Section-Contenu h2 {
        text-align: center;
    }

    .Section.Calendrier .gSwiper {
        width: 96%;
        padding: 2em 2% 2em 2%;
    }

    .Section.Calendrier .swiper-button-prev {
        left: -5vw;
    }

    .Section.Calendrier .swiper-button-next {
        right: -5vw;
    }

    .Dossier .gTuile {
        flex-basis: auto;
    }

    .Contenu-Entete {
        flex-direction: column;
        height: auto;
        padding-left: 0;
    }

    .Contenu-Entete .Entete-Texte {
        align-self: flex-start;
        margin-left: 5vw;
    }

    .Contenu-Entete h1 {
        font-size: 2em;
    }

    .Contenu-Entete .Image-Desktop {
        display: none;
    }

    .Contenu-Entete .Image-Mobile {
        display: block;
        width: 100vw;
        height: auto;
    }

    .gPage-Index-Contenu {
        padding-left: 0;
    }

    .Contenu .gSignet-Signet .Infolettre {
        display: none;
    }

    .gNouvelles .gFiltres-Groupe-Items {
        flex-direction: row;
        justify-content: space-around;
    }
}