/***********************************************/
body 
{  
	background-color: #406d73;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
}

p, ul, li, td, tr { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; }

.txtBlanc { color:#ffffff; }
.txtVert { color:#017779; }
.note { font-size:10px; }

.tabCViolet { background-color:#FFFFFF; border:#80b1c6 1px solid; }

.tdBlanc { background-color:#FFFFFF; }
.tdBleu03 { background-color:#ebf4fd; }
.tdViolet { background-color:#3d107b; }
.tdVerte { background-color:#3b6969; color:#ffffff;}
.tdRouge { background-color:#FFFFFF; }
.tdGris { background-color:#cccccc; }

a.bas:link { color: #ffffff; text-decoration: none; }
a.bas:visited { color: #ffffff; text-decoration: none; }
a.bas:hover { color: #3d107b;	text-decoration: none; }

a.texte:link { color:#3d107b; text-decoration: none; text-decoration:none; }
a.texte:visited { color:#3d107b; text-decoration: none;  text-decoration:none; }
a.texte:hover {	color:#e02219;	text-decoration: none; text-decoration:none; }

a.texter:link { color:#80B1AD; text-decoration: none; text-decoration:none; }
a.texter:visited { color:#80B1AD; text-decoration: none;  text-decoration:none; }
a.texter:hover {	color:#80B1AD;	text-decoration: none; text-decoration:none; }






.champ { background-color:#efefef; border:#017779 1px solid; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.bouton { background-color:#017779; border:#ffffff 1px solid; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; cursor:hand; font-weigth:bold; }

.puce01 { list-style-image:url(../img/puce01.gif);	text-align:justify; }
.puce02 { list-style-image:url(../img/puce02.gif);	text-align:justify; }
.numero { text-align:justify; }
<!--menu-->
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	}

hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}

#demo-container{
	padding:25px 15px 0 15px;
	background:#6199a1;
	}

ul#simple-menu{
	list-style-type:none;
	width:100%;
	position:relative;
	height:27px;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:11px 0 0 0;
	}

ul#simple-menu li{
	display:block;
	float:left;
	margin:0 0 0 4px;
	height:27px;
	}

ul#simple-menu li.left{
	margin:0;
	}

ul#simple-menu li a{
	display:block;
	float:left;
	color:#fff;
	background:#a23712;
	line-height:27px;
	text-decoration:none;
	padding:0 17px 0 18px;
	height:27px;
	}

ul#simple-menu li a.right{
	padding-right:19px;
	}

ul#simple-menu li a:hover{
	background:#406d73;
	}

ul#simple-menu li a.current{
	color:#2E4560;
	background:#fff;
	}

ul#simple-menu li a.current:hover{
	color:#2E4560;
	background:#fff;
	}

<!--menu-->
 .contour
{
   padding: 4px 4px 4px 4px;
border: 1px solid #80b1c6;
float: left;
margin: 0px 0px 0px 2px; background-color:#FFFFFF
}
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}