html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
background:#000 url(pix/fond.png) repeat-x 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}



div#back { /*position:absolute; top:50%; left:5px; */ 
float:left; width:365px; height: 110px; border:0px solid red; margin-top:150px; margin-left:360px;
/*margin:-55px 0 0 0;*/ }


/*#theForm { POSITION:absolute; LEFT:100px; TOP:200px; Z-INDEX:1  }*/
#theplayerholder {  width:800px; height:400px; border:0pt solid red; 
position:absolute; top:50%; left:50%; margin:-200px 0 0 -500px; 
 }
/*
#theForm {  width:355px; margin:0 auto 0 auto;  }*/
#placeholder { 
width:360px; border:0pt solid white; float:left; overflow:hidden; height:500px; display:block;
 }
 
h1#ah a {
display:block;
text-indent:-900%;
width:169px;
height:30px;
border:0pt solid red;
background:transparent url(pix/adrien.png) no-repeat 0 0;
margin-top:50px;
}

ul.menu { float:left;list-style:none; color:#fff;  margin-top:10px; border:0pt solid red; overflow:hidden; height:18px; border:0pt solid white}
ul.menu li {list-style:none; float:left; margin-right:5px;  }
ul.menu li a {color:#8ADBFF; text-decoration:none;}
ul.menu li a:hover {color:#fff; text-decoration:none;}




a#bret {
width:12px;
height:12px;
display:inline;
overflow:hidden;
text-indent:-900%;
float:left; 

background:transparent url(pix/fl12.png) no-repeat 0 0;
margin:11px 5px 0 0;
padding:0;
}

.ajax-loading {background:transparent url(pix/ajax2.gif) no-repeat center 210px;}

ul.leul li {  float:left; margin:15px; width:84px; height:64px; overflow:hidden; }
ul.leul li a { display:block; width:80px; height:60px; text-indent:-9990px; overflow:hidden; border:1px inset #8ADBFF; border-bottom:1px outset #8ADBFF;  border-right:1px outset #8ADBFF; }
ul.leul li a:hover { border:1px inset #FFF; border-bottom:1px outset #FFF; border-right:1px outset #FFF;  }

.tool-tip, .marsu-tip {
	color: #fff;
	z-index: 13000;	
}

.tool-title, .marsu-title {
	font-weight: bold;
	font-size:0.8em;
	margin: 0;
	color: #fff;
	padding:0;
	border:0pt solid green;
	background:transparent url(pix/toolclose.png) no-repeat right 0;
	
	height:19px;
	float:left;
	
	overflow:hidden;
}
.marsu-title {background:transparent url(pix/tip2.png) no-repeat right 0; }
.tool-title span, 
.marsu-title span { 
float:left; 
padding:4px 0 0 20px; 
height:16px; 
display:block;
width:auto; 
margin:0 8px 0 0; 
background:transparent url(pix/tolltop.png) no-repeat 0 0; 
}

/**>.tool-title span, 
*>.marsu-title span { float:left; padding:4px 0 0px 0; height:16px; display:block; margin:0 0 0 0;  background:transparent url(pix/tolltop.png) no-repeat 0 0; border:0pt solid red;}*/

.marsu-title span { padding:4px 0 0 10px;  background:transparent url(pix/tip.png) no-repeat 0 0;}

.tool-text, .marsu-text {
	font-size: 11px;
	padding:0 10px 0 0;
	
	color:#160963;
	text-align:justify;
	margin:0;
	float:left;
	clear:left;
	background:transparent url(pix/bastip3.png) no-repeat right bottom;
	border:0pt solid red;
}
.tool-text span {   display:block; margin:0 0 0 0; padding:0 0 0 0; border:0pt solid red; background:none; }
.tool-text span p { border:0pt solid green; background:#fff; margin:0 0 0 0; padding:4px 0 0 10px;}
.tool-text span h1 {
width:100%; height:5px; margin:0; padding:0; display:block; border:0pt solid blue;
background:transparent url(pix/bastip2.png) no-repeat 0 bottom;}
ul.leul li#digi a { background:#fff url(http://www.adrienheinz.com/vidz/art/pubdigilife_new.jpg) no-repeat;}
ul.leul li#min a { background:#fff url(http://www.adrienheinz.com/vidz/art/minute.jpg) no-repeat;}
ul.leul li#portun a { background:#fff url(http://www.adrienheinz.com/vidz/art/portun.jpg) no-repeat;}
ul.leul li#portde a { background:#fff url(http://www.adrienheinz.com/vidz/art/portde.jpg) no-repeat;}
ul.leul li#porttr a { background:#fff url(http://www.adrienheinz.com/vidz/art/porttr.jpg) no-repeat;}
ul.leul li#sablier a { background:#fff url(http://www.adrienheinz.com/vidz/art/sablier.jpg) no-repeat;}

ul.leul li#diptyque a { background:#fff url(http://www.adrienheinz.com/vidz/art/dyptique3.jpg) no-repeat;}
ul.leul li#enclosinging a { background:#fff url(http://www.adrienheinz.com/vidz/art/enclosinging.jpg) no-repeat}
ul.leul li#ciel a { background:#fff url(http://www.adrienheinz.com/vidz/art/entre_ciel_et_terre.jpg) no-repeat;}
ul.leul li#in_the_geometric a { background:#fff url(http://www.adrienheinz.com/vidz/art/in_the_geometric.jpg) no-repeat;}
ul.leul li#implosion a { background:#fff url(http://www.adrienheinz.com/vidz/art/implosion.jpg) no-repeat;}
ul.leul li#plume a { background:#fff url(http://www.adrienheinz.com/vidz/art/plume.jpg) no-repeat;}
ul.leul li#quadryptique a { background:#fff url(http://www.adrienheinz.com/vidz/art/quadryptique.jpg) no-repeat;}
ul.leul li#mille a { background:#fff url(http://www.adrienheinz.com/vidz/art/mille.jpg) no-repeat;}
ul.leul li#post3 a { background:#fff url(http://www.adrienheinz.com/vidz/art/post3.jpg) no-repeat;}
ul.leul li#merou a { background:#fff url(http://www.adrienheinz.com/vidz/art/merou80.jpg) no-repeat;}

ul.leul li#sodium a { background:#fff url(http://www.adrienheinz.com/vidz/tof/sodium/mini.jpg) no-repeat;}
ul.leul li#anthracite a { background:#fff url(http://www.adrienheinz.com/vidz/tof/anthracite/mini.jpg) no-repeat;}
ul.leul li#blur a { background:#fff url(http://www.adrienheinz.com/vidz/tof/blur/mini.jpg) no-repeat}

ul.leul li#neige a { background:#fff url(http://www.adrienheinz.com/vidz/tof/neige/mini.jpg) no-repeat;}
ul.leul li#cendre a { background:#fff url(http://www.adrienheinz.com/vidz/tof/cendre/mini.jpg) no-repeat;}
ul.leul li#tension a { background:#fff url(http://www.adrienheinz.com/vidz/tof/tension/mini.jpg) no-repeat;}
ul.leul li#cage a { background:#fff url(http://www.adrienheinz.com/vidz/tof/cage/mini.jpg) no-repeat;}
ul.leul li#bleutof a { background:#fff url(http://www.adrienheinz.com/vidz/tof/bleu/mini.jpg) no-repeat;}
ul.leul li#mekong a { background:#fff url(http://www.adrienheinz.com/vidz/tof/mekong/mini.jpg) no-repeat;}
ul.leul li#mud a { background:#fff url(http://www.adrienheinz.com/vidz/tof/mud/mini.jpg) no-repeat;}
ul.leul li#vrac a { background:#fff url(http://www.adrienheinz.com/vidz/tof/vrac/mini.jpg) no-repeat;}


ul.leul li#col a { background:#fff url(http://www.adrienheinz.com/vidz/rep/colombie.jpg) no-repeat;}
ul.leul li#bleu a { background:#fff url(http://www.adrienheinz.com/vidz/rep/bleusdsgdeverte.jpg) no-repeat;}
ul.leul li#est a { background:#fff url(http://www.adrienheinz.com/vidz/rep/est.jpg) no-repeat;}
ul.leul li#mul a { background:#fff url(http://www.adrienheinz.com/vidz/rep/mullerlaufen.jpg) no-repeat;}

ul.leul li#f24 a { background:#fff url(http://www.adrienheinz.com/vidz/rep/f24.jpg) no-repeat;}
ul.leul li#forges a { background:#fff url(http://www.adrienheinz.com/vidz/rep/forges.jpg) no-repeat;}
ul.leul li#eleb a { background:#fff url(http://www.adrienheinz.com/vidz/rep/eleb.jpg) no-repeat;}


ul.leul li#nekya14 {  float:left; margin:13px; width:154px; height:124px;}

ul.leul li#nekya14 a { background:#fff url(http://www.adrienheinz.com/vidz/fic/nekya14.jpg) no-repeat;width:150px; height:120px;}

ul.leul li#baby a { background:#fff url(http://www.adrienheinz.com/vidz/rep/baby.jpg) no-repeat;}
ul.leul li#cos a { background:#fff url(http://www.adrienheinz.com/vidz/com/cosmanature.jpg) no-repeat;}


.mooSlide, .contpuyu {
	background-color: #000;
	padding: 0px;
	
	line-height: 1.1em;
	color: #FFFFFF;
	
	font-size:0.9em;
}
.contpuyu {
background-color: none;
font-size:0.8em;
}
.mooSlide div {padding: 10px;}
a#clozeme { float:right; display:block;  padding:0 5px 0 0; margin:-15px 0 0 0; text-transform:uppercase; clear:both; color:#fff; font-size:9px; cursor:pointer;}
a#clozeme:hover, span.raid { color:#D90000; text-decoration:none;}


#infosdr, #infosga {float:right; margin:10px 0 0 0; padding:0; width:20%;}
#infosga {float:left; width:78%;}
#infosga p {margin-top:8px; float:left; clear:left;}
strong.up {text-transform:uppercase; color:#8ADBFF; }
.contpuyu a, #infosdr a {color:#fff; text-decoration:none;}
.contpuyu a:hover, #infosdr a {color:#8ADBFF; }
#infosdr a:hover {color:#8ADBFF; }
#ulme { float:left; border:0pt solid red; height:500px; width:330px; text-align:justify; overflow:hidden; line-height:1.1em;}
.scrollbar-vert{
				background:none;
				height: 460px;
				width: 7px;
				float:right;
				margin:0 0 0 5px;
				padding:1px 1px 10px 1px;
				border:1pt solid #ccc;
				
			}
.handle-vert {
height: 10px;
width: 5px;
/*background: url(pix/handle.png) no-repeat;*/
background-color:#8ADBFF;
cursor:pointer;
padding:0;
margin:0;
}

.scrollbar-vert{
				background: none;
				height: 500px;
				width: 10px;
				
				
			}
.handle-vert {
height: 21px;


cursor:pointer;
}

/*#menuct {float:right; border:1pt solid red; width:50px; margin-top:230px;}*/
#menuct { width:50px; height:20px; position:absolute; right:0; top:50%; margin:29px 0 0 0;}
ul.menu li#mcon {float:right; margin:0;}