.page_menu_box, .page_menu_box_active {
	float:left;
	background-color: transparent;
	height:26px;
	color:#FFFFFF;
	padding:8px 14px 0px 14px;
	font-size:100%;
        font-weight: normal;
        text-transform: uppercase;
        text-decoration: none;
}

.page_menu_box_active { background-color: #2a; }

.page_menu_box:hover{ background-color: #424242; }

.page_menu_box_active:hover{  }



.page_submenu_box, .page_submenu_box_active {
    float:left;
    height:26px;
    color:#FFFFFF;
    font-size:100%;
    padding:8px 14px 0px 14px;
    padding-right:14px;
    text-decoration: none;
}

.page_submenu_box_active { background-color: rgb(47,134,62); }

.page_submenu_box:hover  { 
    background-color: rgba(255,165,0,0.5);

}





/*
.page_submenu_box, .page_submenu_box:hover{


	float:left;
	width:auto;
	background-color: rgba(47,134,62,0);
	height:22px;
	position:relative;
	color:#FFFFFF;
	padding-top:8px;
	font-size:12px;
	padding-left:14px;
	padding-right:14px;

}


.page_submenu_box:hover{
       background-color:rgba(0,72,64,0.5);
       text-decoration: none;
}



.page_submenu_box_active:after,
.page_submenu_box_active:before {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -50%;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 150px rgba(47,134,62,0.3);
    border-left: solid 100px transparent;
    border-right: solid 100px transparent;
}

.page_submenu_box_active:after {
    top: 100%;
     border-bottom-color:  #569f39;
    border-width: 10px;
    left: 50%;
    margin-left: -10px;
}
.page_submenu_box_active:before {
    border-width: 10px;
    left: 50%;
    margin-left: -10px;
}






.page_submenu_box_active, .page_submenu_box_active:hover {


	float:left;
	width:auto;
        background-color: rgba(47,134,62,0.5);
	height:22px;
	position:relative;
	color:#FFFFFF;
	padding-top:8px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	padding-left:14px;
	padding-right:14px;
        text-decoration: none;
}


*/













.bottom_item{
	float:left;
	width:auto;
	font-family: Helvetica,neue;
	font-size:12px;
	padding-left:11px;
	padding-right:11px;
	color:#000000;
	padding-top:10px;
}

#user_box {
  margin-top: -5px;
  margin-bottom: 10px;
  
}





#user_box #user_name {
  float:left;
  width:65%;
  font-weight: normal;
  margin-left:8px;
  padding-top: 8px;
  
}

#user_box #user_name a {
  color: #333333;
}

#user_box #user_name a:hover{
  color: #333333;
  text-decoration:underline;
}


#user_box,
.subpage_menu_box_active,
.subpage_menu_box,
.subpage_menu_box:hover,
.section_menu_box{
  width:90%;
  float:left;
  padding-left:5%;
  padding-right:5%;
  padding-top:10px;
  padding-bottom:5px;
  border-top: 1px dotted transparent;
  /*border-bottom: 1px dotted #FFF;*/
  
  
  
}

.seeall_menu{
  float:left;
  width:98%;
  padding-right: 2%;
  text-align: right;
  /*padding-left:16%;*/
  padding-top:0px;
  padding-bottom:0px;
  border-top: 1px dotted transparent;
  color:#808080;
  cursor: pointer;
  margin-top:0px;
  margin-bottom:-6px;
  
}
.seeall_menu:hover{
  text-decoration: underline;
}
.section_menu_box {
  width:100%;
  padding-left:0%;
  padding-right:0%;
  
}

.subpage_menu_box{
  background-color: transparent;
   text-decoration: none;font-size:14px;
 

}


.hseperator{
  border-top: 1px dotted #FFF;
  border-bottom: 1px solid #d0d0d0;
  height: 10px;
  float:left;
  width:100%;
  margin-bottom: 12px;
}

.subpage_menu_box:hover{
  background-color: rgba(147,211,110,0.2);
  text-decoration: none;font-size:14px;
  
}

.subpage_menu_box_active{
  background-color: rgba(147,211,110,0.4);
  text-decoration: none;font-size:14px;
}



.sw_off_m, .sw_on_m, .sw_off_l, .sw_on_l, .sw_off_r, .sw_on_r{
  float: left;
  cursor:pointer;
  
  width:auto;
  
}




.sw_off_m div, .sw_on_m div,
.sw_off_l div, .sw_on_l div,
.sw_off_r div, .sw_on_r div
{
  font-weight:bold;
  float:left;
  padding: 4px 6px 4px 6px;
  cursor:pointer;
  margin-right:-1px;
  height:14px;
  
}

.sw_on_m div, .sw_on_l div, .sw_on_r div {
  background: #FFF;
  border: 1px solid #aaaaaa;
  color:#212121;
  

}

.sw_off_m div, .sw_off_l div, .sw_off_r div {
  background: #ebebeb url(../images/sw_bg.png) repeat-x;
  border: 1px solid #d3d3d3;
  color:#555555;

}


.sw_off_m div:hover, .sw_off_l div:hover, .sw_off_r div:hover {
  background: #e4e4e4 url(../images/sw_bg_hover.png) repeat-x;
  border: 1px solid #999999;
  color:#212121;

}


