body {
	
	
	background: #6ECCDD;
	width:      100vw;
	max-width:  100vw;
	overflow-x: hidden;
	
	}

.nav-on {
	overflow: hidden;
	}

h1.hidden {
	display: none;
	}

*:focus {
	outline: none;
	}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: rgba(255, 255, 255, .4);
	}

::-moz-placeholder { /* Firefox 19+ */
	color: rgba(255, 255, 255, .4);
	}

:-ms-input-placeholder { /* IE 10+ */
	color: rgba(255, 255, 255, .4);
	}

:-moz-placeholder { /* Firefox 18- */
	color: rgba(255, 255, 255, .4);
	}

/* ACCUEIL
*********************************************************************************************************************/

#titre {
	position:        absolute;
	z-index:         1000;
	width:           100vw;
	height:          calc(100vw / 1.777);
	display:         flex;
	flex-direction:  column;
	justify-content: center;
	}

#hero {
	width:  100vw;
	/*height: calc(100vw / 1.777);*/
	height: calc(100vw / 1.777);
	}

#hero-credit {
	text-align: right;
	font-size:  12px;
	margin:     0 2em;
	}

.detail-credit {
	text-align: right;
	font-size:  12px;
	margin:     0;
	}

#carrousel {
	width:  90vw;
	/*height: calc(100vw / 1.777);*/
	margin: 0 auto;
	
	}

#carrousel .slide {
	display:         flex;
	width:           100%;
	height:          100%;
	/*height: calc(100vw / 1.777);*/
	text-decoration: none;
	margin:          0 20px;
	
	}

.slick-arrow {
	font-size: 4vw;
	}

.slick-dots li {
	margin: 0;
	}

#content #carrousel a, #carrousel a:hover {
	border-bottom: 0;
	}

#carrousel .now {
	
	background:          url(../img/circle-pink.png) no-repeat;
	background-size:     60%;
	background-position: center top;
	}

#hero .visuel, #hero .video {
	width:    100%;
	height:   calc(100vw / 1.777);
	
	overflow: hidden;
	}

video {
	background-color: transparent !important;
	}

#hero .video video {
	width:  100%;
	height: 100%;
	}


h1.logo {
	font-size: 30px;
	}

h3.accueil {
	font-family: "Noto serif", Serif;
	color:       white;
	font-size:   4vw;
	text-align:  center;
	margin:      0 auto 2em 0;
	}

#logo {
	
	background:       url(../img/logo-tdj.png) no-repeat;
	z-index:          1000;
	background-size:  contain;
	position:         absolute;
	color:            white;
	width:            9vw;
	height:           9vw;
	left:             2vw;
	top:              2vw;
	display:          block;
	transition:       .5s transform ease;
	transform-origin: center center;
	transform:        rotateZ(-3deg);
	}

#logo:hover {
	transform: scale(1.1) rotateZ(-5deg);
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 768px) {
	
	#logo {
		width:  19vw;
		height: 19vw;
		}
	
	h3.accueil {
		margin:    .5em 2em;
		font-size: 160%;
		}
	
	#hero-credit {
		text-align: right;
		font-size:  9px;
		}
	
	.slick-arrow {
		/*padding: 0 1em;*/
		}
	
	.slick-prev {
		padding-left: 1em;
		}
	
	.slick-next {
		padding-right: 2em;
		}
		
		
	}

/* NAVIGATION
*********************************************************************************************************************/
.nav-panel {
	width:       50vw;
	height:      100vh;
	background:  rgba(222, 69, 152, 0.94);
	position:    absolute;
	z-index:     10000;
	color:       white;
	font-family: 'Raleway', sans-serif;
	}

.nav-panel .gutter {
	
	height: 90%;
	}

.nav-panel a {
	color:           white;
	text-decoration: none;
	flex-basis:      0
	}


.nav-panel.left {
	left:       -100vw;
	transition: .5s all ease;
	}

.nav-panel.left .gutter {
	justify-content: flex-end;
	padding:         2vw;
	display:         flex;
	flex-direction:  column;
	}

.nav-panel.right {
	left:       150vw;
	transition: .5s all ease;
	}

