html {
	height:100%;
	overflow:hidden;
}

body {
	width:100%;
	height:100%;
	background-image: url(../images/texture-fond.jpg);
	background-repeat:  no-repeat;
	background-position:center bottom;
	background-color: #060a0b;
	padding:0px;
	margin:0px;
	overflow:hidden;
}

table {
	text-align:justify;	
}


.legendeNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	font-variant: normal;
	color: #7a878f;
}

.legendeIndex {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	font-variant: normal;
	color:#cfd4d7;
}

.texteReferences {
	line-height:28px;
}

.texteNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #66757c;
	text-align:justify;
}

.texteNormal a {
	color: #cfd4d7;
	text-decoration: underline;
}

.texteNormal a:hover {
	color: #e2e7e9;
	text-decoration: none;
}

.texteNormalCentre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cfd4d7;
	text-align:center;
}

.liensBoutique a {
	color: #cfd4d7;
}

.liensBoutique a:hover {
	color: #e2e7e9;
}

.titreNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	font-variant: normal;
	color: #66757c;
}

.titreNormal a {
	color: #cfd4d7;
	text-decoration: underline;
}

.titreNormal a:hover {
	color: #e2e7e9;
	text-decoration: none;
}

.titreGros {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	font-variant: normal;
	color: #66757c;
	text-align:center;
}

.titreGros a {
	color: #cfd4d7;
	text-decoration: underline;
}

.titreGros a:hover {
	color: #e2e7e9;
	text-decoration: none;
}

div.divBandeauCredits span.texteCredits {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #5c676c;
	padding-left: 10px;
	line-height: 18px;
}

.texteCredits a {
	color: #cfd4d7;
	text-decoration: none;
}

.texteCredits a:hover {
	color: #e2e7e9;
	text-decoration: underline;
}


.titreMenus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 5px;
	line-height: 22px;
}

.tableMenu {
	border-left: #859faf 1px solid;
	border-right: #859faf 1px solid;
}

.boutonMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #cedfea;
	text-align: center;
}

.bordureVignettes img {
	border:#859faf 2px outset;
}

.tableMenuPortfolio {
	background-color: #223c4d;
	border: #66757c 1px solid;
}

.conteneurVignette img {
	/*display:inline-table;*/
	margin:2px;
	border:#859faf 2px outset;
	vertical-align:middle;
	text-align:left;
}


/*=======================================================
==================== POSITIONNEMENTS ====================
=======================================================*/

.divBandeauHaut {
	position: absolute;
	overflow:hidden;
	width:100%;
	height:20%;
	left:0;
	top:0;
}

.conteneurPages {
	position: absolute;
	overflow:auto;
	width:100%;
	top:21%;
	height:68%;
	left:0;
}


.navigation {
	position: absolute;
	overflow:hidden;
	width:100%;
	height:5%;
	bottom:4%;
	left:0;
}

.divBandeauCredits {
	position: absolute;
	overflow:hidden;
	width:100%;
	height:4%;
	bottom:0px;
	left:0;
	text-align:center;
}