#services {

width: 100%; 
height: auto; 
text-align:center;
margin: 0px auto 0px;
border: 1px solid transparent;
padding-bottom:10%;
}


#titre-services{
text-align:center;
margin:0px auto 0px;
width: 100%;
height: auto;
padding: 150px 0px 0px 0px;
border : 1px solid transparent;
color: #585858;
font-size: 2.7em;
font-weight: 300;
}




#zone-services{
margin:50px auto 0px;
width: 100%;
height: auto;
padding: 30px 0px 0px 0px;
border : 1px solid transparent;
}





#bloc-services {

width: 400px; 
height: auto;
margin: 10px;
vertical-align:middle; /* On aligne les éléments au milieu */
display:inline-block;/* On le remplace au float:left; */ 
border: 1px solid transparent; 
overflow: hidden; 
position: relative;
text-align:center;/* On réinitialise les élements centré a gauche */	

}	






#bloc-services h3 {
margin: 0px 0px 0px 0px;
font-size:2em;
text-align: center;
color: #585858;
font-weight: 500;
}


#bloc-services p {
margin: -5px 0px 20px 0px;
font-size:1.3em;
text-align: center;
color:#848484;
font-weight: 100;
}











/* ----------------------------------------  vente ------------------------------------------------ */	




#ventes {

width: 100%; 
height: auto; 
text-align:center;
margin: 0px auto 0px;
padding-bottom:10%;
border: 1px solid transparent;
background-color: #8A0808;
}


#titre-ventes{
text-align:center;
margin:0px auto 0px;
width: 100%;
height: auto;
padding: 100px 0px 0px 0px;
border : 1px solid transparent;
color: #FFFFFF;
font-size: 2.7em;
font-weight: 300;
}




#zone-annonces{

width: 80%; 
height: auto;
margin: 20px auto 0px;
border: 1px solid transparent; 
text-align:center
}



#zone-annonces p {
margin: 0px 0px 0px 10px;
font-size:1.2em;
text-align: left;
color:#FFFFFF;
font-weight: 100;
}









/* ----------------------------------------  promo ------------------------------------------------ */






#zone-promo{
text-align:center;
margin:60px auto 150px;
width: 80%;
height: auto;
padding: 0px 0px 0px 0px;
border : 1px solid #585858;


}


#titre-promo{
text-align:center;
margin:0px auto 0px;
width: 100%;
height: auto;
padding: 100px 0px 0px 0px;
border : 1px solid transparent;
color: #585858;
font-size: 2.7em;
font-weight: 300;
}



#zone-promo h3 {
margin: 5% 10% 0% 10%;
font-size:3em;
text-align: center;
color: #8A0808;
font-weight: 500;
line-height:1.3;
}




#ligne-titre-un{
text-align:center;
margin:5px auto 0px;
width: 15%;
 color: #8A0808;
  border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #8A0808 , rgba(0, 0, 0, 0));

}

#ligne-titre-deux{
text-align:center;
margin:5px auto 50px;
width: 15%;
 color: #8A0808;
  border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #FFFFFF , rgba(0, 0, 0, 0));

}





#promotions {

width: 100%; 
height: auto; 
text-align:center;
margin: 0px auto 0px;
border: 1px solid transparent;


}









/* ----------------------------------------  mobile ------------------------------------------------ */







@media(max-width: 900px) {


#zone-promo{
text-align:center;
margin:60px auto 40px;
width: 90%;
height: auto;
padding: 0px 0px 0px 0px;
border : 1px solid #585858;

}


#zone-promo h3 {
margin: 10% 2% 0% 2%;
font-size:2em;
line-height:1.1;
font-weight: 500;
}




}











	 @media(max-width: 600px) {


	#titre-services{
padding: 100px 0px 0px 0px;
border : 1px solid transparent;
font-size: 2em;
font-weight: 300;
} 
	 

#bloc-services {

width: 80%; 
height: auto;
margin: 10px;
border: 1px solid transparent; 
text-align:center;/* On réinitialise les élements centré a gauche */	
}	


#bloc-services h3 {
margin: 0px 0px 0px 0px;
font-size:1.5em;
text-align: center;
color: #585858;
font-weight: 500;
}


#bloc-services p {
margin: 0px 0px 20px 0px;
font-size:1em;
line-height:1.1;
}
	 
	 
#titre-ventes{
padding: 40px 0px 0px 0px;
font-size: 2em;
} 



#zone-annonces{

width: 90%; 

}


	 
	 
#zone-promo{
text-align:center;
margin:60px auto 40px;
width: 90%;
height: auto;
padding: 0px 0px 0px 0px;
border : 1px solid #585858;

}


#zone-promo h3 {
margin: 10% 2% 0% 2%;
font-size:1.4em;
line-height:1.1;
font-weight: 500;
}








}