.nav-panel.right .gutter {
	display:         flex;
	flex-direction:  column;
	justify-content: space-around;
	/*max-height: 100vh;*/
	padding:         3vh 3vw;
	}

.nav-on .nav-panel.left {
	left: 00vw;
	}

.nav-panel.left p {
	margin-bottom: .4em;
	}

.nav-on .nav-panel.right {
	left: 50vw;
	}

.nav-panel.left h4 {
	font-size: 2vw;
	
	}

.nav-panel.right a {
	font-size:       2.5vh;
	margin:          .5em auto 0;
	text-decoration: none;
	font-weight:     300;
	text-transform:  uppercase;
	border:          2px solid transparent;
	width:           90%;
	padding:         .5em;
	text-align:      center;
	transition:      .5s border ease;
	display:         flex;
	flex-direction:  column;
	line-height:     1em;
	}

.nav-panel.right a span {
	
	font-family:    "Noto Serif", Serif;
	font-size:      1vw;
	font-weight:    100;
	font-style:     italic;
	margin:         .5em 0;
	text-transform: initial;
	color:          rgba(255, 255, 255, .7);
	}

.nav-panel.right a.selected {
	font-weight: 900;
	opactiy:     1
	
	
	}

.nav-panel.right a:not(.selected):hover {
	
	}

#wrapper {
	
	width:      100vw;
	overflow-x: hidden;
	position:   absolute;
	}


#btn-menu {
	z-index:        20000;
	position:       absolute;
	top:            2vw;
	right:          2vw;
	font-family:    'Raleway', sans-serif;
	font-weight:    700;
	color:          white;
	font-size:      2vw;
	text-transform: uppercase;
	cursor:         pointer;
	}

#btn-menu:before {
	content:     "\f0c9 ";
	font-family: "Font Awesome 5 Free", sans
	}

.nav-on #btn-menu:before {
	content:     "\f00d ";
	font-family: "Font Awesome 5 Free", sans
	}

#scroll-indicator {
	color:             white;
	text-align:        center;
	font-size:         300%;
	
	-webkit-animation: sdb04 2s infinite;
	animation:         sdb04 2s infinite;
	box-sizing:        border-box;
	}

#scroll-indicator.accueil {
	position:        absolute;
	top:             70vh;
	margin:          0 auto;
	z-index:         100;
	background:      rgba(255, 255, 255, .6);
	background:      #6ECCDD;
	border-radius:   100px;
	width:           5vw;
	height:          5vw;
	display:         flex;
	flex-direction:  column;
	justify-content: center;
	top:             calc(87vw / 1.777);
	left:            calc(50vw - 2.5vw);
	font-size:       3vw;
	box-shadow:      0 4px 2px rgba(0, 0, 0, .4);
	}

@-webkit-keyframes sdb04 {
	0% {
		-webkit-transform: translate(0, 0);
		}
	20% {
		-webkit-transform: translate(0px, 10px);
		}
	40% {
		-webkit-transform: translate(0, 0);
		}
	}

@keyframes sdb04 {
	0% {
		transform: translate(0, 0);
		}
	20% {
		transform: translate(0px, 10px);
		}
	40% {
		transform: translate(0, 0);
		}
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 768px) {
	
	#btn-menu {
		font-size: 6vw;
		}
	
	.nav-panel.left {
		left:   -100vw;
		width:  100vw;
		height: 50vh;
		top:    50vh
		}
	
	.nav-panel.right {
		left:    -100vw;
		width:   100vw;
		height:  100vh;
		padding: 10vh 0 35vh;
		
		}
	
	.nav-on .nav-panel.right {
		left: 0vw;
		}
	
	.nav-panel.right a {
		font-size: 6vw;
		display:   block;
		margin:    0 auto;
		
		}
	
	.nav-panel.right a span {
		display:   none;
		font-size: 3.2vw;
		}
	
	.nav-panel.left {
		display:   none;
		font-size: 4vw;
		}
	
	.nav-panel.left .gutter {
		justify-content: flex-start;
		
		
		}
	
	.nav-panel.right .gutter {
		
		display:         flex;
		flex-direction:  column;
		justify-content: space-between;
		max-height:      100vh;
		}
	
	.nav-on .nav-panel .title {
		display:    none;
		transition: none;
		}
	
	.nav-panel.left a {
		text-decoration: none;
		}
	
	#scroll-indicator, #scroll-indicator.accueil {
		display: none;
		}
	}

