.fragment {
    margin-bottom: 1em;
}

    .fragment h2 {
        margin: 0;
        padding: 0;
        line-height: 40px;
        vertical-align: middle;
        font-weight: 300;
        font-size: 1.867em;
    }

        .fragment h2.bordureHaut, .fragment h2.demiTon, .fragment h3.bordureHaut, .fragment h3.demiTon {
            background-image: url("../../images/overlay30.png");
        }

/*Conteneurs de fragments*/
.conteneurFragment div > div[data-colonne] {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 100%;
}

.conteneurFragment .moitieMoitie > div[data-colonne] {
    width: 49%;
}

    .conteneurFragment .moitieMoitie > div[data-colonne]:first-child {
        margin-right: 2%;
    }

.page.unQuartTroisQuarts div[data-colonne='2'] .conteneurFragment .moitieMoitie > div[data-colonne] {
    width: 368px;
}

.conteneurFragment .unTierDeuxTiers > div[data-colonne="1"] {
    width: 32.6667%;
    margin-right: 2%;
}

.conteneurFragment .unTierDeuxTiers > div[data-colonne="2"] {
    width: 65.3333%;
}

.conteneurFragment .deuxTiersUnTier > div[data-colonne="1"] {
    width: 65.3333%;
    margin-right: 2%;
}

.conteneurFragment .deuxTiersUnTier > div[data-colonne="2"] {
    width: 32.6667%;
}

