body
{
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow:auto;
}

.fullheight{height:100%;}
.libelle_navigation
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #4D6895;
	cursor:pointer;
	padding-bottom:4px;
}

td.fond_jaune
{
	background-color: #FFC916;
}
td.fond_bleu
{
	background-color: #018499;
}
td.fond_orange
{
	background-color: #FFA41C;
}
td.fond_blanc
{
	background-color: #FFFFFF;
}

.tableau_fond_bleu
{
	background-color: #018499;
}

/* bandeau slogan */
.slogan
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #018499;
}
/* fin bandeau slogan */

/* bandeau navigation */
a.entree_menu
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFAE6;
	text-decoration: none;
}
a.entree_menu:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	color: #FFFAE6;
	text-decoration: underline;
}
.entree_menu_selectionnee
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	color: #FEE48B;
	text-decoration: none;
}
.alerte_bloqueur
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #225E7D;
}
.separation_menu
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFAE6;
}
#menu_tb_sous_menu_recherche, menu_tb_sous_menu_recherche ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : left; /* on centre le texte qui se trouve dans la liste */
}
#menu_tb_sous_menu_recherche /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}
#menu_tb_sous_menu_recherche a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #000; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 144px; /* largeur */
}
#menu_tb_sous_menu_recherche li /* Éléments des listes */      
{ 
		float:none;
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}



/* fin bandeau navigation */

/* bas de page */
a.lien_annexe
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF ;
	text-decoration: underline;
}
a.lien_annexe:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF ;
	text-decoration: underline;
}
.separateur_annexe
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF ;
}

.bas_de_page_infos
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #018499;
}

.bas_de_page_menu
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF ;
}

.div_menu_cgu
{
	position: absolute;
	width: 517px;
	height: 465px;
	background-color: #225E7D;
	border-color: #225E7D;
	border-width: 0px;
	border-style: solid;
	z-index:11100;
}

.div_menu_charte
{
	position: absolute;
	width: 517px;
	height: 465px;
	background-color: #225E7D;
	border-color: #225E7D;
	border-width: 0px;
	border-style: solid;
	z-index:11200;
}

.div_menu_contact
{
	position: absolute;
	width: 517px;
	height: 465px;
	background-color: #225E7D;
	border-color: #225E7D;
	border-width: 0px;
	border-style: solid;
	z-index:11300;
}

.div_menu_presse
{
	position: absolute;
	width: 517px;
	height: 465px;
	background-color: #225E7D;
	border-color: #225E7D;
	border-width: 0px;
	border-style: solid;
	z-index:11400;
}

.div_menu_aide
{
	position: absolute;
	width: 517px;
	height: 465px;
	background-color: #225E7D;
	border-color: #225E7D;
	border-width: 0px;
	border-style: solid;
	z-index:11500;
}

.div_alleger_photo
{
	position: absolute;
	width: 517px;
	height: 465px;
	background-color: #225E7D;
	border-color: #225E7D;
	border-width: 0px;
	border-style: solid;
	z-index:11500;
}

.div_bloqueur_popup
{
	position: absolute;
	width: 652px;
	height: 465px;
	background-color: #225E7D;
	border-color: #225E7D;
	border-width: 0px;
	border-style: solid;
	z-index:11500;
}

.div_temoignage
{
	position: absolute;
	width: 517px;
	height: 465px;
	background-color: #225E7D;
	border-color: #225E7D;
	border-width: 0px;
	border-style: solid;
	z-index:11500;
}

.div_menu_parrainage
{
	position: absolute;
	width: 517px;
	height: 465px;
	background-color: #225E7D;
	border-color: #225E7D;
	border-width: 0px;
	border-style: solid;
	z-index:11500;
}

.div_pourquoi_ce_site
{
	position: absolute;
	width: 517px;
	height: 465px;
	background-color: #225E7D;
	border-color: #225E7D;
	border-width: 0px;
	border-style: solid;
	z-index:11500;
}

.div_presentation_concours
{
	position: absolute;
	width: 400px;
	height: 500px;
	background-color: #225E7D;
	border-color: #225E7D;
	border-width: 2px;
	border-style: solid;
	z-index:11500;
}

