/*pour eviter toute confusion on part de zero */ 
html, body {
   margin : 0;
   padding : 0;
}
 
body {
	font: normal 80%/1em  verdana, Arial, sans-serif;
   color : #714934;
   width : 100%;
   text-align : center; /*center wrapper in IE5*/
   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 {
   padding-top : 1em;
   background : url(charte/fond-orange.gif) no-repeat right bottom;
}
#retour {
	float:left;
	padding-left:120px;
	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;
}
#publicite {
	float:right;
	padding-right:10px;
	padding-top:10px;
}

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

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

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

a:active {
   color : #484500;
}

h2 {
	color: #714934;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC6600;
	padding-left:10px;
	maring:5px;
}
h3 {
	color: #714934;
	padding-left:20px;
	maring:5px;
}
h4 {
	color: #714934;
	font-size:10px;
	text-align: right;
	padding-left:30px;
}
p {
   padding : 1.2em 0.1em 1.2em 5px;
   text-align : left;
}
blockquote {
	background-color:#FF972F;
	padding : 3px;
	border-left:2px solid #974B00;
}

#drapeau {
   margin-top : 10px;
   text-align : center; /*placing the nav flush to the left in moz*//*placing the nav flush to the left in moz*/
}



#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 : 80px;
   margin-right : -4px;
}

#navigation ul li a {
   background : #c2c2e0;
   padding : 1px 20px 1px 20px;
   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 {
	width : 780px;
	text-align: justify;
}

#bonus {
   float : right;
 	width : 190px;
  margin : 0 0 1em 1em;
	text-align: justify;
}


#contenu p, #bonus p {
   padding : 0 0 0 20px;
   text-align : left;
}
#bonus img {
	float:right;
	margin:0.5em;
	border:1px solid #FF6600;
}
#contenu img {
	float:right;
	margin:0.5em;
	border:1px solid #FF6600;
}
#imageDroite {
	float:right;
	margin:0.5em;
	border:1px solid #FF6600;
}

#footer {
	border-bottom : 1px solid #000;
	border-top : 1px solid #000;
	margin : 0 28px 0 25px;
	padding : 10px;
	text-align: center;
}

#counter {
   display : none;
}

.break {
   line-height : 1px;
   font-size : 1px;
   clear : both;
   width : 100%;
}