:root {
  --primary-color: #000;
  --text-color: #313131;
  --first-gradient-background-value: linear-gradient;
  --bgHeight: calc(100vh - 83px);
}

/*********
 * FONTS *
 *********/

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

html, body {
  height: 100%; 
}
* {margin:0; padding:0;}
html {
	color: #313131;
	font-size: 12px;
	font-family: "Roboto", Arial, sans-serif;
}
a { 
	outline: none;
	text-decoration: none;
  color: inherit;
	cursor: pointer;
}
h1 {
  text-transform: uppercase;
}
h2 {
  color: var(--primary-color);
  text-transform: uppercase;
}
h3 {
  font-size: 1.2em;
}
p.txt{
  font-size: 1.5em;
  line-height: 26px;
  background: #FFF;
  border-radius: 10px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
}

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

::-moz-selection { color: #FFF; background: #a1a1a1; }
::selection  { color: #FFF; background: #a1a1a1; }

:-ms-input-placeholder{
  color: #a1a1a1;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: 400;
}
::-ms-input-placeholder{
  color: #a1a1a1;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: 400;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #a1a1a1; 
  opacity: 1;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: 400;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #a1a1a1; 
  opacity: 1;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
}
::placeholder{
  color: #a1a1a1; 
  opacity: 1;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: 400;
}
:placeholder-shown {
  color: #a1a1a1; 
  opacity: 1;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: 400;
}

main > footer ::-moz-selection { color: #FFF; background: #313131; }
main > footer ::selection      { color: #FFF; background: #313131; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.sa {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.jcc {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.ac {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dib{
  display: block;
}

.swal2-close:focus {
  box-shadow: none !important;
}

.col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cnt {text-align:center;}
.alc { text-align: center; }
.alr { text-align: right; }
.alj { text-align: justify; }
.prel { position: relative; }
.pabs { position: absolute !important; }
.ovhid { overflow: hidden; }
.is-hidden { display: none; }
.fin {
	clear:both;
	line-height:0;
	height:0;
	font-size:1px;
}

/* SWAL BLOCS */
#strErreur, 
#strInfo,
#strValide,
#strLink{ display: none; }

.ptb80 {padding: 80px 0; }
.ptb30 {padding: 30px 0; }
.ptb50 {padding: 50px 0; }
.ptb100{ padding: 100px 0; }
.pt150{ padding-top: 150px; }
.pt80 {padding-top: 80px; }
.pb50 {padding-bottom: 50px; }
.pad25 {padding: 25px; }

.m0auto, .btnStd.m0auto { margin: 0 auto; }
.content_max_width {
  max-width: 1200px;
  margin: 0 auto;
}

img.bord{
  border-radius: 10px;
  width: 100%;
}

a.std{
  margin: 30px auto 0 auto;
  background: var(--primary-color);
  color: #FFF;
  padding: 10px 30px;
  border-radius: 5px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
}

.swal2-popup{
    width: 60% !important;
}

/* MENU */

nav.menu .outer-menu .checkbox-toggle ~ label {
  position: fixed;
  top: 25px;
  right: 0;
}

.menu-burger-strong {
	justify-content: flex-end;
	display: flex;
	margin-right: 26px;
	padding-bottom: 5px;
	color:#fff;
	font-size: 20px;
}

.menu-burger-strong p {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  color: var(--primary-color);
  text-shadow: 1px 1px 0 #b1b1b1;
}

nav.menu .menu {
  z-index: 10;
}
nav.menu .outer-menu {
  position: static;
}
nav.menu li a {
  font-weight: 600;
  letter-spacing: 3px;
}

nav.menu .outer-menu i {
  color: var(--primary-color);
}

nav.menu .outer-menu a,
nav.menu .outer-menu i {
  color: #313131;
  text-transform: uppercase;
}

nav.menu .outer-menu .menu > div > div {
  text-align: left;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

nav.menu .outer-menu .menu > div > div ul {
  margin: 0 60px;
}

nav.menu .outer-menu .menu > div > div ul li {
  padding: 5px 0;
}

nav.menu .outer-menu .menu > div {
  background-color: rgba(255,255,255,0.95);
}


nav.menu .outer-menu .menu > div:after {
  content: '';
  display: block;
  background-size: 650px, 350px;
  height: 100%;
  position: relative;
  z-index: 1000;
}
nav.menu .outer-menu .checkbox-toggle {
  width: 84px;
  height: 72px;
  z-index: 30;
  position: absolute;
}

nav.menu .outer-menu .checkbox-toggle:checked ~ label {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; 
}

nav.menu .outer-menu .checkbox-toggle:checked ~ label{
  position: fixed;
  right: 0;
  top: 25px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; 
}

nav.menu .outer-menu .hamburger {
  border: 2px solid var(--primary-color);
  background-color: transparent;
  z-index: 20;
  position: relative;
  margin-left: auto;
  margin-right: 25px;
  width: 40px;
  height: 50px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;       
}

nav.menu .outer-menu .hamburger > div,
nav.menu .outer-menu .hamburger > div:before,
nav.menu .outer-menu .hamburger > div:after {
  background-color: var(--primary-color) !important;
  height: 3px;
}

.first-level-menu li:first-child a:before {
  content: '';
  display: block;
  height: 2px;
  width: 35px;
  margin-bottom: 5px;
  margin-left: 3px;
  background-color: var(--primary-color);
}

.bloc-table {
  display: table;
  background-color: white;
  margin: 40px auto;
  width: 70%;
  font-size: 18px;
}
.bloc-table-row {
  display: table-row;
  width: 100%;
}
.bloc-table-cell {
  display: table-cell;
  padding: 5px;
  vertical-align: middle;
}

/* CUSTOM COLOR FOR HOME MENU */
.accueil nav.menu .outer-menu .checkbox-toggle:not(:checked) ~ .hamburger,
.accueil nav.menu .outer-menu .checkbox-toggle:not(:checked) ~ .hamburger > div, 
.accueil nav.menu .outer-menu .checkbox-toggle:not(:checked) ~ .hamburger > div::before, 
.accueil nav.menu .outer-menu .checkbox-toggle:not(:checked) ~ .hamburger > div::after {
  color: #fff;
  border-color: #000000;
}
.accueil nav.menu .outer-menu .checkbox-toggle:not(:checked) ~ .hamburger > div,
.accueil nav.menu .outer-menu .checkbox-toggle:not(:checked) ~ .hamburger > div::after, 
.accueil nav.menu .outer-menu .checkbox-toggle:not(:checked) ~ .hamburger > div::before {
  background-color: #000000!important;
}

.youtube {
  background-color: #000;
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  z-index: 10000;
}

.youtube img {
  width: 100%;
  top: -16.82%;
  left: 0;
  opacity: 0.7;
}

.youtube .play-button {
  width: 90px;
  height: 60px;
  background-color: #333;
  box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
  z-index: 1;
  opacity: 0.8;
  border-radius: 8px;
}

.youtube .play-button:before {
  content: "";
  border-style: solid;
  border-width: 15px 0 15px 26.0px;
  border-color: transparent transparent transparent #fff;
}

.youtube img,
.youtube .play-button {
  cursor: pointer;
}

.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
  position: absolute;
}

.youtube .play-button,
.youtube .play-button:before {
  top: 50%;
  left: 50%;
  transform: translate3d( -50%, -50%, 0 );
}

.youtube:hover .play-button {
  background-color: #FF0000;
  opacity: 1;
}

.youtube iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

h2.arch-title {
  color: #000;
  padding-top: 35px;
  font-family: "Portrait Web", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 26px;
  color: #000000;
  letter-spacing: 0.3px;
  font-weight: 100; }


/*******************
**** AJAX LOADER ***
*******************/

#ajax_loader{
	text-align: center;
	min-height: 300px;  
}

.loadTxt{
	padding: 40px 0 0 0;
	text-align: center;
	font-size: 20px;
}

.sbl-circ-ripple {
  height: 48px;
  width: 48px;
  color: #5a5a5a;
  border-radius: 50%;
  position: relative;
  display: inline-block; 
}

.sbl-circ-ripple::after, .sbl-circ-ripple::before {
  content: '';
  height: 0;
  width: 0;
  border: inherit;
  border: 5px solid;
  border-radius: inherit;
  position: absolute;
  left: 40%;
  top: 40%;
  animation: circle-ripple  1s linear infinite; 
}

.sbl-circ-ripple::before {
  animation-delay: -0.5s; 
}

@keyframes circle-ripple {
  0% {
	height: 0;
	width: 0;
	left: 20px;
	top: 20px; 
  }
  100% {
	height: 48px;
	width: 48px;
	left: -5px;
	top: -5px;
	opacity: 0; 
  } 
}

/* Animation de fondu pour l'affichage */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Animation de fondu pour la fermeture */
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* Applique l'animation de fondu pour l'affichage */
.swal2-show-vgs {
    animation: fadeIn 0.5s;
}

/* Applique l'animation de fondu pour la fermeture */
.swal2-hide-vgs {
    animation: fadeOut 0.5s;
}

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

.reg_content {
	width:100%;
	display:block;
	margin: 0 auto;
}
.container-site{
	width:95%;
	display:block;
	margin: 0 auto;
}
.reg_contentMenu {
	max-width: 1670px;
	width: 95%;
	display: flex;
	align-items: center;
	margin: 0 auto;
}
.reg_topGauche{flex-basis: 50%;}
.reg_topDroite{flex-basis: 50%;}

/* COMPONENT - FLEX - ITEMS - COL */

.component-flex-col-2-group,
.component-flex-col-3-group,
.component-flex-col-6-group {
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex; 
  -ms-flex-wrap: wrap; 
	  flex-wrap: wrap;
}
.component-flex-col-2-item-pad,
.component-flex-col-3-item-pad,
.component-flex-col-6-item-pad {padding: 25px;}

/* COMPONENT - FLEX - 2 ITEMS - COL */
.component-flex-col-2-item {-ms-flex-preferred-size: 50%; flex-basis: 50%;}

/* COMPONENT - FLEX - 3 ITEMS - COL */
.component-flex-col-3-item{-ms-flex-preferred-size: 33.3333333%; flex-basis: 33.3333333%;}

/* COMPONENT - FLEX - 6 ITEMS - COL */
.component-flex-col-6-item{-ms-flex-preferred-size: 16.6666666666%; flex-basis: 16.6666666666%;}

/******/

/* COMPONENT - MAIN TITLE */
.component-main-title.bg:before {
  content: '';
  background: url('') no-repeat left center;
}

.component-main-title {
  width: 100%;
}

.component-main-title h1 {
  line-height: 100%;
}

.component-main-title h2 {
  color: #b1b1b1;
  letter-spacing: 0.5px;
}

.component-main-title hr {
  border: none;
  height: 5px;
  background: rgb(65,18,138);
  background: -moz-linear-gradient(100deg, rgba(65,18,138,1) 0%, rgba(40,115,154,1) 40%, rgba(26,184,166,1) 100%);
  background: -webkit-linear-gradient(100deg, rgba(65,18,138,1) 0%, rgba(40,115,154,1) 40%, rgba(26,184,166,1) 100%);
  background: linear-gradient(100deg, rgba(65,18,138,1) 0%, rgba(40,115,154,1) 40%, rgba(26,184,166,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#41128a",endColorstr="#1ab8a6",GradientType=1); 
  width: 80px;
  border-radius: 20px;
  display: block;
  margin: 15px auto;
}

.component-main-title span {
  text-shadow: none;
  position: relative;
  z-index: 100;
  font-family: inherit;
  font-weight: 100;
  font-size: 0.45em;
  text-transform: none;
  display: block;
  padding-top: 15px;
  line-height: 100%;
}

.component-main-title img {
  width: auto;
  margin-left: 30px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.component-main-slider h2 {
  color: #FFFFFF; 
  text-align: center; 
  font-size: 1.8em;
  text-transform: none;
  text-shadow: 1px 1px 2px #313131;
}

/**** MAIN SUBTITLE ***/
.component-main-sub-title {display: flex; justify-content: center; padding: 25px 0;}
.component-main-sub-title h1 {
  padding: 0 25px;
  background: url('/imgs/bg.sub-title.png') no-repeat left center / 80px;
  line-height: 120px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 30px;
  vertical-align: middle;
  margin: 10px auto;
}

.component-main-sub-title h2 {
  font-family: inherit;
  font-size: 1.8em;
  color: #313131;
  padding: 5px 0;
  letter-spacing: 0;
  text-transform: none;
}

/* Required */
.hidden{opacity: 0;}
.visible{opacity: 1;}

/*Select CSS*/
.select-css {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
	display: none;
}
.select-css:hover {
	border-color: #888;
}
.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.select-css option {
	font-weight:normal;
}
/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
	background-position: left .7em top 50%, 0 0;
	padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
	color: graytext;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}
.select-css:disabled:hover, .select-css[aria-disabled=true] {
	border-color: #aaa;
}
/*Select styles*/
.select-style {
	padding: 0;
	overflow: hidden;
	background: #DDD url('/imgs/picto/picto-search.png') no-repeat 10px center;
	border-right: 1px solid #FFF;
	height: 45px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius:2px;  
	width: 100%;    
	margin: 0;
	display: block;
	cursor: pointer;
	font-family: inherit, Arial,sans-serif;
}
.select-style.w25{ width: 25%; height: 56px;  }
.select-style select:focus { 
	background: #FFF;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in; 
	outline: none;  
}
.select-style select {
  width: 100%;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
	 -moz-appearance: none;
		  appearance: none;
	display: block;
	font-size: 15px;
	padding: 15px 0;
	margin: 0;  
	text-indent: 33px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;        
}
.select-style select option,
.ui-menu .ui-menu-item{
	display: block;
	font-size: 15px;
	line-height: 30px;
	padding:2px 0;
	margin: 0;
	color: #F48024;
	text-indent:5px;    
}


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

.reg_contentTop {
  background-color: #fff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  -webkit-box-shadow: 0px 2px 4px 3px rgba(209,209,209,0.8);
  -moz-box-shadow: 0px 2px 4px 3px rgba(209,209,209,0.8);
  box-shadow: 0px 2px 4px 3px #d1d1d1;
}

.reg_topGauche img {
	width: 250px;
}

.menuRow {
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex; 
  -webkit-box-pack: end; 
  -ms-flex-pack: end; 
  justify-content: flex-end; 
  -webkit-box-align: center; 
  -ms-flex-align: center; 
  align-items: center;
}

.botTab {
	display: table;   
	margin: 0 auto;
	width:100%;
}

.reg_contentMenu {
  position: absolute;
  width: 100%;
}

.logoTop {
  margin: 35px;
}

.logoTop img {
  width: 100%;
}

/**********************
*** BOTTOM / FOOTER ***
***********************/

/*** INFOS ***/

#mapid{ 
	width: 100%; 
	height: 450px;
	margin: 0 auto;
}

.spanMaps{
	display: block;
	color: #F48024;
	font-size: 24px;
	text-align: center;
	font-weight: 600;
}

.part2{
	padding: 40px; 
}

.reg_contentBot {
  background: rgba(26, 184, 166, 1) url("../imgs/pattern.webp") repeat center center / contain;
  position: relative;
}

.reg_contentBot_background {
  background: rgba(26, 184, 166, 0.7);
}

.botRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
}
.botCell{
  -webkit-box-flex: 1;
  -ms-flex: 1 1 33.33333333%;
	  flex: 1 1 33.33333333%;
}

.botCell.adresse span cite{
  letter-spacing: 2px;
}

.contentBotLien h4 {
  padding-bottom: 0;
  font-family: 'Gotham Medium';
  font-weight: 400;
  font-size: 2em;
  padding: 15px 0;
  color: #fff;
  text-transform: uppercase;
}

.contentBotLien strong{
  font-size: 20px;
  letter-spacing: 2px;
  padding: 10px 0;
  color:#FFF;
  text-transform: uppercase;
	display: table;
	margin: 0 auto;
	font-weight: normal;
}
.contentBotLien span{
	display:block;
  font-size: 12px;
  padding: 10px 0;
  color: #FFF;
}

.contentBotLien a {
  display:block;
  font-size: 13px;
  padding: 5px 0;
  color:#FFF;
  text-align:center;
}

.contentBotLien a:hover {color:#94ba71;}
.contentBotLien cite {
  font-size: 18px;
  font-style:italic;
  color: #FFF;
  text-align:justify;
  font-style:normal;    
  line-height: 150%;
}

.contentBotLien.bottom-reseaux a {
  padding: 0;
  width: 45px;
  height: 45px;
  background-color: #fff;
  border-radius: 22.5px;
  margin: 10px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contentBotLien.bottom-reseaux a > i {
  font-size: 2em;
  color: #313131;
}

.contentBotLien.bottom-reseaux .reseau:hover a {
  -webkit-animation: bounce 0.5s forwards;
  animation: bounce 0.5s forwards;
}

.contentBotLien.bottom-reseaux h4 {
  padding-bottom: 45px;
  text-align: center;
}

/*** FOOTER - CRÉDIT ***/

.part3 {
	padding: 0 20px;
	background: none;       
}

.part3 a,.part3 span{
	font-size: 1em; 
	color:#fff;
  text-transform: none;
  display: inline-block;
}
.part3 a.spe {
  background-color: #fff;
  padding: 12px 20px;
  margin: 15px 10px 0 0;
  color: #313131;
  letter-spacing: 1px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.part3 a.spe:hover {
  background-color: #313131;
  color: #fff;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.part3 .credits-realisation {
  margin-left: auto;
}

/* WAVE EFFECT */
#ocean{
  position: relative;
  top: 0;
  width:100%;
  height: 150px;
  /*background: rgba(26, 184, 166, 1) url("../imgs/pattern.webp") repeat center center / contain;*/
  /*background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0, rgb(0,50,150)),
  color-stop(0.50, rgb(0,150,255))
  );*/
}

.wave{
  background: #fff;
  display:inline-block;
  height:90%;
  width:10px;
  position:absolute;
  -webkit-animation-name:             dostuff; 
  -webkit-animation-duration:         3s; 
  -webkit-animation-iteration-count:  infinite;
  -webkit-transition-timing-function: ease-in-out;
  transform: rotate(-2deg);
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform;
  -webkit-perspective: 1000;
}

@-webkit-keyframes dostuff{
  0%{
	height:90%;
  }
  50%{ 
	height:40%;
  }
  100%{ 
	height:90%;
  }
}


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

#returnOnTop {
  bottom: 2%;
	right: 1%;
  width: 60px;
  height: 60px;
  cursor: pointer;
  display: none;
  filter: alpha(opacity = 50); /* IE < 8 */
  opacity: 0.5;
  position: fixed;  
  z-index: 1000;
}

#returnOnTop span {
  width: 2px;
  height: 2.5em;
  background-color: #94ba71;
  display: block;
  margin: 10px auto;
  position: relative;
}

#returnOnTop span:after {
  content: 'TOP';
  display: block;
  font-family: 'Playfaire Display';
  font-style: italic;
  letter-spacing: 2px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

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

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

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

/* COMPONENT - MAIN BACKGROUND */
.component-main-background{margin-top: 96px;}
.component-main-background-item{min-height: var(--bgHeight); position: relative;}
.component-main-background-item h1 {
  width: 15em;
  font-size: 3em;
  color: #fff;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 1px;
}

.component-main-background-item hr {margin: 35px 0 !important;}
.component-main-background img{max-height: 91px; max-width: 91px; display: block; padding-bottom: 25px;}
.component-main-background-item-phone{
  position: absolute;
  right: -182px;
  bottom: 10%;
  z-index: 1000;
  padding: 10px 15px;
  color: #94ba71;
  font-size: 2.1em;
  background-color: #fff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  letter-spacing: 0;
  margin: 0;
  font-weight: 400;
  vertical-align: middle;
}

.component-main-background-item-phone i {
  padding: 0 15px 0 2px;
  vertical-align: middle;
}

.component-main-background-item-phone:hover {
  right: 0;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

/* COMPONENT - BOOKING SEPARATOR */
.component-booking-separator{margin-bottom: 80px;}
.component-booking-separator-background{
  background: url('/imgs/contenu/bg.accueil-bottom.png') no-repeat center center / contain;
  height: 176px;
}

.component-booking-separator-content{
  height: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.component-booking-separator-content img{width: auto;}

.component-double-border{background-color: #FFFFFF; border-top: 2px solid #94ba71; border-bottom: 2px solid #94ba71; height: 3px;}

/* COMPONENT - GLOBAL - TEXT */
.component-global-text p{
  line-height: 170%; 
  letter-spacing: 1px; 
  font-size: 1.5em; 
  font-family: inherit;
  font-weight: 400;
  padding: 15px;
}

.instagram-grid{
  margin: 50px auto;
}

.instagram-grid-item{
  margin-left: 10px;
  width: 350px;
  height: 350px;
  max-width: 350px;
  min-width: 350px;
  overflow: hidden;
  max-height: 400px;
  display: inline-block;
  position: relative;
  margin-bottom: 10px;  
}
.instagram-grid-item a{
  display: inline-block;
  width: 100%;
  height: 100%;
}

.instagram-grid-item {
  transition: transform 0.3s ease-in-out;
}

.instagram-grid-item a:hover {
  transform: scale(1.1);
  transition: transform 0.3s ease-in-out;
}

.share-details .social{
  display: inline-block;
  font-size: 2em;
  background-color: #000;
  color: #FFF;
  padding: 5px;
  border-radius: 60px;
  margin: 5px;
  text-align: center;
  letter-spacing: 0px;
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.share-details .social i{
  font-size: 22px;
}

/**** SCROLL DOWN ****/

#section03 a {
  padding-top: 60px;
}

#section03 a span {
  position: absolute;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border-radius: 100%;
  box-sizing: border-box;
  margin-top: 80px;
  background-color: #94ba71;
}

#section03 a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
  z-index: 60000;
}

#section03 a span::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
  z-index: 60000;
}

@-webkit-keyframes sdb03 {
  0% {
	opacity: 0;
  }
  30% {
	opacity: 1;
  }
  60% {
	box-shadow: 0 0 0 60px rgba(255,255,255,.1);
	opacity: 0;
  }
  100% {
	opacity: 0;
  }
}

@keyframes sdb03 {
  0% {
	opacity: 0;
  }
  30% {
	opacity: 1;
  }
  60% {
	box-shadow: 0 0 0 60px rgba(255,255,255,.1);
	opacity: 0;
  }
  100% {
	opacity: 0;
  }
}


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

.accueil .component-main-background-item .component-main-title{
  padding-left: 50px;
}

.accueil .component-main-background-item h1 {
  color: #000;
  text-align: left;
  text-transform: uppercase;
  line-height: 130%;
  font-size: 3em;
}

/* ACCUEIL - TOP BACKGROUND */
@keyframes blinker {
  50% {
	opacity: 0;
  }
}

.home-top-container {
  background-size: 650px, 350px, 350px;
  height: 100vh;
  box-sizing: border-box;
  width: 100%;
}

.home-top-background {
  padding: 35px;
  width: calc(700px - 70px);
  height: calc(100% - 70px);
  margin: 0 auto;
  position: relative;
  animation: headShake 10s ease-in-out alternate infinite;
}

.home-top-background article {
  /*overflow: hidden;*/
  width: 60px;
  height: 60px;
  border: 4px solid #fff;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
}

.home-top-background article span {
  position: absolute;
  color: #fff;
  font-size: 1.8em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

.home-top-background article img {
  width: 35px;
  height: 35px;
  vertical-align: middle;
}

.home-top-background article span:after {
  content: '';
  display: block;
  margin-top: 5px;
  height: 3px;
  width: 55px;
}

.home-top-background .magazines {
  background: rgb(28,184,167);
  background: -moz-linear-gradient(145deg, rgba(28,184,167,1) 0%, rgba(125,187,212,1) 50%, rgba(216,189,254,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(28,184,167,1) 0%, rgba(125,187,212,1) 50%, rgba(216,189,254,1) 100%);
  background: linear-gradient(145deg, rgba(28,184,167,1) 0%, rgba(125,187,212,1) 50%, rgba(216,189,254,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1cb8a7",endColorstr="#d8bdfe",GradientType=1);
  left: 5%;
  top: 25%;
  animation: pulse 2s ease-in-out alternate infinite;
}
.home-top-background .magazines span {
  left: -250%;
  top: 50%;
  transform: translateY(-50%);
  color: #B4BCED;
}
.home-top-background .magazines span:after {
  background-color: #B4BCED;
}

.home-top-background .podcast {
  background: rgb(27,184,166);
  background: -moz-linear-gradient(145deg, rgba(27,184,166,1) 0%, rgba(114,192,118,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(27,184,166,1) 0%, rgba(114,192,118,1) 100%);
  background: linear-gradient(145deg, rgba(27,184,166,1) 0%, rgba(114,192,118,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1bb8a6",endColorstr="#72c076",GradientType=1);
  left: 40%;
  top: 10%;
  animation: pulse 1.6s ease-in-out alternate infinite;
}
.home-top-background .podcast span {
  left: 120%;
  top: 70%;
  transform: translateY(-50%);
  color: #6abf7b;
}
.home-top-background .podcast span:after {
  background-color: #6abf7b;
}

.home-top-background .book {
  background: rgb(26,184,166);
  background: -moz-linear-gradient(145deg, rgba(26,184,166,1) 0%, rgba(138,166,122,1) 50%, rgba(251,149,78,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(26,184,166,1) 0%, rgba(138,166,122,1) 50%, rgba(251,149,78,1) 100%);
  background: linear-gradient(145deg, rgba(26,184,166,1) 0%, rgba(138,166,122,1) 50%, rgba(251,149,78,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1ab8a6",endColorstr="#fb954e",GradientType=1);
  left: 75%;
  top: 15%;
  animation: pulse 1.3s ease-in-out alternate infinite;
}
.home-top-background .book span {
  left: 120%;
  top: 70%;
  transform: translateY(-50%);
  color: #e89856;
}
.home-top-background .book span:after {
  background-color: #e89856;
}

.home-top-background .shoppingbag {
  background: rgb(27,184,166);
  background: -moz-linear-gradient(145deg, rgba(27,184,166,1) 0%, rgba(236,92,104,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(27,184,166,1) 0%, rgba(236,92,104,1) 100%);
  background: linear-gradient(145deg, rgba(27,184,166,1) 0%, rgba(236,92,104,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1bb8a6",endColorstr="#ec5c68",GradientType=1);
  left: 3%;
  top: 45%;
  animation: pulse 2.3s ease-in-out alternate infinite;
}
.home-top-background .shoppingbag span {
  left: 50%;
  top: 150%;
  transform: translate(-50%,-50%);
  color: #df626c;
}
.home-top-background .shoppingbag span:after {
  background-color: #df626c;
}

.home-top-background .video {
  background: rgb(62,21,139);
  background: -moz-linear-gradient(145deg, rgba(62,21,139,1) 0%, rgba(96,203,238,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(62,21,139,1) 0%, rgba(96,203,238,1) 100%);
  background: linear-gradient(145deg, rgba(62,21,139,1) 0%, rgba(96,203,238,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e158b",endColorstr="#60cbee",GradientType=1);
  left: 60%;
  top: 40%;
  animation: pulse 2.5s ease-in-out alternate infinite;
}
.home-top-background .video span {
  left: 50%;
  top: -50%;
  transform: translate(-50%,-50%);
  color: #5ec1e8;
}
.home-top-background .video span:after {
  background-color: #5ec1e8;
}

.home-top-background .spectacles {
  background: rgb(27,183,165);
  background: -moz-linear-gradient(145deg, rgba(27,183,165,1) 0%, rgba(96,119,115,1) 40%, rgba(157,63,71,1) 60%, rgba(180,41,54,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(27,183,165,1) 0%, rgba(96,119,115,1) 40%, rgba(157,63,71,1) 60%, rgba(180,41,54,1) 100%);
  background: linear-gradient(145deg, rgba(27,183,165,1) 0%, rgba(96,119,115,1) 40%, rgba(157,63,71,1) 60%, rgba(180,41,54,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1bb7a5",endColorstr="#b42936",GradientType=1); 
  left: 95%;
  top: 40%;
  animation: pulse 1.8s ease-in-out alternate infinite;
}
.home-top-background .spectacles span {
  left: 120%;
  top: 70%;
  transform: translateY(-50%);
  color: #b12c38;
}
.home-top-background .spectacles span:after {
  background-color: #b12c38;
}

.home-top-background .secret {
  background: rgb(26,184,166);
  background: -moz-linear-gradient(145deg, rgba(26,184,166,1) 0%, rgba(40,114,154,1) 50%, rgba(77,11,138,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(26,184,166,1) 0%, rgba(40,114,154,1) 50%, rgba(77,11,138,1) 100%);
  background: linear-gradient(145deg, rgba(26,184,166,1) 0%, rgba(40,114,154,1) 50%, rgba(77,11,138,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1ab8a6",endColorstr="#4d0b8a",GradientType=1);
  left: 50%;
  top: 75%;
  /*animation: blinker 5s linear infinite;*/
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  animation: tada 3.5s ease-in-out alternate infinite;
  z-index: 1000;
}
.home-top-background .secret:focus {
  outline: none !important;
}
.home-top-background .secret span {
  bottom: -50%;
  left: -350%;
  color: #a1a1a1;
  display: block;
  font-size: 1.4em;
  font-weight: 400;
}
.home-top-background .secret span img {
  /*vertical-align: super;*/
  margin-left: 15px;
  width: 35px;
}

.home-top-background .conference {
  background: rgb(29,185,165);
  background: -moz-linear-gradient(145deg, rgba(29,185,165,1) 0%, rgba(246,236,47,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(29,185,165,1) 0%, rgba(246,236,47,1) 100%);
  background: linear-gradient(145deg, rgba(29,185,165,1) 0%, rgba(246,236,47,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1db9a5",endColorstr="#f6ec2f",GradientType=1);
  left: 90%;
  top: 60%;
  animation: pulse 3.0s ease-in-out alternate infinite;
}
.home-top-background .conference span {
  left: 120%;
  top: 70%;
  transform: translateY(-50%);
  color: #dfcb22;
}
.home-top-background .conference span:after {
  background-color: #dfcb22;
}

.home-top-background .tv {
  background: #f1c40f;
  left: 30%;
  top: 60%;
  animation: pulse 3.0s ease-in-out alternate infinite;
}
.home-top-background .tv span {
  left: 0;
  top: 145%;
  transform: translateY(-50%);
  color: #f1c40f;
  text-shadow: 2px 2px 3px #fff;
}
.home-top-background .tv span:after {
  background-color: #f1c40f;
}

.home-top-social {
  position: absolute;
  bottom: 20%;
}

.home-top-social:before {
  content: '';
  height: 130px;
  width: 2px;
  background-color: #000000;
  margin-bottom: 15px;
}

.home-top-social i {
  font-size: 2em;
  text-align: center;
  margin: 10px 20px;
  color: #000000;
}


/* GLOBAL TOP BACKGROUND */
.global-top-container {
  background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.65)) repeat scroll 0% 0%, rgba(255, 255, 255, 0) url("../imgs/pattern.webp") repeat center center / contain;
  height: 350px;
}

.global-top-container img {
  margin: 0 auto;
  padding-bottom: 25px;
  display: block;
}

.global-top-title {
  padding: 35px;
}

.global-top-title h1:after {
  content: '';
  display: block;
  margin-top: 4px;
  height: 3px;
  width: 55px;
}

/* DEFAULT TOP BACKGROUND */
.default-top-container {
  background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.65)) repeat scroll 0% 0%, rgba(255, 255, 255, 0) url("../imgs/pattern.webp") repeat center center / contain;
  height: 350px;
}

.default-top-title {
  padding: 35px;
}

.default-top-title h1:after {
  content: '';
  display: block;
  margin-top: 4px;
  height: 3px;
  width: 55px;
}


/* SPECTACLES */
.swal2-timer-progress-bar {
  background-color: rgba(26, 184, 166, 0.65) !important;
}

.swal2-title{
  font-size: 24px!important;
}
.swal2-content {
  font-size: 16px!important;
  line-height: 22px!important;
  color: #000!important;
}

#page-12 .global-top-title h1 {
  color: #ac303c;
}

#page-12 .global-top-title h1:after {
  background-color: #ac303c;
}

.component_dates_liste_pad {
  padding: 50px;
  max-width: 960px;
  margin: 25px auto;
}

/* Dates - Liste */
.component_dates_liste h2 {
  font-size: 2.5em;
  text-transform: uppercase;
  text-align: center;
  padding: 15px 0;
}

.component_dates_liste .dates_liste {
  list-style: none;
  font-size: 1.35em;
  border-radius: 20px;
  overflow: hidden;
  padding: 45px 0;
  box-shadow: 3px 3px 6px 4px #d1d1d1;
}

.component_dates_liste .dates_liste img {
  width: 100px;
  margin-right: 15px;
}

.component_dates_liste .dates_liste .question span {
  cursor: pointer;
  padding-right: 25px;
}

.component_dates_liste .dates_liste .date_infos,
.component_dates_liste .dates_liste .date_url {
  flex:  1 1;
}

.component_dates_liste .dates_liste .date {
  padding: 0 45px;
}

.component_dates_liste .dates_liste .date:after {
  content: '';
  display: block;
  margin: 50px auto;
  width: 90%;
  background-color: var(--primary-color);
  height: 2px;
}

.component_dates_liste .dates_liste .date:last-child:after {
  display: none;
}

.component_dates_liste .dates_liste .date h3 {
  font-size: 1.4em;
  padding-bottom: 10px;
}

.component_dates_liste .dates_liste .date em {
  font-size: 0.65em;
  letter-spacing: 0.5px;
  background-color: var(--primary-color);
  padding: 5px 8px;
  margin-bottom: 5px;
  display: inline-block;
  color: #fff;
}

.component_dates_liste .dates_liste .date .btnStd {
  padding: 10px 15px;
  font-size: 1.2em;
  border: none;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; 
  min-width: 150px;     
}

.component_dates_liste .dates_liste .date .btnStd.full {
  background: none;
  background-color: grey;
}

.component_dates_liste .dates_liste .date a:hover{
  padding: 10px 35px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;       
}

/* ACCUEIL - LISTE CATÉGORIES */
@keyframes catpos {
  0% {
	bottom: 0px;
  }
  100% {
	bottom: 15px;
  } 
}

.liste-website-categories .component-flex-col-3-item-pad {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  box-sizing: border-box;
}

.liste-website-categories article {
  border-radius: 5px;
  box-shadow: 0px 0px 5px #a1a1a1;
  max-width: 350px;
  border-bottom: 5px solid var(--primary-color);
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;     
}

.liste-website-categories article:hover {
  -webkit-animation: catpos .3s forwards;
		  animation: catpos .3s forwards;    
}

.liste-website-categories article header img {
  margin: 0 auto;
  display: block;
  max-width: 40px;
  padding: 15px;
  border-radius: 50%;
}

.liste-website-categories article.spectacles header img {
  background: rgb(27,183,165);
  background: -moz-linear-gradient(145deg, rgba(27,183,165,1) 0%, rgba(96,119,115,1) 40%, rgba(157,63,71,1) 60%, rgba(180,41,54,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(27,183,165,1) 0%, rgba(96,119,115,1) 40%, rgba(157,63,71,1) 60%, rgba(180,41,54,1) 100%);
  background: linear-gradient(145deg, rgba(27,183,165,1) 0%, rgba(96,119,115,1) 40%, rgba(157,63,71,1) 60%, rgba(180,41,54,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1bb7a5",endColorstr="#b42936",GradientType=1); 
}

.liste-website-categories article.livres header img {
  background: rgb(26,184,166);
  background: -moz-linear-gradient(145deg, rgba(26,184,166,1) 0%, rgba(138,166,122,1) 50%, rgba(251,149,78,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(26,184,166,1) 0%, rgba(138,166,122,1) 50%, rgba(251,149,78,1) 100%);
  background: linear-gradient(145deg, rgba(26,184,166,1) 0%, rgba(138,166,122,1) 50%, rgba(251,149,78,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1ab8a6",endColorstr="#fb954e",GradientType=1);
}

.liste-website-categories article.videos header img {
  background: rgb(62,21,139);
  background: -moz-linear-gradient(145deg, rgba(62,21,139,1) 0%, rgba(96,203,238,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(62,21,139,1) 0%, rgba(96,203,238,1) 100%);
  background: linear-gradient(145deg, rgba(62,21,139,1) 0%, rgba(96,203,238,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e158b",endColorstr="#60cbee",GradientType=1);
}

.liste-website-categories article img {
  display: block;
  margin: 0 auto 25px auto;
}

.liste-website-categories article h1 {
  text-align: center;  
  font-size: 1.6em;
  font-weight: 300;
  padding: 25px 0;
}

.liste-website-categories article h2,
.liste-website-categories article span {
  padding: 0 0 15px 0;
  font-size: 1.5em;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

.liste-website-categories article h2 {
  color: var(--primary-color);
  font-size: 2em;
  padding-bottom: 20px;
  letter-spacing: 1px;
}

.liste-website-categories article p {
  font-family: 'Gotham Medium';
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.2em;
}

.liste-website-categories article footer i {
  text-align: right;
  display: block;
}

/*****************
*** SPECTACLES ***
******************/
.global-2-items-block h1 {
  padding-bottom: 25px;
  line-height: 150%;
}

.global-2-items-block p {
  font-size: 1.4em;
  line-height: 130%;
  text-align: justify;
}

.global-2-items-block img {
  width: 100%;
}

.global-2-items-block .component-flex-col-2-group {
  max-width: 1144px;
  margin: 0 auto;
}


/* GLOBAL - COUNTER BLOCK */
.global-counter-block p {
  font-size: 2em;
  text-transform: uppercase;
  color: #a1a1a1;
  font-family: 'Gotham Medium';
  text-align: center;
  letter-spacing: 2px;
  font-weight: 600;
}
.global-counter-block .count {
  font-size: 60px;
  display: block;
  line-height: 50%;
  color: #e7e7e7;
}



/*****************
*** ACTUALITES ***
******************/
.page-actus .component-main-background-item .component-main-title:before,
.page-actus .component-main-background-item .component-main-title:after {
  content: '';
  width: 10em;
  height: 1px;
  display: inline-block;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.page-actus .component-main-background-item .component-main-title:before {
  left: 2%;
}
.page-actus .component-main-background-item .component-main-title:after {
  right: 2%;
}
section.actualites{
  margin: 0; 
  background: #FFF; 
  padding: 30px; 
}
.actus-date{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
}
.actus-date strong{
	color: #94ba71;
	font-size: 1.8em;
	background-color: #fff;
	padding: 8px 10px;
	text-align: center;
	letter-spacing: 2px;
	display: block;
}
.actus-date hr{border: 1px solid #fff;}
.bloc-actus{margin: 40px;}
.bloc-actus-infos {
  padding-left: 30px;
  margin-left: 30px;
  position: relative;
}
.bloc-actus-infos:after {
  content: '';
  display: block;
  width: 1px;
  height: 25em;
  border-left: 1px solid #94ba71;
  position: absolute;
  top: -25px;
  left: 0;
}
.bloc-actus-infos-pad{padding-top: 20px; padding-right: 20px;}
.bloc-actus-img{display:block; width: 100%; height: 300px;}
.actus-date ::-moz-selection { color: #FFF; background: #313131; }
.actus-date ::selection  { color: #FFF; background: #313131; }
.bloc-actus-infos-link {padding-top: 15px;}
.bloc-actus-infos-link a {
  display: block; 
  align-self: flex-end; 
  width: 100%;
  font-size: 1.5em;
}
.bloc-actus-infos h1{font-size: 28px; margin-bottom: 20px; line-height: 120%;}
.bloc-actus-infos p{letter-spacing: 0.5px; font-size: 1.2em;}

/*************
*** BOUTON ***
**************/
.original-button{
	background: url('/imgs/bkg-button.png') no-repeat;
	display: flex;
	margin: 20px auto;
	font-weight: normal;
	font-size: 17px;
	text-align: left;
	text-transform: uppercase;
	border: none;
	letter-spacing: 1px;
	color: #ffffff;
	cursor: pointer;
	font-family: inherit;
  font-weight: 600;
	padding: 15px 40px 15px 25px;
	background-size: 100%;
	align-items: center;
	justify-content: center;
}
.original-button:hover{
  /*-webkit-animation: flipInX 1s forwards;
  animation: flipInX 1s forwards;*/
}
.btnStd {
	display: table;
	margin: 20px 0;
	padding: 12px 25px;
	font-size: 20px;
  border-radius: 50px;
	text-align: center;
	text-transform: uppercase;
	border: none;
	color: #FFFFFF; 
	cursor: pointer;
  background: rgb(83,7,138);
  background: -moz-linear-gradient(90deg, rgba(83,7,138,1) 0%, rgba(26,184,166,1) 75%);
  background: -webkit-linear-gradient(90deg, rgba(83,7,138,1) 0%, rgba(26,184,166,1) 75%);
  background: linear-gradient(90deg, rgba(83,7,138,1) 0%, rgba(26,184,166,1) 75%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#53078a",endColorstr="#1ab8a6",GradientType=1);
  letter-spacing: 1px;
  font-family: "Gotham Medium";
  font-weight: 500;
  -webkit-transition: margin 0.2s ease;
  -moz-transition: margin 0.2s ease;
  -o-transition: margin 0.2s ease;
  transition: margin 0.2s ease;
}

.btnStd:hover {
  margin-left: calc(inherit + 15px);
  -webkit-transition: margin 0.2s ease;
  -moz-transition: margin 0.2s ease;
  -o-transition: margin 0.2s ease;
  transition: margin 0.2s ease;
}

.btnStd i {
  -webkit-transition: padding 0.4s ease;
  -moz-transition: padding 0.4s ease;
  -o-transition: padding 0.4s ease;
  transition: padding 0.4s ease;
}

.btnStd:hover i {
  padding-left: 10px;
  -webkit-transition: padding 0.4s ease;
  -moz-transition: padding 0.4s ease;
  -o-transition: padding 0.4s ease;
  transition: padding 0.4s ease;
}

.btnSpe{
	display: table;
	margin: 0 auto;
	padding: 10px 15px;
	letter-spacing: 1px;
	font-family: inherit;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;  
	background: #000;
	border-radius: 10px;
	color: #FFFFFF;
	cursor:pointer;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.btnSpe:hover{
	border-radius: 0px;
	background: transparent;
	-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;  
}
.btnSearch{
	display: table;
	margin: 0 auto;
	padding: 15px 16px;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	border: none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;   
	background: #F48024;    
	border:solid 1px #F48024;   
	color:#FFF;
	font-family: inherit, Arial, sans-serif;    
	cursor:pointer;
}
.btnSearch.spec{
	display: block;
	width: 20%;
	margin: 0 auto;
	padding: 16px 0;
	font-size: 16px;
}
#formSearch input.spe{ width: 20%; height: 40px; }

.fontgris .btnSpe{margin: 40px auto 0 auto;}
.btnPad {margin: 40px auto 0 auto;}

/**************
*** CONTACT ***
***************/
.contact .production {

}

.contact .social a {
  width: 45px;
  height: 45px;
  background-color: #313131;
  margin: 0 10px;
  border-radius: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;  
}

.contact .social a i {
  color: #fff;
}

.contact .social a:hover{
  background-color: #707070;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;  
}

input.std{
	display: block;
	font-size: 14px;
	border: solid 1px #313131;
	height: 25px;
	line-height: 25px;
	width: 100%;
	padding: 0 0 15px 0;
	margin: 10px 0 0 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;  
}
input.std:focus{
	text-indent: 10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	outline: none;
}
input.std.none{ display: none; }
select.std{
	display: block;
	font-size: 12px;
	border: solid 1px #313131;
	height: 35px;
	width: 305px;
	color: #313131;
	margin: 0 10px 0 0;
	text-indent: 2px;   
	font-family: inherit,Arial,sans-serif;      
}
textarea{resize: none;}
textarea.std{
	display: block;
	height: 120px;
	font-size: 14px;
	border: solid 1px #313131;
	width: 100%;
	text-indent:10px;
	padding: 10px 0;
	margin: 10px 0 0 0;
	color: #313131;
	font-family: inherit,Arial,sans-serif;  
}
fieldset{
	border:none;
	padding: 15px 0;
	margin: 0;
}
label.std{
	color: #94ba71;
  font-family: inherit;
  font-size: 1.7em;
  font-weight: 400;
  letter-spacing: 1px;
}
fieldset cite.note{
	padding: 0;
	font-size: 12px;
	font-style: italic;
	display: block;
	color: #000000;
	text-align: right;
}
form a{text-decoration: underline;}
form a:hover{color: #22a1d6;}

/* CUSTOM CHECKBOX */
form input[type=checkbox] { display:none; } /* to hide the checkbox itself */
form input[type=checkbox] + label:before {
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-weight: 200;
	font-size: 20px;
	vertical-align: top;
}

form label span{font-size: 15px; line-height: 23px; display: inline-block;}

form input[type=checkbox] + label:before { content: "\f0c8"; color: #1ab8a6; cursor: pointer;} /* unchecked icon */
form input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

form input[type=checkbox]:checked + label:before { content: "\f14a"; color: #1ab8a6;} /* checked icon */


/************
 * CARTE *
 */

.search_box {
  margin: 15px 0;
}

.search_box > * {
  margin: 0 10px !important;
  flex: 1;
}

.search_box label {
  font-size: 1.5em;
  color: rgb(26, 184, 166);
  text-transform: uppercase;
}

.search_box input,
.search_box select {
  min-height: 47px;
  border: none;
  font-size: 1.2em;
}

#map-canvas.theMap{
  border-top: solid 5px #ffff00;
  height: 700px;
}
.gm-style-iw strong{ font-size: 22px; text-align: center; display: block; }
.gm-style-iw span{ font-size: 16px; text-align: center; display: block; }
.gm-style-iw a,
.gm-style-iw .link{ 
  display: block; 
  padding: 5px 25px; 
  text-align: center; 
  background: #ffff00;
  color: #000;
  font-size: 16px;
  text-decoration: none;
  margin: 10px auto;
  font-family: Gotham-Bold,Arial,sans-serif;
}

.thetype{ 
  display: inline-block;
  padding: 15px 30px 0 60px;
  margin: 0 25px;
  min-height: 45px;
  font-size: 16px;
  font-family: "Gotham Medium";
}
.thetype.dedicace   { background: url('/imgs/picto/type/picto-dedicace.png') no-repeat 0 center / 60px; }
.thetype.plateau    { background: url('/imgs/picto/type/picto-plateau.png') no-repeat 0 center / 60px; }
.thetype.spectacle  { background: url('/imgs/picto/type/picto-spectacle.png') no-repeat 0 center / 60px; }
.thetype.conference { background: url('/imgs/picto/type/picto-conference.png') no-repeat 0 center / 60px; }

.thetype span {
  padding-left: 25px;
  vertical-align: middle;
}



/* CONTACT FORM */
.contact-form form {
  display: flex;
  flex-wrap: wrap;
}

.contact-form form input, .contact-form form textarea {
  border: none;
  background: #e1e1e1;
  color: #313131;
  padding: 15px;
  font-size: 15px;
  text-transform: none;
}

.contact-form form input {
  flex: 0 1 calc(50% - 50px);
  margin: 10px;
}

.contact-form form textarea {
  flex: 1 1 100%;
  margin: 25px 10px;
  min-height: 180px;
}

.contact-form form fieldset {
  display: block;
  margin: 15px 10px;
  flex: 1 1 100%;
}

.contact-form form button {
  display: block;
  margin-left: auto;
}

.cgu span,
.cgu span a{
	font-size: 1.05em; 
	color: #313131; 
	font-family: inherit;
	text-transform: none;
	letter-spacing: 0.5px;
}

/* CONTACT - LOCALISATION */
.component-contact-box .btnStd {
  margin: 50px auto 0 auto;
}

.component-contact-box .social {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.contact-localisation img {
  width: 50px;
  height: 50px;
  background-color: #1ab8a6;
  padding: 10px;
  display: block;
  margin: 0 auto;
  border-radius: 35px;
  /*outline: 1rem solid #1ab8a6;*/
  /*background-clip: content-box;*/
}

.contact-localisation h1 {
  padding-top: 15px;
  text-align: center;
  font-size: 2.2em;
}

.contact-localisation h2 {
  color: #a1a1a1;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 20px 0;
  text-align: center;
  font-family: "Gotham Medium";
}

.contact-localisation h3 {
  font-size: 1.5em;
  text-align: center;
  font-weight: 400;
  padding: 3px 0;
  font-family: 'Gotham Book Regular';
}

.contact-localisation .liste-reseau {
  padding: 20px 0;
}

.contact-localisation .component-flex-col-2-item.social {
  background: url('/imgs/contenu/grey-background.png') no-repeat bottom center / 500px;
}

.error-message{color: red; font-size: 12px; display: block; padding: 2px 0; width: 100%;}


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

.mentionsCont{ display: table; margin: 30px auto 120px auto; }
.mentionsLeg { padding: 15px 0; font-size: 16px; color: #000000; display: flex;}
.mentionsLeg h3{
  display: inline-block;
  font-family: inherit;
  text-transform: uppercase;
  vertical-align: middle;
	font-size: 1.2em;
  font-family: "Gotham Medium";
  color: #1ab8a6;
  font-weight: 400;
}
.mentionsLeg h4{
  display: inline-block;
	padding-left: 15px;
	color: #a1a1a1;
  font-weight: 400;
	font-size: 1em;
  line-height: 1.5em;
}
.mentionsLeg h4 a{color: #1ab8a6; font-style: italic; text-transform: none;}
.mentions-legales .component-main-sub-title{padding-top: 150px;}
.mentions-legales .component-main-sub-title h2{width: 60%; margin: 0 auto;}
.email-spec h4{text-transform: none; font-size: 23px;}
.resp {display: none;}


/***********
*** RGPD ***
***********/
.rgpd{
	width: 85%; 
	margin: 50px auto; 
	font-size: 1.2em;
}
.rgpd h1{color: #313131;}
.rgpd b{
	margin-bottom: 25px; 
	display: block;
	font-size: 1.3em;
}
.rgpd ul{
	list-style-type: none;
	margin: 15px 0;
}
.rgpd ul li{
	padding: 0 0 0 30px;
}
.rgpd ul li ul li:before{               
	content: '•';
	margin-right: 8px;
}
.rgpd hr{margin: 25px 0;}

/***********
* 404
*/
.page-404 .component-main-background-item{
  height: 100vh;
}
.page-404 .component-main-title {
  width: auto;
  text-align: center;
}
.page-404 .btnStd {
  margin: 15px auto;
}
.page-404 h1 {
  padding-bottom: 25px;
  color: var(--primary-color);
}
.page-404 span {
  font-weight: 500;
  color: #313131;
}

.titre{
  font-size: 2em;
  font-weight: bold;
  padding-bottom: 15px;
}

/***********
* ECRAN 13 POUCES
*/
@media screen and (max-width: 1366px)
{   
		
}

@media screen and (max-width: 1280px)
{
  /* Accueil */
	.home-top-container {
	background-position: -50% -150px, 120% -20%, center;
  }
}

/***********
* TABLETTE PAYSAGE
*/
@media screen and (max-width: 1024px)
{   
	/* Accueil - Liste catégories */
  .liste-website-categories article {
	max-width: 300px;
  }
  .home-top-container .home-top-background article:not(.secret) span {
	left: 50%;
	top: 120%;
	transform: translateX(-50%);
	text-shadow: 2px 2px 2px #b1b1b1;
  }
  .home-top-container {
	background-position: -150px -150px, 650px -120px, center;
  }
  .home-top-social {
	bottom: 33%;
  }
}

/***********
* TABLETTE PAYSAGE
*/
@media screen and (max-width: 960px)
{
  /* Accueil - Liste catégories */   
  .liste-website-categories .component-flex-col-3-item h2,
  .liste-website-categories .component-flex-col-3-item p,
  .liste-website-categories .component-flex-col-3-item span,
  .liste-website-categories .component-flex-col-3-item header ~ img,
  .liste-website-categories .component-flex-col-3-item .youtube {
	display: none;
  }
  .liste-website-categories .component-flex-col-3-item footer a {
	text-align: center;
  }
  .liste-website-categories article {
	max-width: 90%;
  }
  /* Accueil - top background */
  .home-top-background {
	background-size: 540px;
	width: 100%;
	height: 100%;
	padding: 0;
  }
  .home-top-container article:not(.secret) {
	display: none;
  }
  .home-top-social::before {
	display: none;
  }
  /* Menu */
  .first-level-menu,
  .second-level-menu {
	width: 100%;
	flex: 1 1 100%;
  }
  .component_dates_liste .dates_liste .date .btnStd { 
	font-size: 1em; 
	padding: 10px 5px; 
  }
  .component_dates_liste .dates_liste .question {
	text-align: center;
  }
  .component_dates_liste .dates_liste .question span {
	margin: 5px auto;
  }
}

/***********
* PETITE TABLETTE PAYSAGE
*/
@media screen and (max-width: 880px)
{       
  .component_dates_liste .dates_liste .flex > .date_infos {
	-webkit-box-flex: 2;
	-ms-flex: 2 1;
	flex: 2 1;
	padding: 5px;
  }
}


/***********
* TABLETTE PORTRAIT
*/
@media screen and (max-width: 768px)
{   
  /* GLOBAL */
  .ptb50 {
	padding: 25px 0;
  }
  .component-flex-col-2-item,
  .component-flex-col-3-item {
	flex: 1 1 100%;
  }
  .component-main-title h2 {
	text-align: center;
  }
  /* Contact */
  .component-contact-box-infos {margin-left: 15px; padding-left: 15px;}
  .component-contact-box .component-contact-box-infos {padding: 15px;}
  .contact-localisation .component-flex-col-2-item.social {
	background-position: center;
	background-size: 450px;
	height: 400px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  }
  .component-contact-box .ptb30 {
	padding: 0;
  }
  /* Accueil - Liste catégories */
  .liste-website-categories article {
	margin: 25px 0;
  }
  .liste-website-categories article h1 {
	font-size: 1.4em;
  }
  .home-top-social {
	bottom: auto;
	top: 30%;
  }
  .home-top-container {
	background-position: -200px -200px, 500px -120px, center;
  }
  /* Menu */
  .outer-menu .menu > div > div > ul {
	padding: 0;
  }
  .outer-menu .menu > div > div > ul > li {
	font-size: 22px !important;
  }
  /* Bottom */
  .botCell {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	text-align: center;
	margin: 15px 0;
  }
  /* Animated numbers resp */
  .global-counter-block {
	padding: 0;
  }
  .global-counter-block > .flex {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
  }
  .global-counter-block > .flex p {
	margin: 25px 0;
	font-size: 1.8em;
  }

  /* Spectacle - Search box */
  .search_box label,
  .search_box .btnStd {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	margin: 15px 0 !important;
  }

  /*  Spectacle - Dates liste */
  .date > .flex {
	flex-direction:  column;
  }
  .date > .flex > * {
	padding: 15px;
  }
  .component_dates_liste .dates_liste {
	padding: 25px 0;
  }
  .component_dates_liste .dates_liste .date {
	padding: 0 30px;
  }
  .component_dates_liste .dates_liste .date h3 {
	font-size: 1.7em;
	text-align: center;
  }
  .component_dates_liste .dates_liste .date em {
	display: block;
	font-size: 1.2em;
	text-align: center;
	padding: 10px;
  }
  .component_dates_liste .dates_liste .question,
  .component_dates_liste .dates_liste .date_infos,
  .component_dates_liste .dates_liste .date_url {
	width: 100%;
	box-sizing: border-box;
  }
  .component_dates_liste .dates_liste .date::after {
	margin: 20px auto;
  }
  .component_dates_liste .dates_liste .date .date_ville {
	font-size: 1.1em;
	text-align: center;
	display: block;
	line-height: 150%;
	font-weight: bold;
  }
  .component_dates_liste .dates_liste .date .date_infos em {
	display: table;
	margin: 5px auto;
	text-align: center;
  }
  .component_dates_liste .dates_liste .question {
	flex-direction: row-reverse;
  }
  .component_dates_liste .dates_liste .question > * {
	flex: 1 1 100%;
	text-align: center;
	padding: 5px 0;
  }
}


/***********
* PETITE TABLETTE PORTRAIT
*/
@media screen and (max-width: 640px)
{
	/** mentions légales **/
	.mentions-legales .mentions-code-bar{margin: 50px 15px !important;}
	.mentions-legales .mentionsLeg h3{font-size: 16px;}
	.mentions-legales .mentionsLeg h4{font-size: 15px;}
	.mentions-legales .mentionsLeg h4 a{font-size: 15px;}
	/**contact**/
	.contact span.sub-title-h1{font-size: 1.8em;}
	.contact .module-contact-box{margin: 0 10px;}
	.contact .infos-adress{display: block;}
	.contact .contact-form .module-contact-box.flex{flex-direction: row;}
	.contact .module-contact-box-item{flex-basis: 100%;}
	.contact .infos-adress .bloc-resa > span{font-size: 1.2em;}
	.contact .contact-infos{justify-content:center; display: flex;}
	.component-contact-box .btnStd {
		margin: 25px auto;
		font-size: 14px;
  	}

  .contact-form form {	
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
  }

  .contact-form form input,
  .contact-form form textarea {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 0 12px 0;
	box-sizing: border-box;
  }

  /* Accueil */
  .home-top-background {
	  background-size: 400px;
  }
  .home-top-container {
	background-size: 450px, 250px, 150px;
	background-position: -10vw -100px, 450px -10vw, center;
  }

  /* Global */
	nav.menu .outer-menu .menu > div > div ul {
		margin: 0;
	}
	.btnStd {
		font-size: 16px;
	}
	.global-top-container img {
		max-width: 80px;
	}
	h1 {
		font-size: 2.5em;
	}
	.global-top-container {
		align-items: flex-end;
	}
  	/* Carte */
  	.theTypeCont {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
  	}

  	.theTypeCont .thetype {
		background-size: 50px;
		margin: 10px;
		-ms-flex: 1 1 calc(50% - 20px);
		flex: 1 1 calc(50% - 20px);
		-webkit-box-sizing: border-box;
	        	box-sizing: border-box;
		width: calc(50% - 20px);
		min-height: 50px;
		padding-left: 50px;
	}

	.theTypeCont .thetype span {
		padding-left: 10px;
		font-size: 14px;
	}
}

/***********
* MOBILE PAYSAGE
*/
@media screen and (max-width: 480px)
{
  .bloc-table{ font-size: 13px; width:100%; }
  .swal2-popup{ width:95% !important; }
  .pt150{ padding-top: 10px;}
  .pad25{ padding: 25px 10px; font-size: 12px; }
	/** mentions légales **/
 .mentions-legales .mentions-code-bar{margin: 50px 15px !important;}
 .mentions-legales .mentionsLeg h3{font-size: 16px;}
 .mentions-legales .mentionsLeg h4{font-size: 15px;}
 .mentions-legales .mentionsLeg h4 a{font-size: 15px;}
  /** rgpd **/
  .rgpd ul li{padding-left: 20px;}
	/**contact**/
	.contact span.sub-title-h1{font-size: 1.6em;}
  .h1{font-size: 26px;}
	.contact .module-contact-box{margin: 0 10px;}
	.contact .infos-adress{display: block;}
	.contact .contact-form .module-contact-box.flex{flex-direction: row;}
	.contact .module-contact-box-item{flex-basis: 100%;}
	.contact .infos-adress .bloc-resa > span{font-size: 1.2em;}
	.contact .contact-infos{justify-content:center; display: flex;}
  .component-contact-box .component-contact-box-infos {padding: 0 15px;}
  .contact-form .pad25 {
	padding: 10px;
  }
  /* Bottom */
  .contentBotLien cite {
	font-size: 14px;
  }
  /* Accueil */
  .home-top-container {
	background-position: -190px -80px, 328px -20px, center;
  }
  .home-top-background {
	background-size: 320px;
  }
  .home-top-background .secret span {
	font-size: 1.2em;
	left: -270%;
  }
  .home-top-social {
	top: 25%;
  }
  .home-top-social i {
	margin: 5px 35px;
  }

  /* Spectacle - Dates liste */
  .component_dates_liste .dates_liste .date h3 {
	font-size: 1.5em;
  }
  .component_dates_liste .dates_liste .date em {
	font-size: 1em;
  }
  .component_dates_liste .dates_liste .date .date_ville {
	font-size: 1.1em;
  }
  .component_dates_liste_pad {
	padding: 25px;
  }
  .component_dates_liste .dates_liste .date {
	padding: 0 25px;
  }
  /* Spectacle - Seach box */
  .search_box > * {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	margin: 0 !important;
  }
  .search_box select.std {
	width: 100%;
	text-indent: 0px;
	margin: 0 !important;
  }

  .reseaux-resa{
	flex-wrap: wrap;
  }
}

/***********
* MOBILE PORTRAIT
*/
@media screen and (max-width: 320px)
{
	/** mentions légales **/
	.mentions-legales .mentions-code-bar{margin: 50px 15px !important;}
	.mentions-legales .mentionsLeg h3{font-size: 16px;}
	.mentions-legales .mentionsLeg h4{font-size: 15px;}
	.mentions-legales .mentionsLeg h4 a{font-size: 15px;}
	/**contact**/
	.contact span.sub-title-h1{font-size: 1.8em;}
	.contact .module-contact-box{margin: 0 10px;}
	.contact .infos-adress{display: block;}
	.contact .contact-form .module-contact-box.flex{flex-direction: row;}
	.contact .module-contact-box-item{flex-basis: 100%;}
	.contact .infos-adress .bloc-resa > span{font-size: 1.2em;}

  /* Spectacle - Dates liste */
  .component_dates_liste .dates_liste .date h3 {
	font-size: 1.3em;
  }
  .component_dates_liste .dates_liste .date em {
	font-size: 0.8em;
  }
  .component_dates_liste .dates_liste .date .date_ville {
	font-size: 1em;
  }
  .component_dates_liste_pad {
	padding: 15px;
  }
  .component_dates_liste .dates_liste .date {
	padding: 0 15px;
  }
}