/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	background: #FFFFFF;
	color: #333;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #000000;}
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #000000; } /*permet de changer la couleur des liens du sous menus*/
a:hover { text-decoration: none; color: #000000; background-color: #000000; }
.nav {
	font: Arial, Helvetica, sans-serif;
	font-size:35px;
	font-weight: bold;
	text-transform: uppercase;
	position: fixed;
	top: 582px;
	color: #000000;
	left: 606px;
	text-align:left;
	line-height:40px;
}	

.square-nav {
 	position: fixed;
	top: 582px;
}

.container h1 {
	position: fixed;
	top: 586px;
	width: 225px;
	left: 373px;
	text-align:right;
	padding-right:5px;
}

.container h2 {
	position: fixed;
	top:603px;
	width:225px;
 	text-align:right;
	padding-right:5px;
	padding-bottom:5px;
	left:373px;
}

.container h3 {
	position: fixed;
	top:135px;
	left:237px;
	}
.container h4 {
	position: fixed;
	top: 620px;
	left: 603px;
	width:222px;
	}
.container h5 {
	position: fixed;
	top:135px;
	}
	
.container h6 {
	position: fixed;
	top: 588px;
	left: 603px;
	width:222px;
	}
	
.container h7 {
	position: fixed;
	top: 654px;
	left: 575px;
	width:300px;
	}

a img { border: none; }
/*menu pour controler les sous-menus*/
#menu {
	text-align:right;
    width: 215px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #FFFFFF;
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}
/*informations pour controller le menu*/
#menu ul li.section-title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color: #000000;
	text-align: right;
	margin: 3px 0px 3px 0px;
	}

#content {
    height: 100%;
    margin: 0 0 0 215px;
    top: 0;
}

.container {
    padding: 5px 5px 25px 5px;
}

#content p { width: 350px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
border-right:solid;
border-right-color: #000000;
border-right-width:1px;

}
h2 { font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #000000;
font-weight:normal;
border-right:solid;
border-right-color: #000000;
border-right-width:1px;
}

h3 {
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:lighter;
	color: #000000;
	text-align: left;
	border-left:solid;
	border-left-color: #000000;
	border-left-width:1px;
	padding-left:5px;
	border-top:solid;
	border-top-color: #000000;
	border-top-width:1px;
	padding-top: 3px;
	}

h5 {font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #000000;
font-weight:normal;
border-left:solid;
border-leftt-color:#FFFFFF;
border-left-width:1px;
padding-left:5px;
	}
	
h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:lighter;
	color: #0000000;
	text-align: left;
	border-left:solid;
	border-left-color: #0000000;
	border-left-width:1px;
	padding-left:5px;
	}
	
h7 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;
	color: #0000000;
	}	


#img-container	{
	position:fixed;
	top:135px;/*position de l'image par rapport au haut de la page*/
	left:237px;
	padding: 0;
	}
#img-container p	{ width: 400px; margin: 0; padding: 0 0 0 0; }

#once { clear: left; }