body {
	background-color: rgb(236, 226, 207);
	scrollbar-face-color: #6d8a73;
  	scrollbar-shadow-color: #5d7d64;
  	scrollbar-highlight-color: #cbd3c9;
  	scrollbar-3dlight-color: #5d7d64;
  	scrollbar-darkshadow-color: #3c4b3f;
  	scrollbar-track-color: #a3baa7;
  	scrollbar-arrow-color: #ece2cf;
	margin:0;
	padding: 0;
	

	}
#prechargement {
 display: none;
 }

#conteneur {
	background-image : url(images/ee_fond.jpg);
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2%;
	width:719px;
	height: 630px;
	}


#header {
	background-image : url(images/ee_header.jpg);
	background-repeat: no-repeat;
	width:719px;
	height: 254px;
	padding-bottom:12px;
	}

#themes {
	background: url(images/ee_themes.jpg) no-repeat; 
	width: 199px;
	height: 384px;
	float : left;
	}


#corps {
	
	background: url(images/ee_corps.jpg) no-repeat; 
	float : right;
	width: 520px;
	height: 384px;
	}
	
#corpsintro {
	
	background: url(images/ee_corpsintro.jpg) no-repeat; 
	float : right;
	width: 520px;
	height: 384px;
	}

#footer {
background-color: rgb(236, 226, 207);
text-align: right;
color : #909090;
width:719px;
height: 13px;
font-family: Arial, Times, Times New Roman, serif;
font-size: 0.70em;
}

#footer a {
text-decoration: none ;
color : #606060;
}

#footer a:hover {
border-bottom-color:#606060 ;
border-bottom: 1px dashed  ;

}



#zonetxt {
position : relative;
padding-top : 12px;
padding-bottom : 12px;
padding-right : 15px;
top : 59px;
left : 30px;
height: 180px;
width: 438px;
overflow:auto;
text-align:justify;
color: #4a4640;
}

#zonetxtintro {
position : relative;
padding-top : 12px;
padding-bottom : 12px;
padding-right : 15px;
top : 59px;
left : 30px;
height: 260px;
width: 438px;
overflow:auto;
text-align:justify;
color: #ffffff;
}

.txt {
font-family: Tahoma,Arial, Times, Times New Roman, serif;
font-size: 0.8em;
 
}

h1{
font-size: 1.2em;
font-style: bold;
text-align : center;
padding-bottom : 0.8em;
}

h2{
font-size: 1em;
}

/**************************menu_haut***************************/

#menuh {
position: relative;
top: 252px;
left:65px;
z-index:100;
width: 590px;
}

.niveau1 {
 
  float:left ; 
	padding : 0px 8px 2px 8px;
  height:13px;
	text-align:center;
	border-left: 1px solid white;
	font: 13px "Lucida Console",tahoma, arial, sans-serif;
	color:white;} 
	
	.niveau1 a { 
color:white;
text-decoration:none;} 


#niveau2 { 
list-style-type:none ;
  display: none;
	color: #000;
	font: 13px tahoma, arial, sans-serif;
  margin: 0; 
	top: 15px;
	left:195px;
	position: absolute;
	}

.deco ul {
list-style-type: none;
}

.deco li a {
color:black;
text-align:center;
display: block;
width: 120px;
height: 20px;
text-decoration:none;
background-image:  url(images/bgmenu.jpg);
-moz-opacity:0.7;
opacity: 0.7;
filter:Alpha(opacity=70);
} 

.deco li a:hover {

background-image: url(images/bgmenuhover_ee.jpg);
color:white;}
/*************************fin_menu_haut******************************/

/**************************menu_gauche***************************/

/* élément contenant le menu */
.ancre_menu{
padding-top: 65px;
width: 195px;
font-family: Tahoma,Arial, Times, Times New Roman, serif;
font-size: 9pt;
}

.lien_intro a{
line-height: 16pt;
color:#720d0d;
font-weight:bold;
text-decoration:none;
}

.lien_intro a:hover{
text-decoration:underline;}
 
