/*
Theme Name: Maestris BTS
Theme URI: http://www.maestris-bts.com/
Description : Maestris BTS Wordpress theme
Version: 2
Author : Kris
*/

:root{
    --header: "Poppins", sans-serif;
    --text: "Open Sans", sans-serif;
    --blue: #57B4C2;
    --orange: #FF8B24;
    --gris: #4d4d4f;
  }


#wpadminbar{
  top: auto;
  bottom: 0;
}
  
  /*FONTS*/
  
  h1{
    font-family: var(--header);
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0.0075em;
  }
  
  h2{
    font-family: var(--header);
    font-weight: 700;
    font-size: 30px;
    line-height: 45px;
    text-transform: uppercase;
    color: var(--gris);
    width: 100%;
  }

  h2 + div{
    margin-top: 30px!important;
  }
  
  h2 > span, .style-h2 > span{
    color: var(--blue);
  }
  
  h2::before, .style-h2::before {
    content: url('/images/fleche.png');
    margin-right: 10px;
  }
  
  .bg-blue h2{
    color: white;
  }
  
  .bg-blue h2 > span{
    color: var(--gris);
  }
  
  .bg-blue h2::before {
    content: url('/images/fleche-blanche.png');
    margin-right: 10px;
  }
  
  h3{
    font-family: var(--header);
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
    color: var(--gris);
    width: 100%;
  }

  .bg-blue h3{
    color: white;
  }

  h4{
    font-family: var(--text);
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--gris);
    width: 100%;
  }
  
  p, ul, ol{
    font-weight: 300;
    font-size: 16px;
    font-family: var(--text);
    line-height: 27px;
  }

  p b, 
  p strong,
  li b, 
  li strong
  {
    font-weight: 600;
  }

  p{
    color: #4d4d4f;
  }
  
  ul {
    list-style: none;
  }
  
  ul li::before {
    content: "\2022";
    color: var(--orange);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
  }
  
  a{
    color: var(--blue);
    font-weight: 600;
    font-size: 16px;
    font-family: var(--text);
    line-height: 27px;
  }
  
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('/images/fleche-select.png') #FF8B24 no-repeat 96% !important;   
  }
  
  select::-ms-expand { display: none; }

  @media only screen and (max-width: 1199px){
    h1{
      font-weight: 700;
      font-size: 30px;
      line-height: 40px;
      letter-spacing: -0.02em;
    }
  
    h2{
      font-size: 20px;
      line-height: 32px;
    }
  
    h3{
      font-size: 18px;
    }
  }
  
  
  /* Cookie Choices */
  
  #cookieChoiceInfo {
      bottom: 0px;
      top: initial !important;
  }
  
  
  /*MENU*/

  .navbar {
    position: fixed;
    width: 100%;
    background-color: white;
    z-index: 5000;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem;
    top: 0;
}
  
  .navbar-brand > img{
    width: 98px;
    height: auto;
  }
  
  #menu-menu > li::before {
    content: none;
  }
  
  #menu-menu > li > a {
    font-family: var(--text);
    font-size: 16px;
    font-weight: 600;
    color: var(--gris);
  }
  
  #menu-menu > li.active > a {
    color: var(--blue);
  }
  
  .dropdown-menu > li::before{
    content: none;
  }
  
  .dropdown-menu > .active > a{
    color: var(--blue);
  }
  
  .btn-nav {
      margin-left: 10px;
      padding: 0 10px;
      text-align: center;
      border-radius: 2px;
  }
  
  .btn-bleu {
      border: 2px solid var(--blue);
      background-color: var(--blue);
      text-align: center;
  }
  
  .btn-bleu a{
    color: white!important;
    text-decoration: none;
  }
  
  .btn-bleu:hover{
    background-color: white;
  }
  
  .btn-bleu:hover a {
    color: var(--blue)!important;
  }
  
  .btn-orange {
    border: 2px solid var(--orange);
  }
  
  .btn-orange > a{
    color: var(--orange)!important;
  }
  
  .btn-orange:hover{
    background-color: var(--orange);
  }
  
  .btn-orange:hover a {
      color: white!important;
  }
  
  #menu-cta{
    display: none;
  }
  
  
  @media only screen and (max-width: 1199px){
      .btn-orange, .btn-bleu{
          margin-bottom: 13px;
      }
  
      #menu-cta{
        display: flex;
        flex-direction: row;
      }
  
      #menu-cta > li::before{
        content: none;
      }
  
      #menu-cta > li{
        margin: 0;
        padding: 0px 10px;
      }

      #menu-cta > li:not(:first-child){
        margin-left: 10px;
      }

  }
  
  .navbar-collapse {
      flex-grow: unset;
  }
  
  .dropdown-item:focus,
  .dropdown-item:hover {
      background-color: #edfeff;
  }
  
  .dropdown-item:focus {
      color: #1bb4c2;
  }
  
  .navbar-toggler{
      margin-right: 18px;
  }
  
  
  /*HEADER*/
  
  .header {
      position: relative;
      width: 100%;
      height: 354px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 60px;
      display: flex;
      justify-content: flex-end;
      margin-bottom: 30px;
  }
  
  .header-text-home {
      position: absolute;
      left: 4%;
      top: 24%;
      color: white;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 64px;
      text-align: left;
      max-width: 900px;
      line-height: 72px;
  }
  
  .header-text-home > i{
      font-weight: 400;
      font-size: 48px;
      line-height: 26px;
  }
  
  @media only screen and (max-width: 752px){
    .header-text-home {
        font-size: 40px;
    }
  
    .header-text-home > i{
        font-size: 33px;
    }
  }
  
  .header-text {
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 10px 80px
  }
  
  .cta-header{
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    flex-wrap: wrap;
  }
  
  .cta-header div{
    width: 170px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
  }
  
  .cta-header .btn-orange{
    background-color: var(--orange);
  }
  
  .cta-header .btn-orange:hover{
    background-color: white;
    color: var(--orange);
  }
  
  .cta-header .btn-bleu:hover{
    background-color: white;
    color: var(--blue);
  }
  
  .cta-header a{
    color: white;
    text-decoration: none;
  }
  
  .block-jpo{
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-right: 5%;
  }
  
  .block-jpo.header-img{
    display: flex;
  }
  
  .block-jpo.content{
    display: none;
  }
  
  @media only screen and (max-width: 1166px){
    .block-jpo.header-img{
      display: none;
    }
  
    .block-jpo.content{
      display: flex;
      margin-bottom: 30px;
    }
  
    .block-jpo.content > h2{
      width: 100%;
    }
  
    .cta-header div{
      width: 145px;
      height: 40px;
      font-size: 14px;
    }
  
  }
  
  .bouton-choisir-ville{
      background: var(--orange);
      border-radius: 3px;
      width: 228px;
      height: 41px;
      font-family: var(--header);
      font-weight: 400;
      font-size: 20px;
      border: none;
  }
  
  .bouton-choisir-ville:hover{
      background-color: white;
      color: var(--orange);
  }

  .groupe-block-jpo-infos:not(:last-child){
    margin-right: 10px;
  }
  
  .block-jpo-infos{
      width: 104px;
      height: 88px;
      background-color: #FFFFFF;
      border: 1px solid #1DB5C2;
      border-radius: 3px 3px 0 0;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      font-family: var(--text);
      color: var(--gris);
      font-weight: 700;
      font-size: 16px;
  } 
  
  .date-chiffre{
      color: var(--blue);
  }

  .groupe-block-jpo-infos:nth-child(2) .date-chiffre{
    color: var(--orange);
  }
  
  .block-jpo-heure{
    width: 104px;
    height: 30px;
    background-color: var(--blue);
    border: 1px solid var(--blue);
    border-radius: 0 0 3px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--text);
    font-weight: 700;
    font-size: 13px;
    color: white;
    text-align: center;
  }

  .groupe-block-jpo-infos:nth-child(2) .block-jpo-heure{
    background-color: var(--orange);
    border: 1px solid var(--orange);
    border-bottom: 1px solid var(--orange);
  }

  .groupe-block-jpo-infos:nth-child(2) .block-jpo-infos{
    border-bottom: 1px solid var(--orange);
  }

  .bouton-campus{
      background: #FFFFFF;
      border: 1px solid var(--orange);
      border-radius: 3px;
      width: 178px;
      height: 28px;
      display: flex;
      align-items: center;
      text-align: center;
      color: var(--orange);
      font-weight: 600;
      font-size: 14px;
      justify-content: center;
      text-decoration: none;
      margin-top: 20px;
  }
  
  .bouton-campus.home{
    width: 212px;
    height: 42px;
    border: 1px solid var(--blue);
    color: var(--blue);
    font-size: 15px;
    margin-top: 15px;
    border-radius: 0;
  }

  .ville-jpo{
    margin: 0 15px;
  }

  #jpoVillesHeader, #jpoVilles, #selectFilieresMob{    
    background: #FF8B24;
    border-radius: 3px;
    color: white;
    font-weight: 400;
    font-size: 20px;
    text-align: left;
    padding: 5px 46px;
    border: none;
    margin-bottom: 20px
  }

  #jpoVillesHeader:hover, #jpoVilles:hover, #selectFilieresMob:hover{
    cursor: pointer;
  }

  .titre-jpo{
    font-family: var(--header);
    color: var(--gris);
    text-transform: uppercase;
    margin-bottom: 11px;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
  }
  
  @media only screen and (max-width: 487px){
    .header-text{
      left: 50%;
      padding: 10px 8px;
    }
  }
  
  @media only screen and (max-width: 360px){
    h1{
      font-size: 24px;
      line-height: 33px;
    }
  
    .formation-campus{
      font-size: 15px;
    }
  }
  
  /*CARTE CAMPUS*/
  
  .col-carte{
    display: flex;
  }
  
  @media only screen and (max-width: 1200px){
    .col-carte{
      display: none !important;
    }
  }
  
  #nav-tab-maestris{
    border: 0;
    margin-bottom: 30px;
    margin-top: 20px;
  }
  
  #nav-tab-maestris > .nav-link.campus{
    border: 1px solid var(--blue);
    border-radius: 0;
    color: var(--gris);
    font-family: var(--text);
    font-weight: 700;
    font-size: 16px;
  }
  
  @media only screen and (max-width: 991px){
    #nav-tab-maestris > .nav-link.campus{
      border: 2px solid #57B4C2;
      border-radius: 8px;
      margin: 0 15px 15px 0;
      font-size: 13px;
    }
  
    .block-jpo-home-header{
      margin-top: -15px;
    }
  }
  
  #nav-tab-maestris > .nav-link.campus.active, #nav-tab-maestris > .nav-link.campus:focus, #nav-tab-maestris > .nav-link.campus:hover{
    background-color: var(--blue);
    color: white;
  }
  
  .block-carte{
    position: relative;
  }
  
  .pin-carte{
    position: absolute;
    width: 25px;
    height: auto;
  }
  
  .info-campus{
    position: absolute;
    font-family: var(--text);
    font-weight: 600;
    font-size: 14px;
  }
  
  #Aix-en-Provence.tab-pane.active.show > div > div > div > #Aix-en-Provence-ville,
  #Grenoble.tab-pane.active.show > div > div > div > #Grenoble-ville,
  #Lille.tab-pane.active.show > div > div > div > #Lille-ville,
  #Lyon.tab-pane.active.show > div > div > div > #Lyon-ville,
  #Nantes.tab-pane.active.show > div > div > div > #Nantes-ville,
  #Paris.tab-pane.active.show > div > div > div > #Paris-ville,
  #Reims.tab-pane.active.show > div > div > div > #Reims-ville,
  #Toulon.tab-pane.active.show > div > div > div > #Toulon-ville,
  #Toulouse.tab-pane.active.show > div > div > div > #Toulouse-ville,
  #Rennes.tab-pane.active.show > div > div > div > #Rennes-ville,
  #Bordeaux.tab-pane.active.show > div > div > div > #Bordeaux-ville  {
    font-weight: 700;
    font-size: 16px;
    color: var(--orange);
  }
  
  #Aix-en-Provence.tab-pane.active.show > div > div > div > #Aix-en-Provence-point,
  #Grenoble.tab-pane.active.show > div > div > div > #Grenoble-point,
  #Lille.tab-pane.active.show > div > div > div > #Lille-point,
  #Lyon.tab-pane.active.show > div > div > div > #Lyon-point,
  #Nantes.tab-pane.active.show > div > div > div > #Nantes-point,
  #Paris.tab-pane.active.show > div > div > div > #Paris-point,
  #Reims.tab-pane.active.show > div > div > div > #Reims-point,
  #Toulon.tab-pane.active.show > div > div > div > #Toulon-point,
  #Toulouse.tab-pane.active.show > div > div > div > #Toulouse-point,
  #Rennes.tab-pane.active.show > div > div > div > #Rennes-point,
  #Bordeaux.tab-pane.active.show > div > div > div > #Bordeaux-point {
    width: 34px;
  }
  
  /*Elements*/
  
  .bg-blue{
    background-color: var(--blue);
    margin: 40px 0;
    padding: 30px 0;
  }
  
  .block-filiere{
    background: #FFFFFF;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    width: 389px;
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
    justify-content: space-between;
  }
  
  .block-blue{
    background-color: var(--blue);
    height: 63px;
    border-radius: 12px 12px 0 0;
    position: relative;
  }
  
  .icon-filiere{
    width: 48px;
    height: auto;
    position: absolute;
    top: 39%;
    left: 4%;
  }
  
  .block-flilier-inner{
    padding: 30px 15px 15px 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .block-filiere-titre{
    font-family: var(--header);
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: var(--gris);
    text-decoration: none;
    text-transform: uppercase;
  }
  
  .block-flilier-inner > p{
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #4d4d4f;
    margin-top: 8px;
  }
  
  .filiere-btn-orange{
    border: 2px solid var(--orange);
    color: var(--orange);
    font-family: var(--text);
    border-radius: 2px;
    width: 119px;
    height: 30px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
  }

  .filiere-btn-orange:hover{
    background-color: var(--orange);
    color: white;
  }
  
  .filieres-desktop{
    display: block;
    margin-bottom: 30px;
  }
  
  .filieres-mob{
    display: none;
  }
  
  @media only screen and (max-width: 1001px){
    .filieres-desktop{
      display: none;
    }
  
    .filieres-mob{
      display: block;
      margin-bottom: 30px;
    }
  }
  
  .carousel-item.active{
    display: flex;
    justify-content: center;
  }
  
  .arrow-filiere{
    font-size: 20px;
    color: var(--orange);
  }
  
  .carousel-control-next, .carousel-control-prev{
    opacity: 1;
  }
  
  .illustration{
    background-color: white;
    border-radius: 8px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
    display: flex;
    width: 300px;
    height: 250px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 0 30px 0;
  }
  
  .illustration > img{
    width: 120px;
    height: auto;
    margin-bottom: 15px;
  }
  
  .illustration-text{
    font-family: var(--header);
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: var(--gris);
  }
  
  .illustration-text > span{
    color: var(--orange);
  }
  
  .illustration-text.chiffres{
    font-weight: 700;
    font-size: 50px;
    line-height: 35px;
  }
  
  .illustration-text > span{
    font-size: 16px;
  }

  .illustration.chiffres{
    width: 170px;
    height: 170px;
    justify-content: center;
  }

  .illustration.chiffres > .illustration-text.chiffres.maestris{
    font-size: 25px;
    line-height: 20px;
    text-align: center;
  }

  .illustration.chiffres > .illustration-text.chiffres.maestris > span{
    font-size: 15px;    
  }
  
  @media only screen and (max-width: 767px){
    .illustration{
      display: flex;
      width: 300px;
      height: 119px;
      flex-direction: inherit;
      justify-content: start;
      padding: 17px;
      margin-bottom: 10px;
    }
  
    .illustration > img{
      width: 83px;
      height: auto;
      margin-bottom: 0;
    }
  
    .illustration-text{
      text-align: left;
      margin-left: 17px;
    }

    .illustration-text.chiffres.maestris{
      line-height: normal;
      font-size: 16px;
    }

    .illustration.chiffres > .illustration-text.chiffres.maestris{
      text-align: center;
      margin-left: 0;
    }
  }

  @media only screen and (max-width: 546px){
    .block-filiere{
      width: 75%;
    }
  }
  
  
  .fil-ariane {
      margin-top: 10px;
  }

  #breadcrumbs, #breadcrumbs a{
    color: #7B809A;
    text-decoration: none;
    font-weight: 400;
  }

  .breadcrumb_last{
    color: var(--blue);
    font-weight: 700;
  }
  
  .logo-h2 {
      width: 15px;
      margin-right: 10px;
      height: 24px;
      margin-top: 7px;
      float: left;
  }
  
  
  /*HOME*/
  
  .actus-desktop{
    display: block;
  }
  
  .actus-mobile{
    display: none;
  }
  
  @media only screen and (max-width: 1200px){
    .actus-desktop{
      display: none;
    }
  
    .actus-mobile{
      display: block;
    }
  }
  
  .block-actu{
    width: 368px;
    height: 452px;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 12px;
    margin-top: 30px;
  }
  
  @media only screen and (max-width: 1200px){
    .block-actu{
      height: auto;
    }
  }
  
  .thumb-actu{
    border-radius: 8px 8px 0px 0px;
    width: 100%;
    height: 180px;
    object-fit: cover;
    margin-bottom: 15px;
  }
  
  .actu-titre{
    margin-bottom: 5px;
  }
  
  .actu-titre a{
    font-family: var(--text);
    font-weight: 700;
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0.3px;
    color: var(--gris);
    text-transform: uppercase;
    text-decoration: none;
  }
  
  .actu-ville{
    font-weight: 700;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: var(--blue);
    font-family: var(--text);
    margin-bottom: 10px;
  }
  
  .actu-text p{
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.3px;
    color: #4d4d4f;
  }
  
  .lire-plus{
    font-weight: 700;
    font-size: 14px;
    line-height: 39px;
    letter-spacing: 0.3px;
    text-decoration-line: underline;
    color: var(--blue);
    text-align: right;
  }
  
  .nos-filiers {
      text-align: center;
  }
  
  .nos-filiers img {
      width: 110px;
      margin-bottom: 20px;
      height: auto;
  }
  
  .block-jpo-home{
    box-shadow: 0px 17px 20px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 8px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .block-jpo-home-header{
    width: 100%;
    height: 82px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px 8px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
  }
  
  .block-jpo-home-header > h4{
    font-family: var(--text);
    font-weight: 700;
    font-size: 20px;
    color: white;
    margin-bottom: 0;
    text-align: center; 
  }
  
  .block-jpo-home-infos{
    display: flex;
    flex-direction: row;
    width: 100%;
    border-top: 1px solid var(--blue);
    margin-top: 15px;
  }
  
  .block-jpo-home-infos-block{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 34%;
    padding: 20px 10px;
  }
  
  .block-jpo-home-infos-block:not(:last-child){
    border-right: 1px solid var(--blue);
  }
  
  .block-jpo-home-infos-block a, .block-jpo-home-infos-block > p{
    font-family: var(--text);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--gris);
    text-align: center;
    margin-bottom: 0;
    text-decoration: none;
  }
  
  .block-jpo-home-infos-block i, .block-jpo-home-infos-block img{
    color: var(--blue);
    font-size: 19px;
    width: 16px;
    height: auto;
    margin-bottom: 7px;
  }
  
  @media only screen and (max-width: 576px){
    .block-jpo-home-infos {
      flex-direction: column;
    }
  
    .block-jpo-home-infos-block:not(:last-child){
      border: none;
    }
  
    .block-jpo-home-infos-block{
      flex-direction: row;
      width: 100%;
      padding: 15px 10px;
    }
  
    .block-jpo-home-infos-block a, .block-jpo-home-infos-block > p{
      text-align: left;
    }
  
    .block-jpo-home-infos-block i, .block-jpo-home-infos-block img{
      margin-bottom: 0;
      margin-right: 15px;
    }
  }
  
  /*FOOTER*/

  footer{
    padding-top: 20px;
  }
  
  .footer {
      background-color: black;
      color: white;
      padding: 30px;
      margin-top: 65px;
  }
  
  .footer p{
    color: white;
  }
  
  .logo-footer{
    width: 116px;
    height: auto;
  }
  
  #menu-cta-footer{
    flex-direction: row;
    font-family: var(--text);
  }
  
  #menu-cta-footer > li > a{
    font-family: var(--text);
  }
  
  #menu-cta-footer > li{
    font-weight: 700;
    display: flex;
    width: 179px;
    height: 48px;
    padding:0;
    justify-content: center;
    align-items: center;
    margin: 0;
  }

  #menu-cta-footer > li::before{
    content: none;
  }
  
  @media only screen and (max-width: 576px){
    #menu-cta-footer > li:not(:last-child){
      margin-bottom: 15px;
    }
  }
  
  #menu-cta-footer > li.btn-orange{
    background-color: var(--orange);
  }
  
  #menu-cta-footer > li.btn-orange:hover{
    background-color: white;
  }
  
  #menu-cta-footer > li.btn-orange > a{
    color : white!important;
  }
  
  #menu-cta-footer > li.btn-orange:hover > a{
    color : var(--orange)!important;
  }
  
  .space-footer{
    margin-bottom: 40px;
  }
  
  .logos-footer {
      width: 80px;
      height: auto;
      margin: 0 20px;
  }
  
  #menu-menu-footer{
    flex-direction: row;
    font-size: 16px;
  }
  
  #menu-menu-footer li a{
    font-family: var(--text);
    margin: 0 10px;
  }

  #menu-menu-footer li::before{
    content: none;
  }
  
  .text-footer{
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: white;
  }
  
  .fa-facebook-f,
  .fa-linkedin-in,
  .fa-rss,
  .fa-youtube {
      font-size: 30px;
      padding: 10px;
      margin: 0 20px;
  }
  
  @media only screen and (max-width: 991px){
    .text-footer{
      text-align: center;
    }
  }
  
  /*FORMATIONS*/
  .nom-ville{
    display: none;
  }

  .infos-diplome{
    background-color: var(--blue);
    color: white;
    margin-top: -30px;
    height: 219px;
    align-items: center;
    margin-bottom: 30px;
  }
  
  .infos-diplome p{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 27px;
    color: #FFFFFF;
  }
  
  .infos-diplome-titre{
    font-family: var(--header);
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
  }
  
  .icon-infos-diplome{
    width: 40px;
    height: auto;
    margin-right: 10px;
  }
  
  .formation-campus{
    font-family: var(--header);
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
  }
  
  .formation-campus:not(:nth-last-child(2)):after {
    content: ' - ';
  }
  
  .formation-campus:hover{
      color: var(--blue);
  }
  
  .infos-diplome-block{
    height: 139px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
  }
  
  .infos-diplome-block:not(:last-child){
    border-right: 2px solid white;
  }
  
  .block-objectifs{
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    width: 100%;
    margin: 30px 0;
  }
  
  .text-objectifs{
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 20px;
  }
  
  .img-objectifs{
    border-radius: 0 8px 8px 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  
  .img-competances{
    width: 484px;
  }

  .haut-bas{
    display: block;
  }
  
  .haut{
    background-image: url('/images/fleche-haut.png');
  }
  
  .bas {
    background-image: url('/images/fleche-bas.png');
  }
  
  .haut,
  .bas{
    width: 55px;
    height: 42px;
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: right;
  }
  
  .block-programme{
    background: #FFFFFF;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 30px;
  }

  .block-programme.metiers{
    position: relative;
    padding-bottom: 50px;
  }
  
  .titre-block-programme{
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 41px;
    font-family: var(--text);
  }
  
  .deroule, .derouler-metier{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 33px;
    color: var(--blue);
    font-family: var(--header);
    display: flex;
  }

  .derouler-metier{
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
  }

  .derouler-metier div{
    display: flex;
    bottom: 0;
    position: absolute;
    margin-left: 20px;
  }
  
  a.derouler, .derouler-metier{
    text-decoration: none;
  }

  a.derouler:hover, a.derouler-metier:hover{
    text-decoration: underline;
    color: var(--blue);
  }

  .block-examens{
    background: #FFFFFF;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    padding: 25px;
  }
  
  @media only screen and (max-width: 1199px){
    .formation-campus{
      font-weight: 700;
      font-size: 18px;
      line-height: 26px;
      letter-spacing: -0.02em;
    }
  }
  
  @media only screen and (max-width: 1060px){
    .infos-diplome-block{
      height: 85%;
    }
  }
  
  @media only screen and (max-width: 960px){
    .infos-diplome{
      height: auto;
      align-items: center;
      flex-direction: column;
      padding: 0 20px;
    }
  
    .infos-diplome-block:not(:last-child) {
      border-bottom: 2px solid white;
      border-right: 0;
    }
  
    .infos-diplome-block > div{
      text-align: center;
    }
  
    .infos-diplome-block{
      height: auto;
      padding: 20px 0;
    }
  
    .infos-diplome-titre{
      flex-direction: column;
      font-size: 18px;
    }
  
    .icon-infos-diplome{
      margin-right: 0;
      margin-bottom: 10px;
    }
  }
  
  @media only screen and (max-width: 767px){
    .img-objectifs{
      border-radius: 8px 8px 0 0;
      height: auto;
      width: 100%;
    }
  
    .img-competances{
      margin-bottom: 30px;
    }
  }
  
  
  /*PAGES CAMPUS*/
  .pro-jpo{
    background-color: var(--orange);
    font-family: var(--text);
    color: white;
    font-weight: 600;
    border-radius: 3px;
    padding: 5px 10px;
    margin-bottom: 20px;
  }

  .inscription-po{
    background: #FFFFFF;
    border: 1px solid var(--orange);
    border-radius: 3px;
    padding: 5px 10px;
    margin-top: 20px;
  }

  .inscription-po a{
    font-weight: 600;
    font-size: 14px;
    color: var(--orange);
    text-decoration: none;
  }

  .inscription-po a:hover{
    text-decoration: underline;
  }

  .pas-jpo{
    background-color: white;
    border: 1px solid var(--orange);
    border-radius: 3px;
    padding: 10px;
    width: 145px;
    text-align: center;
    font-family: var(--text);
  }

  #filieres{
    margin-top: 30px;
    border: none;
    margin-bottom: 25px;
  }

  #filieres li::before{
    content: none;
  }

  #filieres li{
    border: 2px solid var(--blue);
    border-radius: 8px;
    margin: 0 10px 10px 0;
  }

  #filieres li a{
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: var(--gris);
  }

  #filieres li a.nav-link.active, #filieres li a.nav-link:hover{
    background-color: var(--blue);
    color: white;
    border-color: transparent;
    border-radius: 6px;
  }

  .campus-les-formations{
    display: flex;
    justify-content: space-around;
  }

  .block-campus-formation{
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    margin-bottom: 30px;
    box-sizing: border-box;
    padding: 0;
    width: 232px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }

  .campus-formation-img{
    border-radius: 4px 4px 0px 0px;
    margin-bottom: 10px;
  }

  .campus-formation-titre{
    font-family: var(--header);
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.4px;
    text-transform: uppercase;    
    margin: 0 5px;
  }

  .campus-formation-titre a{
    color: var(--gris);
    text-decoration: none;
  }

  .block-campus-bouton {
    color: var(--blue);
    background-color: white;
    border: 1px solid var(--blue);
    border-radius: 1px;
    padding: 5px 10px;
    text-decoration: none;
    margin: 10px 0 20px 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: 0.3px;
  }

  .block-campus-bouton:hover {
    background-color: var(--blue);
    color: white;
  }

  .text-campus {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    background-image: url('/images/top-left.png'), url('/images/bottom-right.png');
    background-position: left top, right bottom;
    background-repeat: no-repeat;
    padding: 25px;
    margin: 20px 6px;
  }

  .block-campus{
    background: #FFFFFF;
    box-shadow: 0px 1px 23px 5px rgba(0, 0, 0, 0.06);
    padding: 25px;
    margin-bottom: 30px;
  }

  #accordionCampusInfo{
    border: none;
    border-radius: 2px 2px 0px 0px;
  }

  #accordionCampusInfo > .accordion-item{
    border: 2px solid var(--blue);
  }

  #accordionCampusInfo .accordion-button:not(.collapsed){
    background-color: transparent;
    color: var(--gris);
  }

  #accordionCampusInfo .accordion-button{
    font-size: 14px;
    line-height: 33px;
    text-decoration-line: underline;
    color: var(--gris);
    font-family: var(--text);
  }
  
  .block-img-campus{
    position: relative;
    top: 0;
    left: 0;
    height: 255px;
  }

  .img-campus{
    width: 236px;
    height: 176px;
    filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.25));
    border-radius: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  #img-campus2{
    position: absolute;
    top: 19%;
    left: 29%;
  }

  #img-campus3{
    position: absolute;
    top: 0;
    left: 62%;
  }

  #img-campus4{
    position: absolute;
    left: 33%;
    top: 19%;
  }

  .carte-campus{
    border: 15px solid #FFFFFF;
    filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.25));
    border-radius: 8px;
    position: relative;
  }

  .carte-info-desktop > .carte-contact{
    position: absolute;
    display: flex;
    left: 2%;
    top: 5%;
  }

  .carte-info-mob > .carte-contact{
    display: none;
  }

  .carte-contact{    
    width: 263px;
    height: 364px;
    left: 231px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
    border-radius: 8px;    
    padding: 10px;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .carte-contact h3{
    color: var(--gris);
  }

  .carte-contact .info{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .carte-contact .info a{
    color: var(--gris);
    text-decoration: none;
  }

  .icon-info-carte{
    width: 26px;
    height: auto;
  }

  .sep{
    border-top: 2px solid var(--blue);
    width: 38%;
  }

  @media only screen and (max-width: 767px){
    .col-accordion{
      order: 5;
    }

    #img-campus3{
      left: 0;
    }

    .block-campus img{
      margin-bottom: 30px;
    }
  }

  @media only screen and (max-width: 991px){
    .carte-info-desktop > .carte-contact{
      display: none;
    }

    .carte-info-mob > .carte-contact{
      display: flex;
      width: 100%;
    }

    .carte-info-mob{
      display: flex;
      justify-content: center;
      margin-top: 30px;
    }
  }

  @media only screen and (max-width: 487px){
    .campus-les-formations{
      justify-content: center;
    }
  }
  
  /*FORMULAIRE*/
  
  lds-roller {
      display: inline-block;
      position: relative;
      width: 64px;
      height: 64px;
  }
  
  .lds-roller div {
      animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      transform-origin: 32px 32px;
  }
  
  .lds-roller div:after {
      content: " ";
      display: block;
      position: absolute;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #000;
      margin: -3px 0 0 -3px;
  }
  
  .lds-roller div:nth-child(1) {
      animation-delay: -0.036s;
  }
  
  .lds-roller div:nth-child(1):after {
      top: 50px;
      left: 50px;
  }
  
  .lds-roller div:nth-child(2) {
      animation-delay: -0.072s;
  }
  
  .lds-roller div:nth-child(2):after {
      top: 54px;
      left: 45px;
  }
  
  .lds-roller div:nth-child(3) {
      animation-delay: -0.108s;
  }
  
  .lds-roller div:nth-child(3):after {
      top: 57px;
      left: 39px;
  }
  
  .lds-roller div:nth-child(4) {
      animation-delay: -0.144s;
  }
  
  .lds-roller div:nth-child(4):after {
      top: 58px;
      left: 32px;
  }
  
  .lds-roller div:nth-child(5) {
      animation-delay: -0.18s;
  }
  
  .lds-roller div:nth-child(5):after {
      top: 57px;
      left: 25px;
  }
  
  .lds-roller div:nth-child(6) {
      animation-delay: -0.216s;
  }
  
  .lds-roller div:nth-child(6):after {
      top: 54px;
      left: 19px;
  }
  
  .lds-roller div:nth-child(7) {
      animation-delay: -0.252s;
  }
  
  .lds-roller div:nth-child(7):after {
      top: 50px;
      left: 14px;
  }
  
  .lds-roller div:nth-child(8) {
      animation-delay: -0.288s;
  }
  
  .lds-roller div:nth-child(8):after {
      top: 45px;
      left: 10px;
  }
  
  @keyframes lds-roller {
      0% {
          transform: rotate(0deg);
      }
      100% {
          transform: rotate(360deg);
      }
  }
  
  .candidater {
      width: 100%;
      background-color: #1db5c2;
      border: none;
      border-radius: 3px;
      padding: 10px;
      color: white;
      text-transform: uppercase;
  }
  
  .candidater:hover {
      border: none;
      background-color: #008390;
      cursor: pointer;
  }
  
  
  /*DOMAINE*/
.selectFilieresMob{
  display: none;
}

.selectFilieresDesktop{
  display: block;
}

.filieresMob{
  display: none;
}

.block-formation{
  width: 410px;
  height: 401px;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 20px 0;
}

.block-formation-img{
  border-radius: 8px 8px 0px 0px;
  margin-bottom: 10px;
}

.block-formation-titre{
  font-family: var(--header);
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: var(--gris);
  text-decoration: none;
}

.block-formation-bouton{
  border: 1px solid var(--orange);
  border-radius: 2px;
  color: var(--orange);
  padding: 3px 20px;
  font-size: 14px;
  width: 155px;
  height: 30px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.block-formation-bouton:hover{
  background-color: var(--orange);
  color: white;
}

.block-formation p{
  margin-top: 10px;
}

.bg-domaine-formation{
  background-image: url('/images/bottom-left.png'), url('/images/top-right.png');
  background-position: left bottom, right top;
  background-repeat: no-repeat, no-repeat;
  padding: 13px 28px;
}

.infos-domaines{
  display: flex;
  justify-content: space-around;
  height: auto;
}

.block-domaine-infos{
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 30px;
  border-top: 5px solid var(--blue);
  max-width: 650px;
  margin-bottom: 25px;
  box-sizing: border-box;
  flex-basis: 48%;
}

.infos-domaines > .block-domaine-infos:nth-child(2), .infos-domaines > .block-domaine-infos:nth-child(3){
  border-top: 5px solid var(--orange);
}

.infos-domaines > .block-domaine-infos:nth-child(2) h2::before, .infos-domaines > .block-domaine-infos:nth-child(3) h2::before{
  content: url('/images/fleche-orange.png');
  margin-right: 10px;
}

.infos-domaines > .block-domaine-infos:nth-child(2) h2 span, .infos-domaines > .block-domaine-infos:nth-child(3) h2 span{
  color:var(--orange);
}

.block-domaine-infos h2{
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

@media only screen and (max-width: 992px){
  .bg-domaine-formation{
    background-image: none;
  }  

  .block-domaine-infos{
    min-height:auto;
    flex-basis: 100%;
  }

  .infos-domaines{
    justify-content: center;
  }

  .selectFilieresMob{
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  
  .selectFilieresDesktop{
    display: none;
  }
}
  
  .signature {
      padding: 35px;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
  }
  
  .reaseaux-footer{
      list-style-type: none;
      flex-direction: row;
      display: flex;
      margin-bottom: 15px;
      flex-wrap: wrap;
      justify-content: center;
      padding: 0;
  }
  
  .reaseaux-footer li a i{
      font-size: 26px;
      padding: 1px;
      margin: 0 20px;
      color: white;
  }

  .reaseaux-footer li::before{
    content: none;
  }
  
  /*TABLEAUX RYTHMES*/
  
  .tableau-annee{
    margin: 25px 0 10px 0;
  }
  
  .mois{
      display: flex;
      justify-content: center;
  }
  
  .mois > div{
      font-family: 'source-sans-pro', sans-serif;
      text-transform: uppercase;
      margin: 10px 0;
      font-size: 12px;
      width: 100%;
      text-align: center;
  }
  
  .mois > div:not(:last-child){
      border-right: 1px solid #ff8b23;
  }
  
  .mois-text{
      text-align: center;
      text-transform: uppercase;
      background-color: #1bb4c21f;
      min-height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 10px 0px;
      font-size: 13px;
  }
  
  .mois-text.stage{
      background-color: #ff8b2345;
  }
  
  .mois-text.rien{
      background-color: transparent;
  }
  
  .mois-bloc-left, .mois-bloc-left2{
      border-left: 1px solid #ff8b23;
  }
  
  .mois-bloc-right{
      border-right: 1px solid #ff8b23;
  }
  
  @media all and (max-width: 768px){
      .mois-bloc-left2{
          border: none;
      }
  }
  
  
  @media all and (max-width: 991px){
  
      .mois.entier{
      flex-wrap: wrap;
      }
  
      .mois.entier > div{
      width: 25%;
      }
  
      .mois-bloc-left, .mois-bloc-right{
      border: none;
      }
  
      .mois-text.rien{
      display: none;
      }
  
      .mois.entier > div:not(:last-child){
      border:none;
      }
  
      .mois.entier > div:not(:nth-child(4n)){
      border-right: 1px solid #ff8b23;
      }
  
      .mois.entier > div.col{
      flex-basis: auto;
      flex-grow: unset;
      }
  }
  
  
  
  .nav.nav-tabs.tabs-annees{
      border-bottom: none;
  }
  
  .nav.nav-tabs.tabs-annees > li::before{
    content: none;
  }
  
  .nav.nav-tabs.tabs-annees > li > a{
    text-decoration: none;
  }
  
  .nav-tabs.tabs-annees > li > a.active, .nav-tabs.tabs-annees > li > a.active:focus, .nav-tabs.tabs-annees > li.active > a.active:hover{
      color: white;
      cursor: default;
      border: 1px solid #1bb4c2;
      text-transform: uppercase;
      font-size: 16px;
      background-color: #1bb4c2;
  }
  
  .tab-content.tabs-annees{
      border: 1px solid #1bb4c2;
      padding: 10px 0;
      margin-top: 7px;
  }
  
  .nav.nav-tabs.tabs-annees > li{
      padding: 0;
  }
  
  .nav-tabs.tabs-annees > li > a {
      border: 1px solid #1bb4c2;
      border-bottom: transparent;
      border-radius: 4px 4px 0 0;
      font-size: 16px;
      text-transform: uppercase;
      padding: 10px;
  }
  
  .nav-tabs.tabs-annees > li > a:hover{
      border: 1px solid #1bb4c2;
      background-color: transparent;
      color: #1bb4c2;
  }
  

/*VALEURS*/

.block-valeurs{
  background: #FFFFFF;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
  border-radius: 3px;  
  padding: 30px;  
}

.illustration-text.valeurs{
  font-weight: 700;
  font-size: 16px;
  line-height: 27px;
}

.illustration-valeurs{
  height: 250px;
  width: 197px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
  background: #FFFFFF;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}

.illustration-valeurs > img{
  width: 120px;
  height: auto;
  margin-bottom: 15px;
}

.block-valeurs-bg{
  background-image: url('/images/bottom-left-blue.png'), url('/images/top-right-blue.png');
  background-position: 2% 92%, 98% 8%;
  background-repeat: no-repeat;
  padding: 45px;
}

@media all and (max-width: 1199px){
  .block-valeurs-bg{
    background-image: none;
    padding: 0;
  }

  .block-valeurs{
    background-color: var(--blue);
  }

  .block-valeurs h2{
    color: white;
  }

  .block-valeurs h2::before{
    content: url('/images/fleche-blanche.png');
    margin-right: 10px;
  }

  .block-valeurs h2 > span{
    color: var(--gris);
  }
}

/*ACCORDION*/
.plus-moins{
  display: block;
}

.plus{
  background-image: url('/images/Circle-Plus.png');
}

.moins {
  background-image: url('/images/Circle-Minus.png');
}

.plus,
.moins{
  display: inline-block;
  width: 33px;
  height: 37px;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: right;
}

.toggle{
  min-height: 100px;
  height: 100%;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  margin-bottom: 30px;
}

.toggle-bouton{
  color: var(--orange);
  background-color: white;
  width: 125px;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  border: 1px solid var(--orange);
}

.toggle-bouton.collapsed{
  width: 125px;
  height: 47px;
  display: flex;
  background-color: var(--orange);
  color: white;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  border: 1px solid var(--orange);
}

.toggle-bouton:hover, .toggle-bouton.collapsed:hover{
  cursor: pointer;
}

.toggle-bouton > img{
  width: 30px;
  height: auto;
  margin-left: 3px;
}

.toggle-title{
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: var(--gris);
  font-family: var(--header);
  padding: 15px 0;
}

.toggle-img{
  padding: 15px;
  width: 192px;
}

@media all and (max-width: 767px){
  .toggle-title{
    text-align: center;
  }

  .toggle-bouton.collapsed, .toggle-bouton{
    margin-bottom: 20px;
  }
}

/*ALUMNIS*/
.block-alumnis-infos{
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 30px;
  border-top: 5px solid var(--blue);
  margin-bottom: 25px;
  min-height: 360px;
}

.infos-alumnis > div:nth-child(even) > .block-alumnis-infos{
  border-top: 5px solid var(--orange);
}

.infos-alumnis > div:nth-child(even) > .block-alumnis-infos h2::before{
  content: url('/images/fleche-orange.png');
  margin-right: 10px;
}

.infos-alumnis > div:nth-child(even) > .block-alumnis-infos h2 span{
  color:var(--orange);
}

.block-alumnis-infos h2{
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

/*PARTENAIRES*/
.block-partenaires-bg {
  background-image: url('/images/bottom-left-blue.png'), url('/images/top-right-blue.png');
  background-position: left bottom, right top;
  background-repeat: no-repeat;
  padding: 45px;
}

.img-part{
  width: 195px;
  height: auto;
}

@media all and (max-width: 1198px){
  .block-valeurs.partenaires{
    padding: 0;
  }
}

/*TEMOIGNAGES*/
.img-tem{
  border-radius: 50%;
  height: 130px;
  width: 130px;
  object-fit: cover;
}

.block-temoignage{
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  margin-bottom: 40px;
  padding: 10px;
}

.titre-tem{
  margin-bottom: 5px;
}

.titre-tem a{
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 27px;
  color: var(--gris);
  text-decoration: none;
  text-transform: uppercase;
}

.tem-formation a{
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: var(--blue);
  text-decoration: none;
}

.resume-tem{
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
}

.bouton-decouvrir{
  width: 125px;
  height: 47px;
  display: flex;
  background-color: var(--orange);
  color: white;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}

.bouton-decouvrir:hover{
  color: white;
  text-decoration: underline;
}

.bouton-decouvrir > img {
  width: 30px;
  height: auto;
  margin-left: 3px;
}

.single-tem-img{
  width: 300px;
  height: 300px;
  object-fit: cover;
  margin-bottom: 15px;
}

.block-info-tem{
  display: flex;
  flex-direction: column;
  float: left;
  max-width: 300px;
  margin: 0 50px 15px 0;
  line-height: 27px;
}

.tem-text.temoignage{
  background-position: 330px top, right bottom;
}

.tem-nom{
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
}

.tem-emploi{
  font-size: 14px;
  font-weight: 600;
}

.tem-promotion{
  font-size: 14px;
  font-weight: 600;
  color: var(--blue);
}

.single-tem-formation{
  background: var(--blue);
  border: 1px solid var(--blue);
  border-radius: 2px;
  color: white;
  text-decoration: none;
  font-size: 11px;
  font-weight: 600;
  padding: 0 5px;
}

.single-tem-formation:hover{
  color: white;
  text-decoration: underline;
}

.block-info-tem-mob + div{
  min-height: 300px;
}

@media all and (max-width: 767px){
  .img-tem{
    margin-bottom: 10px;
  }

  .block-temoignage{
    padding: 20px;
  }

  .titre-tem, .tem-formation, .resume-tem{
    text-align: center;
  }

  .block-info-tem-mob{
    display: flex;
    justify-content: center;
  }

  .block-info-tem{
    float: none;
    margin: 0 15px 30px 15px;
  }

  .tem-text.temoignage {
    background-position: left top, right bottom;
  }

  .block-info-tem-mob + div{
    min-height: auto;
  }
}

/*CONTACT*/
.block-contact{
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  margin-bottom: 20px;
}

.img-contact{
  border-radius: 4px 4px 0px 0px;
  height: 37px;
  width: 100%;
  object-fit: cover;
}

.block-contact > h3{
  margin: 15px 15px 0 15px;
  font-size: 16px;
  font-family: var(--text);
}

.block-contact > p{
  font-size: 14px;
  line-height: 24px;
  margin: 0 15px;
}

.infos-contact{
  margin: 15px;
  font-size: 14px;
}

.infos-contact a{
  font-size: 14px;
  text-decoration: none;
}

.infos-contact a:hover{
  text-decoration: underline;
  color: var(--blue);
}

/*ACTUS*/
#villes{
  margin-top: 30px;
  border: none;
  margin-bottom: 25px;
}

#villes li::before{
  content: none;
}

#villes li{
  border: 2px solid var(--blue);
  border-radius: 8px;
  margin: 0 10px 10px 0;
}

#villes li:hover{
  text-decoration: none;
}

#villes li a{
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: var(--gris);
}

#villes li a.nav-link.active, #villes li a.nav-link:hover{
  background-color: var(--blue);
  color: white;
  border-color: transparent;
  border-radius: 6px;
}

