/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu */
	.menu, .ssmenu {
		visibility:hidden;
	}
}

body {
	margin: 0; 
	padding: 0; 
	font-family:Verdana;
	color:black;
	background:#30316A;
}
/*
pre {
	margin-left:40px;
	margin-right:50px;
	border: 1px inset #a1a4b2;
	padding: 6px;
	background: #e1e4f2;
	color: #000;
	font-family:Arial;
}
*/
h3 {
	font-style:italic;
}
.menu, .ssmenu {
/* laisser une largeur et une marge, au cas où le Javascript est désactivé. */
	background-color:#C1C1C1;
	color:white;
	font-size:13px;
	font-weight:normal;
	border:0px;
	padding:1px;
	width:150px;
	margin:1em;
}
.menu {
	text-align:center;
}
.ssmenu {
	text-align:left;
}

.menu span, .ssmenu span {
/* pour cacher les ; en fin de <li> */
	display:none;
}

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

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	font-family:Verdana;
	text-decoration:none;
	color:white;
	padding:4px 3px;
	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.
	*/
	border:0px;
	background-color:#858585;
	color:white;
	text-decoration:none;
	padding:4px 3px;
}

img {
	border:none;
}

.ssmenu img {
	/* marge pour mettre des icônes de 16x16 pixels*/
	margin-right:8px;
}

.ssmenu img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1;
	display:block;
}

body {  font-family: Arial, Helvetica, sans-serif;}
td {  font-size: 12px }
.bigG {  font-size: 18px; font-weight: lighter; color: #29A241}
.smallGray {  font-size: 9px; color: #808080}
.txt0 { font-family: Arial, fantasy; font-size: 8pt; text-decoration:none;}

.shout { font-family: Arial, fantasy; font-size: 10pt; text-decoration:none;}


A.txt0:link, A.txt0:active, A.txt0:visited { font-family: Arial, fantasy; font-size: 8pt; color: #6699FF; text-decoration: none; }
A.txt0:hover { font-family: Arial, fantasy; font-size: 8pt; color: #1133FF; text-decoration: none; }


A.normal:link, A.normal:active, A.normal:visited {color: #6699FF; text-decoration: none; }
A.normal:hover { color: #1133FF; text-decoration: none; }


.cadre { padding:7 px; border:solid 1px #CBD1D3; background-color:white; 
	background-position: bottom left;background-repeat:no-repeat; margin-left:40px;margin-right:40px; margin-top:20px; 
	margin-bottom:20px;}

.cadre2 { padding:7 px; border:solid 1px #CBD1D3; background-color: #F0F4F3; 
	background-position: bottom left;background-repeat:no-repeat; margin-left:40px;margin-right:40px; margin-top:20px; 
	margin-bottom:20px;}