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

<style type="text/css">

/* formulaire */
#formulaire
{
	width: 80%;
}

#formulaire p
{
	margin: 0.5em 0;
}

/* fieldset , legend */
#formulaire fieldset
{
	margin-bottom: 10px;
	border: #CCC 1px solid;
}

#formulaire fieldset:hover
{
	background-color: #FFF;
}

#formulaire fieldset legend
{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
}


/* Label */
#formulaire label
{
	display: block;
	width: 20%;
	float: left;
	padding-right: 1%;
	margin-top: 4px;
	text-align: right;
}

#formulaire .form_label_nostyle
{
	background: none;
}


/* Input */
#formulaire input, #formulaire select
{
	padding: 4px 4px;
	border: #CCC 1px solid;
	font-size: 1em;
	color: #27303F;
}

#formulaire input:hover, #monForm select:hover, #monForm input:focus, #monForm select:focus
{
	border: #999 1px solid;
	background-color: #e6f0f8;
}

#formulaire .form_input_day_month
{
	width: 3%;
}

#formulaire .form_input_year
{
	width: 6%;
}

/* button image */
#formulaire input[type="image"]
{
	border: 0;
	margin:0;
	padding:0;
}

#formulaire input[type="image"]:hover
{
	border: 0;
	background-color:#FFF;
}


/* button submit */
#formulaire input[type="submit"]
{
	border: 0;
	width: 20%;
	background-color: #fff;
	color:#27303F;
	font-size:1em;
}

#formulaire input[type="submit"]:hover
{

}

#formulaire input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

#formulaire input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}

#formulaire textarea{
	padding: 4px 4px;
	width: 58%;
	border: #CCC 1px solid;
	font-size: 1em;
	font-family: Verdana, Geneva, sans-serif;
}

#formulaire textarea:hover
{
	border: #999 1px solid;
	background-color: #e6f0f8;
}





/* ----------------------------- formulaire-reservation --------------------------------- */




/* formulaire */
#formulaire-reservation
{
	margin-left: 55px;
}

#formulaire-reservation h2 {
	color:#27313F;
	font-size: 1.15em;
	font-weight: bold;
}

#formulaire-reservation h3
{
	font-size: 1em;
}

#formulaire-reservation p
{
	margin: 0.5em 0;
	font-size: 1em;
}

#formulaire-reservation ul
{
	list-style-type: none;
	margin-left:0;
	padding:0;
}


/* fieldset , legend */
#formulaire-reservation fieldset
{
	margin-bottom: 10px;
	border: #CCC 1px solid;
}

#formulaire-reservation fieldset:hover
{
	background-color: #FFF;
}

#formulaire-reservation fieldset legend
{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
}


/* Label */
#formulaire-reservation label
{
	display: block;
	width: 20%;
	float: left;
	padding-right: 1%;
	margin-top: 4px;
	text-align: right;
}

#formulaire-reservation .form_label_nostyle
{
	background: none;
}


/* Input */
#formulaire-reservation input, #formulaire-reservation select
{
	padding: 4px 4px;
	width: 58%;
	border: #CCC 1px solid;
	font-size: 1em;
	color: #27303F;
}

#formulaire-reservation input:hover, #formulaire-reservation select:hover, #formulaire-reservation input:focus, #formulaire-reservation select:focus
{
	border: #999 1px solid;
	background-color: #e6f0f8;
}

#formulaire-reservation .form_input_day_month
{
	width: 3%;
}

#formulaire-reservation .form_input_year
{
	width: 6%;
}

/* button image */
#formulaire-reservation input[type="image"]
{
	margin:0;
	padding:0;
}

/* button radio */
#formulaire-reservation input[type="radio"]
{
	width: 10px;
	border:0;
}

/* button checkbox */
#formulaire-reservation input[type="checkbox"]
{
	width: 10px;
	border:0;
}

/* button submit */
#formulaire-reservation input[type="submit"]
{
	border: 0;
	width: 20%;
	background-color: #fff;
	color:#27303F;
	font-size:1em;
}

#formulaire-reservation input[type="submit"]:hover
{
	background-color: #27303F;
	cursor: pointer;
	color: #fff;

}

#formulaire-reservation input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

#formulaire-reservation input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}

#formulaire-reservation textarea{
	margin-left: 1%;
	padding: 4px 4px;
	width: 58%;
	border: #CCC 1px solid;
	font-size: 1em;
	font-family: Verdana, Geneva, sans-serif;
}

#formulaire-reservation textarea:hover
{
	border: #999 1px solid;
	background-color: #e6f0f8;
}




</style>
