/* ==========================================================================
   Thème CSS de la Gazette des femmes
   Auteur : Charles-André Beaudry (Basé sur le thème d'Alexandre Belleau)
   ========================================================================== */


/* FONT DIRECT SUR LE SERVEUR */
/*Eina*/
@font-face {
    font-family: 'Eina02';
    src: url('../fonts/Eina02-SemiBold.eot');
    src: url('../fonts/Eina02-SemiBold.eot?#iefix') format('embedded-opentype'),url('../fonts/Eina02-SemiBold.woff2') format('woff2'),url('../fonts/Eina02-SemiBold.woff') format('woff'),url('../fonts/Eina02-SemiBold.ttf') format('truetype');
} 
@font-face {
    font-family: 'Eina02';
    src: url('../fonts/Eina02-Light.eot');
    src: url('../fonts/Eina02-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Eina02-Light.woff2') format('woff2'),url('../fonts/Eina02-Light.woff') format('woff'),url('../fonts/Eina02-Light.ttf') format('truetype');
}  
@font-face {
    font-family: 'Eina02';
    src: url('../fonts/Eina02-Bold.eot');
    src: url('../fonts/Eina02-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Eina02-Bold.woff2') format('woff2'),url('../fonts/Eina02-Bold.woff') format('woff'),url('../fonts/Eina02-Bold.ttf') format('truetype');
}  
@font-face {
    font-family: 'Eina02';
    src: url('../fonts/Eina02-SemiboldItalic.eot');
    src: url('../fonts/Eina02-SemiboldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Eina02-SemiboldItalic.woff2') format('woff2'),url('../fonts/Eina02-SemiboldItalic.woff') format('woff'),url('../fonts/Eina02-SemiboldItalic.ttf') format('truetype');
}  
@font-face {
    font-family: 'Eina02';
    src: url('../fonts/Eina02-RegularItalic.eot');
    src: url('../fonts/Eina02-RegularItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Eina02-RegularItalic.woff2') format('woff2'),url('../fonts/Eina02-RegularItalic.woff') format('woff'),url('../fonts/Eina02-RegularItalic.ttf') format('truetype');
}  
@font-face {
    font-family: 'Eina02';
    src: url('../fonts/Eina02-LightItalic.eot');
    src: url('../fonts/Eina02-LightItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Eina02-LightItalic.woff2') format('woff2'),url('../fonts/Eina02-LightItalic.woff') format('woff'),url('../fonts/Eina02-LightItalic.ttf') format('truetype');
}  
@font-face {
    font-family: 'Eina02';
    src: url('../fonts/Eina02-BoldItalic.eot');
    src: url('../fonts/Eina02-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Eina02-BoldItalic.woff2') format('woff2'),url('../fonts/Eina02-BoldItalic.woff') format('woff'),url('../fonts/Eina02-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Eina02';
    src: url('../fonts/Eina02-Regular.eot');
    src: url('../fonts/Eina02-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Eina02-Regular.woff2') format('woff2'),url('../fonts/Eina02-Regular.woff') format('woff'),url('../fonts/Eina02-Regular.ttf') format('truetype');
}

/*CSS Créé par Gabriel Lafortune pour les articles de la Gazette des femmes de l'édition novembre 2020*/
.boite-page-intro{
    /*background-color: #A9A9A9;*/
    margin: 2rem auto;
    width:80%;
    padding: 1rem;
    border: solid 1px black;
    }
.gf-margin-top{
	margin-top:20px;
	}
.article-contenu .gf-margin-top-video{
	margin-top:6rem;
	}
	/*FIN*/

body
{
	font-family: 'Eina02',sans-serif;
}
@media screen {
    .customize-support
    {
        padding-top:46px;
    }
}
/*anti-spam, formulaire nous-joindre*/
.nobot{
    display:none;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.p-first-child-margin-top>p:first-child
{
	margin-top: 20px;
}
#page
{
	background-color: #fff;
}
/*blockquote
{
	font-size: 16px;
}*/
blockquote footer
{
	margin-top: 10px;
}
blockquote small
{
	font-size: 95%;
}
blockquote footer:before, blockquote small:before
{
	content: none;
}
.big
{
	font-size: 115%;
}
.discret
{
	font-size: inherit;
	border:none;
	margin:0;
	padding: 0;
}
.block
{
	display: block;
}
a
{
	color: #5C5A5D;
	background-color: inherit;
	text-decoration: underline;
}
a:hover, a:focus
{
	color: #000;
	text-decoration:none;
}
footer a:hover, footer a:focus{
    color:#fff;
    text-decoration:underline;
}
a.no-underline
{
	color: inherit;
}
a.btn, a.no-underline, h1>a, h2>a, h3>a
{
	text-decoration: none;
}
a.alert-link
{
	background-color: transparent;
}
q:before
{
	content:no-open-quote;
}
q:after
{
	content:no-close-quote;
}
.italique
{
	font-style: italic;
}
.gras
{
	font-weight: bold;
}
.alert p:last-of-type
{
	margin-bottom: 0;
}
cite em, em em, em cite, .italique cite
{
	font-style: normal;
}
cite em em, em cite em, em em em
{
	font-style: italic;
}

.table-bordered tfoot>tr:first-child>th,
.table-bordered tfoot>tr:first-child>td
{
	border-top-width: 2px;
}
.clear-left, .clear
{
	clear: left;
}
.clear-right, .clear
{
	clear: right;
}
.article-contenu .table
{
	/*width: auto;*/
}
.well tbody, .well thead, .well tfoot
{
	background-color: #fff;
}

.table-responsive + .table-responsive
{
	margin-top: 10px;
}

.table-responsive + p
{
	margin-top: 15px;
}
.list-unstyled>li.with-margin-bottom
{
	margin-bottom: 10px !important;
}
.table caption
{
	color: #666;
}
.well .table caption
{
	color: #333;
}
.straight
{
	font-style: normal;
}
.liste-collee
{
	padding-left: 15px;
}
.a-like
{
	border:none;
	background-color: transparent;
	padding: 0;
	text-decoration: underline;
}
.a-like:hover, .a-like:focus
{
	text-decoration: none;
}
.gris-plus-pale
{
	background-color: #eee;
}
.gris-plus-fonce
{
	background-color: #E6E8E9;
}
.heading-texte-cote h2
{
	display: inline-block;
}
.article-contenu .liste-p
{
	margin-bottom: 5px;
}
.partage-icon
{
	display: inline-block;
	position: relative;
	height: 18px;
	width: 20px;
	background: url('../img/partage.png') center no-repeat;
	background-size: 100%;
}
.fb-custom
{
	top: -5px;
	bottom: 5px;
}
.partage-lien
{
	display: inline-block;
}
.partage-lien-droit
{
	margin-left: 15px;
	position: absolute;
	top: 15px;
	right: 0;
}
.partage-lien .dropdown-menu
{
	left: auto;
	right: 0;

}
.dropdown-menu>li>.share-method
{
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}
.dropdown-menu>li>.share-method>.share-with
{
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: inline-block;
	height: 16px;
	width: 16px;
	vertical-align: text-bottom;
}
.share-with-facebook
{
	background-image: url("../img/FB-f-Logo__blue_29.png");
}
.share-with-twitter
{
	background-image: url("../img/twitter-share-256.png");
}
.share-with-google
{
	background-image: url("https://www.gstatic.com/images/icons/gplus-32.png");
}
.share-with-email
{
	background-image: url("../img/newsletter-icon.png");
}
.thumbnail
{
	padding: 0;
}
.vbold
{
	font-weight: bold;
}
.p-description
{
	position: absolute;
	left: 200px;
	top: 15px;
	/*font-style: italic;*/
	font-size: 16px; /*font-size = seize*/
	color: #333;
}
#non-mais-toggle
{
	position: absolute;
        z-index:9999;
	margin-left: -15px;
	margin-right: -15px;
	padding: 0 15px;
width:35%;
right:0;
            background-color:#fff;;
}
.icon-newsletter
{
	display:inline-block;
	background: url('../img/newsletter-icon.png') no-repeat left 100%;
	height: 17px;
	line-height: 17px;
	width: 25px;
}

.msg-abonnezvous{
    margin-left:-30px;
    margin-right:-30px;
 }
 
 header{
     position:sticky;
     top:0px;
     z-index:9999;
 }

 
    .abonnezvous{
        padding:0.9375rem 3.125rem;
        color:#fff;
        font-size:2.75rem;
        text-align:center;
    }
    .msg-abonnezvous #cat-themes-mensuels{
        background-color: #1a1a1a;
    }
    .msg-abonnezvous #cat-artsculture{
        background-color: #3f51b5;
    }
    .msg-abonnezvous #cat-economie{
        background-color: #e65100;
    }
    .msg-abonnezvous #cat-environnement{
        background-color: #43a047;
    }
    .msg-abonnezvous #cat-sante{
        background-color: #d50000;
    }
    .msg-abonnezvous #cat-societe{
        background-color: #009688;
    }
    .msg-abonnezvous #cat-sports{
        background-color: #0091ea;
    }

        .abonnezvous p{
            margin:2rem
        }
        .btn-abonnezvous{
            border:0.3rem solid #fff;
            padding:0.9375rem 4.375rem;
            color:#fff;
            text-decoration:none;
        }
        
        .btn-abonnezvous:hover{
            background-color:#fff;
        }
        
        #cat-thememois .btn-abonnezvous:hover{
            color: #1a1a1a;
        }
        #cat-artsculture .btn-abonnezvous:hover{
            color: #3f51b5;
        }
        #cat-economie .btn-abonnezvous:hover{
            color: #e65100;
        }
        #cat-environnement .btn-abonnezvous:hover{
            color: #43a047;
        }
        #cat-sante .btn-abonnezvous:hover{
            color: #d50000;
        }
        #cat-societe .btn-abonnezvous:hover{
            color: #009688;
        }
        #cat-sports .btn-abonnezvous:hover{
            color: #0091ea;
        }
        
footer{
    background-color:#1a1a1a;
    color:#fff;
    padding:40px 65px 0px;
    margin-left:-15px;
    margin-right:-15px;
    margin-top:20px;
}

footer #editeur #logo-csf img{
    width: 50%;
    margin-top:0rem;
}

footer #editeur #editeur-mention{
    text-align:right;
}

footer a{
    text-decoration:none;
    color:#fff;
}

footer .gazette-apropos, footer .gazette-obligations{
    text-align:center;
    margin-top:15px;
}

.gazette-apropos ul li:last-child:after, .gazette-obligations ul li:last-child:after{ 
    content: ""; 
    padding-left:0px; 
}


.menu-social-2020
    {
	height:52px;
	padding-top: 10px;
	background-color: #1a1a1a;
        text-align:right;
    }
.reseaux-sociaux
{
	height:48px;
	text-align: center;
	padding:9px 0;
	margin-bottom: 0;
	z-index: 1;
}
.reseau-social
{
	display: inline-block;
        color:#fff;
        border:2px solid #fff;
        font-size:1.75rem;
        min-width:35px;
        min-height:35px;
        text-align:center;
}
.reseau-social:hover{
    color:#a1a1a1;
}

.fas, .far, .fab {
    position: relative;
    top: 4px;
}

.pagination .fas, .pagination .far, .pagination .fab {
    position: relative;
    top: 0px;
}




.list-inline
{
	margin-bottom: 0;
}
#page>header .list-inline>li, #page>footer .list-inline>li
{
	padding-left: 0;
}
#champRechercheTop
{
	margin: 9px 0;
}

.menu-2 .logo
{
	display: inline-block;
	/*margin-right: 10px;*/
}

.menu-2 .logo img{
    width:335px;
}

.vignette
{
	position: relative;
	margin-bottom: 20px;
}

.navbar-gdf
{
	margin-bottom: 0;
	padding-bottom: 0;
}

.mobile-hamburger
{
	display: block;
	height: 50px;
	width: 50px;
	background: url("../img/btn-menu-hamburger.png") no-repeat center;
        background-size:100%;
}
    #menu-2020{
        height:95px;
        display:flex;
        align-items: center;
        justify-content: flex-end;
    }
    .btn{
        /*padding:0px;*/
    }
    .btn-default{
        border:none;
    }
    .btn-default:hover {
        color: #333;
        background-color: #fff;
        border-color: #adadad;
    }
