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

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

html{
width:100%;
min-width:1200px;
}

.main_width{
width:1200px;
margin:auto;
}


body{
font-family: 'Inter', sans-serif;
font-weight:400;
width:100%;
background-color: #F3F3F3;
}


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

p{
color:#100300;
line-height:30px;
font-size:17px;
margin-bottom:13px;
}

h1{
color:#100300;
text-transform: uppercase;
font-size: 30px;
font-weight: 400;
line-height: 48px;
padding-bottom:12px;
margin-bottom:22px;
}

h1 span{
font-weight:700;
}

h2{
color:#100300;
text-transform: uppercase;
font-size: 26px;
font-weight: 400;
line-height: 28px;
margin-bottom:20px;
padding-bottom:7px;
}

h2 span{
font-weight:700;	
}

h3{
color: #100300;
text-transform: uppercase;
font-size: 18px;
font-weight: 400;
line-height: 33px;
margin-bottom: 21px;
margin-top: 29px;
}

h4{
color: #100300;
text-transform: uppercase;
font-size: 16px;
font-weight: 400;
line-height: 19px;
margin-bottom: 21px;
margin-top: 29px;
}



a.button{
display: inline-block;
background-color: #FFE221;
text-transform: uppercase;
color: #100300;
padding: 12px 25px;
font-weight: 700;
transition: all 0.5s ease-in-out;
font-size: 15px;
text-decoration: none;
transition: all 0.3s;
width: max-content;
max-width: 500px;
position: relative;
}

a.button:after{
position: absolute;
transition: .3s;
content: '';
width: 0;
bottom: 0;
height: 3px;
background: #100300;
right: 0;
left: auto;
}

a.button:hover:after{
width: 100%;
left: 0;
}

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

#wrapper li{
list-style-type:none;
font-size:13px;
line-height:19px;
padding-left:30px;
padding-bottom:8px;
}

.clear{
width:100%;
clear:both;
}



/* *********************** HEADING MSG*********************** */
#heading{
width:100%;
height:40px;
text-align:center;
background-color:#100300;
}

#heading p{
color: #FFE221;
padding: 5px 0;
}



/* *********************** BANNER / MENU *********************** */
#banner{
width:100%;
position: absolute;
margin-top: 40px;
z-index: 10;
}

#banner .main_width{
display: flex;
max-width: 90vw;
}

#banner .main_width>a{
	width: 260px;
	overflow: hidden;
	display: inline-block;
}

#banner .logo{
width: 100%;
}

#banner .logo.logo-black{
opacity: 0;
position: absolute;
width: 0;
height: 0;
}

#banner .infos{
display:inline-block;
vertical-align:top;
margin-top:17px;
position:absolute;
top:0px;
right:0px;
text-align:right;
}

#banner .infos .texte{
display:inline-block;
vertical-align:top;
box-shadow: 2px 2px 0px 0px rgba(204,204,204,1);
background-color:#fdc04a;
transform: skew(-18deg, 0deg);
}

#banner .infos .texte p{
color:#000;
font-weight:700;
padding:3px 23px;
line-height:28px;
margin-bottom:0px;
font-size:15px;
transform: skew(18deg, 0deg);
}

#banner .infos .button{
display:inline-block;
vertical-align:top;
margin-right:20px;
margin-top:0px;
position:relative;
left:-19px;
top:3px;
}



#banner .infos .button:hover{
margin-right:10px;	
}


#banner .infos p.adresse{
display:inline-block;
padding-left:30px;
margin-top:11px;
margin-right:35px;
font-size:14px;
color:#100300;
text-transform:uppercase;
font-weight:700;
line-height:35px;	
}


#banner .langues{
width: 80px;
text-align: right;	
display: inline-block;
}

#banner .langues a{
width: 20px;
display: inline-block;
height: 20px;
margin-top: 16px;
cursor: pointer;
padding: 0 5px;
}

#banner .langues a img{
width: 100%;
}


@keyframes fixedHeader {
  0%   {top: -100px;}
  100% {top: 0;}
}

html:not([data-scroll='0']) #banner{
position: fixed;
top: 0px;
z-index: 50;
box-shadow: 0 -1px 8px lightslategray;
background-color: white;
margin: 0;
padding: 20px 0 15px;
animation-name: fixedHeader;
animation-duration: 0.8s;
}