/*SKOLAE*/
.moduleEcolesSkolae{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 900px;
  margin: auto;
  padding-bottom: 110px;
}

.moduleEcolesSkolae__container{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
}

.moduleEcolesSkolae__container__ecoles{
  width: 67.11%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
}

.moduleEcolesSkolae__container__ecoles--logo{
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  min-width: 148px;
  height: 110px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
  background-color: white;
  margin: 0 2px 2px 0;
  border-radius: 8px;
  border: 0;
}

.moduleEcolesSkolae__container__ecoles--logo:hover{
  background-color: var(--blue);
}

.moduleEcolesSkolae__container__ecoles--logo.active{
  background-color: var(--blue);
}

.moduleEcolesSkolae__container__ecoles--logo img{
  width: auto;
  height: auto;
  display: block;
  max-width: 85px;
  max-height: 60px;
}

.moduleEcolesSkolae__container__content{
  width: 32.89%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 500px;
}

.moduleEcolesSkolae__container__content--info{
  display: none;
}

.moduleEcolesSkolae__container__content--info.active.show{
  width: auto;
  height: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  text-align: center;
  position: absolute;
  top: 0;

  
  background-image: url('/images/bottom-left-blue.png'), url('/images/top-right-blue.png');
  background-position: 0% 100%, 100% 0%;
  background-repeat: no-repeat;
  padding: 45px;
}

