@font-face {
                font-family: 'Timeless';
                src: url('../fonts/Timeless.ttf') format('truetype');
                font-style: normal;
                font-display: swap;
                }
            
            @font-face {
                font-family: 'Salma Alfasans';
                src: url('../fonts/SalmaAlfasans-Light.otf') format('opentype');
                font-style: normal;
                font-display: swap;
                }
            

/* Conteneur principal */
    #page_mecontacter_bloc_1 {
        display: flex;
        flex-direction: column;
        align-items: start; /* pour changer alignement bloc */
        justify-content: start; /* pour changer alignement bloc */
        text-align: start; /* pour changer alignement bloc */
        width: 100%;
        padding: 50px 50px;
        background-color: rgba(255,229,218,1.0);
    }

    #page_mecontacter_bloc_1_id_form {
      background-color: #ffffff;
      border-radius: 0.5rem;
    }

    #page_mecontacter_bloc_1_id_separation_hr {
      border-color: black;
    }
    
    /* Titres et textes personnalisables */
    
    #page_mecontacter_bloc_1_id_titre_bloc {
      color: rgba(0,0,0,1.0);
      font-family: 'Timeless';
      font-weight: 400;
      font-style: normal;
      text-align: left;
      line-height: 67px;
      letter-spacing: 0px;
    }
    
    
    
    #page_mecontacter_bloc_1_id_paragraphe_1 {
      color: rgba(0,0,0,1.0);
      font-family: 'Salma Alfasans';
      font-weight: 300;
      font-style: normal;
      text-align: left;
      line-height: 28px;
      letter-spacing: 0px;
    }
    
    
    
    
    #id_bouton_1:hover {
        background-color: #555;
        color: white;
    }

    
    #page_mecontacter_bloc_1_id_titre_form {
      color: rgba(0,0,0,1.0);
      font-family: 'Salma Alfasans';
      font-size: 24px;
      font-weight: 300;
      font-style: normal;
      text-align: left;
      line-height: 36px;
      letter-spacing: 0px;
    }
    
    
    /* on met le style général */
    
    
    @media (max-width: 576px) {
      #page_mecontacter_bloc_1 {
        padding-top: 31px;
        padding-left: 20px;
        padding-bottom: 30px;
        padding-right: 20px;
      }
      
      #page_mecontacter_bloc_1_id_titre_bloc {
        font-size: 35px;
      }
      
      
      #page_mecontacter_bloc_1_id_paragraphe_1 {
        font-size: 18px;
      }
      
      
      
    }
    
    @media (min-width: 576px) {
      /* Styles pour les petits écrans (smartphones en paysage) */
      #page_mecontacter_bloc_1 {
        padding-top: 41px;
        padding-left: 25px;
        padding-bottom: 40px;
        padding-right: 25px;
      }
      
      #page_mecontacter_bloc_1_id_titre_bloc {
        font-size: 40px;
      }
      
      
      #page_mecontacter_bloc_1_id_paragraphe_1 {
        font-size: 18px;
      }
      
      
      
    }
    
    @media (min-width: 768px) {
      /* Styles pour les petits écrans (smartphones en paysage) */
      #page_mecontacter_bloc_1 {
        padding-top: 46px;
        padding-left: 50px;
        padding-bottom: 45px;
        padding-right: 50px;
      }
      
      #page_mecontacter_bloc_1_id_titre_bloc {
        font-size: 46px;
      }
      
      
      #page_mecontacter_bloc_1_id_paragraphe_1 {
        font-size: 19px;
      }
      
      
      
    }
    
    @media (min-width: 992px) {
      /* Styles pour les petits écrans (smartphones en paysage) */
      #page_mecontacter_bloc_1 {
        padding-top: 49px;
        padding-left: 50px;
        padding-bottom: 47px;
        padding-right: 50px;
      }
      
      #page_mecontacter_bloc_1_id_titre_bloc {
        font-size: 49px;
      }
      
      
      #page_mecontacter_bloc_1_id_paragraphe_1 {
        font-size: 19px;
      }
      
      
      
    }
    
    @media (min-width: 1200px) {
      /* Styles pour les petits écrans (smartphones en paysage) */
      #page_mecontacter_bloc_1 {
        padding-top: 52px;
        padding-left: 75px;
        padding-bottom: 50px;
        padding-right: 75px;
      }
      
      #page_mecontacter_bloc_1_id_titre_bloc {
        font-size: 56px;
      }
      
      
      #page_mecontacter_bloc_1_id_paragraphe_1 {
        font-size: 20px;
      }
      
      
      
    }
    
    @media (min-width: 1400px) {
      /* Styles pour les petits écrans (smartphones en paysage) */
      #page_mecontacter_bloc_1 {
        padding-top: 52px;
        padding-left: 75px;
        padding-bottom: 50px;
        padding-right: 75px;
      }
      
      #page_mecontacter_bloc_1_id_titre_bloc {
        font-size: 56px;
      }
      
      
      #page_mecontacter_bloc_1_id_paragraphe_1 {
        font-size: 20px;
      }
      
      
      
    }


    #floating1,
    #floating2,
    #floating3,
    #floating4 {
      background-color: #F7F7F7;
      padding: 10px;
    }

    .form-floating>.form-control-plaintext {
      padding: 10px;
    }
    
    #page_mecontacter_bloc_1_id_bouton_1 {
      width: 100%;
      background-color: #9E8189;
      color: white;
      border: none;
      border-radius: 20px;
      font-family: 'Salma Alfasans';
      font-size: 24px;
      font-weight: 300;
      font-style: normal;
      text-align: center;
      line-height: 36px;
      letter-spacing: 0px;
    }

    #page_mecontacter_bloc_1_id_bouton_1:hover {
      color: black;
      background-color: rgba(216,227,220,1.0);
    }