@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}


html > body.page_accueil #RL_div_body_master {
margin-top: 15%;
}
html > body.page_accueil .scrolled#RL_div_body_master {
margin-top: 0;	
}
.content {
	text-align: center;
	/*background-color: #000;*/
	background-image: url(/img/interface/motif.png);
}
.texture {
	opacity: 0.5;
        background-image: url(/img/interface/motif.png);
}
div#RL_div_header_master {
	padding-top: 0;
	width: 100%;
	position: relative;
	transition: all 1s ease-out;

}
#header_top {
	height: auto;
	/* top: 0; */
	/* z-index: 100; */
}
.bandeau {
	background: #000;
	width: 100%;
	z-index: 20;
	height: auto;
	top: 0;
	position: relative;
	background: url(../img/interface/bande.png) #000;
	background-repeat: no-repeat;
	background-position: right center;
}
.page_accueil .scrolled .slide_bandeau {
	
	opacity: 0.5;
}



#bandeau_mooquee {
	background: #000;
}
.titre {
	position: relative;
	text-align: left;
}
.titre::before {
	background-image: url(../img/interface/logo.png);
	height: 250px;
	background-size: 100% auto;
	width: 250px;
	margin: 0;
}

.txt_titre {
	color: #fff;
border-left: none;
}
.page_accueil .slide_bandeau {
	position: relative;
	width: 100%;
	height: 450px;
	display: block;
	opacity: 1;
	transition: all 1s;
	top: 0;
	z-index: 2;
        	min-height: 750px;

}
.scrolled .slide_bandeau {



}
#bandeau0, #bandeau1 {
	width: 48% !important;
	position: relative;
	display: inline-block;
}
#bandeau0{
	left: 0;
      
}

#bandeau1 {
  right: 0;

}
#bandeau_mooquee {
	background: #000;
	padding: 3%;
}
.bandeau_group {
	height: 80%;
	border-radius: 8px;
	overflow: hidden;
	margin: 0;
	border: 1px #ccc solid;
        margin-bottom: 15px;
	
}
.img_bandeau {
	height: 98%;
	width: 98%;
	top: 1%;
	left: 1%;
	border-radius: 8px;
}

.txt_bandeau {
	width: 60%;
	display: inline-block;
	padding: 10px;
	position: absolute;
	left: 20%;
	height: 50%;
	top: 20%;
}

h3.libelle_bandeau {
	font-family: Roboto Slab;
	color: #000;
	font-weight: bold;
	font-size: 22px;
}
h4.accroche_bandeau {
	color: #000;
	font-size: 15px;
	font-family: Roboto;
}

.bandeau_description {
	text-align: center;
	z-index: 100;
	position: relative;
	width: auto;
	left: auto;
        margin-top: 5%;
}
.bandeau_titre_lien {
	background: #000;
	display: inline-block;
	width: auto;
	padding: 10px;
	color: #fff;
	border-radius: 0;
	font-weight: normal;
}
.slogan_bandeau {
	color: #fff;
}
.accueil {
		font-size: 16px;
}
.accueil.contact {
	display: block;
	border: 1px solid #000;
	font-size: 24px;
	line-height: normal;
	width: 60%;
	padding: 5px;
        text-align: left;
	/* background-color: #000; */
}

.icone_contact {
	vertical-align: middle;
	margin-top: -5px;
}
.block_image {
	position: relative;
}
.scrolled .ecran {
	margin-left: 7%;
	width: 110%;
}
.ecran {
	margin-left: 0;
	position: relative;
	width: 85%;
	transition: 2s all;
}
.laptop {
	z-index: 10;
	position: relative;
}
 .block_image .ecran .youtube_player {
	background: transparent;
	width: 73.8%;
	left: 12.61%;
	top: 8px;
	height: 88% !important;
	position: absolute;
	z-index: 100;
}
.block_image .ecran .youtube_player iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
}


