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

/* Pour cacher les sous-menus :
Toutes les balises UL placées à l'intérieur d'une balise LI
doivent sortir du flux et ne plus être visibles. */
ul#menu li ul, ul#menu li.menugauche ul{
display:none;
}

/* Pour afficher les sous-menus au passage de la souris :
Lorsque la souris passe sur une balise LI contenant une balise UL, 
cette dernière doit apparaître sur la page HTML. */
ul#menu li:hover>ul, ul#menu li.menugauche:hover>ul {
display:block;
}

/* 
Malheureusement, l'apparente simplicité de cette solution
cache un problème de taille. Si le style CSS qui doit faire
apparaître les sous-menus fonctionne parfaitement avec Mozilla,
il ne fonctionne pas avec Internet Explorer qui est le navigateur
le plus utilisé au monde ! Cela tient à ce que IE ne comprend ni
la pseudo-classe :hover appliquée à la balise LI, ni le
selecteur CSS « > ».
Il va donc falloir utiliser un peu de JavaScript
pour émuler ce comportement CSS avec IE : voir menu.js.
 */

/* S'applique à <ul id="menu"> dans le code html */
ul#menu{
	margin:0px;
	padding:0px;
	text-align: right;
	line-height: 1.7em;
	list-style:none;
}

#colonne_menu #menu li a, #colonne_menu #menu li {
word-spacing:-3px;
}




ul#menu ul{
	margin:0;
	padding:0;
	color: #000000;
	background-color: #FFFFFF;
	border:1px solid #000000;
	text-align:left;
	line-height: 1.7em;
	text-indent: 6px;
	list-style:none;
	position:absolute;
	top:-1px;
	left:230px;
	visibility: visible;
	width:212px;
}


ul#menu li, ul#menu li.menugauche {
	position:relative;
	margin:0px;
	padding:0px;
}

ul#menu a{
display:block;
color:#C0C0C0;
text-decoration:none;
}

ul#menu ul a{
	display:block;
	width:210px;
	color:#000000;
	text-decoration:none;
	border:1px solid #FFFFFF;
font-size:0.9em;
line-height:1.5em;
}

ul#menu a:hover{
	background:#FFFFFF;
	color:#000000;
left:0px;
}

ul#menu ul a:hover{
background:#808080;
color:#FFFFFF;
}



#menu{
border-bottom:1px solid #191919;
}

#imagemenu {
position:relative;
right:4px;
width:220px;
height:20px;
list-style-type: none;
color:#FFFFFF;
text-align:right;
border:none;
}

#imagemenu p {
color:#FFFFFF;
margin-bottom: 5px;
}
#imagemenu li, #imagemenu li.menugauche  {
margin-bottom: 5px;
list-style-type: none;
}

#imagemenu img {
border:0px;
list-style-type: none;
}

#imagemenu img a:hover {
border:0px;
}

.menudroit {
	margin:0px;
	padding:0;
	text-align: left;
	line-height: 160%;
	list-style-type:none;
	color:#C0C0C0;
	border-bottom:1px solid #191919;

}

.pubmenudroit {
	margin:0px;
	padding:0;
	text-align: left;
	line-height: 160%;
	list-style-type:none;
	color:#C0C0C0;
}

.pubmenudroit .titrepub {
color:#CCCCCC;
text-decoration:none;
padding:2px 0 12px 12px;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}


.menudroit li {
/*display:inline;*/
}

.menudroit li a {
color:#C0C0C0;
text-decoration:none;
padding:2px 0 2px 12px;
display:block;
}

.pubmenudroit li a {
color:#FFFFFF;
text-decoration:none;
padding:2px 0 12px 12px;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

.pubmenudroit li a:hover {
text-decoration:underline;
}


.menudroit a:hover {
padding:2px 0 2px 12px;
margin:0;
text-decoration:none;
color:#000000;
background-color:#FFFFFF;
}

.menudroit li a img {
border:1px solid #C0C0C0;
margin:6px 0 0 0;
padding:0;
}

.menudroit li a:hover img {
border:1px solid #FFFFFF;
}

.imagemenudroit {
margin-left:0px;
margin-top:20px;
}

.imagemenudroit a:hover {
background:none;
}

.textemenudroit {
padding:30px 6px 30px 14px;
width:120px;

text-indent:0px;
line-height:1.4em;
	border-bottom:1px solid #191919;
	border-top:1px solid #191919;
}

#logos {
}