<!--
/*************************************************************************************/
/*** Arbre Menu                                                                    ***/
/*** Design inspire librement du MENU COQUELICOTS de Jeremie Patonnier             ***/
/*************************************************************************************/
/*** *** Balises globales ***/
#arbremenu,
  #mainrouge, 
    #mainhistorique, #bandehistorique, #mainstructure, #bandestructure, #mainagenda, #bandeagenda, #mainsalon, #bandesalon,
  #mainbleue, 
    #mainmaternelle, #bandematernelle, #maincp, #bandecp, #maince, #bandece, #maincm, #bandecm,
  #mainjaune, 
    #mainanglais, #bandeanglais, #mainsport, #bandesport, #mainmusique, #bandemusique,
  #mainorange 
    #mainogec, #bandeogec, #mainapel, #bandeapel {
	margin: 0;
	border: 0;
	}
#arbremenu,
  #mainrouge, 
    #mainhistorique, #mainstructure, #mainagenda, #mainsalon,
  #mainbleue, 
    #mainmaternelle, #maincp, #maince, #maincm,
  #mainjaune, 
    #mainanglais, #mainsport, #mainmusique,
  #mainorange 
    #mainogec, #mainapel {
	padding: 0;
	}
#arbremenu {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 215px;
	height: 540px;
	z-index: 90;
	}
ul a { /* Taille de la bande blanche de mise en evidence des elements du menu */
	display: block;
	width:  85px;
	height: 21px;
	text-decoration:none;
	font: bold 1em verdana, geneva, arial, sans-serif; color: #000000;
	background-color:inherit;
	}
ul {
	list-style:none;
	}
li { /* Taille du GIF de la main qui salue */
	width: 28px;
	height: 30px;
	}
ul a:hover { /* Image de remplacement au survole de la souris */
	width: 148px;
	height: 37px;
	font-size: 1.4em;
	}
/***A*** Balises specifiques menu NOTRE ECOLE ***/
#mainrouge {
	position:absolute;
	top: 37px;
	left: 2px;
	width: 85px;
	height: 46px;
	background: url('mainrouge.jpg') no-repeat;
	}
ul#notreecole li, ul#intervenant li {
	background: url('main3s.gif') no-repeat;
	}
ul#notreecole a:hover {
	color: #ef0a25;
	background-color:inherit;
	}
/***A***1*** Balises specifiques item menu HISTORIQUE ***/
#mainhistorique {
	position:absolute;
	top: 3px;
	left: 0px;
	}
#bandehistorique {
	position:relative;
	top: 8px;
	left: 28px;
	padding: 3px 0px 0px 10px;
	background: url('bandehistorique.jpg') no-repeat;
	}
#bandehistorique:hover {
	top: 0px;
	left: 2px;
	padding: 13px 0px 0px 35px;
	background: url('hoverhistorique.jpg') no-repeat;
	}
/***A***2*** Balises specifiques item menu STRUCTURE ***/
#mainstructure {
	position:absolute;
	top: 32px;
	left: 61px;
	}
#bandestructure {
	position:relative;
	top: 8px;
	left: 28px;
	padding: 3px 0px 0px 10px;
	background: url('bandestructure.jpg') no-repeat;
	}
#bandestructure:hover {
	top: -7px;
	left:-2px;
	padding: 13px 0px 0px 35px;
	background: url('hoverstructure.jpg') no-repeat;
	}
/***A***3*** Balises specifiques item menu AGENDA ***/
#mainagenda {
	position:absolute;
	top: 71px;
	left: 63px;
	}
#bandeagenda {
	position:relative;
	top: 8px;
	left: 28px;
	padding: 3px 0px 0px 10px;
	background: url('bandeagenda.jpg') no-repeat;
	}
#bandeagenda:hover {
	top: 1px;
	left:-3px;
	padding: 13px 0px 0px 35px;
	background: url('hoveragenda.jpg') no-repeat;
	}
/***A***4*** Balises specifiques item menu SALON DES PARENTS ***/
#mainsalon {
	position:absolute;
	top: 106px;
	left: 1px;
	}
#bandesalon {
	position:relative;
	top: 8px;
	left: 28px;
	padding: 3px 0px 0px 10px;
	background: url('bandesalon.jpg') no-repeat;
	white-space: nowrap; /* Pour eviter le retour a la ligne du texte */
	}
#bandesalon:hover {
	top: -7px;
	left:-1px;
	padding: 13px 0px 0px 35px;
	background: url('hoversalon.jpg') no-repeat;
	}
/***B*** Balises specifiques menu PROJETS PEDAGOGIQUES ***/
#mainbleue {
	position:absolute;
	top: 221px;
	left: 0px;
	width: 105px;
	height: 46px;
	background: url('mainbleue.jpg') no-repeat;
	}
ul#projet li, ul#association li {
	background: url('main5s.gif') no-repeat;
	}
ul#projet a:hover {
	color: #2bb2f1;
	background-color:inherit;
	}
/***B***1*** Balises specifiques item menu MATERNELLES ***/
#mainmaternelle {
	position:absolute;
	top: 173px;
	left: 0px;
	}
#bandematernelle {
	position:relative;
	top: 8px;
	left: 28px;
	padding: 3px 0px 0px 10px;
	background: url('bandematernelle.jpg') no-repeat;
	}
#bandematernelle:hover {
	top: -8px;
	left: 0px;
	padding: 13px 0px 0px 35px;
	background: url('hovermaternelle.jpg') no-repeat;
	}
/***B***2*** Balises specifiques item menu CP ***/
#maincp {
	position:absolute;
	top: 206px;
	left: 70px;
	}
