* {
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
}
html {
   /*Le background fixe doit se trouver ici pour fonctionner dans firefox !!*/
	height: 100%;
	max-height: 100%;
	border: 0;
	font-size: 76%;
	font-family: verdana, arial, sans-serif;
	margin: auto;
	background: #000 url("main_bg.jpg") no-repeat bottom fixed;
}
body {
/* overflow hidden est nécessaire pour IE5Le bhavior pour faire fonctionner le menu déroulant*/
	font-size: 12px;
	font-family: sans-serif, verdana;
	height: 100%;
	

	behavior: url("csshover.htc");

}
* html body {
	overflow: hidden;
}
#partie_fixe {
/* une fixed est toujours par rapport à la fenêtre c'est un peu come une absoluepour centrer on est obligé de se servir des marges négatives*/
	position: fixed;
   left: 50%;
   margin-left: -400px;
   width: 800px;
	height: 100px;
	background-color: transparent;
	z-index: 10;
}
* html #partie_fixe {
/*Hack pour IE 5 5.5 6*/
	position: absolute;
	left:expression((document.body.clientWidth/2-400) + 'px' ); 
	margin-left: 0;
}
#cde {
position: absolute;
top: 130px;
left : 50%;
width: 150px;
height: 30px;
margin-left: -390px;
	background-color: black;
}

#emploi{
color : red;
}
#container {
/*cette boite est surtaut la pour repousser l'ascenseur à droite de l'écran sinon il reste collé à la boite datac'est elle qui contient l'overflow autoson z-index doit être à 1 */
	position: absolute;
   height: 100%;
	width: 100%;
	z-index: 0;
}
* html #container {
	overflow: auto;
}
#data {
/*L'index doit être à 0 parceque c'est avec lui que doit fonctionner l'ascenseur Correctionpour ie boite a cause de la ligne 74 au lieu de 75*/
	position: absolute;
	color: white;
	left: 50%;
	margin: 75px 0 0 -400px;
	padding-top: 40px;
	width: 800px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	z-index: 2;
	background-color: black;
	height: 8500px;
	
}


* html #data {
	margin-top: 74px;
	left:expression((document.body.clientWidth/2-400) + 'px' ); 
	margin-left: 0px;
	width: 802px;
	
}

#data_slide {
/*L'index doit être à 0 parceque c'est avec lui que doit fonctionner l'ascenseur Correctionpour ie boite a cause de la ligne 74 au lieu de 75*/
	position: fixed;
	color: white;
	left: 50%;
	margin: -24px 0 0 -400px;
	padding-top: 100px;
	width: 800px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	z-index: 2000000;
	height: 1000px;
	
}
* html #data_slide {
	margin-top: -25px;
	left:expression((document.body.clientWidth/2-400) + 'px' ); 
	margin-left: 20px;
	width: 802px;
}
#data li {
	text-align: left;
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 25px;
}
#data ul {
	margin-top: 15px;
}
}
#data_index {
/*L'index doit être à 0 parceque c'est avec lui que doit fonctionner l'ascenseur Correctionpour ie boite a cause de la ligne 74 au lieu de 75*/
	position: relative;
	color: white;
	margin: 75px auto 0 auto;
	padding-top: 40px;
	width: 798px;
	z-index: 0;
	background-color: black;
}
* html #data_index {
	margin: 74px auto 0 auto;
	width: 800px;
}
#cv {
	text-align: left;
}
div#photo {
	position: absolute;
	background-image: url(vinc5.jpg);
	top: 33px;
	left: 525px;
	z-index: 5;
	width: 180px;
	height: 270px;
	_filter: alpha(opacity=100);
}

div#photo_vinsty{
	position: relative ;
	background-image: url("vinsty.jpg");
	top: 25px;
        left: 300px;
        margin-bottom: 40px;
	padding:0;
	z-index: 50;
	width: 200px;
	height: 267px;
}

div#photo_claisse{
	position: relative ;
	background-image: url("joel_claisse.jpg");
	top: 25px;
        left: 300px;
        margin-bottom: 40px;
	padding:0;
	z-index: 50;
	width: 200px;
	height: 267px;
}