/* SPLASH
*********************************************************************************************************************/
.splash {
	border-radius:    100%;
	background:       rgba(222, 69, 152, 0.94);
	color:            white;
	width:            18vw;
	height:           18vw;
	padding:          2vw;
	display:          flex;
	flex-direction:   column;
	justify-content:  center;
	text-align:       center;
	position:         absolute;
	top:              15vh;
	right:            2vw;
	transform-origin: center center;
	transform:        rotateZ(10deg);
	
	
	z-index:          9000;
	}

.splash.splash2 {
	top:       45vh;
	left:      2vw;
	transform: rotateZ(-10deg);
	}

.splash.small:hover {
	width:   18vw;
	height:  18vw;
	padding: 2vw;
	}

.splash:hover {
	text-decoration: none;
	color:           white
	}

.splash.small {
	width:    4vw;
	height:   4vw;
	position: fixed;
	top:      40vh;
	right:    -1vw;
	padding:  0;
	}


.splash h2, .splash.small:hover h2 {
	text-transform:   uppercase;
	font-size:        2.2vw;
	font-weight:      900;
	transition:       transform .1s ease;
	transform:        scale(1);
	margin:           0;
	padding:          0;
	height:           auto;
	transform-origin: center center;
	}

.splash h3, .splash.small:hover h3 {
	margin:           0;
	padding:          0;
	line-height:      0;
	transform:        scale(0);
	font-size:        2.5vw;
	height:           0;
	transition:       transform .1s ease;
	transform-origin: center center;
	}

.splash i {
	padding:     0;
	margin:      0;
	line-height: 1em;
	height:      0;
	}


.splash.small h2 {
	transform: scale(0);
	height:    0;
	}

.splash.small h3 {
	transform:  scale(1);
	
	text-align: center;
	}


.splash.splash3 {
	top:       49vh;
	right:     14vw;
	transform: rotateZ(6deg);
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 768px) {
	
	.splash {
		border-radius: 100%;
		background:    rgba(222, 69, 152, 0.94);
		color:         white;
		width:         22vw;
		height:        22vw;
		padding:       1vw;
		top:           7vh
		}
	
	.splash.splash2 {
		top: 19vh
		}
	
	.splash.splash3 {
		top:  20vh;
		left: 40vw
		}
	
	
	.splash h2 {
		font-size: 3vw;
		}
	
	.splash h3 {
		font-size: 3vw;
		}
	
	.splash.small {
		width:    14vw;
		height:   14vw;
		position: fixed;
		top:      40vh;
		right:    -4vw;
		padding:  0;
		}
	}

/* INTRO
*********************************************************************************************************************/

.intro {
	width:  100vw;
	height: 70vh;
	}

.title {
	
	z-index:         1;
	top:             2vw;
	left:            2vw;
	color:           white;
	font-family:     sans-serif;
	text-decoration: none;
	}

.title.front {
	z-index: 10;
	
	}

.title h1 {
	font-size:   4vw;
	text-align:  center;
	margin:      .2em 0;
	color:       white;
	line-height: .8em;
	padding:     0;
	}


.intro .title, #titre .title {
	width:           100vw;
	height:          80vh;
	display:         flex;
	flex-direction:  column;
	justify-content: center;
	}

.intro .title h1, #titre .title h1 {
	font-size: 14vw;
	color:     black;
	}

.title h2, .title h3 {
	display: none;
	}

.intro .title h2, #titre .title h3 {
	font-size:  3vw;
	text-align: center;
	display:    block
	}

.intro .title h2 {
	font-weight: 100;
	}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 768px) {
	.intro .title h2, .intro .title h3 {
		font-size: 5vw;
		}
	
	.intro .title h1 {
		font-size: 19vw;
		}
		
	}

/* CONTENUS */

#la-piece .presse-list {
	margin-top:  3em;
	border-top:  2px solid rgba(255, 255, 255, .2);
	padding-top: 1em
	}

.presse {
	padding-bottom: 16px;
	}

.presse span {
	font-family: "Noto serif";
	font-style:  italic;
	
	}

