body {
		behavior:url('csshover.htc');
		position: relative;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px auto; 
		margin-bottom: 0px auto; 
		width: 1024px; 
		height: 768px; 
		text-align: left; 
		background-color: #3A2B42;
	}

p {
		font: 12px Arial;
		text-align: justify;
		margin: 20px;
		color: #000000;
		width: 360px;
		}


	
form {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	}

a {	
		font: bold 11px Arial;
		text-align: center;
		text-decoration: none;
		margin: 0px;
		padding: 0px;
		padding-top: 3px;
		color: #000000;
		}
		
a:hover {
		color: red;
		text-decoration: underline;
		}
		
a.diapo:hover {
		color: red;
		text-decoration: none;
		}

a.onglet {
		display: block;
		position: absolute;
		top: 5px;
		left: 84px;
		font: bold 11px Arial;
		text-align: center;
		text-decoration: none;
		margin: 0px;
		padding: 0px;
		padding-top: 3px;
		color: #FFFFFF;
		width: 188px;
		height: 26px;
		line-height: 26px;
		background-image : url('../img/onglet_02.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		z-index: 40;
		}
		
a.onglet:hover {
		background-image : url('../img/onglet_01.png');
		padding-top: 0px;
		z-index: 50;
		}
		
a.onglet_on {
		display: block;
		position: absolute;
		top: 5px;
		left: 84px;
		font: bold 11px Arial;
		text-align: center;
		text-decoration: none;
		margin: 0px;
		padding: 0px;
		color: #FFFFFF;
		width: 188px;
		height: 26px;
		line-height: 26px;
		background-image : url('../img/onglet_01.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		z-index: 50;
		}

div.onglet {
		float: left;
		font: bold 11px Arial;
		text-align: center;
		text-decoration: none;
		margin: 0px;
		margin-left: -4px;
		padding: 0px;
		height: 26px;
		z-index: 40;
		}


		
div.onglet_on {
		float: left;
		font: bold 11px Arial;
		text-align: center;
		text-decoration: none;
		margin: 0px;
		margin-left: -4px;
		padding: 0px;
		height: 26px;
		z-index: 50;
		}

a.ongoff_jaune {
		float: left;
		height: 26px;
		background-image : url('../img/onglet_f.png');
		background-repeat: repeat-x;
		color: #FFFFFF;
		line-height: 26px;
		padding-top: 5px;
		padding-bottom: 0px;
		padding-left: 5px;
		padding-right: 5px;

		}
		

div.onggof_jaune {
		float: left;
		height: 26px;
		width: 10px;
		background-image : url('../img/ong_offg.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		
		}
		
div.ongdof_jaune {
		float: left;
		height: 26px;
		width: 10px;
		background-image : url('../img/ong_offd.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		
		}
		
div.onglet:hover .ongoff_jaune { background-image : url('../img/ong_onf.png'); padding-top: 1px; text-decoration: none; }
div.onglet:hover .onggof_jaune { background-image : url('../img/ong_ong.png'); }		
div.onglet:hover .ongdof_jaune { background-image : url('../img/ong_ond.png'); }

div.onglet_on .ongoff_jaune { background-image : url('../img/ong_onf.png'); padding-top: 1px; text-decoration: none; }
div.onglet_on .onggof_jaune { background-image : url('../img/ong_ong.png'); }		
div.onglet_on .ongdof_jaune { background-image : url('../img/ong_ond.png'); }



a.ongoff_rouge {
		float: left;
		height: 26px;
		background-image : url('../img/ong_offf_rouge.png');
		background-repeat: repeat-x;
		color: #FFFFFF;
		line-height: 26px;
		padding-top: 5px;
		padding-bottom: 0px;
		padding-left: 5px;
		padding-right: 5px;
	
		
		}
		

div.onggof_rouge {
		float: left;
		height: 26px;
		width: 10px;
		background-image : url('../img/ong_offg_rouge.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
	
		}
		
div.ongdof_rouge {
		float: left;
		height: 26px;
		width: 10px;
		background-image : url('../img/ong_offd_rouge.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
	
		}


div.onglet:hover .ongoff_rouge { background-image : url('../img/ong_onf_blanc.png'); padding-top: 1px; text-decoration: none; color: #000000; }
div.onglet:hover .onggof_rouge { background-image : url('../img/ong_ong_blanc.png'); }		
div.onglet:hover .ongdof_rouge { background-image : url('../img/ong_ond_blanc.png'); }

div.onglet_on .ongoff_rouge { background-image : url('../img/ong_onf_blanc.png'); padding-top: 1px; text-decoration: none; color: #000000; }
div.onglet_on .onggof_rouge { background-image : url('../img/ong_ong_blanc.png'); }		
div.onglet_on .ongdof_rouge { background-image : url('../img/ong_ond_blanc.png'); }


table {
	font: 11px Arial;
	}




#barre_onglets {
		position: absolute;
		top: 5px;
		left: 88px;
		font: bold 11px Arial;
		text-decoration: none;
		margin: 0px;
		padding: 0px;
		height: 26px;
		z-index: 40;
		border: 0px solid green;
		}
		
a.btg {
		display: block;
		position: absolute;
		top: 642px;
		left: 88px;
		margin: 0px;
		padding: 0px;
		padding-top: 3px;
		color: #FFFFFF;
		width: 86px;
		height: 34px;
		background-image : url('../img/sl_btg.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
	
		z-index: 1000;
		}
		
a.btg:hover {
		left: 86px;
}
		
a.btd {
		display: block;
		position: absolute;
		top: 642px;
		left: 856px;
		margin: 0px;
		padding: 0px;
		padding-top: 3px;
		color: #FFFFFF;
		width: 86px;
		height: 34px;
		background-image : url('../img/sl_btd.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
	
		z-index: 1000;
		}

a.btd:hover {
		left: 858px;
}


#fd_btg {
		display: block;
		position: absolute;
		top: 642px;
		left: 139px;
		margin: 0px;
		padding: 0px;
		padding-top: 3px;
		color: #FFFFFF;
		width: 46px;
		height: 34px;
		background-image : url('../img/sl_fond_btg.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		
		z-index: 800;
		}

#fd_btd {
		display: block;
		position: absolute;
		top: 642px;
		left: 847px;
		margin: 0px;
		padding: 0px;
		padding-top: 3px;
		color: #FFFFFF;
		width: 46px;
		height: 34px;
		background-image : url('../img/sl_fond_btd.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
	
		z-index: 800;
		}

#tt_pages {
		display: block;
		position: absolute;
		top: 625px;
		left: 301px;
		margin: 0px;
		padding: 0px;
		padding-top: 3px;
		color: #FFFFFF;
		width: 450px;
		height: 21px;
		background-image : url('../img/tt_pages.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		
		z-index: 0;
		text-align: center;
		border: 0px solid red;
		}

#outils {
		margin: 0px auto;
		margin-left: 0px;
		border: 0px solid red;
		background-image : url('../img/fsh_bottom.png');
		background-repeat: no-repeat;
		background-position: bottom center;
		height: 5px;
		width: 438px;
		z-index: 0;
		}
		
#wipe {
		margin: 0px auto;
		margin-top: 4px;
		border: 0px solid red;
		background-color: #474747;
		height: 50px;
		width: 436px;
		z-index: 0;
		}

#test {
		display: none;
		position: absolute;
		top: 622px;
		left: 301px;
		margin: 0px auto;
		border: 0px solid red;
		width: 438px;
		z-index: 0;
		}


#test_slide {
		position: absolute;
		top: 10px;
		left: 10px;
		margin: 0px auto;
		border: 1px solid #000000;
		background-color: #FFFFFF;
		height: 20px;
		width: 800px;
		z-index: 130;
		}


#fermer {
		position: relative;
		float: left;
		top: -18px;
		left: -18px;
		width: 16px;
		height: 17px;
		background-image: url('../img/close.png');
		z-index: 10;
		}



#anti_click {
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px auto;
		border: 0px solid #000000;
		height: 768px;
		width: 1024px;
		z-index: 3000;
		}
		
	#anti_click2 {
		position: absolute;
		top: -20px;
		left: -50%;
		margin: 0px auto;
		border: 0px solid #BD1700;
		height: 768px;
		width: 1024px;
		z-index: 2000;
		background-color: #C7C7C7;
		opacity: 0.7;
		filter: alpha(opacity=70);
		}
		
	#anti_click3 {
		position: absolute;
		top: -20px;
		left: -50%;
		margin: 0px auto;
		border: 0px solid #BD1700;
		height: 768px;
		width: 1024px;
		z-index: 2000;
		background-color: #C7C7C7;
		opacity: 0.7;
		filter: alpha(opacity=70);
		}

#diapo {
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px auto;
		border: 0px solid #000000;
		height: 768px;
		width: 1024px;
		z-index: 10000;
		}





