body {
background-color: #cc0000; 
font-family: arial, helvetica, sans-serif; color: #000066; 
margin-left : 0px;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 0px;
scrollbar-face-color: #000066;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #cc0000;
scrollbar-arrow-color: #ffffff;
}
body.bleu { background-color: #000066; 
scrollbar-face-color: #000066;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #cc0000;
scrollbar-arrow-color: #ffffff;
}
body.rouge { background-color: #cc0000; 
scrollbar-face-color: #000066;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #cc0000;
scrollbar-arrow-color: #ffffff;
}
img, a img {
border: 0;
}
a:link { color: #ff9900; text-decoration: none}
a:visited {	color: #ff9900; text-decoration: none}
a:hover { color: #cc0000;  background-color: #ffcc00; text-decoration: underline overline}
ul {margin-left: 15px; padding-left: 0px; list-style-type:none;}
#menudroit ul, #menudroit li {
margin: 0px;
}
ol {margin-left: 30px; padding-left: 0px;}
.ul_dec {margin-left: 30px; padding-left: 0px; list-style-type:decimal;}
.ul_img {margin-left: 30px; padding-left: 0px; list-style-image:url(/img/fd.gif);}
/*li {
font-family:verdana, sans-serif;
font-size:10px;
color:#000066;
background-color:#cc0000;
text-align:left;
margin-left:10px;
margin-right:180px;
}*/
h4 {
padding-right:10px;
text-align:right;
}
.d{
padding-right:10px;
text-align:right;
}
.enbloc a {
  display: block;
  margin: 0 2em;
}
.enbloc span {
  visibility: hidden
}
#stats {margin-bottom:10px}
#stats td {font-size:70%; text-align:center}
.tabroug { font-family: arial, helvetica, sans-serif; font-size: 12px; background-color: #cc0000; color: 
#ffffff;}
.tabbleu { font-family: arial, helvetica, sans-serif; font-size: 12px; background-color: #000066; color: 
#ffffff;}	
.tabfont { font-family: arial, helvetica, sans-serif; font-size: 12px}
.tabfont01 { font-family: arial, helvetica, sans-serif; font-size: 10px}
.tabfont-2 { font-family: arial, helvetica, sans-serif; font-size: 9px}
.tabbleu-2 { font-family: arial, helvetica, sans-serif; font-size: 9px; background-color: #000066; color: 
#ffffff;}
.tabroug-2 { font-family: arial, helvetica, sans-serif; font-size: 10px; background-color: #cc0000;	color: 
#ffffff;}	
.tabftbleu { font-family: arial, helvetica, sans-serif;	color: #ffffff;	font-size: 12px; background-color: 
#000066;}
.tabftbleu10 { font-family: arial, helvetica, sans-serif; color: #ffffff; font-size: 10px; background-color: #
000066;}
.tabftrouge { font-family: arial, helvetica, sans-serif; color: #ffffff; font-size: 12px; background-color: 
#cc0000;}
.tabftrouge10 {	font-family: arial, helvetica, sans-serif; color: #ffffff; font-size: 10px;	background-
color: #cc0000;}
.justifier {  text-align: justify; font-size: 10px; font-family: arial, helvetica, sans-serif}
.justifier9 {  text-align: justify; font-size: 9px; font-family: arial, helvetica, sans-serif}
.edito { font-family : verdana, arial, helvetica, sans-serif; font-size : 10px; font-style: italic; font-weight: 
bold; 
color: #336699; 
border-bottom-width : 1px; 
border-bottom-style : solid; 
border-left-width : 3px; 
border-color : #cc0000; 
border-left-style : solid; 
padding-left : 3px;
/*<a href="#haut"><img src="/img/flechehaut.gif" alt=" haut de page " border="0" align="right"></a>; */
}
.editob {  font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-style: italic; font-weight: 
bold; color: #336699}
.editor {  font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-style: italic; font-weight: 
bold; color: #cc0000}
.souligne { text-decoration: line-through}
.justifier10 { text-align: justify; font-size: 10px; font-family: arial, helvetica, sans-serif;}
.justifier12 { text-align: justify; font-size: 12px; font-family: arial, helvetica, sans-serif;}
.titre1 {  font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; font-style: 
normal}
.titre1i { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-style: italic; font-weight: 
bold;}
.titre1r {  font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; font-style: 
normal; color: #cc0000}
.titre1ri { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;  font-style: 
italic; color: #cc0000}
.titre2 { font-family: verdana, arial, helvetica, sans-serif;	font-size: 10px; font-style: normal; font-
weight: bold;	}
.titre2r{  font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: 
bold; color: #cc0000}
.titre3 {  font-family: arial, helvetica, sans-serif; font-size: 14px; text-align: center; font-weight: bold}
.titre3r{  font-family: arial, helvetica, sans-serif; font-size: 14px; text-align: center; font-weight: normal; 
color: #cc0000}
.titre4 { font-family: arial, helvetica, sans-serif; font-size: 13px; text-align: center; font-weight: normal; 
font-variant: normal;}
.titre4m { font-family: arial, helvetica, sans-serif; font-size: 14px; text-align: center;	font-weight: 
bold; font-variant: small-caps; letter-spacing: 0.2em;}
.titre4mr { font-family: arial, helvetica, sans-serif; font-size: 14px; text-align: center;	font-weight: 
bold; font-variant: small-caps; letter-spacing: 0.2em; color: #cc0000}
.mder { font-family: arial, helvetica, sans-serif; font-size: 8px; color: #ffffff; background-color: #cc0000}
.mder1 { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #ffffff; background-color: #cc0000}
.mder2 { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #ffffff; background-color: #cc0000}
.mderbleu {  font-family: arial, helvetica, sans-serif; font-size: 8px; color: #ffffff; background-color: #
000066}
.mderbleu1 {  font-family: arial, helvetica, sans-serif; font-size: 10px; color: #ffffff; background-color: #
000066}
.mderbleu2 {  font-family: arial, helvetica, sans-serif; font-size: 12px; color: #ffffff; background-color: #
000066}
input.saisie {
    background-color : #ff9900;
    border-bottom : 1px solid #ffffff;
    border-left : 1px solid #ffffff;
    border-right : 1px solid #ffffff;
    border-top : 1px solid #ffffff;
    color : #ffffff;
    font-size : 11px;
    font-weight : bold;
    font-family : arial, serif;
}

input.saisieroug {
    background-color : #cc0000;
    border-bottom : 1px solid #ffffff;
    border-left : 1px solid #ffffff;
    border-right : 1px solid #ffffff;
    border-top : 1px solid #ffffff;
    color : #ffffff;
    font-size : 11px;
    font-weight : bold;
    font-family : arial, serif;
}
input.saisiebleu {
    background-color : #000066;
    border-bottom : 1px solid #ffffff;
    border-left : 1px solid #ffffff;
    border-right : 1px solid #ffffff;
    border-top : 1px solid #ffffff;
    color : #ffffff;
    font-size : 11px;
    font-weight : bold;
    font-family : arial, serif;
}

.menublanc:visited {
	color: #ffffff;	text-decoration: none; font-size: 12px; font-weight: normal;
}
.menublanc:link {
	color: #ffffff;	text-decoration: none; font-size: 12px;	font-weight: normal;
}
.menublanc:hover {
	color: #000066;	text-decoration: underline overline; font-size: 12px; font-weight: normal;
}
.menublanc:active {
	color: #ff9900;	text-decoration: underline overline; font-size: 12px;	font-weight: normal;
}

.menun:visited {
	 color: #666666; font-family: arial, helvetica, sans-serif; font-size: 10px; text-decoration: none
}
.menun:link {
	 color: #666666; font-family: arial, helvetica, sans-serif; font-size: 10px; text-decoration: none
}
.menun:hover {
	 color: #000000; font-family: arial, helvetica, sans-serif;  font-size: 10px; background-color: #ffcc00; 
text-decoration: underline overline
}
.menun:active {
	 color: #666666; font-family: arial, helvetica, sans-serif; font-size: 10px; text-decoration: underline 
overline
}

.menuht:visited {
	 font-size: 12px; color: #ffffff; font-family: verdana, arial, helvetica; text-decoration: none
}
.menuht:link {
	 font-size: 12px; color: #ffffff; font-family: verdana, arial, helvetica; text-decoration: none
}
.menuht:hover {
	 font-size: 12px; color: #000066; font-family: verdana, arial, helvetica;  background-color: #ffcc00;
}
.menuht:active {
	 font-size: 12px; color: #ffffff; font-family: verdana, arial, helvetica; text-decoration: none
}

.menuimg:visited {
	 font-size: 12px; color: #000066; font-family: verdana, arial, helvetica; text-decoration: none
}
.menuimg:link {
	 font-size: 12px; color: #000066; font-family: verdana, arial, helvetica; text-decoration: none
}
.menuimg:hover {
	 font-size: 12px; color: #000066; font-family: verdana, arial, helvetica; text-decoration: underline 
overline
}
.menuimg:active {
	 font-size: 12px; color: #000066; font-family: verdana, arial, helvetica; text-decoration: none
}

.lienvictoire:visited {
	 font-size: 10px; color: #6699cc; font-family: verdana, arial, helvetica; font-weight : bold; text-
decoration: underline
}
.lienvictoire:link {
	 font-size: 10px; color: #0066cc; font-family: verdana, arial, helvetica; font-weight : bold; text-
decoration: none
}
.lienvictoire:hover {
	 font-size: 10px; color: #0066cc; font-family: verdana, arial, helvetica; font-weight : bold; text-
decoration: underline overline
}
.lienvictoire:active {
	 font-size: 10px; color: #0066cc; font-family: verdana, arial, helvetica; font-weight : bold; text-
decoration: none
}

.liendefaite:visited {
	 font-size: 10px; color: #cc3300; font-family: verdana, arial, helvetica; font-weight : bold; text-
decoration: underline
}
.liendefaite:link {
	 font-size: 10px; color: #cc0000; font-family: verdana, arial, helvetica; font-weight : bold; text-
decoration: none
}
.liendefaite:hover {
	 font-size: 10px; color: #cc0000; font-family: verdana, arial, helvetica; font-weight : bold; text-
decoration: underline overline
}
.liendefaite:active {
	 font-size: 10px; color: #cc0000; font-family: verdana, arial, helvetica; font-weight : bold; text-
decoration: none
}

.lienpromo:visited {
	 font-size: 12px; color: #ff0000; font-family: verdana, arial, helvetica; font-weight : bold; text-
decoration: underline
}
.lienpromo:link {
	 font-size: 12px; color: #ff0000; font-family: verdana, arial, helvetica; font-weight : bold; text-
decoration: none
}
.lienpromo:hover {
	 font-size: 12px; color: #ff0000; font-family: verdana, arial, helvetica; font-weight : bold; text-
decoration: underline overline
}
.lienpromo:active {
	 font-size: 12px; color: #ff0000; font-family: verdana, arial, helvetica; font-weight : bold; text-
decoration: none
}

.lienff9900:visited {
	 font-size: 10px; color: #ff9900; font-family: verdana, arial, helvetica; font-weight : bold; text-
decoration: none
}
.lienff9900:link {
	 font-size: 10px; color: #ff9900; font-family: verdana, arial, helvetica; font-weight : bold; text-
decoration: none
}
.lienff9900:hover {
	 font-size: 10px; color: #ffffff; font-family: verdana, arial, helvetica; font-weight : bold; text-
decoration: underline overline
}
.lienff9900:active {
	 font-size: 10px; color: #ffffff; font-family: verdana, arial, helvetica; font-weight : bold; text-
decoration: none
}

textarea {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;  
	color: #000066; 
	border:1px solid #fbaf4d;
	srollbard-base-color: #000000; 
	background-color: #fff4df;
	
	scrollbar-face-color: #fff4df; 
	scrollbar-shadow-color: #fbaf4d; 
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #fbaf4d; 
	scrollbar-darkshadow-color: #ffffff; 
	scrollbar-track-color: #fff4df; 
	scrollbar-arrow-color: #fbaf4d; 
}

input{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;  
	color: #000066; 
	border:1px solid #fbaf4d;
	background-color:#fff4df;
}
option {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;  
	color: #ffffff; 
	border:1px solid #0066cc;
	background-color: #cc0000;
}
*.option1 {
	background-color: #efefef;
}
select {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 10px;  
	color: #000000; 
	border-right: #000000 1px solid;
	border-top: #000000 1px solid; 
	border-bottom: #000000 1px solid; 
	border-left: #808080 1px solid; 
	scrollbar-face-color: white; 
	scrollbar-highlight-color: white; 
	scrollbar-shadow-color: #000000; 
	scrollbar-3dlight-color: #000000; 
	scrollbar-arrow-color: #000000; 
	scrollbar-darkshadow-color: white; 
	scrollbar-base-color: #000000; 
	background-color: white
}
input.bouton {
border:3px outset #ff9900;

cursor:pointer;
}
input.bouton:hover {
background-color:white;
color:#cc0000;
}
input.bouton:active {
border:2px inset #cc0000;
background-color:#cc0000;
color:#ffffff;
} 
.form {
	font-family:arial,sans-serif; border:1px solid #fbaf4d; background-color:#fff4df;
}
.flag
{
	/*margin-left: 4px;
	margin-right:4px;
	margin-top:2px;
	margin-bottom:2px;
	vertical-align:middle;*/
	border: 1px solid #3f3f3f;

}
#menubas {
/*	left: 0px; width: 98%; text-align: center;*/
	clear: both;
	font-size: 60%;
/* background-position: left bottom; */
	padding-top: 20px; 
/*	padding-bottom: 10px; */
	text-align: center; 
/*
	border-top: #000000 1px solid; 
	padding-left: 20px; 
	background-image: url(pix/ppk_onder.gif); 
	background-repeat: no-repeat; 
	line-height: normal; 
	margin: 10px -20px; 
	moz-box-sizing: 
	border-box; 
	box-sizing: border-box
*/
}
#menubas a {
	padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; text-decoration: none
}
#menubas a:link {
	color: #0083ff;
	font-weight: bold;
	}
#menubas a:visited {
	color: #0083ff;
	font-weight: bold;
}
#menubas a:hover {
	padding-bottom: 0px; border-bottom: #527bbd 3px solid
}

a span {display:none;}

a:hover span { 
    display: block; 
    position: absolute; 
    top: 402px;
    right: 70px; 
}
a.menun{
    position:relative; /*this is the key*/
    z-index:24; 
/*				background-color:#fff;*/
				font-style: normal; 
/*    color:#000;*/
    text-decoration:none;
				}

a.menun:hover{z-index:25; 
				background-color:#fff;
    text-decoration:none;
}

a.menun span{display: none; 
    text-decoration:none;
				}

a.menun:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:1em; width:45px;
				border:1px solid #fbaf4d; 
				background-color:#fff4df;
				color:#000066;
				font-style: normal; 
    text-align: center;
    text-decoration:none;

}

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
/*				background-color:#fff;*/
				font-style: normal; 
/*    color:#000;*/
    text-decoration:none;
				border-bottom: 2px #6ba0d2 dashed;

				}

a.info:hover{z-index:25; 
				background-color:#fff;
    cursor: help;
    text-decoration:none;
}

a.info span{display: none; 
text-decoration:none;
}
a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:2em; left:-1em; width:15em;
border:1px solid #fbaf4d; 
background-color:#fff4df;
color:#006;
font-style: normal; 
text-align: center;
text-decoration:none;
}
table.mini {
font-size: 10px;
border: 1px #3c6fac solid;
padding:2;
border-collapse: collapse;
margin-bottom: 10px;
}
.th2 {
color: #fff; 
background-color:#039;
text-align: center;
font-weight: bold;
}
a:hover img,a img:focus, a.vig:hover,a.vig:focus{background:transparent;moz-opacity:.7;opacity:.7;}