html {
  margin  : 0;
  padding : 0;
}

body {
  margin  : 0;
  padding : 0;
}


* {
  font-family : Arial, Verdana, Helvetica, sans-serif;
  font-size   : small;
  font-weight : normal;
  color       : #222222;
}

a {
  color           : #0d4cab;
  text-decoration : underline;
}

a:hover {
  text-decoration : none;
  color           : #ed5900;
}

h1 {
  display       : block;
  color         : #888888;
  font-size     : x-large;
  font-weight   : normal;
  font-family   : Verdana, Arial, Helvetica, sans-serif;  
  padding       : 15px 0 10px 10px;
  text-align    : left;
  background    : url(../image/background_title.png) no-repeat bottom left;
  border-bottom : 1px solid #DDDDDD;
  margin        : 0 0 -1px 0;
}

h2 {
  margin        : 10px 15px 0 15px;
  border-bottom : 1px solid #DDDDDD; 
  color         : #ff8400;
  font-size     : medium;
  font-weight   : normal;
  font-family   : Verdana, Arial, Helvetica, sans-serif;  
}

h3 {
  margin          : 30px 20px 15px 15px;
  font-weight     : bold;
  color           : #999999;
  font-size       : small;
}

p {
  text-align : justify;
  margin     : 10px 15px 10px 15px;
}

ul {
  margin           : 0 20px 20px 50px;
  padding          : 0;
  list-style-image : url("../image/puce.gif");
}

li {
  margin       : 4px 0 4px 0;
  padding-left : 0;
  text-align   : justify;
}


/* ENTETE */

#titre {
  position      : absolute;
  top           : 20px;
  left          : 10px;
  z-index       : 1
}

#titre a img {
  border : 0;
}

#banniere {
  position : absolute;
  top      : 0;
  right    : 0;
  z-index  : 0;
}

/* MENU PRINCIPAL */

#menuPrincipal {
  position      : absolute;
  top           : 103px;
  width         : 100%;
  left          : 0;
  border-top : 1px solid #888888;
  border-bottom : 1px solid #888888;
  background-color : #ff9000; 
  margin : 0;
}

.rubrique {
  float   : left;
  padding : 1px 15px 2px 15px;
}

.rubrique a {
  color           : #FFFFFF;
  font-weight     : bold;
  text-decoration : none;
}

.rubrique a:hover {
  text-decoration : underline;
  color           : #FFFFFF;
}

.rubriqueSelectionnee {
  float   : left;
  padding : 1px 18px 2px 18px;
}

.rubriqueSelectionnee a {
  font-weight     : bold;
  color           : #FFFFFF;
  text-decoration : underline;
}

.rubriqueSelectionnee a:hover {
  color           : #FFFFFF;
  text-decoration : underline;
}


/* TOOLBAR */

#toolbar {
  position   : absolute;
  top        : 125px;
  right      : 10px;
  color      : #bbbbbb;
  font-size  : x-small;
  z-index    : 1;
}

#toolbar a {
  color      : #bbbbbb;
  font-size  : x-small;
}

/* MENU SECONDAIRE */

#menuSecondaire {
  position   : absolute;
  top        : 124px;
  left       : 0px;
  width      : 180px;
  margin     : 0;
}

#titreMenuSecondaire {
  margin        : 20px 0 0 5px;
  color         : #ff8400;
  font-weight   : bold;
  text-align    : center;
  border-bottom : 1px solid #DDDDDD;
}

#contenuMenuSecondaire {
  padding          : 15px 0 0 30px;
  margin-left      : 0px;
  width            : 150px;
  height 	   : 398px;
  border-right     : 1px solid #DDDDDD;
/*  background	   : url(../image/illustration/recherche-developpement.jpg) no-repeat bottom; */
}

#contenuMenuSecondaire li {
  padding : 2px 0 1px 0;
  color : #4575bc;
}

#contenuMenuSecondaire li a {
  color           : #4575bc;
  padding         : 0;
  margin          : 0;
  font-weight     : normal;
  text-decoration : none;
}

#contenuMenuSecondaire li a:hover {
  text-decoration : underline;
}

/* CONTENU */

#contenu {
  margin-top   : 120px;
  margin-right : 0px;
  margin-left  : 160px;
  padding      : 0 0 10px 20px;
}

.sousTitre {
  margin      : 0 15px 25px 35px;
  padding     : 2px;
  text-align  : left;
  font-weight : normal;
  font-family : Verdana, Arial, Helvetica, sans-serif;  
  color       : #7e5c37;
}

.ulTitle {
  margin          : 20px 20px 5px 10px;
  text-decoration : underline;
  font-weight     : bold;
}