.div_tab_bord_inscription_concours
{
	position: absolute;
	width: 517px;
	height: 465px;
	background-color: #225E7D;
	border-color: #225E7D;
	border-width: 0px;
	border-style: solid;
	z-index:11500;
}

.div_liens
{
	position: absolute;
	width: 517px;
	height: 465px;
	background-color: #225E7D;
	border-color: #225E7D;
	border-width: 0px;
	border-style: solid;
	z-index:11500;
}

.bout_fermer_calque
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#FFA41C;
	cursor:pointer;
}
.fond_cellule_logo_alerte
{
	background-color: #018499;
}
.fond_cellule_sous_logo_alerte
{
	background-color: #FFA41C;
}
a.ferme_lien
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF ;
	text-decoration: none;
}
.titre1_pub_central
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #DD057F;
	text-decoration: none;
	padding-top: 5px;
}
.titre2_pub_central
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #225E7D;
	text-decoration: none;
}
.titre3_pub_central
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #744F46;
	text-decoration: none;
}
/* Rend invisible tout notre bloc span */
a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #6699FF; /* Définition des bordures */
	padding        :  4px 4px 4px 4px;
}  
a.info_bulle
{				
  color           : #3192D5; /* Couleur de notre lien */
  font-size       : 1em;   /* Taille de la police */
  
  text-decoration : none;    /* Aucun soulignement du texte */
  
  padding         : 4px 4px 4px 4px; /*Définition des marges intérieures de notre lien */
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 

}              
/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
{
    top        :  -4.5em;
    left       :  0;
    width      :  170px;
    height     :  auto;
    overflow   :  visible;
}    
a.info_bulle:hover 
{
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}      
 
a.info_bulle_profil_tb span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #6699FF; /* Définition des bordures */
	padding        :  4px 4px 4px 4px;
} 
a.info_bulle_profil_tb
{				
  color           : #3192D5; /* Couleur de notre lien */
  font-family     : Verdana, Arial, Helvetica, sans-serif;
  font-size       : 11px;
  font-weight     : bold;
  
  text-decoration : none;    /* Aucun soulignement du texte */
  
  padding         : 10px 10px 10px 10px; /*Définition des marges intérieures de notre lien */
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 

}              
/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle_profil_tb:hover span, a.info_bulle_profil_tb:focus span, a.info_bulle_profil_tb:active span 
{
    top        :  -4.5em;
    left       :  0;
    width      :  170px;
    height     :  auto;
    overflow   :  visible;
}    
a.info_bulle_profil_tb:hover 
{
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}      



/* pour le bandeau droit */


/* Rend invisible tout notre bloc span */
a.info_bulle_bd span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #6699FF; /* Définition des bordures */
	padding        :  4px 4px 4px 4px;
}  
a.info_bulle_bd
{				
  color           : #3192D5; /* Couleur de notre lien */
  font-size       : 1em;   /* Taille de la police */
  
  text-decoration : none;    /* Aucun soulignement du texte */
  
  padding         : 4px 4px 4px 4px; /*Définition des marges intérieures de notre lien */
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 

}              
/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle_bd:hover span, a.info_bulle_bd:focus span, a.info_bulle_bd:active span 
{
    top        :  -5.5em;
    left       :  -11em;
    width      :  170px;
    height     :  auto;
    overflow   :  visible;
}    
a.info_bulle_bd:hover 
{
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
} 

/* pour le courrier */
/* Rend invisible tout notre bloc span */
a.info_bulle_co span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #F8F1F7;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #F6B9EB; /* Définition des bordures */
	padding        :  4px 4px 4px 4px;
}  
a.info_bulle_co
{				
  color           : #EA12C4; /* Couleur de notre lien */
  font-size       : 1em;   /* Taille de la police */
  
  text-decoration : none;    /* Aucun soulignement du texte */
  
  padding         : 4px 4px 4px 4px; /*Définition des marges intérieures de notre lien */
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 

}              
/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle_co:hover span, a.info_bulle_co:focus span, a.info_bulle_co:active span 
{
    top        :  -11em;
    left       :  0em;
    width      :  170px;
    height     :  auto;
    overflow   :  visible;
}    
a.info_bulle_co:hover 
{
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
} 

.info_distance
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFA41C;
}
/* fin bas de page */

