/*
 Feuille de style CSS de base des sites web
*/
* 
{
/* definir ici la police de base du site elle sera appliquer a tous les elements*/
 font-family      : arial,helvetica; 
 
}

body 
{
  /* definir la couleur de fond de la page ( pas de la zone contenant le site en lui meme  */ 
  background-color: #1a47a3;
  background-image       :  none;
  background-repeat      : no-repeat;
  background-position    : top left; 
  background-attachment : scroll; 

  /*definir ici la taille de la police de base du site essayer de definir les autre tailles de police en em par rapport a celle ci */
  font-size :10px;
  /*
  suppression des marges par default de la page
  */
  margin  :0px;
  padding :0px;
  /*
   definition de la couleur detexte de base du site 
  */
  color : #FFFFFF;
  
}
td,th {
	color: #FFFFFF;
}
a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #FEE504;
}

a:active {
	color: #FFFFFF;
}
/* suppression des marges des formulaire par default */
form
{
 margin  :0px;
 padding :0px;
}

/*
 definition d'une mage de base pour les paragraphe
*/

p
{
    margin  : 1em 0em;
    padding :0px;
}

/*
definition des styles de balises titres
*/
h1
{
    font-size   : 1.6em;
    font-weight : bold;
}
h2
{
   font-size   : 1.4em;
   font-weight : bold;
}
h3
{
    font-size   : 1.2em;
    font-weight : bold;
}

/*
style des liens 
 on herite la couleur et la taille du texte dans la zone on se trouver
 on supprime le soulign�
*/
a
{
    font-size       : inherit; 
    color           : inherit;
}

/*
supression des bordure autour des images qui sont dans des liens 
*/

a img 
{
    border-width : 0px;
    border-style : none;
}

/*
div contenant le site en lui meme remplace le body 
un espace de 10px au sommet et en bas et la page est centr�
*/
#main
{
    margin: 10px auto;
    
}
/*
 style du cadre principal 
*/
#content 
{
    font-size : 1.2em;
}
/*
class generale
*/
.clear
{
clear:both;
}


.piedpage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
.encart_titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-left: 30px;
}
.bloc_txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.imag {
	border: thin solid #1A47A3;
}
.menu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align:center;
	vertical-align:middle;
	height:30px;
    background : transparent  url(/elmts/diversity_fd_menu.gif) no-repeat center right;

}
.menu_active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align:center;
	vertical-align:middle;
	height:30px;
    background : transparent  url(/elmts/diversity_fd_menu_active.gif) no-repeat center right; 
  
}
.menu a
{
   text-decoration:none;
}

/*
 classe de la cellule contenant la banniere du haut
*/
.ban_top
{
    height:153px;
    background : transparent url(/elmts/diversity_top.gif) no-repeat 0 0 ;
    vertical-align:bottom;
    text-align:right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	padding-right:10px;
}
/*
align le menu en haut
*/
#menu_zone
{
 vertical-align:top;
}
/*
decolle le menu du haut du tableau
*/

#menu_zone table
{
margin-top: 40px;
}