@import "http://fonts.googleapis.com/css?family=Shadows+Into+Light";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@-webkit-keyframes droite {    
    0% {    opacity: 0;    right:-100%;     }
	100% {    opacity: 1;     right:0;     }
}

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

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

@keyframes blink {
	0% {    opacity: 1;  }
    50% {    opacity: 0.3;   }
	100% {    opacity: 1;  }
}


@-moz-keyframes blink {
	0% {    opacity: 1;  }
    50% {    opacity: 0.3;  }
	100% {    opacity: 1;  }
}

@-webkit-keyframes blink {
	0% {    opacity: 1;  }
    50% {    opacity: 0.3;  }
	100% {    opacity: 1;  }
}

body, .INTERF_ficheFormation_formation_texte, div#RL_div_contenuPageType_PARAG_TEXTE {
	background: #fff;
	font: normal 15px 'Open Sans', sans-serif;
	text-align: left;
	margin: 0;
}
div#RL_div_contenuPageType {
	width: 100%;
}
.tous_parag, #RL_div_NEWS_bloc, #RL_div_contenuPageType_PARAG_TEXTE.INTERF_edito_txt, div#RL_div_formationFiche_CONTENU, div#RL_div_form_demandeDInfos, #RL_div_typeAffichage_ordrePerso, #RL_div_typeAffichage_parSecteursPro {
	width: 100% !important;
}
.INTERF_ficheFormation_formation_titre {
	color: #1db418;
}
.colonne_droite {
	padding-top:5px;
}
.block td {display:table-cell;}
.bouton {
	display: block;
	background-color: #7a4386;
	padding: 9px 25px;
	border-radius: 10px;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
	font-family: Oswald;
	font-size: 22px;
	border: none;
	cursor: pointer;
}
.boutons a {
	display: block;
	background-color: #7a4386;
	padding: 11px;
	border-radius: 16px;
	overflow: hidden;
	text-decoration: none !important;
	color: #fff !important;
	font-family: Oswald;
	text-align: center;
	font-weight: normal !important;
}
.titre_formation {
	font: 500 18px "Oswald",sans-serif;
	color: #f29402;
	text-transform: uppercase;
}

.marquee_holder {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	height:auto;
	animation: blink 2s infinite;
	-webkit-animation: blink 2s infinite;
}
div#RL_div_NEWS_body, #mooqueecarousel {

	border-radius: 15px;
}
.INTERF_txtMarquee {
	color: #fff;
	font-size: 20px;
	position:relative;
	top: 0;
	right: 0;
	height: auto;
	animation: droite 1s ease-out;
	text-align: center;
	font-family: Oswald;

}
.ensavoiplus { display: none;
}
#menu li:hover ul a {
	background: #f8d24b none repeat scroll 0 0;
	color: #7d7d7d;
}

div#map {
	width: auto;
}

.div_sous_rubriques {
	clear: both;
}

.list_sous_rubriques a {
	font: 15px oswald;
	background: #dcfa70;
	list-style: none;
	border-radius: 14px;
	color: #7d9f00;
	display: block;
	margin-bottom: 5px;
	padding: 14px;
	text-align: center;
	text-transform: uppercase;
	width: 50%;
	text-decoration: none;
}

.table_accueil.\36 {
	margin-top: 8px;
}
.equipe td {
	text-align: center;
}
.equipe div {
	text-align: center;
	border: 2px solid #556270;
	border-radius: 10px;
	max-width: 450px;
	margin: auto;
}
.retour > a {
	background: none repeat scroll 0 0 #DCFA70;
	color: #333;
	display: inline-block;
	font-size: 20px;
	/* padding: 2px 2px 2px 17px; */
	text-decoration: none;
	line-height: 25px;
	padding: 5px;
	font-family: Oswald;
}

