@import "https://fonts.googleapis.com/css?family=Open+Sans:600,400,300";
@import "https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300";
@import 'https://fonts.googleapis.com/css?family=Caveat:400,700';

@font-face {
    font-family: 'helvetica_neueregular';
    src: url('font/helveticaneue-boldcond-webfont.eot');
    src: url('font/helveticaneue-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/helveticaneue-boldcond-webfont.woff2') format('woff2'),
         url('font/helveticaneue-boldcond-webfont.woff') format('woff'),
         url('font/helveticaneue-boldcond-webfont.ttf') format('truetype'),
         url('font/helveticaneue-boldcond-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@keyframes blink {
   0% {    background-color: #A6C70C;  }
    50% {    background-color:#522E76;    }
     100% {   background-color: #A6C70C; }
   }


@-moz-keyframes blink {
  0% {   background-color: #A6C70C;  }
    50% {    background-color:#522E76; }
     100% {   background-color: #A6C70C;  }
}

@-webkit-keyframes blink {
  0% {    background-color: #A6C70C;  }
    50% {    background-color:#522E76;   }
     100% {   background-color: #A6C70C; }
}
.octalia {animation: blink infinite 2s;}
.octalia:hover {animation: none;}

#commande {
	background-color: #A6C70C;
	margin: 25px auto;
	display: block;
	max-width: 60%;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 25px;
	padding: 15px;
	border-radius: 19px;
	font-family: Oswald;
        animation: blink infinite 2s;
}



body, .INTERF_ficheFormation_formation_texte,div#RL_div_contenuPageType_PARAG_TEXTE {
font: normal 15px / 24px 'Open Sans' ;

}

html > body #RL_div_body_master {
    width: auto !important;
    max-width: 1200px;
    padding-top: 30px;
    background: url(../img/interface/menu.jpg) no-repeat;
    background-position: top right;
}
div#RL_div_contenuPageType {
    max-width: 1200px;
    width: auto;
}
div#map {
        width:auto;
}
.bande_formation {
  background: #34515f none repeat scroll 0 0;
  color: #ffffff;
  line-height: normal;
}

.bande_formation h4 {
  color: #a7c70c;
  font-size: 15px;
    margin: 0;
  text-transform: uppercase;
}

div#RL_div_M_identite_MFR {
    font-family: open sans;
}
.Title_1 {font-size: 25px; color: #613477; font-weight: normal; }
.colonne {
  
}
.donbosco {
  font-weight: bold;
  position: absolute;
  right: -53px;
  top: 75px;
  width: 269px;
}
.logo_donbosco {
  height: auto;
  width: 85px;
}
.logo {display: none;}
.colonne img {
    height: auto;
   
    max-width: 100%;
    width: 100%;
}

div#RL_div_contenuPageType_PARAG_TITRE, h3#RL_div_contenuPageType_PARAG_TITRE { 
    font-style: normal; color: #a6c70c; font-weight: 300;}  


.INTERF_ficheFormation_formation_titre {color: #1db418; line-height: normal;}

.titre_formation {
    color: #A6C70C;
     font-size: 30px;
    font-weight: bold;
    padding: 25px 0;
}

h5 {
    background: #1fa22e none repeat scroll 0 0;
    color: #ffffff;
    font-family: helvetica_neueregular;
    font-size: 17px;
    font-weight: 300;
    margin: 5px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
}
h5  a.INTERF_liensUtilisateur:link {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    color: #ffffff;
    font-weight: inherit !important;
    text-decoration: none;
}
  
div#RL_div_header_master {
 
  height: auto!important;
  padding: 0;
  position: relative;
  width: auto;
}
    

#header_top {
    
    height: auto!important;
    margin: 0 auto;
    position: relative;
    width: auto;
}


#header_bas {
  background: #33525F url(../img/interface/menu.png) no-repeat scroll right 0;

  height: 50px;
  position: relative;
  width: 100%;
}
  
div#RL_div_menuGch_VERTICAL {
  left:auto;
  margin: 0 auto;
  position: relative;
  top:auto;
  
}
 #menu li:hover a {
  background: #AEC700 none repeat scroll 0 0;
}

#link_menu_185::before {
	background-image: url(../img/interface/facebook_white.png) !important;
	background-size: cover;
	background-color: #3B5998;
	padding-left: 11px;
	display: inline-block;
	content: "";
	width: 18px;
	height: 30px;
	background-position: center;
	vertical-align: middle;
	margin: 3px;
	border-radius: 50%;
}
.INTERF_sousMenu_GAUCHE_txt {
    border-top: 1px solid #e7e7e7;}
 


#menu li a.INTERF_sousMenu_GAUCHE_txt {
 text-transform: none;}

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

