@media screen {
html, body {
height : 100%;
width : auto;
border : 0;
overflow : auto;
}
body {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
margin : 0;
padding : 0;
background-color : #9999cc;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 0px;
margin-left : 0px;
padding-right : 2px;
font-style : normal;
font-weight : 100;
color : #000099;
text-align : justify;
}
.menu {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 138px;
	/* height : 917px; */      
	height : 100%;
	background-color : #99cccc;
	border-right : 1px solid black;
	max-width: 138px;
	margin-left: 0px;
	font-family: "Comic Sans MS";
	font-size: 12px;
	color: #000099;
	text-align: center;
	overflow: visible;
     /* overflow-x:hidden ; */
     /* overflow:-moz-scrollbars-vertical; */
     /* overflow: scroll; */
     /* overflow: auto; */ 
     /* overflow-y:scroll; */
     /* overflow-x:hidden; */
}
.menu-texte {	
left: 5px;    /* La gauche du menu est à 0 pixels du bas de l'écran */
width: 129px; /* largeur du menu = 98% de l'écran */ 
height: 18px; /* hauteur du menu = 20 pixels */
background-color : red;  /* la couleur du menu */
border-top: solid black 1px; 
font-style: normal;
font-weight: normal; 
text-align: center; 
font-family: "Comic Sans MS"; 
font-size: 9pt; 
color: #000099; 
position: absolute; /* position du menu = par rapport à la boite parent (ici le body) */
bottom: 5px; /* Le bas du menu est à 0 pixels du bas de l'écran */
}
.ascmj-texte {
	bottom: 412px; /* Le bas du menu est à 0 pixels du bas de l'écran */
	left: 8px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	font-family: "Comic Sans MS";
	font-size: 12pt;
	color: #000099;
	text-align: center;
	position: absolute;
	height: 25px;
	border: 0;
}        

#fix[id] {
	position : fixed;
	margin-left: 0px;
	height: 100%;
	background-color: #99cccc;
	width: 152px;
	max-width: 152px;         
} 
 
body > .menu { 
position : fixed;
margin-left: 0px;
} 

.menu a:hover {
text-decoration : none;
background : none;
background-color : #00cc99;
}
}
#icone a.bouton {
display : block;
border : 0;
vertical-align : middle;
background : url("icone.jpg") no-repeat 0 0;
}
#icone a:hover.bouton {
background-position : 0 0;
}
ul#menu {
margin : 0;
padding : 0;
list-style-type : none;
}
ul#menu li {
margin : 0 0 1px 0;
padding : 0;
}
ul#menu li a {
display : block;
width : 170px;
line-height : 30px;
margin-left : 35px;
color : #000;
text-indent : 40px;
text-decoration : none;
background : url(Bouton-Type-vide-sans-texte.gif) no-repeat 0 0;
border : 1px solid #dbd;
}
ul#menu li a:hover {
background : url(Bouton-Type-vide-sans-texte.gif) no-repeat 0 -30px;
margin-left : 10px;
border-right : 1px solid black;
}
.titre {
font-weight : bolder;
font-size : 26pt;
font-style : italic;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
color : #339933;
margin-left : 144px;
}
.sous-titre {
	font-weight : bold;
	font-size : 12pt;
	font-family : Arial, Helvetica, sans-serif;
	color : #330099;
	margin-left : 144px;
	overflow : auto;
}
.ligne-en-tete {
	font-size : 16pt;
	margin : 0;
	color : #000000;
	font-family : "Comic sans MS";
	font-weight : bold;
	margin-left : 144px;
	overflow: auto;
}
.contenu {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	margin : 0;
	margin-top : 0px;
	margin-right : 0px;
	margin-bottom : 0;
	margin-left : 144px;
	font-style : normal;
	font-weight : 100;
	color : #000099;
	line-height : 1.4em;
	text-align : justify;
	overflow : auto;
	/* overflow-x:hidden; */
width : auto;
	padding-right: 4px;
}
.logo {
margin-left : 144px;
margin-top : 0px;
}
.logo-texte {
font-family : Coronet;
font-weight : bold;
font-size : 46px;
color : #ffff00;
margin-left : 0;
}

.img-ASCMJ {
	vertical-align : top;
	margin-left: 144px;
}
.images {
font-family : Coronet;
font-weight : bold;
font-size : 46px;
color : #ffff00;
margin-left : 0;
}
.liens a:link {
color : #000099;
text-decoration : underline;
background-color : transparent;
}
a:visited {
color : #551a8b;
text-decoration : underline;
background-color : transparent;
}
a:hover {
color : #ffffff;
text-decoration : underline;
background-color : transparent;
}
a:active {
color : #ff0000;
text-decoration : underline;
background-color : transparent;
}
.header {
font-family : Arial;
font-size : 14pt;
color : #ffff00;
font-weight : bold;
background : #003366;
padding : 5px;
background-color : #9999cc;
margin-left : 0px;
}
.tableau {
margin-left : 0px;
}
.puces-listes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin-left: 144px;
}
.logo-menu-gauche {
	top: 320px;
	position: absolute;
	left: 0px;
}
.balance-menu-gauche {
	top: 480px;
	position: absolute;
	left: 40px;
}
.texte-ASCMJ {
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000099;
	text-decoration: none;
	left: 42px;
	position: absolute;
	text-align: center;
	top: 420px;
}