/* 
++++ LE PETIT CHAPEAU ROND ROUGE ++++
 styles par Exibit
 www.exibit.be
*/
* {
margin: 0;
padding:0;
}

BODY, html{
	font-size:62.5%;
}
body {
	background-color:#000000;
	font-family:'Trebuchet MS', Arial, sans-serif;
	font-size:1.2em;
	color: #000000;
	line-height: 1.3em;
	margin: 0;
	padding:0;
}
A{
	color:#8D060E;
	text-decoration:none;
}
A:HOVER{
	text-decoration:underline;
}
H1{
	position:absolute;
}
H1 A{
	position:absolute;
	display:block;
	width:230px;
	height:150px;
	text-indent:-999em;
	top:40px;
	left:30px;
}

H2{
	display:none;
}

H3{
	font-size:1.8em;
	font-weight:normal;
	line-height:1.8em;
	position:relative;
}

H4{
	font-size:1.3em;
	line-height:1.5em;
	color: #666666;
	font-weight:bold;
	border-bottom:1px solid #BBBBBB;
}
P{
	font-size:1.2em;
	margin:5px 0 10px 0;
	line-height:1.3em;
}
HR{
	height:1px;
	border-top:#BBBBBB solid 1px;
	color:#BBBBBB;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin:5px;
	clear:both;
}

UL, UL UL, UL UL UL{
	margin:0 0 0 0.8em;
	font-size:1.2em;
	line-height:1.4em;
}
IMG{
	border:none;
}
FORM,FIELDSET{
	margin:0;
	border:none;
}
LEGEND{
	display:none;
}
LABEL{
	font-size:1.1em;
	margin:5px 0 10px 0;
	line-height:1.4em;
	font-weight:bold;
}
/* */
#principal:after,#tools:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*-------------------------------container-------------------------------------*/
#header{
	background:transparent url('../images/bg_header.jpg') no-repeat center top;
	margin:0 auto;
	width:960px;
	height:219px;
	position:relative;
	padding:0;
}
#principal{
	background:#FFFFFF url('../images/bg_principal.jpg') no-repeat left top;
	margin:0 auto;
	width:900px;
	position:relative;
	top:0px;
	left:3px;
	padding:80px 14px 20px 14px;
	background-color:#FFF;
}
#menu{
	width:186px;
	position:relative;
	top:0px;
	left:35px;
	padding:0;
	float:left;
	min-height:250px;
}
#contenu{
	width:622px;
	position: relative;
	top:0px;
	right:10px;
	margin:0;
	float:right;
	min-height:250px;
}
#contenu LI{
	list-style:none;
	padding-left:15px;
	background:transparent url('../images/puce2.gif') no-repeat left 0.5em;
}
#footer{
	width:918px;
	position: relative;
	top:0px;
	left:3px;
	padding:5px;
	margin:2px auto 0 auto;
	font-size:0.8em;
	text-align:center;
	clear:both;
	background:transparent url('../images/bg_footer.jpg') repeat-y left top;
	color:#FFFFFF;
}
#footer A{
	color:#FFFFFF;
}
#footer A:hover{
	color:#8D060E;
	text-decoration:none;
}
/*-------------------------------navigation-------------------------------------*/
#menu UL{
	position:relative;
	margin:0;
}
#menu LI.item1, #menu LI.item1_down{
	line-height: 1.2em;
	display: block;
	font-size:1.20em;
	border-bottom: #BBBBBB 1px solid;
	padding:5px 0 5px 28px;
}
#menu LI.item1_down{
	background:transparent url('../images/puce1.gif') no-repeat left 10px;
}
#menu LI.item1:hover{
	background:transparent url('../images/puce1_over.gif') no-repeat left 10px;
	border-bottom: #999999 1px solid;
}
LI.item1 A, LI.item2 A{
	color:#000000;
} 
LI.item1 A:HOVER, LI.item2 A:HOVER{
	color:#666666;
	text-decoration:none;
}
.item1_down A{
	color:#8D060E;
}
.item1_down A:hover{
	text-decoration:none;
}
#menu LI.item2, #menu LI.item2_down{
	border-bottom: none;
	font-size:0.65em;
	background:none;
	line-height: 1.5em;
	list-style-type:square;
	margin-left:18px;
	font-weight:bold;
}

