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

body {
	height: 900 px;
	background-color: black;
	margin: auto;
	background: url(images/bg.jpg) no-repeat center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#contenu{
	height: 75%;
	width: 100%;
	background-color: white;
	position:fixed;
	top:25px;
	background-color : rgba(200,200,200,0.5);
}

#cat{
	font-family: 'Julius Sans One', sans-serif;
	float: left;
	margin-top: 2%;
	height: 90%;
	width: 28%;
	font-size:17px;
	text-align:center;
	color: white;
	background-color:black;
	background-color : rgba(0,0,0,0.7);
	text-shadow: 0em 0em 0.3em white;

}

#cat ul{
		list-style-type: none;
		margin-left: -50px;
}

#cat ul li a{
	font-family:'Quattrocento Sans', sans-serif;
	font-size: 16px;
	text-decoration:none;
	color: white;
	line-height: 170%;
	text-shadow: none;
	
}

#cat ul li {
	font-family:'Quattrocento Sans', sans-serif;
	text-decoration:none;
	color: white;
	line-height: 170%;
	text-shadow: none;
	
}

#des{
	font-family: 'Oxygen', sans-serif;
	height: 90%;
	width: 68%;
	margin-top: 2%;
	font-size:18px;
	color: white;
	background-color:black;
	background-color : rgba(0,0,0,0.7);
	float: right;
	padding-left: 10px;
}

#cat ul li a:hover{
	text-shadow: 0em 0em 0.3em white;
}

#footer{
	width: 100%;
	height:95px;
	text-align:left;
	background-image:url(images/bgf.png);
	background-repeat:repeat;
	position:absolute;
	bottom:25px;
}
#cadre-menu {
	position:absolute;
	left:-1223px;
	overflow:hidden;
	width:1223px; 
	font:12px Arial;
}
#bordure-menu {	
	font-family: 'Julius Sans One', sans-serif;
	float:right;
	font-size:20px;
	color:white;
	width:935px;
	margin:0px;
	padding-top:20px;
	text-align: left;
}
#bordure-menu ul {
	list-style: square inside;
}
#bordure-menu ul li {
	display: inline;
	text-shadow: 0em 0em 1.0em black;
}
#bordure-menu ul li a {
	color:#FFF;
	text-decoration:none;
	margin-left: 20px;
}
#bordure-menu ul li a:hover {
	text-shadow: 0em 0em 0.2em white,0em 0em 0.2em white;
}
#bouton-menu {
	float:left;
	width:313px;
	margin-top:-83px;
	height:96px;
	background:transparent url('images/logo.png') top right no-repeat;
}

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}