body {background:#000;
      margin:0;
	  scrollbar-3dlight-color:#222;
      scrollbar-arrow-color:#FFF;
      scrollbar-base-color:#000;
      scrollbar-darkshadow-color:#222;
      scrollbar-face-color:#000;
      scrollbar-highlight-color:#000;
      scrollbar-shadow-color:#000}
	  
h3 {color:#ff11cf}

#outer        				 
	{position: absolute;
	 top: 50%;
	 left: 0px;
	 width: 100%;
	 height: 1px;}

#inner    
	{margin-left: -250px;
	 position: absolute;
	 top: -150px;
	 left: 50%;
	 width: 700px;
	 height: 300px}
	 
.bgtext, .bgtext_back 					
		{font-size: 150px;
		 position:absolute;
		 top:50px;
		 left:-110px;
		 right:-80px}
         
.bgsubtext, .bgsubtext_back 					
		{font-size: 52px;
		 position:absolute;
		 top:195px;
		 left:-30px;
		 right:-80px}

.bgtext_back, .bgsubtext_back
                {color:#141414;
                 font-family:verdana, helvetica, sans serif;}

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


div#text1_back, div#text2_back, div#text3_back, div#text4_back, div#text5_back, div#text6_back, div#text7_back
{color:#141414;
    font-family:verdana, helvetica, sans serif;
    position:absolute;}

div#text1, div#text2, div#text3, div#text4, div#text5, div#text6, div#text7
         {color:#222222;
		  font-family:verdana, helvetica, sans serif;
		  position:absolute;}

div#text1, div#text1_back {font-size:29px;
		top:6px;
		left:0px;}
		
div#text2, div#text2_back {font-size:60px;
		top:46px;
		left:20px;}
		
div#text3, div#text3_back {font-size:35px;
		top:60px;
		left:300px;}
		
div#text4, div#text4_back {font-size:70px;
		top:225px;
		left:35px;}
		
div#text5, div#text5_back {font-size:65px;
		top:165px;
		left:370px;}
		
div#text6, div#text6_back {font-size:45px;
		top:-5px;
		left:200px;}
		
div#text7, div#text7_back {font-size:28px;
		top:255px;
		left:400px;}
		




 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#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:-70px;
			 width:635px;
			 height: 400px;
			 overflow: auto;
			 font-family: verdana, helvetica, sans serif;
			 font-size: 13px;
			 color:white;
			 text-align:justify;
			 margin:3px;}

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


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

div#close {position:relative;
		   left:573px;
		   top:-47px;}
		   
div#inner div#close a:link, div#inner div#top 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, sans serif;
			 font-size:30px;
			 position:absolute;
			 top:-87px;
			 left:-69px} 



div#urltext, div#inner div#content a:link, div#inner div#content a:visited, div#inner a:hover, div#inner a:hover span
   			 {color:#ff11cf}
			 
div#content div#titlebar {border: 1px solid #222222;
				background: #000;
				font-weight: normal;
				color:  #ff11cf;}
				
div#content {margin-left:0;
			padding-right:8px;}
			 
.titleblock {font-family:verdana, helvetica, sans serif;
				font-size:12px;
				color:#ff11cf;
				font-weight:;
				margin-right:6px;
				margin-top:10px;
				margin-bottom:10px;
				margin-left:2px;
				border:1px solid #222;
				padding:4px}

.titleblock span {color:#ff11cf}
        
/* Decaler les paragraphes par rapport aux titres */
#paragraph {
	display:table;
    margin-left:20px;
    width:95%;
}
#paragraph p {
	display:table-row;
}
#paragraph p span {
	display:table-cell;
	padding:5px;
    width:15%;
    color:#fff;
    
}
#paragraph p span + span {
	display:table-cell;
	padding:5px;
    width:75%;
    color:#fff;
}

/* Gallerie photo */
#container {
	width: 560px; margin: 50px auto;
}

ul.gallery {list-style-type:none}

ul.gallery img {color:transparent}

ul.gallery li a {
	float: left;
	padding: 10px 10px 25px 10px;
	background: #eee;
	border: none;
    -moz-box-shadow: 0px 2px 15px #333;
	position: relative;
    color:#fff;
}

ul.gallery li a.pic-1 {
	z-index: 1;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
}
ul.gallery li a.pic-2 {
	z-index: 5;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
}
ul.gallery li a.pic-3 {
	z-index: 3;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
}
ul.gallery li a.pic-4 {
	z-index: 4;
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
}
ul.gallery li a.pic-5 {
	z-index: 6;
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
}

ul.gallery li a:hover {
    border: none;
	z-index: 10;
	-moz-box-shadow: 3px 5px 15px #333;
    color:#ff11cf;
}

/* Menu deroulant, partie "work" */
div#menu {
          width: 100%;
         }

div#menu ul.niveau1 {
             padding: 0;
             width: 100%;
             margin:0px;
            }

div#menu ul.niveau1 li.sousmenu {
                position:relative;
                list-style: none;
                border-bottom:none;
               }
               
div#menu ul.niveau1 ul.niveau2 ul {
    list-style-type:circle;
}

div#menu ul.niveau1 ul.niveau2 {
                position: relative;
                top: 0;
                left: 0;
               }  

div#menu li.sousmenu a {
               text-decoration: none;
              } 
body {
      behavior: url(csshover.htc);
     }

div#menu ul.niveau1 ul.niveau2 {
                position: relative;
                top: 0;
                left: 0;
                display:none
               }

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {
                                                  display:block;
                                                 }

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