@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: Standard;
	src:url(../fonts/standard.eot);
}
@font-face {
	font-family: Standard;
	src:url(../fonts/standard.ttf);
}

@font-face {
	font-family: Standard;
	src:url(../fonts/ubuntu.eot);
}
@font-face {
	font-family: Standard;
	src:url(../fonts/ubuntu.ttf);
}

#loader {
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:20;
	background-color:#003366;
}

#loader img {
	display:none;
}

#loadText {
	position:fixed;
	color:#FF6600;
	font-size:18px;
	font-family:Ubuntu, Arial;
	width:100%;
	top:50%;
	margin-top:-30px;
	text-align:center;
}

#loadProgress {
	position:fixed;
	background-color:#FF6600;
	top:50%;
	margin-top:-5px;
	width:0%;
	left:0px;
	height:10px;
}

body {
	background-color:#003366;
	padding:0;
	margin:0;
	font-size:12px;
	font-family:Ubuntu, Arial;
}

a img {
	border:none;
}

#menu {
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	width:206px;
	overflow:visible;
}

#xhtml {
	width:85px;
	height:25px;
	position:absolute;
	top:0;
	right:145px;
	z-index:10;
}

#css {
	width:85px;
	height:25px;
	position:absolute;
	top:0;
	right:45px;
	z-index:10;
}

#menu-top {
	background-image:url(../img/menu-top.png);
	width:280px;
	height:83px;
}

#menu-mid {
	background-image:url(../img/menu-mid.png);
	background-repeat:repeat-y;
	background-position:top left;
	padding:8px 0px 8px 0px;
	width:206px;
}

.menu-button {
	background-image:url(../img/menu-button.png);
	background-repeat:no-repeat;
	margin:8px 0px 8px 0px;
	width:167px;
	height:27px;
}

.menu-button a {
	display:block;
	margin:0px 0px 0px 10px;
	color:inherit;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:27px;
	vertical-align:middle;
	color:#003366;
}

.menu-button a:hover {
	color:#FF6600;
}

.menu-button:hover {
	background-image:url(../img/menu-button-hover.png);
}

#menu-bot {
	background-image:url(../img/menu-bot.png);
	background-repeat:no-repeat;
	height:18px;
	width:206px;
}

#back {
	z-index:0;
	position:absolute;
}

.square {
	position:fixed;
	display:none;
	background-color:#FF6600;
}

#area {
	position:absolute;
	z-index:5;
}

.block {
	width:492px;
	position:absolute;
	left:50%;
	margin-left:-246px;
	top:50px;
}

.block-top {
	background-image:url(../img/block-top.png);
	width:492px;
	height:52px;
}

.block-title {
	position:absolute;
	width:340px;
	height:24px;
	left:44px;
	top:18px;
	cursor:move;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:24px;
	vertical-align:middle;
	color:#FF6600;
}

.block-toggle {
	width:30px;
	height:23px;
	position:absolute;
	left:394px;
	top:19px;
	cursor:pointer;
}

.block-close {
	width:30px;
	height:23px;
	position:absolute;
	left:434px;
	top:19px;
	cursor:pointer;
}

.block-mid {
	background-image:url(../img/block-mid.png);
	background-position:top;
	background-repeat:repeat-y;
	width:492px;
	overflow:hidden;
}

.block-content {
	padding:5px 30px 5px 30px;
	color:#FF6600;
	overflow:hidden;
	text-align:justify;
}

.block-bot {
	background-image:url(../img/block-bot.png);
	width:492px;
	height:28px;
}

a {
	color:#F90;
	text-decoration:underline;
}

a.visiter {
	float:right;
	border:1px solid #001E3C;
	background-color:#FF6600;
	text-decoration:none;
	font-family:Standard;
	font-size:10px;
	color:#FFF;
	padding:2px 3px 2px 3px;
}

label {
	font-family:Standard;
	font-size:10px;
	color:#FFF;
}

input[type=text] {
	border:1px solid #FF6600;
	background-color:#001E3C;
	color:#FF6600;
	width:60%;
}

input[type=button] {
	margin:auto;
	color:#001E3C;
	background-color:#FF6600;
	border:2px solid #001E3C;
}

textarea {
	border:1px solid #FF6600;
	background-color:#001E3C;
	color:#FF6600;
	width:100%;
	height:200px;
}

.message {
	text-align:center;
}

p.site_infos {
	text-align:right;
	font-size:10px;
	margin:-15px 0px 0px 0px;
	padding:2px;
	background-color:#039;
	float:right;
}
p.site_infos + p {
	clear:both;
}
.site_images {
	overflow:hidden;
	min-height:150px;
	text-align:center;
	width:100%;
}
.site_image {
	height:140px;
	width:163px;
	line-height:140px;
	display:inline-block;
	overflow:visible;
	margin:10px 10px 10px 0px;
	text-align:center;
}
.site_image img {
	display:block;
	position:relative;
	top:0px;
	text-align:center;
}

h1 {
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	clear:both;
}

ul, li {
	list-style-image:url(../img/puce.png);
}