a.INTERF_liensUtilisateur:link {
    color: #33525F;
    font-weight: normal;
    text-decoration: underline;
}
a.INTERF_liensUtilisateur:visited {
    color: #33525F;
    font-weight: normal;
    text-decoration: underline;
}
a.INTERF_liensUtilisateur:hover {
    background-color:transparent;
    color: #A7C70C;
    font-weight: normal;
    text-decoration: none;
}
a.INTERF_liensUtilisateur:active {
   color: #A7C70C;
   font-weight: normal;
    text-decoration: none;
}

#RL_div_NEWS_img {
  display: block;
  float: left;
  height: 75px;
  margin: 10px;
  width: 75px;
  overflow: hidden;
}
#RL_div_NEWS_img img {
	width: 100%;
	height: auto;
}


#RL_div_contenuPageType_PARAG_TITRE > a {
  color: #34515f;
  font-weight: bold;
  text-decoration: none;
}
.select_archive {
    color: #666666;
    float: left;
    font-family: oswald;
    font-size: 15px;
    font-weight: normal;
    height: 50px;
    margin: 15px;
    padding: 5px;
    width: 500px;
}
div#RL_div_NEWS_header {
 
  border-bottom: 2px solid rgb(2, 164, 226);
  color: rgb(2, 164, 226);
  
  background: none;
  padding-left: 0;
  text-align: left;
  width: auto !important;
  margin-bottom: 10px;
  border: none;
  color: #A6C70C;
  font-family: helvetica_neueregular;
  font-size: 23px;
  font-weight: 600;
  margin: 15px 0;
  text-rendering: optimizelegibility;
  text-transform: uppercase;

}
.fleche_verte {
  display: none;
}

.INTERF_accueilSyndication_accroche {
  color: #33525f;
  font-size: 18px;
  font-weight: normal;
}
.INTERF_accueilSyndication_ttr {
  color: #33525f;
  font-family: oswald;
  font-size: 30px;
  font-weight: bold;
  line-height: 38px;
}
.ensavoiplus {  display: none; }


  
span.po, .po span {
    background-color: #c44d58 !important;
    color: #ffffff;
}
.lien_utiles span {
    background-color: #ff6b6b;
    border-radius: 14px;
    
}
#slideshow-container img {
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
#slideshow-container {
  overflow: hidden;
  position: absolute;
  top: 0;
}
.cache {
  background: rgba(0, 0, 0, 0) url("../img/interface/bandeau.png") no-repeat scroll 0 0 / 100% auto;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
}
#header_milieu {
display: none;
}
.INTERF_txtMarquee {
  color: #999999;
   font-family: 'helvetica_neueregular';
  font-size: 20px;
  font-weight: bold;
  height: auto;
  padding-top:0;
}
.marquee_holder {
 display: none;
}
.blanc {
    height: auto;
    width: 100%;
}
.div_bandeau {
  background:#ffffff url("../img/interface/perso.png") no-repeat scroll 94% top / auto 82%;
 
  position: relative;
  top: 0;
  width: 100%;
  z-index: 100;
}

.div_bandeau img {
  height: 100%;
  width: auto;
}
.titre_bandeau {
  color: #ffffff;
  font-size: 3em;
  font-weight: bold;
  margin-left: 5%;

  text-transform: none;
}
.sous_titre_bandeau {
  color: #ffffff;
  font-size: 5em;
  line-height: 2em;
  margin-left: 5%;
  text-transform: uppercase;
}

.slogan_bandeau {
  display: block;
  font-size: 28px;
  height: 100%;
  position: absolute;
  right: 239px;
  top: 5px;
  width: 25%;
}
.slogan_bandeau > img {
  width: 100%;
}

.outils {
  position: absolute;
  right: 15px;
  text-align: right;
  top: 400px;
  width: auto;
  z-index: 10000;
}
.outils img {
  margin-top: 0;
  width: 65px;
}
.outils > a {
  background: #A6C70C none repeat scroll 0 0;
  border-radius: 22px;
 display: block;
    height: 65px;
  
    width: 65px;
}

