@import url('https://fonts.googleapis.com/css?family=Open+Sans');
.colonne_droite {
	max-width: 33%;
}


html > body #RL_div_body_master {
	width: 100% !important;
        max-width: 1200px;
}
div#RL_div_contenuPageType.page_index {
	width: 100%;
}
body, .INTERF_ficheFormation_formation_texte, div#RL_div_contenuPageType_PARAG_TEXTE {
	font: normal 15px 'Open Sans', sans-serif;
	text-align: left;
}

td[bgcolor*="#00000"] a {
	color: #fff !important;
}
div#RL_div_conteneurGeneral {
  margin: 0 auto;
  overflow: hidden;
}
.partenaires img {

	
}
.partenaires {
	
	margin-top:15px;
}
.bouton {
	display: block;
	background-color: #000;
	padding: 8px;
	border-radius: 0;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
	font-family: Oswald;
	border: none;
	font-size: 24px;
	cursor: pointer;
}
.boutton {
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: auto 80%;
  border-radius: 2px;
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
  margin: 5px;
  padding-bottom: 12px;
  padding-left: 51px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
  margin: 0 auto;
}

.boutton.video {
  font: 25px/45px Oswald;
  background: url("../img/interface/video.png") #d32322;
  border-color: #d32322;
  width: 180px;
  padding-left: 65px;
  padding-bottom: 0;
}
#menu li:hover ul .menu-item-li-forma-15 a:hover {
	background: none repeat scroll 0 0 #5476fb;
	color: #fff;
}
.fiche_15 div#RL_div_btnDemandDInfos,
.fiche_15 .option_print,
.fiche_15 div#RL_div_formationFiche_SLCT_ACCESDIRECT{
 display:none;   
}

.fiche_15  .boutons_formation a:hover, a#pdf:hover {
background: none repeat scroll 0 0 #5476fb;
	
}
.boutton a.INTERF_liensUtilisateur:link,
.boutton a.INTERF_liensUtilisateur:visited {
  color: #ffffff;
  font-family: oswald;
  font-weight: normal;
  text-decoration: none;
  background: transparent none;
}

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

.block_accueil td {
  display: inline-block;
  width: 45%;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  height: 200px;
}

.block_accueil tbody {
  display: block;
  width: 100%;
}

.block_accueil tr {
  display: inline;
  /* width: 100%; */
}

.bloc_accueil {
  font: 16px oswald;
  width: 100%;
  height: 100%;
  border-radius: 0;
  z-index: 1;
  float: none;
  background-size: cover;
  position: relative;
}

.bloc_accueil a.INTERF_liensUtilisateur,
.bloc_accueil a.INTERF_liensUtilisateur:hover {
  font: normal 15px oswald;
  background: transparent;
  color: #ffffff !important;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.bloc_accueil h3,
.bloc_accueil h4 {
  background: #6fbe20;
  color: #fff;
  font-weight: 400;
  position: absolute;
  left: 0;
  bottom: 60px;
  margin: 0;
  padding: 5px;
}

.bloc_accueil h4 {
  bottom: 20px;
}

.troisieme {
  background: url(../img/interface/troisieme.jpg);
}

.bac_gmnf {
  background: url(../img/interface/bac_gmnf.jpg);
}

.bac_faucon {
  background: url(../img/interface/bac_faucon.jpg);
}

.bts_gpn {
  background: url(../img/interface/bts_gpn.jpg);
}

.continue {
  background: url(../img/interface/continue.jpg);
}

a.INTERF_liensUtilisateur:hover {
  background: transparent;
  color: #E98403;
}

div#RL_div_header_master {
  height: auto;
  padding-top: 0;
  width: 100%;
}
.metier h4 {
	font-size: 16px;
}
.metier {
	border: 1px solid #333;
}
/*ACTUALITE*/

.actualite {
  position: relative;
  width: 100%;
  min-height: 193px;
}

#actualite_mooquee {
  width: 100%;
  overflow: hidden;
  height: 100%;
  position: absolute !important;
  top: 0;
}

.actualite_group {
  width: 100% !important;
  height: 100%;
}

