/*****************************  Menu  *****************************************/
#menu{
  float:right;
 /* background:#515167;*/
}
#menu h1{
  margin:0;padding:0;
  background:url(../img/logos_ursulines.gif) no-repeat;
  width:210px;height:268px;
}
#menu h1 a{
  display:block;
  width:210px;height:268px;
}

#menu ul,.smenu{
  margin:0;padding:0;
  width:210px;
	overflow:hidden;
	background:#515167;
}

#menu ul#menuBlog{
	border-top:1px solid #ADACB8;
	border-bottom:1px solid #ADACB8;
	background:#FFF;
}

#menu ul li{
  list-style:none;
  float:left;
  display:inline;
  clear:left;
  width:210px;
}

#menu ul#menuBlog li a{
	padding-left:20px;
	border:0;
	background:url(../img/pictos-fleches/fleche_grise.gif) 10px 8px no-repeat;
	color:#515167;
	font-weight:normal;
}

#menu ul#menuBlog li a:hover{
	background:#FFF url(../img/pictos-fleches/fleche_grise.gif) 10px 8px no-repeat;
	text-decoration:underline;
}

#menu h3{
	margin:20px 0 10px 10px;
	color:#515167;
	font-size:1.1em;
}


#menu ul li.dernier a{ background:url(../img/coinrond.gif) right bottom no-repeat;}
#menu ul li.dernier a:hover{ background:#424153 url(../img/coin_rollover.gif) right bottom no-repeat;}

#menu ul li a{
  border-top:1px solid #ADACB8;
  color:#FFF;
  font-weight:bold;
  text-decoration: none;
  padding:5px 0 5px 10px;
  display:block;
  height:1%;
}
#menu ul li a:hover{ background:#424153;}

#menu ul li.done a,#menu ul li.done a:hover{ background:#333333;}
#menu ul li.dernierdone a,#menu ul li.dernierdone a:hover{ background:#333333 url(../img/coin_section.gif) right bottom no-repeat;}
#menu ul li ul.smenu li a{background:#515167;}

#menu ul li ul.smenu li a{
  background:#515167 url(../img/pictos-fleches/etoile_fondgris.gif) 8px 7px no-repeat;
  padding-left:20px;
}

#menu ul li#menuinfo ul.smenu li.done a,
#menu ul li#menuprog ul.smenu li.done a,
#menu ul li#menuparents ul.smenu li.done a
#menu ul li#menuecho ul.smenu li.done a
{
  background:#FF9933 url(../img/pictos-fleches/etoile_fondjaune.gif) 8px 7px no-repeat;
  padding-left:20px;
}

#menu ul li#menuinfo ul.smenu li a:hover,
#menu ul li#menuprog ul.smenu li a:hover,
#menu ul li#menuparents ul.smenu li a:hover
#menu ul li#menuecho ul.smenu li a:hover
{ background:#FF9933 url(../img/pictos-fleches/etoile_fondjaune.gif) 8px 7px no-repeat;}

#contenuint #menupage{ margin:0;padding:0 0 20px 40px;}
#contenuint #menupage li{
  list-style:none;
  background:url(../img/pictos-fleches/fleche_grise.gif) 0 0.3em no-repeat;
  padding:0 0 0 10px;
  line-height:1.5em;
  font-weight:bold;
  font-size:0.9em;
}
#contenuint #menupage li a{
  text-decoration:none;
  color:#64647B;
}
#contenuint #menupage li.courante{background:url(../img/pictos-fleches/fleche_orange.gif) 0 0.3em no-repeat;}

#contenuint #menupage li.courante a{
  text-decoration:none;
  color:#FFB448;
}

.smenu{display:none;}