/* CSS par Dig pour http://www.kits-gratuits.net */

/*------------------
  PAGE
------------------*/
/* Corps de la page */
* { margin:0;padding:0; }
body {
	background:#E8E8E8;
	width:100%;
	/*font:normal 0.8em "Trebuchet MS";*/
	font:normal 0.8em "Trebuchet MS",Verdana,Helvetica,sans-serif,"Niagara Solid";
}

/* Définition de la page */
#page {
	width:900px; /* initial : 700px */
	border-left:5px solid #D6D7D9;
	border-right:5px solid #D6D7D9;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}

/* IMAGE d'entete de page */
#header {
	background:url('./images/interface/header.png') top no-repeat;
	width:900px;
	height:100px;
}

/* TITRE d'entete de page */
#header h1 {
	font-size:1.8em;
	font-weight:normal;
	color:#588A03;
	font-family:Verdana;
	/*padding-left:70px;*/
	padding-left:30px;
	padding-top:20px;
}

#header p {
	color:#646464;
	/*padding-left:110px;*/
	padding-left:50px;
	padding-top:5px;
}

/*---------------------
   BLOC
---------------------*/
#bloc {
	float:left;
	width:650px; /* initial : 450px */
	text-align:justify;
	padding-left:10px;
}

#bloc a {color:#008000;text-decoration:underline;}

#bloc a:hover {color:#008000;font:bold 1em "Trebuchet MS";text-decoration:underline;}

#bloc h2 {
	border-bottom:2px solid #588A03;
	margin-top:10px;
	/*font:200% Niagara Solid;*/
	font:150% "Trebuchet MS" Solid;
	text-align:left;
	height:25px;
}

/*#bloc h2 {
	padding-right: 0px;
	display: block;
	padding-left: 5px;
	font-size: 0.87em;
	background-image: url(./images/interface/bkgdh2.gif);
	padding-bottom: 0.3em;
	margin: 10px 0px 0px 5px;
	vertical-align: middle;
	color: #c6e647;
	line-height: 1.6em;
	padding-top: 0.3em;
	height: 1.6em;
}*/

/*----------------------
  TITRE CORPS DE PAGE
----------------------*/
h6.action_ok
	{
	background-color:#FFFFBF;
	border:1px solid red;
	color:#008000;
	text-align:center;
	font: bold 78% verdana;
	margin-bottom:7px;
	}
	
h6.action_nok
	{
	background-color:#FFFFBF;
	border:1px solid red;
	color:#FF0000;
	text-align:center;
	font: bold 78% verdana;
	margin-bottom:7px;
	}

/*---------------
  MENU STATS
----------------*/
#stats {
	float:left;
	margin-left:80px;
	width:150px;
	margin-top:10px;
}

#stats h2 {
	background:url('./images/interface/stats.png') left no-repeat;
	background-color:#CEFFCA;
	border-top:3px solid #D6D7D9;
	border-right:3px solid #D6D7D9;
	border-left:3px solid #D6D7D9;
	border-bottom:5px solid #588A03;
	margin-top:10px;
	font:150% "Trebuchet MS" Solid;
	text-align:right;
	}
	
#stats ul {
	background-color:#ECFFEA;
	list-style-image:url('./images/interface/puce.jpg');
	border-right:3px solid #D6D7D9;
	border-left:3px solid #D6D7D9;
	border-bottom:3px solid #D6D7D9;
	/*margin-top:10px;*/
	margin-bottom:10px;
}

/*---------------
  MENU DROITE
----------------*/
/* ancienne valeur left:40px width:190px */
#menu {
	float:left;
	margin-left:77px; /* margin-left:80px; */
	width:150px;
}

#menu h2 {
	background-color:#CEFFCA;
	border-top:3px solid #D6D7D9;
	border-right:3px solid #D6D7D9;
	border-left:3px solid #D6D7D9;
	border-bottom:5px solid #588A03;
	margin-top:20px;
	/*font:200% "Niagara Solid";*/
	font:150% "Trebuchet MS" Solid;
	text-align:right;
	}
	
#menu ul {
	background-color:#ECFFEA;
	list-style-image:url('./images/interface/puce.jpg');
	border-right:3px solid #D6D7D9;
	border-left:3px solid #D6D7D9;
	border-bottom:3px solid #D6D7D9;
	/*margin-top:10px;*/
	margin-bottom:10px;
}

#menu li {
	margin-left:30px;
	height:20px;
}

#menu a {color:#646464;text-decoration:none;}

#menu a:hover {color:#008000;font:bold 1em "Trebuchet MS";text-decoration:underline;}

/*---------------
  MENU CONNEXION
----------------*/
#connexion {
	float:left;
	margin-left:30px;
	width:200px;
	font:bold 12px "Trebuchet MS";
}

#connexion h2 {
	background:url('./images/interface/key.png') left no-repeat;
	background-color:#CEFFCA;
	border-top:3px solid #D6D7D9;
	border-right:3px solid #D6D7D9;
	border-left:3px solid #D6D7D9;
	border-bottom:5px solid #588A03;
	margin-top:20px;
	/*font:200% "Niagara Solid";*/
	font:150% "Trebuchet MS" Solid;
	text-align:right;
	}

