@charset "iso-8859-1";
body {background: url(images/fond.jpg) maroon repeat; padding:0; margin:0;text-align: center; /* pour corriger le bug de centrage IE */ } 
 
.contenant {
		position:absolute; 
		left: 50%;  
		top: 50%; 
		width:775px;
		margin-left: -387px; /* moitié de la largeur */ 
		height:620px;
		margin-top: -310px; /* moitié de la hauteur */   
		/*border: 1px solid red; */
		text-align: left; /* on rétablit l'alignement normal du texte */  
		background: url(images/ecran.jpg) no-repeat; 
		padding: 0; 
} 

.hover {cursor: pointer;} 
.actif {cursor: auto;}

#lire {width: 70px; height: 85px; background: url(images/masque_lion.png); position: absolute; padding: 0; margin: 0;top:100px; left:0px} 
#lire.hover, #lire.actif { background-image: url(images/masque_lion_hover.png)} 

#saisir {width: 70px; height: 145px; background-image: url(images/masque-africain.png); position: absolute; padding: 0; margin: 0; top: 250px; left: 0px; }  
#saisir.hover, #saisir.actif {background-image: url(images/masque-africain_hover.png)}

#chinois1 {z-index:10; width: 80px; height: 80px; background-image: url(images/chinois1.png); position: absolute; padding: 0; margin: 0; top:70px; left:100px}   
#chinois1.hover, #chinois1.actif {background-image: url(images/chinois1_hover.png)} 

#chinois2 {z-index:10; width: 80px; height: 80px; float:left; background-image: url(images/chinois2.png); position: absolute; padding: 0; margin: 0; top:70px; left:200px}     
#chinois2.hover, #chinois2.actif {background-image: url(images/chinois2_hover.png)} 

#chinois3 {z-index:10; width: 80px; height: 80px; float:left; background-image: url(images/chinois3.png); position: absolute; padding: 0; margin: 0; top:70px; left:300px}   
#chinois3.hover, #chinois3.actif {background-image: url(images/chinois3_hover.png)} 

#cmd1,#cmd2,#cmd3 {height: 48px; width: 400px; padding: 10px; margin: 0; background: url(images/pixel-50-black.png); color: silver; border: 1px solid #90541E; position: absolute; top: 0px; left: 187px; text-align: center}	
input {	background: url(images/pixel-50-black.png); color: silver;}
input.alert {color:red;}

.contenu {width: 640px; height: 485px; position: absolute; padding: 0; margin: 0; top: 70px; left: 70px; text-align: center;/* border:1px solid cyan;*/}

.liste {width: 640px; height: 390px; position: absolute; padding: 0; margin: 0; top:165px; left:70px; /*border:1px solid yellow;*/}  

.calendar {width: 190px; height: 270px; background-image: url(images/calendar.jpg); position: absolute; padding: 0; margin: 0; top: 90px; left: 500px}   

.arthur {z-index:10; color: white; width: 173px; height: 117px; background: url(images/pixel-50-black.png); position: absolute; padding: 0; margin: 0; top: 98px; left: 509px; text-align: center}  

.fleur {width: 320px; height: 460px; background-image: url(images/nfleur.png); position: absolute; padding: 0; margin: 0; top:160px; left: 100px;}   

.pot {width: 85px; height: 85px; background-image: url(images/pot.png); position: absolute; padding: 0; margin: 0; top:520px; left: 200px;}   

.cadre {width: 200px; height: 208px; background-image: url(images/cadre1.png); position: absolute; padding: 0; margin: 0; top:430px; left: 570px;}   

.loading {width: 32px; height: 32px; background-image: url(images/loading.gif); position: absolute; padding: 0; margin: 0; top:460px; left: 610px;}   

iframe{padding: 0; margin: 0;border:0} 

.overflow {overflow-y: hidden; overflow-x: hidden;}

.supB {background: url(images/supB.png) no-repeat; float: left; height: 150px; width: 200px; padding: 20px; cursor: pointer; margin-left: 40px; margin-right: 25px}
.supJ {background: url(images/supJ.png) no-repeat; float: left; height: 150px; width: 200px; padding: 20px;cursor:pointer; margin-left: 40px; margin-right: 25px}

.rangB {background: url(images/supB.png) no-repeat; float: left; height: 150px; width: 200px; padding: 20px; cursor: pointer; margin-left: 40px; margin-right: 25px}
.rangJ {background: url(images/supJ.png) no-repeat; float: left; height: 150px; width: 200px; padding: 20px;cursor:pointer; margin-left: 40px; margin-right: 25px}

.selected {background: url(images/supR.png) no-repeat; float: left; height: 150px; width: 200px; padding: 20px;cursor:auto; margin-left: 40px; margin-right: 25px}
.canceled {background: url(images/sup.png) no-repeat; float: left; height: 150px; width: 200px; padding: 20px;cursor:auto; margin-left: 40px; margin-right: 25px}
 

#confSup {color: red; display: none; border-color: magenta; }
#confRang {color:red; display:none; border-color: magenta; }

table.install {background: url(images/pixel-50-black.png); color: #CCFFFF }