/*Base */

* { margin:0; padding:0;}
body { text-align:center; background:#000 url(../navigation/back.gif) center repeat-y; color:#fff; font:11px/15px Verdana,Arial,Helvetica,sans-serif;}
#wrapper { text-align:left; margin:0 auto; width:740px;}
a { color:#f00;}
	a:hover { text-decoration:none;}
	a img { border:none;}
	a.fleche { background:url(../navigation/fleche.gif) 0 5px no-repeat; padding-left:10px;}
.rouge { color:#f00;}
form { background-color:#000; border:1px solid #4d5151; padding:10px; margin:15px 0;}
label { color:#999;}
input { font-size:10px;}
.right { float:right; border:1px solid #4d5151; background-color:#000; padding:10px; margin:3px 0 10px 15px;}

/* Navigation */

h1 { background:url(../navigation/laciblecesttoi.gif) no-repeat; height:40px; margin:47px 0 29px 0; text-indent:-9999px;}
	body#bindex h1 { background:url(../navigation/laciblecesttoi_box.gif) no-repeat; height:160px; margin-top:86px;}
ul#navigation { list-style-type:none; height:56px; margin:0 0 30px -8px;}
	ul#navigation li { padding:0;margin:0; float:left; padding-right:7px;}
		ul#navigation li a { height:56px; display:block; background-image:url(../navigation/navigation.jpg); background-repeat:no-repeat; text-indent:-9999px; text-decoration:none;}
			ul#navigation li a#acampagne { width:127px;}
				ul#navigation li a#acampagne:hover,body#bcampagne ul#navigation li a#acampagne { background-position:0 -56px;}
			ul#navigation li a#aoutils { background-position:-137px 0; width:106px;}
				ul#navigation li a#aoutils:hover,body#boutils ul#navigation li a#aoutils { background-position:-137px -56px;}
			ul#navigation li a#aautres { background-position:-253px 0; width:143px;}
				ul#navigation li a#aautres:hover,body#bautres ul#navigation li a#aautres { background-position:-253px -56px;}
			ul#navigation li a#acontact { background-position:-407px 0; width:141px;}
				ul#navigation li a#acontact:hover,body#bcontact ul#navigation li a#acontact { background-position:-407px -56px;}
	body#bindex ul#navigation { border-top:1px solid #4d5151; margin:86px 0 25px 0; height:auto}
		body#bindex ul#navigation li { border-bottom:1px solid #4d5151; float:none; padding-right:0;}
			body#bindex ul#navigation li a { float:none; height:79px; width:auto; background-image:url(../navigation/navigation_index.jpg);}
				body#bindex ul#navigation li a:hover { background-color:#f00;}
					body#bindex ul#navigation li a#acampagne:hover { background-position:0 -79px;}
				body#bindex ul#navigation li a#aoutils { background-position:-340px 0;}
					body#bindex ul#navigation li a#aoutils:hover { background-position:-340px -79px;}
				

/* Subnavigation */

#subnavigation { float:left; width:160px; padding-right:50px;}
	#subnavigation ul { list-style-type:none; padding:43px 0 40px 0;}
		#subnavigation ul li { border-bottom:1px solid #f00; padding:6px 0;}
			#subnavigation ul li.animation { background:url(../navigation/animation.gif) right 9px no-repeat; padding-right:16px;}
			#subnavigation ul li a { text-decoration:none; color:#fff;}
				#subnavigation ul li a:hover { text-decoration:underline;}
				#subnavigation ul li a.actif { font-weight:bold;}
#hotnews { border:1px solid #4d5151; padding:10px; font-size:10px; line-height:14px; margin-bottom:15px;}
	#hotnews strong { color:#f00;}
	#hotnews img { display:block; margin:-5px -5px 15px -5px;}

/* Gauche */

#gauche { float:left; width:139px; padding-right:1px; text-align:right; background:url(../navigation/back_gauche.gif) right top no-repeat;}
	body#bindex #gauche { background-image:none; padding:0 21px 0 0; width:119px;}
#flash { margin-top:140px;}
	body#bindex #flash { margin-top:70px;}
a#vlaamsbelang { color:#f00; padding:66px 10px 10px 10px; display:block; background:#000 url(../navigation/vlaamsbelang.gif) 9px 9px no-repeat; border:1px solid #841a4a; text-decoration:none; font-size:10px; margin-bottom:15px; text-align:center;}
#diapo { padding:10px; background-color:#000; display:block;border:1px solid #4d5151;}
.legende { font-size:9px; color:#666; margin:-30px 0 40px 0; background:url(../navigation/animation.gif) 0 3px no-repeat; padding-left:14px;}
	
/* Droite */

#droite { float:left; width:550px; padding-left:50px;}
#content { float:left; width:340px;}
h2 { color:#f00; font:bold 16px/19px Arial,Helvetica,sans-serif; margin-bottom:30px;}
h3 { color:#f00; font-size:11px; margin:30px 0 15px 0; clear:both;}
	h3 span { font-weight:normal; color:#999; font-size:9px;}
	h3.agenda { padding-left:20px; background:url(../navigation/agenda.gif) no-repeat;}
	h3.news { padding-left:20px; background:url(../navigation/news.gif) no-repeat;}
p { margin:15px 0;}
.galerie { margin:15px 0 10px 0; overflow:hidden;}
	.galerie img { float:left; margin:0 5px 5px 0;}
.logos { margin:15px 0 5px 0; overflow:hidden;}
	.logos img { float:left; margin:0 15px 15px 0;}

/* Footer */

#footer { clear:both; color:#444; font-size:9px; padding:25px 0 25px 0;}
	#footer a { color:#444; text-decoration:none;}
		#footer a:hover { color:#666; text-decoration:underline;}