/* Définition de règle */
@charset "windows-1252";


/* body {background: white; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } */
body {font-family: Arial,Helvetica,sans-serif;}

a:link, a:visited {text-decoration: none}
a:active, a:hover, a:focus {text-decoration: underline}

/* -- petits liens en tete -- */
#tete { 
	position: absolute;
	width: 800px; 			/* largeur arbitraire du contenu */
	height: 30px;			/* hauteur arbitraire de la tete */
	top: 10px;
	left: 50%;				/* (1) manip pour centrer le tout au milieu de la page */
	margin-left: -400px;	/* (2) */
	text-align: center;padding-left:200px;
	font-size: 10px;
	color: black;
	z-index: 1;
	}	

#tete a { color: black; border_bottom: 0}
#tete a:hover, #tete a:active, #tete a:focus { text-decoration: underline; }

/* -- banière ----------------------------- 
 * Composition :
 *	- une div pour le fond qui s'arrête en bord de contenu
 *	- une div pour la fioriture de bord de contenu
 *	- une div contenant les données de la banière (titre, liens...)
 *----------------------------------------- */
#baniere { 
	position: absolute;
	top: 10px;				/* reporter la hteur de la tete */
	/*height: 100px;			/* hteur de la banière  */
	width: 100%;			/* (1) astuce pour aller jusqu'au bord */
	min-width: 878px;		/* (2) largeur contenu + fioriture */
	right: 50%;				/* (3) */
	margin-right: -478px;	/* (4) demie-largeur contenu + taille fioriture */
	text-align: right; 
	overflow: hidden;
	background-image: url(../_img/fond_degrad.PNG); background-repeat: repeat-x;
	}
#baniere img {float: right}
#baniere div {float: right}

#baniere img.end { border: 0; background: transparent; height: 100px; width: 78px; margin-right:-3px} /* width défini par l'image */
#baniere img.titre { border: 0; background: transparent; height: 100px; width: 330px} /* width défini par l'image */
#baniere div.complementaire { border: 0; height: 100px ; width: 470px ; background: transparent;display:inline;} /*width = 800-330 */
#baniere div.complementaire_droite { border: 0; height: 15px; width: 78px;display:inline} /*width = width image qui déborde (img.end) */

#baniere br {clear: both; }

#ban_nav {
	display:inline;
	margin-top: -3px; /* empirique : permet de toucher l'image */
	overflow: hidden; border: none; padding: 0px;
	width: 800px; height: 15px; 
	text-align: left;
	z-index: 1; /* car le bas de l'image n'est pas forcément reconnu comme transparent... */
	}

#ban_nav a { 
	float: left; /*si on juxtapose seulement comme des caractères, il y a des blancs entre les différentes sections <a> */
	height: 14px; 
	padding-right: 2.2em; padding-left: 0.8em; 
	border-left: 1px solid white; 
	border-bottom: 0; border-top: 0; 
	font-size: 11px; 
	text-decoration: none; font-weight: bold; 
	text-transform: uppercase; letter-spacing: 0.1em;
	color: rgb(222,226,230); /* cf couleur du fond en hover ou actif = couleur tache derriere "robotm" */
	background-color: black;
	}

#ban_nav a:hover, #ban_nav a:active { color:black; background-color:rgb(222,226,230); } /*inversement de couleurs*/
#ban_nav a#dernier { border-right: 1px solid white;}
/* -- fin de la baniere ----------------------- */

/* -- div pour l'affichage des pages (dynamiques) -- */
#contenu { 
	position: absolute;
	top: 140px;
	width: 800px;
	margin-left: 50%;
	left: -400px;
	/* background-color:#eef */;
	}