/*
Theme Name: Vinci Theme pour VLC
Author: SAS Yellowpoly 6 Passage Gambetta 75020 Paris - France
Description : Theme pour Vive la culture !  
*/

@import url("css/mobile.css");
@import url("css/tablet.css");
/* @import url("css/desktop.css"); */

html {
	font-family: "Roboto", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 100%;
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	background: white;
	color: #222;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hidden {
	display: none;
}

/* COULEURS */

.Inv {
	background: #d71e22;
}
.Lit {
	background: #377ECC;
}
.Mus {
	background: #FFE55E;
}
.Cin {
	background: #9EB3FF;
}
.Exp {
	background: #959E5B;
}
.Gal {
	background: #222;
}
.CQCQ {
	background: orange;
}

.grid-item, .product {
	cursor: pointer;
}


/* HEADER */

.branding h1 {
	padding: 0;
	margin: -6px 0 16px 0;
	text-transform: uppercase;
	font-size: 11.4px;
	font-family: "Arial";
	text-align: center;
}
.branding a {
	color: white;
	text-decoration: none;
}
.branding img {
	width: 100%;
	height: auto;
	max-width: 340px;
	margin: 0 auto;
	display: block;
}

/* NAVIGATION */

.main-nav li {
	text-transform: uppercase;
	font-weight: 300;
	font-family: "Roboto", sans-serif;
}
.main-nav li a {
	color: whitesmoke;
	text-decoration: none;
}

.social-nav li svg, .menu svg {
	fill: white;
	width: 20px;
	height: 20px;
}

.burger-nav {
	cursor: pointer;
}

/* BLOCS */

 .Home_slider {
	 width: 90%;
	 padding: 0 5% 5%;
	 background: #222;
 }

 .Dossier {
	width: 100%;
	height: 420px;
	margin: 0 auto;
	display: block;
 }


/* HOMEPAGE */

.Home_slider {
	overflow: hidden;
	font-family: "Roboto", sans-serif;
}
.Home_slider .Texte h2 {
	text-transform: uppercase;
	font-weight: 600;
}
.Home_slider .Texte p {
	font-weight: 300;
}
.Oeuvre {
	display: inline-block;
	vertical-align: top;
}
.Homebtn {
	background-color:black;
	color:white;
	padding: 6px 18px;
	font-size: 18px;
	font-weight: 100;
	font-family: "Roboto", sans-serif;
	text-transform:uppercase;
	border:none;
	margin-top:-10px;
}
.Homebtn:hover {
	background-color:transparent;
	color: black;
	border: 1px black solid;
}

/* PARCOURS PAGE */

.Parcours h2 {
	font-style: italic;
}

.Oeuvres .grid-item {
	background-color: #EEE;
}
.Oeuvres .explore {
	display: block;
	margin: 5px 0 0 20%;
	width: 25px;
	height: 25px;
	position: absolute;
}

.Fond_blanc {
	background: #FFF;
	pointer-events: none;
	position: fixed;
	width: 100vw;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 2;
}

/* LOCALISATION */
.BlocGauche .Localisation {
	display: none;
	background: black;
	width: calc(100% - 442px);
	margin: 35px 40px;
	vertical-align: top;
	overflow: auto;
	height: 380px;
	position: absolute;
	top: 0;
	right: 0;
	color: white;
	z-index: 200;
}
.BlocGauche .Localisation .Intro_Local {
	text-align: center;
	width: calc(100% - 40px);
	text-transform: uppercase;
	margin: 12px 20px;
	border-bottom: 1px solid white;
	font-size : 20px;
	padding-bottom: 10px;
}
.BlocGauche .Localisation .local {
	font-size: 16px;
	width: calc(100% - 40px);
	margin: 20px;
	text-align: center;
	font-weight: 600;
}
.BlocGauche .Localisation .local h3 {
	font-weight: 300;
	margin-bottom: 6px;
	margin-top: 36px;
}
.BlocGauche .Localisation .local img{
	display: block;
	margin: 0 auto 8px;
	width: 160px;
}
.BlocGauche .Localisation .local .soeuvre,
.BlocGauche .Localisation .local .noeuvre,
.BlocGauche .Localisation .local .sauteur,
.BlocGauche .Localisation .local .nauteur {
	cursor: pointer;
	text-decoration: underline;
	font-size: 14px;
}