.chapeau{
    padding:1rem 0;
}

.chapeau p{
    font-weight:bold;
    font-size:1.8rem;
}

.auteur abbr{
    text-decoration:none;
    border-bottom:none;
    text-transform: lowercase;
}

.auteur, .descbandeau, .datepublication, .estimatedtime
{
	margin-top: 0 !important;
	margin-bottom:5px;
	color: #555;
	/*display: flex;*/
    align-items: flex-start;
}

@media screen and (max-width: 1024px) {
    .auteur, .descbandeau, .datepublication, .estimatedtime {
        display: inherit;
        align-items: inherit;
    }
    .div-slick .thumbnail .caption .auteur span {
        margin-right:5px;
    }
}

@media screen and (max-width: 767px) {
    .div-slick .thumbnail .caption .auteur span:first-of-type::after {
        content: '\A';
    white-space: pre;
    }
    
    #publications-articles > div:first-of-type .thumbnail .caption .auteur span::after {
        content: none;
    white-space: inherit;
    }
}

/* -- Icone auteur·e image et publication -- */
.fa-user, .fa-image, .fa-calendar-day, .fa-clock {
    top:2px;
    padding: 0 5px;
    color:#1a1a1a;
}

.auteur-splash
{
	margin-top: 10px !important;
	display: block;
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
}
.decalage-droite
{
	display: inline-block;
	margin-left: 30px;
}

.menu-cat {
    
}

/* Catégories */
.menu-cat li{
    border-bottom:1px solid #ccc;
}
.menu-cat li ul{
    padding:4px 0;
}
.menu-cat li ul li{
    border-bottom:none;
    list-style-type: none;
    margin-left:15px;
}
.menu-cat li ul li a{
    text-decoration:none;
    margin:2px 0;
}
.menu-cat li>a
{
	display:block;
}
#footer-elements{
    background-color:#1a1a1a;
}
#footer-elements ul li a{
    color:#fff;
}
#footer-elements ul li a:hover{
    color:#a1a1a1;
}


.cat
{
	/*color:#FFF;*/
}
.cat>a
{
        width:100%;
	text-decoration: none;
}

.menu-cat li.cat>a{
        border-left-width:2px;
        border-left-style:solid;
        color:#1a1a1a;
    }

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: none;
}
	.menu-cat li.cat:hover>a,.menu-cat li.cat:focus>a, .menu-cat li.cat:active>a
	.menu-cat li.cat>a:hover,.menu-cat li.cat>a:focus, .menu-cat li.cat>a:active,
	.menu-cat li.cat.focused>a
	{
		color: #FFF;
	}
.menu-cat li.cat-themes-mensuels a{
    border-color:#1a1a1a;
background-color:#1a1a1a;
color:#ffffff;
}
.menu-cat li.cat-themes-mensuels a:hover{
background-color:#fff!important;
border-color:#1a1a1a;
color:#1a1a1a;
}
.menu-cat .cat-education a, .menu-cat .cat-artsculture a
{
border-color: #3F51B5;
}
.menu-cat .cat-education a:hover, .menu-cat .cat-artsculture a:hover
{
background-color: #3F51B5!important;
}
.menu-cat .cat-argent a, .menu-cat .cat-economie a
{
border-color:#E65100;
}
.menu-cat .cat-argent a:hover, .menu-cat .cat-economie a:hover
{
background-color:#E65100!important;
}
.menu-cat .cat-monde a, .menu-cat .cat-environnement a
{
border-color: #43A047;
}
.menu-cat .cat-monde a:hover, .menu-cat .cat-environnement a:hover
{
background-color: #43A047!important;
}
.menu-cat .cat-sante a
{
border-color: #D50000;
}
.menu-cat .cat-sante a:hover
{
background-color: #D50000!important;
}
.menu-cat .cat-societe a
{
border-color: #009688;
}
.menu-cat .cat-societe a:hover
{
background-color: #009688!important;
}
.menu-cat .cat-droit a, .menu-cat .cat-sports a
{
border-color: #0091EA;
}
.menu-cat .cat-droit a:hover, .menu-cat .cat-sports a:hover
{
background-color: #0091EA!important;
}





.menu-cat .cat-travail a
{
	border-color: #683d9d;
}
.menu-cat .cat-travail a:hover
{
	background-color: #683d9d!important;
}



.cat-auteurs
{
	background-color:#852b63;
	border-color: #852b63;
	color:#852b63;	
}
.input-group {
    width:100%;
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left:0px;
}
.cat-recherche
{
	background-color:#007494;
	border-color: #007494;
	color:#007494;	
}
.cat-a-propos
{
	background-color: #1a1a1a;
	color: #fff;
}
.cat-104
{
	background-color: #480034;
	border-color: #480034;
	color: #480034;
}
.cat-dossier
{
	background-color: #672E77;
	border-color: #672E77;
	color: #672E77;
}
.cat-videos
{
	background-color: #672E77;
	border-color: #672E77;
	color: #672E77;
}
.cat-caricatures
{
	background-color: #123456;
	border-color: #123456;
	color: #123456;
}
/*.cat-chroniques
{
	background-color: #123321;
	border-color: #123321;
	color: #123321;	
}*/
.cat-non-classe
{
	background-color: #E40080;
	border-color: #E40080;
	color: #E40080;
}
.cat-5-questions
{
	/*background-color: #455F79;
	border-color: #455F79;
	color: #455F79;*/
}

.border-lighter
{
	border: 3px solid rgba(255,255,255,0.4);
}
.border-darker
{
	border: 3px solid rgba(0,0,0,0.4);
}
.triangle
{
	position: absolute;
	width: 32px;
	height: 32px;
	background: url('../img/triangle.png') no-repeat;
	background-size: 100%;
	bottom: 5px;
	right: 5px;
}
.csf-section-header
{
	color: #1a1a1a;
	text-align: left;
	position: relative;
        z-index:888;
}

#cat-chroniques .csf-section-header .hr{
    border-color:#f44336;
}

#cat-cinq-questions .csf-section-header .hr{
    border-color:#9c27b0;
}

.content-cinq-questions {
    min-height: 353px;
}

.csf-section-header .hr
{
	border:0;
	top:24px;
	border-top: 4px solid;
}
.csf-section-header h2
{
	font-size: 24px;
	display: inline-block;
	padding: 20px 10px;
        background-color:#fff;
	margin: 0;
	position: relative;
}

/*.articles-carousel .thumbnail
{
	border-bottom-right-radius:20px;
	position: relative;
}
.articles-carousel .thumbnail, .articles-carousel .thumbnail img
{
	border-top-left-radius:20px;
}*/
.articles-carousel .thumbnail .caption
{
	word-break: break-word;
	height: 181px; /*220px;*/
	position: relative;
	overflow: hidden;
	margin-bottom: 0px;
	padding-bottom: 0;
}
.articles-carousel .thumbnail .caption .extrait-overflow p
{
	margin-bottom: 0;
}


/*.categories-carousel
{
	display: table;
	border-collapse: separate;
	border-spacing: 4px;
}*/
.categories-carousel>ul
{
	display: none/*table-row*/;
	/*bottom: -4px;*/
}
.categories-carousel ul.list-inline>li.cat
{
	/*display: table-cell;*/
}

.articles-carousel .caption h1, .custom-thumbnail h1
{
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 0;
	font-size: 16px;
}

.articles-carousel .caption.dossier h1
{
	background-color: #A5A4A5;
}
.cat-pool
{
	margin-left: 0px;
	position: absolute;
	bottom:0px;
}
.cat-pool .cat
{
	text-align: center;
	}

.cat-pool .cat:not(.active)
{
	background-color: #fff;
}

.cat-pool .cat.active
{
	color: #fff;
}
.cat-pool .cat a
{
	padding:0;
	color: inherit;
}

.div-slick
{
	/*padding-left: 15px;
	padding-right: 15px;*/
}
.div-slick .thumbnail
{
	
}
.publication-control.right, .publication-control.left
{
	width: 10%;
	background-image: none;
	color:#000;
}
.publication-control
{
	font-size: 20px;
}

.splash
{
	height: 330px;
	position: relative;
	text-align: center;
}
.splash p.titre-accueil
{
	font-size: 22px;
    
}
.splash p.titre-accueil a
{
	color: #5C5A5D;
    text-decoration:none;
}

.splash p.titre-accueil a:hover
{
	color: #1a1a1a;
}

.splash .auteur
{
	color: #1a1a1a;
}

.splash-shape
{
	margin-left: 15px;
	margin-right: 15px;
	display: inline-block;
	max-width: 500px;
}
.splash-shape:before
{
	display: inline;
	content: " ";
	width: 0;
	line-height: 330px;
}
.shape-contenu
{
	text-align: left;
	background-color: rgba(255,255,255,0.95);
	line-height: 1.42857143;
	display: inline-block;
	position: relative;
	width: 100%;
	vertical-align: middle;
}

#cercle
{
	/*margin-top: 20px;*/
	left: 0px;
	right: 0px;
	text-align: center;
	/*position: relative;*/

}
#cercle .shape-contenu
{
	padding-top: 20px;
	padding-left: 50px;
	height: 290px;	
	border-radius: 100%;
	width: 290px;
	text-align: left;
	/*position: absolute;*/
}
#cercle ul
{
	list-style-type: square;
	padding:15px;
	margin-bottom: 0;
}
#cercle h1 .small
{
	display: block;
	font-size: 60%;
	margin-top: 5px;
	color: #000;
}

#cinq
{
	font-size: 78px;
	/*position: absolute;*/
	top: -30%;
	left:-25%;
}
#mini-separateur
{
	border-bottom: 1px solid #000;
	width: 1em;
}
.rectangle
{
	/*position: absolute;
	bottom: 40px;
	right: 40px;
	max-width: 50%;*/
        padding:10px;
}
.rectangle .shape-contenu
{
	padding: 15px 10px 0px 15px;
}
.rectangle h1
{
	margin-top:0px;
	font-size: 20px;
}
.rectangle .fb-twit
{
	margin-top: 15px;
}
.splash-background
{
	/*position: absolute;*/
	overflow: hidden;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.image-centerer
{
	/*position: absolute;*/
	left: 50%;
	top: 0;	
}

.image-centerer>img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
        width:100%;
	/*max-width: 550px;*/
	height: auto;
}
#videos-caricatures, #videos-caricatures h2
{
	background-color: #fff;
}
#caricatures .hauteur-fixe
{
	height: 280px;
}
#caricatures .image-centerer
{
	width: 720px;
	margin-left: -360px;
}
.custom-thumbnail
{
	box-shadow: none;
	border:none;
	padding: 0;
	background-color: transparent;
}
.custom-thumbnail .caption
{
	padding:0;
}
.caption-header
{
	position: relative;
}
.custom-thumbnail .caption-header
{
	padding-top:15px;
}

.col-list-mensuel .custom-thumbnail .caption-header
{
	padding:inherit;
	margin-top: 3px;
}

.ligne-en-bas
{
	padding-bottom: 15px;
	border-bottom: 1px solid #5c5b5d;
}
.custom-thumbnail h1
{
	margin: 0 30px 0 0;
}
#imgEnveloppe
{
	background: #fff url('../img/enveloppe.png') center 15px no-repeat;
	background-size: 60%;
	position: absolute;
	bottom: -20px;
	top:0;
	width: 150px;
}
#imgEnveloppe:before
{
	border-left: 64px solid #fff;
	border-right: 64px solid #fff;
	border-bottom: 10px solid transparent;
	position: absolute;
	content: " ";
	display: block;
	width: 0;
	height: 0;
	margin-left: -15px;
	top:160px;
}
#inscription-infolettre
{
	padding-left: 0;
	padding-right: 0;
}
#inscription-infolettre fieldset
{
	position: relative;
	border:5px solid #fff;
	padding:20px;
	margin-bottom: 15px;
}

