/*==============================================header=======================================================*/
header{
    background-color: rgb(202, 189, 0);
}

header ul{
    display: flex;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    padding-block: 10px;
    margin: 0;
}

header li{
    background-color: rgba(121, 119, 96, 0.699);
    padding: 8px;
    margin: 10px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 5px;
}
header a{
    color: rgb(255, 255, 255);
    text-decoration: none;
}

/*=============================================banniere====================================================================*/

.banniere{position: relative;}

.banniere img{
    width: 100%;
    object-fit: cover;
}

.banniere div{
    color: white;
    font-family: Lucida calligraphy;
    font-size: larger;
    text-shadow: 0 4px 0 black;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*===============================section variétés de poire===========================*/
div + section{
    background-color:rgb(202, 189, 0) ;
    color: rgb(0, 0, 0);
    width: 90%;
    justify-self: center;
    border-radius: 20px;
}

div + section h2{
    display: flex;
    justify-content: center;
    padding-top: 20px;
    font-family: lucida calligraphy;
}

div + section p{
    display: flex;
    justify-content: center;
    margin-block-end: 0px;
    font-family: sans-serif;
}

div + section ul{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    list-style-type: none;
    padding: 10px 0;
    margin: 0;
}

div + section li{
    background-color: rgb(165, 154, 0);
    padding: 8px;
    margin: 10px;
    border-radius: 5px;
    width: 20%;
    height: 56px;
    align-content: center;
    text-align: center;
}

div + section a{
    color: rgb(0, 0, 0);
    text-decoration: none;
}

/*=================================taille des poires=========================================*/
section + section{
    margin-top: 20px;
    border-style: ridge;
    border-color: rgb(202, 189, 0);
    color: rgb(0, 0, 0);
    width: 90%;
    justify-self: center;
    border-radius: 20px;
}

section + section h3{
    display: flex;
    justify-content: center;
    padding-top: 20px;
    font-family: lucida calligraphy;
}

section + section ol{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    list-style-type: none;
    padding: 10px 0;
    margin: 0;
}
section + section h4{
    position: absolute;
    top: 0px;
    left: 10px;
    background-color: rgba(190, 184, 91, 0.781);
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
section + section p{
    background-color: rgb(202, 189, 0);
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    width: 100%;
    position: relative;
    color: white;
    text-align: center;
}
section + section img{
    object-fit: cover;
    block-size: 300px;
}
section + section li{
    position: relative;
    background-color: rgba(190, 184, 91, 0.781);
    padding: 10px;
    border-radius: 10px;
    
}
/*================================footer=====================================*/
footer{
    background-color: #8A3128;
    margin-top: 20px;
}
footer ul{
    display: flex;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    padding-block: 10px;
    margin: 0;
}

footer li{
    padding: 8px;
    padding-bottom:0;
    margin: 10px;
    margin-bottom: 0;
}
footer a{
    color: #FFF95B;
    text-decoration: none;
}
footer p{
    color: #FFF95B;
    text-align: center;
    padding-bottom: 20px;
}


/*================================autre======================================*/
.page-actuelle{
    color: blueviolet;
}
body h1{
    text-align: center;
}
body table{
    display: flex;
    justify-content: center;
}

tbody{
    background-color: rgb(117, 117, 117);
    border-radius: 15px;
    border-color: black;
    border-style: double;
    border-width: 10px;
}
th{
    border-color: black;
    border-style: solid;
    padding: 5px;
    border-top-style: none;
}
td{
    padding: 5px;
    border-color: black;
    border-style: solid;
    border-bottom-style: none;
}
td :first-child{
    border-left-style: none;
}
tr :first-child{
    border-left-style: none;
}
td :last-child{
    border-right-style: none;
}
tr :last-child{
    border-right-style:none;
}