/* Feuille de style très largement inspiré de http://www.ultra-fluide.com/ressources/css/template-css2.htm */
.nospace {
	width:100%;
	margin: 0px;
	font-family: sans-serif;
}

.haut {
	margin-bottom: 10px;
	height: 150px;
	position:absolute;
	top:0px;
	width:100%;
	right:15px;
	margin-right:-15px;
	display: none;
}
	
.ppal {
	position:absolute;
	top:10px;
	width:100%;
	right:0px;
	margin-right:0px
}
	
html body.ppal {
	height:100%;
	overflow:hidden
}


.gauche{
   	position:absolute;
   	height:100%;
	width:0px;
	top:0px;
	left:0px;
	display: none;

}
.centre{
	position: relative;
	top: 0px;
	width: auto;
	margin-left: 0px;
	margin-right: 0px;
}
.droite{
	position:absolute;
	height:100%;
	width:0px;
	top:50px;
	right:0px;
	margin-right:-15px;
	display: none;
}
.pied {
	position:relative;
	width:100%;
	height:50px;
	text-align: center;
	vertical-align: middle;
	}

.corps {
	position:relative;
	min-height:300px
}
/*
html body .corps {
	height:300px
} 
*/

.titre {
	border-bottom-color: Red;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-collapse: collapse;
}

	
div.image {
	width: 200px;
	height: 200px;
	top: 50px;
	position: absolute;
}

div.logoMVP{
padding-top: 75px;
padding-bottom: 75px;
padding-right: 50px;
padding-left:25px;
width: 150px;
position: relative;
top: 150px;

}
h2.livre {
	border-bottom-color: #FFA500;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
.livreImage{
	width:20%;
	position: relative;
}
.livreCaracteristiques {
	position: relative;
	width: 50%;
}
.livreTdm {
	position: relative;
	width:auto;
}


.articles {
	border-bottom-color: #228B22;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
.dev {
	border-bottom-color: #FFD700;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
.lienssql {
	border-bottom-color: #00008B;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
.liens {
	border-bottom-color: #9370DB;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
.liensfr{
	list-style-image:url(images/liens/france.gif);
	list-style-position: outside;
}
.liensus{
	list-style-image:url(images/liens/usa.gif);
	list-style-position: outside;
}
/*************** Le menu **********************/

#navcontainer ul
{
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	list-style-type: none;
}

#navcontainer li {
	margin: 0 0 .2em 0; 
}

#navcontainer a
{
	display: block;
	color: #FFF;
	background-color: #036;
	width: 8em;
	padding: .2em .8em;
	text-decoration: none;
	border-left: 5px solid Yellow;
}

#navcontainer a:hover
{
	background-color: #369;
	color: #FFF;
	border-left: 5px solid Red;
}

#active a
{
	display: block;
	color: #FFF;
	background-color: #336699;
	width: 8em;
	padding: .2em .8em;
	text-decoration: none;
	border-left: 5px solid Red;
}