/* ---------- styles généraux ------------ */

#bizot{
position : absolute;
top : 200px;
left : 400px;
background-color : #000;
}



body {
	margin-top: 10px;
	padding: 0;
	background: #000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	border : 0px;
}
h1, h2, h3, h4, p, td {
	font-family: futura, Helvetica, sans-serif;
}
h1 {
	margin: 0 10px 10px 0px;
	font-size: 24px;
	font-family:arial;
	font-weight: bold;
	color : #000;
}
h2{
	margin: 0 10px 10px 0px;
	font-size: 2em;
	color : #ffcc02;
}

h3{
	margin: 0 10px 10px 0px;
	font-size: 1.5em;
	color : #000;
}

p{
	margin: 0;
	font-size: 0.9em;
	text-align: justify;
	color : #000;
}




/* ---------- cadre global --------------- */
div#global{
	width: 900px;
	height : 670px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	border: 2px solid #999;
}


/* ---------- en-tête -------------------- */
div#entete {
	height: 125px;
	padding: 0px 0px;
	background-color : #fff;
}

/* ---------- corps de page -------------- */
div#corps{
	width : 880px;
	height : 499px;
	padding : 10px;
	background: #fff;
	border-bottom: 1px solid #666;
	
}
/* ---------- menu--------------- */

#menu {
	width : 880px;
	height : 30px;
	background-color: #fff;
	margin-left : 0;
	/*font-weight : bold;*/
}
				
#menu ul{
	background-color: #fff;
	margin:0;
	padding-left : 4px;
	list-style: none;
	margin-left : 0px;
	margin-top : 0px;
	color : #444;/*#666;*/
}

#menu li{
	background-color : #fff;
	padding : 0;
	height :30px;
	width : 32.3px;
	vertical-align : middle;
	/*line-height : 5px;*/
	text-align : center;
	/*margin-right : 2px;*/
	float : left;
	color : #444;/*#666;*/
	border-right: 1px solid #999;
	
	}

#menu a,
#menu a:link,
#menu a:visited,
#menu a:active {
	color : #444;/*#666;*/
	text-decoration : none;
	font-family : Arial Black;
	font-size : 20px;
	background-color : #fff;
	width : 32.3px ;
	display : block;    
	height : 100%;
	
}

#menu a:hover {
	background-color : #000;/*#444;*/
	color : #ffcc02;/*#FFCC00;*/
	/*text-decoration: underline;*/
}

/*

			
#menu {
	width : 140px;
	height :460px;
	float : left;			
}
			
#menu ul,
	li{
	background-color: #fff;
	margin:0;
	padding : 0;
	list-style: none;
}

#menu li{
	background-color : #fff;
	margin-top : 8px;
	margin-bottom : 12px;
	padding : 0;
	height :20px;
	vertical-align : middle;
	line-height : 10px;
	text-indent : 10px;
	border-bottom : 1px solid #999;
}




#menu a,
#menu a:link,
#menu a:visited,
#menu a:active {
	color : #333;
	text-decoration : none;
	font-family : lucida;
	font-size : 13x;
	background-color : #fff;
	display : block;    
	height : 100%;
}

#menu a:hover {
	background-color : #fff;
	color :#666;
	font-weight : bold;
}

*/
div#intro{
	background-color : #777777;
	width : 860px;
	height : 68px;
	padding : 5px 10px 0px 10px;
	margin : 7px 0 0 0;
	color : #fff;
	border-bottom : 2px solid #fff;
	/*font-weight : bold;*/
}

div#intro h1{
	margin: 0;
	font-size: 1em;
	color : #fff;
}


/*div#accueil{
	background-image : url(../img/jfb2.jpg);
	width : 880px;
	height : 460px;
	float:left;
}
*/

div#accueil{
	background-image : url(../img/jfb.jpg);
	background-repeat : no-repeat;
	width : 880px;
	height : 390px;
	float:left;
}

div#cadre{
	width : 880px;/*718px;*/
	height : 480px;/*460px;*/
	float:left;
	margin-left : 0px;
	background-color : transparent;
	color : #777;
	padding : 0;
}


div#visuel{
	width : 370px;
	height : 400px;
	padding : 0;
	float:left;
	padding-right:10px;
}

div#saisie{
	width : 298px;
	height : 400px;
	padding : 0;
	float:left;
	border: 1px solid #ececec;
	background : #8b8b8b;
}
div#messages{
	width : 560px;
	height : 400px;
	padding : 0;
	border: 1px solid #ececec;
	margin-left:10px;
	float:left;
	overflow:auto;
	background : #666;
	color : #fff;
}

div#text{
	width : 498px;
	height : 200px;
	padding : 0;
	border: 1px solid #ececec;
	float:left;
	margin-bottom : 10px;
}

div#contenu{
	width : 458px;
	height : 140px;
	margin : 20px 20px 0 20px;
}

div#contenu p{
	font-size : 1.1em;
	color : #444;
	font-family:arial;
	line-height : 20px;
}


div#audio{
	width : 498px;
	height : 188px;
	border: 1px solid #ececec;
	text-align : center;
	float:left;
}


div#forum{
	
	width : 740px;
	height : 460px;
	float:left;
	margin-left : 10px;

}


/*--------------B comme bouclage-----------------*/

div#visuel_b{
	width : 644px;
	height : 400px;
	padding : 0;
	float:left;
	padding-right:10px;
}

div#text_b{
	width : 220px;
	height : 400px;
	padding : 0;
	float:left;
	border: 1px solid #ececec;
}

div#contenu_b{
	width : 180px;
	height : 350px;
	margin : 20px 20px 0 20px;
}
div#contenu_b p{
	font-size : 1.1em;
	color : #444;
	font-family:arial;
	line-height : 20px;
}

