/*BODY*/

#border{
	border: 6px;
	border-style:solid;
	//border-color:#e5c86e;
	//border-color:#FF2F28;
	border-color:#006557;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

body{
	background-color:#F0F0F0;
	//color:#7B665F;
	color:#52392D;
	margin:55px 0px 0px 50px;
	font-family:'Inconsolata', serif;', serif;
}


/*HEADER*/

header{
	margin-left:10px;
	position:fixed;

}


/*NAV*/

nav{
	width:250px;
	margin:270px 50px 0px 10px;
	line-height:1.5em;
	position:fixed;

	}
	
.titre{
	line-height:1em;
	display: block;
	margin:30px 0px -12px 0px;
	text-decoration: underline;
}

a{
	text-decoration: none;
	color:#52392D;
	}

ul{
	list-style-type: none;
	padding:0;
	list-style-position: inside;

	}

a:hover{
	color:red;
	}

a:active{
	color:red;
	}

.actuel {
	color:white;
	background-color: black;
	
	}


/*ASIDE*/



.interligne{
	display:block;
	margin-top:5px;
}

.link{
	display:block;
	margin-top:-15px;
	line-height:default;

}

#absolu{
	position:absolute;
	top:150px;
	//left:200px;
	padding:0.5em;
	position:fixed;
	//left-margin:200px;
	//margin-top:200px;
}


/*ARTICLE*/

.titrearticle{
	font-style:normal;
	letter-spacing:0pt;
	font-size:20px;
	margin-top: 25px; 
    margin-bottom: 5px; 
} 

article{
	text-align:justify;
	//text-justify: inter-word;
	margin-left:400px;
	margin-right:430px;
	margin-bottom:50px;
}	

.texte {
   display: block;
   margin-bottom: 3px;
}

.video{
		position: relative;
		z-index:11;
		margin-top: 40px;
		margin-bottom: 140px;


}


/*DIAPORAMA*/

.conteneur-projets {
	width: 801px;
	height:564px;
}

.conteneur-projets img{
	width:100%;
	height: 100%;
}

#prev-projet,#next-projet{
	position:absolute;
	width:50%;
	height:100%;
	top:0;

}
#prev-projet{
	left:0;
	cursor:w-resize;
}

#next-projet{
	right:0;
	text-align:right;
	cursor:e-resize;
}


header, nav, aside, .texte{ 
	z-index:10;
}


/*FOOTER*/
footer{
	font-size:x-small;
	margin-top:50px;

}