html
{
  height: 100%;
  margin: 0;
  padding: 0;
}
body
{
  padding-top: 0px;
  height: 100%;
  text-align: center;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 13px;
  color: #23243a;
  background: url('/images/fond.jpg') repeat-x #e4e4e4;
  margin: 0;
}
img
{
  border: 0px;
}
a:link, a:visited, a:hover, a:active
{
  color: #8b2916;
}


#content
{
  width: 918px;
  margin-left: auto;
  margin-right: auto;
}
#logo
{
  /* float: left;*/
  position: absolute;
  left: 10px;
}


#bandeau
{
  width: 918px;
  height: 270px;
  padding-top: 10px;
}

#bandeau-d
{
  padding-top: 0px;
  float: left;
  width: 260px; /*height: 270px;*/
  height: 189px;
  background: url('/images/bandeau_d-p.jpg') bottom no-repeat;
}

#bandeau-g
{
  padding-top: 0px;
  width: 657px; /*height: 270px;*/
  height: 189px;
  margin-left: 260px;
}
#bandeau-b
{
  padding-top: 0px;
  width: 917px; /*height: 270px;*/
  height: 32px;
  background: url('/images/bandeau_b.jpg') bottom no-repeat;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
}

#bandeau-b ul
{
  list-style: none;
  height: 27px;
  border: 0px solid #ff0;
  padding: 0px 0px 0px 0;
  margin: 0px;
  width: 917px;
  margin-left: 185px;
}

#bandeau-b ul li
{
  float: left;
  line-height: 25px;
  margin: 0px 0 0 1px;
  padding: 0 0 0 20px;
  background-image: url(/images/puce2.gif);
  background-repeat: no-repeat;
  background-position: 10px 8px;  
}

#bandeau-b ul li a
{
  text-decoration: none;
  display: block;
  height: 27px;
  padding: 0 20px 0 0;
  white-space: nowrap;
  color: #001c49;
  border: 0px solid #fff;
}

#bandeau-b  li a:hover
{
  color: #e9501e;
}


#contentmilieu
{
  width: 918px; /*background-color: #fff;*/
  height: auto !important;
  min-height: 600px;
  border: 0px solid #000;
  margin-top: 0px;
}

#bas
{
  color: #ADC6A6;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 0px solid #ff0;
}
#bas a
{
  color: #ADC6A6;
}

#header
{
  padding-top: 1px;
  font-family: arial;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #fff;
  height: 34px;
  border: 0px solid red;
}
#header-menu ul
{
  list-style: none;
  height: 34px;
  border: 0px solid #ff0;
  padding: 0px 0px 0px 0;
  margin: 0px;
  width: 780px;
  margin-left: auto;
  margin-right: auto;
}

#header-menu ul li
{
  float: left;
  line-height: 32px;
  margin: 0px 0 0 1px;
  padding: 0 0 0 20px;
}

#header-menu ul li a
{
  text-decoration: none;
  display: block;
  height: 34px;
  padding: 0 20px 0 0;
  white-space: nowrap;
  color: #fff;
  border: 0px solid #fff;
}
#header-menu ul li:hover
{
  background: transparent url(/images/bt_on.png) left no-repeat;
}

#header-menu ul li a:hover
{
  background: transparent url(/images/bt_on.png) right no-repeat;
}

#acl
{
  position: absolute;
  top: 0;
  right: 0;
  width: 184px;
  height: 66px;
  background: transparent url(/images/acl.png) right no-repeat;
  font-size: 11px;
  font-weight: normal;
  text-align: right;
}
#acl input, .ib
{
  font-size: 11px;
  border: 1px solid #868893;
}


#frmacl
{
  padding: 18px 6px 0 15px;
}
#gauche
{
  float: left;
  width: 260px;
}
#droite
{
  margin-left: 267px;
  width: 647px;
}
#gactu, #gevent
{
  width: 258px;
  min-height: 232px; /*background: transparent url(/images/col_actu.png) bottom left no-repeat;*/
  background-color: #fff;
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  text-align: justify;
}

#gevent
{
  width: 242px;
  min-height: 300px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}

