.conteneur_devenir_resident {
margin:0 auto;
background-image: url(../images/devenir_resident.jpg);
background-repeat: no-repeat;
width:1000px;
height: 100%;
position: relative;
background-size: 430px auto;
}

#titre_devenir_resident {
margin:30px auto 0px auto;
text-align: center;
  font-family:Times;
  font-size:20px;
  font-style:italic;
  letter-spacing:1px;
}

#chapeau_devenir_resident {
font-family:open_sansregular, sans-serif;
font-size:12px;
letter-spacing:1px;
line-height:20px;
display: block;
 margin:30px 0;
text-align:center;
}

#soustitre_devenir_resident {
margin:10px auto;
text-align: center;
  font-family:Times;
  font-size:86px;
  font-style:italic;
  letter-spacing:1px;
line-height: 55px;
}

#image_devenir_membre {
display: none;
}

.devenir_resident_d {
background-color:white;
height:600px;
margin-top:100px;
margin-left:400px;
  position:absolute;
  width:600px;
}

#convenir_visite {
margin:10px auto 10px auto;
text-align: center;
  font-family:Times;
  font-size:33px;
  font-style:italic;
  letter-spacing:1px;
}


.devenir_resident_m {
display: none;
background-color:white;
height:600px;
margin-top:100px;
margin-left:400px;
  position:absolute;
  width:600px;
}

form ul {
margin-top: 35px;
margin-left:30px;
padding:0px;
}

form ul li {
list-style:none;
}

.text {
display:block;
text-align:center;
 line-height: 1em;

}

.champs{
   display: block;
    margin: 3% 0;
    width: 90%;
    border:1px solid #E4E4E4;
    color:#999999;
    outline: medium none;
    resize: none;
    text-align:left;
	height:38px;
    padding-left:13px;
}

#formulaire textarea  {
   display: block;
    margin: 3% 0;
    border:1px solid #E4E4E4;
    color:#999999;
    width: 90%;
    border-radius: 0 0 0 0;
    box-shadow: none;
    color: #25272B;
    outline: medium none;
    resize: none;
    text-align:left;
    padding-left:13px;
	
}

#formulaire textarea:focus  {
background: #fffbf2;	
}


.container_contact textarea:focus {
   background: #fffbf2;
   }
   
 
.champs:focus {
   background: #fffbf2;
   }


.envoyer {
	height:38px;
display:block;
 padding-left: 0;
padding-right: 0;
width: 93.5%;
margin:0;
color:#FFF;
background:#25272B;
cursor:pointer;
border: none;
}


/* styles for mobile */
@media screen and (max-width: 700px) {

    
.conteneur_devenir_resident {
margin:0 auto;
width: 90%;
margin:10% auto 0 auto;
 background:transparent;
height: auto;
    
}
    
.devenir_resident_d {
display:none;
}
    
#image_devenir_membre {
display:block;
width: 100%;
height: auto;
}
    

    
.devenir_resident_m {
display: block;
height:auto;
background-color:white;
width:100%;
margin: 0 auto;
position:relative;
}


    
      

}