body
{
background-color: rgb(171, 170, 170);
text-align: center;
}
div.P
{
   display: flex;
   justify-content: space-around;
   color: red;
   margin-bottom: 1%;
}

.P> .conteneur > img
{
    height:300px;
    width: auto;
}

h1.P
{
	color: rgb(6, 6, 75);
    font-size: 275%;
    text-decoration: underline;
}
h2.S1
{
     color: green;
     text-decoration: underline;
}
h2.G
{
    color: red;
    text-decoration: underline;
}
.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;
    
}
h2.S
{
    color: blue;
    text-decoration: underline;
}
h2.S2
{
color:blue ;
}
h2.S4
{
color: yellow;
text-decoration: underline;
}
h2.S5
{
    color: yellow;  
}
h2.S6
{
    color: blueviolet;
    text-decoration: underline;
}
h2.S7
{
    color: blueviolet;
}
h2.S8
{
    color:orangered;
    text-decoration: underline;
}
h2.S9
{
    color:orangered;
}
ul
{
    padding-left:40%;
    padding-right:40% ;
    font-size:  140%;
    color: rgb(5, 5, 78);
    text-decoration: underline;
    list-style-type: "\1FA84";
}
h1.S10
{
    color:rgb(5, 5, 78);
    font-size: 210%;
    text-decoration: underline;
}
h2.A
{
    color: azure;
    text-decoration: underline;
}
h2.B
{
    color: azure;
}
img.Spid
{
    width: 50%;
}