body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
p {
margin: 0 0 10px 0;
}
#entete {
height: 50px;
background-color: #99CCCC;
}
#haut {
height: 30px;
background-color:#CCCCFF;
}
#conteneur {
position: absolute;
width: 100%;
background-color:#FFFFFF;
}
#principal {
background-color:transparent;
margin-left: 160px;
margin-right: 160px;
}
#principal_g {
	background: #9999CC;
	float: left;
	width: 350px;
	border-right: 1px dotted #cecece;
	border-bottom: 1px dotted #cecece;
}
#principal_d {
	background: transparent;
	float: left;
	width: 25%;
	border-right: 1px dotted #cecece;
	border-bottom: 1px dotted #cecece;
}

#colgauche {
float:left;
width: 150px;
}
#coldroite {
float:right;
width: 150px;
}
#pied {
clear:both;
height: 30px;
background-color: #99CC99;
}
#menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menuhaut a:hover {
text-decoration: none;
}
#menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
#menugauche li {
margin-bottom: 5px;
}
#menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menugauche a:hover {
text-decoration: none;
}
#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menudroit a:hover {
text-decoration: none;
}
body {
   margin: 0;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 0.8em;
   color: #000099; /*background: #ffffff;*/
/*   letter-spacing: 0.5px;*/
   margin: 0;
   padding: 0; /*background-image: url(img_site/etoiles.gif);*/
   background-color: #F7F7F7;
}
a:link, a:hover, a:visited, a:active {
color : blue;
}
a:link {
text-decoration : none;
}
a:hover {
background-color : #7fff00;
text-decoration : none;
}
a:visited {
text-decoration : none;
}
a:active {
background-color : #ccff66;
color : #c10000;
text-decoration : none;
}
/*#tout {
   position: absolute;
   width: 100%; /*background-color:#CCCCFF;*/
/*   border: thin solid Silver;
}*/

#entete {
width: 100%;
height: 120px;
margin-bottom:10px;
}

.entete1 {
width: 100%;
height: 80%;
text-align: center;
background-color: #00008b;

color: #FFFFFF;
}

.entete2 {
width: 100%;
height: 20%;
left: 0px;
background-color: #FFD700;
text-align: center;
font-weight: bold;
border-top: 1px solid #cecece;
border-bottom: 2px solid #4a4a4a;
border-left: 1px solid #cecece;
border-right: 2px solid #4a4a4a;
/*display: inline;*/
}

.entete_secteur {
font-size: 2em;
font-weight: bolder;
font-variant: small-caps;
text-align: right;
}
.entete_intro {
/*font-size : 16px;*/
font-weight : bold;
font-variant : small-caps;
text-align : right;
}
.entete_texte {
color: #ffff33;
text-align: right;
/*position: absolute;*/
}
.entete_date {
/*top: 15px;*/
left: 200px;
position: absolute;
color: #ffff33;
}			
.logo {
float: left;
margin-left: 10px;
margin-top: 10px;
border: 0;
}		

#principal {
margin-left: 197px;          
margin-right: 155px;
}
#principal_g {
   background: transparent;
   float: left;
   width: 58%;
   border-right: 1px dotted #cecece;
   border-bottom: 1px dotted #cecece; /*   padding: 2px;*/
/*   z-index: 1;*/
}
#principal_d {
   background: transparent;
   float: right;
   width: 37%;
   border-right: 1px dotted #cecece;
   border-bottom: 1px dotted #cecece;
   padding: 5px;
/*   z-index: 2;*/
}
#colgauche {
float:left;
width:195px; 
margin-left: 2px;
border-bottom: 1px dotted #cecece;
}
#coldroite {
	float: right;
/*	margin-right: 5px;*/
	width: 150px; /*left: 82%;*/
	background-color: #cccccc;
}
#piedcorps {
clear:both;
height: 7%;
margin-top:5px;
background-color: silver;
text-align: center;
}
#pied {
height: 8%;
background-color: #FFD700;
text-align: center;
}