.esp_alert {width: 100%; height:400px;}
article{
	border-radius:20px;
	background-color: rgb(20,20,20);
	background-color: rgba(20,20,20,0.8);
	margin:2em 0;
	padding:20px;
	z-index:2;
	box-shadow:0 0 4px #000000;
}
article a,article a:visited{
	font-size:1.2em;
	color:#878787;
	background-color:#141414;
	display:block;
	position:relative;
	border-radius:10px;
}
article a:hover{
	color:#ffffff;
	text-decoration:none;
	background-color:#141414;
	box-shadow:0 0 0 25px blue;
}
article a.contact{
	padding:6px 10px;
	float:right;
}
.contact {
	text-align:right;
	margin-bottom:10px;
	height: 470px;
}
.contact ul {
	list-style-type:none;
	width:600px;
	padding-bottom:10px;}
.contact li {
	list-style-type:none;
	font-size:12px;
	padding-top:10px;
	clear: both;}
.contact li.special {display:none;}
.contact input {
	width: 60%;
	margin-top: 10px;
	margin: 7px;
	height: 30px;
	float:left;
	padding-left:4px;
	display:inline;
/*	background:#141414;*/
/*	background: url(../images/forme-bg.jpg) 0 0 repeat-x #e1e2e4;*/
   background-color:#e1e2e4;
	font-size:16px;
	color: #000000;
	border:1px solid #878787;
	border-radius:5px;
	}
.contact input.bouton_envoi{
	width: 150px;
	margin-top: 10px;
	font-size:14px;
	width:auto;
	float:left;
	margin-left: 100px;
	border-radius:5px;
	cursor: pointer;
	}
.contact textarea {
	width: 80%;
	height: 180px;
   border-bottom:#fff 1px solid;
	border-top:#8b8c8d 1px solid;
	border-left:#cfd0d2 1px solid;
	border-right:#cfd0d2 1px solid;
	/*	background: url(../images/forme-bg.jpg) 0 0 repeat-x #e1e2e4;*/
   background-color:#e1e2e4;
	border-radius:7px;
	font: 18px Arial, Helvetica, sans-serif;
	color: black; 
    outline: medium none;
    overflow: auto;
    margin-top:10px;
    padding: 5px 0px 0px 10px;
	resize:none;
	float:left;
	}
.contact label strong {font-weight:normal; float:left; display:inline-block; width:68px; padding-top:2px;}
.btns {text-align:right; width:560px; padding-top:13px;}
.btns a {display:inline-block; margin:0 20px 0 10px;}
.contact label{
	position:relative;
	overflow:hidden;
    display: block;
    min-height:33px;;
}
#contact_form{
margin-top: 30px;
width:750px; 
height: 100%;
margin-left: auto;
margin-right: auto;
border-radius: 20px  20px  20px  20px;
box-shadow: 3px 3px 8px white;
}
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}
.envoi_h:hover {
    position: relative;
    display: inline-block;
    border-radius: 0.35em;
    color: #fff !important;
    text-decoration: none;
    background-color: #8ebebc;
    border: 0;
    cursor: pointer;
    background-image:  url(../images/overlay.png);
    background-image:  url(../images/overlay.png);
    background-image:  url(../images/overlay.png);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), url(../images/overlay.png);
    transition: background-color 0.35s ease-in-out;
}
/* alerte xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.message_alerte {
	
	list-style-type: none;
	z-index: 999;
	width:250px;
	background-image: none;
	background-color: #e1e2e4;
	text-align: left;
	 padding-left:30px;
    margin-left: 20px;
    list-style-type: circle;
    font-size: 12px;
    font-weight: bold;
     color: red;
    clear: both;
	}