body {
	height:100%;
	margin:0 4px 0 4px;
	padding:77px 0 20px 0;
	background-color:#FEFEFE;
	font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
	font-size:13px;
	color:#NANNAN;
	border:6px solid #NANNAN;
}
a img {
	border:0;
	margin:0;
	padding:0;
}
a {
	font-weight:bold;
	text-decoration:none;
	color:#NANNAN;
}
a:hover {color:#5f89c0;}
h1 {
	font-size:24px;
	font-weight:bold;
	letter-spacing:2px;
	margin:0;
	padding:0;
}
h3 {
	color:#NANNAN;
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px;
	margin:2px;
	padding:0;
}
#navigation, #logo, #bandeau, #pied {
	position:fixed;
	left:0;
	overflow:hidden;
}

/*################## L O G O ####################*/
#logo {
	top:0;
	z-index:3;
	width:140px;
	height:86px;
	margin:0;
	padding:24px 0 0 26px;
}

/*################## B A N D E A U ####################*/
#bandeau {
	top:0;
	background-color:#FEFEFE;
	margin:0;
	padding:16px 0 0 0;
	width:100%;
	height:67px;
	text-align:center;
}
#titre {
	height:37px;
	margin:0 0 0 180px;
	font-size:24px;
	font-weight:bold;
	letter-spacing:2px;
}
#bandeau ul {
	margin:0px 4px 0 180px;
	padding:0 0 0 6px;
	height:18px;
	border:6px solid #NANNAN;
	list-style-type:none;
	text-align:left;
	background-color:#090009;
}
#bandeau li {
	display:inline;
	margin:0 -2px 0 -2px;
	padding:0px 4px 2px 4px;
	border-right:3px solid #NANNAN;
}
#recherche {
	margin:-26px 0 0 0;
	padding:0;
	height:20px;
	width:220px;
	float:right;
	text-align:right;
}
#bandeau span {
	font-weight:bold;
	color:#NANNAN;
}

/*################## M E N U ####################*/
#navigation {
	top:0;
	background:#NANNAN;
	border:6px solid #NANNAN;
	margin:4px;
	width:175px;
}
#menu1 {margin:0 0 20px 0;}
#menu1 ul {
	list-style-type:none;
	margin:120px 0 0 0;
	padding:0;
}
#menu1 li {padding:4px 0 4px 0;}
.lgn {border-bottom:1px dashed #NANNAN;}
#menu1 ul a, #menu1 ul span {
	font-weight:bold;
	margin-left:20px;
}
#menu3 {
	border-top:6px solid #NANNAN;
	margin:0;
	padding:15px 4px 20px 18px;
}
#recherche input, #menu3 input {
	border:1px solid #NANNAN;
	background-color:#fff;
	margin:0;
	padding:1px;
	font-size:12px;
	height:16px;
}
#menu3 input {width:90px;}
#menu3 button {
	border:1px solid #NANNAN;
	margin:0 0 0 2px;
	padding:0;
	font-size:12px;
	height:18px;
}
#recherche input, #recherche button {
	display:block;
	float:left;
}
#recherche input {
	font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
	font-size:12px;
	color:#NANNAN;
	border-width:0 1px 0 3px;
	border-right-style:dashed;
	margin-top:2px;
	width:110px;
	background:#fbfbfb url('../images/search.png') no-repeat 2px;
	padding-left:15px;
}
#recherche button {
	font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
	font-size:13px;
	border:0;
	background-color:#090009;
	color:#NANNAN;
	margin-top:2px;
	width:80px;
}
#recherche button:hover, #menu3 button:hover {
	color:#5f89c0;
	cursor:pointer;
}
label {
	font-size:12px;
}
form {
	margin:0;
	padding:0;
}
#menu3 label {
	margin:4px 0 4px 0;
	display:block;
	width:135px;
	text-align:right;
}
#menu3 button {
	background-color:#090009;
	color:#NANNAN;
	margin-left:41px;
}
#menu2 {
	height:1000px;
	border-top:6px solid #NANNAN;
}
#flashPlayer{border-bottom:6px solid #NANNAN;}
/*################ S M ####################*/
#sousMenu {
	background-color:#080008;
	border-bottom:6px solid #NANNAN;
	border-right:6px solid #NANNAN;
	margin:-5px -10px 4px -8px;
	padding:0 0 1px 0;
}
#sousMenu a {
	font-weight:bold;
	border-right:3px solid #NANNAN;
	padding:0 6px 2px 6px;
}
#sousMenu span {
	background:#NANNAN;
	font-weight:bold;
	border-right:3px solid #NANNAN;
	padding:0 6px 7px 6px;
}