.actualite_group[style*="opacity: 1"] {
  z-index: 2;
}

.actualite_group[style*="opacity: 0"] {
  z-index: 1;
}

.actualite_header {
  display: none;
}

.actualite_item {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: top;
  margin-right: 0;
}

.actualite_inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.div_actualite_un {
  font: 15px Oswald;
  text-decoration: none;
  color: #333;
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
}

.actualite_txt {
  background: rgba(0,0,0,0.7);
  position: absolute;
  width: 80%;
  left: 10%;
  top: 35%;
  color: #fff;
  text-align: center;
}

.actualite_titre {
  display: block;
  font-size: 16px;
  line-height: 19px;
}

.actualite_accroche {
  font: 13px Oswald;
  display: block;
  text-align: center;
}

.actualite_img {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  opacity: 1;
  transition: 1s opacity;
}
.actualite_img[style*="defaut"] {
	background-image: none !important;
	background-color: #000;
}
.actualite:hover .actualite_img {
  opacity: 0.7;
}

.actualite_date {
  display: none;
}

.boxes {
  position: absolute;
  right: 10px;
  bottom: 0;
  height: 20px;
  z-index: 100;
}

.actualite_box {
  background: #6FBE20;
  width: 10px;
  height: 10px;
  margin: 2px;
  border-radius: 50%;
  border: #6FBE20 3px solid;
  display: inline-block;
}

.actualite_box.active {
  background: #fff;
  z-index: 2;
}

.actualite_box.unactive {
  z-index: 1;
}

h3 {
  font: 25px Oswald;
}

h4 {
  font: normal 20px/23px Oswald;
  color: #6FBE20;
  margin: 7px 0;
}
h5 {
  font: normal 17px/30px Oswald;
  margin: 0;
}
div#RL_div_contenuPageType_INTITULE_PARENT h2 {
  font-weight: 300;
}

#RL_div_contenuPageType_INTITULE_PARENT {
  font: 300 31px "Oswald",sans-serif;
  color: #333333;
  margin: 0;
  padding: 0;
  text-align: left;
}

.INTERF_ficheFormation_formation_accroche h3 {
  color: #333333;
  font-weight: 300;
}

.form_slct_1 {
  font-size: 13px;
  padding: 7px;
}

div#RL_div_formationFiche_SLCT_ACCESDIRECT {
  margin-top: 6px;
  position: absolute;
  right: 0;
  top: 0;
}

.INTERF_ficheFormation_formation_titre {
  font: normal 29px oswald;
  color: #e98403;
  display: inline;
}

div#RL_div_contenuPageType_PARAG_TITRE,
h3#RL_div_contenuPageType_PARAG_TITRE {
  font: italic 500 25px/50px "Oswald",sans-serif;
  color: #6fbe20;
  text-align: left;
}

#header_bas {
  height: auto;
  position: absolute;
  top: 200px;
  width: 100%;
  background: none repeat scroll 0 0 #6fbe20;
}

#header_top {
  height: auto !important;
  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;
}

.boxes img {
  height: 25px;
  width: 25px;
}

.boxes > a {
  border-radius: 12px;
  display: block;
  float: left;
  height: 20px;
  margin: 5px;
  overflow: hidden;
  width: 20px;
}

div#RL_div_accueilSyndication_CONTENEUR {
  display: none;
}

.INTERF_edito_txt {
  width: 100%;
  float: none;
}

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

.list_sous_rubriques > a:hover {
  background: none repeat scroll 0 0 #6fbe20;
}

.list_sous_rubriques > a {
  font: 19px oswald;
  color: #ffffff;
  background: none repeat scroll 0 0 #fa9d13;
  display: block;
  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;
}

#menu > li {
  display: inline-block;
  float: none;
  margin-right: 0;
}

div#RL_div_menuGch_PAGES {
  width: 100%;
  margin: auto;
  text-align: center;
}

div#RL_div_menuGch_VERTICAL {
  position: relative;
  top: 0;
  background: none transparent;
  height: auto;
}

.bandeau {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1000;
	text-align: left;
	max-width: 1200px;
	margin: 0 auto;
}

