html{
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}

body{
   margin: 0;
   margin: 0;
   min-height: 100%;
   background-color: #FCFBFC;
   color: #212121;
   font-family: Poppins, Arial,sans-serif;font-size:14px;
   line-height: 20px;
}

html{
   height: 100%
}

img{
   padding: 0 10% 0 10%;
   transform: scale(0.8);
}

h1 {
   font-size:5rem;
   line-height:5rem;
   margin-top:4rem;
   font-weight:700;
   color: #CF6630;
}

h3 {
   font-size:24px;
   line-height:30px;
   margin-top:20px;
   margin-bottom: 30px;
   color: #07484D;
   font-weight: 600;
}

p {
   margin-top:0;
   margin-bottom:10px;
   font-size: 1.2em;
   line-height: 1.7em;
   font-weight: 300;
}

section{
   padding: 2rem;
   display: flex;
   min-height: 70vh;
   justify-content: center;
   align-items: center;
   position: relative;
}

.boutonprotopie{
   text-decoration: none;
   color: #FCFBFC;
   background-color: #CF6630;
   padding: .7rem;
   border-radius: 10px;
   width: 6rem;
   text-align: center;
   margin-left: 5rem;
   margin-top: 1rem;
   
}

.texte {
   display: flex;
   flex-direction: column;
   width: 25%;
   margin-left: 5%;
   margin-top: 4rem;
}

.beige{
   background-color: #EDEDE9;
}

.blanc{
   background-color:#FCFBFC;
}

.logo{
   background-color: #EDEDE9;
   padding-top: 2rem;
}
.planification{
   padding: 0 10% 0 10%;
   width: 30%;
   height: 30%;
}
.getit{
   width: 75%;
   height: 75%;
   padding: 1rem;
}
.presentation{
   position: absolute;
   left: 60%;
   top:5%;
   z-index: 99999;
}
.profil{
   position: absolute;
   left: 5%;
   top:10%;
   z-index: 99999;
}