body {
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: larger;
    margin-bottom: -20px;
}

nav {
    position: fixed;
    width: 100%;
    background-color: rgb(255, 255, 255);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    margin: -8px;
    margin-top: -15px;
    padding-left: 20px;
}

.mentions {
    margin-top: -32px;
}

nav > ul {
    display: flex;
    width: 800px;
    justify-content: space-between;
}

nav > ul > li {
    flex-grow: 0;
    height: 70px;
    display: flex;
    align-items: center;
    width: 100%;
}

nav > a > img {
    margin-top: 10px;
    height: 70px;
}

nav > ul > li > p {
    margin-left: auto;
    margin-right: auto;
}

nav > ul > li > p > a {
    color: #15001b;
    text-decoration:none;
}

nav > ul > li > a:visited {
    color: #15001b;
}

nav > ul > li:hover {
    background-color: #BEFADC;
}
nav > ul > li> a:active  {
    color: #95F4D6;
}

nav > ul > li .sous {
    display: none;
    position: absolute;
    background-color: #f2f2f2;
    justify-content: space-between;
    padding-left: 0px;
    border-top: solid 2px;
    top: 70px;
}

nav > ul > li:hover .sous {
    display: flex;
    width: 200px;
    flex-direction: column;
    align-items: center;
}

.sous li {
    display: flex;
    list-style-type: none;
    text-align: center;
    width: 80%;
    height: 45px;
    align-items: center;
    padding-left: 10%;
    padding-right: 10%;
}

.sous > li > a {
    color: #15001b;
    text-decoration:none;
    width: 100%;
    
}

.sous > li > a:visited {
    color: #15001b;
}

.sous > li:hover {
    background-color: #BEFADC;
}
.sous > li> a:active  {
    color: #95F4D6;
}

nav > ul > #langue {
    width: 200px;
}

nav #sec {
    background-color: #ececec;
}

/*-----------------Main-----------------*/

main {
    margin-top: 50px;
}

p {
    text-align: justify;
}

div {
    margin-top: 2%;
    padding-bottom: 1%;
}

h1 {
    margin-left: 15%;
}

body > h1 {
    padding-top: 100px;
    margin-left: 10%;
}

body > p {
    margin-left: 13%;
    margin-right: 13%;
}

body > h3 {
    margin-left: 18%;
}

body > ul {
    margin-left: 15%;
}

section > h1 {
    color: white;
}

section > h2 {
    color: white;
}

h2{
    margin-top: 50px;
    margin-left: 15%;
}



br {
    margin-bottom: 2em;
}

body > img {
    width: 102%;
    margin-left: -1%;
    margin-top: 20px;
}

.proposDeMoi {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-left: 20%;
    margin-right: 20%;
    
}

.proposDeMoi > article > div {
    flex: 1;
}

.proposDeMoi > img {
    width: 270px;
}

.proposDeMoi > article {
    width: 70%;
}



div > section {
    padding-top: 30px;
    background-color: #317361;
    width: 102%;
    margin-left: -1%;
    padding-bottom: 30px;
}


div > section > article {
    background-color: white;
    margin-left: 12%;
    margin-right: 12%;
    padding: 5%;
    padding-bottom: 20px;
    padding-top: 20px;
}

.divSecAudits {
    display: flex;
    margin-left: 12%;
    margin-right: 12%;
    gap: 2%;
}

section > div > article > p {
    padding-left: 4%;
    padding-right: 4%;
}

section > div > article {
    padding: 2.5%;
    width: 101%;
    background-color: white;
}

.divSecAudits > img {
    height: 465px;
}



.organismes > a > img {
    width: 60%;
}

.organismes > a{
    margin-left: 20%;
    margin-right: 20%;
    width: 100%;
}

.organismes > p {
    margin-left: 20%;
    margin-right: 20%;
}

div > div {
    display: flex;
    gap: 10%;
    flex-wrap: wrap;
    margin-left: 20%;
    margin-right: 20%;
    justify-content: center;
    flex-grow: 1;
}

div > div > a > img {
    width: 100%;
    align-self: center;
}

div > div > a {
    margin-top: 30px;
    width: 25%;
    height: 5%;
    align-self: center;
}

.contact {
    align-items: center;
    display: flex;
    flex-direction: column;
    background-color: #317361;
    padding-bottom: 40px;
}

.contact > h1{
    margin: 0;
    margin-top: 50px;
    font-weight: normal;
}

button {
    margin-top: 50px;
    font-size: larger;
    padding: 20px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #349D75;
     border-radius: 5px; /* Coins arrondis */
     border: none;
    cursor: pointer;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1); /* Légère ombre pour le relief */
    min-width: 150px; /* Largeur minimale pour un rendu similaire */
}

button > a {
    color: white;
    text-decoration: none;
}

button:hover {
    border: #0bbb77 5px solid;
    margin-top: 45px;
    margin-bottom: -5px;
}

/*-----------------footer-----------------*/

footer {
    background-color: #5f5f5f;
    width: 102%;
    margin-left: -1%;
    margin-top: -30px;
    display: flex;
}

footer > article > a > img {
    width: 50px;
    
}

footer > article {
    flex-grow: 1;
    margin-left: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}

footer > article > ul > li {
    margin-bottom: 20px;
    list-style-type: none;
}

footer > article > ul > li > a {
    text-decoration: none;
    color: black;
}

.selectable {
     user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.mentionsFoot {
    margin-top: 30px;
}