/** Shopify CDN: Minification failed

Line 963:0 Unexpected "}"

**/









      .contenaire_ordi_choix {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          flex-wrap: nowrap;
          background-color: #fee8c5;
      }

      .div_ordi_choix {
          width: 100%;
          max-width: 1200px;
          height: fit-content;
          display: flex;
          justify-content: center;
          align-items: stretch;
          /* Ajout de la propriété */
          flex-wrap: nowrap;
          background-color: #e9cda5;
          border-radius: 36px;
          margin: 30px;
      }

      .div_ordi_choix_image {
          display: flex;
          align-items: center;
          width: 100%;
      }

      .div_ordi_choix_titre {
          margin: 5% 3%;
          display: flex;
          flex-wrap: wrap;
          align-content: space-between;
      }

      .div_ordi_choix_titre>h2 {
          font-size: 60px;
          font-family: 'Anton';
          margin: 0;
          color: #4B2D00;
          text-transform: uppercase;
      }

  .bouton_vide_choix {
      border: 3px solid #4B2D00;
      border-radius: 15px;
      color: #4B2D00;
      width: 60%;
      height: fit-content;
      background-color: transparent;
      font-size: 30px;
      font-weight: 200;
      text-transform: uppercase;
      margin-top: 20px;
  }

      @media (max-width: 1200px) {
          .div_ordi_choix_titre>h2 {
              font-size: 30px;
          }
          .bouton_vide_choix {
              font-size: 20px;
              width: 100%;
          }
      }

      @media (min-width: 575px) {
        div#shopify-section-92bd5193-5db3-45c1-b72b-77e4666e08cb {
          display: none;
        }
      }


      @media (max-width: 575px) {
        div#shopify-section-5b3c3559-3ec9-468c-a96e-0f5cb5b1571f {
          display: none;

        }
      }

    div#shopify-section-1604043096bd4d354a .title_heading{
      display: inline-block;
      position: relative;
      color: #4b2d00;
    }



    div#shopify-section-1604043096bd4d354a .title_heading::after {
      content: "";
      position: absolute;
      top: 25%;
      left: -5%;
      width: 110%;
      height: 50%;
      background-color: rgba(75,45,0,0.1);
      z-index: 1;
      border-radius: 10px;
    }

    .div_ordi_choix_titre>span {
      font-family: nunito;
  }






    .header-lec-123 {
        height: 75vh;
        width: 100%;
        position: relative;
        overflow: hidden;
        display: flex;
        justify-content: center;
        background-color: black;
    }

  .btn_header-123 {
    width: 100%;
        filter: drop-shadow(0px 3px 9px rgba(0, 0, 0, 0.95));
    text-shadow: 0px 0px 22px #00000
}


  .myDiv-123>h2 {
    text-shadow: 0px 0px 13px black;
}

    .background-123 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        max-width: 1200px;
        object-fit: cover; /* Pour couvrir la zone avec la vidéo */
    }

    .content-123 {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        color: #ffffff;
        width: 70%;
        max-width: 400px;
    }

    .myDiv-123 {
        width: 100%;
    }

    .titre-123 {
        margin: 0;
        text-transform: uppercase;
        font-family: 'Anton', sans-serif;
        color: #FFE8C5;
        text-align: center;
        white-space: nowrap;
        line-height:115%;
    }

    .titre_gros-123{
        line-height:107%;
    }

    .btn_header-123 {
        border-radius: 15px;
        border: solid 2px #FFE8C5;
      .btn_header-123 {
    background-color: #fee9c62e;
        font-weight: 700; 
        color: #FFE8C5;
        font-size: 3vh;
        text-transform: uppercase;
        font-family: 'Nunito';
        padding: 0.5vh 2vh;
        margin-top: 30px;
      width:100%;
    }

  .header-content {
    top: calc(75vh/2) !important;
}

    @media (max-width: 700px) {
        .btn_header-123 {
            font-size: 2.5vh;
        }



}
      

      .header-content {
    position: absolute;
    top: calc(75vh/2) !important;
    left: 50%;
	transform: translate(-50%, -50%) scale(0.8) !important;
}
    }



    button.btn_header-123:hover {
        background: #714e1c;
        border: #714e1c solid 2px;
    }

    .menu_moblie.d-flex.d-xl-none.jsmenumobile.align-items-center, .menu_moblie {
        background: #fce8c5 !important;
    }




















      /* @media only screen and (max-width: 768px) { */

        /* Vos règles de style pour les téléphones */
        .contenair {
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-radius: 6.28238px;
            background: #E9CDA5;

            /* J'ai retiré les valeurs en dur et les ai remplacées par des valeurs dynamiques afin que le conteneur soit toujours au milieu.  */

            /* margin-left: 22.04px;
            margin-right: 20.04px;
            margin-top: 27.84px; */
            margin: 30px auto;


            min-width: 330px !important;
            max-width: 400px;
            width: 90%;
        }

        .influenceur {
            width: 100%;
        }

        .fond_influenceur {
            width: 100%;
            border-radius: 6.28238px;
        }

        .myDiv {
            position: absolute;
            top: 0;

            /* Ça sur du texte, c'est facilement remplaçable par "text-align". */

            /* left: 50%;
            transform: translateX(-50%); */
            text-align: center;

            width: 100%;
        }

        .titre {
            text-transform: uppercase;
            color: #FFE8C5;
            font-family: 'Anton';
            font-style: normal;
            font-weight: 400;
            margin: 0;
        }

        .pdp {
            position: absolute;
            top: 49% !important;
            left: 50%;
            transform: translate(-50%, -50%);

            /* Ici il manque les limites */
            max-width: 150px;
            width: calc(5000vw/606);
        }

        .info {
            padding-top: 60px;
        }

        .nationalite {
            font-family: 'Archivo Narrow';
            font-style: normal;
            font-weight: 400;
            font-size: 20.5849px;
            line-height: 28px;
            text-align: center;
            text-transform: uppercase;
            color: #4B2D00;
        }

        .nom {
            font-family: 'Nunito';
            font-style: normal;
            font-weight: 600;
            font-size: 17.2206px;
            line-height: 23px;
            text-align: center;
            letter-spacing: 0.13em;
            text-transform: uppercase;
            color: #4B2D00;
        }

        .discipline {
            font-family: 'Nunito';
            font-style: normal;
            font-weight: 700;
            font-size: 29.2728px;
            line-height: 40px;
            text-align: center;
            letter-spacing: 0.19em;
            text-transform: uppercase;
            color: #4B2D00;
            opacity: 0.6;
        }

        #arrondi {
            border-radius: 50%;
            border: 4.29525px solid #E9CDA5;
        }
    /* } */



    /* afin d'avoir toujours une marge meme si on diminu la taille de l'écran */

    /* remettre pdb en place */
    @media only screen and (max-width: 350px) {
        .pdp {
            top: 55%;
            width: calc(12000vw/350);
        }
    }

    .la_liste_influenceur{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 100vw;
    }

      #myDiv2 {
        top: 0 !important;
    }
    .myDiv {
    width: 105% !important;
    margin-left: 0px !important;
    }

    .la_liste_influenceur {
      width: auto !important;
  }



  /* Écran inférieur à 700px */
  @media screen and (max-width: 700px) {
  .myDiv {
      transform: scale(0.9) !important;
  }


    #myText1, #myText2 {
      font-size: calc(8000vw/375) !important;
  }
  }

  div#shopify-section-template--16202181345438__liste-amba {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .la_liste_influenceur {
      max-width: 1100px;
      margin-top: 60px;
  }

  .contenair {
      max-width: calc(100%/3) !important;
      transform: scale(0.8);
      margin: -30px auto !important;
  }


  #myText1, #myText2{
      font-size: 83px !important;
  }


    .slick-list.draggable {
    height: fit-content !important;
  }
  .avatar.mr-2 {
    display: none;
  }
  .testimonial-author {
    margin-top: 25px;
    justify-content: center;
    margin-left: 0;
  }
  .testimonial-info {
    background-color: transparent;
  }
  p.text.mar-bottom-15 {
    text-align: center;
    font-weight: 700;
  }
  .testimonial-info:after {
    display: none;
  }
  h3 {
    text-align: center;
  }
  .testimonial-info > p {
    font-family: "nunito";
    font-size: 30px;
  }
  p.text-position,
  .author-info > h3 {
    color: #4b2d00;
    font-family: "nunito" !important;
  }
  .author-info > h3 {
    font-weight: 900 !important;
  }


  .contenair {
        display: flex;
        position: relative;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 6.28238px;
        background: #E9CDA5;

        /* J'ai retiré les valeurs en dur et les ai remplacées par des valeurs dynamiques afin que le conteneur soit toujours au milieu.  */

        /* margin-left: 22.04px;
        margin-right: 20.04px;
        margin-top: 27.84px; */
        margin: 30px auto;


        /* min-width: 350px; */
        max-width: 400px;
        width: 90%;
    }

    .influenceur {
        width: 100%;
    }

    .fond_influenceur {
        width: 100%;
        border-radius: 6.28238px;
    }

    .myDiv {
        position: absolute;
        top: 0;

        /* Ça sur du texte, c'est facilement remplaçable par "text-align". */

        /* left: 50%;
        transform: translateX(-50%); */
        text-align: center;

        width: 100%;
    }

    .titre {
        text-transform: uppercase;
        color: #FFE8C5;
        font-family: 'Anton';
        font-style: normal;
        font-weight: 400;
        margin: 0;
    }

    .pdp {
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);

        /* Ici il manque les limites */
        max-width: 150px;
        width: calc(15000vw/606);
    }

    .info {
        padding-top: 60px;
    }

    .nationalite {
        font-family: 'Nunito';
        font-style: normal;
        font-weight: 400;
        font-size: 20.5849px;
        line-height: 28px;
        text-align: center;
        text-transform: uppercase;
        color: #4B2D00;
    }

    .nom {
        font-family: 'Nunito';
        font-style: normal;
        font-weight: 600;
        font-size: 17.2206px;
        line-height: 23px;
        text-align: center;
        letter-spacing: 0.13em;
        text-transform: uppercase;
        color: #4B2D00;
    }

    .discipline {
        font-family: 'Nunito';
        font-style: normal;
        font-weight: 700;
        font-size: 29.2728px;
        line-height: 40px;
        text-align: center;
        letter-spacing: 0.19em;
        text-transform: uppercase;
        color: #4B2D00;
        opacity: 0.6;
    }

    #arrondi {
        border-radius: 50%;
        border: 4.29525px solid #E9CDA5;
    }

      .section-testimonial-v1 .slick-dots li button{
      background-color: #c9b18a !important;
      border: 2px solid rgba(255,255,255,.3);
    }

  .section-testimonial-v1 .slick-dots .slick-active button {
      background-color: #4b2d00 !important;
      border: 2px solid rgba(255,255,255,0);
  }




































  .article-page .content-single-blog .post-details {
    border-bottom: 1px solid #6f5022 !important;
}














































  a.button-main2 {
      border-radius: 5px !important;
      border: 2px solid !important;
      font-size: 23px !important;
      padding: 8px 15px !important;
  }

  @media (max-width: 1200px) {
      .box-title-1604026313ddb6f5ad-0>h3 {
          font-size: calc(3100vw / 311) !important;
      }

      .picture-slideshow>div>a>img,
      .slick-list.draggable {
          height: 80vh !important;
      }

      .box-content-center {
          top: 80% !important;
      }
  }

  /* Règles pour les écrans de 1200px ou plus de largeur */
  @media (min-width: 1200px) {
      .box-info-1604026313ddb6f5ad-0>div>h3 {
          font-size: calc(3600vw / 1200) !important;
          font-size: calc(3400vw / 1200) !important;
      }

      .box-title-1604026313ddb6f5ad-0>h3 {
          font-size: calc(3100vw / 1200) !important;
      }

      #shopify-section-1604026313ddb6f5ad .slick-list.draggable {
          height: 70vh !important;
      }

      #shopify-section-1604026313ddb6f5ad .picture-slideshow>div>a>img {
          height: auto;
      }

      #shopify-section-1604026313ddb6f5ad .box-content-center {
          top: 50% !important;
      }

      .slick-track,
      .info-sideh1 {
          height: 70vh !important;
      }

  }








        .section-testimonial-v1 .slick-dots li button{
          background-color: #c9b18a !important;
          border: 2px solid rgba(255,255,255,.3);
        }

      .section-testimonial-v1 .slick-dots .slick-active button {
          background-color: #4b2d00 !important;
          border: 2px solid rgba(255,255,255,0);
      }
    @media (max-width: 1200px){
      .row.js-testimonial-v1-slide.slick-initialized.slick-slider.slick-dotted>.slick-list.draggable{
         height: fit-content !important;
      }
    }

    h3.title_heading.mb-5.text-center::after {
      content: "";
      position: absolute;
      top: 25%;
      left: -5%;
      width: 110%;
      height: 50%;
      background-color: rgba(75,45,0,0.1);
      z-index: 1;
      border-radius: 10px; 
  }


  h3.title_heading.mb-5.text-center {
      display: inline-block;
      position: relative;
      color: #4b2d00 !important;
      left: 50%;
      transform: translate(-50%);
  }



  div#myDiv1 {
    transform: scale(1);
}
  
