/*pour eviter toute confusion on part de zero */ 
html, body {
   margin : 0;
   padding : 0;
}
 
body {
   font-family : "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
   font-size : 12px; /* font sizing in ems. if you want to change anything, 							                    just change this.*/
   color : #714934;
   width : 100%;
   text-align : center; /*center wrapper in IE5*/
   voice-family : "\"}\"";/* keeping the nav not centered*/
   voice-family : inherit;
   text-align : left;
 }
#entete {
   margin-top : 5px;
   text-align : center; /*entete au centre*/
   margin-left : auto;
   margin-right : auto;
   width : 784px;
   background : url(charte/entete.jpg) no-repeat left;
   height:104px;
   
}
#haut {
   margin-left : auto;
   margin-right : auto;
   width : 784px;
   background : url(charte/page-orange.gif) repeat-y right;
}
#colonne {
   margin-left : auto;
   margin-right : auto;
   width : 784px;
   background : url(charte/fond-orange.gif) no-repeat right bottom;
}
#retour {
	float:left;
	padding-left:120px;
	padding-top:10px;

}
#publicite {
	float:right;
	padding-right:10px;
	padding-top:10px;
}
#navigation {
   padding-top : 10px;
   text-align : center; /*placing the nav flush to the left in moz*//*placing the nav flush to the left in moz*/
   background : url(charte/page-orange.gif) repeat-y left;
   margin-left : auto;
   margin-right : auto;
   width : 784px;
}
#drapeau {
   padding-top : 10px;
   text-align : center; /*placing the nav flush to the left in moz*//*placing the nav flush to the left in moz*/
   margin-left : auto;
   margin-right : auto;
}
#contenu {
   float : left;
   margin : 0 1em 1em 1em;
   width : 240px;
}

#bonus {
   float : left;
   margin : 0 0 1em 1em;
   width : 240px;
}

#block5 {
   float : right;
   margin : 0 1em 1em 0;
   width : 240px;
}
#footer {
	margin:0;
   margin-left : auto;
   margin-right : auto;
   width : 784px;
   background : url(charte/footer.jpg) no-repeat top left;
	text-align: center;
	height: 104px;
}

a:link {
   color : #494949;
   background : transparent;
   text-decoration : none;
}

a:visited {
   color : #333333;
   text-decoration : none;
}

a:hover {
   color : #a52a2a;
   text-decoration : underline;
   text-decoration : none;
}

a:active {
   color : #484500;
}

h2 {
	color: #CC6600;
}
h3 {
	color: #714934;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC6600;
}
h4 {
	color: #714934;
	font-size:10px;
	text-align: right;
}
p {
   text-align : left;
}
#footer p {
   margin : 0;
   padding: 5px;
   text-align : left;
}
#region {
	color: #543425;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #543425;
	border-right-color: #543425;
	border-bottom-color: #543425;
	border-left-color: #543425;
	margin-top: 5px;
	font-size: 12px;
	text-decoration: none;
}


#navigation ul {
   margin : 0;
   padding : 0;
   white-space : nowrap;/*  not wrap the list to a new line when the window is reduced in width */
}

#navigation ul li {
   display : inline;
   width : 90px;
   margin-right : -4px;
}

#navigation ul li a {
   background : #c2c2e0;
   padding : 1px 25px 1px 25px;
   color : #724C37;
   text-decoration : none;
   border-bottom : 1px solid #565656;
   border-right : 1px solid #565656;
   position : relative;
}

#navigation li a:visited {
   color : #724C37;
   background : #F96010;
}

#navigation ul li a:hover {
   color : #724C37;
   background : #F0B070;
}



#contenu p, #bonus p {
   text-align : left;
}
#block5 p {
	margin : 1em 0.5em 1.0em 0.5em;
	text-align : left;
	color: #333333;
}
#block5 img {
	float:right;
	margin:0.5em;
	border:1px solid #069;
}


#counter {
   display : none;
}

.break {
   line-height : 1px;
   font-size : 1px;
   clear : both;
   width : 100%;
}
#sponsor {
   font-size : 9px;
   color:#CCCCCC;
}