/* CSS Document */
	 
html, body
	 {
	height: 100%;
	width: 100%;
	overflow: auto;
	}
	
body 
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	}

.general
	{
	height: 100%;
	width: 100%;
	overflow: auto;
	margin: 0;
	padding: 0;
	background-color: #11224E ;
	color: white ;
	font-size : 95%  ;
	font-family: Verdana, Geneva, Arial, sans-serif;
    text-align: left; /* pour corriger le bug de centrage IE */
	}

.generalBlack
	{
	height: 100%;
	width: 100%;
	overflow: auto;
	margin: 0;
	padding: 0;
	background-color: #000000 ;
	color: white ;
	font-size : 90%  ;
	font-family: Verdana, Geneva, Arial, sans-serif;
    text-align: center; /* pour corriger le bug de centrage IE */
	}

.preloadImage {display:none;}

/* ------------------------- */
/*  CONTENU PAGE  */
/* ------------------------- */

.tableausommaire
	{
	background-color: #11224E ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size : 95%  ;
    text-align: center; /* pour corriger le bug de centrage IE */
	}

.tableausommaire table
	{
	background-color: #11224E ;
    text-align: left; /* pour corriger le bug de centrage IE */
	color: white ;
	font-size : 95%  ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	}
	
.tableausommaire table a:link
	{
	color: white ;
	}

.tableausommaire table a:visited
	{
	color: white ;
	}

.tableausommaire table a:link:hover
	{
	color:#92A6DC ;
	}

.tableausommaire table a:visited:hover
	{
	color:#92A6DC ;
	}

.tableaucentre
	{
	background-color: #11224E ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size : 95%  ;
    text-align: center; /* pour corriger le bug de centrage IE */
	}

.tableaucentre table
	{
	background-color: #11224E ;
    text-align: justify; /* pour corriger le bug de centrage IE */
	color: white ;
	font-size : 95%  ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	}

.titre1
	{
	background-color: #21449C ;
	color: white ;
	height: 25 ;
	vertical-align:middle ;
	font-size : 105%  ;
	font-weight: bold ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	}

.titre2
	{
	background-color: #11224E ;
	color: white ;
	height: 30 ;
	vertical-align:middle ;
	font-size : 95%  ;
	text-decoration: underline ;
	font-weight: bold ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	}

.auteur1
	{
	background-color: #21449C ;
	color: white ;
	height: 25 ;
    text-align: center;
	vertical-align:middle ;
	font-size : 95%  ;
	font-weight: normal ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	}

/* ------------------------- */
/*            LINKS           */
/* ------------------------- */

.pagelien
	{
	background-color: #11224E ;
	color: white ;
	height: 30 ;
	vertical-align:middle ;
	font-size : 105%  ;
	text-decoration: none ;
	font-weight: bold ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	}

.pagelien a:link
	{
	text-decoration: none ;
	}

.pagelien a:visited
	{
	text-decoration: none ;
	}

.pagelien a:link:hover
	{
	color:#92A6DC ;
	}

.pagelien a:visited:hover
	{
	color:#92A6DC ;
	}

.pagelien span
	{
	font-size : 80%  ; /*remarques en italique plus petites*/
	font-style : italic ; /*remarques en italique plus petites*/
	}

.vide50
	{
	background-color: #11224E ;
	height: 50 ;
	}

a:link
	{
	color:#FFCC00 ;
	}
	
a:visited
	{
	color:#FFCC00 ;
	}
	
#introduction
	{
	font-family: Verdana, Geneva, Arial, sans-serif;
    text-align: center; /* pour corriger le bug de centrage IE */
	color:#92A6DC ;
	font-size : 95% ;
	}

/* ------------------------- */
/*   MENU GAUCHE   */
/* ------------------------- */

#menugauche
	{
	position: absolute;
	left:0;
	width: 200px;
	height: 100%;
	background-color: #7EA0EB ;	/*couleur de fond de la colone*/
	/*background-color: #92A6DC ;	/*couleur de fond de la colone*/ 
    text-align: left; /* pour corriger le bug de centrage IE */
	color:#11224E ;
	font-size : 95%  ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	}

#menugauche p
	{
	font-weight:bold;
    text-align: center; 
	text-decoration:underline;
	color:#0033CC;
	}

#menugauche li	/*le choix actif*/
	{
	text-decoration: none ;
	color:#0033CC;
	}

#menugauche a:link /*les autres choix*/
	{
	text-decoration: none ;
	color:#11224E ;
	}

#menugauche a:visited
	{
	text-decoration: none ;
	color:#11224E ;
	}
	
#menugauche a:link:hover
	{
	text-decoration: none ;
	color:#0033CC ;
	}

#menugauche a:visited:hover
	{
	text-decoration: none ;
	color:#0033CC ;
	}

#manuelatelier
	{
    text-align: left; /* pour corriger le bug de centrage IE */
	color:white ;
	font-size : 95%  ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	}
	
