em {
    font-size: .8rem;
    display: inline-block;
	line-height: 1.05rem;
}
.flex-control-nav{display:none}

#slider video{
  object-fit: cover;
  object-position: center;
  width: 100%;
  height:100vh;
}
/**************************************/
#actus_accueil{
  width: 280px;
  display: block;
  background-color: var(--menubas-background);
  border-radius:7px 7px 0 0;
    padding:15px 10px 20px;
  color: #fff;
  position: absolute;
  z-index: 100;
  right: 8%;
  bottom: 0;
}

#actus_accueil::before{
  content:"LES NEWS";
  position:absolute;
  z-index:2;
  font-size:0.9rem;
  border-radius:5px;
  top:-15px;
  height:26px;
  line-height:26px;
  left:50%;
  transform: translate(-50%,0);
  background:var(--cta-background);
  padding:0 15px;
  text-align:center;
}
#actus_accueil .appel_action{
	display: inline-block;
	position: relative;
	bottom:-10px;
	left: 50%;
	transform: translate(-50%,0);
	font-size: 1rem;
	}
#actus_accueil a{
  color:#13b0d8;
  display: flex;
justify-content: center;
}

#actus_accueil .appel_action a{
background-color:var(--cta-background);
color:#000;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
width:30px;
height:30px;
padding:0;
text-decoration:none;
}
#actus_accueil .appel_action a .dashicons{
  display:flex;
  align-items: center;
  justify-content: center;
  width:inherit;
  height:inherit;
  line-height:normal;
  }
#actus_accueil ul{
  color:inherit;
  font-size: 0.9rem;
}

#actus_accueil .appel_action a:hover{
background-color:var(--cta-background);
color:#fff;
}
#actus_accueil summary{
  text-transform: uppercase;
  font-size: 0.9rem;
  border-radius:4px;
  color: inherit;
background: #000;
  padding:15px 10px;
}

#actus_accueil .actu_accueil:first-of-type h2{border-radius:2px 10px 0 0;}

#actus_accueil figure>img{
	width:80%;
}

#actus_accueil .date_evenement {
	position: absolute;
	width:60px;
	height: 60px;
	top:50%;
  font-size:0.9rem;
	text-align: center;
  left: -80px;
      transform: translate(0,-50%);
	z-index: auto;
	font-family: arial;
	background: var(--cta-background);
	line-height: 1rem;
	padding:4px 2px;
	border-radius: 5px;
	color: #fff;
}
#actus_accueil h4{
	color:#fff;
	font-size:1.2rem;
}
#actus_accueil p{
	color:#d3d3d3;
	font-size:0.9rem;
  line-height: 1.15em;
}

#actus_accueil strong{
	color:#d3d3d3;
}

#actus_accueil .date_evenement >span{
	display:block;
	text-align:center;
}
#actus_accueil .date_evenement .e_actu{
    padding: 14px;
}
#actus_accueil .date_evenement .e_actu>span{
	font-size:30px !important;
}
#actus_accueil .date_evenement .d_jj,
#actus_accueil .date_evenement .d_m{
	letter-spacing:1px;
	padding-left:3px;
	font-size: 13px;
}

#actus_accueil .date_evenement .d_j{
	font-size:1.8rem;
	font-weight:bold;
	padding:4px 0 1px;
}

.actu_accueil{
  padding:3px 0;
  position:relative;
}
/*********************************/


marquee{
	display:block;
}

#menu_haut .rub.current:after {
	border:none;
}

.close #menu_haut .rub.current span{
	display:none;
}

#planif{
	position:absolute;
	top:40%;
	right:10%;
	z-index:120;
	background: rgba(255,255,255,0.9);
	border-radius:8px;
	max-width:365px;
	width:25%;
	opacity:1;
}
#planif.sticky{
	opacity:0;
	transition:1s all;
}

#planif ul{
	list-style-type:none;
	padding:0;
	padding: 10px 15px;
}
#planif li{
	list-style-type:none;
	 padding:5px 110px 5px 0;
	 position:relative;
	 border-bottom:2px dotted #c3c3c3;
}
#planif li:last-child{
	 border-bottom:none;
}
#planif span{
	font-size:0.82rem;
}
div[id*="popup_home"]{
	display:none;
}
div[id*="popup_home"]:target{
    display: block;
    padding:20px  60px 20px 40px;
    position: fixed;
    top: 100px;
    left: 13%;
    background: #fff;
    min-width: 50%;
    border-radius: 10px;
    height: calc(100vh - 140px);
    overflow: auto;
	border:1px solid #d3d3d3;
}
#planif div[id*="popup_home"] span.fermer{
	position:absolute;
	top:5px;
	right:5px;
	z-index:auto;
	font-size:40px;
	width:auto;
	height:auto;
}
div[id*="popup_home"] iframe{
	width:100%;
	height:95%;
}
div[id*="popup_home"] a{
	color:#000;
	text-decoration:none;
}
div[id*="popup_home"] a:hover{
	color:var(--zone_gauche-background);
	text-decoration:none;
}
#planif .bt_inscrip{
    display: inline-block;
	position:absolute;
	right:0;
	top:15px;
    font-size:.72rem;
}
#planif h3{
	background: rgba(0, 119, 143, 0.75);
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
	padding:10px 15px 7px;
	border-radius:8px 8px 0 0;
}
.bt_inscrip a{
    text-decoration:none;
	padding: 4px 10px;
	border-radius: 20px;
	color:var(--cta-background);
	background:#fff;
	border:1px solid var(--cta-background);
}

