/* Generated by KompoZer */
html {
  margin: 0 0 0 -1px;
  padding: 0;
  background: #d0d0d0 none repeat scroll 0%;
}
body {
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}
body {
  color: #606060;
  font-family: 'Trebuchet MS',sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
}
p {
  letter-spacing: normal;
  line-height: 1.7em;
}
h1 {
  margin: 25px 0 10px;
  color: #505050;
  font-size: 22px;
  clear: both;
}
h2 {
  margin: 20px 0 10px;
  color: #505050;
  font-size: 20px;
  clear: both;
}
h3 {
  margin: 20px 0 5px;
  color: #505050;
  font-size: 18px;
  clear: both;
}
a:link, a:visited {
  color: #fa720a;
  text-decoration: none;
}
a:hover {
  color: #fa720a;
  text-decoration: underline;
}
#wrapper {
  margin: 0 auto;
  background: transparent url(page-vbg.jpg) repeat-y scroll 50% 0px;
  width: 100%;
}
body {
  background-color: #d0d0d0;
}
#bg {
  margin: 0 auto;
  padding: 0;
  background: transparent url(hat.jpg) no-repeat scroll center top;
}
#header {
  margin: 0 auto;
  height: 60px;
  width: 880px;
  position: relative;
}
#page {
  background: transparent url(page-bg.jpg) no-repeat scroll center top;
}
#container {
  margin: 0 auto;
  width: 880px;
}
#banner {
  margin: 0 auto;
  height: 200px;
  width: 100%;
}
#nav1 {
  margin: 0 auto;
  height: 50px;
  width: 870px;
  text-align: center;
}
#nav1 ul {
  margin: 0 auto;
  padding: 0;
  display: table;
  list-style-type: none;
  position: relative;
  height: 50px;
  text-transform: uppercase;
  font-size: 12px;
  font-family: Arial,sans-serif;
}
#nav1 ul li {
  margin: 0;
  padding: 0;
  background: transparent url(hmenu.jpg) repeat-x scroll left top;
  display: block;
  float: left;
}
#nav1 ul li a {
  padding: 0px 50px;
  display: block;
  float: left;
  color: #ffffff;
  text-decoration: none;
  line-height: 50px;
  font-weight: bold;
}
#nav1 ul li a:hover, #nav1 li#current a {
  background: transparent url(hmenu-sel.jpg) repeat-x scroll left top;
  color: #ffb508;
}
#content {
  margin: 0 auto;
  width: 870px;
  text-align: left;
  min-height: 800px;
}
#content p {
  text-align: justify;
}
#Textedefil {
  margin: 0 auto;
  background: transparent url(../images/sketch.jpg) repeat scroll center top;
}
#footerWrapper {
  margin: 0 auto;
  padding: 0;
  background: transparent url(footerWrapper-bg.jpg) no-repeat scroll center top;
  height: 110px;
}
#footer {
  margin: 0 auto;
  padding: 0;
  width: 880px;
  height: 70px;
}
#footer {
  color: #ffffff;
  text-align: center;
}
#footer a:link, #footer a:visited {
  color: #ffffff;
}
#footer a:hover {
  color: #ffb508;
  text-decoration: none;
}
#right {
  padding: 0px;
  width: 234px;
  float: left;
}
#center {
  margin: 0 15px 0 20px;
  padding: 0px;
  width: 576px;
  float: left;
}
#content p {
  margin-top: 10px;
  text-align: justify;
}
#g-sidebar {
  margin: 10px;
  padding: 0px;
}
#g-sidebar * {
  margin: 15px;
}
#g-sidebar ul.vmenu {
  border-top: 1px solid #eeeeee;
  margin: 7px 0px 8px;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  text-align: left;
  text-decoration: none;
}
#g-sidebar ul.vmenu li {
  border-bottom: 1px solid #eeeeee;
  margin: 0 2px;
  padding: 4px 0 4px 0px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#g-sidebar ul.vmenu li a {
  text-decoration: none;
  color: #fa720a;
}
#g-sidebar ul.vmenu li a:hover {
  color: #820000;
}
#g-sidebar ul.vmenu ul {
  margin: 0 0 0 5px;
  padding: 0;
}
#g-sidebar ul.vmenu ul li {
  border:  none;
}

p
{
  font-size : 1.1em; /* Définition de la taille de la police de nos paragraphes */
}


/* Rend invisible tout notre bloc span */
a.info_bulle span
{
    position        : absolute;
    top             : -2000em;
    left            : -2000em;
    width           : 1px;
    height          : 1px;
    overflow        : hidden;
    background      : #DDEEFF;    /* Définition du fond, sinon on a le même que notre lien */
    border          : 1px solid #6699FF; /* Définition des bordures */
}
a.info_bulle
{
  color            : #2F368A;
  text-decoration : none;
  padding          : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  /* Définition de l'arrière plan de notre lien */
  background       : transparent url('comment.gif') no-repeat right center;
  position         : relative; /* Indispensable pour le bon positionnement de l'info-bulle */
}
a.info_bulle:hover
{
  border           : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}
/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span
{
    top        : auto;
    left       : auto;
    width      : 320px;
    height     : auto;
    overflow   : visible;
}