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

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

* {transition : all 1s;}
p {
    margin:0;
}
.block td {
    display:table-cell;}

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: #3CA848;
	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, 
div#RL_div_contenuPageType_INTITULE_ENFANT,
h2#RL_div_contenuPageType_INTITULE_ENFANT, 
h3.libelle_bandeau{font-family:Knewave; font-weight:300; }
h3 {	font-size: 40px;font-family:Roboto Slab;
	}
h4 {	font-size: 35px;
     text-align: inherit;
     margin: 0;font-family:Roboto Slab;
     color:#000;
} 

h1.INTERF_ficheFormation_formation_titre {
	font-size: 51px;
	background-color: transparent;
	font-weight: 400;
}

.INTERF_ficheFormation_formation_texte h3 {
	font-size: 18px;
	font-family: "Roboto Slab";
	text-align: left;
	color: #fff;
	background-color: #CEAB5D;
	padding: 5px;
	display: block;
	padding-left: 5px;
}
.INTERF_ficheFormation_formation_texte h4 {
	font-size: 25px;
	margin: 0;
}
div#RL_div_formationFiche_SLCT_ACCESDIRECT {
	display: none;
}
.formation_spacer_tr {
	display: none;
}
.titre {
	left: 40px;
	width: 626px;
	text-align: left;
}
.logo img {
	max-height: 95px;
       
}


.scrolled .logo img {
		max-height: 65px;
}
.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.8);
	padding: 25px;
	
	display: inline-block;
	width: auto;
}

h3.libelle_bandeau {
	color: #333;
}
h4.accroche_bandeau {
        color: #909B25;

}
.bandeau_description {
	font-size: 30px;
	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 #909B25 solid;
	background: #fff;
	top: 0;
}
.scrolled .bandeau {
	border-bottom-width: 40px;
	height: 112px;
}
div#RL_div_menuGch_VERTICAL {
	text-align: center;
	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 li ul li a {
	height: 30px;
	line-height: 30px;

}

.scrolled .menu_accueil img {height: 40px;}
#menu > li {
	float: none;
	vertical-align: middle;
}
#menu li a {
	color: #fff;
        height:60px;
        line-height:60px;
	
}
#menu li:hover {
	background-color: #CEAB5D;
}
#menu li ul li {
	background-color: #CEAB5D;
}
#menu li ul li.secteur_menu {
	background-color: #909B25;
        text-transform: uppercase;
        
}
#menu li ul li.secteur_menu a {
	
        color: #fff;
}

.separateur {background-color:#CEAB5D;}
.accueil_formation {max-width:1400px;}
.accueil_formation table {
	width: 33%;
	display: inline-block;
}
.accueil_formation td {}
.accueil_formation td.texte {
		width: 100%;
}
.accueil_formation td.photo {
	width: 150px;
	display: inline-block;
	overflow: hidden;
	height: 150px;
	position: relative;
}
.accueil_formation td.photo img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.accueil_formation table:hover .photo img {
	width: 120%;
	height: 120%;
	left: -10%;
	top: -10%;
}

.accueil_formation h3 {
    color:#fff; 
    text-shadow: 2px 2px 2px #333;
    font-size: 30px;
   }
.accueil_formation a {
	/*color: #333 !important;
	background-image: url(../img/interface/fleche.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 25px 25px;
	padding-left: 28px;
	text-align: left;
	display: block;
	width: 97%;*/
	text-decoration: none !important;
}
.formation {
	background-color: #666;
}
.formation img  {
	filter:grayscale(100%);
}
.formation.bleu {
	background-color:#909B25;
}
.formation.rose {
	background-color: #909B25;
}
.formation.rose_clair {
	background-color: #909B25;
}
.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:0;
	/* display: inline-block; */
}
.contact_titre {
	display: none;
}
.fom_contact.select {
	background-color: transparent;
}
.fom_contact.bouton {
	background-color: #909B25;

}
div#RL_div_footer_master {
	background-color: #CEAB5D;
	
}
#RL_div_footer_master::before {
	display: block;
	font-size: 50px;
	content: 'Nous contacter';
	text-transform: uppercase;
	font-family: Roboto Slab;
	color: #fff;
	background-color: #909B25;
}
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 #909B25;}
/* 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 (min-width: 1400px) {
    .page_accueil #RL_div_body_master {
	margin-top: 570px;
}}
@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;
	
}

.scrolled #menu li ul li a,  #menu li ul li a {
	height: 23px;
	line-height: 23px;

}



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

#menu li a {

    padding: 0;

}

}
@media screen and (max-width: 999px) {
.logo img {
	max-width: 350px;
}

h3 {
	font-size: 30px;
	
}
h3.libelle_bandeau {
	font-size: 35px;
	line-height: 35px;
}

.txt_bandeau {
	width: auto;
	top: 5%;
}
   .contact_img {
		background-size: 100% auto;
}

    .accueil_formation td {
	
}
.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;
}

.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: #909B25;
	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;
}

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



}
@media screen and (max-width:650px) {
   .bandeau_description {
	font-size: 20px;

}

h3.libelle_bandeau {
	font-size: 28px;
	line-height: 28px;
}

.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: 180px;
}

    .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;
}
h3.libelle_bandeau,h4.accroche_bandeau  {
	font-size: 20px;
	line-height:  20px;
}

.formation.vertical .photo, .formation.vertical td.texte {
	width: 100% !important;
        display: block;
	min-height: 195px !important;
}

 .outils {z-index: 10;}  
 .outils span {
	width: 25px;
	height: 25px;
}
.outils span.icone_ient_txt {
	width: 65px;
}



.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;
}}

.icone_english {
	background-image: url(../../img/interface/uk_flag.png);
}