div#RL_div_footer_master {
  background: #33525f url("../img/interface/footer.jpg") no-repeat scroll left top;
  padding-top: 34px;
}
 
 div#RL_div_mentions {
  background: #A6C70C none repeat scroll 0 0;
 }
.table_accueil {
  border: 1px solid #b3d234;
  border-radius: 5px;
  margin: 3px;
  overflow: hidden;
  text-align: center;
  width: 230px;
}

.bandeau {
    background: rgba(0, 0, 0, 0) url("../img/interface/bandeau.jpg") repeat scroll 0 0;
    height: 131px;
}
.table_accueil img {
  height: auto;
  width: 100%;
}


.titre_table_accueil {
  color: #556270 ;
  font-family: helvetica_neueregular,arial;
  font-size: 14px;
  height: 25px;
  padding: 5px;
}
div#RL_div_accueilSyndication_CONTENEUR {

  width: 260px;

}
.table_accueil .INTERF_liensUtilisateur {
  display: block;
  height: 115px;
  overflow: hidden;
  width: 100%;
}
.INTERF_edito_txt { width: 730px;}
#RL_div_contenuPageType_PARAG_TEXTE.INTERF_edito_txt table {max-width: 100%;}

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



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


h2 {
    color: #333333;
    font-family: helvetica_neueregular;
    font-size: 36px;
    margin: 0;
    text-align: left;
    line-height: normal;
}
h3 {

  font-family: helvetica_neueregular;
  font-size: 23px;
  font-weight: 600;
 margin: 11px 0 ; 
color: #A6C70C;
    text-rendering: optimizelegibility;
        text-transform: uppercase;
}
.formation_titre_tr  h3 { font-size: 27px;}
.INTERF_ficheFormation_formation_texte h3 {
    color: #34515f;
    font-family: helvetica_neueregular;
    font-size: 19px;
    font-weight: 300;
    margin: 11px 0;
    text-rendering: optimizelegibility;
    text-transform: none;
}
div#RL_div_contenuPageType_PARAG {
  clear: both;
  float: left;
  margin: 0;
  width: 100%;
}
.option_print {
  display: block;
  position: relative;
  right: 0;
  top: 0;
}
a.INTERF_ficheFormation_cartouche_link:link {
  color: #1fa22e;
  font-family: helvetica_neueregular;
  font-size: 18px;
  text-decoration: none;
}

a.INTERF_ficheFormation_cartouche_link:hover {
    background-color: transparent;
    color: #E2007A;
    text-decoration: none;
}
.INTERF_ficheFormation_cartouche_link > img {
    height: 21px;
    vertical-align: middle;
}


.INTERF_puce_02 {
    display: none;
}
.INTERF_ficheFormation_formation_accroche > h3 {
  font-size: 39px;
  line-height: normal;
  position: absolute;
  text-transform: none;
  top: 94px;
  
}

div#RL_div_formationFiche_SLCT_ACCESDIRECT {
    margin-top: 6px;
   
    right: 0;
    text-align: right;
    top: 0;
    z-index: 1000;
}
.INTERF_btnDemandDInfos > img {
    vertical-align: middle;
}

a.INTERF_btnDemandDInfos:link {
    color: #ffffff;
    font-family: helvetica_neueregular;
    font-size: 31px;
    text-decoration: none;
}

div#RL_div_btnDemandDInfos {
  background-color: #A7C70C;
  border: 1px solid #81a738;
  border-radius: 25px;
  font-family: helvetica_neueregular;
  padding: 15px;
  text-align: center;
  width: 340px;
}
div#RL_div_btnDemandDInfos img{display:none;}


