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

body {	
	width: 934px;
	background-image:url(images/bg.gif);
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	line-height: 1em;	
	color:#FFFFFF;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align:center;
	}

.copy{
	font-size: 12px;
	text-align:left;
	color:#0066CC;
}
.copy a:visited{
	color:#003366;
}
caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau, ça rend mieux */
   font-family: "Trebuchet MS", Arial, "Times New Roman", serif;
   font-size: 0.9em; /* taille de la police */
   color: #ffffff; /* Couleur du texte */
   margin-bottom: 10px; /* Marge avec le tableau */
}
caption a /* Titre du tableau */
{
   color: #ffffff; /* Couleur du texte */
   text-decoration:none;
}
caption a:hover /* Titre du tableau */
{
   color: #ffffff; /* Couleur du texte */
   text-decoration:none;
}

th /* Les cellules d'en-tête */
{
   background-color: #7ba3ff; /* Couleur de fond */
   color: white; /* Couleur du texte */
   font-size: 0.9em; /* Taille des jours */
   font-family: "Trebuchet MS", Arial, "Times New Roman", serif;
}
.lienCalendrier /* Les cellules normales */
{
   border: 1px solid black;
   border-style: dotted; /* Une bordure en pointillés */
   font-family: "Trebuchet MS", Arial, "Times New Roman", serif;
   text-align: center; /* Tous les numéros des cellules seront centrés*/
   padding: 1px; /* Marge intérieure aux cellules */
   empty-cells: show; /* Révèle les cellules vides */
}

.lienCalendrierJour {
	/* La cellule du jour actuel dans le calendrier */
	background-color:rgb(86, 139, 239);
}
.centre{
	text-align: center;
	font-size:14px;
}
.centre a{
	text-align: center;
	font-size:14px;
	color:#000000;
	text-decoration:none;
}
.centre a:hover{
	text-align: center;
	font-size:14px;
	color:#0066CC;
}
.allevent a{
	text-align: center;
	font-size:12px;
	color:#fff;
	text-decoration:none;
}
.allevent a:hover{
	text-align: center;
	font-size:12px;
	color:#fff;
	text-decoration:underline;
}

h1 {
	text-align: center;
	color:#000000;
}

.code {
	border: 1px dotted black;
	padding: 5px;
}


/* Calendrier */
table.calendrier {
	margin: auto;
	text-align: center;
	/*border: 1px solid black;*/
	border-collapse: collapse;
}

table.calendrier th {
	/*border-bottom: 1px solid black;*/
}

table.calendrier td {
	/*border: 1px solid black;*/
	width: 20px;
	height: 20px;
	font-size: 0.7em;
}

table.calendrier td div {
	padding: 0px;
}

.jourEvenement {
	background-color:#629BFB;
}

.lienCalendrierJour {
	background-color: rgb(203, 206, 250);
	color:#000000;
}

.calendrier caption {
	margin: auto;
	margin-bottom: 5px;
}


/* Administration */
#tabAjoutEvent {
	margin: auto;
}
#tabAjoutEvent td {
	width: 50%;
	text-align:center;
	color:#000000;
}


/* Infobulles */
a.info {
	position: relative;
	color: black;
	text-decoration: none;
	display: block;
}
a.info span {
	display: none; /* on masque l'infobulle */
}
a.info:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on dfinit une valeur pour l'ordre d'affichage */
}
a.info:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;

	white-space: nowrap; /* on change la valeur de la proprit white-space pour qu'il n'y ait pas de retour  la ligne non-dsir */

	top: 30px; /* on positionne notre infobulle */
	left: 20px;
	
	text-align: left;
	background: white;
	padding: 3px;
	border: 1px solid black;
}

/* Liste des vnements  supprimer */
table.listeEvent {
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
}

table.listeEvent td {
	padding: 5px;
	color:#000000;
	font-size:14px;
}
.texte{
	color:#000;
	font-size:14px;
	text-align:justify;
}
.texte2{
	color:#000;
	font-size:14px;
	text-align:center;
}
.texte3{
	color:#000;
	font-size:12px;
	text-align:justify;
}
.texte a:visited{
	color:#003366;
}
.titre{
	color:#0066CC;
	font-size:18px;
}
.news p{
	color:#000000;
}
.news h4{
	color:#fff;
	font-size:14px;
	height:18px;
	background-image:url(images/newsbarre.jpg);
	background-repeat:no-repeat;
	text-align:center;
}
.news2{
	color:#fff;
	font-size:12px;
}
.news h5{
	color:#000000;
}
.navigation {
      margin: 0;
      padding: 0;
      list-style: none;
      background: #000;
      color: #fff;
      width: 600px;
      font: 0.8em "Trebuchet MS", sans-serif;
      }
   .navigation a, .navigation div {
      display: block;
      padding: 12px 10px;
      color: #fff;
      text-decoration: none;
      background: #000 url(images/menu-item.jpg) left bottom no-repeat;
      }
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu div {
      background-image: url(images/menu-item-deroule2.jpg);
      }
   .navigation .open a, .navigation .open div {
      background-image: url(images/menu-item-enroule2.jpg);
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: underline;
      }
   .navigation .subMenu {
      font-size: .8em;
      background: #ccc url(subMenu.png) 0 0 repeat-x;
      font-size: .9em;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #666;
      }
   .navigation ul.subMenu a {
      background: none;
      padding: 7px 20px;
      }
	  .noire a{
	  color:#000000;
	  }
/*Menu gestion*/
.gestion {
	font-size:14px;
	text-align:center;
	background:#0660A2;
	color:#CCCCCC;
	width:300px;
	}
.gestion li {
	background: #F4F4F4;
	color: #3366CC ;
	border: 1px solid #333333 ;
	margin-bottom: 0px ;
	}
.gestion li a {
	font-size:12px;
	display: block ;
	background: #F4F4F4; /*déco ar plan*/
	color: #3366CC ;/*déco couleur lien*/
	font: 1em "Trebuchet MS",Arial;
	line-height: 0.3em ;
	text-align: center ;
	text-decoration: none ;
	padding: 1px 0 ;
	}
.gestion li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #cccaba ; /* décoration du survol*/
	text-decoration: underline ;
	}
li {
	/*background: #F4F4F4;*/
	color: #3366CC ;
	border: 0px solid #333333 ;
	margin-bottom: 0px ;
	}
li a {
	font-size:12px;
	display: block ;
	/*background: #F4F4F4; déco ar plan*/
	color: #3366CC ;/*déco couleur lien*/
	font: 12px "Trebuchet MS",Arial;
	line-height: 0.3em ;
	text-align: left ;
	text-decoration: none ;
	padding: 1px 0 ;
	}
li a:hover, #navigation li a:focus, #navigation li a:active {
	color:#003366; /* décoration du survol*/
	text-decoration: underline ;
	}
.lien{
	font-size: 12px;
	color:#0066CC;
}
.lien a{
	font-size: 12px;
	color:#0066CC;
}
.lien a:hover {
	/*background: #F4F4F4;*/
	font-size: 12px;
	color: #003366 ;
	}