#menu li a#menu-item-247 {
  background: none repeat scroll 0 0 #fa9d13;
}

.titre {
	background: #fff;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	height: 200px;
	display: block;
	margin-left: 0;
	position: relative;
	text-align: left;
}

.titre > a {
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-right: 1%;
}

.titre a > img {
  width: auto;
  height: 100%;
  position: relative;
}

.logoagri > img {
  height: 100%;
  width: auto;
  position: relative;
}

.logoagri {
  bottom: 0;
  position: relative;
  right: 0;
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: 1%;
}

.titre_bandeau {
  font: bold 26px "Oswald",sans sherif;
  color: #fa9d13;
  text-transform: none;
  display: inline-block;
  vertical-align: baseline;
  height: 100%;
}

.Title_1 {
  font: bold 25px oswald;
  color: #6fbe20;
  text-shadow: 2px 2px 2px #ccc;
}

.Title_2 {
  color: #6fbe20;
  font-size: 14px;
  font-weight: bold;
}

.Title_3 {
  font: bold 15px oswald;
  color: #fa9d13;
}

.header .INTERF_liensUtilisateur > img {
  background: transparent;
}

.header .INTERF_liensUtilisateur {
	color: #ffffff !important;
	font-size: 18px;
	font-weight: normal !important;
	text-decoration: none !important;
	display: block;
	text-align: left;
}
.header a::before{
	background-image: url(../img/interface/pdf.png);
	display: inline-block;
	content: "";
	width: 40px;
	height: 40px;
	background-size: cover;
	vertical-align: middle;
	margin-right: 5px;
}
 .metier a[href*="pdf"]::before {
	background-image: url(../img/interface/pdf.png);
	display: inline-block;
	content: "";
	width: 40px;
	height: 40px;
	background-size: cover;
	vertical-align: middle;
	margin: 5px;
}
.metier a[href*="pdf"] {
	display: block;
	background-color: #6FBE20;
	color: #fff;
	text-decoration: none;
}
.metier h3{
		display: block;
                font-size: 16px;
                color:#333;
	
}
.header.contact a::before {
	background-image: url(../img/interface/contacter.png);
}
.info_pratique {
  border: 1px solid #ccc;
}

.header {
  font: 23px oswald;
  background: none repeat scroll 0 0 #fa9d13;
  color: #ffffff;
  padding: 5px;
  text-align: center;
}

.content {
  padding: 8px;
}

.INTERF_sousMenu_GAUCHE_txt {
  border-top: none;
  text-transform: none !important;
}

ul#menu {
  margin: 0;
  position: relative;
}

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


#menu > li > a {
  background: none repeat scroll 0 0 transparent;
  font-size:19px;
  height: auto;
  line-height: normal;
  min-width: 190px;
}
#menu li a {
 text-transform: none;

}
#menu li  a:hover,
#menu li:hover a {
  color: #333;
  background: none repeat scroll 0 0 transparent;
}

.little_menu li {
  list-style: outside none none;
  margin: 0 0 -1px;
  padding: 12px;
  border-bottom: 1px solid #fff;
}

.little_menu li a {
  font: 17px oswald;
  color: #ffffff;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
}

.little_menu > ul {
  margin: 0;
  padding: 0;
}

.little_menu {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.31);
  border-radius: 20px;
  float: right;
  margin-top: 50px;
  overflow: hidden;
}

.menu_description {
  display: block;
  font-size: 13px;
  width: 224px;
}

.secteur_menu_a {
  background: none #fa9d13 !important;
  color: #fff !important;
}

.outils {
	width: auto;
	position: absolute;
	text-align: center;
	z-index: 15000;
	top: 40%;
	right: 0;
}

.outils img {
	width: 80%;
	margin-top: 10%;
}

.outils > a {
	margin: 0;
	background: #f4f4f4;
	border-radius: 0;
	height: auto;
	width: auto;
	display: inline-block;
	box-shadow: none;
	width: 50px;
	height: 50px;
}
.outils > a:hover {
	background: #fff;
}
.lien_utiles div {
  font: normal  24px oswald !important;
  background: #ffc000;
  display: block;
  margin-bottom: 5px;
  padding: 1px;
  text-align: center;
  text-transform: none !important;
}

