body {
    margin:0;
    padding:0;
}

p {
    margin:0;
    padding: 0;
}

h1 {
    margin:0;
    padding: 0;
}

h2{
    margin:0;
    padding: 0;
}

header {
    padding: 0 50px;
    background-color:rgba(205, 221, 214, 1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height:94px;
}

header ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    gap:45px;
    list-style:none; 
}

header ul a {
    color:rgba(10, 13, 18, 1);
    font-size:21px;
    text-decoration: none;
    font-family:"Inter" , sans-serif ;
}

header img {
    height:48px;
    width:157px;
    margin:23px 0 23px 0;
}

.art1 {
    width :715px;
    height:313px;
    margin:80px 0 80px 50px;       
}

.art1 h1 {
    color: rgba(9, 146, 80, 1);
    font-size:60px;
    font-weight:bold;
    font-family:"Inter" , sans-serif;
}

.art1 p {
    color: rgba(39, 39, 39, 1);
    font-size:23px;
    margin:24px 0px 24px 0px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
}

.art1 a {
    display: inline-block;
    padding:16px 32px;
    background-color:rgba(9, 146, 80, 1);
    border-radius:8px;
    color:white;
    font-family:"Inter", sans-serif;
    text-decoration: none;
    font-weight: 600;
}

.image1 img {
    height:400px ;
    width:100% ;
    object-fit: cover;
}

.art2 {
    margin:80px 50px 100px 50px;
    flex-direction: row;
    display: flex;

}

.image2 img {
    height:400px;
    width:400px;
    object-fit:cover;
}

.art3{
    margin:36.5px 0 36.5px 60px;
    align-items: center;
}

.art3 h2 {
    color: rgba(9, 146, 80, 1);
    font-size:45px;
    font-weight:bold;
    font-family:"Inter" , sans-serif;
}

.art3 p {
    color: rgba(39, 39, 39, 1);
    font-size:23px;
    margin:24px 0px 24px 0px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
}

.art3 a {
    display: inline-block;
    padding:15px 32px 17px 32px;
    background-color:rgba(9, 146, 80, 1);
    border-radius:8px;
    color:white;
    font-family:"Inter", sans-serif;
    text-decoration: none;
    font-weight: 600;
}

footer {
    height:365px;
    background-color:rgba(205, 221, 214, 1);
    padding:80px 0 0 50px;
    width:100;
}

.partie1 img {
    width:157px;
    height:47px;
    margin:0 0 24px 0;
}

.partie1 p {
    color: rgba(39, 39, 39, 1);
    font-size:23px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
}

form {
    margin:16px 0 0 0;
    display: flex;
    gap:24px;
    width:100%;
}

.famille {
    display: flex;
    flex-direction: column;  
    color:rgba(33, 39, 42, 1);
    font-size:20px;
    font-family: "Lato",sans-serif;
}

form div .famille, input {
    margin:8px 0 0 0;
    border: 0 ;
    border-radius: 8px;
    padding: 12px 16px;
}

form button {
    padding:12px 16px;
    border:0;
    height: 47px; 
    width: 157px; 
    border-radius:8px;
    color:white;
    background-color:rgba(9, 146, 80, 1);
    font-family:"Inter", sans-serif;
    font-size:18px;
    font-weight:600;
    align-self: flex-end;
}

@media screen and (max-width: 768px) {

header {
    display: flex;
    flex-direction: column;
    height:150px;
}

header img {
    margin:23px 0 0 0; 
}

header ul {
    margin:0 0 20px 0;
}

.art1 {
    margin:80px 0 160px 50px; 
    width : 400px;  
}

.art2 {
    display: flex;
    flex-direction: column-reverse;
    justify-items: center;
}
.art2 img {
    margin:0 0 0 60px;
}

footer {
    padding:80px 0 0 20px;
}

}