@import url('https://fonts.googleapis.com/css?family=Assistant|Fugaz+One&display=swap');

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

html{
width:100%;
min-width:570px;
scroll-behavior: smooth;

}

body{
font-family: 'Assistant', sans-serif;
border-top:5px solid #dd001b;
border-bottom:5px solid #dd001b;
background-color:#686b6b;

}

body .background{
background-image:url('images/main_background2025.jpg');
background-repeat:no-repeat;
background-position:bottom center;
background-color:#d7dcdf;	
padding-top:10px;
background-size: 100%;
}

.background>.jobs{
	text-align: right;
	margin-bottom: 10px;
}

.background>.jobs p{
	display: block;
	margin: 0 0 0 auto;
	width: fit-content;
	padding-left: 35px;
	background-image: url(images/icon-jobs.svg);
	background-size: 27px;
	background-position: left 5px center;
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	line-height: 22px;
	color: #fff;
	background-color: #d16767;
	padding: 5px 5px 5px 40px;
	border-radius: 5px;
}

@keyframes jobscolors {
  0% {color: #fff;}
  50% {color: #9d9d9d;}
  100% {color: #fff;}
}

.background>.jobs p a{
    animation: jobscolors 1.4s infinite;
}

.background>.jobs p a:hover{
    text-decoration: underline;
}

body .space{
width:100%;
height:323px;	
}


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

p{
color:#231f20;
line-height:27px;
font-size:16px;
margin-bottom:13px;
}

h1{
font-family: 'Fugaz One', 'Assistant';
font-weight:300;
text-transform: uppercase;
font-size: 52px;
margin-bottom:0px;
color:#686b6b;
line-height:53px;
}

h2{
font-family: 'Fugaz One', 'Assistant';
font-size: 17px;
line-height: 28px;
background-color:#686b6b;
color:white;
text-transform: uppercase;
margin-bottom: 60px;
display: inline-block;
vertical-align: top;
padding: 2px 29px;
font-weight:300;
}

h3{
font-family: 'Fugaz One', 'Assistant';
font-size: 16px;
line-height: 24px;
background-color:#686b6b;
color:white;
text-transform: uppercase;
display: inline-block;
vertical-align: top;
padding: 2px 12px;
font-weight: 300;
}


a.button{
display: inline-block;
border-radius: 27px;
background-color: #dd001b;
text-transform: uppercase;
color: white;
padding: 7px 23px;
font-weight: 700;
transition: all 0.5s ease-in-out;
border: 1px solid #dd001b;
font-size: 15px;
}

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


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

a:hover{
text-decoration:underline;
}

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

/* *********************** MENU (HACK cssmenu/styles.css) *********************** */

#cssmenu ul li a{
font-size:15px!important;
padding-left:17px!important;
padding-right:17px!important;
}

/* *********************** BANNER / SLIDER *********************** */
#banner{
background-color:#686b6b;
border-top-left-radius:12px;
border-top-right-radius:12px;
margin:auto;
position:relative;
height:175px;
border-top:1px solid #686b6b;
border-left:1px solid #686b6b;
border-right:1px solid #686b6b;
background-image:url('images/bg_banner_small.png');
background-repeat:no-repeat;
overflow:hidden;
background-position:center;
}


/* exception pour la home */
#banner.home{
height:235px;
background-image:none;
}

#banner.home .logo_zone img.logo{
padding-top:84px;
padding-left:0px;	
width:187px;
}


#banner .logo_zone{
position:absolute;
top:0px;
left:0px;
z-index:150;
height:300px;
}

#banner .logo_zone img.logo{
padding-top:39px;
padding-left:0px;	
width:270px;
}


#slider_area{
position:absolute;
top:0px;
right:0px;
z-index:100;
width:389px;
height:235px;
border-top-right-radius:12px;

}

#slider_area .bg{
position:absolute;
top:0px;
left:0px;
z-index:150;
background-repeat:repeat-y;
width:400px;
height:235px;
overflow:hidden;
border-top-right-radius:12px;
}

/* *********************** SLIDER *********************** */

#slider{
width:389px;
height:235px;
border-top-right-radius:12px;
}

