* { margin:0; padding: 0; }
BODY { background: #1A2A37; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFF; }
A { color: #52B3DD; text-decoration: underline; }
A:hover { color: #52B3DD; text-decoration: underline; }

#general { position: absolute; width: 808px; left: 50%; margin-left: -404px; background: #1A2A37; }
#header  { width: 808px; height: 253px; background: #1A2A37 url(../pics/charte/bg-header.jpg) top left no-repeat; margin: 10px 0 10px 0; padding: 5px 0 0 0; }
#bdn-flash { text-align: right; padding-right: 10px;}

#menu     { width: 795px; height: 21px; background: #CCC url(../pics/charte/bg-menu.gif) top left repeat-x; margin: 2px 0 1px 5px; font-size: 10px; color: #000; }
#menu UL  { list-style: none; font-weight: normal; padding: 0 0 0 0; }
#menu LI  { line-height: 16px; float: left; padding: 2px 7px 2px 7px; border-right: 1px solid #62B6E4; }
#menu A   { color: #000; text-decoration: none; }
.menuLast { border: none !important;  }

#menuEN     { width: 795px; height: 21px; background: #CCC url(../pics/charte/bg-menu.gif) top left repeat-x; margin: 2px 0 1px 5px; font-size: 10px; color: #000; }
#menuEN UL  { list-style: none; font-weight: normal; padding: 0 0 0 0; }
#menuEN LI  { line-height: 16px; float: left; padding: 2px 11px 2px 11px; border-right: 1px solid #62B6E4; }
#menuEN A   { color: #000; text-decoration: none; }
#menuEN .menuLast { border: none !important;  }

#ticker   {  width: 795px; background: #E8F6F7; height: 24px; margin: 0 0 0 5px; }
#ticker OBJECT { float: left; }
#drapeaux { float: right; margin: 4px 10px 0 0; }

#article    { float: left; width: 490px; padding: 4px 10px 4px 20px; margin: 0 0 30px 0; }
#article H1 { font-size: 22px; margin: 10px 0 30px 0; font-weight: normal; }
#article H2 { font-size: 17px; margin: 20px 0 10px 0; color: #52B3DD; font-weight: normal; }
#article H3 { font-size: 12px; margin: 10px 0 5px 0; }
#article P  { font-size: 11px; margin: 0 0 10px 0; line-height: 16px; text-align: justify; }
#article UL { margin: 0 0 10px 30px; line-height: 16px; }

/* ---- Zone : contenu ---- */
/*#contenu { width: 808px; height: 400px; float: left; background: #1A2A37 url(../pics/charte/bg-contenu.gif) 230px 275px no-repeat fixed; }*/
#contenu { width: 808px; height: 400px; float: left; background: #1A2A37 url(../pics/charte/bg-contenu.jpg) top left no-repeat; }
HTML>BODY>#general #contenu { min-height: 400px; height: auto; }

/* ---- Zone : colonne de droite (Page d'accueil) ---- */
#colonneDIndex          { width: 223px; float: right; padding: 14px 0 0 27px; }
#colonneDIndex H2       { font-size: 16px; margin-bottom: 20px; }
#colonneDIndex P        { font-size: 10px; }
#colonneDIndex P.titre  { color: #4BB3E6; }
#colonneDIndex A.plus   { display: block; font-size: 10px; margin: 5px 0 25px 0; color: #FFF; text-decoration: underline; }
#colonneDIndex A:hover  { text-decoration: none; }
#colonneDIndex IMG.sep  { display: block; margin: 50px 0 50px 0; }

/* ---- Zone : colonne de droite ---- */
#colonneD          { width: 223px; float: left; padding: 14px 0 0 0; }
#colonneD H2       { font-size: 16px; margin-bottom: 20px; }
#colonneD P        { font-size: 10px; }
#colonneD P.titre  { color: #4BB3E6; }
#colonneD A.plus   { display: block; font-size: 10px; margin: 20px 0 25px 0; color: #FFF; text-decoration: underline; }
#colonneD A:hover  { text-decoration: none; }
#colonneD IMG.sep  { display: block; margin: 50px 0 50px 0; }

/* Formulaire extranet */
FORM#extranet   { width: 190px; height: 84px; background: url(../pics/charte/bg-extranet.gif) top left no-repeat; padding: 6px 0 0 10px; margin-left: 3px; }
FORM#extranet P { color: #1A2A37; margin: 2px 0 2px 0; }
FORM#extranet P.titre { color: #1A2A37; margin-bottom: 8px !important; }
FORM#extranet INPUT, TEXTAREA { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
FORM#extranet INPUT { width: 100px; border-left: 1px solid #3C557E; border-top: 1px solid #3C557E; border-right: 1px solid #BEC6DD; border-bottom: 1px solid #BEC6DD; padding: 1px; }
FORM#extranet INPUT.bouton { width: auto !important; background: #FFF; border-right: 1px solid #3C557E; border-bottom: 1px solid #3C557E; border-left: 1px solid #BEC6DD; border-top: 1px solid #BEC6DD; }

#ssmenu    { float: right; width: 230px; background: #EEE; padding: 4px 0 4px 10px; margin: 0 5px 10px 0; }
#ssmenu UL { list-style: none; }
#ssmenu LI { line-height: 16px; padding: 4px 0 4px 0; }
.ssactif   { font-weight: bold; }

#submenu { width: 220px; height: 100px; background: url(../pics/charte/bg-hd-submenu.gif) top left no-repeat; margin-left: 3px; font-size: 10px; }
HTML>BODY>#general>#contenu>#colonneD #submenu { min-height: 100px; height: auto; }
#submenu UL            { list-style: none; background: url(../pics/charte/bg-submenu.gif) bottom left no-repeat; padding: 10px 10px 20px 0; }
#submenu UL LI         { margin: 0 0 4px 12px; color: #1A2A37; background: url(../pics/charte/bg-li-submenu.gif) top left no-repeat; padding: 0 0 0 10px; line-height: 16px; }
#submenu UL LI A       { color: #1A2A37; text-decoration: underline; }
#submenu UL LI A:hover { text-decoration: none; }

/* ---- Zones: Les formulaires ---- */
FORM.contact LABEL        { display: block; float: left; width: 180px; }
FORM.contact INPUT        { width: 200px; background: #193447; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFF; padding: 1px; border-bottom: 1px solid #E8F6F7; border-right: 1px solid #E8F6F7; border-top: 1px solid #99D6DB; border-left: 1px solid #99D6DB; }
FORM.contact SELECT       { width: 204px; background: #193447; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFF; padding: 1px; border-bottom: 1px solid #E8F6F7; border-right: 1px solid #E8F6F7; border-top: 1px solid #99D6DB; border-left: 1px solid #99D6DB; }
FORM.contact INPUT.bouton { width: auto !important; border-bottom: 1px solid #99D6DB; border-right: 1px solid #99D6DB; border-top: 1px solid #E8F6F7; border-left: 1px solid #E8F6F7; cursor:pointer; }
FORM.contact TEXTAREA      { width: 380px; height: 126px; background: #193447; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFF; border-bottom: 1px solid #E8F6F7; border-right: 1px solid #E8F6F7; border-top: 1px solid #99D6DB; border-left: 1px solid #99D6DB; padding: 1px; }
FORM.contact #cryptogram { background: #FFF; }

TD    { padding: 5px; }

#missions { width: 550px; border-collapse: collapse; }
TABLE#missions TD.bleu { background: #395C79; }
TABLE#missions TD.ciel { background: #5A8AB1; }

/* ---- Footer ---- */
#footer 	 		 { clear: both; background: #1C3142; padding: 5px 0 5px 0; margin: 0 0 10px 0; }
#footer A 		 { color: #FFF; text-decoration: none; }
#footer A:hover { text-decoration: underline; }
#footer P 		 { text-align: center;   }

/* ---- Classes ---- */
IMG { border: none; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.justify { text-align: justify !important; }
.bold { font-weight: bold; }
.spacer { clear: both; }
.avant { font-weight: bold; color: #52B3DD; }
.logo { float: left; padding-left: 5px; }
A.pdf { display: block; float: left; background:url(../pics/charte/pdf.gif) top left no-repeat; padding: 0 0 0 20px; }
.pagination A { text-decoration:none; }
.pagination .active { font-weight:bold; }