/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;} :focus {outline:0;}body {background: #fff;line-height: 1;}ol, ul {list-style: none;}table {border-collapse: separate;border-spacing: 0;}caption, th, td {font-weight: normal;text-align: left;}blockquote:before, blockquote:after, q:before, q:after {content: "";}blockquote, q {quotes: "" "";}a img {border: 0;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;} a{text-decoration: none;}figure{margin: 0;}

button {
  appearance: none;
  background: transparent;
}

/* = Here it goes!
----------------------------------------------- */
@font-face {
	font-family: 'gotham_ultra';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/gotham-ultra.woff') format('woff');
	font-display: swap;	
}
@font-face {
    font-family: 'inter';
    src: url('../fonts/inter-extrabold-webfont.eot');
    src: url('../fonts/inter-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/inter-extrabold-webfont.woff') format('woff'),
         url('../fonts/inter-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/inter-extrabold-webfont.svg#interextra_bold') format('svg');
    font-weight: 800;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'inter';
    src: url('../fonts/inter-extrabolditalic-webfont.eot');
    src: url('../fonts/inter-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/inter-extrabolditalic-webfont.woff') format('woff'),
         url('../fonts/inter-extrabolditalic-webfont.ttf') format('truetype'),
         url('../fonts/inter-extrabolditalic-webfont.svg#interextra_bold_italic') format('svg');
    font-weight: 800;
    font-style: italic;
	font-display: swap;
}
@font-face {
    font-family: 'inter';
    src: url('../fonts/inter-semibold-webfont.eot');
    src: url('../fonts/inter-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/inter-semibold-webfont.woff') format('woff'),
         url('../fonts/inter-semibold-webfont.ttf') format('truetype'),
         url('../fonts/inter-semibold-webfont.svg#intersemi_bold') format('svg');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'inter';
    src: url('../fonts/inter-semibolditalic-webfont.eot');
    src: url('../fonts/inter-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/inter-semibolditalic-webfont.woff') format('woff'),
         url('../fonts/inter-semibolditalic-webfont.ttf') format('truetype'),
         url('../fonts/inter-semibolditalic-webfont.svg#intersemi_bold_italic') format('svg');
    font-weight: 700;
    font-style: italic;
	font-display: swap;
}
@font-face {
    font-family: 'inter';
    src: url('../fonts/inter-mediumitalic-webfont.eot');
    src: url('../fonts/inter-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/inter-mediumitalic-webfont.woff') format('woff'),
         url('../fonts/inter-mediumitalic-webfont.ttf') format('truetype'),
         url('../fonts/inter-mediumitalic-webfont.svg#intermedium_italic') format('svg');
    font-weight: 600;
    font-style: italic;
	font-display: swap;
}
@font-face {
    font-family: 'inter';
    src: url('../fonts/inter-regular-webfont.eot');
    src: url('../fonts/inter-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/inter-regular-webfont.woff') format('woff'),
         url('../fonts/inter-regular-webfont.ttf') format('truetype'),
         url('../fonts/inter-regular-webfont.svg#interregular') format('svg');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'inter';
    src: url('../fonts/inter-italic-webfont.eot');
    src: url('../fonts/inter-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/inter-italic-webfont.woff') format('woff'),
         url('../fonts/inter-italic-webfont.ttf') format('truetype'),
         url('../fonts/inter-italic-webfont.svg#interitalic') format('svg');
    font-weight: 500;
    font-style: italic;
	font-display: swap;
}
@font-face {
    font-family: 'inter';
    src: url('../fonts/inter-medium-webfont.eot');
    src: url('../fonts/inter-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/inter-medium-webfont.woff') format('woff'),
         url('../fonts/inter-medium-webfont.ttf') format('truetype'),
         url('../fonts/inter-medium-webfont.svg#intermedium') format('svg');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}
/*  Variables */
:root{
	/* Grille */
	--main_column: 1366px;
	--gutter: 32px;
	--margin: 69px;
	/* Typo */
	--11: 0.688em;
	--12: 0.75em;
	--13: 0.813em;
	--14: 0.875em;
	--15: 0.938em;
	--16: 1em;
	--18: 1.125em;
	--20: 1.25em;
	--22: 1.375em;
	--24: 1.5em;
	--26: 1.625em;
	--30: 1.875em;
	--45: 2.813em;
	/* Couleurs */
	--blanc: #ffffff;
	--gris-3: #f7f7f7;
	--gris-10: #e5e5e5;
	--gris-40: #9c9c9c;
	--gris-60: #646464;
	--gris-85: #212121;
	--noir: #000000;
	/*--beige: #ddcea9;*/
	--beige: #FADCC3;
	--bleu-amse: #006cba;
	--jaune-amse: #efab06;
}
html, body{
  height: 100%;
  width: 100%;
}
*,
*:after,
*:before{
	box-sizing: border-box;
	transition: all 0.2s ease;
}
::selection {
    background: var(--bleu-amse);
    color:var(--noir);
}
::-moz-selection {
    background: var(--bleu-amse);
    color:var(--noir);
}
img{
	max-width: 100%;
	height: auto;
	display: block;
}
a{
    color: inherit;
}
svg{
    color: inherit;
    display: block;
}
em, i{
    font-style: italic;
}
b, strong{
    font-weight: bold;
}
hr.clear{
	height: 0;
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	width: 100%;
	border: none;
	background: none;
}
/* Infobulles GMaps */
.gm-style-iw h2{
    font-weight: bold;
    margin-bottom: 15px;
}
.gm-style-iw > div{
    width: auto !important;
}
.gm-style-iw p{
    margin-bottom: 5px;
}
.gm-style img{
    max-width: inherit;
}

/* = Grille et tulles
----------------------------------------------- */
#content{
	padding-top: 58px;
}
.center{
	width: var(--main_column);
	margin-right: auto;
	margin-left: auto;
	padding-right: var(--margin);
	padding-left: var(--margin);
}
.container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
}
.container.missing::after {
  content: "";
  flex: auto;
}
.container.missing > *:last-child {
	margin-left: var(--gutter);
}
.container > .all_width {
	margin-left: 0;
}
.container.align_bottom{
	align-items: flex-end;
}
.container.align_top{
	align-items: flex-start;
}
.container.align_middle{
	align-items: center;
}
.container.row-reverse{
	flex-direction: row-reverse;
}
.all_width{ width: 100%; }
.demi{ width: calc(50% - calc(var(--gutter)/2) ); }
.tiers{ width: calc(calc(100%/3) - calc(var(--gutter)*2/3 )); }
.quart{ width: calc(25% - calc(var(--gutter)*3/4) ); }
.sixieme{ width: calc(calc(100%/6) - calc(var(--gutter)*3/4) ); }
.cinq-douzieme{ width: calc(calc(100%*5/12) - calc(var(--gutter)/2 )); }
.sept-douzieme{ width: calc(calc(100%*7/12) - calc(var(--gutter)/2 )); }
.trois-quart{ width: calc(75% - calc(
	calc(var(--gutter)/2 -
		calc(var(--gutter)/6))
	) ); }