html:not([data-scroll='0']) div#cssmenu ul > li > a{
color: #100300;
text-shadow: none;
}

html:not([data-scroll='0']) #banner .logo.logo-black{
opacity: 1;
position: static;
width: 100%;
height: auto;
}

html:not([data-scroll='0']) #banner .logo.logo-white{
opacity: 0;
position: absolute;
width: 0;
height: 0;
}

.top{
text-align: center;
height: 250px;
background-image: linear-gradient(black, black), url(images/vz-automobile-eupen-baelen.jpg);
background-blend-mode: saturation;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
-webkit-box-shadow: inset 0px 149px 70px -50px #00000047;
box-shadow: inset 0px 149px 70px -50px #00000047;
margin-bottom: 100px;
}

.top h1{
padding-top: 170px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: white;
text-shadow: 0px 3px 10px rgb(139 139 139);
opacity: 0;
transform: translateY(50px);
}

/* *********************** MENU *********************** */
div#cssmenu{
width:930px;
margin:0px;
height: auto;
text-align: right
}

.menu-links{
display: none;
}

div#cssmenu ul{
list-style: none;
display: inline-block;
}

div#cssmenu ul > li{
display: inline-block;
}

div#cssmenu ul > li > a{
line-height: 50px;
text-shadow: 0px 3px 10px rgb(26, 26, 26);
font-family: 'Montserrat', sans-serif;
font-weight: 700;
padding: 0 20px;
font-size: 17px;
color: white;
}

div#cssmenu ul > li > a.selected{
	color: white;
}

div#cssmenu ul > li > a:hover{
	color: white;
}

/* *********************** WRAPPER *********************** */
#wrapper .main_width{
}

/* *********************** PAGES *********************** */


/* ***** HOME ***** */
@keyframes yellowDiv {
  0%   {height: 100%;}
  50%  {height: 100%;}
  99%  {height: 5px;}
  100% {height: 5px; position: absolute; top: 0; left: 0;}
}


.yellow-div{
background-color: #FFE221;
width: 100%;
height: 5px;
z-index: 100;
position: sticky;
top: 0;
left: 0;
}

.yellow-div.home-yellow-div{
animation-name: yellowDiv;
animation-duration: 1.5s;
}

#home{
text-align:center;
margin-bottom:0px;
overflow-x: hidden;
}

#home .background-video{
width: 100vw;
height: 100vh;
overflow: hidden;
}

#home .background-video video{
min-width: 100%;
min-height: 100%;
margin-left: 50vw;
transform: translate(-50%);
}

#home .background-video .shadow{
position: absolute;
width: 100%;
height: 100%;
-webkit-box-shadow: inset 0px 149px 70px -40px #222222bd; 
box-shadow: inset 0px 149px 70px -40px #222222bd;
top: 0;
left: 0;
}

#home .main_width{
padding-top:47px;
}



#home .c1{
text-align: left;
width: 100%;
height: 200px;
position: relative;
bottom: 175px;
}

#home .c1 .video-footer-img{
display: inline-block;
width: 350px;
height: 200px;
vertical-align: top;
}

#home .c1 .video-footer-img img{
width: 100%;
height: 100%;
object-fit: cover;
}

#home .c1 .call-to-scroll{
display: inline-block;
width: 200px;
height: 200px;
background-color: #FFE221;
vertical-align: top;
border-bottom-right-radius: 65px;
text-align: center;
position: absolute;
}

#home .c1 .call-to-scroll img{
width: 30px;
height: 60px;
margin-top: 70px;
}

#home .c1 .content{
display: inline-block;
width: 850px;
padding-left: 300px;
padding-right: 50px;
box-sizing: border-box;
height: 200px;
background-color: white;
}

#home .c1 .content h1{
font-family: 'Montserrat', sans-serif;
font-style: italic;
font-size: 21px;
line-height: 35px;
padding: 0;
margin: 74px 0 0;
position: relative;
z-index: 2;
}

#home .c1 .content h1:after{
content: "";
position: absolute;
top: -50px;
left: -30px;
background-image: url(images/hochkommas-grey.svg);
height: 45px;
width: 60px;
background-repeat: no-repeat;
z-index: -1;
opacity: 0.9;
}

