@-webkit-keyframes zoomin {    
    0% {   background-size: 100%    }
  100% {    background-size: 120%      }
}

@-moz-keyframes zoomin {
     0% {   background-size: 100%    }
  100% {    background-size: 120%      }
}

@keyframes zoomin  {
   0% {   background-size: 100%    }
  100% {    background-size: 120%      }
}


@-webkit-keyframes zoomout {    
    0% {   background-size: 120%    }
  100% {    background-size: 100%      }
}

@-moz-keyframes zoomout {
     0% {   background-size: 120%    }
  100% {    background-size: 100%      }
}

@keyframes zoomout  {
   0% {   background-size: 120%    }
  100% {    background-size: 100%      }
}

@-webkit-keyframes left {    
    0% {    opacity: 0;    left:-100%;     }
  100% {    opacity: 1;     left:0;     }
}

@-moz-keyframes left{
    0% {    opacity: 0;     left:-100%;      }
  100% {    opacity: 1;    left:0;      }
}

@keyframes left {
   0% {    opacity: 0;   left:-100%;      }
  100% {    opacity: 1;   left:0;    }
}

body {
	margin:0px 0px 0px 0px;
	background-color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
}

.scroll_V{
	display: block;
	overflow:hidden;
	overflow-x: hidden;
	overflow : -moz-scrollbars-vertical;
	overflow-y: scroll;
}
#mooqueecarousel {
	overflow: hidden;
	position: relative;
}
.CharteMFR_VERT {
	color: #2FA829;
}
.CharteMFR_ORANGE {
	color: #F7AD00;
}
.CharteMFR_VERT_bg {
	background-color: #2FA829;
}
.CharteMFR_ORANGE_bg {
	background-color: #F7AD00;
}
.fake_link:hover .info_cgv {
	display: block !important;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	color: #000;
	padding: 10px;
	font-size: 11px;
	border: 1px solid;
}
.erreur_page.bouton {
	background: #7CA7B9;
	display: block;
	padding: 5px;
	border-radius: 16px;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
	max-width: 500px;
	font-size: 42px;
	margin: 20px;
}
.erreur_404{
    background-image:url("../../img/interface/404.png");
    background-repeat: no-repeat;
    background-size:cover;
    width: 300px;
    height: 300px;
    margin: 0 auto;
        
}
.fake_link {
	text-decoration: underline;
        cursor: pointer;
    
}

.INTERF_demandeDInfos_label.termes div {
	margin: 0 auto;
	display: block;
	/* background-color: #333; */
	max-width: 650px;
	border: 1px solid #333;
	padding: 5px;
	text-align: center;
}
h1.erreur_page {
	font-size: 55px;
	color: #000;
}
h2.erreur_page {
	color: #ceac5d;
	font-size: 40px;
}


#form_contact {
	max-width: 850px;
	margin: 0 auto;
        position: relative;
}
.contact_table {
	font-family: 'Roboto Slab' , sans-serif;;
	color: #000;

	text-align: center;
	
	padding: 5px;
        position: relative;
	
	
	margin: 0 auto;

}
.vimeo_player,
.facebook_page,
.youtube_player{
	position: relative;
}
 
.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/footer/adress.png");
	font-size: 50px;
	margin-bottom: 0;
	font-weight: 600;
}
.tel_mfr {background-image: url("../../img/interface/footer/tel.png");
}
.mail_mfr {background-image: url("../../img/interface/footer/mail.png");
}
.facebook_mfr { background-image: url("../../img/interface/footer/facebook.png");
}
.instagram_mfr { background-image: url("../../img/interface/footer/instagram.png");
}

.tac_activate {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	opacity: 0.8;
}
.contact_titre {
	font-size: 20px;
	color: #000;
	font-family: 'Roboto Slab' , sans-serif;;
}
.contact_table.devis {
	width: 80%;
	margin: 0 auto;
	border-radius: 0;
}
.contact_table td {
	padding: 4px;
}
.fom_contact {
	width: 100%;
	padding: 5px;
	font-size: 15px;
	border: 1px solid #000;
	background-color: #DFD7CD;
	color: #000;
	font-weight: 300;
	font-family: 'Roboto Slab' , sans-serif;
        box-sizing: border-box;
}



input.fom_contact::placeholder, textarea.fom_contact::placeholder {
  color: #000; opacity:1;font-style: italic;
}
.fom_contact.select {
	background-color: #DFD7CD;
}

.fom_contact.bouton {
	background-color: #CCAC5B;
	cursor: pointer;
        font-size: 18px;
}
/*	####################################################################################################################		INTERFACE
	####################################################################################################################
	####################################################################################################################
	####################################################################################################################
*/


