body {
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	width            : 100%;
	height           : 100%;
	margin           : 0;
	padding          : 0;
	background-color : #333333;
	margin-bottom    : 15px;
}

html {
	//ovdqserflow : hidden;
}

h2 {
	color : #FF6C24;
}

#menu {
	font-size           : 10px;
	margin              : auto;
	text-align          : center;
	width               : 780px;
	background-repeat   : no-repeat;
	background-position : center center;
	border-collapse     : collapse;
}

table {
	border-collapse: collapse;
}

td {
	font-style          : normal;
	color               : #FF6C24;
	text-align          : center;
	background-repeat   : no-repeat;
	background-position : center;
}

a {
	color           : black;
	font-size       : 9px;
	text-decoration : none;
}

#flash {
	margin           : auto;
	width            : 800px;
	height           : 585px;
	background-image : url('../media/thumbs/background.png');
}

#flashContent {
	margin   : 0;
	padding  : 0;
	position : relative;
}

#menuElias {
	display          : none;
	position         : absolute;
	overflow-y       : auto;
	left             : -384px; /* Centr�, align� � moins la moiti� de la largeur */
	margin-top       : 40px;
	margin-left      : 50%;
	padding          : auto ;
	width            : 768px;
	height           : 530px;
	border           : 1px solid #333;
	background-image : url('../media/thumbs/papier.jpg');
	z-index          : 5;
}

.videoClip {
	width            : 200px;
	height           : 20px;
	background-color : white;
	border           : 1px solid black;
}

#boutonFermerImage {
	position         : absolute;
	right            : 0px;
	top              : 0px;
	width            : 25px;
	height           : 24px;
	cursor           : pointer;
	background-image : url('../media/thumbs/fermerBtn.gif');
}

#conteneur {
	text-align  : center;
	width       : 100%;
	height      : 100%;
	padding-top : 15px;
	z-index     : 1;
}

#masque {
    background-color : black;
    z-index          : 3;
    position         : fixed;
    top              : 0px;
    left             : 0px;
    width            : 100%;
    height           : 100%;
    -moz-opacity     : 0.5;               /*TRANSPARENT MOZILLA*/
    opacity          : 0.5;               /*TRANSPARENT FIREFOX*/
    filter           : alpha(opacity=50); /*TRANSPARENT IE*/
	display          : none;              /*METTRE A "block" POUR AFFICHER*/
}


/*~~~~~~~~~~~~~~~~~~~  Musique  ~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.button {
	width  : 20px;
	height : 20px;
}

.button:hover {
	cursor : pointer;
}

#divMusique {
	position         : absolute;
	top              : 10px;
	left             : 5px;
	z-index          : 100;
	background-color : black;
	border           : 2px solid #FF6C24;
}

#libMusique {
	width: 200px;
}

#btnPlayPause {
	background-image : url('../media/thumbs/play.png');
}

#btnStop {
	background-image : url('../media/thumbs/stop.png');
}

#btnNext {
	background-image : url('../media/thumbs/next.png');
}

#soundmanager-debug {
	position         : absolute;
	background-color : #EEEEEE;
	top              : 0px;
	right            : 0px;
	width            : 400px;
	height           : 500px;
	overflow-y       : auto;
}
.sm2-alt {
	border : 1px solid black;
}



/*~~~~~~~~~~~~~~~~~~~  Agenda  ~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.agendaNews {
	width      : 600px;
	padding    : 10px;
	margin     : 20px 10px;
	text-align : left;
}

.agendaNewsTop {
	font-weight : bold;
}

.agendaDate {
	color : orange;
}

.agendaTitre {
	
}

.agendaSeparateur {
	width            : 550px;
	height           : 2px;
	background-color : orange;
	margin           : 5px auto;
}

.agendaTexte {
	margin-left : 20px;
}

.agendaTexte a {
    font-size:12pt;
}