#LeGroupe{z-index: 50; position:relative;}
#NotreEngagement{z-index:49;position:relative;}
#NotreOffre{z-index:48;position:relative;}
#NotreEquipeDirigeante{z-index:47;position:relative;}
#DevenirFranchises{z-index:46;position:relative;}
#NosPartenaire{z-index:46;position:relative;}

#LeGroupe{
     width: 100%;
  text-align: center;
  color: #FFF;
  background-image: url('../ImgCkFinder/images/Page/LeGroupe/LeGroupe.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;
}

@media (max-width: 1200px) {#LeGroupe{height: 40em;height: 50vw;}}
@media (max-width: 1000px) {#LeGroupe{height: 35em;height: 50vw;}}
@media (max-width: 900px) {#LeGroupe{height: 30em;height: 50vw;}}
@media (max-width: 700px) {#LeGroupe{height: 25em;height: 50vw;}}
@media (max-width: 500px) {#LeGroupe{height: 20em;height: 50vw;}}


/* 
h1{height: 18vw; min-height: 240px;  max-height: 300px;  position: absolute; font-size: 50px; font-weight: 300;  bottom: 0; } 
@media (max-width: 950px) {h1{font-size: 50px;}}
*/


/* --  Notre engagement -- */

 #NotreEngagement{ padding-bottom:100px;}
 #NotreEngagement .Colonne{ width:290px;   min-height:inherit;}
 @media (max-width: 900px) {#NotreEngagement .DivCenter{  width:  350px;}  #NotreEngagement .Colonne{ margin-top:20px;}}

 

 
 /* --  Notre Offre -- */
 
 #NotreOffre{
	 padding: 15px 0px 30px;	 
 }
  #NotreOffre img{width: 400px;height: 400px; float: left; margin-right: 20px;}
  
   
  

.TxtNotreOffre{ float:left ; min-width:300px;}

  @media (max-width: 833px) { 
  #NotreOffre img{  display: block;
  width: 300px;
  height: 300px;
  float: none;
  margin: 0 auto;}
  .TxtNotreOffre{ float: none;
  margin: 0 auto;
  min-width: 300px;
  clear: left;
  display: block;
  width: 400px;
  margin-bottom: 30px; }}
  
  
	  
 
  @media (max-width: 450px) {#NotreOffre .LM{  width:   340px;} 
  
  .TxtNotreOffre{ 
  width: auto;
  }
  }



 #NotreOffre p, #NotreOffre h3 { text-align:left; margin-left:20px;}
 #NotreOffre p{
	 font-size:13px;
	 text-transform:uppercase;
	
 }
 #NotreOffre p .Bleu{
margin-left: -24px;
 }
/* NotreEquipeDirigeante */

#NotreEquipeDirigeante #Equipe{
	  margin: 160px auto 20px;
  width: 870px;
	
}

@media (max-width: 900px) {#NotreEquipeDirigeante #Equipe{  width: 510px;}}
@media (max-width: 540px) {#NotreEquipeDirigeante #Equipe{  width: 280px;}}

#NotreEquipeDirigeante .Equipier{
	 background-color: #272B33;
  float: left;
  width: 160px;
 
  margin: 5px ;
  padding-bottom:20px;
  min-height:150px
	
}

#NotreEquipeDirigeante .Equipier P{padding: 0 5px;}
@media (max-width: 1000px) {#NotreEquipeDirigeante .Equipier{  margin-bottom:180px; }}


#NotreEquipeDirigeante .Equipier img{
	  margin: -140px 15px 0px 15px;
  width: 130px;
  border-bottom: 1px solid #00BCDD;
	
	}
#NotreEquipeDirigeante p.Diplome, #NotreEquipeDirigeante p.Experience{
	color:#fff; font-weight:bold;
	font-size:12px;
	line-height:17px;
	
}



#NotreEquipeDirigeante p.Nom, #NotreEquipeDirigeante p.Fonction{color:#00bcdd}


#NotreEquipeDirigeante p.Diplome, #NotreEquipeDirigeante p.Experience{display: none;}

#NotreEquipeDirigeante p.Experience{font-weight:normal; margin-top:10px;}
#NotreEquipeDirigeante p.Experience:first-line{font-size:35px; line-height:35px;}

/* -- DevenirFranchises -- */


#DevenirFranchises{
	padding:15px 0px 50px 0px;
	
}


#DevenirFranchises .Colonne img{
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto;
  
}
	
#DevenirFranchises .Colonne{
  float: left;
  min-height: 200px;
  width: 215px;
  margin: 0 0px;
}
#DevenirFranchises .DivCenter{
	width:650px;
	
}

@media (max-width: 950px) {#DevenirFranchises .DivCenter{ width:460px;}}
@media (max-width: 450px) {#DevenirFranchises .DivCenter{ width:230px;}}

/* --  Partenaires -- */


#NosPartenaires{
	padding: 45px 0px 100px;
	
}
#BoitePartenaires{
	
  height: 150px;
  width: 800px;
  overflow: hidden;
  display: block;
  position: relative;
  margin: 80px auto 50px;
	
}

@media (max-width: 950px){#BoitePartenaires{width:600px;}}
@media (max-width: 717px){#BoitePartenaires {width: 400px;}}
@media (max-width: 500px){#BoitePartenaires {width: 200px;}}

#Partenaires{  position: absolute;
  width: 10000px;
  margin: 0 auto;
  margin-left: 0px;
  transition:1s;
 }
#Partenaires div{
	 float: left;
	
	 width: 180px;
	 padding:0 10px;
}
#Partenaires p{
	  text-align: left;
  margin-left: 0px;
  padding: 0;
  font-size: 13px;
	
}

 #Partenaires img{
	
	 margin: 0 auto;
	 width:100px;
	 height:50px;
	 
	 
 }


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