.bt_inscrip a:hover {
    color:#000;
	border:1px solid #000;

}

.appel_action{
	display:block;
    position: absolute;
    bottom:100px;
	left: calc(50% - 30px);
    transform: translateX(-50%);
    z-index: 80;
    white-space: nowrap;
}

.appel_action a{
    background:var(--cta-background);
    color: #fff;
    padding: 10px 30px;
    border-radius: 30px;
	text-decoration:none;
}

.appel_action a:hover{
	background:#000;
}

.flexslider .slides img {min-height:100vh;}
/***menu sticky*********************************************/

#top #logo {
  left: 5%;
  /* transform: translate(-50%,0);
  top: 90px;
  display:none; */
}

#top #logo::after{
	position:absolute;
	width:1px;
	height:100px;
	background-color:#fff;
	bottom:0;
	left:0;
}

#top #logo img{
  /* height:auto;
	width:220px;
	filter:invert(0); */
	height:50px;
	width:auto;
	min-width: auto;
	margin-top:5px;
}


#top.sticky {
height:60px;
top:0px;
background:#1d252d;
transition:0.4s all ease-in-out;
}

#top.sticky #logo{
    top: 50%;
	transform: translateY(-50%);
	left:5%;
  display:block;
}

#top.sticky #logo img{
    height:50px;
	width:auto;
	min-width: auto;
	margin-top:5px;
}

/* #top #logo a{
  background: #fff;
  padding: 5px 24px;
  border-radius: 5px;
  } */
  
#top.sticky #logo a{
  background:transparent;
  padding:0;
  border-radius:none;
  }

/* #static_img{
	background:url("../medias/media481_g.jpg") no-repeat center center;
	background-size:contain;
	background-attachment:fixed;
	height:20vw;
	width:100%;
} */

#ss_conteneur{
	padding: 80px 20% 2vw;
}

#gabarit2 #zone2 h2{
    color:var(--zone_gauche-background);
	font-size:2.5rem;
  padding-right:20px;
}
#gabarit2 #zone2 h2:first-letter{
    background:none;
	color:inherit;
	padding:0;
	font-weight:inherit;
	font-family:inherit;
}

#gabarit2 #zone2 {
    width:335px;
    padding:5rem 4% 15px 0;
}

#gabarit2 #zone3 {
    flex:1;
	padding:2rem 0 0;
}


@media screen and (max-width:1100px){
	#planif{display:none}
	}

@media screen and (max-width:800px){
#actus_accueil {
  width: 100%;
  position: relative;
  right: 0;
  border-radius: 0;
  border: 0;
  top: 61px;
  padding: 60px 10% 20px;
  background-color: #000;
}

#actus_accueil::before {
    top:20px;
}

#ss_conteneur{padding:2vw 8% 2vw;}
#top #logo {
  left:50%;
	top:5px;
}
#top.sticky #logo{
    transform: translate(-50%,-50%);
	left:50%;
	}
#top #logo img{
	height:50px;
  width:auto;
	}
#top.sticky #logo img{
  filter:invert(0);
  }
}

/********************* Carousel ********************/
 @keyframes scroll{
	 0% {
		 transform: translateX(0);
	}
	 50% {
		 transform: translateX(-100%);
	}
  100% {
    transform: translateX(0);
  }

}
 .slider {
	 height:40px;
	 margin: auto;
	 overflow: hidden;
	 position: relative;
	 width:100%;
}

 .slider .slide-track {
	 animation: scroll 50s linear infinite;
	 display: flex;
	 width:inherit;
	 height:inherit;
}
 .slider .slide {
	 margin-left:30px;
   display: flex;
   align-items: center;
   max-height:100%;
   height:inherit;
}

.slide img{
  filter:grayscale(100%);
	height:inherit;
}
/***fin carrousel*********************/



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

#ss_conteneur{padding:2vw 5% 2vw;}
/*.appel_action{left:calc(50% + 20px);}*/
.appel_action{left:50%;}
.appel_action a{padding:10px 20px}
}