a:link {
   color:#163CED;
   text-decoration: none;
   font-weight: bolder;
}
a:active {
	color: #163CED;
	text-decoration: none;
    font-weight: bolder;
}
a:visited {
   color: #163CED;
   text-decoration: none;
   font-weight: bolder;
}
a:hover{
	color: red;
	text-decoration: none;
    font-weight: bolder;
}

.whf { background-color:white }

.site {
    background-color: #E2FFDF;
    font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font: normal larger;
	font-family: Arial;
	font-size: larger;
	font-weight: bolder;
	color: Teal;
	}

.bouton{
	border: none;
	font-weight: bold;
	font-size: xx-small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.bouton td {
border: none;
}

h2 {
	font: normal smaller;
	font-family: Arial;
	font-size: larger;
	font-weight: bolder;
    font-style: oblique;
	color: Teal;
	}

.journal {
   color: #585858; background-color: #F0F0F0; border: thin #ACACAC solid;
   font: "Times New Roman", Times, serif;
   }

.menu TD {
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}

#top{
    height: 100px;
}

#menuHaut{
    height: 30px;
    float: left;
	 

	width: auto;
}

#corps{
   clear: both;
   height: auto;
   margin-left: 20px;
   margin-right: 20px;
}

#basPage{
   clear: both;
}


#logo{
    float: left;
    }
.menuHItem{
	text-align: center;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
}

#menuBas{
    height: 30px;
    margin: 0 10px 1em 15px;
    clear: both;
    background: #DDCD9C url(/img/menu.jpg) left top no-repeat;
    padding-left: 25px;
}


#menuBas ul, #menuBas li,#menuHaut ul, #menuHaut li {
    margin:0;
    padding: 0;
    list-style-type: none;
    }
#menuBas ul {
    height: 30px;
    width: 700px;
}

#menuBasDroit {
float: left;
width: 21x;
height: 30px;
background: #DDCD9C url(/img/menuDroit.jpg) left top no-repeat;
}

#menuBas li, #menuHaut li {
float: left;
}

#menuBas li a {
display: block;
height: 30px;
color: #FFFFFF;
font: 17px/31px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
text-decoration: none;
text-align: center;
}
#menuBas li a.last {
border-right: 1px solid #FFFFFF;
}

#menuBas a:hover {
color: #FFFF00;
background: transparent url(/img/menu.jpg) top left no-repeat;
}

#menuBas a#menu1 {
  width: 70px;
}
#menuBas a#menu2 {
  width: 100px;
}
#menuBas a#menu3 {
  width: 100px;
}
#menuBas a#menu4 {
  width: 150px;
}
#menuBas a#menu5 {
  width: 180px;
}


#menuBas a#menu1:hover {
background-position: -26px -30px;
}
#menuBas a#menu2:hover {
background-position: -96px -30px;
}
#menuBas a#menu3:hover {
background-position: -196px -30px;
}
#menuBas a#menu4:hover {
background-position: -296px -30px;
}
#menuBas a#menu5:hover {
background-position: -446px -30px;
}

#menucoin {
float: right;
width: 25px;
height: 30px;
background: #F9D966 url(/img/menuDroit.jpg) left top no-repeat;
}


.menuAct{
    text-align: center;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
}


.chemin TD {
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: black;
}

.chemin a:visited {  color: #92BD2B; text-decoration: none;}
.chemin a:link {  color: #92BD2B;  text-decoration: none;}
.chemin a:active {  color: #92BD2B; text-decoration: none;}
.chemin a:hover {  background-color: yellow; color: red; text-decoration: none;}

.lienDiscret a:visited { color:black: text-decoration: none;}
.lienDiscret a:link {  text-decoration: none;}
.lienDiscret a:active {  text-decoration: none;}
.lienDiscret a:hover {  color: white text-decoration: underline;}


.cadre3 TABLE {
	font-family: Arial;
    font-size: x-small;
	font-weight: normal;
    text-decoration: none;
}


.cadre3 TH {
	font-weight: bolder;
	color: Teal;
    font-size: x-small;
    text-decoration: none;
}

.cadre3 TD {
    font-size: x-small;
    color: #268A37;
}



.cadre  {
	font-family: Arial;
    font-size: small;
	font-weight: normal;
    text-decoration: none;
}


.cadre TH {
	font-weight: bolder;
	color: Teal;
    font-size: small;
    text-decoration: none;
    text-align: left;
}

.cadre TD {
    font-size: small;
}

.cadre4 a:link {
   color: red;
	text-decoration: none;
    font-weight: bolder;
}
.cadre4 a:active {
	color: red;
	text-decoration: none;
    font-weight: bolder;
}
.cadre4 a:visited {
   color: red;
	text-decoration: none;
    font-weight: bolder;
}
.cadre4 a:hover{
	color: blue;
	text-decoration: none;
    font-weight: bolder;
}

.cadre4 TH {
    font: normal small;
	font-family: Arial;
	font-size: small;
	font-weight: bolder;
	color: Teal;
}

.cadre4 TD {
   font-family: Arial;
	font-size: x-small;
}

.cadreSmall {
    font-size: xx-small;
}
.cadreSmall TH {
	font-weight: bolder;
	color: Teal;
    font-size: xx-small;
    text-decoration: none;
}

.cadreSmall TD {
    font-size: xx-small;
}



.erreurInput {
    background-color: yellow;
	color: red;
	font-size: x-small;
	font-weight: bold;
}

.cadreInput {
	background-color: #FFFFF0;
	color: Teal;
	font-size: x-small;
	font-weight: normal;
}

.cadreInputSmall {
	background-color: #FFFFF0;
	color: Teal;
	font-size: xx-small;
	font-weight: normal;
}

.msgErreur {
	color: Red;
	border: thin ridge Red;
	background-color: Yellow;
	font-size: x-small;
	font-weight: bolder;
	}

.msgOk {
	color: #C0FFC0;
	border: thin ridge Red;
	background-color: #008000;
	font-size: x-small;
	font-weight: bolder;
	}

.msgAvertissement {
    color: black;
	background-color: #FFFFDD;
	border: thin dashed #FF0000;
	font: italic;
    font-size: x-small;
	font-weight: bolder;
}

.msgErreurForm {
    color: Red;
	background-color: yellow;
	border: thin dashed red;
	font: italic;
    font-size: 11px;
	font-weight: bolder;
}

.msgExplication {
	background-color: #FFFAFA;
	border: thin dashed #6495ED;
	font: italic;
    font-size: x-small;
	font-weight: normal;
}

.msgPrincipal {
    font-family: Arial;
	font-size: 14px;
    background-color: #FDE8D5;
    border: thin #FFC482 solid;
}