body
  {
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  margin:5px 0 5px 0;
  background:url(images/site_fond.png) repeat-x;
  padding:0;
  }

hr
  {
  margin:0px;
  }

a
  {
  text-decoration:none;
  color:#644F22;
  }

a:hover
  {
  background:#F5E0AD;
  }

img
  {
  border:none;
  }

form
  {
  margin:0;
  }

.haut
  {
  display:block;
  width:990px;
  height:126px;
  
  /*background-image:url(images/top.jpg);
  background-position: 490px top;
  background-repeat: no-repeat;*/
  }

.haut_menu
  {
  display:block;
  width:990px;
  height:41px;
  background:url(images/haut_menu.jpg) no-repeat;
  }
  
.haut_menu_lib
  {
  font-size:14px;
  font-weight:bold;

  }

.haut_menu_lib a
  {
  float:left;
  display:block;
  height:23px;
  color:#FFFFFF;
  padding:7px 4px 0 4px;
  }

.haut_menu_lib a:hover,a.haut_menu_lib_actif
  {
  height:21px;
  padding-top:9px;
  background:url(images/menu_select.png);
  color:#644F22;
  }

.page
  {
  width:978px;
  background:url(images/fond_page.png) repeat-y;
  }

.menu
  {
  float:left;
  width:150px;
  background:#FFFFFF url(images/menu_loup.jpg) bottom left no-repeat;
  padding-bottom:130px;
  margin:0 9px 0 1px;
  }

.main
  {
  float:left;
  width:795px;
  padding:5px 10px 0 10px;
  text-align:justify;
  }

.menu_gauche_titre
  {
  text-align:left;
  font-weight:bold;
  font-size:14px;
  font-style:italic;
  background:#644F22;
  color:#FFFFFF;
  }

.menu_gauche
  {
  clear:both;
  text-align:center;
  margin:3px 0 8px 0;
  background:#F5D281;
  border:1px #644F22 solid;
  font-size:12px;
  font-weight:normal;
  width:148px;
  }

.menu_gauche a
  {
  display:block;
  }

.menu_gauche hr
  {
  background-color:#644F22;
  color:#644F22;
  height:2px;
  border:none;
  margin:10px 0 10px 0;
  padding:0;
  }

.recherche,.newsletter
  {
  width:90px;
  border:1px #644F22 solid;
  padding-left:18px;
  }

.recherche
  {
  background:#FFFFFF url(images/loupe.png) center left no-repeat;
  }

.newsletter
  {
  background:#FFFFFF url(images/mail.png) center left no-repeat;
  }

.parution
  {
  margin:5px 5px 0 5px;
  padding:5px 5px 5px 5px;
  border:1px #644F22 solid;
  width:244px;
  float:left;
  background:#F5D281;
  }

.parution a img
  {
  border:2px #F5D281 solid;
  }

.parution a img:hover
  {
  border:2px #644F22 solid;
  }

.parution_titre
  {
  text-align:center;
  font-size:18px;
  font-weight:bold;
  border:2px #644F22 solid;
  background:#F5E0AD;
  color:#644F22;
  margin-bottom:2px;
  }

/*
.parution_image
  {
  margin:0 10px 0 5px;
  }
*/

.parution_description
  {
  text-align:justify;
  clear:both;
  padding-top:10px;
  }

.parution_decouvr
  {
  float:right;
  font-size:18px;
  font-weight:bold;
  text-align:center;
  
  color:#644F22;
  padding:0 5px 0 5px;
  }

.periodique
  {
  background: url(images/note_pad.png) no-repeat top right;
  width:798px;
  padding:0 5px 5px 0;
  }

.periodique_description
  {
  float:left;
  background:#FFFFFF;
  margin:0 9px 0 9px;
  text-align:center;
  background:#F5E0AD;
  width:240px;
  border:1px #644F22 solid;
  }

.periodique_description hr
  {
  background-color:#644F22;
  height:1px;
  color:#644F22;
  border:none;
  }

.periodique_description a img
  {
  border:2px #F5E0AD solid;
  }

.periodique_description a img:hover
  {
  border:2px #644F22 solid;
  }