#slider a.item{
display:block;
width:389px;
height:235px;
background-size:cover;
cursor:pointer;
}

#slider a.item .details{
text-align:right;
padding-top:15px;
}

#slider a.item .details p.text1{
font-family: 'Fugaz One', 'Assistant';
font-size: 28px;
line-height: 33px;
color:white;
text-transform: uppercase;
display: inline-block;
vertical-align: top;
padding: 0px 29px;
font-weight:300;
text-shadow: 0px 0px 18px rgba(0,0,0,0.96);
margin-bottom:0px;
}

#slider a.item .details p.text2{
font-family: 'Fugaz One', 'Assistant';
font-size: 17px;
line-height: 23px;
color:white;
text-transform: uppercase;
display: inline-block;
vertical-align: top;
padding: 0px 29px;
font-weight:300;
text-shadow: 0px 0px 18px rgba(0,0,0,0.96);
}

#slider a.item .details span.button{
font-family: 'Fugaz One', 'Assistant';
font-size: 17px;
line-height: 23px;
background-color:#686b6b;
color:white;
text-transform: uppercase;
display: inline-block;
vertical-align: top;
padding: 2px 29px;
font-weight:300;
text-shadow: 0px 0px 18px rgba(0,0,0,0.96);
transition:all 0.3s;
}

#slider a.item .details span.button:hover{
background-color:#dd001b;	
}

/* *********************** WRAPPER *********************** */
#wrapper{
background-color:white;
border-bottom-left-radius:12px;
border-bottom-right-radius:12px;
border-left:1px solid #686b6b;
border-right:1px solid #686b6b;
border-bottom:1px solid #686b6b;
padding-top:65px;
min-height:500px;
}

#wrapper .content{
display:inline-block;
vertical-align:top;
width:96%;
padding-left:2%;
padding-right:2%;
padding-bottom:30px;
}


#wrapper .cta{
display:inline-block;
vertical-align:top;
width:100%;
text-align:center;
display:none;
}


/* *********************** CTA (common) *********************** */

#wrapper .cta .lang{
width:100%;
}

#wrapper .cta .lang img{
padding:3px 6px;
transition:all 0.3s;
}

#wrapper .cta .lang img:hover{
opacity:0.65;	
}

#wrapper .cta .menu{
display:inline-block;
vertical-align:top;	
text-align:center;
margin-bottom:30px;
padding-top: 15px;
padding-bottom:30px;
border-bottom: 1px solid #c0c0c0;

}

#wrapper .cta .menu li{
list-style-type:none;
display:block;
}

#wrapper .cta .menu li a{
font-size:14px;
color:#333;
line-height:35px;
text-transform:uppercase;
font-weight:900;
display:block;
}

#wrapper .cta .menu li a:hover{
color:#dd001b;	
}

#wrapper .cta .menu li a.selected{
color:#dd001b;	
text-decoration:underline;
}


#wrapper .cta a.contact_btn{
opacity:0.80;
transition:all 0.3s;
text-decoration: none !important;
}

#wrapper .cta a.contact_btn img{
display:block;
margin:auto;	
margin-bottom:16px;
}

#wrapper .cta a.contact_btn span{
background-color:#dd001b;
color:white;
border-radius:20px;
padding:7px 12px;
font-size:14px;
font-family: 'Fugaz One', 'Assistant';
text-transform:uppercase;
}

#wrapper .cta a.contact_btn:hover{
text-decoration:none;
opacity:1;
}

#wrapper .cta p.nom{
font-weight:900;
margin-top:20px;
font-size:19px;
color:#000;
display:none;
}

#wrapper .cta p.adresse{
line-height:19px;
display:none;
}

#wrapper .cta p.tel u{
display:block;
}

#wrapper .cta p.tel{
margin-bottom:20px;
display:none;
}


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


/* ***** HOME ***** */


#home p.important{
font-size:18px;	
color:black;
line-height:26px;
font-weight:900;
}


#home img.image_home{
padding:3px;
border:1px solid #686b6b;
float:left;
margin-right:40px;
margin-bottom:40px;
width:225px;
}

