@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
	margin: 0;
	}



body {
	background-color:#42433d;
	font:0.8em/1em Arial,Helvetica,sans-serif;
	margin-top:0px;}
	
#content
{
	margin-left:auto;
	margin-right:auto;
	width:1200px;
	min-height: 750px;
	background-color:#fff;
	position:relative;
	background: url(../../images/ergo/fond_main.jpg) center repeat-y;
	}

#contentchrono
{
	margin-left:auto;
	margin-right:auto;
	width:1200px;
	min-height: 897px;
	background-color:#fff;
	position:relative;
	
	}


#bandeau {
	width:100%;
	background-image:url(../../images/ergo/fond_bandeau.jpg);
	height:119px;
	position:relative;}

#menuchrono {
	position:absolute;
	width:200px;
	height:70px;
	background-color:#f8752d;
	left:595px;
	top:40px;
	visibility:hidden;
	
}

#bandeau ul {
		padding:0; 
	margin:0 0 0 0.5em;	
	list-style:none;}
	
#bandeau li a{display:block;
	color:#FFFFFF;
	text-decoration:none;
	background:url(../../images/ergo/puce_off.jpg) no-repeat;
	background-position:0 0.38em;
	padding-left:1em;
	font-weight:bold;
	margin-top:0px;
	padding-top:0px;
}	



#logo {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	top:20px;
	left:50px;}

#logo a{
	color:#FFF;
	text-decoration:none;
	}
	
#logo a:hover {
	text-decoration:underline;}
	
#menu {
	position:absolute;
	top:30px;
	right:230px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;}	
	
#menu a{
	color:#000;
	text-decoration:none;}
#menu a:hover{
	color:#fff;
}


#langue {
	position:absolute;
	top:122px;
	right:0px;
	padding-right:5px;}

#ariane {
	background-image:url(../../images/ergo/fond_ariane.jpg);
	background-repeat:no-repeat;
	width:1190px;
	height:23px;
	background-color:#FFF;
	padding-left:10px;
	padding-top:1px;
	}

#ariane a{
	color:#666;
	text-decoration:none;}
#ariane a:hover{
	text-decoration:underline;}

#maincontentpage{
	position:relative;
	
	padding-bottom: 50px;
	overflow: auto;
	
		}
		
#maincontent{
	position:relative;
	margin-top:-10px;
	
	
		}

#maincontentaccueil{
	position:relative;
	margin-top:-10px;
	background-image:url(../../images/ergo/accueil_ie.jpg);
	background-position: 0px 14px ;
	background-repeat: no-repeat ;
	
		}


h1 {
	padding-top:10px;
	color:#a9200f;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:2px solid #a9200f;
	font-size:18px;
	letter-spacing:5px;
	line-height:1.1em;
	padding-bottom:5px;
	}


h2 {
	padding-top:10px;
	color:#a9200f;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image:url(../../images/ergo/fleche_h2.png);
	background-repeat:no-repeat;
	background-position:0 0.38em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:5px;
	line-height:1.1em;
	padding-bottom:5px;
	padding-left:25px;
	margin-top:20px;
	}

h3 {
	padding-top:10px;
	color:#a9200f;
	font-weight:bold;
	font-size:14px;
	line-height:1.1em;
	padding-bottom:5px;
	padding-left:50px;
	margin-top:20px;
	}

#chrono {
	position:absolute;
	left:0px;
	top:4px;
	width:1200px;
	height:58px;
	z-index:1;}
	
	#chrono2 {
	position:absolute;
	left:0px;
	top:4px;
	width:1200px;
	height:58px;
	z-index:1;
	visibility:hidden;
	background-color:#FFF;}

#droiteindex {
	position:absolute;
	left:0px;
	top:68px;
	width:184px;
	z-index:2;
	}
	

#actu{
	width:100%;
	padding-left:10px;
	padding-right:10px;
	height:424px;
	background-color:#fce7c0;
	 opacity : 0.85;
    -moz-opacity : 0.85;
    -ms-filter: "alpha(opacity=85)"; /* IE 8 */
    filter : alpha(opacity=85); /* IE < 8 */ }


