/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Op ra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

#navigation {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 150px;
	padding: 0px;
	margin: 0px;
}

.img_accueil {
	margin-top: 10px 0 0 0;
	padding: 0;
}

form.formrecherche {
	width: 149px;
	margin : 0 0 0 5px;
	padding-left: 2px;
	text-align: center;
}

input.formrecherche {
	width: 137px;
	margin: auto;
	background-color: #FFCC99;
	text-align: center;
}

.formulaire_recherche { text-align: left; width: 8em; }
.formulaire_recherche label { display: none; }
.formulaire_spip .forml {
	width: 100%;
	margin : 0 0 0 10px;
	padding : 0 0 1 0px;
	text-align: center;
	font-family: inherit;
	font-size: 90%; 
}

#conteneurmenu {
	position:relative;
	left:0px;
	top:0px;
	margin: 0;
	border:0;
	padding:0;
}
.menu {
	left:0px;
	border:0;
	padding:0;
/* width et margin sont au cas o  le javascript est d sactiv . */
	width:15em;
	margin:0em;
}
#menu1 {
 background-image: url("./IMG/bouton_chronique.gif");
 background-repeat: no-repeat;
 filter: alpha(opacity=80);
 opacity: .90;
}
#menu2 {
 background-image: url("./IMG/bouton_interviews.gif");
 background-repeat: no-repeat;
 filter: alpha(opacity=80);
 opacity: .90;
}
#menu3 {
 background-image: url("./IMG/bouton_cr.gif");
 background-repeat: no-repeat;
 filter: alpha(opacity=80);
 opacity: .90;
}
#menu4 {
 background-image: url("./IMG/bouton_dossiers.gif");
 background-repeat: no-repeat;
 filter: alpha(opacity=80);
 opacity: .90;
}
#menu5 {
 background: transparent url("./IMG/bouton_forum.gif");
 background-repeat: no-repeat;
 filter: alpha(opacity=80);
 opacity: .90;
}
#menu6 {
 background: transparent url("./IMG/bouton_blog.gif");
 background-repeat: no-repeat;
 filter: alpha(opacity=80);
 opacity: .90;
}
.menu a, .menu a:visited {
	padding:0px 0px; /* premi re valeur   z ro pour  viter la r p tition de l'image dasn Mozilla*/ /* idem pour la deuxi me concernant MSIE */
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
}
.menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enl ve le soulignement.
	*/
	background-image: url("./IMG/bullejaune.gif");
  	text-decoration:none;
	filter: alpha(opacity=80);
	opacity: .90;
	padding:0px 0px; /* premi re valeur   1 pour  viter la r p tition de l'image */

}
.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synth se vocales de prendre une
	pause dans l' locution */
	display:none;
}
.ssmenu { /* .ssmenu = Les parties "d roulantes" qui s'affiche au survol d'un .menu */
 	font-size:14px;
	font-weight:bold;
	padding:0;
	text-align: center;
	color: blue;
	background-color: #FFFFFF;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.8;
/* width et margin sont au cas o  le javascript est d sactiv . */
	width:15em;
	margin:1em;
	
}

.ssmenu {
/* aller pour faire joli sur IE, un petit effet de d grad  !
	Pour voir d'autres effets :
	http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
	Par exemple :
	transparence   25% = opacit    75%:
		FILTER: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=15);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=white,strength=10);
	Ombre en bas   droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=200,color=#0000AA,strength=5);
	*/
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#5477FF);
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}

.ssmenu a, .ssmenu a:visited .ssmenu li a:link {
/* Les liens qui ne sont pas sous le curseur. */
	font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
	color:blue;
	padding:0px 0px; /* premi re valeur:  cart vertical entre les sous-menus*/
	text-decoration:none;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}


.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enl ve le soulignement.
	*/
	background-color:blue;
	color:white;
	text-decoration:none;
}

img {
	margin: 0;
	padding: 0;
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:0px;
}

.ssmenu img.hr {
/* Encore un peu experimental, un <hr /> entre deux items pour faire un "separateur"... */
	margin-top:1px solid transparent;
	margin-bottom:1px solid transparent;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}

.text_menu {
 	margin-left: 55px;
}

.img_menu {
 	margin-left: 35px;
	margin-top : 380px;
}
.rss {
	margin-left: 10px;
	margin-top: 5px;
}