.deux-tiers{ width: calc(calc(100%*calc(2/3)) - calc(
	calc(var(--gutter)/2 - calc(var(--gutter)/6))
	) ); }
.margin_left{
	margin-left: var(--gutter);
}
hr.hidden{
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
}


/* = Typo
----------------------------------------------- */
body{
    color: var(--noir);
	font-family: 'inter', arial, sans-serif;
    font-size: 16px;
    overflow-x: hidden;
}
p{
	line-height: 1.44em;
}
.big_title{
	font-family: 'gotham_ultra', arial, sans-serif;
	font-size: var(--30);
	margin-top: 60px;
	margin-bottom: 60px;
	color: var(--noir);
	text-transform: uppercase;
	position: relative;
}
.big_title:after{
	display: block;
	content: url(../images/ENTREE_DE_COUCHE_SOULIGNE.svg);
	width: 180px;
	height: 20px;
	position: absolute;
	z-index: 1;
}
.dark_background .big_title,
.black_background .big_title{
	color: var(--blanc);
}
.dark_background .big_title:after,
.black_background .big_title:after{
	content: url(../images/ENTREE_DE_COUCHE_SOULIGNE_BLANC.svg);
}


/* = Boutons
----------------------------------------------- */
.bouton_niv1{
	font-size: var(--13);
	font-weight: 700;
	color: var(--noir);
	background-color: var(--gris-10);
	padding: 11px 20px 10px 20px;
	border-radius: 4px;
	display: inline-block;
	cursor: pointer;
	border: none;
}
.bouton_niv1.gris{
	color: var(--noir);
	background-color: var(--gris-10);
}
.bouton_niv1.blanc{
	color: var(--blanc);
	background-color: var(--gris-85);
}
.bouton_niv1.gris:hover{
	color: var(--blanc);
	background-color: var(--noir);
}
.bouton_niv1.blanc:hover{
	color: var(--noir);
	background-color: var(--gris-10);
}


/* = Header
----------------------------------------------- */
#sur-header{
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid var(--gris-10);
}
#logo_dialogue_economique{
	width: 369px;
	height: auto;
	display: block;
	max-width: 100%;
}
.safari #logo_dialogue_economique{
	max-height: 60px;
}
#logo_dialogue_economique img,
#logo_dialogue_economique svg{
	width: 369px;
	height: auto;
	display: block;
	max-width: 100%;
}
#sur-header .right{
	width: 140px;
}
#social_header .social_item{
	display: inline-block;
	width: 20px;
	height: 20px;
	opacity: 0.45;
}
#social_header .social_item:hover{
	opacity: 1;
}
#social_header .social_item img,
#social_header .social_item svg{
	width: 12px;
	height: 12px;
	margin: 4px;
	display: block;
	fill: var(--noir);
}
#amse_header{
	color: var(--bleu-amse);
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
	margin-top: 8px;
}
#amse_header img,
#amse_header svg{
	display: inline-block;
	vertical-align: middle;
	height: 35px;
	width: auto;
	margin: -6px 0 0 4px;
}
#langues{
	margin-right: 6px;
}
#langues li.langue_item,
#langues .divider{
	display: inline-block;
	font-size: 10px;
	text-transform: uppercase;
	color: var(--gris-40);
	font-weight: 600;
}
#langues li.langue_item.current,
#langues li.langue_item:hover,
#langues .divider{
	color: var(--noir);
}
#navigation.sticky{
	position: absolute;
	width: 100%;
	padding-top: 21px;
	border-bottom: 1px solid var(--gris-10);
}
#main_navigation li{
	display: inline-block;
	font-size: var(--13);
	color: var(--gris-60);
	font-weight: 600;
	margin-right: 25px;
	white-space: nowrap;
}
#main_navigation li a,
#secondary_navigation li a{
	display: block;
	padding-bottom: 17px;
	border-bottom: 4px solid var(--blanc);
}
.webkit #main_navigation li a{
	padding-bottom: 17px;
}
#main_navigation li a:hover,
#secondary_navigation li a:hover{
	color: var(--noir);
}
#main_navigation li.current a,
#secondary_navigation li.current a{
	border-bottom: 4px solid var(--noir);
	color: var(--noir);
}
#secondary_navigation li{
	display: inline-block;
	font-size: var(--13);
	color: var(--gris-60);
	margin-left: 15px;
	white-space: nowrap;
}
#secondary_navigation li.medias{
	display: none;
}
#secondary_navigation li a svg,
#secondary_navigation li a img{
 	display: inline-block;
 	vertical-align: middle;
 	margin-right: 2px;
	fill: var(--gris-60);
	width: 16px;
	height: 16px;
}
#secondary_navigation li a:hover svg,
#secondary_navigation li a:hover img,
#secondary_navigation li.current a svg,
#secondary_navigation li.current a img{
	fill: var(--noir);
}
#main_navigation,
#secondary_navigation{
	white-space: nowrap;
}
#navigation.sticky{
	background-color: var(--blanc);
}
#navigation.sticky .container .chevron{
	display: none;
}
/* Sticky */
#navigation.sticky.middle{
	position: fixed;
	z-index: 50;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--noir);
	border-bottom: none;
}
#navigation.sticky.middle li{
	color: var(--gris-40);
}
#navigation.sticky.middle #main_navigation li a,
#navigation.sticky.middle #secondary_navigation li a{
	border-bottom: 4px solid var(--noir);
}
#navigation.sticky.middle #main_navigation li.current a,
#navigation.sticky.middle #secondary_navigation li.current a{
	border-bottom: 4px solid var(--gris-40);
	color: var(--blanc);
}
#navigation.sticky.middle #main_navigation li a:hover,
#navigation.sticky.middle #secondary_navigation li a:hover{
	color: var(--blanc);
}
#navigation.sticky.middle #secondary_navigation li a svg,
#navigation.sticky.middle #secondary_navigation li a img{
	fill: var(--gris-40);
}
#navigation.sticky.middle #secondary_navigation li a:hover svg,
#navigation.sticky.middle #secondary_navigation li a:hover img{
	fill: var(--blanc);
}
#navigation.sticky.middle #secondary_navigation li a:hover{
	color: var(--blanc);
}

