/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
	
	}
.menuaccueil, .ssmenuaccueil{
	background-color:#F0F0F0;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	font-family:Century-Gothic,Arial,Verdana;
	border:0px solid #CDCDCC;
	padding:0px;
	
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menuaccueil{
	text-align:center;
	background: url("pro/accueil.jpg");
	color:#969695;
	height:30px;
}

.menuaccueil span, .ssmenuaccueil 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;
}
.ssmenuaccueil ul,.ssmenuaccueil li{
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	text-align: left;
	font-weight:normal;
	list-style-type:none;
	border-bottom: 0px solid #CDCDCC;
	border-right: 0px solid #CDCDCC;
	background: url("pro/menuaccueil.jpg");


}
.menuaccueil a, .ssmenuaccueil a, .menuaccueil a:visited, .ssmenuaccueil a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#fff;
	padding:2px;
	text-decoration:none;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;

/* Ne pas modifier le block */
	display:block;
/*	Ne pas toucher ces 2 lignes */
	margin:0px;
	width:100%;
}
.ssmenuaccueil a, .ssmenuaccueil a:visited {
	padding-left:5px;
	

}
html>body .menuaccueil a, html>body .menuaccueil a:visited, html>body .menuaccueil a:hover, html>body .menuaccueil a:active,
html>body .ssmenuaccueil a, html>body .ssmenuaccueil a:visited, html>body .ssmenuaccueil a:hover, html>body .ssmenuaccueil a:active {
	width:auto;
}

.ssmenuaccueil ul:hover, .menuaccueil a:hover, .menuaccueil a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	color:black;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;
	margin:0px;
	width:100%;
	height:30px;
}
.ssmenuaccueil ul:hover, .ssmenuaccueil a:hover, .ssmenuaccueil a:focus{
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	background: #F5F2EB;
	color:black;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;
	margin:0px;
	width:100%;

}
img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
}

.ssmenuaccueil img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:8px;
}
.ssmenuaccueil img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1px;
	display:block;
}




.menuactivite, .ssmenuactivite{
	background-color:#F0F0F0;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	font-family:Century-Gothic,Arial,Verdana;
	border:0px solid #CDCDCC;
	padding:0px;
	
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menuactivite{
	text-align:center;
	background: url("pro/activites.jpg");
	color:#969695;
	height:30px;
}

.menuactivite span, .ssmenuactivite 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;
}
.ssmenuactivite ul,.ssmenuactivite li{
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	text-align: left;
	font-weight:normal;
	list-style-type:none;
	border-bottom: 0px solid #CDCDCC;
	border-right: 0px solid #CDCDCC;
	background: url("pro/menuactivite.jpg");


}
.menuactivite a, .ssmenuactivite a, .menuactivite a:visited, .ssmenuactivite a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#fff;
	padding:2px;
	text-decoration:none;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;

/* Ne pas modifier le block */
	display:block;
/*	Ne pas toucher ces 2 lignes */
	margin:0px;
	width:100%;
}
.ssmenuactivite a, .ssmenuactivite a:visited {
	padding-left:5px;
	

}
html>body .menuactivite a, html>body .menuactivite a:visited, html>body .menuactivite a:hover, html>body .menuactivite a:active,
html>body .ssmenuactivite a, html>body .ssmenuactivite a:visited, html>body .ssmenuactivite a:hover, html>body .ssmenuactivite a:active {
	width:auto;
}

.ssmenuactivite ul:hover, .menuactivite a:hover, .menuactivite a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	color:black;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;
	margin:0px;
	width:100%;
	height:30px;
}
.ssmenuactivite ul:hover, .ssmenuactivite a:hover, .ssmenuactivite a:focus{
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	background: #F5F2EB;
	color:black;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;
	margin:0px;
	width:100%;

}
img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
}

.ssmenuactivite img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:8px;
}
.ssmenuactivite img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1px;
	display:block;
}




.menuenfance, .ssmenuenfance {
	background-color:#F0F0F0;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	font-family:Century-Gothic,Arial,Verdana;
	border:0px solid #CDCDCC;
	padding:0px;
	
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menuenfance {
	text-align:center;
	background: url("pro/enfance.jpg");
	color:#969695;
	height:30px;
}

.menuenfance span, .ssmenuenfance 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;
}
.ssmenuenfance ul,.ssmenuenfance li{
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	text-align: left;
	font-weight:normal;
	list-style-type:none;
	border-bottom: 0px solid #CDCDCC;
	border-right: 0px solid #CDCDCC;
	background: url("pro/menuenfance.jpg");


}
.menuenfance a, .ssmenuenfance a, .menuenfance a:visited, .ssmenuenfance a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#fff;
	padding:2px;
	text-decoration:none;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;

/* Ne pas modifier le block */
	display:block;
/*	Ne pas toucher ces 2 lignes */
	margin:0px;
	width:100%;
}
.ssmenuenfance a, .ssmenuenfance a:visited {
	padding-left:5px;
	

}
html>body .menuenfance a, html>body .menuenfance a:visited, html>body .menuenfance a:hover, html>body .menuenfance a:active,
html>body .ssmenuenfance a, html>body .ssmenuenfance a:visited, html>body .ssmenuenfance a:hover, html>body .ssmenuenfance a:active {
	width:auto;
}

