/*   Violet : #5C002F     */
/*   Beige  : #B7ADA3     */

*     { margin: 0; padding: 0; }
BODY  { background: #FFF url(../pics/charte/bg-body.gif) top left repeat-x; font-family: Verdana, Helvetica, ssans-serif; font-size: 11px; }
IMG   { border: none; }
TABLE { border: none; }
#header { display: none; }
#logo { display: none; }
#general { clear: both; width: 600px;  }
#menu-en    { float: left; background: #5C002F; list-style: none; padding: 0 0 0 8px; height: 30px; width: 700px;}
#menu-en LI { float: left; padding: 6px 4px 4px 4px; font-weight: bold; }
#menu-en A  { background: #B7ADA3; border: 1px solid #FFF; color: #5C002F; text-decoration: none; padding: 1px 8px 2px 8px; }
#menu-en A:hover { background: #5C002F; color: #FFF; }
#menu-en A.active { background: #5C002F; color: #FFF; }
#menu-fr    { float: left; background: #5C002F; list-style: none; padding: 0 0 0 2px; height: 30px; width: 706px;}
#menu-fr LI { float: left; padding: 6px 2px 4px 2px; font-weight: bold; }
#menu-fr A  { background: #B7ADA3; border: 1px solid #FFF; color: #5C002F; text-decoration: none; padding: 1px 2px 2px 2px; }
#menu-fr A:hover { background: #5C002F; color: #FFF; }
#colonneG { display: none; }
#menu-fr A.active { background: #5C002F; color: #FFF; }
#ssmenu    { display: none; }
#print     { display: none; }


#article    { width: 650px; margin: 15px 0 30px 0; }
#article H1 { color: #5C002F; font-size: 16px; margin: 0 0 15px 0; padding: 0 0 0 24px; background: url(../pics/charte/bg-H1.gif) top left no-repeat; }
#article H2 { color: #5C002F; font-size: 14px; margin: 15px 0 10px 0; padding: 0 0 0 20px; background: url(../pics/charte/bg-H2.gif) top left no-repeat; }
#article H3 { color: #5C002F; font-size: 12px; margin: 15px 0 5px 0; clear:both; }
#article H1 span { color: #B7ADA3; }
#article H2 span { color: #B7ADA3; }
#article P  { margin: 0 0 10px 0; line-height: 16px; }
#article UL { margin: 0 0 10px 40px; line-height: 16px; list-style: url(../pics/charte/bg-li.gif) square; }
#article A  { color: #5C002F; }


.aboutAsset { width: 500px !important; }

#performances { width: 600px; }

#renseignement LABEL { display: block; float: left; width: 90px; }
#renseignement INPUT { font-family: Verdana, sans-serif; font-size: 11px; border: 1px solid #5C002F; color: #515158; padding: 1px; width: 149px; }
#renseignement #gauche { float: left; width: 300px; }
#renseignement #droite { float: left; width: 300px; }
#renseignement #droite P.comment { color: #B7ADA3; font-size: 10px; width: 227px; }
#renseignement .obli { width: 140px; background: url(../pics/charte/bg-input-obli.gif) top left no-repeat; padding-left: 10px; }
#renseignement #commentaires { font-family: Verdana, sans-serif; font-size: 11px; padding-left: 3px; width: 538px; height: 100px; overflow: auto; border: 1px solid #5C002F;  }
#renseignement #message { font-family: Verdana, sans-serif; font-size: 11px; width: 448px; height: 100px; overflow: auto; border: 1px solid #5C002F; padding-left: 3px; }
#renseignement .bouton { width: 100px; background: none; cursor: pointer; }
#renseignement #cryptogram { border: 1px solid #5C002F; }
#renseignement #boumjtattrape { background: url(../pics/charte/bg-input-obli.gif) top left no-repeat; width: 139px; padding-left: 10px; }

.tools LABEL { display: block; float: left; width: 100px; }
.tools INPUT { font-family: Verdana, sans-serif; font-size: 11px; border: 1px solid #5C002F; color: #515158; padding: 1px; width: 149px; }

.tools #droite P.comment { color: #B7ADA3; font-size: 10px; width: 227px; }
.tools .obli { width: 140px; background: url(../pics/charte/bg-input-obli.gif) top left no-repeat; padding-left: 10px; }
.tools #commentaires { font-family: Verdana, sans-serif; font-size: 11px; padding-left: 3px; width: 538px; height: 100px; overflow: auto; border: 1px solid #5C002F;  }
.tools #message { font-family: Verdana, sans-serif; font-size: 11px; width: 448px; height: 100px; overflow: auto; border: 1px solid #5C002F; padding-left: 3px; }
.tools .bouton { width: 100px; background: none; cursor: pointer; }
.tools #cryptogram { border: 1px solid #5C002F; }
.tools #boumjtattrape { background: url(../pics/charte/bg-input-obli.gif) top left no-repeat; width: 139px; padding-left: 10px; }

#footer   { display: none; }
#footer P { color: #5C002F; }
#footer A { color: #5C002F; text-decoration: none; }
#footer A:hover { text-decoration: underline; }

#intro { width: 600px; }

#colDroite { display: none;  }
#actus { display: none; }
#actus-beige { display: none; }

.partner       { width: 370px; padding: 0 15px 20px 0; }
.logo-partner  { width: 200px; padding: 0 0 20px 0;text-align: center; }

.performances    { border: 2px solid #5C002F; width: 690px; border-bottom: none;}
.performances TD  { padding: 6px 4px 6px 4px; font-size: 10px; border-bottom: 1px solid #5C002F; border-right: 1px solid #5C002F; }

.performances2    { width: 690px;}
.performances2 TD  { padding: 6px 4px 6px 4px; font-size: 10px; }

.bgViolet         { background: #5C002F; color: #FFF; }
.TDleft         { border-bottom: 1px solid #5C002F; border-right: 1px solid #5C002F;}
.TDleftwithtopborder2         { border-bottom: 1px solid #5C002F; border-right: 1px solid #5C002F; border-top: 2px solid #5C002F;}
.TDcenter         { text-align: center; border-bottom: 1px solid #5C002F; border-right: 1px solid #5C002F;}
.TDcenterwithtopborder2         { text-align: center; border-bottom: 1px solid #5C002F; border-right: 1px solid #5C002F; border-top: 2px solid #5C002F;}
.TDcenterwithtoprightborder2         { text-align: center; border-bottom: 1px solid #5C002F; border-right: 2px solid #5C002F; border-top: 2px solid #5C002F;}
.TDcenterwithrightborder2         { text-align: center; border-bottom: 1px solid #5C002F; border-right: 2px solid #5C002F; }
.TDtopborder2         { text-align: center; border-top: 2px solid #5C002F;}
.TDwithleftborder2        { border-bottom: 1px solid #5C002F; border-right: 1px solid #5C002F; border-left: 2px solid #5C002F;}
.TDwithlefttopborder2        { border-bottom: 1px solid #5C002F; border-right: 1px solid #5C002F; border-left: 2px solid #5C002F; border-top: 2px solid #5C002F;}
.TDcenterwithleftborder2        { text-align: center; border-bottom: 1px solid #5C002F; border-right: 1px solid #5C002F; border-left: 2px solid #5C002F;}
.TDcenterwithlefttopborder2        { text-align: center; border-bottom: 1px solid #5C002F; border-right: 1px solid #5C002F; border-left: 2px solid #5C002F; border-top: 2px solid #5C002F;}
.bgVioletCenter { background: #5C002F; color: #FFF; text-align: center;}
.etroit           { font-size: 2px !important; padding: 0 !important; }
.etroit2           { border-bottom: 1px solid #5C002F; border-top: 1px solid #5C002F;}



.spacer 			   { clear: both; }
.center	 		   { text-align: center !important; }
.right	 		   { text-align: right !important; }
.bold		 		   { font-weight: bold !important; }
.center           { text-align: center !important; }
.right            { text-align: right; }
.red              { color: #F00 !important; }
.middle           { vertical-align: middle; }
.imgGauche        { float: left; padding: 0 10px 10px 0; }
.imgDroite        { float: right; padding: 0 0 10px 10px; }
.gauche           { float: left; }
.droite           { float: right; }
.p-actus          { padding: 0 10px 0 10px;  }
.bordeau          { color: #5C002F; font-size: 12px; }

/*--- Sous Navigation ---*/
#ss-nav    { display: none; }


A.pdf    { display: block; margin: 5px 0 0px 0; background: url(../pics/charte/pdf.gif) top left no-repeat; padding: 5px 0 20px 25px; }
A.haut   { display: block; margin: 0 0 10px 0; background: url(../pics/charte/haut.gif) top left no-repeat; padding: 0 0 20px 20px; }      

.colGauche { float: left; width: 298px; border-right: 1px solid #DBD6D2; height: 250px; }
.colDroite { float: right; width: 298px; height: 250px; }