.periodique_description_G
  {
  width:73px;
  float:left;
  text-align:right;
  font-weight:bold;
  clear:both;
  }

.periodique_description_D
  {
  width:73px;
  float:left;
  text-align:left;
  }

.albums
  {
  width:146px;
  float:left;
  margin:0 7px 10px 5px;
  text-align:center;
  background:#F5D281;
  border:1px #644F22 solid;
  }

.albums a:hover
  {
  background:none;
  }

.albums a img
  {
  width:140px;
  border:2px #F5D281 solid;
  }
  
.albums a img:hover
  {
  border:2px #644F22 solid;
  }

.albums_description_G
  {
  font-weight:bold;
  }

.albums_description_D
  {
  margin-bottom:5px;
  }

.btq_articles
  {
  width:450px;
  margin:0 auto 5px auto;
  border-left:1px #654E22 solid;
  border-top:1px #654E22 solid;
  }

.btq_articles tr td,.btq_article tr td
  {
  border-right:1px #654E22 solid;
  border-bottom:1px #654E22 solid;
  }

.btq_article
  {
  border-left:1px #654E22 solid;
  border-top:1px #654E22 solid;
  background:#F5E0AD;
  width:450px;
  margin:0 auto 0 auto;
  }

.btq_article tr td span
  {
  display:block;
  background:#644F22;
  color:#FFFFFF;
  }

.btq_article tr td a:hover
  {
  background:none;
  }

.btq_article tr td img
  {
  margin:5px 5px 5px 5px;
  border:2px #F5D281 solid;
  }
  
.btq_article tr td a img:hover
  {
  border:2px #644F22 solid;
  }

.btq_article tr td div
  {
  background:#F5D281;
  border:1px #644F22 solid;
  margin:5px 3px 5px 3px;
  }

.btq_navigation
  {
  border:1px #654E22 solid;
  padding:3px;
  margin-bottom:15px;
  font-weight:bold;
  background:#F5D281;
  }

.BC_Client
  {
  float:left;
  border:2px #664F23 solid;
  width:350px;
  font-weight:bold;
  margin-bottom:45px;
  }

.BC_Vistedit
  {
  float:right;
  border:2px #664F23 solid;
  width:250px;
  }

.BC_Vistedit div
  {
  display:block;
  width:100%;
  }

.BC_Client div
  {
  display:block;
  width:100%;
  border-bottom:2px #000000 dotted;
  }

.BC_Client td,.BC_Vistedit td
  {
  padding:2px 10px 2px 10px;
  background:#FFFFFF;
  }

.BC_title
  {
  clear:both;
  font-size:16px;
  font-weight:bold;
  margin:0 auto 5px auto;
  width:300px;
  text-align:center;
  border-bottom:2px #664F23 solid;
  }

.BC_Articles
  {
  text-align:center;
  margin:30px auto 35px auto;
  border-top:2px #664F23 solid;
  border-left:2px #664F23 solid;
  width:650px;
  }
  
.BC_Articles td
  {
  border-right:2px #664F23 solid;
  border-bottom:2px #664F23 solid;
  background:#FFFFFF;
  }

.important
  {
  background:#F5D281 url(images/avert.png) no-repeat;
  border:1px #664F23 solid;
  text-align:center;
  width:560px;
  margin:0 auto 5px auto;
  padding-left:40px;
  }

.titre_art_cat
  {
  text-align:center;
  width:300px;
  margin:0 auto 10px auto;
  background:#644F22;
  border:1px #F5D281 solid;
  color:#FFFFFF;
  padding:3px;
  font-weight:bold;
  }

.art_error
  {
  text-align:center;
  font-weight:bold;
  color:#FF0000;
  }

.bas
  {
  clear:both;
  display:block;
  width:990px;
  height:54px;
  background:url(images/bas.jpg) no-repeat;
  padding:27px 0 0 0;
  text-align:center;
  font-size:15px;
  }
  
.BC_Articles_admin
  {
  margin:5px auto 5px auto;
  border-top:2px #664F23 solid;
  border-left:2px #664F23 solid;
  }
  
