@charset "utf-8";
/* CSS Document */

.photo-texte label{
	display:block;
	float: left;
	font-weight: bold;
	margin: 0 20px 20px 0;
	width: 150px;
	text-align: right;
	clear: left;
}

.photo-texte input{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
margin: 0;

float: left;
clear: right;
}
.photo-texte fieldset.cases{
	clear: both;
	border: 0;
	padding: 0 0 10px 0;
	
}
.photo-texte fieldset.cases input{
	width: auto;
	clear: left;
	
}
.photo-texte fieldset.cases p{
	float: left;
}
.flotte{
	float: left;
	padding-top: 7px;
}
.photo-texte textarea{
width: 200px;
height: 150px;
margin: 0;

}
#boutonsform{
	margin-left: 170px;
	 padding-top: 20px;
}
.photo-texte #boutonsform input{
	 margin-right: 10px;
	width: 100px;
}

/*.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;
}

#bas{
	margin: 10px 0 0 180px;
	width: 520px;
	float: left;
	
}

#colonne-ppale legend {display: none; }
#colonne-ppale form{font-size: 11px; width: 472px;float: left;}
#colonne-ppale label{padding: 3px; display: block; width: 230px; float: left; text-align: right; font-size: 11px; line-height: 11px;white-space: nowrap;}
#colonne-ppale label input, #colonne-ppale label textarea{
	font-size: 11px;
	background-color:#f2e8dc;
	width: 130px;
	display: inline;
	padding: 1px 5px;
	margin-left: 5px;
	color: #811c20;
	vertical-align:top;
}
#colonne-ppale fieldset{width: 475px;overflow: auto; margin: 5px 0; border: 0; }
#colonne-ppale #contactMessage{width: 367px; height: 50px;}
#colonne-ppale #labelcm{width: 466px; }
#colonne-ppale .ob{color: #ea4498; font-size:11px;}
#ok{float: right; margin: 5px; padding: 3px; background-color:#90611e; font-size: 12px;font-weight:bold; width: 136px;color: white;}