HTML, BODY { width:100%; height:100%; background-color:#F7F6D9; margin:0; padding:0; text-align:center;}
#page { width:1000px; position:relative; margin :0 auto; min-height:100%; background-color:#FFFFFF; /height:100%; /text-align:center; font-family: Verdana; font-size:12px; }
#bandeau { width:1000px; margin:0 auto; position:absolute; top:0; left:0; }
#navigation { position:relative; left:0px; width:100%; min-height:100%; /height:100%; padding-top:109px; text-align: left; }
#bande-bleue-gauche { position:absolute; left:0px; top:0px; width:217px; height:29px; }
#bande-bleue-droite { position:absolute; left:217px; top:0px; width:749px; height:29px; background-image:url(images/bande-bleue-gauche.jpg); text-align:right; }
#bande-droite-haut { position:absolute; left:966px; top:0px; width:34px; height:29px; }
#baincthun-accueil { position:absolute; left:0px; top:29px; width:217px; height:80px; }
#site-officiel { position:absolute; left:217px; top:29px; width:749px; height:80px; }
#bande-droite-milieu { position:absolute; left:966px; top:29px; width:34px; height:80px; }
#menu { float: left; left:0px; top:0px; width:217px; height:100%; background-image:url(images/fond-menu.jpg); background-repeat:repeat-y; text-align: left; }
#diaporama { position: relative; left: -2px; top: -5px; }
#contenu { float: left; left:217px; top:0px; width:749px; min-height:100%; /height:100%; }
#bande-droite { float: left; left:966px; top:0px; width:34px; height:100%; background-color:#A0DB4F; }

#content { font-family: Arial, Helvetica, sans-serif; color: #000000; position: relative; clear: left; left: 0px; margin: 5px 10px 5px 10px; }
#content_gauche, #content_droite { float: left; width: 45%;  margin: 5px 10px 25px 10px; }
#content H1, #content_gauche H1, #content_droite H1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #00cc00; }
#content A { color: #003366; }
#content A:hover { text-decoration : none; }
#content A:visited { color: #000000; }
.bodytext { font-family: Arial, Helvetica, sans-serif; 	font-size: 1em; color: #000000; }
#cal .bodytext { font-size: 0.8em; }
.csc-textpic-text { padding-left : 0.8em; }
TABLE, .contenttable { border-width: medium; border-style: groove; background-color: #f7f6d8; border-color: #a0db4f;}
TABLE.csc-uploads { width: 100%; background-color:#F7F6D9; background-image:url(fileadmin/template/images/acces-direct-fond.gif); background-position:right center; background-repeat:repeat-y; }
TH { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: #000000; border-width: thin; border-style: groove; border-color: #a0db4f; }
TD { border-width: thin; border-style: groove; }
TABLE CAPTION {	font-size: 0.8em; color: #A0DB4F; }
#actu TABLE, TABLE.csc-uploads, .tx-calendar-pi1 TABLE { width:100%; }
#actu , #actu TABLE, #actu TD, #actu TH, TABLE.csc-uploads , TABLE.csc-uploads TH, TABLE.csc-uploads TD, .tx-calendar-pi1 TABLE, .tx-calendar-pi1 TH, .tx-calendar-pi1 TD { border:none; }

.credits { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-align: right; position: relative; right: 10px; margin: 0 0 0 0; }
.credits A { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 9px; }
#recherche { position: relative; top:10px; margin-left: 10px; vertical-align: bottom; }
#recherche H1 {	color: #000000; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; margin: 0 0 0 0; padding: 0 0 0 0; position:absolute; top: -5px;}
#recherche INPUT { color: #000000; font-family: Verdana, Helvetica, sans-serif; font-size: 10px;}
#recherche INPUT.champ { width: 150px; }

/* Lien vers un fichier */
.csc-uploads TR { vertical-align: top; }
.csc-uploads-fileName P A { font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; color: #003366; }
.csc-uploads-fileName P { margin: 0; padding: 0; }
.csc-uploads-description { font-family: Arial, Helvetica, sans-serif; 	font-size: 10px; 	color: #000000; }	
.csc-uploads-fileSize {	font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; 	color: #009966; }

#news { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#000000; margin-left: 15px; margin-right: 30px; margin-top: 0px; margin-bottom:15px; text-align:justify; padding: 0px 25px 5px 15px;}
#news H1 {	font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color: #00cc00; color: #000000; margin: 0px 0px 5px 0; line-height:13px;}
#news A H1 {	color: #000000; width:100%;}

#news A:hover H1 { color: #000000; text-decoration: none; background-color: #f7f494; }

#news H2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color: #000000; margin: 0px 0px 5px 0; line-height:13px; }
#news A { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; text-decoration:none; color: #003366; color: #000000; }
#news A:hover { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color: #00cc00; text-decoration:none; }
#news A:visited { color: #000000; }

#cal H1 { margin: 10px 0 0px 0; width:100%; }
#cal H1 A { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color: #000000; margin: 0 0 0 0; line-height:13px; text-decoration: none; width:100%; }
#cal H1 A:hover { color: #000000; width:100%; text-decoration: none; background-color: #f7f494; }
#cal { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#000000; margin-left: 15px; margin-right: 30px; margin-top: 0px; margin-bottom:15px; text-align:justify; padding:0 15px 0 10px; background-image:url("/fileadmin/template/images/acces-direct-fond.gif"); background-position:right; background-repeat:repeat-y; background-color: #F7F6D9; width:100%; }
#cal .start_date, #cal .end_date, #cal .start_time, #cal .end_time{ font-size: 0.9em; }

TD.evt_lieu { width:445px; }

.menu-level1-no { margin-top: 25px; }
.menu-level1-no A { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-decoration: none; vertical-align: top; }
.menu-level1-act { margin-top: 25px; }
.menu-level1-act A { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-decoration: none; vertical-align: top; }
.menu-level2-no { position: relative; left: 40px; }
.menu-level2-no A { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; }
.menu-level2-act { position: relative; left: 40px; }
.menu-level2-act A { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline; }
.menu-level3-no { position: relative; left: 50px; }
.menu-level3-no A { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; }
.menu-level3-act { position: relative; left: 50px; }
.menu-level3-act A { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline; }

#titre_page { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #3399CC; text-indent:  20px; }
#poucet { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; }
#poucet A { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color:#000000; }
#poucet A:hover { text-decoration: underline; }

/* RTE */

.align-justify { text-align: justify; }
.align-center { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.edito { font-size: 16px; font-weight: bold; letter-spacing: 1px; }
.tab-touteLaLargeur { width: 100%; }
.tab-centrer { margin-left:auto; margin-right:auto; }
.edito { font-size: 16px; font-weight: bold; letter-spacing: 1px; }
.encadre { border: 1px; border-color: #a0db4f; }