* { margin: 0; padding: 0; }
HTML, BODY { height: 100%; }
BODY { font-family: Verdana;  }
A { text-decoration: underline; color: #EB8F0A; }
A:hover { text-decoration: none; }
IMG { border: none; }
UL { list-style: none; margin: 10px 0 0 20px; }
LI { background: url(../pics/bouton.gif) top left no-repeat; padding-left: 12px; margin-bottom: 10px; text-align: justify; }
H2 { font-size: 15px; color: #B80076; margin: 0 0 10px 0; }

/********* Structure générale *********/
#global { position: relative; left: 0; width: 100%; height: 100%; }
HTML>BODY #global { height: auto; min-height: 100%; }
#header { display: none; }
#contenu { clear: both; width: 450px;  }
#colGauche { display: none; }
#article { float: left; margin: 33px 0 70px 30px; padding: 15px 0 30px 0; width: 565px; height: 550px; font-family: "Times New Roman"; font-size: 14px; }
HTML>BODY>#global>#contenu #article { min-height: 550px; height: auto;  }
#footer { display: none;  }

/********* Article *********/
#article H1 { color: #E49303; padding: 0 -90px 10px 0; margin: 0 0 20px 0; font-size: 24px; font-weight: normal; background: url(../pics/border.gif) bottom left repeat-x; }
#article P { line-height: 20px; text-align: justify; }
#article .illustration { float: left; margin-bottom: 20px; }
#article .texte { float: right; width: 400px; margin: 0 10px 20px 10px; }
#article #pagination { display: none; }
#article #options { text-align: center; font-size: 12px; }
#article #options A.boutonOpt  { display: block; float: left; width: 50px; background: url(../pics/charte/bg-btn-search.gif) top left repeat-x; font-weight: bold; color: #FFF !important; text-decoration: none; text-align: center; padding: 0 15px 5px 15px;  margin: 0 0 0 3px;  }
UL.menuPays { position: absolute; top: 230px; width: 150px; border: 1px solid #E68C00; background: #F9F9EE; padding: 10px 0 0 15px; display: none; }
#article #selectPays { display: none; }
#article #infosLegs { display: none; }

.lettres { float: left; width: 150px; margin-bottom: 10px; }

/********* Mentions légales *********/
#mentions { text-align: justify; }
#mentions P { margin-bottom: 10px; }

/********* Tableaux *********/
#graph { display: none; }
#bilan { width: 570px; border-collapse: collapse; }
#bilan TD { border: 1px solid #BCBC92;  padding: 3px 5px 3px 5px; }
#bilan TD.titre { font-weight: bold; text-align: center; text-transform: uppercase; }
#bilan TD.chiffre { text-align: center; }

/********* Plan *********/
#planGauche, #planDroit { width: 250px; float: left; }
#planGauche H2, #planDroit H2 { margin-top: 10px; }

/********* Contact *********/
#formContact { display: none; }

/********* Don *********/
#formDons FIELDSET { border: 1px solid #BCBC92; }
#formDons LEGEND { margin-left: 20px; padding: 0 3px 0 3px; font-weight: bold; color: #B80076; text-transform: uppercase; }
#formDons P { padding: 5px 15px 5px 15px; }
#formDons LABEL { width: 150px; display: block; float: left; }
#formDons INPUT { width: 180px; font-size: 13px; font-family: "Times New Roman"; padding: 1px; border-top: 1px solid #EB8C00; border-left: 1px solid #EB8C00; border-bottom: 1px solid #EED094; border-right: 1px solid #EED094; }
#formDons TEXTAREA { border-top: 1px solid #EB8C00; border-left: 1px solid #EB8C00; border-bottom: 1px solid #EED094; border-right: 1px solid #EED094; overflow: auto; font-size: 13px; font-family: "Times New Roman"; padding: 1px; width: 500px; height: 150px; }
#formDons SELECT { width: 184px; font-size: 13px; font-family: "Times New Roman"; padding: 1px; border-top: 1px solid #EB8C00; border-left: 1px solid #EB8C00; border-bottom: 1px solid #EED094; border-right: 1px solid #EED094; }
#formDons #boumjtattrape { width: 146px; }

#formDons INPUT.bouton { border-bottom: 1px solid #EB8C00; border-right: 1px solid #EB8C00; border-top: 1px solid #EED094; border-left: 1px solid #EED094; background: none; cursor: pointer; width: 150px; margin-bottom: 20px; color: #B80076; }

INPUT.bouton { border-bottom: 1px solid #EB8C00; border-right: 1px solid #EB8C00; border-top: 1px solid #EED094; border-left: 1px solid #EED094; background: none; cursor: pointer; width: 150px; margin-bottom: 20px; color: #B80076; }

#don { clear: both; width: 250px; float: left; margin-top: 20px; }
#signature { width: 250px; float: right; height: 100px; border: 1px solid #787847; padding: 2px; margin: 20px 0 30px 0; }

/********* Dons *********/
#donGauche { float: left; width: 250px; }
#donDroite { float: right; width: 300px; }
#print { text-align: center; }

/********* Autorisation de prélèvement *********/
#debiteur { border-collapse: collapse; width: 100%; margin-bottom: 20px; }
#debiteur TD, #debiteur TH { border: 1px solid #BCBC92;  padding: 3px; }
#debiteur TD { height: 100px; }

#compteDebiter { border-collapse: collapse; width: 100%; margin-bottom: 20px; }
#compteDebiter TD, #compteDebiter TH { border: 1px solid #BCBC92;  padding: 3px; }

#adresseDebiteur { width: 100%; height: 150px; border: 1px solid #BCBC92; background: #F4F3E0; margin-bottom: 25px; }
#printLink { display: none; }

/********* Classes *********/
.spacer { clear: both !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.justify { text-align: justify !important; }
.middle { vertical-align: middle; }
.gauche { float: left; }
.droite { float: right; }
.souligne { text-decoration: underline; }
.bold { font-weight: bold !important; }
.comment { font-size: 12px; font-style: italic; }