@keyframes right {
  0%   {right:-500px; }
  100% {right:0;}
}
@keyframes top {
  0%   {top:-500px; }
  100% {top:0;}
}

@keyframes fadein {
  0%   {opacity:0; }
  100% {opacity:1;}
}

body, .INTERF_ficheFormation_formation_texte, div#RL_div_contenuPageType_PARAG_TEXTE {
	font: normal 15px 'Roboto', sans-serif;
	
}
h4.accroche_bandeau, 
#menu li a
{
	font-family: Roboto Slab;

}
h4 {
	
	font-family: "Roboto Slab", serif;
	
	color: #7CA7B9;
}

.separateur .h3{
    font-family:Knewave;
}
.formation h3 {

	font-size:25px;
	
}
.txt_bandeau{top:5%;
max-width: 1200px;}
.info_popup {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1999999999999999;
        left:0;
}
.content_popup {
	position: relative;
	top: 10%;
	/* width: 50%; */
	padding: 15px 40px 40px 40px;
	display: inline-block;
	background-color: #fff;
	border-radius: 15px;
	border: 3px solid #333;
	/* height: 50%; */
	color: #333;
        z-index: 999999999999999;
}
.content_popup h4 {
	
	font-size: 60px;
	
}
.cache_popup {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	top: 0;
}
.text_popup {
	font-size: 30px;
	font-weight: 600;
}

.bouton {
	display: block;
	background-color: #7a4386;
	padding: 5px;
	border-radius: 16px;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
}
.close_popup {
	width: 30px;
	height: 30px;
	/* font-family: Oswald; */
	font-size: 20px;
	border: 1px solid #fff;
	color: #fff;
	background-color: #333;
	border-radius: 50%;
	/* box-shadow: 2px 2px 3px 0px #666; */
	position: absolute;
	top: -10px;
	right: -10px;
	line-height: 31px;
        cursor: pointer;
}
* {transition : all 1s;}

div#RL_div_header_master {
	min-height: 170px;
}
.INTERF_ficheFormation_formation_texte, div#RL_div_contenuPageType_PARAG_TEXTE {
		                color:#333;
}
div#RL_div_contenuPageType {	
    background-color: #fff;
}
h1#RL_div_contenuPageType_INTITULE_PARENT {
	font-size: 50px;
        line-height: 53px;
}
div#RL_div_contenuPageType_INTITULE_ENFANT, h2#RL_div_contenuPageType_INTITULE_ENFANT{
	color: #b1afaf;
	font-size: 45px;
	font-weight: 400;
	text-align: center;
}
.INTERF_ficheFormation_formation_accroche h3 {
	color: #ECC747;
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	line-height: 35px;
}
  .INTERF_edito_intitule, .INTERF_edito_ttr{
	display: block;
        text-align: center;
        color:#333;
}
div#RL_div_contenuPageType_INTITULE_PARENT, 
h1#RL_div_contenuPageType_INTITULE_PARENT, 
.INTERF_ficheFormation_formation_titre,
div#RL_div_contenuPageType_INTITULE_ENFANT,
h2#RL_div_contenuPageType_INTITULE_ENFANT, 
h3.libelle_bandeau, 
h3, 
h4, 
.contact_table {font-family:Roboto Slab; font-weight:600; }
h3 {	font-size: 30px;
	}
h4 {	font-size: 25px;
     text-align: inherit;
     margin: 0;
} 
h3.libelle_bandeau {

	font-size: 40px;
	line-height: 45px;
}
.titre {
	left: 40px;
	width: 626px;
	text-align: left;
}
.logo img {
	max-width: 280px;
       
}
h4.accroche_bandeau {
	font-size:30px;
	font-family: Roboto Slab;
	line-height:35px;

}

.scrolled .logo img {
	max-width: 205px;
}
.scrolled .outils span {
	width: 40px;
	height: 40px;
      

}
.scrolled span.icone_ient_txt {
	width: 100px;
     
}

.page_accueil .slide_bandeau {
	top: 175px;
	
}
        
.page_accueil .scrolled .slide_bandeau {
		top: 110px;
	}
        
.img_bandeau {
	background-size: 100% auto !important;
        background-repeat: no-repeat;
}
.txt_bandeau {
	position: relative;
	 background-color: rgba(255,255,255,0.5);
	padding: 25px;
	width:100%;
}

h3.libelle_bandeau {
    color:#333;
    font-weight:600;
}
h4.accroche_bandeau {
	color: #333;
	
}
#header_bas {
	top: 116px;
	width: 100%;
	padding-left: 0;
	height: 60px;
	background-color: transparent;
	z-index: 999999999;
	box-shadow: none;
}
.scrolled #header_bas {
	height: 40px;
	top: 70px;
}

.bandeau {
	height: 176px;
	border-bottom: 60px #7CA7B9 solid;
	background: #fff;
	top: 0;
}
.scrolled .bandeau {
	border-bottom-width: 40px;
	height: 112px;
}
div#RL_div_menuGch_VERTICAL {
	text-align: right;
	position: absolute;
	bottom: 0;
	top: auto;
        height:60px;
}

