* { margin: 0; padding: 0; }
.clear { clear: both; }

body {
  background: #fff url('../images/fond_page.png') right top;
  font: normal 80%/1em Arial, Verdana, sans-serif;
  color: black;
  text-align: center;
}
#page { background: transparent url('../images/fond_page_centre.png') center top repeat-y; }
#header, #contenu, #footer { position: relative; width: 908px; margin: 0 auto; }

/* header */
#header { height: 287px; background: #d5af58 url('../images/fnd_header.png') left top repeat-x; text-align: left; }
#choixlangues { height: 35px; text-align: right;}
#choixlangues ul { padding: 0.5em 1em 0 0; }
#choixlangues li { display: inline; padding: 0 0 0 26px; margin-left: 1em; }
#choixlangues li a { color: #ad0f22; text-decoration: none; }
#choixlangues li a:hover { text-decoration: underline; }
#choixlangues li.en { background: transparent url('../images/lang_en.png') center left no-repeat; }
#choixlangues li.fr { background: transparent url('../images/lang_fr.png') center left no-repeat; }


#header h1 {
  background: #7f0c1a url('../images/h1_ch_verdignan.png') 5px 3px no-repeat;
  width: 515px;
  height: 30px;
  border-bottom: 1px solid #fff;
}
#header h1 span { display:none; }
#header h1 a { display: block; width: 515px; height: 30px; }

#head-g, #head-c, #head-d { float: left; }
#header #head-d h4 {
  margin: 18px 12px 10px 18px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: 1px dotted #e3e2d7;
}
#header #head-d h5 {
  clear: both;
  padding-top: 6px;
  margin: 0 14px 0 18px;
  color: #b5861d;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px dotted #e3e2d7;
}
#header #head-d dl.table-display { width: 203px; clear: both; }
#header dl.table-display dt {
  background: transparent url('../images/puce_head-d.png') 8px 8px no-repeat;
  width: 110px;
  float: left;
  color: #e3e2d7;
  padding: 3px 0 3px 20px;
  font-weight: bold;
  font-size: 11px;
}
#header dl.table-display dd { float: left; padding: 3px 0; }
#header dl.table-display dd a {
  padding: 0 2px;
  font-size: 10px;
  text-decoration: none;
  background: #b5861d;
  color: #fff;
  border: 1px solid #fff;
}
#header dl.table-display dd a:hover { color: #000; border: 1px solid #000;}


/* contenu */
#contenu { text-align: left; }
#cola, #colb { float: left; }

/* contenu - colmenu */
#colmenu { float: right; width: 203px; background: transparent url('../images/fndmenu.png') top right repeat-x; }
#colmenu ul { margin: 18px 0 20px 0; }
#colmenu li {
  font-weight: bolder;
  padding: 9px 0 0 10px;
  list-style-type:none;
  background: transparent url('../images/puce_colmenu.png') 10px 7px no-repeat;
  font-size: 12px;
  text-transform: uppercase;

}
#colmenu li a {
  color: #fff;
  text-decoration: none;
  margin: 0 10px 0 14px;
  padding-bottom: 7px;
  display: block;
  border-bottom: 1px dotted #e3e2d7;
}
#colmenu li.selected { background: #66030f url('../images/puce_colmenu_hover.png') 10px 7px no-repeat; }
#colmenu li.selected a { border-bottom: none; }
#colmenu li.prec a { border-bottom: none; }
#colmenu li a:hover { color: #000; }

/* contenu - cola */
#cola { width: 506px; color: #9c9895; margin-bottom: 8em; }
#cola div.news { margin: 24px 0 24px 15px; }
#cola .separateur { border-bottom: 1px dotted #9c9895; padding-bottom: 1em; margin-bottom: 1em; }
#cola img { float: left; border: 1px solid #9c9895; padding: 6px; margin-right: 16px; }
#cola dt { padding: 5px 0; font-size: 12px; text-transform: uppercase; font-weight: bold; }
#cola dd { font-size: 12px;  }
#cola p a { color: #ad9657; }
#cola dd a.lien {
  height: 21px;
  background: transparent url('../images/puce_lien_news.png') top left no-repeat;
  color: #c00a1f;
  font-size: 11px;
  text-decoration: none;
  padding: 5px 0 5px 23px;
}
#cola dd a.lien:hover { text-decoration: underline; }
#cola dl.negociants { margin: 0.5em 1em 1em; }
#cola dl.negociants dt { color: #ba9c4a; font-weight: bold; }
#cola dl.negociants dd a { color: #9C9895; text-decoration: none; }
#cola dl.negociants dd a:hover { text-decoration: underline; }


#cola div.bloc { margin: 36px 21px 20px 46px; }
#cola div.bloc h4 { padding: 5px 0; font-size: 12px; color: #ad9657; text-transform: uppercase; font-weight: bold; }
#cola div.bloc h4 span { text-transform: none; font-weight: normal; }
#cola div.bloc h4.sep { margin-top: 1em; border-top: 1px dotted #ad9657; }
#cola div.bloc p { font-size: 12px; padding: 4px 0 5px; text-align: justify; }
#cola div.bloc strong { color: #ad9657; }

#cola ul.plandusite li { margin: 1em; list-style-type: none; }
#cola ul.plandusite li a { color: #ad9657; }


/* contenu - colb */
#colb { width: 199px; margin-bottom: 8em; }
#colb img { margin: 15px 0 0 13px; border: 1px solid #9e9c97; }
#colb p { margin: 5px 15px 0 13px; font-size: 11px; color: #9c9895; text-align: justify; }
#colb h4 { padding: 15px 13px 0 13px; font-size: 12px; color: #ad9657; text-transform: uppercase; font-weight: bold; }
#colb p span { color: #ad9657; }
#colb p.sep { margin-top: 1em; padding-top: 1em; border-top: 1px dotted #ad9657; }
#colb p a { color: #ad9657; }
#colb strong { color: #ad9657; }

#colb ul { margin: 15px 13px 0 13px; }
#colb li { list-style-type: none; }
#colb li a {
  font-size: 11px;
  color: #ad9657;
  padding: 5px 0 5px 25px;
  display: block;
  background: transparent url('../images/puce_lien.png') center left no-repeat;
}

/* footer */
#footer { text-align: right; border-top: 1px solid #b0b0ab; background-color: #fff; }
#footer ul { padding: 0.5em 1em 1em 0; }
#footer li { display: inline; font-size: 11px; color: #8e8e88; }
#footer li a { color: #8e8e88; text-decoration: none; }
#footer li a:hover { text-decoration: underline; }