@media screen 
{
html {
font-size : 100%;
}
body {
margin : 0;
padding : 10px 20px;
font-family : Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-size : 0.8em;
line-height : 1.25;
color : #000099;
background-color : #145836;
}
h1, h2, h3, h4, h5, h6 {
margin : 1em 0 0.5em 0;
}
h1, h2 {
font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
font-weight : normal;
}
h1 {
font-size : 3em;
font-style : italic;
}
h2 {
font-size : 1.8em;
}
h3 {
font-size : 1.2em;
}
h4 {
font-size : 1em;
}
ul, ol {
margin : 0.75em 0 0.75em 24px;
padding : 0;
}
ul {
list-style : square;
}
li {
margin : 0;
padding : 0;
}
p {
margin : 0.75em 0;
}
li p, blockquote p {
margin : 0.5em 0;
}
blockquote, q {
font-size : 1.1em;
font-style : italic;
font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
margin : 0.75em 0 0.75em 24px;
}
cite {
font-style : italic;
}
a {
color : #000099;
}
.liens a:link {
color : #000099;
text-decoration : underline;
background-color : transparent;
font-weight : bold;
}
a:visited {
color : #551a8b;
text-decoration : underline;
background-color : transparent;
}
a:hover, a:focus {
color : #ffffff;
text-decoration : underline;
background-color : transparent;
}
a:active {
color : #ff0000;
text-decoration : underline;
background-color : transparent;
}
em {
font-style : italic;
}
strong {
font-weight : bold;
color : #000099;
}
pre, code {
font-size : 100%;
font-family : "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}
pre {
width : 90%;
overflow : auto;
margin : 0.75em 0;
padding : 12px;
background : #9999cc;
color : #000099;
}
pre strong {
font-weight : bold;
color : #000099;
}
body {
padding : 30px 50px 30px 50px;
}
#global {
color : #000099;
background : #9999cc;
width : 100%;
overflow : hidden;
background-color : #9999cc;
}
#navigation {
background : #99cccc;
width : 11em;
float : left;
background-color : #99cccc;
height : 74em;
}
#navigation ul {
margin : 0;
padding : 20px 10px;
list-style : none;
}
#navigation a {
color : #000099;
display : block;
height : 1%;
padding : 6px 6px 6px 0;
line-height : 1.5;
font-size : 0.9em;
text-decoration : none;
}
#navigation a:hover, #navigation a:focus {
background : transparent;
}
#contenu {
margin-left : 10em;
color : #000099;
background-color : #9999cc;
font-family : Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-size : 1em;
text-align : justify;
padding : 10px 20px;
}
#contenu > :first-child {
margin-top : 10px;
}
#contenu p, #contenu li {
line-height : 1.5;
}
#contenu a {
color : #000099;
}
#contenu a:hover, #contenu a:focus {
color : #ffffff;
}
#contenu strong {
font-weight : bold;
color : #000099;
}
.menu-texte {
left : 4.5em;
width : 11.2em;
height : 1.6em;
background-color : red;
border-top : 1px solid black;
font-style : normal;
font-weight : normal;
text-align : center;
font-family : "Comic Sans MS";
font-size : 9pt;
color : #000099;
position : absolute;
top : 78.7em;
}
.ascmj-texte {
bottom : 20em;
left : 5.8em;
font-style : normal;
font-weight : bold;
text-align : center;
font-family : "Comic Sans MS";
font-size : 12pt;
color : #333333;
position : absolute;
height : 1em;
border : 0;
}
.titre {
font-weight : bolder;
font-size : 26pt;
font-style : italic;
font-family : Arial, Helvetica, sans-serif;
color : #339933;
}
.sous-titre {
font-weight : bold;
font-size : 12pt;
font-family : Arial, Helvetica, sans-serif;
color : #330099;
}
.ligne-en-tete {
font-size : 16pt;
color : #000000;
font-family : "Comic sans MS";
font-weight : bold;
}
.prestation-jaune {
font-size : 12pt;
color : #ffff00;
font-style : italic;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
}
.logo {
	margin-left : 0%;
	margin-top : 0;
	background-color : #9999cc;
}
.tableau {
margin-left : 0;
margin-top : 0;
}
.puces-listes {
font-family : Arial, Helvetica, sans-serif;
font-size : 9pt;
margin-left : 144px;
}
.logo-menu-gauche {
top : 32em;
position : absolute;
left : 4em;
}
.balance-menu-gauche {
top : 48em;
position : absolute;
left : 6.8em;
}
.lune-menu-gauche {
top : 63em;
position : absolute;
left : 7.4em;
text-align : center;
font-family : "Comic Sans MS";
}
.texte-ASCMJ {
	font-size : 1.6em;
	font-style : normal;
	font-weight : bold;
	text-decoration : none;
	left : 1.5em;
	text-align : center;
	width : 1.8em;
	position : absolute;
	top: 6.7em;
}
.rainbowbar {
top : 30.7em;
width : 10.8em;
height : 1px;
position : absolute;
left : 4em;
text-align : center;
}
.header {
font-family : Arial;
font-size : 14pt;
color : #ffff00;
font-weight : bold;
background : #003366;
padding : 5px;
background-color : #9999cc;
margin-left : 0;
}
} 
.logo-hidden {
	display: none;
}