.ssmenuenfance ul:hover, .menuenfance a:hover, .menuenfance a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	color:black;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;
	margin:0px;
	width:100%;
	height:30px;
}
.ssmenuenfance ul:hover, .ssmenuenfance a:hover, .ssmenuenfance a:focus{
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	background: #F5F2EB;
	color:black;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;
	margin:0px;
	width:100%;

}
img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
}

.ssmenuenfance img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:8px;
}
.ssmenuenfance img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1px;
	display:block;
}




.menufamille, .ssmenufamille {
	background-color:#F0F0F0;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	font-family:Century-Gothic,Arial,Verdana;
	border:0px solid #CDCDCC;
	padding:0px;
	
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menufamille {
	text-align:center;
	background: url("pro/famille.jpg");
	color:#969695;
	height:30px;
}

.menufamille span, .ssmenufamille 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;
}
.ssmenufamille ul,.ssmenufamille li{
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	text-align: left;
	font-weight:normal;
	list-style-type:none;
	border-bottom: 0px solid #CDCDCC;
	border-right: 0px solid #CDCDCC;
	background: url("pro/menufamille.jpg");
	
	

}
.menufamille a, .ssmenufamille a, .menufamille a:visited, .ssmenufamille a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#fff;
	padding:2px;
	text-decoration:none;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;

/* Ne pas modifier le block */
	display:block;
/*	Ne pas toucher ces 2 lignes */
	margin:0px;
	width:100%;
}
.ssmenufamille a, .ssmenufamille a:visited {
	padding-left:5px;
	

}
html>body .menufamille a, html>body .menufamille a:visited, html>body .menufamille a:hover, html>body .menufamille a:active,
html>body .ssmenufamille a, html>body .ssmenufamille a:visited, html>body .ssmenufamille a:hover, html>body .ssmenufamille a:active {
	width:auto;
}

.ssmenufamille ul:hover, .menufamille a:hover, .menufamille a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	color:black;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;
	margin:0px;
	width:100%;
	height:30px;
}
.ssmenufamille ul:hover, .ssmenufamille a:hover, .ssmenufamille a:focus{
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	background: #F5F2EB;
	color:black;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;
	margin:0px;
	width:100%;

}
img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
}

.ssmenufamille img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:8px;
}
.ssmenufamille img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1px;
	display:block;
}




.menusolidarite, .ssmenusolidarite{
	background-color:#F0F0F0;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	font-family:Century-Gothic,Arial,Verdana;
	border:0px solid #CDCDCC;
	padding:0px;
	
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menusolidarite{
	text-align:center;
	background: url("pro/solidarite.jpg");
	color:#969695;
	height:30px;
}

.menusolidarite span, .ssmenusolidarite 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;
}
.ssmenusolidarite ul,.ssmenusolidarite li{
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	text-align: left;
	font-weight:normal;
	list-style-type:none;
	border-bottom: 0px solid #CDCDCC;
	border-right: 0px solid #CDCDCC;
	background: url("pro/menusolidarite.jpg");


}
.menusolidarite a, .ssmenusolidarite a, .menusolidarite a:visited, .ssmenusolidarite a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#fff;
	padding:2px;
	text-decoration:none;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;

/* Ne pas modifier le block */
	display:block;
/*	Ne pas toucher ces 2 lignes */
	margin:0px;
	width:100%;
}
.ssmenusolidarite a, .ssmenusolidarite a:visited {
	padding-left:5px;
	

}
html>body .menusolidarite a, html>body .menusolidarite a:visited, html>body .menusolidarite a:hover, html>body .menusolidarite a:active,
html>body .ssmenusolidarite a, html>body .ssmenusolidarite a:visited, html>body .ssmenusolidarite a:hover, html>body .ssmenusolidarite a:active {
	width:auto;
}

.ssmenusolidarite ul:hover, .menusolidarite a:hover, .menusolidarite a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	color:black;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;
	margin:0px;
	width:100%;
	height:30px;
}
.ssmenusolidarite ul:hover, .ssmenusolidarite a:hover, .ssmenusolidarite a:focus{
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	background: #F5F2EB;
	color:black;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;
	margin:0px;
	width:100%;

}
img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
}

.ssmenusolidarite img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:8px;
}
.ssmenusolidarite img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1px;
	display:block;
}




.menucitoyennete, .ssmenucitoyennete {
	background-color:#F0F0F0;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	font-family:Century-Gothic,Arial,Verdana;
	border:0px solid #CDCDCC;
	padding:0px;
	
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menucitoyennete{
	text-align:center;
	background: url("pro/citoyennete.jpg");
	color:#969695;
	height:30px;
}

.menucitoyennete span, .ssmenucitoyennete 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;
}
.ssmenucitoyennete ul,.ssmenucitoyennete li{
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	text-align: left;
	font-weight:normal;
	list-style-type:none;
	border-bottom: 0px solid #CDCDCC;
	border-right: 0px solid #CDCDCC;
	background: url("pro/menucitoyennete.jpg");


}
.menucitoyennete a, .ssmenucitoyennete a, .menucitoyennete a:visited, .ssmenucitoyennete a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#fff;
	padding:2px;
	text-decoration:none;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;

