/*** Mise en forme du formulaire ***/

form {
	border: none;
	padding: 0;
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	margin: 0;
	padding: 1em;
}

fieldset.fieldsetPhoto01{
	background: url(../images/snowboard01.jpg) no-repeat ;
	min-height:132px;
}

fieldset.fieldsetPhoto02{
	background: url(../images/ski01.jpg) no-repeat left bottom;
	min-height:132px;
}

fieldset.fieldsetPhoto03{
	background: url(../images/ski03.jpg) no-repeat;
	min-height:132px;
}

#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	margin-bottom:10px;
	font-style: normal;
	padding: 0 1em 1em;
	border: #9C9C9C dotted 1px;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	width:234px;
	font-weight: bold;
	color: black;
	background: transparent;
	background: #fb0;
	border: #9C9C9C dotted 1px;
	padding: 1px 10px
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}

#corpForm h1 {
	padding: 0;
	margin: 5px;
	font-size: 14px;
	color : #fb0;
}


#corpForm fieldset label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 50%;	/*** 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, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

#corpForm a.calendar {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.calendar img {	/*** Mise en forme de l'image des bulles d'aide ***/
	float: none ;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: absmiddle;
}
#corpForm a.calendar:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}

#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}

input.envoyer{
	cursor: pointer;
	margin:10px;
	padding-left : 20px;
	float: right;
	width: 40%;
	text-align: left; 
	border:0;
	line-height: 1.8;
	color:#7DA8DB;
	font-size:14px;
	text-decoration:none;
	background-image: url(../images/more.gif);
	background-repeat: no-repeat;
	height:27px;
	font-weight: bold;
}