#connexion ul {
	background-color:#ECFFEA;
	border-right:3px solid #D6D7D9;
	border-left:3px solid #D6D7D9;
	border-bottom:3px solid #D6D7D9;
	margin-bottom:10px;
	padding-top:5px;
	padding-left:3px;
	padding-bottom:5px;
}

#connexion p {
	padding-top:5px;
}

#connexion a {color:#646464;text-decoration:none;}

#connexion a:hover {color:#008000;font:bold 1em "Trebuchet MS";text-decoration:underline;}

/*------------
  MENU HAUT
------------*/
ul#menu_haut {
	float:left;
	width:100%;
	background-color:#3A3A3A;
	height:20px;
	border-bottom:3px solid #CFCFCF;
	list-style-type:none;
	text-align:center;
}

ul#menu_haut li {
	display:inline;
	float:left;
}

ul#menu_haut a {
	width:116px;
	height:20px;
	background-color:#3A3A3A;
	color:#FFF;
	text-decoration:none;
	display:block;
}

ul#menu_haut a:hover {
	width:116px;
	height:20px;
	background-color:#3A3A3A;
	color:#FFF;
	text-decoration:underline;
	background-color:#848484;
	display:block;
}

/*--------
  BOUTON
--------*/
.button {
	border-right: rgb(116,116,116) 2px solid;
	padding-right: 8px;
	border-top: #fff 2px solid;
	padding-left: 8px;
	padding-bottom: 2px;
	font: bold 78% verdana;
	overflow: visible;
	border-left: rgb(255,255,255) 2px solid;
	cursor: pointer;
	color: #333;
	margin-right: 7px;
	padding-top: 2px;
	border-bottom: rgb(116,116,116) 2px solid;
	background-color: #e6e6e6;
	font-size-adjust: none;
	font-stretch: normal
}

/*----------
  TABLEAU
----------*/
table.jourJ 	{
		    border-bottom:3px solid #FF8000;
		    border-left:3px solid #FF8000;
		    border-right:3px solid #FF8000;
		    background-color:#ECFFEA;
		    font:12px "Trebuchet MS";
		}
		
caption.jourJ {
		    border-top:3px solid #FF8000;
		    border-left:3px solid #FF8000;
		    border-right:3px solid #FF8000;
		    caption-side: top;
		    text-align: center;
		    vertical-align: bottom;
		    background-image: url(./images/interface/bkgdh2.gif);
		    color: #c6e647;
    		}
		
table.bordure 	{
		    border-bottom:3px solid #D6D7D9;
		    border-left:3px solid #D6D7D9;
		    border-right:3px solid #D6D7D9;
		    background-color:#ECFFEA;
		    font:12px "Trebuchet MS";
		}
		
caption.bordure {
		    border-top:3px solid #D6D7D9;
		    border-left:3px solid #D6D7D9;
		    border-right:3px solid #D6D7D9;
		    caption-side: top;
		    text-align: center;
		    vertical-align: bottom;
		    background-image: url(./images/interface/bkgdh2.gif);
		    color: #c6e647;
    		}

td.bordure	{
			border-top:5px solid #588A03;
			text-align: center;
			font:bold 1.0em solid;
			color : #400040;
			background-color:#FFFFFF;
		}

/*td.bordure_sstitre	{
			border-top:5px solid #588A03;
			text-align: center;
			font:bold 1.0em solid;
			color : #400040;
			background-color:#FFFFFF;
		}*/
		
table.selection {
		    border-bottom:3px solid #D6D7D9;
		    border-left:3px solid #D6D7D9;
		    border-right:3px solid #D6D7D9;
		    font:12px "Trebuchet MS";
		}
		
caption.selection {
		    border-top:3px solid #D6D7D9;
		    border-left:3px solid #D6D7D9;
		    border-right:3px solid #D6D7D9;
		    caption-side: top;
		    text-align: center;
		    vertical-align: top;
		    background-image: url(./images/interface/bkgdh2.gif);
		    color: #C6E647;
		    line-height: 2em;
    		}

th.selection	{
			font:bold 12px "Trebuchet MS";
			background-image: url(./images/interface/bkgdh2.gif);
			/*background-color:#400040;*/
			text-align: center;
			color: #FFFFFF;
			border-bottom:3px solid #D6D7D9;
		}
    		
tr.selection_blanc {
			background-color:#FFFFFF;
		}

tr.selection_vert {
			background-color:#ECFFEA;
		}
		
/*td.selection_blanc_forum
		{
			background-color:#FFFFFF;
			/*border-bottom:3px solid #D6D7D9;*/
			border-bottom:2px solid black;
		}

td.selection_vert_forum
		{
			background-color:#ECFFEA;
			/*border-bottom:3px solid #D6D7D9;*/
			border-bottom:2px solid black;
		}*/