.retour {
	text-align: left;
}
.retour > a::before {
	content: '<';
	display: inline-block;
	font-size: 30px;
	margin-right: 3px;
	/* vertical-align: middle; */
}
.list_sous_rubriques a:hover {
	background: #fdd131 none repeat scroll 0 0;
	color: #333;
}

div#RL_div_header_master {
	background: #556270 none repeat scroll 0 0;
}

#header_bas {
	background: #dcfa70 none repeat scroll 0 0;
}

#menu li:hover a {
	background: #fdd131 none repeat scroll 0 0;
}

#menu li  a {
	color: #7d9f00;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

#menu li a.INTERF_sousMenu_GAUCHE_txt,
#menu li a.secteur_menu_a {
	border-top: 1px solid #ffffff;
	font-size: 14px;
	padding: 5px;
	text-transform: none;
	background: #fdd131 none !important; 
	min-width:250px;
}

#menu li:hover ul a:hover {
	background: #556270 none repeat scroll 0 0;
	color: #ffffff;
}

div#RL_div_NEWS_header {
	display: none;
	border-bottom: 2px solid #854f9d;
	color: #854f9d;
}

div#RL_div_NEWS_header.news_bis {
	display: block;
	border-bottom: 2px solid #854f9d;
	color: #854f9d;
}

span.po,
.po span {
	background: #ec3591 !important;
	color: #ffffff;
}

.lien_utiles span {
	background: #854f9d;
	border-radius: 14px;
	color: #fff;
}

.lien_utiles span:hover {
	background: #f8d24b;
}

.outils > a {
	background: #ec3591 none repeat scroll 0 0;
	border-radius: 22px;
}

div#RL_div_footer_master {
	background: #556270 none repeat scroll 0 0;
}

div#RL_div_mentions {
	background: #DCFA70 none repeat scroll 0 0;
}
div#RL_div_NEWS_header {
    font-weight: bold;
}

div#RL_div_NEWS_body,
#mooqueecarousel {
    height: 230px;
}

.div_NEWS_uneNews {
    background-size: cover !important;
    display: block;
    height: 100%;
    padding: 0;
}

.INTERF_accueilSyndication_txt {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    box-sizing: border-box;
    display: block;
    padding: 5px;
    position: absolute;
    width: 100%;
}

.INTERF_accueilSyndication_ttr {
    color: #fff;
    font-family: oswald;
    font-size: 20px;
    font-weight: normal;
}

.INTERF_accueilSyndication_accroche {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
}



.fleche_verte {
    display: none;
}
div#RL_div_btnDemandDInfos {
	background: #dcfa70;
	width: auto;
	padding: 0;
	text-align: center;
	border: none;
	border-radius: 17px;
	max-width: 450px;
}

div#RL_div_btnDemandDInfos img {
	display: none;
}

div#RL_div_btnDemandDInfos:hover {
	background: #556270;
}

a.INTERF_btnDemandDInfos:link {
	font: 18px Oswald;
	color: #333;
	text-decoration: none;display: block;
	padding:5px;
}

div#RL_div_btnDemandDInfos:hover a.INTERF_btnDemandDInfos:link {
	color: #fff;

}

.outils > a {
	background: transparent !important;
	border-radius: 0;
	box-shadow: 0 0 0;
	width: auto;
	display: block;
	color: #fff;
	text-decoration: none;
	font-family: Oswald;
}
.outils img {
	margin-top: 0px;
	width: auto;
	height: 45px;
	display: inline-block;
	vertical-align: middle;
}
#header_milieu {
	height: auto;
	left: 0;
	width: auto;
}