.reseaux_sociaux {
	position: absolute;
	right: 0;
	top: 20%;
	width: auto;
	z-index: 1;
}
.reseaux_sociaux a {
	display: block;
	width: 60px;
	height: 70px;
	background-color: #333;
	overflow: hidden;
	position: absolute;
	right: 0;
	color: #fff;
        text-decoration: none;
        font-size: 18px;
        line-height: 20px;
        text-transform: uppercase;
}
.reseaux_sociaux a::before {
	height: 70px;
	width: 60px;
	background-size: 100%;
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	vertical-align: middle;
}
.reseaux_sociaux a:hover {
	width: 260px;
}
.margin_fix_2{
    margin-top: 71px;
}
.margin_fix_3{
    margin-top:142px;
}
.margin_fix_4{
    margin-top: 213px;
}
.margin_fix_5{
    margin-top: 284px;
}
.margin_fix_6{
    margin-top: 355px;
}
.margin_fix_7{
    margin-top: 426px;
}



div#RL_div_conteneurGeneral {
	/*	NOT USED	*/
}
/*	######################################################################################		INTERFACE - HEADER
	######################################################################################
*/
div#RL_div_header_master {
	width: 955px;
}
div#RL_div_header_HAUT {
	width: 955px;
	height: 28px;
}
div#RL_div_header_MILIEU {
	width: 955px;
	height: 103px;
}
div#RL_div_header_BAS {
	width: 955px;
	height: 45px;
}

.facebook_page iframe {
    max-width: 100%;
}


/*	######################################################################################		INTERFACE - BODY
	######################################################################################
*/
div#RL_div_body_master {
	width: 955px;
}
html>body #RL_div_body_master {
	width: 955px !important;
}

	table#RL_table_body_3cols {
		/*	NOT USED	*/
	}
	td#RL_td_body_G {
		/*	NOT USED	*/
	}
	td#RL_td_body_menuGch {
		/*	NOT USED	*/
	}

/*	######################################################################################		INTERFACE - FOOTER
	######################################################################################
*/
div#RL_div_footer_master {
	/*	NOT USED	*/
}
.bout_phone a {
	display: block;
	background-color: #333;
	border: 2px solid #fff;
	border-radius: 32px;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}
.bout_phone a::before {
	background-image: url("../../img/interface/logo_reseaux_white.png");
	display: inline-block;
	width: 30px;
	height: 30px;
	content: "";
	background-position: -535px;
	vertical-align: middle;
	margin-right: 5px;
	background-size: auto 30px;
}
.bout_mail a::before {
	background-image: url("../../img/interface/logo_reseaux_white.png");
	display: inline-block;
	width: 30px;
	height: 30px;
	content: "";
	background-position: -450px;
	vertical-align: middle;
	margin-right: 5px;
	background-size: auto 30px;
}
.bout_mail a {
	display: block;
	background-color: #333;
	border: 2px solid #fff;
	border-radius: 32px;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
padding-right: 7px;}
.info_contact {
	min-width:185px;
}
.info {
	padding: 5px;
	text-align: center;
	font-family: "Roboto slab";
	background-color: #909b25;
	border-radius: 8px;
	color: #fff;
	font-size: 20px;
}

.icone_agriculture{ background-image: url("../../img/interface/mfr/agriculture.png");}
.icone_agroequipement{ background-image: url("../../img/interface/mfr/agroequipement.png");}
.icone_alimentaire{ background-image: url("../../img/interface/mfr/alimentaire.png");}
.icone_artisanat{ background-image: url("../../img/interface/mfr/artisanant.png");}
.icone_caninfelin{ background-image: url("../../img/interface/mfr/caninfelin.png");}
.icone_cheval{ background-image: url("../../img/interface/mfr/cheval.png");}
.icone_electricite{ background-image: url("../../img/interface/mfr/electricite.png");}
.icone_elevage{ background-image: url("../../img/interface/mfr/elevage.png");}
.icone_enfance{ background-image: url("../../img/interface/mfr/enfance.png");}
.icone_foret{ background-image: url("../../img/interface/mfr/foret.png");}
.icone_formation{ background-image: url("../../img/interface/mfr/formation.png");}
.icone_gestion{ background-image: url("../../img/interface/mfr/gestion.png");}
.icone_horticulture{ background-image: url("../../img/interface/mfr/horticulture.png");}
.icone_immobilier{ background-image: url("../../img/interface/mfr/immobilier.png");}
.icone_nature{ background-image: url("../../img/interface/mfr/nature.png");}
.icone_paysage{ background-image: url("../../img/interface/mfr/paysage.png");}
.icone_pisciculture{ background-image: url("../../img/interface/mfr/pisciculture.png");}
.icone_restauration{ background-image: url("../../img/interface/mfr/restauration.png");}
.icone_securite{ background-image: url("../../img/interface/mfr/securite.png");}
.icone_service{ background-image: url("../../img/interface/mfr/service.png");}
.icone_tourisme{ background-image: url("../../img/interface/mfr/tourisme.png");}
.icone_travaux{ background-image: url("../../img/interface/mfr/travaux.png");}
.icone_vente{ background-image: url("../../img/interface/mfr/vente.png");}
.icone_vigne{ background-image: url("../../img/interface/mfr/vigne.png");}

.outils .icone_qualiopi {
	background-image: url("../../img/interface/Qualiopi.png");
	height: 60px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right center;
	height: 50px;
	display: inline-block;
	width: 115px;
}
.scrolled .icone_qualiopi {
	height: 25px;
}
.acces_handicap{
    content:"Toutes nos formations sont accessibles aux personnes en situation de handicap";
    background-image: url("../../img/interface/handicap.png");
    background-repeat: no-repeat;
    background-position: left;
    font-family: Roboto;
    background-size: auto 100%;
    color: #fff;
    display:block;
    padding-left: 150px;
    margin: 0 auto;
}

