/* pour corriger les erreurs*/
/*div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid red}
a {border: 1px solid red}*/

html * {
  padding: 0;
  margin: 0;
}

img { border: 0;}


/*body
{
   font-family: Verdana, sans-serif;
   background-color:#000000;
   background-image: url("images/vin jv.jpg");
      background-repeat: repeat-x;
}*/
      
body {
	background-image: url(../images/fond.jpg);
	background-repeat: repeat;
}

#humeur
{
	margin: auto; /* Pour centrer notre page */
	width:870px;
	background-color:#ffffff;
	background-repeat: no-repeat;
}

#corps
{
	margin: auto; /* Pour centrer notre page */
	width:952px;
	font-family        : verdana;
	font-size: 12px;
	background-color:#ffffff;
	background-repeat: no-repeat;
}

#bandeau_haut
{
	 margin: auto; /* Pour centrer notre page */
	 background-image: url("../images/plage.jpg");
   height:429px;
   width:907px;
   background-repeat: no-repeat;
}

#bandeau_haut
{
	 margin: auto; /* Pour centrer notre page */
	 background-image: url("../images/carte_Xena.jpg");
   height:429px;
   width:907px;
   background-repeat: no-repeat;
}
#phrase
{
	 margin: auto; /* Pour centrer notre page */
	 /*background-image: url("../images/plage.jpg");*/
   height:56px;
   width:952px;
   background-repeat: no-repeat;
   
}


#bandeau_gauche
{
   position:absolute;
   top:20px;
   left:50px;
   background-image: url("../images/bandeau gauche.jpg");
   background-repeat: no-repeat;
   height:1500px;
   width:100px;
   
}

#en_tete
{
   width: 1060px;
   height: 100px;
   
   /*background-image: url("../images/fond.gif");*/
   background-repeat: no-repeat;
   margin-bottom: 10px;
}


/* Le menu */


.recherche
{
   background-image: url("../images/recherche_deg0.gif");
   background-repeat: no-repeat;
   height: 80px;
   width: 140px;
   margin-left: 25px;
   margin-top: 120px;
   filter:alpha(opacity=90);  
   -moz-opacity:0.90;
   opacity: 0.90;

}

.rech_case
{
  position:relative;
  top:6px;
  left:5px;
  font-size: 0.8em;   
}

.boutonVal
{
  position:relative;
  top:-5px;
  left:5px;
border-top: 1px solid #cecece;
	border-bottom: 2px solid #4a4a4a;
	border-left: 2px solid #cecece;
	border-right: 2px solid #cecece;
	text-decoration: none;
/*	width: 3em;*/
	text-align: center;
	margin: 1em 0;
/*	font-family: helvetica,arial,sans-serif;*/
	font-size: 11px;
	font-weight: bold;
	background-color: #fff;
	color: #0c479d;
}

.boutonVal:hover
{
  background-color: #66CCFF;
}

#menu
{
   height: 230px;
   margin-left: 25px;
   background-repeat: no-repeat;
 //  background-image: url("../images/menu_deg.gif");
   width: 140px;
}

#menu_case
{
  position:relative;
  top:0px;
  left:5px;
  font-size: 0.8em;   
}

#prechargement {
 display: none;
 }

  