/*Formulaire*/
div#RL_div_contenuPageType_PAGE_CONTACT_formMailContact {
	width: auto;

}
.contact_table {
	font-family: Oswald;
	color: #333;
	text-align: center;
	padding: 5px;
	overflow: hidden;
	max-width: 650px;
	margin: 0 auto;
	font-size: 18px;
}
.contact_titre {
	font-size: 25px;
}
.contact_table td {
	padding: 4px;
}
.fom_contact {
	width: 100%;
	padding: 10px;
	font-size: 15px;
	border: 1px solid #ccc;
	color: #333;
	font-weight: 300;
	font-family: Oswald;
	box-sizing: border-box;
}
.fom_contact.checkbox {
	width: auto;
}
input.fom_contact::placeholder, textarea.fom_contact::placeholder {
	color: #333; opacity:1;font-style: italic;
}
.fom_contact.select {
	background-color: #717171;
}

.fom_contact.bouton {
	background-color: #1FA22E;
	cursor: pointer;
}

@media screen and (min-width: 999px) {
	div#RL_div_header_master {
		background: #556270 none repeat scroll 0 0;
		height: auto;
		position: relative;
		width: 100%;
		padding: 0;
	}
	#header_bas {
		background: #dcfa70 none repeat scroll 0 0;
		height: 50px;
		width: 100%;
	}

	div#RL_div_menuGch_VERTICAL {
		left: auto;
		margin: 0 auto;
		position: relative;
		top: auto;
		width: 1000px;
	}

	table {
		max-width: 100%;
	}

	#menu li a.INTERF_menu_GAUCHE_txt {
		min-width: 100px;
	}

	.INTERF_sousMenu_GAUCHE_txt {
		border: none;
	}
	#header_top {
		height: auto;
		margin: 0 auto;
		position: relative;
		width: auto;
		max-width: 1200px;
	}

	#slideshow-container img {
		height: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
	}

	#slideshow-container {
		border: 2px solid #ffffff;
		border-radius: 21px;
		height: 90%;
        min-height: 190px;
		overflow: hidden;
		position: relative;
		right: auto;
		width: 30%;
		z-index: 1;
		display: inline-block;
		vertical-align: top;
        margin-top: 5px;
	}
	.div_bandeau {
		/*background: rgba(0, 0, 0, 0) url("../img/interface/Logo_MFR.png") no-repeat scroll left center / auto 90%;*/
		background: rgba(0, 0, 0, 0) url("../img/interface/Logo_MFR.png") no-repeat scroll left top / auto 100%;
		height: auto;
		padding-left: 190px;
		top: 0;
		/*width: 40%;*/
		display: inline-block;
		position: relative;
		vertical-align: top;
		text-align: left;
		margin-right: 5px;
	}

	.titre_bandeau {
		color: #ffffff;
		font-size: 27px;
		font-weight: 800;
		text-transform: none;
		padding-top: 0px;
	}

	.sous_titre_bandeau {
		color: #fff;
		font-size: 27px;
		font-weight: 800;
	}

	.slogan_bandeau {
		color: #ffffff;
		display: block;
		font-size: 19px;
		margin-top: 16px;
	}

	.slogan_bandeau.second {
		text-align: left;
		font-size: 20px;
		left: 8px;
		position: absolute;
	}

	.outils {
		position: relative;
		right: 0;
		text-align: left;
		top: 0;
		width: auto;
        display: inline-block;
        vertical-align: top;

	}

	.INTERF_txtMarquee {
		height: auto;
	}

	div#RL_div_accueilSyndication_CONTENEUR {
		width: 260px;
	}

	.img_secteur {
		height: 90px;
		margin: 0 auto;
	}

	.INTERF_edito_txt {
		width: 730px;
	}

	#RL_div_contenuPageType_PARAG_TEXTE.INTERF_edito_txt table {
		max-width: 100%;
	}

	.titre_bandeau,
	.sous_titre_bandeau,
	div#RL_div_contenuPageType_INTITULE_PARENT,
	h1#RL_div_contenuPageType_INTITULE_PARENT,
	div#RL_div_NEWS_header,
	.fiches_formation h2#RL_div_contenuPageType_INTITULE_PARENT {
		/*font-family: "Shadows Into Light",cursive;*/
		font-family: 'Roboto Slab', serif;
		float: none;
	}


	.colonne_droite .img_secteur {
		background-repeat: no-repeat;
		border: 1px solid #ffffff;
		box-shadow: 0 0 0 1px #333333;
		width: 52%;
		margin: 0 auto;
	}

	.INTERF_ficheFormation_formation_titre {
		color: #EC3591;
		font-size: 25px;
		padding-left: 0;
		margin: 0;
		font-family: oswald;
	}

	.fiches_formation h2#RL_div_contenuPageType_INTITULE_PARENT {
		display:none;
	}
}