a#boutons_formation  {
	display: block;
	padding: 5px;
	font-size: 20px;
	color: #fff !important;
	text-decoration: none !important;
	margin-bottom: 2px;
        
}

 a#boutons_formation::before {
	content: "";
	
	width: 50px;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
        background-repeat: no-repeat;
        background-size: auto 100%;
}
a#boutons_formation::before {
    background-image: url("../../img/interface/voir.png");

}

a#boutons_formation[href*="pdf"]::before {
   background-image: url("../../img/interface/pdf.png");

}

a#boutons_formation[href*="htm"]{

      background-color: #909B25;
}
a#boutons_formation {
 
   background-color: #7CA7B9;
}


.boutons_formation a, a#pdf {
	display: block;
	padding: 5px;
	font-size: 16px;
	background-color: #DFD7CD;
	color: #333 !important;
	text-decoration: none !important;
	font-family: "Roboto Slab", sans-serif;
	margin-bottom: 2px;
	border: 1px solid #000;
}
.boutons_formation a:hover, a#pdf:hover {
	
	background-color: #000;
	color: #fff !important;
}
.boutons_formation a::before, 
a#pdf:before {
	border: 1px solid #333;
	border-radius: 50%;
	background-color: #000;
	background-size: 60%;
	background-position: center;
	margin-right: 5px;
	content: "";
	display: inline-block;
	height: 30px;
	width: 30px;
	vertical-align: middle;
	background-repeat: no-repeat;
}

.boutons_formation a::before,
a#pdf::before {
    background-image: url("../../img/interface/voir.png");
}

.boutons_formation a[href*="pdf"]::before,
a#pdf[href*="pdf"]::before {
   background-image: url("../../img/interface/pdf.png"); 
}
.cadre_documents h4 {

}
.cadre_documents a.INTERF_liensUtilisateur,
.cadre_documents a.INTERF_liensUtilisateur:hover{
	color: #fff !important;
	padding-left: 5px;
	display: block;
	background-color: #cfab5b;
	text-decoration: none !important;
	border-radius: 8px;
	padding: 5px;
	font-size: 18px;
	margin: 4px;
}
.cadre_documents {
	text-align: left;
}
.cadre_documents a::before {
	background-image: url("../../img/interface/pdf.png");
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center;
	display: inline-block;
	height: 45px;
	width: 45px;
	vertical-align: middle;
	margin: 0 auto;
	content: '';
} 
.cadre_documents br {
	display: none;
}
/*	####################################################################################################################		CONTENUS
	####################################################################################################################
	####################################################################################################################
	####################################################################################################################
*/
.marquee_holder{width:100%; overflow:hidden; max-width:955px;}
.INTERF_txtMarquee {
	width: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	height: 25px;
	padding-top: 4px;
	
}



.info_popup.hide {display: none;}
.info_popup {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999999;
        text-align: center;
}
.content_popup {
	position: relative;
	top: 10%;
	padding: 15px 40px 40px 40px;
	display: inline-block;
	background-color: #fff;
	border-radius: 15px;
	color: #333;
	z-index: 999999999;
	max-width: 950px;
	
}
.cache_popup {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(0,0,0,0.5);
	top: 0;
        z-index:100;
}
.titre_popup {
	
        text-align: center;
}
.text_popup {
	font-size: 16px;
        text-align: initial;
}
.bouton {
	display: block;
	background-color: #333;
	padding: 5px;
	border-radius: 5px;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
        font-size: 15px;
        cursor: pointer;
}
.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: 30px;
        cursor: pointer;
}









		
/*	######################################################################################		INFOS MAISON dans le HEAD
	######################################################################################
*/
div#RL_div_M_identite_MFR {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2FA829;
	font-weight: normal;
	text-align: center;
	padding: 20px 60px 0px 0px;
}
a.INTERF_liensInfoMaison:link { 
	color: #2FA829;
	text-decoration:none;
}
a.INTERF_liensInfoMaison:visited {
	text-decoration:none; 
	color: #2FA829;
}
a.INTERF_liensInfoMaison:hover {
	text-decoration:none;
	color: #E50C01;
}
a.INTERF_liensInfoMaison:active { 
	text-decoration:none;
	color: #2FA829;
}



		
		
/*	######################################################################################		LIENS UTILISATEUR
	######################################################################################
*/
a.INTERF_liensUtilisateur:link { 
	color: #399;
	text-decoration:none;
}
a.INTERF_liensUtilisateur:visited {
	text-decoration:none; 
	color: #399;
}
a.INTERF_liensUtilisateur:hover {
	text-decoration:none;
	color: #FFF;
	background-color:#399;
}
a.INTERF_liensUtilisateur:active { 
	text-decoration:none;
	color: #399;
}