#bandecp {
	position:relative;
	top: 8px;
	left: 28px;
	padding: 3px 0px 0px 10px;
	background: url('bandecp.jpg') no-repeat;
	}
#bandecp:hover {
	top: -3px;
	left: -2px;
	padding: 13px 0px 0px 35px;
	background: url('hovercp.jpg') no-repeat;
	}
/***B***3*** Balises specifiques item menu CE ***/
#maince {
	position:absolute;
	top: 257px;
	left: 75px;
	}
#bandece {
	position:relative;
	top: 8px;
	left: 28px;
	padding: 3px 0px 0px 10px;
	background: url('bandece.jpg') no-repeat;
	white-space: nowrap; /* Pour eviter le retour a la ligne du texte */
	}
#bandece:hover {
	top: -3px;
	left: -2px;
	padding: 13px 0px 0px 35px;
	background: url('hoverce.jpg') no-repeat;
	}
/***B***4*** Balises specifiques item menu CM ***/
#maincm {
	position:absolute;
	top: 285px;
	left: 5px;
	}
#bandecm {
	position:relative;
	top: 8px;
	left: 28px;
	padding: 3px 0px 0px 10px;
	background: url('bandecm.jpg') no-repeat;
	white-space: nowrap; /* Pour eviter le retour a la ligne du texte */
	}
#bandecm:hover {
	top: 1px;
	left: -2px;
	padding: 13px 0px 0px 35px;
	background: url('hovercm.jpg') no-repeat;
	}
/***C*** Balises specifiques menu INTERVENANTS EXTERIEURS ***/
#mainjaune {
	position:absolute;
	top: 364px;
	left: 1px;
	width: 96px;
	height: 45px;
	background: url('mainjaune.jpg') no-repeat;
	}
ul#intervenant a:hover {
	color: #fafd06;
	background-color:inherit;
	}
/***C***1*** Balises specifiques item menu ANGLAIS ***/
#mainanglais {
	position:absolute;
	top: 350px;
	left: 77px;
	}
#bandeanglais {
	position:relative;
	top: 8px;
	left: 28px;
	padding: 3px 0px 0px 10px;
	width: 150px;
	height: 21px;
	font: bold 1em verdana, geneva, arial, sans-serif; color: #000000;
	background: url('bandeanglais.jpg') no-repeat;
	background-color:inherit;
	}
/*************************************************************************
#bandeanglais {
	position:relative;
	top: 8px;
	left: 28px;
	padding: 3px 0px 0px 10px;
	background: url('bandeanglais.jpg') no-repeat;
	}
#bandeanglais:hover {
	top: -7px;
	left: -3px;
	padding: 13px 0px 0px 35px;
	background: url('hoveranglais.jpg') no-repeat;
	}
**************************************************************************/
/***C***2*** Balises specifiques item menu SPORT ***/
#mainsport {
	position:absolute;
	top: 390px;
	left: 83px;
	}
#bandesport {
	position:relative;
	top: 8px;
	left: 28px;
	padding: 3px 0px 0px 10px;
	background: url('bandesport.jpg') no-repeat;
	}
#bandesport:hover {
	top: -1px;
	left: 0px;
	padding: 13px 0px 0px 35px;
	background: url('hoversport.jpg') no-repeat;
	}
/***C***3*** Balises specifiques item menu MUSIQUE ***/
#mainmusique {
	position:absolute;
	top: 418px;
	left: 1px;
	}
#bandemusique {
	position:relative;
	top: 8px;
	left: 28px;
	padding: 3px 0px 0px 10px;
	width: 150px;
	height: 21px;
	font: bold 1em verdana, geneva, arial, sans-serif; color: #000000;
	background: url('bandemusique.jpg') no-repeat;
	background-color:inherit;
	}
/*************************************************************************
#bandemusique {
	position:relative;
	top: 8px;
	left: 28px;
	padding: 3px 0px 0px 10px;
	background: url('bandemusique.jpg') no-repeat;
	}
#bandemusique:hover {
	top: -2px;
	left: 0px;
	padding: 13px 0px 0px 35px;
	background: url('hovermusique.jpg') no-repeat;
	}
***************************************************************************/
/***D*** Balises specifiques menu ASSOCIATIONS ***/
#mainorange {
	position:absolute;
	top: 481px;
	left: 1px;
	width: 93px;
	height: 46px;
	background: url('mainorange.jpg') no-repeat;
	}
ul#association a:hover {
	color: #fea852;
	background-color:inherit;
	}
/***D***1*** Balises specifiques item menu OGEC ***/
#mainogec {
	position:absolute;
	top: 473px;
	left: 66px;
	}
#bandeogec {
	position:relative;
	top: 8px;
	left: 28px;
	padding: 3px 0px 0px 10px;
	background: url('bandeogec.jpg') no-repeat;
	}
#bandeogec:hover {
	top: -6px;
	left: -2px;
	padding: 13px 0px 0px 35px;
	background: url('hoverogec.jpg') no-repeat;
	}
/***D***2*** Balises specifiques item menu APEL ***/
#mainapel {
	position:absolute;
	top: 508px;
	left: 88px;
	}
#bandeapel {
	position:relative;
	top: 8px;
	left: 28px;
	padding: 3px 0px 0px 10px;
	background: url('bandeapel.jpg') no-repeat;
	}
#bandeapel:hover {
	top: -5px;
	left: -5px;
	padding: 13px 0px 0px 35px;
	background: url('hoverapel.jpg') no-repeat;
	}
-->