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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration:none;
}
body {
background-image:url(../images/back_top.png);
background-repeat:repeat-x;
background-color:#eeedee;
color:#646464;
font: 15px Arial;
text-align:center;
margin: 0 auto;
}
#site {
margin: 0 auto;
text-align:left;
width:941px;
padding-top:13px;
position:relative;
}
#side_bar {
padding-top:8px;
margin-top:-13px;
float:left;
position:absolute;
background-image:url(../images/blacker.png);
background-repeat:no-repeat;
width:303px;
height:34px;
margin-left:582px;
padding-left:25px;
}
h2, .big_im {
margin-bottom:10px;
margin-top:11px;
width:251px;
height:24px;
background-color:#ededed;
color:#4ebaff;
padding-left:10px;
padding-top:8px;
}
.h2_sec {
margin-bottom:0px;
margin-top:9px;
width:379px;
height:35px;
background-image:url(../images/sous_title.png);
background-repeat:no-repeat;
background-color:#FFFFFF;
color:#FFFFFF;
padding-left:10px;
padding-top:7px;
}
#right_col h2, .big_im {
width:240px;
}
#footerz {
margin-top:-201px;
background-image:url(../images/footer.png);
width:100%;
height:196px;
background-repeat:repeat-x;
}
.fo_co {
width:205px;
border-right:1px solid #8e8b8a;
border-left:1px solid #8e8b8a;
padding-left:25px;
}
.last_mem {
width:53px;
height:53px;
margin:5px;
}
.last_crea {
width:120px;
height:70px;
margin:5px;
}
.poker {
margin-left:5px;
padding-left:5px;
border-bottom:1px dashed #d7d7d7;
width:226px;
padding-bottom:7px;
margin-bottom:4px;
}
.poker p {
font:11px Arial;
}
.forum_da {
margin-left:5px;
padding-left:5px;
border-bottom:1px dashed #d7d7d7;
width:226px;
padding-bottom:13px;
margin-bottom:20px;
}
.forum_da p {
font:11px Arial;
color:#646464;
}
a {
color: #4ebaff;
}
a:hover {
text-decoration:underline;
}
#side_bar a {
margin-right:30px;
}
#menu a {
color:#7f7f7f;
font: 16px Arial;
vertical-align:4px;
margin-left:5px;
padding-left:5px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
}
#menu {
background-image:url(../images/barrer.png);
background-repeat:no-repeat;
height:41px;
width:939px;
margin-bottom:5px;
padding-top:10px;
}
#right_menu {
float:left;
position:absolute;
margin-top:-24px;
margin-left:445px;
}
#context {
width:939px;
margin-bottom:10px;
}
#contener {
margin-left:-7px;
margin-top:4px;
margin-right:-7px;
margin-bottom:12px;
}
#artist_month {
background-image:url(../images/artiste.png);
width:263px;
height:257px;
background-repeat:no-repeat;
padding-top:8px;
}
.inputy {
width:126px;
height:16px;
background-image:url(../images/champs.png);
border:0;
padding:4px;
}
.champo {
cursor:pointer;
color:#FFFFFF;
font:14px Arial;
border:1px solid #5e9900;
background-image:url(../images/button.png);
background-repeat:repeat-x;
}
.com_mini {
width:76px;
height:76px;
float:left;
margin-right:10px;
}
.com_mini2 {
margin-left:330px;
font:12px Arial;
}
.box1 {
   background: #ededed;
   width: 97px;
}
.box1_top div {
   background: url(../images/box_tl.png) no-repeat top left;
}
.box1_top {
   background: url(../images/box_tr.png) no-repeat top right;
}
.box1_bottom div {
   background: url(../images/box_bl.png) no-repeat bottom left;
}
.box1_bottom {
   background: url(../images/box_br.png) no-repeat bottom right;
}

.box1_top div, .box1_top, 
.box1_bottom div, .box1_bottom {
   height: 10px;
   font-size: 1px;
}
.box1_content { margin: 0 10px; }


.box2 {
   background: #FFFFFF;
}
.box2_top div {
   background: url(../images/box_tl2.png) no-repeat top left;
}
.box2_top {
   background: url(../images/box_tr2.png) no-repeat top right;
}
.box2_bottom div {
   background: url(../images/box_bl2.png) no-repeat bottom left;
}
.box2_bottom {
   background: url(../images/box_br2.png) no-repeat bottom right;
}

.box2_top div, .box2_top, 
.box2_bottom div, .box2_bottom {
   height: 10px;
   font-size: 1px;
}
.box2_content { margin: 5px 0px 10px 12px; }
.imageBox,.imageBox2,.imageBoxHighlighted{
		cursor:pointer;
		width:152px;
		height:152px;
		float:left;
		margin-left:10px;
		margin-top:20px;
	}
	.imageBox_theImage{
		width:152px;
		height:152px;

		/*
		Don't change these values *
		*/
		background-position: center center;
		background-repeat: no-repeat;
		margin: 0 auto;
		margin-bottom:2px;
	}
	.imageBox_theImage2{
		width:152px;
		height:152px;

		/*
		Don't change these values *
		*/
		background-position: center center;
		background-repeat: no-repeat;
		margin: 0 auto;
		margin-bottom:2px;
	}
	.imageBox .imageBox_theImage{
		border:1px solid #DDD;	/* Border color for not selected images */
		padding:2px;
	}
	.imageBoxHighlighted .imageBox_theImage{
		border:3px solid #316AC5;	/* Border color for selected image */
		padding:0px;

	}
	.imageBoxHighlighted span{	/* Title of selected image */
		background-color: #316AC5;
		color:#FFFFFF;
		padding:2px;
	}

	.imageBox_label{	/* Title of images - both selected and not selected */
		text-align:center;
		font-family: arial;
		font-size:11px;
		padding-top:2px;
		margin: 0 auto;
	}

	/*
	DIV that indicates where the dragged image will be placed
	*/
	#insertionMarker{
		height:63px;
		width:6px;
		position:absolute;
		display:none;
		margin-left:-3px;
	}

	#insertionMarkerLine{
		width:6px;	/* No need to change this value */
		height:63px;	/* To adjust the height of the div that indicates where the dragged image will be dropped */
	}

	#insertionMarker img{
		float:left;
	}

	/*
	DIV that shows the image as you drag it
	*/
	#dragDropContent{

		opacity:0.4;	/* 40 % opacity */
		filter:alpha(opacity=40);	/* 40 % opacity */

		/*
		No need to change these three values
		*/
		position:absolute;
		z-index:10;
		display:none;

	}
a.info{
    position:relative; 
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#4ebaff;}

a.info span{display: none}

a.info:hover span{
 display:block; 
 position:absolute;
    
    
    top:2em; left:2em;
    border:1px solid #6699cc;
    background-color:#eeeeee; color:#6699cc;
    text-align: justify;
    font-weight:none;
    padding:5px;
    
    }
