body
{
  font            : normal 12px verdana, arial, sans-serif;
  background      : #fff url(../images/fond_body.gif);
  color           : #000;
}

#main
{
  width           : 990px;
  margin          : 10px auto;
}

/******************************************/
/*                HEADER                  */
/******************************************/
#header
{
  background      : #fff;
  overflow        : hidden;
  padding         : 0 5px;
}

#header img#logo
{
  margin          : 0 30px;
  display         : inline;
  float           : left;
}

#header h1
{
  padding         : 14px 0;
  margin-top      : 10px;
  background      : #fff url(../images/fond_head.gif) no-repeat;
  overflow        : hidden;
  float           : left;
  width           : 660px;
}

#header h1 strong
{
  font            : bold 25px arial, sans-serif;
  padding         : 13px 0 13px 20px;
  float           : left;
  border-left     : 1px dotted #000;
}

#header h1 a:link, #header h1 a:hover, #header h1 a:visited
{
  color           : #000;
  text-decoration : none;
  display         : block;
}

#header p#lang
{
  text-align      : right;
  margin-top      : 5px;
}

#header p#lang a
{
  padding         : 0 2px;
}

#header div#compteur
{
  float           : left;
  width           : 300px;
  display         : inline;
  margin          : 10px 0 0 10px;
  overflow        : hidden;
}

#header div#compteur p
{
  text-align      : center;
  margin          : 0;
}

#header div#compteur p strong
{
  display         : block;
  background      : #70001a url(../images/fond_head_tab.gif) no-repeat;
  color           : #fff;
  width           : 100%;
  color           : #fff;
}

#header div#compteur p strong em
{
  background      : url(../images/fond_head_tab_right.gif) no-repeat top right;
  padding         : 3px 0 3px 6px;
  display         : block;
  font            : normal 12px arial, sans-serif;
}

#header div#compteur p strong em img
{
  vertical-align  : middle;
}

#header div#compteur p #compteur-flash
{
  display         : block;
  border          : 1px solid #666;
}

#header div#compteur p #compteur-flash span
{
  display         : block;
  padding         : 14px 0;
  border          : 1px solid #000;
  background      : #090909 url(../images/fond_compteur.gif);
}

#header div#compteur p #compteur-flash span object
{
  background      : url(../images/fond_compteur_object.gif) no-repeat;
}

/******************************************/
/*                FOOTER                  */
/******************************************/

#footer, #footer a
{
  color           : #fff;
  text-align      : center;
  font            : normal 10px verdana, arial, sans-serif;
  margin-top      : 3px;
  clear           : both;
}

#footer p
{
  margin-top      : 5px;
}

/******************************************/
/*                CONTENT                 */
/******************************************/

#content
{
  overflow        : hidden;
  padding         : 10px 5px 5px 5px;
  background      : #fff;
}

#content2
{
  overflow        : hidden;
  background      : #e6e6e6;
}

.info, .success, .warning, .error, .infos, .warnings, .infos2
{
  border              : 1px solid;
  margin              : 10px auto;
  padding             : 15px 10px 15px 50px;
  background-repeat   : no-repeat;
  background-position : 10px 25px;
  width               : 87%;
  font-weight         : bold;
}

.error, .warning, .infos2
{
  background-position : 10px center;
}

.warning, .infos2
{
  width             : 70%;
  font-size         : 10px;
  padding           : 5px 5px 5px 40px;
  -moz-border-radius : 10px;
  -webkit-border-radius: 10px;
  border-radius   : 10px;
}

.warning
{
  color             : #9f6000;
  background-color  : #feefb3;
  background-image  : url(../images/warning3.png);
}

.infos2
{
  color             : #00529b;
  background-color  : #d5e8f8;
  background-image  : url(../images/info3.png);
}

.warning p, .infos2 p
{
  margin            : 0;
}

.warning a:link, .warning a:hover, .warning a:visited, .infos2 a:link, .infos2 a:hover, .infos2 a:visited
{
  font-size         : 10px;
  text-decoration   : underline;
}

.warning a:link, .warning a:hover, .warning a:visited
{
  color             : #9f6000;
}

.infos2 a:link, .infos2 a:hover, .infos2 a:visited
{
  color             : #00529b;
}

.warning a:hover
{
  color             : #d28f29;
}

.infos2 a:hover
{
  color             : #0079e4;
}

.error
{
  color             : #d8000c;
  background-color  : #ffbaba;
  background-image  : url(../images/error.png);
}

.info
{
  color             : #00529b;
  background-color  : #bde5f8;
  background-image  : url(../images/info.png);
}

.success
{
  color             : #4f8a10;
  background-color  : #dff2bf;
  background-image  : url(../images/success.png);
}

.warnings
{
  font-weight       : normal;
  background-image  : url(../images/warning2.png);
  color             : #ef6b00;
}

.infos
{
  font-weight       : normal;
  background-image  : url(../images/info.png);
  color             : #00529b;
  padding           : 5px 10px 5px 50px;
}

.infos p, .warnings p
{
  margin            : 10px 0;
}

.infos img
{
  vertical-align    : bottom;
}

.infos ul
{
  list-style        : none;
  padding           : 0;
  margin            : 10px 0 10px 20px;
}