/* Ne pas modifier le block */
	display:block;
/*	Ne pas toucher ces 2 lignes */
	margin:0px;
	width:100%;
}
.ssmenucitoyennete a, .ssmenucitoyennete a:visited {
	padding-left:5px;
	

}
html>body .menucitoyennete a, html>body .menucitoyennete a:visited, html>body .menucitoyennete a:hover, html>body .menucitoyennete a:active,
html>body .ssmenucitoyennete a, html>body .ssmenucitoyennete a:visited, html>body .ssmenucitoyennete a:hover, html>body .ssmenucitoyennete a:active {
	width:auto;
}

.ssmenucitoyennete ul:hover, .menucitoyennete a:hover, .menucitoyennete a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	color:black;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;
	margin:0px;
	width:100%;
	height:30px;
}
.ssmenucitoyennete ul:hover, .ssmenucitoyennete a:hover, .ssmenucitoyennete a:focus{
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	background: #F5F2EB;
	color:black;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;
	margin:0px;
	width:100%;

}
img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
}

.ssmenucitoyennete img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:8px;
}
.ssmenucitoyennete img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1px;
	display:block;
}



.menuasso, .ssmenuasso {
	background-color:#F0F0F0;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	font-family:Century-Gothic,Arial,Verdana;
	border:0px solid #CDCDCC;
	padding:0px;
	
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menuasso{
	text-align:center;
	background: url("pro/vieasso.jpg");
	color:#969695;
	height:30px;
}

.menuasso span, .ssmenuasso 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;
}
.ssmenuasso ul,.ssmenuasso li{
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	text-align: left;
	font-weight:normal;
	list-style-type:none;
	border-bottom: 0px solid #CDCDCC;
	border-right: 0px solid #CDCDCC;
	background: url("pro/menuasso.jpg");


}
.menuasso a, .ssmenuasso a, .menuasso a:visited, .ssmenuasso a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#fff;
	padding:2px;
	text-decoration:none;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;

/* Ne pas modifier le block */
	display:block;
/*	Ne pas toucher ces 2 lignes */
	margin:0px;
	width:100%;
}
.ssmenuasso a, .ssmenuasso a:visited {
	padding-left:5px;
	

}
html>body .menuasso a, html>body .menuasso a:visited, html>body .menuasso a:hover, html>body .menuasso a:active,
html>body .ssmenuasso a, html>body .ssmenuasso a:visited, html>body .ssmenuasso a:hover, html>body .ssmenuasso a:active {
	width:auto;
}

.ssmenuasso ul:hover, .menuasso a:hover, .menuasso a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	
	color:black;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;
	margin:0px;
	width:100%;
	height:30px;
}
.ssmenuasso ul:hover, .ssmenuasso a:hover, .ssmenuasso a:focus{
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	background: #F5F2EB;
	color:black;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;
	margin:0px;
	width:100%;

}
img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
}

.ssmenuasso img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:8px;
}
.ssmenuasso img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1px;
	display:block;
}



.menumanif, .ssmenumanif {
	background-color:#F0F0F0;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	font-family:Century-Gothic,Arial,Verdana;
	border:0px solid #CDCDCC;
	padding:0px;
	
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menumanif{
	text-align:center;
	background: url("pro/manifestation.jpg");
	color:#969695;
	height:30px;
	width:120px;
}

.menumanif span, .ssmenumanif 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;
}
.ssmenumanif ul,.ssmenumanif li{
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	text-align: left;
	font-weight:normal;
	list-style-type:none;
	border-bottom: 0px solid #CDCDCC;
	border-right: 0px solid #CDCDCC;
	background: url("pro/menumanif.jpg");


}
.menumanif a, .ssmenumanif a, .menumanif a:visited, .ssmenumanif a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#fff;
	padding:2px;
	text-decoration:none;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;

/* Ne pas modifier le block */
	display:block;
/*	Ne pas toucher ces 2 lignes */
	margin:0px;
	width:100%;
}
.ssmenumanif a, .ssmenumanif a:visited {
	padding-left:5px;
	

}
html>body .menumanif a, html>body .menumanif a:visited, html>body .menumanif a:hover, html>body .menumanif a:active,
html>body .ssmenumanif a, html>body .ssmenumanif a:visited, html>body .ssmenumanif a:hover, html>body .ssmenumanif a:active {
	width:auto;
}

.ssmenumanif ul:hover, .menumanif a:hover, .menumanif a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	color:black;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;
	margin:0px;
	width:100%;
	height:30px;
}
.ssmenumanif ul:hover, .ssmenumanif a:hover, .ssmenumanif a:focus{
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	background: #F5F2EB;
	color:black;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	font-family:"Century Gothic",Arial,Verdana;
	margin:0px;
	width:100%;

}
img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
}

.ssmenumanif img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:8px;
}
.ssmenumanif img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1px;
	display:block;
}