/* Color controllers */

.primary-color{
    color: #02b4d4;
}
.secondary-color{
    color: #707070;
}
.neutral-color{
    color: #FFFFFF;
}

.error-color{
    color: #d40000bf;
    font-size: 0.7em;
    margin-top: 0.7em;
    margin-bottom: 0.7em;
}

/* Background colors controllers */

.primary-background-color{
    background-color: #529DD4;
}
.secondary-background-color{
    background-color: #F8F8F8;
}

.neutral-background-color{
    background-color: #fff;
}

/* Font controllers */

body{
    font-family: jaf-domus, sans-serif!important;
    font-size: 1.2em!important;
}
.tiny-font{
    font-family: jaf-domus, sans-serif!important;
    font-weight: 200;
}


.rgpd-font{
    font-weight: 200;
    font-size: .6em;
}



/* Button controllers */

.primary-button{
    border: 2px solid #26B4AE;
    background-color: #26B4AE;
    -moz-border-radius: 50px; 
    -webkit-border-radius: 50px; 
    -webkit-border-top-left-radius: 50px; 
    -webkit-border-top-right-radius: 50px; 
    -webkit-border-bottom-right-radius: 50px; 
    -webkit-border-bottom-left-radius: 50px;
    border-radius: 50px; 
    padding: .5em 2.3em;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    margin-top: 1em;
}

.primary-button:hover{
    background-color: #2D9F9A;
    border: 2px solid #2D9F9A;
    transition-timing-function: ease-in;
    transition: 0.2s;
    
}

.primary-button-nactive{
    background-color: rgb(158, 158, 158);
    border: 2px solid rgb(158, 158, 158);
}

.garantie{
    border: 2px solid #02b4d4;
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    -webkit-border-top-left-radius: 15px; 
    -webkit-border-top-right-radius: 15px; 
    -webkit-border-bottom-right-radius: 15px; 
    -webkit-border-bottom-left-radius: 15px;
    border-radius: 15px; 
    padding:10px;
}

/* Link controllers */

.primary-link{
    color: #fff;
    text-decoration: underline;
    transition-timing-function: ease-in;
    transition: 0.2s;
}

/* Input controllers */

.input-style{
    border: 2px solid #ffbb00!important;
    border-radius: 50px!important;
    padding: 1em!important;
}

input::placeholder {
	color:#9a9999!important;
}

input:focus {
  color: red;
}

/*Background controllers*/
.main-background{
    background: linear-gradient(99deg, hsl(109.99deg 88.54% 17.72%) 0%, #357614 35%, hsl(64.86deg 95.81% 49.39%) 100%);
    padding-bottom:3rem; 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center top;
}

/* Box controllers */


.reassurance-boxed{
    border-radius:0px 0px 50px 50px; 
    overflow: hidden;
    padding: 4em;
}

.slide-box{
    border-radius: 0 0 4em;
    overflow: hidden;
}

.form-box{
    border-radius: 0 0 0 4em;
    overflow: hidden;
    
}

.footer-box{
    padding: 4em;
    border-radius: 3em 0 0 0;
}

.screen{
    width: 100%;
    height: 100vh;
}

/* Section controllers */

.space-top{
    margin-top:  8em;
}



/* Responsive controllers */

.logo-mobile{
    display: none;
}

.logo-mobile img{
   width: 5em;
   margin: 1em 0.5em 1em 0.5em;
}

.logo-desktop img{
    margin: 1.2em 0.5em 1.2em 0.5em;
 }


.reassurance-mobile{
    display: none;
}

@media (max-width: 1199px) {
    .ground{
        padding-bottom: 0;
    }

    .form-box{
        border-radius: 0;
    }
}

@media (max-width: 1124px) {
    .logo-mobile{
        display: block;
    }

    .logo-desktop,.reassurance{
        display: none;
    }

    .reassurance-mobile{
        display: block;
    }

    .etapes{
        width: 100%;
    }
}   


@media (max-width: 738px) {
    .garantie{margin-bottom: 2em;}
    h1{
        font-size: 2.6rem!important;
        line-height: 2.5rem!important;
    }
}

input.invalid {
	background-color: #ffdddd;
}
select.invalid {
	background-color: #ffdddd;
}
radio.invalid {
	background-color: #ffdddd;
}