body
{
	font-size: 10pt;
	font-family: Verdana, Sans-serif, Arial, Times New Roman, Helvetica;
	margin: 0px; margin-top: 20px; margin-bottom: 20px;  padding: 0px;
	background-color: white;
}


#main {
margin: 14px 7% 4em 7%;
/*
147px
position: absolute;
top: 14px;
right: 14px;
left: 147px;
padding-bottom: 14px;
*/
}

/*========================*/
div.nav {
padding: 1px;
width: auto;
line-height: 1.5em;
}
.nav a, .nav b {
white-space:nowrap;
padding:2px 6px;
}
.nav a:active {
background:Highlight !important;
}
.nav .subseparate, .nav .separate {
border-left: 2px groove Menu;
padding:0 3px;
}
.nav .subseparate {
border-left:none;
}
/* ========================* /


/* def of sections   */
/*  ===============  */
.container
{
	font-size: 10pt;
	font-family: Verdana, Sans-serif, Arial, Times New Roman, Helvetica;
	margin-left: 60px;   
	margin-top: 10px;   
	margin-bottom: 0;
	margin-right: 10px;  
	     
	/* border-left: double black;
	border-right: double black;
	border-top: double black;
	border-bottom: double black; */
	
	text-align: justify;
	
	min-height: 400px;
}
.section
{	
	/*float: left;*/
	
	margin-right: 150px;
	margin-left: 100px; 
	padding-right: 20px;   
	padding-top:  0.2em;   
	padding-bottom: 1em;   
	padding-left: 20px;
	border-left: 3px double #c1a96c; 
	border-right: 3px double #c1a96c; ;
	border-top: 3px double #c1a96c; 
	border-bottom: 3px double #c1a96c; 
	
		min-height: 400px;
}

.section h1 {   padding-top: 0px;   margin-top: 0px; }

.page table {
	font-size: 10pt;
	font-family: Verdana, Sans-serif, Arial, Times New Roman, Helvetica;
}
.section font {
	font-size: 10pt;
	font-family: Verdana, Sans-serif, Arial, Times New Roman, Helvetica;
}





/*  titlebar  */
/*  =========  */
.titlebar
{
	
	/* background-color: #c1a96c; 
	color: white; */
	height: 70px;
	
	background:#c1a96c; 
	color:#e9eade;
	
	margin-left: 140px;   
	margin-top: 10px;   
	margin-bottom: 10;
	margin-right: 140px;   
	
	border-left: 3px double #e9eade;
	border-right: 3px double #e9eade;
	border-top: 3px double #e9eade;
	border-bottom: 3px double #e9eade;
}

.titlebar h3 {color:#e9eade; margin: 0px;  margin-top: 10px;   padding: 0px;   padding-left: 0.5em;   font-size: 12pt; }

.titlebar .logoesiee { float: right;  margin-left: 2em;   margin-right: 2em;   border: 0; background-color:#c1a96c; }







/*  News  */
/*  =========  */

.news { margin-bottom: 2em; }

.news p
{
	margin-bottom: 0;   margin-top: 0.3em;
	padding-bottom: 0; 
}

.news h2
{
	border-bottom: 1px solid #c1a96c; 
	color: #c1a96c;  
	font-size: 10pt;
	font-weight: bold;
}

 .news .logoesiee { float: right;  margin-left: 2em;   margin-right: 2em;   border: 0; background-color:#c1a96c; }




/*  NavList more versatile than old menu*/
/* ========= */

.navlist {
	 width: 140px;
         background-color:       white;
        padding-top: 0.5em;   padding-left: 0;
        
        border-left: double #c1a96c;  
        border-right: double #c1a96c;  
        border-top: double #c1a96c;  
        border-bottom: double #c1a96c;  
}

.navlist#un {
	width: 140px;
	float: left;
        /* position: absolute;   left: 50px;   top: 120px; */
        background-color:       white;
        padding-top: 0.5em;   padding-left: 0;
        
        margin-top: 2em;
        margin-bottom: 1em;
        margin-right: 20px;
        
        border-left: double #c1a96c;  
        border-right: double #c1a96c;  
        border-top: double #c1a96c;  
        border-bottom: double #c1a96c;  
}

.navlist#deux {
	
	width: 80px;
	 float: right; 
	/* position: absolute;   left: 50px;   top: 20px;  */
	
		
        background-color:       white;
        padding-top: 0.5em;   padding-left: 0;
        margin-top: -7em;
        margin-bottom: 1em;
        margin-left: 0px;
        
   	border-left: double #c1a96c;  
        border-right: double #c1a96c;  
        border-top: double #c1a96c;  
        border-bottom: double #c1a96c;  
}

.navlist ul {
	margin: 0; /*removes indent IE and Opera*/
	list-style-type: none; /*turns off display of bullet*/
	font-family: Arial, Helvetica, sans-serif;
	background-color: #c1a96c; 
	color: white;
	padding: 0em;
	padding-left: 0em;
	font-size: 10pt;
	margin-bottom: 0em;
	font-weight: bold;
	text-indent: 1em;

}

.navlist ul ul {

	background-color: white;
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	padding-left: 0em;
	padding-top: 0em;
	padding-bottom: 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: black;
}


.navlist a {

text-decoration: none; 
	padding: 0;
	padding-left: 1em;  
	/* display: block; */
	display: compact;
	position: relative;
	font-size: 10pt;
	color: black;
	text-decoration: none;
	margin: 0;
}


.navlist a:hover {
background-color:  #c1a96c; 
	color: white;
}


/*  note de bas de page  */
/*  ===================  */
.note
{
	padding: 2em; 
	padding-left: 50px; 
	margin-left: 160px;
	margin-top: 10px;   
	margin-bottom: 30px;
	margin-right: 160px;   
	/* border-left: 1px solid rgb(0, 0, 155); */
	border-left: double #c1a96c;  /* 1px solid rgb(0, 0, 155); */
        border-right: double #c1a96c;  /* 1px solid rgb(0, 0, 155); */
        border-top: double #c1a96c;  /* 1px solid rgb(0, 0, 155); */
        border-bottom: double #c1a96c;  /* 1px solid rgb(0, 0, 155); */


}

.note .logoesiee { float: right;  margin-left: 2em;   margin-right: 2em;   border: 0; background-color:#c1a96c; }