td[bgcolor*="#909B25"] h3.h3, td[bgcolor*="#7CA7B9"] h3.h3,td[bgcolor*="#45521F"] h3.h3{
	color: #fff;
	font-size: 25px;
	border: none;
}
div#RL_div_contenuPageType.page_formation {
    max-width: 100%;
}
#RL_div_formationFiche_CONTENU {
	background-color: #dfd7cd;
}
.INTERF_ficheFormation_formation_texte{background: #fff;}
.INTERF_ficheFormation_formation_texte table {
	max-width: 1200px;
}
 h1#RL_div_contenuPageType_INTITULE_PARENT, .INTERF_ficheFormation_formation_titre {

	 background: transparent;
         font-family: Knewave;
         font-size: 40px;

}
h1#RL_div_contenuPageType_INTITULE_PARENT {display: none;}

div#RL_div_contenuPageType_INTITULE_ENFANT, 
h2#RL_div_contenuPageType_INTITULE_ENFANT{
	background-color: #000;
	padding: 25px;
	line-height: 25px;
	font-size: 30px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	transform: rotate(-3deg);
        text-transform: uppercase;
        margin: 35px;
        font-family: Knewave;
}

hr {
	background-color: #ceab5d;
        font-size: 30px;
}




.INTERF_ficheFormation_formation_texte .h3, 
#RL_div_contenuPageType_PARAG_TITRE{
	color:  #ceab5d;
	 border-bottom: 1px solid #ceab5d;
	font: 400 20px 'Knewave';
	margin: 15px 15px 15px 0;
        text-transform: uppercase;
}

 .h3 {
	color:  #ceab5d;
       
}
.h4 {
	color: #101111;
	font: 20px 'Roboto slab', sans-serif;
	/* font-weight: bold; */
	margin: 18px 0;
}
.cadre {
	background: linear-gradient(300deg,#333333,#cccccc,#8B97AF);
	background-size: 180% 180%;
	border: 2px solid #ccc;
       animation: gradient-animation 18s ease infinite;
	color: #fff;
	padding: 15px;
	border-radius: 8px;
	margin-bottom: 20px;
	max-width: 450px;
	text-align: center;
	margin: 0 auto;
        text-align: center;
}
.cadre.bleu {
	background: #8B97AF;
        /* font-weight: lavande; */
}
.cadre.lavande {
	background: #78151E ;
        /* font-weight: roucge; */
}

.cadre h4.h4{
   
    color: #fff; 
    }
.cadre.blanc {
	background: linear-gradient(300deg,#fff,#a6a6a6,#fff);
	color: #000; 
	
}

.INTERF_ficheFormation_formation_texte [bgcolor*="#"] .h3 {
	color: #000 !important;
	font: 400 17px 'Roboto slab';
	border-bottom: none;
        margin: 0;
        text-transform: uppercase;
}

.INTERF_ficheFormation_formation_texte [bgcolor*="#"] hr {
	background-color: #fff;
	height: 3px;
}
.td_demande {
	background-color: #fff;
	padding-bottom: 25px;
}
 .INTERF_ficheFormation_formation_accroche h3{

	text-align: center;
}
.liste_critere_coches {
	padding: 0;
	margin: 0;
	border-spacing: 0;
	border-collapse: separate;
}
.formation_option_tr td {

}
.formation_option_tr > td:first-child {
	display: none;
}

.formation_option_tr {
	text-align: right;
	display: block;
	padding-bottom: 15px;
}
.formation_option_tr {
	text-align: right;
}
.formation_option_tr td {
	display: inline-block;
	max-width: 350px;
}
td.INTERF_ficheFormation_cartouche_SPACER {
	display: none;
}
td[bgcolor*="#909B25"] h4.h4, td[bgcolor*="#7CA7B9"] h4.h4{
	color: #fff;
}
.formation_liste_options.option_download,
.formation_liste_options.option_print{

	text-align: left;
}

.bandeau_group[style*="opacity: 1"]{
z-index: 2;
}

#menu > li {
	width: calc(100%/4);
        position: relative;
        background-color:transparent;
}
#menu li a {
	color: #000;
}