#home .cta .dealer_logo{
font-size:0px;	
}

#home .cta .dealer_logo img{
display:inline-block;
vertical-align:top;
max-width:100%;
margin-bottom:10px;
	
}

#wrapper .search{
background-color: white;
display: inline-block;
vertical-align: top;
margin-right: 0px;
margin-bottom: 15px;
width: 100%;
border-bottom: 1px solid #e0e2e2;
text-align:center;
}

#wrapper .search p{
display: inline-block;
vertical-align: middle;
margin-right: 10px;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
}

#wrapper .search form {
display: inline-block;
vertical-align: middle;
}

#wrapper .search input{
background-color: white;
height: 20px;
color: #686b6b;
border-top: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
border-right: 0px;
margin-top: 7px;
width: auto;
padding: 6px;
}

#wrapper .search .button_search{
width:34px;
height:34px;
background-color:#dd001b;
border-top:1px solid #dd001b;
border-right:1px solid #dd001b;
border-bottom:1px solid #dd001b;
border-left:0px;
position:relative;
right:4px;
background-image:url('images/icon-loupe.png');
background-repeat:no-repeat;
background-position:center;
cursor:  pointer;
}

/* ***** NEWS ***** */

#news{
text-align:center;
padding-top:50px;
}

#news .c1{
width: 68%;
margin-right: 3%;
display: inline-block;
vertical-align: top;
background-color: white;
padding: 2%;
min-height:408px;
text-align:left;
border: 1px solid #dfd4d4;
border-radius: 13px;
}

#news .c1 .item{ /* <a href="... */
padding:15px;
border-bottom:1px solid #c0c0c0;
display:block;
color:#000;
}

#news .c1 .item:hover{
text-decoration:none;
background-color:#e1e1e1;
}

#news .c1 .item .image{
width:300px;
height:300px;
display:inline-block;
vertical-align:top;
background:black;
overflow:hidden;
margin-right:30px;
float:left;
position:relative;
}

#news .c1 .item .image img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition:all 0.5s;
position:absolute;
top:0px;
left:0px;
z-index:50;
}

#news .c1 .item:hover .image img{
transform: scale(1.1);
opacity:0.65;
}

#news .c1 .item .image .arrow{
width:300px;
height:300px;
position:absolute;
z-index:75;
background-image:url('images/arrow-right.png');
background-repeat:no-repeat;
background-position:center;
transition:all 0.3s;
transform: scale(0);
}

#news .c1 .item:hover .image .arrow{
transform: scale(1);
}

#news .c1 .item h2{
margin-bottom:10px;
}

#news .c1 .item span.date{
font-size:13px;
color:#a4a4a4;
display:block;
margin-bottom:20px;
}


#news .c1 .item span.button{
display:block;
margin-top:30px;
font-weight:700;
text-align:right;
}

#news .c1 .item:hover span.button{
text-decoration:underline;
}

#news .c2{ /* affichage d'un article */
width: 68%;
margin-right: 3%;
display: inline-block;
vertical-align: top;
background-color: white;
padding: 2%;
min-height:408px;
text-align:left;
border: 1px solid #dfd4d4;
border-radius: 13px;
}

#news .c2 .photo{
width: 100%;
overflow: hidden;
height: 461px;
background-color: #e1e1e1;
}

#news .c2 .photo img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

#news .c2 h1{
margin-bottom:0px;
}

#news .c2 p.date{
font-size:13px;
color:#a4a4a4;
display:block;
margin-bottom:20px;
}

#news .c2 .photos_secondaires{
width:100%;
font-size:0px;
}

#news .c2 .photos_secondaires a.item{
display:inline-block;
vertical-align:top;
width:24.8%;
padding:0.1%;
height:200px;
background:black;
overflow:hidden;
position:relative;
}

#news .c2 .photos_secondaires a.item img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition:all 0.5s;
position:absolute;
top:0px;
left:0px;
z-index:50;
}


#news .c2 .photos_secondaires a.item:hover img{
transform: scale(1.1);
opacity:0.65;
}