.textitre_b{
	width : 220px;
	height : 20px;
	text-align : center;
	background: #ececec;
	color: #444;
	font-size: 1em;
	font-family : Arial;
	font-weight : bold;
}


/*---------- pied de page ---------------*/
#piedpage {
	width : 880px;
	height : 17px;
	padding-top : 3px;
	background-color: #fff;
	text-align : center;	
	}
				
#piedpage ul{
	background-color: #fff;
	margin:0;
	list-style: none;
	margin-left : 0px;
	margin-top : 0px;
	color : #666;
	text-align : center;	
}

#piedpage li{
	background-color : #fff;
	height :19px;
	text-align : center;
	width : 140px;
	vertical-align : middle;
	text-align : center;
	float : left;
	color : #666;
	}

#piedpage a,
#piedpage a:link,
#piedpage a:visited,
#piedpage a:active {
	color : #444;
	text-decoration : none;
	font-family : Arial;
	font-size : 1.2em;
	text-align : center;
	background-color : #fff;
	display : block;    
	height : 100%;
	width : 140px;
	
}

#piedpage a:hover {
	font-weight : bold;
	color : #000;
	
}
 
 
 
/* ---------- classes -------------------- */


.titre {
	background: #777;
	color: #fff;
	height:30px;
	font-size: 1.4em;
	font-family : Arial Black; /*Aachen BT,Cooper Black,Arial Black;*/
	text-align : left;
	text-indent : 13px;
	width : 100%;
	margin-bottom : 5px;
	margin-top : 5px;
}	

.sstitre {
	background: #fff;
	color: #666;
	height:20px;
	font-family : Arial;
	text-align : left;
	width : 100%;
	margin-bottom : 10px;
}	

.sstitre ul{
	background-color: #fff;
	margin:0;
	list-style: none;
	margin-left : 0px;
	margin-top : 0px;
	color : #666;
}

.sstitre li{
	background-color : #fff;
	padding : 0;
	height :19px;
	text-align : center;
	width : 120px;
	vertical-align : middle;
	/*line-height : 5px;*/
	text-align : center;
	/*margin-right : 2px;*/
	float : left;
	color : #666;
	}
.sstitre a,
.sstitre a:link,
.sstitre a:visited,
.sstitre a:active {
	color : #000;
	text-decoration : none;
	font-family : Arial;
	font-size : 1em;
	text-align : center;
	background-color : #fff;
	width : 120px ;
	display : block;    
	height :18px;
	
}

.sstitre a:hover {
	background-color : #ffcc02;
	color : #666;
}

.textitre{
	width : 498px;
	height : 20px;
	text-align : center;
	background: #ececec;
	color: #444;
	font-size: 1em;
	font-family : Arial;
	font-weight : bold;
}	
.textitre_f{
	width : 100%;
	height : 20px;
	text-align : center;
	background: #444;
	color: #fff;
	font-size: 1em;
	font-family : Arial;
	font-weight : bold;
}	

.sontitre {
	width : 498px;
	height : 20px;
	text-align : center;
	background: #ececec;
	color: #444;
	font-size: 1em;
	font-family : Arial;
	font-weight : bold;
}	

.textitre{
	width : 498px;
	height : 20px;
	text-align : center;
	background: #ececec;
	color: #444;
	font-size: 1em;
	font-family : Arial;
	font-weight : bold;
}

.sontitre_c {
	width : 370px;
	height : 20px;
	text-align : center;
	background: #ececec;
	color: #444;
	font-size: 1em;
	font-family : Arial;
	font-weight : bold;
}	



.link{
	color : #111;
	font-weight : bold;
	font-family : Arial;
}

#visuel_b .sontitre_b {
	width : 634px;
	height : 20px;
	text-align : center;
	background: #ececec;
	color: #444;
	font-size: 1em;
	font-family : Arial;
	font-weight : bold;
}	




#messages td {
border-bottom:1px solid #cccccc;
text-align:left;
font-size:12px;
padding:0 5px 0 5px;
}

#videos {
text-align:center;
height:430px;
background: #fff;
}

#videos .minivideo {
margin-right:10px;
margin-bottom:10px;

}



#credits {
text-align:center;
height:auto;
width : 880px;
color : #000;
padding-top : 30px;
text-align:center;


}

#credits p{
text-align:center;
color : #777;

}

#credits a,
#credits a:link,
#credits a:visited,
#credits a:active {
	color : #000;
	text-decoration : none;
	font-family : Arial;
	font-size : 1.3em;
	text-align : center;
	background-color : #fff;
	width : 90px ;
	height :18px;
	
}

#credits a:hover {

	color : #000;
	background-color : #ffcc02;
}

a img { border:0; }

#liens {
text-align:center;
height:400px;
width : 500px;
color : #000;


}

#liens table {
	width:880px;
	margin:0;
	background: #999;
	border : 2px;
	border-color : #ffcc02;
}

#liens tr {
	width: 500px;
	font-size: 15px;
	background: #fff;
	color:#fff;
	text-align : center;
	padding : 0;
	color : #666;
	border : 3px;
}

#liens td {
	height: 100%;
	padding: 0;
	font-size: 13px;
	background: #fff;
	color:#fff;
	text-align : center;
	padding : 0;
	color : #666;
	border : 3px;
}

#liens a,
#liens a:link,
#liens a:visited,
#liens a:active {
	color : #777;
	text-decoration : none;
	text-align:center;
	font-family : Arial;
	font-size : 13px;
	background-color : #fff;
	height :6px;	
}

#liens a:hover {
	color : #222;
	background-color : #fff;
	text-decoration: underline;
}

.tr_dark{
	color : #fff;	
}