/* = Sur footer
----------------------------------------------- */
#sur_footer{
	background-color: var(--noir);
	padding-top: 70px;
	padding-bottom: 70px;
}
#logo_dialogue_economique_footer{
	fill: var(--blanc);
	max-width: 100%;
	width: 394.5px;
	height: auto;
	margin-bottom: 30px;
}
#texte_sur_footer{
	padding-right: 8%;
	border-right: 1px solid var(--gris-60);
	width: calc(100% - 300px);
}
#texte_sur_footer p{
	color: var(--blanc);
	margin-bottom: 20px;
}
#newsletter{
	width: 100%;
}
#newsletter p{
	color: var(--blanc);
	margin-bottom: 20px;
}
#newsletter p svg,
#newsletter p img{
	fill: var(--blanc);
	display: inline-block;
	vertical-align: middle;
	margin: -3px 9px 0 0;
	width: 15px;
	height: 15px;
}
#newsletter_input{
	position: relative;
	height: 41px;
	width: 100%;
}
#newsletter_input input[type="email"]{
	width: 100%;
	height: 41px;
	padding: 10px 64px 10px 20px;
	color: var(--gris-60);
	font-size: var(--14);
	border: 2px solid var(--gris-60);
	border-radius: 5px;
	background-color: transparent;
}
.gecko #newsletter_input input[type="email"]{
	color: var(--gris-10);
}
#newsletter_input input[type="email"]:hover{
	border: 2px solid var(--gris-10);
}
#newsletter_input input[type="email"]:focus{
	border: 2px solid var(--blanc);
	color: var(--blanc);
}
#newsletter_input input[type="submit"]{
	position: absolute;
	width: 56px;
	height: calc(100% - 6px);
	top: 3px;
	right: 3px;
	background-color: var(--blanc);
	color: var(--noir);
	font-weight: 600;
	font-size: var(--13);
	border: none;
	border-radius: 4px;
	-webkit-appearance: none;
}
#newsletter_input input[type="submit"]:hover{
	color: var(--gris-40);
}
#alert{
	position: relative;
	background: var(--gris-60);
	color: var(--blanc);
	width: 100%;
	padding: 10px 15px;
	font-size: var(--15);
	margin-top: 8px;
}

/* = Footer
----------------------------------------------- */
#footer{
	padding-bottom: 30px;
	border-top: 1px solid var(--gris-60);
}
#nav_footer{
	border-bottom: 1px solid var(--gris-60);
}
#nav_footer li{
	display: inline-block;
	font-weight: 600;
	color: var(--blanc);
	margin: 20px 25px 20px 0;
	font-size: var(--13);
}
#nav_footer li:last-child{
	margin-right: 0;
}
#nav_footer li a{
	display: block;
}
#nav_footer li a:hover{
	opacity: 0.70;
}
#nav_footer .amse a:after{
	content: url(../images/LIEN_EXTERNE_ICON.svg);
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-left: 3px;
	width: 10px;
	height: 10px;
}
#texte_footer{
	font-size: var(--11);
	opacity: 0.70;
	color: var(--blanc);
	margin: 20px 0 25px 0;
}
#partenaires .partenaire{
	height: 30px;
	margin-right: 30px;
	display: inline-block;
}
#partenaires .partenaire:last-child{
	margin-right: 0;
}
#partenaires .partenaire a{
	display: block;
	height: 30px;
}
#partenaires .partenaire a svg{
	display: block;
	height: 30px;
	width: auto;
}

/* = Articles
----------------------------------------------- */
/* Liste */
.list_articles{
	padding-top: 30px;
	padding-bottom: 30px;
}
/* généralités */
article .sur_titre{
	text-transform: uppercase;
	font-size: var(--14);
	font-weight: 800;
	margin-bottom: 7px;
}
article.categorie_article .sur_titre{
	color: var(--gris-40);
}
article .titre{
	font-size: var(--20);
	font-weight: 800;
	line-height: 1.2em;
}
article .thumbail{
	display: block;
	overflow: hidden;
}
article .thumbail img{
	transition-duration: 1s;
}
article a:hover .thumbail img{
	transform: scale(1.1);
}
/* Small */
article.small_article{
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: solid 1px var(--gris-10);
}
article.small_article .sur_titre{
	color: var(--gris-40);
}
article.small_article .thumbail{
	margin-bottom: 15px;
}
/* Big */
article.big_article{
	position: relative;
}
article.big_article .thumbail{
	position: relative;
	z-index: 1;
}
article.big_article .sur_titre{
	color: var(--gris-10);
}
article.big_article .titre{
	color: var(--blanc);
	font-size: var(--30);
	margin-bottom: 10px;
}
article.big_article .extrait{
	color: var(--blanc);
	font-size: var(--15);
	line-height: 1.43em;
}
article.big_article .texte{
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	z-index: 3;
}
article.big_article .gradient{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2;
	background-image: linear-gradient(to bottom, rgba(31, 31, 31, 0), #1f1f1f);
	opacity: 0.7;
}
/* Icon */
article.has_icon .extrait{
	padding-left: 50px;
}
article.has_icon h2{
	padding-left: 50px;
	position: relative;
}
article.has_icon h2 .icon{
	background-color: var(--gris-10);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
}
article.has_icon h2 .icon svg,
article.has_icon h2 .icon img{
	fill: var(--noir);
	margin: auto;
	width: 15px;
	height: 15px;
}
/* Bandeau */
article.bandeau{
	padding-top: 70px;
	padding-bottom: 70px;
}
article.bandeau .titre{
	font-size: 35px;
	margin-bottom: 10px;
	line-height: 1.23em;
}
article.bandeau .extrait{
	margin-bottom: 15px;
}
article.bandeau .thumbail:hover img,
article.bandeau.hover .thumbail img{
	transform: scale(1.1);
}
/* Dark version */
.dark_background article.big_article h2,
.black_background article.big_article h2,
.dark_background article.small_article h2,
.black_background article.small_article h2,
.dark_background article.big_article .extrait,
.black_background article.big_article .extrait{
	color: var(--blanc);
}
.dark_background article.big_article .sur_titre,
.black_background article.big_article .sur_titre,
.dark_background article.small_article .sur_titre,
.black_background article.small_article .sur_titre{
	color: var(--gris-40);
}
.dark_background article.big_article .icon,
.black_background article.big_article .icon,
.dark_background article.small_article .icon,
.black_background article.small_article .icon{
	color: var(--gris-10);
}
.dark_background article.small_article,
.black_background article.small_article{
	border-bottom: solid 1px var(--gris-60);
}
/* Catégorie */
article.categorie_article{
	margin-bottom: 50px;
}
article.categorie_article .thumbail{
	margin-bottom: 15px;
}
article.categorie_article .titre{
	font-size: var(--18);
}
/* Lanceur */
article.lanceur a,
.bloc article.lanceur a{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
article.lanceur .thumbail,
.bloc article.lanceur .thumbail{
	width: 204px;
}
article.lanceur .texte,
.bloc article.lanceur .texte{
	width: calc(100% - 219px);
}
article.lanceur .titre,
.bloc article.lanceur .titre{
	font-weight: 800;
	line-height: 1.2em;
	margin: 0;
	font-size: 18px;
}
article.lanceur .sur_titre,
.bloc article.lanceur .sur_titre{
	color: var(--gris-40);
	margin: 0;
	font-size: 13px;
}


/* = Home Page
----------------------------------------------- */
article.sticky{
	align-self: flex-start;
	position: -webkit-sticky;
	position: sticky;
	top: 88px;
	margin-bottom: 20px;
}
.dark_background{
	background-color: var(--gris-85);
}
.black_background{
	background-color: var(--noir);
}
.beige_background{
	background-color: var(--beige);
}
.grey_background{
	background-color: var(--gris-3);
}
/* Slider */
#slider{
	padding: 70px 0;
}
#slider .big_title{
	margin-bottom: 0;
	margin-top: 0;
}
.home_slider{
	padding-top: 50px;
}
.home_slider .swiper-slide{
	width: calc(226px + calc(var(--margin)*2));
	padding-right: var(--margin);
	padding-left: var(--margin);
}
.article_slider .thumbail img{
	display: block;
	border-radius: 50%;
	width: 226px;
	height: 226px;
	object-fit: cover;
}
.article_slider .thumbail{
	margin-bottom: 14px;
	position: relative;
}
.article_slider a:hover .thumbail img{
	transform: none;
}
.article_slider .thumbail .count{
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	background-color: var(--gris-85);
	color: var(--blanc);
	font-weight: 800;
	font-size: var(--18);
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
}
.article_slider .thumbail .count span{
	margin: auto;
}
.article_slider .titre{
	font-size: var(--20);
}
.article_slider .sur_titre{
	color: var(--gris-40);
}
.swiper-button-next.next_home,
.swiper-button-prev.prev_home{
    position: absolute;
    top: 0;
    width: 30px;
    height: 30px;
    z-index: 10;
    cursor: pointer;
	background-image: url(../images/arrow.png);
	background-size: 30px 30px;
	background-repeat: no-repeat;
	margin-top: 0;
}
.swiper-button-next.next_home,
.swiper-container-rtl .swiper-button-prev.prev_home{
	right: var(--margin);
}
.swiper-button-prev.prev_home,
.swiper-container-rtl .swiper-button-next.next_home{
	right: calc(var(--margin) + 50px);
	left: auto;
	transform: rotate(180deg);
}



