/*
 * violet super fonce          : #2f3356
 * violet clair style rectorat : #7c81b8
 */

html {
	height: 100%;
	margin-bottom: 0.01em; }

body {
	background: #fff url('./img/header.png') no-repeat top left;			/* 342 x 334 */
	font: 12px "Trebuchet MS", Tahoma, sans-serif;
	color: #333;
	margin: 0px;
	padding: 0px; }

/*****************************************************************************************************
 ***** EXTRA NAV *************************************************************************************
 *****************************************************************************************************/	

#extra_nav {
	position: absolute;
	top: 10px;
	left: 380px; }
#extra_nav img {
	border: none; }
 
/*****************************************************************************************************
 ***** MENU ******************************************************************************************
 *****************************************************************************************************/

#menu {
	position: absolute;
	top: 360px;
	left: 21px;
	color: #fff; }
#menu_top {
	width: 300px;
	height: 12px;
	background: transparent url('./img/menu_top.png') no-repeat top left; }
#menu_bottom {
	width: 300px;
	height: 12px;
	background: transparent url('./img/menu_bottom.png') no-repeat top left; }
#menu_content {
	width: 296px;
	padding: 2px;
	background-color: #2f3356; }

/*****************************************************************************************************
 ***** ACCORDION *************************************************************************************
 *****************************************************************************************************/
	
#accordion {
	margin: 0px; }

#accordion h3 {
	cursor: pointer;
	margin: 0px 0px 4px 4px;
	padding: 1px; }

#accordion h3 a {
	color: #fff;
	text-decoration: none; }
	
div.element  {
	margin: 0px;
	padding-left: 30px; }

div.element a  {
	letter-spacing: 1px;
	text-decoration: none;
	color: #fff; }
div.element a:hover {
	text-decoration: underline; }

/*****************************************************************************************************
 ***** CONTENT ***************************************************************************************
 *****************************************************************************************************/

#content {
	position: absolute;
	top: 40px;
	left: 380px;
	width: 600px;
	padding: 10px;
	text-align: justify; }

#content h3 {
	margin-top:	50px;
	margin-bottom: 50px;
	letter-spacing: 1px;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 20px; }

#content h4 {
	margin: 20px 0px 5px 5px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline; }
	
#content a {
	color: #7c81b8; }
#content a:hover {
	text-decoration: none; }

.float_right {
	float: right; }

.warning {
	color: #f85c38; }

/*****************************************************************************************************
 ***** NOOB SLIDE ************************************************************************************
 *****************************************************************************************************/

#box_noob {
	position: absolute; }
#box_noob span {
	display: block;
	float: left; }

.mask_noob {
	position: relative;
	width: 679px;
	height: 519px;
	overflow: hidden; }

.buttons_noob {
	padding: 5px; }
.buttons_noob span {
	color: #fff;
	padding: 0 5px;
	cursor: pointer;
	font-size: 10px;
	background-color: #2f3356; }
.buttons_noob span:hover {
	text-decoration: underline; }

span img {
	display: block;
	border: none; }