html{
	margin:0px;
	padding:0px;
	height:1100px;
}
body{
	background-color:#E9E9E9;
	margin:0px 0px 0px 0px;
	height:1100px;
	}
a img{
	border:0px;
	}
div{
	font-family:trebuchet ms;
	font-size:12px;
	color:#595959;
}
a{
	text-decoration:underline;
	color:#595959;
}
h1{
	font-size:12px;
	color:#595959;
	font-weight:bold;
}
h4{
	font-size:12px;
	font-weight:normal;
	color:#595959;
}
a:hover{
	text-decoration:none;
	color:#595959;
}
a.grey1{
	text-decoration:underline;
	color:#595959;
}
a.grey1:hover{
	text-decoration:none;
	color:#595959;
}
a.grey2{
	text-decoration:none;
	font-weight:bold;
	color:#595959;
}
a.grey2:hover{
	text-decoration:none;
	font-weight:bold;
	background-color:#EEEEEE;
	color:#595959;
}
a.pink1{
	text-decoration:underline;
	color:#FF0097;
}
a.pink1:hover{
	text-decoration:none;
	color:#FF0097;
}
a.pink2{
	text-decoration:none;
	font-weight:bold;
	color:#FF0097;
}
a.pink2:hover{
	text-decoration:none;
	font-weight:bold;
	background-color:#EEEEEE;
	color:#FF0097;
}
.pink{
	color:#FF0097;
}
.white{
	color:#FF0097;
}
.input0{
	width:150px;
	height:18px;
	border:1px solid #DDDDDD;
	background-color:#EEEEEE;
	color:#595959;
}
.input1{
	width:150px;
	height:18px;
	border:1px solid #DDDDDD;
	background-color:#EEEEEE;
	color:#595959;
}
.textarea1{
	width:280px;
	height:150px;
	font-family: Trebuchet MS;
	font-size:11px;
	border:1px solid #DDDDDD;
	border-left:2px solid #FF0097;
	background-color:#EEEEEE;
	color:#595959;
}
.input0:hover, .input0:focus {
    background-color: #E5E5E5;
    border:1px solid #DDDDDD;
}
.select1{
	width:200px;
	height:16px;
	border:1px solid #DDDDDD;
	border-left:2px solid #FF0097;
	background-color:#EEEEEE;
	font-size:11px;
	color:#595959;
}
.input1:hover, .input1:focus, .textarea1:hover, .textarea1:focus, .select1:hover, .select1:focus {
    background-color: #E5E5E5;
    border:1px solid #DDDDDD;
	border-left:2px solid #FF0097;
}
.input2{
	width:150px;
	height:16px;
	font-size:11px;
	border:1px solid #DDDDDD;
	border-left:2px solid #FF0097;
	background-color:#EEEEEE;
	color:#595959;
}
.input2:hover, .input2:focus, .textarea2:hover, .textarea2:focus, .select2:hover, .select2:focus {
    background-color: #E5E5E5;
    border:1px solid #DDDDDD;
	border-left:2px solid #FF0097;
}
.tdtitle{
	color:#FFFFFF;
	font-weight:bold;
	background-color:#FF0097;
	height:20px;
}
#smileys{
	padding:3px;
	width:150px;
	height:185px;
	overflow:auto;
	border:1px dashed #9C9C9C;
	border-top:0px;
	background-color:#EBEBEB;
	cursor:default;
}
#les15best, #les15visit, #les15inscrt, #les15hasard{
	width:300px;
	display:none;
	z-index:30;
	border:1px solid #000000;
	background-color:#F7F7F7;
	padding:4px;
	text-align:left;
	position:absolute;
}
#les15best{
	top:580px;
	left:200px;
}
#les15hasard{
	top:580px;
	left:450px;
}
#les15inscrt{
	top:900px;
	left:200px;
}
#les15visit{
	top:900px;
	left:450px;
}

/*  ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ---------------------------   RICO   --------------------------- */

#masque{
	width:100%;
	height:1100px;
	position:absolute;
	background-color:#000000;
	z-index:90;
    top:0px;
    left:0px;
	display:none;
	opacity: .6;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
}
#volante{
	width:350px;
	height:400px;
	top:150px;
	left:150px; 
	position: absolute;
	z-index: 100;
	display:none;
}