.INTERF_puce_02 {
	display: none;
}

.col_parag_txt a {
	color: inherit;
	text-decoration: none;
	display: block;
}

.col_parag_txt td:hover {
	background: #DCFA70;
}

.col_parag_txt td:hover {
	background: #F8D24B;
}

.col_parag_txt td:hover a {
	color: #854f9d;
}

.colonne_droite td {
	font: 15px oswald;
	background: #854f9d;
	display: block;
	padding: 14px;
	width: auto;
	border-radius: 14px;
	color: #fff;
	margin-bottom: 5px;
	text-align: center;
	text-transform: uppercase;
}

.fiches_formation .td_secteur,
div#RL_div_formationFiche_SLCT_ACCESDIRECT {
	display: none;
}

.td_secteur h4 {
	font-size: 14px;
}

.fiches_formation .td_secteur h4 {
	background: rgba(0, 0, 0, 0) url("http://www.mfranneyron.com/medias/Image/formations/tiretviolet.jpg") no-repeat scroll left 7px/ 8px 8px;
	font-size: 13px;
	font-weight: 400;
	padding-left: 12px;
}

.option_print {
	position: relative;
}

.formation_accroche {
	color: #333333;
	font-size: 13px;
	font-style: italic;
}

.formation_titre_lien {
	font: 12px oswald;
	display: block;
	text-align: left;
	text-decoration: none;
	color: #4ECDC4;
}

.td_secteur:hover {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

h3,
h4 {
	font: 500 20px oswald;
	margin: 0;
}

.INTERF_ficheFormation_formation_accroche h3 {
	color: #9068A7;
	font-style: italic;
}

h3 {
	color: #99CC00;
}

.td_img_formation h3 {
	color: #556270;
}

h4 {
	color: #333;
}

div#RL_div_contenuPageType.page_index {
	width: auto;
}

div#RL_div_contenuPageType_INTITULE_ENFANT,
h2#RL_div_contenuPageType_INTITULE_ENFANT {
	background: none no-repeat scroll left center;
	color: #ec3591;
	font-size: 18px;
	padding-left: 0;
	float: none;
	clear: both;
}

div#RL_div_contenuPageType_PARAG_TITRE,
h3#RL_div_contenuPageType_PARAG_TITRE {
	color: #99CC00;
}

.table_accueil .INTERF_liensUtilisateur {
	display: block;
	height: 115px;
	overflow: hidden;
	width: 100%;
}

.table_accueil {
	border: 1px solid #b3d234;
	border-radius: 5px;
	margin: 3px;
	overflow: hidden;
	text-align: center;
	width: 95%;


}

.table_accueil  td {
	display: table-cell !important;
}

.table_accueil img {
	height: auto;
	width: 100%;
}

.titre_table_accueil {
	font: 14px oswald,arial;
	background: #c7f464 none repeat scroll 0 0;
	color: #556270;
	height: 25px;
	padding: 5px;
	margin-bottom: 0 !important;
}
.info_coordonnee {
	width: auto;
}

@media screen and (max-width: 1200px) {
	.div_bandeau {
		background: rgba(0, 0, 0, 0) url("../img/interface/Logo_MFR.png") no-repeat scroll left top / auto 60%;

	}   
	.sous_titre_bandeau {
		font-size: 38px;
		line-height: 42px;

	} 
	#slideshow-container {
		width: 25%;

	} 
	#slideshow-container img {
		height: 100%;
		width: auto;
	}
}

