
#DiaporamaHome, .BoiteImage{
	width: 100%;
	height: 50em;
	height: 50vw;
	/*
	min-height:400px;
	*/
	max-height:700px;
	overflow: hidden;

}
.Diaporama .Photo{
	/*
	min-height:400px;
	*/
  max-height:700px;
  width: 100%;
  height: 50vw;
  position:absolute;
  opacity:0;
  transition:1s;

}
#Titre{position:relative;z-index:50;}
#Presentation{position:relative;z-index:49;}
#Presentation.Boite{padding:15px 0px 20px;}


#Titre{
  width: 100%;
  height: 50vw;
	
  min-height:30px;
  max-height:700px;
  padding: 0px;
  border: 0;
  box-shadow: 0 0 40px #000;
	
}

@media (max-width: 1200px) {#DiaporamaHome, .BoiteImage{height: 40em;height: 50vw;}}
@media (max-width: 1000px) {#DiaporamaHome, .BoiteImage{height: 35em;height: 50vw;}}
@media (max-width: 900px) {#DiaporamaHome, .BoiteImage{height: 30em;height: 50vw;}}
@media (max-width: 700px) {#DiaporamaHome, .BoiteImage{height: 25em;height: 50vw;}}
@media (max-width: 500px) {#DiaporamaHome, .BoiteImage{height: 20em;height: 50vw;}}
@media (max-width: 350px) {#DiaporamaHome, .BoiteImage, .Diaporama .Photo, #Titre {height: 200px;}}



#Titre .Diaporama .Photo{
  background-size:cover;

}

.Txt1{
	height: 244px;
  line-height: 244px;
  width: 100%;
  text-align: center;
  color: #FFF;
  margin: 0px;
    font-family: Roboto slab;
  color: #00BCDD;
  font-size: 43px;
  position: absolute;
  bottom: 50px;
  font-weight: 400;}
  
  @media (max-width: 1200px) {.Txt1{ font-size: 33px;bottom: 10px;}}
  @media (max-width: 900px) {.Txt1{
    font-size: 26px;
  bottom: 60px;
  line-height: 50px;
  height: 50px;
  /* text-shadow: 0px 0px 60px #000; */
  }
  }
  @media (max-width: 500px) {.Txt1{
  font-size: 20px;
  bottom: 40px;
  line-height: 40px;
  height: 40px;
  }}
    @media (max-width: 350px) {.Txt1{
		
  font-size: 18px;
  bottom: 79px;
  /* line-height: 20px; */
  /* height: 20px; */
  width: 200px;
  line-height: 24px;
		
	}}
  
.Txt2, .Txt3{
  font-family: Roboto Slab;
  position: absolute;
  right: 150px;
  bottom: 70px;
  color: #00BCDD;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
 }
.Txt2 .L1{font-size:100px; line-height:80px;}
.Txt2 .L2{font-size:45px;line-height:50px;}
.Txt2 .L3{font-size:46px;line-height:50px;}
.Txt2 .L4{font-size:17px;line-height:50px;
	
	border-top: 1px solid #00BCDD;
	border-bottom: 1px solid #00BCDD;
	margin-top:10px;
	
	}
@media (min-width: 1400px) {.Txt2{right:17vw;}}
@media (max-width: 1200px) {.Txt2{right:120px;}}
@media (max-width:850px) {.Txt2{right:30px;   transform: scale(0.7, 0.7);}}
@media (max-width:650px) {.Txt2{ right: -55px;
  transform: scale(0.5, 0.5);
  bottom: -29px;}}
 

@media (max-width: 350px) {.Txt2, .Txt3{ display:none;}}
		
 
		
	


.Txt3{right: auto;left:223px; bottom:240px;}
.Txt3 .L1{font-size: 27px;line-height: 50px;}
.Txt3 .L2{font-size: 36px;border-top: 1px solid #00BCDD;}
.Txt3 .L3{  font-size: 50px;border-bottom: 1px solid #00BCDD;}


@media (max-width: 1400px) {.Txt3{left: 163px; bottom: 220px;}}
@media (max-width: 1250px) {.Txt3{ left: 113px; bottom: 170px;}} 
@media (max-width: 1100px) {.Txt3{  left: 21px; bottom: 110px;}} 
  
@media (max-width:850px) {.Txt3{   transform: scale(0.7, 0.7); left: -19px;}}
@media (max-width:650px) {.Txt3{ transform: scale(0.5, 0.5); left: -69px; bottom: 80px;}}
@media (max-width:430px) {.Txt3{  transform: scale(0.45, 0.45);
  left: -84px;
  bottom: 69px;}}
@media (max-width:390px) {.Txt3{  bottom: 49px;}}

.BoiteBouton .LM{width:72px;}

 /*  -- DevenirFranchises -- */
#HomeNosMetiers{position:relative;z-index:48; 
  width: 100%;
  padding:0px;
} 
#HomeNosMetiers .LM{
  height: 390px;
background-image:url('../ImgCkFinder/images/Page/Home/Eric.png');
background-repeat:no-repeat;
transition:0.5s;
background-position-y: -150px;
	
}

@media (max-width: 650px) {
	
#HomeNosMetiers .LM{background-position-x: -150px; padding-left:150px;}
}

#HomeNosMetiers p{
	text-align:right;
	max-width:750px;
	
}



#HomeNosMetiers p.Nom, #HomeNosMetiers p.Fonction{
	color: #fff;
}
 /*  -- Domaines d'expertise -- */
 

#BoiteDomaineExpertise{
	
  height: 150px;
  width: 600px;
  overflow: hidden;
  display: block;
  position: relative;
  margin: 0 auto;
	
}
@media (max-width: 717px) {#BoiteDomaineExpertise{width:400px;}}
@media (max-width: 517px) {#BoiteDomaineExpertise{width:200px;}}


#DomaineExpertise{  position: absolute;
  width: 10000px;
  margin: 0 auto;
  margin-left: 0px;
  transition:1s;
 }
#DomaineExpertise div{
	 float: left;
	
	 width: 200px;
}

 #DomaineExpertise img{
	
	 margin: 10px 69px;

	 
 }


.FlecheGauche, .FlecheDroite{margin-top:13px;}
 
 #BoiteExpertise img{
	 margin: 0 50px;
	 
 }
 #NosDomainesDExpertises{
	 padding: 25px 0 20px 0;
 }

 /*  -- DevenirFranchises -- */




