body {background:#000;
      margin:0;
	  scrollbar-3dlight-color:#222;
      scrollbar-arrow-color:#000;
      scrollbar-base-color:#000;
      scrollbar-darkshadow-color:#222;
      scrollbar-face-color:#000;
      scrollbar-highlight-color:#000;
      scrollbar-shadow-color:#000}
	  
#outer        				 
	{position: absolute;
	 top: 50%;
	 left: 0px;
	 width: 100%;
	 height: 1px;}

#inner    
	{margin-left: -250px;
	 position: absolute;
	 top: -150px;
	 left: 50%;
	 width: 560px;
	 height: 100px}
	 
	 

.bgtext 					
		{font-size: 140px;
		 position:absolute;
		 top:50px;
		 left:-140px;
		 right:-80px}

.bgtext, .zob 
		{color:#222;
		 font-family:arial, helvetica,  serif;}
		 
.zob {font-size:12px;
			 position:absolute;
			 top:320px;
			 text-align:center;
			 width:500px;}



div#text1, div#text2, div#text3, div#text4, div#text5, div#text6, div#text7, div#text8,
div#text9, div#text10,  div#text13, div#text15 
         {color:#222222;
		  font-family:verdana, helvetica,  serif;
		  position:absolute;}
 div#text11{color:#696969;
		  font-family:verdana, helvetica,  serif;
		  position:absolute;}

div#text12{color:#696969;
		  font-family:verdana, helvetica,  serif;
		  position:RELATIVE;}
div#text14{color:#696969;
		  font-family:verdana, helvetica,  serif;
		  position:absolute;}

div#text1 {font-size:29px;
		top:6px;
		left:-20px;}
		
div#text2 {font-size:55px;
		top:46px;
		left:20px;}
		
div#text3 {font-size:30px;
		top:90px;
		left:370px;}
		
div#text4 {font-size:50px;
		top:200px;
		left:45px;}
		
div#text5 {font-size:39px;
		top:180px;
		left:280px;}
		
div#text6 {font-size:35px;
		top:-5px;
		left:200px;}
		
div#text7 {font-size:28px;
		top:254px;
		left:330px;}

div#text8 {font-size:15px;
		top:6px;
		left:-50px;}
		
div#text9 {font-size:12px;
		top:290px;
		left:450px;}

div#text10 {font-size:12px;
		top:290px;
		left:100px;}		

div#text11 {font-size:15px;
		top:80px;
		left:-80px;}

div#text12 {font-size:15px;
		top:20px;
		left:170px;}

div#text13 {font-size:29px;
		top:-10px;
		left:-80px;}

div#text14 {font-size:18px;
		top:150px;
		left:-20px;}

div#text15 {font-size:29px;
		top:-10px;
		left:-80px;}		
				
		



 div#text1 a:hover span {top: -3px; 
						left: 0px; 
						width:}

 div#text2 a:hover span {top: -10px; 
						left: 0px; 
						width:}
						
 div#text3 a:hover span {top: -4px; 
						left: 0px; 
						width:}

 div#text4 a:hover span {top: -6px; 
						left: 0px; 
						width:}
		
 div#text5 a:hover span {top: -6px; 
						left: 0px; 
						width:}
						
 div#text6 a:hover span {top: -4px; 
						left: 0px; 
						width:}
						
 div#text7 a:hover span {top: -4px; 
						left: 0px; 
						width:}

div#text8 a:hover span {top: -4px; 
						left: 0px; 
						width:}

div#text9 a:hover span {top: -4px; 
						left: 0px; 
						width:}
							

div#text10 a:hover span {top: -4px; 
						left: 0px; 
						width:}	

div#text11 a:hover span {top: -4px; 
						left: 0px; 
						width:}	 

div#text12 a:hover span {top: -4px; 
						left: 0px; 
						width:}	


div#text15 a:hover span {top: -4px; 
						left: 0px; 
						width:}	

div#text14 a:hover span {top: -4px; 
						left: 0px; 
						width:}	     
div#inner a:hover, div#inner2 a:hover
				  {background: none;
				   cursor:crosshair;}

div#inner a span {display: none;}

div#inner a:visited span {display:none;}

div#inner a {text-decoration: none;
			 color:white;}

div#inner a:hover span {display: block;
						position:relative;
						background:none;
						font-size:14px}
						
div#inner a:link, div#inner a:visited {text-decoration:none;}

div#inner a:hover {text-decoration:none}



div#content {position:absolute;
			 top:50px;
			 left:120px;
			 width:450px;
			 height: 280px;
			 overflow: auto;
			 font-family: verdana, helvetica,  serif;
			 font-size: 13px;
			 color:white;
			 text-align:justify;
			 margin:3px;}


