@CHARSET "UTF-8";

/**
 * menu_haut.php
 *
 * Created by Benoît Durand on 20 janv. 2009
 * $Id: menu_haut.php 595 2009-01-20 16:26:22Z bdurand $
 */

/*****************************************************************************************************/
/* Menu haut propriétés générales */
#menu_haut{
	margin:					2px 0px 0px 0px ;		/* Correction pour FF*/
	_margin:				0px 0px 0px 0px ;		/* Correction pour IE*/
	padding:				0px 0px 0px 0px;
	position:				relative;
	*top:					-3px; /* Correction pour IE7 */
	_top:					-1px;
}
#spacer{
	height:					20px;
	visibility:				hidden;
}
#menu_haut #rubriques a{
	padding:0 2px;
}
/*****************************************************************************************************/


/*****************************************************************************************************/
/* Rubriques sans sous-rubriques */
#menu_haut .rubrique{
	padding-right:			2px;
	text-align:				center;
}
#menu_haut .dernier{
	padding-right:			0px;
}
#menu_haut a.lien_rubrique{
	border:					solid 1px #000000;
	background-color:		#000000;
	color:					#FFFFFF;
	display:				block;
	line-height:			1.6em;
	height:					100%;
	text-decoration:		none;
}
#menu_haut a.lien_rubrique:hover{
	background-color:		#FFFFFF;
	color:					#766a70;
}
/*****************************************************************************************************/


/*****************************************************************************************************/
/* Rubriques avec sous-rubriques */
#menu_haut #rubriques td{
    text-align:				center;
}
#menu_haut #rubriques .rubrique_sous-rubrique-actif_actif{
    margin:					0px;
    padding:				0px;
    border-width:			1px 1px 0px 1px; 		/*top right bottom left*/
    border-style:			solid;
    line-height:			15px;
    _line-height:			10px;

    border-color:			#000000;
    background-color:		#FFFFFF;
}

#menu_haut #rubriques .rubrique_sous-rubrique-actif_inactif{
    margin:					0px;
    padding-top:			0px;
    padding-right:			0px;
    padding-bottom:			1px;
    padding-left:			0px;

    background-color:		#FFFFFF;

    border-bottom:			solid #000000 1px;
}
#menu_haut #rubriques .rubrique_sous-rubrique-inactif_inactif{
    margin:					0px;
    padding-top:			0px;
    padding-right:			0px;
    padding-bottom:			1px;
    padding-left:			0px;

    background-color:		#FFFFFF;

    border-bottom:			solid #FFFFFF 1px;
}

#menu_haut #rubriques table.sous-rubrique a, #menu_haut #rubriques .rubrique_sous-rubrique-inactif_inactif a, #menu_haut #rubriques .rubrique_sous-rubrique-actif_inactif a, #menu_haut #rubriques .rubrique_sous-rubrique-actif_actif a {
    background-color: 		#FFFFFF;
    text-align:				center;
    vertical-align:			middle;
    text-decoration:		none;
    color:					#333333;

    font-size:				12px;
    cursor:					pointer;
    line-height:			1.6em;
}

#menu_haut #rubriques a.actif_sous-rubrique-actif{
    height:					22px;
    border:					none;
    margin:					0px;
    padding:0 2px;
    background-color: 		#FFFFFF;
    display:				block;
    _width:					100%; 				/* 100px - 2px*/
    color:					#766a70;
    cursor:					default;
}
#menu_haut #rubriques a.actif_sous-rubrique-inactif{
    border:					solid #000000 1px;
    background-color: 		#FFFFFF;
    color:					#766a70;
    display:				block;
    _width:					100%;
    margin:					0px 0px 2px 0px; 	/*top right bottom left*/
    _padding-left:			1px;
}
#menu_haut #rubriques a.inactif_gauche{
    border:					solid #000000 1px;
    background-color: 		#000000;
    color:					#FFFFFF;
    display:				block;
    _width:					100%;

    margin:					0px 2px 1px 0px; 	/*top right bottom left*/
}
#menu_haut #rubriques a.inactif_droite{
    border:					solid #000000 1px;
    background-color: 		#000000;
    color:					#FFFFFF;
    display:				block;
    _width:					100%;

    margin:					0px 0px 1px 2px; 	/*top right bottom left*/
}
#menu_haut #rubriques a.inactif{
    border:					solid #000000 1px;
    background-color: 		#000000;
    color:					#FFFFFF;
    display:				block;
    _width:					100%;

    margin:					0px 0px 2px 0px; 	/*top right bottom left*/
}
/*****************************************************************************************************/

/*****************************************************************************************************/
/* Sous-rubriques */
#menu_haut #sous_rubriques{
    padding:				0px;
    margin:					0px;
    font-size:  			xx-small;
    position:				absolute;
    *top: 					2.4em;
}
#menu_haut .sous-rubrique{
    background-color: 		#FFFFFF;
    border-width:			0px 1px 1px 1px; 	/*top right bottom left*/
    border-style:			solid;
    border-color:			#000000;

    text-align:				center;
    width:					100%;
}
#menu_haut #sous_rubriques .sous-rubrique_actif{
    display:				table;
}
#menu_haut #sous_rubriques .sous-rubrique_inactif{
    display:				none;
}

#menu_haut #sous_rubriques #sous-rubrique-spacer{
    visibility:				hidden;
}

#menu_haut .actif{
    display:				table;
    width:					100%;
}
#menu_haut .inactif{
    display:				none;
}

#menu_haut #sous_rubriques .sous-rubrique a{
    font-size:				smaller;
    color:					#333333;
}
/*****************************************************************************************************/