@charset "UTF-8";
/*
 * Feuille de style concernant les écrans mobiles
 */
@media (max-width: 576px) {
  /*Couleur texte courant*/
  /*Couleur opposée au texte courant*/
  /*Si besoin de couleurs supplémentaires*/
  /* Paramétrage des marges*/
  /* Paramétrage des polices utilisées sur le site */
  body {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 19px; }
  .display__none {
    display: none; }
  .word__break--all {
    max-width: 128px; }
  /*  -----------------------------------
 - - - - - -  Containers - - - - - -
 -----------------------------------  */
  .container {
    padding-right: 23px;
    padding-left: 23px; }
  .container__nano {
    margin-top: 37.5px; }
  .container.container__mini {
    padding-left: 25px; }
  .container__video.container__absolute {
    min-height: 274px; }
  .container__video.margin__geant--top-negatif {
    margin-top: 25px; }
  .container__img--bulle img {
    max-height: 250px; }
  .container__vague::before {
    max-height: 70px; }
  .container__vague::after {
    max-height: 80px; }
  .container__vague.container__archive-offres, .container__vague.container__single-offre {
    padding-bottom: 25px;
    overflow: hidden; }
    .container__vague.container__archive-offres::after, .container__vague.container__single-offre::after {
      -webkit-transform: translateY(5%);
      -ms-transform: translateY(5%);
      transform: translateY(5%);
      max-height: 70px; }
  .container__number {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .container__number img {
      max-width: 120px;
      max-height: 150px; }
    .container__number .picto__number {
      font-size: 25px;
      font-size: 1.5625rem;
      height: 50px;
      width: 50px;
      right: 15%; }
  /*  -----------------------------------
     - - - - - - -  Titres - - - - - -
   -----------------------------------  */
  .titre__n1,
  .titre__n1 p {
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: 40px; }
  .titre__n1--bis {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 35px; }
  .titre__n1--ter {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 30px; }
  .titre__n2 p,
  .titre__n2 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 32px; }
  .titre__n3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px; }
  .offre__desc > p:first-child,
  .coordonnees .coords__adresse .titre__n4,
  .titre__n4 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px; }
  .intro__desc p,
  .intro__desc,
  .titre__accueil p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px; }
  .chiffre {
    font-size: 45px;
    font-size: 2.8125rem;
    line-height: 50px; }
  /*  -----------------------------------
 - - - -  Boutons, p, a, ul, li - - - -
 -----------------------------------  */
  p, a, .p, ul li,
  .formulaire .rgpd label, .formulaire .rgpd a,
  .coordonnees .coords__adresse p,
  .coordonnees .coords__lien--plan a,
  .picto__fleche--bleue-retour a,
  .btn-defaut.btn__bleu,
  .btn-defaut.btn__vert,
  .btn-defaut.btn__border--blanc,
  .btn-defaut.btn__border--bleu,
  .btn-defaut.btn__category,
  .btn-defaut.btn__category a {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px; }
  ul li::before {
    height: 6px;
    width: 6px;
    -webkit-transform: translateY(7px);
    -ms-transform: translateY(7px);
    transform: translateY(7px); }
  .container__bouton {
    text-align: center; }
    .container__bouton.text__right {
      text-align: center; }
  .btn-defaut.btn__category--single {
    padding: 12px 20px;
    border-radius: 12px; }
  .btn-defaut.btn__category--tag {
    height: 45px;
    padding: 7px 15px;
    border-radius: 12px; }
  /*  -----------------------------------
   - - - - - - -  Padding - - - - - -
 -----------------------------------  */
  .pad__mega {
    padding: 50px; }
  .pad__geant,
  .pad__grand,
  .pad__moyen {
    padding: 25px; }
  /*  -----------------------------------
 - - - -  Padding Top - Bottom - - - -
 -----------------------------------  */
  .pad__mega--vertical,
  .pad__maxi--vertical {
    padding-top: 50px;
    padding-bottom: 50px; }
  .pad__geant--vertical,
  .pad__grand--vertical {
    padding-top: 25px;
    padding-bottom: 25px; }
  .pad__moyen--vertical,
  .pad__petit--vertical {
    padding-top: 12.5px;
    padding-bottom: 12.5px; }
  /*  -----------------------------------
 - - - -  Padding Left - Right - - - -
 -----------------------------------  */
  .pad__maxi--horizontal {
    padding-right: 100px;
    padding-left: 100px; }
  .pad__geant--horizontal {
    padding-right: 25px;
    padding-left: 25px; }
  /*  -----------------------------------
 - - - -  Padding Top - - - -
 -----------------------------------  */
  .pad__top--maxi,
  .pad__top--mega,
  .pad__top--geant {
    padding-top: 50px; }
  /*  -----------------------------------
 - - - -  Padding Bottom - - - -
 -----------------------------------  */
  .pad__bottom--responsive,
  .pad__bottom--mega {
    padding-bottom: 85px; }
  .pad__bottom--geant {
    padding-bottom: 50px; }
  /*  -----------------------------------
 - - - -  Margin Top - Bottom - - - -
 -----------------------------------  */
  .margin__geant--vertical {
    margin-top: 50px;
    margin-bottom: 50px; }
  .margin__mini--vertical {
    margin-top: 5px;
    margin-bottom: 5px; }
  /*  -----------------------------------
- - - - - -   Margin Top  - - - - - -
-----------------------------------  */
  .margin__geant--top {
    margin-top: 35px; }
  .margin__grand--top {
    margin-top: 25px; }
  .margin__moyen--top {
    margin-top: 12.5px; }
  /*  -----------------------------------
- - - -  Margin Bottom - - - -
-----------------------------------  */
  .margin__maxi--bottom-negatif {
    margin-bottom: 0; }
  .margin__mega--bottom {
    margin-bottom: 37.5px; }
  .margin__geant--bottom {
    margin-bottom: 25px; }
  /*  -----------------------------------
   - - - - - - -  Gridbox - - - - - -
 -----------------------------------  */
  .grid__4col--egales,
  .grid__2col--auto {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; }
  .grid__2col--responsive.grid__2col--auto-1fr {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr); }
  .grid__7col--egales {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr); }
  .grid__gap--mega {
    grid-gap: 37.5px; }
  .grid__gap--grand {
    grid-gap: 25px; }
  .grid__gap--moyen {
    grid-gap: 20px; }
  .grid__gap--petit {
    grid-gap: 10px; }
  .grid__gap--geant-vertical {
    grid-gap: 0 25px; }
  .grid__2col--15-85 .grid__3col--egales {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; }
  /*  -----------------------------------
   - - - - - - -  Pictos - - - - - -
 -----------------------------------  */
  .picto__burger--bulle {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    height: 190px;
    width: 220px; }
    .picto__burger--bulle a {
      padding: 20px 0 0 10px; }
  .picto__expertise {
    max-width: 62px;
    max-height: 62px; }
    .picto__expertise img {
      max-width: 62px;
      max-height: 62px; }
  .picto__fleche--bleue a::after {
    -webkit-transform: translate(50%, -10%);
    -ms-transform: translate(50%, -10%);
    transform: translate(50%, -10%); }
  .picto__fleche--bleue-retour a::after {
    -webkit-transform: translate(50%, -10%);
    -ms-transform: translate(50%, -10%);
    transform: translate(50%, -10%); }
  .picto__chevron--bleu-droit::after {
    height: 15px;
    width: 7px; }
  header .picto__fleche--blanche.pad__grand--vertical,
  header .picto__fleche--verte,
  .picto__trio {
    display: none; }
  .picto__equipe {
    left: 60%; }
  .card img.picto__tag,
  img.picto__tag {
    max-width: 25px;
    max-height: 25px;
    margin-bottom: 0; }
  .picto__fleche--retour {
    margin-top: 10px; }
    .picto__fleche--retour a {
      font-size: 20px;
      font-size: 1.25rem; }
    .picto__fleche--retour .picto__fleche--blanche::before {
      -webkit-transform: rotate(90deg) translate(0, 150%);
      -ms-transform: rotate(90deg) translate(0, 150%);
      transform: rotate(90deg) translate(0, 150%); }
  .picto__fleche--bleue.fleche__grande a {
    padding-left: 35px; }
    .picto__fleche--bleue.fleche__grande a::after {
      height: 18px;
      width: 27px;
      -webkit-transform: translate(0, -85%);
      -ms-transform: translate(0, -85%);
      transform: translate(0, -85%); }
  /*  -----------------------------------
   - - - - - - -  Header - - - - - -
 -----------------------------------  */
  header {
    min-height: 275px;
    max-height: 100%; }
    header.header__accueil {
      min-height: 274px;
      height: 100%; }
    header .margin__mega--top {
      margin-top: 12.5px; }
  .header__horizontal .header__logo img {
    max-width: 120px; }
  .menu__langues a {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 23px; }
  .header__vertical {
    position: absolute;
    margin-top: 0;
    max-height: 50px;
    top: 65px;
    left: 10px; }
    .header__vertical .container__picto--menu {
      height: 48px;
      width: 48px; }
      .header__vertical .container__picto--menu .picto__menu::before {
        height: 48px;
        width: 48px; }
    .header__vertical > .flexbox,
    .header__vertical > :last-child {
      display: none; }
  .checkbox__checked .header__vertical {
    top: 0; }
  .container__menu--burger .gridbox.pad__mega--vertical {
    padding: 0; }
  .menu__burger > li > a,
  .menu__burger > li > span {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 35px; }
  .menu__burger .sub-menu li a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 30px; }
  .menu__burger .menu-item-has-children::after {
    width: 18px;
    height: 12px;
    top: 10px; }
  .header__logo img,
  .header__logo--grand img {
    max-width: 165px; }
  .header__page {
    text-align: center; }
    .header__page .pad__maxi--vertical {
      padding-top: 0;
      padding-bottom: 10px; }
    .header__page .pad__top--grand {
      padding-top: 12.5px; }
  .header__petit {
    min-height: unset; }
  /*  -----------------------------------
   - - - - - - -  Footer - - - - - -
 -----------------------------------  */
  footer .card {
    max-width: 300px; }
  /*  -----------------------------------
   - - - - - - -  Formulaire - - - - - -
 -----------------------------------  */
  .formulaire form label {
    font-size: 16px;
    font-size: 1rem;
    line-height: 25px;
    margin: 6px 0; }
    .formulaire form label.radio__container--group {
      text-align: center;
      margin-right: 30px; }
  .formulaire form input {
    padding: 10px 12.5px; }
  .formulaire form input[placeholder],
  .formulaire form textarea[placeholder] {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px; }
  .formulaire form textarea {
    margin-top: 12.5px; }
  .formulaire form .upload p,
  .formulaire form .upload span {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 19px; }
  .formulaire form .upload span {
    padding: 10px 20px; }
  .formulaire .rgpd {
    padding-top: 0; }
  .formulaire .container__btn-defaut {
    text-align: center;
    margin-bottom: 12.5px; }
  .radio__ensemble--group {
    padding-top: 0; }
  input[type="radio"]:checked ~ .reveal-if-active {
    padding: 25px 0; }
  /*  -----------------------------------
   - - - - - - -  Tabs - - - - - -
 -----------------------------------  */
  .tab:not(:last-child) {
    margin-bottom: 25px; }
  .tab__body {
    padding-left: 0; }
  .tab__title span {
    height: 100px;
    width: 100px; }
  .tab__title img {
    max-width: 63px;
    max-height: 51px; }
  input:checked + .tab__equipe--label::after {
    bottom: 40%; }
  .tab__partenaire--label {
    padding: 7px 30px 30px 30px; }
  .tab__partenaire img {
    max-width: 160px; }
  .tab__equipe--label {
    padding: 12.5px 25px 25px; }
  input:checked ~ .tab__equipe--content {
    padding: 12.5px 25px 25px; }
  input:checked ~ .tab__partenaire--content {
    padding: 0 25px 30px 30px; }
  /*  -----------------------------------
   - - - - - - -  Sections - - - - - -
 -----------------------------------  */
  .intro__bulle .titre__n1--bis {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 25px; }
  .intro__bulle--grande {
    min-height: 190px;
    top: 5%;
    left: 0;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    max-height: 250px;
    max-width: 220px; }
    .intro__bulle--grande > div {
      width: -webkit-fill-available; }
    .intro__bulle--grande .margin__grand--top {
      margin-top: 20px; }
    .intro__bulle--grande .pad__grand--horizontal {
      padding-right: 10px;
      padding-left: 10px; }
    .intro__bulle--grande .word__break--all {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 18px;
      max-width: 130px; }
  .intro__bulle--moyenne {
    background-position: left;
    max-width: 290px;
    left: 0;
    min-height: 300px; }
    .intro__bulle--moyenne > div {
      padding: 10px 25px 10px 20px; }
  .intro__bulle--mini {
    max-width: 300px;
    bottom: -5%;
    left: 0; }
  /*  Section avec la vidéo */
  .grid__2col--2fr-5fr .flexbox {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .grid__2col--2fr-5fr .container__video {
    -ms-grid-row: 1;
    grid-row: 1; }
  .grid__2col--2fr-5fr .container__bouton {
    margin-top: 25px; }
  /*  Cards */
  .card__microsoft img {
    max-width: 176px;
    max-height: 117px;
    margin-bottom: 12.5px; }
  .couleur__or ul li::before {
    height: 7px;
    width: 7px;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px); }
  .cards__expertises .card {
    min-height: 145px;
    min-width: 135px;
    max-height: 150px;
    max-width: 165px; }
    .cards__expertises .card .flexbox {
      -webkit-justify-content: space-evenly;
      -moz-justify-content: space-evenly;
      -ms-justify-content: space-evenly;
      -webkit-box-pack: space-evenly;
      justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
      height: 100%;
      margin-top: 0; }
      .cards__expertises .card .flexbox p {
        padding: 10px 10px 0 10px; }
  .storie__logo img {
    max-width: 120px; }
  .section__offres {
    justify-items: center; }
    .section__offres .card {
      min-height: 250px;
      width: 300px; }
      .section__offres .card .flexbox__between {
        -webkit-justify-content: space-evenly;
        -moz-justify-content: space-evenly;
        -ms-justify-content: space-evenly;
        -webkit-box-pack: space-evenly;
        justify-content: space-evenly;
        -ms-flex-pack: space-evenly; }
      .section__offres .card p {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 32px; }
    .section__offres ~ .flexbox {
      padding: 25px 0;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .section__offres ~ .flexbox .picto__fleche--bleue-retour {
        margin-bottom: 25px; }
  #valeurs-slider .photos__wrap ul li {
    width: 180px;
    height: 140px;
    padding-right: 10px; }
  .archive__intro.margin__geant--top-negatif {
    margin-top: -25px; }
  .archive__intro .btn__category--single {
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%); }
  .container__single-offre .intro__bulle--petite {
    max-width: 200px; }
    .container__single-offre .intro__bulle--petite > div > div {
      padding: 0 20px; }
  .container__single-offre.pad__top--mega {
    padding-top: 0; }
  .section__2checkbox .grid__2col--egales {
    -ms-grid-column-align: center;
    justify-self: center; }
  .grid__single--storie .flexbox .gridbox {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; }
  .section__single--desc {
    margin-top: 50px; }
  .section__2checkbox {
    margin-top: 0; }
    .section__2checkbox .grid__2col--egales {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr; }
  .archive__grid .section__ressources {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; }
  .header__grand {
    min-height: unset; }
  .container__archive-offres .header__page {
    margin-bottom: 0; }
  .container__archive-offres.container__vague::after {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .container__archive-offres > div > div {
    margin-top: 0;
    grid-gap: 10px; }



  /*  -----------------------------------
- - - -  MAJ 26-29 novembre 2021 par DM  - - - -
-----------------------------------  */
  .header__horizontal {
    padding-top: 20px;}
  .home .header__vertical {
    top: 100px;
    left: 20px;}
  .intro__bulle .titre__n1--bis {
    font-size: 1.1rem;
    line-height: 22px;}
  .header__page {
    margin-top: 30px;}
  .picto__fleche--bleue.fleche__grande a::after {
    transform: translate(0,60%);}

  div#tarteaucitronAlertBig #tarteaucitronCloseAlert, div#tarteaucitronAlertBig #tarteaucitronPersonalize, div#tarteaucitronAlertBig #tarteaucitronPrivacyUrl, div#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, div#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tac_activate .tarteaucitronAllow, div#tarteaucitron #tarteaucitronPrivacyUrl, div#tarteaucitron .tarteaucitronCTAButton, div#tarteaucitronAlertBig #tarteaucitronPersonalize2, div#tarteaucitronAlertBig #tarteaucitronPrivacyUrl2, div#tarteaucitronRoot .tarteaucitronDeny {
    font-size: 14px!important;
    border-radius: 12px!important;
    padding: 8px 16px!important;}
  div#tarteaucitronRoot .tarteaucitronDeny {
    margin-bottom: 10px;}
  .tab__body {
    padding-top: 15px;
    padding-bottom: 30px;}
  .grid__gap--geant,
  .grid__gap--grand {
    grid-gap: 20px;}
  input:checked ~ .tab__equipe--content {
    margin-top: -50px;}
  }



  /*  - - - -  Téléphones très petits écrans  - - - -  */ }

@media (max-width: 576px) and (max-width: 365px) {
  .container {
    padding-left: 15px;
    padding-right: 15px; }
  .home .header__vertical {
    left: 15px;}}

/*# sourceMappingURL=style-mobile.css.map */