/* ---------------- */
/*  Styles généraux */
/* ---------------- */

/*
  gris menu #E6E6E6;
*/


* {
  font-family: Arial, Helvetica, sans-serif, monospace;
  font-size: 11px;
}

body {
  background-color: #B7B7B7;
  color: #000000;
  text-align: center;  /* to force IE to center main box */
}



body * {
  text-align: left; /* see body */
}

div.main {
  margin: 0 auto;
  width: 780px;
  border: 1px solid #555555;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: #000000;
}

table {
  border: 0px;
  border-collapse: collapse;
}

img {
  border: 0px;
}

td {
  padding: 0px;
}

form {
  display: inline;
}


.input {
  border: 1px #6A6D99 solid;
  background-color: #E6E6E6;
  margin-bottom: 2px;
}

#bandeau {
  height: 55px;
  background-color: #0C3488;
  background-image: url("/img/bandeau.gif");
  background-repeat: no-repeat;
  background-position: center right;
}


#logo {
  margin: 6px;
}



#navbar {
  background-image: url("/img/fond-navbar.gif");
  background-repeat: repeat-x;
  height: 20px;
  color: #6A6D99;
  border-bottom: 1px solid #6A6D99;
}

#date {
  float: left;
  width: 130px;
  margin-top: 3px;
  text-align: center;
}


/*
#navlinks {
  float: left;

}
*/

div.navlink {
  float: left;
  margin-top: 3px;
  padding-left: 2em;
  padding-right: 2em;
}

div.navlink a {
  color: #6A6D99;
}

div.navlink a:hover {
  color: #000000;
}



/* ----------------- */
/*  titre de la page */
/* ----------------- */


td.titre {
  background-image: url("/img/fond-titre.gif");
  background-repeat: repeat-x;
  width: 650px;
  height: 48px;
  vertical-align: middle;
  border-left: 1px solid #6A6D99;
}

div.titre {
  background-image: url("/img/grande-fleche-grise.gif");
  background-repeat: no-repeat;
  background-position: center left;

  vertical-align: middle;
  padding-left: 24px;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
  font-size: 20px;
  font-weight: bold;
}


/* ----------------- */
/*   colonnes        */
/* ----------------- */

table.colonnes {
  clear: both;
  width: 100%;
  padding: 0px;
}


/* --------------- */
/*  menu de gauche */
/* --------------- */
td.menu {
  padding: 0px;
  width: 130px;
  vertical-align: top;
  background-color: #E6E6E6;
}

div.menu2 {
  width: 130px;
  font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
  font-weight: bold;
  color: #6A6D99;
}

div.titre-menu {
  padding: 6px;
  padding-left: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
  font-size: 13px;
  font-weight: bold;  
  color: white;
  background-color: #B0B2C9;
}

div.menu {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 12px;
  margin-top: 8px;
  font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
  font-weight: bold;
  margin-right: 2px;
}

div.sous {
  margin-top: 3px;
  color: #959595;
  font-weight: normal;
}

div.active {
  background-image: url("/img/fleche-menu-degradee.gif");
  background-repeat: no-repeat;
  background-position: bottom right;
}

div.menu a {
  font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
  font-weight: bold;
  color: #6A6D99;
}

div.menu a:hover {
  color: #000000;
}

div.sous a {
  color: #959595;
  font-weight: normal;
}





/* --------------- */
/*  barre d'images */
/* --------------- */
td.imgbar {
  padding: 0px;
  width: 650px;
  height: 60px;
  vertical-align: top;
  border-left: 1px solid #6A6D99;
  border-bottom: 1px solid #6A6D99;  
}

div.imgbar {
  width: 650px;
  height: 60px;
}


/* ---------------------------- */
/*  Colonne centrale / contenu  */
/* ---------------------------- */
td.content {
  padding: 0px;
  background-color: white;
  width: 500px;
  vertical-align: top;
  border-left: 1px solid #6A6D99;
}

div.content {
  padding: 8px;
}

div.content h1 {
  background-image: url("/img/puce-orange.gif");
  background-repeat: no-repeat;
  background-position: center left;
  font-weight: bold;
  margin-bottom: 5px;
  margin-bottom: 3px;
  padding-left: 16px;
  font-size: 14px;
  color: #6A6D99;
}

div.content h2 {
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding-top: 6px;
}

div.content a {
  color: #555555; 
}

div.content a:hover {
  color: black; 
}

div.content b {
  color: #F29B12; 
}

div.puces {
  background-image: url("/img/puce-bleue.gif");
  background-repeat: no-repeat;
  background-position: 6px left;
  padding-left: 16px;
  margin-left: 20px;
  padding-top: 3px;
  padding-bottom: 3px;
}

div.content div.puces b {
  color: black; 
}

div.pucesR {
  background-image: url("/img/puce-bleue.gif");
  background-repeat: no-repeat;
  background-position: 6px left;
  padding-left: 16px;
  margin-left: 300px;
  padding-top: 3px;
  padding-bottom: 3px;
}

img.email {
/*  vertical-align: middle; */
  vertical-align: -2px;
}

div.content div.submit {
   margin: 10px;
   text-align: center;
}


/* ------------------------ */
/*  colonne infos connexes  */
/* ------------------------ */
td.related {
  padding: 0px;
  background-color: #FFD290;
  width: 150px;
  vertical-align: top;
  border-left: 1px solid #6A6D99;
}


div.related {
  padding: 6px;
  color: #000000;
}

div.related h1 {
  font-weight: bold;
  margin: 0px;
  padding-top: 6px;
}

div.related a {
  color: #000000;
}

div.related a:hover {
  color: #6A6D99;
}



/* -------------------------- */
/*       Copies d'écran       */
/* -------------------------- */

div.screensmall {
  text-align:center;
}

div.screensmall h1 {
  text-align:left;
}

div.screensmall a {
  font-style: italic;
  font-weight: normal;
}

body.screenfull {
  background-color: #E6E6E6;
  color: #000000;
  text-align: center;  /* to force IE to center main box */
}

div.screenfull {
  text-align: center;
}

div.screenfull a {
  text-align:right;
}

/*
div.screenfull img {
  width: 635px;
  height: 521px;
}
*/

/*
  Login
*/


div.login {
  width: 160px;
  vertical-align: top;
  padding: 6px;
  background-color: #D6D6D6;
  color: #000000;
}

div.login a {
  font-weight: bold;
}

div.login a:hover {
  color: #FFFFFF;
}


/* ---------------------- */
/*       COPYRIGHTS       */
/* ---------------------- */

td.copyrights {
  padding: 0px 0px 2px 0px;
  text-align: center;
  vertical-align: bottom;
  font-size: 8px;
  color: #959595;
}

td.copyrights a {
  color: #959595;
  font-size: 9px;
}

td.copyrights a:hover {
  color: #000000;
}


/* ----------- */
/* screenshots */
/* ----------- */

div.screensmall { }

div.screenfull {
  text-align: center;
}