/* ----------------- 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 {
	margin: 0;
	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
=======================================================*/

#centpourcent { 
	height: 100%;
		width: 100%;  
}

#global {
	width: 742px;
	margin: 0 auto;
}

#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 {
	width: 742px;
	text-align: right;
	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;
}