#voltg{
	width:5px;
	height:19px;
	float:left;
	background-image:url(/img/voltg.gif);
	background-repeat:no-repeat;
}
#volt{
	width:338px;
	height:19px;
	float:left;
	text-align:left;
	background-image:url(/img/volt.gif);
	background-repeat:repeat-x;
}
#volt1{
	padding:2px 0px 0px 5px;
	text-align:left;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
#volt2{
	float:right;
	padding:2px 1px 0px 0px;
}
#voltd{
	width:7px;
	height:19px;
	float:left;
	/* background-image:url(/img/voltd.png);
	background-image:url(/img/voltd.gif); */
	background-repeat:no-repeat;
}
#volg{
	width:4px;
	height:374px;
	float:left;
	background-image:url(/img/volg.gif);
	background-repeat:repeat-y;
}
#volc{
	width:339px;
	height:374px;
	float:left;
	text-align:left;
	background-color:#FFFFFF;
	font-family:trebuchet ms;
	font-size:12px;
	color:#595959;
}
#volinscript{
	width:100%;
	padding:5px;
}
#vollogin{
	width:100%;
	padding:5px;
}
#vold{
	width:7px;
	height:374px;
	float:left;
	background-image:url(/img/vold.png) !important;
	/* background-image:url(/img/vold.gif); */
	background-repeat:repeat-y !important;
}
#volbg{
	width:5px;
	height:7px;
	float:left;
	/* background-image:url(/img/volbg.png);
	background-image:url(/img/volbg.gif); */
	background-repeat:no-repeat;
}
#volb{
	width:338px;
	height:7px;
	float:left;
	background-image:url(/img/volb.png) !important;
	background-image:url(/img/volb.gif); 
	background-repeat:repeat-x;
}
#volbd{
	width:7px;
	height:7px;
	float:left;
	/* background-image:url(/img/volbd.png);
	background-image:url(/img/volbd.gif); */
	background-repeat:no-repeat;
}
#volform1a{
	float:left;
	width:139px;
	height:22px;
}
#volform1b{
	float:left;
	width:190px;
	height:22px;
	text-align:left;
}
#volform1c{
	float:left;
	width:329px;
	height:42px;
	text-align:center;
	padding-top:5px;
}


/*  ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ---------------------------   MISE EN PAGE   --------------------------- */

#up{
	float:left;
	background-color:#000000;
	width:100% !important;
	width:99.8%;
	height:15px;
	border-bottom:2px solid #FF0097;
}
#main{
	width:905px;
	height:1100px;
}
#global{
	width:900px;
	height:1100px;
	float:left;
	background-color:#FFFFFF;
	}
#global-shadow{
	float:left;
	display:block;
	background-image:url(/img/global-shadow.gif);
	background-repeat:repeat-y;
	width:5px;
	height:1100px;
}
#rest{
	float:left;
	background-color:#000000;
	width:100% !important;
	width:99.7%;
	height:8%;
	border-top:2px solid #FF0097;
}
/*  ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ---------------------------   TOP + MENU   --------------------------- */
#top{
	width: 100%;
	height:77px;
	background-color:#FFFFFF;
	}
#menu{
	background-image:url(/img/menu.gif);
	background-repeat:repeat-x;
	width:100%;
	height:25px;
	text-align:center;
	margin:0px;
	}
#menu-shadow{
	width:100%;
	height:31px;
	display:block;
	background-image:url(/img/menu-shadow.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:0px;
	}
#submenu{
	height:30px;
}

/*  ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ---------------------------   GAUCHE   --------------------------- */
#col-left{
	float:left;
	width:150px !important;
	width:160px;
	padding:10px 0px 100px 10px;
	margin:10px 15px 100px 0px;
}
#col-left img{
	margin:10px 0px 0px -10px;
}
#col-left img.puce{
	margin:0px 0px 0px 4px;
}
#col-left-shadow{
	float:left;
	width:7px;
	height:962px;
	background-image:url(/img/shadow-left.gif);
	background-repeat:repeat-y;
}
/*  ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ---------------------------   CONTENU   --------------------------- */
#flux{
	float:left;
	width:550px;
}

/*  ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ---------------------------   DROITE   --------------------------- */
#col-right{
	float:left;
	width:130px;
	padding:10px 5px 10px 5px;
}
#col-right img{
	text-align:right;
	margin:10px -5px 0px 0px;
}
#col-right-shadow{
	float:left;
	width:7px;
	height:962px;
	background-image:url(/img/shadow-right.gif);
	background-repeat:repeat-y;
}