/*

Theme Name: bibi

Version: 1.0

Auteur: bibi


*/

*{margin:0;padding:0;}

html,body{
min-height:100%;
background:transparent url(images/fond_bas.png) repeat-x center bottom;
}
body{
background:transparent url(images/fond_haut.png) repeat-x center top;
font-family:"Lucida Grande","Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; 
font-size:13px;
font-style:normal;
color:#4e4e4e;}

#page{
background:transparent url(images/fond_image.png) no-repeat center top;
}


/* page width. default = fluid @ 780-1190px (max. possible width is 1735px)  */
.page-content{width:100%;/* <- do not change this! use max-width to set the page width! */max-width:980px;min-width:780px;margin:0 auto;}





/* ------------------------------------------

                  HTML STYLE TAGS

    ------------------------------------------- */

/*block elements */


p {
	line-height: 1.5em;

	margin-bottom: 10px;

	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
         
        font-size:88%;

	}


p a {
	color: #C00;
	text-decoration: none;
}

a {

	text-decoration: none;
	color: #333;
}




em.cit {

	text-decoration: none;
	color: #333;
        font-size:120%;
}



ul {
        font-size:88%;
	line-height: 1.5em;
}


ul a {
	color: #C00;
}

li a {
	color: #C00;
}

#footp {
	text-decoration: none;
	color:#333;
position:relative;
	z-index:20;
	top:0px;
	width:100%;
	height:30px;
        font-size:70%;
	line-height:28px;
	border-top: 1px solid #F0F0F0; 
	background:#BEBEBE;
        text-indent: 20px;
}

#shadow-left{
	position:relative;
	z-index:20;
	width:100%;
	background:transparent url(images/shadow.png) no-repeat left top;
	}

.shadow-right{
	background:url(images/shadow.png) no-repeat right top;
	padding-top:64px;
	}

/* headers */

#header{display:block;position:relative;z-index:5;height:200px;top:30px;}


h1 {

	font: 800 22px "Lucida Grande","Trebuchet MS",Segoe UI,Calibri,"Myriad Pro",Myriad,Helvetica,Arial,sans-serif;

	margin-bottom: 5px;

	color:#C00;
	}

h2
{
	font: 800 18px "Lucida Grande","Trebuchet MS",Segoe UI,Calibri,"Myriad Pro",Myriad,Helvetica,Arial,sans-serif;
	padding: 20px 0 10px 0;
	color: #C00;
	line-height:120%;
	}
	
h3
{
	font: 800 16px "Lucida Grande","Trebuchet MS",Segoe UI,Calibri,"Myriad Pro",Myriad,Helvetica,Arial,sans-serif;
        color: #333;

	}


/* boite à coin*/


.enchaut
{
  	width:230px;
        background: url(images/bande_01.png) no-repeat top left;
}


.encadre 
{
   background: #bd1f2f;
   padding:0 20px 0 20px;
   font: 11px "Lucida Grande","Trebuchet MS",Segoe UI,Calibri,"Myriad Pro",Myriad,Helvetica,Arial,sans-serif;
   color:#FFF;
	line-height:1.5em;   
}

.encadre a
{
   font: "Lucida Grande","Trebuchet MS",Segoe UI,Calibri,"Myriad Pro",Myriad,Helvetica,Arial,sans-serif;
   color:#FFF;
font-size:100%;
   
}

.encbas 
{
	position:relative;
	z-index:20;
 	background: url(images/bande_02.png) no-repeat bottom right;
}


.soul 
{

	text-decoration : underline;

}
	
.sop {

	font:  12px "Lucida Grande","Trebuchet MS",Segoe UI,Calibri,"Myriad Pro",Myriad,Helvetica,Arial,sans-serif;
	vertical-align: 25%;
	
	}


/* images */

img{
border:0px;
}

img.left {

	float:left;
        border:0px solid #DDD;

	padding: 0px;

	background: #F0F0F0;

	margin: 0 0px 0px 0;

	}

img#mosaique {
	
	margin:0 0 5px 0;
	}


/* ------------------------------------------

                   SITE LAYOUT

    ------------------------------------------- */

.nuage {

	position:absolute;
	z-index:20;
	width: 500px;
	bottom:20px;
	font-size: 0.9em;
	}

#halfcontent {

	position:absolute;
	
	z-index:20;
	
	bottom:0;
	
	left:20;

	width: 500px;

	margin: 0 5px 10px 4px;

	font-size: 0.9em;

	padding-top: 14px;

	}
	

#wrap {

	width: 960px;

	margin: 0 auto;

	}
	

#maincontent
{
	position: relative;
	padding:5px 0 0 0 ;
	z-index: 20;
	top: 0px;
	left: 0px;
	width: 100%;
	border: 0px solid #000;
	background: #FFF url(images/fond_page.png) repeat-x center bottom;
}

.tabgauche{
	padding-left: 10px;
}

#right {

padding-top:40px;
margin-left:90px;
width:auto;
	}

.ombre{
	
	position:relative;

	z-index:1;
	
	top:-5px;
	
	background: transparent url(images/ombre_enc.png) no-repeat ;

	height:35px;
	}
		

/* main menu bar */


