/* Style de la page */
body{
	font-size: 11pt ;
	background-color: #FFF4CC;
	color: #DD4400; 
	margin-top: 0px;

}

/* Style des images */
img{
	border-width: 0px; 
}

/* Style des liens hypertextes */
/* Style des liens normales */
a:link{
	color: #DD4400; 
	text-decoration: none;
}

/* Style des liens activés */
a:active{
	color: #DD4400; 
	text-decoration: none; 
}

/* Style des liens visités */
a:visited{
	color: #DD4400; 
	text-decoration: none; 
}

/* Style des liens survolés */
a:hover{
	color: #DD4400;
	text-decoration: underline;
}

/* Style de la balise <strong> */
strong{
	font-size: 14pt;
}

/* Style de la balise <h3> */
H3{
	font-size: 11pt; 
	text-align: center;
}

/* Style de la section visible de la page */
.principal{
	background-color: #FFF4CC;
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	border-width: 3px;
	border-style: ridge;
	border-color: #FFCCAA;
	display: table;
}

/* Style de la section du haut (titre, menuhaut, coordonnees) */
#haut{
	width: 1024px;
	height: 90px;
	margin-top: 3px;
	margin-left: 3px;
	display: table;
}

/* Style de la section du titre */
.titre{
	float: left; 
	width: 220px;
	display: table-cell;
}

/* Style du menu du haut */
.menuhaut{
	position: relative;
	top: 50px; 
	float: left; 
	width: 600px;
	display: table-cell;	
	text-align: center;
}

/* Style de la section des coordonnees */
.coordonnee{
	width: 160px;
	display: table-cell;
	font-size: 10px;
	margin-top: 5px;
	float: left;
}

/* Ligne séparatrice entre la partie du haut et la partie du bas */
#ligneHorizontal{
	width: 1000px;
}

/* Style de la section du milieu (menugauche, contenu, droite) */
#milieu{
	width: 1000px;
	margin-bottom: 5px;
	display: inline; 
}

/* Style du menu à gauche */
.menugauche{
	float: left;
	width: 200px;
	margin-left: 3px;
	display: table-cell;
}

/* Style de la section du contenu */
.contenu{
	top: 50px;
	float: left;
	width: 600px;
	display: table-cell;
	text-align: center;
}

/* Style de la section de droite */
.droite{
	width: 180px;
	/*display: table-cell;*/
	float: left;
}

/* Style pour une case d'un membre d'équipe */
.equipe{
	background-color: #FFE1D1;
	width: 400px;
	height: 150px ;
	border-width: 2px;
	border-style: outset;
	border-color: #FFAA66;
	font-size: 14px ;
	display: block;
}

/* Le nom d'un élément */
.nom{
	font-size: 20pt;
	font-weight: bold;
}

/* Copyright du site */
.copyright{
	text-align: center;
}

/* Une section encadré blanc dans certaines pages */
.information{
	margin-left: 2px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 11pt;
	color: #BB5500;
	text-indent: 9px;
	text-align: left;
	background-color: #FFFFFF;
	border-color: #FFD1B1;
	border-style: ridge;
	border-width: 3px;
	display: table;
	float: right;
	width: 550px;
}

/* Image  */
.imagenr{
	margin-top: 2px;
	margin-right: 3px;
}

/* Cadre nouvelle et réalisation */
.nouvelle{
	border-style: ridge;
	border-color: #FFAA00;
	border-width: 7px;
	text-align: left;
	color: #000000;
}

/* Titre de cadre nouvelle et réalisation */
.titreNouvelle{
	font-size: 20px;
	border-bottom-color: #FFAA00;
	border-bottom-style: ridge;
	border-bottom-width: 3px;
	background-color: #FFAA00;
	color: #FFFFFF;
	text-align: center;
}

/* Contenu de cadre nouvelle et réalisation  */
.contenuNouvelle{
	font-size: 14px;
	border-bottom-color: #FFAA00;
	border-bottom-style: ridge;
	border-bottom-width: 3px;
	background-color: #FFFFFF;
}

.detail{
	border-width: 2px; 
	border-style: ridge; 
	border-color: #0000DD; 
	background-color: #FFF2E0; 
	position: absolute; 
}

.graphique{
	border-width: 2px; 
	border-style: ridge; 
	border-color: #0000DD; 
	background-color: #FFFFFF; 
	font-size: 9px;
	position: absolute; 
	
}

/* Pour imitation de table */
label,input,select {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

/* Pour imitation de table */
label {
	text-align: right;
	width: 300px;
	padding-right: 20px;
}

/* Pour imitation de table */
br.cont {
	clear: left;
}