.scrolled div#RL_div_menuGch_VERTICAL, .scrolled #menu li a {
	height: 40px;
	line-height: 40px;
}
.scrolled .menu_accueil img {height: 40px;}
#menu > li {
	float: none;
	vertical-align: middle;
}
#menu li a {
	color: #fff;
        height:60px;
        line-height:60px;
        font-size:18px;
	
}
.INTERF_sousMenu_GAUCHE_txt {
	font-size: 15px;
}
#menu li:hover {
	background-color: #ECC747;
}
#menu li ul li {
	background-color: #ECC747;
}

#menu li ul li.secteur_menu {
	background-color: #7CA7B9;
	}
#menu li ul li.secteur_menu a{
	
	color: #fff !important;
}
.separateur {background-color:#ECC747;}

.formation {
	background-color: #666;
}
.formation.vertical .photo {
	
	height: 150px;
	min-height: 150px;
}
.formation img  {
	filter:grayscale(100%);
}
.formation.bleu {
	background-color:#7CA7B9;
}
.formation.rose {
	background-color: #7CA7B9;
}
.formation.rose_clair {
	background-color: #7CA7B9;
}
.formation:hover img{
			filter:grayscale(0);
}
.formation.vertical h5 {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Oswald;
	font-weight: 300;
	font-size: 15px;
}

.filiere_formation a {
	color: #fff !important;
	/* padding-left: 15px; */
	text-align: center;
}

.filiere_formation td {
	text-align: center;
	
}
.contact_img {
	width: 47%;
	display: inline-block;
	height: 100%;
	min-height: 275px;
	background-image: url(../img/interface/contact.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.page_demande_info .contact_img {display:none;}
#form_contact {
	display: inline-block;
	width: 47%;
}
.fom_contact {
	padding: 5px;
        color: #333;
	
}
input.fom_contact::placeholder, textarea.fom_contact::placeholder {
  color: #333;}
  
.contact_table {
	background-color: transparent;
	width: 60%;
	color: #FFF;
	font-size: 50px;
	/* display: inline-block; */
}
.contact_titre {
	display: none;
}
.fom_contact.select {
	background-color: transparent;
}
.fom_contact.bouton {
	background-color: #7CA7B9;

}
div#RL_div_footer_master {
	background-color: #ECC747;
	
}
#RL_div_footer_master::before {
	display: block;
	font-size: 50px;
	content: 'Nous contacter';
	text-transform: uppercase;
	font-family: Roboto Slab;
	color: #fff;
	background-color: #7CA7B9;
}
div#RL_div_M_identite_MFR {
	display: inline-block;
	width: 39%;
	vertical-align: top;
        font-family:Roboto Slab;
		color:#333;
}
.partenaires {
	padding: 0;
}
.info_coordonnee span {
	display: block;
	text-align: left;
	font-size: 30px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 35px 35px;
	margin-bottom: 15px;
}
span.adress_mfr {font-size: 22px;}
.info_coordonnee a{ color: #333; text-decoration: none;}
span.nom_mfr {
	background-image: url(../img/interface/adress.png);
	font-size: 50px;
	margin-bottom: 0;
	font-weight: 600;
}
.tel_mfr {background-image: url(../img/interface/tel.png);
}
.mail_mfr {background-image: url(../img/interface/mail.png);
}
.facebook_mfr { background-image: url(../img/interface/facebook.png);
}



.bouton_lien, .bouton_imprimer, .bouton_envoyer {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 80%;
	display: inline-block;
	line-height: 35px;
	padding-left: 30px;
	margin-top: 5px;
}
.bouton_lien {background-image: url(../img/interface/pdf.png);}
.bouton_imprimer {	background-image: url(../img/interface/print.png);}
.bouton_envoyer {	background-image: url(../img/interface/send.png);} 
.INTERF_ficheFormation_cartouche_link img, .formation_liste_options img {
	display: none;
}
.formation_liste_options.option_download {
	display: inline-block;
}

.agenda_header {	
	display: none;
}
.agenda_body {	
	margin:10px;
}


#agenda_mooquee {
		height: 300px;	
}
.agenda_item {
	display: inline-block;
	width: 21%;
	vertical-align: top;
	margin: 0 2%;
}
.agenda_img {
	height: 200px;
}
.agenda_date {background: none repeat scroll 0 0 #7CA7B9;}
/* ANIMATIONS*/


.outils {animation: ease-in 2s right; }
.outils span:hover {border-radius:25px;}
.titre {animation: ease-in 2s top;}
.txt_bandeau {animation: ease-in 3s fadein;}

@media screen and (max-width: 1200px) {
    
    
    
    .presentation_tab { width:100%;}
    .presentation_tab td{ display: table-cell;}
   .accueil_formation h3 {
	color: #333;
	text-shadow: none;
	font-size: 21px;
}
.filiere_formation > tbody > tr > td {
	text-align: center;
	display: block;
	width: 100%;
	margin-bottom: 5px;
}

#menu li a {

    padding: 0 10px;

}
.titre {
	left: 0;
	
}
}
@media screen and (max-width: 1100px) {

#menu li a {

    padding: 0;

}

}
@media screen and (max-width: 999px) {
.formation.vertical .photo {
	height: 200px;
	min-height: 200px;
}
   .contact_img {
		background-size: 100% auto;
}

.page_accueil #RL_div_body_master {
	margin-top: 150px;
}
.accueil_formation table {
	width: 49%;
        vertical-align: middle;
margin-bottom: 1%;
}
.accueil_formation table tbody, .accueil_formation table tr  {
	display: block;
	width: 100%;
}