/*	######################################################################################		MENU HAUT
	######################################################################################
*/
div#RL_div_header_menuHaut_SPACER{
	height: 10px;
}
div#RL_div_header_menuHaut_CONTENU{
	padding-right: 10px;
}
.INTERF_menu_HAUT_txt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
	padding-bottom: 8px;
}
		a.INTERF_menu_HAUT_txt:link { 
			color: #FFF;
			text-decoration:none;
		}
		a.INTERF_menu_HAUT_txt:visited {
			text-decoration:none; 
			color: #FFF;
		}
		a.INTERF_menu_HAUT_txt:hover {
			text-decoration:none;
			color: #E50C01;
		}
		a.INTERF_menu_HAUT_txt:active { 
			text-decoration:none;
			color: #FFF;
		}
.INTERF_menu_HAUT_adresse{
	font-family:  Arial, Verdana,Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	font-weight: normal;
}
		a.INTERF_menu_HAUT_adresse:link { 
			color: #999;
			text-decoration:none;
		}
		a.INTERF_menu_HAUT_adresse:visited {
			text-decoration:none; 
			color: #999;
		}
		a.INTERF_menu_HAUT_adresse:hover {
			text-decoration:none;
			color: #F7AD00;
		}
		a.INTERF_menu_HAUT_adresse:active { 
			text-decoration:none;
			color: #999;
		}
.INTERF_menu_HAUT_spacer {
	background-color: #FFF;
	height: 1px;
}
.INTERF_fldSearch{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCC;
	font-weight: normal;
	width:100px;
	height:10px;
}

/*	######################################################################################		MENU GAUCHE
	######################################################################################
*/
div#RL_div_menuGch_VERTICAL {
	width: 180px;
}
div#RL_div_menuGch_HEADER {
/*
	width: 195px;
	height: 23px;
	background-image:url(http://www.isites-mfr.info/_fichiersCommuns/07/img/interface/navy_H.jpg);
	background-position: top left;
	background-repeat: no-repeat;
*/
}
div#RL_div_menuGch_PAGES {
	width: 180px;
}
div#RL_div_menuGch_FOOTER {
/*
	width: 195px;
	height: 23px;
	background-image:url(http://www.isites-mfr.info/_fichiersCommuns/07/img/interface/navy_B.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
*/
}

.INTERF_menu_GAUCHE_spacer {
	background-image:url("../../../09/img/interface/navySpacer.gif");
	height: 12px;

}

.INTERF_menu_GAUCHE_txt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	font-weight: bold;
	width: 175px;
	margin-right: 5px;
}
		a.INTERF_menu_GAUCHE_txt:link { 
			color: #336699;
			text-decoration:none;
		}
		a.INTERF_menu_GAUCHE_txt:visited {
			text-decoration:none; 
			color: #336699;
		}
		a.INTERF_menu_GAUCHE_txt:hover {
			text-decoration:none;
			color: #E50C01;
		}
		a.INTERF_menu_GAUCHE_txt:active { 
			text-decoration:none;
			color: #336699;
		}
.INTERF_sousMenu_GAUCHE_txt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	font-weight: normal;
	padding-top: 3px;
	border-top: 1px dotted #CCC;
}
		a.INTERF_sousMenu_GAUCHE_txt:link { 
			color: #336699;
			text-decoration:none;
		}
		a.INTERF_sousMenu_GAUCHE_txt:visited {
			text-decoration:none; 
			color: #336699;
		}
		a.INTERF_sousMenu_GAUCHE_txt:hover {
			text-decoration:none;
			color: #E50C01;
		}
		a.INTERF_sousMenu_GAUCHE_txt:active { 
			text-decoration:none;
			color: #336699;
		}
		/*
.RL_div_menu_SELECTED_YES {
	width:100%;
	background-color:#B1D24D;
	padding:3px 0px 3px 2px;
}
.RL_div_menu_SELECTED_NO {
	padding: 3px 0px 3px 0px;
}
.RL_div_sousMenu_OPENED {
	background-color:#BDDD5A;
	padding:2px 2px 2px 2px;
}
	*/
.RL_div_sousMenu_CLOSED {
	/*	NOT USED	*/
}

/*	######################################################################################		MENTIONS
	######################################################################################
*/
.INTERF_mentions_txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #336699;
	font-weight: normal;
	text-align: center;
	
}
*> .INTERF_mentions_txt{
	padding-top: 18px;
	
}
		a.INTERF_mentions_txt:link { 
			color: #336699;
			text-decoration:none;
		}
		a.INTERF_mentions_txt:visited {
			text-decoration:none; 
			color: #336699;
		}
		a.INTERF_mentions_txt:hover {
			text-decoration:none;
			color: #E50C01;
		}
		a.INTERF_mentions_txt:active { 
			text-decoration:none;
			color: #336699;
		}
	

/*	######################################################################################		SPOT HAUT DE PAGE
	######################################################################################
*/
div#RL_div_hautDePage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #399;
	font-weight: normal;
	font-style:italic;
	text-align: right;
	margin: 15px 0px 10px 0px;
}

