/* Affix : Activation des effets  */
        @media ( min-width : 768px) {

            /* Filters */
            .filter-content.sticky {
                position: -webkit-sticky; /* Safari */
                position: sticky;
                top: 50px;
                z-index: 2; /* au dessus du logo */
                background: #efeeec;
                /*box-shadow: 1px 2px 2px #17171729;*/
            }

            #isotopeMosaic .mosaic {
                margin-top: 15px;
            }

        }


        /* text-overflow sur Chrome */
        @supports (-webkit-line-clamp: 3) {
            #isotopeMosaic .mosaic .desc h4  {
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;  
                overflow: hidden;
                text-overflow: ellipsis;
            }
            #isotopeMosaic .mosaic .desc .bodytext  {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;  
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }

        #isotopeMosaic .page-item h4 {
            margin: 0 0 6px;
        }

        #isotopeMosaic .page-item p,
        #isotopeMosaic .item .caption p {
            line-height: 1.2em;
            margin-bottom: 6px; 
        }

        #isotopeMosaic .mosaic .page-item p,
        #isotopeMosaic .mosaic .etude-item p {
            font-size: 0.9em; 
        }

        #isotopeMosaic .page-item p.meta,
        #isotopeMosaic .etude-item p.meta {
            /* ajouter car regression pr version olivier font-size: 0.9em; */
            margin-bottom: 0;
        }
        #isotopeMosaic .mosaic .page-item,
        #isotopeMosaic .mosaic .etude-item  {
            background-color: white;
            border-radius: 2px;
            margin-bottom: 20px;
            /* max-width: 500px; responsivité  faire evoluer si les images sont plus grandes ATTENTION NE FONCTIONNE PAS AVEC LE STAMP */
        }
        #isotopeMosaic .mosaic .desc {
            padding: 8px;
        }
        #isotopeMosaic .mosaic img {
          border-radius: 2px 2px 0 0;
        }


        /* NEW : taille du bloc titre
        #isotopeMosaic .mosaic .col-lg-2 .desc {
            min-height: 138.969px;
        }  */
        #isotopeMosaic .mosaic [class*="col-md-"] .desc { /* TEST POUR LES AUTRES CAS DE FIGURE */
            min-height: 143px;
        }
        #isotopeMosaic .mosaic .desc { /* TEST POUR LES AUTRES CAS DE FIGURE */
            min-height: 143px;
        }


        /****** réduction des marges  **********/
        #isotopeMosaic .row {
            margin-left: -10px;
            margin-right: -10px;
        }
        #isotopeMosaic .col-xs-1, #isotopeMosaic .col-sm-1, #isotopeMosaic .col-md-1, #isotopeMosaic .col-lg-1, 
        #isotopeMosaic .col-xs-2, #isotopeMosaic .col-sm-2, #isotopeMosaic .col-md-2, #isotopeMosaic .col-lg-2, 
        #isotopeMosaic .col-xs-3, #isotopeMosaic .col-sm-3, #isotopeMosaic .col-md-3, #isotopeMosaic .col-lg-3, 
        #isotopeMosaic .col-xs-4, #isotopeMosaic .col-sm-4, #isotopeMosaic .col-md-4, #isotopeMosaic .col-lg-4, 
        #isotopeMosaic .col-xs-5, #isotopeMosaic .col-sm-5, #isotopeMosaic .col-md-5, #isotopeMosaic .col-lg-5, 
        #isotopeMosaic .col-xs-6, #isotopeMosaic .col-sm-6, #isotopeMosaic .col-md-6, #isotopeMosaic .col-lg-6, 
        #isotopeMosaic .col-xs-7, #isotopeMosaic .col-sm-7, #isotopeMosaic .col-md-7, #isotopeMosaic .col-lg-7, 
        #isotopeMosaic .col-xs-8, #isotopeMosaic .col-sm-8, #isotopeMosaic .col-md-8, #isotopeMosaic .col-lg-8, 
        #isotopeMosaic .col-xs-9, #isotopeMosaic .col-sm-9, #isotopeMosaic .col-md-9, #isotopeMosaic .col-lg-9, 
        #isotopeMosaic .col-xs-10, #isotopeMosaic .col-sm-10, #isotopeMosaic .col-md-10, #isotopeMosaic .col-lg-10, 
        #isotopeMosaic .col-xs-11, #isotopeMosaic .col-sm-11, #isotopeMosaic .col-md-11, #isotopeMosaic .col-lg-11, 
        #isotopeMosaic .col-xs-12, #isotopeMosaic .col-sm-12, #isotopeMosaic .col-md-12, #isotopeMosaic .col-lg-12 {
          padding-left: 10px;
          padding-right: 10px;
        }



        /** 
            FILTERS
            barre de bouton : type sous-catégorie 
        **/
        .filter-content h5 {
            text-transform:uppercase;
            font-weight:700;
        }

 		.filter-content .btn-default,
 		#isotopeMosaic .mosaic .brick .category-filter-items { 
            text-transform: uppercase;
            font-size: 13px;
            font-weight: 700;
 		}
        .filter-content .btn-default { /* bouton normal */
            color: #444;
            background-color: #fff;
            border-radius: 2px;
            border: none;
            /* Probleme de centrage avec font-family: Roboto */
            padding-top: 0.1em;
        }

        /* bouton reset
                .filter-content .masonry-reset.btn-iau, 
                .filter-content .masonry-reset.btn-iau:hover
        */
        .filter-content .btn-selected, 
        .filter-content .btn-default:hover{
            color: white;
            border-color: #555;
            background-color: #555;
        }
        .filter-content .btn-iau, /* bouton sélectionné */
        .filter-content .btn-iau:hover {
            color: white;
            border-color: #E41600;
            background-color: #E41600;
        }
        .filter-content .btn-disabled { /* bouton inactif */
            /* Make the disabled links grayish */
            color: #b7b7b7;
            border-color: #dedede;
            /* And disable the pointer events */
            pointer-events: none;
            cursor: default;
        }
        .filter-content [data-filter].btn-default.btn-disabled {
            color: #b7b7b7;
            border-color: #dedede;
        }
        #isotopeMosaic .mosaic .brick .category-filter-items { /* indication sur l'image */
            position: absolute;
            top: 0;
            right: 10px;
            text-align: right;            
        }

        #isotopeMosaic .mosaic .brick .category-filter-items .category-filter-item {
            padding: 4px 6px;
    		color: white;
            border-top-right-radius: 2px;
            background-color: #ccc;
            margin-bottom: 2px;
            text-align: right;
            width: fit-content;
            display: inline-block;
        }
        /* Bloc type de contenus */
        /* Analyse */
        .filter-content [data-filter=".filtre-analyse-debat"].btn-default {
            color: #23a55a; /* couleur SB #208e4f; */
            border-color: #23a55a;
        }
        .filter-content [data-filter=".filtre-analyse-debat"].btn-iau,
        .filter-content [data-filter=".filtre-analyse-debat"].btn-selected,
        .filter-content [data-filter=".filtre-analyse-debat"].btn-default:hover {
            color: white;
            background-color: #23a55a;
        }
        #isotopeMosaic .mosaic .brick.filtre-analyse-debat .category-filter-item {
            background-color: #23a55a;
        }
        /* Débats 
        .filter-content [data-filter=".filtre-debat"].btn-default {
            color: #4a96d2;
            border-color: #4a96d2;
        }
        .filter-content [data-filter=".filtre-debat"].btn-iau,
        .filter-content [data-filter=".filtre-debat"].btn-selected,
        .filter-content [data-filter=".filtre-debat"].btn-default:hover {
            color: white;
            background-color: #4a96d2;
        }

        /* Chroniques & dossiers */
        .filter-content [data-filter=".filtre-chronique-dossier"].btn-default,
        .filter-content [data-filter=".filtre-dossier"].btn-default {
            color: #2980b9;
            border-color: #2980b9;
        }
        .filter-content [data-filter=".filtre-chronique-dossier"].btn-iau,
        .filter-content [data-filter=".filtre-chronique-dossier"].btn-selected,
        .filter-content [data-filter=".filtre-chronique-dossier"].btn-default:hover,
        .filter-content [data-filter=".filtre-dossier"].btn-iau,
        .filter-content [data-filter=".filtre-dossier"].btn-selected,
        .filter-content [data-filter=".filtre-dossier"].btn-default:hover  {
            color: white;
            background-color: #2980b9;
        }
        #isotopeMosaic .mosaic .brick.filtre-chronique-dossier .category-filter-item,
        #isotopeMosaic .mosaic .brick.filtre-dossier .category-filter-item {
            background-color: #2980b9;
        }
        /* Publications */
        .filter-content [data-filter=".filtre-publication"].btn-default {
            color: #3498db; /*#ff6600 #e73749; */
            border-color: #3498db; /*#ff6600 #e73749; */
        }
        .filter-content [data-filter=".filtre-publication"].btn-iau,
        .filter-content [data-filter=".filtre-publication"].btn-selected,
        .filter-content [data-filter=".filtre-publication"].btn-default:hover {
            color: white;
            background-color: #3498db; /*#ff6600 #e73749; */
        }
        #isotopeMosaic .mosaic .brick.filtre-publication .category-filter-item {
            background-color: #3498db; /*#ff6600 #e73749; */
        }
        /* Cartes téléchargeables */
        .filter-content [data-filter=".filtre-carte-telechargeable"].btn-default,
        .filter-content [data-filter-group="category-Carte telechargeable"] .btn-default {
            color: #8e44ad; /* couleur sb : #88406b; */ /* #8e4a97; */
            border-color: #8e44ad; /* #8e4a97; */
        }
        .filter-content [data-filter=".filtre-carte-telechargeable"].btn-iau,
        .filter-content [data-filter=".filtre-carte-telechargeable"].btn-selected,
        .filter-content [data-filter=".filtre-carte-telechargeable"].btn-default:hover,
        .filter-content [data-filter-group="category-Carte telechargeable"] .btn-iau,
        .filter-content [data-filter-group="category-Carte telechargeable"] .btn-selected,
        .filter-content [data-filter-group="category-Carte telechargeable"] .btn-default:hover {
            color: white;
            background-color: #8e44ad; /* #8e4a97; */
        }
        #isotopeMosaic .mosaic .brick.filtre-carte-telechargeable .category-filter-item {
            background-color: #8e44ad; /* #8e4a97; */
        }
        /* Cartes interactives */
        .filter-content [data-filter=".filtre-carte-interactive"].btn-default,
        .filter-content [data-filter-group="category-Carte interactive"] .btn-default {
            color: #a05cbb; /* couleur SB : #60256f; */
            border-color: #a05cbb;
        }
        .filter-content [data-filter=".filtre-carte-interactive"].btn-iau,
        .filter-content [data-filter=".filtre-carte-interactive"].btn-selected,
        .filter-content [data-filter=".filtre-carte-interactive"].btn-default:hover,
        .filter-content [data-filter-group="category-Carte interactive"] .btn-iau,
        .filter-content [data-filter-group="category-Carte interactive"] .btn-selected,
        .filter-content [data-filter-group="category-Carte interactive"] .btn-default:hover {
            color: white;
            background-color: #a05cbb;
        }
        #isotopeMosaic .mosaic .brick.filtre-carte-interactive .category-filter-item {
            background-color: #a05cbb;
        }
        /* Vidéo */
        .filter-content [data-filter=".filtre-video"].btn-default {
            color: #778ca3;
            border-color: #778ca3;
        }
        .filter-content [data-filter=".filtre-video"].btn-iau,
        .filter-content [data-filter=".filtre-video"].btn-selected,
        .filter-content [data-filter=".filtre-video"].btn-default:hover {
            color: white;
            background-color: #778ca3;
        }
        #isotopeMosaic .mosaic .brick.filtre-video .category-filter-item {
            background-color: #778ca3;
        }
        /* Podcast */
        .filter-content [data-filter=".filtre-podcast"].btn-default {
            color: #4b6584;
            border-color: #4b6584;
        }
        .filter-content [data-filter=".filtre-podcast"].btn-iau,
        .filter-content [data-filter=".filtre-podcast"].btn-selected,
        .filter-content [data-filter=".filtre-podcast"].btn-default:hover {
            color: white;
            background-color: #4b6584;
        }
        #isotopeMosaic .mosaic .brick.filtre-podcast .category-filter-item {
            background-color: #4b6584;
        }
        /* Formations */
        .filter-content [data-filter=".filtre-formation"].btn-default {
            color: #fec900;
            border-color: #fec900;
        }
        .filter-content [data-filter=".filtre-formation"].btn-iau,
        .filter-content [data-filter=".filtre-formation"].btn-selected,
        .filter-content [data-filter=".filtre-formation"].btn-default:hover{
            color: white;
            background-color: #fec900;
        }
        #isotopeMosaic .mosaic .brick.filtre-formation .category-filter-item {
            background-color: #fec900;
        }


        /*******
            Stamps
        *****/
        #isotopeMosaic .mosaic #stamp-text .page-item {
            height: 343px; /* désactiver pour le layout fitrow : de toutes façon ça ne fonctionnait pas pour toutes les largeurs d'écrans */
            overflow: auto;
            -ms-overflow-style: none;
        }
        #isotopeMosaic .mosaic #stamp-text h3,
        #isotopeMosaic .mosaic #stamp-text h4 {
            color: #E41600;
            font-weight: 300;
            font-size: 24px;
            text-transform: uppercase;
        }
        #isotopeMosaic .mosaic #stamp-text .page-item::-webkit-scrollbar { 
             display: none; 
         }

        /**** Roll over *****/
        #isotopeMosaic .mosaic .img {
            overflow: hidden;
            min-height: 200px;
        }
        #isotopeMosaic .mosaic img {
            transition: all 1s ease-in-out;
            transform-origin: center center;
        }
        #isotopeMosaic .mosaic img:hover {
            transform: scale(1.15);
            transition: all 2s ease-out 0.2s;
        }




        /* Cartes */
        .filter-content [data-filter=".filtre-carte"].btn-default,
        .filter-content [data-filter-group="category-Carte"] .btn-default {
            color: #88406b; /* #8e4a97; */
            border-color: #88406b; /* #8e4a97; */
        }
        .filter-content [data-filter=".filtre-carte"].btn-iau,
        .filter-content [data-filter=".filtre-carte"].btn-selected,
        .filter-content [data-filter=".filtre-carte"].btn-default:hover,
        .filter-content [data-filter-group="category-Carte"] .btn-iau,
        .filter-content [data-filter-group="category-Carte"] .btn-selected,
        .filter-content [data-filter-group="category-Carte"] .btn-default:hover {
            color: white;
            background-color: #88406b; /* #8e4a97; */
        }
        #isotopeMosaic .mosaic .brick.filtre-carte .category-filter-item {
            background-color: #88406b; /* #8e4a97; */
        }
        /* Infographie */
        .filter-content [data-filter=".filtre-infographie"].btn-default,
        .filter-content [data-filter-group="category-infographie"] .btn-default {
            color: #60256f;
            border-color: #60256f;
        }
        .filter-content [data-filter=".filtre-infographie"].btn-iau,
        .filter-content [data-filter=".filtre-infographie"].btn-selected,
        .filter-content [data-filter=".filtre-infographie"].btn-default:hover,
        .filter-content [data-filter-group="category-infographie"] .btn-iau,
        .filter-content [data-filter-group="category-infographie"] .btn-selected,
        .filter-content [data-filter-group="category-infographie"] .btn-default:hover {
            color: white;
            background-color: #60256f;
        }
        #isotopeMosaic .mosaic .brick.filtre-infographie .category-filter-item {
            background-color: #60256f;
        }
        /* Outils : AREC */
        .filter-content [data-filter=".filtre-outil"].btn-default,
        .filter-content [data-filter-group="category-outil"] .btn-default {
            color: #8a540d;
            border-color: #8a540d;
        }
        .filter-content [data-filter=".filtre-outil"].btn-iau,
        .filter-content [data-filter=".filtre-outil"].btn-selected,
        .filter-content [data-filter=".filtre-outil"].btn-default:hover,
        .filter-content [data-filter-group="category-outil"] .btn-iau,
        .filter-content [data-filter-group="category-outil"] .btn-selected,
        .filter-content [data-filter-group="category-outil"] .btn-default:hover {
            color: white;
            background-color: #8a540d;
        }
        #isotopeMosaic .mosaic .brick.filtre-outil .category-filter-item {
            background-color: #8a540d;
        }