body{
    margin: 1;
    padding: 1;

background-color: rgb(33, 149, 178);

}

.menu{

    position: relative;
    width: 100%;
    height: 250vh;
    background: rgb(251, 176, 148);
}

nav{
    display: flex;
    width: 84%;
    margin: auto;
    padding: 20px 0;
    align-items: center;
    justify-content: space-between;
}

nav ul li {
display: inline-block;
list-style: none;
margin: 10px 20px;

}
nav ul li a{
    text-decoration: none;
    color: black;
    font-weight: bold;
}

nav ul li a:hover{
    color: tomato;
}

.logo{ 
    text-decoration: underline;
    font-family: 'Segoe UI', Tahoma, Verdana, ;
    text-transform: uppercase;
}

.presentation{
    margin-left: 8%;
    margin-top: 5%;
}

.presentation h1 {
    font-size: 50px;
    color: black;
    margin-bottom: 10px;
}

span{
    color: crimson;
}
.presentation p{
    color: black;
    line-height: 30px;
    font-size: 150%;
}
.presentation a{
    background: aliceblue;
    padding: 9px 16px;
    text-decoration: none;
    font-weight: bold;
    color:red;
    display: inline-block;
    margin: 20px 0;
    border-radius: 5px;
}

.contac{
    margin-left: 30%;
    margin-top:5%;
    text-decoration: underline rgb(237, 175, 16);
    font-size: 30px;
}
.numb{
    margin-left: 27%;
    margin-top:3%;
    background: azure;
    border-radius: 5px;
    padding: 9px 16px;
    margin: 20px  24;
    display: inline-block;

    
}

.numb a {
    margin-left:46px ;
}
label {
    padding-right: 10px;
   
     font-size: 1rem;
}
/* cercle pourcentage*/

svg{
	width: 200px;
	height: 200px;
}

circle{
	stroke-width:10px;
}
circle:nth-child(1){ stroke:rgb(134, 237, 16) }
circle:nth-child(2){
	stroke:tomato;
	position: relative;
	z-index: 1;
    	
}
.circle_box{
	font-size: 18px;
	color: #fff;
	text-align: center
    
    
}
.circle_box div{
	position: relative
}
.circle_box span{
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-size:22px;
}
.circle_box {
    display:inline-block;

    margin: 20px 20px;
    
    }