/*	######################################################################################		MENU BAS
	######################################################################################
*/
div#RL_div_menuBasDePage {
	padding-top:10px;
	padding-left:3px;
	width:100%;
	text-align:left;	
	word-wrap:break-word;
	word-spacing:inherit;
	overflow:auto;
}
.INTERF_menu_BAS_spacer {
	width:1px;
	height:1px;
}
.INTERF_menu_BAS_txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCC;
	font-weight: normal;
}
		a.INTERF_menu_BAS_txt:link { 
			color: #CCC;
			text-decoration:none;
		}
		a.INTERF_menu_BAS_txt:visited {
			text-decoration:none; 
			color: #CCC;
		}
		a.INTERF_menu_BAS_txt:hover {
			text-decoration:none;
			color: #F7AD00;
		}
		a.INTERF_menu_BAS_txt:active { 
			text-decoration:none;
			color: #CCC;
		}

/*	######################################################################################		PUCES
	######################################################################################
*/
.INTERF_puce_01 {
	width:15px;
	height:15px;
}
.INTERF_puce_02 {
	width:10px;
	height:10px;
}
.INTERF_puce_03 {
	width:8px;
	height:8px;
}


/*	######################################################################################		GENERALITES sur les AFFICHAGES de CONTENUS
	######################################################################################
*/
div#RL_div_contenuPageType {
	float: right;
	width: 745px;
	margin-right: 10px;
	overflow: hidden;
}
div#RL_div_contenuPageType_INTITULE_PARENT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #3399CC;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 5px 15px;
	background-image: url("../../img/interface/titre_1_bg.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
div#RL_div_contenuPageType_INTITULE_ENFANT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #CCC;
	font-weight: bold;
	text-align: left;
}
/*
VERT CLAIR			:	#CEED6F
	VERT MOYEN			:	#81A738
	VERT FONCE			:	#517806
	BLEUTITRE			:	#3399CC
*/
div#RL_div_contenuPageType_PARAG {
	margin: 0px 0px 30px 0px;
}
div#RL_div_contenuPageType_LASTMODIF {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #81A738;
	font-weight: normal;
	font-style:italic;
	margin: 3px 0px 0px 0px;

	text-align:right;
}
div#RL_div_contenuPageType_PARAG_TITRE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #2FA829;
	font-weight: bold;
	text-align:left;
	margin: 5px 0px 0px 0px;
	background-image: url('../../img/interface/puceTitre.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
}
div#RL_div_contenuPageType_PARAG_ACCROCHE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #555A70;
	font-weight: normal;
	text-align:left;
	margin: 5px 0px 0px 0px;
}
div#RL_div_contenuPageType_PARAG_TEXTE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555A70;
	font-weight: normal;
	text-align:justify;
	margin: 5px 0px 0px 0px;
}


/*	######################################################################################		ACCUEIL (ou EDITO)
	######################################################################################
*/
.INTERF_edito_intitule {
	/*	NOT USED
		à utiliser si on veut sur-écrire "div#RL_div_contenuPageType_INTITULE_ENFANT"
	*/
}
.INTERF_edito_ttr {
	/*	NOT USED
		à utiliser si on veut sur-écrire "div#RL_div_contenuPageType_PARAG_TITRE"
	*/
}
.INTERF_edito_txt {
	width: 520px;
	float: left;
}
		
		
/*	######################################################################################		SYNDICATION
	######################################################################################
*/
div#RL_div_accueilSyndication_CONTENEUR {
	margin: 5px 0px 0px 0px;
	width: 220px;
	float: right;
}
div#RL_div_NEWS_header {
	background-image: url("../../img/interface/pltActu_head.gif");
	background-repeat: no-repeat;
	width: 192px;
	height: 35px;
}
div#RL_div_NEWS_body {
	background-image: url("../../img/interface/pltActu_body.gif");
	background-repeat:repeat-y;
	width: 192px;
}
div#RL_div_NEWS_footer {
	background-image: url("../../img/interface/pltActu_foot.gif");
	width: 192px;
	height: 27px;
}
.div_NEWS_uneNews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555A70;
	text-align:left;
	padding: 0px 3px 0px 3px;
}
		a.div_NEWS_uneNews:link {
			text-decoration:none;
			color: #555A70;
		}
		a.div_NEWS_uneNews:visited {
			text-decoration:none;
			color: #555A70;
		}
		a.div_NEWS_uneNews:hover {
			text-decoration:none;
			color: #E50C01;
		}
		a.div_NEWS_uneNews:active { 
			text-decoration:none;
			color: #555A70;
		}
.divParentSyndication_marquee {
	height:70px;
}
.divParentSyndication_noMarquee {
/*	height: 70px;	*/
}
	
.marqueeSyndication {
	height:100%;
	width:95%;
}
.INTERF_accueilSyndication_intitule {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #474C5D;
	font-weight: bold;
	padding-bottom: 5px;
}
.INTERF_accueilSyndication_ttr {
	font-size: 12px;
	font-weight: bold;
}
.INTERF_accueilSyndication_date {
	font-size: 10px;
	font-weight: normal;
	font-style:italic;
}
.INTERF_accueilSyndication_accroche {
	font-size: 11px;
	font-weight: normal;
}
.actualite_accroche {
	
}
	
