body
 {
 background: #555; /*rgb(204,204,153);*/
 font-family: Verdana, Arial, sans-serif;
 font-size: .8em;
 color: black;
 margin: 0;
 padding: 0;
 }

a
 {
 /*font-size: .9em; .85em;*/
 text-decoration: none;
 border: 0;
 color: red;
 }
a:hover
 {
 /*font-size: .9em; .85em;*/
 text-decoration: none;
 border: 0;
 color: orange;
 }

img
 {
 border: 0;
 }

#wrapper
 {
 width: 960px;
 background: #FFF;
 margin: 0px auto;
 }

#header
 {
 background: black;
 line-height: 0; /* sinon y'a un espace sous l'image...*/
 }

#header a
 {
 margin:0;
 padding:0;
 }

#nav
 {
 height: 55px;
 }

#nav a
 {
 float: left;
 padding: 12px 20px 12px 20px;
 background: rgb(224,255,208);
 border-right: 1px grey solid;
 color: black;
 font-size: 12px; /* hauteur du menu horizontal supérieur */
 }

#nav a:hover
 {
 background: rgb(255,255,102); /*rgb(240,255,224);*/
 color: blue;
 }

#subnav
 {
 float: left;
 width: 200px; /*140px;*/
 background: #FFF;
 margin-left: 15px;
 }

#subnav a
 {
 display: block;
 padding: 5px;
 color: #666;
 border-bottom: 1px #AAA solid;
 }

#subnav a:hover
 {
 background: rgb(255,255,102);;
 color: black;
 }

#news
 {
 font-size: .85em;
 float: left;
 width: 200px; /*140px;*/
 margin-left: 15px;
 }

#content
 {
 width: 700px; /*780px;*/
 float: right;
 margin-right: 30px;
 }

#footer
 {
 clear: both;
 margin: 0;
 padding: 0;
 height: 80px;
 color: white;
 background: url("img/fond_footer.png");
 }

#footer ul
 {
 list-style: none;
 margin: 0;
 padding: 0;
 /*background: rgb(127,128,240);*/
 width: 100%;
 float: left;
 }

.center /* utile de garder ?? */
 {
 text-align: center;
 }

.right
 {
 text-align: right;
 }

#copyright
 {
 float: left;
 padding: 32px;
 }

#design
 {
 float: right;
 padding: 32px;
 }

/* ajouts recherche */
input.coul
  {
  margin : 3px 3px 3px 0px;
  background : rgb(224,255,208);
  }

img.left  { float: left;  margin: 0 14px 4px 5px; /*border: solid 1px black;*/ }
img.right { float: right; margin: 0 5px 4px 14px; /*border: solid 1px black;*/ }
img.middle
  {
  display: block;
  text-align: center;
  margin: 0 auto;
  /*border: solid 1px black; */
  }

#content p
 {
 text-align: justify;
 margin: 4px 4px 12px 4px;
 }

#content h1
 {
 color : rgb(16,144,127);
 font-size: 28px;
 }
#content h2
 {
 color : rgb(48,176,127);
 font-size: 22px;
 }
#content h3
 {
 color : rgb(144,208,127);
 font-size: 18px;
 }
#content h4
 {
 color : rgb(208,128,0);
 font-size: 16px;
 }

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

/* Table ornée  */
/*==============*/

table.orned th
  {
  border-collapse:collapse;
  border-spacing:0;
  font-size:100%;
  background:#A39A80;
  color:#FFF;
  font-weight:bold;
  }
table.orned th, table.orned td
  {
  text-align:center;
  border:1px solid #DAD6CB;
  padding:3px 7px;
  }
table.orned tr.bg td
  {
  background:#F1EEE8;
  }

td.imageenhaut
  {
  vertical-align: top;
  }

/* Ajout pour le pager */
/*=====================*/
div.navigateur
 {
 text-align: center !important;
 float: middle;
 background: rgb(255,255,204);
 margin: 2px 2px 20px 2px;
 }

/* Pour l'affichage des liens internet */
/*#####################################*/
img.right_lien
  {
  float: right;
  margin: 0 5px 10px 14px;
  padding : 0px;
  border: solid 2px rgb(203,203,203);
  }
hr.encouleur
  {
  border: 0;
  color: grey; 
  background-color: grey;
  height: 1px;
  clear: both;
  }

/* ajout pour tableau invisible dans <div id="affichageclassif"> */
/*================================================================*/

#affichageclassif table      { margin: 4px 0px 10px 0px;
                               border-collapse: collapse;
                               width: 100%;
                             }
#affichageclassif table td,
#affichageclassif table th   { border: 1px; padding: 6px; vertical-align:top;}
#affichageclassif table img  { margin: 0 3px 0 0; border: 0; }
#affichageclassif table td p { margin: 0; padding: 0;}

#affichageclassif h1,
#affichageclassif h2,
#affichageclassif h3,
#affichageclassif h4 {margin: 0px 4px 4px 2px; padding: 0px;}

.enrouge
  {
  color: red;
  font-weight: bold;
  }

.envert
  {
  color: rgb(16,144,127);
  font-weight: bold;
  }

a.catag
  {
  text-decoration: none;
  border: 0;
  color: black;
  font-weight: normal;
  }

a:hover.catag
  {
  text-decoration: underline;
  border: 0;
  color: green;
  font-weight: bold;
  }

p.centrerdansgalerie
  {
  text-align: center !important;
  }

hr.efface
  {
  display: block;
  clear: both;
  visibility: hidden;
  }