/* menu.css authentic-holidays.com (c) O. Georgallides-Scheurer - tous droits reserves. */


#col_gauche {

    top:0;
	left:0;
	width: 200px; /* Largeur de la colonne */
	/*background-color:#cbccd5;*/
	min-height:100%;
	position:fixed;
	padding-right:0px;
	padding-top:173px;
	border-right:0px solid #DDD;
	background-image:url(pictures/agence_internet.jpg);
	background-repeat:no-repeat;
	background-position:top left; 
	margin:0;
	border:0:
	
}

#logo {
	
	width: 100%;
	
}

#menu {
		
		width:100%;
		
		clear:both; 
		margin: 0; 
		padding:0;
		border: 0;
		
		
	}
	
#menu {z-index: 2000;}
#menu * {z-index: 2000;}
#menu a  {z-index: 2000;}


#menu *  {
		text-decoration: none; 
		list-style-image : none;
		list-style-type: none;
		
		}

#menu li a 	 {  }
#menu li a:link,		
#menu li a:visited,
#menu li a:active	 	 {color:#FFF; background-image:url(pictures/web.png); background-repeat:repeat  }
#menu li a:hover		 { background-color:#8BAE0A; background-image:none; color:black}

#menu li li a 	 {  }
#menu li li a:link,		
#menu li li a:visited,
#menu li li a:active	 	 {color:#7C7C7C; background-color:#31332C; border-left:20px solid black; margin-left:-20px; }
#menu li li a:hover		 { color:#8BAE0A}



/* level1 */

.level1 {
		position: relative; 
		margin: 0; 
		padding:0;
		border: 0;
		/*text-transform: uppercase;*/
		padding-right:0px;
		
		
	}




.level1 li a {

		 /*font-weight:bold;*/
		 
		 width:200px;
		 text-align:right;
		 padding-right:20px
		 
		}
		


.level1 li li a {
		
		text-align:left; 
		width:100%; 
		
		}
		
		
.level1 li {
		float:right; 
		margin: 0; 
		padding: 0 0px; /* espacement entre les en têtes du menu */
	    padding-bottom:20px;
		border: 0; 
		
		}


.level1 li a:link, 
.level1 li a:visited {
		
		height: 1%;float:left;
		
		}



.level1 .level2 {
	
		position:absolute;
		left:-9999px;
   	    margin: 0;  
		padding-left:20px;
		margin-top:0px;
		text-align:left;
		text-transform: none;
		
		
		}
		
		.level1 .class1 .level2 li{
	
		margin-top:-47px
		}
		
.level1 .level2 li {
		float:none;
		margin: 0; 
		clear:both;
		padding: 0; 
		border: 0;
		
		
		
		}
		
.level1 .level2 li a:link, 
.level1 .level2 li a:visited {
		left:auto;
		display:inline;
		padding:5px;

		margin: 0;
		border: 0;
		}


.level1 li:hover > .level2 {left:200px; display:inline; float:none; width:200px}



#img_gche {
	
	z-index:10;
	position: absolute;
	bottom:0;
	width: 100%;
}