* { 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: #4d2c00 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: #dcb25b url('../images/h1_ch_siran.png') 5px 3px no-repeat;
  width: 703px;
  height: 30px;
  border-bottom: 1px solid #fff;
}
#header h1 span { display:none; }
#header h1 a { display: block; width: 703px; height: 30px; }

#head-g, #head-c, #head-d { float: left; }
#head-g { width: 705px; }
#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: #4d2c00;
  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: #fff;
  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: #ff8400;
  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, #colc, #cold, #cole { float: left; }

/* contenu - colmenu */
#colmenu { float: right; width: 203px; }
#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: #b69852 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 - colc */
#colc { width: 675px; color: #9C9895; margin-bottom: 8em; }

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


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

#cola ul.plandusite li, #colc ul.plandusite li { margin: 1em; list-style-type: none; }
#cola ul.plandusite li a, #colc 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 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;
}

/* contenu - cold */
#cold img { display: block; padding: 2px; }

/* contenu - cole */
#cole { padding: 25px 0 15px 10px; width: 340px; }
#cole h2 { color: #e3a512; font-size: 12px; font-weight: bold; text-transform: uppercase; }
#cole h3 { margin-top: 50px; color: #e3a512; font-size: 12px; font-weight: bold; text-decoration: underline; text-transform: uppercase; }
#cole p { margin-top: 10px; color: #9c9895; text-align: justify; width: 326px; }
#cole p span, #cole p a { color: #e3a512; text-decoration: none; }
#cole p a:hover { text-decoration: underline; }

/* 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; }