@charset "UTF-8";
/* CSS Document */

#body
{
		text-align : center; /* pour IE5 */
}

.header-fr
{
	background : url("http://www.msbparis.com/header/header-fr.jpg") top center no-repeat;
	position: absolute;
	text-align: right;
	z-index: 100;
	width: 800px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
}

.newsletter
{
	font-size: 9px;
	color: #FFFFFF;
	margin: 84px 4px 0 0;
}

.flags
{
	font-size: 9px;
	color: #FFFFFF;
	font-family: arial;
	margin: 0 0 0 0;
	text-decoration: none;
}

a.flag img
{
    width: 18px;
    height: 12px;
    border: none;
    margin: 4px 4px 0 0;
    /* Opacity */
	opacity: .6;
	-moz-opacity: .6;
	-khtml-opacity: 0.60;
	_filter: Alpha(opacity=60,finishopacity=60,style=2);
}

a.flag:hover img
{
	/* Opacity */
	opacity: .99;
	-moz-opacity: .99;
	-khtml-opacity: 0.99;
	_filter: Alpha(opacity=99,finishopacity=99,style=2);
}

#menu, #menu ul /* Liste */     
{
		padding : 0; /* pas de marge intérieure */
        width: 724px;
		margin : auto;
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 18px; /* on définit une hauteur pour chaque élément */
		text-align : left; /* on met à gauche le texte qui se trouve dans la liste */
		background : #E6F0FA; /* couleur de fond */        
        color : #000000; /* couleur du texte */
		font-weight : bold;
		font-size : 10px;
}

#menu /* Ensemble du menu */
{
        margin-top: 61px;
		z-index: 200;
		font-family : Verdana, sans-serif;
}

#menu .bordure
{
		width: 1px;
		height: 18px;
		padding : 0;
		background : #4E5D7B;
}

#menu .menu-principal
{
		background : url("http://www.msbparis.com/header/menu-item.png") repeat-x; /* couleur de fond */
		background-position: top;
        color : #000000; /* couleur du texte */
		font-weight : bold;
		font-size : 10px;
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0 8px 0 8px;
		text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
		color : #000000; /* couleur du texte */
        width : auto; /* largeur */
}

#menu .sous-menu /* Contenu des sous-listes*/
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
		width : auto; /* largeur */
}

#menu li /* Elements des listes */      
{
        float : left;
		width: auto;
}

#menu li ul /* Sous-listes */
{
		position: absolute; /* Position absolue */
        width: 150px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}

#menu li ul li /* Éléments de sous-listes */
{
        float: none;
		background : #E6F0FA; /* couleur de fond */        
        color : #000000; /* couleur du texte */
        font-weight: normal;
		font-size : 10px;
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
		/* pour IE qui ne reconnaît pas "transparent" */
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
}

#menu .menu-principal:hover /* Lorsque la souris passe sur un des liens */    
{
		background-position: center;
		color: #FFFFFF
}

#menu ul li:hover /* Lorsque la souris passe sur un des liens */    
{
		background : #A5D6E0;
}

#menu li:hover ul, #menu li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}