.alerte-infolettre .alert
{
	margin-top: 20px;
	margin-bottom: 0;
}
.alerte-email .alert
{
	margin-top: 15px;
}
#infolettre footer
{
	position: absolute;
	font-size: 12px;
	left: 0;
	right: 0;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}


.form-inscription form{
    width:100%;
    max-width:570px;
    margin:0 auto;
    border:1px solid #1a1a1a;
    padding: 1.875rem;
    text-align: left;
}

.form-inscription .btn{
background-color:#1a1a1a;
color:#fff;
}

.form--inscription input {
  border: 1px solid #F7CED7;
  display: block;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 1em;
  text-align: left;
  width: 100%;
  margin: 0.5em auto;
}

.form-inscription label {
    display: block;
    line-height: 1.4375rem;
    font-weight: normal;
    margin: 0.5em auto;
}

.email-fiel-bloc label {
float:left;
margin-right:1%;
}

.infolettre-liste {
    list-style-type:none;
}
.infolettre-liste li input[type=checkbox] {
    float: left;
    width: 3%;
    margin-top:0px;
    margin-right: 1%;
}

.form-inscription input[type=submit] {
    width:40%;
    margin: 0 30%;
    border-radius:0;
}
.msg-medias-sociaux{
    width:50%;
    margin:0 auto;
}

.reseaux-sociaux-info{
    list-style-type:none;
    width:auto;
    margin:0 auto 50px;
    display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.reseaux-sociaux-info li{
    float:left;
    padding-right: 10%;
}

.reseaux-sociaux-info .reseau-social {
    color: #1a1a1a;
    border: 2px solid #1a1a1a;
    font-size: 1.75rem;
    min-width: 35px;
    min-height: 35px;
    text-align: center;
    vertical-align: middle;
    position:relative;
}

.reseaux-sociaux-info .reseau-social i{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}



.btn-csf
{
	background-color: #5c5b5d;
	color: #fff;
}
.btn-csf:hover,.btn-csf:focus
{
	background-color: #525153;
	color: #fff;	
}
.btn-submit
{
	width: 50px;
	height: 34px;
	display: inline-block;
}
.btn-submit, .btn-submit:active
{
	background:#5c5b5d url('../img/envoyer.png') 14px center no-repeat;
	background-size: 40%;
}
#social-recent
{
	margin-bottom: 60px;
}
.social-recent
{
	background-color: #fff;
	height: 295px;
	padding: 15px;
}
.carre-bleu
{
	float: left;
	height: 65px;
	width: 65px;
	background-color: #52c6ff;
	margin: 0 10px 0 5px;
	background-repeat: no-repeat;
	background-position: center;
}
.gazette-bleu
{
	background-image: url('../img/gazette-bleue.png');
	background-size: 100%;
}
.twitter-bleu
{
	background-image: url('../img/oiseau-twitter-blanc.png');
	background-size: 50%;
}
.bulle-bleue
{
	background-image: url('../img/bulle-csf.png');
	background-size: 100%;
}
.social-recent-header
{
	height: 80px;
}
.social-recent-header h3
{
	margin: 0;
	margin-top: 5px;
	font-size: 14px;
	font-weight: bold;
	margin-right: -5px;
}
.social-recent-items
{
	margin-right: -15px;
	margin-left: -15px;
	height: 185px;
	overflow: auto;
	word-wrap: break-word;
	font-size: 13px;
}
.rangee
{
	padding: 10px 20px 
}
.bordure-grise-top
{
	border-top: 1px solid #eee;
	background-color: #fff;
}
.social-recent-items .lien-dans-commentaire
{
	display: block;
}
.caroussel
{
	margin-top:15px;
	margin-bottom: 20px;
}

#publications-articles > div .overflow-cat-carousel .cat-argent a, #publications-articles > div .overflow-cat-carousel .cat-economie a
{
background-color:#e65100!important;
}

#publications-articles > div .overflow-cat-carousel .cat-droit a, #publications-articles > div .overflow-cat-carousel .cat-sports a
{
background-color: #0091ea!important;
}

#publications-articles > div .overflow-cat-carousel .cat-education a, #publications-articles > div .overflow-cat-carousel .cat-art-culture a
{
background-color: #2b854d!important;
}

#publications-articles > div .overflow-cat-carousel .cat-monde a, #publications-articles > div .overflow-cat-carousel .cat-environnement a
{
background-color: #43a047!important;
}

#publications-articles > div .overflow-cat-carousel .cat-sante a
{
background-color: #d50000!important;
}

#publications-articles > div .overflow-cat-carousel .cat-societe a
{
background-color: #009688!important;
}

#publications-articles > div .overflow-cat-carousel .cat-artsculture a
{
background-color: #3F51B5!important;
}

#publications-articles > div .overflow-cat-carousel .cat-travail a
{
	background-color: #683d9d!important;
}


.slick-dots
{
	position: relative;
	bottom: -20px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none;
}
.slick-dots li
{	
	display: inline-block;
}
.slick-dots li button
{
	border-radius: 10px;
	border: 1px solid #5c5b5d;	
	width: 10px;
	height: 10px;
	margin: 1px 2px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000;
	background-color: rgba(0,0,0,0);
	padding: 0;
}
.slick-dots .slick-active button
{
	width: 12px;
	height: 12px;
	margin: 0 1px;
	background-color: #5c5b5d;
}
#footer-commun
{
	padding-top:30px;
}
#csfq
{
	text-align: left;
	font-size: 12px;
	height: 51px;
}
.csfq-drapeau-container
{
	display: inline-block;
	max-width: 208px;
	width: 45%;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	height: 51px;
}
.csfq-drapeau
{
	vertical-align: initial;
	display: inline-block;
	width: 100%;
}
.csfq-texte
{
	display: inline-block;
	width: 162px;
	padding-right: 15px;
	text-align: left;
}
#metro-div{
	margin-top: 20px;
	margin-bottom: 95px;
}
.metro-texte{
	display: inline-block;
	width: 162px;
	padding-right: 15px;
	text-align: left;
	font-size: 12px;
}
.csfq-texte p
{
	margin:0;
}
#div-nav-footer
{
	margin-top:30px;
	text-align: center;
	margin-bottom: 30px;
}

footer .reseaux-sociaux
{
    text-align:center;
	/*left: 0;
	position: absolute;
	bottom: 40px; *//*- 30 * 6 - 48*/
}

#copyright
{
	margin-top: 60px;
	text-align: center;
	margin-bottom: 10px;
}

/* ARTICLES */
.article-titre h1, #a-propos-contenu h2
{
    font-size: 3rem;
    color: #1a1a1a;
    padding:40px 0;
    text-align:left;
    margin:0;
}
.article-titre:first-child
{
	/*margin-top: 60px;*/
}
#accordion, #accordion.panel-group .panel-auteur
{
	border:none;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0px;
}

.flip-caret-on-collapse>.caret
{
  border-top-width: 7px;
  margin-right: -1px;
  margin-left: 3px;
}
.flip-caret-on-collapse.collapsed>.caret
{
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-left: 7px solid;
	margin-right: 0px;
	border-right: none;
}
#div-nav-categories
{
	margin: 0 -15px;
}
#div-nav-categories ul li{
    width:100%;
    color:#fff;
    font-size:2rem;
    padding: 10px 0;
    margin:0;
}
#div-nav-categories ul li.cat-artsculture{
    background-color:#3f51b5;
}
#div-nav-categories ul li.cat-economie{
    background-color:#E65100;
}
#div-nav-categories ul li.cat-environnement{
    background-color:#43A047;
}
#div-nav-categories ul li.cat-sante{
    background-color:#D50000;
}
#div-nav-categories ul li.cat-societe{
    background-color:#009688;
}
#div-nav-categories ul li.cat-sports{
    background-color:#0091EA;
}
#div-nav-categories ul li.cat-chroniques{
    background-color:#F44336;
}
#div-nav-categories ul li.cat-5-questions{
    background-color:#9c27b0;
}

.framed{
    border-width:1px;
    border-style: solid;
    width:80%;
    margin:3rem auto;
    padding:1.5rem;
}

.framed h2{
    text-align:center;
}

.gf-color{
    border-color:#1a1a1a;
}

.boutons-partage {
  position: absolute;
  bottom: 0rem;
  right: 0;
}

#theme-mensuels .boutons-partage {
    bottom: 5.8rem;
}
/* BTN-partage médias sociaux */

.boutons-partage {
  background-color: #fff;
  display: inline-flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}