.presse a {
	display:     block;
	font-weight: 900;
	font-size:   120%;
	font-style:  normal;
	font-family: Raleway, sans;
	}


/* SLIDES
*********************************************************************************************************************/

.item.left .visuel {
	order: 0
	}

.item.left .contenu {
	order: 1
	}

.contenu p {
	margin-bottom: .5em;
	}

.contenu strong {
	font-weight: 700;
	}

.contenu ul {
	list-style-type: circle;
	}

.item.right .visuel {
	order: 1
	}

.item.right .contenu {
	order: 0
	}

.item .visuel {
	display:         flex;
	flex-direction:  column;
	justify-content: flex-end;
	}

.item .contenu {
	display:         flex;
	flex-direction:  column;
	justify-content: center;
	padding:         0 5em;
	color:           white;
	font-size:       120%;
	}

.item .contenu h4, h4.surtitre {
	font-size:   120%;
	margin:      .5em 0 .5em 0;
	font-family: "Noto Serif";
	font-weight: 100;
	font-style:  italic;
	}

.item .contenu h3, h3.titre {
	font-size: 200%;
	margin:    0 0 0.5em 0;
	}


h5.soustitre {
	font-size:   120%;
	margin:      0 0 1em 0;
	font-family: "Noto Serif";
	font-weight: 300;
	font-style:  italic;
	color:       white
	}

h5.soustitre.big {
	font-size:     120%;
	color:         white;
	margin-bottom: 2em;
	}

h4.surtitre.big {
	font-size: 150%;
	color:     white
	}

h3.titre.big {
	color: white
	
	}


.item .contenu.secondaire {
	font-size: 90%;
	}

.center-vertical {
	display:         flex;
	flex-direction:  column;
	justify-content: center;
	height:          100%;
	}


.item {
	width:      90vw;
	/*margin: 0 auto 15vh;*/
	margin:     0 auto;
	display:    flex;
	transition: .5s opacity ease;
	
	}

.item > div {
	width:           50%;
	min-height:      50vh;
	background-size: cover;
	}

.item.show {
	opacity: 1
	}

#content .item {
	opacity: 1;
	}

#carrousel .item {
	/*border: 1px dotted red;*/
	flex-direction:  column;
	justify-content: flex-start;
	height:          100%;
	flex:            1 1 100%;
	/*margin: 0 auto;*/
	
	/*margin: 0 1vw;*/
	}

#carrousel .item .visuel {
	height: 30vh;
	}

#carrousel .item .contenu {
	display: block;
	height:  auto;
	
	padding: 1em 2em;
	}

#carrousel .item div {
	width:      100%;
	height:     auto;
	min-height: auto;
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 768px) {
	
	.item {
		flex-direction: column;
		margin-bottom:  10vh;
		
		}
	
	.item div {
		width: 90vw;
		}
	
	.item .visuel {
		height: 20vh;
		
		}
	
	.item .contenu {
		margin:  0;
		padding: .5em;
		}
	
	.item.right .visuel, .item.left .visuel {
		order: 0
		}
	
	.item.right .contenu, .item.left .contenu {
		order: 0
		}
	
	#content .fr-fic {
		width: 100%;
		}
	
	.item .contenu h4 {
		font-size: 4vw;
		}
	
	.item .contenu h3 {
		font-size: 5vw;
		}
	
	#carrousel .item .visuel {
		height: 20vh;
		}
	
	#carrousel .item {
		margin-bottom: 0;
		}
		
	}

/* OUTRO
 */

#outro {
	
	width:           100vw;
	height:          100vh;
	display:         flex;
	flex-direction:  column;
	justify-content: center;
	text-align:      center;
	font-size:       150%;
	
	}

#outro h3 {
	font-size:      3vw;
	text-transform: uppercase;
	color:          black;
	padding:        0 5em;
	}

.outro #outro {
	opacity: 1
	}

#mc_embed_signup {
	width:  40vw;
	margin: 1em auto;
	}

#mc_embed_signup .email {
	border-top:    0;
	border-left:   0;
	border-right:  0;
	border-bottom: 2px solid white;
	font-family:   "Noto Serif", Serif;
	font-size:     2vw;
	margin:        1em auto;
	color:         white;
	background:    transparent;
	text-align:    center;
	}

