body {
	margin: 20px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
  	background-color: #FBEBD2; 
}

a {
	text-decoration: underline;
	font-weight: bold;
	color: #000060;	
}

a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #FF0000;
}

/* portions DIV */

#page {
	width: 860px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

#bandeau {
	width: 860px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}

#titrePage {
	width: 860px;
	height: 20px;
	margin: 0px;
	padding: 0px;
  	background-color: #FF0000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;*
}


#zonemenu {
	z-index: 200;
 	position: absolute; 
	margin: 0px 0px 0px 0px;
	width: 150px;
	height: 600px;
 	padding: 5px;
}


#colonne1 {
	position: absolute;
	margin: 0px 0px 0px 160px;
	padding: 5px; 
	width: 340px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

#colonne2 {
	position: absolute;
	margin: 0px 0px 0px 510px;
	padding: 5px; 
	width: 340px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

 
.contTab {
	margin: 0px 0px 0px 5px;
	padding: 5px; 
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
}

.contTabMenu {
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.tdTopGB {
	text-align: right;
}

h1{
	margin: 0px 0px 0px 240px;
	padding: 0px; 
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFCE00;
}

h2{
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	color: #000000;
	height: 40px;
	background-image: url('../images/fond_h2');
	background-repeat: no-repeat;

}

h3{
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

h4{
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	font-family: arial, helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
	color: #000000;	
}

.pCenter {
	text-align: center;
} 

.pRight {
	text-align: right;
} 

.notice{
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.iNotice{
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	font-family: arial, helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
	color: #000000;	
}

/* tableaux */

.tabCenterAll{
	
	background-color: #000000;	
	text-align: center;
}

.tabHeader{
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	background-color: #FF0000;	
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #FFCE00;
}

.tabCell{
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	background-color: #FFFFEE;	
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #000000;	
}

.tabGoodBadTop{
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	background-image: url('../images/tab_gb_top.jpg');
	background-repeat: no-repeat;
}

.tabGoodBadMiddle{
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	background-image: url('../images/tab_gb_middle.jpg');
	background-repeat: repeat;
}

.tabGoodBadBottom{
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	background-image: url('../images/tab_gb_bottom.jpg');
	background-repeat: no-repeat;
}

#beforeMenu {
	height: 50px;
}

.tabMenu {
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	background-image: url('../images/bg_menu.jpg');
	background-repeat: no-repeat;
	text-align: center;
}

a.lienMenu {
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FF0000;	
}

a.lienMenu:hover {
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;	
}

/* Paragraphes */

.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;	
}

.messageOk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #00AA00;	
}

.messageErr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #990000;
}

.center{
	margin: 0px auto 0px auto;
}

.goodBad {
	margin: 0px;
	padding: 0px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/* éléments de forulaires */

input {
border: 1px solid black;
background-color: #ffeba4;
}

input.button {
border:1px outset #ffeba4;
font-weight:normal;
cursor:pointer;
}

input.button:hover {
border:1px outset #ffebcc;
background-color: #ffebcc;
}

input.button:active {
border:1px inset #ffebcc;
background-color: #ffebcc;
} 

select, option {
background-color: #ffeba4;
}

textarea {
border: 1px solid black;
background-color: #ffeba4;
}