td.lu		{
			font:12px "Trebuchet MS";
		}

td.nonlu 	{
			font:bold 12px "Trebuchet MS";
		}
		
/*--------
  IMPUT
--------*/
input.objet {
	vertical-align:middle;
	border-right: #ddd 1px solid;
	padding-right: 0px;
	border-top: #aaa 1px solid;
	padding-left: 1px;
	font-size: 11px;
	padding-bottom: 0px;
	margin: 0px;
	overflow: hidden;
	border-left: #aaa 1px solid;
	padding-top: 0px;
	border-bottom: #ddd 1px solid;
	font-family: arial;
	white-space: nowrap;
	height: 16px;
	maxlength:200;
}

input.main {
	vertical-align:middle;
	border-right: #ddd 1px solid;
	padding-right: 0px;
	border-top: #aaa 1px solid;
	padding-left: 1px;
	font-size: 11px;
	padding-bottom: 0px;
	margin: 0px;
	overflow: hidden;
	border-left: #aaa 1px solid;
	padding-top: 0px;
	border-bottom: #ddd 1px solid;
	font-family: arial;
	white-space: nowrap;
	height: 16px;
}


/*------------
  TEXT AERA
------------*/
textarea.main {
	border-right: #ddd 1px solid;
	border-top: #aaa 1px solid;
	border-left: #aaa 1px solid;
	border-bottom: #ddd 1px solid;
	background-color:#FFFFFF;
	font-family: arial;
	font-size: 11px;
	font-family: arial;
	text-align:left;
	padding:10px;
	width:380px;
	height:170px;
	rows:10;
	cols:20;
	WRAP:virtual;
}

/* Entete de fin de page */
p#copyright {
	font-size:0.8em;
	color:#A3A3A3;
	width:700px;
	text-align:center;
	clear:both;
	background-color:#FFF;
	padding-top:50px;
}

p#copyright a{
	text-decoration:none;
	color:#A3A3A3;
}

/*--------------
RADIO
--------------*/
radio.main {
	align=absmiddle;
	border:none;
}

/*--------------
	DIV
--------------*/
div.gras 	{
		font:bold 12px "Trebuchet MS";
		}
		
div.contact 	{
		    border:3px solid #D6D7D9;
		    background-color:#ECFFEA;
		    font:12px "Trebuchet MS";
		}
		
div.entete 	{
		    text-align: center;
		    vertical-align: top;
		    background-image: url(./images/interface/bkgdh2.gif);
		    color: #C6E647;
		    margin-bottom:5px;
		    font:bold 12px "Trebuchet MS";
		}
		
/*-----------------
    INFO BULLE
-----------------*/
/* Rend invisible tout notre bloc span */
a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #6699FF; /* Définition des bordures */
    text-align	   : left;
}

a.info_bulle
{				
  color           : #2F368A; /* Couleur de notre lien */
  font-size	  : 0.8em;
  font-family 	  : verdana;
  text-decoration : none;    /* Aucun soulignement du texte */
  padding         : 2px 2px 2px 2px; /*Définition des marges intérieures de notre lien */
  /* Définition de l'arrière plan de notre lien */
  position : relative;
}

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span
{
    padding    : 5px;
    top        :  -101px;
    left       :  50px;
    width      :  270px;
    height     :  auto;
    overflow   :  visible;
    text-decoration : none;
    font:normal 0.8em "Trebuchet MS";
    color: #400040;
}   

a.info_bulle:hover 
{
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}


/*-----------------
    INFO BULLE
-----------------*/
a.info_bulle_membre span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #6699FF; /* Définition des bordures */
    text-align	   : left;
}

a.info_bulle_membre
{				
  color           : #2F368A; /* Couleur de notre lien */
  font-size	  : 0.8em;
  font-family 	  : verdana;
  text-decoration : none;    /* Aucun soulignement du texte */
  padding         : 2px 2px 2px 2px; /*Définition des marges intérieures de notre lien */
  /* Définition de l'arrière plan de notre lien */
  position : relative;
}

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle_membre:hover span, a.info_bulle_membre:focus span
{
    padding    : 5px;
    top        :  -37px;
    left       :  -130px;
    width      :  150px;
    height     :  auto;
    overflow   :  visible;
    text-decoration : none;
    font:normal 0.8em "Trebuchet MS";
    color: #400040;
	text-align : center;
}   

a.info_bulle_membre:hover 
{
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}

/*--------------------
Validation compte
--------------------*/
#valid a {color:#646464;text-decoration:none;}

#valid a:hover {color:#008000;font:bold 1em "Trebuchet MS";text-decoration:underline;}

/*--------------------
	FORUM
--------------------*/
#forum a
{
	color:black;
	text-decoration:none;
}
#forum a:hover
{
	color:black;
	text-decoration:underline;
}

div.forum
{
	border-top: #aaa 1px dashed;
	padding-left:5px;
	padding-right:5px;
	line-height:14px;
}

div.forum li {
	margin-left:50px;
	height:10px;
}

div.forum p {
	/*line-height:2px;*/
}