/* ------------- formulaires ------------- */
	/* .form : la class du div conteneur du formulaire */
	.form {
		width: 800px;
		margin : 0;
	}

	
	.formvisiteur {
		margin-top : 0px;
		padding : 10px 5px 0 5px;
		margin-left : auto;
		margin-right : auto;
	}
	
	/*
	* 
	* INPUT
	* 
	*/
	.requis {
		border: 1px solid red;
	}
	.mail_incorrect { border: 1px solid red; }
	
	
	.p_input_prof{
		margin-left : 60px;
		margin-top : 0;
		margin-bottom : 0;
		width: 230px;
		clear: left;
		padding: 3px 0 4px 0;
		padding-left: 250px; /*width of left column containing the label elements*/
		border-top: 1px dashed gray;
		height: 1%;
	}
	.p_input_eleve{
		margin-left : 60px;
		margin-top : 0;
		margin-bottom : 0;
		width: 230px;
		clear: left;
		padding: 3px 0 4px 0;
		padding-left: 250px; /*width of left column containing the label elements*/
		border-top: 1px dashed gray;
		height: 1%;
	}
	.p_input_vis{
		margin-left : 91px;
		margin-top : 0;
		margin-bottom : 0;
		width: 230px;
		clear: left;
		padding: 3px 0 4px 0;
		padding-left: 250px; /*width of left column containing the label elements*/
		border-top: 1px dashed gray;
		height: 1%;
	}
	.p_input_vis_sansdot{
		margin-left : 91px;
		margin-top : 0;
		margin-bottom : 0;
		width: 230px;
		clear: left;
		padding: 3px 0 4px 0;
		padding-left: 250px; /*width of left column containing the label elements*/
		height: 1%;
	}
	.label_input{
		font-weight: bold;
		color : #8c004f;  /* violet */
		font-size: 14px;
		float: left;
		margin-top : 0;
		margin-bottom : 0;
		margin-left: -250px; /*width of left column*/
		width: 220px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
	
	.label_input_petit{
		font-weight: normal;
		font-weight: bold;
		color : #8c004f;  /* violet */
		font-size: 13px;
		float: left;
		margin-top : 0;
		margin-bottom : 0;
		margin-left: -250px; /*width of left column*/
		width: 220px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
	
	.champ_input{ /*width of text boxes. IE6 does not understand this attribute*/
		width: 220px;
		margin : 0;
		padding : 0;
		text-align : center;
	}
	
	/*
	* 
	* TEXT AREA
	* 
	*/

	.conteneur_area_prof{
		width: 220px;
		margin-left : 60px;	
		margin-top : 0;
		margin-bottom : 0;
	}	
	.conteneur_area_eleve{
		width: 220px;
		margin-left : 60px;	
		margin-top : 0;
		margin-bottom : 0;
	}
	.conteneur_area_vis{
		width: 220px;
		margin-left : 91px;	
		margin-right : 0;	
		margin-top : 0;
		margin-bottom : 0;
	}		
	.p_area1{
		margin-left : 0;
		margin-bottom : 0;
		margin-top : 0;
		width: 230px;
		clear: left;
		padding: 3px 0 4px 0;
		padding-left: 250px; /*width of left column containing the label elements*/
		border-top: 1px dashed gray;
		height: 1%; 
	}
	.p_area1_sansdot{
		margin-left : 0;
		margin-bottom : 0;
		margin-top : 0;
		width: 230px;
		clear: left;
		padding: 3px 0 4px 0;
		padding-left: 250px; /*width of left column containing the label elements*/
		height: 1%; 
	}
	
	.p_area2{	
		clear: both;
		width: 120px;
		margin: 0;
		padding : 0;
		text-align : left;
		height: 1%; 
	}

		
	.label_area{
		font-weight: bold;
		font-size: 13px;
		color : #8c004f;  /* violet */
		float: left;
		margin-left: -250px; /*width of left column*/
		width: 400px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
			
	.champ_textarea {
		width : 475px;
		height: 130px;
		margin : 0;
		padding : 0;
	}

	.petitchamp_textarea {
		width : 475px;
		height: 50px;
		margin : 0;
		padding : 0;
	}

	.toutpetitchamp_textarea {
		width : 475px;
		height: 30px;
		margin : 0;
		padding : 0;
	}
	
	/*
	 * 
	 * DATE
	 * 
	 */
	
	.p_date{	
		margin-top : 0;
		margin-bottom : 0;
		width: 230px;
		float : left;
		padding: 3px 0 4px 0;
		padding-left: 250px; /*width of left column containing the label elements*/
		border-top: 1px dashed gray;
		height: 1%;
	}

	.p_boutonDate {
		float:left;
		width: 80px;
		padding-left : 20px;
		margin-left : 20px;
		margin-top : 4px;
		margin-bottom : 0;
	}
	
	.boutonDate {
		margin-top : 8px;
	}
	
	.conteneur_date_prof{
		width : 100%;
		margin-left : 60px;	
		margin-top : 0;
		margin-bottom : 0;
	}
	.conteneur_date_eleve{
		width : 100%;
		margin-left : 60px;	
		margin-top : 0;
		margin-bottom : 0;
	}
	.conteneur_date_vis{
		width : 100%;
		margin-left : 91px;	
		margin-top : 0;
		margin-bottom : 0;
	}
	.p_boutonDate {
		float:left;
		width: 100px;
		margin: 0;
	}
		
	/*
	 * 
	 * CHECKBOX
	 * 
	 */
	
	.titreCheckbox_eleve {
		margin-left : 100px;
		margin-top : 0;
		margin-bottom : 0;
		padding : 0;
		width: 480px;
		border-top: 1px dashed gray;
		font-weight: bold;
		font-size: 15px;
	
	}
	
	.p_title_checkbox{
		margin-left : 60px;
		margin-top : 0;
		margin-bottom : 0;
		width: 230px;
		clear: left;
		padding: 0;
		padding-left: 250px; /*width of left column containing the label elements*/
		border-top: 1px dashed gray;
	}
	
	.p_checkbox_eleve{
		margin-left : 300px;
		margin-top : 0;
		margin-bottom : 0;
		padding : 0;
		width: 180px;
		font-weight: normal;
		font-size: 15px;
		text-align : right;	
	}

	
	/*
	 * SUBMIT
	 * 
	 */
	
	.p_submit_vis{
		margin-left : 91px;
		text-align : right;
		margin-top : 0;
		margin-bottom : 0;
		width: 280px;
		clear: left;
		padding: 5px 0 5px 0;
		padding-left: 200px; /*width of left column containing the label elements*/
		border-top: 1px dashed gray;
		height: 1%;
	}
	.p_submit_haut_vis{
		margin-left : 91px;
		text-align : right;
		margin-top : 0;
		margin-bottom : 0;
		width: 280px;
		clear: left;
		padding: 0px 0 5px 0;
		padding-left: 200px; /*width of left column containing the label elements*/
		border-bottom: 1px dashed gray;
		height: 1%;
	}	
	.p_submit_prof{
		margin-left : 60px;
		text-align : right;
		margin-top : 0;
		margin-bottom : 0;
		width: 280px;
		clear: left;
		padding: 5px 0 5px 0;
		padding-left: 200px; /*width of left column containing the label elements*/
		border-top: 1px dashed gray;
		height: 1%;
	}
	.p_submit_haut_prof{
		margin-left : 60px;
		text-align : right;
		margin-top : 0;
		margin-bottom : 0;
		width: 280px;
		clear: left;
		padding: 5px 0 5px 0;
		padding-left: 200px; /*width of left column containing the label elements*/
		border-bottom: 1px dashed gray;
		height: 1%;
	}
	.p_submit_eleve{
		margin-left : 60px;
		text-align : right;
		margin-top : 0;
		margin-bottom : 0;
		width: 280px;
		clear: left;
		padding: 5px 0 5px 0;
		padding-left: 200px; /*width of left column containing the label elements*/
		height: 1%;
	}
	.p_submit_haut_eleve{
		margin-left : 60px;
		text-align : right;
		margin-top : 0;
		margin-bottom : 0;
		width: 280px;
		clear: left;
		padding: 5px 0 5px 0;
		padding-left: 200px; /*width of left column containing the label elements*/
		height: 1%;
	}
	
	/*.threepxfix class below:
	Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
	to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
	*/
		
	* html .threepxfix{
		margin-left: 3px;
	}