.scrolled #menu li a {
	color: #fff;
}


#menu li:hover a, #menu li:hover ul a {
	background-color: inherit;
	color: #000;
}
#menu li:hover ul a:hover {
	background-color: #000 !important;
	
}

.outils {
	width: auto;
	position: absolute;
	right: 1%;
	top: 21%;
	z-index: 1000;

}
.outils a {

	color: #fff;
	border-right: #fff 1px solid;
}
.accueil.contact {
	border: 1px solid #fff;
	font-size: 17px;
	width: 94%;
	padding: 0;
	background-color: #fff;
	color: #000;
	min-width: 250px;
}
.white_links a {color: #000 !important;}
#menu ul.hidden li a {
	font-size: 0.9em;
	text-align: left;

}
#menu li ul li.secteur_menu:hover a,
#menu li ul li.secteur_menu a{
	color: #fff;
	background-color: #000;
}
#header_bas {

}
div#RL_div_menuGch_VERTICAL, .show-menu {
	background-color: #D41A3D;
	color: #fff;
	z-index: 10;
	top: 0;
	/* display: none; */
}
.scrolled div#RL_div_menuGch_VERTICAL {
	background-color: #D41A3D;
}
#header_milieu {
		display: none;
}
.formation.vertical h3, .formation.vertical h5 {
	font-family: Knewave;
	font-weight: 300;
	font-size: 35px;
}

.bis .txt_bandeau {
    background-color:rgba(124, 167, 185,0.5);
}

.leaflet-popup-content-wrapper h3 {
	color: #909b25;
}

.leaflet-popup-content-wrapper span {
    
    display:block;
    font-size: 18px;
    
}


div#map{min-height:700px;}


.pourcentages {
	text-align: center;
	
}
.pourcentages td td {
	display: inline-block;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	margin: 2%;
	border: 2px solid #fff;
	background-color: #7CA7B9;
}
.pourcentages h3 {
	font-family: Knewave;
	text-align: center;
	color: #fff;
	font-size: 30px;
	line-height: normal;
}
.pourcentages h4 {
	text-align: center;
	color: #000;
	font-size: 15px;
}
/*
.bloc1 {background: rgba(236, 199, 71,1);}
.bloc2 {background: rgba(139, 151, 175,1);}
.bloc3 {background: rgba(144, 155, 37,1);}
*/

img {
	display: block;
}/*
.page_accueil .formation {
	width: calc(70%/2);
	float: none;
	display: inline-block;
	position: relative;
	margin: 1%;
	vertical-align: top;
	min-height: 500px;
	padding: 0;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	background: #000;
	transition: all 1s;
	border: 15px solid #fff;
}

.formation .texte {
	bottom: 0;
	width: 100%;
	display: block;
	position: absolute;
	top: 30%;
}
.formation:hover .texte {	
	top: 10%;
}
.formation:hover{}
.formation *{transition: 1s all ease-in;}

.formation h3::before, .formation h3::after {
	
        transition: 1s all ease-in;
}
.formation:hover  h3::before {
	width: 0%;
}


.photo {
	width: 100%;
	margin: 0;
	display: block;
	overflow: hidden;
        opacity: 0.5;
}
.formation .texte h3 {
	font-size: 40px;
	font-family: Knewave;
        color:#fff;
}
.formation .h4 {
	font-size: 20px;
	color: #fff;
        margin-bottom: 25px;
}
.photo img {
	width: 100%;
	height: auto;

}


.formation:hover .photo img {
opacity: 0.5;
}


.formation a.INTERF_liensUtilisateur {
	color: #fff;
	font-size: 20px;
	margin-bottom: 15px;
	display: block;
	margin-top: 100%;
	opacity: 0;
}
.formation:hover a.INTERF_liensUtilisateur {

	margin-top: 0%;
	opacity: 1;
}
*/

