body
{
	font-family:Verdana, Geneva, sans-serif;
	background-image:url(./img/BackgroundHexa.jpg);
	//background-color:#333;
	background-attachment:fixed;
}

#titre_principal
{
	text-align:Left;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight:bold;
	font-size:36px;
	color:#000;
	
    //display: inline-block;
	padding-left:10px;
	padding-top:0px;
    margin-bottom: 0px;
	margin-top: 0px;
	
	width:390px;
}

#sous_titre
{
	text-align:Left;
	padding-left:216px;
	
	font-family:Verdana, Geneva, sans-serif;
    font-weight:lighter;
	font-size:32px;
	color:#333;
	
    margin-bottom: 0px;
	margin-top: 0px;
}

#bloc_page
{
    width: 900px;
	margin:auto;
}

/* Navigation */
nav
{
    display: inline-block;
    width: 900px;
    text-align: right;
}

nav ul
{
	padding-top: 0px;
	margin-top: 0px;
    list-style-type: none;
}

nav li
{
    display: inline-block;
    margin-right: 15px;
}

nav a
{
    font-size: 1.3em;
    color:#666;
    padding-bottom: 3px;
    text-decoration: none;
}

nav a:hover
{
    border-bottom: 3px solid #333;
	color:#333;
}

#selected_page
{
	color:#000;
	border-bottom: 3px solid #000;
}


header
{
	/*
	border-style:solid;
	border-width:thin;
	*/
	background-color:rgba(0,0,0,0.1);
	background-image:url("./img/blackDot.jpg");
	background-repeat:repeat-x;
	background-position:bottom;
}

article
{
	padding:20px;
	
	background-color:rgba(0,0,0,0.1);
	height:360px;
	
	text-align:center;
	color:#333;
}

#note
{
	font-size:12px;
}

#lien_vimeo
{
	text-decoration:none;
	color:#333;
	
	margin:0px;
	padding::0px;
}

#lien_vimeo:hover
{
    color:#000;
}

footer
{
	background-image:url("./img/blackDot3.jpg");
	background-repeat:repeat-x;
	
	padding-top:10px;
	font-size:10px;
	text-align:right;
}