@charset "UTF-8";
/* CSS Document */

/*
Author: Craig Erskine
Description: Dynamic Menu System - Horizontal/Vertical
*/

ul#navmenu  { margin: 0; padding: 0px;left:0px; list-style: none; position: relative; z-index:100; }

ul#navmenu  ul#ul_navmenu {
 width: 125px; /* Sub Menu Width */
 margin: 0;
 list-style: none;
 display: none;
 position: absolute;
 left: 0px;
 /*pour que les sous menu montent */
 bottom:100%;
 
}

* html ul#navmenu  ul#ul_navmenu{
 width: 129px; /* Sub Menu Width */
 margin: 0;
 list-style: none;
 display: none;
 position: absolute;
 left: 0px;
 bottom:100%;
 
}

img
{ text-decoration: none;
border: 0 none;}

ul#navmenu  ul ul,ul#navmenu  ul ul ul { top: 0; left: 100%; }

ul#navmenu  li { float: left; display: inline; position: relative; }
ul#navmenu  ul li { width: 100%; display: block;}

/* Root Menu */
ul#navmenu  a {
 border-top: 0px solid #FFF;
 padding-left: 2px;
  padding-top: 0px;
   padding-bottom: 0px;
 float: left;
 display: block;
 background: #87797d;
 color: #666;
 text-decoration: none;
 height: 27px;

}


/* Root Menu Hover Persistence */
* html ul#navmenu ul li a:hover 
{
 background: black;
}

* html ul#navmenu li a:hover 
{
 background: #393838;
border-bottom: 1px #393838 solid;
}



ul#navmenu li a img:hover
{
 background: black;
}

ul#navmenu li a img#image:hover
{
 background: #393838;
border-bottom: 1px #393838 solid;
}

/* 2nd Menu */
* html ul#navmenu  li:hover li a,ul#navmenu  li.iehover li a {
	position:relative;
    float: none;
    background: #393838;
	opacity:0.8;
	-moz-opacity:.80; 
	filter:alpha(opacity=80); 
    width:127px;
	left:2px;
	border-bottom: 1px #FFF solid;
}

* html ul#navmenu  li li a {
	position:relative;
    float: none;
    background:  #393838;
	opacity:0.8;
	-moz-opacity:.80; 
	filter:alpha(opacity=80);
    width:127px;
	left:2px;
	padding-left:-2px;
	height:25px;
	border-bottom: 1px white solid;
}

ul#navmenu  li li a {
	position:relative;
    float: none;
    background:  #393838;
	opacity:1;
    width:125px;
	left:-38px;
	padding-left:-2px;
	height:25px;
	border-bottom: 1px white solid;
}

ul#navmenu  li:hover li a,ul#navmenu  li.iehover li a {
	position:relative;
    float: none;
    background: #393838;
	opacity:0.8;
	-moz-opacity:.80; 
	filter:alpha(opacity=80); 
	width:125px;
	left:-38px;
	padding-left:-2px;
	height:25px;
	border-bottom: 1px white solid;
}

/* 2nd Menu Hover Persistence */
ul#navmenu  li:hover li a:hover,ul#navmenu  li:hover li:hover a,ul#navmenu  li.iehover li a:hover,ul#navmenu  li.iehover li.iehover a {
 background: #000;
 border-left:0px;
}

/* 3rd Menu */
ul#navmenu  li:hover li:hover li a,ul#navmenu  li.iehover li.iehover li a {
 background: #87797d
}

/* 3rd Menu Hover Persistence */
ul#navmenu  li:hover li:hover li a:hover,ul#navmenu  li:hover li:hover li:hover a,ul#navmenu  li.iehover li.iehover li a:hover,ul#navmenu  li.iehover li.iehover li.iehover a {
 background: #87797d
}

/* 4th Menu */
ul#navmenu  li:hover li:hover li:hover li a,ul#navmenu  li.iehover li.iehover li.iehover li a {
 background: #000;
}

/* 4th Menu Hover */
ul#navmenu  li:hover li:hover li:hover li a:hover,ul#navmenu  li.iehover li.iehover li.iehover li a:hover {
 background: #87797d;
}

/* Hover Function - Do Not Move */
ul#navmenu  li:hover ul ul,ul#navmenu  li:hover ul ul ul,ul#navmenu  li.iehover ul ul,ul#navmenu  li.iehover ul ul ul { display: none; }
ul#navmenu  li:hover ul,ul#navmenu  ul li:hover ul,ul#navmenu  ul ul li:hover ul,ul#navmenu  li.iehover ul,ul#navmenu  ul li.iehover ul,ul#navmenu  ul ul li.iehover ul { display: block; }


      /******************************/
   
      /* MON ESPACE*/
   
      /******************************/

	  
