/* menu dont le fond contient le bandeau */
.menu {

height:198px;
/*background:transparent url(images/bandeau-1.jpg) top left no-repeat;*/
position:absolute;

}
.menu a:hover { text-decoration:none; }

/* padding - margin et bullets */
.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none;
	margin-top:-8px; /* cel pour ie7 */
}

.menu ul li {
	float:left;
	position:relative;
}

/* RUBRIQUE */
.menu ul li a, .menu ul li a:visited
 {
	display:block; 
	text-decoration:none; 
	width:auto; 
	height:1.5em;
	color:white; 
	background:#9a8c86; 
	/*padding-left:47px; /* ici pour ajuster le menu */
	/*padding-right:47px;  /* ici pour ajuster le menu */
	line-height:1.5em;
	padding-top:3px;
	text-transform:uppercase;
	border:1px solid #9a8c86;
	margin-right:1px;
	_margin-right:0px;	
	font:12px tahoma, verdana;
	float:left; /* Tequila */
}

/* ajustement dernire rubrique pour coller au bord droite */
/*.menu ul li a.adjust, .menu ul li a:visited.adjust { padding-left:50px; padding-right:50px; _padding-left:47px; _padding-right:47px;  }

*+html .menu ul li a.adjust, *+html .menu ul li a:visited.adjust,
* html .menu ul li a.adjust, * html .menu ul li a:visited.adjust { padding-left:47px; padding-right:47px;}
*/
/* ajust english */
/*
.menu ul li a.adjust-en, .menu ul li a:visited.adjust-en { padding-left:41px; padding-right:42px; _padding-left:38px; _padding-right:39px; }

*+html .menu ul li a.adjust-en, *+html .menu ul li a:visited.adjust-en { padding-left:38px; padding-right:39px; }

* html .menu ul li a, .menu ul li a:visited { width:auto; }
*/
/* cache le drop down */
.menu ul li ul { display: none; }
/* remove all table style so that it does not interfere */
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* hover Rubrique */
.menu ul li:hover a,
.menu ul li a:hover,
.menu ul li.current a,
.menu ul li.current a:visited
 {
color:#FFF;
background-color:#ccaf86;
border-bottom:1px solid transparent;
}



.menu ul li.li-8:hover a,
.menu ul li.li-8 a:hover,
.menu ul li.li-8.current a,
.menu ul li.li-8.current a:visited
 {
 border:1px solid yellow;

 }





/* Drop down (sous menu) et position */
ul.last-drop-down { margin-left:0}

.menu ul li:hover ul,
.menu ul li a:hover ul,
.menu ul li.current ul,
.menu ul li a:hover ul
 {
	display:block; 
	position:absolute; 
	top:0.7em;
	_top:1em;
	margin-top:11px;
	left:0; 
	width:auto;
	text-indent:16px;
	border:1px solid #888;
	border-top:0;
	background:#ccaf88 top left no-repeat;
	padding-top:11px;
	opacity:0.8; /*  transparence pour firefox */ 
	*background:transparent filter: alpha(opacity=75);
     *filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	text-align:left;
}
/* liens du drop down sans effet hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a,
.menu ul li.current ul li a,
.menu ul li.current ul li a:visited
/*.menu ul li.current a:hover ul li a*/
/* .menu ul li.current a:visited*/
 {
	display:block; 
	border:0;
	margin:0;
	font-weight:normal; 
	font-size:0.9em;
	line-height:1em; 
	padding:2px; _padding:2px 0 2px 0;  *padding:2px 0 2px 0;
	width:247px; _width:247px; *width:228px; margin-left:0; _margin-left:-5px; *margin-left:-7px; *letter-spacing:-1px;
	height:auto; 
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-wrap: suppress;
	background-color:transparent;
	text-align:left;
}

/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover,
.menu ul li.current ul li a:hover,
.menu ul li.current ul li a.p-current,
.menu ul li.current ul li a:visited.p-current {
	color:#ffffff;
	background:#9a8c86 top left no-repeat;
	text-align:left;
	
	
}

/* Transparence Pöur IE */
.menu ul li a:hover ul,
.menu ul li.current a ul
 {
background:transparent filter: alpha(opacity=50);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
opacity:0.9;
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a,
.menu ul li.current a:hover ul li a {
background:#ccaf88; /* Couleur de fond qui sera translucide */
width:258px; /* for IE5.5 faulty box model */
}


/******** MENU GAUCHE ********/
.page-int #col-gauche { background-color:#ccaf88; border:1px solid #ccaf88; border-top:none;}
#col-gauche .menu-gauche { background:#ccaf88 top left no-repeat; min-height:417px; _height:417px}
#col-gauche .menu-gauche p { display:block; width:100%; height:auto; border-bottom:1px solid #ccaf88; }
#col-gauche .menu-gauche p, #col-gauche .menu-gauche p a, #col-gauche .menu-gauche p a:visited { font:normal bold 11px Verdana, Arial, Helvetica, sans-serif; color:#ccaf88; }
.menu-gauche p a { padding-left:34px; display:block; padding-top: 4px; padding-bottom:9px; width:170px; }
.menu-gauche p a:hover   { background-color:white; text-decoration:none; background:transparent center left no-repeat }
 .menu-gauche p a.current, .menu-gauche p a.current:visited   { background:transparent center left no-repeat; text-decoration:none; }
 
#col-gauche  p.n-2  { background-color:#ccaf88; font-size:10px; }
#col-gauche p.n-2 a, #col-gauche  p.n-2 a:visited { font-size:10px; font-weight:normal; padding-left:50px; width:150px   }
#col-gauche p.n-2 a.current, #col-gauche p.n-2 a.current:visited, #col-gauche p.n-2 a:hover { background:transparent 35px 6px no-repeat; font-weight:bold; }

#col-gauche ul.n-3 { margin:0; padding:0; background-color:#FFF; }
#col-gauche ul.n-3 li { list-style:none; padding:3px 0;  padding-left:50px; }
#col-gauche ul.n-3 li a {font-size:9px;}
#col-gauche ul.n-3 li a:hover, #col-gauche ul.n-3 li a.current { background:transparent top left no-repeat; padding-left:12px; text-decoration:none; font-weight:bold; font-size:9px; padding-bottom:2px }