/* 
++++ LOGER JEUNE A BRUXELLES ++++
 styles par Média Animation asbl
 www.media-animtaion.be
*/
 
/* BALISES */
body,td,th {
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size:11px;
}
body {
	background: #FFFFFF url(images/bg.jpg) repeat-x left top;
	margin:0px;
	padding:0px;
}
HR{
	height:1px;
	border-top:1px solid #CCC;
	border-bottom:0px solid #CCC;
	clear:both;
}
H1{	
	font-size:11px;
	margin:0px;
	padding:0px;
	font-weight:bold;
	color:#333333;
}
H2{
	color:#FDB52D;
	font-size:12px;
	background-image:url(images/puce2.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-transform:	uppercase;
	clear:both;
	padding-top:4px;
}
H2:first-letter {
	font-size:16px;
	color:#FFFFFF;
	padding-right:4px;
	display:block;
	padding-left:6px;
}
H3{
	color:#333333;
	font-size:12px;
	margin:0px;
	text-transform:uppercase;
}
H4{
	color:#537CA3;
	font-size:11px;
	margin:0px;
}
A{
	color:#537CA3;
	text-decoration:underline;
}
A:HOVER{
	color:#537CA3;
	text-decoration:none;
}
P{
	font-size:11px;
	color:#333333;
}
LI{
	list-style-image:url(images/puce4.gif);
}
UL{
	margin-left  : 20px;;
	padding : 0;
}
FORM,FIELDSET{
	margin:0;
	border:none;
}
/* MISE EN PAGE */
#entete{
	width:782px;
	height:164px;
	margin:auto;
	position:relative;
	top:0px;
}
#principal{
	background-image:url(images/entete.jpg);
	background-repeat:no-repeat;
	margin:auto;
	width:767px;
	padding-top:15px;
	padding-left:15px;
	text-align:left;
	z-index:10;
	position:relative;
}
#pieds{
	background-image:url(images/pieds.jpg);
	background-repeat:no-repeat;
	margin-top:-45px;
	margin-left:auto;
	margin-right:auto;
	width:772px;
	padding-top:60px;
	padding-left:10px;
	padding-bottom:10px;
	text-align:left;
	font-size:10px;
	z-index:0;
	position:relative;
}
#logo{
	float:left;
	height:145px;
}
#illustration{
	float:right;
}
#menu{
	clear:both;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding-right:10px;
	line-height:30px;
	/* IE hack */
	_line-height:18px;
}
/* NAVIGATION */
.menu_item1{
	background-image:url(images/puce1.gif);
	background-repeat:no-repeat;
	padding-left:12px;
}
.menu_item1 A{
	color:#FFFFFF;
	text-decoration:none;
}
.menu_item1 A:HOVER{
	color:#333333;
	text-decoration:none;
}
.menu_item1_down{
	background-image:url(images/puce1.gif);
	background-repeat:no-repeat;
	padding-left:12px;
}
.menu_item1_down A{
	color:#FFAC2E;
	text-decoration:none;
}
.menu_item1_down A:HOVER{
	color:#FFAC2E;
	text-decoration:none;
}
/* MISE EN FORME */
.clear{
	clear:both;
}
.colonne1{
	float:left;
	width:250px;
	margin-right:5px;

}
.colonne2{
	float:left;
	padding-left:15px;
	width:450px;
	border-left:1px dotted #999999;
}
.colonne3{
	float:left;
	padding-right:15px;
	width:210px;
}
.colonne4{
	width: 100%;
}
.languages{
	float:right;
	font-size:10px;
}
.path{
	float:left;
}
.box1{
	width:140px;
	margin-bottom:20px;
	_margin-bottom:0px;
	margin-right:12px;
	float:left;
}
.box1 P{
	margin-top:3px;
	padding:0px;
	font-size:11px;
	line-height:13px;
	display:block;
	height:90px;
}
.box1 H3{
	height:36px;
}
.box2{
	background-image:url(images/box1.jpg);
	background-repeat:no-repeat;
	width:134px;
	height:170px;
	margin-bottom:20px;
	_margin-bottom:0px;
	float:left;
	padding:8px;
}
.box2 P{
	margin-top:2px;
	margin-bottom:2px;
	padding:0px;
	font-size:10px;
	line-height:12px;
	color:#4E1F16;
}
.box2 H3{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.box2 A{
	text-decoration:none;
	color:#FFFFFF;
}
.box2 A:HOVER{
	text-decoration:none;
	color:#FFFFFF;
}
.box3{
	width:145px;
	margin-bottom:0px;
	margin-right:8px;
	float:left;
	border-right:1px #333333 dotted;
}
.box3 P{
	margin-top:2px;
	margin-bottom:2px;
	padding:0px;
	font-size:11px;
	line-height:14px;
}
.box4{
	background-image:url(images/box4_bg.jpg);
	background-repeat:no-repeat;
	padding-left:8px;
	padding-right:5px;
	padding-top:30px;
	margin-right:5px;
	width:232px;
	float:left;
}
.box4 H3{
	display:block;
	text-align:center;
	width:80px;
	height:80px;
	color:#000000;
	float:left;
	margin-right:10px;
}
.box4 H4{
	display:block;
	color:#333333;
	padding-top:2px;
	margin:0px;
	float:left;
	width:140px;
	font-size:11px;
}
.box4 HR{
	height:0px;
	border:0px dotted #FFFFFF;
	width:1px;
}
.box4 P{
	margin-left: 18px;
}
.box5{
	background-color:#EBEBEB;
	border:1px #CCCCCC solid;
	padding:2px;
	margin-right:15px;
}
/* divers */
.date{
	font-size:10px;
	color:#999999;
	margin-top:5px;
	border-top:1px dotted #999999;
}
.events{
	float: right;
	margin:5px 0 10px 0;
	padding:0 20px 5px 20px;
	background-image:url(images/puce5.jpg);
	background-repeat:no-repeat;
	text-transform:uppercase;
}
.events A{
	text-decoration:none;
}
.events A:HOVER{
	text-decoration:underline;
}
.reservation{
	background-image:url(images/ico_sticker.jpg);
	background-repeat:no-repeat;
	width:96px;
	height:60px;
	display:block;
	text-align:center;
	padding-top:36px;
	text-transform:uppercase;
	font-weight:bold;
}
.reservation A{
	text-decoration:none;
	color:#000000;
}
.reservation A:HOVER{
	text-decoration:none;
	color:#FFF;
}
.onglet1{
	border:0px #333333 solid;
	margin: 0px;
	width:130px;
	height:170px;
}
.onglet2{
	border:1px #FFFFFF solid;
	margin: 0px;
	padding: 0px;
	width:132px;
	height:76px;
}
.onglet3{
	margin: 0px;
	width:130px;
}
.onglet4{
	margin-right: 5px;
}
.onglet5{
	width:210px;
	border:1px #999999 solid;
	margin-left: 18px;
	padding: 1px;
}
.onglet_gauche{
	border:1px #999999 solid;
	margin-right: 10px;
	padding: 1px;
	float:left;
}
/* formulaires */

/* styles SPIP */
.spip_document{
	
}
SPAN.spip_documents_left{
	margin:6px 2px 0 0;
	_margin:6px 5px 0 0;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:10px;
}
.spip_documents_left IMG{
	border:1px #999999 solid;
	padding: 1px;
}
.spip_documents_left A{
	border:none;
}