body, html {
  width:1001px;
  height:100%;
  margin : 0px;
  padding : 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:black;
  background:white url('../images/fond_page.gif') repeat-x top left;
}

body {
  background:white;
}

img {
  border:none;
}

h1 {
  color:#8C3945;
  font-size:18px;
  margin:0px;
  padding:0;
}

h2 {
  color:#8C3945;
  font-size:12px;
  margin:5px 0 5px 0;
  padding:0;  
}

h1.titre_page {
  height:20px;
  margin:0;
}

h1.lien_page {
  height:20px;
  line-height:20px;
  font-size:14px;
  margin:0;
}

p {
  margin-top:0px;
  margin-bottom:20px;
}

a {
  color:#8C3945;
  /*color:#3E486A;*/
}

#accueil_container {
  position:absolute;
  top:50%;
  left:50%;
  width:745px;
  height:406px;
  margin-left:-372px;
  margin-top:-203px;
  text-align:center;
}

#accueil_gauche {
  position:absolute;
  top:340px;
  left:0;
  text-align:left;
}

#accueil_lien {
  font-size:10px;
  text-decoration:none;
}

#surimp {
  position:absolute;
  top:250px;
  left:450px;
  width:350px;
  padding:3px;
  text-align:left;
  background-color:white;
}

#surimp_actu {
  padding:3px 0 1.5em 0;
}
  
#surimp_inside {
  background:white url(../images/fond_surimp.gif) no-repeat top right;
  border:1px solid #CE3E16;
  width:100%;
  font-size:10px;
  overflow:auto;
}

#surimp_inside_actu {
  border:1px solid #CE3E16;
  width:100%;
  font-size:10px;
  overflow:auto;
}


#surimp_inside div,#surimp_inside_actu div {
  padding:.5em 2px 2px 0;
}

#surimp_inside_actu h2 {
  margin:0;
  padding:0;
}

#surimp_inside a,#surimp_inside_actu a {
  color:#CE3E16;
}

#produit_mois_vignette {
  margin:3px;
  float:left;
}

/* ajout */
#bandeau-haut {
  width:1001px;
  height:165px;
  background:transparent url(../images/bandeau-haut.jpg) no-repeat top left; 
}


#gauche {
  position:absolute;
  top:165px; /* ajout */
  left:0px;
  width:185px;
  height:100%;
}

#bretonne {
  width:180px;
  height:221px
}

#menu {
  display:block;
  list-style:none;
/* margin:1.5em 0 0 0;*/
  margin:0;
  padding:10px 0 10px 0; /* modif */
  width:184px;
  min-height:352px; /* modif height */
/*  background:transparent url(/images/fond_menu.gif) no-repeat top left; */
  background-color:#9F2839;
}

#menu a {
  display:block;
  margin:0 10px; /* ajout */
  padding:7px 5px; /* modif 1em */
  color:white;
  text-decoration:none;
  font-size: 12px;   /* ajout */
  border-bottom : 1px dotted white ; /* ajout */
  height:100%;
}

#menu a:hover, #menu a.menu_on, #decouvrez a.menu_on, #savoir a.menu_on, #produits a.menu_on {
 /*   text-decoration:underline; /* -------- modif --------------*/
 font-weight : bold; /* ajout */ 
}

#logo {
  display:block;
  margin:0 auto 17px 0;
}

#langue {
  float:left;
  width:130px;
  height:27px;
  display:block;
  list-style:none;
  margin:0;
  padding:0 0 0 20px;
  text-decoration:none;
}

#langue li {
  margin:0;
  padding:7px 0;
  float:left;
}

#langue a {
  color:#8C3945;
  text-decoration:none;
}

#copy {
  display:block;
  float:left;
  text-align:center;
  width:32px;
  height:27px;
  line-height:25px;
  font-weight:bold;
  border-width:0 1px 0 1px;
  border-style:solid;
  border-color:#9F2839;
  text-decoration:none;
  font-size:14px;
  margin-right:10px;
}

#txt-haut {
  display:block;
  color:#9F2839;
  margin-left:190px;
  width:250px;
  text-decoration:none;
  font-size:12px;
  padding:2px 0;
  font-weight:bold;
  padding-top:5px;
}

#txt-haut img {
  vertical-align:top;
}

#droite {
  margin-left:185px;
}

#haut {
  margin-left:22px;
  height:107px;
  background:#C8CBE7 url(../images/fond_haut.gif) 568px 0px;
}

#haut #images {
  width:565px;
}

#haut img {
  float:left;
}

#contenu {
  padding:10px 20px;
}

#actualite {
  display:block;
  list-style:none;
  margin:0px;
  padding:0px;
}

#actualite li {
  clear:both;
  margin-bottom:15px;
}

#actualite .vignette {
  width:130px;
  height:130px;
  margin-right:15px;
  float:left;
}

#actualite h1 {
  font-size:12px;
  margin:0px;
}

#actualite p {
  margin:0px;
}

#decouvrez, #savoir, #produits {
  clear:both;
  height:26px;
  margin:0 0 1em 0;
  display:block;
  list-style:none;
  padding:0;
  font-size:11px;
  font-family: Arial, Helvetica, sans-serif;
}

#decouvrez li, #savoir li, #produits li {
  float:left;
  padding:0 .5em;
}

#decouvrez a, #savoir a, #produits a {
  line-height:26px;
  text-decoration:none;
}

#decouvrez a:hover, #savoir a:hover, #produits a:hover {
  text-decoration:underline;
}

#decouvrez_quimper {
  background:transparent url(../fr/images/t_quimper.gif) no-repeat top left;
  width:117px;
}