@media screen and (max-width: 999px) {
	.fiches_formation h2#RL_div_contenuPageType_INTITULE_PARENT {
		color: #333333;
		font-size: 24px;
		font-weight: 300;
		font-family: "Shadows Into Light",cursive;
	}
	.table_accueil td:first-child {
		position: relative;
	}
	.table_accueil img {
		height: 100%;
		width: auto;
		position: absolute;
		left: 0;
	}
	.accueil > tbody > tr > td {
		width:30%;
	}
	table {
		margin: 0 auto;
		max-width: 100%;
	}

	.INTERF_ficheFormation_formation_titre {
		color: #ec3591;
		font-family: oswald;
		font-size: 25px;
		margin: 0;
		padding-left: 0;
	}

	div#RL_div_header_master {
		height: auto;
		padding-top: 0;
	}

	#header_top {
		height: auto !important;
	}

	.div_bandeau {
		background: rgba(0, 0, 0, 0) url("../img/interface/Logo_MFR.png") no-repeat scroll left top / auto 60% !important;
		background-position: left top !important;
		height: auto !important;
		padding-left: 0 !important;
		padding-top: 0 !important;
		text-align: left !important;
		background-size: auto 100%;
	}

	.titre_bandeau {
		color: #ffffff;
		font-family: 'Roboto Slab', serif;
		font-size: 27px;
		padding-left: 82px;
	}

	.sous_titre_bandeau {
		color: #fff;
		font-family: 'Roboto Slab', serif;
		font-size: 27px;
		padding-left: 82px;
	}

	.slogan_bandeau {
		color: #ffffff;
		display: none;
		font-size: 20px;
		text-align: center;
	}

	div#RL_div_menuGch_VERTICAL {
		position: relative !important;
		top: 0 !important;
	}

	.show-menu {
		background: #dcfa70 none repeat scroll 0 0;
		color: #7d9f00;
	}

	.outils {
		position: relative;
		right: 0;
		text-align: right;
		top: 0;
		width: auto !important;
		z-index: 10000;
	}
	.outils > a {
		background: transparent !important;
		border-radius: 0;
		box-shadow: 0 0 0;
		width: auto !important;
		display: inline-block;
		color: #fff;
		text-decoration: none;
		font-family: Oswald;
		height: auto !important;
		float: none !important;
	}

	.outils img {
		margin-top: 0px;
		width: auto !important;
		height: 45px;
		display: inline-block;
		vertical-align: middle;
	}




}




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


	.table_accueil {
		margin: 0 auto 5px;
		text-align: center;
		width: 100% !important;
	}

	.table_accueil img {
		max-width: 100% !important;
	}
	.table_accueil img {
		height: auto;
		width: 100%;
		position: absolute;
		left: 0;
	}
	.table_accueil .INTERF_liensUtilisateur {

		height: 165px;

	}

	.outils img {

		height: 30px;

	}
	.accueil > tbody > tr > td {
		width: 60%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 500px) {
	.titre_bandeau {
        padding-left: 90px;
	}

    .sous_titre_bandeau {
		font-size: 25px !important;
        padding-left: 90px;
	}

    .table_accueil, .accueil > tbody > tr > td {
		width: 100%;
        padding: 0;
	}
	.outils > a {
		font-size: 12px;
	}
	.outils img {
		height: 45px;
		display: block;
		margin: 0 auto;
	}   

	#header_milieu {
		display: none !important;
	}
	div#RL_div_contenuPageType_INTITULE_ENFANT, h2#RL_div_contenuPageType_INTITULE_ENFANT, div#RL_div_contenuPageType_INTITULE_PARENT, h1#RL_div_contenuPageType_INTITULE_PARENT {
		font-size: 22px !important;
		line-height: 30px !important;
	}
}