/* permet de dˇfinir le calendrier */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Styles SPIP */

.lettrinne {
float:left;
font-size:60px;
font-family: Times New Roman;
border: 0px solid #f7f7f0; /* dfinition d'une bordure autour de la lettrine*/
background-color: #F7f7f0; 
margin: 0px;
padding:0px;
margin-top:-18px;
margin-bottom:-10px;
margin-right:1px;
line-height: 0.95em;
}

.calendrier-mois { /* la case comportant le mois tout en haut*/
font: 10px Verdana, sans-serif;
text-align: center;
color: #411;
border: 1px solid white; 
border-left: 0px;
border-right: 0px;
color: #000;
}

.calendrier-semaine { /* les cases L M M J V S D */
font: 9px Verdana, sans-serif;
text-align: center;
font-style: italic;
font-weight: bold;
background: #eee;
}

.activeday {		/* c'est la date active */
font: 9px Verdana, sans-serif;
text-align: right;
color: #15f;
}

.activeweekendday { /* c'est la partie des weekend actif */
font: 9px Verdana, sans-serif;
text-align: right;
color: #f00;
}

.today { 			/* la case d'aujourd'hui */
font: 9px Verdana, sans-serif;
text-align: right;
color: #411;
background: #FA0;
border: 0px solid gray; 
color: #AAA;
color: #fff;
}

.outday {			/* case des jours des autres mois */
font: 9px Verdana, sans-serif;
text-align: right;
}

.weekday {			/* case d'un jour de la semaine */
font: 9px Verdana, sans-serif;
text-align: right;
}

.weekendday {		/* les jours du weekend */
font: 9px Verdana, sans-serif;
text-align: right;
font-weight: bold;
}


/* cette partie permet de dˇfinir les menus */
.conteneur {
position: absolute;
left: 20px;
top: 130px;
}
div.menu {
font: 11px Verdana, sans-serif;
width: 700px;
height: 20px;
border-bottom: 1px solid gray; 
}

div.menu a {
font: 11px Verdana, sans-serif;
width: 90px;
height: 20px;
float: left;
text-align: center; 
border-bottom: 0px solid gray;
text-decoration: none;
color: #000;
background-image: url(perso/fill1.jpg);
}

div.menu a:hover {
font: 11px Verdana, sans-serif;
color: #411;
background-image: url(perso/fill22.jpg);
border-bottom: 0px;
color: #fff;
}

div.menu a span {
display: none;
}

div.menu a:hover span {
display: block;
position: absolute;
background-image: url(perso/bulle.gif);
border: 1px solid gray;
top: 25px;
left: 5px;
width:300px;
font: 11px Verdana, sans-serif;
text-align: left;
color: #000;
}

ul#tabnav {
	position: absolute;
	left: 20px;
	top: 130px;
	width: 700px;
    font: bold 10px verdana, arial, sans-serif;
    list-style-type: none;
    border-bottom: 1px solid gray;
    margin: 0;
}

ul#tabnav li {
    float: left;
    height: 21px;
    background-image: url(perso/fill1.jpg);
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #999;
		border-left: 1px solid #AAA;
		border-right: 1px solid #999;
		border-bottom: 0px solid gray;
    /*border: 1px solid gray;*/
    
}

ul#tabnav li.active {
    background-image: url(perso/fill2.jpg);
}

ul#tabnav li.active a {
    color: #000;
    font-weight:bold;
}

#tabnav a {
    float: left;
    display: block;
    color: #000;
    text-decoration: none;
    padding: 4px;
    font-weight:bold;
}

#tabnav a:hover {
    color: #000;
    background-image: url(perso/fill22.jpg);
    font-weight:bold;
}

.mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a.test {text-decoration: none;
color: #222;
}
a.test:hover{text-decoration: underline;
}

/* les images sur lesquelles on glisse dessus : png animˇs */

a.image { /* image du coll¸ge */
display: block; 
width: 12px; 
height: 9px; 
background: url("./perso/puce.gif") no-repeat; 
border: 0;
}

a.image span {
display: block;
position: relative;
top: 0px;
left: 20px;
width: 15px;
font: 18px Verdana, sans-serif;
font-style:italic;
font-weight:bold;
text-align: left;
color: blue;
}

a.image span:hover {
display: block;
position: relative;
top: 0px;
left: 20px;
width: 15px;
font: 18px Verdana, sans-serif;
color: black;
font-style:italic;
font-weight:bold;
cursor:hand;
text-decoration: underline;
}

	a {text-decoration: none; }
	A:Hover {text-decoration: underline;}

/* cette partie permet de faire clignoter le texte */
.clignote {
	color: #f00;
	visibility: visible; 
}

/* on met en place : CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0;z-index: 1}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10;  visibility:hiddenz-index: 1}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:5px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}

.clLevel0{background-image: url(fonctions/fill2.jpg); layer-background-image:url(fonctions/fill2.jpg);z-index: 32; }
/*
Permuter les commentaires avec la ligne du dessus pour afficher ou non une image de fond
.clLevel0{background-color:#eeeeee; layer-background-color:#eeeeee; color:solid gray;}
*/
.clLevel0over{background-image: url(fonctions/fill22.jpg); layer-background-image:url(fonctions/fill22.jpg); color:#eeeeee; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; }


/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:4px; font-family:tahoma,arial,helvetica; font-size:10px;}
.clLevel1{background-color:#eeeeee; layer-background-color:#eeeeee; color:#000000;z-index: 32;}
.clLevel1over{background-color:#FA0; layer-background-color:#FA0; color:#eeeeee; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#A9B4D5; layer-background-color:#A9B4D5}


/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:4px; font-family:tahoma,arial,helvetica; font-size:10px;}
.clLevel2{background-color:#eeeeee; layer-background-color:#eeeeee; color:#000000;z-index: 32;}
.clLevel2over{background-color:#FA0; layer-background-color:#FA0; color:#eeeeee; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#A9B4D5; layer-background-color:#A9B4D5}

/* fin de cool menu */

/* conteneur permettanr de mettre la partie ?table
 */
 
.date_env{
	position: absolute;
	top: 124px;
	right: 5px;
	width: 150px;
	font: 9px Verdana, sans-serif;
	font-style:normal;
	font-weight:normal;
}
 
.titre_site {
position: absolute;
top: 30px;
left: 30px;
width: 450px;
font-size: 25px;
font-family:"Avant Garde","Verdana", "sans-serif";
font-style:italic;
font-weight:bold;
}

.boite_rechercher {
position: absolute;
top: 20px;
right: 170px;
width: 150px;
}

.boite_logo {
position: absolute;
top: 20px;
right: 5px;
width: 132px;
}