.sw_on_l { background: #FFF url(../images/sw_on_l.png) left; }
.sw_on_l div { margin-left:4px; border-left:none;}

.sw_on_r { background: #FFF url(../images/sw_on_r.png) right; }
.sw_on_r div { margin-right:4px; border-right:none; }

.sw_off_l { background: #ebebeb url(../images/sw_off_l.png) left; }
.sw_off_l div { margin-left:4px; border-left:none;}

.sw_off_r { background: #ebebeb url(../images/sw_off_r.png) right; }
.sw_off_r div { margin-right:4px; border-right:none; }

.sw_off_l:hover { background: #e4e4e4 url(../images/sw_off_l_hover.png) left; }
.sw_off_l div:hover { margin-left:4px; border-left:none;}

.sw_off_r:hover { background: #e4e4e4 url(../images/sw_off_r_hover.png) right; }
.sw_off_r div:hover { margin-right:4px; border-right:none; }



/*
// Style du menu du site officiel de la BAD
.submenu_item_div_inactive {
	border-bottom: 1px dotted #CCCCCC;
	background:url(../images/submenu_bg.png) repeat-y;
}

.submenu_item_inactive {
	color:#899232;
	margin-left:8px;
	padding-left:10px;
	background:url(../images/li.png) left no-repeat;
}

.submenu_item_inactive:hover{
	background:url(../images/li.png) left no-repeat;
	color:#f29f05;
}


.submenu_item_div_active {
	border-bottom: 1px dotted #CCCCCC;
	background:none;
}

.submenu_item_active {
	color:#f29f05;
	margin-left:8px;
	padding-left:10px;
	background:url(../images/li.png) left no-repeat;
}
*/
 

.h_section_menu_box, .h_section_menu_box_active {
  width:100%;
  float:left;
  padding-left:5%;
  padding-right:5%;
  padding-top:6px;
  padding-bottom:6px;
  /*border-top: 1px dotted transparent;*/
  background-color: transparent;
  font-size: 100%;
  color: #807c7c;
  /*border-bottom: 1px dotted #337177;*/
  text-decoration: none;
}

.h_section_menu_box:hover {
   //background-color: #bbd78a;
    text-decoration: none;
    color:#000;
}

.h_section_menu_box_active {
    font-weight: bold;
    color:#000;
}

/*  Archive menu  */

#button {
  width: 12em;
  
  padding: 0 0 1em 0;
  margin-bottom: 1em;
  
  
  color: #333;
}

#button ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}
  
#button li {
  border-bottom: 1px solid #EFFBEF;
  margin: 0;
  list-style: none;
  list-style-image: none;
}
  
#button li a {
  display: block;
  padding: 5px 5px 5px 0.5em;
  border-left: 10px solid #219E87;
  
  background-color: #00473a;
  color: #fff;
  text-decoration: none;
  width: 100%;
}

html>body #button li a {
  width: auto;
}

#button li a:hover {
  border-left: 10px solid #18CAA9;
  
  background-color: #016653;
  color: #fff;
}

#button .archive_menu_active {
    border-left: 10px solid #F19F1F;
  
  background-color: #016653;
  color: #fff;
     
}

/* Calendar */

  time.icon
{
 
    font-size: 1em; /* change icon size */
  display: block;
  position: relative;
  width: 3em;
  height: 3em;
  background-color: #fff;
  
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 1px 0 #bdbdbd, 0 4px 0 #fff, 0 1px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
}
time.icon *
{
  display: block;
  width: 100%;
  font-size: 0.6em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #569f39;
  box-shadow: 0 2px 0 #569f39;
}

time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #000;
}
time.icon span
{
  font-size: 1em;
  letter-spacing: -0.05em;
  padding-top: 1.2em;
  color: #2f2f2f;
}



/* Menu des archives  */
#menu {
  width:180px;
}

.menu, .sousmenu, .soussousmenu{
  color: #fff;
        text-decoration: none;
        display: block;
}
.menu{
    background-color: #00473a;
    border-bottom: 1px solid #ECFDFA;
}
.sousmenu{
        background-color: #23574E;
        cursor: default;
        border-bottom: 1px solid #BDBDBD;
        
   }
   
.soussousmenu{
       background-color: #257566;
       font-size: 90%;
      
}

.menu a{
  display:block;
  font-weight: bold;
  color:#fff;
  padding: 5px 5px 5px 0.5em;
  text-decoration:none;
        transition: background-color 0.3s ;

}
.sousmenu a{
  display:block;
  color:#fff;
  padding: 5px 5px 5px 0.5em;
  text-decoration:none;
        transition: background-color 0.3s ;
        
  
}

.soussousmenu a{
  display:block;
  color:#fff;
  padding: 5px 5px 5px 0.5em;
  text-decoration:none;
        transition: background-color 0.2s ;
}

.menu a:hover,  .menu a:active,  .menu a:focus{
   background-color: #191A1B;
}
.sousmenu a:hover,.sousmenu a:active, .sousmenu a:focus {
    background-color: #016653;
}

.soussousmenu a:hover,.soussousmenu a:active, .soussousmenu a:focus {
    background-color: #CBA137;
}


.tab{
    width:auto;
    padding: 7px 10px 10px 10px;
    border-left: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;//4px solid #00473A;
    border-right: 1px solid #dfdfdf;
    float:left;
    background:#f0f0f0;
    text-align:center;
    color:#c8c8c8;
    margin-bottom: -1px;
    
}

.stuck{
    position:fixed;
    width:180px;
    top : 15px;
   
    
}


.tab_active {
    background : #fff;
    color : #000;
    box-shadow:  0px -5px 5px #cdcdcd;
    width:auto;
    padding: 7px 10px 10px 10px;
    float:left;
    text-align:center;
    margin-bottom: -1px;
    border-left: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;//4px solid #00473A;
    border-right: 1px solid #dfdfdf;
}