/*Gabarit de fragment */
/*Gabarit de fragment "Image_TexteEtImageDroite", "Image_TexteEtColonneImageDroite", "Image_TexteEtImageGauche" et "Image_TexteEtColonneImageGauche"*/
.fragment .image_texteEtImageDroite .conteneur .image, .fragment .image_texteEtColonneImageDroite .conteneur .image, .fragment .image_texteEtImageGauche .conteneur .image, .fragment .image_texteEtColonneImageGauche .conteneur .image, .fragment .image_texteEtAlbumGauche .conteneur .image, .fragment .image_texteEtAlbumDroite .conteneur .image {
    width: 31.66%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

.fragment .image_texteEtImageDroite .conteneur .image, .fragment .image_texteEtColonneImageDroite .conteneur .image, .fragment .image_texteEtAlbumDroite .conteneur .image {
    margin-left: 2.34%;
}

.fragment .image_texteEtImageGauche .conteneur .image, .fragment .image_texteEtColonneImageGauche .conteneur .image, .fragment .image_texteEtAlbumGauche .conteneur .image {
    margin-right: 2.34%;
}

.fragment .image_texteEtImageDroite .conteneur .texte, .fragment .image_texteEtColonneImageDroite .conteneur .texte, .fragment .image_texteEtImageGauche .conteneur .texte, .fragment .image_texteEtColonneImageGauche .conteneur .texte, .fragment .image_texteEtAlbumGauche .conteneur .texte, .fragment .image_texteEtAlbumDroite .conteneur .texte {
    width: 65.92%;
    display: inline-block;
    vertical-align: top;
}

.image_texteEtColonneImageDroite .conteneur .image img, .fragment .image_texteEtColonneImageGauche .conteneur .image img {
    margin-bottom: 20px;
}

    .image_texteEtColonneImageDroite .conteneur .image img:last-child, .fragment .image_texteEtColonneImageGauche .conteneur .image img:last-child {
        margin-bottom: 0;
    }


/*Gabarit de fragment "Image_TexteEtDeuxColonnesImageGauche" et "Image_TexteEtDeuxColonnesImageDroite"*/
.fragment .image_texteEtDeuxColonnesImageGauche .conteneur .image, .fragment .image_texteEtDeuxColonnesImageDroite .conteneur .image {
    width: 65.92%;
    display: inline-block;
    vertical-align: top;
}

.fragment .image_texteEtDeuxColonnesImageGauche .conteneur .image {
    margin-right: 2.34%;
}

.fragment .image_texteEtDeuxColonnesImageDroite .conteneur .image {
    margin-left: 2.34%;
}

.fragment .image_texteEtDeuxColonnesImageGauche .conteneur .image img {
    margin-right: 2.34%;
    margin-bottom: 20px;
}

    .fragment .image_texteEtDeuxColonnesImageGauche .conteneur .image img.sansMargeDroite {
        margin-right: 0;
    }

.fragment .image_texteEtDeuxColonnesImageDroite .conteneur .image img {
    width: 50%;
    margin-left: 2.34%;
    margin-bottom: 20px;
}

    .fragment .image_texteEtDeuxColonnesImageDroite .conteneur .image img.sansMargeGauche {
        margin-left: 0;
    }

.fragment .image_texteEtImageDroite .conteneur .image img, .fragment .image_texteEtColonneImageDroite .conteneur .image img, .fragment .image_texteEtImageGauche .conteneur .image img, .fragment .image_texteEtColonneImageGauche .conteneur .image img, .fragment .image_texteEtAlbumGauche .conteneur .image img, .fragment .image_texteEtAlbumDroite .conteneur .image img {
    width: 100%;
}

.fragment .image_texteEtDeuxColonnesImageGauche .conteneur .image img, .fragment .image_texteEtDeuxColonnesImageDroite .conteneur .image img {
    width: 48.83%;
}

.fragment .image_texteEtDeuxColonnesImageGauche .conteneur .texte, .fragment .image_texteEtDeuxColonnesImageDroite .conteneur .texte {
    width: 31.66%;
    display: inline-block;
    vertical-align: top;
}


/*Gabarit de fragment "Image_PleineLargeur"*/
.fragment .image_pleineLargeur img {
    width: 100%;
}


/*Gabarit de fragment "Image_TexteEtAlbumGauche" et "Image_TexteEtAlbumDroite"*/
.fragment .image_texteEtAlbumGauche .etiquetteAlbum, .fragment .image_texteEtAlbumDroite .etiquetteAlbum {
    position: absolute;
    background-image: url(../../icoAlbum.png), url(../../images/overlayNoir75.png);
    background-repeat: no-repeat, repeat;
    background-position: 16px center;
    color: White;
    left: 0;
    right: 0;
    padding-left: 45px;
    height: 20%;
    bottom: 4px;
    cursor: pointer;
    display: inline-block;
}

    .fragment .image_texteEtAlbumGauche .etiquetteAlbum div, .fragment .image_texteEtAlbumDroite .etiquetteAlbum div {
        position: absolute;
        top: 50%;
        margin-top: -9px;
    }

.fragment .image_texteEtAlbumGauche .conteneur .image, .fragment .image_texteEtAlbumDroite .conteneur .image {
    position: relative;
}


/*Gabarit de fragment "Video_TexteEtVideoDroite" et "Video_TexteEtVideoGauche"*/
.fragment .video_texteEtVideoDroite .conteneur .video, .fragment .video_texteEtVideoGauche .conteneur .video {
    display: inline-block;
    vertical-align: top;
}

.fragment .video_texteEtVideoDroite .conteneur .texte, .fragment .video_texteEtVideoGauche .conteneur .texte {
    width: 31.66%;
    display: inline-block;
    vertical-align: top;
}

.fragment .video_texteEtVideoDroite .conteneur .video, .fragment .video_texteEtVideoGauche .conteneur .video {
    width: 65.92%;
}

.fragment .video_texteEtVideoDroite .conteneur .video {
    margin-left: 2.34%;
}

.fragment .video_texteEtVideoGauche .conteneur .video {
    margin-right: 2.34%;
}


.fragment .elementFixe.fixed {
    position: fixed;
    top: 0px;
}



.fragment .navigation_contenu li.elementNavigation.conteneurEclatable > ul {
    display: none;
}

.fragment .navigation_contenu li.elementNavigation.conteneurEclatable.eclate > ul {
    display: block;
}


.texte_contenuStructure > div > ul {
    display: block;
    position: relative;
    margin: 0;
    padding: 5px 0 18px;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

    .texte_contenuStructure > div > ul > li {
        display: inline-block;
        vertical-align: top;
        margin: 15px 23px 0 5px;
        padding: 0;
        list-style: none;
    }

        .texte_contenuStructure > div > ul > li > a, .texte_contenuStructure > div > ul > li > a:visited {
            color: #000;
            border-bottom-color: #fff;
            border-bottom-width: 2px;
            font-size: 1.5em;
            padding: 0 0 1px;
        }

            .texte_contenuStructure > div > ul > li > a:hover {
                color: #000;
                border-bottom-color: #0a79ce;
            }

            .texte_contenuStructure > div > ul > li > a.active {
                font-weight: bold;
                border-bottom: 0;
                text-decoration: none;
            }

        .texte_contenuStructure > div > ul > li > ul {
            display: none;
        }

.texte_contenuStructure .conteneur > ul {
    list-style: none;
    margin: 0;
}

    .texte_contenuStructure .conteneur > ul > li {
        list-style: none;
        margin: 15px 0 0 5px;
        padding: 0 0 8px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.2em;
        border-bottom: 1px solid #d3d3d3;
    }

        .texte_contenuStructure .conteneur > ul > li ul {
            margin-top: 6px;
            margin-bottom: 0;
        }

        .texte_contenuStructure .conteneur > ul > li > ul > li {
            font-weight: normal;
            font-size: 0.84em;
            text-transform: none;
        }

            .texte_contenuStructure .conteneur > ul > li > ul > li > ul > li {
                font-weight: normal;
                text-transform: none;
            }

.special_iframe > iframe {
    border: 0;
    width: 1px;
    min-width: 100%;
}
.special_iframe.avec_apercu {
    border:1px solid #333;
    padding:20px;
    margin-bottom:30px;
    box-sizing:border-box;
}
.special_iframe.apercu {
    height: 315px;
    position: relative;
    overflow-y: hidden;
}

    .special_iframe.apercu:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(255,255,255,0.8);
    }

    .special_iframe.apercu > .btnRetirerApercu {
        background-color: #00AEB7;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1000;
        min-width:220px;
        padding:10px 20px;
        border:none;
        font-size:1em;
        z-index:10;
        box-shadow:rgba(0,0,0,0.4) 0px 0px 20px;
        font-weight:600;
    }

        .special_iframe.apercu > .btnRetirerApercu:hover {
            background-color: #1B2D4F;
            color: white;
        }

.conteneurFragment .conteneurOnglets ul.onglets {
    margin: 0;
    padding: 0;
}

    .conteneurFragment .conteneurOnglets ul.onglets li {
        display: inline-block;
    }

        .conteneurFragment .conteneurOnglets ul.onglets li.actif {
            background-color: #FF0000;
        }

        .conteneurFragment .conteneurOnglets ul.onglets li a {
            padding-left: 5em;
            padding-right: 5em;
        }

.conteneurFragment .conteneurOnglets .contenus .fragment {
    display: none;
}

/*Forcer l'affichage en mode Éditeur.*/
#pagePartielle .conteneurFragment .conteneurOnglets .contenus .fragment {
    display: block;
}

.pageNouvelle {
}

    .pageNouvelle .nouvelle {
    }

    .pageNouvelle .titre {
    }

    .pageNouvelle .date {
    }

    .pageNouvelle .nouvelle a {
    }

    .pageNouvelle .contenu {
    }

.vignettesNouvelles {
    display: flex;
    flex-direction: row;
}

    .vignettesNouvelles .nouvelle {
        width: 280px;
        height: 175px;
        margin: 50px;
    }

        .vignettesNouvelles .nouvelle .titre {
            padding: 10px;
            margin: 0;
        }

        .vignettesNouvelles .nouvelle .contenu {
            margin: 0px;
            padding: 10px;
            padding-top: 0;
        }

            .vignettesNouvelles .nouvelle .contenu p {
                margin: 0;
            }

        .vignettesNouvelles .nouvelle .enSavoirPlus {
            margin: 10px;
        }

            .vignettesNouvelles .nouvelle .enSavoirPlus a {
                text-decoration: none;
                color: black;
                font-weight: bold;
            }

.detailsNouvelle {
}

    .detailsNouvelle .titre {
    }

    .detailsNouvelle .sousTitre {
    }

    .detailsNouvelle .contenu {
    }

.conteneur-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 10px 50px;
}