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

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

.tableau {
	border:1px solid #777777;
}


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

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

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

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

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




.lienNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding-left:30px;
}

.lienNormal a {
	color: #ffffff;
	text-decoration: underline;
}

.lienNormal a:hover {
	color: #cfcfcf;
	text-decoration: none;
}





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

.texteBleu a {
	color: #ffffff;
	text-decoration: underline;
}

.texteBleu a:hover {
	color: #787878;
	text-decoration: none;
}



.texteBleuGros {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-align:left;
}


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


.texteRougeGros {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fe5461;
	text-align:right;
}


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


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

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

.titreNormal a:hover {
	color: #ffffff;
	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: #cfcfcf;
	text-align:center;
}

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

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

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

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

.texteCredits a:hover {
	color: #ffffff;
	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:#a69480 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;
	height:100px;
}


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

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


.navigation {
	position: absolute;
	overflow:hidden;
	width:100%;
	height:6%;
	bottom:6%;
	left:0;
	background-image: url(../images/texture-navigation.gif);
	background-repeat:  no-repeat;
	background-position:center top;
}

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