/* FORMULAIRES    */


#formulaire {
        border: none;
        margin: 0;
        padding: 0;
        width: 95%;        /*** Largeur du formulaire ***/
        text-align : left;
}

#formulaire div#titreForm, div#piedForm {        /*** Mise en forme du titre et du pied de formulaire ***/
        font: bold 1.1em arial, hevetica, sans-serif;
		color: white; /* white */ 
        padding-top: 5px;
        padding-bottom: 13px;	
}
#formulaire #titreForm a {
		margin-left: -165px;
		color: white;
		text-decoration: none;
}
#formulaire #titreForm a:hover {
		text-decoration: under;
}

#formulaire div#piedForm {
        text-align: right; /*** Les boutons sont alignés à droite ***/
}
#formulaire div#piedForm input{
	background:#E9DFC9;
	border:#442211 1px OUTSET; 
	cursor:pointer;
	margin-right:10px;
}

#formulaire div#corpForm {        /*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
        color: #442211;
        /* background-color: #7E8B00;  #DDE2FE #442211  #9EA5CA #8A91BC  */
        margin: 0;
        padding: 1em;
}
#formulaire div#corpForm fieldset {        /*** Mise en forme des cadres ***/
        margin: 0;
        font-style: normal;
        padding: 0 1em 1em;
}
#formulaire div#corpForm legend {        /*** Mise en forme des titres des cadres ***/
        font-weight: bold;
        color: #442211;  /* E1EB48 93A012 black  #8A91BC  395DA7*/
        background: transparent;
}
#formulaire div#corpForm p {        /*** Mise en forme des lignes du formulaire ***/
        padding: .2em 0;
        margin: 0 0 .2em 0;
}


#formulaire div#corpForm input.checkbox {        /*** Mise en forme des checkboxs du formulaire ***/
        margin-top : 5px;
}
#formulaire div#corpForm fieldset label {        /*** Mise en forme des intitulés de champs ***/
        float: left;        /*** Très important, ne pas suprimer ! ***/
        width: 30%;        /*** 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. ***/
}


#formulaire div#corpForm label.oblig {
        font-weight: normal;        /*** Mise en évidence des champs obligatoires ***/
		color: #442211;	
}

#formulaire div#corpForm .legende {        /*** Mise en forme des aides contextuelles ***/
        font-style: italic;
        color: #666;
        background: transparent;
        margin: 0;
        padding: 0;
}
#formulaire div#corpForm a.aide {        /*** Mise en forme des bulles d'aide ***/
        text-decoration: none;
}
#formulaire div#corpForm a.aide img {        /*** Mise en forme de l'image des bulles d'aide ***/
        margin: 0;
        padding: 0;
        border: 0;
        margin-bottom : 0.2em;
}
#formulaire div#corpForm a.aide:hover {        /*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
        cursor: help;
}
#formulaire div#corpForm .focus {        /*** Mise en avant des champs en cours d'utilisation ***/
        background: beige;
        color: black;
}
#formulaire div#corpForm .normal {        /*** Retour à l'état normal après l'utilisation ***/
        background: white;
        color: black;
}

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

#formulaire div#corpForm .noalerte {        /*** Mis en évidence des champs mal renseignés ***/
        border: 0px solid red;
}
#formulaire div#corpForm .nomessageAlerte {        /*** Mise en forme des message d'alerte ***/
        display: none;
}

// Pour les boutons de saut de page
#formulaire div#corpForm input.bigred {
	font-weight: bold; 
	background: #FF6666;
}

#formulaire div#corpForm input.flat {
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
}

#formulaire div#corpForm input {width:200px;
}
#formulaire div#corpForm textarea {width:200px; height:70px;
}

/* BALISE DE L ENCAPSULATION DES fieldset */
#form {
        color: black;
        margin: 0;
        padding: 1em;
        width:auto;
        background-color: #white;    /*  999999  C8CEAC  C4C4C4 */
}

#form fieldset {
        font-style: normal;
}
#form legend {
        font-weight: bold;
        background-color: transparent;
        color: #395DA7;  /* #8C9E76 */
        font-family: arial, helvetica, sans-serif;
        font-size: 10pt;
}
/* tableau  */

.table {
         width:100%;
}


.tfoot {
		background-color:#FFFFFF;
		border:1px solid #6495ed;
}

.th {
		background-color:#395DA7;
		color: white;
		padding-top:5px;
		padding-bottom:5px;
}

.td {
		padding-top:5px;
		padding-bottom:5px;
		text-align:left;
		border-bottom: 1px solid gray;
}

.caption {
		font-family:sans-serif;
}