body, p, ol, ul, td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:   12px;
	line-height: 18px;
}

h1 { font-size:2em}
h2 { font-size:1.6em}
h3 { font-size:1.3em}
p,h1,h2,h3 { margin: 10px 10px 10px 10px}


#banner {
		background-color: #8098B0;
		border-bottom: 1px solid #FFFFFF;
		border-top: 1px solid #666666;
		font: small-caps 40px/40px "Times New Roman", serif;
		text-align: center;
}

#banner img {
		padding-top:20px;
}

#banner_in {
	border-top:1px solid #fff;
}

#columns {
		/* contient side et main */
		/* background Doit etre de la meme couleur que side ... */ 
		background-color: #8098B0;
		border-top: 1px solid #666666;
		border-bottom: 1px solid #666666;
		/* height: 200px;  */ 
		/* display: inline-bock; */
		/* display: inline; */
}

#main {
		/* display: table-cell;  /* marche pas a cause de IE ... */
		padding: 2em;
		/* margin-left: 7em; */ /* comme la vie serait simple si IE était bien programé ... */
		padding-top: 4ex;
		padding-bottom: 10em; /* doit etre suffisant pour "depacer la colone de gauche ... */
		/* background: white; */
		/* overflow: scroll; */
		/* height: 600px; */
		/* width: auto; */
		background-color: #fff;
		/*	height: 100%; */
		margin-left: 13em; /* doit etre suffisant pour "coller presque" a gauche" (la jointure est couverte par columns */
		/* en gros = #side.width + 2 */
		/* overflow: auto; /* 8 */
}

#side {
		/* contient side_up et side_down */
		float: left;  /* 3 */ 
		width: 11em;  /* 4 et 5 : 6 par 16 */
		/* display: table-cell;/*  a cause de IE ... */ 
		padding: 1em;
		background: #8098B0;
}

#side_in {
		padding-botom:4px;
#		border-bottom:1px solid #fff;
}

#footer { 
		/* width:100%; */
		text-align:center;
		/* margin-top:5px; */
		/* padding:1px; */
		background: #8098B0;

		border-top: 1px solid  #FFFFFF;
		border-bottom:1px solid #666666;
		/* font: small-caps 40px/40px "Times New Roman", serif; */
		color: black;
}

#footer_in {
	border-bottom:1px solid #FFFFFF;
}

#footer a {
}

#footer a:hover { 
	background-color:white;
	color:blue
}

/* regles du menu */ 

#side div{
	padding-top :4px;
	padding-bottom :4px;
}

#side div.actif_menu a {
	color:black;
}

#side a {
	text-decoration: none;
	font: larger sans-serif;
	color:white;
}

#side a:hover {
	color: black;
}

.slogan {
	font-size: 2em;
	color: brown;
	text-align: center;
}

.submenu {
	margin-left: 2em;
	color: brown;
}