#cadre0 {
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px auto;
		border: 1px solid #000000;
		
		height: 768px;
		width: 1024px;
		}
		
#bdg {
		position: absolute;
		top: 20px;
		left: 64px;
		border: 0px solid #000000;
		background-image : url('../img/bordure_gauche.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		height: 622px;
		width: 20px;
		z-index: 5;
		overflow: hidden;
	
		}		

#bdd {
		position: absolute;
		top: 20px;
		left: 947px;
		border: 0px solid #000000;
		background-image : url('../img/bordure_droite.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		height: 622px;
		width: 22px;
		z-index: 5;
		overflow: hidden;
	
		}		
		
#bdh {
		position: absolute;
		top: 26px;
		left: 84px;
		border: 0px solid #000000;
		background-image : url('../img/bordure_haut.png');
		background-repeat: no-repeat;
		background-position: 0px -10px;
		height: 5px;
		width: 863px;
		z-index: 0;
		overflow: hidden;

		}
		
#bdb {
		position: absolute;
		top: 625px;
		left: 84px;
		border: 0px solid #000000;
		background-image : url('../img/bordure_bas.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		height: 16px;
		width: 863px;
		z-index: 5;
		overflow: hidden;
	
		}
		
#ombre_gauche1 {
		position: relative;
		top: 0px;
		left: 382px;
		border: 0px solid #000000;
		background-image : url('../img/centre.png');
		height: 600px;
		width: 80px;
		z-index: 101;
		overflow: hidden;
	
		}
		