.boutons-partage ul {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.boutons-partage a {
  -webkit-transition: background-color 0.25s, color 0.25s;
  -moz-transition: background-color 0.25s, color 0.25s;
  -ms-transition: background-color 0.25s, color 0.25s;
  -o-transition: background-color 0.25s, color 0.25s;

    height: 3.125rem;
    width: 3.125rem;

/*  height: 2.5rem;
  width: 2.5rem;*/
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  text-decoration:none;
  color:#1a1a1a;
}
.boutons-partage a:hover {
  background-color: #1a1a1a;
  color: #fff;
}
.boutons-partage a:hover svg * {
  fill: #ffffff;
}
.boutons-partage a.partager {
  background-color: #1a1a1a;
  color: #ffffff;
}
.boutons-partage a.partager:hover {
  background-color: #fff;
  color:#1a1a1a;
}
.boutons-partage a.partager:hover svg * {
  fill: #1a1a1a;
}
.boutons-partage .i {
  height: 1.5625rem;
  width: 1.5625rem;
}
.boutons-partage.is-closed ul {
  display: none;
}

.boutons-partage a i{
    font-size:2.5rem;
}


.boutons-partage .fa-facebook-f, .boutons-partage .fa-twitter {
top:0px;
}


.image-temporaire{
    max-width: 23% !important;
}

.col-list-mensuel .thumbnail{
    margin:inherit;
}



.padding-temporaire{
    padding-bottom:5rem;
}
/*.right-temporaire{*/
/*    right:6% !important;*/
/*}*/

@media screen and (min-width: 50em) {
  .boutons-partage a {
    height: 4.5rem;
    width: 4.5rem;
  }
}

.date-auteur {
    border-left-width: 4px;
    border-left-style: solid;
    margin-left: 15px;
    margin-bottom:12px;
    padding: 10px 15px 0px;
}
.cat-artsculture .date-auteur{
    border-left-color:#3f51b5;
}
.cat-economie .date-auteur{
    border-left-color:#E65100;
}
.cat-environnement .date-auteur{
    border-left-color:#43A047;
}
.cat-sante .date-auteur{
    border-left-color:#D50000;
}
.cat-societe .date-auteur{
    border-left-color:#009688;
}
.cat-sports .date-auteur{
    border-left-color:#0091EA;
}
.cat-chroniques .date-auteur{
    border-left-color:#F44336;
}
.cat-5-questions .date-auteur{
    border-left-color:#9c27b0;
}
.cat-themes-mensuels .date-auteur{
    border-left-color:#1a1a1a;
    margin-left:0px;
    margin-bottom:20px;
    padding-bottom: 5px;
}

.txtimagedelavant{
    font-size:small;
    text-align:right;
}


.article-contenu:first-child{
    margin-top:15px;
}

.article-contenu > p:first-child::first-letter {
  font-size:4.5rem;
  font-weight: bold;
  float:left;
  line-height: 1; 
  margin-top:-7px;
  margin-right:0.3rem;
}

@-moz-document url-prefix() { 
.article-contenu > p:first-child::first-letter {
  margin-top:2px;
}
}





.article-contenu.cat-artsculture > p:first-child::first-letter{
    color:#3F51B5;
}
.article-contenu.cat-economie > p:first-child::first-letter{
    color:#E65100;
}
.article-contenu.cat-environnement > p:first-child::first-letter{
    color:#43A047;
}
.article-contenu.cat-sante > p:first-child::first-letter{
    color:#D50000;
}
.article-contenu.cat-societe > p:first-child::first-letter{
    color:#009688;
}
.article-contenu.cat-sports > p:first-child::first-letter{
    color:#0091EA;
}
.article-contenu.cat-chroniques > p:first-child::first-letter{
    color:#F44336;
}
.article-contenu.cat-5-questions > p:first-child::first-letter{
    color:#9c27b0;
}

blockquote footer{
    padding:0px;
    text-align:right;
}

.cat-pool-static
{
	position: static;
	margin-left: 0;
}
.article-contenu p, .article-contenu>footer
{
	margin-bottom: 15px;
}
.article-contenu h2:not(.panel-title),
.article-contenu .h2:not(.panel-title),
.article-contenu article h1
{
	font-size: 18px;
	font-weight: 700;
}
.article-contenu h3, .article-contenu .h3
{
	font-size: 16px;
	font-weight: 700;
}
.article-contenu h4, .article-contenu .h4
{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
}
.not-bold, .article-contenu h2.not-bold
{
	font-weight: 400;
}
.article-contenu h2:first-child
{
	margin-top: 0;
}
.article-contenu .well h2>a
{
	text-decoration: underline;
}
.article-contenu .well h2>a:hover,.article-contenu .well h2>a:focus
{
	text-decoration: none;
}

.article-contenu .well h2:first-child,
.article-contenu .well .h2:first-child,
.article-contenu .well h3:first-child,
.article-contenu .well .h3:first-child
{
	margin-top: 0;
}
.article-contenu .well :last-child
{
	margin-bottom: 0;
}

.article-contenu .well :last-child
{
	margin-bottom: 0;
}
.article-contenu .well hr
{
	    border-top: 1px solid #e3e3e3;
}
.article-contenu a[target=_BLANK]:after,
.article-contenu a[target=_blank]:after,
.article-contenu a[target=blank]:after
{
	content: " ";
	display: inline-block;
	margin-left: 2px;
	width: 13px;
	height: 13px;
	background-image: url('../img/url_icon.gif');
/*  content: "\e164";
  position: relative;
  top: 1px;
  margin-left: 4px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  font-size: 90%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;*/

}

.article-contenu figure footer.light a[target=_BLANK]:after,
.article-contenu figure footer.light a[target=_blank]:after,
.article-contenu figure footer.light a[target=blank]:after
{display:none;}

.article-contenu li:first-child h3,
.article-contenu li:first-child .h3
{
	margin-top: 0;
}
#articles-similaires
{
	margin-top: 60px;
}
#articles-similaires h2
{
	padding: 40px 20px;
}
#articles-similaires .hr
{
	top:52.5px;
}

#comments
{
	margin-top:60px;
}
.input-background-gray input, .input-background-gray textarea
{
	background-color: #eee;
	border:none;
	box-shadow: none;
	color: #000;
}
.input-background-gray input:-moz-placeholder, .input-background-gray textarea:-moz-placeholder
{
	color:#6c6c6c;
}
.input-background-gray input::-moz-placeholder, .input-background-gray textarea::-moz-placeholder
{
	color:#6c6c6c;
}
.input-background-gray input:-ms-input-placeholder, .input-background-gray texarea:-ms-input-placeholder
{
	color:#6c6c6c;
}
.input-background-gray input::-webkit-input-placeholder, .input-background-gray textarea::-webkit-input-placeholder
{
	color:#6c6c6c;
}


.frm-commentaire-header
{
	border-width: 1px 0px;
	border-style: solid;
	border-color:#c3c3c3;
	line-height: 60px;
	margin-bottom: 30px;
}
.frm-commentaire-header h2
{	
	font-size: 18px;
	line-height: inherit;
	display: inline-block;
	margin:0;
	color: #5c5b5d;
}
.boite-reactions
{
	padding:6px 0px;
	margin-left: 10px;
	position: relative;
}
.boite-reactions-default
{
	background-color: #5c5b5d;
	border-color: #5c5b5d;
}
.boite-reactions:before
{
	border:5px solid transparent;
	border-color:rgba(0,0,0,0.01);
	border-right-color: inherit;
	content: ' ';
	top:50%;
	margin-top: -5px;
	left: -10px;
	position: absolute;
}
.small-triangle-left
{
	width: 0;
	margin-left: -17px;
	padding-right: 17px;
	font-size: 12px;
}
.boite-reactions-default .small-triangle-left
{
	color: #5c5b5d;
}
.nb-reactions
{
	width: 28px;
	text-align: center;
	display: inline-block;
	color: #fff;
	text-decoration: none;
}
.liste-commentaires
{
	padding: 0;
	list-style-type: none;
}
.commentaire
{
	border:#c3c3c3 solid 1px;
	border-radius: 3px;
	margin-bottom: 15px;
}
.commentaire .alert
{
	border-top: none;
	border-right: none;
	border-left: none;
	border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.not-shown
{
	display: none;
	visibility: hidden;
}
.commentaire-auteur
{
	font-weight: 500;
	font-size: 20px;
	display: inline-block;
	margin: 0;
}
.commentaire-auteur::first-letter
{
text-transform: uppercase;
}
.commentaire-contenu
{
	margin: 15px;
}
.more-comments
{
	margin: 30px auto;
	width: 300px;
}
/* Catégories */
/*.page-banderole .auteur
{
	font-style: italic;
}*/
.categorie-header
{
	text-align: center;
	position: relative;
	color: #fff;
}
.hr
{
	height: 1px;
	border-width: 1px 0px;
	position: absolute;
	left: 0;
	right: 0;
	top:79px;
	border-style: solid;
}

.cat-themes-mensuels .col-md-12{
    padding-right:0px;
    padding-left:0px;
}

.categorie-header h1
{
    font-size:3rem;
    color: #fff;
    font-weight:bold;
    margin:0px;
}
.cat-a-propos .categorie-header, .cat-a-propos .categorie-header h1
{
	color:inherit;
}

.page-banderole .cat{
    padding:30px 0;
}

.page-banderole .cat-pool .cat {
    padding: 10px 15px;
    width: 135px;
    text-align: center;
}

.page-banderole .cat-themes-mensuels{
    background-color:#1a1a1a;
}
.page-banderole .cat-artsculture, .page-banderole .cat-education{
    background-color:#3F51B5;
}
.page-banderole .cat-economie, .page-banderole .cat-argent{
    background-color:#E65100;
}
.page-banderole .cat-environnement, .page-banderole .cat-monde{
    background-color:#43A047;
}
.page-banderole .cat-sante{
    background-color:#D50000;
}
.page-banderole .cat-societe{
    background-color:#009688;
}
.page-banderole .cat-sports, .page-banderole .cat-droit{
    background-color:#0091EA;
}

.page-banderole .cat-chroniques{
    background-color: #F44336;
}

.page-banderole .cat-5-questions{
    background-color: #9c27b0;
}




#page-categorie .csf-section-header
{
	margin-left: 15px;
	margin-right: 15px;
}
.col-list-mensuel{
    padding-left:5rem;
}

@media(max-width: 991px) {
   .col-list-mensuel{
    padding-left:15px;
} 
}



.categorie-header .auteur-description
{
	min-height: 30px;
	margin-bottom: 15px;
}
.categorie-header .auteur-description a
{
	color: inherit;
	text-decoration: underline;
}
.item-categorie
{
	padding-top:25px;
}

.col-list-mensuel .item-categorie
{
	padding-top:15px;
}

.col-list-mensuel .item-categorie:first-child
{
	padding-top:0px;
}

.col-list-mensuel .item-categorie .edito
{
/*	padding-bottom:15px;*/
}

.item-categorie .custom-thumbnail h1
{
	margin-right: 25px;
	display: inline-block;
}

.item-categorie h2{
    font-size:1.8rem;
    margin-top:0px;
}

.col-list-mensuel .item-categorie h2{
    font-size:1.4rem;
    font-weight:normal;
    margin-top:0px;
    margin-bottom:5px;
    padding-left:4px;
}

.col-list-mensuel h2.titre-col-mensuel{
    font-size:1.5rem;
    font-weight:bold;
    text-align:center;
}

.hauteur-fixe
{
	text-align: center;
	overflow: hidden;
	position: relative;
}
.hauteur-fixe img
{
	display: block;
	background-color: #fff;
        max-height: 230px;
    object-fit: cover;
}
.item-categorie .caption
{
	overflow-x: initial;
	overflow-y: initial;
	margin-bottom: 10px;
}
.item-categorie .caption>p:last-of-type
{
	margin-bottom: 0;
}

.item-categorie .image-centerer
{
  width: 720px;
  margin-left: -360px;
}

.col-list-mensuel .item-categorie .image-centerer
{
  width: inherit;
  margin-left: inherit;
}



.item-categorie .ligne-en-bas
{
	border-color: #c3c3c3;
}
.item-categorie .categories-en-bas
{
	position: relative;
	margin-bottom: 0;
}
.item-categorie .categories-en-bas .cat-pool
{
	margin-top: 10px;
	position: static;
}
.categories-fixe-thumbnail
{
	margin-bottom: 5px;
	margin-top: 5px;
	width: 100%;
}
.categories-fixe-thumbnail>.cat-pool
{
	height: 27px;
	position: static;
	overflow: hidden;
}
.lire-reactions
{
	/*margin-top: 15px;*/
}
.reactions-categorie
{
	margin-top: 7.5px;
}
.lire-cet-article
{
	display: inline-block;
	color: #fff;
	border-radius: 3px;
	padding:7.5px 15px;
	text-decoration: none;
}
.lire-cet-article:before
{
	content: "Lire l'article";
}
.lire-cet-article:hover
{
	color:#fff;
}
.aucun-resultat
{
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	color: #888;
	font-size: 36px;
}
/* PAGINATION */
#pagination
{
	text-align: center;
}
.page-nav + .page-numero>a,
.page-nav + .page-numero>span
{
	margin-left: 0;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
/*.page-numero:last-of-type>span,
.page-numero:nth-last-of-type(2)>a
{
	margin-right: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}*/

.pagination{
    border-radius: 0px;
}

.pagination>li>a, .pagination>li>span
{
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #fff;
	text-decoration: none;
	background-color: #1a1a1a;
        border:1px solid #1a1a1a;
}

.pagination>li>a:hover, .pagination>li>span:hover,
.pagination>li>a:focus, .pagination>li>span:focus
{
	color: #1a1a1a;
	background-color: #fff;
}
.pagination a.current,
.pagination span.current,
.pagination a.current:hover,
.pagination span.current:hover,
.pagination a.current:focus,
.pagination span.current:focus
{
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: inherit;
        border:inherit;
}






.pagination>li.page-nav>a, .pagination>li.page-nav>span
{
	margin-top: 0;
	border-radius: 0px;
	background-repeat: no-repeat;
	background-size: auto 30px;
	/*position: absolute;*/
}
.pagination>li.page-nav>a:hover, .pagination>li.page-nav>span:hover,
.pagination>li.page-nav>a:focus, .pagination>li.page-nav>span:focus
{
	background-color: #fff;
	border-color: inherit;
}
.pagination>li.previous-page>a, .pagination>li.previous-page>span
{
	
}
.pagination>li.next-page>a, .pagination>li.next-page>span
{
	
}
.pagination>li.previous-page>a:hover, .pagination>li.previous-page>span:hover,
.pagination>li.previous-page>a:focus, .pagination>li.previous-page>span:focus,
.pagination>li.previous-page>a:active, .pagination>li.previous-page>span:active
{
	
}
.pagination>li.next-page>a:hover, .pagination>li.next-page>span:hover,
.pagination>li.next-page>a:focus, .pagination>li.next-page>span:focus,
.pagination>li.next-page>a:active, .pagination>li.next-page>span:active
{
	
}
#mini-pager
{
	font-size: 24px;
	margin-bottom: 0px;
	font-weight: bold;
}
#mini-pager .page-courante
{
	background-color: transparent;
}

/* RECHERCHE */
#frm-recherche
{
	margin-bottom: 15px;
}
.legend-as-label
{
	display: inline-block;
	margin-bottom: 5px;
	font-weight: 700;
	font-size: inherit;
	width: auto;
}
fieldset.cat-pool
{
	position: static;
}
fieldset.cat-pool .btn.cat:not(.active):hover,
fieldset.cat-pool .btn.cat:not(.active):focus
{
	color: inherit;
	border-color: inherit;
}
#btn-reset-categories
{
	display: none;
	visibility: hidden;
	color:#5C5A5D;
	margin-left: 5px;
	font-weight: normal;
}
#btn-reset-categories.active
{
	display: inline-block;
	visibility: visible;
}
#btn-reset-categories:hover,#btn-reset-categories:focus
{
	opacity: 1;
}
/* À PROPOS */
#a-propos-contenu
{
	margin-bottom: 40px;
	margin-top: 40px;
}
#a-propos-contenu h3
{
	margin-bottom: 0;
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
#a-propos-liens
{
	margin-top: 20px;
}
#a-propos-and-kids
{
	margin-bottom: 15px;
}
.nav-stacked-gris
{
	border-right: 1px solid #A5A4A5;
	border-top: 1px solid #A5A4A5;
}
.nav-stacked-gris>li>a
{
	border-radius: 0;
	border-style: solid;
	border-color: #A5A4A5;
	border-width: 0px 0px 1px 6px;
	text-decoration: none;
	color: #5c5b5d;
}
.nav-stacked-gris>li>a:hover, .nav-stacked-gris>li>a:focus
{
	background-color: #ddd;
}
.nav-stacked-gris>li.actif>a
{
	border-left-color: #5c5b5d;
}

/* ARTICLES */
.citation
{
	clear: both;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
.citation-gazette, .rep{
    margin: 0px;
    display:flex;
    align-items: center;
    justify-content: center;
}
/*.citation img
{
	min-width: 200px;
	max-width: 27%;
}
.citation-droite
{
	direction: rtl;
}
.citation-droite img, .citation-droite figcaption
{
	direction: ltr;
}*/
.citation figcaption
{
	text-align: left;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	background-color: #fff;
	padding: 10px 15px;
	position: relative;
	border-radius: 0px;
	margin-top: 15px;
        border-left-width: 4px;
        border-left-style: solid;
        
}
.cat-5-questions .citation figcaption{
    padding:0px 0px;
    margin-bottom: 0.5em;
    border:none;
}

.cat-5-questions .citation figcaption.first-question {
    padding: 0px 0px;
    border: none;
}

.5-questions-premiere-question{
    padding:0px 0px;
    border:none;
}
.citation figcaption blockquote{
    font-size:2rem;
}

.cat-artsculture .citation figcaption{
    border-left-color:#3f51b5;
}
.cat-economie .citation figcaption{
    border-left-color:#e65100;
}.cat-environnement .citation figcaption{
    border-left-color:#43a047;
}
.cat-sante .citation figcaption{
    border-left-color:#d50000;
}
.cat-societe .citation figcaption{
    border-left-color:#009688;
}
.cat-sports .citation figcaption{
    border-left-color:#0091ea;
}
.cat-chroniques .citation figcaption{
    border-left-color:#F44336;
}


.rep figcaption
{
	color: #000;
	margin-bottom:15px!important;
}
.citation figcaption>q, .citation figcaption>.q
{
	font-size: 16px;
	display: block;
	margin-bottom: 5px;
}
.citation-gauche figcaption:before, .citation-droite figcaption:after
{
	/*border: 8px solid transparent;
	border-bottom-color: #ddd;
	position: absolute;
	top:-8px;
	left: 0;
	right: 0;
	width: 8px;
	margin: auto;
	margin-top: -8px;
	content: " ";*/
}
.citation-gauche.rep figcaption:before
{
	border-right-color: #455f7a;
}

.citation-muette figcaption
{
	max-width: 100%;
	background-color: transparent;
}
.citation-muette figcaption:before,
.citation-muette figcaption:after
{
	display: none;
}
.citation:not(.citation-muette):not(.reprise) figcaption blockquote
{
	border-left: none;
	margin:0;
	padding: 0;
}
.citation figcaption>p:last-child
{
	margin-bottom: 0;
}
.citation:not(.citation-muette):not(.reprise) figcaption blockquote footer>cite
{
	font-style: normal;
}
.citation figcaption blockquote p
{
	margin-bottom: 5px;
}
.citation figcaption blockquote footer
{
        background-color:inherit;
	color: inherit;
	font-size: 14px
}
.citation figcaption blockquote footer p
{
	margin-bottom: 0;
}
.article-contenu blockquote p:last-of-type
{
	margin-bottom: 0;
}
.article-contenu .discret p:last-child
{
	margin-bottom: 15px;
}
.chanson
{
	font-style: italic;
}
.chanson p
{
	text-align: left;
}
.chanson-centre
{
	display: inline-block;
}

.chanson-colonnes p
{
	display: inline-block;
	width: 100%;
}
.image
{
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
	position:relative;
}

.image .copyright{
    position:relative;
    bottom:0px;
    font-size: 12px;
}
.image footer{
    position:absolute;
    bottom:0px;   
    background: rgba(26, 26, 26, 0.8);
    padding: 5px 10px;
}   

.image footer.light{
    color:#fff;
}

.image footer p{
    margin:0px;
}

.image-droite footer{
    right:7.2%;
}
 .image-horizontale footer{
     right:2%;
 }
.image-gauche footer{
    left:7.2%;
}

.image img
{
	max-width: 325px;
        width:100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.image .well
{
	margin-bottom: 0;
}

.image-centre img
{
	margin: 10px auto;
	display: block;
}
.image-centre.image-legende img
{
	margin-bottom: 8px;
	margin-top: 0;
}
.image-no-clear
{
	clear: none;
}
.image figcaption
{
	margin-top: 10px;
}
.reprise figcaption
{
	background-color: transparent;
}
.reprise figcaption:before, .reprise figcaption:after
{
	display: none;
}
.reprise q, .reprise .q
{
	font-size: inherit;
	display: inline;
}

.image-legende
{
	width: 100%;
	display: table;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

.image-legende figcaption p {
    border-left-width: 4px;
    border-left-style: solid;
    padding-left: 10px;
}



.cat-artsculture .image-legende figcaption p{
    border-left-color:#3f51b5;
}
.cat-economie .image-legende figcaption p{
    border-left-color:#e65100;
}
.cat-environnement .image-legende figcaption p{
    border-left-color:#43a047;
}
.cat-sante .image-legende figcaption p{
    border-left-color:#d50000;
}
.cat-societe .image-legende figcaption p{
    border-left-color:#009688;
}
.cat-sports .image-legende figcaption p{
    border-left-color:#0091ea;
}

.well .image-legende
{
	background-color: transparent;
}
.image>footer
{
	position: relative;

}
.image>footer small, .citation>footer small
{
	position: absolute;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	direction: ltr;
}
.citation>footer
{
	position: absolute;
	width: 200px;
	display: block;
}
.citation-gauche>footer
{
	left: 50%;
	margin-left: -100px;
}
.citation-droite>footer
{
	right: 50%;
	margin-right: -100px;
}
.citation-gauche>footer small
{
	border-bottom-left-radius: 6px;
}

.citation-droite>footer small
{
	border-bottom-right-radius: 6px;
}

.citation>footer small
{
	bottom: 0px;
	display: block;
}
.image>footer small
{
	bottom: 8px;
}
.image-legende figcaption
{
	font-size: 12px;
}
.image-legende img
{
	max-width: 325px; /*320 - 2*15 - 2*10 = 270*/
        width:100%;
	margin-bottom: 8px;
}

.citation img {
    max-width: 27%;
    min-width: initial;
    display: none;
}

.image-centre.image-legende
{
}
.image-centre.image-legende img
{
	/*max-width: 765px;*/
}
.image-legende img, .image-legende figcaption
{
	display: table-row;
}
.cinq-questions .citation figcaption
{
	border-radius: 10px;
}
.cinq-questions .citation figcaption ul,
.cinq-questions .citation figcaption ol
{
	padding-left: 20px;
}
.cinq-questions .citation li
{
	margin-left: -5px;
}
.cinq-questions .citation img
{	
	/*max-width: 27%;*/
	min-width: auto;
	min-width: initial;
}
.cinq-questions .citation-droite
{
	text-align: right;
        max-width:100%;
}
.cinq-questions .citation-gauche
{
	text-align: left;
}
.cinq-questions .citation-droite img
{
	margin-left: 2%;
}
.cinq-questions .citation-gauche img
{
	margin-right: 2%;
}
.cinq-questions .citation-gazette figcaption
{
	margin-top: 0;
	max-width: 664px;
        width:100%;
        float: left;
}
.cinq-questions .citation.image-absente figcaption
{
	margin-top: 0;
	max-width: 100%;
}
.cinq-questions .citation-gauche figcaption:before,
.cinq-questions .citation-droite figcaption:after
{
	border-bottom-color: transparent;
	top:50%;
	margin-top: -6px;
}
.cinq-questions .citation-gauche.image-absente figcaption:before,
.cinq-questions .citation-droite.image-absente figcaption:after
{
	display: none;
}

.cinq-questions .citation-gauche figcaption:before
{
	left: -16px;
	right: auto;
	border-right-color: #ddd;
}
.cinq-questions .citation-gauche.rep figcaption:before
{
	border-right-color: #455f7a;
}
.cinq-questions .citation-droite figcaption:after
{
	right: -16px;
	left: auto;
	border-left-color: #ddd;
}
blockquote footer, blockquote small
{
	color: #666;
}
abbr[title=Madame], abbr[title=Monsieur],
abbr[title=Mesdames], abbr[title=Messieurs],
abbr[title=Maître], abbr[title=Maitre],
abbr[title=Docteure], abbr[title=Docteur],
abbr[title=Monseigneur]
{
	border-bottom: 0;
	cursor: initial;
}
p.question
{
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 10px;
}
p.question:first-child
{
	margin-top: 0;
}
.separateur
{
	width: 50%;
	border-color: #A5A4A5;
}
.article-contenu .well, .themes-mensuels-archives .well
{
	background-color:#fff;
        border:none;
        border-radius: 0px;
        border-top-style:solid;
        border-top-width:2px;
        border-bottom-style:solid;
        border-bottom-width:2px;
        clear:both;
        margin-top: 35px;
}

.article-contenu.cat-artsculture .well{
    border-color: #3f51b5;
}.article-contenu.cat-economie .well{
    border-color: #E65100;
}.article-contenu.cat-environnement .well{
    border-color: #43A047;
}.article-contenu.cat-sante .well{
    border-color: #D50000;
}.article-contenu.cat-societe .well{
    border-color: #009688;
}.article-contenu.cat-sports .well{
    border-color: #0091EA;
}
.article-contenu.cat-chroniques .well{
    border-color: #F44336;
}

.themes-mensuels-archives .well{
    border-color: #F44336;
}
.themes-mensuels-archives h1{
    padding:25px 0;
}

.article-contenu .well:before,
.article-contenu .well:after
{
	display: table;
	content: " ";
}
.article-contenu .well:after
{
	clear: both;
}

.bio-relative{
    position:relative;
    width:90%;
    margin:50px auto 30px auto;
}

.bio-auteur{
    padding:20px 20px;
    /*border-left:4px solid #1a1a1a;*/
}

.bio-auteur:before {
        content: "";
        position: absolute;
        width: 33%;
        height: 50%;
        border: solid #1a1a1a;
        border-width: 4px 0px 0px 4px;
        left: 0px;
        top: 0px;
    }

.article-contenu ul, .article-contenu ol
{
	overflow: hidden;
}
/* STYLE AVEC LA RÉPÉTITION DU LOGO A LA FIN DU DERNIER PARAGRAPHE
#article-gazette .article-contenu>p:last-of-type:after, .point-final:after
{
	content: ' : :';
}
*/
h2 + .sous-titre
{
	margin-top: -10px;
	margin-bottom: 10px;
}
h2 + h3.sous-titre
{
	margin-top: -5px;
}
.article-contenu .no-margin-bottom, .article-contenu .discret .no-margin-bottom:last-child
{
	margin-bottom: 0;
}
.notes
{
	list-style-type: none;
	padding-left: 0;
}
dd
{
	margin-bottom: 10px;
}
.well .notes, .well .list-unstyled
{
	margin-bottom: 0;
}
.well .notes>li, .well .list-unstyled>li
{
	margin-bottom: 10px;
}
.well .notes>li:last-of-type, .well .list-unstyled>li:last-of-type, .well dd:last-of-type
{
	margin-bottom: 0;
}
.rose
{
	color: #d214c4;
}
.biblio
{
	list-style-type: none;
	padding-left: 0;
}
.biblio>li
{
	margin-bottom: 5px;
}
mark
{
	background-color: #ff0;
}
/* DOSSIERS */
.gris-plus-pale #result-items,
.gris-plus-pale #result-items .caption p a
.gris-plus-pale #result-items .caption h1 a
{
	color: #000;
}
#dossier-gazette,#theme-mensuels
{
	position: relative;
	background-color: #fff;
	margin-bottom: 30px;
	margin-left: -15px;
	margin-right: -15px;
	padding-left: -15px;
	padding-right: -15px;
}
#dossier-gazette .article-titre h1,
#theme-mensuels .article-titre h1
{
	/*font-size: 20px;*/
}
.grands-dossiers
{
	color: #fff;
	background-color: #1a1a1a;
        width:33%;
	position: relative;
}

.grands-dossiers:after
{
	top: 0;
	left: 100%;
	position: absolute;
	display: block;
	content: ' ';
	width: 0;
	height: 0;
	border-style: solid;
	border-top-color: #1a1a1a;
	border-right-color: transparent;
}
.grands-dossiers-big
{
	position: relative;
	padding: 15px 15px 15px 25px;
}

.col-list-mensuel .grands-dossiers-big {
    padding: 5px;
    text-align: left;
    width: 82%;
    font-size: 1.15rem;
}

@media(max-width: 991px) {
   .col-list-mensuel .grands-dossiers-big{
    width:92%;
}
}

@media(max-width: 767px) {
   .col-list-mensuel .grands-dossiers-big{
    width:83%;
}
}

.col-list-mensuel .grands-dossiers-big p{
margin:inherit;
}

.grands-dossiers-big strong, .grands-dossiers-big h1
{
	margin: 0;
	font-weight: inherit;
	font-size: 20px;
}
.grands-dossiers-big:after
{
	border-width: 58px 58px 0 0;
}
.grands-dossiers-carousel
{
	margin-left: -10px;
}


.item .grands-dossiers {
    position: absolute;
}

.item .grands-dossiers p {
    margin: 0px;
    font-size: 2rem;
}

@media(max-width: 1024px) {
.item .grands-dossiers p {
    margin: 0px;
    font-size: 1.5rem;
}
.grands-dossiers-big {
    padding: 18px 15px 19px 25px;;
}
}

@media(max-width: 767px) {
.item .grands-dossiers p {
    margin: 0px;
    font-size: 1.2rem;
}
.grands-dossiers-big {
    padding: 20px 15px;
}
}


.grands-dossiers-small
{
	padding: 5px 15px 5px 25px;
}
.grands-dossiers-small:after
{
	border-width: 30px 30px 0 0;
}
.div-grands-dossiers-margin-top
{
	margin-top: 5px;
}
.dossier-padding
{
	padding:30px;
}

#theme-mensuels .dossier-padding p:nth-child(2)
{
	padding-top:15px;
}
.dossier-pubdate
{
	margin-top: -8px;
}
#autres-grands-dossiers,
#autres-grands-dossiers .csf-section-header h2
{
	background-color: #fff;
	color: #000;
}
#autres-grands-dossiers .thumbnail, #autres-grands-dossiers .thumbnail img
{
	box-shadow: none;
	border:0;
	border-bottom: 1px solid transparent;
	border-radius: 0;
}
#autres-grands-dossiers .grands-dossiers-carousel
{
	margin-left: 0;
}
#autres-grands-dossiers .overflow-cat-carousel
{
	left: -8px;
}

#autres-grands-dossiers .caption, #autres-grands-dossiers .categories-carousel
{
	padding-left: 0;
	padding-right: 0;
}
.grands-dossiers-archive-title
{
	margin-top: 15px;
	padding: 45px 0 45px 159px;
	display: block;
	text-align: center;
	margin-right: 159px;
}
.grands-dossiers-archive-title:after
{
	border-width: 159px 159px 0 0;
}
.grands-dossiers-archive-title h1
{
	margin:10px;
	font-weight: bold;
	font-size: 45px;
}

/* Pages statiques BIS */
.colonnes
{
	-webkit-column-gap: 15px; /* Chrome, Safari, Opera */
	-moz-column-gap: 15px; /* Firefox */
	column-gap: 15px;
}
.colonnes>ul
{
	list-style-type: none;
	padding-left: 0;
}
.alert-success
{
	color: #2b542c;
}
.alert-warning
{
	color: #66512C;
}
.alert .close
{
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.background
{
	margin-left: -30px;
	padding-left: 30px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    max-width: 960px;
margin: 0 auto;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom:15px;
}

/*
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img 
{
    margin: 0 auto;
}
*/
@media(max-width: 326px){

	.xs-autosize
	{
		width: auto;
	}
	#csfq
	{
		margin-left: -15px;
	}
}
@media(max-width:390px) {
	#div-menu-1-navs
	{
		font-size: 12px;
	}
	.column-fill
	{
		height: 27px;
	}
	.icon-newsletter
	{
		height: 15px;
		line-height: 15px;
		width: 23px;
	}

}

@media(max-width: 991px) {
    
	
/*	.right-temporaire{*/
/*    right:7% !important;*/
/*}*/
.padding-temporaire{
    padding-bottom:0;
}
.image-temporaire{
    max-width: 100% !important;
}
	.list-inline-desktop
	{
		margin-left: 0;
	}
	.list-inline-desktop>li
	{
		display: block;
		padding: 0;
	}
	.list-inline li a
	{
		display: block;
		padding: 5px 5px;
	}
        .menu-1 {
            height: 52px;
            padding-top: 4px;
            background-color: #1a1a1a;
            top: -19%;
            left: 15px;
            right: 15px;
            position: absolute;
        }
	#div-reseaux-sociaux
	{
		position: relative;
		/*top:560px;*/
	}
	#nav-infos
	{
		margin-top:-3px;
	}
	@media(max-width: 320px){
		#nav-infos
		{
			margin-top: 0;
		}
	}
	#div-frm-recherche-top
	{
		position: relative;
		top:32px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#frmRechercheTop>.input-group
	{
		width: 100%;
	}
	#frmRechercheTop>.input-group>.input-group-btn
	{
		width: 1%;
	}

	#div-nav-entete
	{
		padding-left: 0px;
	}
	#div-nav-infos
	{
		padding-right: 0px;
	}

	#div-menu-1-navs
	{
		position: relative;
		top:-152px;
	}
	#div-menu-1-navs a
	{
		display: inline-block;
	}
	#div-nav-entete
	{
		padding-right: 0;
	}
	#nav-entete
	{
		margin-left: -5px;
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
	    -moz-column-count: 2; /* Firefox */
	    column-count: 2;
	    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
	    -moz-column-gap: 0px; /* Firefox */
	    column-gap: 0px;
		height: 90px;
	}
	@media(min-width: 503px) {
		#nav-entete>ul>li
		{
			padding-left: 25%;
		}
		#nav-entete>ul>li:last-of-type
		{
			padding-left: 0;
			text-align: left;
		}
	}
	.column-fill
	{
		height: 40px;
	}

	.menu-2
	{
		padding-bottom: 15px;
                background-color:#fff;
	}
        
        #div-logo{
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.menu-2 .logo img {
    width: 150%;
    margin-top:0px;
}

.hauteur-fixe img {
    max-height: 300px;
}

.fas, .far, .fab {
    position: relative;
    top: 0px;
}

.grands-dossiers {
    width: 60%;
}
        
        
	.menu-cat
	{
		position: relative;
		top:-48px;
	}
	
	.menu-cat .navbar{
	    margin-bottom:0px;
	    max-height:60VH;
	    overflow-y:scroll;
	    -webkit-overflow-scrolling: touch;
	}

	.menu-cat .navbar-nav
	{
		margin:0 -15px;
	}

	.menu-cat li.cat>a
	{	
		padding: 15px;
		padding-right: 45px;
		
	}

	.menu-cat li.cat
	{
		width: 100%;
		margin-bottom: 1px;
	}

	.menu-cat li.cat>a:hover,.menu-cat li.cat>a:focus,.menu-cat li.cat>a:active
	{
		padding: 13px;
		border-width: 2px;
		border-style: solid;
		background-color: #FFF;
		color:inherit;
		border-color: inherit;
	}
	.div-slick .thumbnail
	{
		max-width: 95%;
		margin: auto;
                border:none;
	}
        
        #publications-articles > div{
            width:100%;
            padding-right:5px;
            padding-left:0px;
            padding-bottom:10px;
        }
        #publications-articles > div img {
            width: 33%;
            margin-right: 0px;
            margin-left: 0px;
            float: left;
        }
        
        #publications-articles > div .overflow-cat-carousel {
            position: relative;
            top: 18px;
            left:137px;
            color:#fff;
        }
        
        #publications-articles > div .list-inline>li {
        display: inline-block;
        padding-right: 0px;
        padding-left: 0px;
    }
#publications-articles > div .overflow-cat-carousel .cat a {
    width: 95px;
    height: 18px;
    font-size: 1.25rem;
    padding-top: 0px;
}
        
        .articles-carousel .thumbnail .caption{
            height:initial;
            min-height:98px;
            padding:0 9px;
        }
        
        #publications-articles > div p.titre-article a{
        font-size:1.75rem;
        text-decoration:none;
        }
        #publications-articles > div .extrait-overflow{
            display:none;
        }
        
        
        
        #publications-articles > div:first-of-type{
            width:100%;
            padding-right:5px;
            padding-left:0px;
            padding-bottom:10px;
        }
        
        #publications-articles > div:first-of-type .image-article-accueil{
            position:relative;
            width:100%;
        }
        
        #publications-articles > div:first-of-type .overflow-cat-carousel
        {
	/*overflow: hidden;*/ 
	top:0px;
        left:initial;
        right:82px;
	position: absolute;
	height: 18px;
        width:auto;
        }
        
        #publications-articles > div:first-of-type .overflow-cat-carousel .cat {
            height: 18px;
}

