/**
 * @author        Jacques Bodin-Hullin <http://www.bodin-hullin.net>
 * @copyright     (C) 2008 Jacques Bodin-Hullin
 * @license       All rights reserved
 */

* { margin: 0; padding: 0; }

/**
 * Body
 */
body {
   font-size: 12px;
   color: black;
   width: 751px;
   margin: 0 auto 0 auto;
   font-family: arial, serif;
   text-align: center;
   padding-top: 50px;
}

div#body {
   width: 751px;
   margin: 0 auto 0 auto;
}

/**
 * Links
 */
a {
   /*color: #31849C;*/
   color: #4083C2;
   background-color: transparent;
   text-decoration: none;
   outline: none;
}
a:hover { text-decoration: underline; }
a img { border: none; }


/**
 * Menu
 */
ul#menu {
   width: 100%;
   height: 44px;
   padding-left: 34px;
}

ul#menu li {
   display: block;
   float: left;
}

ul#menu li a {
   background: white no-repeat top left;
   text-transform: uppercase;
   height: 27px !important;
   height: 44px;
   padding-top: 17px;
   display: block;
   text-align: center;
   color: black;
   letter-spacing: -1px;
}

ul#menu li a:hover {
   text-decoration: none;
   /*color: #31849C;*/
   color: #4083C2;
}

ul#menu li.accueil a {
   background-image: url(img/menu_accueil.png);
   width: 116px !important;
   width: 124px;
   padding-left: 8px;
}
ul#menu li.prestations a {
   background-image: url(img/menu_prestations.png);
   width: 138px;
}
ul#menu li.references a {
   background-image: url(img/menu_references.png);
   width: 150px;
}
ul#menu li.qui-sommes-nous a {
   background-image: url(img/menu_qui-sommes-nous.png);
   width: 135px;
}
ul#menu li.contact a {
   background-image: url(img/menu_contact.png);
   width: 137px;
}


/**
 * Header
 */
div#header h1, div#header p { display: none; }

div#header {
   width: 723px;
   height: 240px;
   background: white url(img/header_index.png) no-repeat top left;
   margin: 0 auto 0 auto;
}


/**
 * Both
 */
div.both { clear: both; }


/**
 * Copyright
 */
div#copyright {
   clear: both;
   padding-top: 30px;
   padding-bottom: 50px;
   background: white url(img/copyright.png) 0 18px no-repeat;
   overflow: hidden;
   width: 673px !important;
   width: 723px;
   padding-left: 25px;
   padding-right: 25px;
   margin: 0 auto 0 auto;
   color: gray;

   /*height: 120px;*/
   /*position: fixed;*/
   /*top: 100%;*/
   /*margin-top: -110px;*/
}

div#copyright a {
   color: gray;
   text-decoration: underline;
}

div#copyright a:hover {
   color: #31849C;
}

div#copyright div.left {
   float: left;
}

div#copyright div.right {
   float: right;
}