body{
    background-color: #fafaf4;
    margin: 0;
    padding: 0;
    font-family: "Times New Roman", sans-serif;
}

header{
    text-align: center;
    color: white;
    background-image: url("images/savane.jpg");
    background-position-y: center;
    background-size: cover;
    padding: 40px;
}

nav{
    text-align: center;
    background-color: #cf8602;
    padding: 10px;
}

nav a{
    display: inline-block;
    padding: 5px;
    text-decoration: none;
    color: #302f2f;
    font-weight: bold;
}

section{
    padding: 20px;
    border-left: 5px solid orange;
    background-color: white;
    margin: 20px auto;
    max-width: 500px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

section h1{
    border-bottom: 3px solid orange;
    color: #d88e06;
    padding: 10px;
}

.image_animaux{
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

footer{
    text-align: center;
    background-color: #cf8602;
}

footer a{
    color: white;
}

table{
    border-collapse: collapse;
    margin: 30px auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

th{
    color: white;
    background-color: #c5830a;
}

th , td{
    text-align: center;
    border: 1px solid orange;
    padding: 10px 40px;
}

td{
    background-color: cornsilk;
}

.formulaire{
    background-color: #f6f4eb;
    text-align: center;
}

label{
    color: black;
    font-weight: bold;
}

input , textarea{
    border: 1px solid #323131;
    border-radius: 8px;
    padding: 10px 5px;
    width: 100%;
    margin: auto;
}
textarea{
    color: #504f4f;
    text-align: left;
}

button{
    background-color: #c5830a;
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
    padding: 5px 210px;
    margin: auto;
}