body { margin: 0; background: #fff; }

.none { display: none }

a { border: 1px none red; text-decoration: none; -moz-outline: 0 none; outline: 0 none }

* { }

/** ACCUEIL **/


body#accueil { text-align: center; font-family: Helvetica, Arial, sans-serif; background: #ff0 ; }

#accueil #page { position: relative; text-align: left; margin: 0 auto; width: 740px; border: 1px none red; height: 495px; background: url(imgs/fond_home_03.gif) no-repeat center top;  }

#accueil #fond { position: absolute; text-align: left; margin: 0 auto; width: 740px; border: 1px none red; height: 495px;  top: 55px; width: 100% ; display: none}
.preface#accueil #page { position: relative; text-align: left; margin: 0 auto; width: 740px; border: 1px none red; height: 495px; background: none; top: 55px;  }

#accueil h1 {  position: absolute; left: 110px; top: 60px; background: url(imgs/home/titre.gif) no-repeat; height: 290px; width: 492px; }


/*** sous-rubriques Preface, Contact, Credits ***/

#annexes { list-style-type: none; position: absolute; left: 150px; top: 130px; border: 1px none red; display: none; margin: 0 }
#annexes li { position: absolute; border: 1px none red; }
#annexes li a{ position: absolute; border: 1px none blue; display: block; width: 80px; background: #fff; color: #000; padding: 4px; text-decoration: none; text-align: center; height: 80px;}
#annexes li a:hover { background: #ff0;  }

#annexes li#tit1 { top: 53px; left: 4px }
#annexes li#tit2 { top: 135px; left: 335px }
#annexes li#tit3 { top: 163px; left: 260px }

#annexes li#tit1 a { background: url(imgs/home/preface.gif) no-repeat }
#annexes li#tit2 a { background: url(imgs/home/credits.gif) no-repeat }
#annexes li#tit3 a { background: url(imgs/home/contacts.gif) no-repeat }

#annexes li#tit1 a:hover { background-image: url(imgs/home/preface_sel.gif)  }
#annexes li#tit2 a:hover { background-image: url(imgs/home/credits_sel.gif) }
#annexes li#tit3 a:hover { background-image: url(imgs/home/contacts_sel.gif) }



#accueil li#tit3 a span { background: #fff; padding: 4px;  font-size: 11px; color: #000; display: none !important; }

#accueil li#tit3 a:hover #con1 { position: absolute; left: -5px; top: -5px; height: 54px; width: 69px; border: 1px none red; background: transparent; display: block !important }

#accueil li#tit2 a span { background: #fff; padding: 4px;  font-size: 11px; color: #000; display: none !important; }

#accueil li#tit2 a:hover #pre1 { position: absolute; left: -3px; top: -4px; height: 54px; width: 69px; border: 1px none red; background: transparent; display: block !important }

* { border: 1px none red }


#accueil h2#chrono { position: absolute; left: 16px; top: 295px; z-index: 3 !important;  }

#accueil h2#chrono a { display: block; background: url(imgs/home/chrono.gif) no-repeat; height: 138px; width: 229px; position: absolute; }

#accueil h2#chrono a span {  padding: 4px;  font-size: 11px; color: #fff;  display: none;   }

#accueil h2#chrono a:hover #chr1 { position: absolute; left: -4px; top: -5px; display: block !important; width: 229px; height: 138px; border: 1px none red }


#accueil h2#calendrier { position: absolute; left: 200px; top: 350px; z-index: 3;  }

#accueil h2#calendrier a { display: block; background: url(imgs/home/calendrier.gif) no-repeat; height: 119px; width: 185px;  }

#accueil h2#calendrier a span { background: #fff; padding: 4px;  font-size: 11px; color: #000; display: none; }

#accueil h2#calendrier a:hover #cal1 { position: absolute; left: 180px; top: 8px; height: 40px; width: 95px; background: url(imgs/home/calendrier_2006.gif) no-repeat; border: 1px none red }
#accueil h2#calendrier a:hover #cal2 { position: absolute; left: 173px; top: 55px; height: 55px; width: 80px; background: url(imgs/home/ecoles.gif) no-repeat; border: 1px none red }
#accueil h2#calendrier a:hover #cal3 { position: absolute; left: 103px; top: 68px; height: 40px; width: 75px; background: url(imgs/home/etranger.gif) no-repeat; border: 1px none red }

#accueil h2#calendrier a:hover #cal4 { position: absolute; left: -6px; top: -5px; height: 119px; width: 185px; border: 1px none red; background: transparent }


#accueil h2#calendrier a:hover #cal1, #accueil h2#calendrier a:hover #cal2, #accueil h2#calendrier a:hover #cal3, #accueil h2#calendrier a:hover #cal4 { display: block;  }



#accueil h2#information { position: absolute; left: 507px; top: 99px; z-index: 3; }

#accueil h2#information a { display: block; background: url(imgs/home/infos.gif) no-repeat; height: 127px; width: 145px;  }

#accueil h2#information a span { background: #000; padding: 4px;  font-size: 11px; color: #fff; display: none; }

#accueil h2#information a:hover #inf1 { position: absolute; left: 152px; top: 27px; height: 30px; width: 55px; background: url(imgs/home/sites_utiles.gif) no-repeat; border: 1px none red }

#accueil h2#information a:hover #inf2 { position: absolute; left: 138px; top: 64px; height: 35px; width: 85px; background: url(imgs/home/publications.gif) no-repeat; border: 1px none red }

#accueil h2#information a:hover #inf3 { position: absolute; left: 107px; top: 103px; height: 40px; width: 105px; background: url(imgs/home/documentations.gif) no-repeat; border: 1px none red }

#accueil h2#information a:hover #inf4 { position: absolute; left: -4px; top: -4px; height: 127px; width: 145px;  border: 1px none red; background: transparent }

#accueil h2#information a:hover #inf1, #accueil h2#information a:hover #inf2, #accueil h2#information a:hover #inf3, #accueil h2#information a:hover #inf4 { display: block;  }

#accueil h3#retour { position: absolute; left: 535px; top: 331px; z-index: 3;  }

#accueil h3#retour a { display: block; background: url(imgs/home/annees_precedentes_37.gif) no-repeat; height: 85px; width: 119px;  }

#accueil h3#retour a span { background: #fff; padding: 4px;  font-size: 11px; color: #000; display: none; }

#accueil h3#retour a:hover #ret1 { position: absolute; left: -4px; top: -5px; height: 85px; width: 119px; border: 1px none red; background: transparent }

#accueil h3#retour a:hover #ret1 { display: block;  }

#accueil #menuAccueil {  }

#accueil #lienGo { display: block; border: 1px none red; height: 100px }

#accueil #lienGo img {  }

#accueil #lienGo:hover {  }

#accueil #lienGo.opn1 img, #accueil #lienGo.opn img { visibility: hidden }

#accueil #lienGo.opn:hover { background: url(imgs/trame-temp.png) no-repeat 20px 20px; position: relative; border: 1px none red }


#speIE1 { display: block; width: 140px !important; height: 120px !important; border: 1px none red;  position: absolute !important; left: 0 !important; z-index: 10; background: transparent url(tr.png)!important }


#speIE2 { display: block !important; width: 140px !important; height: 120px !important; border: 1px solid red;  position: absolute !important; left: 0 !important; z-index: 100; background: transparent url(tr.png)!important; left: -100px !important; top: -100px !important }



/********  MENU *********/


#menu { list-style-type: none; margin: 0; padding: 0; position: absolute; left: 15px; top: 13px; border-left:0px solid red !important; height: 200px; width: 117px; }

#menu li { width: 150px; text-align: center;  }

/* toutes les boites */

#menu li a { padding: 0px 0; display: block; font-family: Helvetica; text-decoration: none; position: absolute; width: 117px; background: url(imgs/tr.png); border: 1px none;   }


/* chaque boite */


li#acc a { background: transparent url(imgs/menu/accueil.gif) no-repeat 0 0; border-color: #999; color: #ff0; z-index: 1; width: 80px; left:19px; height: 52px; top: 0px; }


li#chrono a { background: transparent url(imgs/menu/chrono.gif) no-repeat 0 0px; border-color: #000; color: #fff; top: 28px; left: 0px; z-index: 1; width: 117px; height: 82px; border: 1px none red  }


li#calend a { background: transparent url(imgs/menu/calendrier.gif) no-repeat 0 0; border-color: #ff0; color: #666; width: 91px; top: 75px; left: 15px; z-index: 2; height: 65px; }



li#info a { background: transparent url(imgs/menu/infos.gif) no-repeat 0 0; border-color: #d6dee0; color: #000; top: 115px; left: 0; z-index: 1;  width: 113px; height: 68px}






#menu li.sel a { z-index: 5 }
#menu li.sel2 a { z-index: 6 !important; }
#menu li a:hover { z-index: 6 !important; margin-right: -1px; padding-left: 1px }

body#chrono1 { background: #ff0 url(chronologie/imgs/fond_ouverture_chrono_02.gif) no-repeat 0 0; }

#chrono1 #page { position: relative; text-align: center; margin: 0 auto; width: 740px; border: 1px none red; height: 95px;   }

/*
#chrono1 #page a { border: 1px none red; display: block; width: 420px; height: 365px; background: url(chronologie/imgs/titre_chrono.gif) no-repeat;  }
*/


#chrono1 #page1 a #auteur { display: none; background: url(chronologie/imgs/wlassikoff.gif); color: #fff; width: 155px; left: 363px; position: relative; top: 150px; height: 114px; z-index: 3  }

#chrono1 #page1 a:hover #auteur { display: block  }



/*
#chrono1 #page1 #auteur { display: none; background: url(chronologie/imgs/wlassikoff.gif); color: #fff; width: 155px; left: 363px; position: relative; top: -210px; height: 114px; z-index: 3  }


#chrono1 #page1 #on2 { display: none; background: transparent; color: #fff; width: 286px; left: 1px; position: absolute; top: 0; height: 165px  }
*/





#chrono1 #page1 a #on { display: none; background: transparent; color: #fff; width: 286px; left: 4px; position: absolute; top: 2px; height: 165px  }

#chrono1 #page1 a:hover #on { display: none  }

#chrono1 #page1 a #on2 { display: none; background: transparent; color: #fff; width: 286px; left: 1px; position: absolute; top: 0; height: 165px  }

#chrono1 #page1 a:hover #on2 { display: block  }

#chrono1 #chrono-pdf { top: ; margin-left: 146px;  width: 105px; height: 86px; position: relative; z-index: 100;  }

#chrono1 #chrono-pdf a { display: block; background: url(chronologie/imgs/pdf_calendrier.gif) no-repeat; width: 105px; height: 86px; }

#chrono1 #page1 a #on-pdf { display: none; background: transparent; color: #fff; width: 105px; left: 0; position: absolute; top: 2px; height: 86px;  }

#chrono1 #page1 a:hover #on-pdf { display: block  }


#calend1 { background: url(calendrier/imgs/ouverture_calendrier_def.jpg) no-repeat left top; }


#calend1 #page { position: relative; margin: 0;   }

#calend1 #cch { position: relative; height: 20px; width: 95px; background: #fff; display: block; top: 135px; border: 1px none red; left: 10px }


#calend1 #page a#lik { position: absolute; left: 210px; top: 230px; border: 1px none red; display: block; height: 230px; width: 265px; z-index: 3; background: url(imgs/tr.png) }

/*
#calend1 #page a #avert { display: none; background: #000; color: #fff; width: 168px; left: -83px; position: absolute; top: 171px; border: 1px none red; height: 60px; background: url(calendrier/imgs/avertissement_04.gif) no-repeat  }
*/
#calend1 #page a #on { display: none; color: #fff; width: 265px; left: -36px; position: absolute; top: -23px; border: 1px none red; height: 230px;   }
/*
#calend1 #page a:hover #avert { display: block  }
*/
#calend1 #page a:hover #on { display: block  }


#calend1 #pdf { position: absolute; top: 183px; left: 170px; z-index: 3 }

#calend1 #pdf a{ display: block; width: 78px; height: 53px; background: url(calendrier/imgs/pdf_02.gif) no-repeat; border: 1px none red }

#calend1 #pdf a:hover{  background-image: url(calendrier/imgs/pdf_01.gif)}


/* CSS Document */


.evnt .texte h3 span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px !important;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.evnt .texte h4 span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px !important;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}