#contenudroite
	{
	background-color: #11224E ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: white ;
	font-size : 95%  ;
    text-align: center; /* pour corriger le bug de centrage IE */
	height: 100%;
	margin-left: 200px;
	overflow: auto;
	}
	
#contenudroite  table 
	{
	background-color: #11224E ;
    text-align: justify; /* pour corriger le bug de centrage IE */
	color: white ;
	font-size : 95%  ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	}

#contenudroite  table.tableau	/*Pas d'espace : concerne une table de classe tableau*/
	{
	background-color: #7EA0EB ;
    text-align: justify; /* pour corriger le bug de centrage IE */
	color: #11224E ;
	font-size : 95%  ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	}

	

/* ------------------------- */
/* MENU PRINCIPAL */
/* ------------------------- */

#menu /* couleur de fond de page*/
	{
	background-color: #11224E ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size : 95% ;
	}

#menu table /* couleur de fond du menu */
	{
	background-color: #24253C ;
	border-color: white ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size : 95% ;
	}

#menu td /* écriures du menu */
	{
	text-align: center ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size : 95% ;
	}
	
#menu a:link /* textes */
	{
	color: white ;
	text-decoration: none;
	font-size : 95% ;
	}

#menu a:visited
	{
	color: white ;
	text-decoration: none;
	font-size : 95% ;
	}

#menu a:link:hover /* textes survolés*/
	{
	font-size : 105% ;
	}

#menu a:visited:hover /* textes survolés*/
	{
	font-size : 105% ;
	}

/* --------------------------- */
/* MENU TECHNIQUE */
/* --------------------------- */
#puce1 {position:absolute; left:0px; top:0px; width:119px; height:30px;	}
#puce1:hover {background: url(Images/Navigation/puce.gif) right no-repeat;}

#puce2 {position:absolute; left:0px; top:0px; width:189px; height:30px;}
#puce2:hover {background: url(Images/Navigation/puce.gif) right no-repeat;}

#puce3 {position:absolute; left:0px; top:0px; width:107px; height:30px;}
#puce3:hover {background: url(Images/Navigation/puce.gif) right no-repeat;}

#puce4 {position:absolute; left:0px; top:0px; width:168px; height:30px;}
#puce4:hover {background: url(Images/Navigation/puce.gif) right no-repeat;}

#puce5 {position:absolute; left:0px; top:0px; width:166px; height:30px;}
#puce5:hover {background: url(Images/Navigation/puce.gif) left no-repeat;}

#puce6 {position:absolute; left:0px; top:0px; width:166px; height:30px;}
#puce6:hover {background: url(Images/Navigation/puce.gif) left no-repeat;}

#puce7 {position:absolute; left:0px; top:0px; width:166px; height:30px;}
#puce7:hover {background: url(Images/Navigation/puce.gif) left no-repeat;}

#puce8 {position:absolute; left:0px; top:0px; width:166px; height:30px;}
#puce8:hover {background: url(Images/Navigation/puce.gif) left no-repeat;}

/* --------------------------- */
/*    Zoom vignettes      */
/* --------------------------- */
.zoom img {
position:absolute; 
left:0px; 
top:0px; 
width:142px;
height:106px;
}
.zoom img:hover {
width:400px;
height:300px;
}

/* --------------------------- */
/*             Espace           */
/*   RESTAURATION    */
/* --------------------------- */

#restau1 {position:absolute; left:0px; top:0px;width:210px;height:130px;background-image: url(Images/Navigation/RestauMarcF1Bleu.gif);text-decoration: none;}
#restau1 span { /* définition de la balise <span> inclue dans <a> */display: none;}
#restau1:hover {background: url(Images/Navigation/RestauMarcF2Bleu.gif) left no-repeat;}
#restau1:hover span { /* définition de la balise <span> au survol */display: inline;position: absolute;top: 00px;left: 215px;width: 310px;height: 100px;background: #11224E;text-align: center; font-size : 82% ;color:#92A6DC;}

#restau2 {position:absolute; left:0px; top:0px;width:210px;height:130px;background-image: url(Images/Navigation/RestauJeanLucM1Bleu.gif);text-decoration: none;}
#restau2 span { /* définition de la balise <span> inclue dans <a> */display: none;}
#restau2:hover {background: url(Images/Navigation/RestauJeanLucM2Bleu.gif) left no-repeat;}
#restau2:hover span { /* définition de la balise <span> au survol */display: inline;position: absolute;top: 183px;left: 90px;width: 310px;height: 100px;background: #11224E;text-align: center;font-size : 82% ;color:#92A6DC;}

