body{
	background-color: black;
}
h6.titre{
	color: white;
	text-align: center;
	font-family: fantasy;
	font-size: 300%;
	font-style: italic;
	height: 100%;
}
img.titre{
	color: white;
	height: 100%;
	margin-left: 40%;
}
img.pres{
	height: 100px;
	width: 100px;
}
a.projet{
	text-decoration: none;
	font-weight: bold;
	color: red;
}
a.projet:hover{
	color: red;
	text-decoration: underline;
}
span.copyright{
	color: white;
	vertical-align: middle;
}
td.formulaire{
	color: white;
	text-align: right;
}
li#descproj{
	list-style-type: square;
}

/* ---------------
-- Gestion des DIV
----------------*/
div#header{
	background-image: url(Images/Stars.gif);
	height: 20%;
	width: 100%;
}
div#headertop{
	height: 25%;
	width: 100%;
}
div#headermiddle{
	height: 50%;
	width: 100%;
	color: white;
	text-align: center;
	font-family: fantasy;
	font-size: 300%;
	font-style: italic;
}
div#headerbottom{
	height: 25%;
	width: 100%;
	color: white;
	font-size: 16px;
	font-family: helvetica;
	text-align: center;
}
div#menu{
	height: 10%;
	width: 100%;
}
div#menutop{
	height: 25%;
	width: 100%;
}
div#menumiddle{
	height: 50%;
	width: 100%;
}
div#menubottom{
	height: 25%;
	width: 100%;
}
div#main{
	position: relative;
	color: white;
	height: 68%;
	width: 100%;
}
div#mainleft{
	position: absolute;
	height: 100%;
	width: 15%;
}
div#maincenter{
	position: absolute;
	height: 100%;
	width: 70%;
	margin-left: 15%;
}
div#mainright{
	position: absolute;
	height: 100%;
	width: 15%;
	margin-left: 85%;
}
div#footer{
	height: 2%;
	width: 100%;
	text-align: right;
}
div#accueil{
	display: block;
}
div#accueilleft{
	position: absolute;
	height: 100%;
	width: 40%;
	text-align: justify;
}
div#accueilcenter{
	position: absolute;
	height: 100%;
	width: 10%;
	margin-left: 40%;
}
div#accueilright{
	position: absolute;
	height: 100%;
	width: 50%;
	margin-left: 50%;
}
div#presentation{
	display: none;
}
div#presentationleft{
	position: absolute;
	height: 100%;
	width: 70%;
	text-align: justify;
}
div#presentationright{
	position: absolute;
	height: 100%;
	width: 30%;
	margin-left: 70%;
	text-align: center;
}
div#contacts{
	display: none;
}
div#presentation{
	display: none;
}

/* ---------------
-- Gestion du menu
----------------*/
.menuItem td{
	border-radius: 10px;
	border: solid 1px black;
	width: 20%;
	padding: 2px;
	text-align: center;
	background-color: red;
	font-size: 16px;
	font-family: Calibri;
	font-style: bold;
}
.menuItem td:hover{
	border: solid 1px white;
	background-color: black;
	color: white;
	cursor: pointer;
}
.tabcenter{
   margin-left: auto;
   margin-right: auto;
   height: 100%;
}
td.active{
    border: solid 1px white;
	background-color: black;
	color: white;
}