.photo, .texte {
	width: 50%;
	display: inline-block;
}
[bgcolor*="#C8CDD0"],[bgcolor*="#C8CDD0"] a.INTERF_liensUtilisateur {color:#000 !important;}

.h5 {
	margin-bottom: 0;
	padding-bottom: 3px;
}



a.INTERF_liensInfoMaison:link {
	
}
#RL_div_footer_master::before {
display:none;
}

.onclick h3#RL_div_contenuPageType_PARAG_TITRE {
	border-bottom: none; 
        
}
.onclick h3.titre_visible#RL_div_contenuPageType_PARAG_TITRE::before {

	background-color: #ECC747;
}
.onclick h3#RL_div_contenuPageType_PARAG_TITRE::before {
	content: "?";
	transition: all 1s;
	display: inline-block;
	background-color: #8B97AF;
	color: #fff;
	width: 25px;
	text-align: center;
	line-height: 25px;
	border-radius: 50%;
	border: 2px solid #000;
	margin: 5px;
}


div#RL_div_contenuPageType_PARAG_TEXTE.parag_visible {
	background-color: #8B97AF;
	padding: 15px;
	color: #fff;
	font-size: 18px;
}
.onclick #RL_div_contenuPageType_PARAG_TITRE::after {
  display: block;
  content: "";
  height: 1px;
  width: 100%;
  background-color: #8B97AF;
  margin-bottom: 18px;
}


li ul.hidden {
	width: 100%;
}
/*
.fom_contact.bouton {
background-color: #7CA7B9;
}
.slogan_bandeau {
	color: #7CA7B9;

}
*/
#bouton {
	background: #000;
}
#bouton_contact {
	color: #fff;
	text-decoration: none;
	display: block;
	max-width: 70%;
	margin: 0 auto;
	margin-top: 5%;
	padding: 13px;
	border-radius: 28px;
	font-weight: 600;
	font-size: 23px;
	font-family: Roboto Slab;
	background: linear-gradient(300deg,#000000,#cccccc,#636363);
	background-size: 180% 180%;
	position: relative;
	border: 2px solid #ccc;
       animation: gradient-animation 18s ease infinite;
}
  #bouton_contact:hover {
  animation: none;
  border: 2px solid #636363;
  }

.ray {
	
        padding: 40px;
        font-size : 20px;

}
#RL_div_footer_master #form_contact {
	width: 50%;
	display: inline-block;
	padding: 2%;
	background-repeat: no-repeat;
	min-height: 460px;
	background-size: 100% auto;
	transition: all 1s ease-in;
        display: none;
}
#form_contact::before {
	content: "Nous contacter";
	font-family: Knewave;
	color: #fff;
	background: #000;
	padding: 5px 15px;
	font-size: 30px;
	transform: rotate(-2deg);
	display: inline-block;
	margin: 15px;
}

#RL_div_footer_master #form_contact:hover {

}
div#RL_div_M_identite_MFR {
	font-size: 18px;
	width: 49%;
	padding: 2%;
	background-color: #CEAB5D;
	color: #fff;
	min-height: 425px;
        display: none;
}
.info_coordonnee a {
	color: #fff;
}
.page_formation div#RL_div_M_identite_MFR {
	width:49%;
        display: none;
  
}

.partenaires {
	background: #7ca7b9;
}
.partenaires img {
	height: 100px;
}
.icone_inscription{
	background-color: #000;
	padding: 25px;
	line-height: 25px;
	font-size: 30px;
	font-family: Knewave;
	color: #fff;
	text-decoration: none;
	margin-top: 12%;
	display: inline-block;
	transform: rotate(-7deg);
	transition: all 1s ease-in;
}
.icone_inscription:hover {
	font-size: 50px;
	transform: rotate(0deg);
	padding: 30px;
}


