H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #003366;
}
H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7AC142;
}
H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003366;
}
H4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7AC142;
}
a {
	font-family: Verdana, sans-serif;
	text-decoration: none;
	color: rgb(0, 0, 153);
	background: rgb(255,255,255);
 }
a:hover {
	font-family: Verdana, sans-serif;
	text-decoration: underline;
	color: rgb(0, 96, 255);
	background: rgb(220,220,220);
 }

a.petit {
	font-family: Verdana, sans-serif;
	font-size: 7pt;
	text-decoration: none;
	font-weight: none;
	color: rgb(0, 0, 153);
	background: rgb(255,255,255);
 }
a.petit:hover {
	font-family: Verdana, sans-serif;
	font-size: 7pt;
	text-decoration: underline;
	color: rgb(0, 96, 255);
	background: rgb(220,220,220);
 }

P {
	font-family: Verdana, sans-serif;
	font-size: 10pt;
}

P.fort {
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	color: rgb(30, 96, 255);
}
P.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #003366;
}

p.petit {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 8pt;
}

p.petit-highlight-yellow {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	color:white;
	background-color:blue;
}

p.petit-highlight-red {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	background-color:red;
	color:white;
}


p.trespetit {
	font-family: Arial, sans-serif;
	font-size: 7pt;
}

p.grand {
	font-family: Arial, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: gray;
}

p.moyen {
	font-family: Arial, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: gray;
}

p.comment {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: gray;
}

p.menu-1 {
	font-size:12pt;
	color:black;
#	border-top: 1px dashed #003366;
#	border-right: 1px dashed #003366;

}

p.menu-2 {
#	border-top: 1px dashed #003366;
#	border-right: 1px dashed #003366;
	color:blue;	
	background-color:white;
	font-size:12pt;
}

p.question {
	border-bottom: 1px dashed #000;
	font-family: Arial, sans-serif;
	font-size: 14pt;
	color: navy;
	margin-left:10px;
	margin-right:15px;
	font-weight: bold;
}

p.note {
	border: #777777 2px solid; 
	padding: 0.5em;
	
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: black;
	margin-left: 100px;
	margin-right: 150px;
	background-color: yellow;
}


p.note-wakame {
	border: #777777 2px solid; 
	padding: 0.5em;	
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: black;
	margin-left: 10px;
	margin-right: 10px;
	background-color: yellow;
}

p.note-img {
	margin-left: 150px;
	margin-right: 200px;
}


p.texte {
	font-family: Arial, sans-serif;
	font-size: 12pt;
	color: black;
}
Li.fort {
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	color: rgb(160, 96, 255);
}


ul#navlist
{
font-family: sans-serif;
font-size:12pt;
}

ul#navlist a
{
font-weight: bold;
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { float: left; }

ul#navlist li a
{
color: #77ad64;
padding: 3px;
border: 1px #ffffff outset;
}

ul#navlist li a:hover
{
color: #4bad58;
text-decoration: underline;
}

ul#navlist li a:active
{
color: #cccccc;
border: 1px #ffffff inset;
}

ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 5px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 20em;
border: none;
padding: 1px;
}

ul#navlist li:hover ul#subnavlist li a:before { content: " => "; }

#leftBox
{
	width:120px; /* -padding! */
//	height:213px; /* -padding! */
	background-color:yellow;
	background-repeat:no-repeat;
	margin-left:0px;
	float:left;
	padding-left:2px;
	padding-top:2px;
	padding-bottom:2px;
	color:gray;
}

#leftBox2{
        width:200px; /* -padding! */
//      height:213px; /* -padding! */
        background-color:yellow;
        background-repeat:no-repeat;
        margin-left:0px;
        float:left;
        padding-left:2px;
        padding-top:2px; 
        padding-bottom:2px;
        color:black;
}


#middleBox{
//	min-height:800px;
//	_height:800px;
	width:600px;
	margin-top:0px;
//	margin-left:8px;
	float:left;

}

#top-left{
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
//	background-image: url(../background.gif);
}

#top-middle{
	position:absolute;
	left:100px;
	top:0px;
	width:800px;
	height:100px;
	background:#FFFFFF;
}

#top-middle-a{
	position:absolute;
	left:100px;
	top:0px;
	width:250px;
	height:100px;
	background:#FFFFFF;
}

#top-middle-b{
	position:absolute;
	left:350px;
	top:0px;
	width:550px;
	height:100px;
	background:#FFFFFF;
}

#top-middle p.grand {
	font-family: Arial, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: gray;
}

#top-middle p.petit {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
}

#top-right{
	position:absolute;
	left:900px;
	top:0px;
	width:100px;
	height:100px;
//	background-image: url(../background.gif);
}

#center-left{
	position:absolute;
	left:0px;
	top:150px;
	width:100px;
	height:auto;
//	background-image: url(../background.gif);
}


#center-middle{
	position:absolute;
	left:100px;
	top:150px;
	width:800px;
	height:auto;
//	background-image: url(../background.gif);
}



#center-right{
	position:absolute;
	left:900px;
	top:150px;
	width:100px;
	height:auto;
//	background-image: url(../background.gif);
}