/* ~~~ Generale ~~~ */

body, html {
	height: 100%;
	margin: 0;
	padding: 0;
	background : url(images/fond.png) fixed repeat;  	
	font-size : 0.8em;
	font-family : Verdana, Tahoma, Helvetica, Arial; 
	color : #757475;
	}
	
	

/* ~~~ Contenu ~~~ */

#conteneur{
	position:absolute; 
	left: 50%; 
	width: 800px; 
	margin-left: -400px; 
	background : url(images/fond.png) fixed repeat;  
	text-align : left;
	}

#languages {
	float: right;  
	}

#header {
	width : 800px; 
	height : 181px; 
	background : url(images/header.gif); 
	}
	
#contenu {
	float: left; 
	width : 760px;
	margin : -160px 0 0 50px; 
	}
	
.genre {
	float: left;  
	margin : 0; 
	}
		
ul.galerie {
	width: 790px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;	
}

ul.galerie li{
	float: left;
	padding: 3px 5px;	
}

img {
	border: 0;	
}

#copyright{
	margin: 2em 0;
	padding: 0;
	float: right;
}

/* ~~~ Menu ~~~ */


.menu {
	position:absolute; 
	width : 800px; 
	margin : 210px 0 0 20px; 
	padding : 0; 
	list-style : none; 
	height : 20px; 
	font-size : 2em;
	border-bottom : 2px dotted #9fc5de;
	}
 
.menu li  {
	float:left;
	margin:-6px 0;
	padding:0 10px 0 15px;
	text-align: center;
	border-left: 2px #999899 solid;
	list-style-type: none;	
	}
html>body .menu li {margin:-10px 0;}

.menu li:first-child {
	border:0;
	} 
	
.menu li a {
	text-decoration: none;
}

.menu li a:hover {
	color : #999899;
}

a.actif {
  color : #999899;
}

 
#cv {
	float:right;
	margin:195px 0;
	text-align: center;
	list-style-type: none;	
	}
html>body #cv {margin:195px 0;}


#cv a {
	font-size : 1.5em;	
	text-decoration: none;
}

#cv a:hover {
	color : #999899;
}

/* ~~~ Titres ~~~ */

h1 {
	display:none;
	}
 
 
h2 {
	margin : 10px 0; 
	font-size : 1.2em; 
	color : #999899;  
	}
	
h3 {
	margin : 20px 0 10px 0;    
	font-size : 2em;   
	text-transform: uppercase;
	color: #9ca5be;
	font-weight: 600;
	}



/* ~~~ Textes ~~~ */

p {
	margin: 5px 0;
	font-size: 1.2em; 
	text-align: justify;
	}
html>body p {margin: 5px 0;}

#languages p{
	font-size: 1.3em; 
	}
	
.italique  {
	font-style: italic; 
	}
	
.bold  {
	font-weight: bold; 
	}

.bleu  {
	color: #a9cbe2; 
	}	

/* ~~~ Liens ~~~ */

a {
	color: #9fc5de;
	text-decoration: none;
	}
	
a.liens {
	margin: 10px 0; 
	text-decoration: none;
	font-weight: bold;
	color: #9fc5de;
	}
a:hover.liens {
	margin: 10px 0; 
	text-decoration: none;
	font-weight: bold;
	color: #999899;
	}