

a:link
	{
	text-decoration:none;
	color:rgb(23,25,190);
	font-weight:bold;
	
	} 

a:visited
	{
	text-decoration:none;
	color:rgb(255,105,105);
	font-weight:bold;
	z-index:0
	
	}
a:hover
	{
	text-decoration:none;
	color:rgb(10,10,255);
	
	z-index:0;
	background-color:#f8f;
	
	}

 
.flash
{
margin-top:10px;
margin-left:30px;
font-size:14px;
font-weight:bold;
background-color:#aaff88;
width:550px;
height:100px;
padding:5px;
}
	







  .b1
{
position:absolute;
top:60px;
width:120px;
background-color:#8aaa8a;
padding:5px;
margin:0px
}

body
{
background-color:#edeefa;
font-size:16px;
color:#0000ff;
}
 a.case:link
	{
	text-decoration:none;
	color:rgb(23,25,190);
	font-weight:bold;z-index:0;
	
padding:5px;
margin-top:-1px;
	} 
	a.case:visited
	{
	text-decoration:none;
	color:rgb(255,105,105);
	font-weight:bold;
z-index:0
	}
	a.case:hover
	{
	text-decoration:none;
	color:rgb(100,10,105);
	font-weight:bold;
z-index:0;
	background-color:#eeaaff;
	
	}
	.case
	{	 display:block; 
		position:relative;
		left:5px;		
   		top:50px;
		width:100px;
		height:10px;
		margin-left:3px;
		margin-top:1px;
		padding:3px ;	
		vertical-align:middle;
		   line-height:1%;
		font:14px; 
		z-index:0
	}  
	
.caseb
	{	
		display:block; 
		position:absolute;
		width:400px;
		top:200px;
		left:20px;
		height:500px;  
		
		z-index:1
	}  
.model
	{	
		 display:block; 
		position:relative;
		top:310px;
		left:250px;  
		
   		
		
	}  


a.case_menu_compet:link
	{
	text-decoration:none;
	color:rgb(150,250,10);
	font-weight:bold;z-index:0

	} 
a.case_menu_compet:visited
	{
	text-decoration:none;
	color:rgb(255,255,255);
	font-weight:bold;z-index:0
	}
a.case_menu_compet:hover
	{
	text-decoration:none;
	color:rgb(100,10,105);
	font-weight:bold;z-index:0
	}
.case_menu_compet
	{	 
		position:relative;
		top:0px;
		
		width:90px;
		height:10px;
		margin-left:2px;
		vertical-align:middle;
		font-size:12px; 
		z-index:0
	}  
.natcomp
{
display:block;

width:600px;
height:550px;
font-size:15px;

position:relative;
top:120px;
left:190px;
text-align:justify;
padding:5px;


}
.img1
{
float:left;
width:400px;
margin-right:10px
}
.img2
{
float:left;
width:300;
margin-right:10
}

.img3
{
float:right;
width:400px;
margin-left:10px
}
.img1cif
{
float:right;
width:280px;
margin-left:10px;
margin-top:10px;
}
.AQimg1
{
float:left;
width:200;
margin-right:10
}
.AQimg2
{
float:right;
width:200px;
margin-left:10px
}




.AQimg3
{
float:left;
width:350px;
margin-right:10px
}




