/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18 janv. 2017, 16:45:41
    Author     : jason
*/
@media only screen and (max-width:990px){ 
       .social {
        display: block;   
       width: 220px;
       float: none;
       margin: 0 auto;
   }
   .bottomConteneur p{
 text-align: center;
   margin:  22px 30px 20px;
   
   }
   
    input[type=submit] {
   
     float: none;
     margin: 5px 0px 60px 0px;}
  
     

input[type=submit]:hover {
    background:  white;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;

}
.inputField {
        font-family: 'Open Sans', sans-serif;  
        font-size: 14px;
        color: #000;
        line-height: 18px;
	text-decoration: none;
        background: white; 
        font-weight: 500;
	font-variant: normal;
        padding: 5px 8px;
        margin: 0px 0px 20px 0px;
        border: none;
     
    width: 100%;
    height: 28px;
    
}
 .inputFieldMulti {
      font-family: 'Open Sans', sans-serif; 
        font-size: 14px;
        color: #000;
        line-height: 18px;
	text-decoration: none;
         background: white; 

        
        font-weight: 500;
	font-variant: normal;
        padding: 5px 8px;
        margin: 0px 0px 20px 0px;
        border: none;
     
    width: 100%;
    
    
}
.left {
    
    float: none;
   

    text-align: center;
        margin: 0 auto;
}

.left img {
  margin: 80px auto 0;
}
.right {
   float: none;
   

    text-align: center;
        margin: 0 auto;
}
.right h5 {
     color: white;
   font-family: 'Questrial', sans-serif;
 
   font-size: 26px;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-decoration: none;
   
    
}}
@media only screen and (max-width:1125px){ 
    .enumeration {
    width: 96%;
    max-width: 1100px;
    margin: 0 auto;
    
}}
@media only screen and (max-width:900px){ 
    .enumeration {
    text-align: center;
}
.circle { margin: 0 auto 10px;  font-size: 35px; width: 60px; height: 48px;  display: block; text-align: center; color: white; padding: 12px 0 0; }
.enumeration ul {
 margin: 16px 0 0 0;
 padding: 0;
}
   .enumeration {
    width: 92%;
    max-width: 1100px;
    margin: 0 auto;
    
}

}
@media only screen and (max-width:700px){ 
    
 .blocJosee {
   text-align: center;
 }
      
.blocJosee img {
   float: none;
   margin: 0 auto;
   
    
}

.blocJosee h4 {

 font-size: 42px;
 margin: 0 0 15px;
}
.blocJosee p {
    
 font-family: 'Questrial', sans-serif;
    font-size: 17px;
    line-height: 24px;
    margin: 0 0 20px;
    max-width: 100%;
    padding: 0 20px;
}
}

@media only screen and (max-width:424px){ 
 
    .enumeration h2 {
   
     font-size: 26px;
     line-height: 40px;
  
  margin: 60px 0 0;
      
}.enumeration h3 {
  
     font-size: 35px;
 
    
    
}
   .blocTitre {
 
  float: none;
  display: block;
  background: rgba(0, 0, 0, 0.8);
  

  margin: 390px 0 0;
  
  
} 

    
.blocTitre h1 {
 
 font-size: 18px;
 
}

.blocTitre h2 {
 
 font-size: 40px;
 
}
.services {
    
    margin: 90px auto 0;
}
}

@media only screen and (max-width:350px){ 
    
.blocTitre h1 {
 
 font-size: 14px;
 
}

.blocTitre h2 {
 
 font-size: 37px;
 
}
}
@media only screen and (max-width:1100px) {
.conteneurInterieur img{width: 96%; height: 96%}
}