html {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  min-height: 100%;

  position: relative;

  font-family: "Calisto MT", "Verdana", Arial;
  background-image: url('../images/bg_body.php');
  background-repeat: repeat-x;
  background-color: #FFFFFF;

  margin:0;
  padding:0;
}
img {
  border: none;
}
ul, ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  text-decoration: none;
  color: #000000;
  font-family: Verdana, Arial;
  font-size: 12px;
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
}

/******************************************************************************
*                                  FOOTER                                     *
******************************************************************************/
#footer {
  text-align: center;
  height: 32px;
  line-height: 32px;
  background-color: #000;
  color: #fff;
}
#footer ul, #footer ul li {
  display: inline;
}
#footer, #footer a {
  font-family: Verdana, Arial;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .menu-footer-li {
  border-right: 1px #fff solid;
  padding-right: 3px;
}
/******************************************************************************
*                                      ALL                                    *
******************************************************************************/
#all {
  position: relative;
  background-image: url('../images/bg_body.png');
  background-position:right;
  background-repeat: repeat-y;
  height: 100%;
  width: 960px;
  left: 50%;
  margin: 0 0 40px -545px;
  padding: 0;
  padding-right: 130px;
}

/******************************************************************************
*                                      ALL > LEFT                             *
******************************************************************************/
#left {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
}

#header, #bande_photos, #global {
  position: relative;
  margin:0;
  width: 100%;
}
#bande_photos {
  height: 159px;
}
#header {
  height: 280px;
  background-color: #FFFFFF;
  padding-top: 0;
  padding-bottom: 15px;
}
#header img {
  margin-left: 50px;
}

#bande_photos {
  background: url('../images/bandeau_photos.png');
  background-repeat: no-repeat;
  width: 1090px;
}

/********************************** LEFT > GLOBAL *************************/
#global {
  width: 100%;
  min-height: 800px;
  padding-top: 50px;
}

/********************************* LEFT > GLOBAL > MENU_JOURNAL ********************/
#menu_journal {
  float: left;
  height: auto;
  display: block;
}

/********************************* LEFT > GLOBAL > MENU *********************/
#menu, #menu_top, #menu_bottom {
  margin: 0 0 0 50px;
  padding: 0;
  width: 196px;
}
#menu {
  background: url('../images/bg_menu.jpg');
  background-repeat: repeat-y;
}
#menu a {
  min-height: 26px;
  line-height: 26px;
  display: block;
  background-repeat: no-repeat;
  overflow: hidden;
}
#menu_p {
  margin-top: -25px;
}
#menu p {
  padding-top: 15px;
  margin: 0 0 0 20px;
}
#menu_top {
  background: url('../images/top_menu.jpg');
  background-repeat: no-repeat;
  height: 33px;
}
#menu_bottom {
  background: url('../images/bottom_menu.jpg');
  background-repeat: no-repeat;
  height: 33px;
}
/********************************* LEFT > GLOBAL > IMAGES TITRES MENU *********************/
#accueil a {
  background-image: url('../images/accueil.png');
}
#metier a {
  background-image: url('../images/metier.jpg');
}
#valeurs a {
  background-image: url('../images/valeurs.png');
}
#references a {
  background-image: url('../images/references.png');
}
#realisation a {
  background-image: url('../images/realisation.jpg');
}
#actus a {
  background-image: url('../images/actus.png');
}
#assurances a {
  background-image: url('../images/assurances.png');
}
#contact a {
  background-image: url('../images/contact.jpg');
}
#rh a {
  background-image: url('../images/rh.jpg');
}

/********************************* LEFT > GLOBAL > MENU *********************/
#journal {
  margin: 0 0 0 50px;
  padding: 10px 10px 20px 10px;
}

/********************************* LEFT > GLOBAL > CONTENT*******************/
#content {
  min-height: 600px;
  margin: 0;
  padding: 0;
  margin-left: 300px;
  padding-right: 30px;
}

#content hr {
  color: #C1022C;
  background-color: #C1022C;
  height: 0px;
}

#content h1 {
  margin: 0;
  padding: 0;
  margin-right: 60px;
  color: #C1022C;
  font-size: 22px;
  font-weight: normal;
}
#content h2 {
  color: #C1022C;
  display: inline;
  font-size: 16px;
}

#content a {
  font-family: Verdana;
  font-size: 16px;
  font-weight: normal;
}