html{ height: 100%;}
body {

background: #FFFFFF;
color: #666666;
height: 100%;
    margin: 0;
 
    padding: 0;
    top: 0;

width:100%;
}
#connect{position:relative;float:right;bottom:15px;margin-right:15px;}
#connect a{display: block;color:#FFFFFF;background: #459901;padding:10px;border-radius: 2px;text-decoration: none;}
#connect a:hover{background: #408D01;}
.demo{background: #459901;}
.lefti{position:relative;float:left;}
#bottomd{position:relative;z-index:99;overflow:visible;height:auto;min-height:90%;height:92%}
.dessous{
position:relative;
z-index:50;
width:100%;
margin: 0;
padding: 0;
border: none;
border:0;
 height: 100%;
  min-height: 100%;
}
a {color: #333333;}

#nav {
margin: 0;
padding: 0;
width: 100%;
height: 1.9em;
position:relative;	
z-index:1;

	}
#nav li {

float: left;
position: relative;
list-style: none;

}

#nav a img {
position:relative;
top:3px;
}
/* main level link */
#nav a {
color: #4E4D4D;
border-right: 1px solid #EDEDED;	
text-decoration: none;
display: block;
padding-right: 8px;
padding-left: 8px;
margin: 0;
height: 1.9em;
line-height: 1.9em;	
font-weight: normal;
	}


/* main level link hover */
#nav .current a, #nav li:hover > a {
background: #168EF4 url(vide.gif) repeat-x 0 -2px;
color: #FFFFFF;



	
	}
	

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
background: none;
border: none;color: #666666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow:none;
	
   
	}
#nav li .hr1{
color: #CCCCCC;
background-color: #CCCCCC;
margin: 2px;
height: 1px;
margin-left:8px;
margin-right:8px;

}

	
	
#nav ul a:hover {

background-color: #168EF4  !important;
	color: #ffffff !important;
	border: solid 1px #000000;
/*border-radius: 4px;
-webkit-border-radius: 4px ;
-moz-border-radius:4px;*/

	}

.pss{padding-right:5px; position:absolute;
right:10px; }
/* dropdown */
#nav li:hover > ul {display: block;}

/* level 2 list */
#nav ul {
display: none;
margin: 0;padding: 0;
min-width:150px;
position: absolute;
right: 0;

background-color: #FDFDFD ;
background-image: -webkit-gradient(	linear,	left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #F2F2F2));
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #F2F2F2 100%);

	border: solid 1px #D6D6D6;
	
	
 -moz-box-shadow: 1px 1px 6px #989898; 
   -webkit-box-shadow: 1px 1px 6px #989898; 
    box-shadow: 1px 1px 6px #989898;
/*border-radius: 4px;
-webkit-border-radius: 4px ;
-moz-border-radius:4px;*/
	z-index:999;
	}
#nav ul li {float: none;margin: 0;padding: 0;}
#nav ul a {font-weight: normal;}
#nav ul ul {left: 148px;min-width:150px;top: 3px;}



#nav ul a.rouge:hover{

background-color: #FF0000  !important;
	color: #ffffff !important;
	
	border-radius: 4px;
-webkit-border-radius: 4px ;
-moz-border-radius:4px;
	}
#nav ul a.vert:hover{

background-color: #009900  !important;
	color: #ffffff !important;
	
	border-radius: 4px;
-webkit-border-radius: 4px ;
-moz-border-radius:4px;
	}

#top{position:relative;z-index:100;float:right;}