/*
feuille de style générale du blog
créé per kankan
*/

body
{
	width: 97%;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url("img/hachures.png");
}

img
{
	border: none;
}

/*En-tête (textes)*/

#acces_rapide /* Liens rapides pour navigateurs non graphiques tels Lynx */
{
	display:none;
}

#en_tete_cache /* Même chose, en-têtes texte cachées */
{
	display:none;
}

/*En tête graphiques */


#en_tete
{
	height: 117px;
	width: 1024px;
	margin: auto;
	z-index: 10;
	background-image: url("img/logo.png");
	background-repeat: no-repeat;
}

/*Menu*/

.menu
{
   margin-top: 15px;
   float: left;
   width: 140px;
}

.element_menu /*Là où se trouve les liens (titre à l'extérieur)*/
{
   background-color: #A1B8FF;
   border: 2px solid #7091FA;
   margin-bottom: 15px;
}

.menu h5 /*les titres du menu (au dessus de .element_menu)*/
{   
   color: black;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 95%;
   text-align: center;
   margin-top: 0px;
   margin-bottom: 0px;
   border-top:1px solid #7091FA;
   border-left:1px solid #7091FA;
   border-right:1px solid #7091FA;
   background-color: #A1B8FF;
   background-image: url("img/h2.gif");
   background-repeat: repeat-x;
}

.menu ul /*Les listes de lien*/
{
   list-style-image: url("img/xana.gif"); 
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
   font-family: "Times New Roman", Times, serif;
}

.menu a 
{
   color: #4060C3;
}

.menu a:hover
{
   background-color: #7091FA;
   color: black;
}

/*Le corps*/

#corps
{
   margin-left: 155px; 
   margin-bottom: 15px;
   margin-top: 15px;
   padding: 5px; 
   color: black;
   background-color: #A1B8FF; 
   border: 2px solid #7091FA;
   font-family: "Times New Roman", Times, serif;
}

#corps h1 /*Titre des pages*/
{
   color: black;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;
   
   padding-left: 30px;
   color: black;
   text-align: left;
}

#corps dt
{
   color: #7091FA;
   font-weight: bold;
}

#corps a
{
   color: #4060C3;
   text-decoration: none;
}

#corps a:hover
{
   background-color: #7091FA;
   color: black;
   text-decoration: underline;
}

#corps pre
{
	font-size: 1em;
}

object
{
   margin: auto;
}

#corps table
{
   margin: auto;
   border: 2px solid #7091FA;
   border-collapse: collapse;
   width: 85%;
}

#corps td
{
   background-color: #A1B8FF;
   color: black;
   border: 1px solid #7091FA;
}

#corps th
{
   background-color: #7091FA;
   background-image: url("img/h2.gif");
   background-repeat: repeat-x;
   color: black;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

#corps th a
{
	color: #0030C3;
}

.flottant_gauche
{
	float: left;
	margin-right: 5px;
}

.flottant_droite
{
	float: right;
	margin-left: 5px;
}

#ecard
{
	margin: auto;
	width: 732px;
	height: 350px;
	overflow:auto;
	margin-bottom: 5px;
}

/*Le pied de page*/

#pied_de_page
{
   margin-left: 155px;
   padding: 5px;
   color: black;
   background-color: #A1B8FF;
   border: 2px solid #7091FA;
   font-family: "Times New Roman", Times, serif;
}

#pied_de_page a
{
   color: #4060C3;
   text-decoration: none;
}

#pied_de_page a:hover
{
   background-color: #7091FA;
   color: black;
   text-decoration: underline;
}

#pied_de_page .droite
{
	float: right;
	margin-left: 5px;
	text-align: right;
}

/*Les logos en dessous de pied de page (Xiti)*/

#xiti-logo
{
   padding: 5px;
   color: black;
   margin: auto;
   text-align: center;
   margin-left: 155px;
}