html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
/*  overflow-x:hidden;*/
  }
  
#centpourcent {
  height: 100%;
  width: 100%;
  }  
  
body, textarea {
  margin-top: 4px;  
  scrollbar-base-color:#ABABAB;
  scrollbar-3dlight-color:#000000;
  scrollbar-arrow-color:#ABABAB;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#000000;
  scrollbar-highlight-color:#000000;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#ABABAB;  
}

a:link {
	color: #0000FF;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #339999;
}
a:hover {
	text-decoration: underline;
	color: #FF9900;
}
a:active {
	text-decoration: none;
	color: #FF9900;
}

a {
	font-weight: bold;
}

.Titre {
	font-size: 40px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#00FFFF;
	line-height: 45px;
}
.SousTitre {
	font-size: 28px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color:#0000FF;	
	line-height: 35px;	
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000000;
	font-weight: 200;	
	font-style: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	list-style-type: disc;
}

.Navigation {
	font-size: 16px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;	
}

.Bouton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

div#menu {
    height: auto;
    width: 89px;
	margin-top:3;

}

div#menu {
    height: 24px;
    width: 89px;
    margin: 1px; margin-top:3;
    font-family: "Arial Narrow";
	font-size:12px;
	color:#000000;
    text-align: center;
    background-image: url(images/boutons/menu-up2.gif);
    background-repeat: no-repeat;
	background-position:center;	
    font-weight: bold;	
	line-height: 170%;	
}
div#menu a {
	color:#FFFFFF;
    width: 89px;
    margin: 1px; margin-top:3;
    height: 24px;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    text-align: center;	
}
div#menu a:link {
    width: 89px; margin-top:3;
    margin: 1px;
    height: 24px;
    text-align: center;	
	color:#F0F0F0;
}
div#menu a:visited {
    width: 89px;
    margin: 1px;
    height: 24px;
	color:#F0F0F0;
    text-align: center;	
}
div#menu a:hover {
    width: 89px;
    margin: 1px;
    height: 24px;
    font-weight: bold;
    color:#0000CC;
    background-image: url(images/boutons/menu-down.gif); 	
    background-repeat: no-repeat;	
	background-position:center;	
	line-height: 170%;
} 
div#menu a:active {
    width: 89px;
    margin: 1px;
    height: 24px;
    font-weight: bold;
    color:#0000CC;
    background-image: url(images/boutons/menu-down.gif); 
    background-repeat: no-repeat;
	background-position:center;
	line-height: 170%;	
}

div#menu {
    height: auto;
    width: 89px;
	margin-top:3;

}

div#menu3 {
    height: 24px;
    width: 89px;
    margin: 1px; margin-top:3;
    font-family: "Arial Narrow";
	font-size:12px;
	color:#000000;
    text-align: center;
    background-image: url(images/boutons/menu3-up.gif);
    background-repeat: no-repeat;
	background-position:center;	
    font-weight: bold;	
	line-height: 170%;	
}
div#menu3 a {
	color:#FFFFFF;
    width: 89px;
    margin: 1px; margin-top:3;
    height: 24px;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    text-align: center;	
}
div#menu3 a:link {
    width: 89px; margin-top:3;
    margin: 1px;
    height: 24px;
    text-align: center;	
	color:#00FFFF;
}
div#menu3 a:visited {
    width: 89px;
    margin: 1px;
    height: 24px;
	color:#F0F0F0;
    text-align: center;	
}
div#menu3 a:hover {
    width: 89px;
    margin: 1px;
    height: 24px;
    font-weight: bold;
    color:#0000CC;
    background-image: url(images/boutons/menu-down.gif); 	
    background-repeat: no-repeat;	
	background-position:center;	
	line-height: 170%;
} 
div#menu3 a:active {
    width: 89px;
    margin: 1px;
    height: 24px;
    font-weight: bold;
    color:#0000CC;
    background-image: url(images/boutons/menu-down.gif); 
    background-repeat: no-repeat;
	background-position:center;
	line-height: 170%;	
} 

