@charset "UTF-8";


/*** Mise en forme du formulaire ***/

#TopFormulaire {
	color:#FFFFFF;
	width: 50%;
	position: relative;
	text-align: justify;
	font-size: 16px;
	margin-top: 10px;
	min-width: 250px;
	max-width: 600px;
    margin-left: auto;
	margin-right: auto;
}

#PresentationFormulaire{
	width: 90%;
	text-align: center;
	border: 1px solid yellow;
	padding: 1%;
	color:#FFFF00;
	padding-top:10px;
	padding-right: 3%;
	padding-left: 3%;
	margin-left:auto;
	margin-right:auto;
	display: block;
	margin-bottom: -40px;
	min-width:720px;
}

textarea {
	color:#660066;
	font-size: 14px;
	padding: 6px;
	font:"Times New Roman", Times, serif;
	overflow:auto;
}

#valid {
	font-weight:bold;
	color:#EF0F85;
	background-color:#CCCCCC;
	font-size:14px;
	padding: 4px;
	float: right;
	margin: 6px;
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	margin: 0;
	padding: 0;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	padding: 0;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
  font-weight: italic;
  background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 0;
	margin: 0;
}

#contact {
  border: 0px;
  text-align:left;
  margin: 0;
  padding: 0;
  width:83%;
  min-width:810px;
  max-width:1200px;	/*** Largeur du formulaire ***/
  margin-left:auto;
  margin-right:auto;
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	margin: 0;
	padding: 1em;
}


#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	background: transparent;
	color: #CCCCCC;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Trés important, ne pas suprimer ! ***/
	width: 35%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm  label:hover, input  {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	margin: 0;
	padding: 0;
	color: #CCCCCC;
}

#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background:#FFFFCC;
	color:#330033;
	font-size:14px;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color:#330033;
	font-size:14px;
}