.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%;
}

.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 {

}