/* ---------------Mise en place de la structure--------------*/
body {
margin: 0; 
padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: black;
background:  url(images/bg.jpg) repeat;
padding-top:20px;
}
#conteneur {
margin-left: auto;/* centrage du site au milieu de l'écran : */
margin-right: auto;
width: 680px;/* dimension du site */
height: 120px; 
}
#header {  
	width: 680px;
	height: 228px;
	margin: 0 auto 0 auto;
	background: url(images/header.jpg);
}
#contenu {
	width: 680px;
	margin: 0 auto;
	background-color: #FFFFFF;
	/*border-left : 1px solid #990099;
	border-right : 1px solid #990099;*/
}
#footer {
	width: 680px;
	height: 78px;
	margin: 0 auto;
	background: url(images/footer.jpg);
}
/*--------------Les titres---------------*/
h1 { 
margin: 0;
margin-left : 30px;
padding:10px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 20px;  
font-weight: bold;
text-align:center; 
}
h2 { 
margin-top : 15px;
margin-left : 25px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 18px; 
font-weight: bold;
color: #663300;
}
h3 { 
margin-top : 15px;
margin-left : 25px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 18px; 
font-weight: bold;
}
/*--------------Mise en forme-----------------*/
.souligne{/* soulignement du titre 2*/
	border-bottom: 1px solid #FF942F;
	margin-left : 30px; 
	margin-right : 25px;
}
.couleur {
color: #663300;
}
.centre {
	text-align:center;
	padding-bottom:10px;
}
.grand{
	color: #663300;
	font-size: 20px;
	text-align:center;
	font-weight: bold;
}
.gras {
  font-weight: bold;
}
.exemple{
text-align:center;
}

/*------------- Lien hypertexte------*/
a {
	color: #EA8B36;
}
a:hover {
	text-decoration: none;
}
/*----------Les images-------------*/
.image {
  float: left;
  margin-right: 15px;
  padding-right: 10px;
}
.imagecentre {
float: left;
padding-right: 65px;
padding-left: 65px;
}
.imagefleche {
float: left;
padding-right: 140px;
padding-left: 140px;
}
.imagecommander {
	display:block;
	width: 300px;
	/*padding:0px;*/
	margin: 0 auto;	
}
.dessousimage {
  clear: both;
  margin-left : 30px;
  border-bottom: 1px solid #FF942F;/*souligne orange*/
}
.dessousimage1 {
  clear: both;
}
.dessousimagefleche {
  clear: both;
  text-align:center;
	font-weight: bold;
	font-size: 18px;
}
/*---------L'encadree----------*/
.encadre {
  width: 500px;
  border: 2px dashed #FF942F;
  padding: 5px;
  margin: 0 auto;
  /*background-color: #CC9966;*/
}
.dessousencadre {
  clear: both;
  text-align:center;
  font-size: 10pt;
}
/*----------Les balises-------------*/
p {
margin-left : 25px; 
margin-right : 25px;
margin-bottom:0px;/* pour coller le footer au contenu*/
}
ol,ul {
margin-left : 40px;
margin-right : 20px;
}
.puce li{
list-style: none; /* pas de puce */
/* image de la puce */
background-image: url(images/fleche.jpg);
/* décaler la puce à gauche de 20px par rapport au texte qui la suit */
padding-left: 20px;
background-repeat: no-repeat; /* image non répété */
/* position de la puce : 0px à gauche et 4px du haut de l'élément li*/
background-position: 0px 8px;
}