@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

*{
padding:0px;
border:0px;
margin:0px;
}

html{
width:100%;
scroll-behavior: smooth;
}

.main_width{
width:95%;
margin:auto;
}


body{
font-family: 'Roboto', sans-serif;
font-weight:400;
width:100%;
background-color: white;
}


/* *********************** COMMON *********************** */

p{
color:#2e2a2b;
line-height:25px;
font-size:16px;
margin-bottom:35px;
}

h1{
color:#2e2a2b;
text-transform: uppercase;
font-size: 30px;
font-weight: 400;
line-height: 48px;
}

h2{
color: #2e2a2b;
font-size: 30px;
font-weight: 400;
line-height: 37px;
margin-bottom: 15px;
}

h2 span{
font-weight:700;	
}

h3{
color: #2e2a2b;
font-size: 20px;
font-weight: 500;
line-height: 27px;
}



.button{
display: inline-block;
border-radius: 30px;
background-color: white;
color: #2e2a2b;
padding: 10px 26px;
transition: all 0.5s ease-in-out;
font-size: 19px;
text-decoration: none;
transition: all 0.3s;
}

.button:hover{
padding: 10px 36px;
}

a{
color:inherit;
text-decoration:underline;
transition: all 0.2s ease-in-out;
}



/* *********************** BANNER / MENU *********************** */
#banner{
position: absolute;
width: 100%;
left: 0;
margin-top: 30px;
z-index: 1;
}

#banner .main_width{
text-align: center;
}

#banner .logo{
width: 150px;
height: auto;
}

#banner:not(.home-banner){
position: static;
margin: 0;
padding: 30px 0;
background-color: #332f30;
}

/* *********************** MENU *********************** */
#banner .menu ul{
display: flex;
justify-content: space-between;
flex-direction: row;
width: 100%;
max-width: 500px;
margin: 30px auto 0;
list-style: none;
}

#banner .menu a{
text-decoration: none;
color: white;
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
transition: all 0.4s;
padding-bottom: 5px;
border-bottom: 1px solid transparent;
}

#banner .menu a:hover{
border-bottom: 1px solid white;
}


/* *********************** WRAPPER *********************** */


/* *********************** PAGES *********************** */
/* ***** Home ***** */
#home h1{
color: transparent;
font-size: 0;
position: absolute;
left: -99999px;
}

#home .slider_container{
display: block;
width: 100%;
height: 100vh;
max-height: 1000px;
min-height: 600px;
max-width: 2200px;
margin: 0 auto 100px;
position: relative;
}

#home #slider{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
overflow: hidden;
}

#home #slider:after{
content:"";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: #020006a6;
}

#home .owl-carousel .owl-stage-outer, #home .owl-carousel .owl-stage, #home .owl-carousel.owl-drag .owl-item,  #home .owl-carousel.owl-drag .owl-item .item, #home .owl-carousel .owl-item img{
height: 100% !important;
}

#home .owl-carousel .owl-item img{
object-fit: cover;
}

#home .slider_container .content{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}

#home .slider_container .content img{
width: 300px;
max-width: 90vw;
display: block;
margin: 0 auto 40px;
}

#home .c1{
margin-bottom: 50px;
}

#home .c1 .intro{
text-align: center;
margin-bottom: 100px;
}

#home .c1 .intro .content{
display: block;
width: 100%;
text-align: left;
margin: 0 auto 50px;
max-width: 450px;
}

#home .c1 .intro .image{
display: block;
width: 100%;
max-width: 350px;
margin: 0 auto;
}

#home .c1 .intro .image img{
width: 100%;
height: auto;
}

#home .c1 .equipe{
text-align: center;
}

#home .c1 .equipe .item{
display: block;
width: 100%;
margin: 0 auto 70px;
}

#home .c1 .equipe .item>.image{
display: none;
}

#home .c1 .equipe .item .image img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom left;
}

#home .c1 .equipe .item .intro{
display: none;
}

#home .c1 .equipe .item .intro div{
margin-bottom: 20px;
}

#home .c1 .equipe .item .small-intro{
display: none
}

#home .c1 .equipe .item .info{
display: block;
width: 100%;
}

#home .c1 .equipe .item .info.open{
top: 50%;
}

#home .c1 .equipe .item .info .image{
display: block;
width: 100%;
margin: 0 auto 50px;
max-width: 300px;
vertical-align: top;
height: 375px;
}

#home .c1 .equipe .item .info .content{
display: block;
width: 100%;
max-width: 450px;
margin: 0 auto;
vertical-align: top;
text-align: left;
}

#home .c1 .equipe .item .info .content .title{
color: #2e2a2b;
font-size: 20px;
font-weight: 500;
line-height: 27px;
}

#home .c1 .equipe .item .info .content .sub_title{
margin-bottom: 30px;
}

#home .c1 .equipe .item .info .content div{
margin-bottom: 20px;
}

#home .c1 .equipe .item .info .content p{
text-align: left;
margin: 0 0 5px;
line-height: 27px;
}

#home .c1 .equipe .item .info .content a{
display: block;
text-align: left;
width: 150px;
text-decoration: underline;
}