.evnt .texte h2 span {
	font-family: Helvetica, sans-serif;
	font-size: 14px !important;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #000000;
	font-weight: normal;
	padding-right: 1px;
	padding-left: 1px;
	border-top: 1px solid #000
}

.evnt .texte h3.titre2 {
	margin-top: 1px !important; line-height: 15px
}


.evnt .texte h3.titre2 span {
	font-family: Helvetica, sans-serif;
	font-size: 10px !important;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #000000;
	font-weight: normal;
	padding-right: 3px;
	padding-left: 1px;
	
}


.evnt .texte p span {
	font-family: "Times New Roman", Times, serif !important;
	font-size: 13px !important;
	color: #000000;
}

#calend div.evnt div.texte p span em{

	font-family: "Times New Roman", Times, serif !important;
	font-size: 13px !important;
	color: #000000;
	font-style: italic !important;
}

#calend div.evnt div.texte p.annot {


}


#calend div.evnt div.texte p.annot span {

	font-size: 11px !important;

}

.evnt .texte .info .address span  {
	font-family: Verdana !important;
	font-size: 10px !important;
	color: #333;
	text-decoration: underline;
	
}

.evnt .texte .info  {
margin-top: 5px !important;
padding-bottom: 10px !important
}



.evnt .texte .info .address strong  {
font-weight: normal	
}

.evnt .texte .info .address a  {
color: #000;
}


.evnt .texte .info .address a:hover  {
background: #ff0;
text-decoration: underline;
color: #000;
}



.texte p, .texte .info { visibility:   }