.for_mobile{
	
    margin-left: auto;
	margin-right: auto;

	height: auto;
	display: none;

	
}

.lien {
	
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	height : 70px;
	font-family: Arial;
	border: 0px;
	color: #ffffff;
	font-size: 22px;
	background-color: #00afea;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	margin-bottom: 2%;
}

.lien:hover {
	
	background: #1374b0;
	background-image: -webkit-linear-gradient(top, #1374b0, #1374b0);
	background-image: -moz-linear-gradient(top, #1374b0, #1374b0);
	background-image: -ms-linear-gradient(top, #1374b0, #1374b0);
	background-image: -o-linear-gradient(top, #1374b0, #1374b0);
	background-image: linear-gradient(to bottom, #1374b0, #1374b0);
	text-decoration: none;
}

/* ----------- iPhone 4 and 4S ----------- */

@media only screen 
and (max-device-width: 800px) 
and (orientation : landscape) { /* STYLES GO HERE */
	
.slider{

	max-height: 40%;
}
	#buttons {
		font-size: 16px;
		
		
	}


#metier_2 {

height: 1200px;
}
	
	}

/* Portrait and Landscape */
@media  (min-device-width: 320px) 
  and (max-device-width: 480px)
 {
  	.slider{
  		
  		display: none;
  	}
  
  	.for_mobile{
  		
  		margin-top : 5%;
  		display: list-item;
  		height:40%;
  	}

.group{
	
	height: 200px;
}
.container {
height: 1500px;	
	
}

.cadrage {
	
	height: 70%;
}
.paragraphe_gauche{
    
	
}
#metier_2 {
	
height: 1150px;
}
	#logoss {
		width: 45%;
	}
#titre_h3{
	margin-top: 9%;

}
}
@media only (max-device-width:1200px) {
	
	.carreau {

	width: 15%;
	border : solid;
	height: 98%;
    padding-left : 8px;
	display: inline-block;
	overflow: hidden;
	clear: both;
	
	
}

}






@media only screen /* iPad mini in portrait & landscape*/
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
.carreau {
  		
  		width: 18%;
  		
  		
  	}
  
}

@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 


#buttons{
	height: 80px;
	font-size: 15px;
}
.slider{
  		
  		display: none;
  	}
  
  	.for_mobile{
  		
  		margin-top : 5%;
  		display: list-item;
  		height:40%;
  	}

.group{
	
	height: 200px;
}
.container {
height: 1500px;	
	
}

.cadrage {
	
	height: 70%;
}
.paragraphe_gauche{
    
	
}
#metier_2 {
	
height: 1150px;
}
	#logoss {
		width: 45%;
	}
#titre_h3{
	margin-top: 9%;

}
}









@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){ 
	

	#buttons {
		font-size: 16px;
		
		
	}
	#titre_nav {
		font-size: 20px;
	}
}