/*	######################################################################################		PAGES
	######################################################################################
*/
.INTERF_page_ttr {
	/*	NOT USED
		à utiliser si on veut sur-écrire "div#RL_div_contenuPageType_PARAG_TITRE"
	*/
}
.INTERF_page_txt {
	/*	NOT USED
		à utiliser si on veut sur-écrire "div#RL_div_contenuPageType_PARAG_TEXTE"
	*/
}
	
		
	
	
/*	######################################################################################		CONTACT & PLAN D'ACCES
	######################################################################################
*/
div#map {	/*	contient le maps.google	*/
	width: 90%;
	height: 300px;
	border:1px solid #2FA829;
	margin: 10px 0px 0px 0px;
}
div#RL_div_itineraire {
	width:auto;
	margin: 5px;
}

div#RL_div_itineraire input::placeholder{
    font-size: 15px;
    font-style:italic;
    
}

.INTERF_contact_txt {
	/*	NOT USED
		à utiliser si on veut sur-écrire "div#RL_div_contenuPageType_PARAG_ACCROCHE"
	*/
}
div#RL_div_contenuPageType_PAGE_CONTACT_detailsContact {
	margin-top: 40px;
	text-align: center;
}
div#RL_div_contenuPageType_PAGE_CONTACT_formMailContact {
	margin-top: 10px;
	width: 600px;
	text-align: center;
}
.INTERF_contact_nomMaison {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	font-weight: bold;
}
.INTERF_contact_infos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: bold;
}
	
		
		
		
/*	######################################################################################		FORMATIONS
	######################################################################################
*/
	
	/*	la LISTE	*/
div#RL_div_formationListe_TEXTE_AVANT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #555A70;
	font-weight: normal;
	text-align:left;
	margin: 5px 0px 5px 0px;
}
div#RL_div_formationListe_TEXTE_APRES {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #555A70;
	font-weight: normal;
	text-align:left;
	margin: 5px 0px 5px 0px;
}
div#RL_div_formationListe_SLCT_ACCESDIRECT {
	text-align: right;
	margin-top: 6px;
}
.INTERF_listeFormations_secteur_label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #636983;
	font-weight: bold;
}
.INTERF_listeFormations_secteur_libelle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #2FA829;
	font-weight: bold;
}
/*
Charte MFR 	:
	VERT	:	#2FA829
	ORANGE	:	#F7AD00
	
Charte Interface
	VERT CLAIR			:	#CEED6F
	VERT MOYEN			:	#81A738
	VERT FONCE			:	#517806
	BLEUTITRE			:	#3399CC
*/
.INTERF_listeFormations_secteur_description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555A70;
	font-weight: normal;
	text-align:justify;
}
.INTERF_listeFormation_choisirTypeAffichage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555A70;
	font-weight: normal;
	text-align: left;
	margin-top: 10px;
}
		a.INTERF_listeFormation_choisirTypeAffichage:link { 
	text-decoration:none; 
	color: #399;
	font-weight: bold;
		}
		a.INTERF_listeFormation_choisirTypeAffichage:visited {
	text-decoration:none; 
	color: #399;
		}
		a.INTERF_listeFormation_choisirTypeAffichage:hover {
	text-decoration:none;
	color: #FFF;
	background-color:#399;
		}
		a.INTERF_listeFormation_choisirTypeAffichage:active { 
	text-decoration:none; 
	color: #399;
		}

.INTERF_listeFormation_choisirTypeAffichage_SELECTED {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555A70;
	font-weight: bold;
}

div#RL_div_typeAffichage_parSecteursPro {
	margin-top: 30px;
}
	.INTERF_unSecteurPro {
		margin: 0px 0px 20px 0px;
	}
div#RL_div_typeAffichage_parNiveaux {
	margin-top: 30px;
}
div#RL_div_typeAffichage_ordreAlpha {
	margin-top: 30px;
}

.INTERF_listeFormation_divFormation {
	padding:5px 5px 5px 10px;
	margin: 5px 0px 0px 0px;
	border:1px solid #F7AD00;
}
.INTERF_listeFormation_divFormation_OVER {
	padding:5px 5px 5px 10px;
	margin: 5px 0px 0px 0px;
	border:1px solid #2FA829;
	background-color: #F7F7F8;
}
.INTERF_listeFormations_formation_titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #474C5D;
	font-weight: bold;
}
.INTERF_listeFormations_formation_accroche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555A70;
	font-weight: normal;
}
.INTERF_listeFormations_formation_texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555A70;
	font-weight: normal;
}
div#RL_div_spotBtnVersAutresFormations {
	margin: 20px 0px 0px 0px;
}


.td_img_fiche img {max-width: 160px;}



	/*	les FICHES	*/
div#RL_div_positionBoutonRetourListe {
	float: left;
	margin-top: -6px;
}
div#RL_div_formationFiche_SLCT_ACCESDIRECT {
	text-align: right;
	margin-top: 6px;
}

div#RL_div_formationFiche_CONTENU {
	margin: 10px 0px 0px 0px;
}