.accueil_formation table td {
	display: block;
	width: 100%;
}
.accueil_formation .texte {
	padding: 5px;
	min-height: 140px;
}
.accueil_formation td.photo {
	width: 100%;
	display: block;
	overflow: hidden;
	height: 200px;
	position: relative;
}
.accueil_formation td.photo img {
	
	height: auto;
        top:-70px;
	
}
.accueil_formation table:hover .photo img {
	width: 100%;
	height: auto;
	left: 0;
	top:-70px;
}
.accueil_formation h3 {
	font-size: 30px;
	margin-bottom: 15px;
}
.accueil_formation h4 {
	font-size: 25px;
	
}
.filiere_formation > tbody > tr > td {
	max-width: 49%;
	margin: 0 auto;
	display: inline-block;
}
.filiere_formation img {
	width: 100%;
}
.filiere_formation h4 {
	font-size: 24px;
	}
div#RL_div_contenuPageType_INTITULE_ENFANT, h2#RL_div_contenuPageType_INTITULE_ENFANT, .INTERF_ficheFormation_formation_accroche h3 {
		line-height: 53px;
}
div#RL_div_M_identite_MFR,#form_contact {
	width: 48%;
	
}
.contact_table {width: 100%;}
.info_coordonnee span {font-size: 28px;}
span.nom_mfr {	font-size: 39px;}

.bandeau {
	height: 146px;
	color: transparent;
	text-align: left;
}
.txt_bandeau::before {
	width: 125px;
	height: 122px;
	right: -25px;
	top: -29px;
	
}
.titre {
	position: relative;
	left: 0;
	height: 175px;
}
.outils span.icone_ient_txt {
	width: 100px;
}

.logo {
	/* background-color: #333; */
	z-index: 2;
	position: absolute;
}
.logo img {
	max-width: 250px;
}
.page_accueil .slide_bandeau, .page_accueil .scrolled .slide_bandeau {top: 0;}
#header_top {
	/*min-height: 200px;*/
}
#header_bas {
	top: 90px;
	background: transparent;
	position: absolute;
}
div#RL_div_menuGch_VERTICAL {
	       right: 0;
	width: 100%;
	text-align: right;
}
.show-menu {
	display: inline-block;
	position: relative;
	width: 125px;
	margin-right: 0;
	background-color: #7CA7B9;
	padding: 0;
	padding-right: 15px;
}
.show-menu::before {
	display: inline-block;
	height: 50px;
	content: '';
	width: 50px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 15px;
        background-image: url(../img/interface/menu.png);
}
#menu {
	
	height: 100%;
	overflow: auto;
	position: fixed;
	opacity: 0;
	left: 100%;
	right: 0;
	visibility: hidden;
        display: block;
}

.hidden:hover, #show-menu:checked ~ #menu {
	left: 0;
	opacity: 1;
	visibility: visible;
}

#menu li a {
	height: 40px;
	line-height: 40px;
}
.menu_accueil img {
	height: 40px;
}



.txt_bandeau {
	
	top: 5%;
}

}
@media screen and (max-width:650px) {
   .contact_img {
		width:100%;
		background-size:75%;
}
div#RL_div_M_identite_MFR, #form_contact {
	width: 100%;
}
    .page_accueil #RL_div_body_master {
	margin-top: 100px;
}
    
    .accueil_formation td.photo img {
	height: auto;
	top: 0;
}
.accueil_formation table:hover .photo img {
	top:0;
}

.filiere_formation > tbody > tr > td {
	max-width: 100%;
}


    h3 {

    font-size: 30px;

}
    .presentation_tab td {
	display:block; 
}}
@media screen and (max-width:570px) {

    .page_accueil #RL_div_body_master {
	margin-top: 135px;
}

 .outils {z-index: 10;}  
 .outils span {
	width: 25px;
	height: 25px;
}
.outils span.icone_ient_txt {
	width: 65px;
}
.logo img {
	max-width: 135px;
}
  
.formation.vertical .photo, .formation.vertical td.texte {
	width: 100%;
}

.txt_bandeau::before {
	width: 90px;
	height: 83px;
	right: -14px;
	top: -25px;
}
.accueil_formation table {
	width: 100%;
}

.accueil_formation td.photo {
	height: auto;
	}
    
    .accueil_formation td.photo img {
	height: auto;
	top: 0;
	position: relative;
}}