body.contact .content>nav{
    background-color: #d5d5d5;
    color: #6c6c6d;
    font-size: 1.1em;
    font-weight: 300;
    margin-top: 20px;
    padding: 15px;
}
    body.contact .content>nav ul{
	  display: inline-block;
	  margin: 0 20px;
	  vertical-align: bottom;
    }
    body.contact .content>nav li{
	  border-left: 1px solid #6c6c6d;
	  padding: 0 10px;
	  text-transform: uppercase;
	  vertical-align: bottom;
    }
    body.contact .content>nav li:first-child{
	  border-left: 0;
    }
	  body.contact .content>nav li a.grand-public{
		font-weight: 700;
	  }
	  
body.contact .block-content p{
    color: #6c6c6d;
    font-size: 1.1em;
    padding: 0 5px;
}
    body.contact .block-content p a{
	  background-color: inherit;
	  color: inherit;
    }
    
body.contact .content>section{
    clear: both;
}

body.contact #contact-confirm article, body.contact #encart-legislation article{
    margin-bottom: 40px;
}
    body.contact #contact-confirm .block-content, body.contact #encart-legislation .block-content{
	  padding-bottom: 0;
	  padding-top: 20px;
    }
	  body.contact #contact-confirm p, body.contact #encart-legislation p{
		color: #1e9977;
		font-weight: 700;
		text-transform: uppercase;
	  }

body.contact .content form{
	  font-weight: 300;
}
body.contact .content form>div.form-main-div{
    background-color: #fff;
    padding: 20px;
}
    body.contact .content form>div div{
	  clear: both;
	  display: none;
	  overflow: hidden;
	  margin-bottom: 10px;
    }
    body.contact .content form div.profil-all, body.contact .content form div.grand-public{
	  display: block;
    }
    body.contact .content form div.div-textarea{
	  margin-bottom: 0;
	  overflow: visible;
	  position: relative;
    }
	  body.contact .content form label{
		color: #6c6c6d;
		float: left;
		font-size: 1.1em;
		padding: 4px 0;
		width: 170px;
	  }
	  body.contact .content form label.error{
		color: #f00;
		font-size: 0.9em;
		margin-left: 170px;
		padding: 3px 10px 0;
		width: auto;
	  }
	  body.contact .content form div.div-textarea label.error{
		bottom: -15px;
		left: 0;
		position: absolute;
	  }
	  body.contact .content form input, body.contact .content form textarea{
		background-color: #5a5b5d;
		border: 0;
		color: #fff;
		font-size: 12px;
		margin: 0;
		padding: 6px 10px 4px;
		width: 400px;
	  }
	  body.contact .content form #contact-annuler {font-size: 12px;}
	  body.contact .content form textarea{
		display: block;
		height: 10em;
		max-width: 400px;
		min-width: 400px;
	  }

	  body.contact .content form .div-validation{
		background-color: #fff;
		border-top: 3px solid #008cbb;
		float: right;
		/*font-size: 1.2em;*/
		margin-bottom: 15px;
		text-align: right;
		width: 630px;
	  }
		body.contact .content form .div-validation button, body.contact .content form .div-validation input{
		    background-color: #008cbb;
		    color: #fff;
		    height: 27px;
		    line-height: 25px;
		    padding: 0 7px !important;
		    vertical-align: top;
		}
		body.contact .content form .div-validation input{
		    float: none;
		    opacity: .8;
		    padding-right: 30px !important;
		    width: auto;
		}
		body.contact .content form .div-validation input:hover{
		    opacity: 1;
		}

	  body.contact .content form .div-checkbox{
		clear: both;
		padding-top: 15px;
		text-align: right;
	  }
		body.contact .content form .div-checkbox label{
		    float: none;
		    padding-right: 5px;
		    vertical-align: super;
		    width: auto;
		}

	  @media only screen and (max-width: 767px) {
	  	body.contact .content form textarea{max-width:240px; min-width:240px}
	  	body.contact .content form .div-validation{width:300px;}
		body.page article header{min-height:0px}
	  }
	  @media only screen and (min-width: 480px) and (max-width: 767px) {
	  	body.contact .content form textarea{max-width:360px; min-width:360px}
	  	body.contact .content form .div-validation{width:420px;}
		body.page article header{min-height:22px}
		body.page .top-content{margin-top:0}
	  }