@charset "utf-8";
/* CSS Document */

/*-----Contact-Page--------------------------------------------------------------------------------------------------------*/
	
#left { width:350px;	
	height:500px;
	float:left;
}

#right-contact { width:600px;	
	height:auto;
	float:right;
	margin-top:0px;
}

#right-inscription { width:550px;	
	height:auto;
	float:right;
	margin-top:0px;
}

#info { width:600px;
	height:auto;
	margin-bottom:30px;
	color:#FFF;
	font-family: Helvetica, Arial, serif;
	font-size:13px;
}

#info a { text-decoration:none;
	color:#FFF;
	-webkit-transition: color .2s ease-in;
    -moz-transition: color .1s ease-in;
    -o-transition: color .1s ease-in;
    transition: color .1s ease-in;
}

#info a:hover { color:#FFEAAA;}

.contact-style { color:#766f6a; font-weight:bold;}

#map-box { width:600px;
height:350px;
}

/*-------FORMULAIRE-----------------------------------------------------------*/

#conteneur{
	width:400px;
	height:500px;
	float:left;
}

/*couleur pour les champs obligatoires*/
input:required, textarea:required{
	background-color:#191411;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

/*input et textarea*/
input:not([type="submit"]), textarea{
	/*Champ non obligatoir, ajout de sa valeur background color pour qu'il prenne la même couleur que les champs obligatoires*/
	background-color:#191411;
	display:block;
	width:380px;
	padding: 4px 8px;
	border:none;
	color:#FFF;
	font-size:14px;
/*border radius
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
/*transitions*/
	transition:background 0.2s linear,
				box-shadow 0.6s linear;
	-webkit-transition:background 0.2s linear,
				box-shadow 0.6s linear;
	-moz-transition:background 0.2s linear,
				box-shadow 0.6s linear;
	-o-transition:background 0.2s linear,
				box-shadow 0.6s linear;
}

/*Pour supprimer le contour du champ message*/
textarea:focus {outline:  none;}

/*Couleur du texte*/
input:not([type="submit"]):focus, textarea:focus{
	background:#0b0806;
	color: #FFF;
}

input:not([type="submit"]){
	height:20px;
}

/*placeholder*/
input:-moz-placeholder, textarea:-moz-placeholder{
	color:#181918;
	font-style:italic;
}

textarea{
	min-height:150px;
	resize:vertical;
}

label{
	color:#7F7E7E;
	transition:color 1s ease;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
}

label:hover{
}

p{
	margin-bottom:20px;
}

.indication{
	color: #999;
	font-size:12px;
	font-style:italic;
	text-align:left;
}

.required{
	color:#FECE0E;
	
}

/*bouton Envoyer*/
input[type=submit]{
	float: left;
	cursor:pointer;
	color:#767676;
	font-size:15px;
	padding:10px 10px;
	background:#130f0c;
	border: 1px;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
}

/*Bouton Envoyer au survol*/
input[type=submit]:hover{
	color:#FFF;
	background:#0b0806;
	border: 1px;
	
}

/*Supprime la bordure lors du clic sur le champs*/
input:focus {
     outline:  none;
}

/*------------FORMULAIRE---------------*/