#publications-articles > div:first-of-type .overflow-cat-carousel .list-inline>li{
    padding:0px;
}

#publications-articles > div:first-of-type .overflow-cat-carousel .cat a{
            width:82px;
            height:18px;
            font-size:1.25rem;
            padding-top:0px;
        }


        #publications-articles > div:first-of-type img{
            width:100%;
            max-width:initial;
            max-height:initial;
            margin-right:0px;
            margin-left:0px;
            float:none;
        }
        
        #publications-articles > div:first-of-type .caption{
            padding-top:9px;
        }
        
        
        #publications-articles > div:first-of-type .extrait-overflow{
            display:block;
        }
        
        #publications-articles > div:first-of-type p.titre-article a{
        font-size:2rem;
        text-decoration:none;
        }
        


	#imgEnveloppe
	{
		position: static;
		height: 140px;
		width: 128px;
		margin: auto;
		background-size: 60%;
	}
	#inscription-infolettre fieldset
	{
		border:none;
		text-align: center;
	}
	#inscription-infolettre label
	{
		font-weight: normal;
		color: #5c5b5d;
		margin-top: 15px;
		margin-bottom:20px;
	}
	#courriel-infolettre
	{
		width: auto;
		display: inline-block;
	}
	.caroussel
	{
		padding-bottom: 20px;
	}
}
@media(max-width: 767px) {
    
    
    .abonnezvous {
        font-size: 1.8rem;
}
.menu-cat .navbar{
    overflow-y: scroll;
  -webkit-overflow-scrolling:touch;
  max-height:60VH;
}

        .splash {
            text-align: left;
            height: initial;
        }	
        .slick-track
	{
		cursor: -moz-grab;
		cursor: -webkit-grab;
		cursor: grab;
	}
	.slick-track:active
	{
		cursor: -moz-grabbing;
		cursor: -webkit-grabbing;
		cursor: grabbing;
	}
	.page-numbers
	{
		display: none;
	}
	.page-numbers.prev, .page-numbers.next
	{
		display: block;
	}

	.rectangle
	{
		max-width: 500px;
		left: 15px;
		right: 15px;
	}
        
.menu-2 {
    
    padding-bottom: 0px;
    background-color: #fff;
}
#div-logo{
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.menu-2 .logo img {
    width: 100%;
    margin-top:0px;
} 

.grands-dossiers{
    width:60%;
}
     
.boutons-partage a {
    width: 4rem;
    height: 4rem;
}
.hauteur-fixe img {
max-height: 120px;
}

.fas, .far, .fab {
    top:0px;
}

.fa-user {
    top: 2px;
}


.article-contenu figure.image-droite img{
    text-align:center;
}
.image-legende {
    width: 100%;
}
.carousel-inner {
    /*height: 400px;*/
    padding-bottom:5.5rem;
}
.carousel-caption {
    background-color: #1a1a1a;
    color: #fff;
    text-shadow: none;
    text-align: left;
    padding: 0px 20px;
    right: 0px;
    bottom: -84px;
    left: 0px;
    top: auto;
    max-width: 100%;
    height: 80px;
}

.carousel-caption p.titre-carousel {
    font-size: 2.25rem;
    margin-top: 20px;
    margin-bottom: 20px;
}

p.titre-carousel a {
    text-decoration: none;
    color: #fff;
}
        
        .carousel-indicators {
    position: relative;
    bottom: 11px;
    width: 100%;
    left: 30%;
}

.carousel-indicators li {
    display: inline-block;
    width: 18%;
    height: 4px;
    margin: 0 1px;
    text-indent: -999px;
    cursor: pointer;
    border-width: 0px;
    border-radius: 0px;
    background-color: #1a1a1a;
}

.carousel-indicators li.active {
    width: 19%;
    height: 4px;
    background-color: #e91e63;
}


.carousel-control {
    width: 10%;
    height: 79%;
}    


#publications-articles > div img{
            width:100%;
            max-width:/*95*/115px;
            /*max-height:40px;*/
            margin-right:0px;
            margin-left:0px;
            float:left;
        }
