/* #######################################################################################################
################################### Styles Interface PERSONNALISES #######################################

Permet de ré-écrire par-dessus les styles définis pour ce template





Charte MFR 	:
	VERT	:	#2FA829
	ORANGE	:	#F7AD00
	
Charte Interface
	VERT CLAIR			:	#CEED6F
	VERT MOYEN			:	#81A738
	VERT FONCE			:	#517806
	BLEUTITRE			:	#3399CC
*/
/*body {background:url("../img/interface/background.jpg") no-repeat fixed left bottom / 100% auto #1756a3;}*/

h3 {
	color: #CEAB5D;
	font-family: Roboto slab;
	font-size: 28px;
}
p{margin:auto;}
#RL_div_body_master {background:#fff;}
div#RL_div_conteneurGeneral {
    margin: 0 auto;
    overflow: hidden;
   
}

#RL_div_formationFiche_SLCT_ACCESDIRECT {display:none;}
div#RL_div_contenuPageType.page_index {
    width: auto;
}
.titre_formation, .h4 {
    font-family: Roboto slab;
    font-size: 20px;
    text-shadow: 2px 2px 2px #cccccc;
    color: #cdac5d;
    text-transform: uppercase;
}

.fiche_1 .h4, .fiche_1 .INTERF_ficheFormation_formation_titre {color:#009ac8;}
.fiche_1  div#RL_div_menuGch_VERTICAL {background:#009ac8;} 

.fiche_18 .h4, .fiche_18 .INTERF_ficheFormation_formation_titre {color:#6fbe20;}
.fiche_18  div#RL_div_menuGch_VERTICAL{background:#6fbe20;} 

.fiche_19 .h4, .fiche_19 .INTERF_ficheFormation_formation_titre {color:#009ac8;}
.fiche_19  div#RL_div_menuGch_VERTICAL {background:#009ac8;} 

.fiche_17 .h4, .fiche_17 .INTERF_ficheFormation_formation_titre {color:#cdac5d;}
.fiche_17  div#RL_div_menuGch_VERTICAL {background:#cdac5d;} 


.contenu_bandeau {
	bottom: 0;
	height: 100px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	/* max-width: 1200px; */
	background-color: #fff;
	color: #000;
	text-shadow: 0 0 0 #fff;
}
.titre_bandeau {
  color: #000;
  display: block;
font-family: Roboto slab;
  font-size:30px;
  font-weight: bold;
}
.sous_titre_bandeau {
  color: #000;
  display: block;

  font-size: 30px;
  font-weight: bold;
 
}

.slogan {
	color: #000;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	padding-left: 271px;
	padding-top: 20px;
	position: absolute;
	right: 0;
	top: 0;
}
.blue,
.VertCharteMFR  {color:#009ac8;}
.pink{color:#cdac5d;}
.green {color:#6fbe20;}
.logo {
	display: inline-block;
	vertical-align: middle;
}
.logo img { height: 100px;	
}

.logo a {text-decoration:none;}
.titre {
	/* width: 1000px; */
	margin: 0 auto;
	text-align: left;
	/* height: 100%; */
	display: inline-block;
	vertical-align: middle;
}
div#RL_div_header_master {
  height: auto;
  padding-top: 0;
  width: 100%;
 
}
.div_bandeau {
	background-image: none;
	height: 100%;
	left: 0;
	padding-left: 0;
	text-shadow: 0 0 0 #000;
	top: 0;
	width: 100%;
	position: relative;
}

#menu li a {
    background: none repeat scroll 0 0 transparent;}
	#menu li a{  min-width:120px;}
	#menu li a.menu_accueil {  min-width: 0;}
	
.col_parag_txt > a {
  color: #333;
  font-size: 18px;
  text-decoration: none;
}

.col_parag_txt > img {
  margin: 5px;
  vertical-align: middle;
}	
	
div#RL_div_contenuPageType_PARAG_TITRE, h3#RL_div_contenuPageType_PARAG_TITRE {

color: #6fbe20;

font-family: "Oswald",sans-serif;
font-size: 25px;
font-style: italic;
font-weight: 500;
line-height: 50px;
text-align: left;}

#header_bas {height: auto;}
#header_top { height:auto;margin: 0 auto;
    position: relative;
    width: 100%;}
#header_milieu,.INTERF_txtMarquee  {    height: auto; display:none;}

#slideshow-container img {
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.moquee_img {
    background-size: cover !important;
    height: 100%;
    width: 100% !important;
}
#caroussel2 {height:250px;}
.slide2 .moquee_img { height: 100% !important;}
.boxes {
    bottom: 11px;
    margin: 0 auto;
    position: relative;
    width: 300px;
    z-index: 10001;
}

.lien a {
    color: #fff;
    display: block;
    font-family: oswald;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
}
.lien a:hover {
    background-color: #666666;
    color: #ffffff;
}
.lien {
    font-family: oswald;
    font-size: 24px;
    text-align: center;
}
span.po, .po span {    background-color: #333 !important;}

.lien_utiles span {    background-color: #cdac5d;}

div#RL_div_NEWS_header {
    border-bottom: 2px solid #333;
    color: #333;
}
.boxes img {
    height: 25px;
    width: 25px;
}
.boxes > a {
    border-radius: 12px;
    display: block;
    float: left;
    height: 20px;
    margin: 5px;
    overflow: hidden;
    width: 20px;
}
.partenaires img {
	max-height: 80px;
	width: auto;
	margin: 5px;
	background-color: #fff;
	padding: 5px;
}
div#RL_div_M_identite_MFR {
 /* background: rgba(0, 0, 0, 0) url("../img/interface/ministere.png") no-repeat scroll center center;*/
  color: #ffffff;
  font-size: 15px;
  font-weight: normal;
  padding: 0;
  text-align: center;
  width: auto;
  height:auto;}
.info_coordonnee, .info_telephone {
  display: block;
  margin: 0 auto;
  width: 615px;
  padding-left: 63px;
  padding-top: 9px;
}
.list_sous_rubriques > a:hover {
    background: none repeat scroll 0 0 #6fbe20;
}
.list_sous_rubriques > a {
    color: #ffffff;
	    background: none repeat scroll 0 0 #fa9d13;
    display: block;
    font-family: oswald;
    font-size: 19px;
    list-style: outside none none;
    margin: 7px;
    padding: 8px;
    text-decoration: none;
}

.list_sous_rubriques {
    clear: both;
    float: none;
    list-style: outside none none;
}

.img_blanc > img {
    height: auto;
    width: 100%;
}
#slideshow-container {
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 1;
}

div#RL_div_menuGch_PAGES {width:1000px; margin:auto;}
div#RL_div_menuGch_VERTICAL {
    position: relative;
    top: 0; background:none repeat scroll 0 0 #cdac5d; height:50px;
   }
.bandeau {
    position: absolute;
	width:100%;  height: 100%;
  z-index: 1000;
}







.titre > a {
    margin-left: 171px;
}
.titre a > img {
  
    width: auto;
}

.option_print {position:relative;}
.formation_titre_tr img {display:none;}	
.INTERF_ficheFormation_formation_titre {margin:0; font-size:25px; font-family:oswald; color:#cdac5d;}
.Title_1 {
    
    font-size: 20px;
    font-weight: bold;
	font-family:oswald;
	text-shadow:2px 2px 2px #ccc;
	
}

.Title_2 {
   
    font-size: 14px;
    font-weight: bold;
	font-style:italic;
	color:#333333;
}
.Title_3 {
color:#333333;
    font-size: 13px;
  
	
}

.header .INTERF_liensUtilisateur > img {background:transparent;}
.header .INTERF_liensUtilisateur {
    color: #ffffff !important;
    font-size: 19px;
    font-weight: normal !important;
    text-decoration: none !important;
}
.info_pratique {
    border: 1px solid #ccc;
}


.header {
    background: none repeat scroll 0 0 #fa9d13;
    color: #ffffff;
    font-family: oswald;
    font-size: 23px;
    padding: 5px;
    text-align: center;
}
.content {padding:8px;}
.INTERF_sousMenu_GAUCHE_txt {
    border-top: none;}


ul#menu, #menu ul {
    left: auto;}



.menu_description {
    display: block;
    font-size: 13px;
    width: 224px;
}
div#RL_div_contenuPageType_PARAG_TEXTE {
      clear: left;
}
.secteur_menu_a {  background: none #fa9d13 !important; color:#fff !important;}
.outils {   width:auto;}
.outils img { margin-top: 0;width: 50px;}
.outils > a {margin: 0;
    background: none #333;
    border-radius:0;
    height: auto;
    width: auto; display:inline-block; box-shadow: none;
}

.lien_utiles div {
    background-color: #ffc000;
    display: block;
    font-family: oswald;
    font-size: 24px;
    margin-bottom: 5px;
    padding: 1px;
    text-align: center;
    text-transform:none !important; 
    font-weight:normal !important;
}
.col_milieu {
    width: 100%;
}

.lien_utiles a.INTERF_liensUtilisateur:link {
       text-decoration: none;color:#333333 !important; font-weight:normal; text-align:center;
}
.colonne_droite {
    min-width: 300px;
  
}

div#RL_div_contenuPageType.page_formation {width:100%;}


.bloc_accueil .Title_2 {
    color: #fff;
}
.bloc_accueil {
  border-radius: 15px;
  float: left;
  height: 196px;
  margin: 2px;
  overflow: hidden;
  width: 49%;
}
.bloc_accueil img {
  height: auto;
  width: 100%;
}

.bloc_titre.vert {
  background: none repeat scroll 0 0 #6fbe20;
}
.bloc_titre.bleu {
  background: none repeat scroll 0 0 #3399cc;
}
.bloc_titre.rose {
  background: none repeat scroll 0 0 #e070cf;
}
.bloc_titre.orange {
    background: none repeat scroll 0 0 #f39800;
}
.bloc_titre {
    color: #ffffff;
    font-family: oswald;
    font-size: 18px;
    padding: 5px 5px 5px 15px;
}



@media screen and (max-width: 998px) {
div#RL_div_M_identite_MFR {
  background: rgba(0, 0, 0, 0) url("../img/interface/ministere2.png") no-repeat scroll bottom center / auto 70px;
  height:115px;
}
.info_coordonnee, .info_telephone {
  display: block;
  margin: 0 auto;
  width: auto;
  padding-left:0;
  padding-top:0;
}
.slide > div {
    height: 205px;
}
div#RL_div_menuGch_VERTICAL { height: auto;}
    

.outils > a { float:none !important; height:50px!important; width:50px!important;}
.outils  img { width:50px !important;}
.outils {
    margin: 0 auto;
   
    width: 100% !important;
	
}
td { clear: left;}

.slogan {display:none;}
.logo { margin-top:0;}


.logoagri {
  bottom: auto;
  position: absolute;
  right: 0;
  top: 0;
}


.titre_bandeau {
	font-size: 30px !important;
}

.titre > a {
    margin-left:0;
}


embed {
  max-width: 100%;
  width: 100%;
}

.div_bandeau {
	background-image: none !important;
	/* background-position: center top; */
	height: 100px !important;
	/* left: 0; */
	padding-left: 0 !important;
	padding-top: 0 !important;
	/* position: relative; */
	text-align: center;
	/* width: 100%; */
}

.contenu_bandeau { background:none;}
}

@media screen and (max-width: 590px) {
.logoagri > img {
    height: 63px;
}
div#RL_div_M_identite_MFR {
  background: none; height:auto;}
#header_top {
    height: 350px !important;;}
.titre_bandeau {    font-size: 34px!important;line-height: 35px;}
.outils > a { height:30px!important; width:30px!important;}
.outils  img { width:30px !important;}

.sous_titre_bandeau {
    font-size: 30px !important;}

.logo {
    background: none no-repeat scroll 0 7px / 65px auto rgba(0, 0, 0, 0); top:0; margin:0;
    height: 114px;}
.outils {
  margin: 0 auto;
  top: 72px;
  width: 140px !important;  left: 70px; right:auto;
}.div_bandeau {


	height: 200px !important;
	
}
.titre {

	text-align: center;
}
	}
	
.retour > a {
  background: url("../img/interface/fleche.png") no-repeat scroll 8px center rgba(0, 0, 0, 0);
  color: #ffffff;
  display: block;
  font-size: 20px;
  padding: 2px 2px 2px 17px;
  text-decoration: none;
}
.retour {
    background: none repeat scroll 0 0 #6fbe20;
    clear: both;
    display: block;
    float: left;
    font-family: oswald;
    margin: 5px;
    width: 240px;
}