/* CHARTE GRAPHIQUE EDITIONS BACHARI

/*	background-color:#f8e9c3; * / ORANGE CLAIR
color: #F8C56C;  ORANGE
color: #232028;  NOIR
color: #A3291E;  BORDEAUX
color: #6d6b4a; VERT CAQUIS 837a43
*/

*{
	border:0;
	margin:0;
	padding:0;
	font-family:inherit;
}

body{
	font-size:12px;
	font-family:Arial,'Lucida Sans','Bitstream Vera Sans',Helvetica,sans-serif;
	text-align:center;/* alignement centré pour ie 5 et ie 5.5 */
	background-color: #232028;
}

p,li,dd,dt,h1,h2,h3,h4,h5,h6,address,label,div{
	color:#232028;
	text-align:justify;
	font-family:Arial,'Lucida Sans','Bitstream Vera Sans',Helvetica,sans-serif;
}

ul{
	list-style:none;
}
h1{
  text-transform:uppercase;
  color: #FFFFFF;
  background-color:#A3291E;
  font-size: 14px;
  margin: 0 0 10px 0;
  padding: 2px 2px 2px 5px;
  text-align: left;
}

h2{
    color: #A3291E;
 /*   border-bottom: 1px #F8C56C dashed;*/
    font-size: 13px;
	margin: 0 0 5px 0;
}

h3{
  color: #FFFFFF;
  background-color:#837a43;
  font-size: 12px;
  margin: 0 0 10px 0;
  padding: 2px 2px 2px 5px;
  text-align: left;
}
h4{
  color: #A3291E;
  border-bottom: 1px #837a43 double;
  font-size: 13px;
  margin: 0 0 10px 0;
  padding: 2px 2px 2px 2px;
  text-align: left;
}

table {
	border-collapse: separate;
	border: 0px solid #000000;
	margin:auto;
}

td {
	border: 0px solid #232028;
	color:#232028;
	font-family:Arial,'Lucida Sans','Bitstream Vera Sans',Helvetica,sans-serif;
}

input,select,textarea{
	border:1px solid #A3291E;
	background-color: #f8e9c3;
	color:#232028;
	text-align:center;
	font-family:Arial,'Lucida Sans','Bitstream Vera Sans',Helvetica,sans-serif;
	padding:1px;
	font-size:12px;
}

p, .texte .ajaxSearch_extract{
	line-height:1.5;

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

img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
   
#conteneur{
	position:relative;
	width:980px;
	margin:auto;
	z-index:0;
	background-color:#232028;
}

/*############################## HEADER = 980px ###########################*/
#header{
	position:relative;
	width:980px;
	height:160px;
	background-color:#A3291E;
	border-bottom: solid 2px #F8C56C;
}
#logo{
	float:left;
	width:220px;
	height:160px;
	text-align:center;
}

#logo img{
	display:block;
	margin: auto;
}
#banniere{
	float:right;
	width:759px;
	height:160px;
	background:transparent url(./templates/default/images/oiseaux.png) no-repeat;
	margin-bottom:1px;
}

/*############################## MENU TOP = 979px ###########################*/
#menu-top{
	position:relative;
	clear:both;
	width:980px;
	background:#A3291E url() no-repeat;
	height:30px;
	line-height:30px;
}
#menu-top ul{
	position:relative;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:25px;
	float:right;
}
#menu-top ul li{
	float:left;
	list-style:none;
	padding:0 5px 0 5px;
}
#menu-top ul a{
	text-decoration:none;
	color:#FFFFFF;
}
#menu-top ul a:hover,#menu-top a:active, #menu-top a:focus {
	color:#F8C56C;
}
/*############################## FIN MENU TOP ###########################*/


/*############################## CONTENU ###########################*/
#page{
	float:left;
	width:980px;
	background-color:#F8C56C;
}

/*############################## CONTENU GAUCHE = 180px ###########################*/
#content-left{
	float:left;
	width:180px;
	clear:left;
	font-size:12px;
	background-color:#F8C56C;
}
/*############################## MENU GAUCHE SANS SOUS-MENU PAS UTILISE ###########################

#menug {
	width: 160px;
	margin: 10px;
	background-color:#f8e9c3; 
}

#menug ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menug li a {
	height:20px;
	font-weight: bold;
	text-decoration: none;
}

#menug li a:link, #menug li a:visited {
	color: #A3291E;
	display: block;
	background-color:#F8C56C;
	border-bottom: 1px solid #f8e9c3;
	padding: 8px 0 0 15px;
}

#menug li a:hover {
	background-color: #A3291E;
	color: #F8C56C;
	padding: 8px 0 0 15px;
}
*/
/*############################## MENU GAUCHE  AVEC SOUS-MENU ###########################*/
/* font-weight : normal Equivaut ŕ la valeur "400", bold Equivaut ŕ la valeur "700" bolder */
#menug {
	width: 160px;
	margin: 10px;
	background-color:#f8e9c3; 
}
#menug dt {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menug dd {
	position: absolute;
	z-index: 100;
	left: 8em;
	margin-top: -1.4em;
	width: 10em;
	background: #F8C56C;
	border: 1px solid #837a43;
	color: #A3291E;
	text-align: left;
}

