/* ======================================================
		CREDIT COMMERCIAL DU SUD-OUEST ©2010
		Propulsé par [+x]Pluzix
		Webdesign & CSS par David LORGE
========================================================== */


/*
---------------------------------------------------------
MENU DEROULANT
---------------------------------------------------------
*/

/* fichier pour internet explorer */ 
body {behavior: url(css/csshover.htc);}


/* Général */

#Menu_Transversal {
	height: 34px;
	background: url(../img/fd-MenuTransversal.jpg) repeat-x;
	border: 1px solid #648fbf;
	margin-top: 3px;
}

div#Menu_Transversal a {color:#fff; text-transform: uppercase; font-size: 13px; }


/* Réglages Niveau 1 */
div#Menu_Transversal ul.niveau1 { margin-left: 3px; }
div#Menu_Transversal ul {padding: 0; margin:0px;}
div#Menu_Transversal li:hover, div#Menu_Transversal li.sousmenu:hover { background: #165396;}
div#Menu_Transversal ul li { position:relative; list-style: none; float:left; text-align: center; padding: 8px 16px 0px 16px;}
div#Menu_Transversal li a { text-decoration: none; display:block; height: 26px; }


/* Réglages Niveau 2 */
div#Menu_Transversal ul ul { position: absolute; display:none; width: 195px; z-index: +1; }
div#Menu_Transversal ul.niveau2 {
	filter : alpha(opacity=92);
    -moz-opacity : 0.92;
    opacity : 0.92;
}
div#Menu_Transversal ul li ul { width: 195px; margin-top: 0px; margin-left: -16px; _margin-left: -61px; }
div#Menu_Transversal ul li ul li { font-size: 12px; width: 195px; text-align: left; padding-left: 6px; }
div#Menu_Transversal ul li ul li a { width: 195px; text-transform: uppercase; font-size: 11px; display: block; }
div#Menu_Transversal ul.niveau1 li.sousmenu:hover ul.niveau2 { display:block; background: #4c79b4; border: 2px solid #165396; border-top: 0px; width: 217px; }