@charset "utf-8";
/* CSS Document */

/* Caractèristique général */
*{margin:0;border:0;outline:0;padding:0;list-style:none;}
body{padding-left:20px;}


/* Tous les textes */
p {
	font-family:Arial, sans-serif;
	}

/* Le bloc menu */

#projet {
	z-index:01;
	margin-top:20px;
	margin-right:20px;
	width:7000px;
	height:600px;
	}
	
	
#menu {
	z-index:05;
	position:fixed;
	margin-top:13px;
	margin-left:15px;
	width:120px;
	height:500px;
	}
	
#titre {
	font-family:Arial,monospace;
	font-weight:normal;
	font-size:11px;
	letter-spacing:1px;
	line-height:15px;
	margin-bottom:20px;
	color:#F33;
	text-transform:uppercase;
	}
	
#cv {
	float:left;
	width:24px;
	height:34px;
	padding-top:9px;
	padding-left:5px;
	margin-right:5px;
	background-image:url(img/carre.png);
	background-repeat:no-repeat;
	font-size:10px;
	letter-spacing:1px;
	color:#F33;
	}
	
#en {
	float:left;
	width:24px;
	height:24px;
	padding-top:9px;
	padding-left:8px;
	margin-right:5px;
	background-image:url(img/rond.png);
	background-repeat:no-repeat;
	font-size:10px;
	letter-spacing:1px;
	color:#F33;
	}
	
#sp {
	float:left;
	width:24px;
	height:24px;
	padding-top:9px;
	padding-left:8px;
	margin-right:5px;
	background-image:url(img/rond.png);
	background-repeat:no-repeat;
	font-weight:normal;
	font-size:10px;
	letter-spacing:1px;
	color:#F33;
	}
	
#colonne01 
	{
	width:190px;
	top:33px;
	left:190px;
	position:fixed;
	}
	
#colonne02
	{
	width:190px;
	top:33px;
	left:420px;
	position:fixed;
	}
	
#colonne03
	{
	width:190px;
	top:33px;
	left:630px;
	position:fixed;
	}
	
hr.filet { 
  margin-top:5px;
  border: none;              
  background-color:#F00;
  height:1px;              
  width: 65px; 
	}
	
	
/* Les blocs projet */

.bloc{
	margin-top:0px;
	margin-right:80px;
	float:left;
	position:relative;
	}
	
	
/* Les liens */

a:link    { text-decoration: none;color:#F33;}
a:visited { text-decoration: none;color:#F33;} 
a:hover   { text-decoration: none;color:#F33;}   
a:active  { text-decoration: none;color:#F33;} 
	
a #descriptif {
	display:none;
	}
a:hover #descriptif {
	display: inline;
	position:fixed;
	}
	
/* Le texte propre à chaque projet */

#descriptif {
	font-size:10.5px;
	line-height:15px;
	top:155px;
	left:30px;
	width:200px;
	position:fixed;
	z-index:10;
	background-color:#FFF;
	padding:10px;
	}
	
#nom {
	font-weight:bold;
	font-size:10px;
	color:#333;
	}
	
#commentaire {
	font-style:italic;
	color:#999;
	}
	
#texte {
	font-size:10px;
	line-height:17px;
	color:#666;
	}
	
#information {
	font-weight:normal;
	font-size:10px;
	color:#F33;
	}