body{ font-family:Arial, Helvetica, sans-serif;
font-size:11px;}

.arial10pxFFFFFF {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: FFFFFF;
}
.arial11px000000 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: 000000;
	line-height: 14px;
}
.arial11pxE0AE17 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #E0AE17;
}
.arial11px003399 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003399;
}
.arial10px003399 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #003399;
}

.arial11pxE83DF2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #E83DF2;
	font-size: 11px;	
}

a {
	text-decoration : none;
}

a:hover {
	text-decoration: underline;
}	
.arial16pxFF7936 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF7936;
}
.arial10px695109 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #695109;
}
.arial11pxFF7936 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF7936;
}
.arial11px999999 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
.arial10px000000 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.arial11px9B780F {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9B780F;
}

.arial12px000000{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.arial12pxFF7936{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF7936;
}

.arial14px003399{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003399;
	font-weight: bold;
}



ul {
	margin: 0px;
	padding: 0px;
}

li {
	font-size : 10px;
	font-family:Arial, Helvetica, sans-serif;
}

.ss_menu{
	background-image:url(../img/puce_fleche.gif);
	background-repeat: no-repeat;
	list-style:none;
	margin: 0px;
	margin-left: 0px;
	padding: 0px;
	padding-left: 10px;
	background-position:0px 6px 0px 0px;
}
.selected {
	background-color: #003399;
	color: #FFFFFF;
}	

#legende {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.arial14px000000 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.perimetres {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	width: 238px;
}
.formulaire{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#inscription input{

height:20px;
font-size:11px;
}
#boutonok{
border:1px solid #ccc;
}

/* MISE EN PAGE FORMULAIRE */

#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: .5em;
}
#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	color: black;
	margin: 0;
	padding: 1em;
}
#corpForm textarea {
height:150px;
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
margin:0;
font-style: normal;
padding: 0 1em 1em;
}
#corpForm .focus {
background:#F1F1F8;
border:1px solid #7F9DB9;
color:black;
}
#corpForm .normal {
background:#fff;
border:1px solid #7F9DB9;
color:black;
}
#corpForm input{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:250px
}
#corpForm fieldset{
border:none;
}


#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpForm label {	/*** Mise en forme des titres des cadres ***/
	color: #fff;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label, #corpForm fieldset#reservation label, #corpForm fieldset#materiel label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 20%;	/*** 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 label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color:#FF0000;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
.error{
color:red;
font-size:11px;
}
.success{
color:#006633;
}
/*FIN DU FORMULAIRE*/
#savoirplus{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
display:block;
position:absolute;
background:#ffcc33;
font-size:10px;
border-left:1px solid #ccc;
cursor:pointer;
width:140px;
padding-left:10px;
}