/*################## C O N T E N U ####################*/
#contenu {
	padding:0 0 0 175px;
	/*background:#NANNAN;*/
}
#box {
	background:#NANNAN;
	margin:0;
	padding:4px 4px 4px 10px;
	/*border-left:6px solid #NANNAN;*/
	color:#NANNAN;
}

/*################## P I E D ####################*/
#pied {
	margin:0 0 0 4px;
	bottom:0;
	z-index:2;
	width:100%;
	background-color:#FEFEFE;
	height:26px;
	font-size:8px;
	text-align:center;
}
#rss, #xml{
	background-color:#f60;
	border-left:1px solid #ff9a57;
	border-top:1px solid #ffc8a4;
	border-right:1px solid #7d3302;
	border-bottom:1px solid #3f1a01;
	color:#fff;
	padding:0 1px 0 1px;
}
.article{margin:10px;}
.article:first-letter{padding-left:20px;}
#xml{width:30px;margin-left:45%;}
#xml a{color:#FFF;}
#pied div {
	margin:0 8px 0 0;
	border-top:6px solid #NANNAN;
	padding-top:3px;
	color:#444;
}
.passif {background:#090009;border-bottom:6px solid #NANNAN;}
.actif {
	background-color:#NANNAN;
	border-right:2px solid #NANNAN;
	height:50px;
}
.actif2 {position:absolute;}
.menuactif {color:#5f89c0;}

/*################## A C T U A L I T E ####################*/
.affActu {
	border:4px solid #NANNAN;
	margin:4px;
	padding:4px;
	text-align:justify;
	height:130px;
}
.affActu small{font-style:italic;}
.savoirPlus {
	margin-top:115px;
	font-size:10px;
	width:80px;
	height:12px;
	float:right;
	padding:0 2px 0 2px;
	background-color:#090009;
	border:1px solid #NANNAN;
}
.actuFermer {
	font-size:10px;
	width:36px;
	height:13px;
	float:right;
	padding:0 2px 0 2px;
	background-color:#090009;
	border:1px solid #NANNAN;
}
.affActu img {margin:0 4px 0 0;}

/*################## D U D I M ####################*/
#enteteDudim {margin-bottom:20px;}
#listeDudim {
	list-style-type:none;
	margin:0;
	padding:0 4px 0 4px;
	width:25%;
	float:left;
	overflow:hidden;
}
#contenuDudim {
	width:70%;
	float:left;
	padding:10px;
	border:1px dashed #NANNAN;
	font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
	background-color:#090009;
}
#contenuDudim pre {font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;}
#listeDudim li {margin-bottom:10px;}
#listeDudim span{font-weight:normal;color:#841;}
#listeDudim span:hover{text-decoration:underline;}

/*################## F E S T I V A L ####################*/
.boxProg {margin-top:30px;}
.affProgI {
	width:20%;
	float:left;
	text-align:center;
	margin-top:10px;
}
.affProgC {
	width:78%;
	float:left;
	padding:0 4px 0 0;
	text-align:left;
	min-height:140px;
	margin-top:10px;
}
.ulProg {
	list-style-type:none;
	margin:0;
	padding:0 0 0 20px;
}
#menuProg {
	border-bottom:1px dashed #NANNAN;
	padding:20px 0 30px 100px;
}
#menuProg li {margin-top:5px;}
#menuProg a {font-weight:normal;}

