#NosMetiers{z-index: 50; position:relative;}

#NosMetiers{
  width: 100%;
  text-align: center;
  color: #FFF;
  background-image: url('../ImgCkFinder/images/Page/NosMetiers/NosMetiers.jpg');
  width: 100%;
  height: 50vw;
  background-size: cover;
  min-height: 400px;
  max-height: 580px;
  /* max-width: 1400px; */
  /* position: absolute; */
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 0 40px #000;
  padding: 0px;
}

/*
h1{  color: #00BCDD;  font-size: 50px; color: #FFF;  font-weight: 300;  bottom: 0;height: 80px; line-height: 80px;}
.Txt1 {
  right: 17vw;
  position: absolute;
  right: 300px;
  bottom: 170px;
  color: #00BCDD;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1250px) {.Txt1 { right:200px;}}
@media (max-width: 1100px) {.Txt1 { right:130px;}}
@media (max-width: 900px) {.Txt1 { right:80px; bottom:80px;}}
@media (max-width: 850px) {h1 { font-size:50px;}}
@media (max-width: 750px) {.Txt1 { right: 50px; bottom: 90px;}}
@media (max-width: 650px) {h1 { font-size:40px;}   .Txt1 { right: 40px; bottom: 70px;}}
@media (min-width: 1600px) {.Txt1 { right:400px;}}
.Txt1 .Btn {color:#fff;border:1px solid #fff;}
a.BtnVideo{ margin:10px auto; float:none; display:block; width:60px; height:60px;}
*/

@media (max-width: 350px) {h1 { font-size:40px;}}


.Txt1 a.BtnVideo, .Txt1 a.Btn {display: none;}


/* -- Notre Intervention -- */


#NotreIntervention{
	margin: 0px 0px -5px 0px;
	  padding: 45px 0px 0px;
	
}
#BoiteInterventions{
	
  height: 250px;
  width: 450px;
  overflow: hidden;
  display: block;
  position: relative;
  margin: 0 auto;
	
}



#Interventions{  position: absolute;
  width: 10000px;
  margin: 0 auto;
  margin-left: 0px;
  transition:1s;
 }
#Interventions div{
	  float: left;
  margin: 0;
  min-width: 200px;
  width: 450px;
}
@media (max-width: 600px) {#BoiteInterventions {width: 290px;} #Interventions div{width:290px}}
@media (max-width: 400px) {#BoiteInterventions {width: 200px; height: 390px;} #Interventions div{width:200px}}


.FlecheGauche, .FlecheDroite{margin-top:100px;}


#Interventions h2 { font-size:18px; margin-bottom:20px;  font-family:roboto slab;}
#Interventions h2:first-line { font-size:60px; line-height:55px;}

#Interventions h2:after{display:none;}

#NotreMetier img{width: 500px;}
@media (max-width: 600px) {#NotreMetier img{width: 400px;}}
@media (max-width: 400px) {#NotreMetier img{width: 200px;}}
	
/* -- Notre Intervention -- */
	

#BoiteDomaineExpertise.LM{max-width:605px;}
@media (max-width: 600px) {#BoiteDomaineExpertise.LM{width: 400px;}}
@media (max-width: 400px) {#BoiteDomaineExpertise.LM{width: 200px;}}



#BoiteDomaineExpertise img{   position: relative;
  margin: 0 auto;
  display: block;
  margin-bottom: 20px;}
#BoiteDomaineExpertise div{
	float:left;
	width:200px;
	
}
#BoiteDomaineExpertise div p{height:75px;}

/* -- Services -- */

#NosServices{
	padding-bottom: 100px;
	
}

a.VoirPlus{
  display: block;
  margin: 0px auto 75px auto;
  height: 30px;
  line-height: 30px;
  width: 30px;
  z-index: 60;
  position: absolute;
  cursor: pointer;
  border-radius: 15px;
  /* background-image: url('../Img/FlecheBas.png'); */
  bottom: 10px;
  left: 50%;
  margin-left: -15px;
  text-decoration: none;
  background-color: #00BCDD;
  text-align: center;
  color: #FFF;
  font-size: 25px;
  font-weight: bold;
	
}

#BoiteService{
	background-color:#fff;
	
}
#NosServices .Colonne{
	width: 200px;
	
	margin:0px;
	padding:20px;
	background-color:#fff;
	
}

#NosServices .Colonne p{
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  margin: 0px;
  text-transform: uppercase;
  font-weight: bold;
  
  margin-top: 20px;
  padding: 0;
  border-bottom: 1px solid #00BCDD;
}
	
  
  #BoiteService .Colonne  span{
	  display:none;
	text-transform: initial;
  font-weight: normal;
    text-align: center;
  margin-top: 10px;
  
	  
  }
  body#ContenuGauche #BoiteService .Colonne  span{ display:block; }
  #BoiteService.Visible .Colonne span{
	 
	   display:block;
	  
  }
#NosServices .LM{
	width:720px;
}
@media (max-width: 750px) {
	
	#NosServices .LM{width:480px;}
	#BoiteService .Colonne span {display: block;}	
	#VoirPlusService{display: none;}	


}
@media (max-width: 500px) {
	#NosServices .LM{width:230px;}
	#BoiteService .Colonne span {display: block;}	
	#VoirPlusService{display: none;}	
}
#NosServices h5{
	  float: left;
  display: block;
  width: 100%;
  font-family: 'Roboto', serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 55px;
  /* margin: 0px 160px; */
  /* text-align: left; */
  background-color: rgba(0, 188, 221, 0.7);
  
  text-align: center;
  position: absolute;
  /* padding-top: 140px; */
  color: #FFF;
  margin:0px;
  margin-top: 105px;
  text-transform: uppercase;
	
}
.Vignette{  width: 200px;
  height: 160px;
  /* display: block; */
  position: relative;
  background-size: cover;}
#Accompagner{background-image:url('../ImgCkFinder/images/Page/NosMetiers/Soulager.jpg');}
#Soulager{  background-image:url('../ImgCkFinder/images/Page/NosMetiers/Accompagner.jpg');}
#Confort{ background-image:url('../ImgCkFinder/images/Page/NosMetiers/Confort.jpg');}