/*------------------------------------------------------------------
// Auteur : Ludovic Martin <ludovic@dreamclic.com> / www.dreamclic.com
// 
// Version             : 2.0
// Date de création    : 26/06/2008
//
// Description         : feuille de style de rubrique
//
//------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
#content div#contact div#formulaire{
	float:left;
	width:50%;
	margin:0 30px 0 0;
}
#content div#contact div#formulaire h2{
	font-family:"Trebuchet MS", Arial, Sans-Serif;
	color:#d50242;
	font-size:2em;
	margin:0 0 20px 0;
}
#content div#contact div#formulaire h3{
	font-family:"Trebuchet MS", Arial, Sans-Serif;
	color:#d50242;
	font-size:1.2em;
	margin:10px 0 5px 0;
}
#content div#contact div#formulaire fieldset{
/*	border:none;
	background:transparent url(images/formulaire_background.png) no-repeat top left;
	float:left;
	padding:20px;
	height:500px;
	width:480px;*/
	
	padding:20px;
border: 1px solid #CCC;
border-radius: 10px;
background: #f2f5f6;
background: -moz-linear-gradient(top, #f2f5f6 0%, #e4e7e8 100%);
background: -webkit-linear-gradient(top, #f2f5f6 0%,#e4e7e8 100%);
background: linear-gradient(to bottom, #f2f5f6 0%,#e4e7e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#e4e7e8',GradientType=0 );	
}
#content div#contact div#formulaire form{
	/*width:500px;*/
}
#content div#contact div#formulaire p.warning{
	font-size:.8em;
}
#content div#contact div#formulaire p{
	position:relative;
	float:left;
	width: 100%;
}
#content div#contact div#formulaire p label.texte_fantome{
	font-family:"Trebuchet MS", Arial, Sans-Serif;
	position:absolute;
	left:45px;
	color:#4E4E4E;
	font-size:.9em;
	line-height:26px;
}
#content div#contact div#formulaire p.message label.texte_fantome{
	left:5px;
}
#content div#contact div#formulaire p label.vignette{
	position:absolute;
	left:8px;
	color:#4E4E4E;
	font-size:.92em;
	line-height:24px;
}
#content div#contact div#formulaire p input,
#content div#contact div#formulaire p textarea{
	font-family:"Trebuchet MS", Arial, Sans-Serif;
	width:100%;

	color:#50595b;
	border:1px solid #bdbdbd;
	font-size:.9em;
}
#content div#contact div#formulaire p input{
	background:url(images/form/input.jpg) no-repeat #fff;
	float:left;
	margin:0;
	height:24px;
	text-indent:42px;
}
#content div#contact div#formulaire p textarea{
	background:#fff;
	height:100px;
}
#content div#contact div#formulaire p.submit{
	float:right;
}
#content div#contact div#formulaire p.submit input.envoyer{
	background:url(images/form/envoyer.png) no-repeat;
	width:120px;
	height:33px;
	border:none;
	text-indent:-1000em;
	overflow:hidden;
	cursor:pointer;
	margin:0;
}
/*------------------------------------------------------------------*/
#content div#contact div#coordonnees{
	float:left;
	margin:53px 0 0 0;
	width:425px;
	height:520px;
	color:cyan;
	text-align:center;
}
/*------------------------------------------------------------------*/
#content div#contact{
	/*background:url(images/home_contact.png) top left no-repeat;*/
	float:left;
	width:100%;
}
#content div#contact div#formulaire{
	min-height:383px;
	float:left;
	text-align:justify;
	color:#50595b;
}
#content div#contact div#formulaire p{
	margin:0 0 3px 0;
}
#content div#contact div#formulaire p strong{
	color:#d50242;
}
/*------------------------------------------------------------------*/
.messages_erreur,
.messages_information{
	margin:0 0 16px 0;
	padding:16px;
	font-weight:bold;
}
.messages_erreur{
	border:1px solid #d50242;
	color:#d50242;
}
/*------------------------------------------------------------------*/
.messages_information{
	border:1px solid green;
	color:green;
}

@media (max-width: 900px) {
	#content div#contact div#coordonnees{
		float: none;
		margin: auto;
	}
}
@media (max-width: 767px) {
	#content div#contact div#formulaire{
		width: 100%;
	}
	#content div#contact div#coordonnees{
		float: none;
		height: auto;
		width: auto;
	}
	#content div#contact div#coordonnees img{
		width: 100%;
	}
}