@charset "utf-8";
/* CSS Document */

*, body, html					{ margin:0px; padding:0px;}
body							{ background:#000 url(./bg-red.jpg) no-repeat center 140px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:normal; text-align:center;}
h1								{ font:18px Georgia, "Times New Roman", Times, serif; margin:0; padding:0px; color:#ce0b07;}
h2								{ font:14px Georgia, "Times New Roman", Times, serif; margin:-10px 0px; padding:0px;}
p								{ margin-bottom:10px;}
hr								{ margin:15px 0; background-color:#322; color:#322; border:0; height:1px;}

a								{ color:#fff;}
a:hover							{ color:#ce0b07;}

#entete, #menu, #contenu, #footer
								{ border:0px solid #f00;}

/****** POSITION WEBSITE *****/
#backgrpound					{ width:auto; margin:0px auto; }
#positionwebsite				{ width:950px; margin:0px auto; text-align:left; border:0px solid #f00;}


/****** ENTETE *******************************************************************************/
#entete							{ background:url(./etienne-walhain-titre.png) no-repeat 200px 45px; height:160px;}
#entete p						{ text-indent:-20000px; margin:0; }



/****** MENU *******************************************************************************/
#menu							{ margin-top:90px;}
#menu ul						{ list-style:none; margin-left:600px;}
#menu li						{ float:left;}
#menu li a						{ font:16px Times New Roman, Times, serif; color:#fff; text-decoration:none; font-weight:normal; float:left; height:36px; margin-right:20px; padding:0 7px; }
#menu li a:hover				{ color:#ce0b07; border-bottom:12px solid #000;}
#menu .menuActive				{ color:#ce0b07; border-bottom:12px solid #000;}

.bt-agenda_historique, .bt-agenda_historique-open			{ background:#333; color:#FFF; width:125px; padding:5px 31px; text-align:center; text-decoration:none; margin-left:70px; top:572px; border-radius:4px; position:absolute;}
.bt-agenda_historique-open		{ background:#fff; color:#000; }
.bt-agenda_historique a	{ background:#000; color:#fff!important; }

/****** SOUS MENU *****/
#sousMenu						{}
#sousMenu ul					{ list-style:decimal;}
#sousMenu li					{}
#sousMenu li a					{}
#sousMenu li a:hover			{}


/****** CONTENU *******************************************************************************/
#contenuLeft, #contenuCenter,#contenuRight, #contenuHalfpage, #contenu, #footer
								{ border:0px solid #f00;}
#contenu						{ margin:0 10px; clear:both;}

#contenuCenter					{ width:280px; float:left; margin:50px 0 0 280px;}
#contenuRight					{ width:280px; float:right; margin:120px 20px 0 0;}
#halfpage						{ width:620px; float:left; margin:50px 0 50px 290px;}
#halfpage img					{ float:left; margin-right:7px; margin-bottom:7px;}

#langues						{ width:280px; margin:20px 0 0 300px;}
#langues a.fr, #langues a.nl, #langues a.en
								{ width:29px; height:29px; margin-right:15px; display:block; float:left; text-indent:-2000px;}
#langues a.fr					{ background:url(./biography-fr.gif) no-repeat;}
#langues a:hover.fr				{ background:url(./biography-fr-hover.gif) no-repeat;}
#langues a.nl					{ background:url(./biography-nl.gif) no-repeat;}
#langues a:hover.nl				{ background:url(./biography-nl-hover.gif) no-repeat;}
#langues a.en					{ background:url(./biography-en.gif) no-repeat;}
#langues a:hover.en				{ background:url(./biography-en-hover.gif) no-repeat;}

#sous-titre						{ position:absolute; width:360px; top:195px; margin-left:565px;}

#contenuAgenda					{ margin:98px 10px; clear:both;}

#player							{ position:absolute; top:500px;; }

/****** FOOTER *******************************************************************************/
#footer							{ width:280px; clear:both; margin:0 0 10px 280px;}


/****** MODULES *****************************************************************************/

/****** agenda ******/
.agenda							{ width:560px; margin:10px; margin-left:85px; padding:5px 10px;}
.agenda .date					{ font-size:12px; color:#e11b22; margin-bottom:7px;}
.agenda h1						{ color:#fff;}
.agenda h2						{ font:14px Georgia, "Times New Roman", Times, serif; margin:-10px 0px; padding:0px;}
.agenda td						{ color:#fff; margin:5px; vertical-align:top;}





/* CODA SLIDER */

.coda-slider-wrapper 				{ margin:10px 10px 0 290px; width:650px; clear:both; overflow:hidden!important;}
.coda-slider, .coda-slider .panel 	{ width:700px;} 
.panel								{ margin-top:25px; height:480px;}
.coda-slider						{}
.title								{ visibility:hidden;}
.sous-titre							{ width:360px; margin-left:285px;}
.contenuCenter						{ width:280px; float:left; margin:-15px 50px 0 0px;}
.contenuRight						{ width:280px; float:left; margin:60px 20px 0 0;}


/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider 	{ height:200px; overflow:visible !important;}

/* Change the width of the entire slider (without dynamic arrows) */

.coda-slider p.loading 				{ text-align:center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */

.coda-nav ul 						{ position:absolute; clear:both; display:block; width:280px; margin-left:20px; margin-top:10px; z-index:12;}
.coda-nav ul li 					{ display:inline; }
.coda-nav ul li a 					{ background:#000; color:#fff; display:block; float:left; margin-right:15px; padding-top:6px; width:29px; height:22px; text-align:center; text-decoration:none; -moz-border-radius: 20px; border-radius: 20px; }
.coda-nav ul li a:hover	 			{ color:#f00;}
.coda-nav ul li a.current 			{ color:#f00; }

/* Miscellaneous */
.coda-slider-wrapper 				{ clear:both; overflow:auto; }
.coda-slider 						{ float:left; overflow:hidden; position:relative; }
.coda-slider .panel 				{ display:block; float:left; }
.coda-slider .panel-container 		{ position:relative; }