.col_milieu {
  width: 100%;
}

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

.INTERF_ficheFormation_formation_texte .colonne_droite {
  display:table-cell;
}
.colonne_droite {
  min-width: 220px;
  display:none;
}
.INTERF_ficheFormation_formation_texte > table {
	width: 100%;
}
div#RL_div_contenuPageType {
	width: 100%;
	
}
div#RL_div_contenuPageType.page_formation {
  width: 100%;
}

/*Page demande d'info'*/

.INTERF_demandeDInfos_enTeteParag {
  font: 600 23px oswald;
  margin: 15px 0;
  color: #6FBE20;

}

.INTERF_demandeDInfos_champsObligatoires {
  color: #f7ad00;
  font-size: 19px;
  font-weight: bold;
  padding: 5px;
}

.INTERF_demandeDInfos_label {
  font: normal 16px oswald;
  color: #333;
  text-align: left;
  width: 20%;
}

#form_demandeDInfos > table {
  width: 100%;
}

.form_txt,
.page_demande_info .form_slct_1 {
  border: 1px solid #6FBE20;
  color: #333;
  font-size: 18px;
  font-weight: normal;
  height: auto;
  padding: 5px;
  width: auto !important;
  min-width: 30%;
}

.INTERF_demandeDInfos_listeDesFormations {
  font: normal 18px oswald;
  color: #333;
}

#form_demandeDInfos input,
#form_demandeDInfos select,
#form_demandeDInfos textarea {
  box-sizing: border-box;
}

/*#######################*/

@media screen and (max-width: 1400px) {
 #menu > li > a {
		min-width: 145px;
}
  
}
@media screen and (max-width: 1100px) {
 #menu > li > a {
		min-width: 125px;
}
   #caroussel::before {

	line-height: 150px;
	font-size: 45px;
	
} 


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



#header_bas {
    position: relative;
    top: 0;
  }

  .titre {
    height: auto;
    height: 145px;
        text-align:center;
  }

  ul#menu > li {
    background-color: green;
  }

  div#RL_div_contenuPageType_PARAG_TEXTE {
    width: 100% !important;
  }

  div#RL_div_menuGch_VERTICAL {
    height: auto;
  }

  .outils {
    width: auto !important;
  }

  .outils > a {
    float: none !important;
    height: 35px !important;
    width: 35px !important;
  }

  .outils img {
    width: 35px !important;
  }

  .moquee_img {
    width: 100% !important;
    max-width: 100%;
  }

  td {
    clear: left;
  }

  embed {
    display: none;
  }

  .titre {
    top: 0;
  }

  .titre img {
    max-height: 100px;
  }
}

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

    img {
	max-width: 100% !important;
}
    .INTERF_ficheFormation_formation_texte .colonne_droite {
	display: block;
	max-width: 100%;
}
#caroussel::before {
	line-height: 100px;
	font-size: 25px;
}
  .titre_bandeau {
    font-size: 17px;
    display: block;
  }

  .titre > a {
    display: block;
  }

  .logoagri {
    position: absolute;
  }

  div#RL_div_formationFiche_SLCT_ACCESDIRECT {
    margin-top: 0;
    position: relative;
    right: 0;
    top: 0;
  }
  .img_blanc > img {
	min-height: 100px;
        max-width: 100%;
}
.actualite {
	min-height: 300px;
}
.outils {
	position: absolute;
	text-align: center;
	z-index: 15000;
	top: 100px;
	right: 0;
	width: 100% !important;
}
}

@media screen and (max-width: 550px) {
.moquee_img {
	width: auto !important;
	max-width: none !important;
	height: 100% !important;
	left: -25% !important;
}
#caroussel::before {
	line-height: 50px;
	font-size: 18px;
}

}


@media screen and (max-width: 450px) {
  .logoagri img {
    width: 100%;
    height: 100%;
  }

  .block_accueil td {
    width: 100%;
  }

  .logoagri {
    top: 0;
    position: absolute;
    right: 0;
    display: block;
    height: 45px;
    margin-left: 0;
    width: 45px;
  }
  


}