@font-face {
    font-family: 'titre';
    /*src : url('../PoliceEcriture/Lato-Bold.ttf');*/
    src : url('../PoliceEcriture/Montserrat-Medium.ttf  ');
    /* src: url('../PoliceEcriture/Roboto-Medium.ttf'); */
}

@font-face {
    font-family: 'corp_de_texte';
    src: url('../PoliceEcriture/Montserrat-Medium.ttf');
}

*{
    letter-spacing:1px ;
}

h1{
    font-family:'titre';
    font-size:2rem;    
    font-weight:500;
    line-height: 1.1;

}
h2{
    font-family:'corp_de_texte';
    font-size:1.9rem;
    font-weight:500;
    line-height: 0.8;
}

h3 {
    font-family:'corp_de_texte';
    font-size: 1.1rem;
    font-weight:500;
    line-height: 1.5;
}

h4 {
    font-family:'corp_de_texte';
    font-size: 1rem;
    font-weight:500;
    line-height: 1.8;
    text-align: justify;
}

h6 {
    font-family:'corp_de_texte';
}

p{
    font-family:'corp_de_texte';
    font-size: 0.8rem;
    font-weight:500;
    line-height: 1.5;
    /* text-align: justify; */
}

.top_filtre{
    font-family:'corp_de_texte';
    font-size: 0.75rem;
    font-weight:500;
    line-height: 1.5;
}

a{
    font-family:'corp_de_texte';
    font-size: 1rem;
    font-weight:500;
    line-height: 1.5;
}

ul{
    display: block;
}
li{
    font-family:'corp_de_texte';
    font-size: 1rem;
    font-weight:500;
    line-height: 1.5;
    display: block;
}

span{
    font-family:'corp_de_texte';
    font-size: 1.1rem;
    font-weight:500;
    line-height: 1.5;
}

input{
    font-family:'corp_de_texte';
    font-size: 1rem;
    font-weight:500;
    line-height: 1.5;
}

label{
    font-family:'corp_de_texte';
    font-size:1vw;
    font-weight:500;
    line-height: 1.5;

}

input::placeholder{
    font-family:'corp_de_texte';
    font-size:1vw;
    font-weight:500;
    line-height: 1.5;

}

button{
    font-family:'corp_de_texte';
    font-size: 1rem;
    font-weight:500;
    line-height: 1.5;
}

i{
    font-size:2vw;
}

.burger i{
    font-size: 2.2rem;
}
.search i{
    font-size: 2rem;
}

u{
    font-family:'corp_de_texte';
    font-size:1vw;
    font-weight:500;
    line-height: 1.5;
}

td{
    font-family:'corp_de_texte';
    font-size: 0.85rem;
    font-weight: 500;
    line-height: 1.5;
}

th{
    font-family:'corp_de_texte';
    font-size:1.25vw;
    font-weight:500;
    line-height: 1.5;
}

textarea::placeholder {
    font-family:'corp_de_texte';
    font-size:1vw;
    font-weight:500;
    line-height: 1.5;
}

textarea{      
    font-family:'corp_de_texte';
    font-size:1vw;
    font-weight:500;
    line-height: 1.5;
}
.header_up p,
.header_up i{
    font-size: 1rem;
    color: white;
    padding: 0 10px;
}