#droitepage {
	float:left;
	width:184px;
	z-index:2;
	margin-top:2px;
	}

#centre {
	float:right;
	position:relative;
	width:995px;
	background-color:#FFF;
	margin-left:15px;
	padding-right:5px;
	text-align:justify;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5em;
	overflow: visible;
	}
	
#centre p{
		padding-right:15px;
		padding-left:15px;}
		
#centre a{
	
	font-weight:bold;
	text-decoration:none;
	color:#f7681d;
}
#centre a:hover{
		text-decoration:underline;
	}	
	
	
	#maincontentchrono{
	position:relative;
		
		height:897px;
	overflow:hidden;
	
	
		}

#centrechrono {
	float:right;
	position:relative;
	width:1200px;
	background-color:#FFF;
	height:897px;
	padding-right:5px;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5em;
	
	
	
	}
#centrechrono p{
		padding-right:45px;
		padding-left:50px;}
		
#centrechrono a{
	color:#a9200f;
	font-weight:bold;
	text-decoration:none;
}


#centrechrono a:hover{
	text-decoration:underline;
}	
	






#centre1 {
	float:right;
	position:relative;
	width:995px;
	margin-left:15px;
	padding-right:5px;
	text-align:justify;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5em;
	overflow: visible;
	}
	
#centre1 p{
		padding-right:15px;
		padding-left:15px;}
		
#centre1 a{
	
	font-weight:bold;
	text-decoration:none;
	color:#f7681d;
}
#centre1 a:hover{
		text-decoration:underline;
	}	











#barrechrono {
	position:absolute;
	overflow:visible;
}
	
#sousmenu{
	width:100%;
	min-height:100%;
	padding-left:0px;
	position:relative;
	
	}

#sousmenu ul {
	list-style:none;
	list-style-type:none;
	padding-left:5px;
	}

#sousmenu li a{
	background-image:url(../../images/ergo/pucerouge.png);
	background-repeat:no-repeat;
	background-position:0 0.38em;
	padding-left:15px;
	color:#666;
	text-decoration:none;
	line-height:1.5em;
	display:block;
	padding-bottom:15px;}

#sousmenu li a:hover{
	background-image:url(../../images/ergo/pucerouge_on.png);
	background-repeat:no-repeat;
	background-position:0 0.38em;
	text-decoration:underline;
	color:#000;
	}

#sousmenu  ul ul li a {
background:url("../../images/ergo/puce2.png") no-repeat scroll 0 0.2em transparent;
font-weight:normal;
margin-left:5px;
padding-left:10px;
line-height:1em;
padding-bottom:5px;}

#sousmenu  ul ul li a:hover {
background:url("../../images/ergo/puce2.png") no-repeat scroll 0 0.2em transparent;
font-weight:normal;
margin-left:5px;
padding-left:10px;
line-height:1em;
padding-bottom:5px;}




#illusbasmenu {
	bottom:20px;
	position:absolute;}

#footerindex{
	width:100%;
	height:106px;
	background-image:url(../../images/ergo/fond_footer.jpg);
	position:relative;
	margin-top:-12px;}
	
#accroche 
{position:absolute;
top:10px;
width:1200px;
height:25px;
background-color:#d5d5d3;}



.titreactu {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#A9200F;
	text-align:center;
}
	
.titreactu a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#666;
	text-align:center;
	text-decoration:none;}
	
.titreactu a:hover{
	text-decoration:underline;}
	
#menufooter {
	position:absolute;
	bottom:10px;
	left:10px;
}

#menufooter a{
	color:#000;
	text-decoration:none;
	
}

#menufooter a:hover {
	color:#333;
	text-decoration:underline;
	}

#w3c {
	position:absolute;
	left:0px;
	bottom:0px;}

#logobas {
	position:absolute;
	bottom:3px;
	right:15px;
}

