body { 
    margin:0 auto;
    padding:0;
    background-color: #f1f1f1;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 800; 
    width: 100%;
    overflow-x:hidden;
    letter-spacing: .8px;
    overflow-y: visible;
    font-size: 20px;
    box-sizing: border-box;
}

a, p,td { color:black;
    text-decoration: none;
    font-size: 22px;
}

a:hover {
    background-color: #FFFFFF;
    border:1px solid #ad0808;
    text-decoration: none;
}
h1 {
    margin: 0 auto;
    font-family: 'Arvo', serif;
    font-size:34px ;
    color:#ad0808;
    font-weight: 500;
    padding:2% 2%;

}
h2, .reseaux {
    margin: 3% auto;
    font-family: 'Arvo', serif;
    font-weight:500;
    font-size: 28px;
}

h3 {color:#ad0808; 
    font-weight: 700;
    margin: 3% auto;
    font-size: 28px;
}
h4 {font-size: 26px; 
    font-weight: 600;
        margin-block-start:  .33em;
    margin-block-end:  .33em;
}
.p-4 { padding:4% }
.pl-4{ padding-left: 4%;}
.pb-4 {padding-bottom: 4%;}
.pt-4 {padding-top: 4%;}
.nowrap{
    white-space: nowrap;
}
.flex-row{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.flex-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tc { text-align: center;}
.tl { text-align: left;}

.liencontact{  
    padding: 13px 20px;
    text-align: center;
    display: inline-block;
    background-color: #ad0808;
    color: #FFFFFF;
    border-radius: 8px;
    cursor: pointer;
    margin: 2%;
}

.conteneur_header{
    background-color: #FFFFFF;
    max-height: 400px;
    box-sizing: border-box;
}
.nav-link { 
    color:#FFFFFF;
    text-decoration: none;
     padding: 13px;
 }
.navbar { 
    list-style : none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    background-color: #ad0808;     
}
.nav-item{
    padding: 14px;
}
.nav-item a:hover{
    color:#100201
}
.panorama {  /*panorama haut*/
    width:100%;
    margin: 0;
    padding: 0;
}

.panoramafooter { 
    background-image: url(/images/panorama-chine.webp);
    height: 350px;
    width:100%;
    background-size: cover;
    color:black;
    display:flex;
    justify-content:center;
}
.mentions{
    background-color: #100201;
    justify-content: space-around;
}
.mentions a{
    color:#ffffff
}
.mentions a:hover{
    background-color:#ad0808;;
}