body 
{
    background-color: rgb(241, 204, 129);
}

.btn
{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 20px;
    bottom: 20px;
}
.icone
{
    width: 50px;
    cursor: pointer;
}

h1
{
    text-align: center; 
    border: thick double #f0eec3;
}

ul
{
    list-style-type: circle;
}
a 
{
    color: rgba(32, 18, 1, 0.893);
}

a:hover
{
    background-color: rgb(221, 159, 15);
}
a:visited
{
    color: rgb(57, 42, 6);
}

h2
{
    padding-left: 2em;
}
p
{
    padding-left: 2%;
    padding-right: 2%;
}
h4
{
    padding-left: 1%;
    padding-right: 1%;
}

img.cit
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    height: auto;
    background-color: transparent;
}

.bi
{
    display: flex;
    justify-content: space-around;
}
img.cedrat
{
    background-color: rgb(230, 233, 185);
}
img.bigarade
{
    background-color: #f5f4d8;
}
.bi > img
{
    width:30%;
    height: auto;
    border: solid;
    border-color: #fcf8a5;
}
.content
{
    width: 40%;
}
.content > img
{
    height:200px;
    width: auto;
    margin: auto;
    display: block;
}
.content > p
{
    text-align: center;
}

.box
{
    display: flex;
    justify-content: space-around;
}
.box > img
{
    width:30%;
    height: auto;
    border: solid;
}
.boîte
{
    width: 40%;
}
.boîte > img
{
    height:200px;
    width: auto;
    margin: auto;
    display: block;
}
.boîte > p
{
    text-align: center;
}

.tt
{
    text-decoration: underline;
    color: rgba(32, 18, 1, 0.893);
    padding-left: 7%;
}