h1 {
  color: #000099;
}
p {
  color: #000099;
  font-family: Arial,Helvetica,sans-serif;
}
h1.axionh1-western {
  margin-top: 0mm;
  margin-bottom: 3mm;
  color: #94006b;
  font-size: 16pt;
  page-break-before: auto;
  page-break-after: auto;
  font-family: Arial,Helvetica,sans-serif;
}
h2 {
  color: #000099;
}
h2.western {
  font-family: "Albany",sans-serif;
  font-size: 14pt;
  font-style: italic;
}
h2.axionh2-western {
  margin-top: 0cm;
  margin-bottom: 0.2cm;
  color: #94006b;
  font-family: "Arial",sans-serif;
  font-size: 12pt;
  font-style: normal;
}
a:link {
  color: #ee0077;
}
a:visited {
  color: #cc0066;
}
li {
  font-family: Arial,Helvetica,sans-serif;
  line-height: 18pt;
  color: #000099;
  list-style-image: url(../pics/bullet1.gif);
  list-style-position: outside;
}
li li {
  font-family: Arial,Helvetica,sans-serif;
  color: #000099;
  list-style-image: url(../pics/bullet2.gif);
  list-style-position: outside;
}
.acti
{
font-size: 12pt ;
font-weight: bold;
text-align: center;
background-color: #ffccff;
width: 500px;
border: 1px solid  #000099;
padding: 4px;
margin-left: auto;
margin-right: auto;
}

.gras12
{
font-size: 12pt;
font-weight: bold;
}

.grasital12
{
font-size: 12pt;
font-weight: bold;
font-style: italic;
}

.stabilojaune
{
font-size: smaller;
font-style: italic;
background-color:#ffff00;
}

/* ------------- */
/* style du menu */
/* ------------- */

#dd {
 /* margin-left: 25%;*/ /* Position gauche du menu */
 padding: 0px 0px 10px 0px;
}

#dd li {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 border: 1px solid  #ff0000; /* Bordure des cellules du menu */
 list-style: none;
 float: left;
 font: bold 10px arial; /* Format texte du menu */
 }

#dd li a.menu {
 display: block;
 text-align: center; /* Alignement du texte dans les cellules */
 vertical-align: middle;
 
 background-color: #edd89a; /* Couleur de fond des cellules */
 padding: 5px 10px 5px 10px; /* Marges internes des cellules */
 /* margin: 0 0 0 0; /* Marges externes */
 color: #cc0167; /* Couleur d'écriture du texte du menu */
 width: 80px;  /* Largeur de la cellule si fixée, sinon largeur selon texte */
 height: 35px; /* Hauteur de la cellule si fixée, sinon hauteur selon texte */
 text-decoration: none; /* Empêche le soulignement par défaut des liens */
}

#dd li a.menu:hover {
 	background-color: #edec00; /* Couleur de fond de cellule lors du survol */
 	color: red; /* Couleur d'écriture du texte du menu lors du survol */
 	
}

.submenu {
 background: #edd89a; /* Couleur de fond menu secondaire */
 border: 1px solid #ff0000; /* Epaisseur et couleur de la bordure menu secondaire */
 visibility: hidden;
 position: absolute;
 z-index: 3;
}

.submenu a {
  display: block;
 font: 10px arial; /* Format texte menu secondaire */
 text-align: left; /* Alignement du texte menu secondaire */
 text-decoration: none; /* Empêche le soulignement par défaut des liens */
 padding: 3px; /* Marge interne menu secondaire */
 /* width: 110px; */ /* Largeur du menu secondaire si fixée, sinon largeur selon texte */
 color: #cc0167; /* Couleur d'écriture menu secondaire */
}

.submenu a:hover {
 background: #edec00; /* Couleur de fond menu secondaire lors du survol */
 color: red; /* Couleur d'écriture lors du survol */
}

/* ------------------------------- */
/* Style du générateur de planning */
/* ------------------------------- */
#GenPlanning fieldset
{
border: 1px solid #94006b;
margin: 5px;
width: 350px;
}

#GenPlanning legend
{
color: #94006b;
font-family: Arial,Helvetica,sans-serif;
font-size: 10pt;
}

#Matieres
{
position: absolute;
width: 400px;
}

#Periodes
{
width: 400px;
position: absolute;
left: 410px;
}

#DatesNonPossibles
{
position: absolute;
width: 400px;
top: 700px;
}

#footer
{
margin-top: 700px;
width: 100%;
}