.natcomp1
{


position:Absolute;
width:350px;
height:350px;
top:150px;
left:820px;

}
.ACTUALITES
{
display:block;
overflow:auto;
width:230px;
height:225px;
position:relative;
top:50px;
left:10px;
font-size:15px;
color:#ff8888;
text-align:justify;
padding:5px;

}
  
 
.ACTUAL1
{
display:block;
overflow:scroll;
margin-top:1px;
border-bottom:1px solid #aaaaaa; 	   
border-left:1px solid  #aaaaaa;
border-right:1px solid #aaaaaa;	
width:188px;
height:106px;
font-size: 12px;
font-weight:bold;
background-color:#ffffaa;
color:#ffaabb;
text-align:justify;
padding:3px;


}
.ACTUAL2
{
display:block; 
margin-top:1px;
background-color:#ccff99;
font-weight:bold;
font-size: 12px;
width:190px;
height:16px;
color:#0000ff;

padding:3px;
}
.ACTUAL21
{
display:block; 
margin-top:1px;
background-color:#ccff99;
font-weight:bold;
font-size: 10px;
width:186px;
height:16px;
color:#0000ff;
margin-left:3px;
padding:5px;
}
.PHOTO
{ 
display:block; 
margin-top:-3px;
width:90px;
height:16px;
font-size: 12px;
font-weight:bold;
background-color:#ccff99;
color:#0000ff;

padding:3px;
}
.VIDEO
{display:block;  
margin-top:-22px;
margin-left:97px;
background-color:#ccff99;
width:93px;
height:16px;
font-size: 12px;
font-weight:bold;
color:#0000ff;
padding:3px;

}
.ACTUAL32
{ 
display:block; 
background-color:#ccff99;
width:190px;
height:16px;
font-size: 12px;
font-weight:bold;
color:#0000ff;
margin-left:0px;
padding:3px;

}
.RESULTAT
{
display:block;  
margin-top:1px;
background-color:#ccff99;
width:190px;
height:16px;
font-size: 12px;
font-weight:bold;
color:#0000ff;

padding:3px;
}
.ACTUAL5
{ 
display:block; 
background-color:#ccff99;
width:188px;
height:16px;
font-size: 10px;
font-weight:bold;
color:#0000ff;
margin-left:-2px;
padding:3px;

}
.ACTUAL6
{ 
display:block; 
background-color:#cf9;
width:188px;
height:16px;
font-size: 10px;
font-weight:bold;
color:#00f;
margin-left:-2px;
padding:3px;
}
.liens
{ 
display:block;
overflow:auto;
background-color:#ccff99;
width:200px;
height:100px;
font-size: 11px;
font-weight:bold;
color:#0000ff;
padding:5px;

}
#aform
{
font-size: 16px;


width:18px;
height:18px;
background-color:#ffffee;
border-left:1px solid #ffffff;
padding:1px;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
border-right:1px solid #ffffff;
text-decoration:none;
text-align:middle;

}

.emoti
{
float:left;
width:100px;
margin-right:10px;
margin-top:10px	;
}
.imgL
{
float:left;
width:350px;
margin-right:10px;
margin-top:10px	;
}
.imgR
{
float:Right;

width:350px;
margin-left:10px;
margin-top:10px	;
}

.zonecolor

{
padding:3px;
background-color:#ffff88;
}



#gauche
{
display:block;
overflow:hidden;
width:204px;
height:795px;
background-color:#59f;
color:#00f;

}

#logo
{display:block; 
position:relative;
top:5px;
margin-left:1px;
padding:4px,
}
#menu1
{display:block; 
text-align:left;
margin-top:5px;
margin-left:4px;
margin-right:1px;
font-size:13px;
height:120px;
width:190px;
background-color:#2222cc;
padding:3px;
			 
}
#menu_fichier
{
display:block;
height:135px;
text-align:left;
margin-top:1px;
margin-left:1px;
margin-right:1px;
width:190px;

}
#contact1
{
text-align:left;
margin-top:50px;
margin-left:3px;
margin-right:1px;
background-color:#ffffaa;
font-size:12px;
display:block;
width:190px;
border-left:1px solid #0000ff;
border-right:1px solid #0000ff;
border-top:1px solid #0000ff;
border-bottom:1px solid #0000ff;
padding:3px;
}
				
