/* set css default value*/

body, div, h1, h2, h3, p, ul, li, span, a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: black;
  margin: 0px;
  padding: 0px;
  text-align: left;
  background-color: transparent 
}

body {
  text-align: center; /* css hack to center content in ie */
  background-color: transparent 
}

#conteneur {
  width: 900px;
  margin: 0px auto /* center whole content */
}

#header {
  width: 900px;
  height: 70px
}

#header img {
  margin-top: 5px;
  border: 0px
}
/* Menu */

#menu {
  list-style-type: none;
  background: transparent url('/images/menu/menu.png') no-repeat 0px 0px;
  width: 900px;
  height: 21px
}

#menu li {
  height: 20px;
  float: left;
  padding: 1px 20px 0px 0px;
  text-align: left
}

#menu li a {
  font-size: 13px;
  color: #193034;
  text-decoration: none
}

#menu li a:hover {
  font-size: 13px;
  color: #f94b07;
  text-decoration: none
}

#mAccueil {
  padding-left: 10px !important
}

/*
 * Gestion des fonds de menu suivant la page basée sur le routing.
 * Gestion des liens lorsque menu sélectionné
 */

#mAccueil.homepage, #mConseil.conseil, #mMarketing.marketing, #mDeveloppement.developpement, #mSymfony.symfony, #mReference.reference, #mContact.contact
{
  background: white url('/images/menu/right-white.png') no-repeat 100% 0px;
  font-weight: bold;
}

#mAccueil.conseil, #mConseil.marketing, #mMarketing.developpement, #mDeveloppement.symfony, #mSymfony.reference, #mDeveloppement.contact 
{
  background: transparent url('/images/menu/left-white.png') no-repeat 100% 0px
}

#mAccueil.homepage a:hover, #mConseil.conseil a:hover, #mMarketing.marketing a:hover, #mDeveloppement.developpement a:hover, #mSymfony.symfony a:hover, #mReference.reference a:hover, #mContact.contact a:hover
{
  color: #193034
}

/* content */

#content
{
  margin-top: 35px
}

#content div.big-box-w9h2
{
  background: white url('/images/grand-fond-clair.png') no-repeat 0px 0px;
  width: 870px;
  height: 170px;
  padding: 15px
}

#content div.big-box-w9h2 img.icon
{
  float: left
}

#content div.big-box-w9h2 h2.title
{
  font-size: 14px;
  color: #00adef;
  margin-bottom: 5px
}

#content div.big-box-w9h2 p.body
{
  font-size: 12px;
  color: black;
  margin-bottom: 15px
}

#content div.big-box-w9h2 p.body, #content div.big-box-w9h2 h2.title, #content div.big-box-w9h2 h1.title
{
  margin-left: 101px
}

/* footer et copyright */

#footer
{
  width: 900px;
  margin: 25px 0px
}

#copyright, #copyright a
{
  font-size: 10px;
  color: #ccc;
  text-align: right;
  text-decoration: none
}

#copyright a:hover
{
  text-decoration: underline
}

/* mention légales */
#mention h2
{
  margin-top: 10px
}

#mention p
{
  margin: 5px
}