/* ----------------- feuille de styles CSS ---------------------*/

/* Ce fichier définit les styles visuels des différents éléments des pages.
 * Dans l'ordre, avec le noms des blocs principaux :
 * - balises html generales 
 
 * - centpourcent (tableau pour centrer verticalement)
		* - global (742 px de large centré)
				* - menu-gauche (216 px page index, flottant gauche)
						* - langues
				* - contenu (page index) 526 px exploitable
		 * - coordonnées
		 * - liens-techniques
	 

*/


/* =========================================================
balises html generales
============================================================ */

* {margin: 0;padding: 0;}
html, body {height: 100%; color: #000;font-family: Arial, Helvetica, sans-serif;font-size: 12px;background-color: #798693;}
p {padding: 7px 0;}
.centrer { /* classe passe partout pour centrer */	text-align: center;}
.cache { /* classe passe partout pour précharger des images */display: none;}
img {border: none;}
.img-right {float: right;margin-left: 10px;}
.img-left {float: left;	margin-right: 10px;}
a:link, a:visited, a:active  {text-decoration: none;color: #0F3CB0;}
a:hover {color: #000;background-color: #eeeeee;}

/* ====================================================
les grands blocs
=======================================================*/

#global {width: 742px;height: 559px;position: fixed;left: 50%;top: 50%;	margin:-280px 0 0 -371px;}
#menu-gauche {float: left;width: 216px;margin-top: 39px;}
#contenu {width: 526px;	margin-left: 216px;}
#coordonnees {font-size:9px;color: #ccc;width: 742px;margin: 5px auto;}
#liens-techniques {position:fixed;right: 10px;bottom: 10px;margin: 5px auto;}

/* ====================================================
contenu du bloc langues
=======================================================*/

#langues  {margin: 165px 0 0 135px;}

a.image-fr, a.image-fr:link,  a.image-fr:active, a.image-fr:visited  {
	display: block;	
	height: 20px;
	width: 80px;
	background-image: url(../images/navigation/langues-index-fr.gif);
}
	 
a.image-fr:hover{
	background-image: url(../images/navigation/langues-index-fr-hover.gif);
}
	
a.image-en, a.image-en:link,  a.image-en:active, a.image-en:visited  {
	display: block;	
	height: 20px;
	width: 80px;
	background-image: url(../images/navigation/langues-index-en.gif);
}
	 
a.image-en:hover{
	background-image: url(../images/navigation/langues-index-en-hover.gif);
}

/* ====================================================
contenu du bloc liens-techniques
=======================================================*/

#liens-techniques a, #liens-techniques a:link, #liens-techniques a:visited {
	font-size: 9px;
	color: #ccc;
	text-decoration: none;
}

#liens-techniques a:hover, #liens-techniques a:active {
	color: #ccc;
	text-decoration: none;
	background-color: #eee;
}