section.sliderMetiers{
display:flex;
border-top:2px solid var(--noir);
}

main section.sliderMetiers:first-child, main .bloc_contact + section.sliderMetiers{border-top:none;}

section.sliderMetiers .slider{
position:relative;
width:100%;
}

section.sliderMetiers .slider .slick-track{display:flex !important;}

section.sliderMetiers .slider .slick-slide{
height:inherit !important;
overflow:hidden;
}

section.sliderMetiers .slider > .pictos{
position:absolute;
top:0;
right:0;
width:50%;
z-index:100;
}

section.sliderMetiers .slider > .pictos.hidden{display:none;}

section.sliderMetiers .slider > .pictos ul{
display:flex;
justify-content:flex-end;
padding-right:40px;
width:600px;
max-width:100%;
margin:0 auto;
}

section.sliderMetiers .slider > .pictos ul li{
display:flex;
flex-flow:column;
justify-content:center;
align-items:center;
border-bottom:2px solid var(--noir);
border-right:2px solid var(--noir);
width:75px;
height:75px;
cursor:pointer;
}

section.sliderMetiers .slider > .pictos ul li:first-child{border-left:2px solid var(--noir);}

section.sliderMetiers .slider > .pictos ul li img{
max-width:50px;
max-height:50px;
}

section.sliderMetiers .slider > .pictos ul li.active{background-color:var(--noir);}

section.sliderMetiers .slider > .pictos ul li.active img{
filter:invert(100%);
-webkit-filter:invert(100%);
}

section.sliderMetiers .slider .slider_content{
position:relative;
z-index:80;
}

section.sliderMetiers .slider .slider_content li .pres{
display:flex;
height:100%;
}

section.sliderMetiers .slider .slider_content li .pres > figure{
position:relative;
width:50%;
background-color:var(--noir);
border-right:1px solid var(--noir);
}

section.sliderMetiers .slider .slider_content li .pres > figure img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
}

section.sliderMetiers .slider .slider_content li .pres > article{
width:50%;
border-left:1px solid var(--noir);
padding:150px 50px;
}

section.sliderMetiers .slider .slider_content li .pres article .content{
display:flex;
flex-flow:column;
width:600px;
max-width:100%;
margin:0 auto;
}

section.sliderMetiers .slider .slider_content li .pres article .content .titre{display:flex;}

section.sliderMetiers .slider .slider_content li .pres article .content .titre .picto{
display:flex;
flex-flow:column;
justify-content:center;
align-items:center;
border:2px solid var(--noir);
border:2px solid var(--noir);
width:60px;
min-height:60px;
}

section.sliderMetiers .slider .slider_content li .pres article .content .titre .picto img{
max-width:30px;
max-height:30px;
}

section.sliderMetiers .slider .slider_content li .pres article .content .titre .ti{
display:flex;
flex-flow:column;
justify-content:center;
align-items:center;
border-top:2px solid var(--noir);
border-right:2px solid var(--noir);
padding:10px 30px;
}

section.sliderMetiers .slider .slider_content li .pres article .content .ckeditor{
margin:-2px 55px 0 58px;
border:2px solid var(--noir);
padding:30px 80px 30px 30px;
}

section.sliderMetiers .slider .slider_content li .pres article .content .ckeditor > .lien{padding-top:30px;}

section.sliderMetiers .slider .slider_content li .pres article .content .ckeditor > .lien a{
display:inline-block;
padding-right:40px;
background:url(../../../img/fleche_noir.png) no-repeat right center;
background-size:25px auto;
text-transform:uppercase;
text-decoration:none;
}

section.sliderMetiers .slider .slider_content li .pres article .content .logo{
padding:15px 25px;
border:2px solid var(--noir);
margin:-2px 0 0 auto;
}

section.sliderMetiers .slider > .controls{
position:absolute;
bottom:80px;
right:0;
width:50%;
z-index:100;
}

section.sliderMetiers .slider > .controls > div{
display:flex;
padding-left:60px;
width:600px;
max-width:100%;
margin:0 auto;
}

section.sliderMetiers .slider > .controls > div > span{cursor:pointer;}

section.sliderMetiers .slider > .controls > div > span + span{margin-left:70px;}

/********** medias **********/
@media screen and (max-width:1380px){
section.sliderMetiers .slider > .pictos ul li{
width:50px;
height:50px;
}

section.sliderMetiers .slider > .pictos ul li img{
max-width:30px;
max-height:30px;
}

section.sliderMetiers .slider .slider_content li .pres > article{padding:100px 25px;}

section.sliderMetiers .slider > .controls{bottom:50px;}
}

@media screen and (max-width:1180px){
section.sliderMetiers .slider .slider_content li .pres article .content .ckeditor{
margin:-2px 0 0 0;
padding:30px 20px;
}

section.sliderMetiers .slider .slider_content li .pres article .content .logo{padding:10px;}

section.sliderMetiers .slider .slider_content li .pres article .content .logo > svg{width:130px;}

section.sliderMetiers .slider > .pictos ul{padding-right:25px;}

section.sliderMetiers .slider > .controls{bottom:25px;}

section.sliderMetiers .slider > .controls > div{padding-left:25px;}
}

@media screen and (max-width:780px){
section.sliderMetiers .slider .slider_content li .pres > figure{display:none;}

section.sliderMetiers .slider .slider_content li .pres > article{
width:100%;
border-left:0;
padding:50px 25px 25px 25px;
}

section.sliderMetiers .slider .slider_content li .pres article .content{width:100%;}

section.sliderMetiers .slider > .pictos ul li{
width:40px;
height:40px;
}

section.sliderMetiers .slider > .pictos ul li img{
max-width:20px;
max-height:20px;
}

section.sliderMetiers .slider > .controls{
bottom:15px;
right:auto;
left:25px;
}

section.sliderMetiers .slider > .controls > div{padding-left:0;}

section.sliderMetiers .slider > .controls > div > span + span{margin-left:20px;}
}

@media screen and (max-width:680px){
section.sliderMetiers .slider > .pictos{width:auto;}
}

@media screen and (max-width:380px){
section.sliderMetiers .slider > .controls > div > span > svg{width:30px;}

section.sliderMetiers .slider > .controls > div > span + span{margin-left:10px;}
}