/* Le menu haut */

#menuTop
{
	width: 90%;
	margin: auto;
	max-width: 1580px;
	font: bold 12px Arial;
	border-collapse: collapse;
	text-align: center;
	height: 33px;
	background: grey url(../images/menu_haut/blockdefault.png) repeat-x top;
}

#menuTop a
{
	color: white !important;
	text-decoration: none;
}

#menuTop a:visited
{
	color: white !important;
	text-decoration: none;
}

#mtHome
{
	border-right: 1px solid #4c4c4c;
	width: 50px;
	cursor: pointer;
}

#mtHome:hover, .current
{
	color: white !important;
	text-decoration: none;
	background: transparent url(../images/menu_haut/blockhover.png) center center repeat-x;
}

#mtEsp_det
{
	border-right: 1px solid #4c4c4c;
	width: 18%;
	cursor:pointer;
}

#mtEsp_det:hover
{
	color: white !important;
	text-decoration: none;
	background: transparent url(../images/menu_haut/blockhover_brown.png) center center repeat-x;
}

#mtMult
{
	border-right: 1px solid #4c4c4c;
	width: 18%;
	cursor:pointer;
}

#mtMult:hover
{
	color: white !important;
	text-decoration: none;
	background: transparent url(../images/menu_haut/blockhover_blue.png) center center repeat-x;
}

#mtVg
{
	border-right: 1px solid #4c4c4c;
	width: 18%;
	cursor:pointer;
}

#mtVg:hover
{
	color: white !important;
	text-decoration: none;
	background: transparent url(../images/menu_haut/blockhover_green.png) center center repeat-x;
}

#mtLoisirs
{
	border-right: 1px solid #4c4c4c;
	width: 18%;
	cursor:pointer;
}

#mtLoisirs:hover
{
	color: white !important;
	text-decoration: none;
	background: transparent url(../images/menu_haut/blockhover_red.png) center center repeat-x;
}

#mtDivers
{
	width: 18%;
	cursor:pointer;
}

#mtDivers:hover
{
	color: white !important;
	text-decoration: none;
	background: transparent url(../images/menu_haut/blockhover_yellow.png) center center repeat-x;
}

.solidblockmenu
{
   margin: 0;
   padding: 0;
   font: bold 12px Arial;
   width: 90%;
   height: 33px;
   background: black url(../images/menu_haut/blockdefault.png) repeat-x top;
   max-width: 1580px;
}

.solidblockmenu li
{
   display: inline;
}

.solidblockmenu li a
{
   float: left;
   color: white !important;
   padding: 9px 0px;
   text-decoration: none;
   width: 17.5%;
   border-right: 1px solid #4c4c4c;
}

.solidblockmenu li  #home
{
   float: left;
   color: white !important;
   padding: 10px 0px;
   text-decoration: none;
   width: 50px;
   border-right: 1px solid #4c4c4c;
}

.solidblockmenu li a:visited
{
   color: white;
}

.solidblockmenu li  #blue:hover
{
   color: white;
   background: transparent url(../images/menu_haut/blockhover_blue.png) center center repeat-x;
}

.solidblockmenu li  #red:hover
{
   color: white;
   background: transparent url(../images/menu_haut/blockhover_red.png) center center repeat-x;
}

.solidblockmenu li  #green:hover
{
   color: white;
   background: transparent url(../images/menu_haut/blockhover_green.png) center center repeat-x;
}

.solidblockmenu li  #brown:hover
{
   color: white;
   background: transparent url(../images/menu_haut/blockhover_brown.png) center center repeat-x;
}

.solidblockmenu li  #yellow:hover
{
   color: white;
   background: transparent url(../images/menu_haut/blockhover_yellow.png) center center repeat-x;
}

.solidblockmenu li a:hover, .solidblockmenu li .current
{
   color: white;
   background: transparent url(../images/menu_haut/blockactive.png) center center repeat-x;
}

.solidblockmenu li a:hover
{
   color: white;
   background: transparent url(../images/menu_haut/blockhover.png) center center repeat-x;
}

/* Le menu gauche */

#menu
{
   float: left;
   width: 180px;
   background-color: #fff;
}

.element_menu
{
   background-image: url("../images/menuhead.png");
   background-repeat: repeat-x;
   height: 60px;
   padding-top: 1px;
   margin-bottom: 20px;
}

.element_menu h3
{   
   color: #fff;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   margin-top: 5px;
}

.element_menu ul
{
   list-style-type:none;
   margin: 0;
   padding: 0;
}

.element_menu li a
{
   float: left;
   color: black;
   padding-bottom: 9px;
   padding-left: 50px;
   text-decoration: none;
   width: 130px;
}

.element_menu li a:visited
{
   color: black;
}

.element_menu li a:hover
{
   color: white;
   background: transparent url(../images/menu_haut/blockhover.png) center center repeat-x;
}

#userbox
{
  padding-bottom: 30px;
  padding-top: 30px;
  background: #efeee6 url(../images/userbox_bg.png) no-repeat top left;
}

#userbox_info
{
  margin: 10px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
  border: 1px dashed #ddd8c9;
}

.input_username {
	padding-left: 16px;
	background: #fff url("../images/menu_left/user.png") no-repeat left;
}

.input_password {
	padding-left: 16px;
	background: #fff url("../images/menu_left/key.png") no-repeat left;
}


.menuleft_bottom
{
   background: url("../images/menuleft_bottom.png") repeat-x;
   height: 30px;
   clear: both
}

.loginbox_bottom
{
   background: url("../images/loginbox_bottom.png") repeat-x;
   height: 50px;
}

#underMenu_old
{

	background: #2f2f2e url(../images/menu_haut/menudownbg.png) repeat-x;
	border-left: 1px solid #4c4c4c;
	border-right: 1px solid #4c4c4c;
	border-bottom: 1px solid #4c4c4c;
	font: bold 12px Arial;
	border-collapse: collapse;
	text-align: center;
}

#underMenu
{
	width: 90%;
	margin: auto;
	max-width: 1580px;
	color: #b3b3b3;
	font: bold 12px Arial;
	border-collapse: collapse;
	background: #2f2f2e url(../images/menu_haut/menudownbg.png) repeat-x;
}

#underMenu a
{
	color: #b3b3b3 !important;;
	text-decoration: none;
}

#underMenu a:hover
{
	color: #b3b3b3 !important;
	text-decoration: none;
}

#underMenu a:visited
{
	color: #b3b3b3 !important;;
	text-decoration: none;
}

#umSpace
{

	width: 100px;
}

#umCol
{
	width: 18%;
}