.BC_Articles_admin td
  {
  border-right:2px #664F23 solid;
  border-bottom:2px #664F23 solid;
  background:#F5D281;
  }
  
.BC_Articles_admin button
  {
  border:none;
  background-color:transparent;
  }
  
.news
  {
  border-top:1px #644F22 solid;
  border-left:1px #644F22 solid;
  width:650px;
  margin:0 auto 0 auto;
  text-align:justify;
  margin-top:20px;
  background:#F5D281;
  border-bottom:10px #644F22 solid;
  }

.news td
  {
  border-right:1px #644F22 solid;
  border-bottom:1px #644F22 solid;
  }

.news_img
  {
  float:right;
  margin:0 0 5px 5px;
  }

.news_titre
  {
  color:#FFFFFF;
  background:#644F22;
  font-weight:bold;
  }

.news_texte hr
  {
  background-color:#644F22;
  color:#644F22;
  height:2px;
  border:none;
  margin:10px 0 10px 0;
  padding:0;
  }
  
.news_texte a
  {
  color:#644F22;
  display:block;
  margin:0 auto 0 auto;
  }
  
.news_texte a:hover
  {
  color:#644F22;
  background:none;
  font-weight:bold;
  }
  
fieldset
  {
  background:#F5D281;
  border:2px #655023 solid;
  margin:10px;
  padding:5px;
  }
  
fieldset legend
  {
  background:#644F22;
  color:#FFFFFF;
  font-weight:bold;
  border:2px #655023 solid;
  padding:2px;
  }
  
fieldset a
  {
  float:left;
  border:2px #F5D281 solid;
  margin:2px;
  }
fieldset a:hover
  {
  border:2px #644F22 solid;
  }

/****************************************************************************************************************
 ********************************************  DarQueryer  ******************************************************
 ****************************************************************************************************************/
.darQ_form
  {
  padding:5px;
  margin:3px;
  }

.darQ_label
  {
  clear:left;
  float:left;
  text-align:right;
  overflow:hidden;
  padding-right:5px;
  margin-bottom:2px;
  }

.darQ_input,.darQ_input_error
  {
  float:left;
  margin:0 0 2px 2px;
  }

.darQ_input_error
  {
  background:#FF8181;
  }

.darQ_formerror
  {
  color:#FFFFFF;
  background:#FF0000;
  border:1px #FFFFFF solid;
  margin-bottom:5px;
  padding-left:5px;
  }

.darQ_debug
  {
  color:#FFFFFF;
  padding:5px;
  margin:3px;
  }

.darQ_tableau
  {
  border-top:1px solid;
  border-left:1px solid;
  }

.darQ_tableau td
  {
  border-bottom:1px solid;
  border-right:1px solid;
  text-align:center;
  }

.darQ_tableau label
  {
  display:block;
  padding:3px;
  }

.darQ_tableau a
  {
  font-weight:bold;
  text-decoration:none;
  }

.darQ_tableau a:hover
  {
  text-decoration:underline;
  }

.darQ_galerie
  {
  float:left;
  margin:3px;
  display:block;
  text-align:center;
  padding:3px;
  }

.darQ_galerie a
  {
  display:block;
  padding-top:96px;
  margin:0 auto;
  background-position:center;
  background-repeat:no-repeat;
  }

.darQ_galerie span
  {
  display:block;
  height:14px;
  font-size:11px;
  }

.darQ_galerie_selecteur
  {
  margin-top:3px;
  float:left;
  overflow:scroll;
  width:200px;
  height:240px;
  }

.darQ_galerie_selecteur a
  {
  width:85px;
  height:78px;
  float:left;
  margin:2px;
  text-align:center;
  text-decoration:none;
  overflow:hidden;
  }

.darQ_galerie_selecteur img
  {
  border:none;
  width:85px;
  height:64px;
  display:block;
  }

.darQ_galerie_selecteur span
  {
  display:block;
  height:14px;
  font-size:11px;
  }
/***************************************************************************************************************/

/****************************************************************************************************************
 ********************************************  Lightbox  ******************************************************==
 ****************************************************************************************************************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/***************************************************************************************************************/