/*** Mise en forme de la page ***/
body {
	text-align: left;
	margin: 0em;
	padding: 0;
	font-size: .8em;	/* 100% */
	font-family: arial, sans-serif;
}

/*********  Elements du formulaire  *********/
input, textarea, select {  border:1px solid #18928E; color:#18928E; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;  }
input { width:154px; height:24px; letter-spacing:1px; }
.input_radio { width:auto; height:auto; border:0;}

.button { align:right; width:auto; height:auto; padding:0px; margin-right:0px;  border-size: 1px; border-style: solid; border-color: #213675; color:#213675;; background-color:#FFFFFF; font-weight:bold; cursor:pointer; font-size:10px  } 

em { color:#18928E; font-size:9px; text-align:right }

/*** Mise en forme des formulaires ***/
#abonnement {
	border: none;
	margin: 0;
	padding: 0;
	width:500px;
	/*width: 64em;*/	/*** Largeur du formulaire ***/
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	color: #868686;
	font-weight:bold;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	border:0;
}

#corpForm fieldset label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 17%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignés à gauche... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	color:#18928E;
}


#corpForm a:hover {	/*** Mise en forme des intitulés de champs ***/
text-decoration:underline;
}

#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	color: #7D8383;
	letter-spacing:2px;
	font-size:11px;
	font-weight:bold;
	margin-bottom:20px;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 6px;
	margin: 1px 10px 0 0;
}


#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: #666;
	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;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #F8FEFE;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}


/*** Mise en forme des messages d'erreur ***/

#corpForm .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
}
#corpForm .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('icon_alert.gif') no-repeat left center;
}

.cnil { color:#7D8383; font-family:Verdana, Arial, Helvetica, sans-serif }

/* Login membre */

#corpMembre {color:#333333; font-weight:normal margin: 0; padding: 0 .5em 0 0; line-height: 1.8; }
#corpMembre p { font-weight:normal; color:#CCCCCC}
#corpMembre fieldset {  margin: 0; font-style: normal; padding: 0 1em 1em; border:1px solid #F48541; padding-top:8px; }
#corpMembre fieldset label { float: left; width: 22%; text-align: left;	margin: 0;	padding: 0 .5em 0 0; line-height: 1.8; color:#333333; font-weight:bold; }
#corpMembre input { border:1px solid gray; color:#333333; letter-spacing:1px  }
#corpMembre .button { background-color:#EBEBEB  }

#main_form p {
	margin-top:4px;
	margin-bottom:4px;
	font-size:11px
}
#main_form fieldset {
	margin-top:10px;
	border:0;
	font-size:11px;
	text-align:left
}
#main_form p label {
    float: left;
    text-align: right;
    padding-right: 20px;
    padding-left: 10px;
    width: 200px;
	font-size:11px
    /*color: #246C94;*/
}
#main_form p label.invisible {
    // float: left;
    // text-align: left;
    width: 400px;
	font-size:02px;
    color: #FFFFFF;
}
#main_form p.txt {
    text-align: left;
    padding-right: 20px;
    padding-left: 24px;
    /*color: #246C94;*/
    font-weight:bold;
	font-size:11px
}
.message {
    text-align: center;
    /*font-size: 0.9em;*/
    z-index: 1;
    font:normal bold 11px Arial, Helvetica, sans-serif;
	font-size:11px
}
.message div {
    width: 60%;
    margin: 0 15px 15px;
    padding: 5px 5px;
    background-color: #ffffff;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-width: 2px;
    border-style: solid;
    -moz-border-radius: 0.4em;
}
.infoMessage {
    /*background-image: url('images/22/dialog_info.gif');*/
    border-color: #00ba44;
}
.errorMessage {
    /*background-image: url('images/22/dialog_error.gif');*/
    border-color: #ff2200;
}

.required_text {font-size:11px}

#hp ul li {
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style-image: url();
	margin-left:15px;
}