.INTERF_formationFiche_ligneInfos_ROLLOVER {
	background-color: #F7F7F8;
}
.INTERF_ficheFormation_secteur_label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	font-weight: bold;
}
.INTERF_ficheFormation_secteur_libelle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	font-weight: bold;
}
.INTERF_ficheFormation_secteur_description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	font-weight: normal;
	text-align:justify;
}
.INTERF_ficheFormation_formation_titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #474C5D;
	font-weight: bold;
}
.INTERF_ficheFormation_formation_accroche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #555A70;
	font-weight: normal;
}
.INTERF_ficheFormation_formation_texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555A70;
	font-weight: normal;
}
.INTERF_ficheFormation_cartouche_label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #636983;
	font-weight: normal;
	height: 15px;
}
.INTERF_ficheFormation_cartouche_texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555A70;
	font-weight: normal;
	height: 15px;
}
.INTERF_ficheFormation_cartouche_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555A70;
	font-weight: normal;
}
		a.INTERF_ficheFormation_cartouche_link:link { 
			color: #399;
			text-decoration:none;
		}
		a.INTERF_ficheFormation_cartouche_link:visited {
			text-decoration:none; 
			color: #399;
		}
		a.INTERF_ficheFormation_cartouche_link:hover {
			text-decoration:none;
			color: #FFF;
			background-color:#399;
		}
		a.INTERF_ficheFormation_cartouche_link:active { 
			text-decoration:none;
			color: #399;
		}
.INTERF_ficheFormation_cartouche_SPACER {
	background-color: #A0C041;
	height: 1px;
}
	
	

/*	######################################################################################		BOUTONS
	######################################################################################
*/
/*
Charte Interface
	VERT CLAIR			:	#CEED6F
	VERT MOYEN			:	#81A738
	VERT FONCE			:	#517806
	BLEUTITRE			:	#3399CC
*/
div#RL_div_btnRetourListe {
	width: 120px;
	background-color:#CEED6F;
	padding: 2px 5px 2px 5px;
	text-align:center;
	border: 1px solid #81A738;
}
.INTERF_btnRetourListe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #517806;
	font-weight: bold;
}
		a.INTERF_btnRetourListe:link { 
			color: #517806;
			text-decoration:none;
		}
		a.INTERF_btnRetourListe:visited {
			text-decoration:none; 
			color: #517806;
		}
		a.INTERF_btnRetourListe:hover {
			text-decoration:none;
			color: #3399CC;
		}
		a.INTERF_btnRetourListe:active { 
			text-decoration:none;
			color: #517806;
		}
				
div#RL_div_btnDemandDInfos {
	width: 180px;
	background-color:#CEED6F;
	padding: 2px 5px 2px 5px;
	text-align:center;
	border: 1px solid #81A738;
}
.INTERF_btnDemandDInfos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #517806;
	font-weight: bold;
}
		a.INTERF_btnDemandDInfos:link { 
			color: #517806;
			text-decoration:none;
		}
		a.INTERF_btnDemandDInfos:visited {
			text-decoration:none; 
			color: #517806;
		}
		a.INTERF_btnDemandDInfos:hover {
			text-decoration:none;
			color: #3399CC;
		}
		a.INTERF_btnDemandDInfos:active { 
			text-decoration:none;
			color: #517806;
		}

		
/*	######################################################################################		FORMULAIRES de DEMANDE D'INFOS
	######################################################################################

Charte MFR 	:
	VERT	:	#2FA829
	ORANGE	:	#F7AD00
	
Charte Interface
	GRIS HAUT		:	#E9EDD4
	VERT FONCE		:	#A0C041
	VERT MOYEN		:	#B9DB51
	VERT CLAIR		:	#CEED6F
	DEGRAD_FONCE	:	#474C5D
	DEGRAD_MOYEN	:	#555A70
	DEGRAD_CLAIR	:	#636983
*/
.txt_rgpd {
	font-style: italic;
	color: #333;
        text-align:justify;
        font-size:12px;
}
.INTERF_demandeDInfos_enTeteParag {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #636983;
	font-weight: bold;
}
.INTERF_demandeDInfos_label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #474C5D;
	font-weight: normal;
}
.INTERF_SPACER_demandeDInfos {
	height: 1px;
	background-color: #A0C041;
}
.INTERF_demandeDInfos_champsObligatoires {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F7AD00;
	font-weight: bold;
}
.INTERF_demandeDInfos_listeDesFormations {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #474C5D;
	font-weight: normal;
	padding-right: 60px;
}
		
		
/*	######################################################################################		ACCES INTRANET
	######################################################################################

Charte MFR 	:
	VERT	:	#2FA829
	ORANGE	:	#F7AD00
	
Charte Interface
	GRIS HAUT		:	#E9EDD4
	VERT FONCE		:	#A0C041
	VERT MOYEN		:	#B9DB51
	VERT CLAIR		:	#CEED6F
	DEGRAD_FONCE	:	#474C5D
	DEGRAD_MOYEN	:	#555A70
	DEGRAD_CLAIR	:	#636983
*/	
.INTERF_accesIntranet_label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CEED6F;
	font-weight: bold;
}
.INTERF_accesIntranet_inputTxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	height:9px;
}
div#btnSubmit_accesIntranet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CEED6F;
	font-weight: bold;
	border:1px solid #CEED6F;
	padding: 0px 2px 0px 2px;
	cursor:pointer;
}
		a.btnSubmit_accesIntranet:hover {
			text-decoration:none;
			color: #474C5D;
			background-color: #CEED6F;
		}
		
	.page_demande_info {position:relative;}
		