#footerpage {
	position:absolute;
	bottom:-3px;
	width:100%;
	height:10px;
	background-image:url(../../images/ergo/footer.jpg);
	position:absolute;
	}

#footerpagechrono {
	position:absolute;
	bottom:-3px;
	width:100%;
	height:10px;
	background-image:url(../../images/ergo/footer.jpg);
	position:absolute;
	}
.imgleft {
	float:left;
	
	padding-right:10px;
	}
.imgright {
	float:right;
	padding-left:10px;
	
	
	}

.clear {
	clear:both;}
	
.grasrouge {

	font-weight:bold;}
	
.illustration_left {	
	margin-right:10px;
	margin-bottom:10px;
	margin-left:50px;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#a9200f;
	font-size:9px;
	text-align:center;

}

.illustration_right {	
	margin-right:10px;
	margin-bottom:10px;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#a9200f;
	font-size:9px;
	text-align:center;
	float:right;
}


.illustration a{
	text-decoration:none;
}

.illustration a:hover{
	background-color:#3366FF;}
	
.titrechrono {
	color:#000;
	font-weight:bold;
	
	}

.soustitrechrono {
	color:#000;
	font-weight:bold;
	}
	
#deroulant1 {
	display:none;}
	


#repere
{
	position:absolute;
	left:100px;

	

	}



#bronze_on
{
	position:absolute;
	left:340px;
	top:92px;
	visibility:hidden;}

#histo_on
{
	position:absolute;
	left:663px;
	top:92px;
	visibility:hidden;}

#moderne_on
{
	position:absolute;
	left:896px;
	top:92px;
	visibility:hidden;}
	

#calque_neo {
	position:absolute;
	top:70px;
	left:0px;
	width:1200px;
	height:500px;
	z-index: 2;
	padding-left:15px;
}
	
#calque_bronze {
	position:absolute;
	top:70px;
	left:1200px;
	width:750px;
	height:500px;
	z-index: 1;
	padding-left:15px;
}	


#calque_histo {
	position:absolute;
	top:70px;
	left:1200px;
	width:750px;
	height:500px;
	z-index: 1;
	padding-left:15px;
}	

#calque_contemp {
	position:absolute;
	top:70px;
	left:1200px;
	width:750px;
	height:500px;
	z-index: 1;
	padding-left:15px;
}	

.txtchrono {
	padding-left:20px;}

.contenuchrono {
	position:absolute;
	width: 300px;
	left: 69px;
	top: 60px;
}




.lienchrono{
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	
}

#textaccueil {
	position:absolute;
	width:600px;
	height:300px;
	left:430px;
	top:130px;
	z-index:4;
	visibility:hidden;
	color:#FFF;
	padding-left:15px;
	padding-top:15px;
	background-color:#666;
	opacity : 0.85;
    -moz-opacity : 0.85;
    -ms-filter: "alpha(opacity=85)"; /* IE 8 */
    filter : alpha(opacity=85); /* IE < 8 */ 
	}

#contentmove1 {
	position:absolute;
	top:70px;
	left:0px;
	width:1000px;
	height:650px;
	z-index: 2;
	padding-left:15px;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	
	


#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;

}
.lexique a{
	color:#f7681d;}

.maj  {
	color:#FFF;}
	
SUP { font-size: .65em }


.contenuchronobis {	
	margin-right:10px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	font-size:12px;
}
.contenuchronobis a{
	color:#a9200f;
	text-decoration:none;
	font-weight: bold;	
}

.contenuchronobis a:hover{
	text-decoration:underline;
}

#titrebronze {

	height: 28px;
	width: 134px;
	position: absolute;
	visibility: hidden;
	z-index: 2;
	left: 388px;
	top: 0px;
}


#titrebronze_gr {

	height: 28px;
	width: 134px;
	position: absolute;
	visibility: hidden;
	z-index: 2;
	left: 403px;
	top: 0px;
}


#titrebronze_en {

	height: 28px;
	width: 134px;
	position: absolute;
	visibility: hidden;
	z-index: 2;
	left: 388px;
	top: 0px;
}