#news .c2 .photos_secondaires a.item .arrow{
width:100%;
height:100%;
position:absolute;
z-index:75;
background-image:url('images/arrow-right.png');
background-repeat:no-repeat;
background-position:center;
transition:all 0.3s;
transform: scale(0);
}

#news .c2 .photos_secondaires a.item:hover .arrow{
transform: scale(1);
}

#news .c2 .related{
margin-top:30px;
padding-top:30px;
border-top:1px solid #c0c0c0;
}

#news .c2 .related .item{
display:block;
line-height:40px;
color:black;
padding-left:35px;
transition:all 0.3s;
background-image:url('images/arrow-right-black-small.png');
background-repeat:no-repeat;
background-position:left -25px center;
}

#news .c2 .related .item:hover{
background-position:left 5px center;
}

#news .c2 .related .item:nth-child(odd){
background-color:#ececec;
}

#news .c2 .related .item:nth-child(even){
background-color:#f9f9f9;
}


/* ***** SHOP ***** */
#shop{
}

#shop .c1{ /* affichage des types + cat + produits */
min-height:408px;
text-align:center;

}

#shop .c1 .item{
width:195px;
height:195px;
display:inline-block;
position:relative;
margin:20px;
transition:all 0.3s;
border-radius:3px;
padding:3px;
border:1px solid #686b6b;

}

#shop .c1 .item span.text1{
position:absolute;
bottom:10px;
left:0px;
width:100%;
z-index:80;
color:white;
font-size:18px;
text-align:center;
}

#shop .c1 .item .img{
position:absolute;
top:0px;
left:0px;
width:195px;
height:195px;
background-color:#eaeaea;
z-index:50;
overflow:hidden;
}

#shop .c1 .item .img img{
transition:all 0.3s;
width:265px;
position:relative;
border-radius:3px;
object-fit: cover;
width: 110%;
height: 110%;
}

#shop .c1 .item:hover .img img{
transition:all 0.3s;
width:195px;
width:100%;
height:100%;
}

#shop .c1 .item .shadow{
width:195px;
height:195px;
z-index:70;
position:absolute;
background-image:url('images/bg_news.png');
background-repeat:repeat-x;
background-position:bottom;
opacity:0.82;
transition:all 0.3s;
}

#shop .c1 .item:hover .shadow{
opacity:1;
}

#shop .c1 .item .arrow{
width:195px;
height:195px;
position:absolute;
z-index:75;
background-image:url('images/arrow-right.png');
background-repeat:no-repeat;
background-position:center;
transition:all 0.3s;
transform: scale(0);
}

#shop .c1 .item:hover .arrow{
transform: scale(1);
}

/* affichage de la liste des produits */

#shop .c2{
min-height:408px;
text-align:left;
}

#shop .filter{
margin-bottom:30px;
margin-top:30px;
}

#shop .filter a{
padding: 9px 15px;
display: inline-block;
vertical-align: top;
line-height: 19px;
color:#000;
transition: all 0.3s;
border-radius: 30px;
margin-right: 12px;
border: 1px solid #c0c0c0;
margin-bottom: 10px;
font-size:13px;
text-transform:capitalize;
}


#shop .filter a:hover{
background-color:#f9f9f9;
}

#shop .filter a.active{
background-color:#ddd;
}

#shop .c2 .item{
width:100%;
float:right;
border-bottom:1px solid #e1e1e1;
text-align:left;
padding-top:13px;
padding-bottom:13px;
transition:all 0.3s;
font-size:0px;

}

#shop .c2 .item:hover{
background-color:#e1e1e1;
}

#shop .c2 .item .img{
position:relative;
width:180px;
height:180px;
background-color:#f9f9f9;
overflow:hidden;
position:relative;
display:inline-block;
border:1px solid #686b6b;
}

#shop .c2 .item .img img{
position:absolute;
z-index:100;
transition:all 0.3s;
border-radius:3px;
width:110%;
height:110%;
top:-5%;
left:-5%;
object-fit:cover;
}

#shop .c2 .item:hover .img img{
transition:all 0.3s;
width:100%;
height:100%;
top:0%;
left:0%;
}