.chiffresDetails__chiffre{
  font-size: 25px;
  line-height: 20px;
  text-align: center;
  font-weight: 700;
  font-family: var(--header);
  text-transform: uppercase;
  color: var(--gris);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.chiffresDetails__chiffre > span{
  font-size: 15px;
  color: var(--orange);
}

.chiffresDetails__detail{
  display: flex;
}

@media all and (max-width: 991px){
  .moduleEcolesSkolae__container{
    justify-content: space-between;
  }

  .moduleEcolesSkolae__container__ecoles{
    width: 20%;
  }

  .moduleEcolesSkolae__container__content{
    width: 73%;
    min-height: 710px;
  }

  .moduleEcolesSkolae__container__ecoles--logo{
    min-width: 70px;
    height: 70px;
  }

  .moduleEcolesSkolae__container__content--info.active.show{
    padding: 20px;
  }
}

/*PAGES*/
.tem-text {
  background-image: url('/images/guillemets1.png'), url('/images/guillemets2.png');
  background-repeat: no-repeat;
  background-position: left top, right bottom;
  background-size: 100px;
}

.tem-text > div {
  padding: 20px;
}

.block-bouton{  
  background: #FFFFFF;
  border: 1px solid var(--blue);
  border-radius: 2px;
  color: var(--blue);
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  padding: 8px;
}

.block-bouton:hover{
  background-color: var(--blue);
  color: white;
}

.moduleGESFormulaires form .form-line .form-input svg.svg-ges-formulaire-arrow-def-ctrl, .moduleGESFormulaires form .form-line .form-input svg.DQE_phone_code_arrow{
  display: none;
}

/*FICHES MÉTIERS*/
.block-etape{
  background: #FFFFFF;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  margin: 20px 5px;
  border-top: 5px solid var(--blue);
}

.block-etape:nth-child(2){
  border-top: 5px solid var(--orange);
}

.grands-noms-block{
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
  display: flex;
  width: 300px;
  height: 300px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 0 30px 0;
  padding: 15px;
}

.grands-noms__nom{
  font-size: 16px;
  color: var(--orange);
  text-transform: uppercase;
  font-weight: bold;
}

.grands-noms-block p{
  line-height: 21px;
  text-align: center;
}

.grands-noms__image{
  width: 120px;
  height: 120px;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
  margin-bottom: 10px;
}

/*PRESSE*/

.blockPresse{
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    margin-bottom: 40px;
    padding: 20px;
    min-height: 314px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blockPresse__titre{
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 27px;
  color: var(--gris);
  text-decoration: none;
  text-transform: uppercase;
}

.blockPresse__media{
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: var(--blue);
  text-decoration: none;
}

.blockPresse__description{
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  font-family: var(--text);
}

.blockPresse__lien{
  display: flex;
  justify-content: end;
  margin-top: 20px;
}

.blockPresse__lien a{
  width: 125px;
  height: 47px;
  display: flex;
  background-color: var(--orange);
  color: white;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}

.blockPresse__lien a:hover{
  text-decoration: underline;
}

.blockPresse__lien a img{
  width: 30px;
  height: auto;
  margin-left: 3px;
}

@media all and (max-width: 991px){
  .blockPresse{
    min-height: auto;
  }
}