#titreneo {

	height: 39px;
	width: 125px;
	position: absolute;
	visibility: hidden;
	z-index: 2;
	left: 0px;
	top: 0px;
}

#titreneo_gr {

	height: 39px;
	width: 125px;
	position: absolute;
	visibility: hidden;
	z-index: 2;
	left: 0px;
	top: 0px;
}

#titreneo_en {

	height: 39px;
	width: 125px;
	position: absolute;
	visibility: hidden;
	z-index: 2;
	left: 0px;
	top: 0px;
}

#titrehisto {

	height: 39px;
	width: 125px;
	position: absolute;
	visibility: hidden;
	z-index: 2;
	left: 722px;
	top: 0px;
}


#titrehisto_gr {

	height: 39px;
	width: 125px;
	position: absolute;
	visibility: hidden;
	z-index: 2;
	left: 724px;
	top: 0px;
}

#titrehisto_en {

	height: 39px;
	width: 125px;
	position: absolute;
	visibility: hidden;
	z-index: 2;
	left: 734px;
	top: 0px;
}

#titrecontemp {

	height: 39px;
	width: 125px;
	position: absolute;
	visibility: hidden;
	z-index: 2;
	left:1053px;
	top: 0px;
}


#titrecontemp_gr {

	height: 39px;
	width: 125px;
	position: absolute;
	visibility: hidden;
	z-index: 2;
	left:1041px;
	top: 0px;
}


#titrecontemp_en {

	height: 39px;
	width: 125px;
	position: absolute;
	visibility: hidden;
	z-index: 2;
	left:1055px;
	top: 0px;
}




.titreaccueilchrono {
	padding-top:10px;
	color:#a9200f;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:5px;
	line-height:1.1em;
	padding-bottom:5px;
	padding-left:25px;
	margin-top:20px;
	}
	
	
	
	.contenuactu {	
	margin-right:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#a9200f;
	font-size:9px;
}
.contenuactu a{
	color:#a9200f;
	text-decoration:none;

}

.contenuactu a:hover{
	text-decoration:underline;
}







.sousmenu2 ul {
	list-style:none;
	list-style-type:none;
	padding-left:5px;
	}

.sousmenu2 li {
	list-style:none;
	list-style-type:none;
	padding-left:5px;
	}

.sousmenu2 li a{
	background-image:url(../../images/ergo/flechecerclesmall.png);
	background-repeat:no-repeat;
	background-position:5 0.38em;
	padding-left:30px;
	color:#666;
	text-decoration:none;
	line-height:1.5em;
	display:block;
	padding-bottom:15px;
	}

.sousmenu2 li a:hover{
	background-image:url(../../images/ergo/flechecerclesmallbas.png);
	background-repeat:no-repeat;
	background-position:5 0.38em;
	text-decoration:underline;
	color:#000;
	}

.sousmenu2  ul ul li a {
background:url("../../images/ergo/puce2.png") no-repeat scroll 0 0.2em transparent;
font-weight:normal;
margin-left:5px;
padding-left:10px;
line-height:1em;
padding-bottom:5px;}

.sousmenu2  ul ul li a:hover {
background:url("../../images/ergo/puce2.png") no-repeat scroll 0 0.2em transparent;
font-weight:normal;
margin-left:5px;
padding-left:10px;
line-height:1em;
padding-bottom:5px;}



.sousmenu2 {
	font-weight:normal;}
.sousmenu2 a{
	text-decoration:none;}

.aide {
    color: #666666;
    font-size: 10px;
}


#aide fieldset
{
	height:30px;
}


#aide2 fieldset
{
	height:30px;
}


.rougechronogras {
	color:#900;
	font-weight:bold;}
	
	
	.rouge {
	color:#900;
	}
	
#mosaique {
	position:absolute;
	top:49px;
	left:800px;
}

.illus-actu {
	float:left;
	padding-right:10px;
	color:#666;
	font-size:10px;
	text-align:center;
	margin-left:15px;
}