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

* { margin:0;padding:0; }

body {
	background:#E8E8E8;
	width:96%;
	margin: auto;
	padding: 0;
	font:normal 0.8em Arial;
}

#page {
	width:100%;
	border-left:5px solid #D6D7D9;
	border-right:5px solid #D6D7D9;
	background-color:#FFF;
	text-indent: 20px;
	
}

#header {
	background:url('../../images/interface/header.jpg') left no-repeat;
	width:100%;
	height:100px;
}

#header h1 {
	font-size:2.2em;
	font-weight:normal;
	color:#588A03;
	font-family:Verdana;
	padding-left:70px;
	padding-top:20px;
}

#header p {
	color:#646464;
	padding-left:130px;
	padding-top:5px;
}

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;
	width:9%;

}

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

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

#bloc {
	float:left;
	width:80%;
	padding-left:10px;
}

#menu {
	float:left;
	margin-left: 1%;
	width:15%;
}

#bloc h2, #menu h2 {
	border-bottom:1px dotted #030303;
	margin-top:20px;
	font-size: 1.4em;
}

#menu ul {
	list-style-image:url('../../images/interface/puce.jpg');
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}

#menu li {
	margin-left:40px;
	height:20px;
	width: 100%;
}
.no_puce
{
list-style: none;
}

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

#menu a:hover {color:#818080;text-decoration:underline;}

div#copyright {
	font-size:0.9em;
	color:#A3A3A3;
	width:100%;
	text-align:center;
	clear:both;
	margin-top: 125px;
	background-color:#FFF;
}

p#copyright a{
	text-decoration:none;
	color:#A3A3A3;
}
.news
{
text-align: center;
font-size: 1.2em;
}
.titre_news
{
text-align: left;
font-size: 1em;
color: #40a020;
}
.disp_news
{
border: 2px solid #a0ff80;
padding: 15px;
}

.calendrier {
display:block;
padding-right:10px ;
border-width:1px ;
text-align: center; 
color: #000000; /* Couleur du texte dans les cases du calendrier */
border-spacing: 1px; 
font-size: 1.0em; 
margin: auto ;
float: left;
}

.calendrier td, .calendrier tr{
padding: 0;
}

/* Les 4 lignes qui suivent définissent la couleur de fond d'une case où il y a un évènement, ainsi que la couleur du texte. Ces mêmes couleurs 
sont utilisés pour le titre de l'évènement */
.calendrier .celluleevenement, .calendrier .evenement h6{
background-color: #a0ff80 ;
color:#OOOOOO ;
}
.calendrier .evenement h6{
font-size:0.9em ;
margin:0;
padding:0;
}
.calendrier .evenement{
font-weight:normal ;
border: 1px solid #a0ff80; /* Largeur, type et couleur du bord du cadre qui contient l'évènement */
background-color: #F4F9FD; /* Couleur de fond du cadre qui contient l'évènement */
color: #000000 ; /* Couleur du texte dans le cadre qui contient l'évènement */
padding: 2px;
margin-top:1px;
}
.calendrier .evenement{
right: 2.5%;
position: absolute; 
visibility: hidden; 
min-width:150px;
max-width:250px ;
}
.calendrier td {
border: none; 
width:25px ;
}
.calendrier td:hover {
background-color:#a0ff80 ;  /* Couleur de fond des cases lors du survol de la souris */
}
.calendrier .today{
font-weight:bold ;
border: 1px solid #000000; /* Largeur, type et couleur du bord de la case du calendrier qui correspond à aujourd'hui */
}
.encadre
{
border: 1px solid black;
}
.centre
{
margin: auto;
text-align: center;
}
.form
{
width: 90%;
text-align: center;
}
label {
text-indent: 0px;
width: 200px;
}
.input
{
background-color: #a0ff80;
border: 1px solid black;
font:normal 0.9em Arial;
}