/* Écran inférieur à 700px */
@media screen and (max-width: 700px) {
#shopify-section-be0dc813-3eaf-4070-9de8-42f450febc3e div#myDiv1 > h3 {
    font-size:calc(4200vw/375) !important;
text-shadow: 1px 1px 14px black;
}
}





                .suitnousdiv{
                  display: flex;
                  justify-content: center;
                  flex-wrap: wrap;
                }
  .box-rs {
    background: #eacea5;
}
                  .suitnousdiv>*{
                  width:100%;
                    text-align: center;
                }

                h3.suitnous.title_heading.mb-5.text-center::after, h3.block-title.title_heading.mb-0::after {
            content: "";
                position: absolute;
                top: 9%;
                left: 50%;
                width: 245px;
                height: 50%;
                background-color: rgba(75,45,0,0.1);
                z-index: 1;
                transform: translate(-50%, 10px);
                border-radius: 10px;
              }

            @media (max-width: 768px){
  h3.suitnous.title_heading.mb-5.text-center::after {
    content: "";
    position: absolute;
    width: 100% !Important;
    height: 70% !important;
}
                      }


              h3.suitnous.title_heading.mb-5.text-center, h3.block-title.title_heading.mb-0 {
                  display: inline-block;
                  position: relative;
                  color: #4b2d00 !important;
                  left: 50%;
                  transform: translate(-50%);
              }

            h3.block-title.title_heading.mb-0{
              display: block;
          }
          h3.suitnous.title_heading.mb-5.text-center{
            margin: 0 !important;
            text-transform: uppercase;
          }

          p.indentifiant {
            font-family: nunito;
            color: #4B2D00;
            font-weight: 700;
        }

        #shopify-section-19c60456-77ad-4f90-a199-62ef5f4e4dcf .row {
          margin-top: 30px;
      }
      h3.suitnous.title_heading.mb-5.text-center::after {
        width: 505px;
    }

          @media (max-width: 750px){
            #shopify-section-19c60456-77ad-4f90-a199-62ef5f4e4dcf .row {
      width: 80% !important;
  }
          }

  



  .img_inter{
	padding:30px;
}

  .mon_img{
    	border-radius: 36px;
  }

