/*
Design by AM
http://www.medianeo.net
*/

body {
        margin: 0;
        padding: 0;
        background: #AAE74A url(images/img04.gif) repeat-x;
}

body, th, td, input, textarea {
        font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
        font-size: 12px;
		color : #666666;
}

p, ol, ul {
        line-height: 170%;
}

a:hover {
        text-decoration: none;
}

/* Header */

#header {
        width: 960px;
        height: 120px;
        margin: 0 auto;
}

#logo {
        float: left;
        height: 120px;
        margin-left: 10px;
        background: url(images/logo.gif) no-repeat left center;
}

#logo h1, #logo p {
        text-transform: lowercase;
}

#logo h1 {
        margin: 0;
        padding: 25px 0 0 85px;
        letter-spacing: -2px;
        font-size: 38px;
        font-weight: normal;
        color: #000000;
}

#logo h1 a {
        color: #000000;
}

#logo p {
        margin: -10px 0 0 2px;
        padding: 0 0 0 85px;
        text-transform: lowercase;
}

#search {
        float: right;
        width: 280px;
}

#search form {
        margin: 0;
        padding: 63px 0 0 0;
}

#sidebar fieldset {
        margin: 0;
        padding: 0;
        border: none;
}

#sidebar form {
        margin: 0;
        padding: 63px 0 0 0;
}

#sidebar #small {
       color:#999999;
	   font-size:10px;
}

#sidebar #log {
        width: 90px;
        margin: 2px 6px 0 0;
        padding: 2px 5px;
        background: url(images/img02.gif) repeat-x;
        border: 1px solid #ACACAC;
}


#search fieldset {
        margin: 0;
        padding: 0;
        border: none;
}

#search #txtSearch, #search #x {
        float: left;
}

#search #txtSearch {
        width: 188px;
        margin: 2px 6px 0 0;
        padding: 2px 5px;
        background: url(images/img02.gif) repeat-x;
        border: 1px solid #ACACAC;
}


#search #x {
        width: 67px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03.gif) no-repeat;
        border: none;
        text-transform: lowercase;
        color: #FFFFFF;
}


.suggest_link {		
        background-color: #FFFFFF;		
		padding: 2px 6px 2px 6px;	
		}	

.suggest_link_over {
        background-color: #d5dcea;		
		padding: 2px 6px 2px 6px;	
		}

#search_suggest {	
	position: absolute; 		
	background-color: #FFFFFF; 		
	text-align: left; 		
	border: 1px solid #FFFFFF;				
	}		


/* Menu */

#menu {
        width: 962px;
        height: 50px;
        margin: 0 auto;
}

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

#menu li {
        display: block;
        float: left;
}

#menu a {
        display: block;
        float: left;
        height: 38px;
        padding: 8px 20px 0 20px;
        text-decoration: none;
        text-transform: lowercase;
        color: #000000;
}

#menu a:hover {
        text-decoration: underline;
}

#menu .current_page_item {
        background: url(images/img05.gif) no-repeat;
}

#menu .current_page_item a {
        background: url(images/img06.gif) no-repeat right top;
        font-weight: bold;
}

/* Page */

#page {
        width: 962px;
        margin: 0 auto;
        background: #FFFFFF url(images/img07.gif) repeat-y;
}

/* Content */

#content {
        float: right;
        width: 700px;
        padding: 11px 11px 0 5px;
        background: url(images/img09.gif) no-repeat;
}

#content a {
        color: #FF8900;
}

.pagetitle {
        height: 33px;
        margin: 0;
        padding: 8px 0 0 15px;
        background: url(images/img13.gif) no-repeat;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 1.4em;
        color: #FFFFFF;
}

#content #link_liste {
        color: #FFFFFF;
        cursor: pointer;
}

#content #link_liste:hover {
        text-decoration: underline;
}

#content #rss-posts {
        display: block;
        margin: -30px 15px 0px 0px;
        padding: 0 20px 0 0;
        background: url(images/rss.gif) no-repeat right center;
        text-align: right;
        font-weight: bold;
        color: #FFFFFF;
}

.post {
        padding: 40px 30px 0 30px;
}

.title {
        margin: 0;
        font-size: 2.4em;
        font-weight: normal;
}

.byline {
        margin: 0 0 20px 0;
}