#shop .c2 .item .img .arrow{
position:absolute;
z-index:120;
width:180px;
height:180px;
background-image:url('images/arrow-right.png');
background-repeat:no-repeat;
background-position:center;
transition:all 0.3s;
transform: scale(0);
}

#shop .c2 .item:hover .img .arrow{
transform: scale(1);
}

#shop .c2 .item_content{
display:inline-block;
vertical-align:top;
width:290px;
padding-left:40px;
}

#shop .c2 .item_content span.filtre{
font-size: 12px;
color:#9f9f9f;
margin: 0px;
line-height: 20px;
}

#shop .c2 .item span.prix_barre{
font-size: 14px;
display: inline-block;
color: black;
text-decoration: none;
font-weight: 900;
text-decoration:line-through;
padding: 2px 7px;
}

#shop .c2 .item span.prix{
font-size: 20px;
display: inline-block;
color: white;
text-decoration: none;
font-weight: 900;
margin-right: 30px;
background-color: #000;
padding: 2px 7px;
}

#shop .c2 .item span.titre{
font-size: 18px;
padding-top: 5px;
display: inline-block;
color: #000;
text-decoration:none;
}


#shop .c2 .item span.description{
font-size: 14px;
padding-top: 17px;
color: #404040;
text-decoration:none;
display:block;
max-height:86px;
overflow:hidden;
}

.is-animated {
  animation: .9s zoom-in;
}

@keyframes zoom-in {
  0% {
   transform: scale(.1);
  } 
  100% {
    transform: none;
  }
}

/* affichage d'un produit suivant son ID */
#shop .c3{ 
min-height:408px;
text-align:left;
}

#shop .c3 h1{
	margin-bottom:30px;
	
}

#shop .c3 .demo-gallery{
font-size:0px;
text-align:left;
}

#shop .c3 .demo-gallery a.main_pic{
display: block;
width:100%;
height:500px;
background-color:#f7f7f7;
overflow:hidden;
}

#shop .c3 .demo-gallery a.main_pic img{ 
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
 
#shop .c3 .demo-gallery a.small_pic{
display:inline-block;
vertical-align:top;
width:96px;
height:96px;
overflow:hidden;
transition:all 0.3s;
border-top:1px solid white;
border-right:1px solid white;

}

#shop .c3 .demo-gallery a.small_pic img{
transition:all 0.3s;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

#shop .c3 .demo-gallery a.small_pic:hover img{
transform: scale(1.2);
}

#shop .c3 .photos_non_contractuelles{
font-size:12px;
color:#c0c0c0;
text-align:right;
}

#shop .c3 .item_content{
width:96%;
padding:30px 2%;
display:inline-block;
vertical-align:top;
min-height:500px;
text-align:left;
}

#shop .c3 .item_content h2{
margin:0px;	
}

#shop .c3 .item_content p.prix_barre{
font-family: 'Fugaz One', 'Assistant';
font-weight:300;
font-size: 23px;
display: inline-block;
vertical-align:middle;
padding: 4px 11px;
color:black;
text-decoration: line-through;
margin-right: 3px;
margin-bottom: 0px;

}

#shop .c3 .item_content p.prix{
font-family: 'Fugaz One', 'Assistant';
font-weight:300;
font-size: 23px;
background-color:#dd001b;
display: inline-block;
vertical-align:middle;
padding: 4px 11px;

color:white;
margin-right: 16px;
margin-bottom: 0px;
}

#shop .c3 .item_content p.prix span.promo{
display: inline-block;
vertical-align: middle;
font-size: 14px;
color:white;
padding: 0px 5px;
margin-right: 10px;

}

#shop .c3 .item_content p.info_prix{
display: inline-block;
vertical-align: middle;
font-size: 14px;
font-weight: 900;
padding: 4px 11px;
text-transform: uppercase;
text-decoration: underline;
color:#dd001b;
margin-bottom: 20px;
}

#shop .c3 .item_content p.marque{
color:#404040;
font-size:13px;
vertical-align:middle;
margin-right:15px;
display: inline-block;
}

#shop .c3 .item_content p.reference{
color:#404040;
display: inline-block;
font-size:13px;
vertical-align:middle;
}

