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

/*Credits: Dynamic Drive CSS Library */
/* http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form/ */

.cssform p{
	width:400px;
	height: 1%;
	clear: left;
	border-top: 1px solid #8f7e6a;
	font-size: 11px;
	color:black;
	margin: 0px auto 0px auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 155px; /*width of left column containing the label elements*/
}

.cssform label{
	float: left;
	margin-left: -155px; /* largeur de la colonne de gauche */
	width: 150px; /* largeur des labels. Doit être plus petit que la largeur de la colonne de gauche (155px) */
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
    width: 180px;
	border: 1px solid #8f7e6a;
}

.cssform textarea{
	width: 250px;
	height: 150px;
	border: 1px solid #8f7e6a;
}

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

.btFormulaire {
	width:90px;
	height:22px;
    padding: 2px;
	text-align:center;
	background: #cbc3ba;
	color:white;
	cursor:pointer;
	font-size: 11px;
	font-weight:bold;
	/* .......................................................... css3 bord arrondi */
	-webkit-border-radius: 3px; /* Safari V3+ */
	-moz-border-radius: 3px; /* Firefox V1+ */
	-o-border-radius: 3px; /* Opera V10.5+ */
	-ms-border-radius: 3px; /* Microsoft V9+ */
	border-radius: 3px;
}

.btFormulaire:hover {
	background: #8f7e6a;
}

.boiteBoutons {
	text-align: center;
	margin: 10px auto 10px auto;
	padding:4px;
	overflow: hidden;
}

.surname { display: none; } /* cacher champ "spécial" */