/* CSS Document */


/******************************************************/
/* Habillage de la page                               */
/******************************************************/


body,td,th {
	font-size: 11px;
}
body {
	background-color: #EAEAEA;
	margin-top: 0px;
	background-image: url(../template_img/fondAES.jpg);
	background-attachment:fixed;
	background-repeat: repeat-x;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/******************************************************/
/* mis en forme police                                */
/******************************************************/
.contact {
	background: #E7F1F8 url(../css/alert.png) center no-repeat;
	background-position: 690px 50%; /* x-pos y-pos */
	text-align:right;
	color:#494949;
	padding: 5px 10px 5px 0px;
	margin: 0px;
	border-top: 3px solid #393939;
	border-bottom: 1px solid #CCCCCC;
	}

.titre_nav {
	color:#000000;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: 300;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	}
/******************************************************/
/* mise en forme générale de la liste                 */
/******************************************************/ 

#tabs {
	float:left;
	width:100%;
	line-height:normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: url(tab_fond2.gif);
	background-repeat: repeat-x;
	background-position: center top;
      }
    #tabs ul {
	margin:0;
	padding:0px 0px 0px 0px;
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
	  

/******************************************************/
/* 
dans la liste : mise en forme des éléments avec lien.

L'onglet est composé de deux images :
- celle de gauche, 'visualisée' grace à l'attribut 'background' de base
- celle de droite, 'visualisée' grace à l'attribut 'backgroung' d'un 'block' positionné pil poil au dessus

Ces deux images ne sont visible en fait que sur la moitié de leur hauteur
(ici on ne voit que 42px sur les 84 existants). Les pixels cachés sont d'une autre couleur (ici blanc)
et apparaissent subtillement grâce au décalage de '-42px' du "background-position" lorsque la souris survole la région (attribut :hover)

La couleur de la police de base est définie dans format '#tabs li a SPAN' et elle varie grâce à la nouvelle référence introduite dans l'attribut ' #tabs li a:hover span'

*/
/******************************************************/ 

#tabs li a {
      float:left;
	  background:url(../css/tableft2.gif) no-repeat left top;
	  padding:0 0 0 4px;
      margin: 0 0 0 0px; /* espace entre deux 'tab' */
      text-decoration:none;
      }
    #tabs li a span {
      float:left;
      display:block;
      background:url(../css/tabright2.gif) no-repeat right top;
	  padding:5px 15px 6px 6px;
      color:#494949; /* définition de la couleur du texte */
	  
      }

    #tabs li a span {float:none;}    /* Backslash Hack hides rule from IE5-Mac \*/


    #tabs li a:hover { /* décalage de l'image de gauche */
      background-position:0% -42px; 
      }
    #tabs li a:hover span { /* décalage de l'image de droite */
      background-position:100% -42px; 
      }
	  
	  
	  
/******************************************************/
/* 
Afin de définir un élément neutre dans la liste (ici celui
qui n'a pas de lien, je suis obligé de trouver une nouvelle
balise (autre que <span> utilisée ci-dessus) pour pouvoir y
donné des attribut et les modifier par la suite. 

Dans ce cas il s'agit de la balise <ol>

La construction de l'onglet est la même que ci-dessus, à part qu'il 
n'y a pas de comportement de survol (étant donné qu'il n'y en a pas 
besoin dans ce cas)

*/
/******************************************************/   
#tabs ol {
	  display:inline;
	  float:left;
      background:url(../css/neutre_g2.gif) no-repeat left top;
	  padding:0 0 0 4px;
      margin: 0 0 0 0px; /* espace entre deux 'tab' */
      text-decoration:none;
      }
    #tabs ol span {
      float:left;
      display:block;
	  background:url(../css/neutre_d2.gif) no-repeat right top;
      padding:5px 15px 6px 6px;
	  }