body {
    background-color: rgba(105,168,226, 0.4); /* couleur dans le fond de la page */
    font-family: Century Gothic, Arial, sans-serif;
}
/* Propriétés de la  Paragraphe 1 */
.containerP1{
    color: #fff;
    display: flex; /*Pour faciliter la flexibiliter de la page*/
    flex-flow: row wrap;
    align-self: center;
    text-align: justify;
    font-family: Century Gothic, sans-serif;
    font-size: 100%;
    line-height: 25px;
    width: 90%; 
    padding: 30px;
    margin: 30px;
} 
/*  Propriétés de l'image de la  Paragraphe 1 */  
.imPara{
    width: 100%;
    height: 200px; 
    margin: auto;
    padding: 5px;
    border-top-left-radius: 50px;
}

.blocP12{
    color: #fff;
    display: flex; /*Pour faciliter la flexibiliter de la page*/
    flex-flow: row wrap;
    align-self: center;
    text-align: justify;
    font-family: Century Gothic, sans-serif;
    font-size: 100%;
    line-height: 25px;
    width: 47%; 
    padding: 30px;
    border-bottom-left-radius: 80px;
    border-top-left-radius: 80px;
    background-color: #050505b8;
} 

/* Propriétés du containeur(block) de la video*/
.blockVideo{
     display: flex;
     width: 47%;

}
iframe{
    margin-top: -4px;
    padding: 5px;
    width: 100%;  
    height:100%;
    border-bottom-right-radius: 80px;
    border-top-right-radius: 80px;
}
/* Action sur le conteneur d'images dans la galerie */
.ps{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    /* margin-left: 5%;
    margin-right: 5%; */
    margin: 0% 30px 0% 30px ;
}

figure{
    width: 300px;
    height: 210px;
}

#imgb{
    display: flex;
    flex-direction:row ;
    flex-flow: wrap;
    justify-content: space-around;
    padding: 30px 0px 30px 0px;
    width: 100%;

}

@media screen and (max-width:980px){
    h1{
   
    font-size:120%;
    margin-top: 80px;  
}

#imgg{
    width: 100%;
    height: 100%; 
    margin-left: -25px;
} 
#imgb{
    display: flex;
    flex-direction:row ;
    flex-flow: wrap;
    justify-content: space-around;
    width: 100%;

}

figure{
    width:100%;
    height: auto;
    margin-right: 0px;
}
/* Action sur le conteneur d'images dans la galerie */
.ps{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 80%;
    margin: auto;
}
}

/* Action sur la legende des images */
[data-tooltip]{
    position: relative;
}
[data-tooltip]:hover::after{
    content: attr(data-tooltip);
    position: absolute;
    bottom: 3px;
    left: -12px;
    text-align: center;
    word-wrap: break-word;
    padding: 5px;
    background: #ffffff98;
    font-weight: bold;
    width: 96.8%
}

/* Action sur le titre de niveau 2 */
h1{
    font-family: Century Gothic, sans-serif;
    text-align: center;
    border-bottom: solid #250b6c;
    color: #fff;
    background-color: #0505059a;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5%;
}

/* Actions sur les images de la galerie */
#imgg{
    width: 360px;
    height: 210px;
    margin-left: -25px;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
} 
#imgg:hover{
    border-bottom:5px solid brown ;
    border-top:5px solid #250b6c ;
}