* { margin: 0; padding: 0; }
HTML, BODY { height: 100%; position:relative; }
BODY  { background: #D1D3D4 url(../pics/charte/body-bg.png) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#333; }
TABLE { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
H1 { font-size: 14px; font-weight: bold; }
H2 { font-size: 12px; text-decoration: underline;  }
A  { text-decoration: none; outline:none; }
A:hover { text-decoration:underline; }
A IMG { border:none; }

/* Global */
#global { width:100%; background:#FBFBFB url(../pics/charte/global-bg.png) bottom left repeat-x; height: 945px; }
HTML>BODY>#global { min-height: 945px; height: auto; }
/* Contenu */
#contenu { height: 945px; width:900px; background: url(../pics/charte/contenu-bg.png) bottom left no-repeat; position:relative; }
HTML>BODY>#global>#contenu { min-height: 945px; height: auto; }

#footer { clear:both; position:absolute; bottom:0; height:107px; background:url(../pics/charte/footer-bg.png) top left repeat-x;  opacity:0.3; width:100% }

/* Bandeau */
#bandeau { height:151px; background:url(../pics/charte/bandeau.jpg) no-repeat; font-size:0; text-indent:-9000px; }

/* ColGauche */
#colGauche { float:left; width:168px; padding:15px 0 0 25px; }
#colGauche UL { margin-top:30px; list-style:none; width:168px; }
#colGauche UL LI { height:50px; margin-bottom:10px; }
.item1 { background:url(../pics/charte/btn-accueil.png) no-repeat; }
.item2 { background:url(../pics/charte/btn-programme.png) no-repeat; }
.item3 { background:url(../pics/charte/btn-informations.png) no-repeat; }
.item4 { background:url(../pics/charte/btn-inscriptions.png) no-repeat; }

/* Article */
#article { float:left; padding-top:15px; width:630px; padding-left:20px; line-height:18px; text-align:justify; margin-bottom:100px; }
#article P { margin-bottom:10px; }
#current { margin-left:415px; }

/* Inscription */
#inscription P        { margin: 0 0 10px 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 #712E8D; border-top: 1px solid #441C55; border-left: 1px solid #441C55; padding: 1px 1px 2px 2px; width: 430px; font-family: Arial, Helvetica, sans-serif; }
#inscription INPUT    { font-size: 12px; border: 1px solid #712E8D; border-top: 1px solid #441C55; border-left: 1px solid #441C55; padding: 1px 1px 2px 2px; width: 430px; font-family: Arial, Helvetica, sans-serif; }
#cp                   { width:80px!important; }
#ville                { width:210px!important; }
#telephone            { width:160px!important; }
#fax                  { width:160px!important; }
.double .gauche       { width:300px; float:left; }
#valider              { margin: 0 0 10px 160px; }
#reset                { margin: 0 0 10px 50px; }
#modifier             { margin: 0 0 10px 0; }
#valider, #reset, #modifier { width:150px !important; float:left; height: 30px !important; background-color:#EFEFEF; cursor:pointer; border:1px solid #14472F; border-top:1px solid #CCC !important; border-left:1px solid #CCC !important; }

.bouton               { background: #FEEDC4; margin: 30px 0 20px 180px !important; width: 120px !important; border: 1px solid #B67E0C !important; border-top: 1px solid #F5C360 !important; border-left: 1px solid #F5C360 !important;}

/* Programme */
.programme { clear:both; line-height:15px; }
.programme .horaire { float:left; display:block; width:130px; height:100%; font-weight:bold; }
.programme P { float:left; width:490px; margin-bottom:9px!important; }
.programme .violet { font-weight:bold; }
.programme .orange { font-weight:bold; }
.programme .legende { font-size:10px; font-style:italic; }
.modo .violet { float:left; }
.modoDesc { float:left; padding:18px 0 0 4px; font-style:italic; font-size:10px; }
#modo2 { width:350px; }

/* Classes */
.violet { color:#712E8D; }
.orange { color:#EF4F35; }
.btn { display:block; height:50px; width:168px; font-size:0; text-indent:-9000px; }
.center { text-align:center !important; }
.spacer { clear:both; }
.rouge { color:#cc0000; }
.strong { font-weight:bold; }