#home .c2{
vertical-align: top;
text-align: left;
width: 100%;
display: grid;
grid-template-columns: 6fr 150px 5fr;
position: relative;
margin-bottom: 200px;
margin-top: -35px;
}

#home .c2_c1{
grid-column: 1/3;
grid-row: 1/2;
z-index: 1;
background-color: white;
margin-bottom: 75px;
padding: 50px;
position: relative;
opacity: 0; 
transform: translateX(-70px);
}

#home .c2_c1 h2{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}

#home .c2_c1>p{
position: absolute;
bottom: -50px;
margin: 0;
}

#home .c2_c1>p a{
border-bottom: 2px solid #FFE221;
position: relative;
}

#home .c2_c1 a.button{
margin-top: 20px;
}

#home .c2_c2{
grid-column: 2/4;
grid-row: 1/2;
margin-top: 75px;
position: relative;
}

#home .c2_c2 .grey-div{
content:"";
background-color: #F3F3F3;
height: 100%;
position: absolute;
left: 0;
top: 0;
width:100%;
}

#home .c2_c2 img{
width: 100%;
height: 100%;
object-fit: cover;
}

#home .c2_c3{
position: absolute;
right: 25px;
bottom: -85px;
background-color: #FFE221;
width: 150px;
padding: 70px 30px 20px;
border-bottom-right-radius: 65px;
font-weight: 100;
opacity: 0;
transform: translateY(70px);
}

#home .c2_c3 p{
font-size: 18px;
line-height: 26px;
position: relative;
z-index: 2;
}

#home .c2_c3 p:after {
content: "";
position: absolute;
top: -45px;
left: 0px;
background-image: url(images/hochkommas-yellow.svg);
height: 35px;
width: 50px;
background-repeat: no-repeat;
z-index: -1;
opacity: 0.9;
}

#home .c3{
width:100%;
margin-top:50px;
}

#home .c3 img{
width: 600px;
margin: 0 auto 150px;
max-width: 100%;
}

#home .c3 h2{
text-align:center;
background-position:bottom center;	
padding-bottom:15px;
margin-bottom:60px;
}

#home .c3 .item{
width:203px;
height:	240px;
display:inline-block;
vertical-align:top;
position:relative;
transition:all 0.3s;
text-decoration:none;
box-shadow: 2px 2px 0px 0px rgba(204,204,204,1);
background-color:white;
margin: 7px 18px;
transition:all 0.3s;
}

#home .c3 .item:hover{
box-shadow: 4px 4px 0px 0px rgba(204,204,204,1);
}

#home .c3 .item .photo{
width:203px;
height:203px;
position:absolute;
top:0px;
left:0px;	
z-index:50;
text-align:center;
overflow:hidden;
}

#home .c3 .item .photo img{
position: absolute; /* postulat de départ */
top: 50%; left: 50%; /* à 50%/50% du parent référent */
transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
transition:all 1s;
bottom:0px;
}


#home .c3 .item .prix_barre{
position:absolute;
top:154px;
right:0px;	
line-height:23px;
background-color:red;
color:white;
font-size:13px;
padding:0px 4px;
z-index:55;
font-weight: 700;
padding: 0px 8px;
text-decoration: line-through;
}


#home .c3 .item .prix{
position:absolute;
top:177px;
right:0px;	
line-height:25px;
background-color:#100300;
color:white;
font-size:15px;
padding:0px 4px;
z-index:60;
font-weight: 700;
padding: 0px 25px;
}

#home .c3 .item .titre{
position:absolute;
top:203px;
height:37px;
width:183px;
line-height:37px;
background-color:#fdc04a;
text-align:center;
font-weight:700;
color:#100300;
text-transform:uppercase;
padding:0px 10px;
overflow:hidden;
font-size:16px;
}

#home .c3 .item:hover .titre{

}

#home .c3 .more_infos{
width:100%;
padding:60px 0px;
}

/* ***** ANKAUF - VERKAUF ***** */

#ankauf-verkauf .c1{
vertical-align: top;
text-align: left;
width: 100%;
display: grid;
grid-template-columns: 6fr 150px 5fr;
position: relative;
margin-bottom: 200px;
}

#ankauf-verkauf .c1_c1{
grid-column: 1/3;
grid-row: 1/2;
z-index: 1;
background-color: white;
margin-bottom: 75px;
padding: 50px;
position: relative;
opacity: 0; 
transform: translateX(-70px);
}