#publications-articles > div .overflow-cat-carousel
        {color:#fff;
        position:relative;
        top:57px;
        left:initial;
        }

        #publications-articles > div .overflow-cat-carousel .list-inline>li{
            padding:0px;
        }
        #publications-articles > div .overflow-cat-carousel .cat a{
            width:95px;
            height:18px;
            font-size:1.25rem;
            padding-top:0px;
        }
        
.articles-carousel .thumbnail .caption{
    padding:0 5px;
    height:initial;
}
#publications-articles > div .extrait-overflow {
    display: none;
}

#publications-articles > div p.titre-article{
    margin:0 0 5px;
}

#publications-articles > div p.titre-article a{
        font-size:1.5rem;
        text-decoration:none;
        }

#publications-articles > div .extrait-overflow{
    display:none;
}

#publications-articles > div:first-of-type{
            width:100%;
            padding-right:5px;
            padding-left:0px;
            padding-bottom:10px;
        }
        
        #publications-articles > div:first-of-type .image-article-accueil{
            position:relative;
            width:100%;
        }
        
        #publications-articles > div:first-of-type .overflow-cat-carousel
        {
	/*overflow: hidden;*/ 
	top:0px;
        left:initial;
        right:82px;
	position: absolute;
	height: 18px;
        width:auto;
        }
        
        #publications-articles > div:first-of-type .overflow-cat-carousel .cat {
            height: 18px;
}