#DevenirFranchises{
height: 380px;
background-image:url('../ImgCkFinder/images/Page/Home/DevenirFranchises.jpg');
background-repeat:no-repeat;
transition:0.5s;
background-position-x:right;
background-position-y:bottom;	
background-position:right bottom;	

}
#DevenirFranchises h3{
	text-align:left;
	margin-left: 20px;
	
}

#DevenirFranchises p{
	text-align: left;
	max-width: 270px;
	margin:0;
	padding:0;
	margin-left: 20px;
}


@media (max-width: 950px) {

#Titre{box-shadow: 0 0 20px #838383;}
#HomeNosMetiers {
	 min-height: 550px;
}
#HomeNosMetiers .LM{
 /*  background-position-x: -190px; */
  background-position-y: bottom;
  height: 100%;
    min-height: 550px;
}
@media (max-width: 750px) {
	#HomeNosMetiers .LM{background-position-x: -100px;}
	#DevenirFranchises{
		background-position-x: -250px;
		background-position-y: -200px;
		padding-top: 460px;
		height: 260px;	
	}
	#DevenirFranchises h3{text-align: center;  margin: 0;}
	 #DevenirFranchises p{text-align: center; margin: 0 auto;}
	#DevenirFranchises h2{ }
	
	 

}
@media (max-width: 650px) {
	#DevenirFranchises{
 background-position-x: -300px;
}

@media (max-width: 450px) {
#HomeNosMetiers .LM{background-position-x: -190px;}
#HomeNosMetiers .LM{padding-left: 100px;}

#DevenirFranchises{background-size: contain;
  background-position: bottom center;
  height: 316px;
  padding-top: 34px;
  padding-bottom: 168px;}

}


/*background-position-y: -150px; */
}


