* {  margin: 0; padding:0 ; }
BODY { background: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#666; }
A { color: #20489F; text-decoration: underline; }

#header  { height: 111px; background: #FFF url(../pics/charte/bg-header.gif) repeat-x;  }
#menu    { width: 980px;  }
#menu UL { list-style: none; font-size: 12px; font-weight: bold;  }
#menu LI { float: left; border-right: 1px solid #9DB4DD; padding: 8px 16px 8px 16px; }
#menu A  { color: #9DB4DD; text-decoration: none;  }
#menu A:hover  { color: #20489F;  }

#contenu    { clear: both; padding: 50px 0 0 0; width: 980px;}
#contenu H1 { background: #FFF url(../pics/charte/bg-h1.gif) top left repeat-x; font-size: 28px; color: #20489F; padding: 0 0 20px 10px; }

#submenu    { float: left; width: 185px; font-size: 12px; font-weight: bold;}
#submenu UL { margin: 0 0 50px 30px; list-style-image: url(../pics/charte/fleche-01.gif);  }
#submenu LI { margin: 0 0 4px 0;  }
#submenu A  { text-decoration: none; color: #9DB4DD }
#submenu A:hover  { text-decoration: underline; color: #20489F; }

#article    { float: left; width: 700px; border-left: 1px solid #9DB4DD; padding: 0 0 0 10px; margin: 0 0 0 10px;  }
#article H2 { font-size: 12px; color: #20489F; margin: 0 0 13px 0; padding: 1px 0 0 0 ; }
#article P  { line-height: 16px; margin: 0 0 11px 0;  }
#article UL { margin: 0 0 10px 40px; line-height: 16px; list-style: square;  }

#footer   { width: 100%; clear: both; background: #ECF0F8; border-top: 1px solid #CCC; font-size: 12px; color: #20489F;  }
#footer P { padding: 8px 0 9px 10px;  }

TD     { padding: 6px 5px 6px 5px; border-bottom: 1px solid #DDD; vertical-align: top; }

#inscription   { margin: 20px 0 0 20px; padding: 20px 0 0 0 ;}
#inscription P { margin: 0 0 7px 0; }
#inscription LABEL    { float: left; display: block; width: 160px; clear: both; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#inscription SELECT   { font-size: 12px; border: 1px solid #9DB4DD; border-top: 1px solid #20489F; border-left: 1px solid #20489F; padding: 1px 1px 2px 2px; width: 60px; font-family: Arial, Helvetica, sans-serif; }
#inscription INPUT    { font-size: 12px; border: 1px solid #9DB4DD; border-top: 1px solid #20489F; border-left: 1px solid #20489F; padding: 1px 1px 2px 2px; width: 240px; font-family: Arial, Helvetica, sans-serif; }
#inscription TEXTAREA {  font-size: 12px; border: 1px solid #9DB4DD; border-top: 1px solid #20489F; border-left: 1px solid #20489F; padding: 1px; width: 455px; height: 150px; overflow: auto; font-family: Arial, Helvetica, sans-serif; }
#inscription #pays    { width: 245px; }
.bouton { background: #ECF0F8; margin: 30px 0 20px 180px !important; width: 120px !important; border: 1px solid #20489F !important; border-top: 1px solid #9DB4DD !important; border-left: 1px solid #9DB4DD !important;}
.choix  { width: 30px !important; border: none !important; text-align: center !important; margin: 15px 0 0 15px;}
P.alert { font-weight: bold; color: #C00; }

/* ---- 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; }
.logo-01 { margin: 0 170px 0 13px; }
.logo-03 { float: left;  }
.last    { border: none !important; }
.print   { font-weight: bold; font-size: 12px; margin-top: 20px !important; clear: both;}
.print A { color: #9DB4DD; text-decoration: none;  }
.print A:hover { color: #20489F; }