#menug
{
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  text-align: justify;
  font-size: 16px;
  font-weight: bold; /*    padding-top: 45px;*/
  padding-top: 25px; /*    line-height: 30px;*/
  line-height: 22px;
  padding-left: 17px;
  color: #001c49;
}

#menug li a, #menug li a:hover
{
  padding-left: 12px;
  background-image: url(/images/fleches.png);
  background-repeat: no-repeat;
  background-position: 0px;
  text-decoration: none;
  color: #001c49;
}

#menug li a:hover
{
  background-image: url(/images/fleches-on.png);
  margin-left: 5px;
  color: #400c00;
}

#box1, .boxtxt
{
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: justify;
  min-height: 202px;
  border: 0px solid red;
}
#box1
{
  background: url(/images/fond2.png) bottom left no-repeat;
  width: 627px;
}
#box4
{
  padding-top: 17px;
  text-align: justify;
  width: 647px;
  border: 0px solid red;
}

#box2, #box3
{
  width: 317px;
  min-height: 202px;
  padding-top: 10px;
  border: 0px solid red;
}
#box2
{
  float: left;
}
#box3
{
  margin-left: 330px;
}
.boxtxt
{
  background-color: #fff;
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  padding-top: 1px;
}
.boxtxt4
{
  background: #fff url(/images/fond_gris.png) bottom left repeat-x;
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  padding-top: 1px;
  margin-left: 1px;
  width: 623px;
  min-height: 368px;
  padding-left: 10px;
  padding-right: 10px;
}

h1
{
  color: #ed6e1a;
  font-weight: bold;
  font-size: 14px;
}

.gras
{
  font-weight: bold;
}

#gactu h1, #gevent h2
{
  font-size: 12px;
  margin: 0;
  padding: 0;
  color: #3664a2;
}
#gactu, #gevent
{
  font-size: 12px;
}

#gevent h2
{
  font-size: 13px;
  color: #23243a;
}

.petit
{
  font-size: 10px;
}

.titre1
{
  width: 440px;
  height: 38px;
  background: #fff url(/images/titre.png) top no-repeat;
  color: #fff;
  font-size: 20px;
  border: 0px solid red;
  padding-top: 5px;
  margin-left: 135px;
  text-align: center;
}

.jaune
{
  background: #fff url(/images/titre_j.png) top no-repeat;
}

#box4 h2
{
  font-size: 14px;
  color: #3664a2;
  margin: 0;
  padding: 0;
}

.tab1
{
  background: #f1f1f1 url(/images/fond_tab1.jpg) repeat;
  font-weight: bold;
  color: #3664a2;
}

#c_bat, #c_evert
{
  float: left;
  width: 302px;
  height: 265px;
  background: #fff url(/images/f_batiment.jpg) top no-repeat;
  color: #fff;
  font-size: 12px;
  border: 0px solid red;
  padding-top: 5px;
  text-align: center;
  margin-right: 17px;
  color: #23243a;
}


#c_bat ul, #c_btp ul, #c_evert ul, #c_autre ul
{
  margin: 0px;
  padding: 0px;
  width: 275px;
  border: 0px solid red;
  margin-left: 10px;
  text-align: left;
  list-style-image: url(/images/puce.gif);
  list-style-position: inside;
  padding-left: 1em;
  text-indent: -1em;
  font-weight: bold;
}


#c_bat h1, #c_btp h1, #c_evert h1, #c_autre h1
{
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
}

#c_btp, #c_autre
{
  width: 302px;
  height: 265px;
  background: #fff url(/images/f_btp.jpg) top no-repeat;
  color: #fff;
  font-size: 12px;
  border: 0px solid red;
  padding-top: 5px;
  text-align: center;
  margin-left: 319px;
  color: #23243a;
}

#c_evert
{
  height: 110px;
  background: #fff url(/images/f_evert.jpg) top no-repeat;
}
#c_autre
{
  height: 110px;
  background: #fff url(/images/f_autre.jpg) top no-repeat;
}

.hidden
{
  display: none;
}
.unhidden
{
  display: block;
}

.rg
{
  color: red;
}

.centrer
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.agauche
{
  text-align: left;
}

.nb
{
  border: 0px;
}

#faq h1, #faq h1 h2
{
  padding: 0px;
  margin: 0px;
}
#faq h1
{
  font-style: italic;
}

