body{background:url(bg.jpg); text-align:left; font-size:18px; margin:0px;}

img{border:none;}

a{text-decoration:none; color: #b56546; z-index:3;}
a:hover{color: #d6a285;}

input[type="text"]
{
	border-radius:5px; -webkit-border-radius:5px;
	font-size:12px; font-weight:bold; font-style:italic; font-family:Trebuchet MS; text-align:left;
	background:transparent; text-decoration:none; vertical-align:middle;
}
input[type="text"]:hover{border:2px solid #830000;box-shadow:0 0 3px #830000;-webkit-box-shadow:0 0 3px #830000;}
input[type="text"]:focus{border:2px solid #830000;box-shadow:0 0 3px #830000;-webkit-box-shadow:0 0 3px #830000;}
input[type="file"]{font-size:12px; font-weight:bold; font-style:italic; font-family:Trebuchet MS;}

#front{position:absolute; top:0px; left:0px; width:100%; height:100%;}
#globalBox{position:absolute; top:0px; left:0px; width:100%; height:100%;}

#top
{
	position:absolute; top:0px; left:50%; margin-left:-250px; width:500px; height:150px; z-index:1;
	border-bottom-left-radius:150px; border-bottom-right-radius:150px;
	border-left:2px solid #cdcdcd;
	border-right:2px solid #cdcdcd;
	border-bottom:2px solid #cdcdcd;
	-webkit-border-bottom-left-radius:150px; -webkit-border-bottom-right-radius:150px;
	text-align:center; font-weight:bold; font-style:italic;
	box-shadow:0 0 5px #cdcdcd; -webkit-box-shadow:0 0 5px #cdcdcd;
}
#left
{
	position:absolute; top:125px; left:0px; width:150px; height:500px; background-color:#000000; opacity:0.6; z-index:1;
	border-top:2px solid #cdcdcd; border-right:2px solid #cdcdcd; border-bottom:2px solid #cdcdcd;
	border-top-right-radius:150px; border-bottom-right-radius:150px;
	-webkit-border-top-right-radius:150px; -webkit-border-bottom-right-radius:150px;
	box-shadow:0 0 3px #cdcdcd; -webkit-box-shadow:0 0 3px #cdcdcd;
}
#right
{
	position:absolute; top:125px; right:0px; width:150px; height:500px; background-color:#000000; opacity:0.6; z-index:1;
	border-top:2px solid #cdcdcd; border-left:2px solid #cdcdcd; border-bottom:2px solid #cdcdcd;
	border-top-left-radius:150px; border-bottom-left-radius:150px;
	-webkit-border-top-left-radius:150px; -webkit-border-bottom-left-radius:150px;
	box-shadow:0 0 3px #cdcdcd; -webkit-box-shadow:0 0 3px #cdcdcd;
}
#bottom
{
	position:absolute; bottom:0px; left:50%; margin-left:-250px; width:500px; height:150px; background-color:#000000; opacity:0.6; z-index:1;
	border-top:2px solid #cdcdcd; border-left:2px solid #cdcdcd; border-right:2px solid #cdcdcd;
	border-top-left-radius:150px; border-top-right-radius:150px;
	-webkit-border-top-left-radius:150px; -webkit-border-top-right-radius:150px;
	box-shadow:0 0 3px #cdcdcd; -webkit-box-shadow:0 0 3px #cdcdcd;
}

#opacity{position:absolute; background-color:#830000; top:0px; left:0px; width:100%; height:100%; z-index:2; opacity:0.2;}

#logon{position:absolute; top:250px; left:50%; margin-left:-250px; width:500px; height:250px; z-index:3;}
#logonText{position:absolute; top:300px; left:50%; margin-left:-250px; width:500px; height:250px; z-index:3;}
#access{width:500px; text-align:center; font-weight:bold; font-style:italic;}
#neonBar
{
	position:relative;
	display:block;
	width:200px; margin-left:150px; border-top:2px solid #cdcdcd; opacity:0.7; z-index:4;
	box-shadow:0 0 3px #ff0000; -webkit-box-shadow:0 0 3px #ff0000;
	border-radius:5px; -webkit-border-radius:5px;
}
#inscription
{
	display:block;
	height:0px;
	width:280px;
	margin-left:110px;
}
#inscriptionBox
{
	position:relative; top:4px; left:4px;
	width:268px; height:248px;
	background:#000000; opacity:0.7;
	border:2px solid #cdcdcd;
	border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0 0 5px #cdcdcd; -webkit-box-shadow:0 0 5px #cdcdcd;
	text-shadow: 0px 0px 4px #ff0000;
	font-size:13px; font-family:"Times New Roman", Times, serif; font-weight:bold; font-style:italic;
	color:#ffffff;
}
#inscriptionButton
{
	position:relative; top:-4px; left:152px; margin:0px; padding:6px; z-index:3; width:80px;
	display:inline-table;
	background:#ffffff; opacity:0.6;
	border-left:2px solid #cdcdcd;
	border-bottom:2px solid #cdcdcd;
	border-right:2px solid #cdcdcd;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	box-shadow:0 0 5px #cdcdcd; -webkit-box-shadow:0 0 5px #cdcdcd;
	text-align:center;
	color:#ff0000; font-size:11px; font-weight:bold; font-style:italic; font-family:Trebuchet MS; text-shadow: 0px 0px 4px #ff0000;
	cursor:pointer;
}
#inscriptionButton:hover{opacity:0.8;}

#recovery
{
	display:block;
	height:0px;
	width:280px;
	margin-left:110px;
}
#recoveryBox
{
	position:relative; top:4px; left:4px;
	width:268px; height:138px;
	background:#000000; opacity:0.7;
	border:2px solid #cdcdcd;
	border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0 0 5px #cdcdcd; -webkit-box-shadow:0 0 5px #cdcdcd;
	text-shadow: 0px 0px 4px #ff0000;
	font-size:13px; font-family:"Times New Roman", Times, serif; font-weight:bold; font-style:italic;
	color:#ffffff;
}
#mdpButton
{
	position:relative; top:-4px; left:151px; margin:0px; padding:6px; z-index:3; width:80px;
	display:inline-table;
	background:#ffffff; opacity:0.6;
	border-left:2px solid #cdcdcd;
	border-bottom:2px solid #cdcdcd;
	border-right:2px solid #cdcdcd;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	box-shadow:0 0 5px #cdcdcd; -webkit-box-shadow:0 0 5px #cdcdcd;
	text-align:center;
	color:#ff0000; font-size:11px; font-weight:bold; font-style:italic; font-family:Trebuchet MS; text-shadow: 0px 0px 4px #ff0000;
	cursor:pointer;
}
#mdpButton:hover{opacity:0.8;}

#blockTop{position:relative; float:left; width:500px; height:85px;}
#blockLeft{position:relative; float:left; width:210px; height:250px;}
#blockCenter{position:relative; float:left;}

#blockTopLeft
{
	position:relative; float:left; width:38px; height:38px; background-color:#000000; opacity:0.7;
	border-top:2px solid #cdcdcd; border-left:2px solid #cdcdcd;
	border-top-left-radius:38px; -webkit-border-top-left-radius:38px;
}
#blockTopCenter
{
	position:relative; float:left; width:0px; height:38px; background-color:#000000; opacity:0.7;
	border-top:2px solid #cdcdcd;
}
#blockTopRight
{
	position:relative; float:left; width:38px; height:38px; background-color:#000000; opacity:0.7;
	border-top:2px solid #cdcdcd; border-right:2px solid #cdcdcd;
	border-top-right-radius:38px; -webkit-border-top-right-radius:38px;
}
#blockMiddleLeft
{
	position:relative; float:left; width:38px; height:0px; background-color:#000000; opacity:0.7;
	border-left:2px solid #cdcdcd;
}
#blockMiddleCenter
{
	position:relative; float:left; width:0px; height:0px; background-color:#000000; opacity:0.7;
}
#blockMiddleRight
{
	position:relative; float:left; width:38px; height:0px; background-color:#000000; opacity:0.7;
	border-right:2px solid #cdcdcd;
}
#blockBottomLeft
{
	position:relative; float:left; width:38px; height:38px; background-color:#000000; opacity:0.7;
	border-bottom:2px solid #cdcdcd; border-left:2px solid #cdcdcd;
	border-bottom-left-radius:38px; -webkit-border-bottom-left-radius:38px;
}
#blockBottomCenter
{
	position:relative; float:left; width:0px; height:38px; background-color:#000000; opacity:0.7;
	border-bottom:2px solid #cdcdcd;
}
#blockBottomRight
{
	position:relative; float:left; width:38px; height:38px; background-color:#000000; opacity:0.7;
	border-bottom:2px solid #cdcdcd; border-right:2px solid #cdcdcd;
	border-bottom-right-radius:38px; -webkit-border-bottom-right-radius:38px;
}

#disconnect
{
	position:absolute; display:none; width:200px; height:50px; top:0px; right:30px; z-index:4;
}

#disconnect2
{
	position:relative;
	display:block;
	top:0px;
	height:40px;
	width:190px;
	border-left:2px solid #cdcdcd;
	border-right:2px solid #cdcdcd;
	border-bottom:2px solid #cdcdcd;
	border-bottom-left-radius:10px;	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;
	box-shadow:0 0 5px #cdcdcd; -webkit-box-shadow:0 0 5px #cdcdcd;
}
/* Window */
.windowBox{position:absolute; z-index:1;}

.color
{
	color:#ff0000;
	text-shadow: 0px 0px 4px #ff0000;
}
.backgroundColor{background-color:#000000;}
.opacity{opacity:0.6;}
.border
{
	border:2px solid #cdcdcd;
	box-shadow:0 0 5px #cdcdcd;
}

.windowContents
{
	position:absolute; top:10px; left:10px;
	padding:10px;
	border-radius:10px; -webkit-border-radius:10px;
	text-align:left;
	font-size:12px; font-weight:bold; font-style:italic; font-family:Trebuchet MS;
}

.windowImage
{
	position:absolute;
}

.windowSpecial
{
	position:absolute; top:10px; left:10px;
	width:700px; height:500px;
	background-color:#c0b19d;
	border-radius:10px; -webkit-border-radius:10px;
	color:#000000; text-align:center;
}

/* Clip */
.clip{position:absolute; width:479px; height:160px; z-index:1;}
.clipBox
{
	position:absolute; top:10px; left:10px;
	width:472px; height:140px;
	background-color:transparent;
}

.video{position:absolute; width:529px; height:300px; z-index:1;}
.videoBox
{
	position:absolute; top:10px; left:10px;
	width:522px; height:280px;
	background-color:transparent;
}

.uploadBox
{
	position:absolute; top:10px; left:10px;
	padding:10px;
	width:439px; height:120px;
	border-radius:10px; -webkit-border-radius:10px;
	text-align:left;
	font-size:12px; font-weight:bold; font-style:italic; font-family:Trebuchet MS;
}

.view
{
	position: relative;
	display:block;
	z-index:2;
}

.viewer
{
	display:block;
	float:left;
    background: #000000;
    border-radius: 10px;
    font-family: Arial, sans-serif;
    padding: 0;   
    opacity: 1;
	box-shadow:0 0 5px #cdcdcd;
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
	width:250px;
	height:140px;
}
.viewer:hover{opacity: 1;}

.viewerVideo
{
	display:block;
	float:left;
    background: #000000;
    border-radius: 10px;
    font-family: Arial, sans-serif;
    padding: 0;   
    opacity: 1;
	box-shadow:0 0 5px #cdcdcd;
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
	width:500px;
	height:280px;
}
.viewerVideo:hover{opacity: 1;}

.playlistConteneur
{
	position:relative;
	z-index:1;
	display:block;
	float:left;
	margin-top:0px;
	margin-left:-5px;
	width:203px;
	height:143px;
	background:transparent;
	text-align:left;
}
.playlist
{
	position:relative;
	z-index: 1;
	display:block;
	float:left;
	margin-top:6px;
	margin-left:-5px;
	width: 185px;
	height:125px;
	padding-left:15px;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	overflow:hidden;
	text-align:left;
}
.playlistContents
{
	width: 185px;
	height:125px;
	resize:none;
	overflow:auto;
}

.link
{
	display:table; opacity:0.7; transition:0.4s opacity; 
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	font-family:Trebuchet MS;
}
.activeLink
{
	display:block; opacity:0.7; transition:0.4s opacity; 
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	font-family:Trebuchet MS;
}
.link:hover, .activeLink:hover {color:#ff0000; opacity:1;}

/* end Clip */

/* souris */

a#deconS{position:absolute; background:url(deconS.png) no-repeat 0 -24px; width:24px; height:24px;}
a#deconS:hover{background:url(deconS.png) no-repeat 0 0px;}

a#clipS{display:block; background:url(clipS.png)no-repeat 0px -24px; width:24px; height:24px;}
a#clipS:hover{background:url(clipS.png)no-repeat 0px 0px;}

a#configS{display:block; background:url(configS.png)no-repeat 0px -24px; width:24px; height:24px;}
a#configS:hover{background:url(configS.png)no-repeat 0px 0px;}

a#consolS{display:block; background:url(consolS.png)no-repeat 0px -24px; width:24px; height:24px;}
a#consolS:hover{background:url(consolS.png)no-repeat 0px 0px;}

a#imgS{display:block; background:url(imgS.png)no-repeat 0px -24px; width:24px; height:24px;}
a#imgS:hover{background:url(imgS.png)no-repeat 0px 0px;}

a#mailS{display:block; background:url(email.png)no-repeat 0px -24px; width:24px; height:24px; float:left;}
a#mailS:hover{background:url(email.png)no-repeat 0px 0px;}

a#noteS{display:block; background:url(noteS.png)no-repeat 0px -24px; width:24px; height:24px;}
a#noteS:hover{background:url(noteS.png)no-repeat 0px 0px;}

a#usersS{display:block; background:url(users.png)no-repeat 0px -24px; width:24px; height:24px; float:left;}
a#usersS:hover{background:url(users.png)no-repeat 0px 0px;}

a#ts3S{display:block; background:url(ts3S.png)no-repeat 0px -24px; width:24px; height:24px;}
a#ts3S:hover{background:url(ts3S.png)no-repeat 0px 0px;}

/* end souris */

.onglet
{
	position:relative; top:5px; left:-6px; margin:0px; padding:6px; z-index:1;
	display:block;
	background:#ffffff; opacity:0.6;
	border-top:2px solid #cdcdcd;
	border-bottom:2px solid #cdcdcd;
	border-right:2px solid #cdcdcd;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	box-shadow:0 0 5px #cdcdcd; -webkit-box-shadow:0 0 5px #cdcdcd;
	text-align:center;
	color:#ff0000; font-size:12px; font-weight:bold; font-style:italic; font-family:Trebuchet MS; text-shadow: 0px 0px 4px #ff0000;
	cursor:pointer;
}

.onglet:hover{opacity:0.8;}

.boxOnglet
{
	position:relative; top:5px; left:-6px; margin:0px; padding:6px; z-index:1;
	display:block;
	background:#ffffff; opacity:0.6;
	border-top:2px solid #cdcdcd;
	border-bottom:2px solid #cdcdcd;
	border-right:2px solid #cdcdcd;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	box-shadow:0 0 5px #cdcdcd; -webkit-box-shadow:0 0 5px #cdcdcd;
	text-align:center;
	color:#ff0000; font-size:11px; font-weight:bold; font-style:italic; font-family:Trebuchet MS; text-shadow: 0px 0px 4px #ff0000;
	cursor:pointer;
}

.boxOnglet:hover{opacity:0.8;}

.listeVideo{position:relative; line-height:16px; float:left; top:0px; left:0px; width:368px; height:520px; z-index:2;}
.listeVideoBox
{
	position:relative; top:0px; left:0px;
	width:360px; height:500px;
	border-top:2px solid #cdcdcd;
	border-right:2px solid #cdcdcd;
	border-bottom:2px solid #cdcdcd;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	box-shadow:0 0 5px #cdcdcd; -webkit-box-shadow:0 0 5px #cdcdcd;
	overflow:hidden;
}
.listeVideoBoxContents
{
	position:relative;
	
	padding-left:10px;
	width:350px; height:500px;
	overflow:auto;
	border:0px;
	margin:0px;
	
}

#shell{position:relative; float:left; top:0px; left:0px; width:708px; height:520px; z-index:2;}
#shellBox
{
	position:relative; top:0px; left:0px;
	width:700px; height:500px;
	border-top:2px solid #cdcdcd;
	border-right:2px solid #cdcdcd;
	border-bottom:2px solid #cdcdcd;
	border-top-right-radius:10px; border-bottom-right-radius:10px;
	-webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px;
	box-shadow:0 0 5px #cdcdcd; -webkit-box-shadow:0 0 5px #cdcdcd; overflow:hidden;
}
#shellTextarea
{
	margin-top:-1px;
	background:transparent; border:0px;
	width:680px; height:481px; padding:10px;
	text-align:left; font-size:12px; font-weight:bold; font-style:italic; font-family:Trebuchet MS;
	resize:none; overflow:auto;
}

.background
{
	height:40px;
	border:2px solid #830000; border-radius:5px; -webkit-border-radius:5px;
	box-shadow:0 0 3px #830000; -webkit-box-shadow:0 0 3px #830000;
	z-index:1;
}
.background:hover{border:2px solid #3ea2da; box-shadow:0 0 3px #3ea2da; -webkit-box-shadow:0 0 3px #3ea2da;}

.activeBackground
{
	height:40px;
	border:2px solid #3ea2da;
	border-radius:5px; -webkit-border-radius:5px;
	box-shadow:0 0 3px #3ea2da; -webkit-box-shadow:0 0 3px #3ea2da;
	z-index:1;
}
.deleteBackground
{
	height:40px;
	border:2px solid #ff0000;
	border-radius:5px; -webkit-border-radius:5px;
	box-shadow:0 0 3px #ff0000; -webkit-box-shadow:0 0 3px #ff0000;
	z-index:1;
}

.backgroundDelete
{
	display:block; float:left; margin-top:24px; margin-left:-20px;
	background:url(delete.png);
	width:20px;
	height:20px;
	z-index:2;
}

div.img
{
	border:2px solid #830000; border-radius:5px; -webkit-border-radius:5px;
	box-shadow:0 0 3px #830000; -webkit-box-shadow:0 0 3px #830000;
}
div.img:hover{border:2px solid #3ea2da; box-shadow:0 0 3px #3ea2da; -webkit-box-shadow:0 0 3px #3ea2da;}

.dossier
{
	display:block;
	margin-left:70px;
	width:180px;
	height:100px;
	border:2px solid #830000;
	border-radius:20px; -webkit-border-radius:20px;
	box-shadow:0 0 3px #830000; -webkit-box-shadow:0 0 3px #830000;
}
.dossier:hover
{
	opacity:0.7;
}

input.i_membres
{
	border:1px solid silver; border-radius:5px; -webkit-border-radius:5px;
	box-shadow:0 0 3px #cdcdcd; -webkit-box-shadow:0 0 3px #cdcdcd; text-shadow: 0px 0px 4px #ff0000;
	font-size:13px; font-family:"Times New Roman", Times, serif; font-weight:bold; font-style:italic; text-align:center;
	color:#ffffff; background:url(inputMessage.jpg) repeat; text-decoration:none; width:88px; vertical-align:middle;
}
input.i_membres:hover{border:1px solid #830000;box-shadow:0 0 3px #830000;-webkit-box-shadow:0 0 3px #830000;}
input.i_membres:focus{border:1px solid #830000;box-shadow:0 0 3px #830000;-webkit-box-shadow:0 0 3px #830000;}

a.page{text-decoration:none; color: #000000; z-index:3;}
a.page:hover{color: #999999;}


textarea{font-family:"Times New Roman",Times,serif; color:#999999; font-weight:bold; font-style:italic; font-size:14px;}

select.round
{
	border:1px solid silver;border-radius:5px;-webkit-border-radius:5px;
	font-size: 13px; font-family: "Times New Roman", Times, serif; font-weight: bold; font-style: italic; text-align:center;
	color: #ffffff; background:url(selectRound.jpg) repeat; text-decoration: none; width: 90px; vertical-align:middle;
}
select.round:hover{border:1px solid #830000;box-shadow:0 0 2px #830000;-webkit-box-shadow:0 0 2px #830000;}
select.round:focus{border:1px solid #830000;box-shadow:0 0 2px #830000;-webkit-box-shadow:0 0 2px #830000;}

#frm
{
	position: absolute; display:block; top:50px; left:50%; width:800px; margin-left:-400px; z-index:2;
}
#frm1
{
	position: absolute; display:block; top:0px; left:0px; width:100%; height:312px; z-index:1; background:url(frm1.jpg) no-repeat; background-position:top center; background-color:#000000;
}
#frm2
{
	position: absolute; display:block; top:312px; left:0px;width:100%; height:287px; z-index:1; background:url(frm2.jpg) repeat; background-position:top center;
}
#frm3
{
	position: absolute; display:block; top:599px; left:0px; width:100%; height:53px; z-index:1; background:url(frm3.jpg) repeat;
}

#frmDragon{position:absolute; display:block; top:220px; left:50%; margin-left:-352px; background:url(dragon.jpg) repeat-y; width:102px; height:179px;}
#frmDragon[id]{background:url(dragon.png) repeat-y;}

#frmHistoire{position:absolute; display:block; top:320px; left:50%; margin-left:-380px; width:180px; height:200px; }

#frmHeader{width:800px; height:99px; background:url(frmHeader.jpg) no-repeat;}
#frmHeader[id]{background:url(frmHeader.png) no-repeat;}

#frmMenu{width:800px; background:url(frmMiddle.gif) repeat-y; height:50px;}
#frmMenu[id]{background:url(frmMiddle.png) repeat-y;}

#frmMiddle{width:800px; background:url(frmMiddle.gif) repeat-y;}
#frmMiddle[id]{background:url(frmMiddle.png) repeat-y;}

#frmFooter
{
	width:800px; height:116px; background:url(frmFooter.jpg) no-repeat; font-weight:bold; font-style:italic; font-family: "Times New Roman",Times,serif; font-size: 14px; padding-top:60px; text-align:center;
}
#frmFooter[id]{background:url(frmFooter.png) no-repeat;}

a.add{position:relative; display:block; top:0px; left:0px; background:url(add.png) no-repeat 0 0; width:20px; height:20px;}
a.add:hover{background:url(add.png) no-repeat 0 -20px;}

a.connect{position:relative; display:block; top:0px; left:0px; background:url(connect.png) no-repeat 0 0; width:57px; height:60px;}
a.connect:hover{background:url(connect.png) no-repeat 0 -60px;}
a.connectRouge{position:relative; display:none; top:0px; left:0px; background:url(connectRouge.png) no-repeat 0 0; width:57px; height:60px;}
a.connectVert{position:relative; display:none; top:0px; left:0px; background:url(connectVert.png) no-repeat 0 0; width:57px; height:60px;}

a.update{position:relative; display:none; top:0px; left:0px; background:url(update.png) no-repeat 0 0; width:57px; height:60px;}
a.update:hover{background:url(update.png) no-repeat 0 -60px;}
a.updateRouge{position:relative; display:none; top:0px; left:0px; background:url(updateRouge.png) no-repeat 0 0; width:57px; height:60px;}
a.updateVert{position:relative; display:none; top:0px; left:0px; background:url(updateVert.png) no-repeat 0 0; width:57px; height:60px;}

a.updateMini{position:relative; display:block; top:0px; left:0px; background:url(updateMini.png) no-repeat 0 0; width:38px; height:40px;}
a.updateMini:hover{background:url(updateMini.png) no-repeat 0 -40px;}

a.publishOn{position:relative; top:0px; left:0px; background:url(publishOn.png) no-repeat 0 0; width:38px; height:40px;}
a.publishOn:hover{background:url(publishOn.png) no-repeat 0 -40px;}

a.publishOff{position:relative; top:0px; left:0px; background:url(publishOff.png) no-repeat 0 0; width:38px; height:40px;}
a.publishOff:hover{background:url(publishOff.png) no-repeat 0 -40px;}

a.delete{position:relative; display:block; top:0px; left:0px; background:url(delete.png) no-repeat 0 0; width:38px; height:40px;}
a.delete:hover{background:url(delete.png) no-repeat 0 -40px;}

a#decon{position:absolute; background:url(decon.png) no-repeat 0 0; top:-5px; width:57px; height:60px;}
a#decon:hover{background:url(decon.png) no-repeat 0 -60px;}

a.LinkWrite{position:absolute; background:url(write.png) no-repeat 0 0; width:47px; height:50px;}
a.LinkWrite:hover{background:url(write.png) no-repeat 0 -50px;}

a.LinkNews{position:relative; top:0px; left:0px; float:left; margin:0px; background:url(linkMenuNews.png) no-repeat 0 0; width:47px; height:50px;}
a.LinkNews:hover{background:url(linkMenuNews.png) no-repeat 0 -50px;}

a.LinkMail{text-decoration:none; font-family: "Times New Roman", Times, serif; color: #ffffff; font-weight: bold; font-style: italic;}
a.LinkMail:hover{color: #255e6f;}

a.read{position:absolute; display:block; top:0px; left:0px; background:url(view.png) no-repeat 0 0; width:40px; height:40px;}
a.read:hover{background:url(view.png) no-repeat 0 -40px;}

#frmBulle
{
	position:absolute; top:0px; left:50%; margin:0px; margin-left:-450px; width:900px; display:none; background:url(bulle.gif) repeat; z-index:10;
}

a.closeBulle{position:absolute; top:-15px; right:-15px; background:url(closeBulle.png) no-repeat 0 0; width:38px; height:40px;}
a.closeBulle:hover{background:url(closeBulle.png) no-repeat 0 -40px;}

/* css popup wallpaper */
ul
{
	list-style-type: none;
	padding: 0;
	margin-top: 10px;
}

#wallpaperMenu
{
	position:absolute; display:block; float:left; top:20px; left:47px; margin-top:0px; padding-top:0; width:600px;
	border: 1px solid #888888;
	border-radius:6px; -webkit-border-radius:6px;
	box-shadow:0 0 5px #000000; -webkit-box-shadow:0 0 5px #000000;
	background:url(bg.jpg); opacity:0.8;
	z-index:20;
	float:left;
}

#wallpaperMenu div
{
	font-size:13px; margin-left:12px; float:left;
}

#wallpaperMenu div ul{list-style:none; margin:0;}

#wallpaperMenu div li
{
	float:left; position:relative; list-style:none outside none; margin:4px 4px 0 0;
	border-top-left-radius:6px; border-top-right-radius:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px;
}

#wallpaperMenu div li a:hover, #wallpaperMenu div li a:focus{color:#ffffff; text-shadow: 0px 0px 2px #ffffff; }

#wallpaperMenu a
{
	color:#cdcdcd; display:block; line-height:30px; padding:0 15px 2px 15px;
	border-top-left-radius:6px; border-top-right-radius:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px;
	text-decoration:none; background-color:transparent; text-shadow:0px 0px 2px #c0b19d;
	border:thin solid transparent;
}
#wallpaperMenu ul ul
{
	position:absolute; display:none; float:left; left:0px;  top:34px; width:180px;
	box-shadow:0 3px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);
}

#wallpaperMenu ul li ul li{min-width:180px; z-index:10; margin-top:0px}
#wallpaperMenu ul ul a {border-radius:0px; -webkit-border-radius:0px; background:#333333; color:#cdcdcd; line-height:1em; padding:10px 15px; width:160px; height:auto;}
#wallpaperMenu li:hover > a,#wallpaperMenu ul ul :hover > a
{
	background:#333333; color:#ffffff;
	border:thin solid #888888;
	
	box-shadow:0 0 5px #000000; -webkit-box-shadow:0 0 5px #000000;
}
#wallpaperMenu ul.children li:hover > a{background: #252525; color:#ffffff; border-radius:0px; -webkit-border-radius:0px;}
#wallpaperMenu ul li:hover > ul{display:block;}

#categorie{position:relative; float:left; background:url(categorie.png) no-repeat; width:180px; height:40px;}

.wallpaperBox
{
	position:absolute; top:60px; left:47px; display:block;
	font-size:13px; font-weight:bold; font-style:italic; color:#555555; text-shadow:0px 0px 5px #ffffff;
}
.wallpaperBlockTop
{
	position:absolute; display:block; width:30px; height:30px;
	background:url(bg.jpg); z-index:1;
	border: 1px solid #888888;
	border-top-left-radius:6px; -webkit-border-top-left-radius:6px;
	box-shadow:0 0 5px #000000; -webkit-box-shadow:0 0 5px #000000;
}

.wallpaperBlockBottom
{
	position:absolute; display:block; width:40px; height:40px;
	background:url(bg.jpg); z-index:1;
	border: 1px solid #888888;
	border-bottom-right-radius:6px; -webkit-border-bottom-right-radius:6px;
	box-shadow:0 0 5px #000000; -webkit-box-shadow:0 0 5px #000000;
}

.wallpaperBox img{border:2px solid #ffffff; border-radius:6px;-webkit-border-radius:6px; box-shadow:0 0 5px #000000;-webkit-box-shadow:0 0 5px #000000; opacity:0.8;}

.wallpaperBox img:hover{border:2px solid #830000; opacity:1;}

a.fastRewind{position:relative; display:block; background:url(fastRewind.png)no-repeat 0px 0px; width:18px; height:18px;}
a.fastRewind:hover{background:url(fastRewind.png)no-repeat 0px -18px;}
a.previous{position:relative; display:block; background:url(previous.png)no-repeat 0px 0px; width:18px; height:18px;}
a.previous:hover{background:url(previous.png)no-repeat 0px -18px;}
a.next{position:relative; display:block; background:url(next.png)no-repeat 0px 0px; width:18px; height:18px;}
a.next:hover{background:url(next.png)no-repeat 0px -18px;}
a.fastForward{position:relative; display:block; background:url(fastForward.png)no-repeat 0px 0px; width:18px; height:18px;}
a.fastForward:hover{background:url(fastForward.png)no-repeat 0px -18px;}

/* CSS affichage de l'heure */
.separator
{
	position:relative;
	top:-3px;
	display:block;
	font-weight:bold;
	font-size:35px;
	font-family:Arial;
	padding-left:5px;
	height:30px;
	width:10px;
	float:left;
}
.fig
{
	position: relative;
	float:left;
	height:15px;
	width:10px;
	margin:5px;
}
.figt, .figb
{
	width:10px;
	height:9px;
	border: solid;
	font-size:0;
	line-height:0;
	float:left;
	position: relative;
}
.figt{border-width: 4px 4px 2px 4px;}
.figb{border-width: 2px 4px 4px 4px;}

/* CSS Color Picker */
.picker
{
    cursor: pointer;
    float: left;
    margin: 10px;
    border: 0;
}
.colorPicker
{
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    position: absolute;
}
.colorSelect
{
	top:10px;
	display:inline-table;
    background: url("select.png") repeat scroll center center transparent;
    border-radius: 5px;
    cursor: pointer;
    height: 30px;
    width: 30px;
}

/* CSS moteur de recherche */
#search
{
	position:absolute; top:0px; left:0px; display:none;
	width:300px;
	height:50px;
	z-index:10;
}
#searchContents
{
	display:block;
	background-image:url(search.png);
	background-repeat:no-repeat;
	background-position:10px 0px;
	width:230px;
	height:30px;
	border-bottom-right-radius:10px;
	padding-top:10px;
	padding-left:60px;
}

.TextAreaSearch
{
	position:relative; border-radius:5px;
	width:130px; height:18px;
	font-size:12px; font-weight:bold; font-style:italic; font-family:Trebuchet MS; text-align:center;
	overflow:hidden;
	background:transparent;
	text-decoration: none; vertical-align:middle;
	resize:none;
}
.TextAreaSearch:hover{border:2px solid #830000;box-shadow:0 0 3px #830000;-webkit-box-shadow:0 0 3px #830000;}
.TextAreaSearch:focus{border:2px solid #830000;box-shadow:0 0 3px #830000;-webkit-box-shadow:0 0 3px #830000;}

#suggestions
{
	position:absolute;
	display:none;
	top:40px;
	left:0px;
	width:260px;
	border-bottom-right-radius:50px;
	z-index:9;
	background-image:url(we.png);
	background-repeat:no-repeat;
	background-position:100% 100%;
}

ul
{
	list-style-type: none;
	padding:0;
	margin-top:10px;
}
.suggestionList{margin-left:10px;}
.suggestionList li{cursor: pointer;}
.li_clip{background-image:url(clipS.png); background-repeat:no-repeat; background-position:0 -24px; padding-left:30px; height:24px; vertical-align:middle; line-height:24px;}
.li_img{background-image:url(imgS.png); background-repeat:no-repeat; background-position:0 -24px; padding-left:30px; height:24px; vertical-align:middle; line-height:24px;}

#visualize
{
	position:absolute; top:0px; left:0px; margin:0px; display:none; z-index:12;
}

/* CSS OpenLayers for map */
.ol-unselectable{border-radius:10px;}
.ol-zoom{top:90px; right:.5em; left:inherit;}
.ol-full-screen{top:50px;}
.ol-overviewmap{top:50px; bottom:inherit;}
.layer-switcher{top:inherit; bottom:.5em;}
.target{width:20px; height:20px; border:1px solid #800000; border-radius:10px; background-color:#ff0000; opacity:0.5;}
.olPopupBox{position:absolute; top:-30px; left:20px; width:181px;}
.olPopup{position:relative; margin-top:5px; border-radius:10px; width:150px; text-align:center; font-size:12px; z-index:2; float:left;}

/* CSS Mail */
.mailBoxWait
{
	position:absolute; display:none; top:50px; left:160px;
	background-image:url(mailBoxWait.gif); background-repeat:no-repeat; background-position:-50px -50px;
	height:400px; width:400px;
}