#publications-articles > div:first-of-type .overflow-cat-carousel .list-inline>li{
    padding:0px;
}

#publications-articles > div:first-of-type .overflow-cat-carousel .cat a{
            width:82px;
            height:18px;
            font-size:1.25rem;
            padding-top:0px;
        }


        #publications-articles > div:first-of-type img{
            width:100%;
            max-width:initial;
            max-height:initial;
            margin-right:0px;
            margin-left:0px;
            float:none;
        }
        
        #publications-articles > div:first-of-type .caption{
            padding-top:9px;
        }
        
        
        #publications-articles > div:first-of-type .extrait-overflow{
            display:block;
        }
        
        #publications-articles > div:first-of-type p.titre-article a{
        font-size:1.75rem;
        text-decoration:none;
        }



}

@media(max-width: 425px) {
 .image-horizontale footer{
     right:8%;
 }
#non-mais-toggle {
    width: initial;
}

    
.menu-cat {
    top: 0px;
}

.menu-cat .navbar-nav {
    margin: 0px;
}
#div-frm-recherche-top {
    top: 0px;
margin-top: 0px;
margin-bottom: 10px;
}

.carousel-caption p.titre-carousel {
    font-size: 1.5rem;
    margin-top: 20px;
    margin-bottom: 20px;
}
.csf-section-header h2 {
    font-size: 2rem;
}
.splash p.titre-accueil {
    font-size: 1.75rem;
}
.content-cinq-questions {
    min-height: initial;
}
footer {
    padding: 25px 15px 0px;
}

    footer #editeur #logo-csf img {
        width: 100%;
        margin-top: -0.5rem;
    }
    .gazette-apropos ul li:after, .gazette-obligations ul li:after {
    display:none;
    }



}

@media(min-width: 768px) {
	@media screen{
		.customize-support
		{
			padding-top:32px;
		}
	}
        .navbar-nav>li{
            float: none;
        }
        
	.col-sm-offset-custom
	{
		margin-left: 4.16666666%;
	}
        
        .carousel-inner {
            height: 410px;
        }

.carousel-caption {
    background-color: #1a1a1a;
    color: #fff;
    text-shadow: none;
    text-align: left;
    padding: 0px 20px;
    right: 0px;
    bottom: -84px;
    left: 0px;
    top: auto;
    max-width: 100%;
    height: 80px;
}

.carousel-caption p.titre-carousel {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

p.titre-carousel a {
    text-decoration: none;
    color: #fff;
}
        
        .carousel-indicators {
    position: relative;
    bottom: 11px;
    width: 100%;
    left: 30%;
}

.carousel-indicators li {
    display: inline-block;
    width: 19%;
    height: 4px;
    margin: 0 1px;
    text-indent: -999px;
    cursor: pointer;
    border-width: 0px;
    border-radius: 0px;
    background-color: #1a1a1a;
}

.carousel-indicators li.active {
    width: 19%;
    height: 4px;
    background-color: #e91e63;
}


.carousel-control {
    width: 10%;
    height: 311px;
}

.menu-cat {
    top: 0px;
}

.menu-cat .navbar-nav {
    margin: 0px;
}
#div-frm-recherche-top {
    top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.gazette-apropos ul li:after, .gazette-obligations ul li:after {
    display:none;
}
footer #editeur #logo-csf img{
    width: 70%;
    margin-top:0rem;
}
#editeur{
        height:70px;
        display:flex;
        align-items: center;
        justify-content: flex-end;
    }
    
	#carousel-publications
	{
		-webkit-user-select: initial;
		-moz-user-select: initial;
		-ms-user-select: initial;
		user-select: initial;
		-webkit-touch-callout: initial;
		-khtml-user-select: initial;
		-ms-touch-action: initial;
		touch-action: initial;
		-webkit-tap-highlight-color: initial;
	}
	.splash
	{
		text-align: left;
                height: initial;
		/*margin-left: -45px;*/
	}
	.rectangle
	{
		/*margin-top:42.5px;*/
	}
	.commentaire-contenu
	{
		margin: 30px 45px 45px;
	}
	#csfq
	{
		margin-left: 0;
	}
	.csfq-drapeau-container, .csfq-texte
	{
		float: left;
	}
	#div-nav-footer
	{
		border-top: 1px solid #A5A4A5;
		margin-top: 40px;
		padding-top: 30px;
		margin-bottom: 0;
	}
        
	footer .reseaux-sociaux
	{
		/*text-align: right;
		right: 15px;
		left: auto;
		top:0;*/
	}
	#copyright
	{
		margin-top:10px;
	}
	.citation img
	{	
		max-width: 27%;
		min-width: initial;
                display:none;
	}
	/*.citation-droite
	{
		text-align: right;
	}
	.citation-gauche
	{
		text-align: left;
	}*/
	.citation-droite img
	{
		margin-left: 2%;
                
	}
	.citation-gauche img
	{
		margin-right: 2%;
                display:none;
	}
        
        .citation-gazette img
	{
                display:block;
                max-width:76px;
                max-height:76px;
                width:100%;
                height:100%;
                float:left;
                margin-right:10px;
                margin-bottom:0.5em;
	}
        
        .citation-gazette figcaption{
            font-size:2rem;
        }
        
	.citation figcaption
	{
		margin-top: 0;
		/*max-width: 70%;*/
	}
	.citation-gauche figcaption:before, .citation-droite figcaption:after
	{
		border-bottom-color: transparent;
		top:50%;
		margin-top: -4px;
	}
	/*.citation-gauche figcaption:before
	{
		left: -16px;
		right: auto;
		border-right-color: #ddd;
	}
	.citation-droite figcaption:after
	{
		right: -16px;
		left: auto;
		border-left-color: #ddd;
	}*/
	.citation-gauche>footer
	{
		left: 15px;
		margin-left: 0;
	}
	.citation-droite>footer
	{
		right: 15px;
		margin-right: 0;
	}
	.image
	{
		margin-top: 0;
		margin-bottom: 0px;
	}
	.article-contenu>.well>.image
	{
		margin-bottom: 0;
	}
	.image-gauche, .image-droite
	{   
		max-width: 33%;
	}
	.image-gauche
	{
		float: left;
		margin-right: 15px;
	}
	.image-droite
	{
		float: right;
		margin-left: 15px;
	}
	.image figcaption
	{
		margin-left: 10px;
		margin-right: 10px;
	}
	.image-legende img
	{
		max-width: 420px;
                width:100%;
		height: auto;
	}
        .image-horizontale{
            max-width:960px;
            width:100%;
            margin-left:auto;
            margin-right:auto;
        }
        .image-horizontale img
	{
		max-width: 960px;
                width:100%;
		height: auto;
	}
	.image-centre.image-legende img
	{
		max-width: 764px;
	}
	.image-livre figcaption
	{
		margin-top: 0;
	}
	.image-livre img
	{
		float: left;
		margin-bottom: 15px;
		margin-top: 0;
		margin-right: 10px;
	}
	.well .image-livre img
	{
		margin-bottom: 0;
	}

	.deux-colonnes
	{
		text-align: left;
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}
	.trois-colonnes
	{
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
	}


