:root{
--main-color: white;
--main-bg-color: #008EFE;
}

}
/********** RECAPTCHA V3 ********/
.grecaptcha-badge {
	/****display: none; ****/
	margin-bottom:50px;
	z-index:9999;
}
@media (max-width:1024px){
	.grecaptcha-badge {
		/****display: none; ****/
		margin-bottom:50px;
		z-index:9999;
	}
}

/***************************************  TELEPHONE   ********************************************************/
.telephone{
	position:fixed;
	z-index:10000;
	bottom:0;
	right:0;
	width:55px;
	height:55px;
	margin-bottom:40px;
}
@media (max-width: 800px){
	.telephone {
		position:fixed;
		z-index:10000;
		bottom:0;
		right:0;
		width:55px;
		height:55px;
		margin-bottom:60px;
       margin-right:5px;

	}
}

.whatsapp-icon{
	position:fixed;
	z-index:100000;
	bottom:80px;
	right:0;
	width:70px;
	height:70px;
	margin-bottom:40px;
}
@media (max-width: 800px){
	. whatsapp-icon {
		position:fixed;
		z-index:100000;
		bottom:80px;
		right:0;
		width:70px;
		height:70px;
		margin-bottom:60px;
       margin-right:5px;

	}
}

/***************************************  FIN TELEPHONE   *******************************************************/


/***************************************    BARRE TEXTE DEFILE / HEURE/BLINK     ********************************************************/

#defiletexte{
animation: defiletexte 20s infinite linear;

}

.texte_defilee {
  overflow: hidden; /* important */
  width:100%;
}


.texte_defilee > div {
  display: inline-block; /* important */
  white-space: nowrap; /* important */
  animation: defilement 20s infinite linear; /* défilement */
  cursor: pointer;
 padding: 10px 2em 10px 100%;
}

.texte_defilee:hover > div {
  animation-play-state: paused; /* met en pause le défilement */
}

@keyframes defilement {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  100% {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
  }
}



.bandeauDefil_textedefile_entete{
	color:white; 
	font-size:16px; 
	display: inline;	
	font-weight:bold;
}
.bandeauDefil_textedefile2_entete{
	color:yellow; 
	font-size:16px; 
	display: inline;
}
.bandeauDefile_CliquezIci{
	color:white; 
	font-size:16px; 
	display: inline;
}



/***************************************   FIN BARRE TEXTE DEFILE / HEURE/BLINK   ********************************************************/


/*************************************** Menu ***************************************/
.menu_bureau{
	display:block;
}
.menu_mobile{
	display:none;
}
.img_logo_menu{
	width:300px;
	height:50px;
}

.img-youtube-2{
	width:20px;
	height:20px;
}

#bg_menu_current_a{
	font-size:14px;
	background: var(--main-bg-color);
	color: var(--main-color);
}
#bg_menu_current_a a{
	color: var(--main-color);
}

#bg_menu_a{
	font-size:12px;
}

#bg_menu_a a{
	color: var(--mai-bg-color);
}

#bg_menu_a:hover{
	background: var(--main-bg-color);
}
#bg_menu_a:hover a{
	color: var(--main-color);
}

#adminMenu{
	font-size:14px;
	color: var(--main-color);
	background-color: red;
}

#adminDeconnexion{
	font-size:12px;
	color: var(--main-color);
	background-color: var(--main-bg-color);
	padding:4px;
}


.etiquetteReseauImg{
	width:130px;
	height:30px;
}
.etiquetteReseau{
	color: var(--main-bg-color);
	font-size:16px;
	font-weight:bold;
}

@media (max-width: 768px){
.menu_bureau{
display:none;
}
.menu_mobile{
	display:block;
	
}
	.img_logo_menu{
		width:200px;
		height:30px;
	}
	#bg_menu_current_a{
	font-size:12px;
	background: var(--main-bg-color);
	color: var(--main-color);
	}
	#bg_menu_current_a a{
		color: var(--main-color);
	}

	#bg_menu_a{
		font-size:12px;
	}

	#bg_menu_a a{
		color: var(--mai-bg-color);
	}

	#bg_menu_a:hover{
		background: var(--main-bg-color);
	}
	#bg_menu_a:hover a{
		color: var(--main-color);
	}

	#adminMenu{
		font-size:12px;
		color: var(--main-color);
		background-color: red;
	}
	#adminDeconnexion{
		font-size:12px;
		color: var(--main-color);
		background-color: var(--main-bg-color);
		padding:4px;
	}

	
	.etiquetteReseauImg{
		width:130px;
		height:40px;
	}
	.etiquetteReseau{
		color: var(--main-bg-color);
		font-size:15px;
		font-weight:bold;
		margin-bottom:20px;
	}
}
/*************************************** Fin Menu ***************************************/



/*************************************** Accueil ***************************************/
.etiquettePrix{
	width:350px;
	height:auto;
	background: var(--main-bg-color);
	color: var(--main-color);
	border:10px solid var(--main-color);
	font-size:19px;
}
.panel-heading p{
	font-size:20px;
	font-weight:bold;
	
}
.panel-body p{
	font-size:12px;
	
}
.offert{
	color:yellow;
	font-weight:bold;
}
.prix{
		font-size:20px;
		
	}