@media screen and (min-width: 1335px) {
	
	/* STRUCTURE */
	.site {
		width: 100%;
		display: block;
	}
	.site-header {
		width: 90%;
		margin: 0 auto;
		padding: 2vh 5%;
		min-height: 80px;
		background: #222;
	}
	.entry-header {
		padding: 6px;
	}
	.site-content {
		width: 100%;
		min-height: calc( 100% - 80px);
	}
	.Home_slider p {
		color: black;
	}
	
	/* NAVIGATION */
	
	.branding, .main-nav, .social-nav, .burger-nav {
		display: inline-block;
		vertical-align: middle;
	}
	
	.branding {
		width: 340px;
		padding: 8px 0;	
	}
	
	.main-nav {
		margin: -20px 0 0 80px;
		height: auto;
		width: calc(100% - 545px);
	}
	.main-nav li {
		padding: 0 1vw;
		font-size: 18px;
		float: left;
	}
	
	.social-nav {
		margin: -16px 0 0 5px;
		width: 112px;
	}
	.social-nav li {
		padding: 0 4px;
		float: left;
	}
	
/* 	.main-nav li:last-child {
		color: red;
		font-weight: 600;
	} */
	
	.burger-nav {
		float: right;
		margin: 48px 0 0 0;
		display: none;
	}
	
	/* HOMEPAGE */
	
	.Home_slider {
		height: 500px;
	}
	.Home_slider .Visuel, .Home_slider .Texte {
		display: inline-block;
		width: 60%;
		height: 100%;
	}
	.Home_slider .Visuel .Image {
		width: 100%;
		height: 100%;
		vertical-align: top;
	}
	.Home_slider a {
		text-decoration: none;
		color: whitesmoke;
	}
	.Home_slider .Texte {
		width: calc( 40% - 64px);
		padding: 12px 32px;
		vertical-align: top;
		text-align: justify;
		height: calc(100% - 24px);
		overflow: auto;
	}
	.Home_slider .Texte p {
		line-height: 24px;
		/* height: 50%; */
		overflow: auto;
		padding-right: 20px;
	}
	.Home_slider .Texte h2 {
		position: relative;
		font-size: 3em;
		font-weight: 300;
		display: block;
		color: white;
		margin: 0;
		padding: 8px 0;
	}
	.Home_slider .Texte h2 .mot {
		display: inline-block;
		margin-bottom: 4px;
	}
	.Home_slider .Texte h3 {
		font-size: 1.75em;
		font-weight: 300;
		letter-spacing: 1px;
		color: black;
		margin-top: 0;
	}
	
	.Second_part h2 {
		width: 100%;
		text-transform: uppercase;
		font-family: "Roboto", sans-serif;
		font-size: 2.8em;
		font-weight: 100;
		margin: 48px 0;
		text-align: center;
		padding: 0;
	}
	
	.Last_Parcours {
		margin: 0 auto;
		display: flex;
		width: calc(80% - 12px);
		padding: 0;
		flex-wrap: wrap;
	}
	.Last_Parcours .Parcours {
		height: 320px;
		overflow: hidden;
		flex: 1 1 calc(33.33% - 20px);
		margin: 10px;
		box-sizing: border-box;
		padding-bottom: 20px;
	}
	.Last_Parcours .Parcours .Visuel {
		height: 320px;
	}
	.Last_Parcours .Parcours a {
		color: white;
		text-decoration: none;
	}
	.Last_Parcours .Parcours .Texte {
		padding: 5px;
		position: relative;
		top: 262px;
	}
	.Last_Parcours .Parcours h2 {
		text-transform: uppercase;
		text-align: center;
		margin: 0;
		font-weight: 300;
		width: 100%;
		font-style: inherit;
	}
	.Last_Parcours .Parcours h5 {
		text-align: center;
		margin-top: 4px;
		font-weight: 600;
		width: 100%;
		color: black;
	}
	.Last_Parcours .Parcours a {
		text-align: justify;
	}
	
	/* CATEGORIES */

	.Categories {
		width: calc(80% - 32px);
		margin: 36px auto 16px;
		display: block;
		padding: 0 0 32px 0;
	}
	.Categories li {
		width: calc( 100% / 6 ) !important;
		padding: 6px 0 !important;
		text-align: center !important;
		color: white !important;
		float: left !important;
		font-size: 16px !important;
		height: auto !important;
		margin: 0 !important;
	}
	
	.For_Pros {
		width: 40%;
		margin: 32px auto 48px;
		display: block;
		padding: 12px 0;
		font-weight: 300;
		line-height: 28px;
		font-size: 20px;
		text-align: justify;
	}

	.Sombre {
		background: #222;
		display: block;
		margin: 32px auto;
		color: whitesmoke;
	}
	.Dossier h2, .Who_We_Are h2 {
		width: 100%;
		text-transform: uppercase;
		font-family: "Roboto", sans-serif;
		font-size: 2.8em;
		font-weight: 100;
		padding: 48px 0 0;
		text-align: center;
	}
	.Dossier p {
		text-align: justify;
		padding: 24px 15%;
		line-height: 28px;
		font-size: 20px;
	}
	.Dossier i, .Who_We_Are i {
		font-weight: 100;
		font-family: "Roboto", sans-serif;
		text-transform: uppercase;
	}
	.Dossier {
		min-height: 600px;
	}
	.Who_We_Are {
		padding-bottom: 48px;
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	.Who_We_Are .Droite {
		width: calc(35% - 27px);
		display: inline-block;
		padding: 0 12px;
		vertical-align: top;
	}
	.Who_We_Are .Gauche {
		width: calc(65% - 27px);
		display: inline-block;
		padding: 0 12px;
		vertical-align: top;
	}
	.Who_We_Are .Gauche p {
		text-align: justify;
		padding: 24px 5%;
		line-height: 28px;
		font-size: 20px;
	}
	.Who_We_Are .Droite .grille {
		margin: 0 auto;
		display: block;
		width: 90%;
	}
	.Who_We_Are .Droite .grille img {
		width: calc(25% - 12px);
		padding: 24px 6px;
		display: inline-block;
	}
	
	/* SELECTION EUROPE */
	
	.admin_selections .col-langues {
		display: none;
	}
	
	.Parcours .col-langues {
	    position: absolute;
        top: 45px;
        right: 0;
	}
	
	.Parcours .col-langues .wp-block-image figure {
		margin : 0 !important;
	}
	
	.Parcours .col-langues img {
	    width: 75px !important;
		height: 50px !important;
		border: 1px solid black;
	}
		
	/* PAGE PARCOURS*/
		
	.Parcours {
		max-width: 1440px;
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.Parcours .Home_Img {
		min-height: 450px;
		height: auto;
		width: 100%;
	}

	.Parcours .BlocGauche {
		width: 70%;
		display: inline-block;
		position: relative;
	}
	.Parcours .Intro {
		width: calc(100% - 32px);
		position: relative;
		left: 32px;
		display: inline-block;
		/* z-index: 2; */
	}
	.Parcours .BlocDroit {
		width: calc(30% - 32px);
		display: inline-block;
		vertical-align: top;
		padding: 0 16px;
	}
	.Parcours .BlocDroit ul {
		list-style: none;
		padding: 0 6px 20px 0;
	}
	.Parcours .BlocDroit li {
		width: 100%;
		font-size: 13px;
		margin: 6px 0;
	}
	.Parcours .BlocDroit .Deezer {
		margin: 0 auto;
		display: block;
	}
	.Parcours h1 {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 38px;
		text-align: justify;
		width: max-content;
		letter-spacing: 1px;
		margin-bottom: 4px;
		margin-left: 24px;
		padding: 8px 24px;
	}
	.Parcours h2 {
		font-family: 'Roboto', sans-serif;
		font-size: 20px;
		text-align: justify;
		/* width: max-content; */
		letter-spacing: 2px;
		margin-top: 4px;
		margin-left: 24px;
		font-weight: 300;
	}
	.Parcours .Chapeau {
		font-family: 'Roboto', sans-serif;
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 30px;
		padding: 0 24px;
		text-align: justify;
		font-weight: 300;
	}
	.Parcours .BlocDroit .Pack {
		margin: 0 0 24px 0;
	}
	.Parcours .BlocDroit .Twitter {
		padding: 6px;
		background: rgba(255,255,255,0.5);
	}
	.Parcours .BlocDroit h4 {
		font-family: 'Roboto Condensed', sans-serif;
		text-transform: uppercase;
		text-align: center;
		width: 100%;
		padding: 0 0 4px;
		margin: 24px auto 24px;
		letter-spacing: 2px;
		border-bottom: 1px solid black;
		max-width: max-content;
	}
	.Parcours .EncartT, .Parcours .EncartO {
		cursor: pointer;
		width: 80%;
		font-size: 24px;
		margin: 0 auto 6px;
		padding: 8px;
		border: 1px solid grey;
		text-align: center;
		text-transform: uppercase;
	}
	.Parcours .Mosaique {
		width: calc(100% - 48px);
		margin: 0 16px 0 32px;
	}

	
	.Parcours .grid-item {
		width: calc(25% - 6px);
		display: inline-block;
		margin: 3px;
		height: 250px;
		max-width: 350px;
		vertical-align: top;
	}
	.Parcours .grid-item img {
		width: 100%;
	}
	.Parcours .grid-item h4 {
		font-weight: 100;
		font-family: 'Roboto', sans-serif;
		text-align: center;
		position: relative;
		top: 250px;
	}
	.Parcours .grid-item .Info {
		width: 100%;
		text-align: center;
		opacity: 0;
		height: 250px;
		background: rgba(255,255,255,0.8);
		font-size: 18px;
		position: relative;
		line-height: 250px;
	}
	.Parcours .grid-item .Info span {
		vertical-align: middle;
		width: 100%;
		display: inline-block;
		line-height: 1.2;
	}
	.Parcours .grid-item .Info i {
		font-size: 14px;
	}
	.Parcours .grid-item .Info img {
		width: 20px;
	}
	.Parcours .Pano {
 		position: absolute;
		top: 0;
		left: 32px;
		width: calc(100% - 32px);
		height: 450px;
		opacity: 0;
	}
	.Parcours .Oeuvre {
		background: rgba(255,255,255,0.85);
		height: 450px;
		cursor: pointer;
		position: relative;
		width: 976px;
	}
	.Parcours .Oeuvre .Gauche {
		display: inline-block;
		width: 350px;
		/* overflow: hidden; */
		margin: 25px auto 0;
		vertical-align: top;
	}
  	.Parcours .Oeuvre .Gauche img {
		width: auto;
		max-width: 90%;
		margin: 5% auto;
		max-height: 340px;
		text-align: center;
		display: block;
	}
	.Parcours .Oeuvre .Droite {
		font-family: 'Roboto', sans-serif;
		margin: 35px 40px;
		display: inline-block;
		width: calc(100% - 430px);
		vertical-align: top;
		overflow-x: hidden;
		overflow-y: auto;
		height: 380px;
	}
	.Parcours .Oeuvre .Droite h2 {
		font-family: 'Roboto Condensed', sans-serif;
		margin: 0;
		letter-spacing: 2px;
	}
	.Parcours .Oeuvre .Droite .Auteur {
		font-size: 14px;
		margin-bottom: 24px;
		font-weight: 100;
	}
	.Parcours .Oeuvre .Droite .Texte {
		font-size: 16px;
		margin-bottom: 12px;
		text-align: justify;
		line-height: 24px;
		padding: 0 12px 0 0;
		/* height: 210px; */
		/* overflow: auto; */
		margin-right: 12px;
	}
	
	/* UTILS */

	.Parcours .Oeuvre .Gauche .Utils {
		text-align: center;
	}
	.Parcours .Oeuvre .Gauche .Utils .inline {
		/* width: 45%; */
		display: inline-block;
	}
	.Parcours .Oeuvre .Gauche .btn_video {
		font-size: 12px;
		cursor: pointer;
	}
	.Parcours .Oeuvre .Gauche .Utils a {
		color: black;
		font-size: 12px;
		text-decoration: none;
		margin-right: 12px;
	}
	.Parcours .Oeuvre .goline {
		width: 100%;
		font-size: 10px;
		margin-top: 5px;
	}
	.Parcours .Oeuvre .Gauche .Utils img {
		top: 7px;
		position: relative;
		margin: 0;
		display: inline-block;
		padding: 0;
	}
	.Parcours .Video {
		position: absolute;
		top: 0;
		width: calc(100% - 32px);
		left: 32px;
		height: 450px;
		display: none;
		z-index: 12;
	}
	.Parcours .Video .Fermer {
		display: none;
	}
	.Parcours .BlocGauche h4 {
		display: none;
	}
	.Parcours .BlocGauche .close {
		content: url("images/svg/cross.svg");
		position: absolute;
		left: 0;
		cursor: pointer;
		color: black;
		width: 18px;
		height: 18px;
		padding: 6px 6px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		transform: rotate(-90deg);
		border: 1px solid black;
		box-shadow: 0 2px 2px #222;
		background: white;
		display: none;
	}
	.Parcours .BlocGauche .retour {
		content: url("images/svg/expand.svg");
		position: absolute;
		left: 0;
		cursor: pointer;
		width: 18px;
		height: 18px;
		padding: 6px 6px;
		top: 36px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		transform: rotate(-90deg);
		border: 1px solid black;
		box-shadow: 0 2px 2px #222;
		display: none;
	}
	.Parcours .Ailleurs {
 		padding: 18px 0 0;
/*		width: 100%;
		height: 100px;
		overflow: hidden; */
	}
	.Parcours .Ailleurs h5 {
		font-size: 14px;
		width: 100%;
		margin: 6px 0;
	}
	.Parcours .Ailleurs a {
		color: #222;
		text-decoration: none;
		font-size: 14px;
		margin-right: 8px;
		/* display: inline; */
	}
	.Parcours .Ailleurs .plus {
		content: url("images/svg/plus.svg");
		height: 12px;
		width: 12px;
		display: inline;
		margin-right: 6px;
	}
	
	.Parcours .Oeuvres {
		margin-top: 12px;
	}
	.Parcours .Liens {
		background: rgba(255,255,255,0.5);
		color: #222;
		padding: 24px 0;
	}
	.Parcours .Liens h5 {
		font-weight: 300;
		font-size: 17px;
		margin: 0;
		padding: 0 12px 18px;
	}
	.Parcours .Liens h5 {

	}
	.Parcours .Liens p {
		font-weight: 300;
		font-size: 15px;
		margin: 0;
		padding: 0 12px;
	}
	.Parcours .Liens ul {
		list-style: none;
	}
	.Parcours .Liens li {
		width: 100%;
		font-size: 13px;
		margin: 6px 12px;
		cursor: auto;
	}
	.Parcours .Famille {
		width: calc(100% - 32px);
		height: 240px;
		margin: 12px 0 24px 32px;
		display: block;
		padding: 0;
	}
	.Parcours .Famille ul {
		margin: 0;
		padding: 0;
	}
	.Parcours .Famille h3 {
		margin: 90px 0 24px;
		padding: 0;
		font-weight: 300;
		font-size: 30px;
	}
	.Parcours .Famille .Autres {
		display: inline-block;
		width: calc( calc(100% - 36px) / 3);
		padding: 0 6px;
		height: 200px;
		overflow: hidden;
	}
	.Parcours .Famille .Autres a {
		color: white;
		text-decoration: none;
	}
	.Parcours .Famille .Autres h2 {
		text-transform: uppercase;
		text-align: center;
		margin: 0;
		font-weight: 300;
	}
	.Parcours .Famille .Autres .Texte {
		padding: 5px;
		position: relative;
		top: 166px;
	}
	.Parcours .Famille .Visuel {
		height: 200px;
	}
	
	/* QUI SOMMES-NOUS ? */
	
	.who {
		margin: 0 auto;
		width: 70%;
		display: block;
		font-size : 18px;
	}
	.who blockquote p {
		text-align: left;
		font-size: 36px;
		font-weight: 100;
		font-family: 'Roboto', sans-serif;
		position: relative;
		left: -48px;
	}
	.who blockquote cite {
		width: 85%;
		margin: 0 auto;
		text-transform: uppercase;
		text-align: justify;
		font-size: 24px;
		font-weight: 100;
		font-family: 'Roboto Condensed', sans-serif;
	}
	.who strong {
		margin-bottom: 6px;
		font-family: 'Roboto Condensed', sans-serif;
	}
	
	/* MANIFESTE */
	
	.manifeste {
		margin: 0 auto;
		width: 75%;
		display: block;
		font-size : 18px;
		text-align: justify;
	}
	.manifeste blockquote p {
		text-align: left;
		font-size: 36px;
		font-weight: 100;
		font-family: 'Roboto', sans-serif;
		position: relative;
		left: -48px;
	}
	.manifeste blockquote cite {
		width: 85%;
		margin: 0 auto;
		text-transform: uppercase;
		text-align: justify;
		font-size: 24px;
		font-weight: 100;
		font-family: 'Roboto Condensed', sans-serif;
	}
	.manifeste strong {
		margin-bottom: 6px;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 24px;
	}
	
	/* NEWSLETTER */
	
	.form_newsletter {
		width: 39vw;
		display: inline-block;
		margin: 6vw 5vw 6vw 6vw;
	}
	.img_newsletter {
		width: 38vw;
		display: inline-block;
		margin: 5.4vw;
	}
	
	/* ACCES PRO */
	
	.acces-pro {
		margin: 6vw;
		font-size: 1.20em;
		line-height: 1.5em;
		font-weight: 300;
	}
	.liste_selections {
		height: 200px;
		width: 80vw;
		display: block;
		margin: 0 auto;
		overflow: auto;
		border: 3px double #222;
		padding: 8px;
	}
	.liste_selections ul {
		list-style: none;
	}
	.liste_selections li {
		clear: both;
	}
	
	/* Listing Catégories */
	.selections .listing li {
		position:relative;
		display:inline-block;
		vertical-align:top;
		font-size:0;
		width:calc(33.333% - 20px);
		margin:10px;
		height:440px;
	}
	.selections .listing li h2 {
		font-size:24px;
		margin-bottom:0;
		margin-top: 10px;
	}
	.selections .listing li h4 {
		font-size:12px;
		margin-top:2px;
		margin-bottom:8px;
	}
	.selections .listing li p {
		font-size:14px;
	}
	.selections .listing li a {
		color: black;
		text-decoration: none;
	}
	
	/* ACCES PRO */
	
	.contact {
		display: block;
		margin: 24px auto;
		width: 70%;
	}
	.acces {
		float: right;
		padding: 8px 12px;
		text-transform: uppercase;
		font-size: 0.9em;
		margin-top: -84px;
		margin-right: 10px;
		text-decoration: none;
		color: black;
		border-radius: 6px;
		background: #eee;
		box-shadow: -2px 2px 4px #666;
		transition: box-shadow 0.3s ease-in-out;
	}
	.acces:hover {
		box-shadow: 0 0px 0px rgba(0,0,0,0.3);
	}
	/* ADMIN */
	
	.admin_selections {
		width: 80%;
		display: block;
		margin: 0 auto;
	}
	.admin_selections .Cat_Bar {
		margin: 0;
		padding: 16px 0;
		list-style: none;
	}
	.admin_selections .Cat_Bar li {
		width: calc(16.66% - 4px);
		display: inline-block;
		margin: 0;
		padding: 8px 0;
		text-align: center;
		cursor: pointer;
		color: white;
		opacity: 0.6;
		border: none;
	}
	.admin_selections .Cat_Bar .active {
		opacity: 1;
		border: 1px solid black;
		color: black;
	}
	
	.admin_selections .listing li {
		font-weight: 300;
		margin: 0 0 12px 0;
	}
	.admin_selections .listing a {
		text-decoration: none;
		color: black;
		font-size: 1.1em;
	}
	.admin_selections .listing a:hover {
		text-decoration: underline;
	}
	.admin_selections .listing li span {
		font-weight: 300;
	}
	
	/* POST SINGLE ************************************/
	
	.Single_oeuvre {
		padding: 48px 16px;
		width: 75%;
		margin: 0 auto;
	}
	.Gauche_single, .Droite_single {
		display: inline-block;
		white-space: none;
		vertical-align: top;
	}
	.Gauche_single {
		width: calc(30% - 5px);
	}
	.Gauche_single .twitter-share-button {
		vertical-align: bottom;
	}
	.Gauche_single .Parcours {
		margin: 0 auto 24px;
		width: max-content;
		padding: 10px;
		box-shadow: 0 0 4px #000;
		color: black;
		background: transparent;
		cursor: pointer;
		border-radius : 6px;
		display: block;
		text-align: center;
		font-weight: 700;
	}
	
	.Gauche_single .Parcours a {
		color: black;
		text-decoration: none;
	}
	.Gauche_single .Visuel_single {
		text-align: center;
	}
	.Gauche_single img {
		padding: 12px;
		background: #222;
		margin-bottom: 16px;
		box-shadow: 0 0 4px #000;
		max-width: 100%;
	}
	.Droite_single {
		width: 70%;
	}
	.Gauche_single .social_btn {
		position: relative;
		left: 12px;
	}
	.Droite_single .Inside {
		max-width: 640px;
		display: block;
		margin: 0 auto;
	}
	.Droite_single .Inside h1 {
		margin: 0 0 4px;
		font-size: 1.25em;
		padding: 0;
		text-transform: uppercase;
	}
	.Droite_single .Auteur_single {
		margin: 0 0 14px;
		padding: 0;
	}
	.Droite_single .Content_single {
		line-height: 24px;
		text-align: justify;
	}
	.Video_single {
		margin: 24px auto;
		display: block;
		text-align: center;
	}
	
	/* SPECIAL */
	
	.Special .Intro {
		left: 10px;
		width: calc(100% - 10px);
	}
	.Special h2 {
		font-style: none;
		letter-spacing: 1px;
		font-size: 18px;
	}
	.Special .Categories {
		margin: 36px auto 78px;
		width: 100%;
	}
	.Special li {
		display: inline-block;
		padding: 12px 10px;
		width: calc(33.3333% - 20px);
		cursor: pointer;
	}
	.Special .Visuel {
		height: 200px;
	}
	.Special a {
		text-decoration: none;
	}
	.Special .Visuel .Texte {
		position: relative;
		top: 180px;
	}
	.Special .Visuel .Texte h2 {
		color: white;
	}
	
	/* FOOTER */
	.site-footer {
		width: 90vw;
		margin-bottom: 0;
		padding: 32px 5vw;
	}
	.site-footer .Table {
		display: inline-block;
		width: 17%;
		padding: 0 1.5%;
		vertical-align: top;
	}
	.site-footer .Table h3 {
		font-weight: 300;
		letter-spacing: 1px;
	}
	.site-footer .Table h4 {
		font-weight: 300;
		color: grey;
		margin-bottom: 8px;
	}
	.site-footer .Table li a {
		text-decoration: none;
		color: lightgrey;
		font-size: 80%;
	}
	.site-footer .logo-footer {
		width: 35%;
		display: inline-block;
		vertical-align: middle;
	}
	.site-footer .logo-footer .branding {
		display: block;
		margin: 0;
	}
		
}