#contact
{
text-align:left;
margin-left:3px;
margin-right:1px;
background-color:#fefeaa;
font-size:12px;
display:block;
width:190px;
height:110px;
border-left:1px solid #0000ff;
border-right:1px solid #0000ff;
border-top:1px solid #0000ff;
border-bottom:1px solid #0000ff;
padding:3px;
}
#webmaster
{display:block; 
text-align:left;
background-color:#fefeaa;
font-size:12px;

width:190px;
margin-bottom:5px;
margin-left:3px;
margin-right:1px;
border-left:1px solid #0000ff;
border-right:1px solid #0000ff;
border-top:1px solid #0000ff;
border-bottom:1px solid #0000ff;
padding:3px;
}

a:link.titre
	{
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	height:20px
	
	} 

a:visited.titre
	{	
	text-decoration:none;
	color:#ff0000;	
	width:180px;height:20px
	}
a:hover.titre
	{
	text-decoration:none;
	color:#0000ff;	
	background-color:#ffff55;
	 width:180px;height:20px
	}  
	
#droite
{
 color:#00f;
display:block;

margin-top:0px;
margin-left:2px;

width:850px;
height:790px;

}

#Ititre
{
margin-top:0px;
margin-left:32px;
font-size: 28px;
font-family:comic sans MS;
color:#00f;
padding:5px;
}

#Ititre1
{
margin-top:-50px;
margin-left:31px;
font-size: 28px;
font-family:comic sans MS;
color:#3f5fff;
padding:5px;


}

#SItitre
{
display:block;
height:30px;
margin-top:0px;
margin-left:32px;
font-size: 20px;
font-family:comic sans MS;
color:#00f;
padding:5px;

}

#SItitre1
{
display:block;
margin-top:0px;
margin-left:33px;
height:30px;
margin-top:-41px;
font-size: 20px;
font-family:comic sans MS;
color:#3f5fff;
padding:5px;


}






 #blockPage1
{
display:block;
overflow:auto;
width:820px;
height:700px;
margin-top:10px;
margin-left:15px;
font-size: 15px;

font-family:comic sans MS;
color:#05f;
padding:5px;
text-align:justify;

}
#blockaccueil1
{
position:relative;
display:block;
overflow:hidden;
width:800px;
height:710px;
margin-left:15px;
margin-top:10px;
font-size: 15px;
font-family:comic sans MS;
color:#05f;
padding:5px;
border-left:1px solid #0000ff;
border-right:1px solid #0000ff;
border-top:1px solid #0000ff;
border-bottom:1px solid #0000ff;

}


#blockaccueil1-1
{
display:block;
overflow:hidden;
width:800px;
height:240px;
margin-top:20px;
margin-left:15px;
font-size: 15px;
font-family:comic sans MS;
color:#05f;
padding:5px;
border-left:1px solid #0000ff;
border-right:1px solid #0000ff;
border-top:1px solid #0000ff;
border-bottom:1px solid #0000ff;

}
#blockaccueil1-2
{
display:block;
overflow:hidden;
width:800px;
height:250px;

margin-top:20px;
margin-left:15px;
font-size: 15px;
font-family:"comic sans MS";
color:#05f;
padding:5px;
border-left:1px solid #0000ff;
border-right:1px solid #0000ff;
border-top:1px solid #0000ff;
border-bottom:1px solid #0000ff;

}


#blockaccueil2
{
display:block;
overflow:hidden;
width:800px;
height:240px;
margin-top:10px;
margin-left:15px;
font-size: 15px;
font-family:"comic sans MS";
color:#05f;
padding:5px;
border-left:1px solid #0000ff;
border-right:1px solid #0000ff;
border-top:1px solid #0000ff;
border-bottom:1px solid #0000ff;
}

#blockaccueil3
{
display:block;
overflow:hidden;
width:800px;
height:185px;
margin-top:20px;
margin-left:15px;
font-size: 15px;
font-family:"comic sans MS";
color:#05f;
padding:5px;
border-left:1px solid #0000ff;
border-right:1px solid #0000ff;
border-top:1px solid #0000ff;
border-bottom:1px solid #0000ff;
 }

 