/* = Catégorie
----------------------------------------------- */
#top_category{
	margin-top: 60px;
}
.category_title{
	font-weight: 600;
	font-size: var(--26);
}
#tags ul li{
	display: inline-block;
	font-size: 14px;
	color: var(--gris-60);
	font-weight: 600;
	white-space: nowrap;
}
#tags ul li a{
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 4px solid var(--gris-3);
}
#tags ul li a:hover{
	color: var(--noir);
}
#tags ul li.current a{
	border-bottom: 4px solid var(--noir);
	color: var(--noir);
}
#tags ul li:after{
	content: "/";
	margin: 0 10px;
	display: inline-block;
	font-size: 14px;
	color: var(--gris-40);
}
#content.categorie .list_articles{
	position: relative;
}
#content.categorie .list_articles:after{
	content: "";
	display: block;
	height: 1px;
	width: calc(var(--main_column) - calc(var(--margin)*2));
	margin: 0 auto;
	background-color: var(--gris-10);
	position: absolute;
	bottom: 0;
}
#load_more{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 80px;
}

/* = Single article
----------------------------------------------- */
#top_single_article{
	position: relative;
	margin-top: 30px;
	margin-bottom: 50px;
}
#top_single_article .main_thumbail{
	width: 100%;
	height: auto;
	display: block;
}
#top_single_article .texte{
	position: absolute;
	z-index: 2;
	bottom: 30px;
	right: calc(var(--margin) + 30px);
	left: calc(var(--margin) + 30px);
}
#top_single_article .texte .titre{
	color: var(--blanc);
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	font-size: 40px;
	font-weight: 800;
	line-height: 1.25;
}
#top_single_article .texte .sur_titre{
	color: var(--gris-10);
	font-size: var(--13);
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 5px;
}
#chapeau p{
	line-height: 1.55;
	font-size: var(--22);
	font-weight: 700;
	margin-bottom: 50px;
}
#meta{
	border-top: 1px solid var(--gris-10);
	border-bottom: 1px solid var(--gris-10);
	position: relative;
	max-width: 636px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
#meta > *{
	height: 60px;
	display: flex;
	align-items: center;
}
#meta #time,
#meta #author{
	border-right: 1px solid var(--gris-10);
	padding-right: 20px;
	padding-left: 20px;
}
#meta #time{
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--gris-40);
}
#meta #author{
	flex-grow: 2;
}
#meta #author > div{
	margin: 0;
	font-size: 13px;
}
.author_detail{
	position: relative;
}
#meta #author span.target{
	text-decoration: underline;
	font-weight: 700;
	cursor: pointer;
}
.author_popin{
	width: 254px;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
	border: solid 1px #dfdfdf;
	background-color: #ffffff;
	display: none;
	position: absolute;
	z-index: 5;
	padding: 20px;
	margin-top: 15px;
	right: 50%;
	transform: translateX(50%);
}
.not_touch #meta #author span:hover .author_popin,
.author_popin.show{
	display: block;
}
.author_popin:before{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
	border: solid 1px #dfdfdf;
	background-color: #ffffff;
	position: absolute;
	z-index: 3;
	transform: translate(-50%, -10px) rotate(45deg);
	left: 50%;
	top: 0;
}
.author_popin:after{
	content: "";
	display: block;
	width: 60px;
	height: 20px;
	background-color: #ffffff;
	position: absolute;
	z-index: 6;
	transform: translate(-50%, 0);
	left: 50%;
	top: 0;
}
.bloc .author_popin p{
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 10px;
}
.bloc .author_popin p strong{
	font-weight: 700;
}
.bloc .author_popin p:last-child{
	margin-bottom: 0;
}
.author_popin .close{
	display: none;
	width: 15px;
	height: 15px;
	position: absolute;
	right: 20px;
	top: 20px;
	background-image: url(../images/CLOSE_ICON.svg);
	background-size: 15px 15px;
}
.touch .author_popin .close{
	display: block;
}