.meta {
        border-top: 1px dotted #CCCCCC;
        text-align: right;
}

.meta .more, .meta .comments {
        padding-left: 15px;
        background: url(images/img14.gif) no-repeat left center;
}

div#bloc_gauche
{
        width:312px;float:left;
}
.last_books_left
{
        width:208px;float:left;
}
.last_books_center
{
        width:208px;float:left;
}
.last_books_right
{
        width:208px;float:right;
}
.pos_img_ex
{
   float:right;
}
div#author_of_day
{
       width:313px;float:right;
}

.clear
{
       clear:both;
}

.x_class{
        width: 67px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03.gif) no-repeat;
        border: none;
        text-transform: lowercase;
        color: #FFFFFF;
}

#content #x {
        width: 67px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03.gif) no-repeat;
        border: none;
        text-transform: lowercase;
        color: #FFFFFF;
}

.x_search {
        width: 67px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03.gif) no-repeat;
        border: none;
        text-transform: lowercase;
        color: #FFFFFF;
}


#content #input_author {
        width: 90px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03_large.gif) no-repeat;
        border: none;
        text-transform: none;
        color: #FFFFFF;
		cursor:pointer;
}


#content #input_author_bd {
        width: 105px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03_105px.gif) no-repeat;
        border: none;
        text-transform: none;
        color: #FFFFFF;
		cursor:pointer;
}


#content #input_book {
        width: 90px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03_large.gif) no-repeat;
        border: none;
        text-transform: none;
        color: #FFFFFF;
		cursor:pointer;
}

#content #input_act {
        width: 105px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03_105px.gif) no-repeat;
        border: none;
        text-transform: none;
        color: #FFFFFF;
		cursor:pointer;
}


#content #input_comment_movie {
        width: 200px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03_200px.gif) no-repeat;
        border: none;
        text-transform: none;
        color: #FFFFFF;
		cursor:pointer;
}

#content #input_interprete {
        width: 105px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03_105px.gif) no-repeat;
        border: none;
        text-transform: none;
        color: #FFFFFF;
		cursor:pointer;
}


#content #input_disc {
        width: 105px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03_105px.gif) no-repeat;
        border: none;
        text-transform: none;
        color: #FFFFFF;
		cursor:pointer;
}

#content #input_titles  {
        width: 14px;
        height: 17px;
        padding: 0;
        background: #006BFF url(images/img03_small.gif) no-repeat;
        border: none;
        text-transform: lowercase;
        color: #FFFFFF;
		cursor:pointer;
}


#content #input_exemplaires  {
        width: 14px;
        height: 17px;
        padding: 0;
        background: #006BFF url(images/img03_small.gif) no-repeat;
        border: none;
        text-transform: lowercase;
        color: #FFFFFF;
		cursor:pointer;
}

.small {
       color:#999999;
	   font-size:10px;
}

#content #medium {
       color:#999999;
	   font-size:11px;
	   font-weight:400;
}

.medium {
       color:#999999;
	   font-size:11px;
	   font-weight:400;
}

.normal_size {
       color:#999999;
	   font-size:12px;
	   font-weight:400;
}

.medium_orange {
       color:Orange;
	   font-size:11px;
	   font-weight:400;
}

.medium_green {
       color:Green;
	   font-size:11px;
	   font-weight:400;
}


.medium_link_orange {
       color:Orange;
	   font-size:11px;
	   font-weight:400;
	   text-decoration:underline;
}

.title_steel_blue {
       color:SteelBlue;
	   font-size:12px;
	   font-weight:500;
}

.amazon_link {
       font-size:11px;
	   font-weight:400;
}


.show_biography {
		cursor:pointer;
		font-weight:400;
		text-align: justify;
		line-height:1.3; 

}

#content #title_album {
         color: Chocolate;
		 font-weight: 600;
}


#content #title_book {
         color: Chocolate;
		 font-weight: 600;
}


#content #title_movie {
         color: Chocolate;
		 font-weight: 600;
}

#content #title_magazine {
         color: Chocolate;
		 font-weight: 600;
}

#content #title_bd_serie_1 {
         color: Chocolate;
		 font-weight: 600;
}

#content #title_bd_serie_2 {
         color: Chocolate;
		 font-weight: 600;
}

#content #title_bd {
         color: Chocolate;
		 font-weight: 600;
}

