* {
  margin:0;
  padding:0;
  font-family: "Inter", "inter-fallback", Arial, system-ui, sans-serif;
  font-size: 1.3rem;
  color:#094DA0;
}

header{
	position:sticky;
	z-index:1000;
	top:0;
	width: 100%;
	height:200px;
	background-color:#FFFFFF;
}

body{
	position:relative;
}

nav {
	display:flex;
    align-items: center;
}


main > h1{
	padding:200px 0px 0px 0px;
	color:#FFFFFF;
	text-align: center;
	
	background: -webkit-linear-gradient(180deg, #ffffff,#094da0);background: linear-gradient(180deg, #ffffff,#094da0);                                           
	
	font-size: 3rem;
}
main > p{
	color:#FFFFFF;
	text-align: center;
	background-color:#094DA0;
	padding:0px 0px 450px 0px;
} 
.devis {
	cursor: pointer;
	border: none;
	padding: 0.5rem 2rem;
	background-color: #FFFFFF;
	border-radius: 50px 50px 50px 50px;
}	

.logo img{
	padding-left:150px;
	height:200px;
}

.liens{
	width:80%;
}

.tel {
	height:1.2rem;color:#FFFFFF;
	vertical-align:text-top;text-decoration: none;
}

.mail {
	height:1.3rem;color:#FFFFFF;
	vertical-align:text-top;
}

.liens a {
  padding: 1.2rem 40px;
  text-decoration: none;
  font-size: 1.2rem;
  border-radius: 10px 10px 10px 10px;

}

.liens a:hover {
  background-color: #F2F0EF;
}

section{
	padding-top:20px;
	height:100vh;
	scroll-margin-top: 200px;
	color:#FFFFFF;
	text-align: center;
}
.prestas {
	display:flex;
}
section > h1{
	width: 50%;
	margin:0 auto;
	font-size: 3rem;
	text-align: center;
	border-bottom:1px solid black;
}

article{
	padding-top:20px;
	width:35%;
	margin:0 auto;
}

article > h1{
	font-size: 2rem;
	text-align: center;
}

p{
  padding-top:20px;
  line-height: 1.5em;
  font-size: 1.2rem;
  text-align: justify;
}

section > p{
	 text-align: center;
}

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

/* styles pour affichage du menu sur mobile*/

label, #toggle
{
    display: none;
}
 
@media all and (max-width: 1110px)
{

	.logo img{
		padding-left:0px;
		height:200px;
	}
    nav
    {
        height: 200px;
    }
	
	.prestas {
		flex-direction: column;
	}

	svg{
		width: 350px; 
		height: 350px;
	}
	
	section > h1{
		font-size: 1.5rem;
	}
	
	article {
		width:80%;
	}
	
	article > h1{
		font-size: 1.2rem;
	}
	
	p{
		padding-top:10px;
		line-height: 1em;
		font-size: 1rem;
	}
 
    .liens {
		display: none;
        flex-direction: column;
        width: 100%;
		padding: 0px 0px;
		font-size: 1rem;
		position:absolute;
		top:200px;
		background-color:#094DA0;
		justify-content: center;
	}
	
	.liens a{
		color:#FFFFFF;
		border-radius: 0px 0px 0px 0px;
	}
	
	.liens a:hover {
		background-color: #65C8EF;
	}

    label 
    {
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        font-size: 40px;
        color: black;
        cursor: pointer;
    }
	
	#toggle:checked + .liens {
        display: flex;
    }
}

/* fin styles pour affichage du menu sur mobile*/