
#menu > li {
	width: calc(100%/4);
}

.menu-item-li-forma-23::before {
	content: "Orientation";
	display: block;
	line-height: 42px;
	background-color: #000;
}
.menu-item-li-forma-24::before {
	content: "Agriculture";
	display: block;
	line-height: 42px;
	background-color: #000;
}
.menu-item-li-forma-20::before {
	content: "Sécurité";
	display: block;
	line-height: 42px;
	background-color: #000;
}


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

.formation.vertical a {
	/* margin-top: 0; */
	display: block;
	color: #fff;
	text-decoration: none;
	margin-top: 0;
	padding: 5px 0 0 0;
        background-color: transparent;
        
}

.formation.vertical h4 {
	color: #fff;
	background-color: rgba(255,255,255,0.5);
	max-width: 90%;
	margin: 0 auto;
	margin-top: 5px;
}
.formation.vertical hr {
	background-color: #fff;
	max-width: 80%;
}

.formation.vertical a::after {
	content: "";
        display: block;
        border-bottom: 2px dotted #fff;
        height: 2px;
        width: 80%;
        margin: 0 auto;
        opacity: 0.5; 
        background-color: transparent;
}
.formation.vertical td.photo {
	height: 100%;

}
.formation.vertical img {
	height: auto;
	width: 100%;

}


.formation.vertical td.photo {
	left: 0;
}

.texte h3 {
	font-size: 25px;
}
.formation.vertical h5 a {
	border: 1px solid #fff;
	background-color: rgba(255,255,255,0.8);
	color: #000 !important;
	margin: 15px;
        max-height: 250px;
        padding: 10px;
}


div#RL_div_M_identite_MFR {
	font-size: 18px;
}
a.INTERF_liensInfoMaison:link {
	color: #7CA7B9;
}
#RL_div_footer_master::before {
display:none;
}


.el_menu_1 {
	background-color:  #45521F;
}
.el_menu_2 {
	background-color:  #ECC747;
}
.el_menu_3 {
	background-color:  #CEAB5D;
}
.el_menu_4 {
	background-color: #92542A;
}
.el_menu_5 {
	background-color: #472612;
}
@media only screen and (min-width:830px){
.formation {
	width: calc(99.8%/3);


}}
@media only screen and (min-width:830px)and (max-width: 1200px) {
    
    .formation.vertical {
	width: calc(99.8%/3);

}
.formation.vertical img {
	height: auto;
	width: 100%;
	transition: 2s width ease-out;
}
  .formation.vertical img:hover {
	width: 120%;
	height: auto;
}  
}


@media only screen and (max-width: 1300px) {
    
 .formation.vertical td.texte {
	width: 80%;
} 
.formation.vertical img {
	width: auto;
	height : 100%;
}

}

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

.formation.vertical img {
	width: 100%;
	height: auto;
	/* min-height: 350px; */
}
.formation.vertical td.texte {
	width: 80%;
	min-height: 350px;
}

.content {
	max-width: 90%;
}
.formation.vertical {
		margin-bottom: 10px;
}

}