#ombre_gauche2 {
		position: relative;
		top: 0px;
		left: 382px;
		border: 0px solid #000000;
		background-image : url('../img/centre.png');
		height: 600px;
		width: 80px;
		z-index: 101;
		overflow: hidden;

		}
		
		
#ombre_droite {
		position: relative;
		top: 0px;
		left: -48px;
		border: 0px solid #000000;
		background-image : url('../img/centre.png');
		height: 600px;
		width: 80px;
		z-index: 111;
		overflow: hidden;

		}

#tranche {
		position: absolute;
		top: 27px;
		left: 487px;
		border: 0px solid #000000;
		background-image : url('../img/centre_ferme.png');
		height: 610px;
		width: 45px;
		z-index: 111;
		overflow: hidden;

		}
		
#aide {
		position: absolute;
		top: 20px;
		left: 270px;
		border: 0px solid #474747;
		height: 640px;
		width: 480px;		
		overflow: hidden;
		z-index: 10000;
		}
		
#aide_bdg{
		position: absolute;
		top: 52px;
		left: 2px;
		height: 550px;
		width: 6px;
		background-image : url('../img/aide_g.png');
		z-index: 0;
		}

#aide_bdd{
		position: absolute;
		top: 52px;
		left: 406px;
		height: 550px;
		width: 36px;
		background-image : url('../img/aide_d.png');
		}

#aide_bdb{
		position: absolute;
		top: 589px;
		left: 0px;
		height: 26px;
		width: 434px;
		background-image : url('../img/aide_b.png');
		}

#aide_bdh{
		position: absolute;
		top: 20px;
		left: 0px;
		height: 32px;
		width: 434px;
		background-image : url('../img/aide_h.png');
		z-index: 0;
		}
		
#aide_centre{
		position: absolute;
		top: 52px;
		left: 5px;
		height: 538px;
		width: 405px;
		background-color : #FFFFFF;
		}

#logo_big {
		position: absolute;
		top: 130px;
		left: 30px;
		border: 0px solid #474747;
		height: 260px;
		width: 430px;
		z-index: 0;
		overflow: hidden;		
		background-image : url('../img/logo_accueil_2.jpg');
		background-repeat: no-repeat;
		background-position: top center;
		}
		
#logo {
		position: absolute;
		top: 38px;
		left: 2px;
		border: 0px solid #474747;
		height: 66px;
		width: 68px;
		z-index: 0;
		overflow: hidden;	

		}
		
#cadre1 {
		position: absolute;
		top: 31px;
		left: 84px;
		background-color: #FFFFFF;
		border: 1px solid #FFFFFF;
		border-right: 1px solid #949393;
		height: 592px;
		width: 430px;
		z-index: 100;
		overflow: hidden;
		}
		
