@charset "iso-8859-1";
/* CSS Document */

body {
	background: #000000;
	width: 1058px;
    margin: auto;
    margin-bottom: 20px;    /* Idem pour le bas du navigateur */
	font-family: myriad, helvetica, sans-serif;
	color: #fff;
	font-size: 8pt;
	text-decoration:none;
}

.container {
	margin: 0 auto;
	background: url(images/fond.jpg) no-repeat;
	width: 1058px;
	height: 794px;
	margin-bottom: 10px;
}

.left {
float:left;
width:250px;
}

.resultat {
overflow:auto;	
}

.corps {
	margin-left:250px;
	height:515px;
	background-color:#999;
	overflow:auto;
	padding-bottom:10px;
}

.corps h1 {
color:#fff;	
padding-left:20px;
padding-right:20px;
}
.corps h2 {
color:#fff;	
padding-left:30px;
padding-right:30px;
}

.corps p {
color:#fff;
text-align:justify;
padding-left:40px;
padding-right:40px;
font-size:9pt;
}

.menu_corps {
	background:#fafafa;
	border-right:1px solid #999;
	margin:0 auto;
	width:807px;
	height:25px;
	list-style:none;

}

.menu_corps li {
	border-left:1px solid #999;
	float:left;
	/*width:124px;*/
	list-style:none;
	padding-left:6px;
	padding-right:6px;
}

.menu_corps li a {
	color:#555;
	display:block;
	line-height:25px;
	text-align:center;
	padding-left:3px;
	padding-right:3px;
	text-decoration:none;
	font-weight:bold;

}
.menu_corps li a:hover {
	background:#e3e3e3;
	color:#555;
	}
.menu {
margin-top:280px;	
}
.menu li {
display:inline;
list-style:none;
height:21px;

}
.menu li a {
	float: left;
	background: url(images/bouton_off.jpg) no-repeat left top;
	margin: 3px;
	padding: 3px 0 0 20px;
	text-decoration: none;
	height:21px;
	width:132px;
	color:#333;
	font-weight:bold;
}
.menu li a:hover {
	background: url(images/bouton_on.jpg) no-repeat left top;
	color:#FFF;
}
.footer_gauche {
float:left;
margin-top:210px;
padding-left:40px;
width:400px;
color:#FFF;
}
.footer_droit {
padding-top:195px;
left:529px;
text-align:right;
padding-right:40px;
color:#FFF;
}
.footer_droit li {
display:inline;
list-style:none;	
padding-left:3px;
padding-right:3px;
}
.footer_droit li a {
color:#FFF;
text-decoration:none;
}
.footer_droit li a:hover {
text-decoration:underline;
}
.photo {
float:right;
margin-left:20px;
margin-right:20px;
}
cite {
color:#fff;
display:block;
padding-left:40px;
}
em {
color:#fff;
display:block;
padding-left:40px;
font-weight:bold;
padding-top:3px;
padding-bottom:5px;
}
.cache {
display:none;	
}
.menu_video {
float:left;
width:280px;
}
.player {
margin-left:280px;
margin-top:40px;
height:500px;
}
.player object{
margin-left:40px;

}
.player h2 {
margin-left:40px;	
}
.player p {
margin-left:40px;
text-align:justify;	
width:320px;
}
.video {
border-right:2px solid #CCCCCC;	
}
.video td {
color:#444;
font-weight:bold;
}
.video img {
padding:3 3 3 3px;	
}
.video span {
display:block;
color:#000;
font-weight:normal;
}
.video a {
text-decoration:none;
color:#FFF;
}
.video a:hover {
text-decoration:underline;
}

.cssform {
margin-left:40px;	
}
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #999;
		padding: 10px;
		width: 765px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
#liens li {
display:inline;
list-style:none;	
padding-left:3px;
padding-right:3px;
}
#liens li a {
color:#FFF;
text-decoration:none;
}
#liens li a:hover {
text-decoration:underline;
}