*{
    font-family: Arial, Helvetica, sans-serif ;
}
h1,figcaption {color: rgb(50, 50, 177);}
.header { background-color: rgb(47, 47, 167); 
    height: 80px;  width: 100%;
    display: inline-flex; color: whitesmoke;
     justify-content: space-around; 
}
body{
    background-color: rgb(212, 207, 207);
}
.intro{ padding-left: 2%;
    background-color: white; ; width: 98%
}
.v_texte{ 
    display: inline-flex; color: rgb(47, 47, 167);
}
.image_intro:nth-child(4){
    justify-content: right;
}
.main{margin-left: 8cm;
    
}
.rectangle{
    border-radius:100px;
    width:200px;
    height:200px;
   display: inline-flex; justify-content: space-between; 
}
.rectangle1{ display: inline-flex;
    justify-content: space-between;
}
.rec1{overflow:hidden;
    border-radius:20px;
    width:10.5cm;
    height:130px;
    margin-left: -220px;
   
}
.rec2{
    
    border-radius:20px;
    width:10.5cm;
    height:130px;
}   
a {
    color:white; text-decoration: none;
}

.ronde{
   display: inline-flex; 
}

.r1 {overflow:hidden;
    border-radius:100px;
    width:200px;
    height:200px;
    margin-left: -5cm;

}
.r2 {
    overflow:hidden;
    border-radius:100px;
    width:200px;
    height:200px;
}

.r3 {
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:100px;
    width:200px;
    height:200px;
}
.margin{
    margin-left: 1cm; margin-right: 1cm;
}