body {
	background-color: #0C0C0C;
	font-family: Arial, Helvetica, sans-serif;
	color: #EAEAEA;  margin:0;
}

#contenaire {
	background-color: #000000;
	height: 600px;
	width: 955px;
	overflow: auto;
	background-attachment: fixed;
	background-image: url(back01.jpg);
	background-repeat: no-repeat;
	background-position: 530px 20px;
	padding-right: 50px;
	position: absolute; 
}

#accueil {
	background-color: #000000;
	height: 600px;
	width: 955px;
	position: absolute;
	left:50%;
	top:50%;
	margin-top:-300px; /* moitie de la hauteur */
	margin-left:-477px; /* moitie de la largeur */

}

#creation_flash { float:right}

#flashcontent {
	width: 540px;
	height: 600px;
	margin-top:-565px; 
	float:right;
}

#b3_logo {
	width:300px; height:200px; margin-top:300px; margin-left:40px;
	background-image: url(media/B3_acc.gif);
	background-repeat: no-repeat;
	position:absolute; z-index:3
	}

#edito {width:250px; position:absolute; margin-top:80px; margin-left:40px; text-align:left; z-index:2}

h1{
	font-size:36px;
	color:#2e2e2e;
	margin-top:20px;
	line-height:30pt;
	font-style:italic;
	margin-bottom: 0px;
}

h2.titre {
	font-size:18px;
	line-height:20px;
	margin-top:0;
	padding:0;
	padding-bottom: 0px;
	margin-bottom: 5px;
}

.descriptif_creation {font-size:10px; color:#CC0000}

.descriptif_creation a {color:#999999}

.descriptif_creation a:hover {color:#000000; background-color:#FFFFFF}

#txt_creation {
	height:565px;
	padding-left:40px;
	overflow:auto;
	position:relative;
	font-size:12px;
	color:#CCCCCC;
	padding-right: 560px;
}

#txt_creation a {color:#666666; text-decoration:none}
#txt_creation a:hover {color:#999999; text-decoration:none}

.ps_creation {color:#666666; font-size:10px; text-align:center; padding-bottom:20px}



.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.nav a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

.nav a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A0ADC2;
}

.lire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #52627E;
}

.lire a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B12718;
	text-decoration: none;
}

.lire a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #EE534F;
}


.epoque {
	
	}

.titre_epoque {
	width:250px;
	float: left;
	font-size: 24px;
	text-align: center;
}

.descri_epoque {
	color: #CCCCCC;
	font-size: 14px;
	padding-top: 18px;
	display:auto;
	margin-left:250px;
	padding-right:60px;
	text-indent: 22px;
	background-image: url(cycle.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
}
.annees {
	font-size: 14px;
	padding-top: 12px;
	color: #CCCCCC;
	padding-bottom: 12px;
	width:250px;
	text-align:center;
	clear: both;
}
.creation {margin-bottom:50px;}


.logo {
	width:250px;
	text-align: center; float:left; padding-bottom:30px;
	}

.titre_crea {
	color:#FF0000;
	float: none;
}
.desci_crea {
	font-size:9px;
	color:#999999;
	padding-right: 60px;
	float: none;
	margin-left:250px;
}
.extrait {
	font-size:11px;
	padding-top: 8px; padding-bottom:20px;
	padding-right: 60px; margin-left:250px
		}
.date_table td {
	color:#252525;
	font-size:11px;
	padding-left:20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.date_table tr a:hover {color:#CCCCCC}

.titre_table td {background-color:#333333; color:#CCCCCC; font-size:13px; padding-left:10px}
.calendrier {padding-left:40px;}


li {
	list-style-type: none;
}

ul {
	list-style-type: none;
}

.infobulle {
position:absolute;
visibility:hidden;
border:1px solid Black;
font-family:Verdana,Arial;
font-size:10px;
background-color:#FF0000;
color:#FFFFFF;
text-align:center;
line-height:16px;
left:-2000px;
top:-2000px;
z-index:1200;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
.infobulle ul {
margin:0px;
padding:0px;
padding-right:4px;
padding-left:4px;
}
.infobulle li {
background-color:#CCCCCC;
text-decoration:none;
margin:0;
list-style-type:none;
color:#000000;
display:block;
margin-right:-4px;
margin-left:-4px;
}

img{ border:0}

#pagination { text-align:right; margin-right:80px; clear:both; font-size:10px; font-weight:bold}
#pagination a {color:#FFFFFF;}
#pagination a:hover {color:#FF0000}

.photo_equipe {margin-left:25px; height:auto; margin-bottom:25px; float:left; }

.langue {
	position:absolute;
	bottom:0;
	right:42px;
	font-size:11px;
	letter-spacing: 0.13em;
}
.langue a {color:#999999}
.langue a:hover {color:#CCCCCC}