.bloc {
  margin-top    : 0;
  padding       : 15px 0 10px 10px;
}

.blocMessage {
  margin           : 15px 20px 15px 20px;
  padding          : 5px;
  text-align       : center;
  font-weight      : normal;
  font-size        : medium;
  color            : #4575bc;
}

.blocMessage p {
  font-weight : normal;
  font-size   : medium;
  text-align  : center;
}

.blocMessage ul li {
  font-size   : medium;
  font-weight : normal;
}

table tr td {
  vertical-align : middle;
}

table.data {
  margin      : 20px 20px 20px 50px;
  border-top  : 1px solid #DDDDDD;
  border-left : 1px solid #DDDDDD;
  padding     : 0;
}

table.data td {
  margin         : 0;
  border-right   : 1px solid #DDDDDD;
  border-bottom  : 1px solid #DDDDDD;
  padding        : 2px 10px 2px 10px;
  vertical-align : top;
}

.menuInterne {
  margin           : 0 20px 20px 80px;
  padding          : 0;
  list-style-image : url("../image/puceSousMenu.gif");
}

.menuInterne li a {
  font-weight : bold;
  color       : #ff8400;
}

.topLink {
  text-align : right;

}

.topLink a {
  color : #BBBBBB;
}

.topLink a img {
  border : 0;
  margin-right : 7px;
}

.nbUtilisateurs {
  font-style   : italic;
  padding-left : 10px;
  color        : #999999;
}

/* FAQ */

.faq {
  padding-left : 60px;
}

.question {
  font-weight     : bold;
  color           : #4575bc;
  text-decoration : underline;
  padding-bottom  : 10px;
}

.expediteur {
  padding-left : 10px;
  font-style   : italic;
  font-weight  : normal;
}

.reponse {
  display     : block;
  margin      : 5px 0 20px 0;
}

/* CONTACT */

.rapportEnvoiCourrier {
  margin : 20px 40px 20px 40px;
  border : 1px solid #B10000;
  color : #B10000;
  text-align : center;
}

.rapportEnvoiCourrier p {
  color : #B10000;
}

.libelleChampsFormulaire {
  color : #4575bc;
}

/* ANNEXE */

.annexe {
  margin  : 0;
  padding : 20px;
}

.annexe h1 {
  margin-top  : 0;
  padding-top : 0;
}

.annexe .bloc {
  margin-left   : 0;
  margin-right  : 0;
  padding-left  : 0;
  padding-right : 0;
}

.annexe .bloc h2 {
  margin-left   : 0;
  margin-right  : 0;
  padding-left  : 0;
  padding-right : 0;
}

.annexe .bloc h3 {
  margin-left   : 0;
  margin-right  : 0;
  padding-left  : 0;
  padding-right : 0;
}

.annexe .bloc p {
  margin-right  : 0;
  padding-right : 0;
}

.annexe .melsensLink {
  position  : absolute;
  top       : 43px;
  right     : 20px;
  font-size : 85%;
  color     : #AAAAAA;
}

.annexe .melsensLink a {
  color     : #AAAAAA;
  font-size : 100%;
}

/* SCREENSHOT */

.displayImage {
  padding : 10px 0 0 10px;
  background-color : #ffb049;
}

.displayImage img {
  border : 2px solid #ff8500;
}

/* MENTIONS */

.mention {
  margin-top    : 10px;
  padding       : 5px;
  text-align    : center;
  font-size     : 85%;
  color         : #AAAAAA;
  border-top    : 1px solid #F0F0F0;
}

.mention a {
  color      : #AAAAAA;
  font-size  : 100%;
}

.compteurVisite {
  padding-top : 3px;
  border-top  : 1px solid #F0F0F0;
  text-align  : center;
  color       : #AAAAAA;
  font-size   : 85%;
}

.referencement {
  margin-top  : 20px;
  padding-top : 3px;
  text-align  : center;
  color       : #AAAAAA;
  font-size   : 85%;
}

.referencement a {
  color      : #AAAAAA;
  font-size  : 85%;
}

/* COMMUNIQUES */

.communique {
  margin       : 10px 0 25px 0;
  padding-left : 20px;
}

.communiqueTitre {
  border-bottom : 1px dashed #DDDDDD;
  color         : #FF8500;
  font-family   : Verdana, Arial, Helvetica, sans-serif;
  margin        : 0 200px 0 0;
  padding       : 0;
}

.communiqueContenu {
  margin  : 0;
  padding : 5px 20px 0 0;
}

.communiqueContenu p {
  margin  : 3px 0 0 0;
  padding : 0;
}