body {background : url("./images/fond.gif");}

table {border-collapse: separate;}
.noborder td {border : 0px;}
.bold {font-weight: bold;}
.comment a:hover{font-weight: bold; text-decoration: underline;}
.italic {font-style : italic;}
.underlined {text-decoration : underline;}
.center {text-align : center;}
.left {text-align : left;}
.right {text-align : right;}
.fright {float: right;}
.fleft {float: left;}
.centered {margin-left : auto; margin-right : auto;}
.spacer {height: 20px;}
.spacer2 {height: 10px;}
.clear{clear:both;}
.valign {vertical-align:middle;}
.greybg {background-color : #bbbbbd;}
.greytab tr {background-color : #bbbbbd;}
.greytab td { border: thin solid #007F0E; padding : 0px 10px 0px 10px;}
.greytab tr:hover {color : #AD0000; background-color : #a7a7a7;}
.greytab a {color : #0532FF; text-decoration : none; }
.greytab a:hover {color : #AD0000;}
.classictab {background-color : #bbbbbd; border-spacing: 0px 0px}
.classictab td { border: thin solid #FFFFFF; padding : 0px 10px 0px 10px;}
.normal {background-color : #dddada;} 
.challslink a {color : #0532FF; text-decoration : none;}
.redlink a {color : #AD0000; }
.downloads a {text-decoration : none;}
.txt {font-size : 11pt;}
.smalltxt {font-size : 9pt;}
.validated {color : #35ae00; text-align : center;}
.fail {color : #ff000c; text-align : center;}
.mandatory {color: #ff000c; font-size: 10pt; font-weight: bold;}
.profil a {text-decoration : none; color : #0532FF}
.links td {border : solid 1px; background-color: #c7c5c5;}
.empty td {background-color: #dddada;}
.links a {text-decoration : none; color : black; }
.archive a {text-decoration : none; color : #dd0000; }
.simplelink a {color : #0532FF; text-decoration : none;}
.simplelink a:hover {color : #AD0000;}
.shoutbox_text {background-color: #c7c5c5;}
.shoutbox td { border: thin solid #404040; padding : 0px 10px 0px 10px; overflow: hidden;}
.discrete_link a {color: #737272; text-decoration : none;}
.nowrap {white-space: nowrap; }
.wrap {white-space: normal; }
.subbox {background : transparent url("./images/borders/subbox_bg.png") repeat-x; overflow: visible;}
.subbox2 {background-color: #575757; background-image: url("./images/borders/subbox_bg.png"); background-repeat: repeat-x; border: 2px ridge black; padding: 10px;}
.mailbox {background-color: #686060; border: 2px ridge black; padding: 10px;}
.mailbox a {color : white; text-decoration:none;}
.mailbox a:focus, .mailbox a:hover,.mailbox a:active{color : white; text-decoration: underline;}
.legend {margin: auto; width: 1%; display: block; }
label.error {color:red;	display:none; float:none; font-size:11px;	padding-left:0.5em; vertical-align:top;}
input.error, select.error { border: 1px dotted red; padding: 2px; }
.error{color:#FF0000;}
.not_read {background-position: right; background-image: url("images/unread.png"); background-repeat: no-repeat;}
.mail_send {margin-left: 42px; margin-bottom: 15px;}
.redDashedBorder {border-style: dashed; border-width: 1px; border-color: #850000;}

.forum_conf {
	border-left-width: 1px;
	border-left-style: dotted;
	border-right-width: 1px;
	border-right-style: dotted;
	border-top-width: 1px;
	border-top-style: dotted;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

input[type=text], input[type=password], input[type=submit], select, textarea {
	background-color: white;
	color: black;
}

input[type=text], input[type=password], input[type=submit], select, textarea {
	clear:left;
	margin-top:5px;
	border:solid 1px #CCC;
	padding:5px;
}

div.spacer { clear: both; }

.shadow {text-shadow: #6374AB 3px 2px 2px;}
.shadow2 {text-shadow: #6e6b72 2px 1px 1px;}

.news {
	background-color : #a4a4a4;
	background-image : url("./images/borders/news_top.png");
	background-repeat: repeat-x; 
	padding : 10px 10px 10px 10px; 
	vertical-align : middle; 
	border-style: solid; 
	border-color: #4b4949; 
	border-width: 2px;
}
.news a {text-decoration : none; color : #dd0000; }
.forum_tab td {background : transparent url("./images/borders/forum_top.png") repeat-x; background-color : #bbbbbd; padding: 10px; }
.forum_tab2 td {background-color: #d2d2d2; background-image : url("./images/borders/forum_top2.png"); background-repeat: repeat-x; padding: 10px;}
.mailbox_tab td {background : transparent url("./images/borders/mailbox_top.png") repeat-x; background-color: #c8c6c6; padding: 10px; border-style: inset; border-width: 4px;}
.mailbox_tab2 td {background-color: #c8c6c6; border-style: dashed; border-width: 1px;}

#simpleTooltip { padding: 7px; border: 1px solid #A6A7AB; background: #F2F3F5; }

/* Header */
#notLogged {
	position : absolute;
	top : 25px;
	left : 25px;
}

#logo {
	position : relative;
	margin-left : auto; 
	margin-right : auto; 
	background-image:url(images/logo.png);
	background-repeat:no-repeat; 
	width: auto; 
	height : 142px;
}

#top {
	background : url("images/head-bg.png") repeat-x;
	margin-left : -10px;
	margin-top : -10px;
	margin-right : -8px;
	border : 0px solid;
	padding : 10px 10px 10px 10px;
	text-align : center;
}

#top .title {color : white; position : relative; top : 15px; font-size : 35pt;}
#top table {margin: 0 auto; color : white; border-spacing : 20px 0px; position: relative; top : 20px;}
#top a {color : white; text-decoration:none;}
#top a:focus,#top a:hover,#top a:active{color : white; text-decoration: underline;}
#top .titleLink a:focus, #top .titleLink a:active, #top .titleLink a:hover {text-decoration : none;}

/* Right modules */
#right {
	width : 20%;
	float : right;
	text-align : center;
	margin : 0px 0px 0px 0px;
	position : absolute;
	right : 20px;
}
.module {height : auto; }
#right .moduleBox1, #right .moduleBox2 {width : 100%;}

#right .moduleBox1 .border11 {background : transparent url("./images/borders/yellow-top-left.png") no-repeat; height : 29px; width : 27px;}
#right .moduleBox1 .border12 {background : url("./images/borders/yellow-top-center.png") repeat-x; text-align : center; font-weight:bold;}
#right .moduleBox1 .border13 {background : transparent url("./images/borders/yellow-top-right.png") no-repeat; height : 29px; width : 27px;}

#right .moduleBox2 .border11 {background : transparent url("./images/borders/red-top-left.png") no-repeat; height : 29px; width : 27px;}
#right .moduleBox2 .border12 {background : url("./images/borders/red-top-center.png") repeat-x; text-align : center; font-weight:bold;}
#right .moduleBox2 .border13 {background : transparent url("./images/borders/red-top-right.png") no-repeat; height : 29px; width : 27px;}

/* Middle and Bottoms borders */
.border11 {background : transparent url("./images/borders/green-top-left.png") no-repeat; height : 29px; width : 27px;}
.border12 {background : url("./images/borders/green-top-center.png") repeat-x; text-align : center; font-weight:bold;}
.border13 {background : transparent url("./images/borders/green-top-right.png") no-repeat; height : 29px; width : 27px;}
.border21 {background : url("./images/borders/left-black-pixel.png") repeat-y; background-color : #dddada;}
.border22 {background-color : #dddada;}
.border23 {background : url("./images/borders/right-black-pixel.png") repeat-y; background-color : #dddada;}
.border31 {background : transparent url("./images/borders/bottom-left.png") no-repeat; width: 27px}
.border32 {background : url("./images/borders/bottom.png") repeat-x; height : 15px;}
.border33 {background : transparent url("./images/borders/bottom-right.png") no-repeat; height : 15px; width : 27px;}

/* Main */
#main {
	float : left;
	width : 76%;
	position : relative;
	margin : 0px 0px 20px 10px;
	height : auto !important;
}

#main .box, #right .box, #footer .box {width : 100%; height : 100%; border-collapse: collapse;}

/* Footer */
#footer {
	bottom : 0px;
	width : 38%;
	float : left;
	position: relative;
	margin : 0px 10px 10px 20%;
	height : auto;
	text-align : center;
}

#footer .fborder11 {background : transparent url("./images/borders/white-wave-top-left.png"); height : 10px; width : 10px;}
#footer .fborder12 {background : url("./images/borders/white-wave-top-center.png") repeat-x; height : 10px;}
#footer .fborder13 {background : transparent url("./images/borders/white-wave-top-right.png"); height : 10px; width : 10px;}
#footer .fborder21 {background : url("./images/borders/white-wave-middle-left.png") repeat-y; height : 10px; width : 10px;}
#footer .fborder22 {background-color : #ffffff;}
#footer .fborder23 {background : url("./images/borders/white-wave-middle-right.png") repeat-y; height : 10px; width : 10px;}
#footer .fborder31 {background : transparent url("./images/borders/white-wave-bottom-left.png"); height : 10px; width : 10px;}
#footer .fborder32 {background : url("./images/borders/white-wave-bottom-center.png") repeat-x; height : 10px;}
#footer .fborder33 {background : transparent url("./images/borders/white-wave-bottom-right.png"); height : 10px; width : 10px;}

#footer .copyright {line-height:32px; vertical-align : middle; color : white;}
#footer .w3c {float : right; position : relative; top : 2px; bottom : 2px; left : 2px; right : 5px;}

#menu {font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;font-size: 90%; position: absolute; right: 0px; top: -10px; }
#menu ul ul {display: none; position: absolute; margin:0px; padding: 0px; border: 0px; Z-Index: 3;}
#menu ul.lvl2 {right: 35px; top: 0px;}
#menu ul.lvl3 {right: 163px; top: 1px;}
#menu .lvl1 {background-image: url(images/mini/menu_button.png); background-repeat: no-repeat; height: 36px; background-position: right;}
#menu .lvl1:hover {background-image: url(images/mini/menu_button2.png); background-repeat: no-repeat;}
#menu .lvl3 img {border: none; width: 16px; height: 16px; float: left; text-align: left;}
#menu li {list-style-type: none; position: relative; width: 160px; padding: 3px; margin: 0px; border:0px;}
/* #menu .lvl2 {background-image: url(images/misc/transparent.png);} */
#menu ul.img {background-image: url(images/misc/menu_button.png);height: 32%; width: 32%;}
#submenu li:hover, #menu li.sfhover {background-image: url(images/misc/transparent2.png);}
#menu li a {text-decoration:none;}
#menu li:hover ul.lvl2, #menu li li:hover ul.lvl3, #menu li.sfhover ul.lvl2, #menu li li.sfhover ul.lvl3 {display: block;}
#menu .plus img {float: left;}

.button { display: block; position: relative; background: #fff; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.button * { font-style: normal; background-image: url(images/buttons/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.button i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.button span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.button span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.button span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
.button.blue { background: #2ae; }
.button.green { background: #9d4; margin-right: 7px;}
.button.pink { background: #e1a; }
.button.grey { background: #444; }
.button.border {border: thin solid #A6A7AB; border-width: 1px;}
.button:hover { background-color: #a00; }
.button:active { background-color: #444; }
.button[class] { background-image: url(images/buttons/shade.png); background-position: bottom; }