@charset "ISO-8859-1";

* { 
  margin: 0; 
  padding: 0; 
  }

.clear {
  clear: both;
  width: 0;
  height: 0;
  }


/* GENERAL */

body {
  background: #8db0d9;
  padding-bottom: 25px;
}
  
#ombre { 
  width: 800px;
  margin: 0 auto;
  background: url(../images/ombre.gif) repeat-y top center;
}
  
#page { 
  width: 750px;
  margin: 0 auto;
  padding-bottom: 20px;
  background: #fff;
}
  
#entete { 
  width: 750px;
  height: 100px;
}
  
#eng #entete { 
  background: url(../images/eng/header.jpg) no-repeat;
}
  
#fra #entete { 
  background: url(../images/fra/header.jpg) no-repeat;
}
  
.contenu { 
  padding: 20px 60px;
}
  
.deuxCol { 
  padding: 10px 60px 20px 60px;
  background: #d9c28d;
}
  
.colGauche {
  float: left;
  width: 200px;
}
  
.colDroite {
  margin-left: 230px;
}

#copyright {
  width: 750px;
  margin: 3px auto;
}

#copyright p {
  font: 10px 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
  color: #5c738d;
  text-transform: uppercase;
}

.mbc {
  float: right;
  text-align: right;
}

.dwc {
  float: right;
  text-align: right;
}  

/* TYPO */

h1 {
  font: 30px/30px Georgia, serif;
  color: #8c865b;
  margin: 0 0 8px 0;
}

h2 {
  font: bold 18px/18px 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
  color: #5c738d;
  margin: 0 0 16px 0;
}

h3 {
  font: bold 14px/16px 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
  color: #737373;
  margin: 16px 0 4px 0;
}

p {
  font: 12px/16px 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
  color: #737373;
  margin: 0 0 4px 0;
}
  
a {
  color: #33475d;
  text-decoration: none;
}
a:hover {
  color: #051f39;
}
  

/* MENUS ET BOUTONS */

  
#menu {
  font: bold 12px Helvetica, Arial, sans-serif;
}

#menu ul {
  list-style: none;
}

#menu li {
  float: left;
  padding: 6px 0;
  margin-right: 5px;
  border: 1px solid #cacaca;
  overflow: hidden;
  display: inline; /* fix IE double width margin bug */
}

#menu .active {
  color: #8c865b;
  padding: 6px 15px;
  border: 1px solid #cacaca;
}

#menu a {
  color: #5c738d;
  text-decoration: none;
  padding: 6px 15px;
  background: url(../images/bouton.gif) repeat-x bottom center;
}
#menu a:hover {
  color: #0b2948;
  text-decoration: none;
  background: url(../images/bouton_hover.gif) repeat-x top center;
}

.bouton {
  font: 12px Helvetica, Arial, sans-serif;
  margin-top: 25px;
}

.bouton a {
  color: #5c738d;
  text-decoration: none;
  padding: 6px 15px;
  border: 1px solid #cacaca;
  background: url(../images/bouton.gif) repeat-x bottom center;
}
.bouton a:hover {
  color: #0b2948;
  text-decoration: none;
  background: url(../images/bouton_hover.gif) repeat-x top center;
}
.bouton .active {
  color: #ff8403;
  padding: 6px 15px;
  border: 1px solid #cacaca;
}