div#photo_seron{
	position: relative ;
	background-image: url("seron.jpg");
	top: 25px;
        left: 300px;
        margin-bottom: 40px;
	padding:0;
	z-index: 50;
	width: 200px;
	height: 267px;
}

div#photo_colarossi{
	position: relative ;
	background-image: url("colarossi.jpg");
	top: 25px;
        left: 300px;
        margin-bottom: 40px;
	padding:0;
	z-index: 50;
	width: 200px;
	height: 267px;
}

div#photo_martin{
	position: relative ;
	background-image: url("agnes_martin.jpg");
	top: 25px;
        left: 300px;
        margin-bottom: 40px;
	padding:0;
	z-index: 50;
	width: 200px;
	height: 267px;
}
#dessus_boite_nav {
/*doit être d'une hauteur suffisante pour créer un fond à la boite nav qui est transparenteson z-index doit être > que data et < que boite navil doit y avoir une couleur de fondC'est elle qui contient la ligne sous le menu puisque le bas du menu est plus bas pour permettre le déroulement*/
	position: absolute;
	width: 800px;
	height: 74px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	text-align: center;
	background-color: black;
	border-bottom: 1px solid #FFF;
	z-index: 40;
}
* html #dessus_boite_nav {
width: 802px;
}
div#boite_nav {
/* doit etre transparente pour laisser voir le texte defilant en dessoussa hauteur doit etre suffisante pour permettre de voir le déroulement (pas vrai))son z-index doit etre plus grand que les datascontient la ligne de séparation entre dessus boite nav et boite nav*/
	position: relative;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	top: 36px;
	margin: 0px auto 0px auto;
	width: 798px;
	border-top: 1px solid #FFF;
	background: black;
	z-index: 50;
}
h1 {
	color: #AAA;
	border-bottom: 1px solid white;
	margin-bottom: 0;
}
.box_liste {
	position: relative;
	width: 799px;
	height: 140px;
	background: transparent;
	margin-left: 1px;
	margin-bottom: 35px;
/*espacement entre boite du projet*/
	border-bottom-color: #ccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #ccc;
	border-top-style: solid;
	border-top-width: 1px;
	/*background-color: red;
*/
	z-index: 80;
}

.image_liste {
	float: left;
	width: 200px;
	height: 140px;
	background-color: black;
	border-right: 1px solid #FFF;
	z-index: 90;
}
* html .image_liste{
width: 201px;
}

.texte_liste {
	float: right;
	display: block;
	padding-top: 0px;
	margin-top: -90px;
	width: 596px;
	height: 1px;
	font-size: 8pt;
	text-align: center;
	z-index: 110;
	background-color: transparent;
}
.vignette_liste {
	float: right;
	display: block;
	padding-top: 1px;
	width: 598px;
	height: 139px;
	font-size: 8pt;
	text-align: center;
	z-index: 100;
	background-color: black;
}
#page1_titre {
	position: relative;
	font-size: 16px;
	width: 797px;
	text-align: center;
	margin-bottom: 30px;
}
#page1_image {
	position: relative;
	margin: 0px auto 0px auto;
	width: 800px;
	z-index: 1;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	/* #7B7C8E;
*/
}
#page1_fiche {
	position: relative;
	font-size: 7pt;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: right;
}
#page1_texte {
	position: relative;
	margin-bottom: 110px;
	
	text-align: justify;
}

#vision {
text-align: justify;s
}
#container_thumb {
	position: relative;
	margin: auto;
	text-align: center;
	width: 700px;
	z-index: 5000;
	background-color: #000;
}

.thumb {
	float: left;
	display: block;
	padding-left: 10px;
	padding-bottom: 10px;
}
.addClear {
	clear: both;
}
#image_full {
	position: relative;
	left: 1px;
	width: 800px;
	z-index: 1;
	margin-bottom: 1000px;
}
#texte {
	height: 1200px;
	text-align: justify;
}