/**************************************************************************************************************/
/*
            OUTSIDE
            
            auteur : marlene cotterlaz
*/
/**************************************************************************************************************/

@font-face {
    font-family: 'guardian';
    src: url('../typos/guardian/GuardianEgyp-Regular-Web.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'guardian-semibold';
    src: url('../typos/guardian/GuardianEgyp-Semibold-Web.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'outside';
  src:  url('../typos/outside.eot?7ol3yx');
  src:  url('../typos/outside.eot?7ol3yx#iefix') format('embedded-opentype'),
    url('../typos/outside.ttf?7ol3yx') format('truetype'),
    url('../typos/outside.woff?7ol3yx') format('woff'),
    url('../typos/outside.svg?7ol3yx#outside') format('svg');
  font-weight: normal;
  font-style: normal;
}

:root {
	--top-header-height: 175px;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'outside' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-picto_chrono:before {
  content: "\e900";
}
.icon-picto_close:before {
  content: "\e901";
}
.icon-picto_facebook:before {
  content: "\e902";
}
.icon-picto_headphone:before {
  content: "\e903";
}
.icon-picto_instagram:before {
  content: "\e904";
}
.icon-picto_mail:before {
  content: "\e905";
}
.icon-picto_play:before {
  content: "\e906";
}
.icon-picto_rss:before {
  content: "\e907";
}
.icon-picto_search:before {
  content: "\e908";
}
.icon-picto_share:before {
  content: "\e909";
}
.icon-picto_twitter:before {
  content: "\e90a";
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= RESET
*/
/*------------------------------------------------------------------------------------------------------------*/
* {
	outline: none;
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	margin: 0;
	padding:0;
}
body {
	background: #ffffff;
	font-family: arial, sans-serif;
	font-size: 62.5%; /*ensuite 1em=10px en taille normale*/
    color: #000;
}
h1, h2, h3, h4, h5, h6{
	margin:0;
	border: none;
	/* font-family: 'odin bold', sans-serif; */
	font-family: 'guardian-semibold', Georgia, serif;
    font-weight:normal;
	letter-spacing:normal;
}
ul{
	margin:0;
    padding:0;
	list-style:none;
    line-height:1.3em;
}
img{
	border:none;
}
a, a:link{
	outline: none;
	text-decoration:none;
	color:#000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
a:visited{
	text-decoration:none;
	color:#000;
}
a:hover,
a:focus{
	outline: none;
    color: #8a312d;
    text-decoration: none;
}
input, textarea{
	font-family: arial, sans-serif;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus{
	outline: none;
	background-color: #f1f1ed;
}

.screen-reader-text{
    position: absolute;
    left: -5000000px;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= ELEMENTS TRANSVERSAUX
*/
/*------------------------------------------------------------------------------------------------------------*/
.main-content > .pub{
	margin-top: 50px;
}
.with-aside{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
/*
.full-width{
	max-width: 100%;
}
*/
.main-search{
    max-width: 900px;
}
.main-connexion{
    margin: 0;
    background: url(../images/photo.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 50px 0;
}
.titre-clipping{
	margin-bottom: 80px;
	width: 100%;
}
.titre-clipping .title{
	position: relative;
	top: auto;
    background-image: url(../images/img3.jpg);
    background-position: center;
	background-repeat: no-repeat;
	-webkit-text-fill-color: rgba(0,0,0,0.15);
	-webkit-background-clip: text;
	text-transform: uppercase;
	text-align: center;
	font-family: Arial,sans-serif;
	font-weight: bold;
	font-size: 15em;
}
.titre-clipping h1{
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em;
}
.titre-jaune{
    text-align: center;
    text-shadow: #8a312d 2px 2px 0;
    font-size: 4.5em;
    color: #fed10a;
	font-family: 'guardian-semibold';
	font-weight: 400;
	line-height: 1;
}
.titre-blanc{
	width: 100%;
    text-align: center;
    text-transform: uppercase;
    text-shadow: #000 4px 4px 0;
    font-size: 9.5em;
    font-weight: 700;
    color: #fff;
}
.surtitre{
    display: block;
    padding:0 50px;
    text-align: center;
    font-size: 1.4em;
    font-weight: 700;
    letter-spacing: 2px;
    color: #8a8a8a;
}
.align-left{
    text-align: left;
}

.surtitre + .titre-blanc {
    padding-top: 20px;
}
.error{
    font-size: 1.2em;
    font-weight: 700;
    color: #e31a23;
    text-transform: uppercase;
}
.success{
    display: inline-block;
    padding: 3px;
    background: #ffd200;
    font-size: 1.2em;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;

}

a.bouton{
    display: inline-block;
    padding: 15px 40px;
    background: #231f20;
    color: #fff;
    letter-spacing: 1px;
    font-size: 1.4em;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
}
a.bouton:hover,
a.bouton:focus{
    background: #8a312d;
}
a.bouton.jaune{
    margin: 20px 0;
    background: #fed10a;
    font-size: 1em;
    color: #000;
}
a.btn{
    display: inline-block;
    margin: 30px 0;
    padding: 15px 40px;
    background: #231f20;
    color: #fff;
    letter-spacing: 2px;
    font-size: 1.2em;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
}
a.btn:hover,
a.btn:focus{
    background: #8a312d;
}
a.btn.safe{
    margin:10px 0 0;
    padding: 5px;
    background: #8a312d;
    font-size: .8em;
}
a.btn.safe:hover,
a.btn.safe:focus{
    background: #000;
}
a.btn-light{
	font-weight: bold;
    font-size: 1.2em;
}

.mobile{
    display:none!important;
}
.position-sticky{
	position: sticky;
    position: -webkit-sticky;
	top: 0;
}
div[id^=banner_content_]{
    width: auto!important;
    height: auto!important;
}
.no-padding{
    padding: 0!important;
}

@media only screen and (max-width: 1020px){
	.titre-blanc{
		font-size: 9vw;
	}
}
@media only screen and (max-width: 900px){
	.titre-clipping h1{
		font-size: 16vw;
	}
	.titre-blanc{
		font-size: 8em;
	}
}
@media only screen and (max-width: 680px) {
    .mobile{
        display:block!important;
    }
    .desktop{
        display: none!important;
    }
    .titre-blanc{
        font-size: 4em;
        text-shadow: #000 3px 3px 0;
    }
    .titre-clipping .title{
        font-size: 15vw;
    }
}

.fancybox-button{
    background: none!important;
}
.fancybox-button path{
    fill: #000!important;
}
.fancybox-bg{
    opacity: 1!important;
    background: #f4f4f4!important;
}
.fancybox-image{
    border: 15px solid #fff!important;
}
.fancybox-caption{
    padding-top: 0!important;
    color: #656565!important;
}

/*****************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/
/****** Structures generales des sections ******/
/*****************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/
.section-fullscreen {
    position: relative;
	margin: 0 auto;
    padding: 0;
    width: 100%;
}
/****** Section large ******/
.section-large {
	position: relative;
	margin: 0 auto;
    padding: 0 50px;
    width: 100%;
    max-width: 1600px;
}
/****** Section standard ******/
.section-standard {
    position: relative;
	margin: 0 auto;
    padding: 0 50px;
    width: 100%;
    max-width: 1300px;
}
.section-standard .alignwide{
	margin-left: -50px !important;
	margin-right: -50px !important;
}
.section-standard .alignfull{
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}
@media only screen and (max-width: 680px) {
	.section-standard {
	    padding: 0 24px;
	}
	.section-standard .alignwide{
		margin-left: -24px !important;
		margin-right: -24px !important;
	}
}
/****** Section small ******/
.section-small {
    position: relative;
	margin: 0 auto;
    padding: 0 50px;
    width: 100%;
    max-width: 850px;
}
.section-small .alignwide{
	margin-left: -50px !important;
	margin-right: -50px !important;
}
.section-small .alignfull{
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}
@media only screen and (max-width: 680px) {
	.section-small {
	    padding: 0 24px;
	}
	.section-small .alignwide{
		margin-left: -24px !important;
		margin-right: -24px !important;
	}
}
/****** Section with aside (aside is included on right) ******/
.section-with-aside {
    position: relative;
	margin: 0 auto;
    padding: 0 50px;
    width: 100%;
    max-width: 1300px;
    display: flex;
    flex-wrap: nowrap;
}
.section-with-aside.no-side-paddings {
	padding-left: 0;
	padding-right: 0;
}
.section-with-aside > section {
    position: relative;
    z-index: 2;
	width: calc(100% - 350px);
	margin: 0;
    padding: 0;
}
.section-with-aside > aside {
    position: relative;
    width: 300px;
    z-index: 1;
    margin: 0 0 0 50px;
    padding: 0;
}
.section-with-aside .alignwide{
	width: calc(100% + 350px) !important;
	background: #ffffff;
	padding-top: 12px; /* to get white border if overslide pub on aside */
	padding-bottom: 12px; /* to get white border if overslide pub on aside */
}
.section-with-aside .alignfull{
	width: 100vw !important;
	margin-left: calc(((100% + 350px) / 2) - 50vw) !important;
	background: #ffffff;
	padding-top: 12px; /* to get white border if overslide pub on aside */
	padding-bottom: 12px; /* to get white border if overslide pub on aside */
}
@media only screen and (max-width: 1000px) {
	.section-with-aside {
	    display: block;
	}
	.section-with-aside > section {
		width: 100%;
	}
	.section-with-aside > aside {
	    width: 100%;
	    margin: 0;
	}
	.section-with-aside > aside.aside-visible-on-mobile {
		margin: 50px 0;
	}
	.section-with-aside > aside.aside-hidden-on-mobile {
	    display: none;
	}
	.section-with-aside .alignwide,
	.section-with-aside .alignfull{
		width: auto !important;
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
		background: none;
		padding-top: 0;
		padding-bottom: 0;
	}
}
@media only screen and (max-width: 680px) {
	.section-with-aside:not(.no-side-paddings) {
	    padding: 0 24px;
	}
}
/****** Section centered with aside (aside is excluded on right) ******/
.section-centered-with-aside {
    position: relative;
	margin: 0 auto;
    padding: 0 150px 50px 150px;
    width: 100%;
    max-width: 1300px;
}
.section-centered-with-aside > section {
    position: relative;
    z-index: 2;
    padding: 0;
}
.section-centered-with-aside > aside {
    position: absolute;
    top: 0;
    bottom: 50px;
    right: -180px;
    width: 300px;
    z-index: 1;
    margin: 0;
    padding: 0;
}
.section-centered-with-aside .alignwide{
	margin-left: -50px !important;
	margin-right: -50px !important;
}
.section-centered-with-aside .alignfull{
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #ffffff;
	padding-top: 12px; /* to get white border if overslide pub on aside */
	padding-bottom: 12px; /* to get white border if overslide pub on aside */
}
@media only screen and (max-width: 1000px) {
	.section-centered-with-aside {
	    display: block;
	    padding-left: 50px;
	    padding-right: 50px;
	}
	.section-centered-with-aside > section {
		width: 100%;
	}
	.section-centered-with-aside > aside {
	    width: 100%;
	    margin: 0;
	}
	.section-centered-with-aside > aside.aside-visible-on-mobile {
		margin: 50px 0;
	}
	.section-centered-with-aside > aside.aside-hidden-on-mobile {
	    display: none;
	}
	.section-centered-with-aside .alignfull{
		background: none;
		padding-top: 0;
		padding-bottom: 0;
	}
}
@media only screen and (max-width: 680px) {
	.section-centered-with-aside {
	    padding: 0 24px;
	}
	.section-centered-with-aside .alignwide{
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
	}
}

/*****************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/
/****** Structure Home ******/
/*****************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/
.main-content-home {
	background:#f4f4f4;
	padding-top: 50px;
}
.main-content-home .main-inner-content {
	max-width: 1220px;
	width: 100%;
	margin: 0 auto;
}

/*****************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/
/****** Structure Pages ******/
/*****************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/
.main-content-page {
	background:#f4f4f4;
}
.main-content-page .main-inner-content {
	width: 100%;
}

/*****************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/
/****** Structure Single ******/
/*****************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/
.main-content-single {
	background: #f4f4f4;
	padding: 50px 0;
}
.main-content-single-standard {
	background: #ffffff;
	padding: 0 0 50px 0;
}
.main-content-single-fullscreen {
	padding: 0;
}
.main-content-single .main-inner-content {
	max-width: 1220px;
	width: 100%;
	margin: 0 auto;
}
.main-content-single .main-topic {
	margin-bottom: 36px;
	padding: 0 50px;
}
.main-content-single .main-topic .titre-jaune {
	text-transform: uppercase;
    font-family: 'arial', serif;
    font-size: 7em;
	text-align: center;
	font-weight: bold;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.main-content-single article .content > p:first-child::first-letter{
    font-family: 'guardian-semibold', Georgia, serif;
	float: left;
    margin: 10px 10px 0 0;
    font-size: 3.2em;
    line-height: 0.7;
}
.main-content-single article .content > p:first-child{
    font-family: 'guardian-semibold', Georgia, serif;
}
.main-content-single article.reserved .content > p:first-child{
    font-family: inherit;
}
@media only screen and (max-width: 680px) {
	.main-content-single .main-topic {
		padding-left: 24px;
		padding-right: 24px;
	}
	.main-content-single .main-topic .titre-jaune {
		font-size: 4em;
	}
}

/*****************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/
/****** Structure Archives ******/
/*****************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/
.main-content-archive {
	background:#f4f4f4;
	padding: 50px 0;
}
.main-content-archive .main-inner-content {
	width: 100%;
	margin: 0;
}
.main-content-archive .archive-header {
	margin: 0;
	padding: 0;
}
.main-content-archive .archive-header .sub-categories {
	display: flex;
	justify-content: center;
	border-bottom: 4px solid #000;
}
.main-content-archive .archive-header .sub-categories .container {
	max-width: 1220px;
	width: 100%;
	margin: 0 auto;
	position: relative;
    display: flex;
    padding: 0 24px;
}
.main-content-archive .archive-header .sub-categories .container:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 4px;
	width: 80px;
	background: -webkit-linear-gradient(270deg, rgba(244,244,245,1) 0%, rgba(244,244,245,0) 100%);
	background: linear-gradient(270deg, rgba(244,244,245,1) 0%, rgba(244,244,245,0) 100%);
}
.main-content-archive .archive-header .sub-categories ul {
	display: flex;
	overflow: hidden;
	overflow-x: scroll;
    -webkit-transform: translate(0,4px);
    transform: translate(0,4px);
    margin: 0 auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
/* custom scrollbar (hide) */
.main-content-archive .archive-header .sub-categories ul::-webkit-scrollbar { /* scrollbar's width / height */
  width: 0px;
  height: 0px;
}
.main-content-archive .archive-header .sub-categories ul::-webkit-scrollbar-track {/* scrollbar's track */
  background: transparent;
}
.main-content-archive .archive-header .sub-categories ul::-webkit-scrollbar-thumb {/* scrollbar's handle */
  background: transparent;
}
.main-content-archive .archive-header .sub-categories ul::-webkit-scrollbar-thumb:hover {/* scrollbar's handle on hover */
  background: transparent;
}
.main-content-archive .archive-header .sub-categories ul li {
	white-space: nowrap;
    padding: 0 10px;
}
.main-content-archive .archive-header .sub-categories ul li a {
	position: relative;
	display: inline-block;
	text-transform: uppercase;
    font-size: 1.1em;
    color: #333333;
    display: block;
    font-weight: 600;
    letter-spacing: 0.1em;
    padding: 6px 0 9px 0;
}
.main-content-archive .archive-header .sub-categories ul li.active a,
.main-content-archive .archive-header .sub-categories ul li a:hover,
.main-content-archive .archive-header .sub-categories ul li a:active,
.main-content-archive .archive-header .sub-categories ul li a:focus {
    color: #333333;
}
.main-content-archive .archive-header .sub-categories ul li a:after {
	content: "";
	height: 4px;
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.main-content-archive .archive-header .sub-categories ul li.active a:after,
.main-content-archive .archive-header .sub-categories ul li:hover a:after,
.main-content-archive .archive-header .sub-categories ul li:active a:after,
.main-content-archive .archive-header .sub-categories ul li:focus a:after {
	background: #fed10a;
}
.main-content-archive .archive-header .archive-header-container {
	min-height: 150px; /* linear-gradient height */
    background-image: -webkit-linear-gradient(#fff 0px,rgba(255,255,255,0) 150px);
    background-image: linear-gradient(#fff 0px,rgba(255,255,255,0) 150px);
	padding: 25px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.main-content-archive .archive-header .archive-header-container .archive-title {
	max-width: 800px;
	margin: 12px auto;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
	color: #fed10a;
    font-size: 5em;
    line-height: 0.8;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: #8a312d 1px 1px 0;
    text-align: center;
    font-family: arial, sans-serif;
}
body.tax-topic .main-content-archive .archive-header .archive-header-container .archive-title {
	color: #ffffff;
    text-shadow: #000000 1px 1px 2px;
}
.main-content-archive .archive-header .archive-header-container .archive-title img {
	width: 120px;
    height: 120px;
    display: inline-block;
    border: 2px solid #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #ffffff;
    margin: 12px;
}
.main-content-archive .archive-header .archive-header-container .archive-description {
	max-width: 800px;
	margin: 12px auto;
	text-align: center;
	font-family: "HelveticaNeue",Arial,Helvetica,Geneva,sans-serif;
}
/* featured list */
.main-content-archive .archive-list-featured {
	padding-left: 0;
	padding-right: 0;
}
.main-content-archive .archive-list-featured section {
	margin: 0 0 50px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.main-content-archive .archive-list-featured section article{
	width: 32%;
	box-shadow: 0 0 15px rgb(0 0 0 / 15%);
}
/* standard list */
.main-content-archive .archive-list-standard{
	position: relative;
    z-index: 1;
    padding: 50px;
    background-image: -webkit-linear-gradient(#fff 55px,rgba(255,255,255,0) 500px);
    background-image: linear-gradient(#fff 55px,rgba(255,255,255,0) 500px);
}
.main-content-archive .archive-list-standard article:last-child{
	margin-bottom: 0;
}
@media only screen and (max-width: 1220px) {
	.main-content-archive .archive-list-featured {
		padding-left: 25px;
		padding-right: 25px;
	}
}
@media only screen and (max-width: 800px) {
	.main-content-archive .archive-list-featured section article {
		width: 100%;
		margin-bottom: 25px;
	}
}
@media only screen and (max-width: 680px) {
	.main-content-archive .archive-header .archive-header-container .archive-title {
		flex-direction: column;
	    font-size: 3em;
	    padding-left: 24px;
	    padding-right: 24px;
	}
	.main-content-archive .archive-header .archive-header-container .archive-description {
		padding-left: 24px;
	    padding-right: 24px;
	}
	.main-content-archive .archive-list-standard{
	    padding-left: 0;
	    padding-right: 0;
	}
}

/*****************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/
/****** Structure Search ******/
/*****************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/
.main-content-search {
	background:#f4f4f4;
	padding: 50px 0;
}
.main-content-search .search-form{
	margin-bottom: 50px;
}

/*****************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/
/****** Structure 404 ******/
/*****************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/
.main-content-404 {
	background:#f4f4f4;
	padding: 50px 0;
}

/**************************************************************************************************************/
/*** COMPONENT : NOTHING FOUND / 404 / NO RESULTS ***/
/**************************************************************************************************************/
.nothing-found {
	width: 100%;
	margin: 50px auto;
	padding: 0 24px;
	text-align: center;
}
.nothing-found .title{
    display: inline-block;
    padding: 20px 25px;
    background: #fed10a;
    font-family: 'guardian-semibold', Georgia, serif;
    font-size: 5em;
    line-height: 1;
}
.nothing-found .subtitle{
    font-size: 2em;
    margin-bottom: 24px;
    margin-top: 60px;
}
.nothing-found p{
    font-size: 1.5em;
    margin-bottom: 50px;
}
.nothing-found .search-form{
    margin: 0 0 80px 0;
}
@media only screen and (max-width: 680px) {
	.nothing-found {
		margin: 0px auto;
	}
	.nothing-found .title{
	    padding: 20px 25px;
	    font-size: 3em;
	}
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= BLOC D'ELEMENTS
*/
/*------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------
	== FOLLOW US
------------------------------------------------------------------------------------------------------------*/
.follow-us {
    margin: 0;
    padding: 40px 0 0;
    border-top:1px solid #000;
}
.follow-us > strong{
    margin: 0 0 20px;
    font-family: 'guardian-semibold', Georgia, serif;
    font-size: 2em;
    font-weight: 400;
}
article .follow-us .newsletter{
    margin: 0 0 30px;
    padding: 10px 0 0;
    border: none;
}
article .follow-us .newsletter form{
   width: 100%;
}
article .follow-us .newsletter label{
    display: block;
    margin: 15px 0;
    font-size: 1.2em;
}
article .follow-us .newsletter label input{
    padding: 10px 0;
    border-bottom: 1px solid #000;
}
article .follow-us .newsletter input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.follow-us .social{
    margin: 0;
}
@media only screen and (max-width: 680px) {
    .follow-us{
        margin: 0 30px;
    }
}

/*------------------------------------------------------------------------------------------------------------
	== COMMENTAIRE
------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 680px) {
    .comment-area{
        padding: 20px!important;
    }
}

/*------------------------------------------------------------------------------------------------------------
	== CONNEXION
------------------------------------------------------------------------------------------------------------*/
section.connexion {
    max-width: 750px;
    background: rgba(255,255,255, 0.8);
    background: #ffffff;
}
.connexion{
    margin: 0 auto;
    padding: 50px;
    max-width: 900px;
    background: rgba(254,209,10, 0.8);
    background: #ffffff;
    text-align: center;
}
.connexion h2{
    margin: 50px auto 10px;
    max-width: 500px;
    font-family: 'guardian-semibold', Georgia, serif;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
}
.connexion h2:first-child{
    margin-top: 0;
}
.connexion h2 + p{
    margin: 20px 0;
    font-family: 'guardian-semibold', Georgia, serif;
    font-size: 1.5em;
}
.connexion h2 span{
    display: block;
    margin: 20px 0 0;
    font-size: 0.6em;
}
.connexion h3{
    margin: 20px 0;
    text-transform: uppercase;
    font-size: 1.6em;
    font-weight: 700;
}
.connexion hr{
    margin: 20px 0;
    height: 1px;
    background: #000;
    border: none;
}
.connexion ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.connexion ul li{
    margin: 0 10px;
    font-size: 1.4em;
}
.connexion p{
    margin: 15px 0;
    width: 100%;
    font-size: 1.2em;
}
.connexion form{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   margin: 0 auto 50px;
}
.connexion form p{
   max-width: 350px;
}
.connexion form p[class*=submit]{
    max-width: none;
    text-align: center;
 }
 .connexion form label{
    display: block;
    margin: 0 0 3px;
    width: 100%;
   	max-width: 350px;
    font-family: 'guardian', Georgia, serif;
    font-style: italic;
    font-size: 1.1em;
}
.connexion form input[type=text],
.connexion form input[type=email],
.connexion form input[type=password],
.connexion form textarea{
    padding: 10px;
    width: 100%;
    background: #fff!important;
    border: 1px solid #777;
    color: #000;
    font-size: 1.2em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.connexion form select{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #777;
    font-size: 1.2em;
    font-weight: 400;
    font-style: normal;
    width: 100%;
    padding: 10px;
}
.connexion form label{
    margin: 20px 0 5px;
    text-align: left;
    color: #777;
    font-family: arial, sans-serif;
    font-size: 1.3em;
    font-style: normal;
}
.connexion form label input[type=checkbox]{
    margin: 0 5px 0 0;
}
.connexion form label a{
    display: inline-block;
    padding: 5px 0; 
    box-shadow: #fed10a 0 -4px 0 inset;
    color: #777;
    text-decoration: none;
}
.connexion form label a:hover{
    box-shadow: #fed10a 0 -40px 0 inset;
}
.connexion form input[type=submit]{
    padding: 10px 30px;
    background: #000;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 400;
    text-align: center;
    letter-spacing: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.5s;
}
.connexion form input[type=submit]:hover{
    background: #8a312d;
}
.connexion form.login{
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 50px;
    max-width: 350px;
}
.connexion form.login label{
    margin: 0 0 5px;
}
.connexion form.newsletter{
    justify-content: center;
}

.connexion .description {
    text-align: left;
}
.connexion .description h2{
    max-width: none;
}
.connexion .description p{
    margin: 0 0 30px;
    font-size: 1.6em;
    font-family: 'guardian', Georgia, serif;
    line-height: 1.4;
}
.connexion .description ul {
    display: list-item;
    margin: 0 0 30px 10px;
    font-family: 'guardian', Georgia, serif;
}
.connexion .description ul li{
    list-style: disc;
    margin-bottom: 10px;
    font-size: 1.6em;
    line-height: 1.4;
}
.step-info{
    font-size: 1.3em;
    text-transform: uppercase;
}
.open-login-form{
    margin: 0 0 20px;
    font-size: 1.3em;
    cursor: pointer;
}
.register-part-login{
    margin: 30px 0 0;
}
@media only screen and (max-width: 680px) {
    .connexion{
        padding-left: 20px;
        padding-right: 20px;
    }
    .connexion form label{
        width: 100%;
    }    
    .connexion form input[type=text],
    .connexion form input[type=email],
    .connexion form input[type=password]{
        width: 100%;
    }
    .connexion .description ul{
        margin-left: 7px;
    }
}

/**/
.order-informations .step-info{
    font-size: 1.3em;
    text-transform: uppercase;
}
.order-informations h2 + p{
    margin: 50px 0 0;
    font-family: arial, sans-serif;
    font-size: 1.2em;
}
.order-informations .condition{
    font-size: 1.4em;
}
.order-informations .legal{
	padding: 20px;
	border: 3px solid #777;
    margin: 10px 0;
    font-weight: 700;
    text-align: left;
}
.order-informations .promo-title{
	display: inline-block;
	width: auto;
	padding: 12px 48px;
	background-color: #fed10a;
	margin: 12px 0;
	font-weight: bold;
}

/**/
.part-payer{
    margin: auto;
    max-width: 500px;
    font-size: 1.2em;
}
.part-payer form {
    padding: 0 20px;
}
.part-payer form p{
    margin: 0 0 40px;
    max-width: none;
    text-align: left;
}
.part-payer form .input{
    margin: 0 0 6px 0;
}
.part-payer form label{
    max-width: none;
    font-family: arial, sans-serif;
    font-style: normal;
    font-size: 1em;
    color: #777;
}
.part-payer form label[for=code_promo]{
    color: #000;
}
.part-payer form input[type=text]{
    border: 1px solid #777;
    font-size: 1em;
    font-weight: 400;
    font-style: normal;
}
.part-payer form select{
	-webkit-appearance: none; /* removes expand icon in older Chrome versions */
	-moz-appearance: none; /* removes expand icon in older Firefox versions */
	appearance: none; /* removes expand icon */
    border: 1px solid #777;
    font-size: 1em;
    font-weight: 400;
    font-style: normal;
    width: 100%;
	padding: 8px;
	border-radius: 0px;
}
a.read-legal{
    color: #777;
    text-decoration: underline;
}
/*.read-legal{
    display: inline-block;
    padding: 5px 0; 
    box-shadow: #fed10a 0 -4px 0 inset;
}
.read-legal:hover{
    box-shadow: #fed10a 0 -40px 0 inset;
}*/

/*
    LISTE ABONNEMENTS
*/
.list-abos{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.list-abos article{
    position: relative;
    margin: 4.5em 0;
    width: 45%;
    background: #fff;
	box-shadow: 0 0 15px rgb(0 0 0 / 15%);
}
.list-abos article h3{
    position: absolute;
    top: -0.90em;
    left: 0;
    right: 0;
    margin: 0;
    font-family: arial, sans-serif;
    font-size: 4.4em;
    font-weight: 700;
    text-transform: none;
}
.list-abos article header{
    padding: 30px 20px;
    background: #fed10a;
    margin: 0 0 30px 0;
}
.list-abos article header p{
    margin: 0;
    font-family: arial, sans-serif;
    font-size: 1.4em;
}
.list-abos article header p.top{
    font-family: 'guardian-semibold', Georgia, serif;
}
.list-abos article header .prix{
    font-size: 4em;
    font-weight: 700;
}
.list-abos article header .prix .recurrence{
    font-size: 0.6em;
    font-weight: 400;
}
.list-abos article header .prix::after{
    content:"";
    display: block;
    margin: 0 auto 5px;
    width: 100px;
    height: 1px;
    background: #000;
}
.list-abos article header .bottom{
}
.list-abos article .abo-content{}
.list-abos article .abo-content ul{
    display: block;
    margin: 0 20px;
    list-style: disc;
    text-align: left;
}
.list-abos article .abo-content ul li{
	text-align: center;
	list-style: none;
    margin: 10px 0;
    padding:0;
    /*font-family: 'guardian', Georgia, serif;*/
    font-size: 1.4em;
}
@media only screen and (max-width: 680px) {
    .list-abos article{
        width: 100%;
    }
}

/*
    LISTING
*/
.listing.identite{}
.connexion > .listing > li{
    margin: 0 0 5px;
    padding: 10px;
    background: #fff;
    border-radius: 3px;
   width: 90%;
   line-height: 1.2;
}
.connexion > .listing > li > ul{
    margin: 5px 0 0 ;
}
.connexion > .listing > li li{
    margin: 5px 0 0 0;
    /*list-style: square;*/
    width: 100%;
    font-size: 1em
}
.connexion > .listing > li .payways{
    margin: 0;
}
.connexion > .listing > li .payways li{
    list-style: none;
}
.connexion > .listing.indentite > li{
    text-align: center;
    background: none;
}
.connexion > .listing.subscriptions li .info span{
    display: block;
}
.connexion > .listing.subscriptions > li > .info span{
    margin: 10px 0;
}
.connexion > .listing > li > ul.invoices > li{
    font-size: 0.9em;
}

/*
    INFOS COMPTE
*/
.deconnexion{
    float: right;
    margin: 0 0 10px;
    font-size: 1.1em;
    font-weight: 700;
}
.infos-compte{
    clear: both;
    display: flex;
    align-items: flex-start;
    padding: 20px 0;
    width: 100%;
    border-top: 1px solid #6b6f72;
}
.infos-compte h3{
    margin: 0 20px 0 0;
    width: 130px;
    color: #6b6f72;
    font-weight: 400;
    text-align: left;
}
.infos-compte ul{
    display: block;
    flex: 1;
}
.infos-compte ul li{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 8px;
    text-align: left;
    font-size: 1.2em;
}
.infos-compte ul li.separateur{
    margin-top: 20px;
    padding: 20px 0 0;
    border-top: 1px solid #6b6f72;
}
.infos-compte ul li .entete{
    margin: 0 5px 0 0;
}
.infos-compte ul li .contenu{
    flex: 1;
    font-weight: 700;
}
.infos-compte ul li a{
    color: #00aeed;
}
.infos-compte ul li a.bouton{
    padding: 10px;
    color: #fff;
}
.infos-compte ul li a.large{
    margin: 8px 0 0;
    width: 100%;
    text-align: right;
}
.infos-compte-multi-users {
	clear: both;
    display: block;
    padding: 20px 0;
    width: 100%;
    border-top: 1px solid #6b6f72;
}
.infos-compte-multi-users h3{
    width: 100%;
    text-align: center;
}
.infos-compte-multi-users p{
    text-align: center;
}
@media only screen and (max-width: 680px) {
    .infos-compte{
        display: block;
    }
    .infos-compte h3{
        margin: 0 0 10px;
        width: auto;
    }
    /*.infos-compte ul li *{
        width: 100%;
        text-align: left;
    }*/
}

/*
    HISTORIQUE FACTURE
*/
.historique-facture{
    margin: 30px 0;
    width: 100%;
    font-size: 1.2em;
}
.historique-facture th{
    padding: 5px 0;
    border-bottom: 1px solid #6b6f72;
    text-align: left;
    color: #6b6f72;
}
.historique-facture td{
    padding: 5px 0;
    text-align: left;
}
.historique-facture td a{
    color: #00aeed;
}

/**************************************************************************************************************/
/*** PUBS GENERAL ***/
/**************************************************************************************************************/
.pub {
	background: none;
}
.pub-h{
	margin: 0 auto 50px;
    padding: 0;
    max-width: 1320px;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.pub-h > *{
	margin: 0 auto;
    display: inline-block !important;
}
.pub-h iframe{
    max-width: 1320px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.pub-h iframe img{
    width: 100%;
    height: auto;
}
/*.pub-h{
    position: relative;
	margin: 0 auto 50px;
    padding: 20% 50px 0;
    max-width: 1200px;
}
.pub-h iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/
.pub-v{
	padding: 0;
	max-width: 300px;
}
.pub img{
    width: 100%;
}
@media only screen and (max-width: 1000px) {
    article .pub-carre.mobile{
        display: block!important;
        margin: 50px auto;
        text-align: center;
    }
    article .pub-carre.mobile > div{
        margin: 0 auto;
    }
}
@media only screen and (max-width: 680px) {
    .pub-carre.mobile{
        margin: 50px 0;
        width: 100%;
        max-width: none !important;
        flex: auto!important;
        border: none;
        text-align: center;
    }
    .pub-carre.mobile > div{
        margin: 0 auto;
    }
    .pub-carre.mobile iframe{
        display: block;
        margin: auto;
    }
    .pub-carre.mobile img{
        width: 100%;
        height: auto;
    }
}
/**************************************************************************************************************/
/*** PUBS AUTOPROMO ***/
/**************************************************************************************************************/
.pub.autopromo{
	background: #ffffff !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}
.pub.autopromo .autopromo-content{
	position: relative;
    margin-bottom: 80px;
    display: grid;
    grid-row-gap: 48px;
    grid-template-columns: repeat(12,1fr);
	grid-gap: 48px;
	align-items: center;
}
.pub.autopromo .autopromo-content .promo-infos{
	position: relative;
	grid-column: span 3/span 3;
    padding: 36px 0px;
}
.pub.autopromo .autopromo-content .promo-posts{
	grid-column: span 9/span 9;
	display: grid;
    grid-row-gap: 18px;
    grid-template-columns: repeat(12,1fr);
	grid-gap: 18px;
}
.pub.autopromo .autopromo-content .promo-posts .promo-post{
	grid-column: span 4/span 4;
	padding: 36px 0px;
}
.pub.autopromo .autopromo-content .promo-infos:after{
	content: "";
	width: 1px;
	height: 80%;
	background-color: #f1f1f1;
	position: absolute;
	top: 10%;
	right: -24px;
}
.pub.autopromo .autopromo-content .promo-infos h2{
	font-size: 2.6em;
	margin-bottom: 12px;
	text-transform: uppercase;
}
.pub.autopromo .autopromo-content .promo-infos p{
	font-size: 1.4em;
	margin-bottom: 12px;
}
.pub.autopromo .autopromo-content .promo-posts .promo-post article {
    position: relative;
    margin: 0;
    overflow: hidden;
    display: flex;
}
.pub.autopromo .autopromo-content .promo-posts .promo-post header a.thumb {
	position: relative;
	display: block;
    z-index: 1;
    margin: 0;
    width: 170px;
    height: 170px;
    line-height: 0;
    overflow: hidden;
	width: 125px;
    height: 125px;
}
.pub.autopromo .autopromo-content .promo-posts .promo-post header a.thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	margin: 0;
	padding: 0;
}
.pub.autopromo .autopromo-content .promo-posts .promo-post .content {
	text-align: left;
   	padding: 0;
   	margin: 0 0 0 18px;
}
.pub.autopromo .autopromo-content .promo-posts .promo-post .content h2 {
	font-size: 1.6em;
	line-height: 1.2;
	margin-top: 0;
	font-family: "HelveticaNeue",Arial,Helvetica,Geneva,sans-serif;
	letter-spacing: 1px;
}
.pub.autopromo .autopromo-content .promo-posts .promo-post .content h2 a {
	color: #333333;
}
.pub.autopromo .autopromo-content .promo-posts .promo-post .content .author {
	text-align: left;
}
@media only screen and (max-width: 1000px) {
	.pub.autopromo .autopromo-content .promo-infos{
		grid-column: span 5/span 5;
	}
	.pub.autopromo .autopromo-content .promo-posts{
		grid-column: span 7/span 7;
		display: block;
	}
	.pub.autopromo .autopromo-content .promo-posts .promo-post{
		padding: 12px 0px;
	}
}
@media only screen and (max-width: 600px) {
	.pub.autopromo .autopromo-content {
		display: block;
		padding: 0 0 18px 0;
	}
	.pub.autopromo .autopromo-content .promo-infos{
		padding-left: 24px;
		padding-right: 24px;
		text-align: center;
	}
	.pub.autopromo .autopromo-content .promo-infos:after{
		width: 80%;
		height: 1px;
		background-color: #f1f1f1;
		position: absolute;
		top: auto;
		bottom: 12px;
		left: 10%;
	}
	.pub.autopromo .autopromo-content .promo-posts .promo-post article {
	    padding-right: 12px;
	}
}

/**************************************************************************************************************/
/*** PAGINATION GENERAL ***/
/**************************************************************************************************************/
.pagination{
	max-width: 1220px;
	margin: 0 auto;
    position: relative;
    padding: 10px;
    border: 1px solid #E2E2E3;
    text-align: center;
    font-size: 1.2em;
}
.pagination .nav-links > *{
    display: inline-block;
    margin: 0 5px;
}
.pagination .prev{
    position: absolute;
    left: 10px;
}
.pagination .next{
    position: absolute;
    right: 10px;
}
.pagination li a{
    color: #D3D6D9;
    font-size: 1.4em;
}
.pagination .prev a,
.pagination .next a,
.pagination a.current{
    color: #000;
}

/**************************************************************************************************************/
/*** SEARCH FORM GENERAL ***/
/**************************************************************************************************************/
.search-form {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 50px;
	width: 100%;
	background: #fff;
}
.search-form label input{
    display: block;
    width: 100%;
    padding: 0 10px;
    background: none;
    border: none;
    border-bottom: 1px solid #6d6e70;
    font-family: 'guardian', Georgia, serif;
    font-size: 4em;
    color: #6d6e70;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.search-form label input:focus{
    background:none;
}
.search-form input[type=submit]{
    -webkit-appearance: none;
    -moz-appearance:none;
    appearance: none;
    padding: 15px 20px;
    background: #000;
    border: none;
    -webkit-border-radius:0px;
    border-radius: 0;
    color: #fff;
    font-family: 'arial', sans-serif;
    font-size: 1.4em;
    text-transform: uppercase;
    letter-spacing: 3px;
    cursor: pointer;
}
@media only screen and (max-width: 680px){
	.search-form {
		display: block;
		padding-left: 30px;
		padding-right: 30px;
    }
    .search-form input[type=submit]{
        width: 100%;
    }
}

/*****************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/
/****** HOME PAGE ******/
/*****************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/
.main-content-home .home-section{
    margin-bottom: 50px;
}
.main-content-home .home-section > header{
    color: #fed10a;
    font-size: 9em;
    line-height: 0.8;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    text-shadow: #8a312d 1px 1px 0;
    -webkit-transform: translateY(-18px);
    transform: translateY(-18px);
}
.main-content-home .home-section > header span{
    position: absolute;
    top: 60%;
    left: 50%;
    text-shadow: none;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 5px;
    background: rgba(255,255,255,0.7);
    text-transform: uppercase;
    font-size: 0.15em;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 3px;
    color: #000;
}
.main-content-home .home-section > header a{
    position: absolute;
    top: 50%;
    right: 0;;
    font-size: 0.1em;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #000;
}
.main-content-home .home-section > header a::after {
    content: ' →';
    font-size: 1.4em;
}
.main-content-home .home-section > div{
	position: relative;
	z-index: 1; /* to be over header */
    margin-top: -2.3em;
    padding: 50px;
    border-top: 3px solid #fed10a;
    background-image: -webkit-linear-gradient(#fff 55px,rgba(255,255,255,0) 500px);
    background-image: linear-gradient(#fff 55px,rgba(255,255,255,0) 500px);
}
.main-content-home .home-section .with-aside > div{
	flex: 1;
}
@media only screen and (max-width: 800px) {
	.main-content-home .home-section > header{
	    font-size: 6em;
	}
	.main-content-home .home-section > header span{
	    font-size: 0.2em;
	    top: 50%;
	}
}
@media only screen and (max-width: 680px) {
	.main-content-home .home-section{
		padding-top: 50px;
	}
	.main-content-home .home-section > div{
		padding-bottom: 0;
	    padding-left: 0;
	    padding-right: 0;
	}
}
@media only screen and (max-width: 480px) {
	.main-content-home .home-section > header{
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
}

/**************************************************************************************************************/
/*** HOME PAGE - LES STICKY POSTS ***/
/**************************************************************************************************************/
.home-section.sticky-posts {
	display: grid;
    grid-row-gap: 30px;
    grid-template-columns: repeat(12,1fr);
	grid-gap: 30px;
	margin-top: 20px;
}
.home-section.sticky-posts .sticky-posts-group.primary {
    order: 2;
    grid-column: span 6/span 6;
    margin: 0;
    padding: 0;
}
.home-section.sticky-posts .sticky-posts-group.secondary,
.home-section.sticky-posts .sticky-posts-group.tiertiary {
	grid-column: span 3/span 3;
}
.home-section.sticky-posts .sticky-posts-group.secondary {
	order: 1;
}
.home-section.sticky-posts .sticky-posts-group.tiertiary {
	order: 3;
}
.home-section.sticky-posts .sticky-post {
    margin-bottom: 30px;
}
.home-section.sticky-posts .sticky-post .content {
    padding: 0 24px;
}
.home-section.sticky-posts .sticky-post-large .content h2 {
    font-size: 2.8em;
}
@media only screen and (max-width: 1000px) {
	.home-section.sticky-posts {
		display: block;
		padding: 0 50px;
	}
    .home-section.sticky-posts .sticky-post {
		margin-bottom: 24px;
	}
	.home-section.sticky-posts .sticky-post-small article {
	    position: relative;
	    margin: 0;
	    overflow: hidden;
	    display: flex;
	    padding-right: 12px;
	}
	.home-section.sticky-posts .sticky-post-small header a.thumb {
		position: relative;
		display: block;
	    z-index: 1;
	    margin: 0;
	    width: 170px;
	    height: 170px;
	    line-height: 0;
	    overflow: hidden;
		width: 125px;
	    height: 125px;
    }
    .home-section.sticky-posts .sticky-post-small header a.thumb img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    display: block;
	    margin: 0;
	    padding: 0;
    }
    .home-section.sticky-posts .sticky-post-small .content {
    	text-align: left;
    	padding: 0;
    	margin: 0 0 0 20px;
    }
    .home-section.sticky-posts .sticky-post-small .content h2 {
    	font-size: 1.8em;
    	line-height: 1.2;
    }
    .home-section.sticky-posts .sticky-post-small .content .author {
    	text-align: left;
    }
}
@media only screen and (max-width: 680px) {
    .home-section.sticky-posts {
		padding: 0;
	}
}

/**************************************************************************************************************/
/*** HOME PAGE - L'ACTU ***/
/**************************************************************************************************************/
.home-section.lactu article p{
	color: #8a8a8a;
}
.home-section.lactu .bouton {
    margin-left: 280px;
}
.home-section.lactu .bouton::after {
    content: ' →';
    font-size: 1.4em;
}
@media only screen and (max-width: 1000px) {
    .home-section.lactu .bouton {
	    margin-left: 0;
	}
}
@media only screen and (max-width: 680px) {
    .home-section.lactu .more{
        text-align: center;
    }
}
/**************************************************************************************************************/
/*** HOME PAGE - LE MAG ***/
/**************************************************************************************************************/
.home-section.lemag .cards-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 0;
}
.home-section.lemag .cards-list article{
	display: flex;
	flex-direction: column;
    width: calc(50% - 45px);
    margin-bottom: 60px;
}
.home-section.lemag .cards-list article .content{
	flex: 1;
}
@media only screen and (max-width: 1000px) {
	.home-section.lemag .cards-list article{
	    width: calc(50% - 12px);
	}
}
@media only screen and (max-width: 800px) {
	.home-section.lemag .cards-list{
	    justify-content: center;
	    flex-direction: column;
	    align-items: center;
	}
	.home-section.lemag .cards-list article{
	    max-width: none;
	    width: 100%;
	}
}
/**************************************************************************************************************/
/*** HOME PAGE - AUDIOVISUEL ***/
/**************************************************************************************************************/
.home-section.audiovisuel{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0 50px;
}
.home-section.audiovisuel article{
    position: relative;
    margin: 40px 0;
    width: 100%;
    max-width: 380px;
    text-align: center;
}
.home-section.audiovisuel article *{
    margin: 0;
}
.home-section.audiovisuel article span .all{
    color: #dadada;
    font-size: 9em;
    font-weight: 700;
    
	margin-bottom: 6px;
	display: block;
    
    position: relative;
    z-index: 2;
    color: #c7c5c6;
    font-size: 4.5em;
    line-height: 0.7;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    
}
.home-section.audiovisuel .thumb{
    display: inline-block;
    margin: 0 0 20px;
    width: 290px;
    height: 290px;
    border-radius: 100%;
    overflow: hidden;
}
.home-section.audiovisuel article .thumb img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

}
.home-section.audiovisuel article:hover .thumb img,
.home-section.audiovisuel article .thumb:hover img,
.home-section.audiovisuel article .thumb:focus img{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}
.home-section.audiovisuel article h2{
    margin: 0 0 10px;
    font-size: 3em;
}
.home-section.audiovisuel article h2 a::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
@media only screen and (max-width: 680px) {
    .home-section.audiovisuel .thumb{
        width: 240px;
        height: 240px;
    }
    .home-section.audiovisuel article span a{
        font-size: 7em;
    }
    .home-section.audiovisuel article h2{
	    font-size: 2em;
	}
	.home-section.audiovisuel article span .all{
	    font-size: 3.5em;
	    
	}
}
/**************************************************************************************************************/
/*** HOME PAGE - GRAND ANGLE / SPONSORISE ***/
/**************************************************************************************************************/
.home-section.grand-angle {
	padding-bottom: 100px;
}
.home-section.grand-angle .article-card:first-child{
	margin-bottom: 100px;
}
.home-section.grand-angle .article-card:first-child header .meta {
	/*justify-content: center;*/
}
.home-section.grand-angle .article-card:first-child .inner-content h2 {
	/*text-align: center;*/
	/*font-size: 4em;*/
}
.home-section.grand-angle .article-card:first-child .inner-content p {
	/*text-align: justify;*/
}
.home-section.grand-angle .article-card:first-child .inner-content:after {
	/*content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 50px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)));
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
    background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
    background: -ms-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
    background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));*/
}
.home-section.grand-angle .article-card:first-child .more{
	text-align: center;
}
@media only screen and (max-width: 680px) {
    .home-section.grand-angle .article-card:first-child .inner-content h2 {
		/*font-size: 3em;*/
	}
}

/*------------------------------------------------------------------------------------------------------------
    == COMPOSANTS
------------------------------------------------------------------------------------------------------------*/
/*
	IMAGE COUVERTURE
*/
article .thumb{
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    line-height: 0;
}
article .thumb img{
	display: block;
	margin: 0;
	padding: 0;
    width: 100%;
    height: auto;
}
article .thumb.open-modal{
    cursor: zoom-in;
}
/*
article .thumb + span{
    display: block;
    margin: 0 50px 10px;
    font-family: 'guardian-semibold', Georgia, serif;
    font-size: 1.4em;
    color: #0070b2;
}
*/
@media only screen and (max-width: 680px) {
    article .thumb + span{
        margin-left: 30px;
        margin-right: 30px;
    }
}

/**************************************************************************************************************/
/*** COMPONENTS - RELATED POSTS ***/
/**************************************************************************************************************/
.related-posts{
    padding: 36px 0;
    background: #fed10a;
}
.related-posts .title{
    position: relative;
    margin: 0 0 20px 0;
    padding: 0 10px;
}
.related-posts .title h2{
	display: inline-block;
    margin: 0;
    padding: 0 24px 0 0;
    font-family: 'guardian-semibold', Georgia, serif;
    font-size: 3em;
    background: #fed10a;
    position: relative;
    z-index: 1;
}
.related-posts .title:after{
    content: "";
    height: 2px;
    background: #000000;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 8px;
}
.related-posts .list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 auto;
}
.related-posts .list article{
    position: relative;
    width: 24%;
    overflow: hidden;
    background: #fff;
    text-align: center;
    margin: 0 0.5% 8px 0.5%;
}
.related-posts .list article .content{
    margin: 20px 20px 10px;
}
.related-posts .list article .content h2{
    font-size: 1.8em;
    margin-top: 12px;
}
.related-posts .list article .content .author{
	margin: 10px 0;
}
.related-posts .more-posts {
	text-align: center;
	margin-top: 24px;
}
@media only screen and (max-width: 680px) {
	.related-posts .list{
		justify-content: space-between;
	}
	.related-posts .list article{
		width: 48%;
    	margin: 0 1% 12px 1%;
	}
}
@media only screen and (max-width: 400px) {
	.related-posts .list article{
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}

/**************************************************************************************************************/
/*** ARTICLE COMPONENT - Format Icon ***/
/**************************************************************************************************************/
article .format-icon {
    width: 50px;
    height: 50px;
    font-size: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
}
article .format-icon.size-medium {
    width: 70px;
    height: 70px;
    font-size: 70px;
    text-align: center;
    line-height: 70px;
    color: #fff;
}
article .format-icon.size-large {
    width: 90px;
    height: 90px;
    font-size: 90px;
    text-align: center;
    line-height: 90px;
    color: #fff;
}
article .thumb .format-icon {
	position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/**************************************************************************************************************/
/*** ARTICLE COMPONENT - Read More ***/
/**************************************************************************************************************/
article a.read-more{
    display: inline-block;
    margin: 0 0 50px 0;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 700;
}
article a.read-more::after{
    content: ' →';
    font-size: 1.6em;
}

/**************************************************************************************************************/
/*** ARTICLE COMPONENT - Meta ***/
/**************************************************************************************************************/
article .meta {
	position: relative;
	list-style: none;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
    font-family: arial, sans-serif;
    color: #999999;
}
article .meta li {
	position: relative;
	list-style: none;
	margin-right: 18px;
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 6px;
}
article .meta li.meta-badge {
	padding-top: 0;
	padding-bottom: 0;
}
article .meta-time {
	position: relative;
	padding-left: 24px;
}
article .meta-time i {
	position: absolute;
	left: 0;
	top: 3px;
	font-size: 1.5em;
}
article .meta-badge {
	position: relative;
    width: 26px;
    height: 26px;
    background: #ffffff;
    overflow: hidden;
}
article .meta-badge i {
    color: #fed10a;
    font-size: 26px;
    line-height: 1;
}

/**************************************************************************************************************/
/*** ARTICLE COMPONENT - Description ***/
/**************************************************************************************************************/
article .description{
	width: 100%;
    text-align: center;
    color: #485d78;
    font-size: 2em;
    line-height: 1.5;
}

/**************************************************************************************************************/
/*** ARTICLE CONTENT ***/
/**************************************************************************************************************/
article h2{
    margin: 30px 0 20px 0;
    font-size: 2.8em;
    font-family: 'guardian-semibold', Georgia, serif;
    line-height: 1.2;
}
article h3{
    margin: 30px 0 20px 0;
    font-size: 2.4em;
    font-family: 'guardian-semibold', Georgia, serif;
    line-height: 1.2;
}
article h4{
    margin: 30px 0 20px 0;
    font-size: 2em;
    font-family: 'guardian-semibold', Georgia, serif;
    line-height: 1.2;
}
article h5{
    margin: 30px 0 20px 0;
    font-size: 1.8em;
    font-family: 'guardian-semibold', Georgia, serif;
    line-height: 1.2;
}
article h6{
    margin: 30px 0 20px 0;
    font-size: 1.6em;
    font-family: 'guardian-semibold', Georgia, serif;
    line-height: 1.2;
}
article hr{
    margin: 0 auto 50px auto;
    max-width: 200px;
    border: 1px solid #8a8a8a;
}
article section > ul{
    display: list-item;
    margin: 0 0 50px 0;
    font-family: 'georgia', serif;
    font-size: 1.8em;
    line-height: 1.4;
}
article section ul li{
    list-style: disc;
    list-style-position: inside;
    margin-bottom: 10px;
}
article section li ul,
article section li ol{
    margin: 10px 0 10px 30px;
}
article section > ol{
    margin: 0 0 50px 0;
    font-size: 1.8em;
    font-family: 'guardian', Georgia, serif;
    line-height: 1.4;
}
article section ol li{
    margin-bottom: 10px;
    list-style-position: inside;
}
@media only screen and (max-width: 680px) {
	article section > ul{
	    font-size: 1.7em;
	}
	article section > ol{
	    font-size: 1.7em;
	}
}
/******* Block iframe *******/
article iframe:not(.embed-pub){
    margin: 0 auto 50px 0;
}
article figure iframe:not(.embed-pub){
    margin: 0;
}
article .adsbygoogle iframe:not(.embed-pub){
    margin: 0;
}
/******* Block iframe Instagram *******/
article iframe.instagram-media {
	margin-bottom: 50px !important;
}
/******* Block Embed *******/
article .wp-block-embed{
	margin: 0 0 50px 0;
}
/******* Block Buttons *******/
article .wp-block-buttons {
	/* justify-content: space-around; */
}
article .wp-block-button,
article .wp-block-buttons > .wp-block-button{
    margin: 0 12px 50px 0;
}
article .wp-block-button .wp-block-button__link,
article .wp-block-buttons > .wp-block-button .wp-block-button__link{
    padding: 10px 30px;
    background: #000;
    border: none;
    font-size: 1.2em;
    color: #fff;
    letter-spacing: 3px;
    -webkit-border-radius:0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
article .wp-block-button .wp-block-button__link:hover,
article .wp-block-buttons > .wp-block-button .wp-block-button__link:hover,
article .wp-block-button .wp-block-button__link:focus,
article .wp-block-buttons > .wp-block-button .wp-block-button__link:focus,
article .wp-block-button .wp-block-button__link:active,
article .wp-block-buttons > .wp-block-button .wp-block-button__link:active{
	color: #fff;
    background: #8a312d;
}
article .wp-block-button.is-style-outline .wp-block-button__link,
article .wp-block-buttons > .wp-block-button.is-style-outline .wp-block-button__link {
    background: #ffffff;
    color: #000000;
    border: 2px solid #000000;
}
article .wp-block-button.is-style-outline .wp-block-button__link:hover,
article .wp-block-buttons > .wp-block-button.is-style-outline .wp-block-button__link:hover,
article .wp-block-button.is-style-outline .wp-block-button__link:focus,
article .wp-block-buttons > .wp-block-button.is-style-outline .wp-block-button__link:focus,
article .wp-block-button.is-style-outline .wp-block-button__link:active,
article .wp-block-buttons > .wp-block-button.is-style-outline .wp-block-button__link:active{
	color: #8a312d;
    background: #ffffff;
}
article p{
    margin: 0 0 50px 0;
    font-size: 1.8em;
    font-family: 'georgia', serif;
    line-height: 1.55;
}
article p strong{
    font-family: 'georgia', serif;
    font-weight: 700;
}
article p a{
    box-shadow: inset 0 -3px 0 -1px #fed10a;
    -webkit-transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
}
article p a:hover,
article p a:focus{
    color: #000;
    box-shadow: inset 0 -25px 0 -1px #fed10a;
}
@media only screen and (max-width: 680px) {
    article p{
	    font-size: 1.9em;
	}
}
/****** Block quote / pullquote *******/
article .wp-block-quote,
article .wp-block-pullquote,
article .content .wp-block-pullquote{
    border: none;
    padding: 0;
    margin: 12px 0 50px;
}
article .wp-block-quote p,
article .wp-block-quote.is-large p,
article .wp-block-quote.is-style-large p,
article .wp-block-pullquote blockquote p,
article .content .wp-block-pullquote blockquote p{
    font-family: 'guardian', Georgia, serif;
	position: relative;
	padding: 0 48px;
    margin: 0 0 18px 0;
    font-size: 2em;
    line-height: 1.4;
    text-align: left;
}
article .wp-block-quote p:before,
article .wp-block-quote p:after,
article .wp-block-pullquote blockquote p:before,
article .wp-block-pullquote blockquote p:after {
	font-family: 'georgia', serif;
	font-size: 100px;
	line-height: 1;
	position: absolute;
	height: 34px;
	color: rgba(0,0,0,0.1);
}
article .wp-block-quote p:before,
article .wp-block-pullquote blockquote p:before {
	content: '“';
	left: 0;
	top: -6px;
}
article .wp-block-quote p:after,
article .wp-block-pullquote blockquote p:after {
	content: '”';
	right: 0;
	bottom: 0;
}
article .wp-block-quote cite,
article .wp-block-pullquote blockquote cite{
	text-transform: uppercase;
    display: block;
    padding: 0 48px;
    margin: 18px 0 0 0;
    font-size: 1.1em;
    text-align: left;
    color: #666666;
}
@media only screen and (max-width: 680px) {
    article .wp-block-quote p,
	article .wp-block-quote.is-large p,
	article .wp-block-quote.is-style-large p,
	article .wp-block-pullquote blockquote p,
	article .content .wp-block-pullquote blockquote p{
		padding: 0 24px;
	    font-size: 1.8em;
	}
	article .wp-block-quote p:before,
	article .wp-block-pullquote blockquote p:before {
		left: -18px;
		top: -18px;
	}
	article .wp-block-quote p:after,
	article .wp-block-pullquote blockquote p:after {
		right: -18px;
		bottom: -18px;
	}
	article .wp-block-quote cite,
	article .wp-block-pullquote blockquote cite{
	    padding: 0 24px;
	}
}
/****** Block preformatted *******/
article .wp-block-preformatted {
	font-family: arial, sans-serif;
	margin: 0 0 50px 0;
	font-size: 1.7em;
	line-height: 1.55;
	white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
/******* Block Image *******/
article figure,
article figure.wp-block-image{
    margin: 0 0 50px 0;
}
article figure img{
    max-width: 100%;
    height: auto;
}
article figure.wp-block-image figcaption{
    font-size: 1.1em;
    color: #8a8a8a;
    text-align: left;
}
article figure.wp-block-image.alignfull figcaption{
    margin-left: 50px;
}
@media only screen and (max-width: 900px) {
    article figure.wp-block-image figcaption,
    article figure.wp-block-image.alignfull figcaption{
	    text-align: center;
	    margin-left: 0;
	}
}
/****** Block gallery ******/
article .wp-block-gallery,
article .wp-block-gallery:not(.components-placeholder) {
	margin: 0 0 50px 0;
}
/******* Block Meo gallery ******/
article .mgl-tiles-container,
article .mgl-cascade-container {
	margin: 0 0 50px 0;
}
/******* Block Facebook iframe *******/
article .fb_iframe_widget {
	margin: 0 0 50px 0;
}
/******* Block Columns *******/
article div.wp-block-columns{
    margin: 0 0 30px 0;
}
article div.wp-block-columns p{
    margin: 0 0 20px 0;
}
/******* Link button *******/
article a.bouton{
    display: block;
    margin: 0 auto 20px auto;
    max-width: 30%;
    text-align: center;
}
@media only screen and (max-width: 680px) {
    article iframe:not(.embed-pub){
        margin: 0;
    }
	article a.bouton{
		max-width: none;
	}

}
/******* Thubmnail credit component *******/
article .post-thumbnail-credit {
	display: block;
	color: #999999;
	font-size: 1.3em;
	margin-bottom: 50px;
}
/******* Attachment image (media library item) *******/
article p.attachment img {
	max-width: 100%;
	height: auto;
}

/**************************************************************************************************************/
/*** ARTICLE HOME STICKY - utilisé en home ***/
/**************************************************************************************************************/
/****** SubHeader ******/
.article-home-sticky header {
	position: relative;
}
.article-home-sticky header .meta-badge {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	margin: 0;
}
.article-home-sticky .content {
    text-align: center;
}
.article-home-sticky .content h2 {
    font-size: 2em;
    margin: 12px 0;
}
.article-home-sticky .content p {
    margin-bottom: 20px;
}

/**************************************************************************************************************/
/*** ARTICLE CARD - utilisé en home page par exemple ***/
/**************************************************************************************************************/
/****** SubHeader ******/
.article-card .subheader {
	position: relative;
    z-index: 2;
    color: #c7c5c6;
    font-size: 4.5em;
    line-height: 0.7;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.article-card .subheader a {
    color: #c7c5c6;
}
/****** Header ******/
.article-card header {
	background: #ffffff;
}
.article-card header .author {
    margin: -40px 0 36px 0;
}
.article-card header .author .author-thumb img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}
.article-card header .author .author-thumb a:hover img,
.article-card header .author .author-thumb a:active img,
.article-card header .author .author-thumb a:focus img{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}
.article-card header .meta{
	justify-content: flex-start;
	padding: 0 50px;
}
/****** Content ******/
.article-card .content{
	position: relative;
	background: #ffffff;
	padding: 0 50px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.article-card .content .inner-content{
	position: relative;
	overflow-x: hidden;
}
.article-card .content .inner-content h2{
	padding-top: 0;
	margin-top: 9px;
	font-size: 2.4em;
}
.article-card .content .footer a{
	margin: 0;
	display: inline-block;
	max-width: none;
}
.article-card .content .footer .more{
	margin-bottom: 50px;
}
.article-card .content .footer .all{
	text-align: center;
}
.article-card .content .footer .all a{
	display: inline-block;
	margin: 0;
	padding: 12px 30px 18px 30px;
	border-top: 2px solid #eeeeee;
}
@media only screen and (max-width: 1000px) {
	.article-card header .meta{
		padding-left: 25px;
		padding-right: 25px;
	}
	.article-card .content{
		padding-left: 25px;
		padding-right: 25px;
	}
    .article-card .content .footer .all a{
		padding-left: 25px;
		padding-right: 25px;
	}
}
@media only screen and (max-width: 680px) {
	.article-card .subheader {
	    font-size: 4em;
	}
	.article-card .content .footer{
		text-align: center;
	}
    .article-card .content .footer .all a{
		padding-left: 12px;
		padding-right: 12px;
	}
}

/**************************************************************************************************************/
/*** ARTICLE CARD - utilisé dans les archives (premiers éléments mis en avant) ***/
/**************************************************************************************************************/
.article-card-small {
	background: #ffffff;
}
/****** Header ******/
.article-card-small header {
	margin: 0 0 12px 0;
}
.article-card-small header .author {
    margin: -30px 0 0 0;
}
.article-card-small header .meta {
    margin: 3px 0 0 0;
}
.article-card-small header .meta li {
    margin: 0;
    text-transform: capitalize;
}
/****** Content ******/
.article-card-small .content{
	position: relative;
	padding: 0 25px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.article-card-small .content .inner-content{
	overflow-x: hidden;
	position: relative;
}
.article-card-small .content .tax{
	text-transform: uppercase;
	font-size: 1.2em;
	color: #333333;
	display: block;
	font-weight: 600;
	letter-spacing: 0.1em;
	margin: 0 0 9px 0;
}
.article-card-small .content h2{
	padding-top: 0;
	margin: 9px 0;
	font-size: 2.4em;
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 680px) {
}

/**************************************************************************************************************/
/*** ARTICLE CARD MINI - utilisé en home page (actus) ou les archives ou les résultats de recherche ***/
/**************************************************************************************************************/
.article-card-mini{
    position: relative;
    margin: 0 0 50px;
    overflow: hidden;
    display: flex;
}
/* thumb */
.article-card-mini header a.thumb{
    position: relative;
    z-index: 1;
    margin: 0 20px 0 0;
    width: 170px;
    height: 170px;
    line-height: 0;
    overflow: hidden;
}
.article-card-mini header a.thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* content */
.article-card-mini .content{
    flex: 1;
    border-bottom: 1px solid #d0d0d0;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 12px;
}
.article-card-mini .content .tax{
	text-transform: uppercase;
	font-size: 1.2em;
	color: #333333;
	display: block;
	font-weight: 600;
	letter-spacing: 0.1em;
	margin: 0 0 9px 0;
}
.article-card-mini .content h2{
    margin: 0 0 10px;
    font-size: 2.4em;
    line-height: 1;
}
.article-card-mini .content h2 a::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.article-card-mini .content .meta{
    justify-content: flex-start;
    color: #000000;
    margin-top: 6px;
    font-size: 1.1em;
}
.article-card-mini .content .meta .author-name{
    font-weight: bold;
    margin-right: 12px;
}
.article-card-mini .meta-badge {
	z-index: 2;
	position: absolute;
	left: -45px;
	top: 0px;
	height: 25px;
	width: 25px;
}
.article-card-mini .content p{
    margin-bottom: 6px;
    overflow: hidden;
	font-family: "HelveticaNeue",Arial,Helvetica,Geneva,sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1.5;
}
@media only screen and (max-width: 680px) {
	.article-card-mini{
	    margin-bottom: 25px;
	}
	.article-card-mini header a.thumb{
	    width: 125px;
	    height: 125px;
	}
	.article-card-mini{
	    padding-right: 12px;
	}
	.article-card-mini .content{
	    justify-content: center;
	}
	.article-card-mini .content h2{
	    font-size: 1.8em;
    	line-height: 1.2;
	}
    .article-card-mini .content p{
        display: none;
    }
	.article-card-mini .content .meta{
        display: none;
	}
}

/**************************************************************************************************************/
/*** ARTICLE PAGE - utilisé par les pages institutionnelles ***/
/**************************************************************************************************************/
.article-page{
    padding: 0 0 50px 0;
}
.article-page header{
    margin: 0 0 50px;
    position: relative;
}
.article-page .thumb + h1{
    position: absolute;
    bottom: -0.23em;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    color: #fff;
}
.article-page h1{
    padding: 100px 20px 0;
    width: 100%;
    max-width: 100%;
    font-size: 10em;
    font-weight: 700;
    text-align: center;
    color: #000;
}
.article-page .thumb{
    height: 60vh;
	width: auto;
}
.article-page .thumb img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
@media only screen and (max-width: 1000px) {
    .article-page header h1{
        font-size: 10vw;
    }
    .article-page .thumb{
        height: 50vh;
    }
}
@media only screen and (max-width: 680px) {
    .article-page header h1{
        font-size: 10vw;
    }
}

/**************************************************************************************************************/
/*** ARTICLE STANDARD ***/
/**************************************************************************************************************/
/****** Header ******/
.article-standard header {
	margin: 0 0 36px 0;
	padding: 0;
    font-size: inherit;
}
.article-standard header .thumb {
	position: relative;
    max-height: 93vh;
}
.article-standard header .thumb img{
    width: 100%;
    height: auto;
}
.article-standard header h1 {
    font-size: 4.5em;
    line-height: 1.1;
    font-family: 'guardian-semibold', Georgia, serif;
    margin: 18px 0;
}
.article-standard header .share{
	margin: 18px 0 12px 0;
}
.article-standard header .author{
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 18px 0 12px 0;
	margin: 0;
}
.article-standard header .author .author-thumb {
    margin-right: 12px;
}
.article-standard header .author .author-infos {
	display: block;
	width: calc(100% - 80px);
	padding: 0 12px 0 0;
	text-align: left;
}
.article-standard header .author .author-infos .author-name {
	display: block;
	text-transform: uppercase;
	font-size: 0.7em;
}
.article-standard header .author .author-infos .author-description {
	display: block;
	font-size: 0.7em;
	color: #565656;
}
.article-standard header .meta{
	position: relative;
	list-style: none;
	font-size: 1.2em;
	margin: 0;
	padding: 12px 0 0 0;
	display: flex;
	justify-content: flex-start;
    font-family: arial, sans-serif;
}
.article-standard header .meta:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 4px;
	width: 80px;
	background-color: #fed10a;
	display: block;
}
/****** Content ******/
.article-standard .content .wp-block-image {
	margin: 0 0 50px 0;
}
@media only screen and (max-width: 1000px) {
	.article-standard header h1{
		font-size: 3.5em;
	}
}
@media only screen and (max-width: 680px) {
	
	.article-standard header .thumb {
	    height: 50vh;
	}
	.article-standard header .thumb img{
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	}
	
	.article-standard header h1{
		font-size: 2.8em;
	}
}

/**************************************************************************************************************/
/*** ARTICLE FULLSCREEN ***/
/**************************************************************************************************************/
.article-fullscreen p{
    padding: 0 24px;
}

/**************************************************************************************************************/
/*** ARTICLE VIDEO ***/
/**************************************************************************************************************/
.article-video {}
.article-video header .section-video {
	display: block;
	margin: 20px auto;
}
.article-video header .section-video .alignwide {
	width: 100% !important;
	padding: 0;
	background: transparent;
}
.article-video header .section-video > * {
	margin: 0 !important;
	width: 100% !important;
}
.article-video header .section-video iframe {
	margin: 0 !important;
}
.article-video header .section-video figure {
	margin: 0 !important;
	width: 100% !important;
}
/* format des iframes */
.article-video header .section-video > .section-video-iframe {
	position: relative;
    height: 0;
    padding-bottom: 57%;
}
.article-video header .section-video > .section-video-iframe iframe {
	position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* format spécifique redbull / stream-x */
.article-video header .section-video > .section-video-iframe.iframe-redbull,
.article-video header .section-video > .section-video-iframe.iframe-stream-sx {
	position: relative;
    height: 0;
    padding-bottom: 56.25%;
}
.article-video header .section-video > .section-video-iframe.iframe-redbull iframe,
.article-video header .section-video > .section-video-iframe.iframe-stream-sx iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**************************************************************************************************************/
/*** ARTICLE SHORT ***/
/**************************************************************************************************************/
.article-short {
	max-width: 1500px;
	padding: 0 200px 50px 200px; /* for aside pub */
	width: 100%;
	margin: 0 auto;
}
/****** Header ******/
.article-short header{
	border-top: 4px solid #000000;
	background: #ffffff;
	padding: 36px 0;
}
.article-short header .topic{
	margin: 0 0 14px 0;
	padding: 0 72px;
}
.article-short header .topic a{
	font-family: arial, sans-serif;
	font-size: 1.8em;
	color: #777777;
	font-weight: 600;
	text-transform: uppercase;
}
.article-short header h1,
.article-short header h2{
	margin: 0 0 28px 0;
	padding: 0 72px;
	font-size: 4em;
}
.article-short header img{
	width: 100%;
	height: auto;
}
.article-short header aside{
	margin-top: -40px;
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.article-short header .author{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 0 12px 0;
	padding: 0;
}
.article-short header .author:after{
	content: "";
	margin-top: 6px;
	width: 70px;
	height: 2px;
	background: #000000;
}
/****** Content ******/
.article-short .article-content {
	position: relative;
	background-image: -webkit-linear-gradient(#ffffff 0%, rgba(255,255,255,0) 50%);
    background-image: linear-gradient(#ffffff 0%, rgba(255,255,255,0) 50%);
}
.article-short.reserved .article-content {
	background-image: -webkit-linear-gradient(#ffffff 0%, rgba(255,255,255,0) 98%);
    background-image: linear-gradient(#ffffff 0%, rgba(255,255,255,0) 98%);
}
.article-short .article-content .share {
	position: absolute;
	top: 24px;
	left: 70px;
	display: block;
}
@media only screen and (max-width: 1000px) {
	.article-short {
		padding-left: 50px;
		padding-right: 50px;
	}
	.article-short .article-content .share {
		top: -150px;
    	left: auto;
    	right: 0px;
	}
}
@media only screen and (max-width: 680px) {
	.article-short {
		padding-left: 24px;
		padding-right: 24px;
	}
	.article-short header .topic{
		padding-left: 24px;
		padding-right: 24px;
	}
	.article-short header h1,
	.article-short header h2{
		font-size: 3em;
		padding-left: 24px;
		padding-right: 24px;
	}
}
@media only screen and (max-width: 480px) {
	.article-short {
		padding-left: 0;
		padding-right: 0;
	}
}

/**************************************************************************************************************/
/*** ARTICLE SHORT RESUME ***/
/**************************************************************************************************************/
.article-short-resume .content > p:first-child {
	font-family: inherit !important; /* cancel the generic article first p setup */
}

/**************************************************************************************************************/
/*** ARTICLE - AUTHOR component ***/
/**************************************************************************************************************/
article .author {
	position: relative;
	z-index: 2;
    margin: 0;
	text-align: center;
}
article .author a,
article .author a:hover,
article .author a:active,
article .author a:focus{
	box-shadow: none;
}
article .author .author-thumb {
    display: block;
}
article .author .author-thumb img{
    width: 80px;
    height: 80px;
    display: inline-block;
    border: 2px solid #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
article .author .author-infos {
    font-family: arial, sans-serif;
}
article .author .author-name {
	font-weight: bold;
	font-size: 13px;
}
/***** small format *****/
article .author.author-small .author-thumb img{
    width: 60px;
    height: 60px;
}
article .author.author-small .author-name{
	font-size: 12px;
}

/**************************************************************************************************************/
/*** ARTICLE - SHARE component ***/
/**************************************************************************************************************/
article .share {
	display: flex;
}
article .share{
	display: flex;
	margin: 18px 0 12px 0;
}
article .share li{
	margin-right: 18px;
}
article .share li a{
    display: block;
    margin: 5px 0 0;
    width: 26px;
    height: 26px;
    background: #000;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 1.8em;
}
article .share li a:hover,
article .share li a:focus{
    background: #fed10a;
}

/**************************************************************************************************************/
/*** ARTICLE - CATEGORIES component ***/
/**************************************************************************************************************/
article .categories{
    margin: 0 0 50px 0;
}
article .categories:last-child{
	margin-bottom: 0;
}
article .categories dt{
    display: inline-block;
    padding: 0 9px 0 0;
    font-family: 'guardian-semibold', Georgia, serif;
    font-size: 1.7em;
    color: #000;
}
article .categories dd{
    display: inline-block;
    font-size: 1.4em;
    color: #5a5a5a;
    letter-spacing: 2px;
}
article .categories dd + dd::before{
    content: '•';
    padding: 0 5px;
}
article .categories dd a{
    color: #5a5a5a;
    box-shadow: inset 0 -3px 0 -1px #fed10a;
    -webkit-transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
}
article .categories dd a:hover,
article .categories dd a:focus{
    color: #000;
    box-shadow: inset 0 -25px 0 -1px #fed10a;
}
@media only screen and (max-width: 680px) {
	article .categories{
	    text-align: center;
	}
	article .categories dt {
		padding: 0 0 12px 0;
	}
	article .categories dt .double-dots {
		display: none;
	}
	article .categories dd{
	    display: block;
	    padding: 3px 0;
	}
	article .categories dd + dd::before{
	    content: '';
    	padding: 0;
	}
}

/**************************************************************************************************************/
/*** ARTICLE RESERVED - Subscription is needed ***/
/**************************************************************************************************************/
article.reserved section p:first-child{
    position: relative;
    margin-bottom: 0;
}
article.reserved section p:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    right: -1px;
    z-index: 3;
}
article.reserved section p:first-child:after {
    background-image: -webkit-linear-gradient(rgba(255,255,255,0) 0%, #ffffff 65%);
    background-image: linear-gradient(rgba(255,255,255,0) 0%, #ffffff 65%);
}

/*
    BLOC ABONNEMENT
*/
article.reserved .abonnement-achat{
    position: relative;
    z-index: 3;
    margin: -160px auto 0;
    max-width: 1050px;
    text-align: center;
    font-family: 'georgia', serif;
}
article.reserved .abonnement-achat .abonnement-achat-content{
    position: relative;
    padding: 40px;
    width: 100%;
    border: 1px solid #000;
    background: #ffffff;
}
article.reserved.article-breve + .abonnement-achat-content{
    margin-bottom: 100px;
    max-width: 1200px;
}
article.reserved .abonnement-achat-content h2{
    font-size: 2em;
    margin-bottom: 9px;
    font-family: 'guardian-semibold', Georgia, serif;
}
article.reserved .abonnement-achat-content .login{
    font-size: 1.8em;
    margin-bottom: 48px;
}
article.reserved .abonnement-achat-content .login a,
article.reserved .abonnement-achat-content .login .a-obf{
    text-decoration: underline;
    cursor: pointer;
}
article.reserved .abonnement-achat-content .info{
    font-size: 1.6em;
    font-weight: bold;
}
article.reserved .abonnement-achat-content .separator {
	font-family: arial, sans-serif;
    letter-spacing: 1px;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
}
article.reserved .abonnement-achat-content .subscribe {
    margin: 24px 0;
}
article.reserved .abonnement-achat-content .subscribe a,
article.reserved .abonnement-achat-content .subscribe .a-obf{
    font-family: arial, sans-serif;
    display: inline-block;
    max-width: 360px;
    width: 100%;
    padding: 15px 48px;
    letter-spacing: 1px;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    background: #fed10a;
    color: #000;
    cursor: pointer;
}
article.reserved .abonnement-achat-content .subscribe a:hover,
article.reserved .abonnement-achat-content .subscribe a:focus,
article.reserved .abonnement-achat-content .subscribe a:active,
article.reserved .abonnement-achat-content .subscribe .a-obf:hover,
article.reserved .abonnement-achat-content .subscribe .a-obf:focus,
article.reserved .abonnement-achat-content .subscribe .a-obf:active{
    background: #8a312d;
    color: #ffffff;
}
article.reserved .abonnement-achat-content .details {
	max-width: 340px;
	margin: 48px auto 0 auto;
	text-align: left;
}
article.reserved .abonnement-achat-content .details li {
	font-size: 1.8em;
	line-height: 1.4;
	list-style: none;
	padding-left: 24px;
	position: relative;
}
article.reserved .abonnement-achat-content .details li a,
article.reserved .abonnement-achat-content .details li .a-obf{
    text-decoration: underline;
    cursor: pointer;
}
article.reserved .abonnement-achat-content .details li > i {
	position: absolute;
	top: 6px;
	left: 0;
	font-size: 16px;
}
@media only screen and (max-width: 900px){
	article.reserved .abonnement-achat{
	    margin-top: -240px;
	}
}
@media only screen and (max-width: 680px){
	article.reserved .abonnement-achat{
	    margin-top: -360px;
	}
	article.reserved .abonnement-achat-content h2{
	    font-size: 1.8em;
	}
	article.reserved .abonnement-achat-content .login{
	    font-size: 1.6em;
	}
	article.reserved .abonnement-achat-content .subscribe a{
		padding-left: 36px;
		padding-right: 36px;
	    font-size: 1.6em;
	}
	article.reserved .abonnement-achat-content .details li {
		font-size: 1.6em;
	}
	article.reserved .abonnement-achat-content .details li > i {
		top: 4px;
	}
}
@media only screen and (max-width: 480px){
	article.reserved .abonnement-achat{
	    margin-top: -440px;
	}
	article.reserved .abonnement-achat .abonnement-achat-content{
	    padding: 24px;
	}
}

/*------------------------------------------------------------------------------------------------------------
	== PAGE RECHERCHE
------------------------------------------------------------------------------------------------------------*/
.list-search{
	flex: 1;
	margin: 0 0 0 50px;
}
.list-search article{
    overflow: hidden;
}
.list-search article .thumb{
    float: left;
    margin-right: 20px;
    width: 200px;
}
.list-search article .thumb img{
    width: 100%; 
    height: auto!important;
}
.list-search article h2{
    margin-top: 0;
    overflow: hidden;
}
.list-search article p{
    overflow: hidden;
    color: #000;
    font-size: 1.6em;
}
@media only screen and (max-width: 680px){
	.list-search{
		margin: 0;
	}
	.list-search article .thumb{
        float: none;
        margin: 0 30px;
        max-width: 100%;
    }
}

/*------------------------------------------------------------------------------------------------------------
	== LISTE PUBLICATIONS
------------------------------------------------------------------------------------------------------------*/
.list-publications{
    flex: 1;
	margin: 0;
}
.list-publications article{
	margin-top: 0;
	margin-bottom: 50px;
    background: #fff;
    max-width: 800px;
}
.publications-categorie article,
.list-publications article ~ article{
    margin-top: 50px;
}
.list-publications article:last-child{
	margin-bottom: 0;
}
.list-publications article.with-header{
	margin-top: 0;
	background: none;
}
.list-publications article.with-header div{
	padding: 0 0 1px;
	background: #fff;
}
.list-publications h2 {
    margin: 10px 50px;
}
.list-publications a.thumb + h2 {
    margin-top: 83px;
}
.list-publications a.thumb {
    max-height: 490px;
    /*-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);*/
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0px 85%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0px 85%);
}
.list-publications a.thumb img{
    max-width: 100%;
    height: auto;
}
.list-publications .thumb + .author{
    margin-top: -75px;
}
.list-publications .author .author-thumb{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}
.list-publications p{
    margin: 0 50px 20px 50px;
}
.list-publications p:last-child{
	margin-bottom: 50px;
}
.list-publications .read-more{
	margin: 0 50px 50px 50px;
}


article section .intro{
    padding: 0 50px;
    text-align: center;
    color: #8a8a8a;
    font-size: 1.2em!important;
    font-family: arial, sans-serif;
    line-height: 1.2!important;
}
article section .intro::after{
    content: '';
    display: block;
    margin: 20px auto 0;
    width: 200px;
    height: 2px;
    background: #8a8a8a;
}
@media only screen and (max-width: 680px) {
    .publications-thematique + aside{
        display: block;
        margin: 50px 30px;
        width: 100%;
    }
    .list-publications h2{
        margin-left: 30px;
        margin-right: 30px;
    }
    .publications-categorie.list-publications .thumb + .auteur{
        margin-top: -60px;
    }
    
}
/*------------------------------------------------------------------------------------------------------------
	== PAGE BON PLAN
------------------------------------------------------------------------------------------------------------*/
.article-bon-plan h1{
    font-family: arial, sans-serif;
    font-weight: 700;
    font-size: 6.5em;
    text-transform: uppercase;
}
.article-bon-plan .infos{
    margin: 40px auto 0;
    padding: 0 30px;
    max-width: 600px;
    font-size: 1.2em;
    text-align: center;
    color: #898989;
}
.article-bon-plan header .infos::after{
    content: "";
    display: block;
    margin: 20px auto;
    width: 200px;
    height: 2px;
    background: #898989;
}
.article-bon-plan .sub-title{
    margin: 30px 0 0;
    text-align: center;
    font-size: 6em;
    font-weight: 700;
    color: #fed10a;
}
.article-bon-plan > div{
    margin-top: -1.3em;
    padding: 25px;
    background-image: -webkit-linear-gradient(#fff 100px,rgba(255,255,255,0) 500px);
    background-image: linear-gradient(#fff 100px,rgba(255,255,255,0) 500px);
}
.publications-bon-plan{
    display: flex;
    flex-wrap: wrap;
   margin: auto;
    max-width: 1220px;
}
.publications-bon-plan article ~ article,
.publications-bon-plan article:last-child,
.publications-bon-plan article{
    position: relative;
    margin: 25px;
    padding: 0 0 40px;
    width: calc(33% - 50px);
}
.publications-bon-plan a.thumb{
    -webkit-clip-path: none;
    clip-path: none;
}
.publications-bon-plan article h2,
.publications-bon-plan article p{
    margin-left: 20px;
    margin-right: 20px;
}
.publications-bon-plan article h2 + p{
    font-family: arial, sans-serif;
    font-size: 1.5em;
}
.publications-bon-plan article h2 + p + p{
    margin-top: -20px;
    font-family: arial, sans-serif;
    font-size: 1.6em!important;
}
.publications-bon-plan article h2 + p strong{
    font-family: arial, sans-serif;
}
.publications-bon-plan article del{
    color: #656565;
}
.publications-bon-plan article ul{
    margin: 0 20px;
    font-size: 1.8em;
    font-family: 'georgia', serif;
    line-height: 1.4;
}
.publications-bon-plan article ul li{
    margin: 5px 0 5px 20px;
    list-style: square;
}
.publications-bon-plan article a.read-more{
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}
@media only screen and (max-width: 1024px) {
    .publications-bon-plan article ~ article,
    .publications-bon-plan article:last-child,
    .publications-bon-plan article{
        width: calc(50% - 50px);
    }
    
}
@media only screen and (max-width: 680px) {
    .article-bon-plan > div{
        padding: 10px 5px;
    }
    .publications-bon-plan article ~ article,
    .publications-bon-plan article:last-child,
    .publications-bon-plan article{
        width: calc(100% - 50px);
    }
    
}

/**************************************************************************************************************/
/*** HEADER ***/
/**************************************************************************************************************/
.site-header{
    position: relative;
    padding-top: var(--top-header-height); /* fixed header-top height */
}
/*------------------------------------------------*/
/*------------- header-top ---------------*/
/*------------------------------------------------*/
.site-header .header-top {
	padding-bottom: 3px;
	background: #ffffff;
	height: var(--top-header-height); /* fixed header-top height */ 
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
body.admin-bar .site-header .header-top {
	top: 32px;
}
@media only screen and (max-width: 782px) {
	body.admin-bar .site-header .header-top {
		top: 46px;
	}
}
body.user-scroll-down .site-header .header-top {
	top: calc(-1 * var(--top-header-height)); /* fixed header-top height */
}
/*------------- header-top / first-part ---------------*/
.site-header .header-top .first-part {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	padding-top: 9px;
	padding-bottom: 9px;
	/* border-bottom: 1px solid #eeeeee; */
}
/*------------- header-top / first-part / share ---------------*/
.site-header .header-top .first-part .header-account {
	font-weight: bold;
	font-size: 1.1em;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
/*------------- header-top / first-part / share ---------------*/
.site-header .header-top .first-part .header-share ul li {
	display: inline-block;
	margin-right: 18px;
	font-size: 16px;
}
.site-header .header-top .first-part .header-share ul li.res-rss {
	font-size: 14px;
}
/*------------- header-top / first-part / account ---------------*/
.site-header .header-top .first-part .header-account {
	font-weight: bold;
	font-size: 1.1em;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}
.site-header .header-top .first-part .header-account a,
.site-header .header-top .first-part .header-account .a-obf {
	display: inline-block;
	padding: 9px 9px 7px 9px;
	text-transform: uppercase;
	position: relative;
	min-height: 18px;
	cursor: pointer;
	border-radius: 15px;
	color: #565656;
}
.site-header .header-top .first-part .header-account a:hover,
.site-header .header-top .first-part .header-account a:focus,
.site-header .header-top .first-part .header-account a:active,
.site-header .header-top .first-part .header-account .a-obf:hover,
.site-header .header-top .first-part .header-account .a-obf:focus,
.site-header .header-top .first-part .header-account .a-obf:active {
	color: #333333;
}
.site-header .header-top .first-part .header-account a.subscribe,
.site-header .header-top .first-part .header-account .a-obf.subscribe {
	background: #fed10a;
	color: #000000;
	line-height: 1;
	letter-spacing: 0.1em;
}
.site-header .header-top .first-part .header-account a.subscribe:hover,
.site-header .header-top .first-part .header-account a.subscribe:focus,
.site-header .header-top .first-part .header-account .a-obf.subscribe:hover,
.site-header .header-top .first-part .header-account .a-obf.subscribe:focus {
	background-color: #8a312d;
	color: #ffffff;
}
/*------------- header-top / second-part --------------*/
.site-header .header-top .second-part {
	position: relative;
	display: flex;
	justify-content: center;
	text-align: center;
	padding: 6px 36px 18px 36px;
}
/*------------- header-top / second-part / branding -------------*/
.site-header .header-top .second-part .site-title{
    position: absolute;
    top: -5000px;
}
.site-header .header-top .second-part .site-logo img{
	display: inline-block;
    width: 200px;
    height: auto;
    overflow: hidden;
    margin-bottom: 3px;
}
.site-header .header-top .second-part .search{
	position: absolute;
	top: calc(50% - 14px);
	right: 50px;
	font-size: 28px;
}
/*------------- header-top / third-part ---------------*/
.site-header .header-top .third-part {
	padding: 0;
	position: relative;
	width: 100%;
	height: 20px;
	overflow: hidden;
}
/*------------- header-top / third-part / menu ---------------*/
.site-header .header-top .third-part .header-menu .main-menu {
	display: flex;
	justify-content: center;
	overflow: auto;
	overflow-y: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: -10px;
	white-space: nowrap;
	padding: 0 36px;
}
.site-header .header-top .third-part .header-menu .main-menu > li {
	margin-right: 24px;
}
.site-header .header-top .third-part .header-menu .main-menu > li a{
	display: inline-block;
	padding-bottom: 6px;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
}
.site-header .header-top .third-part .header-menu .main-menu > li a:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 3px;
	width: 100%;
	background-color: none;
	display: block;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.site-header .header-top .third-part .header-menu .main-menu > li:hover a:after,
.site-header .header-top .third-part .header-menu .main-menu > li:focus a:after,
.site-header .header-top .third-part .header-menu .main-menu > li:active a:after,
.site-header .header-top .third-part .header-menu .main-menu > li.current-menu-item a:after,
.site-header .header-top .third-part .header-menu .main-menu > li.current-category-ancestor a:after{
	background-color: #fed10a;
}
.site-header .header-top .third-part .header-menu .main-menu ul {
	display: none; /* no submenu */
}
@media only screen and (max-width: 680px) {
	.site-header .header-top .first-part,
	.site-header .header-top .second-part,
	.site-header .header-top .third-part .header-menu .main-menu {
		padding-left: 24px;
		padding-right: 24px;
	}
	.site-header .header-top .first-part {
		justify-content: flex-end;
	}
	.site-header .header-top .first-part .header-share ul li {
		display: none;
	}
	.site-header .header-top .second-part .search{
		right: 24px;
	}
	.site-header .header-top .third-part .header-menu .main-menu {
		justify-content: flex-start;
	}
}
@media only screen and (max-width: 480px) {
	.site-header .header-top .first-part,
	.site-header .header-top .second-part,
	.site-header .header-top .third-part .header-menu .main-menu {
		padding-left: 12px;
		padding-right: 12px;
	}
	.site-header .header-top .second-part .search{
		right: 12px;
	}
}

/*------------------------------------------------*/
/*------------- header-promo ---------------------*/
/*------------------------------------------------*/
.site-header .header-promo .promo-desktop {
	display: flex;
}
.site-header .header-promo .promo-mobile {
	display: none;
	flex-direction: column;
}
.site-header .header-promo .infos {
	background: #fed10a;
	padding: 18px 36px;
	display: flex;
	justify-content: flex-end;
}
.site-header .header-promo .infos-content {
	display: inline-block;
	max-width: 900px;
	width: 100%;
}
.site-header .header-promo .infos .infos-content .title {
	font-size: 1.7em;
	font-weight: bold;
	position: relative;
	padding-top: 12px;
}
.site-header .header-promo .infos .infos-content .title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 4px;
	width: 100px;
	background-color: #000000;
	display: block;
}
.site-header .header-promo .infos .infos-content .text {
	font-size: 1.5em;
	margin-top: 6px;
}
.site-header .header-promo .ctrls {
	background: #f0f0f0;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.site-header .header-promo .ctrls .promo-icon {
	font-size: 30px;
	color: #fed10a;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: -7px;
}
.site-header .header-promo .promo-mobile .infos {
	padding-left: 24px;
	padding-right: 24px;
}
.site-header .header-promo .promo-mobile .ctrls {
	padding: 36px;
}
.site-header .header-promo .promo-mobile .ctrls .promo-icon {
	top: -7px;
	margin-top: 0;
	left: 50%;
	margin-left: -15px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.site-header .header-promo .ctrls .subscribe {
	padding-left: 24px;
	padding-right: 24px;
}
.site-header .header-promo .ctrls .close-promo {
	position: absolute;
	top: 6px;
	right: 6px;
}
.site-header .header-promo .ctrls .close-promo i {
	font-size: 20px;
}
.site-header .header-promo .promo-desktop .infos {
	width: 70%;
}
.site-header .header-promo .promo-desktop .ctrls {
	width: 30%;
}
@media only screen and (max-width: 680px) {
	.site-header .header-promo .promo-desktop {
		display: none;
	}
	.site-header .header-promo .promo-mobile {
		display: flex;
	}
	.site-header .header-promo .infos .infos-content .title {
		font-size: 1.4em;
	}
	.site-header .header-promo .infos .infos-content .text {
		font-size: 1.3em;
	}
	.site-header .header-promo .promo-mobile .ctrls {
		padding-top: 24px;
		padding-bottom: 24px;
	}
}

/**************************************************************************************************************/
/*** MAIN SITE SEARCH ***/
/**************************************************************************************************************/
#main-site-search {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    clip-path: none;
	-webkit-clip-path: none;
	z-index: 100;
}
#main-site-search .main-site-search-content {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    clip-path: none;
	-webkit-clip-path: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f4f4f4;
}
#main-site-search .main-site-search-content form > a{
    position: absolute;
    top: 20px;
    right: 20px;
}
#main-site-search .main-site-search-content form input[type=search]{
    padding: 0 10px;
    background: none;
    border: none;
    border-bottom: 1px solid #000;
    font-size: 5em;
    font-family: 'guardian', Georgia, serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#main-site-search .main-site-search-content form input[type=submit]{
    padding: 25px 20px;
}
#main-site-search .main-site-search-content .close-search {
	position: absolute;
    top: 56px;
    right: 36px;
    font-size: 30px;
}
@media only screen and (max-width: 680px) {
	#main-site-search .main-site-search-content .close-search {
	    right: 24px;
	}
}
@media only screen and (max-width: 480px) {
	#main-site-search .main-site-search-content .close-search {
	    right: 12px;
	}
}

/**************************************************************************************************************/
/*** MAIN SITE FOOTER ***/
/**************************************************************************************************************/
footer{
    position: relative;
    margin: 0;
    background: #ffffff;
    font-size: 1.3em;
    line-height: 1.4;
	font-family: 'georgia', serif;
}
footer .footer-content {
	margin: 0 auto 50px;
    max-width: 1220px;
    display: flex;
    justify-content: space-between;
}
footer .footer-content .footer-part {
	width: 30%;
    padding: 50px 24px;
}
footer .footer-content .footer-part h2{
	margin-bottom: 18px;
	font-size: 20px;
	font-weight: bold;
	font-family: 'guardian-semibold', Georgia, serif;
}
footer .footer-content .footer-part p{
	margin-bottom: 18px;
}
footer .footer-content .footer-part .social li{
	display: inline-block;
	margin-right: 12px;
	font-size: 24px;
}
/*------------- footer / about ---------------*/
footer .footer-content .footer-part.footer-about h2 img{
	max-width: 86px;
	height: auto;
}
/*------------- footer / newsletter ---------------*/
footer .footer-content .footer-part.footer-newsletter form {
    margin: 0;
}
footer .footer-content .footer-part.footer-newsletter form label{
    display: block;
    width: 100%;
    margin: 0;
}
footer .footer-content .footer-part.footer-newsletter form input[type=email]{
    margin: 0 0 6px 0;
    padding: 12px;
    width: 100%;
    background: #ffffff;
    border: 1px solid #000;
    font-style: italic;
    text-align: left;
    -webkit-border-radius:0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
footer .footer-content .footer-part.footer-newsletter form input[type=submit]{
    -webkit-border-radius:0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    margin: 6px 0 0 0;
    padding: 15px 20px;
    background: #000000;
    border: none;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
}
footer .footer-content .footer-part.footer-newsletter form label.rgpd-agree{
	margin-top: 12px;
    font-size: 0.9em;
	font-family: arial, sans-serif;
}
footer .footer-content .footer-part.footer-newsletter form label.rgpd-agree a{
    text-decoration: underline;
}
footer .footer-content .footer-part.footer-newsletter form .message.error {
	margin-top: 12px;
	text-transform: none;
}
/*------------- footer / menu ---------------*/
footer .footer-content .footer-part .footer-menu{
	columns: 2;
}
footer .footer-content .footer-part .footer-menu li{
	padding: 4px 0;
}
footer .footer-content .footer-part .footer-menu li .a-obf{
	cursor: pointer;
}
/*------------- footer / copyright ---------------*/
footer .footer-copyright {
	margin: 0 auto;
    max-width: 1220px;
    padding: 0 24px 48px 24px;
    position: relative;
}
footer .footer-copyright .copyright {
	display: inline-block;
	position: absolute;
	padding: 6px 12px 6px 6px;
	background: #fff;
	font-family:arial, sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: bold;
}
footer .footer-copyright .stripe {
	border-bottom: 1px solid #000;
	display: block;
	width: 100%;
	height: 20px;
}
@media only screen and (max-width: 900px) {
	footer{
	    font-size: 1.5em;
	}
	footer .footer-content {
    	max-width: 400px;
	    flex-direction: column;
	}
	footer .footer-content .footer-part {
		width: 100%;
	}
	footer .footer-copyright {
		max-width: 400px;
	}
	footer .footer-content .footer-part.footer-newsletter form label.rgpd-agree{
	    font-size: 0.8em;
	}
}
@media only screen and (max-width: 480px) {
	footer .footer-content .footer-part .footer-menu{
		columns: 1;
	}
}

/**************************************************************************************************************/
/*** RGPD general acceptation box ***/
/**************************************************************************************************************/
#rgpd-general{
	position: fixed;
	top: auto;
	left: auto;
	right: 12px;
	bottom: 12px;
	background: #231f20;
	color: #ffffff;
	max-width: calc(100vw - 24px);
	width: auto;
	padding: 20px 62px 20px 24px;
	-webkit-font-smoothing: antialiased;
    font-size: 1.2em;
    font-weight: bold;
    font-family: arial, sans-serif;
	z-index: 900000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
	display: inline-block;
}
#rgpd-general a{
	color: #ffffff;
}
#rgpd-general #rgpd-general-check{
	position: absolute;
	right: 14px;
	top: 50%;
	margin-top: -11px;
	font-size: 1.8em;
	font-weight: normal;
	color: #fff;
	border: none;
	cursor: pointer;
	background: none;
}
#rgpd-general a{
	text-decoration: underline;
}
@media (max-width: 480px) {
	#rgpd-general{
		left: 12px;
		width: auto;
		max-width: none;
	}
}

/**************************************************************************************************************/
/*** Inscription ***/
/**************************************************************************************************************/
.inscription-confirmation-timer {
	display: inline-block;
	font-size: 16px;
	margin-top: 12px;
	font-weight: bold;
}
.inscription-confirmation-timer-icon {
	font-size: 36px;
	color: #fed10a;
}

/**************************************************************************************************************/
/*** IP based login ***/
/**************************************************************************************************************/
.ip-based-login {
	padding: 48px;
	/*background: #fed10a;*/
	border: 1px solid #dadada;
	margin: 36px 0;
}
.ip-based-login-invalid {}
.ip-based-login-message {
	display: block;
	max-width: 300px;
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
}
.ip-based-login-message-invalid {
	
}
.ip-based-login-access {
	display: inline-block;
	text-decoration: underline;
	font-size: 12px;
	margin-top: 12px;
	cursor: pointer;
}
.ip-based-login-stop {
	display: inline-block;
	text-decoration: underline;
	font-size: 10px;
	margin-top: 12px;
	cursor: pointer;
}
.ip-based-login-timer {
	display: inline-block;
	font-size: 16px;
	margin-top: 12px;
	font-weight: bold;
}
.ip-based-login-timer-icon {
	font-size: 36px;
	color: #fed10a;
}

/**************************************************************************************************************/
/*** BREACRUMB ***/
/**************************************************************************************************************/
.bc-wrapper,
.bc-wrapper li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.1em;
}
.bc-wrapper {
	display: flex;
	align-items: center;
	margin: 0 0 15px 0;
}
.article-standard .bc-wrapper {
	margin-top: 18px;
}
.bc-wrapper li {
	position: relative;
	margin-right: 18px;
}
.bc-wrapper li:after {
	position: absolute;
    right: -11px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    display: inline-flex;
    width: 4px;
    height: 4px;
    transform: rotate(135deg);
    border-top: 2px solid #6d6e70;
    border-left: 2px solid #6d6e70;
}
.bc-wrapper li:last-child {
	margin-right: 0;
}
.bc-wrapper li:last-child:after {
	display: none;
}
.bc-wrapper li a {
	font-family: arial, sans-serif;
	text-decoration: none;
	position: relative;
	display: inline-block;
	color: #6d6e70;
}
.bc-wrapper li a:hover,
.bc-wrapper li a:focus,
.bc-wrapper li a:active {
	color: #333333;
}
.bc-wrapper li a:after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fed10a;
}
@media only screen and (max-width: 480px) {
	.article-short .bc-wrapper {
		padding-left: 24px;
		padding-right: 24px;
	}
}

/**************************************************************************************************************/
/*** CEROS iframe ***/
/**************************************************************************************************************/
iframe.ceros-experience {
	max-width: 100%;
	max-height: 100%;
}

/**************************************************************************************************************/
/*** PRELIVE ***/
/**************************************************************************************************************/
body.is-outside-prelive .pub:not(.simili-pub) {
	background: #cccccc;
}
body.is-outside-prelive .article-standard .pub:not(.simili-pub),
body.is-outside-prelive .article-short .pub:not(.simili-pub) {
	background: none;
}
body.is-outside-prelive .article-standard .pub:not(.simili-pub) .position-sticky,
body.is-outside-prelive .article-short .pub:not(.simili-pub) .position-sticky {
	background: #cccccc;
}
body.is-outside-prelive .article-standard .pub.mobile:not(.simili-pub),
body.is-outside-prelive .article-short .pub.mobile:not(.simili-pub) {
	background: #cccccc;
}

/**************************************************************************************************************/
/*** NOTIFICATION FCM ***/
/**************************************************************************************************************/
.fcm-manager{
	position: fixed;
	top: auto;
	left: auto;
	right: 12px;
	bottom: 12px;
	background: #231f20;
	color: #ffffff;
	max-width: calc(100vw - 24px);
	width: auto;
	padding: 18px 112px 18px 24px;
	font-size: 1.2em;
    font-weight: bold;
    font-family: arial, sans-serif;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
	display: inline-block;
	z-index: 990;
	overflow: hidden;
}
.fcm-manager .accept,
.fcm-manager .close{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 48px;
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.fcm-manager .accept{
	right: 0px;
	background: #333;
}
.fcm-manager .accept:hover,
.fcm-manager .accept:active,
.fcm-manager .accept:focus{
	background: #555;
}
.fcm-manager .close{
	right: 49px;
}
.fcm-notifier{
	position: fixed;
	z-index: 999;
	top: 12px;
	right: -350px;
	width: 320px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background: #ffffff;
	color: #000;
	cursor: pointer;
	font-weight: bold;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
	-moz-box-shadow:    0 1px 1px 0 rgba(0,0,0,.2);
	box-shadow: 		0 1px 1px 0 rgba(0,0,0,.2);
	display: inline-block;
    padding: 18px 40px 18px 18px;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.fcm-notifier .close{
	position: absolute;
	top: 5px;
	right: 4px;
	cursor: pointer;
	padding: 3px;
	font-size: 2em;
}
.fcm-notifier h2{
    letter-spacing: 1px;
    font-size: 1.2em;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    line-height: 1;
    margin: 0 0 6px 0;
}
.fcm-notifier p{
    text-align: left;
    font-size: 1em;
}
.fcm-notifier.active{
	right: 12px;
}

/**************************************************************************************************************/
/*** Tarte au citron ***/
/**************************************************************************************************************/
body #tarteaucitronRoot div#tarteaucitronAlertBig {
	max-height: calc(100vh - 200px);
    overflow-y: scroll;
}

/**************************************************************************************************************/
/*** Google ADS Slots (responsive ads support) ***/
/**************************************************************************************************************/
.ad-slot{
	margin: 0 auto;
	text-align: center;
}
/* Homepage bloc 1 */
.ad-slot.homepage-bloc-1 { min-width: 950px; min-height: 250px; }
@media (max-width: 1000px) {
    .ad-slot.homepage-bloc-1 { min-width: 300px; min-height: 250px; }
}
/* Homepage bloc 2 */
.ad-slot.homepage-bloc-2 { min-width: 300px; min-height: 600px; }
@media (max-width: 1000px) {
    .ad-slot.homepage-bloc-2 { min-width: 300px; min-height: 250px; }
}
/* Homepage bloc 3 */
.ad-slot.homepage-bloc-3 { min-width: 1220px; min-height: 270px; }
@media (max-width: 1000px) {
    .ad-slot.homepage-bloc-3 { min-width: 300px; min-height: 250px; }
}
/* Homepage bloc 4 */
.ad-slot.homepage-bloc-4 { min-width: 300px; min-height: 600px; }
@media (max-width: 1000px) {
    .ad-slot.homepage-bloc-4 { min-width: 300px; min-height: 250px; }
}
/* Page Institutionnelle bloc 1 */
.ad-slot.page-institutionnelle-bloc-1 { min-width: 750px; min-height: 250px; }
@media (max-width: 1000px) {
    .ad-slot.page-institutionnelle-bloc-1 { min-width: 300px; min-height: 250px; }
}
/* Page article bloc 1 */
.ad-slot.single-bloc-1 { min-width: 300px; min-height: 250px; }
/* Page article bloc 2 */
.ad-slot.single-bloc-2 { min-width: 300px; min-height: 250px; }
/* Page article bloc 3 */
.ad-slot.single-bloc-3 { min-width: 300px; min-height: 250px; }
/* Page article bloc 4 */
.ad-slot.single-bloc-4 { min-width: 300px; min-height: 250px; }