#menug ul {
}
#menug li {
	list-style: none;
	text-align: left;
	font-size: 90%;
	height: 18px;
	line-height: 18px;
	font-weight: 500;
}

#menug dt a{
	height:20px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 8px 0 0 15px;
	color: #A3291E;
	background-color:#F8C56C;
	border-bottom: 1px solid #f8e9c3;
}

#menug li a {
	color: #837a43;
	text-decoration: none;
	display: block;
	padding: 0 0 0 15px;
}

#menug dt a:hover {
	font-weight: lighter;
	background-color: #A3291E;
	color: #F8C56C;
	padding: 8px 0 0 15px;
}

#menug li a:hover {
	background-color: #837a43;
	color: #F8C56C;
	padding: 0 0 0 15px;
}

/*############################## CONTENT = 800px ###########################*/
#content{
/*	margin-left:180px;*/
	float:left;
	background-color:#FFFFFF;
/*	background-color:#f8e9c3;*/
}
#content-top{
	width:800px;
	background-color:#FFFFFF;
	padding:5px 0;
	text-align:center;
}

#page-top{
	width:800px;
	padding:20px 0;
	text-align:center;
}

/*############################## CONTENU = 510px ###########################*/
#contenu{
	float:left;
	width:510px;
	background-color:#FFFFFF;
	padding:0 10px;
}

.imageleft{
	float:left;
	margin:0 10px 10px 0;
}

.titlebook{
    color: #837a43;
    font-size: 14px;
	font-weight:bold;
}
.titleauthor{
    color: #A3291E;
    font-size: 13px;
	font-weight:bold;
	font-style:italic;
}

.titleactu{
    color: #A3291E;
    font-size: 12px;
	font-weight:bold;
}
.dateactu, .nomcollection{
	font-weight:bold;
}
.placeactu{
    color: #837a43;
    font-size: 12px;
	font-style:italic;
}

.minititleactu{
    color: #A3291E;
    font-size: 11px;
	font-weight:bold;
}
.minidateactu{
	font-size: 11px;
	font-weight:bold;
}
.miniplaceactu{
    color: #837a43;
    font-size: 11px;
	font-style:italic;
}




table.book {
	background: transparent url(../images/bg-art.gif) repeat-x left top;
}

.page {
	color: #A3291E;
    font-size: 11px;
	font-weight:bold;
	text-align:center;
}
/*############################## MENU DROITE = 270px ###########################*/
#menu2{	
	float:left;
	width:270px;
	background-color:#FFFFFF;
}

#menu2 .extraitcontainer{
	border: 1px solid #837a43; /*b8b8b8;*/
	margin:auto;
	width: 260px;
}

#menu2 .extraitcontainer .innerdiv{
	font-size:11px;
	background: transparent url(../images/corner-right.png) bottom right no-repeat;
	position: relative;
	left: 1px;
	right: 1px;
	top: 2px;
	padding: 3px 6px 15px 3px;
}

#menu2 .extraitcontainer .innerdiv2{
	font-size:11px;
	position: relative;
	left: 1px;
	right: 1px;
	top: 2px;
	padding: 3px 6px 15px 3px;
}

.extraitboxtitle{
	text-transform:uppercase;
	color:#837a43;
	font-weight:bold;
	font-size:12px;
	text-align:left;/* alignement centré pour ie 5 et ie 5.5 */
}


.extraittitle{
	display:block;
	font-style:italic;
	color:#837a43;
	font-weight:bold;
	font-size:11px;
	text-align:left;/* alignement centré pour ie 5 et ie 5.5 */
	padding-bottom:5px;
}

/*############################## FOOTER ###########################*/
#footer{
	width:980px;
	background:#232028;
	clear:both;
}

.footer0{
	width:980px;
	height:10px;
	background:#232028;
}

#footer-content{
	width:980px;
	height:50px;
	background:#A3291E;
	margin:0 0 8px 0;
	letter-spacing:1px;
	border-top: solid 2px #F8C56C;

}

#footer1,#footer2,#footer3{
	float:left;
	width:326px;
	padding:10px 0;
}
#footer2 li{
	color: #F8C56C;
	list-style:none;
	text-align:center;
}
#footer1 ul,#footer3 ul{
	list-style-type:square;
	list-style-position:inside;
	padding-left:60px;
}
#footer-content a{color:#7DBCC6;text-decoration:none;}
#footer-content a:hover{text-decoration:underline;}