body {
	background-color:#E5FFDF; /* FFFEEE*/
	color:#000;
    font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	text-align: center;
	margin:0;
	line-height: normal;	
}
img {
	border:0px;
}
p {
    font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	}
form 	{ display: inline; }
/* Les lignes a:link et suivantes rendent le style prioritaire sur les param du navigateur  */	
a:link {
	text-decoration:none;
	color:#36F;
	font-style: normal;
}
a:visited {
	text-decoration:none;
	color:#36F;
} 
a:hover{
	text-decoration:underline;
	color:#36F;/* bleu des ascenseurs*/
} 
a:active {
	text-decoration:underline;
	color:#36F;
} 

table {
margin:auto;
}
td {
padding:5px;
}
caption {
margin:auto; /* pour NS FF*/
text-align:center;
}

table.centre {
	margin: 0 auto 0 auto;   
	width: 100%;
	font-size: .9em;
	font-style: normal;
    text-align: center;
}
table.index {
	margin: 0 auto 0 auto;   
	width: 980px; /*770px;*/
	font-size: .9em;
	font-style: normal;
    text-align: center;
}
.gauche {
	/*vertical-align: top;*/
	font-size: .9em;
	font-style: normal;
    text-align: left;
}
.colgauche {
	vertical-align: top;
	padding:10px;
	width: 125px;
	font-style: normal;
    text-align: center;
}
.coldroite {
	vertical-align: top;
	padding:10px;
	width: 6600px;
	font-style: normal;
    text-align: center;
}
table.droite {
	vertical-align: top;
	padding:10px;
	font-size: .9em;
	font-style: normal;
    text-align: center;
}
.page{
    width: 80%;
	left: 20%;
}

/* cette class "lien" ne change rien au cas general défini au-dessus, à utiliser en le modifiant pour un lien different */	
.lien:link {text-decoration:none; color: #36F;}
.lien:visited {text-decoration:none; color:#36F; font-style: italic;}
.lien:hover {text-decoration:underline; color:#36F;} 
		
.album {
	margin: auto;
	vertical-align: top;
	border: 0;
	font-size: .9em;
	font-style: normal;
    text-align: center;
}
.xpetit {
	font-size: .75em;
	font-weight: normal;
	left: 10px;
}
.petit {
	font-size: .9em;
	font-weight: normal;
	left: 10px;
}
.petitg {
	font-size: .9em;
	font-weight: normal;
	text-align: left;
	left: 10px;
}
.moyen {
	font-size: 1.2em;
}
.moyeng {
	font-size: 1.2em;
	text-align: left;
}
.calendrier {
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	left: 10px;
}
.titre0 {
	font-size: .9em;
	text-align: center;
	margin: 0 auto 0 auto;
}
.titre0cadre {
	font-size: .9em;
	text-align: center;
	margin: 0 auto 0 auto;
	background-color:#CCC; 
	/*font-size: 12px; */
	border:solid #000 1px;
}
.titre1 {
	font-size: 1.2em;
	text-align: center;
}
.titre2 {
	font-size: 1.6em;
	line-height: normal;
	text-align: center;
	font-weight: bold;
}
.titre3 {
	font-size: 1.8em;
	text-align: center;
	font-weight: bold;
}.titre1b {
	color:navy;
	font-size: 1.2em;
	text-align: center;
}
.titre2b {
	color:navy;
	font-size: 1.6em;
	text-align: center;
	font-weight: bold;
}

.popper { position: absolute; visibility: hidden }

/* barres de navigation */
.lang { /* pour les bouton de traduction*/
	padding:0 1px;
}
li.lang  a { /* pour les bouton de traduction*/
	background-color:#CCC; 
	font-size: 12px; 
	border:solid #000 1px;
	vertical-align: 1px; /* centrage du bouton encdadré*/
}

div#navbar {
    height: 23px; /* 23 et padding 1 dans ul pour que le fond en survol soit de hauteur excatement identique  */
    width: 100%;
    background-color: #00CC00;/* 999 pour gris sombre */
	/*border:solid #000 1px;*/
}

div#navbar ul {
    margin: 0;
    padding: 1px;
    font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000;
    line-height: 20px;
    white-space: nowrap;
	text-align: center;
}
div#navbar li {
    list-style-type: none;
    display: inline;
	/*padding: 2px; */ /*  écartement entre les boutons*/
}
div#navbar li a {
    text-decoration: none;
	/*background-color:#CCC; 
	border:solid #000 1px;*/