#decouvrez_marque {
  background:transparent url(../fr/images/t_marque.gif) no-repeat top left;
  width:146px;
}

#decouvrez_lexique {
  background:transparent url(../fr/images/t_lexique.gif) no-repeat top left;
  width:46px;
}

#decouvrez_histoire_marque {
  background:transparent url(../fr/images/t_histoire_marque.gif) no-repeat top left;
  width:116px;
}

#decouvrez_histoire_manu {
  background:transparent url(../fr/images/t_histoire_manu.gif) no-repeat top left;
  width:138px;
}

#decouvrez_quimper:hover, #decouvrez_quimper_on {
  background:transparent url(../fr/images/t_quimper_on.gif) no-repeat top left;
  width:117px;
}

#decouvrez_marque:hover, #decouvrez_marque_on {
  background:transparent url(../fr/images/t_marque_on.gif) no-repeat top left;
  width:146px;
}

#decouvrez_lexique:hover, #decouvrez_lexique_on {
  background:transparent url(../fr/images/t_lexique_on.gif) no-repeat top left;
  width:46px;
}

#decouvrez_histoire_marque:hover,#decouvrez_histoire_marque_on {
  background:transparent url(../fr/images/t_histoire_marque_on.gif) no-repeat top left;
  width:116px;
}

#decouvrez_histoire_manu:hover, #decouvrez_histoire_manu_on {
  background:transparent url(../fr/images/t_histoire_manu_on.gif) no-repeat top left;
  width:138px;
}

#savoir_fabrication {
  background:transparent url(../fr/images/t_fabrication.gif) no-repeat top left;
  width:140px;
}

#savoir_creation {
  background:transparent url(../fr/images/t_creation.gif) no-repeat top left;
  width:178px;
}

#savoir_fabrication:hover, #savoir_fabrication_on {
  width:140px;
  background:transparent url(../fr/images/t_fabrication_on.gif) no-repeat top left;
}

#savoir_creation:hover, #savoir_creation_on {
  background:transparent url(../fr/images/t_creation_on.gif) no-repeat top left;
  width:178px;
}

#produits_decors {
  background:transparent url(../fr/images/produits_decors.gif) no-repeat top left;
  width:138px;
}

#produits_arts {
  background:transparent url(../fr/images/produits_arts.gif) no-repeat top left;
  width:86px;
}

#produits_ambiance {
  background:transparent url(../fr/images/produits_ambiance.gif) no-repeat top left;
  width:107px;
}

#produits_prestige {
  background:transparent url(../fr/images/produits_prestige.gif) no-repeat top left;
  width:86px;
}

#produits_religieux {
  background:transparent url(../fr/images/produits_religieux.gif) no-repeat top left;
  width:73px;
}

#produits_decors:hover, #produits_decors_on {
  background:transparent url(../fr/images/produits_decors_on.gif) no-repeat top left;
  width:138px;
}

#produits_arts:hover, #produits_arts_on {
  background:transparent url(../fr/images/produits_arts_on.gif) no-repeat top left;
  width:86px;
}

#produits_ambiance:hover, #produits_ambiance_on {
  background:transparent url(../fr/images/produits_ambiance_on.gif) no-repeat top left;
  width:107px;
}

#produits_prestige:hover,#produits_prestige_on {
  background:transparent url(../fr/images/produits_prestige_on.gif) no-repeat top left;
  width:86px;
}

#produits_religieux:hover, #produits_religieux_on {
  background:transparent url(../fr/images/produits_religieux_on.gif) no-repeat top left;
  width:73px;
}

#formulaire {
  width:540px;
}

#formulaire input, #formulaire select, #formulaire textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

#formulaire label {
  display:block;
  text-align:right;
  line-height:28px;
  height:28px;
}

#etapes {
  background:transparent url(../images/fond_etapes.gif) no-repeat bottom right;
  width:100%;
  height:300px;
}

#etapes #im1, #etapes #im2, #etapes #im3 {
  display:block;
  float:left;
  margin:5px;
  border:1px solid #243768;
  width:150px;
  height:120px;
}

#etapes .estompe {
  filter:alpha(opacity=30);
  -moz-opacity:.3;
  -khtml-opacity:.3;
  opacity:.3;
}

#menu_etapes {
  display:block;
  margin:0px;
  padding:0px;
  list-style:none;
  text-align:left;
}

#menu_etapes li {
  float:left;
  height:15px;
  padding:0 .5em;
}

#menu_etapes a {
  display:block;
  float:left;
  height:100%;
  text-decoration:none;
}

#lexique {
  font-size:11px;
  line-height:12px;
  margin:0px;
  padding:0px;
  list-style:none;
}

#lexique li {
  margin-bottom:5px;
}

#marques {
  position:relative;
}

#lexique strong {
  color:#8C3945;
}

#zoom {
  position:absolute;
  width:132px;
  height:122px;
  border:1px solid #8C3945;
  background-color:white;
  text-align:center;
}

#bande {
  position:absolute;
  top:18px;
  width:100%;
  border:1px solid #8C3945;
}

#bande div {
  float:left;
  width:94px;
  height:85px;
  text-align:center;
}

#bande img {
  height:85px;
}

#assiettes {
  display:block;
  list-style:none;
  margin:0px;
  padding:0px;
}

#assiettes li {
  text-align:center;
  width:125px;
  height:140px;
  float:left;
}

.popup {
  position:absolute;
  visibility:hidden;
  border:1px solid #8C3945;
  top:250px;
  left:450px;
  width:200px;
  padding:7px;
  background-color:white;
}

.popup h2 {
  margin:0;
}

#defil {
  margin-left:175px;
  width:140px;
}

#defil a {
  text-decoration:none;
  font-weight:bold;
}