.wrapper-catalogue{display: block; padding: 0 300px 0 0; margin: 187px auto 50px auto; width: 100%; max-width: 1200px; box-sizing: border-box;}

.big-titre-tutoriel{display:block; padding: 20px 0 0 0; position: fixed; top: 90px; left: 50%; width: 900px; margin: 0 0 0 -600px; z-index: 9; box-sizing: border-box; background-color: #fdf2f2; }

.big-titre-tutoriel .visuel_titre{display: block; z-index: 1; position: absolute; top: 15px; left: -120px; width: 340px; height: auto;}
.big-titre-tutoriel .texte{display:block; z-index: 3; position: relative; padding: 20px 0px; margin: 0; text-transform: uppercase; font-family: 'Miriam Libre', sans-serif; font-size: 2.3rem; line-height: 1; font-weight: 400; color: #F12690; box-sizing: border-box; }
.big-titre-tutoriel .menu{display:block; z-index: 99; transition:all 0.4s ease; cursor: pointer; padding:10px 10px; margin: 0; font-size: 0.9rem; font-weight: 600; color: #204468; position: absolute; top: 15px; right: 0; box-sizing: border-box; width: 130px; height: 130px; border-radius: 50%; text-align: center; background-color: #ffdb00;box-shadow: 0px 0px 10px -3px #929292; font-family: 'Miriam Libre', sans-serif;}
.big-titre-tutoriel .menu img{display: block; transition:all 0.4s ease; width:42px; height:auto; padding:0; margin:23px auto 12px auto;}
.big-titre-tutoriel .menu:hover{background-color: #fff;}

.big-titre-tutoriel .indication_titre_en_cours{display: block;  z-index: 5; position: relative; width: calc(100% - 25px); padding:0px 0 0px 70px; margin:0 0 0 25px;background-color: #fdf2f2; box-sizing: border-box;}
.big-titre-tutoriel .indication_titre_en_cours h2{display: block; padding: 15px 0; margin: 0;  font-size: 1.8rem; line-height: 2.2rem; border-bottom: dashed 2px #90166C; font-family: 'Miriam Libre', sans-serif; font-weight: 400; color: #90166C;}
.big-titre-tutoriel .indication_titre_en_cours h2.faire_ensemble_autrement{color: #00A583; border-color: #00A583;}
.big-titre-tutoriel .indication_titre_en_cours .triangle{display: block; width: 80px; height: auto; padding:0; margin: 0; position: absolute; top:-10px; left: -20px; box-sizing: border-box;}
.big-titre-tutoriel .indication_titre_en_cours .icone{display: block; width: 50px; height: auto; padding:0; margin: 0; position: absolute; top:10px; left: 10px; box-sizing: border-box;}



.menu-acces-rapide-catalogue{display:block; padding: 20px 20px; position: fixed; top: 90px; left: 50%; width: 300px; margin: 0 0 0 340px; z-index: 9; box-sizing: border-box; }
.menu-acces-rapide-catalogue ul{display: block; padding: 0; margin: 0; box-sizing: border-box;}
.menu-acces-rapide-catalogue ul li{display: block; padding: 0; margin: 0; box-sizing: border-box;}
.menu-acces-rapide-catalogue ul li .click_sommaire_rapide{display: block; transition: all 0.5s ease; cursor: pointer; position:relative; padding: 12px 0 12px 40px; margin: 0; box-sizing: border-box; font-size: 0.9rem; line-height: 1.3rem; border-bottom: dashed 1px #90166C; font-family: 'Miriam Libre', sans-serif; font-weight: 500; color: #90166C;}
.menu-acces-rapide-catalogue ul li .click_sommaire_rapide img{display: block; position:absolute; padding: 0; margin:-11px 0 0 0; width: auto; box-sizing: border-box; height: 23px; top: 50%; left: 7px;}
.menu-acces-rapide-catalogue ul li.faire_ensemble_autrement .click_sommaire_rapide{color: #00A583; border-color: #00A583;}
.menu-acces-rapide-catalogue ul li .click_sommaire_rapide:hover{background-color: #fff;}
.menu-acces-rapide-catalogue ul li .click_sommaire_rapide.active{background-color: #fff;}
  
.menu-acces-rapide-catalogue ul li.acces_externe a{display: block; transition: all 0.5s ease; text-decoration: none; cursor: pointer; position:relative; padding: 12px 0 12px 40px; margin: 0; box-sizing: border-box; font-size: 0.9rem; line-height: 1.3rem; border-bottom: dashed 1px #90166C; font-family: 'Miriam Libre', sans-serif; font-weight: 500; color: #90166C;}
.menu-acces-rapide-catalogue ul li.acces_externe a i{display: block; position:absolute; padding: 0; margin:-11px 0 0 0; font-size: 1.2rem; box-sizing: border-box; top: 50%; left: 7px;}
.menu-acces-rapide-catalogue ul li.acces_externe a:hover{background-color: #fff;}


.categorie-catalogue-titre{display: block; position: relative; padding:0px 0 0px 70px; margin:40px 0 50px 25px; box-sizing: border-box;}
.categorie-catalogue-titre h2{display: block; padding: 15px 0; margin: 0;  font-size: 1.8rem; line-height: 2.2rem; border-bottom: dashed 2px #90166C; font-family: 'Miriam Libre', sans-serif; font-weight: 400; color: #90166C;}
.categorie-catalogue-titre .triangle{display: block; width: 80px; height: auto; padding:0; margin: 0; position: absolute; top:-10px; left: -20px; box-sizing: border-box;}
.categorie-catalogue-titre .icone{display: block; width: 50px; height: auto; padding:0; margin: 0; position: absolute; top:10px; left: 10px; box-sizing: border-box;}

.categorie-catalogue-titre h2.faire_ensemble_autrement{color: #00A583; border-color: #00A583;}

.categorie-formation-titre{display: block; padding:30px 0 0px 0; margin:0px 0 0 50px; box-sizing: border-box; font-size: 1.2rem; line-height: 1;}

.bloc_formation_single{display: block; padding:30px 20px 30px 40px; margin:0px 0 30px 90px; position: relative; background-color: white; border-radius: 20px;  box-sizing: border-box; }
.bloc_formation_single .info_bloc{display: block; text-align: right; padding: 0; margin: 0; position: absolute; top: -12px; right: 30px; box-sizing: border-box; z-index: 2;}
.bloc_formation_single .info_bloc li{display: inline-block; padding:5px 15px; margin: 0 0 0 10px; font-size: 0.8rem; line-height: 1; font-weight: 600; color: #204468; border-radius: 13px;}
.bloc_formation_single .info_bloc li.label_ba{background-color: #a2ebd4;}
.bloc_formation_single .info_bloc li.label_nouveau{background-color: #e2c507;}
.bloc_formation_single .image{display: block; border-radius: 50%; overflow: hidden; width: 90px; height: 90px; position: absolute; top: 0px; left: -70px; background-size: cover; background-position: center;}
.bloc_formation_single .formation-titre{display: block; padding:0; margin:0; box-sizing: border-box; color: #008FAA; font-size: 1.5rem; line-height: 1.7rem;font-family: 'Miriam Libre', sans-serif;}
.bloc_formation_single .descriptif{display: block; padding:5px 0 0px 0; margin:0; box-sizing: border-box; color: #333; font-size: 0.9rem; line-height: 1.2rem; font-style: italic;}


.bloc_formation_single .lien_fiche_formation{display:inline-block; vertical-align: middle; position: relative; width: 49%;transition:all 0.4s ease;cursor: pointer; font-weight: 500; padding:0px 0 0px 27px; margin:20px 0 0 0; box-sizing: border-box; font-size: 0.9rem; color: #90166C; text-decoration: none;}
.bloc_formation_single .lien_fiche_formation:hover{text-decoration: underline;}
.bloc_formation_single .lien_fiche_formation i{display: block; font-size: 1.2rem; padding:0 ; position: absolute; top: 50%; left: 0; margin:-9px 0 0 0;}

.bloc_formation_single .duree_formation{display:inline-block; vertical-align: middle; position: relative; width: 49%; padding:0px 0 0px 40px; margin:20px 0 0 0; font-weight: 500; box-sizing: border-box; font-size: 0.9rem; color: #90166C; }
.bloc_formation_single .duree_formation span{display: block; font-size: 1.8rem; padding:0 ; position: absolute; top: 50%; left: 0; margin:-13px 0 0 0;}

.bloc_formation_single .bloc_session_formation{display: block; position: relative; padding:15px 0 0 40px; margin:0; box-sizing: border-box; }
.bloc_formation_single .bloc_session_formation .icone_agenda{display: block; position: absolute; color: #008FAA; top: 28px; left: 0; font-size: 2rem; }
.bloc_formation_single .bloc_session_formation .session-titre{display:inline-block; width: 46%; vertical-align: bottom; color: #008FAA; padding:10px 0; margin: 0 1.5%; box-sizing: border-box; font-size: 0.9rem; line-height: 1.4rem; border-bottom: dashed 1px #008FAA;}
.bloc_formation_single .bloc_session_formation .session-titre .ville{display: block; color:#204468; font-weight: 600;}





.cache_titre{display: none !important; }


/*MEDIAS----------------------------------------------------------------------------------------------------------------------------*/
.fancybox-container {z-index: 99999999 !important;}
.fancybox-container {  z-index: 999999999999999999999999 !important; }
.fancybox-slide::before { height: auto !important; }
.fancybox-slide--iframe .fancybox-content { height: 100% !important; max-width: 90% !important; }
.htmliframeajax{background:white !important; }
.fancybox-container { z-index: 999999999 !important;}

.fancybox-slide::before { height: auto !important; }
.fancybox-toolbar {right: 0 !important; top: 0 !important; visibility: visible !important; opacity: 1 !important;} 
.fancybox-button {width:45px !important; height:45px !important; background:#00A583 !important; color:white !important;} 
.fancybox-button[disabled], .fancybox-button[disabled]:hover{ display: none !important;} 
.fancybox-content .fancybox-close-small{display: none !important;}
.fancybox-container { border: solid 4px #00A583 !important; box-sizing: border-box !important; }

.fancybox-content .fancybox-close-small{display: none;}
.fancybox-container { border: solid 4px #00A583; box-sizing: border-box; }
.fancybox-slide::before { vertical-align: top !important;}
.fancybox-slide{padding: 6px !important;}
.fancybox-slide--iframe .fancybox-content { max-height: 100% !important;  height: 100% !important; max-width: 80% !important; }
.fancybox-content{max-height: 100% !important; }
.fancybox-container { z-index: 999999999 !important;}
.fancybox-slide--html .fancybox-close-small { padding: 0px !important; right: 10px !important; top: 10px !important; color: white !important;}
.fancybox-caption-wrap {
    pointer-events: all !important;
}

.conteneur-lightbox{display:block; padding:0px 40px 100px 40px; margin:0; box-sizing:border-box; background-color: #fdf2f2;}

#open-menu .big-titre-lightbox{display:block; padding: 20px 0 0 40px; margin: 0; box-sizing: border-box; }
#open-menu .big-titre-lightbox .visuel_titre{display: block; z-index: 1; position: absolute; top: 15px; left: 10px; width: 340px; height: auto;}
#open-menu .big-titre-lightbox .texte{display:block; z-index: 3; position: relative; padding: 20px 0px; margin: 0; text-transform: uppercase; font-family: 'Miriam Libre', sans-serif; font-size: 2rem; line-height: 1; font-weight: 400; color: #F12690; box-sizing: border-box; }

#open-menu .sommaire-categorie-catalogue{display: block; cursor: pointer; position: relative; padding:0px 0 0px 70px; margin:40px 0 20px 25px; box-sizing: border-box;}
#open-menu .sommaire-categorie-catalogue h2{display: block; transition: all 0.4s ease; padding: 15px 0; margin: 0;  font-size: 1.8rem; line-height: 2.2rem; border-bottom: dashed 2px #90166C; font-family: 'Miriam Libre', sans-serif; font-weight: 400; color: #90166C;}
#open-menu .sommaire-categorie-catalogue .triangle{display: block; width: 80px; height: auto; padding:0; margin: 0; position: absolute; top:-10px; left: -20px; box-sizing: border-box;}
#open-menu .sommaire-categorie-catalogue .icone{display: block; width: 50px; height: auto; padding:0; margin: 0; position: absolute; top:10px; left: 10px; box-sizing: border-box;}
#open-menu .sommaire-categorie-catalogue h2.faire_ensemble_autrement{color: #00A583; border-color: #00A583;}
#open-menu .sommaire-categorie-catalogue:hover h2{color: #F12690;border-color: #F12690;}

#open-menu .sommaire-formation{display: block; position: relative;transition:all 0.4s ease;cursor: pointer; padding:5px 0 5px 95px; margin:0; box-sizing: border-box; color: #00A583; font-size: 0.9rem; font-weight: 500; line-height: 1.2rem;}
#open-menu .sommaire-formation i{display: block; position: absolute; top: 7px; left: 70px; font-size: 1rem; padding: 0; margin: 0;}
#open-menu .sommaire-formation:hover{color: #204468;}


@media screen and (max-width: 1470px) {
  .big-titre-tutoriel .visuel_titre{left: -60px;}
}

@media screen and (max-width: 1350px) {
  .big-titre-tutoriel .visuel_titre{left: -40px;}
}

@media screen and (max-width: 1310px) {
  .big-titre-tutoriel{padding: 20px 0 0 40px; left: 0%; width: calc(100% - 300px); margin: 0; }

  .big-titre-tutoriel .visuel_titre{left: 0px;}
  .big-titre-tutoriel .texte{display:block; z-index: 3; position: relative; padding: 20px 0px; margin: 0; text-transform: uppercase; font-family: 'Miriam Libre', sans-serif; font-size: 2.3rem; line-height: 1; font-weight: 400; color: #F12690; box-sizing: border-box; }
  .big-titre-tutoriel .menu{padding:10px 2px; font-size: 0.75rem; top: 15px; right: 0; width: 90px; height: 90px; }
  .big-titre-tutoriel .menu img{width:30px; height:auto; padding:0; margin:12px auto 7px auto;}

  .menu-acces-rapide-catalogue{top: 90px; left: auto; width: 300px; margin: 0; right: 0; }

  .categorie-catalogue-titre{margin: 40px 0 50px 65px;}
  .bloc_formation_single .image{left: -60px;}
}

@media screen and (max-width: 960px) {
  .big-titre-tutoriel{padding: 20px 0 0 40px; left: 0%; width: 95%; margin: 0; }
  .menu-acces-rapide-catalogue{display: none;}

  .wrapper-catalogue{padding: 0 5% 0 0;}

  .bloc_formation_single .bloc_session_formation .session-titre{display:block; width: 100%;padding:10px 0; margin: 0;}
  .bloc_formation_single .lien_fiche_formation{display:block; width: 100%; padding:0px 0 0px 41px; margin:20px 0 0 0;}
  .bloc_formation_single .lien_fiche_formation i{left: 8px;}
  .bloc_formation_single .duree_formation{display:block; width: 100%; padding:0px 0 0px 40px; margin:20px 0 0 0;}
}

@media screen and (max-width: 780px) {
  .wrapper-catalogue{padding: 60px 20px; margin: 0;}
  .big-titre-tutoriel{position: relative; top: auto; left: auto; width: 100%;padding: 20px 110px 0 40px; }
  .big-titre-tutoriel .indication_titre_en_cours{display: none !important;}
  body{margin: 0 !important;}


  #open-menu .big-titre-lightbox{display:block; padding: 20px 0 0 0px; margin: 0; box-sizing: border-box; }
  #open-menu .big-titre-lightbox .visuel_titre{width: 240px; height: auto;}
  #open-menu .big-titre-lightbox .texte{font-size: 1.6rem;}

  #open-menu .sommaire-categorie-catalogue{margin:40px 0 20px 0px;}
  #open-menu .sommaire-categorie-catalogue h2{font-size: 1.4rem; line-height: 1.8rem;}

  #open-menu .sommaire-formation{padding:5px 0 5px 15px;}
  #open-menu .sommaire-formation i{left: -20px;}


}

@media screen and (max-width: 650px) {
  .big-titre-tutoriel .menu{top: 28px;}
  .big-titre-tutoriel .texte{font-size: 2rem;}

  .categorie-catalogue-titre {  margin: 40px 0 50px 25px; }
  .categorie-catalogue-titre h2{font-size: 1.4rem; line-height: 1.6rem;}
  .bloc_formation_single{margin: 0px 0 30px 50px;}
  .bloc_formation_single .formation-titre{font-size: 1.3rem;}

}

@media screen and (max-width: 550px) {
  .big-titre-tutoriel{padding: 20px 110px 0 0px; }
  .big-titre-tutoriel .visuel_titre {top: 25px;width: 100%;}
  .big-titre-tutoriel .menu{top: 20px;}
  .big-titre-tutoriel .texte{font-size: 1.8rem;}

  .categorie-catalogue-titre {  margin: 20px 0 20px 25px; }
  .categorie-catalogue-titre h2{font-size: 1.4rem;}
  .bloc_formation_single{margin: 0px 0 30px 0px; padding:30px 20px;}
  .bloc_formation_single .formation-titre{font-size: 1.2rem; line-height: 1.4rem;}
  .bloc_formation_single .image{display: none;}

}