/*Page demande d'info'*/
.INTERF_demandeDInfos_enTeteParag {

	font-size: 23px;
	font-weight: 600;
	margin: 15px 0;
	color:#33525F;
	text-rendering: optimizelegibility;
}
.INTERF_SPACER_demandeDInfos {
	height: 1px;
	background-color: #33525F;
}
.INTERF_demandeDInfos_champsObligatoires {
  color: #f7ad00;
  font-size: 19px;
  font-weight: bold;
  padding: 5px;
}
.INTERF_demandeDInfos_label {
  color: #333;
 
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  width: 20%;
}
#form_demandeDInfos > table {
  width: 100%;
}
.form_txt, .page_demande_info .form_slct_1 {
  border: 1px solid #33525F;
  color: #333;
  font-size: 18px;
  font-weight: normal;
  height: auto;
  padding: 5px;
  width: auto !important; min-width: 30%;
}
.INTERF_demandeDInfos_listeDesFormations {
  color: #333;
  font-size: 18px;
  font-weight: normal;

}
#form_demandeDInfos input, #form_demandeDInfos select, #form_demandeDInfos textarea {
  box-sizing: border-box;
}
div#RL_div_contenuPageType_PAGE_CONTACT_formMailContact {
	margin-top: 10px;
	width: 60%;
	text-align: center;
	margin: 0 auto;
}
.INTERF_contact_nomMaison {
	font-size: 21px;
	color: #33525F;
	font-weight: normal;
	font-family: "helvetica_neueregular";
}
.INTERF_contact_infos {
	font-size: 15px;
	color: #333;
	font-weight: normal;
	font-family: "Open Sans";
}
.INTERF_contact_infos  .form_txt {
	width: 100% !important;
	
}
div#RL_div_itineraire {
	width: 50%;
	border: 1px solid #2FA829;
	margin: 0 auto;
	margin-top: 20px;
}
h4 {  font-family: helvetica_neueregular;font-size: 15px;
  font-weight: 300;
 margin: 5px 0 ;  color: #33525F;
}
.INTERF_ficheFormation_formation_accroche {
       padding: 0 !important;
}
.INTERF_ficheFormation_formation_titre {
  color: #34515f;
  font-family: helvetica_neueregular;
  font-size: 46px;
  margin-bottom: 10px;
}
.td_secteur h4{font-size: 16px;}
.td_img_formation h3 {
  color: #556270;
 }
 .img_secteur {
        margin: 0 auto;
 
}
 .INTERF_edito_txt {
    width: 100%;
}
div#RL_div_contenuPageType.page_index {
    width: auto;
}

div#RL_div_contenuPageType_INTITULE_ENFANT, h2#RL_div_contenuPageType_INTITULE_ENFANT {
  background: rgba(0, 0, 0, 0) url("../img/interface/thumb.png") no-repeat scroll right top / 50px auto;
  clear: both;
  color: #6f8e5e;
  display: inline-block;
  float: left;
  font-size: 25px;
  font-style: normal;
  line-height: 63px;
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 58px;
  width: auto;
}
div#RL_div_contenuPageType_INTITULE_PARENT, h1#RL_div_contenuPageType_INTITULE_PARENT {font-size: 52px;}


.secteur_menu_a {
    background-image: none !important;
}


.titre_bandeau, .sous_titre_bandeau, div#RL_div_contenuPageType_INTITULE_PARENT, h1#RL_div_contenuPageType_INTITULE_PARENT, div#RL_div_NEWS_header {  line-height: normal;font-family: "helvetica_neueregular";}

.titre {
  background: rgba(0, 0, 0, 0) url("../img/interface/mfr_bernay.png") no-repeat scroll 0 bottom / 100% auto;
  float: left;
  height: 100%;
  position: absolute;
  top: 0;
  width: 50%;
}

.slogan {
  background: rgba(0, 0, 0, 0) url("../img/interface/construit.png") no-repeat scroll 0 0 / 60% auto;
  height: 100%;
  left: 60%;
  position: absolute;
  top: 0;
  width: 50%;
}
.news_img {
	background-position: center center !important;
	float: left;
	height: 250px;
	width: 100%;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
div#RL_div_NEWS_body, #mooqueecarousel {height:350px;}

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

.moquee_img[style*="opacity: 1"], .mooquee_item[style*="opacity: 1"] {
    z-index: 10;
}

#menu li a {
  color: #fff;
  background: transparent none repeat scroll 0 0;
  font-family: "helvetica_neueregular";
   
}
#menu li a.INTERF_menu_GAUCHE_txt { min-width: 100%; padding: 0 12px;}

@media screen and (max-width: 1450px) {
.outils {
  position: fixed;
 
  text-align: right;
  top: 0;

  z-index: 10000;
  
}

#menu li a.INTERF_menu_GAUCHE_txt { padding: 0 10px;}
.div_bandeau {
  background: #ffffff url("../img/interface/perso.png") no-repeat scroll 59% top / auto 82%;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 100;
}
.outils > a {float: left;}

}
@media screen and (max-width: 1400px) {   
#menu li a {   min-width: 110px;}
#header_bas { background-image: none;}
html > body #RL_div_body_master {
  background: rgba(0, 0, 0, 0) url("../img/interface/menu.jpg") no-repeat scroll right top / 75% auto;
  }