.item2 A{
background:none;
} 
 .item2_down A {
background:none;
}
 .item2_down A:HOVER {

}

/*-------------------------------mise en page-------------------------------------*/
.clear{
	clear:both;
}
.event{
	position:relative;
	clear:both;
	background:transparent url('../images/bg_event.jpg') no-repeat left top;
	min-height:125px;
	padding:10px 95px 0 125px;
	width:404px;
}
.event_big{
	position:relative;
	clear:both;
	background:transparent url('../images/bg_event_big.png') no-repeat right top;
	min-height:125px;
	padding:10px 100px 0 0px;
	width:524px;
}
.event H4,.event_big H4{
	position:relative;
	border:none;
}
.onglet1{
	display:block;
	position:relative;
	padding:1px;
	float:left;
	border:1px solid #BBBBBB;
	margin:0 5px 5px 0;
}
.onglet1:hover{
	border:2px solid #8D060E;
	padding:0;
}
.event .onglet1{
	display:block;
	position:absolute;
	left:4px;
	top:15px;
	padding:4px;
	border:none;
}
.event .onglet1:hover{
	border:4px solid #8D060E;
	padding:0;
}
.event .jour, .event .mois, .event .categorie,
.event_big .jour, .event_big .mois, .event_big .categorie{
	display:block;
	position:absolute;
	color:#866349;
	width:82px;
	text-align:center;
}
.event .categorie,.event_big .categorie{
	right:10px;
	top:24px;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
}
.event .jour,.event_big .jour{
	right:10px;
	top:52px;
	font-size:3.6em;
	font-weight:bold;
	padding:0.5em 0 0.5em 0;
}
.event .mois,.event_big .mois{
	right:10px;
	top:98px;
	font-size:1em;
}
.event .statut{
	position:absolute;
	top:13px;
	left:2px;
}
.event_big .statut{
	position:absolute;
	top:31px;
	left:-2px;
}
H3 DIV.details{
	display:block;
	position:absolute;
	right:0;
	font-size:0.5em;
	text-transform:uppercase;
	top:0.5em;
}
SPAN.onglet2 IMG{
	padding:2px;
	border:1px solid #989794;
	margin:0 10px 5px 0;
	float:left;
}
/* ----------------------------- SPIP ---------------------------------- */
.spip-admin-float{
	position:absolute;
	top:35px;
	right:100px;
}
SPAN.spip_documents_left{
	padding:2px;
	border:1px solid #989794;
	margin:0 10px 5px 0;
}
SPAN.spip_documents_right{
	padding:2px;
	border:1px solid #989794;
	margin:0 0 5px 10px;
}
.spip_doc_titre, .spip_doc_descriptif{font-size:0.75em;line-height:1.1em;}
.formulaire_recherche LABEL{
	display:none;
}
INPUT#recherche{
	width:120px;
	color:#999;
	font-size:10px;
}
INPUT.forml, INPUT.formo{
	background-color:#BBBBBB;
	width:300px;
	padding:3px;
	border:none;
	display:block;
	margin:5px 0 5px 0;
	font-size:13px;
}
INPUT.num{
	width:60px;
}
SPAN.label{
	font-size:1.1em;
	font-weight:bold;
}
TEXTAREA.forml, TEXTAREA.formo{
	background-color:#BBBBBB;
	width:300px;
	padding:3px;
	font-family:Arial, Georgia, "Times New Roman";
	border:none;
	display:block;
	argin:5px 0 5px 0;
	font-size:12px;
}
.spip_form_choix_multiple LI{
	list-style:none;
}
.spip_form_choix_multiple LABEL, .spip_form_choix_unique LABEL{
	font-size:0.9em;
}
.erreur{
	color:#663300;
	font-style:italic;
}
.spip_descriptif{
	font-size:1.1em;
	font-style:italic;
	padding:0 0 10px 0;
}
.spip_bouton INPUT{
	margin:10px 0 10px 0;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#8D060E;
	padding:4px;
	color:#FFFFFF;
	border:none;
}
.spip_bouton INPUT:HOVER{
	background-color:#BBBBBB;
	color:#000000;
}
.spip_form_ok{
	font-weight:bold;
	font-size:1.4em;
}
.erreur{
	color:#C00;
	font-weight:bold;
	font-size:1.2em;
}