/* style général des ul */
.menu{color:#3b4438;font-weight:bold;list-style-type: none;}
.menu ul{list-style-type: square;list-style-position:inside;margin:0;padding:0;}



 
/* liens du menu */
.menu .normal a{color:#3b4438;cursor:pointer;font-weight:normal;font-size: 8pt;line-height: 12pt;}
/* lien qui correspond à la page en cours */
.lien_page{background-color:white;}
/*.menu .normal .lien_page a{color:white;text-decoration:underline;cursor:pointer;font-weight:normal;font-size: 8pt;}*/
.normal a:hover,.normal a:active,.normal a:focus,.lien_page:hover,.lien_page:active,.lien_page:focus{
color:#ccd3cb;text-decoration:underline;}



/* titres de liste */
 /* ajout des images puces */
.ouvert{padding:0 0 0 12px;margin:0;background: url(bout4.gif) 0 6px no-repeat;font-weight:bold;}
.reduit{padding:0 0 0 12px;margin:0;background: url(bout3.gif) 0 6px no-repeat;font-weight:bold;}
.reduit a,.ouvert a{text-decoration:none;color:#720d0d;line-height: 16pt;}
.reduit a:hover,.ouvert a:hover{text-decoration:underline;}
.ouvert a{cursor:pointer;}
.reduit a{cursor:pointer;}

/**************************lien du bas***************************/

.liensbas {
list-style-type: none;
margin-top: 62px;
margin-right: 34px;
padding:0;
text-align: right;
font-family: Tahoma,Arial, Times, Times New Roman, serif;
font-size: 0.8em;
}
.liensbas li {
display: inline;
}
.liensbas a {
margin: 0 10px;
color: #58624f;
text-decoration: underline;
}
.liensbas a:hover {
text-decoration: none;
}

/**************************pictos***************************/

#pictos {
position: relative;
height: 50px;
width:460px;
left : 21px;
top: 2px;
}



.pictotxt{
text-align: center;
font-family: Tahoma,Arial, Times, Times New Roman, serif;
font-size: 0.7em;
color: #3b4438;
float: left;
Margin-top: -2px;
margin-right : 9px;
}



a.pageh {
background-image: url(images/pageh.jpg);
float: left;
width: 73px;
height: 50px;
}

a.pageh:hover {

background: none; /* correction d'un bug IE */
background-image: url(images/pageh_on.jpg);
}


a.pageh span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
a.pageh:hover span { /* définition de la balise <span> au survol */
display: inline;
z-index:99;
position: absolute;
top: -80px;
left: 20px;
width: 100px;
height: 100px;
font-family: Tahoma,Arial, Times, Times New Roman, serif;
font-size: 0.7em;
background: #ffffcc;
text-align: center;
color: #58624f;
text-decoration: none;
}

a.doc {
background-image: url(images/doc.jpg);
float: left;
width: 73px;
height: 50px;
}

a.doc:hover{
background-image: url(images/doc_on.jpg);
}
a.doc span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
a.doc:hover span { /* définition de la balise <span> au survol */
display: inline;
z-index:99;
position: absolute;
top: -80px;
left: 93px;
width: 100px;
height: 100px;
font-family: Tahoma,Arial, Times, Times New Roman, serif;
font-size: 0.7em;
background: #ffffcc;
text-align: center;
color: #58624f;
text-decoration: none;
}

a.guerre {
background-image: url(images/guerre.jpg);
float: left;
width: 73px;
height: 50px;
}

a.guerre:hover {
background-image: url(images/guerre_on.jpg);
}

a.debat {
background-image: url(images/debat.jpg);
float: left;
width: 73px;
height: 50px;
}

a.debat:hover {
background-image: url(images/debat_on.jpg);
}

a.paix {
background-image: url(images/paix.jpg);
float: left;
width: 73px;
height: 50px;
}

a.paix:hover {
background-image: url(images/paix_on.jpg);
}
a.init {
background-image: url(images/init.jpg);
float: left;
width: 73px;
height: 50px;
}

a.init:hover {
background-image: url(images/init_on.jpg);
}


  #lienalsace a {
	position : relative;
	top:310px;
	left:95px;
	z-index:99;
	width : 100px;
	height : 20px;
	font-family: Tahoma,Arial,Times,Times New Roman,serif;
   font-size: 0.8em;
	color: #58624f;
	text-decoration: underline;
	}
	
	#lienalsace a:hover {
	text-decoration: none;
	}