#meta #partage{
	padding-right: 20px;
	padding-left: 20px;
}
#meta #partage .partage_item{
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 8px;
}
.bloc{
	max-width: 810px;
	margin: 0 auto;
}
.dark_background > .bloc{
	padding-top: 10px;
	padding-bottom: 30px;
	color: var(--blanc);
}
.single_article .dark_background{
	margin-bottom: 60px;
	margin-top: 60px;
}
.bloc.grey_background{
	padding-top: 10px;
	padding-bottom: 30px;
	margin-top: 60px;
	margin-bottom: 60px;
}
.bloc h2,
.bloc h3,
.bloc h4,
.bloc h5,
.bloc h6,
.bloc p,
.bloc ul,
.bloc ol,
.bloc blockquote,
.bloc article.lanceur{
	max-width: 636px;
	margin-right: auto;
	margin-left: auto;
}
.bloc p{
	font-size: var(--18);
	line-height: 1.67em;
	margin-bottom: 1.5em;
}
.bloc.grey_background p{
	font-weight: 600;
}
.bloc img{
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 30px;
}
.bloc .legende{
	margin-top: -10px;
	margin-bottom: 30px;
	font-size: 11px;
	color: var(--gris-40);
	max-width: 100%;
}
.bloc h2{
	margin-top: 50px;
	margin-bottom: 1.5em;
	font-size: 22px;
	font-weight: 800;
	line-height: 1.45em;
}
.bloc h3{
	font-weight: 800;
	font-size: var(--18);
	line-height: 1.67em;
}
table{
	margin-bottom: 100px;
	width: 100%;
}
table th,
table td{
	padding: 15px;
	text-align: left;
}
table th{
	font-size: 14px;
	color: var(--blanc);
	background-color: var(--bleu-amse);
	border-right: 1px solid var(--blanc);
}
table th:last-child,
table td:last-child{
	border-right: none;
}
table tr:first-child th:first-child{
	border-radius: 5px 0 0 0;
}
table tr:first-child th:last-child{
	border-radius: 0 5px 0 0;
}
table td{
	font-size: 13px;
	border-right: 1px solid var(--blanc);
}
table tbody tr:nth-child(2n){
	background-color: rgba(32, 140, 236, 0.15);
}
.bloc blockquote{
	display: block;
	margin-top: 60px;
	margin-bottom: 60px;
	padding-left: 90px;
	position: relative;
}
.bloc blockquote:before{
	content: "";
	display: block;
	height: 100%;
	width: 6px;
	background-color: var(--noir);
	top: 0;
	left: 44px;
	position: absolute;
}
.bloc blockquote p{
	font-weight: 600;
	line-height: 1.62em;
	font-size: 21px;
	margin-bottom: 1em;
}
.bloc blockquote cite{
	font-size: 13px;
	color: var(--gris-40);
	text-transform: uppercase;
	font-weight: 700;
}
.bloc blockquote cite:before{
	content: "— ";
}
.article_main_slider{
	max-width: 930px;
	margin: 0 auto;
}
.article_main_slider .swiper-slide img,
.article_main_slider .swiper-slide .container{
	width: 636px;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	flex-wrap: nowrap;
	margin-bottom: 15px;
}
.article_main_slider .swiper-slide .legende{
    font-size: 11px;
    color: var(--gris-40);
}
.article_main_slider .swiper-slide .pagination{
	font-weight: 700;
	font-size: 18px;
	color: var(--gris-40);
	margin-right: 15px;
	padding-top: 2px;
}
.article_main_slider .swiper-slide .pagination .current{
	color: var(--noir);
}
.pagination_article{
	display: none;
}
.swiper-button-next.next_article,
.swiper-button-prev.prev_article{
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
	background-image: url(../images/CHEVRON_ICON.svg);
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: calc(50% + 2px) center;
	margin-top: -20px;
	border-radius: 50%;
	background-color: #e7e7e7;
}
.swiper-button-prev.prev_article,
.swiper-container-rtl .swiper-button-next.next_article{
	transform: rotate(180deg);
	left: 90px;
}
.swiper-button-next.next_article,
.swiper-container-rtl .swiper-button-prev.prev_article{
	right: 90px;
}
.swiper-button-next.next_article:hover,
.swiper-button-prev.prev_article:hover{
	background-image: url(../images/CHEVRON_ICON_blanc.svg);
	background-color: var(--noir);
}
.bloc article.lanceur{
	margin-bottom: 30px;
}
.single_article footer.bloc{
	margin-top: 60px;
	padding-bottom: 70px;
}
.single_article footer.bloc h3{
	font-size: 12px;
	font-weight: 900;
	margin-bottom: 10px;
	text-transform: uppercase;
	margin-top: 10px;
}
.single_article footer.bloc p{
	font-size: 13px;
	margin-bottom: 0;
}
.single_article footer.bloc #sources,
.single_article footer.bloc #tags{
	position: relative;
	padding-bottom: 40px;
}
.single_article footer.bloc #sources:after,
.single_article footer.bloc #tags:after{
	content: "";
	display: block;
	height: 1px;
	width: 636px;
	left: 86px;
	position: absolute;
	background-color: var(--gris-10);
	bottom: 0;
}
.single_article footer.bloc #tags p a{
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	text-decoration: underline;
}
#partage_meta li{
	display: inline-block;
	margin-right: 15px;
}
#partage_meta li a{
	border-radius: 50%;
	background-color: var(--gris-10);
	display: flex;
	align-items: center;
	width: 40px;
	height: 40px;
}
#partage_meta li a:hover{
	background-color: var(--noir);
}
#partage_meta li a img,
#partage_meta li a svg{
	width: 15px;
	height: 15px;
	fill: var(--noir);
	margin: auto;
}
#partage_meta li a:hover svg{
	fill: var(--blanc);
}
#related_posts{
	padding-top: 70px;
}
#related_posts .big_title{
	margin-top: 0;
	margin-bottom: 30px;
}


/* = Default page template
----------------------------------------------- */
.dark_background.page{
	color: var(--blanc);
}
.page h1.page_title{
    font-weight: 800;
    font-size: var(--26);
    margin-top: 60px;
    margin-bottom: 20px;
}
.page h1.page_title.border{
	padding-bottom: 20px;
	margin-bottom: 50px;
	border-bottom: 1px solid var(--gris-40);
}
.page img.main{
	width: 100%;
	margin-bottom: 50px;
}
.page .texte p{
	font-size: 18px;
	line-height: 1.67em;
	margin-bottom: 1.67em;
}
.page .texte h2{
	font-size: 20px;
	line-height: 1.2em;
	font-weight: 800;
}
.page .texte p a{
	text-decoration: underline;
	font-weight: 700;
}
.page hr.divider{
	border: none;
	padding: 0;
	margin: 50px 0;
	background-color: var(--gris-60);
	height: 1px;
	display: block;
}
.page{
	padding-bottom: 70px;
}


/* = Contact
----------------------------------------------- */
form .input{
	margin-bottom: 20px;
	position: relative;
}
form .input input[type="search"],
form .input input[type="text"],
form .input input[type="email"],
form .input input[type="tel"],
form .input input[type="password"],
form .input input[type="date"],
form .input textarea{
	font-family: 'inter', arial, sans-serif;
	border-radius: 3px;
	border: 1px solid var(--gris-40);
	width: 100%;
	font-size: var(--14);
	color: var(--gris-85);
	background-color: transparent;
	padding: 27px 15px 12px 15px;
	-webkit-appearance: none;
}
form .input textarea{
	resize: vertical;
	min-height: 205px;
}
form .input input[type="search"]:focus,
form .input input[type="text"]:focus,
form .input input[type="email"]:focus,
form .input input[type="tel"]:focus,
form .input input[type="password"]:focus,
form .input input[type="date"]:focus,
form .input textarea:focus{
	border: 1px solid var(--noir);
}
form .input label{
	font-size: 12px;
	color: var(--gris-40);
	display: block;
	position: absolute;
	left: 15px;
	line-height: 1em;
	top: 22px;
}
.safari form .input label{
	top: 27px;
}
form .input input:focus + label,
form .input input.fill + label,
form .input textarea:focus + label,
form .input textarea.fill + label{
	top: 12px;
}