#mc-embedded-subscribe, .btn.partage {
	border:        0;
	font-family:   Raleway;
	font-weight:   900;
	color:         white;
	border-radius: 100px;
	background:    transparent;
	border:        1px solid white;
	padding:       .5em;
	font-size:     2vw;
	transition:    .5s background ease-in-out;
	cursor:        pointer;
	}

#mc-embedded-subscribe:hover {
	background: white;
	color:      black;
	}

.fr-video {
	
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 768px) {
	
	#mc_embed_signup {
		width: 100vw;
		}
	
	.outro form {
		
		left:   0;
		margin: 0;
		}
	
	#outro h3 {
		font-size: 5vw;
		padding:   0 2em;
		}
	
	#mc_embed_signup .email {
		font-size: 18px;
		}
	
	#mc-embedded-subscribe {
		font-size: 12px;
		}
	}

/* PAGES
*********************************************************************************************************************/
#content {
	width:      100%;
	min-height: 80vh;
	padding:    5vh 2vw 10vh;
	}

#acceuil #content, #accueil2 #content {
	width:      100vw;
	padding:    5vh 0 0vh;
	min-height: 0;
	}


#accueil.mobile #content, #accueil2.mobile #content {
	padding:    0vh 0;
	margin:     0;
	min-height: 0;
	}

.mobile #content {
	padding: 10vh 5vw;
	
	margin:  0;
	width:   100vw;
	}

#content strong {
	font-family: 'Raleway', sans-serif;
	/*padding: 2em 0 0 0;*/
	display:     block;
	font-size:   120%;
	font-weight: 700;
	line-height: 1.2em;
	}

#la-distribution #content strong {
	padding: 2em 0 0 0;
	}

#content .visuel {
	justify-content: center;
	}

#content a {
	color:           white;
	text-decoration: none;
	/*border-bottom:   1px solid rgba(255, 255, 255, .4);*/
	/*transition:      .5s border ease;*/
	}

.contenu a[href^="mailto:"], a[href$=".pdf"], a[href$=".zip"] {
	border-bottom: 1px solid rgba(255, 255, 255, .4);
	}

.panel {
	text-align: right;
	}

.panel h4, .panel h5 {
	color: rgba(255, 2552, 255, .8)
	}

.panel h4 {
	text-transform: uppercase;
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 768px) {
	
	.panel {
		text-align: center;
		margin-bottom: 4vh;

		}
		
	
	}

/* 404
*********************************************************************************************************************/

#content.erreur {
	min-height: 80vh;
	}

#content.erreur h1 {
	font-size: 4vw;
	}

#content.erreur h2 {
	font-size:  2vw;
	margin-top: .5em;
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 768px) {
	#content.erreur h1 {
		font-size: 10vw;
		}
	
	#content.erreur h2 {
		font-size: 4vw;
		}
	}

/* LA PIECE
*********************************************************************************************************************/
.sub-nav {
	border-top:    2px solid white;
	border-bottom: 2px solid white;
	margin:        3em auto;
	padding:       1em 0;
	}

#content .sub-nav a {
	text-decoration: none;
	}

.sub-nav .next {
	text-align: right;
	}

/* LE PROGRAMME
*********************************************************************************************************************/
.programme-item {
	margin: 0 0 15vh 0;
	}

h2.date {
	font-size: 3vw;
	}

.info {
	margin: 5em 0 0 0;
	}

.info h6 {
	text-transform: uppercase;
	font-weight:    900;
	}

.info p {
	margin: 0;
	}

.date {
	
	display: flex;
	}

.date .month {
	font-size: 70%;
	}

.date .day {
	font-size: 200%;
	}


@media screen
and (min-device-width: 320px)
and (max-width: 768px) {
	
	h2.date {
		font-size:  10vw;
		text-align: center;
		width:      100%;
		margin:     1em 0 .5em;
		display:    block;
		}
	
	#le-programme .visuel {
		display: none;
		}
	
	h2.date.year {
		margin:    0;
		font-size: 500%;
		}
	
	h2.date.month {
		margin: 0 0 .5em 0;
		}
		
	}


/* GALERIES
*********************************************************************************************************************/
#galerie {
	
	}

.galerie {
	display:   flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
	width:     100%;
	
	}