#menubar {
background: transparent url('images/fond_menu.png') repeat-x bottom left;
position:relative;
z-index:10;
top:0px;
left:0;
height:30px;
padding:0px;
margin:0px;

	}


#menubar li {
        display:block;
        position:relative;
        float:left;
        list-style-type:none;
	margin:0px 2px 0px 0px;
	background: transparent url('images/fond_menu.png') repeat-x bottom left;

       }



#menubar li a {


	background:transparent url('images/fond_menu.png') repeat-x bottom left;
	float: left;
	min-height:30px;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:none;
	text-align:center;
	color:#333333;
	padding:0 13px 0 11px;
	position:relative;
	line-height:30px;
  	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
        font-size:110%;

	}

#menubar li a.meta {

	/*	float: right;*/
	border-right: none;
	left:60px;
	border-left: 0px solid #ccc;

	color: #990000;

	}

	

#menubar li.up a, #menubar li.current-cat a {

		color: #fff;


       background: transparent url('images/fond_menu_hover.png') repeat-x bottom left;


	}

	

#menubar li a:hover {

	color: #fff;

	background: transparent url('images/fond_menu_hover.png') repeat-x bottom left;


	}

	
/*
#menubar li.up a:hover {

	background: #FFF;

	color: #333;

	text-decoration: none;

	}

*/	

#menubar li a.meta:hover {

	background-image: none;

	background: transparent url('images/fond_menu_hover.png') repeat-x bottom left;

	color: #3F3;

	}


/* submenu - sous main menubar */

#submenu {
background: transparent url('images/fond_sousmenu.png') repeat-x bottom left;
position:relative;
top:0px;
z-index:20;
width:100%;
height:30px;
border-bottom :	1px solid #FFF;

}
	


#submenu li {

	color:#fff;
	top:0px;
	list-style-type: none;
	position:relative;
	height:30px;
	display:inline;
 	float:left;
	}	

#submenu a {

	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
  	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
        font-size:100%;
	color:#fff;
	margin:0px 7px 0px 7px;
	padding:0px 10px 0 8px;
	position:relative;
	min-height:30px;
	display:inline;
	line-height:30px;
	float: left;


	}

	

#submenu a:hover {

	color: #3F3;
	text-decoration: none;

	}


.clearboth {

background: transparent url('images/trans.png');
	height: 120px;
}



form.searchform {
	margin: 0; 
	padding: 0; 
	border:0;
}

input:focus, select:focus, textarea:focus {
	color: #333;
}

input, select, textarea {
	position:relative;
	top:1px;
	padding:2px;
	color: #FFF;
	border:1;
}

.form {
	position:relative;
	top:2px;
	right:60px;
	float:right;
	height:25px;
	width:245px;
	/*background: #999;
	background: transparent url('images/search_loupeB.png') no-repeat right center;*/
	border:0px solid #333;
z-index:60;
}

#s-submit {
	margin: -1px 0px 0px 0px;
	padding: 0px;
	float:right;
	border:0px solid #333;
        }

#searchsubmit {
	margin: 0;
	padding: 0 0 0 0;
	background: url('images/search_loupeB.png') no-repeat 0% 0%;
	width: 28px;
	height: 25px;
	border: 0;
}

.placerss {
	background: transparent url('images/rss.png') no-repeat left center;
	position:relative;
	top:3px;
	right:-260px;
	float:right;
	height:24px;
	width:28;
	border:0px solid #333;
z-index:60;
	}
	
table#mosaique, table#biblio {
	border:0px solid #ccc;
	border-collapse: collapse;
	max-width:600px;
	}

td#mosaique
	{
		padding: 0px 10px 10px 10px;
		font: 0.7em "Lucida Grande","Trebuchet MS",Segoe UI,Calibri,"Myriad Pro",Myriad,Helvetica,Arial,sans-serif;
		border:0px solid #000;
		vertical-align: top;
		width: 65px;
		line-height: 10px;
                text-align: center;
		background: transparent url('images/fond_AAA.png') no-repeat top center ;
	}

.biblioC
{
	padding: 0px 0px 0px 10px;
	border: 0px solid #ccc;
	vertical-align: bottom;
	min-width: 100px;
}
td#biblio {

	border: 0px solid #ccc;
	vertical-align: top;
	min-width: 100px;
	max-width: 150px;
	padding: 0px 0px 10px 10px;
	text-decoration: none;
	font-family: UI,Calibri,"Myriad Pro",Myriad,Helvetica,Arial,sans-serif;
	font-size: 0.7em;
	text-align: left;
	line-height: 10px;
	}

td#biblioB {

	border: 0px solid #ccc;
	vertical-align: bottom;
	padding: 0px 0px 5px 10px;
	text-decoration: none;	}


#mosaique {
	color:#333;
	}
#mosaique a:hover, #biblio a:hover {
	color:#C00;
	}

td#cour
{
	border: 0px solid #ccc;
	padding: 0px 0px 10px 10px;
	text-decoration: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	font-size: 1.1em;
	text-align: left;
}


.alignleft{
	border: 0px solid #ccc;
	padding: 0px 15px 0px 0px;
	float:left;
	}
	
.afoot{
	font-weight: bold;
        color: #990033;
        font-size:110%;
}

.afoot a:hover {
	color: #C00;
}

#footp a:hover {
	color: #C00;
}