@media(min-width: 992px) {
	
/*	.right-temporaire{*/
/*    right:7% !important;*/
/*}*/
/*.padding-temporaire{*/
/*    padding-bottom:0;*/
/*}*/
/*.image-temporaire{*/
/*    max-width: auto;*/
/*}*/
	
	.dl-horizontal dt
	{
		text-align:left;
	}
	.dl-horizontal dd
	{
		margin-left: 10px;
	}
	
	.dl-horizontal dl dt {
		float: left;
		width: 160px;
		overflow: hidden;
		clear: none;
		text-align: left;
		text-overflow: ellipsis;
		white-space: normal;
	}
	.dl-horizontal dl {
		clear:left;
	}

	/*#non-mais-toggle.collapse
	{
		display: block;
		visibility: visible;
	}*/

	.divider-vertical a
	{
		padding-right:10px;
		border-right: 1px solid #A5A4A5;
		height:14px;
	}

        
	#dropdown-frm-recherche
	{
		margin-top:14px;
		left: auto;
		right: -20px;
		border-top:none;
		border-right: none;
		box-shadow: none;
		border-radius: 0;
		padding: 0 15px 10px;
	}
	#dropdown-frm-recherche label
	{
		display: block;
	}
	#div-recherche-avancee-md-top
	{
	}
	#champ-recherche-md-top
	{
		width: auto;
	}
	#nav-infos
	{
		text-align: right;
		margin: 12px 0 14px 0;
	}

	#div-nav-entete
	{
		text-align: right;
		margin-top: 14px;
		height: 50px;
	}
	#nav-entete>ul
	{
		margin:15px 0;
	}
	.menu-2
	{
            height: 140px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
		padding-top:20px;
		padding-bottom:20px;
                background-color:#fff;
                padding-left:10px;
               /* border-bottom:1px solid #ccc;*/
	}
               
	/* MENU DES CATÉGORIES */
	.menu-cat .navbar
	{
		padding-bottom: 0px;
		margin-bottom:0;
		/*border-top: 1px solid #A5A4A5;*/
		border-radius: 0;
		/*border-bottom: 3px solid #A5A4A5;*/
                background-color:#fff;
                max-height:60VH;
                border:0px;
	             overflow-y:scroll;
	            -webkit-overflow-scrolling: touch;
	            scrollbar-color: #1f1f1f #f5f5f5; /* thumb and track color */
                scrollbar-width: thin;
                scrollbar-border:none;
	}
	
	/*********************************/
	/* LES STYLES POUR LA SCROLL BAR */
	/* -webkit : Chrome              */
	/*********************************/
	
	 /* width */
	.menu-cat .navbar::-webkit-scrollbar {
        width: 5px;
    }

/* Track */
.menu-cat .navbar::-webkit-scrollbar-track {
  background: #f5f5f5;
}

/* Handle */
.menu-cat .navbar::-webkit-scrollbar-thumb {
  background: #1a1a1a;
}

/* Handle on hover 
.menu-cat .navbar::-webkit-scrollbar-thumb:hover {
  background: #f1f1f1;
} */

        .navbar-nav {
            width:100%;
        }

	/* ONGLETS */
	.menu-cat .nav>li.cat
	{
		/*margin-bottom:-3px;
		border-right: 2px solid #FFF;
		border-left: 2px solid #FFF;
		position: static;*/
	}
	.menu-cat li.cat>a
	{

	}
    
    footer #editeur #logo-csf img{
    width: 70%;
    margin-top:0rem;
    }



    
	.cat-ss-menu
	{
		position: absolute;
		display: none;
		left: 14px;
		right: 14px;
		background-color: inherit;
		z-index: 16;
		padding:10px;
	}
	.cat-ss-menu a
	{
		color: #FFF;
	}
	.cat-ss-menu li a
	{
		text-decoration: underline;
		display: inline-block;
		color: #FFF;
		padding:5px;
	}
	.cat-ss-menu li a:hover, .cat-ss-menu li a:active,.cat-ss-menu li a:focus
	{
		background-color: inherit;
	}
	.menu-cat li.cat:hover .cat-ss-menu,
	.menu-cat li.cat:focus .cat-ss-menu,
	.menu-cat li.cat>a:hover + .cat-ss-menu,
	.menu-cat li.cat>a:focus + .cat-ss-menu,
	.menu-cat li.cat.focused .cat-ss-menu,
	.cat-ss-menu:hover, .cat-ss-menu:active, .cat-ss-menu:focus
	{
		display: block;

	}

	.cat-ss-menu .thumbnail
	{
		background-color: inherit;
		border:none;
		box-shadow:none;
		margin-bottom: 0;
	}
	.cat-ss-menu .caption-header h1
	{
		margin-top:0;
		margin-bottom: 0;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: bold;
	}
	.cat-ss-menu .caption-header h1 a
	{
		text-decoration: none;
	}

	.cat-ss-menu .thumbnail .caption
	{
		color: #fff;

	}
	.voir-tous-les-articles:before
	{
		content: "Voir tous les articles"
	}
	.voir-tous-les-articles:after
	{
		content: " »";
	}
    /* Caroussel-vedette */
    
    .carousel{
        /*height:640px;*/
        margin-bottom:10px;
    }
    .carousel-inner{
        height:auto;
        padding-bottom:6%;
    }
	.carousel-control
	{
		width: 5%;
                height:487px;
	}
	.carousel-indicators
	{   
                position:relative;
		bottom: 11px;
                width:100%;
                left:30%;
                
	}
        
        .carousel-indicators li{
            display: inline-block;
            width: 18%;
            height: 4px;
            margin:0 1px;
            text-indent: -999px;
            cursor: pointer;
            border-width: 0px;
                border-radius: 0px;
                background-color:#1a1a1a;
            
        }
        
        .carousel-indicators li.active{
            width: 18%;
            height: 4px;
            background-color: #e91e63;
        }
	.carousel-caption
	{
		background-color: #1a1a1a;
		color: #fff;
		text-shadow: none;
		text-align: left;
		padding: 0px 20px;
		right: 0px;
		bottom: -84px;
		left: 0px;
		top: auto;
		max-width: 100%;
                height:80px;
	}
	.carousel-caption p.titre-carousel
	{
		font-size: 30px;
                margin-top: 20px;
		margin-bottom: 20px;
	}
        p.titre-carousel a{
            text-decoration:none;
            color:#fff;
        }

	.carousel-share
	{
		height: 20px;
		margin-bottom: 20px;
	}
        #publications-articles{
            padding:0 15px;
        }
        #publications-articles > div{
            float:left;
            width:50%;
            height:initial;
            padding-left:5px;
        }
        
        #publications-articles .thumbnail{
            border-radius: 0px;
            border:none;
            min-height: 77px;
    margin-bottom: 5px;
        }
        
        
        #publications-articles .thumbnail .caption {
            padding: 0 9px;
        }
        
        
        #publications-articles > div .overflow-cat-carousel
        {
	/*overflow: hidden;*/ 
	top:0px;
        right:100px;
	position: absolute;
	height: 20px;
        width:auto;
        }
        
        #publications-articles > div .overflow-cat-carousel .cat {
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center; 
}
        
        
        #publications-articles > div .overflow-cat-carousel a{
            color:#fff;
            height:20px;
            width:100px;
            text-align:center;
        }
        
        
        
        
        
        #publications-articles > div .image-article-accueil{
            position:relative;
            width:185px;
        }
        
        #publications-articles > div .list-inline>li{
            padding:0px;
        }
        
        #publications-articles > div img{
            width:185px;
            margin-right:0px;
            margin-left:0px;
            float:left;
        }
        #publications-articles > div .caption{
            height:auto;
        }
        
        #publications-articles > div .extrait-overflow{
            display:none;
        }
        
        #publications-articles > div p.titre-article{
            margin:0px 0px 7px;
        }
        
        #publications-articles > div p.titre-article a{
            text-decoration:none;
            font-size:1.7rem;
            
        }
        
        #publications-articles > div:first-of-type{
            float:left;
            width:50%;
            padding-right:5px;
            padding-left:0px;
        }
        
        #publications-articles > div:first-of-type .image-article-accueil{
            position:relative;
            width:100%;
        }
        
        #publications-articles > div:first-of-type .overflow-cat-carousel
        {
	/*overflow: hidden;*/ 
	top:0px;
	position: absolute;
	height: 35px;
        width:auto;
        right:161px;
        }
        
        #publications-articles > div:first-of-type .overflow-cat-carousel .cat {
            height: 35px;
}
#publications-articles > div:first-of-type .overflow-cat-carousel .cat a{
            height:35px;
            width:161px;
            font-size:2rem;
            padding-top:4px;
        }


        #publications-articles > div:first-of-type img{
            width:100%;
            margin-right:0px;
            margin-left:0px;
            float:none;
        }
        
        #publications-articles > div:first-of-type .caption{
            padding-top:9px;
        }
        
        
        #publications-articles > div:first-of-type .extrait-overflow{
            display:block;
        }
        
        #publications-articles > div:first-of-type p.titre-article a{
        font-size:2.2rem;
        }
        
        
	.splash
	{
		/*height: 500px;*/
	}
	#cercle .shape-contenu
	{
		/*margin-top:45px;*/
		height: 330px;
		width: 330px;
	}
	#cinq
	{
		top:-60px;
		left: -50px;
	}
	.splash-shape
	{
		margin-left: 45px;
		margin-right: 45px;
		line-height: 420px;
	}
	.alerte-infolettre .alert
	{
		margin-bottom: -40px;
	}

	#imgEnveloppe:before
	{
		top:161px;
		border-left-width: 75px;
		border-right-width: 75px;
	}
	#inscription-infolettre
	{
		padding-right: 15px;
		padding-left: 15px;
	}
	#inscription-infolettre label
	{
		font-size: 22px;
		font-weight: normal;
	}
	#inscription-infolettre fieldset
	{
		margin-top:60px;
		margin-bottom: 60px;
	}
	#infolettre footer
	{
		text-align: right;
		margin-top: 0;
		margin-right: 5px;
	}
	#div-nav-footer
	{
		text-align: left;
	}
	#copyright
	{
		margin-bottom: 32px;
	}

	.page-banderole-overlap .categorie-header
	{
		padding-bottom: 60px;		
	}

	.banderole-overlap
	{
		position: relative;
		top: -60px;
		margin-bottom: -60px;
		padding-right: 15px;
		padding-left: 15px;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.item-categorie .categories-en-bas
	{
		min-height: 135px;
		margin-bottom: 10px;
	}
	
	.col-list-mensuel .item-categorie .categories-en-bas
	{
		min-height: inherit;
		margin-bottom: inherit;
	}

	#result-items
	{
		min-height: 150px;
	}
	/* DOSSIERS */
    #dossier-gazette, #theme-mensuels
	{
		margin-top: 45px;
		border-bottom-right-radius:20px;
		margin-left: -15px;
		margin-right: -15px;
	}
    #dossier-gazette, 
    #dossier-gazette .vignette>img,
    #theme-mensuels,
    #theme-mensuels .vignette>img
	{
                
		/*border-top-left-radius:20px;*/
	}
.grosse-question
	{
		width: 120%;
		left: -10%;
		right: -10%;
		padding-right: 10%;
		padding-left: 10%;
		margin-left: 0;
		margin-right: 0;
	}
	.grosse-question h2:before
	{
		content: "—";
		position: absolute;
		margin-left: -1.5em;
		opacity: 0.5;
	}
	.grosse-question:before, .grosse-question:after
	{
		content: " ";
		position: absolute;
		top:0;
		bottom: 0;
		width: 18px;
		background-color: inherit;
	}
	.grosse-question:before
	{
		left: -18px;
	}
	.grosse-question:after
	{
		right: -18px;
	}
	#caricatures .hauteur-fixe
	{
		height: 150px;
	}
	#caricatures .image-centerer
	{
		width: 386px;
		margin-left: -193px;
	}
/*
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
        max-height: 404px;
}*/}
@media(min-width: 1200px) {

	#page-recherche .item-categorie .categories-en-bas
	{
		height: 177px;
	}
	#page-recherche .item-categorie .categories-en-bas
	{
		padding-bottom: 15px;
	}
    
    .menu-cat li.cat > a{

    }

	.carre-bleu
	{
		height: 80px;
		width: 80px;
	}

	.social-recent-header
	{
		height: 85px;
	}
	.social-recent-header h3
	{
		margin-top: 10px;
	}
	#caricatures .hauteur-fixe
	{
		height: 184px;
	}
	#caricatures .image-centerer
	{
		width: 474px;
		margin-left: -237px;
	}
	.titre-traits-libres{
		font-size: 16px;
		font-weight: bold;
	}
        
        footer #editeur #logo-csf img{
    width: 50%;
    margin-top:0rem;
}

/*
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
        max-height: 487.5px;
}*/
}
@media(max-width: 326px){
	#cercle
	{
		margin-left: 0;
		margin-right: 0;
	}
	.icon-newsletter
	{
		display: none;
	}
	#nav-infos
	{
		margin-top: 0;
	}
	#nav-entete
	{
		margin-left: -3px;
	    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
	    -moz-column-gap: 0px; /* Firefox */
	    column-gap: 0px;
	}
	#nav-entete>ul>li:not(:last-of-type)
	{
		margin-right: -5px;
	}
	.csfq-drapeau-container
	{
		padding-right: 5px;
		width: 40%;
	}
}
@media print {
	.image-legende
	{
		width: 50%;
	}
	blockquote
	{
		border:0;
	}
    .container{
        width: 100%;
    }
    .overflow-cat-carousel,
    a[href]:after {
        
        display: none;
}

    a[href].img-carrousel:after
    {
        content: " (" attr(href) ")";
        font-size: small;
    }
    .splash-background .image-centerer{
        position:relative;
        left: 30%;
    }

}

.fancybox-show-caption .fancybox-caption{
    display:none;
}