#content #title_serie_tv {
         color: Chocolate;
		 font-weight: 600;
}

#content #input_bd_serie {
        width: 105px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03_105px.gif) no-repeat;
        border: none;
        text-transform: none;
        color: #FFFFFF;
}


#content #input_bd {
        width: 105px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03_105px.gif) no-repeat;
        border: none;
        text-transform: none;
        color: #FFFFFF;
}


#content #input_bd_author {
        width: 120px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03_120px.gif) no-repeat;
        border: none;
        text-transform: none;
        color: #FFFFFF;
}

#content #input_movie {
        width: 105px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03_105px.gif) no-repeat;
        border: none;
        text-transform: none;
        color: #FFFFFF;
}


#content #input_serie_magazine {
        width: 110px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03_110px.gif) no-repeat;
        border: none;
        text-transform: none;
        color: #FFFFFF;
}

#content #input_mag {
        width: 105px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03_105px.gif) no-repeat;
        border: none;
        text-transform: none;
        color: #FFFFFF;
}

#content #input_serie_tv {
        width: 105px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03_105px.gif) no-repeat;
        border: none;
        text-transform: none;
        color: #FFFFFF;
}


#content #input_episode {
        width: 120px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03_120px.gif) no-repeat;
        border: none;
        text-transform: none;
        color: #FFFFFF;
}


#content #title_serie {
         color: Chocolate;
		 font-weight: 600;
}

/*Styles de mise en forme de données*/
.table_list  {
        border:1px solid #6495ed;
        border-collapse:collapse;
        width:100%;
        margin:auto;
}

.thead_list, tfoot_list {
        background-color:#D0E3FA;
        /*background-image:url(images/fond_blue_ie6.gif);*/
        border:1px solid #6495ed;
}



/* Sidebar */


#sidebar form {
        margin: 0px;
        padding: 0px;
}


#sidebar form label {
           position: relative;
           display: block;
           width: 230px;
           margin: 5px;
           text-align: left;
}

#sidebar form input {
         position: absolute;
         left: 90px;
         width: 70px;
         margin: 5px;
         text-align: center;
}

#sidebar {
        float: left;
        width: 230px;
        padding: 11px 5px 0 11px;
        background: url(images/img08.gif) no-repeat;
}

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

#sidebar li {
        margin-bottom: 20px;
}

#sidebar li ul {
        padding: 10px 15px;
}

#sidebar li li {
        margin: 0;
        padding-left: 15px;
        background: url(images/img12.gif) no-repeat left center;
}

#sidebar h2 {
        height: 33px;
        margin: 0;
        padding: 8px 0 0 15px;
        background: url(images/img11.gif) no-repeat;
        font-size: 1.4em;
        color: #FFFFFF;
}


#sidebar h3 {
        height: 33px;
        margin: 0;
        padding: 8px 0 0 15px;
        background: url(images/img11.gif) no-repeat;
        font-size: 1.2em;
        color: #FFFFFF;
}

#sidebar a {
        text-decoration: none;
        color: #0065FF;
        padding: 5px 0 0 0;

}


#sidebar a:hover {
        text-decoration: underline;
}


#sidebar #x {
        width: 67px;
        height: 28px;
        padding: 0;
        background: #006BFF url(images/img03.gif) no-repeat;
        border: none;
        text-transform: lowercase;
        color: #FFFFFF;
}


/* Footer */

#footer {
        width: 962px;
        margin: 0 auto;
        padding: 30px 0;
        background: url(images/img10.gif) no-repeat;
}

#footer p {
        margin: 0;
        text-align: center;
        color: #FFFFFF;
}

#footer a {
        color: #FFFFFF;
}

.pointer {
        cursor:pointer;
}

/*------------------Styles pour les formulaires-----------------*/
form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 160px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

/* popup sous forme d'infobulle */
a.info {
  position:relative;
}
a.info:hover {
   background: none; 
   z-index: 500; 
}
a.info span {display: none;}
a.info:hover span {
   display: inline; 
   position: absolute;
   white-space: nowrap;
   font-size:10px;
   font-weight:normal;
   width:150px;
   top: 10px; 
   left: 50px;
   background: white;
   padding: 3px;
   border: 1px solid #5D779A;
   border-top: 4px solid #5D779A;
}