/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
/*  background-color:#919070; */
  background-image: url(blend_beige02.jpg);
}

h1 {
  font-size: 2.4em;
  font-weight: normal;  
}

h2 {
  font-size: 2.0em;
  font-weight: normal;  
  color: #660000;
}

h3 {
  font-size: 2.0em;
  font-weight: normal;
}

.red {
  font-size: 2.0em;
  font-weight: normal;
  color: #660000;
}

p, li {
  font-size: 15px;
}

h1, h2, p {
  margin: 1em 0;
}

.indent {
  margin-left: 15px;
}

#entete h1 {
  margin: 0;
}

#entete p {
  text-align: center;
}

#entete_hi h2 {
  margin: 0;
  color: white;
}

#wrapper {
  background-color: #DFDED2;
}

#entete_hi {
  height: 190px;
  background-color: #526e84;
  background-image: url(selections_6_es.jpg);
  background-repeat: no-repeat;
  padding: 20px;
  color: white;
}

#entete {
  height: 150px;
  background-color: #526e84;
  background-image: url(selections_6_es.jpg);
  background-repeat: no-repeat;
  padding: 20px;
  color: white;
}
<!--   background-color: #660000; -->

#menuleft {
  list-style: none;
  background-color:#E0D7B1;
  color:#660000;
}

#footer {
/*  background-color:#660000; */
  background-image: url(banner01_down.jpg);
  padding: 1px 20px;
  color: white;
  a:link: yellow;
}

/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 760px;
}

#wrapper {
  width: 85%; 
  margin: 0 auto; 
  text-align: left; 
}


#contenu { 
  width: 75%;
  float: right; 
  color: #660000;
}

#wide { 
  width: 95%;
  float: right; 
}

#padder {
  padding: 20px;
}

#menuleft { 
  width: 23%; 
  float: left; 
} 

#footer { 
  clear: both; 
} 

#col_left { 
  width: 48%; 
  float: left; 
} 

#col_right { 
  width: 48%; 
  float: right; 
} 

.spacer {
  clear: both;
}


/* Add some padding 
================================== */

#menuleft {
  padding-top: 20px;
  padding-bottom: 20px;
}

#menuleft * {
  padding-left: 20px;
  padding-right: 20px;
}

#menuleft * * {
  padding-left: 0;
  padding-right: 0;
}

#contenu * {
  padding-right: 20px;
}

#contenu * * {
  padding-right: 0;
}
/* From w3schools ... 
================================== */

div.img
{
  margin: 2px;
  border: 1px solid #660000;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 180px;
  margin: 2px;
}
/* Added by John ... 
================================== */
img.floatright
{
  float: right;
}
img.floatleft
{
  float: left;
}

.center {
  text-align: center;
}

.unfloat {
	float: none;
}

.menuleft {
  list-style: none;
  background-color:#E0D7B1;
  color:#660000;
  width: 23%; 
  float: left;
  min-height: 50px;
}

.wide { 
  width: 95%;
  float: right; 
}

#contenu { 
  width: 75%;
  float: right; 
  color: #660000;
}

#contenu { 
  width: 75%;
  float: right; 
  color: #660000;
}

.contenu { 
  width: 75%;
  float: right; 
  color: #660000;
}

#footer a {
	color: white;
}

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

a
{
	text-decoration: none;
	color: #6887A4;
}
a:hover
{
	color: green;
}