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

 
    body  {
		font: 100% Verdana, Arial, Helvetica, sans-serif;
		background: #666666;
		margin: 0; 
		padding: 0;
		text-align: center; 
		color: #000000;
		background-color: #FFFFFF;
		background-image: url(anjouan08.jpg);
    }
    .thrColAbsHdr #container { 
    	position: relative; 
    	width: 1000px;  
    	background-image: url(fond.gif);
    	margin: 0 auto; 
    	border: 1px solid #000000;
    	text-align: left; 
    } 
    
    .thrColAbsHdr #header { 
    	height: 160px; 
    	background: #000000; 
    	padding: 0 10px 0 20px;
    } 
    .thrColAbsHdr #header h1 {
    	margin: 0; 
    	padding: 10px 0; 
    }
    .thrColAbsHdr #sidebar1 {
    	position: absolute;
    	top: 160px;
    	left: 0;
    	width: 230px; 
    	background: #969696;
    	padding: 15px 10px 15px 20px;
    }
    .thrColAbsHdr #sidebar2 {
    	position: absolute;
    	top: 160px;   
    	right: 0;
    	width: 208px;
    	background: #969696;
    	padding: 15px 10px 15px 20px;
    }
	
	  .thrColAbsHdr #sidebar3 {
	position: absolute;
	top: 250px;
	left: 261px;
	width: 471px;
	background: #F0C54F;
	padding: 15px 10px 15px 20px;
	height: 342px;
    }
	.thrColAbsHdr #parole {
	position: absolute;
	top: 160px;
	left: 261px;
	width: 471px;
	background: #F0C54F;
	padding: 15px 10px 15px 20px;
	height:60px;
	}
    .thrColAbsHdr #publication {
		position: relative; 
   	 	width: 1000px;
		top:467px;
		height:390px; 
		background-image:url(img/comores.jpg);
    	margin: 0 auto; 
    	border: 1px solid #000000;
    	text-align: left; 
    }
	
	.thrColAbsHdr #gauche {
		position:absolute;
		width: 500px;
		background-image:url(img/back.gif);
		top:auto;
		left:0px;
		text-indent: 0.5cm;
	}	
	.thrColAbsHdr #droite {
		position:absolute;
		width: 550px;
		background-image:url(img/background7.gif);
		top:auto;
		left:450px;
		text-indent: 0.5cm;
			
	}
	
	#comores1 {
	 	background-image:url(../drp.gif); background-repeat:no-repeat;
		background-position:600px 400px;
	}
	#comores2 {
	 	background-image:url(../drp.gif); background-repeat:no-repeat;
	 	background-position:600px 400px;
	}
	#fin d'année{
		position: absolute;
		top:auto;
		left:auto;
		background-color:#009966;
		text-shadow: 3px 3px 5px red;
	}
	.identifiant{
		text-shadow: 3px 3px 5px red;
	}
	
	
#embleme	{
			position:absolute;
			width: 200px;
			height: 200px;
			}
#logo 		{
			position:absolute;
			top:0px;
			left:200px;
			}  
#drapeau	{
	position:absolute;
	top:3px;
	left:820px;
	width: 200px;
			} 
#videoT {
	position:absolute;
	top:209px;
	width:490px;
	height:402px;
	background: #000000;
	}	
#texteV {
		position:absolute;
		width: 510px;
		top:209px;
		left:490px;
		background-color:#009966;
		text-indent: 0.5cm;
	}			
	

	.imageflottante{
   		float: left;
   		border-width: 6px;
   		border-style: groove;
   		border-color: white;
	}
	.thrColAbsHdr #mainContent { 
    	margin: 0 230px;
    	padding: 0 10px;
    }
    .thrColAbsHdr #footer { 
		position: relative; 
   	 	width:1000px;
		top:385px;
		height:90px; 
    	padding: 0 10px 0 20px;
    	background:#DDDDDD;
    } 
	 .thrColAbsHdr #pied { 
		position: relative; 
   	 	width: 1000px;
		top:400px;
		height:90px; 
    	padding: 0 10px 0 20px;
    	background:#DDDDDD;
    } 
	.thrColAbsHdr #footer p {
    	margin: 0; 
    	padding: 10px 0;
    }
    .fltrt { 
    	float: right;
    	margin-left: 8px;
    }
    .fltlft {
    	float: left;
    	margin-right: 8px;
    }
	.Style1 {
		font-size: 36px;
		font-family: "Times New Roman", Times, serif;
	}
	.Style5 {font-family: "Times New Roman", Times, serif}
	.Style6 {color: #FF0000}
	.Style7 {color: #000000}
	.Style10 {
		font-size: 24px;
		color: #000000;
	}
	.Style13 {
		color: #0000FF;
		font-family: "Times New Roman", Times, serif;
	}
	.Style15 {
		color: #004080;
		font-size: 36px;
		font-family: "Times New Roman", Times, serif;
	}
	.milieu {
	position:absolute;
	top:190px;
	left:333px;
	text-indent: 0.5cm;
	background-color: #FF9900;		
	}  
	
	.Style17 {
		font-family: "Times New Roman", Times, serif;
		font-size: 14px;
		font-weight: bold;
		color: #FF0000;
	}
	.Style18 {font-size: 14px}
	.Style20 {
		font-size: 16px;
		color: #990000;
		font-weight: bold;
	}
	.Style22 {
		font-size: 18px;
		font-family: "Times New Roman", Times, serif;
		color: #FF0000;
	}
	.Style23 {color: #990000}
	.Style24 {
		font-size: 12px
	}
 .xd{
 position:absolute;
 top:auto;
 
 }
 
     
ul.liste, .liste li, .liste a {
padding:0px ; margin:0px}
.liste {
	width :15em ;
	list-style-type:none
}
.liste li a {border-left:1.5em solid gray ;
background-color:gray ;
display:block;
padding-left:0.5em ;
color:black ;
text-decoration:none ;
height:1.5em}
.liste li a:hover {
background-color:black ;
color:white ;
border-left-color:red}

a img {border:none}
a:hover {border:0px }
a:hover img {border:2px #336699 dotted}