#shop .c3 .item_content p.dispo{
font-size: 14px;
display: inline-block;
vertical-align: middle;
font-weight: 700;
text-decoration: underline;
margin-bottom: 0px;
}

#shop .c3 .item_content p.dispo.color1{/* dispo */
color:#000;
}

#shop .c3 .item_content p.dispo.color2{/* sur cmd */
color:#000;
}

#shop .c3 .item_content p.dispo.color3{/* rupt de stock */
color:#000;
}

#shop .c3 .item_content p.dispo.color4{/* vendu */
color:#000;
}

#shop .c3 .pdfs{
width:100%;
margin-bottom:30px;
}

#shop .c3 .pdfs a.item{
display:inline-block;
vertical-align:top;
border:1px solid #000;
padding: 8px 15px 8px 43px;
margin:5px 10px;
color:#000;
border-radius:20px;
background-image:url('images/pdf-dl.png');
background-repeat:no-repeat;
background-position:12px 4px;
font-size:13px;
text-transform:uppercase;
transition:all 0.3s;
}

#shop .c3 .pdfs a.item:hover{
text-decoration:none;
background-color:#ff0000;
color:white;
}

#shop .c3 .videos iframe{
width:475px;
height:300px;
}


#shop .c3 .item_content h3.interesse{
margin-top:50px;
}


#shop .cta .related{ /* produits liés */
width:100%;
border-top:1px solid #c0c0c0;
padding-top:30px;
}

#shop .cta .related h3{
margin-bottom:15px;	
}

#shop .cta .related a.item{
display:inline-block;
vertical-align:top;
width:133px;
height:123px;
overflow:hidden;
position:relative;
margin:5px;
overflow:hidden;
border:1px solid #c0c0c0;
margin-bottom:25px;
}

#shop .cta .related a.item .image{
width:133px;
height:123px;
position:absolute;
top:0px;
left:0px;
z-index:100;
}

#shop .cta .related a.item .image img{
transition:all 0.3s;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

#shop .cta .related a.item .titre{
position: absolute;
top: 0px;
left: 0px;
z-index: 250;
width: 94%;
background-color:white;
color:#000;
text-align: center;
line-height: 16px;
font-size: 13px;
transition: all 0.3s;
padding: 3px 3%;
border-bottom: 1px solid #c0c0c0;
}


#shop .cta .related a.item .prix{
position:absolute;
bottom:-50px;
left:0px;
z-index:200;
width:133px;
background-color:#000;
color:white;
font-weight:700;
text-align:center;
line-height:24px;
font-size:17px;
transition:all 0.3s;
}

#shop .cta .related a.item:hover .prix{
bottom:0px;
}

#shop .cta .related a.item .arrow{
width:133px;
height:123px;
position:absolute;
z-index:300;
background-image:url('images/arrow-right-black-small.png');
background-repeat:no-repeat;
background-position:center;
transition:all 0.3s;
transform: scale(0);
}

#shop .cta .related a.item:hover .arrow{
transform: scale(1);
}

#shop .c3 .item_content .options{
width:100%;
margin-top:90px;
}

#shop .c3 .item_content .options h3{
background-image:url('images/arrow-down-white-small.png');
background-repeat:no-repeat;
background-position:12px 8px;
}

#shop .c3 .item_content .options.open h3{
background-image:url('images/arrow-up-white-small.png');
background-repeat:no-repeat;
background-position:12px 8px;
}

#shop .c3 .item_content .options h3.beefup-head{
cursor:pointer;
padding-left:35px;

}


#shop .c3 .item_content .options li{
display:block;
list-style-type:none;
line-height:30px;
padding:5px 20px;
}

#shop .c3 .item_content .options li span{
display: inline-block;
min-width: 300px;
font-weight: 900;
text-transform: uppercase;
font-size: 13px;
}

#shop .c3 .item_content .options li:nth-child(odd){
background:#ececec;
}

#shop .c3 .item_content .options li:nth-child(even){
background:#f9f9f9;
}

/* ***** JOBS ***** */

.job-links{
	margin: 0;
    text-align: center;
}

.job-links a+a{
	margin-left: 30px;
}

.job{
	margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #e1e1e1;
}

