/* Corps de la page */
body
{
	font-family : comic sans ms, serif ;
	background-color : linen ;
	color : darkblue ;
	margin : auto;
	margin-top: 20px ; 
	margin-bottom: 20px ;
	background-image: url("images/fond.gif");
}

/* Titres */
h1
{
	color : crimson ;
	text-align : center ;
}

h3
{
	color : darkblue ;
	/* text-decoration : blink ; */
	text-align : center ;
}

h4
{
	text-indent : 10px ;
}

/* Identificateurs */

#en_tete
{
	margin-left : 20px;
	width = 100% ;
	font-size : 75% ;
	text-align : center ;
	font-style : italic ;
	border-bottom : 2px solid black ;
}
#pied_de_page
{
	width = 100% ;
	font-size : 70% ;
	text-align : left;
	font-style : italic ;
	padding-left : 160px ;
}
#menu
{
	clear : both ;
	margin : auto ;
	margin-top : 20 px;
	padding-top : 10px ;
	margin-left : 10px ; 
   float: left; /* Le menu flottera  gauche */
   width: 130px; /* Trs important : donner une taille au menu */
}

#contenu
{
	color : darkblue ;
	text-align : left ;
	margin-left : 60px ;
	padding-left : 60px ;
	overflow : auto ;
}

#contenu table
{
	border : 1px solid black ;
	border-collapse : collapse ;
	width : 80% ;
	margin : 50px ;
	padding-left : 50px ;
	font-size :  70% ;
}

#contenu  th
{
	border : 1px solid black ;
	text-align : center ;
}

#contenu td
{
	border : 1px solid black ;
	text-align : left;
	padding-left : 10px ;
}
#contenu a:visited
{
	color : crimson ;
}

#favoris td
{
	text-align : center ;
	border : solid black 1px ;
}

#favoris td.site
{
	width : 17% ;
	background-color : darkred ;
	color : linen ;
	border : none ;
}

#favoris td.description
{
	background-color : darkred ;
	color : linen ;
	border : none ;
}

/* Tableaux */
table
{
	border : none ;
	width : 100% ;
	margin-top : 5px ;
}

td
{
	border : none ;
}

td.menu
{
	width : 20% ;
	vertical-align : top ;
}

td.bouton
{
	background-color : darkred ;
}

/* Paragraphes */
p
{
	text-indent : 0px ;
	font-size : 100% ;
}

/* Liens */
a:link
{
	color : darkorange ;
}

a:visited
{
	color : pink ;
}

a:hover
{
	font-weight : bold ;
}


/* Classe */
.imageflottantegauche
{
	float: left;
	padding-left: 30px ;
}

.imageflottantedroite
{
	float: right;
	padding-right: 30px;
}
.calendrier
{
	border : 1px solid black ;
	font-weight : normal ;
	padding-left: 60px ;
	margin-left : 50px ;

}
.compteur
{
	font-size : 75% ;
}