.bulle {
	text-align: center;
	color: #fff !important;
	padding: 25px 25px;
	text-transform: uppercase;
}

.bulle .h3 {
	color: #fff !important;
	font-size: 19px !important;
	border: none;
}
.bulle h4 {
	color: #fff;
        font-size: 15px;
}
.actualite {

	height: 95%;
	width: 95%;
	top: 2%;
	left: 2%;
}
.actualite_img {
	width: 100%;
	height: 100%;
	position: absolute;

}
.actualite_txt {
	color: #fff;
	text-align: center;
	z-index: 1000000;
	position: absolute;
	width: 70%;
	background-color: rgba(0,0,0,0.7);
	left: 15%;
	top: 15%;
}
.actualite_titre {
	display: block;
	font-size: 21px;
	color: #ceab5d;
	font-family: Knewave;
	font-size: 30px;
}
div#RL_div_footer_master {
	background: #fff;
}
@media only screen and (min-width:830px) and (max-width: 1250px) {
    
.page_accueil div#RL_div_header_master {
	 height: auto;
}
.page_accueil .formation {
	width: calc(97%/3);
	margin: 5px;
	min-height: 350px;

}
.formation .h4 {
	font-size: 20px;
	margin-bottom: 15px;
}
.formation.vertical td.photo, .formation.vertical td.texte {
	min-height: 350px;
}
.formation.vertical img {
	height: auto;
	width: 100%;
	transition: 2s width ease-out;
}
  .formation.vertical img:hover {
	width: 120%;
	height: auto;
} 
.formation .photo, .formation.vertical .photo {
	height: 100%;
	min-height: 100%;
}

.formation .texte h3 {
	font-size: 30px;

}
.formation a.INTERF_liensUtilisateur {

	font-size: 16px;
        margin-bottom: 5px;

}
}

@media only screen and (max-width:999px){
.outils {
	width: auto;
	position: absolute;
	left: 70%;
	top: auto;
	/* z-index: 1000; */
	bottom: 0;
	max-width: 250px;
}
    .content {
	max-width: 100%;
	
}
.page_accueil .block td {
	display: block;
	width: 100%;
}
.page_accueil .block .pourcentages td td {
	display: inline-block;
	width: 140px;
}

.page_accueil .slide_bandeau {
	position: relative;
	height: auto;
	display: block;
	opacity: 1;
	min-height: 750px;
}
#bandeau_mooquee {
	position: relative !important;
}
.page_accueil .formation {
	width: calc(96%/3);
	margin: 5px;
	min-height: 350px;
	max-width: 500px;
}

div#RL_div_menuGch_VERTICAL, .show-menu {

	
}
#bandeau0, #bandeau1 {
	width: 80% !important;
	position: relative;
	min-height: 550px;
}
.page_accueil .scrolled .slide_bandeau {
	height: auto;
	opacity: 1;
}
.formation .photo {
	
        opacity: 0.2;
}
.formation .texte {
	top: 10%;
}
.formation:hover .texte h3 {
opacity: 1;	
}
.formation a.INTERF_liensUtilisateur {
	margin-top: 0%;
	opacity: 1;
}
.formation  .h4 {
	font-size: 26px;
	color: #fff;
        
}
.sous_titre_bandeau {
	display: block;
	font-size: 15px;
}
}


@media only screen and (max-width:650px){
.formation.vertical {
	width: 100%;
	min-height: 350px;
}
  .formation {
	width: 100%;
	min-height: 350px;
} 
.scrolled .ecran {
	margin-left: 0%;
	width: 80%;
}
.sous_titre_bandeau {
	display: none;
}
#bandeau0, #bandeau1 {
	width: 100% !important;
	
}
.outils {
	left: 50%;
	top: 0;
	
}

.titre::before {
        height: 185px;
	width: 200px;

}
}