.ChampOblig {color: #FF0000}
.Info {font-size: 12px}
.Resultok {font-size: 20px; font-weight:bold; color:#0000FF;}
.Resultbad {font-size: 20px; font-weight:bold; color:#FF0000;}
.Informe {font-size: 15px; font-weight:bold; color:#0000FF;}
.link {font-size: 17px; font-weight:bold; color:#0000FF;}
.Informe2 {font-size: 15px; font-weight:bold; color:#00FFFF;}
.inputTitle {font-size: 14px; font-weight:bold; color:#000000;}
.inputRappel {font-size: 14px; font-weight:bold; color:#FF0000;}
.inputauto {font-size: 12px; font-weight:bold; color:#0000FF;}
.inputmoto {font-size: 12px; font-weight:bold; color: #FF9900}
.javascript {font-size: 12px; font-weight:bold; color: #FFFF00}
.inputscoot {font-size: 12px; font-weight:bold; color:#99CC33;}
.alerte {font-size: 12px; color:#00FFFF; font-weight:bold;}
.Bienvenue {font-size: 14px; font-weight:bold; color:#00FFFF;}
.Java {font-size: 12px; font-weight:bold; color: #FF0000;}
.Messageok {color:#0000FF; font-weight:bold;}
.Avert {color:#FF0000; font-weight: bold;}
.ChampOblig {color: #FF0000}
.inputquad {font-size: 12px; font-weight:bold; color: #99CCFF}
.inputmili {font-size: 12px; font-weight:bold; color: #009933}
.small {font-size: 12px;}
.Style3 {font-size: 12px;}



#cadre { /* taille du cadre, à titre d'exemple */
/*width: 15em;*/
background-color: #EFEFEF;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 8px; width: 8px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(images/hautgauche.gif);
}
#hautdroit {
float: right;
background: url(images/hautdroit.gif);
}
#basgauche {
background: url(images/basgauche.gif);
}
#basdroit {
float: right;
background: url(images/basdroit.gif);
}
#contenu p {
color: #FF0000;
/*margin: 0.5em; /*gestion des espaces interparagraphes */*/
}

.menu {font-family:Arial, Helvetica, sans-serif; font-size:12pt
; color:#0066FF; text-decoration:none; font-weight:400}

a.sousmenu {font-family:Arial, Helvetica, sans-serif; font-size:10pt
; text-decoration:none; font-weight: bold}

a.sousmenu:link  {color: #00FFFF; font-weight: bold}

a.sousmenu:hover {color: #0000FF;}

a.sousmenu:visited {color:#CCFFFF;}

a.sousmenu:active {color: #00FFFF;}

span#menutop {
    height: 24px;
    width: 100px;
    margin: 1px;
    font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #00FFFF;
    text-align: center;
/*    background-image: url(images/menu_auto.jpg);*/
    background-repeat: no-repeat;
	background-position:center;	
	line-height: 200%;	
}
span#menutop a {
	color: #00FFFF;
    width: 100px;
    margin: 1px;
    height: 24px;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    text-align: center;	
}
span#menutop a:link {
    width: 100px;
    margin: 1px;
    height: 24px;
    text-align: center;	
	color: #00FFFF;
}
span#menutop a:visited {
    width: 100px;
    margin: 1px;
    height: 24px;
	color: #00FFFF;
    text-align: center;	
}
span#menutop a:hover {
    width: 100px;
    margin: 1px;
    height: 24px;
    font-weight: bold;
    color: #FFFF00;
/*    background-image: url(images/menu_auto.jpg);*/
    background-repeat: no-repeat;	
	background-position:center;	
} 
span#menutop a:active {
    width: 100px;
    margin: 1px;
    height: 24px;
    font-weight: bold;
    color: #FFFF00;
/*    background-image:  url(images/menu_auto.jpg);*/
    background-repeat: no-repeat;
	background-position:center;
}
.MenuCons {font-size: 12px}
.titre_menu {font-size:10pt; color:#0000FF; font-weight:bold}
.entete1 {
	font-family: "Comic Sans MS";
	font-size: 35px;
	font-weight: bold;
	color: #00FFFF;
	font-style: italic;
}
.entete2 {color: #00FF00}
.entete3 {color: #FF9900}
.entete4 {color: #FF0000}
.loheac {color: #000000; font-size:12px}
.contact {color: #000000; font-size: 12px;}
.contact2 {color: #D4D0C8; font-size: 10px;}
.pub {color: #D4D0C8; font-size: 10px;}
.Enleve {font-size: 36px}