#restau3 {position:absolute; left:0px; top:0px;width:210px;height:130px;background-image: url(Images/Navigation/RestauEricW1Bleu.gif);text-decoration: none;}
#restau3 span { /* définition de la balise <span> inclue dans <a> */display: none;}
#restau3:hover {background: url(Images/Navigation/RestauEricW2Bleu.gif) left no-repeat;}
#restau3:hover span { /* définition de la balise <span> au survol */display: inline;position: absolute;top: 183px;left: -197px;width: 310px;height: 100px;background: #11224E;text-align: center;font-size : 82% ;color:#92A6DC;}

#restau4 {position:absolute; left:0px; top:0px;width:210px;height:130px;background-image: url(Images/Navigation/RestauPascalD1Bleu.gif);text-decoration: none;}
#restau4 span { /* définition de la balise <span> inclue dans <a> */display: none;}
#restau4:hover {background: url(Images/Navigation/RestauPascalD2Bleu.gif) left no-repeat;}
#restau4:hover span { /* définition de la balise <span> au survol */display: inline;position: absolute;top: 0px;left: -320px;width: 310px;height: 100px;background: #11224E;text-align: center;font-size : 82% ;color:#92A6DC;}

/* --------------------------- */
/*             Espace           */
/*     Recensement       */
/* --------------------------- */

#recens1 {position:absolute; left:0px;  top:0px; width:150px; height:125px; background-image: url(Images/Navigation/RecensCGnb.gif) ; text-decoration: none;}
#recens1 span { /* définition de la balise <span> inclue dans <a> */display: none;}
#recens1:hover {background: url(Images/Navigation/RecensCGcoul.gif) bottom no-repeat;}
#recens1:hover span { /* définition de la balise <span> au survol */display: inline;position: absolute;top: -20px;left: 215px;width: 310px;height: 100px;background: #11224E;text-align: center; font-size : 82% ;color:#92A6DC;}

#recens2 {position:absolute; left:0px;  top:0px; width:150px; height:125px; background-image: url(Images/Navigation/RecensHistnb.gif) ; text-decoration: none;}
#recens2 span { /* définition de la balise <span> inclue dans <a> */display: none;}
#recens2:hover {background: url(Images/Navigation/RecensHistcoul.gif) bottom no-repeat;}
#recens2:hover span { /* définition de la balise <span> au survol */display: inline;position: absolute;top: 183px;left: 90px;width: 310px;height: 100px;background: #11224E;text-align: center; font-size : 82% ;color:#92A6DC;}

#recens3 {position:absolute; left:0px;  top:0px; width:100px; height:83px; background-image: url(Images/Navigation/RecensFormnb.gif) ; text-decoration: none;}
#recens3 span { /* définition de la balise <span> inclue dans <a> */display: none;}
#recens3:hover {background: url(Images/Navigation/RecensFormcoul.gif) bottom no-repeat;}
#recens3:hover span { /* définition de la balise <span> au survol */display: inline;position: absolute;top: 140px;left: -253px;width: 310px;height: 100px;background: #11224E;text-align: center; font-size : 82% ;color:#92A6DC;}

#recens4 {position:absolute; left:0px;  top:0px; width:100px; height:107px; background-image: url(Images/Navigation/RecensListenb.gif) ; text-decoration: none;}
#recens4 span { /* définition de la balise <span> inclue dans <a> */display: none;}
#recens4:hover {background: url(Images/Navigation/RecensListecoul.gif) bottom no-repeat;}
#recens4:hover span { /* définition de la balise <span> au survol */display: inline;position: absolute;top: -20px;left: -370px;width: 310px;height: 100px;background: #11224E;text-align: center; font-size : 82% ;color:#92A6DC;}

/* ----------------------------------- */
/*   LISTE RECENSEMENT   */
/* ----------------------------------- */
.liste_recens 
	{
	background-color: #11224E ;
    text-align: center; /* pour corriger le bug de centrage IE */
	color: white ;
	font-size : 85%  ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	}

.liste_recens  .titre
	{
	background-color: #21449C ;
	}

.liste_recens  .stat
	{
	color:#11224E;
	background-color: #7EA0EB ;
    text-align: center; /* pour corriger le bug de centrage IE */
	}
	
.liste_recens  .vendre
	{
	color:#11224E;
	background-color: #7EA0EB ;
	}

.liste_recens  .pair
	{
	color:white;
	background-color: #11224E ;
	}

.liste_recens  .impair
	{
	color:white;
	background-color: #11224E ;
	}

.liste_recens  .volee
	{
	color:#11224E;
	background-color: red ;
	}
	
/* ------------------------------------- */
/*   DETAIL RECENSEMENT   */
/* ------------------------------------- */
.detail_recens_titre
	{
	background-color: #21449C ;
    text-align: left; /* pour corriger le bug de centrage IE */
	font-size : 85%  ;
	font-weight:bold;
	margin-left: auto;
	margin-right: auto;
	}
	
.detail_recens_valeur
	{
	background-color: #7EA0EB ;
    text-align: left; /* pour corriger le bug de centrage IE */
	font-size : 85%  ;
	margin-left: auto;
	margin-right: auto;
	}