body
{ background:url("divia.jpg") no-repeat center center;
width:100%;
height:auto;
margin:auto;
}
#titre
{background:#0094cc;
text-align:center;
height:210px;
width:auto;
margin-top:5px;
margin:auto;}
#corps
{width:auto;
text-align:center;
margin:auto;}

.info
{font-size:15px;
color:navy;}
.sous_titre /*Sous titre Les quatre a*/
{font-size:40px;
text-align:center;
color:navy;}
h2
{text-align:center;
margin-top:40px;
color:#b0545b;
text-decoration:underline;}
#pied
{margin-top:25px;
height:auto;
width:auto;
text-align:center;
font-family:arial serif;}
.sous-menu /*lien mis en page accè site,...*/
{margin-right:30px;
color:green;
font-size:large;
font-variant:small-caps;
font-weight:bolder;}
.sous-menu:hover
{color:red;}
.bord /*bordure pour le sous menu*/
{margin:auto;
border-bottom:ridge 4px purple;
border-top:ridge 4px purple;
height:80px;
width:auto;
text-align:center;}
.lien_news/*liens des news de la page d'accueil*/
{color:#2d2967; font-style:italic; font-weight:bold; font-size:15px;}
.lien_news:hover
{color:#796e67;}
.mail/*image pour envoyer un mail pour les familles de tutelle*/
{border:none; }

.table /*Mise en forme de la page calendar.php*/
{margin:auto; border:2px inset black; border-collapse:separate; width:200px;}
    .text
{font-family: Verdana,Arial,Helvetica,sans-serif; color:navy; font-size: 14px; text-align:center; font-variant:small-caps;
font-weight:bold;}
	.textjour
{font-family: Verdana,Arial,Helvetica,sans-serif; color:black; text-align:center; font-size:11px;}
    .datejour
{ background-color: red; font-family: Verdana,Arial,Helvetica,sans-serif; color: white; font-size: 11px; font-weight: bold; text-align:center;}
    .date
{ background-color: #a9b89d; font-family: Verdana,Arial,Helvetica,sans-serif; color: Black; font-size: 13px; text-align:center;}
    .date_event
{background-color: #327a72; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; color:#c3ffa9; text-align:center;}
	.lien
{color:#c3ffa9;}

	.tableau /*Mise en forme du tableau contenant le calendrier les news et les annonces*/
{border-collapse:separate; height:auto; border-spacing:5px; margin:auto; width:95%;}

	.news
{width:45%; padding-top:10px; padding-left:5px; text-align:left; border:1px maroon ridge;}
 .news1
{width:45%; padding-top:10px; padding-left:5px; text-align:left; border:1px maroon ridge;}
	a
{color:#006981; font-style:italic; font-weight:bold; font-size:15px;}
	a:hover
{color:white;}
	h3
{text-align:center; color:maroon; font-variant:small-caps;}

.login
{color:white; font-size:10px;  margin-right:20px; font-variant:normal;}


a.inf {
   position: relative;
   color: #a0bcff;
   font-style:italic;
   font-weight:bold; 
   font-size:15px;
}
a.inf span {
   display: none; /* on masque l'infobulle */
}
a.inf:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: crosshair; /* on change le curseur par défaut en curseur d'aide */
   color:white;
}
a.inf: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: 20px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: blue;
   padding: 3px;

   border: 1px solid blue;
   border-left: 4px solid blue;
}

/*INFOBULLE POUR PLEIADE*/
.pleiade
{position: relative; color: red; font-weight:bold;  font-size:15px;}
.pleiade .infobulle
{display:none;}
.pleiade:hover
{background: none; /* correction d'un bug IE */ z-index:500; /* on définit une valeur pour l'ordre d'affichage */ cursor: crosshair; /* on change le curseur par défaut en curseur d'aide */ color:#a0bcff;}
.pleiade:hover .infobulle
{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: 20px; /* on positionne notre infobulle */ left: -20px; background: black;  border: 1px solid blue; border-left: 4px solid blue;}

/*ESPACE RESERVE*/
.admin {float:left; margin-left:2%;}
/*compte a rebours*/
#Compte
{color:blue; font-weight:bold; font-variant:small-caps;}

.flottantgauche/*photo fred flottante gauche dans actu pour concert*/
{float:left; margin-right:10px;}

.chiot
{margin-left:1%;
margin-right:1%;
margin-bottom:5%;}