/************************************************************************/

/*CONTACT FORM*/

#contact_form{
	width:90%;
	padding:20px;
	border:0;
	font-size: 82%/* la grosseur de l'ecriture pour naom,courriel et phone message a gauche*/
	font-weight: bold;
	color: #FFF; /* white - la couleur de l'ecriture de la form*/
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif; /*font texte*/
}
/*le titre de la contact form*/
#contact_form legend{
	font-size: 120%;
	color:rgba(255,255,255,2.5);/*color du background pour le texte pour le titre de la form*/
}
#contact_form label{
	display: block;
	margin-bottom:5px;
}
#contact_form label span{
	float:left;
	width:100px;
	color: rgba(255,255,255,0.8);/*color of the font,name, email etc*/
}
/*les encadres pour mettre les infos*/
#contact_form input{
	height: 25px;
	border: 1px solid #000;
	border-radius: 3px;
	padding-left: 4px;
	color: #000;/*black - couleur de l'ecriture*/
	font-size:90%;/*la grosseur de l'ecriture dans le rectangle*/
	width: 230px;
	opacity:0.7;
	background-color: rgba(255,255,255,2.5);/* white - color du background pour le texte name, email, phone seulement*/
}
/*where you write your message*/
#contact_form textarea{
	border: 1px solid #000;
	border-radius: 3px;
	padding-left: 4px;
	color: #000;/*writing*/
	font-size:90%;/*la grosseur de l'ecriture dans le rectangle*/
	height:100px;
	width: 230px;
	opacity:0.7;
	background-color:rgba(255,255,255,2.5);/*white - color du background pour le texte message*/
	font-family: Arial, Helvetica, sans-serif; /*font texte*/
}
.submit_btn {
	border: 1px solid #000;
	padding: 5px 15px 5px 15px;
	color: #FFF;/*white - couleur de l'ecriture du button*/
	/*text-shadow: 1px 1px 1px #FFF;*/
	border-radius: 3px;
	background-color:#290128;/*mauve fonce - color du button*/
	opacity:0.7;
	
}
.submit_btn:hover 
{
	background: #5ee2ff;/*bleu aqua - couleur du bouton mouse over*/
}

/*le rectangle de message qui apparrait si succes remerciement*/
.success{
	height: 200%;
	padding: 10px;
	margin-bottom: 10px;
	border: 5px solid #5ee2ff ;/*bleu aqua - color du contour de la boite*/
	border-radius: 3px;
	font-size:140%;
	font-weight: bold;
	color: #FFF;/*white - couleur de l'ecriture*/
	background-color:#84ce00;/*vert - color du background du texte*/
	opacity:0.7;
}
.error{
	padding: 10px;
	margin-bottom: 10px;
	border: 5px solid #FF0;/*red - color du contour de la boite*/
	border-radius: 3px;
	font-size:140%;
	font-weight: bold;
	background-color: #F00;/*red - color du background du texte*/
}
/*contact form remove white border*/

/************************************************************************/