* html #menu
{  
	  width:178px;  
      display:block;  
      /*margin:0 0 5px 0;*/  
      /*padding:7px 0 0 0;*/  
      height:23px;  
  
  /* bouton principal */
      background-color:#393838;  
      background-repeat:repeat-y;  
      z-index:1000;  
	 font-family:Verdana;
}  
       
   
#menu
{  
	  width:174px;  
      display:block;  
      /*margin:0 0 5px 0;*/  
      /*padding:7px 0 0 0;*/  
      height:27px;  
	font-family:Verdana;
  /* bouton principal */
      background-color:#393838;  
      background-repeat:repeat-y;  
      z-index:1000;  
}

#menu a#titre_icone:hover
{  
	opacity:0.5;
}

       
  
#menu div 
{
    float:left;  
    /* padding:0 0 0 25px;*/	  
	z-index:1000;
}
  
#menu div a 
{
	color:white;
	font-weight:bold;
	text-decoration: none;
}
  
#menu div  a:hover 
{
	color: #000 ;
}
  
#menu div ul 
{
    position: absolute;
  /*ici pour monter sous menu */
   bottom:28px;
	/*background-color:red;*/
	background-image:url(../images/espace/fondespace.png); 
	z-index:1000;
	background-position:top; 
	background-repeat:repeat-y;
	/* line-height:30px;*/
	*white-space: nowrap;
	*width:150px;
	width:200px;
	 left:-11px;
	
}
  
#menu ul, #menu li 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position:outside;
}
  
#menu ul li 
{	/*croix pour fermer */
	font-size:0.8em;
	text-align:right;
	padding-left:11px;
	
	
}

#cadre_croix
{
	padding-right:8px; 
	padding-top :5px; 
	padding-left:160px;
}

#cadre_croix_ie
{
	padding-right:8px; 
	padding-top :5px; 
	padding-left:5px;
}
  
#menu ul li a 
{
	color:#c0c0c0;
	text-decoration: none;
}
  
#menu ul li a:hover 
{
	background-color: #f5f5f5 ;
}
	  
#form_espace
{
	font-size:10px;
}

#table_espace_commander
{
	/* pour ie */
	* padding-left:3px;
	/* pour FF */
	padding-left: 3px !important;
	width:174px;
}

#table_espace
{
	/* pour ie */
	* left:6px;
	/* pour FF */
	padding-left: 3px !important;
	width:174px;
	
}

/*defilement des news */

#sidebar {
    color: #AFB0B1;
	background-image:url(../images/espace/fondespace.png); 

	background-position:top; 
	background-repeat:repeat-y;
      display:block;  
    float:left;
    margin:0 0 24px;
    padding:15px 10px 10px;
    width:178px;
	
}

#sidebar ul {
    font-size:1.2em;
    list-style-type:none;
    margin:0;
    padding:0;
    position:relative;
}

.rating {
    background-image:url(images/simple-spy/info_bar_stars.png);
    background-repeat:no-repeat;
    height:12px;
    text-indent:-900em;
    font-size:1em;
    margin:0 0 9px;
}

.none {
        background-position: 82px 0px;
}

.four {
        background-position: 82px -48px;
}

.five {
        background-position: 82px -60px;
}

.tags {
        color: #fff;
        margin: 0.5em;
}

.tags a,
.tags span {
        background-color: #333839;
        font-size: 0.8em;
        padding: 0.1em 0.8em 0.2em;
}

.tags a:link,
.tags a:visited {
        color: #fff;
        text-decoration: none;  
}

.tags a:hover,
.tags a:active {
        background-color: #3e4448;
        color: #fff;
        text-decoration: none;  
}

#sidebar li {
    height: 90px;
    overflow: hidden;
}

#sidebar li h5 {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
}

#sidebar li h5 a {
    color:#A5A9AB;
    text-decoration:none;
}

#sidebar li img {
    float:left;
    margin-right:8px;
}

#sidebar li .info {
    color:#3E4548;
    font-size:1em;
}

#sidebar .info a,
#sidebar .info a:visited {
    color:#3E4548;
    text-decoration: none;
}

#sidebar .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;    
}

#sidebar {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
}

.tags span,
.tags a {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
}