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

.menu, .ssmenu {
	background-color:#7100AB;
	color:#8A17CC;
	font-size:12px;
	font-family:"MS Sans Serif", "sans-serif";
	font-weight:bold;
	border:1px solid #7100AB;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:0px;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align:center;
}
/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.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=75);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffffff,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);

	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#555B2B,endColorStr=#FFFFFF);
	white-space : no-break;*/
}

.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 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;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. 12310C*/
	color:#DDDDDD;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	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, .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-color:#A200F9;
	color:#FFFFFF;
	text-decoration:none;
}

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

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

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


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

.menu0, .ssmenu0 {
	background-color:#7100AB;
	color:white;
	font-size:12px;
	font-weight:bold;
	font-family:"MS Sans Serif", "sans-serif";
	border:1px solid #7100AB;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu0 = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu0 {
	text-align:center;
}
/* .ssmenu0 = Les parties "déroulantes" qui s'affiche au survol d'un .menu2 */
.ssmenu0 {
/* 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=75);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);
	*/
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#555B2B,endColorStr=#979836);
	white-space : no-break;
}

.menu0 span, .ssmenu0 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;
}

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

.menu0 a, .ssmenu0 a, .menu0 a:visited, .ssmenu0 a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#FEFFD2;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}
html>body .menu0 a, html>body .menu0 a:visited, html>body .menu0 a:hover, html>body .menu0 a:active,
html>body .ssmenu0 a, html>body .ssmenu0 a:visited, html>body .ssmenu0 a:hover, html>body .ssmenu0 a:active {
	width:auto;
}

.ssmenu0 ul:hover, .ssmenu0 a:hover, .ssmenu0 a:focus, .menu0 a:hover, .menu0 a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color:#A200F9;
	color:555B2B;
	text-decoration:none;
	
}



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

.menu2, .ssmenu2 {
	background-color:#7100AB;
	color:white;
	font-size:12px;
	font-weight:bold;
	font-family:"MS Sans Serif", "sans-serif";
	border:1px solid #7100AB;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu2 = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu2 {
	text-align:center;
}
/* .ssmenu2 = Les parties "déroulantes" qui s'affiche au survol d'un .menu2 */
.ssmenu2 {
	white-space : no-break;
	background-color: #7100AB;
}

.menu2 span, .ssmenu2 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;
}

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

.menu2 a, .ssmenu2 a, .menu2 a:visited, .ssmenu2 a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#DDDDDD;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}
html>body .menu2 a, html>body .menu2 a:visited, html>body .menu2 a:hover, html>body .menu2 a:active,
html>body .ssmenu2 a, html>body .ssmenu2 a:visited, html>body .ssmenu2 a:hover, html>body .ssmenu2 a:active {
	width:auto;
}

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


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

.menu3, .ssmenu3 {
	background-color:#7100AB;
	color:#6C397C;
	font-size:12px;
	font-weight:bold;
	font-family:"MS Sans Serif", "sans-serif";
	border:1px solid #7100AB;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu3 = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu3 {
	text-align:center;
}
/* .ssmenu3 = Les parties "déroulantes" qui s'affiche au survol d'un .menu3 */
.ssmenu3 {
	white-space : no-break;
	background-color:#DAF10A;
	border:1px solid #DAF10A;
}

.menu3 span, .ssmenu3 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;
}

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

.menu3 a,.menu3 a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#DDDDDD;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}


.ssmenu3 a, .ssmenu3 a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#6C397C;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}



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

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

.menu4, .ssmenu4 {
	background-color:#7100AB;
	color:#6C397C;
	font-size:12px;
	font-weight:bold;
	font-family:"MS Sans Serif", "sans-serif";
	border:1px solid #7100AB;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu4 = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu4 {
	text-align:center;
}
/* .ssmenu4 = Les parties "déroulantes" qui s'affiche au survol d'un .menu4 */
.ssmenu4 {
/* 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=75);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#555B2B,endColorStr=#979836);*/
	white-space : no-break;
	background-color:#F262E5;
	border:1px solid #F262E5;
}