#home .c2{
background-color: #d7d3d4;
padding: 50px 0;
}

#home .c2 h2{
width: 100%;
max-width: 550px;
margin: 0 auto 15px;
}

#home .c2 form{
width: 100%;
max-width: 550px;
margin: 0 auto;
text-align: left;
}

#home .c2 .form_response{
background-color: #60c551;
padding: 20px;
width: 100%;
box-sizing: border-box;
color: white;
margin-bottom: 20px;
font-weight: 500;
}

#home .c2 .form_response.error{
background-color: #c55151;
}

#home .c2 .form_response p{
color: white;
margin: 0;
}

#home .c2 .form_part{
display: block;
width: 100%;
margin-bottom: 20px;
text-align: left;
}

#home .c2 .form_part label{
font-size: 17px;
display: block;
width: 100%;
color: #2e2a2b;
font-weight: 500;
}

#home .c2 .form_part input[type="email"], #home .c2 .form_part input[type="text"], #home .c2 .form_part textarea{
display: block;
width: 100%;
background-color: white;
color: #2e2a2b;
font-size: 16px;
padding: 13px 10px;
box-sizing: border-box;
margin-top: 5px;
margin-bottom: 20px;
font-family: 'Roboto', sans-serif;
border-radius: 4px;
}

#home .c2 .form_part textarea{
max-width: 100%;
min-width: 100%;
height: 120px;
min-height: 70px;
}

#home .c2 .button{
color: white;
background-color: #332f30;
cursor: pointer;
margin: 0 auto;
margin-top: 20px;
}

/* ***** Mentions légales ***** */


#legal{
text-align:center;
margin-bottom:100px;
padding-bottom:30px;

}

#legal .main_width{
padding-top:85px;
padding-bottom:30px;
}


#legal h1{
text-align:center;
background-position:bottom center;
margin-bottom:73px;
}

#legal h2{
background-position: 0px 7px;
position: relative;
bottom: 0px;
margin-top: 14px;
margin-bottom: 14px;
font-size:28px;
line-height:30px;
background-position: bottom left;
padding-bottom: 7px;
}

#legal h3{
line-height:23px!important;
padding-bottom: 6px!important;
}

#legal p{
margin-bottom:5px;
}

#legal p span{
display:inline-block;
vertical-align:top;
width:166px;
text-decoration:underline;
}

#legal .c0{
width:600px;
text-align:left;
display:inline-block;
vertical-align:top;
border:1px solid #c0c0c0;
text-align:left;
padding:1%;
margin-bottom:30px;
background-color:white;
border-radius:13px;
}

#legal .c1{
display:inline-block;
vertical-align:top;
width:90%;
padding:1%;
border:1px solid #c0c0c0;
text-align:left;
margin-bottom:30px;
min-height:262px;
background-color:white;
border-radius:13px;
}

#legal .c1.last{
margin-right:0px;
}

#legal .c1 p{
margin-bottom:8px;
font-size:13px;
line-height:22px;
}

#legal .c2{
width:90%;
padding:1%;
text-align:left;
display:inline-block;
vertical-align:top;
border:1px solid #c0c0c0;
margin-bottom:30px;
height:600px;
overflow:auto;
padding-bottom:30px;
background-color:white;
border-radius:13px;
}

#legal .c2 h3{

}

#legal .c2 h4{

}

#legal .c2 p{
margin-bottom:8px;
font-size:13px;
line-height:22px;
}

#legal .c2 ul li{
margin-bottom:5px;
font-size:13px;
line-height:22px;
padding-left:15px;
list-style-type:none;
}

#legal .c2 ul ul li{
padding-left:30px;
}

#legal .c2.last{
margin-right:0px;
}


/* ***** 404 ***** */

#e404{
text-align:center;
margin-bottom:100px;
padding-bottom:30px;
}

#e404 .main_width{
padding-top:85px;
padding-bottom:30px;
}

#e404 h1{
	text-align:center;
background-position:bottom center;
margin-bottom:73px;
}


/* *********************** FOOTER *********************** */
#footer{
background-color: #332f30;
padding: 80px 0 10px;
}

#footer .content{
}

#footer .content .c1 a{
width: 100%;
}

#footer .content .c1 img{
width: 100%;
height: auto;
}

#footer .content .c1, #footer .content .c2, #footer .content .c3{
width: 100%;
margin: 0 auto 30px;
text-align: center;
max-width: 300px;
}

#footer .content .c2{
line-height: 32px;
}

#footer .content a{
color: white;
text-decoration: underline;
margin-bottom: 13px;
display: inline-block;
}

#footer p.copyright{
color: white;
font-size: 14px;
margin: 0;
padding: 0px 0px 37px;
text-align: center;
position: relative;
margin-top: 70px;
}

#footer p.copyright a{
color: white;
}

#footer p.copyright a:last-of-type{
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 5px;
}

#footer .copyright a img{
display: inline-block;
width: 94px;
margin-left: 10px;
height: auto;
}



/* ***** COOKIES ***** */

#cookieChoiceInfo{
	box-sizing: border-box;
}

/* ***** AOS ***** */

.fade_container {
    overflow-x: hidden;
}