.item div.galerie {
	width: 100%;
	}

.galerie img {
	margin: 10px 10px 0 0;
	width:  100%;
	}

.galerie a {
	margin: 10px 10px 0 0;
	width:  30%;
	/*height: 100%;*/
	
	
	}

.sl-wrapper .sl-image .sl-caption {
	color:      white;
	background: #6ECCDD;
	text-align: right;
	}

.sl-overlay {
	background-color: white;
	opacity:          .99;
	}

#les-coulisses .contenu.secondaire {
	justify-content: flex-start;
	padding-top:     5vh;
	}

#les-coulisses .item {
	padding-bottom: 0;
	margin-bottom:  0;
	min-height:     0;
	}

#les-coulisses .item div {
	min-height: 0;
	}

h3.gal {
	padding:        2em 0 .5em;
	color:          rgba(255, 255, 255, .65);
	text-transform: uppercase;
	
	}

@media screen
and (min-device-width: 320px)
and (max-width: 768px) {
	
	.item div.galerie {
		flex-direction: column;
		}
	
	.item div.galerie, .galerie img {
		/*width: 80vw;*/
		/*margin: 0 5vw;*/
		
		}
		
		
	}

/* EMPLOI
*********************************************************************************************************************/
.job {
	
	display: block;
	}

a.job {
	display: block;
	border:  1px dotted white;
	margin:  4em 0;
	padding: 1em;
	}

a.job:hover {
	background: rgba(255, 255, 255, .4);
	}

.job h4 {
	text-transform: uppercase;
	}

#btn-back {
	margin-top:     40vh;
	display:        block;
	text-align:     center;
	text-transform: uppercase;
	font-size:      120%;
	}

@media screen
and (min-device-width: 320px)
and (max-width: 768px) {
	
	a.job {
		width:      90%;
		margin:     0 0 2em 0;
		text-align: center;
		}
	
	#btn-back {
		margin-top: 2em;
		text-align: left;
		font-size:  100%;
		}
		
	}

/* PIED DE PAGE
*********************************************************************************************************************/
#footer {
	display:         flex;
	justify-content: space-between;
	color:           white;
	background:      #333;
	
	
	}

#footer .sponsors img {
	width: 15vw;
	}

#footer h4 {
	font-size: 150%;
	}

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

#footer p {
	margin: 0 0 6px 0;
	}

#footer > div {
	padding: 2em;
	}

#footer .right {
	display:         flex;
	flex-direction:  column;
	justify-content: space-between;
	}

#footer #credits {
	color:       #999;
	font-family: 'Raleway', sans-serif;
	font-size:   50%;
	text-align:  right;
	}

#footer #credits a {
	color: #999;
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 768px) {
	#footer {
		flex-direction: column;
		}
	
	#footer .sponsors img {
		width: 80vw;
		}
	}


/* EQUIPE
*********************/
#lequipe .btn-back {
	border:        1px solid white;
	display:       inline-block;
	width:         fit-content;
	padding:       .2em 2em;
	text-align:    center;
	border-radius: 100px;
	margin:        1em 0 1em 0;
	height:        2em;
	}


.equipe-item {
	margin-bottom: 4vh;
	}

#lequipe .visuel {
	display: block;


	}

#lequipe .visuel .spacer {
	min-height: 10vh;
}

@media screen
and (min-device-width: 320px)
and (max-width: 768px) {
	.equipe-item img {
		width: 100%;
		}
	#lequipe  .contenu, #l-equipe  .contenu{
		padding-top: 4em;
		}

	#lequipe  .item .visuel {
		height: fit-content;
		min-height: 0vh;
	}
	}


/* VIDEO
*********************************************************************************************************************/
.video-item {
	color:         white;
	width:         90%;
	margin-top: 2vh;
	margin-bottom: 5vh;
	}

.video-item h3 {
	text-transform: uppercase;
	}

.video-item h6 {
	text-align:  right;
	font-weight: 100;
	}

@media screen
and (min-device-width: 320px)
and (max-width: 768px) {
	.video-item {
		width: 100%;
		}
	
	.video-item h3 {
		font-size: 18px;
		}
	
	.video-item h6 {
		font-size: 11px;
		}
	
	}