#bouton_accueil
{
 	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	height:21px;
   	width:129px;
	
	background: url("../images/accueilr2.gif") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#bouton_accueil:hover
{
	background: url("../images/accueilr2.gif") no-repeat 0 -21px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
	

#bouton_albums
{
 	display: block ;
	height:21px;
   	width:129px;
	
	background: url("../images/albumsr2.gif") no-repeat 0 0 ;
}

#bouton_albums:hover
{
	background: url("../images/albumsr2.gif") no-repeat 0 -21px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

#bouton_series
{
 	display: block ;
	height:21px;
   	width:129px;
	
	background: url("../images/seriesr2.gif") no-repeat 0 0 ;
}

#bouton_series:hover
{
	background: url("../images/seriesr2.gif") no-repeat 0 -21px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

#bouton_auteurs
{
 	display: block ;
	height:21px;
   	width:129px;
	
	background: url("../images/auteursr2.gif") no-repeat 0 0 ;
}

#bouton_auteurs:hover
{
	background: url("../images/auteursr2.gif") no-repeat 0 -21px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

#bouton_genre
{
 	display: block ;
	height:21px;
   	width:129px;
	
	background: url("../images/genrer2.gif") no-repeat 0 0 ;
}

#bouton_genre:hover
{
	background: url("../images/genrer2.gif") no-repeat 0 -21px ; 
}

#bouton_gribouillages
{
 	display: block ;
	height:21px;
   	width:129px;
	
	background: url("../images/gribouillagesr2.gif") no-repeat 0 0 ;
}

#bouton_gribouillages:hover
{
	background: url("../images/gribouillagesr2.gif") no-repeat 0 -21px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

#bouton_dimensions
{
 	display: block ;
	height:21px;
   	width:129px;
	
	background: url("../images/dimensionsr2.gif") no-repeat 0 0 ;
}

#bouton_dimensions:hover
{
	background: url("../images/dimensionsr2.gif") no-repeat 0 -21px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

#bouton_gallerie
{
 	display: block ;
	height:21px;
   	width:129px;
	
	background: url("../images/gallerie2.gif") no-repeat 0 0 ;
}

#bouton_gallerie:hover
{
	background: url("../images/gallerie2.gif") no-repeat 0 -21px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}


#bouton_humeur
{
 	display: block ;
	height:21px;
   	width:129px;
	
	background: url("../images/humeur2.gif") no-repeat 0 0 ;
}

#bouton_humeur:hover
{
	background: url("../images/humeur2.gif") no-repeat 0 -21px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

#bouton_photos
{
 	display: block ;
	height:23px;
   	width:129px;
	
	background: url("../images/photos.gif") no-repeat 0 0 ;
}

#bouton_photos:hover
{
	background: url("../images/photos.gif") no-repeat 0 -21px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Le corps de la page */



.normal
{
  font-size: 12px;
}
.bold
{
  font-weight: bold;
}
.serie
{
  font-size: 15px; font-weight: bold; color: #1838b5;text-transform : uppercase; 
}
.tome
{
  font-variant: small-caps; font-size: 12px; font-weight: bold; color: #8cdbff; 
}
.titre
{
  font-weight: bold; font-size: 18px; font-family: Verdana; color: #8cdbff; text-transform : uppercase;
}
.resumavis
{
  font-size: 14px; font-variant: small-caps; font-weight: bold; position: relative; top: -2px;
}
.editeur
{
  font-family: Verdana; font-size: 12px; color: #396dc6;
}
.genre
{
  font-family: Verdana; font-size: 10px; color: #396dc6;
}
.auteur
{
  font-family: Verdana; font-size: 12px; color: #1838b5;
}
.dateedit
{
  font-family: Verdana; font-size: 10px; color: #396dc6;
}
.line
{
  background-color: #2F5A10;
}
.cadre
{
border: 2px solid black;
/*border: 1px solid #76AF24;*/
padding: 5px;
}
.bleu
{
 margin: 5px;
 padding: 10px;
border: #26a solid 1px;
}

.bleu b
{
color: #396dc6;
font-weight: bold;
}


#corps h1
{
   color: black;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}

.presentation
{
  border: 0px solid black;
  text-align: left;
}

.news0
{
    width:100%;
    margin:auto;
}
.news0 h1, h3
{
    text-align:center;
}
.news0 h3
{
    background-color:#ff9d00;
    color:white;
    font-size:0.9em;
    margin-bottom:0px;
}
.news0 em
{
  font-size: 10px;
  color:green;
}
.news0 p
{
    font-size: 12px;
    margin-top:0px;
}


.news
{
    width:100%;
    margin:auto;
}
.news h1, h3
{
    text-align:center;
}
.news h3
{
    background-color:#85d8fa;
    color:white;
    font-size:0.9em;
    margin-bottom:0px;
}
.news em
{
  font-size: 10px;
  color:blue;
}
.news p
{
    font-size: 12px;
    margin-top:0px;
}

.divers
{
   height: 330px;
   margin-left: 25px;
   padding: 5px;
   text-align: center;
   font-size: 10px;
   
   color: #0c479d;
   background-color: #ffffff;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
}



.bdjour
{
   height: 330px;
   margin-left: 25px;
   background-repeat: no-repeat;
   background-image: url("../images/menu_ldor0.gif");
   width: 136px;
   filter:alpha(opacity=90);  
   -moz-opacity:0.90;
   opacity: 0.90;
}

.bdjour_case
{
  position:relative;
  width: 130px;
  height: 290px;
  top:7px;
  left:5px;
  font-size: 0.6em; 
}  
  
.livredor
{
   height: 100px;
   width:907px;
#   margin-left: 25px;
   background-repeat: no-repeat;
   width: 136px;
  }

.livredor_case
{
  position:relative;
  width: 130px;
  height: 200px;
  top:7px;
  left:5px;
  font-size: 1em;   
}

.traces
{    
   color: #990099;
   font-size: 1em;
   font-weight: bold;
}

.pseudo
{    
   color: #0000FF;
}

.livredor message
{    
   color: black;
  width: 10px;
}

.element_menu h3
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #B3B3B3;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}




/* Le pied de page (qui se trouve tout en bas, en g?n?ral pour les copyrights) */

#pied_de_page
{
   position:absolute;
   top:835px;
   left:55px;
   padding: 5px;
   text-align: center;
   font-size: 10px;
   
   color: #0c479d;
   background-color: #ffffff;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
}



.com
{
  position: relative;
background-color: #eeeeee;
}

 .clicTitre
  {
  border-color: #000000;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 2px dashed;
  background-color: #eeeeee;
  }

.clicCacher
  {
  top: -20px;
  position: relative;
  text-align:right;
  }

.contenant
  {
  display : block;
  border: 1px solid #000000;
  }

#comm{
	display            : block;
  
  width              : 400px;
  border             : 1px solid #000000;
  background-color   : #B3DEF1;
  color              : #000000;
  padding            : 5px;  
  font-weight        : bold;
  font-family        : verdana;
  font-size          : 8;
}

.infoMap span{
  text-decoration: none;
   color             : #000000;
   font-weight       : bold;
   display           : none;
}

.infoMap:hover span{
  display            : block;
  position           : relative;
  z-index            : 10000;
  padding            : 5px;             
  border             : 1px solid #000000;
  background-color   : #B3DEF1;
  color              : #000000;
  font-family        : verdana;
  font-size          : 8;
  -moz-opacity       : 0.7;
  -moz-border-radius : 10px;
  filter             : alpha(opacity=70);
} 

.infoMap2:hover span{
  display            : block;
  position           : absolute;
  z-index            : 10000;
  padding            : 5px;             
  top                : 30px;
  left               : 130px;
  width              : 400px;
  border             : 1px solid #000000;
  background-color   : #B3DEF1;
  color              : #000000;
  font-family        : verdana;
  font-size          : 8;
  -moz-opacity       : 0.7;
  -moz-border-radius : 10px;
  filter             : alpha(opacity=70);
}
.recherche table th.sortable {
	cursor: pointer;
	background-image: url(/images/arrow_off.png) ;
	background-repeat: no-repeat;
	background-position: center right;
}
.recherche table.list th.sorted_asc {
	cursor: pointer;
	border-color: #D6953F;
	background-color:#FFEFA5;
	background-image: url(/images/arrow_down.png) ;
	background-repeat: no-repeat;
	background-position: center right;
}
.recherche table.list th.sorted_desc {
	cursor: pointer;
	border-color: #D6953F;
	background-color:#FFEFA5;
	background-image: url(/images/arrow_up.png) ;
	background-repeat: no-repeat;
	background-position: center right;
}

.ombre {
  float:left;
  clear:left;
  background: url(/images/ombre.png) no-repeat bottom right;
  margin: 10px 0 10px 10px !important;
  margin: 10px 0 10px 5px;
  padding: 0px;
  }

.boite {
position:relative;
  bottom:6px;
  right: 6px;
  }
  
 .dernbd
 {  font-size: 0.8em;   

 }
 
 
.paperboard
{
  position:absolute;
  font-family:"Comic Sans MS";
  font-size: 12pt;
  width: 300px;
  top:300px;
  left:800px;
  z-index: 2;
}

.photo
{
  position:absolute;
  top:43px;
  left:145px;
  z-index: 1;
}

.photoH
{
  position:absolute;
  top:38px;
  left:245px;
  z-index: 1;
}

.decors
{	
   position:absolute;
   z-index: 0;
}

.mini
{	
   position:relative;
   z-index: 0;
   top:545px;
   left:45px;

}

.texte
{
  position:relative;
  font-family:"Comic Sans MS";
  font-size: 12pt;
  width: 300px;
  z-index: 2;
  left:150px;
}