#contenu1 {
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: #FFFFFF;
		border: 0px solid red;
		height: 592px;
		width: 430px;
		z-index: 0;
		overflow: hidden;
		}
		

		
#cadre2 {
		position: absolute;
		top: 31px;
			left: 515px;
		background-color: #FFFFFF;
		border:	1px solid #FFFFFF;
		border-left: 1px solid #949393;
		height: 592px;
		width: 430px;
		z-index: 110;
		overflow: hidden;
		}

#contenud2 {
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: #FFFFFF;
		border: 0px solid red;
		height: 592px;
		width: 430px;
		z-index: 0;
		overflow:hidden;
		}
		
#cadre3 {
		position: absolute;
		top: 31px;
		left: 84px;
		left: 516px;
		border: 1px solid #FFFFFF;
		border-right: 1px solid #949393;
		height: 592px;
		width: 430px;
		z-index: 0;
		overflow: hidden;
		background-color: #FFFFFF;
		}
		
#contenu3 {
		position: absolute;
		top: 0px;
		left: 0px;
		
		border: 0px solid red;
		height: 592px;
		width: 430px;
		z-index: 0;
		overflow: hidden;
		}
		
#cadre4 {
		position: absolute;
		top: 31px;
		left: 515px;
		background-color: #FFFFFF;
		border: 1px solid #FFFFFF;
		border-left: 1px solid #949393;
		height: 592px;
		width: 430px;
		z-index: 0;
		overflow: hidden;
		
		}

#contenud4 {
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: #FFFFFF;
		border: 1px solid #FFFFFF;
		height: 592px;
		width: 430px;
		z-index: 0;
		overflow: hidden;
		}


#sommaire {
		position: absolute;
		top: 160px;
		left: 420px;
		background-color: #CCC1AF;
		background-color: #EEE8DD;
		
		border: 1px solid #000000;
		height: 360px;
		width: 250px;
		z-index: 1000;
		overflow: hidden;
		font: 11px Arial;
		color: #000000;
		padding: 20px;

		}
		
#imprimer {
		position: absolute;
		top: 20px;
		left: 490px;
		background-color: #EFE7DA;
		background-color: #EEE8DD;
		
		border: 1px solid #000000;
		height: 530px;
		width: 310px;
		z-index: 2000;
		overflow: hidden;
		font: 11px Arial;
		color: #000000;
		padding: 20px;

		}
		
#envoyer {
		position: absolute;
		top: 100px;
		left: 360px;
		height: 418px;
		width: 644px;
		z-index: 2000;
		overflow: hidden;
		background-image: url('../img/mail2.png');
		background-repeat: no-repeat;
		}
		
#stats {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 50px;
		width: 600px;
		z-index: 2000;
		backgroung-color: #FFFFFF;
		}

.dojoHtmlFisheyeListBar {
	margin: 0 auto;
	text-align: center;
	z-index: 1000;
}

.outerbar {
	text-align: center;
	padding-top: 10px;
	position: absolute;
	left: 351px;
	top: 622px;
	width: 336px;	
	z-index: 1000;
}

#partage {
	display: block;
	position: absolute;
	top: 60px;
	left: -40px;
	margin: 20px;
	font: 11px Arial;
	text-align: center;
	}
	
#zooma1 {
	cursor: url('../img/grab.cur');
	}

#zoomb1 {
	cursor: url('../img/grab.cur');
	}
	
#dunod_print {
	position: relative;
	top: 0px;
	display: block;
	height: 912px;
	width: 700px;
	clear: both;
	border: 1px solid #000000;
	}


#coing{
cursor: pointer; 

display: none; 
position: absolute; 
top: 33px; 
left: 82px; 
background-image: url('../img/pixel.gif'); 
background-repeat: repeat; 

height: 592px; 
width: 47px; 
border: 0px solid red; 
z-index: 2000;
}
	
#coing:hover{
background-image: url('../img/pli_g2.png'); 
background-repeat: no-repeat; 
background-position: bottom left; 
}

#coind{
cursor: pointer; 

display: none; 
position: absolute; 
top: 33px; 
left: 907px; 
background-repeat: repeat; 

height: 592px; 
width: 40px; 
border: 0px solid red; 
z-index: 2000;
background-image: url('../img/pixel.gif'); 
}
#coind:hover{
background-image: url('../img/pli_d2.png');
background-repeat: no-repeat; 
background-position: bottom left; 
}

div.text{
display: none;
}