#ankauf-verkauf .c1_c1 h2{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}

#ankauf-verkauf .c1_c1>p{
position: absolute;
bottom: -50px;
margin: 0;
}

#ankauf-verkauf .c1_c1>p a{
border-bottom: 2px solid #FFE221;
position: relative;
}

#ankauf-verkauf .c1_c1 a.button{
margin-top: 20px;
}

#ankauf-verkauf .c1_c2{
grid-column: 2/4;
grid-row: 1/2;
margin-top: 75px;
position: relative;
}

#ankauf-verkauf .c1_c2 .grey-div{
content:"";
background-color: #F3F3F3;
height: 100%;
position: absolute;
left: 0;
top: 0;
width:100%;
}

#ankauf-verkauf .c1_c2 img{
width: 100%;
height: 100%;
object-fit: cover;
}

#ankauf-verkauf .c1_c3{
position: absolute;
right: 25px;
bottom: -85px;
background-color: #FFE221;
width: 150px;
padding: 70px 30px 20px;
border-bottom-right-radius: 65px;
font-weight: 100;
opacity: 0;
transform: translateY(70px);
}

#ankauf-verkauf .c1_c3 p{
font-size: 18px;
line-height: 26px;
position: relative;
z-index: 2;
}

#ankauf-verkauf .c1_c3 p:after {
content: "";
position: absolute;
top: -45px;
left: 0px;
background-image: url(images/hochkommas-yellow.svg);
height: 35px;
width: 50px;
background-repeat: no-repeat;
z-index: -1;
opacity: 0.9;
}

#ankauf-verkauf .c2{
vertical-align: top;
text-align: left;
width: 100%;
display: grid;
grid-template-columns: 6fr 150px 5fr;
position: relative;
margin-bottom: 150px;
margin-top: 50px;
}

#ankauf-verkauf .c2_c1{
grid-column: 2/4;
grid-row: 1/2;
z-index: 1;
background-color: white;
margin-bottom: 75px;
padding: 50px;
position: relative;
opacity: 0; 
transform: translateX(-70px);
}

#ankauf-verkauf .c2_c1 h2{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}

#ankauf-verkauf .c12_c1>p{
position: absolute;
bottom: -50px;
margin: 0;
}

#ankauf-verkauf .c2_c1>p a{
border-bottom: 2px solid #FFE221;
position: relative;
}

#ankauf-verkauf .c2_c1 a.button{
margin-top: 20px;
}

#ankauf-verkauf .c2_c2{
grid-column: 1/3;
grid-row: 1/2;
margin-top: 75px;
position: relative;
}

#ankauf-verkauf .c2_c2 .grey-div{
content:"";
background-color: #F3F3F3;
height: 100%;
position: absolute;
left: 0;
top: 0;
width:100%;
}

#ankauf-verkauf .c2_c2 img{
width: 100%;
height: 100%;
object-fit: cover;
}

/* ***** LAGER ***** */

#lager{
	text-align: center;
}

#lager iframe{
	width:984px; 
	margin: 0 auto 150px;
	opacity: 0;
}

/* ***** WERKSTATT ***** */

#werkstatt .c1{
	margin-bottom: 150px;
}

#werkstatt .c4{
	margin-bottom: 200px;
}

#werkstatt .c1 .background, #werkstatt .c4 .background{
	background-color: white;
}

#werkstatt .c1 .background .main_width, #werkstatt .c4 .background .main_width{
	display: grid;
    grid-template-columns: 1fr 100px 1fr;
	position: relative;
    height: auto;
}

#werkstatt .c1_c1, #werkstatt .c4_c1{
	grid-column: 1/2;
    grid-row: 1/2;
	height: fit-content;
    margin-top: 75px;
    margin-bottom: 75px;
	opacity: 0;
	transform: translateX(-40px);
}

#werkstatt .c1_c1 a.button, #werkstatt .c4_c1 a.button{
	margin-top: 30px;
}

#werkstatt .c1_c2, #werkstatt .c4_c2{
	grid-column: 3/4;
    overflow: hidden;
    grid-row: 1/2;
	position: absolute;
    width: 100%;
    right: 0;
    height: 100%;
    top: 70px;
	opacity: 0;
	transform: translateY(-40px);
}

