body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

.conteneur { /*le conteneur global du site, qui sera centré */
	width: 780px;/*780px */
	height: 500px;
	position: absolute;
	left: 50%;
	margin-left: -392px;
	margin-top: -15px;
}

.header {
height: 90px;
background-color: #fff;
}

.menuprincipal {
height: 30px;
width: 780px;
background-color: #fff;
padding-top: 3px;
}

.centre {
left:0;
width: 780px; /* 780px */
height: 500px; /* 390px */
background-color: #e4ebeb; /* #e4ebeb*/
overflow:auto;
/*position:relative;*/
border: 1px;
border-style: solid;
}

.gauche {
	position: absolute;
	left:0;
	width: 230px;
	height: 530px;
	background-color: #e4ebeb;
	font-family: Georgia, Times, serif;
	font-size: 0.9em;
	color: #511a1a;
	border: 1px;
	border-style: solid;
	border-color: #000000;
	border-right-style: dashed;
	font-family: Arial;
	font-size: 1.2em;
	color: #996666;
}

.droite {
position: absolute;
margin-left: 230px;
width: 550px;
height: 530px;
background-color: #e4ebeb; /* #e4ebeb*/
overflow:auto;
border: 1px;
border-style: solid;
border-left-style: none;
}

.intermediaire {
height: 10px;
background-color: #fff;
border-top : none;
border-bottom: 1px solid #778;
}

.intermediaire2 {
height: 10px;
background-color: #fff;
}

.footer {
height: 20px;
background-color: #fff;
font-family: Arial;
font-size: 0.9em;
color: #e3174c;
}

p {
margin: 0 0 5px 0;
}

/* Menu horizontal */

#navlist
{
padding: 3px 0;
margin-left: 0;
margin-top: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
text-decoration: none;
background: #DDE;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #448; }

#navlist li a:hover
{
color: #000;
background: #9999cc;
border-color: #778;
}

#navlist li a#current
{
background: #DDE;
border-bottom: 1px solid #e4ebeb; /*#e4ebeb*/
}

/* code pour les boutons */

#bouton{
/*width: auto;
height: auto;*/
text-decoration: blink;
color: red;
text-align: center;
padding: 0;
border-style: solid;
border-width: 1px;
border-color: red;
background-color: #CCCC66; 
}

/* code pour style texte */

#texte {
font-family: verdana;
font-size: 0.9em;
color: #e3174c
}

/*code pour les lines hypertext*/
a:link {
color: #333333;  text-decoration:none;
}
a:visited {
color: #333333; text-decoration:none;
}
a:hover {
color: #CCCCCC;
background-color: #333333;
text-decoration: none;
}
a:active {
color: #FFFFFF;
}
/*
a:link is the links color
a:visited is the color for all links clicked
a:hover is the link style when your mouse hovers over the link.
a:active is the color when the link is active.
*/
a img {
border-style:none; 
} 
.Style12 {color: #FFFF33}
.Style13 {
	font-weight: bold;
	font-style: italic;
	font-size: 2em;
	color: #FFCC33;
}