.contact form input[type="submit"]{
	margin-top: 20px;
	border: none;
	-webkit-appearance: none;
}


/* = Modale vidéo
----------------------------------------------- */
#modale_video{
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	width: 100vw;
	min-height: 100vh;
}
#modale_video .scroll{
	overflow-y: auto;
	overflow-x: hidden;
	width: 100vw;
	height: 100vh;
}
#modale_video #header_modale{
	padding: 30px;
	flex-direction: row-reverse;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	background: var(--noir);
	z-index: 10;
}
#modale_video #header_modale .titre_modale{
	color: var(--blanc);
	font-size: 24px;
	font-weight: 800;
	margin-bottom: 0;
	width: calc(100vw - 230px);
	line-height: 1.6em;
}
#navigation_modale{
	display: flex;
}
#navigation_modale li{
	margin-left: 10px;
	border: 1px solid var(--gris-85);
	display: flex;
	align-items: center;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
#navigation_modale li:hover{
	border: 1px solid var(--gris-60);
}
#navigation_modale li svg,
#navigation_modale li img{
	fill: var(--blanc);
	margin: auto;
	width: 20px;
	height: 20px;
}
#navigation_modale li.prev svg,
#navigation_modale li.prev img{
	transform: rotate(180deg);
}
#frame_video{
	width: calc(100% - 420px);
}
#frame_video video{
	width: 100%;
	height: auto;
	position: sticky;
	position: -webkit-sticky;
	top: 100px;
}
.video-container {
    position: relative;
    padding-top: 30px; height: 0; overflow: hidden;
    clear: both;
    padding-bottom: 56.25%;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#contenu_modale{
	width: 420px;
	padding: 40px;
	color: var(--gris-10);
	min-height: calc(100vh - 100px);
}
#contenu_modale p{
	font-size: var(--16);
	line-height: 1.63em;
	margin-bottom: 30px;
}
#contenu_modale #author p{
	margin-bottom: 10px;
	font-size: var(--13);
}
#contenu_modale #author p a{
	text-decoration: underline;
	font-weight: 700;
}
#contenu_modale #time time{
	text-transform: uppercase;
	color: var(--gris-40);
	font-weight: 700;
	font-size: var(--12);
	margin-bottom: 30px;
	display: block;
}
#contenu_modale #partage_meta{
	margin-bottom: 30px;
}
#contenu_modale #partage_meta li{
	margin-right: 10px;
}
#contenu_modale #partage_meta li a{
	background-color: var(--noir);
}
#contenu_modale #partage_meta li a:hover{
	background-color: var(--gris-10);
}
#contenu_modale #partage_meta li a svg{
	fill: var(--blanc);
}
#contenu_modale #partage_meta li a:hover svg{
	fill: var(--noir);
}
#contenu_modale footer > div{
	border-bottom: 1px solid var(--gris-60);
	padding-bottom: 20px;
	margin-top: 10px;
}
#contenu_modale footer h3{
	text-transform: uppercase;
	color: var(--blanc);
	font-size: 12px;
	margin-bottom: 10px;
	font-weight: 900;
}
#contenu_modale footer p{
	margin-bottom: 0;
	font-size: 13px;
	line-height: 1.46em;
}
#contenu_modale footer #tags p a{
	text-decoration: underline;
	font-weight: 700;
	font-size: 12px;
}


