body
{
	background-color: #CCCCCC ;
	
}

#page
{
   width: 900px;
   margin: auto;
   margin-top: 15px;
   margin-bottom: 20px;   
   padding-top: 0px;
   
}

/* L'en-tête */

#en_tete
{
   width: 760px;
   

 }

#menu_ht
{
	width: 400px;
	background-color: #658CB9;
	color:#FFFFFF;
	font-size:10px;
	font-family: Tahoma;
	padding:2px;
	height: 12px;
	background-image: url("images/arrondi-opaque.gif");
	background-repeat: no-repeat;
}

/* Le menu */

#menu
{
   width: 130px;
   padding: 0px;
   background-color: #FFFFFF;
}

.ht_menu
{
background-image: url("images/clubmathfi-top.gif");
background-repeat: no-repeat;
height: 3px;
background-color: #FFFFFF;
margin-bottom: 0px;

}

.bas_menu
{
background-image: url("images/clubmathfi-bot.gif");
background-repeat: no-repeat;
height: 10px;
margin-bottom: 2px;
background-color: #FFFFFF;

}

.element_menu
{
   background-image: url("images/clubmathfi-mid.gif");
   padding:5px;
   margin-bottom: 0px;
}


/* Quelques effets sur les menus */

.element_menu a
{
   color: #FFFFFF;
   font-size:10px;
   font-family: tahoma;
   display: block ;
   text-decoration: none;
   font-weight: bold ;
   border-bottom: 1px dotted #FFFFFF;
   margin: 8px;  
}




.element_menu a:hover
{
   
   color: #658CB9 ;
   border-bottom: 1px dotted #658CB9 ;
   
}

.element_menu_blanc
{
   background-color: white;
   margin:0px;
   padding:5px;
   background-image: url("images/blanc-mid.gif");
   text-align:center;
}

.ht_menu_b
{
background-image: url("images/blanc-top.gif");
background-repeat: no-repeat;
height: 5px;
margin:0px;
background-color: #FFFFFF;
}

.bas_menu_b
{
background-image: url("images/blanc-bot.gif");
background-repeat: no-repeat;
height: 10px;
margin-bottom: 10px;
background-color: #FFFFFF;
}



.element_menu_blanc a
{
   color: #658CB9;
   font-size: 9px;
   font-family: tahoma;
   display: block ;
   text-decoration: none;
   line-height: 8px;
 
}

.element_menu_blanc a:hover
{
   color: #658CB9;
   text-decoration: underline;
}

.titre_menu_blanc
{
   
   font-size:12px;
   color: #658CB9;
   font-family: Tahoma;
   margin-bottom:10px;
   font-weight: bold;
}

.element_menu_bleu
{
   background-color: white;
   margin-bottom: 0px;
   padding:5px;
   background-image: url("images/bleu-mid.gif");
   text-align:center;
}

.ht_menu_bu
{
background-image: url("images/bleu-top.gif");
background-repeat: no-repeat;
height: 5px;
background-color: #FFFFFF;
}

.bas_menu_bu
{
background-image: url("images/bleu-bot.gif");
background-repeat: no-repeat;
height: 10px;
margin-bottom: 10px;
background-color: #FFFFFF;
}



.element_menu_bleu a
{
   color: white;
   font-size: 9px;
   font-family: tahoma;
   display: block ;
   text-decoration: none;
   line-height: 8px;
 
}

.element_menu_bleu a:hover
{
   color: white;
   text-decoration: underline;
}

.titre_menu_bleu
{
   
   font-size:12px;
   color: white;
   font-family: Tahoma;
   margin-bottom:10px;
   font-weight: bold;
}


/* Le corps de la page */

#corps
{
   vertical-align: top;
   width: 100%;	  
   margin-bottom: 20px;
   padding: 5px;
   color: #444444;
   background-color: #FFFFFF;
   font-family: tahoma;
   font-size: 11px;
   line-height: 20px;
}

#corps a
{
   color: #658CB9;
   font-size: 11px;
   font-family: tahoma;
   text-decoration: none; 
}

#corps a:hover
{
   color: #658CB9;
   text-decoration: underline;
}




#corps h4
{
   color: #FF9900;
   font-family: Tahoma;
   margin-bottom: 2px;
   font-size: 11px;
}

#corps h3
{
   text-align: center;
   color: #658CB9;
   margin: 1px;
   font-size: 12px;
}

a.lien_navi
{
   color: #658CB9;
   font-size: 9px;
   font-family: tahoma;
   text-decoration: none; 
}

a.lien_navi:hover
{
   color: #658CB9;
   text-decoration: underline;
}

a.lien_orange
{
   color: #FF6600;
   font-size: 9px;
   font-family: tahoma;
   text-decoration: none; 
}

a.lien_orange:hover
{
   color: #FF6600;
   text-decoration: underline;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 2px;
   text-align: center;
   color: white;
   font-family: tahoma;
   font-size: 9px;
   background-color: #658CB9;
   
}

#pied_de_page a
{
 color:white;
 text-decoration: none;
}
#pied_de_page a:hover
{
 text-decoration:underline;

}
.pub_ht
{
	text-align: center;
	border: 0px solid black;
	margin-top: 5px;
	padding: 3px;
}

a.lien_gris
{
   color: #CCCCCC;
   font-size: 9px;
   font-family: tahoma;
   text-decoration: none; 
}

a.lien_gris:hover
{
   color: #CCCCCC;
   text-decoration: underline;
}
.texte1{
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 2px;
	margin: 3px;
}
a.lien12
{
   color: #658CB9;
   font-size: 12px;
   font-weight: bold;
   font-family: Verdana;
   text-decoration: none; 
   text-decoration: underline;
}

a.lien12:hover
{
   color: #658CB9;
   text-decoration: underline;
   
}

.orange
{
   color: #FF6600;
   font-size: 12px;
   font-family: Verdana;
   text-decoration: none; 
   
}

.orange:hover
{
   color: #FF9900;
   text-decoration: underline;
   
}