* { margin: 0; padding: 0; }
HTML, BODY { height: 100%; }
BODY { font-family: Verdana; background: #E7E8D8 url(../pics/charte/bg-body.jpg) top left repeat-x; }
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; }
STRONG { font-weight: bold; color: #880055; }
/********* Structure générale *********/
#global { position: relative; left: 0; width: 100%; height: 100%; }
HTML>BODY #global { height: auto; min-height: 100%; }
#header { width: 1000px; height: 120px; float: left; background: url(../pics/charte/bg-header.jpg) top left no-repeat; }
#contenu { clear: both; width: 980px; background: url(../pics/charte/bg-contenu.gif) 200px 0px repeat-y; }
#colGauche { margin-bottom: 70px; padding-top: 11px; clear: both; width: 201px; font-family: Verdana; float: left; height: 600px; }
HTML>BODY>#global>#contenu #colGauche { min-height: 600px; height: auto; }
#article { float: left; margin: 33px 0 70px 30px; padding: 15px 100px 30px 30px; width: 565px; height: 550px; font-family: "Times New Roman"; font-size: 14px; background: url(../pics/charte/bg-article2.gif) bottom right no-repeat; }
HTML>BODY>#global>#contenu #article { min-height: 550px; height: auto; }
#footer { position: absolute; bottom: 0; width: 100%; height: 40px; padding-top: 10px; font-size: 11px; font-weight: bold; background: #F3F2E3; color: #754900; }
/********* Colonne de gauche *********/
#colGauche #logo { padding-left: 10px; }
#colGauche A { color: #754900; text-decoration: none; }
#colGauche A:hover { font-weight: bold; color: #B80076; text-decoration: underline; }
#colGauche A.active { font-weight: bold; color: #B80076; }
#colGauche #secondLogo { padding: 0 0 20px 0; }
#colGauche .bloc { background: url(../pics/charte/bg-separ.gif) top left repeat-x; padding: 3px 0 5px 0; }
DIV.bloc P { font-size: 12px; color: #754900; font-weight: bold; margin: 5px 0 2px 20px; }
#colGauche LI { font-size: 11px; line-height: 16px; margin: 5px 0 5px 0; }
#colGauche LI.active { background: url(../pics/bouton-active.gif) top left no-repeat; }
/********* Article *********/
#article H1 { color: #E49303; padding: 0 90px 5px 0; margin: 0 0 20px 0; font-size: 24px; font-weight: bold; background: url(../pics/border.gif) bottom left repeat-x; }
#article H2 { font-size: 17px; color: #B80076; margin: 0 0 10px 0; }
#article P { line-height: 20px; margin-bottom: 15px; text-align: justify; }
#article A { font-weight: bold; }
IMG.imgGauche { float: left; margin: 5px 10px 5px 0; }
IMG.imgDroite { float: right; margin: 5px 0 5px 10px; }
#article .illustration { float: left; margin-bottom: 20px; }
#article .texte { float: right; width: 390px; margin: 0 10px 20px 10px; }
#article .personne { margin: 0 90px 20px 0; width: 120px; float: left; }
#article .personne A { color: #880055; }
#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; }
#menu-ProcheOrient { width: 80px !important; }
#menu-OcanIndien { width: 75px !important; }
#subMenu-Afrique { left: 245px; }
#subMenu-Maghreb { left: 328px; }
#subMenu-ProcheOrient { left: 410px; }
#subMenu-OcanIndien { left: 523px; }
#subMenu-Asie { left: 631px; }
#subMenu-Divers { left: 715px; width: 180px; }
#article #pagination { text-align: center; clear: both; }
#article SELECT#pays { margin-top: 20px; width: 100px; 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; }
#article SELECT#fonds { 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; }
#article #notes { font-size: 13px; font-style: italic; line-height: 15px; }
/********* Mentions légales *********/
#mentions { text-align: justify; }
#mentions P { margin-bottom: 10px; }
/********* Tableaux *********/
#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 FIELDSET { border: 1px solid #BCBC92; }
#formContact LEGEND { margin-left: 20px; padding: 0 3px 0 3px; font-weight: bold; color: #B80076; text-transform: uppercase; }
#formContact P { padding: 5px 15px 5px 15px; }
#formContact LABEL { width: 100px; display: block; float: left; }
#formContact 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; }
#formContact 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; }
#formContact 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; }
#formContact #boumjtattrape { width: 146px; }
/********* Formulaire 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.chk { width: auto !important; height: auto; padding: 0; border: 0 !important; background: none; vertical-align: middle; margin-right: 20px; }
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; }
/********* 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; }
/********* Dons *********/
#donGauche { float: left; width: 300px; }
#donDroite { float: right; width: 300px; }
#print { text-align: center; }
/********* Footer *********/
#footer P { margin-left: 230px; width: 704px; text-align: center; }
#footer A { color: #754900; text-decoration: none; }
#footer A:hover { text-decoration: underline; }
/********* 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; }
.lettres { float: left; width: 150px; margin-bottom: 20px; }
.lettres P { line-height: 12px !important; }