#werkstatt .c1_c2 img, #werkstatt .c4_c2 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#werkstatt .c1_c3, #werkstatt .c4_c3{
	text-align: center;
}

#werkstatt .c1_c3 .item, #werkstatt .c4_c3 .item{
	display: inline-block;
    width: 44%;
    margin: 0 2%;
    vertical-align: top;
    margin-top: 200px;
    background-color: #dfdfdf;
    padding: 40px;
    box-sizing: border-box;
    height: 360px;
	text-align: left;
	opacity: 0;
	transform: scale(0.5);
}


#werkstatt .c1_c3 .item h3, #werkstatt .c4_c3 .item h3{
	margin-top: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	position: relative;
}

#werkstatt .c1_c3 .item h3:after, #werkstatt .c4_c3 .item h3:after{
	content: "";
    position: absolute;
    top: 0px;
    right: 15px;
    background-image: url(images/hochkommas-grey.svg);
    height: 60px;
    width: 80px;
    background-repeat: no-repeat;
	z-index: -1;
}

#werkstatt .c1_c3 .item p, #werkstatt .c4_c3 .item p{
	font-size: 16px;
}

#werkstatt .c2{
vertical-align: top;
text-align: left;
width: 100%;
display: grid;
grid-template-columns: 6fr 150px 5fr;
position: relative;
margin-bottom: 150px;
}

#werkstatt .c2_c1{
grid-column: 1/3;
grid-row: 1/2;
z-index: 1;
background-color: white;
margin-bottom: 75px;
padding: 50px;
position: relative;
opacity: 0;
transform: translateX(-50px);
}

#werkstatt .c2_c1 h2{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}

#werkstatt .c2_c1>p{
position: absolute;
bottom: -50px;
margin: 0;
}

#werkstatt .c2_c1>p a{
border-bottom: 2px solid #FFE221;
position: relative;
}

#werkstatt .c2_c1 a.button{
margin-top: 20px;
}

#werkstatt .c2_c2{
grid-column: 2/4;
grid-row: 1/2;
margin-top: 75px;
position: relative;
}

#werkstatt .c2_c2 .grey-div{
content:"";
background-color: #F3F3F3;
height: 100%;
position: absolute;
left: 0;
top: 0;
width:100%;
}

#werkstatt .c2_c2 img{
width: 100%;
height: 100%;
object-fit: cover;
}

#werkstatt .c3, #werkstatt .c5{
vertical-align: top;
text-align: left;
width: 100%;
display: grid;
grid-template-columns: 6fr 150px 5fr;
position: relative;
margin-bottom: 150px;
margin-top: 50px;
}

#werkstatt .c3_c1, #werkstatt .c5_c1{
grid-column: 2/4;
grid-row: 1/2;
z-index: 1;
background-color: white;
margin-bottom: 75px;
padding: 50px;
position: relative;
opacity: 0;
transform: translateX(50px);
}

#werkstatt h2{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}

#werkstatt .c3_c1>p a, #werkstatt .c5_c1>p a{
border-bottom: 2px solid #FFE221;
position: relative;
}

#werkstatt .c3_c1 a.button, #werkstatt .c5_c1 a.button{
margin-top: 20px;
}

#werkstatt .c3_c2, #werkstatt .c5_c2{
grid-column: 1/3;
grid-row: 1/2;
margin-top: 75px;
position: relative;
}

#werkstatt .c3_c2 .grey-div, #werkstatt .c5_c2 .grey-div{
content:"";
background-color: #F3F3F3;
height: 100%;
position: absolute;
left: 0;
top: 0;
width:100%;
}

#werkstatt .c3_c2 img, #werkstatt .c5_c2 img{
width: 100%;
height: 100%;
object-fit: cover;
}


/* ***** CONTACT ***** */

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

}

#contact .main_width{
padding-bottom:100px;
}


#contact .c1{
display:inline-block;
vertical-align:top;
width:37%;
margin-right:6%;
text-align:left;
opacity: 0;
transform: translateX(-50px);
}

#contact .c1 h2{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}

#contact .c1 p span.head{
display:block;
width:100%;
font-size:12px;
line-height:14px;
text-transform:uppercase;
}

#contact .c1 p.horaire span+span{
display: block;
}

#contact .c1 p.logo img{
display:none;
}

#contact .c1 p.pricerange{
display: none;
}

