#map{
text-align:center;
margin: 150px auto 80px; 
width: 80%;
height: 400px;
border: solid 1px transparent;

opacity: 0.6;
    filter: alpha(opacity=60);

}


#map:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);

}





/* ------------------ Formulaire de contact --------------------- */



#form-contact {
font-family: 'Oswald', sans-serif;
width:300px;
height: auto; 
margin: 0px 0px 0px 0px;
border: 1px solid transparent;
padding:5px;

}



#coordo  h3{
text-align:center;
font-weight:bold;
font-size:2em;
color:#01DFD7;
}



.error{
border: 1px solid transparent;
padding: 5px 0px;
color: #a4a4a4;
font-style: italic;
}

.success{
border: 1px solid transparent;
padding: 5px 0px;
color: #a4a4a4;
font-style: italic;
background-color: transparent;
text-align: center;
}

.info{
font-family: 'Oswald', sans-serif;
font-size:.8em;
color: #FF0000;
letter-spacing:2px;
padding-left:5px;
}


.btnAction{
background-color:#FFFFFF;
margin: 10px 0px 0px 0px;
padding:10px 0px 10px 0px;
color:#8A0808;
border: 1px solid #8A0808; 
border-radius:4px;
width: 100%;
font-size:1em;
font-weight:bold;

-webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; 

}


button:hover{
background-color:#8A0808;
color:#FFFFFF;
cursor: pointer;

}




textarea{
font-family: 'Oswald', sans-serif;
font-size:1em;
width:100%;
height: 120px;
margin-top:5px;
border-radius:4px;
padding:5px;
resize:none;
border:1px solid #d8d8d8;
}


input{
font-family: 'Oswald', sans-serif;
width:100%;
height:35px;
margin-top:5px;
border:1px solid #d8d8d8;
border-radius:4px;
padding:5px;
font-size:1em;
}


input:focus, textarea:focus {

outline: none;
}




@media all and (max-width: 600px) {

#map{


margin: 100px auto 40px; 


}

.box-contact{ 
margin: 20px 0px 40px 0px;	
height:auto;
}


#coordo  h3{
font-size:1.6em;
}


.signature{ 
font-size: 1.1em;
color:#a4a4a4;
font-weight:bold;
text-align: center;
padding: 0px 0px 5px 0px;		
}

.box-contact p{ 
font-size: 1em;
color:#a4a4a4;
text-align: center;
padding: 4px 0px;		
}



}