@media (max-width: 1024px){
	.etiquettePrix{
		width:350px;
		height:auto;
		background: var(--main-bg-color);
		color: var(--main-color);
		border:10px solid var(--main-color);
	}
	.panel-heading p{
		font-size:20px;
		font-weight:bold;
		
	}
	.panel-body p{
		font-size:15px;
		
	}

	.offert{
		color:yellow;
		font-weight:bold;
	}
}
.voitureFCD{
position:float-left;
width:300px;
margin:10px;
padding:5px;
border:solid var(--main-color) 2px;

}

@media (max-width: 1024px){

.voitureFCD{
position:float-left;
width:190px;
height:120px;
margin:10px;
padding:5px;
border:solid var(--main-color) 2px;

}

}
/*************************************** Fin Accueil ***************************************/


/***************************************    FOOTER   ********************************************************/
.copyright {
  padding-top: 2px;
  padding-bottom: 30px;
}

#Copyright-Annee {
	color: var(--main-color);
}

#table_horaire{
	border:3px solid var(--main-bg-color);
	
}

#table_horaire td{
	border:2px solid var(--main-color);
	
}
.carteOuMetrouver{
	width:1000px;
	height:600px;
}

@media (max-width: 1024px) {
	.carteOuMetrouver{
		width:320px;
		height:350px;
	}
}
/***************************************    FIN FOOTER   ********************************************************/


/***************************************    COOKIE   ********************************************************/
.cookie-alert {
	position: fixed;
	width: 100%;
	bottom: 0;
	right: 0;
	left: 0;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background:var(--main-bg-color);
	color: var(--main-color);
	font-size: 14px;
	font-family: « Lato », sans-serif;
	font-weight: 100;
}
.cookie-alert a { 
	padding:4px;
	margin-left:20px;
	background: var(--main-color);
	color:var(--main-bg-color);
	transition: all .3s ease;
}
.cookie-alert a:hover {
  background: var(--main-bg-color);
  color: var(--main-color);
}
.cookie-alert-mobile {
	display:none;
}
@media (max-width: 1000px) {
	.cookie-alert{
		display:none;
	}
	.cookie-alert-mobile {
		display:block;
		position: fixed;
		width: 100%;
		bottom: 0;
		right: 0;
		left: 0;
		text-align: center;
		line-height: 30px;
		background:var(--main-bg-color);
		color: var(--main-color);
		font-size: 14px;
		font-family: « Lato », sans-serif;
	}
	.cookie-alert-mobile  a { 
		padding:2px;
		margin-left:10px;
		font-size: 10px;
		background: var(--main-color);
		color:var(--main-bg-color);
		transition: all .3s ease;
	}
	.cookie-alert-mobile  a:hover {
	  background: var(--main-bg-color);
	  color:var(--main-color);
	}
}

/***************************************    FIN COOKIE   ********************************************************/


/***************************************    YOUTUBE   ********************************************************/
.img-youtube-1{
		width:87px;
		height:25px;
	}


/*  VIDEO PLAYER CONTAINER
############################### */
.vid-container {
	position: relative; 
	z-index:9999;
	width:100%;
	float:left;
	height:380px;
	border: 10px solid red;
}

.vid-container iframe,
.vid-container object,
.vid-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 360px;
}




/*  VIDEOS PLAYLIST 
############################### */
.vid-list-container {
	width: 100%;
	height:280px;
	overflow: hidden;
	float:right;
	background: var(--main-bg-color);
}


.vid-list-container:hover, .vid-list-container:focus {
	overflow-y: auto;
}

ol#vid-list {
	margin:0;
	padding:0;
	background: var(--main-bg-color);
}

ol#vid-list li {
	list-style: none;
}

ol#vid-list li a {
	text-decoration: none;
	background-color: var(--main-bg-color);
	height:55px;
	display:block;
	padding:10px;
}

ol#vid-list li a:hover {
	background-color:red;
}

.vid-thumb {
	float:left;
	margin-right: 8px;
}

.active-vid { 
	background:#3A3A3A;
}

#vid-list .desc {
	color: var(--main-color);
	font-size: 13px;
	margin-top:5px;
}


@media (max-width: 624px) {



}
/***************************************    FIN YOUTUBE   ********************************************************/



/***************************************    CODE EN LIGNE   ********************************************************/
.code-en-ligne {
	width: 1024px;
	height:1024px;
}
@media (max-width: 1024px) {
	.code-en-ligne {
		width: 350px;
		height:auto;
	}
}
/***************************************    FIN CODE EN LIGNE   ********************************************************/

.img-comment-financer{	
	width: 200px;
		height:200px;
	}

.logo_qualiopi{	
	width:120px;
	height:60px;
	margin-left:20px;
}
@media (max-width: 768px) {
	.logo_qualiopi{
		width:100px;
		height:50px;
	}
}
	
	
	.videoComprendre{
	width:900px;
	height:1190px;
}
@media (max-width: 800px){
	.videoComprendre {
		width:340px;
		height:550px;
	}
}