.job img{
	margin-bottom: 20px !important;
}


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


#contact .mail img{
position: relative;
top: 5px;
left: 2px;
}


#contact .adresse .heures{
font-size:13px;
}



#contact .c2{
display:inline-block;
vertical-align:top;
width: 22%;
padding: 2%;
min-height:408px;
text-align:left;
margin-top:60px;
}


#contact .map{
width:100%;
height:400px;
font-size:0px;	
}

#contact .map iframe{
width:100%;
height:400px;
border-bottom-left-radius:13px;
border-bottom-right-radius:13px;
margin-bottom:0px;
padding-bottom:0px;
}



#contact p.whatsapp{
padding-left: 25px;
background-image: url('images/whatsapp.svg');
background-size: 20px;
background-position: left center;
background-repeat: no-repeat;
}




/* ***** SEARCH ***** */
#searching .c1{
display:inline-block;
vertical-align:top;
margin-right:30px;
width:100%;
}

#searching .c1 p.recherche_en_cours{
text-align:center;
margin-top: 119px;
font-size:12px;
opacity:0.75;
position:relative;
top:25px;

}

#searching .c1 .loading{
text-align: center;
display: block;
width: 185px;
margin: auto;
}


/* ***** SEARCH ***** */
#search .c1{
display:inline-block;
vertical-align:top;
margin-right:30px;
}

#search .c1 .item{
display:block;
width:100%;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px dotted #c1c1c1;
}

#search .c1 .item:hover{
background-color:#fafafa;
}




/* Mentions légales */

#legal h1{
padding:37px;
}


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

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

#legal p span{
display:inline-block;
vertical-align:top;
width:225px;
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:96%;
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 .c2{
width:96%;
padding:1%;
text-align:left;
display:inline-block;
vertical-align:top;
border:1px solid #c0c0c0;
margin-bottom:30px;

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{
}


/* *********************** FOOTER *********************** */

#footer{
width:100%;
text-align:center;
position:relative;
top:-50px;

}

#footer .concave{
height:50px;
width:100%;
background-image:url('images/bg_footer.png');
background-repeat:no-repeat;
background-position:bottom center;
background-size:100%;
}

#footer .content{
background-color:#686b6b;
min-height:550px;
}


#footer img.logo{
margin:60px;	
width:250px;
}

#footer .columns{
column-count:2;
column-gap: 30px;
column-rule:1px solid #626a75;
text-align:center;

}

#footer .columns .item{
display:inline-block;
width:100%;
}


#footer h3{
color: white;
text-transform: uppercase;
font-size: 16px;
margin-bottom: 9px;
margin-top: 20px;
}

#footer a h3:hover{
text-decoration:underline;	
}


#footer p{
color:#9d9d9d;
font-size:14px;
line-height:24px;
}

#footer p a{
color:#9d9d9d;
font-size:14px;
line-height:24px;
}


#footer p.tel a{
background-color:#dd001b;
color:white;
border-radius: 20px;
padding: 6px 22px;
font-size: 16px;
font-family: 'Fugaz One', 'Assistant';
text-transform: uppercase;
margin-top: 2px;
display: inline-block;
margin-bottom: 15px;
opacity: 0.65;
transition:all 0.15s;
}

#footer p.tel a:hover{
opacity:1;
text-decoration:none;
}

#footer .item img.logo_marques_footer{
opacity:0.45;
transition:all 0.15s;
}

#footer .item a:hover img.logo_marques_footer{
opacity:1;
}


#footer p.copyright{
padding-top:60px;
max-width:89%;
margin:auto;
}

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


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

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

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

#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 input[type="email"]{
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="email"]: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 .boutons{
}

#fadeandscale .boutons .button{
font-size:14px;
text-align:center;
border:1px solid #dd001b;
margin: 27px 10px;
display: inline-block;
padding:9px 15px;
transition:all 0.3s;
text-decoration:none;
font-weight:700;
color:#dd001b;
background-color:white;
transition: all 0.3s ease-in-out;
border-radius:22px;
cursor:pointer;
}

#fadeandscale .boutons .button:hover{
opacity:0.5;
}

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