﻿.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;
}

.fragment .navigation_contenu li.elementNavigation.conteneurEclatable.parent-active > ul
{
    display:block;
}

