@font-face {
    font-family: "Mostery";
    src: url("../mostery-x3yar.ttf");
    src: url("../mostery-x3yar.ttf") format("truetype");
}

body {
    --width-content: 100%;
    font-family: "Mostery";
    margin: 0;
    padding: 0;
    background-image:url(../img/Img1.jpg);
}
.imageind img{
    display: flex;
    max-width: 80%;
    height: auto;
    border-radius: 8px;
    text-align:center;
    margin:auto;
}

.hauts {
    position: fixed;
    bottom: 15px;
    right: 15px;
}
.pointfort{
    text-size-adjust: auto;
    width: 40%;
    margin: auto;
    color: azure;
    text-align:center;
    font-size:2em;
    background-color: rgba(107, 43, 167, 0.5);
    border-radius:50px;
}
.pointfort ul{
    padding: 0px;
    margin-top: 25px;
}
.pointfort ul>li{
    margin-top: 25px;
}

.description img{
    width: 70%;
}
.description{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
    font-size:4em;
    color: azure;
}
.description>img {
    background-color: rgba(107, 43, 167, 0.5);
    margin: 40px;
    border-radius:50px;
}
.description>p {
    display: flex;
    margin: auto;
    background-color: rgba(107, 43, 167, 0.5);
    border-radius:50px;
}

.titre{
    max-width: 80%;
    height: auto;
    margin: auto;
    color: azure;
    text-align:center;
    font-size:2em;
    background-color: rgba(107, 43, 167, 0.5);
    border-radius:50px;
}
.produits{
    max-width: 80%;
    height: auto;
    margin: auto;
    color: azure;
    text-align:center;
    font-size:2em;
    background-color: rgba(107, 43, 167, 0.5);
    border-radius:50px;
}
.desproduits{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
}
.desproduits>ul{
    padding: 0px;
    margin: 25px;
}


.histoire {
    max-width: 80%;
    height: auto;
    margin: auto;
    color: azure;
    text-align:center;
    font-size:2em;
    background-color: rgba(107, 43, 167, 0.5);
    border-radius:50px;
}
.employe{
    max-width: 80%;
    height: auto;
    margin: auto;
    color: azure;
    text-align:center;
    font-size:2em;
    background-color: rgba(107, 43, 167, 0.5);
    border-radius:50px;
}
.employe>ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    list-style: none;
    padding: 0px;
    margin: 25px;
}
.employe img{
    border-radius: 8px;
    width: 80%;
}


.partenaires{
    max-width: 70%;
    height: auto;
    margin: auto;
    color: azure;
    text-align:center;
    font-size:2em;
    background-color: rgba(107, 43, 167, 0.5);
    border-radius:50px;
}
.partenaires>ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    list-style: none;
    padding: 0px;
    margin: 25px;
}
.partenaires img{
    border-radius: 8px;
    max-width: 70%;
    max-height: 70%;
}
.realisations{
    max-width: 70%;
    height: auto;
    margin: auto;
    color: azure;
    text-align:center;
    font-size:2em;
    background-color: rgba(107, 43, 167, 0.5);
    border-radius:50px;
}
.realisations>ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    list-style: none;
    padding: 0px;
    margin: 25px;
}
.realisations img{
    border-radius: 8px;
    max-width: 70%;
}