.box_exter{
	background:#fee8c5;
	transform: scale(0.9);
	border-radius: 36px;
}

  .titre_nom{
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box_titre_nom{
position: absolute !important;
top: 15% !important;
width:100% !important;
    z-index: 2;
}

  #myText1 ,   #myText2  {
  color: #000;
  font-size: 100px;
  letter-spacing: 0px;
  -webkit-text-stroke: 3px #fee8c5;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
font-family: 'anton';
}

  #myText1{
    color:#fee8c5;
        -webkit-text-stroke: #fee8c5;
    -webkit-text-fill-color: #fee8c5;
  }

  .section-slideshow-v1 .info-sideh1 .box-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 2;
}

      .myDiv {
transform: scale(0.85);
    width: 107vw ;
            margin-left: -10px !important;
    }

.mon_btn {
    float: right;
    margin: 20px 0;
    border-radius: 30px !important;
    border: solid 2px;
    padding: 5px 20px;
    font-family: 'nunito';
    background: #4B2D00;
    color: antiquewhite !important;
    font-weight: 600;
}

  .ma_description{
margin-top: 30px;
}



  #myDiv2{
    position: absolute;
    top: 50%;
  }

  .slideshow_lec{
    background : #dfc297;
  }

  @media screen and (max-width: 534px) {
  .myDiv {
    transform:scale(0.7);
    position: relative;

}
  }

  .box_titre_nom.box-content{
        display: flex;
    justify-content: center;
  }
}












      .t_defilant {
      height: fit-content !important;
      width: 100% !important;
      display: flex !important;
      align-items: center !important;
  }

  .texte_defilant{
    	white-space: nowrap;
    	font-size:110px;
    	animation: Scroll 10s linear infinite;
  }



    @keyframes Scroll {
    	0%{
    		transform: translateX(-100%);
    	}
    	100%{
    		transform: translateX(0%);
    	}
    }