@charset "utf-8";
/* CSS Document */
body,td,th {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	color: #737373;
}

body {
	background-color: white;
}

a {
	font-size: 12px;
	color: #636568;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #90CC50;
}

a:visited {
	color: #999999;
}

a img {border:none;}

/* ------------- CONTENEUR -------------- */
#conteneur {
position:absolute;
display: inline-block;
left:50%;
margin:0 0 0 -510px;
padding:0;
width: 1020px;
background: white;
border: 0px solid black;
}

#navigation_haut{
display: inline-table;
margin: 15px 0 0 0;
width: 1020px;
min-height: 10px;
text-align: center;
/*color: #A7A8AA;  gris clair 1 */
color: white;
font-size: 10px;
border: 0px solid blue;
}

#navigation_bas{
display: inline-table;
margin: 15px 0 0 0;
width: 1020px;
height: 10px;
text-align: center;
/*color: #A7A8AA;  gris clair 1 */
color: white;
font-size: 10px;
border: 0px solid blue;
}

#navigation_haut_index{
display: inline-table;
margin: 15px 0 0 0;
width: 1020px;
min-height: 10px;
text-align: center;
color: #A7A8AA;  /*gris clair 1 */
font-size: 10px;
border: 0px solid blue;
}

#navigation_bas_index{
display: inline-table;
margin: 15px 0 0 0;
width: 1020px;
height: 10px;
text-align: center;
color: #A7A8AA;  /*gris clair 1 */
font-size: 10px;
border: 0px solid blue;
}

/* ------------- MENU -------------- */
#menu {
position: fixed;
top: 0;
left: 50%;
margin:0 0 0 -510px;
padding:0;
float: left;
width: 220px;
height: 1024px;
border: 0px solid #0066FF;
}

#logo{
display: inline-table;
margin: 8px 0 0 26px;
width: 194px;
height: 80px;
border: 0px dashed green;
}

	#logo img, logo a{
	border: none;
	}

#rubriques{
margin: 34px 0 0 26px;
padding: 0;
width: 172px;
height: 150px;
font-size:12px;
text-align: right;
text-transform:uppercase;
border: 0px dashed red;
}
	#rubriques ul,li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
	#rubriques a{
	color: #636568; /* gris clair 2 */
	text-decoration: none;
	}
	
	#rubriques a:hover{
	color: #9CD351; /* vert basilic */
	text-decoration: none;
	}

#copyright{
display: block;
margin: 18px 0 0 26px;
width: 172px;
height: 55px;
color: #C6C7C9; /* gris clair 3 */
font-size: 9px;
text-align: right;
}

	#copyright a{
	font-size: 9px;
	color: #C6C7C9; /* gris clair 3 */
	text-decoration: none;
	}
	
	#copyright a:hover{
	color: #9CD351; /* vert basilic */
	text-decoration: none;
	}

/* ------------- CENTRE -------------- */
#centre {
display: inline-table;
margin: 0 0 0 220px;
padding: 0 0 0 5px;
float:left;
width: 800px;
height: 500px;
font-size: 9pt;
color: #737373;
text-align: justify;
border: 0px solid red;
}

.fiche {
display: inline-block;
margin: 5px 0 0 0;
padding:0;
float:left;
width: 605px;
height: 454px;
font-size: 9pt;
color: #737373;
text-align: center;
overflow: auto;
border: 0px dotted #9CD351;
}

.fiche_video {
display: table-cell;
margin: 5px 0 0 0;
padding:0;
float:left;
width: 600px;
height: 450px;
font-size: 9pt;
color: #737373;
text-align: center;
overflow: auto;
}

.fiche img{
width: 600px;
height: 450px;
}

.barre {
display: inline-block;
margin: 5px 0 0 0;
padding:0;
width: 800px;
height: 1px;
}

.titre {
display: inline-block;
margin: 18px 0 0 0;
padding:0;
width: 800px;
color: #737373;
font-size: 9pt;
text-align: left;
}

.detail {
position: relative;
display: block;
width: 180px;
height: 450px;
margin: 5px 0 0 0;
padding:0 0 0 5px;
float:left;
color: #A7A8AA; /* gris clair 1 */
font-size: 10px;
text-align: left;
overflow: auto;
border: 0px solid black;
}

	.detail a{
	font-size: 10px;
	color: #9CD351; /* vert basilic */
	text-decoration: none;
	}
	
	.detail a:hover{
	text-decoration: underline;
	}

#gregoire_mahler{
width:350px;
height:100px;
margin: 5px 0 0 0;
padding:0;
float:left;
text-align: left;
}

#charly_bassagal_ferrer {
width:250px;
height:100px;
margin: 5px 0 0 0;
padding:0;
float:left;
text-align: left;
}

#eric_nocher {
width:350px;
margin: 0;
padding:0;
float:left;
text-align: left;
}

#benjamin_menager {
width:250px;
margin: 20px 0 0 0;
padding:0;
float:left;
text-align: left;
}

#cedric_trantoul {
width:350px;
margin: 5px 0 0 0;
padding:0;
padding:0;
float:left;
text-align: left;
}

#landry {
width:250px;
margin: 5px 0 0 0;
height:100px;
padding:0;
float:left;
vertical-align:top;
text-align: left;
}

/* ------------- classes diverses ------------- */

.basilicstudio {
	color: #666666;	
}