#msgaccueil
 {
margin-top:20px;
margin-left:30px;
width:120px;
background-color:#00f;
font-size: 14px; 
font-family:arial ;
font-weight:bold;
color:#fff;
padding:3px;

 }
#cadreacceuil
 {
margin-top:-31px; 
margin-left:181px;
background-color:#000;
border-left:1px solid;
border-right:1px solid;
border-top:1px solid;
border-bottom:1px solid;
display:block;
width:562px; 
height:30px;

 }

 #cadreacceuil1
 {
margin-top:1px;
margin-left:-2px;
background-color:#ff9;
font-size:16px;
font-weight:bold;
color:red;
padding:5px;
border-left:2px solid #111;
border-right:2px solid #111;
border-top:2px solid #111;
border-bottom:2px solid #111;
display:block;
width:550px; 
height:25px;

 }
 
 
 #copyright
 {
margin-top:18px;
margin-left:-2px;
font-size:14px;
font-weight:bold;
padding:5px;
display:block;
width:190px; 
height:25px;

 }
 #copy
  {
margin-top:-10px;
margin-left:555px;
font-size:12px;
font-weight:bold;
padding:5px;
display:block;
width:190px; 
height:25px;

 }
 #ffn
  {
margin-top:-30px;
margin-left:10px;
font-size:10px;
font-weight:bold;
padding:5px;
display:block;
width:550px; 
height:25px;

 }
 
 
 #titrepresentation
  {
margin-top:0px;
margin-left:0px;
font-size:14px;
font-weight:bold;
padding:5px;
display:block;
width:400px; 
height:25px;
 
 }
 
 #texte
  {
margin-top:0px;
margin-left:5px;
font-size:15px;
font-weight:bold;
padding:0px;
display:block;
width:90px; 
height:20px;
	
 }
 #texte1
  {
margin-top:-20px;
margin-left:90px;
font-size:15px;
font-weight:bold;
padding:0px;
display:block;
width:750px; 
height:20px;
   
 }
#4nages
{

font-size:15px;
font-weight:bold;
padding:0px;
display:block;
float:left;
width:750px; 
height:20px;
}
 #ou

  {
margin-top:-45px;
margin-left:220px;
font-size:25px;
font-weight:bold;
padding:0px;
display:block;
width:30px; 
height:50px;
   
 }
 #ou1

  {
margin-top:-56px;
margin-left:270px;
font-size:15px;
font-weight:bold;
padding:0px;
display:block;
width:300px; 
height:25px;
   
 }


.infobulle
{
position: absolute;

visibility : hidden;
border: 1px solid Black;
padding: 10px;
font-family: Verdana, Arial;
font-size: 8px;
background-color: #FFFFCC;
}

#position
{
display:block;
float:left;
width:100px;
font-size: 14px;
font-weight:bold;

}
fieldset.fieldmsg {
   position : relative;  
    padding-top : 20px;  
    padding-bottom : 10px;
    display : block;
    border : 1px solid black;
    width : 30em;
    background-color : #ff9;
    margin-bottom : 15px;
padding-left:15px;
padding-right:15px;
font-size : 18px;
color:#55f;

}


fieldset {
   position : relative;  
    padding-top : 10px;  
    padding-bottom : 10px;
    display : block;
    border : 1px solid black;
    width : 45em;
    background-color : #ff8;
    margin-bottom : 15px;
padding-left:15px;
padding-right:15px;
font-size : 18px;
color:#55f;
margin-top:30px;
}

legend {
    position : absolute;
    top : -15px;
    font-weight : bold;
    font-size : 18px;
    padding : 0px 10px 0px 10px;
    border-color: black;
    border-style : solid;
    border-width : 1px;
    background-color : #C3E0E8;
}
.Nom
{
font-size:20px;
padding:10px;
background-color:#ee5;
color:#00f;

}