#contact .c2{
display:inline-block;
vertical-align:top;
width:45%;
text-align:left;
opacity: 0;
transform: translateY(-40px);
}

#contact .c2 .streetview{
width:100%;
height:360px;
}

#contact .map{
width:100%;
height:433px;
}




/* ***** 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:36%;
margin-right:6%;
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:36%;
padding:1%;
margin-right:4%;
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{
width:100%;
background-color:white;
text-align:center;
}

#footer .footer_c1{
max-width: 400px;
margin: 0 auto 80px;
padding-top: 100px;
opacity: 0.2;
}

#footer .footer_c2>div{
display: inline-block;
width: 27%;
margin: 1% 3%;
vertical-align: top;
text-align: left;
}

#footer .footer_c2>div a{
text-decoration: underline;
}

#footer .footer_c2 p{
margin-bottom: 5px;
}

#footer .footer_c2 p.title{
font-weight: 600;
margin-bottom: 8px;
}

#footer #cssmenu{
border-top:1px solid #144b7d;
border-bottom:1px solid #144b7d;
}

#footer img.logo_footer{
padding-top:100px;
width:75%;
max-width:487px;
display:block;
margin:auto;
}

#footer .adresse{
display:inline-block;
padding-left:30px;
margin-top:90px;
}

#footer .adresse p{
font-size:15px;
text-transform:uppercase;
font-weight:900;	
line-height:20px;
}

#footer p.copyright{
text-align:center;
font-size:14px;
margin-top:100px;
padding-bottom:50px;
margin-bottom:0px;
}

#footer p.copyright a{
text-decoration:underline;
}





/* *********************** FORM JQUERY *********************** */
#fadeandscale{
background-color:white;
padding:20px 50px;
text-align:center;
max-width:800px;
border-radius: 13px;
}

#fadeandscale h1{
font-size: 40px;
font-weight: 300;
margin:14px 0px 40px 0px;
color: #a5a5a5;
}

#fadeandscale p{
font-size: 16px;
color: #2c3e50;
margin: 17px 0px 14px 10px;
}

#fadeandscale p.optin{
	font-size:12px;
	line-height:21px;	
}

#fadeandscale #optin{
margin-right: 5px;
margin-left: 10px;
position: relative;
top: 2px;
}

#fadeandscale input[type="text"]{
border: 1px solid #bdc3c7;
padding: 10px 20px;
font-size: 16px;
color: #2c3e50;
transition: all 0.2s ease-in-out;
margin-bottom: 15px;
margin-right: 15px;
width:90%;
max-width: 513px;
border-radius: 2px;
color: #424e5a;
display: inline-block;
}

#fadeandscale input[type="text"]:hover{
box-shadow:         1px 1px 10px 0px rgba(50, 50, 50, 0.20);
}

#fadeandscale select{
border: 1px solid #bdc3c7;
padding: 10px 20px;
font-size: 16px;
color: #2c3e50;
transition: all 0.2s ease-in-out;
margin-bottom: 15px;
margin-right: 15px;
width:90%;
max-width: 556px;
border-radius: 2px;
color: #424e5a;
display: inline-block;
}

#fadeandscale textarea{
border: 1px solid #bdc3c7;
padding: 10px 20px;
font-size: 14px;
color: #2c3e50;
transition: all 0.2s ease-in-out;
margin-bottom: 15px;
margin-right: 15px;
width:90%;
max-width: 513px;
height:200px;
border-radius: 2px;
color: #424e5a;
display: inline-block;
}


#fadeandscale .boutons{
	margin:20px 0px;
}

#fadeandscale .boutons .button{
display: inline-block;
border-radius: 30px;
background-color: #100300;
text-transform: uppercase;
color: white;
padding: 7px 23px;
margin:0px 10px;
font-weight: 700;
transition: all 0.5s ease-in-out;
font-size: 14px;
text-decoration:none;
transition:all 0.3s;
cursor:pointer;
 
}

#fadeandscale .boutons .button:hover{
padding: 7px 33px;
margin:0px 0px;
}


#fadeandscale input[type="submit"]{
background-color:#100300!important;
color:white!important;	
border-radius:22px;
cursor:pointer;
}

/* ***** CAPTCHA ***** */

.grecaptcha-badge { 
	visibility: hidden; 
}


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

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

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

.fade_container {
    overflow-x: hidden;
}