div#bando {position:relative;
			 top:-50px;
			 left:-100px;
			 width:210px;
			 height: 250px;
			 overflow: auto;
			 font-family: verdana, helvetica,  serif;
			 font-size: 13px;
			 color:white;
			 text-align:justify;
			}

div#banda {position:relative;
			 top:290px;
			 left:-100px;
			 width:200px;
			 height: 80px;
			 overflow: auto;
			 font-family: verdana, helvetica,  serif;
			 font-size: 13px;
			 color:black;
			 text-align:justify;
                         border: 0px solid #222
			}
div#coeur {position:absolute;
			 top:50px;
			 left:120px;
			 width:450px;
			 height: 280px;
			 overflow: auto;
			 font-family: verdana, helvetica,  serif;
			 font-size: 15px;
			 color:white;
			 text-align:center;
			 margin:3px;}


div#marge {position:absolute;
			 top:-50px;
			 left:300px;
			 width:300px;
			 height: 30px;
			 overflow: auto;
			 font-family: verdana, helvetica,  serif;
			 font-size: 12px;
			 color:white;
			 text-align:center;
			 margin:3px;}






div#inner div#content div#coeur a:hover {text-decoration:underline;}
div#inner div#margin a:hover {text-decoration:underline;}

			 


div#close, div#top 
          {width:17px;
		   height:17px;
		   background:none;
		   text-align:center;
		   font-family:verdana, helvetica, serif;
		   font-weight:bold;
		   font-size:12px;
		   border: 1px solid #222}
   
div#top {position:relative;
		   left:578px;
		   top:295px}

div#close {position:relative;
		   left:577px;
		   top:53px;}
		   
div#inner div#close a:link, div#inner div#top div#banda a:link {color:#fff; cursor:default;}
div#inner div#close a:visited, div#inner div#top a:visited {color:#fff; cursor:default;}
div#inner div#close a:hover, div#inner div#top a:hover {color:#fff; cursor:default;}



div#urltext {font-family:verdana, helvetica, serif;
			 font-size:30px;
			 position:absolute;
			 top:-50px;
			 left:-69px} 



div#urltext, div#inner div#content div#coeur a:link, div#inner div#content a:visited, div#inner a:hover, div#inner a:hover span
   			 {color:#FF990A}
			 
div#content div#titlebar {border: 1px solid #222222;
				background: #000;
				font-weight: normal;
				color:  #ff7c11;}

				
div#content {margin-left:0;
			padding-right:8px;}
div#bando {margin-left:0;
			padding-right:8px;}
div#coeur {margin-left:0;
			padding-right:8px;}
			 
			 
			 
.titleblock {font-family:verdana, helvetica, serif;
				font-size:12px;
				color:#ff7c11;
				font-weight:;
				margin-right:6px;
				margin-top:10px;
				margin-bottom:10px;
				margin-left:2px;
				border:1px solid #222;
				padding:4px}
				
.titleblock span {color:#ff7c11}

#urltext a:link {color:#444}
#urltext a:visited {color:#444}
#urltext a:hover {color:#444}
#urltext a:active {color:#444}

#picturelist {
text-align:right;
list-style-type:none;
margin-right:15px;
margin-left:30px;
}

#picturelist li {
float:right;
margin-right:20px;
margin-bottom:10px;
font-weight:bold;
color:#777777;
}

#picturelist img{
display:block;
border:1px solid #222;
}

#picturelist img:hover{
border:1px solid #fff;
}

#picturelist a{
color:#777777;
text-decoration:none;
}

#picturelist a:hover{
color:#999999;
}



dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* Menu position that can be changed at will */
toP : 0;
left: 0;
z-index:100;
width: 100%; /* precision for Opera */
}
#menu dl {
float: LEFT;
width: 7em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: normal;
background: #222;
border: 1px solid gray;
margin: 1px;
color:white;
font-family:verdana, helvetica,  serif
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #000;
}
#menu li a, #menu dt a {
color: #DCDCDC;
text-decoration: none;
display: block;
height: 100%;
border: 1 ;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #222;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 0px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

.aide {
   border-bottom : 1px #888 dashed;
   cursor: help;
}

.bulle-aide {
  position: absolute;
  left: 0;
  top: 0;
  padding: 4px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  background-color: #ffffe8;
  border: 1px #888 solid;
  visibility: hidden;
  z-index: 100;
}

/* utile seulement si vous placer des tableaux dans vos bulles */
.bulle-aide th, .bulle-aide td {
  font-size: 11px;
}

.bulle-aide caption {
  font-size: 12px;
  font-weight: bold;
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: 808080;
color: White;
float: left;
width: 100%;
font-family: verdana, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.1em 0.3em;
background-color: #222;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #000;
}

#navcontainer ul li a:hover
{
background-color: #696969;
color: white;
}