/*padding : si une valeur, elle s'applique aux 4 cotés, si 2 valeurs la 1 a top et bottom la 2 a left et right
si trois valeurs, la première s'applique à "top", la seconde à "right" et "left" et enfin la troisième à "bottom" 
si quatre valeurs, la première s'applique à "top", la seconde à "right", la troisième à "bottom" et la dernière à "left" 
top et bottom pas pris en compte dans IE, mais dans Mozilla.
le left et right écarte les liens pour avoir la place pour la couleur de fond sur hover
pas le top et bottom
*/
    padding: 0 8px;
    color: #000;
}
div#navbar li a:link {
    color: #000;
}
div#navbar li a:visited {
    color: #000;
}
div#navbar li a:hover {
	color: #fff;
    background-color: #36F;
}
/* This style defines the area around the navigation bar. This is where the background image for the navigation bar is defines */


div#navbarbas {
    height: 23px;
    width: 100%;
	left: 20%;
  	background-color: #00CC00;/* 999 pour gris sombre */
}

div#navbarbas ul {
    margin: 0;
    padding: 1px;
    font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000;
    line-height: 20px;
    white-space: nowrap;
	text-align: center;
}
div#navbarbas li {
    list-style-type: none;
    display: inline;
}
div#navbarbas li a {
    text-decoration: none;	
    padding: 0 8px;
    color: #000;
}
div#navbarbas li a:link {
    color: #000;
}
div#navbarbas li a:visited {
    color: #000;
}
div#navbarbas li a:hover {
	color: #fff;
    background-color: #36F;
}


div#navbarbaslien {
    height: 23px;
    width: 100%;
	left: 20%;
/*    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
    border-right: solid #000 1px;
    border-left: solid #000 1px;        */    
 /* background-color: #999;*/
}

div#navbarbaslien ul {
    margin: 0;
    padding: 0;
    font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000;
    line-height: 18px;
    white-space: nowrap;
	text-align: center;
}
div#navbarbaslien li {
    list-style-type: none;
    display: inline;
}
div#navbarbaslien li a {
    text-decoration: none;
    padding: 0 10px;
    color: #000;
}
div#navbarbaslien li a:link {
    color: #36F;
}
div#navbarbaslien li a:visited {
    color: #36F;
}
div#navbarbaslien li a:hover {
	color: #000;
    background-color: #36F;
}

/* utilisée pour les lien qui suis-je ?*/
div#navbar2 {
	margin: 0 auto 0 auto;
    height: 20px;
    width: 80%;
	left: 20%;
}
div#navbar2 ul {
    margin: 0;
    padding: 0;
    font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
    font-size: .9em;
    color: navy;
    line-height: 20px;
/*    white-space: nowrap;*/
	text-align: center;
}
div#navbar2 li {
    list-style-type: none;
    display: inline;
}
div#navbar2 li a {
    text-decoration: none;
    padding: 0 5px;
    color: #36F;
}
div#navbar2 li a:link {
    color: #36F;
}
div#navbar2 li a:visited {
    color: #36F;
}
div#navbar2 li a:hover {
	text-decoration:underline;
	color:#36F;/* bleu des ascenseurs*/
}

.data {
    color: #000;
    text-align: right;
    background-color: #CCC;
}
.toprow {
    font-style: italic;
    text-align: center;
    background-color: #FFC;
}
.leftcol {
    font-weight: bold;
    text-align: left;
    width: 150px;
    background-color: #CCC;
}
/* Heading can be used alone or with Boxbeige and Boxwhite below */
.heading {
	background:silver;
	border:1px solid black;
	padding:5px 8px;
	/*font-family:Verdana, sans-serif;*/
	font-size:.7em;
	/*font-weight:bold;*/
	text-transform:uppercase;
	color:#006;
	width:110px;
}

/* Boxbeige and Boxwhite should be used with the Heading style above */
.boxblanc {
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:1px solid black;
	background:#eeefff;
	padding:8px;
	/*font-family:Verdana, sans-serif;*/
	font-size:.7em;
	text-align: left;
	width:110px;
}
.boxbeige {
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:1px solid black;
	background:#eeefff;
	padding:8px;
	/*font-family:Verdana, sans-serif;*/
	font-size:.7em;
	width:110px;
}

div#menufixehaut {
  top:20px; 
  left:4px; 
  padding:8px;
  position: fixed;
}
div#menufixecentre {
  top:230px;/*175 */
  left:4px; /*4*/
  padding:8px;
  position: fixed;
}
div#menufixebas {
  top:375px; /*340*/
  left:4px; 
  padding:8px;
  position: fixed;
}

/* These styles define font attributes */
h1 {
	/*font-family:Arial, sans-serif;*/
	font-size:1.2em;
	font-weight:bold;
	}
h4 {
	/*font-family:Arial, sans-serif;*/
	font-size:1em;
	font-weight:bold;
	}

.libre {
	background:#E6E6FF;
}
.paslibre {
	background:#999999;
}
.proposition {
	background:#66FFCC;
}
.rien {
	background:#FFFFFF;
}
.jour {
	background:#CCCCFF;
}
.mois {
	background:#FFFFCC;
}