@media (max-width:1440px) {
    h1{
        font-family:'titre';
        font-size:1.8rem;    
        font-weight:500;
        line-height: 1.1;
    
    }
    h2{
        font-family:'corp_de_texte';
        font-size: 1.5rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    h3 {
        font-family:'corp_de_texte';
        font-size: 1.1rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    h4 {
        font-family:'corp_de_texte';
        font-size: 1rem;
        font-weight:500;
        line-height: 1.5;
        text-align: justify;
    }
    
    p{
        font-family:'corp_de_texte';
        font-size: 0.75rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    .top_filtre{
        font-family:'corp_de_texte';
        font-size: 0.75rem;
        font-weight:500;
        line-height: 1.5;
    }

    a{
        font-family:'corp_de_texte';
        font-size: 1rem;
        font-weight:500;
        line-height: 1.5;
    }
    li{
        font-family:'corp_de_texte';
        font-size: 1rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    span{
        font-family:'corp_de_texte';
        font-size: 1.1rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    input{
        font-family:'corp_de_texte';
        font-size: 1rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    label{
        font-family:'corp_de_texte';
        font-size:1.25vw;
        font-weight:500;
        line-height: 1.5;
    
    }
    
    input::placeholder{
        font-family:'corp_de_texte';
        font-size:1.25vw;
        font-weight:500;
        line-height: 1.5;
    
    }
    
    button{
        font-family:'corp_de_texte';
        font-size: 1rem;
        font-weight:500;
        line-height: 1.5;
    }

    i{
        font-size:2.25vw;
    }
    
    .burger i{
        font-size: 2.2rem;
    }
    .search i{
        font-size: 2rem;
    }

    u{
        font-family:'corp_de_texte';
        font-size:1.25vw;
        font-weight:500;
        line-height: 1.5;
    }
    
    td{
        font-family:'corp_de_texte';
        font-size:0.85rem;
        font-weight:500;
        line-height: 1.5;
    
    }
    th{
        font-family:'corp_de_texte';
        font-size:1.5vw;
        font-weight:500;
        line-height: 1.5;
    }

    textarea::placeholder {
        font-family:'corp_de_texte';
        font-size:1.25vw;
        font-weight:500;
        line-height: 1.5;
    }
      
    textarea {
        font-family:'corp_de_texte';
        font-size:1.25vw;
        font-weight:500;
        line-height: 1.5;
    }
    .header_up p,
    .header_up i{
        font-size: 1rem;
        color: white;
        padding: 0 10px;
    }
      
}

@media (max-width:1024px) {
    h1{
        font-family:'titre';
        font-size:1.4rem;    
        font-weight:500;
        line-height: 1.1;
    
    }
    h2{
        font-family:'corp_de_texte';
        font-size: 1.5rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    h3 {
        font-family:'corp_de_texte';
        font-size: 0.9rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    h4 {
        font-family:'corp_de_texte';
        font-size:0.9rem;
        font-weight:500;
        line-height: 1.5;
        text-align: justify;
    }
    
    p{
        font-family:'corp_de_texte';
        font-size: 0.7rem;
        font-weight:500;
        line-height: 1.5;
    }

    .top_filtre{
        font-family:'corp_de_texte';
        font-size: 0.75rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    a{
        font-family:'corp_de_texte';
        font-size: 1rem;
        font-weight:500;
        line-height: 1.5;
    }
    li{
        font-family:'corp_de_texte';
        font-size: 1rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    span{
        font-family:'corp_de_texte';
        font-size: 1rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    input{
        font-family:'corp_de_texte';
        font-size: 1rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    label{
        font-family:'corp_de_texte';
        font-size:1.5vw;
        font-weight:500;
        line-height: 1.5;
    
    }
    
    input::placeholder{
        font-family:'corp_de_texte';
        font-size:1.5vw;
        font-weight:500;
        line-height: 1.5;
    
    }
    
    button{
        font-family:'corp_de_texte';
        font-size: 1rem;
        font-weight:500;
        line-height: 1.5;
    }

    i{
        font-size:2.5vw;
    }

    .burger i{
        font-size: 1.8rem;
    }
    .search i{
        font-size: 1.5rem;
    }

    u{
        font-family:'corp_de_texte';
        font-size:1.5vw;
        font-weight:500;
        line-height: 1.5;
    }
    
    td{
        font-family:'corp_de_texte';
        font-size:0.75rem;
        font-weight:500;
        line-height: 1.5;
    
    }

    th{
        font-family:'corp_de_texte';
        font-size:1.75vw;
        font-weight:500;
        line-height: 1.5;
    }

    textarea::placeholder {
        font-family:'corp_de_texte';
        font-size:1.5vw;
        font-weight:500;
        line-height: 1.5;
    }
        
    textarea {
        font-family:'corp_de_texte';
        font-size:1.5vw;
        font-weight:500;
        line-height: 1.5;
    }

    .header_up p,
    .header_up i{
        font-size: 0.9rem;
        color: white;
        padding: 0 10px;
    }
      
}

@media (max-width:800px) {
    h1{
        font-family:'titre';
        font-size:1.4rem;    
        font-weight:500;
        line-height: 1.1;
    
    }
    h2{
        font-family:'corp_de_texte';
        font-size:1.2rem;
        font-weight:500;
        line-height: 1.5;
    
    }
    
    h3 {
        font-family:'corp_de_texte';
        font-size: 0.9rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    h4 {
        font-family:'corp_de_texte';
        font-size:0.9rem;
        font-weight:500;
        line-height: 1.5;
        text-align: justify;
    }
    
    p{
        font-family:'corp_de_texte';
        font-size: 0.7rem;
        font-weight:500;
        line-height: 1.5;
    }

    .top_filtre{
        font-family:'corp_de_texte';
        font-size: 0.7rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    a{
        font-family:'corp_de_texte';
        font-size: 0.8rem;
        font-weight:500;
        line-height: 1.5;
    }
    li{
        font-family:'corp_de_texte';
        font-size: 0.9rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    span{
        font-family:'corp_de_texte';
        font-size: 0.9rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    input{
        font-family:'corp_de_texte';
        font-size: 1rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    label{
        font-family:'corp_de_texte';
        font-size:1.75vw;
        font-weight:500;
        line-height: 1.5;
    
    }
    
    input::placeholder{
        font-family:'corp_de_texte';
        font-size:1.75vw;
        font-weight:500;
        line-height: 1.5;
    
    }
    
    button{
        font-family:'corp_de_texte';
        font-size: 0.8rem;
        font-weight:500;
        line-height: 1.5;
    }

    i{
        font-size:2.75vw;
    }

    .burger i{
        font-size: 1.5rem;
    }
    .search i{
        font-size: 1.2rem;
    }

    u{
        font-family:'corp_de_texte';
        font-size:1.75vw;
        font-weight:500;
        line-height: 1.5;
    }
    
    td{
        font-family:'corp_de_texte';
        font-size:0.9rem;
        font-weight:500;
        line-height: 1.5;
    
    }
    th{
        font-family:'corp_de_texte';
        font-size:2vw;
        font-weight:500;
        line-height: 1.5;
    }
    
    textarea::placeholder {
        font-family:'corp_de_texte';
        font-size:1.75vw;
        font-weight:500;
        line-height: 1.5;
    }

    textarea{      
        font-family:'corp_de_texte';
        font-size:1.75vw;
        font-weight:500;
        line-height: 1.5;
    }
    .header_up p,
    .header_up i{
        font-size: 0.8rem;
        color: white;
        padding: 0 10px;
    }
}   



@media (max-width:600px) {
    h1{
        font-family:'titre';
        font-size:1.4rem;    
        font-weight:500;
        line-height: 1.1;
    
    }
    h2{
        font-family:'corp_de_texte';
        font-size: 0.9rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    h3 {
        font-family:'corp_de_texte';
        font-size: 0.7rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    h4 {
        font-family:'corp_de_texte';
        font-size: 0.7rem;
        font-weight:500;
        line-height: 1.5;
        text-align: justify;
    }
    
    p{
        font-family:'corp_de_texte';
        font-size: 0.65rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    .top_filtre{
        font-family:'corp_de_texte';
        font-size: 0.6rem;
        font-weight:500;
        line-height: 1.5;
    }

    a{
        font-family:'corp_de_texte';
        font-size: 0.6rem;
        font-weight:500;
        line-height: 1.5;
    }
    li{
        font-family:'corp_de_texte';
        font-size: 0.9rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    span{
        font-family:'corp_de_texte';
        font-size: 0.65rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    input{
        font-family:'corp_de_texte';
        font-size: 1rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    label{
        font-family:'corp_de_texte';
        font-size:2.5vw;
        font-weight:500;
        line-height: 1.5;
    
    }
    
    input::placeholder{
        font-family:'corp_de_texte';
        font-size:2.5vw;
        font-weight:500;
        line-height: 1.5;
    
    }
    
    button{
        font-family:'corp_de_texte';
        font-size: 0.6rem;
        font-weight:500;
        line-height: 1.5;
    }

    i{
        font-size:3.5vw;
    }

    .burger i{
        font-size: 1.1rem;
    }
    .search i{
        font-size: 0.9rem;
    }
    u{
        font-family:'corp_de_texte';
        font-size:2.5vw;
        font-weight:500;
        line-height: 1.5;
    }
    
    td{
        font-family:'corp_de_texte';
        font-size: 0.7rem;
        font-weight:500;
        line-height: 1.5;
    }
    
    th{
        font-family:'corp_de_texte';
        font-size:1.75vw;
        font-weight:500;
        line-height: 1.5;
    }

    textarea::placeholder {
        font-family:'corp_de_texte';
        font-size:2.5vw;
        font-weight:500;
        line-height: 1.5;
      }

    textarea {
        font-family:'corp_de_texte';
        font-size:2.5vw;
        font-weight:500;
        line-height: 1.5;
    }
    .header_up p,
    .header_up i{
        font-size: 0.55rem;
        color: white;
        padding: 0 10px;
    }
      
}