/*################## G R O U P E ####################*/
#listeGroupes {margin:0;padding:0;font-size:16px;}
.presGroupes{
	list-style-type:none;
	background-color:#FEFEFE;
	width:28%;
	margin:1%;
	padding:4px;
	float:left;
	border:4px solid #NANNAN;
}
#dewplayer{width:96%;text-align:right;}
.presGroupes img{height:65px;padding-right:4px;}
#boxGroupe {padding:10px;}
#boxGroupe img{padding-right:10px;}
#infoGroupe {
	width:60%;
	float:left;
}
.affAlbum{margin-top:10px;}
.pochette{
	width:140px;
	float:left;
	text-align:center;
	margin:10px 0 20px 0;
}
.listeMusique{
	margin:10px 0 0 10px;
	min-height:140px;
	width:80%;
	float:left;
}
.tial{width:98%;float:left;}
.titreMusique{
	width:420px;
	height:20px;
	float:left;
	font-size:14px;
}
object{
	width:200px;
	float:left;
}

/*################## A G E N D A ####################*/
#agenda{
	padding:1px 10px 1px 10px;
	margin-bottom:6px;
	height:20px;
}
#flecheG{float:right;}
#flecheD{float:left;}
.trMois{
	text-align:center;
	background-color:#558855;
	color:#FEFEFE;
	font-size:16px;
	font-weight:bold;
	height:24px;
}
.numJour{
	width:5%;
	float:left;
	font-size:18px;
	text-align:center;
	margin:10px 10px 0 0;
}
.infoJour{
	width:90%;
	float:left;
	border-left:3px solid #444;
	padding-left:10px;
	background-color:#F7F7FF;
}
.infoNom{color:#F70;}
.infoNom a{color:#F00;font-weight:normal;}
.infoNom a:hover{color:#FA8;}
.infoLieu{width:80%;float:left;}
.titreInfo{display:block;width:80px;float:left;}
.infoLieu a{color:#05B;font-weight:normal;}
.infoLieu a:hover{color:#8AF;}

/*###################################*/
.archives,#tit,.tita{background-color:#NANNAN;color:#090009;font-size:16px;font-weight:bold;padding:1px 0 1px 8px;margin-top:8px;}
.archives a{color:#090009;}
.archives a:hover{color:#NANNAN;}

/*################## R E S E A U ####################*/
#reseau{padding:10px;}
#titreReseau{background-color:#NANNAN;color:#090009;font-size:16px;font-weight:bold;padding:1px 0 1px 8px;margin-bottom:8px;}
#formReseau{margin:10px 10px 0 10px;}
#contenuReseau{margin:0 10px 10px 10px;padding-top:10px;border-top:4px solid #NANNAN;}

/*############### N E W S L E T T E R #################*/
#newsletter{padding:10px;}
#titreNewsLetter{background-color:#NANNAN;color:#090009;font-size:16px;font-weight:bold;padding:1px 0 1px 8px;margin-bottom:8px;}
#formNewsletter{margin:10px 10px 0 10px;}
#titreNewsLetter a{color:#090009;}

/*################ R E C H E R C H E ##################*/
#rech{margin-top:8px;}
.recherche{
	padding-bottom:5px;
	border-bottom:0px dashed #080;
	margin-bottom:5px;
	color:#000;
}
.recherche a{
	font-weight:normal;
}
.bleu{color:#00F;font-size:15px;text-decoration:underline;}
.rouge{color:#800;font-size:13px;}
.vertDate{color:#080;font-size:12px;}
.bleu:hover{color:#00F;}
.rouge:hover{color:#800;}
#teteResult{
	text-align:right;
	background-color:#F0F0FF;
	border-top:1px solid #AAF;
	padding-right:10px;
	margin-bottom:10px;
	color:#669;
	font-size:12px;
}
#piedResult{
	margin-top:30px;
	text-align:center;
	font-size:14px;
}
.bleuP{color:#00F;font-size:15px;text-decoration:underline;padding:0 20px 0 20px;}
.bleuP:hover{color:#00F;}
#bleuP{color:#AAA;font-size:15px;text-decoration:underline;padding:0 20px 0 20px;}
.lPageA{color:#000;font-size:13px;text-decoration:underline;padding:0 2px 0 2px;}
.lPageA:hover{color:#000;}
#lPageP{color:#F00;font-size:13px;padding:0 2px 0 2px;}

/*################## F O R U M ####################*/
table{
	width:100%;
	border:5px solid #444;
	font-size:13px;
	margin:0;
	clear:left;
}
td{
	width:13%;
	height:40px;
	border:1px solid #444;
	padding:0;
}
.barForum{text-align:center;height:20px;background-color:#DEF;}
.barSujet{height:20px;background-color:#F7F7F7;font-weight:bold;padding:0 6px 0 6px;}
.overflow{overflow:hidden;}
.barReponse{text-align:center;height:20px;background-color:#E7F0F7;}
.barAuteur{text-align:center;height:20px;background-color:#F0F7FF;}
.barVus{text-align:center;height:20px;background-color:#E7F0F7;}
.barMessage{text-align:center;height:20px;background-color:#F0F7FF;}
.sujet{width:58%;}
.reponse{width:8%;}
.auteur{width:10%;}
.vus{width:4%;}
.message{width:16%;}
.btn{text-decoration:none;color:#444;background-color:#DEF;border:1px solid #444;padding:0 2px 0 2px;}
.btn:hover{background-color:#DEEEFF;}

.mesAuteur{width:20%;text-align:center;}
.mesMessage{width:80%;padding:0;}
.affMes{font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;font-size:13px;color:#444;padding:0;margin:4px;}

#newMessage{
	width:80%;
	border:5px solid #444;
	margin-left:10%;
	background-color:#F7F7FF;
	margin-top:5%;
}
.labelRep{
	display:block;
	width:10%;
	margin:1% 0 0 4%;
	float:left;
}
.txt{
	display:block;
	width:78%;
	float:left;
	margin:1% 0 0 0;
	border:3px solid #444;
	font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
	font-size:13px;
	color:#444;
	padding:2px;
}
.centrer{text-align:center;margin:1% 0 1% 0;}
.sujet a{text-decoration:none;color:#456;}
.sujet a:hover{color:#F70;text-decoration:underline;}

.barPair{background-color:#F7F7F7;}
.barImpair{background-color:#F7FEFF;}
#boxSujet{width:60%;margin-bottom:4px;float:left;}
.affSujet{color:#F70;width:60%;}
.posteur{color:#864;font-size:9px;font-weight:bold;padding-bottom:4px;}

.btnEdit{
	display:block;
	width:59px;
	float:right;
	margin:0 5px 0 0;
}
.btnSupp{
	display:block;
	width:19px;
	float:right;
	margin:2px 3px 0 0;
}
.txtModif{
	font-style:italic;
	font-size:8px;
	color:#999;
	margin:4px;
}
#repSujet{padding-top:20px;}
#repSujet textarea{margin-bottom:5px;}
#newSujet{width:20%;float:left;margin-top:8px;}
.pager{width:30%;float:right;text-align:right;font-size:8px;font-weight:bold;margin-right:20px;margin-top:4px;}
.pagerCourt{width:80%;float:left;font-size:8px;font-weight:bold;margin-bottom:2px;}
.pager a, .pagerCourt a{color:#4AF;text-decoration:underline;}
.pager a:hover, .pagerCourt a:hover{color:#F70;}
#rtnListe, #newSujet{margin-bottom:5px;}
#rtnListe{margin-top:8px;}
#notification{clear:left;margin:1% 0 1% 4%;}
#email{color:#444;border-width:0;background-color:#FFA;}

#tabAgenda{border-width:1px 2px 1px 2px;}