/*	######################################################################################		SEND PAGE
	######################################################################################

Charte MFR 	:
	VERT	:	#2FA829
	ORANGE	:	#F7AD00
	
Charte Interface
	GRIS HAUT		:	#E9EDD4
	VERT FONCE		:	#A0C041
	VERT MOYEN		:	#B9DB51
	VERT CLAIR		:	#CEED6F
	DEGRAD_FONCE	:	#474C5D
	DEGRAD_MOYEN	:	#555A70
	DEGRAD_CLAIR	:	#636983
*/	
.sendPage_body {margin:0px 0px 0px 0px;background-color:#CEED6F;}

.sendPage_titrePage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFF;
	font-weight: bold;
	background-color: #A0C041;
	height: 24px;
}
.sendPage_msgSended {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #A0C041;
	font-weight: bold;
	height: 150px;
}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
/*
div#RL_div_ajaxAttente{
	width:500px;
	height:50px;
	position:absolute;
	left:0;
	top:0;
	background-color:#CC3300;
	z-index:1000000;
}	*/
div#lyrContainerMaster{
	width:100%;
	text-align:center;
}

.INTERF_txt_NomDeLaMaison{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: bold;
}
.INTERF_txt_AdresseDeLaMaison{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	font-weight: bold;
}
.INTERF_txt_NomDuMembre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}
.INTERF_txt_ProfilDuMembre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	font-weight: bold;
}


/*	######################################################################### SPACERS	*/
.INTERF_SPACER_HEADER_MargeDroite{
	width:10px;
}


/*	######################################################################### GENERALITES	*/
.fondBlanc{
	background-color:#FFF;
}
.fondBleuClair{
	background-color:#E2EDF1;
}
.fondBleuFonce{
	background-color:#0099CC;
}


/*	######################################################################################		FORMULAIRES
	######################################################################################

Charte MFR 	:
	VERT	:	#2FA829
	ORANGE	:	#F7AD00
	
Charte Interface
	GRIS HAUT		:	#E9EDD4
	VERT FONCE		:	#A0C041
	VERT MOYEN		:	#B9DB51
	VERT CLAIR		:	#CEED6F
	DEGRAD_FONCE	:	#474C5D
	DEGRAD_MOYEN	:	#555A70
	DEGRAD_CLAIR	:	#636983
*/	
.form_slct_1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: bold;
}
.form_txtArea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	font-weight: bold;
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
	display: block;
	min-height: 100px;
}
.form_txt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	height:11px;
}
.form_label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
	font-weight: normal;
}

/*	######################################################################################		MODULE NEWS
	######################################################################################

Charte MFR 	:
	VERT	:	#2FA829
	ORANGE	:	#F7AD00
	
Charte Interface
	GRIS HAUT		:	#E9EDD4
	VERT FONCE		:	#A0C041
	VERT MOYEN		:	#B9DB51
	VERT CLAIR		:	#CEED6F
	DEGRAD_FONCE	:	#474C5D
	DEGRAD_MOYEN	:	#555A70
	DEGRAD_CLAIR	:	#636983
*/	
.INTERF_news_titre {	/*	NOT USED	*/	}
.INTERF_news_lastModif {
	text-align:left !important;
}
.INTERF_news_accroche {	/*	NOT USED	*/	}
.INTERF_news_texte {	/*	NOT USED	*/	}

/* Fausse image vidéo */
.fakeVideo {
	position: relative;
	display: block;
}
.play-button {
	position: absolute;
	top: calc(50% - 60px);
	left: calc(50% - 60px);
	height: 120px;
	width: 120px;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 100px;
	cursor: pointer;
}
.play-button.small {
	top: calc(50% - 45px);
	left: calc(50% - 45px);
	height: 90px;
	width: 90px;
}
.play-button::after {
	content: "";
	display: block;
	position: absolute;
	top: 30px;
	left: 38px;
	margin: 0 auto;
	border-style: solid;
	border-width: 30px 0 30px 60px;
	border-color: transparent transparent transparent rgba(255, 255, 255, 1);
}
.play-button.small::after {
	top: 25px;
	left: 30px;
	border-width: 20px 0 20px 40px;
}
.fakeVideo:hover .play-button {
    /*background-color: rgba(0, 173, 239, 0.9);*/
    background-color: rgba(0, 0, 0, 0.7);
}
	

@media screen and (max-width: 999px) {
    .no_block td,
    .noblock td{
        display: table-cell !important;
    }
    .content_popup {
	
	top: 5%;
	padding: 5px 10px 10px 10px;
	max-width: 90%;
	/* overflow: auto; */
}
   .info_popup {
	overflow: auto;
} 
.text_popup {
	font-size: 14px;
}

.icone_qualiopi {
	height: 30px;
}

}