/* #Media Queries
================================================== */
@media only screen and (max-width: 1366px) {
	:root{
		--main_column: 100%;
		--gutter: 20px;
		--margin: 30px;
	}
	#texte_sur_footer{
		width: calc(100% - 348px);
	}
	.bloc{
		max-width: 636px;
		margin-right: auto;
		margin-left: auto;
	}
	.bloc.grey_background{
		max-width: 810px;
	}
	.single_article footer.bloc #sources::after, .single_article footer.bloc #tags::after {
	    left: 0;
	}
}
@media only screen and (max-width: 1024px) {
	.bloc.grey_background{
		max-width: 810px;
		margin: 0 auto;
	}
	.article_main_slider{
		width: 748px;
		max-width: 100%;
	}
	.article_main_slider .swiper-slide img,
	.article_main_slider .swiper-slide .container{
		width: 636px;
		max-width: 100%;
	}
	.swiper-button-prev.prev_article,
	.swiper-container-rtl .swiper-button-next.next_article{
		left: 0;
	}
	.swiper-button-next.next_article,
	.swiper-container-rtl .swiper-button-prev.prev_article{
		right: 0;
	}
	#secondary_navigation li{
		display: none;
	}
	#secondary_navigation li.medias{
		display: inline-block;
	}
}
@media only screen and (max-width: 1000px) {
	:root{
		--main_column: 100%;
		--gutter: 20px;
		--margin: 22px;
	}
	/* Footer */
  #surfooter_dte {
    display: inline-block;
  }
	#texte_sur_footer{
		width: calc(100% - 292px);
	}
	#newsletter{
		width: 272px;
	}
	#partenaires .partenaire{
		margin-bottom: 20px;
	}
	/* Home page */
	.cinq-douzieme,
	.sept-douzieme{
		width: 100%;
	}
	.conainer.row-reverse{
		flex-direction: row;
	}
	article.sticky{
		align-self: flex-start;
		position: relative;
		top: auto;
		margin-bottom: 20px;
		width: 100%;
	}
	article.big_article{
	    padding-bottom: 56.25%; /* ratio 16/9 */
	    height: 0; overflow: hidden;
	}
	article.big_article > a{
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
	article.big_article .thumbail{
		height: 100%;
	}
	article.big_article .thumbail img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.list_articles .cinq-douzieme{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: stretch;
		width: 100%;
	}
	.cinq-douzieme article{
		width: calc(calc(100%/3) - calc(var(--gutter)*2/3 ));
	}
	/* Articles */
	article .titre{
		font-size: var(--18);
	}
	article.small_article.has_icon .titre,
	article.categorie_article.has_icon .titre{
		position: inherit;
		padding-left: 0;
	}
	article.small_article.has_icon,
	article.categorie_article.has_icon{
		position: relative;
	}
	article.small_article.has_icon .titre .icon,
	article.categorie_article.has_icon .titre .icon{
		transform: translate(-50%);
		left: 50%;
		top: 23%;
	}
	article.bandeau {
	    padding-top: 30px;
	    padding-bottom: 50px;
	}
	article.bandeau img.thumbail{
		margin-bottom: 20px;
	}
	article.small_article,
	.dark_background article.small_article,
	.black_background article.small_article{
		border-bottom: none;
	}
	article.categorie_article .titre{
		font-size: 16px;
	}
	/* Catégories */
	#top_category{
		display: block;
	}
	.category_title{
		margin-bottom: 20px;
	}
	.single_article footer.bloc #sources::after, .single_article footer.bloc #tags::after{
		left: 0;
	}
	/* Page */
	.page .container .tiers,
	.page .container .deux-tiers{
		width: 100%;
	}
	.page .texte h2{
		margin-bottom: 10px;
	}
	.page hr.divider{
		margin: 25px 0;
		background-color: transparent;
	}
	/* Contact */
	form{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: stretch;
		align-content: flex-start;
	}
	form .input{
		width: calc(50% - calc(var(--gutter)/2) );
	}
	form .input.textarea{
		width: 100%;
	}
	#captcha{
		width: 100%;
	}
	/* modale vidéo */
	#frame_video{
		width: 100%;
	}
	#contenu_modale{
		width: 100%;
	}
	#contenu_modale .inside{
		margin: auto;
		max-width: 475px;
	}
	#frame_video video,
	#modale_video #header_modale{
		position: relative;
		top: inherit;
	}

	#secondary_navigation{
		padding-right: 0;
	}
	#navigation.sticky .container{
		overflow-x: scroll;
		overflow-y: hidden;
		flex-wrap: nowrap;
	}
	#navigation.sticky .container .chevron{
		display: flex;
		align-items: center;
		position: absolute;
		height: 57px;
		width: 53px;
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
		top: 0;
		right: 0;
		z-index: 5;
	}
	#navigation.sticky.middle .container .chevron{
		position: fixed;
		top: 0;
		background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 51%, rgba(0,0,0,1) 100%);
		background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 51%,rgba(0,0,0,1) 100%);
		background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 51%,rgba(0,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
	}
	#navigation.sticky.middle .container .chevron svg,
	#navigation.sticky.middle .container .chevron img{
		fill: var(--blanc);
	}
	#navigation.sticky .container .chevron svg,
	#navigation.sticky .container .chevron img{
		width: 15px;
		height: 15px;
		margin-left: 30px;
	}
	#secondary_navigation li{
		display: inline-block;
	}
	#secondary_navigation li.medias{
		display: none;
	}
	/* Header */
	header#header{
		padding-top: 35px;
	}
	#sur-header #social_header,
	#sur-header #langues{
		display: none;
	}
	#amse_header{
		display: block;
		position: fixed;
		background-color: #f3f3f3;
		top: 0;
		width: 100%;
		left: 0;
		margin: 0;
		padding: 10px 14px;
		color: var(--noir);
		text-transform: none;
		font-size: var(--12);
	}
	#amse_header svg path{
		fill: var(--noir) !important;
	}
	#amse_header svg{
		height: 25px;
	}
	#main_navigation li{
		font-weight: 700;
	}
	/* Footer */
	#sur_footer{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#texte_sur_footer{
		width: 100%;
		padding-right: 0;
		border-right: none;
		border-bottom: 1px solid var(--gris-60);
		padding-bottom: 20px;
		margin-bottom: 30px;
	}
	#newsletter{
		width: 100%;
	}
	#nav_footer{
		padding-top: 20px;
	}
	#nav_footer li{
		margin-top: 0;
	}
	#nav_footer .amse{
		display: block;
		width: 100%;
		margin-top: 0;
	}
	#footer{
		padding-bottom: 10px;
	}
	/* HP */
	.big_title{
		font-size: var(--20);
    margin-top: 10px;
	}
	.big_title::after{
		width: 117px;
		height: 13px;
	}
	.swiper-button-next.next_home,
	.swiper-button-prev.prev_home{
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
	}
	.swiper-button-prev.prev_home,
	.swiper-container-rtl .swiper-button-next.next_home{
		right: calc(var(--margin) + 40px);
	}
	article.big_article{
	    padding-bottom: 0; /* ratio 16/9 */
	    height: auto;
	    overflow: visible;
	}
	article.big_article > a{
	    position: relative;
	    top: inherit;
	    left: inherit;
	    width: auto;
	    height: auto;
	}
	article.big_article .thumbail{
		height: auto;
	}
	article.big_article .thumbail img{
		object-fit: initial;
		width: 100%;
		height: auto;
	}
	/* Catégories */
	nav#tags{
		display: none;
	}
	/* Fiche article */
	#top_single_article{
		margin: 0;
	}
	#top_single_article .texte {
	    position: relative;
	    z-index: 2;
	    bottom: auto;
	    right: auto;
	    left: auto;
	    padding-top: 30px;
	}
	#top_single_article .texte .sur_titre{
	    color: var(--noir);
	    font-size: var(--12);
	    font-weight: 700;
	    text-transform: uppercase;
	    margin-bottom: 5px;
	}
	/** #top_single_article .texte .sur_titre:before {
		content: url(../images/CHEVRON_ICON.svg);
		display: inline-block;
		transform: rotate(180deg);
		margin-left: 5px;
		width: 10px;
		height: 10px;
		vertical-align: middle;
		margin-bottom: -5px;
	}
	#top_single_article .texte .sur_titre a{
		text-decoration: underline;
	}
	**/
	#top_single_article .texte .titre{
	    color: var(--noir);
	    font-size: var(--24);
	    text-shadow: none;
	    margin-bottom: 30px;
	}
	#top_single_article .main_thumbail{
		margin-left: calc(var(--margin)*-1);
		width: 100vw;
		margin-bottom: 30px;
		max-width: 100vw;
	}
	#chapeau p{
		margin-bottom: 30px;
		font-size: 18px;
	}
	#meta{
		display: block;
		margin-bottom: 20px;
	    padding-right: 0;
	    padding-left: 0;
	    position: inherit;
	    margin-right: var(--margin);
	    margin-left: var(--margin);
	}
	#meta #time,
	#meta #author {
	    border-right: none;
	    border-bottom: 1px solid var(--gris-10);
	    text-align: center;
	    padding-left: 0;
	    padding-right: 0;
	}
	#meta #partage{
	    text-align: center;
	}
	#meta > *{
		justify-content: center;
	}
	.bloc{
		padding-right: var(--margin);
		padding-left: var(--margin);
	}
	.bloc p{
		font-size: 16px;
	}
	.bloc blockquote::before{
		left: 0;
	}
	.bloc blockquote{
		padding-left: 30px;
	}
	.bloc.grey_background{
		padding-top: 1px;
		padding-bottom: 20px;
	}
	.article_main_slider{
		margin-right: 0;
		margin-left: 0;
	}
	.article_main_slider .swiper-slide img{
		max-width: calc(100% - calc(var(--margin)*2));
	}
	.article_main_slider .swiper-slide .container{
		display: none;
	}
	.pagination_article{
		display: block;
	}
	.swiper-button-next.next_article,
	.swiper-button-prev.prev_article{
		display: none;
	}
	.pagination_article{
		bottom: 0 !important;
	}
	.article_main_slider{
		padding-bottom: 10px;
	}
	.swiper-pagination-bullet-active{
		background-color: var(--noir);
	}
	.bloc .legende{
		margin-top: -20px;
	}
	.bloc article.lanceur .titre{
		font-size: var(--15);
	}
	article.lanceur .thumbail,
	.bloc article.lanceur .thumbail{
		width: 100px;
	}
	.bloc article.lanceur{
		border-bottom: solid 1px var(--gris-10);
		padding-bottom: 15px;
		border-top: solid 1px var(--gris-10);
		padding-top: 15px;
		margin-bottom: 50px;
	}
	.bloc article.lanceur .thumbail img{
		margin-bottom: 0;
	}
	.bloc article.lanceur > a{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.bloc article.lanceur .thumbail{
		margin-bottom: 0;
	}
	.bloc article.lanceur .thumbail img{
		width: 100px;
		height: 100px;
		object-fit: cover;
	}
	.bloc article.lanceur .texte{
		width: calc(100% - 115px);
	}
	.single_article footer.bloc #sources::after,
	.single_article footer.bloc #tags::after{
		display: none;
	}
	.single_article footer.bloc #sources,
	.single_article footer.bloc #tags{
		border-bottom: 1px solid var(--gris-10);
	}
	.single_article footer.bloc #sources, .single_article footer.bloc #tags{
		padding-bottom: 30px;
	}
	form .input{
		width: 100%;
	}
	:root{
		--main_column: 100%;
		--gutter: 0;
		--margin: 15px;
	}
	.demi,
	.tiers,
	.quart,
	.trois-quart,
	.deux-tiers{
		width: 100%;
	}
	/* Footer */
	#nav_footer li{
		margin-right: 11px;
	}
	/* HP */
	.list_articles{
		padding-top: 0;
	}
	.cinq-douzieme article{
		width: 100%;
		border-bottom: solid 1px var(--gris-10);
	}
	.home_slider .swiper-slide{
		width: calc(148px + calc(var(--margin)*2));
		padding-right: var(--margin);
		padding-left: var(--margin);
	}
	.article_slider .thumbail img{
		display: block;
		border-radius: 50%;
		width: 128px;
		height: 128px;
		object-fit: cover;
	}
	.article_slider .titre{
		font-size: var(--15);
	}
	/* Articles */
	article .sur_titre{
		font-size: var(--12);
	}
	article.big_article{
		border-bottom: solid 1px var(--gris-10);
		margin-bottom: 20px;
	}
	article.big_article .thumbail{
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(var(--margin)*-1);
		margin-bottom: 20px;
	}
	article.big_article .texte{
		position: relative;
		bottom: auto;
		right: auto;
		left: auto;
	}
	article.big_article .sur_titre{
	    color: var(--gris-40);
	}
	article.big_article .titre{
		color: var(--noir);
		font-size: var(--20);
		margin-bottom: 20px;
	}
	article.big_article .extrait,
	article.big_article .gradient{
		display: none;
	}
	article.small_article .titre,
	article.categorie_article .titre{
		font-size: var(--15);
	}
	article.small_article{
		border-bottom: solid 1px var(--gris-10);
		padding-bottom: 20px;
	}
	article.categorie_article{
		border-top: solid 1px var(--gris-10);
		padding-top: 20px;
		margin-bottom: 20px;
	}
	article.small_article > a,
	article.categorie_article > a{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	article.small_article .thumbail,
	article.categorie_article .thumbail{
		margin-bottom: 0;
	}
	article.small_article .thumbail img,
	article.categorie_article .thumbail img{
		width: 100px;
		height: 100px;
		object-fit: cover;
	}
	article.small_article .texte,
	article.categorie_article .texte{
		width: calc(100% - 115px);
	}
	article.small_article.has_icon .titre .icon{
	    transform: translate(-50%, -50%);
	    left: 50px;
	    top: 50px;
	}
	article.bandeau{
		padding-top: var(--margin);
	}
	article.bandeau .titre{
		font-size: 26px;
	}
	article.small_article.has_icon .titre .icon,
	article.categorie_article.has_icon .titre .icon{
		left: 51px;
		top: 51px;
	}
	article.small_article.has_icon .titre .icon{
	    transform: translate(-50%, -50%);
	}
	article.categorie_article.has_icon .titre .icon{
	    transform: translate(-50%);
	}
	article.bandeau .thumbail.sept-douzieme{
		margin-bottom: 20px;
	}
	.dark_background article.big_article,
	.black_background article.big_article,
	.dark_background article.small_article,
	.black_background article.small_article{
		border-bottom: solid 1px var(--gris-60);
	}
	/* Catégories */
	#content.categorie .list_articles::after{
		display: none;
	}
	#load_more{
		padding-top: 0;
	}
	/* Page */
	.page .texte p{
		font-size: 16px;
	}
	.page .texte h2{
		font-size: 20px;
	}
	.page hr.divider{
		margin: 20px 0;
		background-color: transparent;
	}
	.page img.main{
		margin-bottom: 40px;
	}
	/* Modale vidéo */
	#contenu_modale{
		padding: var(--margin);
	}
	#modale_video #header_modale{
		padding: var(--margin);
		display: block;
	}
	#navigation_modale{
		justify-content: flex-end;
	}
	#navigation_modale li{
		margin-left: 25px;
	}
	#modale_video #header_modale .titre_modale{
		font-size: 22px;
	}
	.bloc h3{
		font-size: var(--16);
	}
	/* Popin auteur */
	.author_detail{
		position: initial;
	}
	.author_popin{
		width: calc(100vw - 70px);
		height: 100vh;
		box-shadow: none;
		background-color: var(--noir);
		display: block;
		position: fixed;
		z-index: 100;
		padding: 30px;
		margin-top: 0;
		right: inherit;
		left: 0;
		top: 0;
		transform: translateX(-100vw);
		border: none;
	}
	.author_popin.show{
		transform: translateX(0);
	}
	.author_popin:before{
		content: "AUTEUR";
		display: block;
		width: 100%;
		height: auto;
		box-shadow: none;
		border: none;
		background-color: transparent;
		position: relative;
		z-index: 3;
		transform: none;
		left: initial;
		top: initial;
		color: #fff;
		font-weight: 700;
		font-size: 12px;
		margin-bottom: 40px;
		text-align: left;
	}
	.author_popin:after{
		width: 70px;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 60;
		left: initial;
		right: 0;
		margin-right: -70px;
		top: 0;
		transform: none;
		position: fixed;
	}
	.bloc .author_popin p{
		color: #fff;
		text-align: left;
	}
	.author_popin .close{
		display: none;
		width: 40px;
		height: 40px;
		position: fixed;
		right: 15px;
		top: 15px;
		/**background-image: url(../images/CLOSE_ICON_blanc.svg);**/
		background-size: 20px 20px;
		margin-right: -65px;
		background-repeat: no-repeat;
		background-position: center center;
		z-index: 100;
	}
}