.donbosco {
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	position: absolute;
	right: 13px;
	top: 71px;
	width: 173px;
}.logo_donbosco {
	height: auto;
	width: 59px;
}

.logo_internat {
	width: 100%;
	height: auto;
}


}
@media screen and (max-width: 1205px) {   
.page_183 iframe{min-width: 350px;}
#menu li a.INTERF_menu_GAUCHE_txt { padding: 0 4px; text-transform: none; min-width:100%;}
#header_bas { background-image: none;}

.INTERF_ficheFormation_formation_texte td {
    display: block;
    width: auto;
}td.start , td.end{ display: none;}
}

@media screen and (min-width: 1100px) {    
    .start {
  background: rgba(0, 0, 0, 0) url("../img/interface/left.jpg") no-repeat scroll right center / 100% 100%;
  }
.end {
  background: rgba(0, 0, 0, 0) url("../img/interface/right.jpg") no-repeat scroll left center / 100% 100%;
 
}

.spacer { width: 90px; }
    div#RL_div_menuGch_VERTICAL {width:auto;   max-width: 1350px;} 
    
    
    
    
    .main {    float: left;    width: 75%;}
    .menu_plansite td {    width: 20%;}
.menu_plansite {    width: 1000px;}
}
.menu_plansite li {
    list-style: outside none none;
}
.menu_plansite a {
    color: #ffffff;
    text-decoration: none;
}
.menu_bas_lien_cat, .menu_bas_cat_txt, .menu_plansite a.menu_bas_lien_cat {
    color: #A6C70C;
    font-family: helvetica_neueregular;
    font-size: 18px;
}
.menu_bas_lien {
    font-size: 14px;
}

.colonne img {   margin: 10px;}
div#RL_div_formationFiche_SLCT_ACCESDIRECT { position: absolute;  left: 0;
  right:auto;

    top: 74px;}
.colonne {
    float: left;
    width: 25%;
}


@media screen and (max-width: 600px) {                                        
  h2 {       font-size: 20px;}   
   h3 {       font-size: 18px;}    
    
    .blanc {display: none;}
    .slogan{display: none;}
    .div_bandeau img {
  height: auto;
  max-width: 100%;
  width:100%;
}
#header_milieu { padding: 0; display: none;}
  .div_bandeau { padding: 0 !important; height: auto !important;}
.outils {
    opacity: 0.8;
 
}
div#RL_div_btnDemandDInfos {
  background-color: #A7C70C;
  border: 1px solid #81a738;
  border-radius: 25px;
  font-family: helvetica_neueregular;
  padding: 15px;
  text-align: center;
  width: 340px;
}
div#RL_div_btnDemandDInfos img{display: none;}
}  
   
 @media screen and (max-width:999px) {     
   /*  html > body #RL_div_body_master { background: none;}*/
     #header_bas {background:none transparent; height: auto;}
    .outils {
    position: absolute;
    right: 0;
    text-align: right;
    
    z-index: 10000;
} 
.donbosco {
  font-weight: bold;
  position:relative;
  right:0;
  top: 0;
  width: 269px;
}


div#RL_div_contenuPageType_INTITULE_ENFANT, h2#RL_div_contenuPageType_INTITULE_ENFANT {
  background: rgba(0, 0, 0, 0) url("../img/interface/thumb.png") no-repeat scroll right top / 26px auto;

}
#header_top {  text-align: left;}
 .INTERF_accueilSyndication_ttr {
  font-size: 25px;
  line-height: 28px;
}
.logo {display: block;}.bandeau {display: none;}
.outils > a {
    border-radius: 0;
    float: left;
    height: 50px;
    margin: 2px;
    width: 50px;
}
.outils img {  width: 100%;}
  
#menu li a {
  color: #fff;
  background: #6FBE20 none repeat scroll 0 0;
   
}
.div_bandeau {
  background-image: none !important;
   height: 190px;
 
  padding-left: 0 !important;
  padding-top: 0 !important;

}
.show-menu {background: #A7C70C none repeat scroll 0 0;}
#header_milieu {
  display: none;
 }

.blanc { display: none;}




div#RL_div_formationFiche_SLCT_ACCESDIRECT {
    position: relative;
}
div#RL_div_M_identite_MFR {
  padding: 0;
}

}