/**********
 * Global *
 *********/

* {
	min-height: 0;
	min-width: 0;
}
 
html{
	margin: 0px;
	padding: 0px;
	color: #000;
	background: #f8f6f5;
	font-size: 16px;
	border: 0px solid transparent;
	font-family: 'MinervaModern',Arial,sans-serif;
	height: 100%;
}
html.cssPdg{
	background: #f8f6f5;
}

body{
	margin: 0px;
	padding: 0px;
	width: 100%; 
	position:relative;
	direction: ltr;
	background-color: #f8f6f5;
}

a { 
	outline: none;
	text-decoration: none;
	cursor: pointer;
	color: inherit;
}

img { border: none; }

:focus {outline:none;}
::-moz-focus-inner {border:0;}

::-moz-selection { color: #FFF; background: #009fe3; }
::selection  { color: #FFF; background: #009fe3; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-size: 14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   	font-size: 14px;
   	/*opacity:  1;*/
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   	font-size: 14px;
   	/*opacity:  1;*/
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   	font-size: 14px;
}
:placeholder-shown {
  	font-size: 14px;
}
::placeholder {
	font-size: 14px;
}

.flol{ float: left; }
.flor { float: right; }
.alc{ text-align: center; }
.alr{ text-align: right; }
.prel { position: relative; }

.fin{
	clear:both;
	line-height:0;
	height:0;
	font-size:1px;
}

#strErreur, 
#strInfo,
#strValide,
#strLink{ display: none; }
#map-canvas{ width: 100%; height: 250px; }
.m0auto {margin: 0 auto;}

.width50 {
	width: 50%;
}

.ovhid {
	overflow: hidden;
}

.pad25 {
	padding: 25px;
}

.ptb25 {
	padding: 25px 0;
}

/**********/

h1,h2,h3,h4{ margin: 0px; }
html {height: 100%;}
* {margin:0;padding:0;}

/*********
 * FONTS *
 ********/
@font-face {
    font-family: 'MinervaModern';
    src: url('../font/MinervaModern-Italic.eot');
    src: url('../font/MinervaModern-Italic.eot?#iefix') format('embedded-opentype'),
        url('../font/MinervaModern-Italic.woff2') format('woff2'),
        url('../font/MinervaModern-Italic.woff') format('woff'),
        url('../font/MinervaModern-Italic.ttf') format('truetype'),
        url('../font/MinervaModern-Italic.svg#MinervaModern-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bon Vivant Serif';
    src: url('../font/BonVivantSerif-Bold.eot');
    src: url('../font/BonVivantSerif-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/BonVivantSerif-Bold.woff2') format('woff2'),
        url('../font/BonVivantSerif-Bold.woff') format('woff'),
        url('../font/BonVivantSerif-Bold.ttf') format('truetype'),
        url('../font/BonVivantSerif-Bold.svg#BonVivantSerif-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MinervaModern';
    src: url('../font/MinervaModern-Bold.eot');
    src: url('../font/MinervaModern-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/MinervaModern-Bold.woff2') format('woff2'),
        url('../font/MinervaModern-Bold.woff') format('woff'),
        url('../font/MinervaModern-Bold.ttf') format('truetype'),
        url('../font/MinervaModern-Bold.svg#MinervaModern-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bon Vivant Serif';
    src: url('../font/BonVivantSerif.eot');
    src: url('../font/BonVivantSerif.eot?#iefix') format('embedded-opentype'),
        url('../font/BonVivantSerif.woff2') format('woff2'),
        url('../font/BonVivantSerif.woff') format('woff'),
        url('../font/BonVivantSerif.ttf') format('truetype'),
        url('../font/BonVivantSerif.svg#BonVivantSerif') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bon Vivant';
    src: url('../font/BonVivant-Regular.eot');
    src: url('../font/BonVivant-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/BonVivant-Regular.woff2') format('woff2'),
        url('../font/BonVivant-Regular.woff') format('woff'),
        url('../font/BonVivant-Regular.ttf') format('truetype'),
        url('../font/BonVivant-Regular.svg#BonVivant-Regular') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'MinervaModern';
    src: url('../font/MinervaModern-Regular.eot');
    src: url('../font/MinervaModern-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/MinervaModern-Regular.woff2') format('woff2'),
        url('../font/MinervaModern-Regular.woff') format('woff'),
        url('../font/MinervaModern-Regular.ttf') format('truetype'),
        url('../font/MinervaModern-Regular.svg#MinervaModern-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sackers Gothic Std';
    src: url('../font/SackersGothicStd-Light.eot');
    src: url('../font/SackersGothicStd-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/SackersGothicStd-Light.woff2') format('woff2'),
        url('../font/SackersGothicStd-Light.woff') format('woff'),
        url('../font/SackersGothicStd-Light.ttf') format('truetype'),
        url('../font/SackersGothicStd-Light.svg#SackersGothicStd-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/*************
**** BODY ****
**************/

.h100{ height: 100%; }
.padL30{ padding-left: 30px; }
.w50{ width: 50%; }

* {
	box-sizing: border-box;
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flex-column{
	flex-direction: column;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-1 {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
.flex-2 {
	-webkit-box-flex: 2;
	-ms-flex: 2 1 auto;
	flex: 2 1 auto;
}
.flex-3 {
	-webkit-box-flex: 3;
	-ms-flex: 3 1 auto;
	flex: 3 1 auto;
}
.flex.sb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex.se {
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
}
.flex.sa {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.flex.ac {
	-webkit-box-align: center;
	   -ms-flex-align: center;
		  align-items: center;
}
.flex.cnt {
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
}
.flex-start{
	-ms-flex-item-align: start;
    align-self: flex-start;	
}
.flex-end{
	-ms-flex-item-align: end;
    align-self: flex-end;	
}
.flex-justify-end{
    justify-self: flex-end;	
}
.align-items-center{
	-webkit-box-align: center;
	   -ms-flex-align: center;
		  align-items: center;
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
}
.align-items-center-valign{
	-webkit-box-align: center;
	   -ms-flex-align: center;
		  align-items: center;
}
.align-items-end-valign{
	align-items: end;
}
.align-self-center{
	align-self: center;
}

.last-item{ margin-left: auto; }
.last-item-top{ margin-top: auto; }

.le-projet,.contact,.mentions,.histoire{
	min-height: 100%;
	width: 100%;
	background: url('/imgs/bg.content.jpg') no-repeat 0 0; 	
	background-size: 100%; 
	background-position: center top;
	background-repeat: no-repeat;	
}

.reg_contentGlobal{	
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.reg_contentTop{	
	width: 100%;
	padding: 15px 30px;
}

.addr{
	padding: 0 0 0 25px;
	font-size: 15px;
	text-transform: uppercase;
}

.main_desktop_menu {
	flex-basis: 20%;
}

.main_container {
	flex-basis: 80%;
}

.accueil .contenuGeneral {
	position:relative;
	height:100%; 
	padding:0;
}

.accueil .reg_contentBot{
	width:100%;	
	color:#FFFFFF;		
}

.reg_content {
	width: 95%;
	max-width: 1366px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
}

.titlePara1{
	font-weight: 400;
	font-size: 15px;
	text-transform: uppercase;
}
.titlePara2{
	font-weight: 600;
	font-size: 21px;
	text-transform: uppercase;
	color: #a3a2a1;
}

.liste-prog{
	display: flex;	
	align-items: center;
	justify-content: center;	
}
.accueil .liste-prog{
	align-items: stretch;
	justify-content: stretch;		
	
}
.liste-prog a, .liste-prog .item{
	display: block;
	flex-basis: calc(100% / 4);
	margin: 0 0 20px 0;
}
.liste-prog .item ul{
	list-style-type: none;
	margin: 0px;
}
.liste-prog .item ul li{
	font-size: 22px;
	text-transform: uppercase;
	text-align: center;
	padding: 0 0 5px 0;
}
.liste-prog .item-archive{
	display: block;
	flex-basis: 11.1111111111111%;
	margin: 0 0 20px 0;	
}
.liste-prog a img, 
.liste-prog .item img{
	display: block;
	width: 90%;
	height: 100%;
	margin: 0 auto;
	max-height: 350px;
}
.archive .item{
	display: block;
	flex-basis: 11.11111111111111%;
}
.liste-prog.archive .item img{
	display: block;
	width: 90%;
	margin: 0 auto;
	height: 100%;
	min-height: auto;
}
.liste-prog .item.parSpec{
	text-align: center;
	vertical-align: middle;
}
.liste-prog p{
	padding: 25px;
	font-size: 18px;
	margin: 0px;
	line-height: 24px;
}
.liste-prog p strong{
	font-size: 22px;
	font-family: inherit;
}

.liste-prog-item img {
	width: 100%;
	box-shadow: 5px 5px #C3BFBA;
}

.follow i{
	font-size: 22px;
	color: #a3a2a1;
	margin: 0 7px 0 10px;
}

.square div{
	display: flex;
	flex-basis: 25%;
	min-width: 250px;
	margin: 25px;
}
.square a{
	display: inline-block;
	min-width: 250px;
	width: 100%;
}
.square img{
	width: 100%;
	max-height: 250px;
	display: block;	
}

.grid-wrapper > div {
	display: flex;
	justify-content: center;
	align-items: center;
}
.grid-wrapper > div > a {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.grid-wrapper > div img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
.grid-wrapper {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-auto-rows: 200px;
	grid-auto-flow: dense;
}
.grid-wrapper .wide {
	grid-column: span 2;
}
.grid-wrapper .tall {
	grid-row: span 2;
}
.grid-wrapper .big {
	grid-column: span 2;
	grid-row: span 2;
}
.grid-wrapper .normal {
	grid-column: span 1;
	grid-row: span 1;
}

.liste-prog-item .resa_links {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.liste-prog-item .resa_links a {
	display: inline-block;
	margin-right: 20px;
}

.boxLangue{
	position: relative;
	margin-left: 20px;
}
.boxLangue a{
	width: 28px;
	height: 28px;
	display: inline-block;
	border-radius: 150px;
	background: #000;
	color: #FFF;
	text-align: center;
	line-height: 28px;
	cursor: pointer;
	font-size: 12px!important;
	font-weight: 700!important;
	font-family: 'MinervaModern',Arial,sans-serif!important;
}
#lang_list:target,
#lang_list_rp:target{
	display: block;
   	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;	
}
.lang_list{
	display: none;
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	list-style-type: none;
	padding: 10px;
	top: 35px;
	text-align: left;
	left: 0px;
	color: #FFF;
   	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;	
	z-index: 99999;
}
.lang_list a{
	color: #FFF;
	background: none;
	margin: 0px!important;
	width: auto;
}
.lang_list li{
	display: block;
}

.fa-instagram{
	font-size: 30px!important;
	margin-top: 7px;
}

.fa-whatsapp{
	font-size: 30px!important;
	margin-top: 7px;
	margin-left: 15px;
}

.prog-item{
	padding: 25px;
}
.prog-item h2{
	font-size: 36px;
	color: #C3BFBA;
	text-transform: none;
	font-family: 'Bon Vivant',Arial,sans-serif;
	letter-spacing: 3px;
	font-style: normal;
	text-indent: 7px;
}
.prog-item strong{
	display: block;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Bon Vivant Serif',Arial,sans-serif;
}
.prog-item p{
	margin: 0px;
	padding: 20px 0;
	font-size: 18px;
}

.prog-item .desc {
	font-weight:normal;
    padding: 20px 0;
}

.infos p{
	font-size: 18px;
}
.infos strong{
	font-size: 22px;
	text-transform: uppercase;
}
.infos h2,
.contact h2{
	font-size: 28px;
	font-family: inherit;
	text-transform: uppercase;
	color: #C3BFBA;
	padding: 30px 0;
}

.article{
	padding-left: 30px;
}
.article a{
	margin-top: 20px;
}
.article strong{
	display: inline-block;
	font-size: 1.2em;
	padding-bottom: 10px;
}
.item .fb30{
	flex-basis: 30%;
}
.item .fb40{
	flex-basis: 40%;
}
.item .fb50{
	flex-basis: 50%;
}
.item .fb60{
	flex-basis: 60%;
}
.item .fb70{
	flex-basis: 70%;
}

.come-in{
	padding: 0 0 50px 0;
}
.come-in span{
	display: block;
	margin: 5px 0 0 0;
	vertical-align: super;
}

.metro1{
	background: url('/imgs/picto-metro-1.jpg') 0 center no-repeat;
	padding: 0 0 0 100px;
	min-height: 28px;
	line-height: 28px;
}
.metro2{
	background: url('/imgs/picto-metro-2.jpg') 0 center no-repeat;
	padding: 0 0 0 70px;
	min-height: 28px;
	line-height: 28px;
}
.metro3{
	background: url('/imgs/picto-metro-3.jpg') 0 center no-repeat;
	padding: 0 0 0 100px;
	min-height: 28px;
	line-height: 28px;
}
.metro4{
	background: url('/imgs/picto-metro-4.jpg') 0 center no-repeat;
	padding: 0 0 0 70px;
	min-height: 28px;
	line-height: 28px;
}
.metro5{
	background: url('/imgs/picto-metro-5.jpg') 0 0 no-repeat;
	padding: 0 0 0 215px;	
	white-space: nowrap;
	min-height: 72px;
}
.metro6{
	background: url('/imgs/picto-metro-6.jpg') 0 0 no-repeat;
	padding: 0 0 0 45px;
	white-space: nowrap;
}
.blocome{ flex-basis: 33.33333333%; padding: 0 20px 0 0; }

.contact .flex .item{
	flex-basis: 50%;
	margin: 0 0 20px 0;
}
.presse .flex .item{
	flex-basis: 100%;
	margin: 0 0 20px 0;
}
.contact .flex .item img{
	display: block;
	width: 90%;
	height: 100%;
}
.contactBox{
	padding: 10px 0;
	font-size: 18px;
}

.contact_form fieldset {
	border: 0;
}

.contact_form input,
.contact_form textarea,
.contact_form select {
	border: 0;
	border-bottom: 0.5px solid #919191;
	padding: 8px 15px 8px 6px;
	font-size: 16px;
	background: none;
	margin: 15px 0;
	font-family: 'MinervaModern',Arial,sans-serif;
	width: 100%;
	box-sizing: border-box;
}
.contact_form select{
	max-width: 250px;
}

.contact_form input::placeholder,
.contact_form textarea::placeholder {
	font-size: 16px;
}

.contact_form textarea {
	resize: none;
	font-family: 'MinervaModern',Arial,sans-serif;
}

.contact_form button {
	border: 0;
	margin: 25px 0 0 auto;
}

/********************
***  GENERAL  ***
********************/


/********************
***  Vidéos  ***/

.link-video a{padding: 8px; border: 2px solid #009fe3; margin-left:10px;}
.link-video a:hover{background-color:#009fe3;border:#009fe3; color:#fff;}
.video-jeff{display:flex; margin-bottom:35px;}

.logoMid {
	display:block; 
	top:34%;
	width:100%;
	position:absolute; 
	z-index:3;
	font-family: inherit;
	text-align:center;	
}

.blocBlanc {
	display:block; 
	padding: 40px 0;
	font-family: inherit;
	color:#009fe3;
	width:100%;
}

.blocBlancPad{
	background:	rgba(25, 38, 78, 0.10)  url('/imgs/bg-theatre.png') right bottom no-repeat; 	
	background-color : #ffffff\9; /* IE8 */  
	*background-color : #ffffff; /* IE7 */	
	padding: 30px;
}

.blocBlanc .content{ width:46%; margin: auto;}
.img {width:52%;}
.img img {width:100%;}

.blocBlanc h1.titre{
	padding: 0px 0px 10px 0px;
    font-size: 20px;
    letter-spacing: 1px;	
    text-transform: uppercase;	
	text-decoration: underline;
	font-weight: normal;	
	margin:0;
	color: #DAC18C;
}

.blocBlanc h2.texte{
    font-family: inherit;
    font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	text-align: left;
	margin:0;	
	padding: 0 0 30px 20px;
	color: #009fe3;
}

.logoMid img{
	margin:0 auto; 
	display:block;
}

.logoMid span.comingSoon{	
	display:block;
	text-transform:uppercase; 
	font-size:24px; 	
	letter-spacing:8px;
	padding:30px 0;	
	font-family: inherit;
	color:#009fe3 ;
	text-align:center;			
}

.logoMid hr{ 
	background-color: #009fe3;
    border: medium none;
    color: #009fe3;
    display: block;
    height: 1px;
    margin: 0 auto;
    width: 360px;
}

.linkStd, .inputSub, .inputSubMin {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #f2af27;
    color: #f2af27;
    cursor: pointer;
    display: block;
    font-family: 'MinervaModern',Arial,sans-serif;
    font-size: 16px;
    padding: 4px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease-in 0s;
}

.blocSpec{
	width: 50%;
	margin: 0 auto;
}

.tabContent{
	padding: 60px 20px 20px 20px;
}

a.back_to_home {
	margin: 25px 0 !important;
}

/*****************
**** COOKIES *****
*****************/

#cookiesBloc {
    background:rgba(225,225,228,0.8);
    bottom:2%;
	right: 1%;
	max-width:400px;
    cursor: pointer;
	z-index:4;
    position: fixed;
    padding: 20px;
	color: #000;
   -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;	
	display:none;
}
#cookiesBloc a.okCookies {
	display:table;
	padding: 5px 10px;
	line-height: 100%;
	margin:15px auto 0 auto;
	background: #000;
	text-transform:uppercase;
	color:#FFFFFF;
}
#cookiesBloc a.okCookies:hover {
	background:rgba(0,0,0,0.6);
}
#cookiesBloc p {
	color:#000;
	font-size: 1em;
	text-align:center;
	margin:0;
}
#cookiesBloc p a {
	text-decoration:underline;
}

.photoLink{
	display: flex;
	flex-basis: 100%;
	padding-bottom: 10px;
}
.photoLink a{
	padding: 10px 25px;
	font-size: 1em;
	margin: 0 15px 0 0;
	display: inline-block;
	font-family: 'Sackers Gothic Std',Arial,sans-serif;
	text-transform: uppercase;
	box-shadow: 5px 5px #ffdd00;
}
.photoLink a.sel{
	background: #009fe3;
	color: #FFF;
}

/********************
**** BACK TO TOP ****
********************/

#returnOnTop {
    width: 45px;
    height: 45px;
    background-color: #313131;
    border-radius: 50%;
    bottom: 1%;
    cursor: pointer;
    display: none;
    filter: alpha(opacity = 50); /* IE < 8 */
    opacity: 0.5;
    position: fixed;
    right: 1%;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

#returnOnTop:hover {
    filter: alpha(opacity = 100); /* IE < 8 */
    opacity: 1;
}

#loading{
	width: 0%;
	height: 3px;	
	background: #22a1d6;
	position: fixed;	
}

/********
*  TOP  *
*********/

.reg_topGauche { float: left; }
.reg_topDroite { float: right; }
.reg_topGauche a,.reg_topGauche img{ display: block;}

.contentMenuTop { padding:10px 0 30px 0; }

.tabMenu {
	position: relative;
	padding: 60px 0 0 45px;
}
.tabMenu a{
	display: block;
	font-size: 20px;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	white-space: nowrap;
	font-family: 'Sackers Gothic Std';
}

.accueil .tabMenu {
	padding: 85px 25px 25px 25px;
}

.tabMenuCont {
	position: fixed;
}

a.sel{ 
	color: #009fe3;
	border-bottom: solid 2px #ffdd00;
}
.photoLink a.sel{
	box-shadow: 5px 5px #ffdd00;
}
.main_mobile_menu {display: none;}
.website_header img {width: 200px;}
.website_header .last-item {
	margin: 25px 0 0 0;
}

.infos-covid {
	padding: 0 25px;
	font-size: 1.2em;
	color: #313131;
	margin: 0 auto;
	max-height: 60px;
	height: 60px;
}
.infos-covid-border {
	border: 1px solid #a1a1a1;
	margin: 0 auto;
	height: 100%;
	padding: 6px 15px;
}
.infos-covid a {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
}
.infos-covid i {
	vertical-align: middle;
}

/***************
*** HISTOIRE ***
****************/
.histoire h1 {
	font-size: 28px;
	font-family: inherit;
	text-transform: uppercase;
	color: #C3BFBA;
}

.histoire p {
	padding-bottom: 25px;
}

.evenementiel h1 {
	font-size: 28px;
	font-family: inherit;
	text-transform: uppercase;
	color: #C3BFBA;
}

/*************
*** BOTTOM ***
**************/

.reg_contentBot .botFooterGauche, 
.reg_contentBot .botFooterDroite{
	padding: 50px 50px 30px 0;
}

.reg_contentBot .botMenu a{
	float: left;
	display: block;
	padding: 0 0 0 10px;
	font-size:12px;	
	letter-spacing:1px;
	color: #000;
	font-family: inherit;
}

.reg_contentBot .botMenu a.facebook{
	display: block;	
	background: url('/imgs/picto.facebookBlack.png') center center no-repeat; 
	width:30px; 
	height:35px;
}

.reg_contentBot .botMenu a.twitter{
	display: block;	
	background: url('/imgs/picto.twitterBlack.png') center center no-repeat; 
	width:30px; 
	height:35px;
}

.reg_contentBot .botMenu a.instagram{
	display: block;	
	background: url('/imgs/picto.instagramBlack.png') center center no-repeat; 
	width:30px; 
	height:35px;
}


.botFooterGauche span{	
	letter-spacing:1px;
	font-size:12px;	
	color: #000;
	font-family: inherit;
}

.botFooterGauche cite{
	font-style:normal; 
	padding: 0 10px;
	color:#000;
}

.reg_contentBot .botMenu  img{
	float: left;
	display: block;
}

.footer .newsletter, .footer .social{display: none;}

.none {
	display: none;
}


/*************
*** BOUTON ***
**************/

.btnStd,.subStd,.blocBlanc h3 a{
	padding: 10px 15px;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	cursor:pointer;
	color: #FFF;	
	background: #009fe3;
	display: table;
	box-shadow: 5px 5px #f28800;
}
.btnStd:hover,
.subStd:hover,
.blocBlanc h3 a:hover{
	background: #ffdd00;
	color: #FFF;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;	
}
.btnStd.spec{
	display: inline-block;
	margin: 0 auto;
	vertical-align: super;
}

/*************
*** FORMS ***
**************/

.formStdTop{
	width: 100%;
	display: flex;
	padding: 5px 0;
}
.formStdTop input[type="text"]{
	display: block;
	border: solid 1px #a3a2a1;
	height: 28px;	
	text-indent: 5px;
}
.formStdTop input[type="submit"]{
	display: block;	
	height: 28px;
	background: #a3a2a1;
	color: #FFF;
	border: none;
	max-width: 28px;
	font-weight: 600;
	text-transform: uppercase;
	font-family: inherit;
	cursor: pointer;
}
.formStd{ width:100%; }

.formStd fieldset{
	margin: 0px;
	border: 0px;
	padding: 10px 40px;
}

.formStd input.textStd{
	height: 35px;
	width: 100%;
	background: none;
	border: solid 1px #009fe3 ;
	text-indent: 10px;
    color: #009fe3 ;
    display: block;
    font-size: 15px;
    line-height: 32px;
}

.formStd textarea.areaStd{
	height: 90px;
	width: 98%;
	background: none;
	border: solid 1px #009fe3;
	padding: 5px 0 0 10px;
	font-size: 15px;
	font-family: inherit;
    color: #009fe3 ;
    display: block;
}

/* FORM PRODUCTION */
.boxRadio{
	padding: 15px 0 0 15px;
}
.fx-relay-email-input-wrapper {
	z-index: 10 !important;
}
.swal2-shown .fiche-production ~ .swal2-container .swal2-show {
	width: 500px !important;
	max-width: 98%;
	min-height: auto !important;
}
.swal2-shown .fiche-production ~ .swal2-container .swal2-show .swal2-content {
	text-align: center;
}
.fiche-production p.infos {
	padding: 15px 40px;
}
.fiche-production p.infos span{
	font-weight: bold;
	font-size: 1.2em;
}
.production_form.cssPdg{
	background-color: #F2EEE6;
}
.production_form fieldset {
	margin: 0px;
	border: 0px;
	padding: 10px 40px;
}
.production_form legend {
    padding: 10px;
    margin: 15px 0 25px 0;
    font-size: 18px;
    color: #fff;
    background-color: #009fe3;
}
.production_form textarea {
    width: calc(100% - 12px);
    padding: 5px;
}
.production_form cite {
	display: block;
	font-size: 13px;
	font-style: italic;
}
.production_form input.error,
.production_form textarea.error {
	border-color: red;
}
.production_form cite.error,
.production_form cite.error-message {
	color: red;
	font-style: italic;
	margin-top: -16px;
	font-size: 15px;
}
.production_form cite.error-message {
	margin-top: -8px;
}
.production_form .testbox {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    padding: 20px;
}
.production_form form {
    width: 100%;
    padding: 20px;
    margin-top: 80px;
}
.production_form form .item strong {
	font-weight: normal;
}
.production_form .banner {
    position: relative;
    height: 250px;
    background-image: url("/uploads/media/default/0001/02/cc6bc584f236c7234947015b89151ab6d04c4cbf.jpeg");
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.production_form .banner::after {
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    width: 100%;
    height: 100%;
}
.production_form input,
.production_form select,
.production_form textarea {
	-webkit-appearance: none;
   	-moz-appearance: none;
    appearance: none;
    margin-bottom: 25px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
}
.production_form input {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.production_form textarea {
    width: 100%;
    padding: 10px;
    min-height: 200px;
    resize: none;
    font-family: inherit;
}
.production_form .item:hover p,
.production_form .item:hover i,
.production_form .question:hover p,
.production_form .question label:hover,
.production_form input:hover::placeholder {
    color: #009fe3;
}
.production_form .checkbox input[type="checkbox"] {
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-right: 5px;
    vertical-align: text-top;
}
.production_form .item input:hover,
.production_form .item select:hover,
.production_form .item textarea:hover {
    border: 1px solid transparent;
    box-shadow: 0 0 3px 0 #009fe3;
    color: #009fe3;
}
.production_form .item {
    position: relative;
    margin: 10px 0;
}
.production_form .item span {
    /*color: red;*/
}
.production_form .week {
    display: flex;
    justify-content: space-between;
}
.production_form .colums {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}
.production_form .colums div {
    width: 48%;
}
.production_form input[type="radio"],
.production_form input[type="checkbox"] {
    display: none;
}
.production_form label.radio {
    position: relative;
    display: inline-block;
    margin: 5px 20px 15px 0;
    cursor: pointer;
    line-height: 40px;
}
.production_form .question {
	height: 88px;
}
.production_form .question span {
    margin-left: 30px;
    vertical-align: sub;
    display: inline-block;
}
.production_form .question-answer label {
    display: block;
}
.production_form label.radio:before {
    content: "";
    position: absolute;
    left: 0;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid #ccc;
    top: 50%;
    transform: translateY(-50%);
}
.production_form input[type="radio"]:checked + label:before,
.production_form label.radio:hover:before {
    border: 2px solid #009fe3;
}
.production_form label.radio:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    width: 8px;
    height: 4px;
    border: 3px solid #009fe3;
    border-top: none;
    border-right: none;
    transform: translateY(-50%) rotate(-45deg);
    opacity: 0;
    top: 50%;
}
.production_form input[type="radio"]:checked + label:after {
    opacity: 1;
}
input[type=checkbox]  {
	display: none;
}
label.check {
	position: relative;
	display: inline-block;
	margin: 5px 20px 10px 0;
	cursor: pointer;
}
label.check:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: 1px solid #009fe3;
}
input[type=checkbox]:checked + .check:before {
	background: #009fe3;
}
label.check:after {
	content: "";
	position: absolute;
	top: 6px;
	left: 4px;
	width: 8px;
	height: 4px;
	border: 3px solid #fff;
	border-top: none;
	border-right: none;
	transform: rotate(-45deg);
	opacity: 0;
}
input[type=checkbox]:checked + label:after {
	opacity: 1;	
}
.production_form .flax {
    display: flex;
    justify-content: space-around;
}
.production_form .btn-block {
    margin-top: 10px;
    text-align: center;
}
.production_form button {
	width: 150px;
    padding: 10px;
    border: none;
    border-radius: 5px;
    background: #009fe3;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    display: block;
    margin: 25px auto;
}
.production_form button:hover {
    background: #000;
}
.production_form .btnStd.download {
	margin: 25px 0 50px 0;
}
@media (min-width: 568px) {
    .production_form .name-item,
    .production_form .city-item {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .production_form .name-item input,
    .production_form .name-item div {
        width: calc(50% - 20px);
    }
    .production_form .name-item div input {
        width: 97%;
    }
    .production_form .name-item div label {
        display: block;
        padding-bottom: 5px;
    }
}



/*************
*** MIDDLE ***
**************/

/***** MENTIONS *******/

.mentions{padding: 0 0 40px 0;}

.mentions .texte{padding: 10px; font-family: inherit;}

.mentions h3{
	font-size:16px;
	float:left;
	color: #000;
    line-height: 32px;
}

.mentions h4{
	font-size:16px;
	font-weight:normal;
	float:left;
	padding: 0 0 0 5px;
    line-height: 32px;
}

/* La Maison */
.la-maison .main_container {
	flex-direction: column;
}

.la-maison .liste_equipement {
	list-style: none;
	margin-top: 50px;
	display: flex;
	flex-direction: column;
}

.la-maison .liste_equipement li img {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 6px 0 0;
}

.la-maison .liste_equipement li span {
	vertical-align: middle;
}

.la-maison .item .liste_equipement i {
	font-size: 18px;
	min-width: 35px;
	text-align: center;
}

.la-maison .item .liste_equipement li {
	font-size: 14px;
	padding-bottom: 15px;
}

.la-maison .item .liste_equipement li ul {
	margin-top: 15px;
}

.la-maison .item .liste_equipement li ul li {
	font-size: 14px;
}

#sidebarMenu .fa-instagram{
	margin: 0px;
}

#sidebarMenu .fa-whatsapp{
	margin: 0px;
	margin-left: 15px;
}

/*.la-maison .liste_equipement > li {
	width: 25%;
	float: left;
}*/

/*****************
*** RESPONSIVE ***
******************/

@media screen and (max-width: 1366px)
{	

}


/***********
 * TABLETTE PAYSAGE
 */
 
@media screen and (max-width: 1144px)
{	
	.main_desktop_menu {
		flex-basis: 25%;
	}

	.main_container {
		flex-basis: 75%;
	}
	.blocBlancPad{ padding: 0 30px 30px 30px ;}
	.tabMenu a {font-size: 17px;}
	.liste-prog a, .liste-prog .item {flex-basis: 33.3333333333%;}
	.blocome {-webkit-box-flex: 1; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 25px; box-sizing: border-box;}
}


/***********
 * TABLETTE PORTRAIT 
 */

@media screen and (max-width: 960px)
{
	.blocBlanc .content.flol,.blocBlanc .img.flor {float:none;}	
	.blocBlanc .img.flor{ padding: 20px 0 0 0; }
	.blocBlanc .content,.blocBlanc .img{width:100%;}	
	.histoire .wide-container{width:90%;}
	.formStd{width:100%;}
	.blocBlanc{padding:20px 0;}
	.reg_topDroite,.reg_topGauche{float:none;}
	.contentMenuTop{padding:10px 0 0 0;}
	.reg_topGauche img{display:table; margin:0 auto;}
	.tabMenu .trMenu{display:block;text-align:left;}
	.tabMenu .trMenu .tdMenu{ width: 100%;display: block; float: none; padding: 4px 0;}
	.cl-effect-7 a{padding:0;margin: 0;font-size: 12px; }
	.cl-effect-7 a::before, .cl-effect-7 a::after{content:none;}
	.tabMenu{ display: block; /*height: 25px;*/ height: 100px; width:100%; overflow: hidden;  text-align: center;}	
	.reg_contactL, .reg_contactR{ float: none; width: 80%; margin: 0 auto; }	
	.transport {width:80%; margin: 0 auto;}
	table.transport tr td,table.transport tr td:nth-child(1),table.transport tr td:nth-child(2),table.transport tr td:nth-child(3),
	table.transport tr td:nth-child(4),table.transport tr td:nth-child(5){display:block; width:100%;}	
	.blocSpec{ width: 75%; }
	.botMenu{ width: 125px; margin: 0 auto; padding: 20px 0; }
	.tabMenu.flex-1 {display: none;}
	/* MENU BURGER*/
	.main_desktop_menu {display: none;}
	.main_mobile_menu {display: block;}
	.contentMenuTop .menuRow{display: none;}
	nav.resp{display: block;}
	.spinner{background-color: #a1a1a1; height: 5px;}
	.sidebarIconToggle{width: 30px; left: 15px;}
	.horizontal,.diagonal.part-2{margin-top: 5px;}
	input[type="checkbox"]:checked ~ .sidebarIconToggle > .diagonal.part-2{margin-top: -15px;}
	.sidebarMenuInner li span{font-family: 'Sackers Gothic Std', 'Arial', sans-serif; font-size: 1.5em; color: #a1a1a1; letter-spacing: 0.5px; font-style: normal;}
	.sidebarMenuInner li a{font-family: 'Sackers Gothic Std', 'Arial', sans-serif; font-weight: 400;}
	.sidebarMenuInner li a:hover{color: #a1a1a1;}
	.sidebarMenuInner hr { border: 0; height: 2px; margin: 5px 20px 20px 20px; background-color: #C3BFBA; }
	#sidebarMenu{box-shadow: 1px 1px 6px #313131;}
	.contentMenuTop{position: fixed; z-index: 11000000; left: 1%; top: 1%; float: none; width: auto;}
	.contentPhoneTop{width: 100%; float: none;}
	.contentPhoneTop a{padding: 0; line-height: 75px; text-align: center;}
	#sidebarMenu a.rs {
		display: block;
	}
	#sidebarMenu a.rs i {
		padding: 10px 20px;
	}
	#openSidebarMenu:not(:checked) + .sidebarIconToggle .spinner {
		box-shadow: 1px 1px 3px #313131;
	}
	/*****/
	.footer{background-color: #f1f1f1; margin-top: 25px; padding: 25px 0;}
	.website_header .newsletter, .website_header .social{display: none;}
	.footer .newsletter, .footer .social{display: block;}
	.liste-prog a, .liste-prog .item {flex-basis: 50%;}
	.flex.come-in {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
	.infos {text-align: center;}
	.infos h2 {padding-top: 50px;}
	.liste-prog-item {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center;-ms-flex-align: center;align-items: center;}
	.prog-item {padding: 15px;}
	.liste-prog-item .btnStd {display: table; font-size: 1.5em; margin: 45px auto 0 auto;}
	.contact .main_container{flex-direction: column; align-items: center;}
	.main_container { flex-basis: 100%; }
	.contact .flex .item img { padding: 5px; width:100%; }
	.contact_form button { margin: 25px auto 0 auto; }
	.contact_form textarea { min-height: 150px; }
	.contact .flex .item{ margin: 0; }
	.contact .flex .item:nth-child(1n+5) { display: none; }
	/* .contact .flex .item, .contact .flex .contactBox { padding: 15px; margin: 0;} */
	/* .contact .flex .item:nth-child(3n+1) {display: none;} */
	/* .contact .flex .item img{width: 100%;} */
	/* .contact .flex.padL30{padding: 15px;} */
	.contact .blocG{ width: 100%; float: none; }
	.contact .blocD{ width: 100%; float: none; }
	.infos-covid {
		margin-top: 25px;
		flex-basis: 100%;
	}
	.infos-covid-border {
		display: table;
	}
	.liste-prog a img, .liste-prog .item img {max-height: none;}
}

/***********
 * SMARTPHONES
 */

@media screen and (max-width: 768px)
{
	.liste-prog-item .width50 {
		float: none;
		width: 100%;
	}
	.prog-item {
		padding: 15px 0;
	}
	.prog-item h2 {
		font-size: 27px;
	}
	.tall,
	.big {
		grid-row: auto;
		grid-column: auto;
	}
	.blocSpec{ width: 100%; }
	.blocBlanc h1.titre{ padding: 20px;   font-size: 18px;}
	.blocBlanc h2.texte{  font-size: 14px;  line-height: 20px;   padding: 0 20px 20px;}
	.reg_contentBot .botFooterGauche, .reg_contentBot .botFooterDroite{padding:0; float:none!important;width:100%;}
	.botFooterGauche cite{display:none;}
	.botFooterGauche.flol,.botFooterDroite.flor{width:100%;display:block; float:none; }	
	.botFooterGauche span,.botFooterDroite span{line-height: 18px;text-align:center;width:100%;display:block; float:none; }
	.histoire .wide-container{height:250px;}
	.ft > a {margin: 35px auto 20px auto; display: table;}
	.website_header > .flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 25px;}
	.detail-actu .btnStd {display: table; font-size: 1.5em; margin: 45px auto 0 auto;}
	.website_header img {width: 100%;}
	.detail-actu {padding-top: 30px;}
	.liste-prog a img, .liste-prog .item img {width: calc(100% - 20px); margin: 10px; max-height: none;}
	.liste-prog a {margin: 25px 15px;}
	.liste-prog a, .liste-prog .item {flex: 1 1 100%;}
	.production_form .colums div { width: 100%; margin: 0;}
	.liste-prog-item .resa_links a { margin: 15px auto; }
	.item .fb50, .item .fb40, .item .fb60{ flex-basis: 100%; }
	.article{ padding: 30px 0 0 0; }
}

@media screen and (max-width: 480px)
{
	.grid-wrapper { display: block; grid-gap: 10px 0; row-gap: 10px; column-gap: 0px; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); grid-auto-rows: auto; }
	..grid-wrapper > div { margin-bottom: 15px; }
	.reg_contentGlobal { min-height: 110vh; }
	.website_header img { width: 150px; }
	.tabContent { padding-top: 15px; }
	.contact h2{ padding: 10px 0; }
	.liste-prog .item img { margin: 0 0 15px 0; }
	.la-maison .item .liste_equipement i { min-width: 24px; margin-right: 6px; }
	.la-maison .item .liste_equipement li ul { list-style: '- '; margin-top: 25px; margin-left: 15px; }
	.la-maison .item .liste_equipement li { padding-bottom: 25px;  }
	.item.infos { margin: 0; width: 100%; }
	.item.infos span { display: inline-block; width: 80%; }
	.la-maison .liste-prog .item:not(.infos):nth-child(1n+3) {display: none;}
	.la-maison .liste-prog { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
	.la-maison .item .liste_equipement li { text-align: left; }
	.la-maison .liste_equipement_supp li { font-size: 16px; }
	.la-maison .liste_equipement_supp i { min-width:20px; }
	.logoMid img{width:70%;}
	.logoMid{  top: 38%;}
	.logoMid hr{ width: 70%;}
	.logoMid span.comingSoon{ font-size: 18px; padding: 10px 0;}
	.blocBlanc h1.titre{ letter-spacing: 2px; font-size: 15px;}
	.histoire .wide-container{height:200px;}		
	.tabMenu .trMenu .tdMenu{ padding: 1px 0;}	
	.logoMid img,.logoMid hr{width:55%;}
	.logoMid span.comingSoon{font-size: 12px;}
	.botFooterGauche span{font-size: 10px;}
	.logoMid{ top: 34%;}
	.slides-navigation{ top:34%;}
	.botFooterGauche span, .botFooterDroite span{  line-height: 14px;}
	.liste-prog a, .liste-prog .item {flex-basis: auto;}
	a.back_to_home {margin: 15px auto 30px auto !important;}
	.mentions {padding: 0;}
	.mentions .blocBlancPad {padding: 15px;}
	.mentions h1 {padding-top: 15px; text-align: center;}
	.video-jeff{display: block;}
	.link-video{margin: 30px 0px;}
}

@media screen and (max-width: 380px)
{
	.video-jeff{display: block;}
	.link-video{margin: 30px 0px;}
	
	.formStd{padding:10px 0}
	.formStd fieldset{padding: 10px 15px;}
	.logoMid{  top: 40%;}
	.logoMid img{width:70%;}
	.logoMid span.comingSoon{ font-size: 15px; }
	.logoMid hr{ width: 70%;}
	.btnStd, .subStd{font-size:12px;}
	.liste-prog-item img {width: 100%;}
	.last-item.footer {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
	.last-item.footer > * {padding: 10px 0;}
	.production_form fieldset { padding: 15px; }
	.production_form legend { font-size: 16px; }
}