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


  
body {
	font-family: "Helvetica Neue",Helvetica,"Trebuchet MS",FreeSans,"Nimbus Sans L",arial,sans-serif;
	font-size: 15px;
	color:#000;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

a {
    font-family: "Helvetica Neue",Helvetica,"Trebuchet MS",FreeSans,"Nimbus Sans L",arial,sans-serif;
	font-size: 15px;
	color:#000;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

/*
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color:#777;
}
a:active {
	text-decoration: none;
}



.projets a {
    font-family: "Helvetica Neue",Helvetica,"Trebuchet MS",FreeSans,"Nimbus Sans L",arial,sans-serif;
	font-size: 13px;
	color:#000;
}
.projets  a:link {
	font-family: "Helvetica Neue",Helvetica,"Trebuchet MS",FreeSans,"Nimbus Sans L",arial,sans-serif;
	font-size: 13px;
	text-decoration: none;
}
.projets  a:visited {
	text-decoration: none;
	
}
.projets a:hover {
	text-decoration: none;
	color:#777;
}
.projets a:active {
	text-decoration: none;

}
*/



#intro {
    position:relative;
	width:900px;
	height:690px;
	margin-left:-450px;
	z-index:1;
	overflow: visible;
	top:10px;
	left:50%;
	text-align: center;
}




#nav_projet {
	position:absolute;
	margin-left:5px;
	top:-10px;
	font-family: "Helvetica Neue",Helvetica,"Trebuchet MS",FreeSans,"Nimbus Sans L",arial,sans-serif;
	font-size: 15px;
	text-decoration: none;
	display : block;
	height:600px;
	overflow-y:scroll;
	width:458px;
	overflow-x: hidden;

}

#nav_projet a {
	font-family: "Helvetica Neue",Helvetica,"Trebuchet MS",FreeSans,"Nimbus Sans L",arial,sans-serif;
	font-size: 13px;
	list-style: none;
	margin:0;
	padding:0;
	display:block;
    text-decoration:none;

}

#nav_projet a:hover {
	font-family: "Helvetica Neue",Helvetica,"Trebuchet MS",FreeSans,"Nimbus Sans L",arial,sans-serif;
	font-size: 13px;
	color:#777;
	list-style: none;
	margin:0;
	padding:0;
	display:block;
    text-decoration:none;

}



#nav_projet ul {
	font-family: Helvetica,"Trebuchet MS",FreeSans,"Nimbus Sans L",arial,sans-serif;
	font-size: 13px;
	display :block;
	margin:0; 
	padding:0;
 	line-height:25px;
	
}

/*
#nav_projet ul:a {
	font-family: Helvetica,"Trebuchet MS",FreeSans,"Nimbus Sans L",arial,sans-serif;
	font-size: 13px;
	display :block;
	margin:0; 
	padding:0;
 	line-height:25px;
	
} */



/* supprime les  puces */

#nav_projet li {
	list-style : none;
	margin:0;
	padding:0;
}


#images {
	position:absolute;
	margin-left:485px;
	margin-top:-95px;
	height:700px;
	width:68%;
	visibility: visible;
	overflow:auto;
}

/* Overwrite the default to keep the scrollbar always visible http://www.screenfeed.fr/blog/personnaliser-les-scrollbars-webkit-0366/  */




#texte {
		position:relative;
		margin-left:0px;
		margin-top:60px;
		background-color:#CCC;
		width:430px;
		height:561px;
		padding-left:17px;
		padding-right:17px;

}

#menu_infos {
	list-style : none;
	display : inline;
	position: absolute;
	margin-top: -110px;
	margin-left: 380px;
	text-decoration: none;
	width: 708px;
	height: 23px;
}
#menu_infos ul { 
	display : inline;
	list-style : none;
	text-decoration:none;

}
#menu_infos li { 
	display : inline;
	padding : 0 0.2em;
	margin:0;
	list-style : none;
	text-decoration:none;

}
#menu_infos li a { 
	display : inline;
	padding : 0 0.2em;
	list-style : none;
	text-decoration:none;
	color:#222;

}
#menu_infos li a:hover { 
		color:#666;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar:horizontal {
    width: 6px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {	
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,1); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}