body {
  /* background-image: url(images/background_blue_01.jpg);
  background-repeat: repeat-x; */
  background-image: url(images/eo_gradient_bluepar.jpg);
  background-color: white;
}

  

div#container {
  border: 2px solid #000099;
  margin: 5px auto;
  padding: 0px;
  width: 1000px;
} 

  
div#header {
clear:both;
text-align:center;
width:1000px;
height:100px;
background-color:#fffff0;
}
  	
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

  
div#sub_header {
clear:both;
position:relative;
margin-left:0px;
text-align:center;
width:1000px;
height:108px;
background-color:#fff8f8;
}

.sub_header_titles {
text-align: center; 
font-weight: bold;
color:#330000;
font-family: Arial;
}
  
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */  

  
div#infos_zone {
clear:both;
position:relative;
margin-left:0px;
text-align:center;
width:1000px;
height:650px;
background-color:#fff0f0;
}
  

  
div#functions_zone {
position:absolute;
top:0px;
left:0px;
margin:0px;
padding:0px;
text-align:center;
width:170px;
height:650px;
/*background-color:#fffce0;*/
background-image: url(./images/left_margin_03.png);
font: bold 12px arial,verdana,sans-serif;
}

.functions_zone_class
{
text-decoration:none;
}
.functions_zone_class:hover
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

.function_selected
{
text-decoration:none;
color:#33CC00;
}
.function_selected:hover
{
opacity:0.4;
}

.function_not_selected
{
text-decoration:none;
color:#993300;
}
.function_not_selected:hover
{
opacity:0.4;
}

.url_click_class
{
text-decoration:none;
}
.url_click_class:hover
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}



div#ext_sites_zones {
text-align:left;
position:absolute;
top:0px;
left:170px;
margin:0px;
padding:0px;
width:700px;
height:650px;
clip:right;
/*background-color:#f0ffff;*/
/*color:#993300;*/
background-color:#fffce0;
color:#590000;
font:14px "Times New Roman",Times,serif;
/*font: 14px arial,verdana,sans-serif;*/
overflow-y:auto;
}

.ext_sites_zones_titles
{
font: 14px arial,verdana,sans-serif;
}

.ext_links_zone_class
{
text-decoration:none;
}
.ext_links_zone_class:hover
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}



div#right_pub_zone {
clear:both;
position:absolute;
top:0px;
left:870px; 
margin:0px;
padding:0px;
text-align:center;
width:130px;
height:650px;
/*background-color:#f0f0f0;*/
background-color:#fffce0;
font: bold 12px arial,verdana,sans-serif;
}


/* +++++++++++++++++++++++++++++++ */

  
div#footer1 {
clear:both;
text-align:center;
width:1000px;
height:40px;
background-color:#f8ffff;
}

.footer1_class
{
	display:inline;
    line-height:40px;
	color:#0094FF;
    font-size:10pt;
}

.footer1_class a
{
	text-decoration:none;
	color:#0094FF;
}

  
div#footer2 {
clear:both;
text-align:center;
width:1000px;
height:35px;
background-color:#f0ffff;
font: 10px arial,verdana,sans-serif;
}

.footer2_class
{
	display:inline;
    line-height:40px;
	color:#0094FF;
    font-size:10pt;
}

ul.footer2_class li
{
    display:inline;
    line-height:40px;
	font-size:10pt;
}
/* remarque :  un élément inline n'a pas de marge */
ul.footer2_class li a
{
	text-decoration:none;
	color:#0094FF;
}
ul.footer2_class li a:hover
{
	text-decoration:none;
	color:#00FF4C;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */