/* CSS Document */

body {
	font-family:"Trebuchet MS";
  	font-size:11px;
	margin:0;
	color:#666;
	border:3px solid #eee;
}

html {
	border:15px solid #f6f6f6;
	border-left:30px solid #f6f6f6;
	border-right:30px solid #f6f6f6;
}

* {
	margin:0;
	padding:0;
	outline:none;
}

#header {
	width:100%;
	margin:0 auto;
	padding:0;
}

#header #block1{
	margin:0;
	height:125px;
	padding:0;
	background:url('images/img_header.jpg') right no-repeat;
}

#header .right {
	float:right;
}

#header h1 {
	margin: 0 0 0 35px;
	padding:10px 0 0 0;
}

#header .baseline {
	font:13px;
	color:#C2C97D;
	margin:0 0 0 35px;
	padding:3px 0;
}

#form_login{
	float:right;
	margin: 0;
	padding:80px 50px 0 0;
}

#form_login span, #form_login a{
	color:#8C8C8C;
}

#form_login input {
	vertical-align:middle;
	font-size: 11px;
	color: #8C8C8C;
	width: auto;
	padding: 0;
	margin:0 5px;
	height:auto;
}

ul#nav {
	clear:both;
	background:#4568AE;
	padding:5px 5px 5px 20px;
	font-size:14px;
	color:#FFF;
	margin:0;
}

ul#nav li {
	display:inline;
	list-style:none;
	margin-right:10px;
}

ul#nav li a {
	padding:0 14px;
	color:#fff;
	text-decoration:none;
}

ul#nav li a:hover,  ul#nav li .current{
	background:#6583BF;
	color:#fff;
}

ul#nav li a.active {
	background:#fff;
	color:#333;
}

#container {
	clear:both;	
	width:95%;
	margin:20px auto;
}

#content ul {
	margin:15px 0 15px 25px;
}

#content ul li {
	border-bottom:1px solid #eee;
	padding:10px;
	color:#444;
}

#content {
	width:65%;
	float:left;
	margin-bottom:50px;
}


h2 {
	font-size:16px;
	font-weight:normal;
	color:#C2C97D;
	margin:0 0 20px 0;
}

h2 span{
	font-size:19px;
}

h3,h3 a {
	height: 23px;
	background: #D3DD92;
	color: #FFFFFF;
	margin: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

h3 span{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#4568AE;
	margin: 0 5px;
}

h4{
	font-size:14px;
	background:#4568AE;
	color:#fff;
	padding:0 5px;
	margin:5px 0;
}

.degrad{
	margin:0;
	width:100%;
	height:19px;
	background:url('images/pix_filet_centre.jpg') repeat;
}

.degrad span{
	display:block;
	height:19px;
	width:90%;
	background:url('images/filet_centre.jpg') no-repeat;
}

.bordure {
	background:#fff;
	padding:1px;
	border:3px solid #eee;
	margin:10px;
}

.message_header{
	clear:both;
	font:12px Verdana;
	text-align:center;
	border:1px solid #CCC;
	padding:5px 10px;
	color:#000000;
	font-weight:bold;
}

.mess{
	color:#FF0000;
	font-weight:bold;
}

.left{
	float:left;
	margin:5px 10px;
}

.left_cadre{
	float:left;
	border:1px solid #CCC;
	padding:3px 10px;
	margin:0 5px;
}

.right{
	float:right;
}

.right_cadre{
	float:right;
	border:1px solid #CCC;
	padding:3px 10px;
	margin:0 0 0 5px;
	overflow:auto;
}

.center{
	text-align:center;
}

.clear{
	clear:both;
}

.cadre{
	border:1px solid #CCC;
	padding:5px 10px;
	margin:5px 0;
	overflow:auto;
}

.cadre_center{
	text-align: center;
	border:1px solid #CCC;
	padding:5px 10px;
	margin:5px 0;
	overflow:auto;
}

.vignettes{
	float:left;
	overflow:auto;
	padding:0;
	width:200px;
	height:150px;
	border:1px solid #CCC;
	padding:5px;
	margin:10px 10px 10px 0;
}

blockquote {
	background:#f6f6f6;
	padding:0 10px;
	border:1px solid #eee;
	font:100% Georgia;
}

img{
	border:0;
	margin:0;
	padding:0;
	border: 0;
	vertical-align:middle;
}

p{
	margin:10px 0;
	font-size:12px;
	text-align:justify;
}

a {
 color: #4568AE;
 text-decoration: none;
 font-weight: normal;
}

a:hover {
 text-decoration: underline;
}

form {
 margin: 0;
 padding: 0;
}

form p{
	color:#4568AE;
	font-weight:bold;
	margin:6px 0;
}

input {
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size: 11px;
 color: #333;
 border: 1px solid #B3B4BD;
 width: 40%;
 height: 1.5em;
 padding: 0;
 margin: 0;
}

.bouton{
width:auto;
font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
font-size: 11px;
color: #333;
border: 1px solid #B3B4BD;
height: auto;
padding: 0;
margin: 0;
}

textarea {
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size: 14px;
 color: #143270;
 background-color: #f9f9f9;
 border: 1px solid #B3B4BD;
 width: 50%;
 padding: 0;
 margin: 0;
}

select {
 background-color: #fff;
 font-size:  11px;
 font-weight: normal;
 color: #333;
 padding: 0;
 margin: 0 0 3px 0;
}

table{
	width:100%;
	margin:10px 0;
	padding:0;
	border:1px solid #CCC;
}

table th{
	font-family:Trebuchet MS;
	font-size:14px;
	font-weight:normal;
	color:#fff;
	border:0;
	padding:0;
	background:#4568AE;
}

table td{
	color:#8c8c8c;
	border:0;
	padding:4px 10px;
	text-align:center;
}

.block_bleu{
	margin-top:5px;
	width:230px;
	background:#BECBE3;
	padding:10px;
}

.block_bleu a{
	font-style:italic;
}

#sidebar {
	color:#FFF;
	font-size:14px;
	margin-left:70%;
	border-left:1px solid #eee;
	
}

#sidebar #blok{
	width: 230px;
	margin:0 auto;
}

#sidebar ul {
	list-style:none;
}

#sidebar ul a {
	font-size:14px;
	color:#26419B;
	text-decoration:none;
}

#sidebar p {
	text-align:left;
}

#sidebar ul li {
	margin:1px 0 0 0;
	padding:5px 0;
}

#sidebar h3 {
	margin:5px 0;
	color:#222;
}

.degrade2{
	margin:5px 0 0 0;
	width:250px;
	height:20px;
	background:url('images/filet_droite.jpg') no-repeat;
}

.about {
	width:230px;
	color:#fff;
	background:#708BC0;
	padding:10px;
}

.about a {
	color:#FFF;
	text-decoration:underline;
}

.about a:hover {
	text-decoration:none;
}

#footer {
	padding:20px 50px;
	margin-top:50px;
	clear:both;
	border-top:2px solid #eee;
	font:80% Verdana;
	line-height:25px;
}

#footer p{
	text-align:center;
}

#footer a {
	color:#999;
}

#footer .validate {
	float:right;
}

/* Infobulle MOOTOOLS */

a.info {
	margin:0 0 0 5px;
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: -5px; /* on positionne notre infobulle */
   left: 120px;

   background: #99CCFF;

   color: 99CCFF;
   padding: 3px;

   border: 1px solid #C0C0C0;
   border-left: 4px solid #C0C0C0;
}