/* ---------------------------- */
/* Classes du pickup calendrier */
/* ---------------------------- */
			.mCalandarMain{
				width:220px;
				height:204px;
				padding-top:3px;
				background-image:url(../js/ImagesCalendrier/bgMain.png);
				font-family:Arial;
				font-size:11px;
				font-weight:bold;
				color:#333333;
				position:absolute;
			}
			
			.mCalandarMain .mCalandarheader{
				margin-left:3px;
				margin-right:3px;
				padding:3px;
				width:206px;
				height:23px;
				line-height:21px;
				background-image:url(../js/ImagesCalendrier/headerBG.png);
				position:relative;
				color:#ffffff;
				z-index:1000;
			}
			
			.mCalandarMain .mCalandarheader .mInfo{
				position:absolute;
				left:26px;
				right:26px;
				top:4px;
				margin:0px;
				padding:0px;
				text-align:center
			}
			
			.mCalandarMain .mCalandarheader .mInfo li{
				margin:1px;
				list-style:none;
				text-align:center;
				font-size:11px;
				font-weight:bold;
				position:relative;
				z-index:100;
				display:inline
			}
			
			.mCalandarMain .mCalandarheader .mInfo li .liMois{
				
			}
			
			.mCalandarMain .mCalandarheader .mInfo li:hover ul,
			.mCalandarMain .mCalandarheader .mInfo li:hover div,
			.mCalandarMain .mCalandarheader .mInfo a:hover ul{
				display:block;
			}

			.mCalandarMain .mCalandarheader .mInfo li:hover div ul{
				margin:0px;
				padding:0px;
				width:82px;
				height:172px;
				position:absolute;
				top:0px;
				left:0px;
			}
			
			.mCalandarMain .mCalandarheader .mInfo .mois{
				position:absolute;
				z-index:1000;
				display:none;
				top:14px;
				left:0px;
				cursor:pointer;
				width:82px;
				height:172px;
				background:url(../js/ImagesCalendrier/bgListe.png) no-repeat;
				margin:0px;
				padding:0px;
			}
			.mCalandarMain .mCalandarheader .mInfo .annee{
				position:absolute;
				z-index:1000;
				display:none;
				top:14px;
				left:0px;
				cursor:pointer;
				width:82px;
				height:172px;
				background:url(../js/ImagesCalendrier/bgListe.png) no-repeat;
				overflow:hidden;
			}
			.mCalandarMain .mCalandarheader .mInfo .mois li, .mCalandarMain .mCalandarheader .mInfo .annee ul li{
				clear:both;
				line-height:12px;
				height:12px;
				width:78px;
				margin-left:2px;
				text-align:center;
				display:block 
			}
			
			.mCalandarMain .mCalandarheader .mInfo .mois li:hover, .mCalandarMain .mCalandarheader .mInfo .annee ul li:hover{
				background-color:#333;
			}
			
			
			.mCalandarMain .mCalandarheader .mInfo .annee li .upAnnee{
				background:url(../js/ImagesCalendrier/up.png);
				display:block;
				height:11px;
				width:23px;
				margin-left:auto;
				margin-right:auto;
			}
			
			.mCalandarMain .mCalandarheader .mInfo .annee li .downAnnee{
				background:url(../js/ImagesCalendrier/down.png);
				display:block;
				height:11px;
				width:23px;
				margin-left:auto;
				margin-right:auto;
			}
			
			.mCalandarMain .mCalandarheader .bef{
				background:url(../js/ImagesCalendrier/mBef.png);
				width:22px;
				height:22px;
				display:block;
				float:left;
			}
			
			.mCalandarMain .mCalandarheader .next{
				background:url(../js/ImagesCalendrier/mNext.png);
				width:22px;
				height:22px;
				display:block;
				float:right;
			}
			
			.mCalandarMain .corpDiv{
				width:210px;
				height:206px;
				margin:4px;
				position:relative;
				overflow:hidden;
				display:block;
				z-index:100;
			}
			.mCalandarMain .corpDiv .listeJoursUl{
				margin:0px;
				padding:0px;
				display:block;
				width:210px;
				overflow:hidden;
				
			}
			
			.mCalandarMain .corpDiv .listeJoursUl li{
				float:left;
				list-style:none;
				width:30px;
				height:21px;
				line-height:21px;
				margin-bottom:2px;
				background:url(../js/ImagesCalendrier/bgDate.png);
				text-align:center;
			}
			
			.mCalandarMain .corpDiv .corpUl{
				margin:0px;
				padding:0px;
				width:210px;
				height:206px;
				position:absolute;
				top : 23px;
				left:0px;
				
			}
			.mCalandarMain .corpDiv .corpUl li{
				float:left;
				list-style:none;
				width:30px;
				height:21px;
				line-height:21px;
				margin-bottom:2px;
				background:url(../js/ImagesCalendrier/bgDate.png);
				text-align:center;
				cursor:pointer;
			}
			
			.mCalandarMain .corpDiv .corpUl .mOver{
				background:url(../js/ImagesCalendrier/bgDateG.png);
			}
			
			.mCalandarMain .corpDiv .corpUl .dateI{
				background:url(../js/ImagesCalendrier/bgDateI.png);
			}
			
			.mCalandarMain .corpDiv .corpUl .dateC{
				background:url(../js/ImagesCalendrier/bgDateB.png);
				color:#FFFFFF;
			}
			
			
			.mCalandarMain iframe{
				position:absolute;
				top:0px;
				left:0px;
				z-index:0;
				width:100%;
				height:100%;
				border:0px;
				display:none;
			}
			
			.clear{
				display:block;
				width:100%;
				height:1px;
				border:1px solid yellow;
				clear:both;
			}