.menu4 span, .ssmenu4 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;
}

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

.menu4 a,.menu4 a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#DDDDDD;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}


.ssmenu4 a, .ssmenu4 a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#6C397C;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}
html>body .menu4 a, html>body .menu4 a:visited, html>body .menu4 a:hover, html>body .menu4 a:active,
html>body .ssmenu4 a, html>body .ssmenu4 a:visited, html>body .ssmenu4 a:hover, html>body .ssmenu4 a:active {
	width:auto;
}

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


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

.menu5, .ssmenu5 {
	background-color:#7100AB;
	color:#6C397C;
	font-size:12px;
	font-weight:bold;
	font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
	border:1px solid #7100AB;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu5 = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu5 {
	text-align:center;
}
/* .ssmenu5 = Les parties "déroulantes" qui s'affiche au survol d'un .menu5 */
.ssmenu5 {
/* 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=75);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);
	
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#555B2B,endColorStr=#979836);
	*/
	white-space : no-break;
	background-color: #FEC02E;
	border:1px solid #FEC02E;

}

.menu5 span, .ssmenu5 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;
}

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

.menu5 a,.menu5 a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#DDDDDD;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}


.ssmenu5 a, .ssmenu5 a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#6C397C;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}html>body .menu5 a, html>body .menu5 a:visited, html>body .menu5 a:hover, html>body .menu5 a:active,
html>body .ssmenu5 a, html>body .ssmenu5 a:visited, html>body .ssmenu5 a:hover, html>body .ssmenu5 a:active {
	width:auto;
}

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

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

.menu6, .ssmenu6 {
	background-color:#7100AB;
	color:#6C397C;
	font-size:12px;
	font-weight:bold;
	font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
	border:1px solid #7100AB;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu6 = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu6 {
	text-align:center;
}
/* .ssmenu6 = Les parties "déroulantes" qui s'affiche au survol d'un .menu6 */
.ssmenu6 {
/* 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=75);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);

	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#555B2B,endColorStr=#979836);
	*/
	white-space : no-break;
	background-color:#08BBE4;
	border:1px solid #08BBE4;
}

.menu6 span, .ssmenu6 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;
}

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

.menu6 a, .ssmenu6 a, .menu6 a:visited, .ssmenu6 a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#DDDDDD;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}
html>body .menu6 a, html>body .menu6 a:visited, html>body .menu6 a:hover, html>body .menu6 a:active,
html>body .ssmenu6 a, html>body .ssmenu6 a:visited, html>body .ssmenu6 a:hover, html>body .ssmenu6 a:active {
	width:auto;
}

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

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

.menu7, .ssmenu7 {
	background-color:#7100AB;
	color:#6C397C;
	font-size:12px;
	font-weight:bold;
	font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
	border:1px solid #7100AB;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu7 = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu7 {
	text-align:center;
}
/* .ssmenu7 = Les parties "déroulantes" qui s'affiche au survol d'un .menu7 */
.ssmenu7 {
/* 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=75);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);
	*/
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#555B2B,endColorStr=#979836);
	white-space : no-break;
}

.menu7 span, .ssmenu7 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;
}

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

.menu7 a, .ssmenu7 a, .menu7 a:visited, .ssmenu7 a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#DDDDDD;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}
html>body .menu7 a, html>body .menu7 a:visited, html>body .menu7 a:hover, html>body .menu7 a:active,
html>body .ssmenu7 a, html>body .ssmenu7 a:visited, html>body .ssmenu7 a:hover, html>body .ssmenu7 a:active {
	width:auto;
}

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

#pscroller1{
width: 200px;
height: 160px;
border: 1px solid #4E5234;
padding: 5px;
background-color: #F4F74C;
color: #000000;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid #4E5234;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}