body         { font-family: Arial; font-size: 8pt; color: #000000 }
.produit      { font-family: Arial; font-size: 8pt; color: #800000 }
.boutique      { font-family: Arial; font-size: 8pt; color: #F2F2F2 }
a            { color: #800000; font-size: 8pt; font-family: Arial; text-decoration:none }
table        { font-family: Arial; font-size: 8pt; color: #000000 align="justify"}
option       { color: #000080; font-size: 8pt; font-family: Arial; }
a:hover      { color: #CC0000; font-size: 8pt; font-family: Arial; text-decoration:underline }
h2           { font-size: 8pt; font-family: Arial; font-weight: bold; color: #800000; align="bottom"}
h1           { font-size: 8pt; font-family: Arial; font-weight: bold; color: #800000; align="bottom"}
h3           { font-size: 8pt; font-family: Arial; font-weight: bold; color: #800000; align="bottom"}
h4           { font-size: 8pt; font-family: Arial; font-weight: bold; color: #000000; align="bottom"}
.sejour    { font-size: 8pt; font-family: Arial; color: #7A8990; align="bottom"}
.chien    { font-size: 8pt; font-family: Arial; color: #800000; align="bottom"}
.titrenoir    { font-size: 8pt; font-family: Arial; color: #000000; align="bottom"}


div#encadre { position: relative; float: left; margin: 0; width: 510px; height: 270px; text-align: left; background: #FFFFFF;}
div#list { float: right; margin: 0; width: 120px; height: 170px; text-align: left; background: #F2F2F2;}
div#map { float: left; margin-left: 10px; width: 500px; height: 270px; text-align: left; background: #FFFFFF;}
div#list2 { float: right; margin: 0; margin-top: 2px; width: 120px; height: 95px; text-align: left; background: #F5F5F5;}
div#cadre { float: left; margin-left: auto; margin-right: auto; width: 780px; text-align: left; background: #000000;}
div#cadre2 { float: left; width: 270px; height: 260px; text-align: left; background: #000000;}
div#cadre2bis { float: left; width: 270px; height: 260px; text-align: left; background: #000000;}
div#cadre3 { float: left; width: 270px; height: 82px; text-align: left; background: #000000;}
div#cadre1 { float: right; width: 510px; height: 520px; text-align: left; background: #F2F2F2;}
div#cadre1prem { float: right; width: 510px; height: 520px; text-align: left; background: #FFFFFF;}
html>body #cadre1prem {height: auto; min-height: 520px;}
div#cadre1bis { position: relative; float: right; width: 510px; height: 80px; text-align: left; background: #F2F2F2;}
div#cadre1bisphoto { position: relative; float: left; width: 110px; height: 80px; text-align: left; background: #F2F2F2; }
div#photo { position: absolute; left: 5px; top: 8px; ; width: 100px; height: 65px; text-align: left; background: #F2F2F2; }
div#cadre1bistexte { float: right; width: 398px; height: 80px; text-align: left; background: #F2F2F2;}
html>body #cadre1 {height: auto; min-height: 520px;}

div#bas { float: right; margin-left: auto; margin-right: auto; width: 780px; height: 82px; text-align: left; background: #F2F2F2;}
div#cadre3bis { float: left; width: 270px; height: 82px; text-align: left; background: #000000;}

div#laliste { float: left; text-align: left; margin-top:10px}
ul#listeban1 { width: 466px; list-style: square;  }
ul#listeban1 li { float: left ; text-align: left; width: 130px; list-style-type: square; margin-left: 15px; line-height:15px}