/* Feuille de style du site CHAMBRES NOIRES - part 02 -> contenu du site */
/* author : cezarion.net */

/* text ************************************************************/

h1, h2 {
    color: #8b0a0a;
    font-family:"Times New Roman", Times, serif;
    margin: 3px 0;
}

h1 {
    text-transform: uppercase;
    font-size:16px;
}

h2 {
    font-style: italic;
    font-size:16px;
}

h3 {
    color : #333333;
    font-size : 15px;
    font-weight:bold;
    text-align : left;
    margin : 5px 0 10px 0;
}

h4 {
    color:#666666;
    font-size:12px;
    font-weight:bold;
    margin:10px 0 0;
    text-transform:uppercase;
}

h5 {
    color: #266a82;
    font-weight : bold;
    font-size: 13px;
}

h6 {
    color:#666666;
    font-size:12px;
    font-weight:bold;
    margin:10px 0 0;
    text-transform:uppercase;
    margin:5px 0;
}

img {
    margin:0;
    padding:0;
    border:none;
}

a {
    color:#333333;
    text-decoration : none;
}
a:hover {
    color:#750909;
    text-decoration : underline;
}

p {
    font-size:1.1em;
    line-height:1.2em;;
}

li {
    list-style-type:none;
}

blockquote {
    margin:20px 20px 30px;
    font-size:110%;
    width:800px;
    font-weight: 600;
}

blockquote p {
    margin:0 0 10px;
}

address {
    font-family:"Courrier New", monospace;
    display:block;
    background-color:#CCCCCC;
    padding:15px 0;
    text-align:center;
    width:80%;
    margin:20px auto;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

.both {
    clear: both;
}

.displayNone {
    display:none;
}

.media {
    margin:10px auto;
}

#maincol .inner > h1 {
    margin: 0 5px 15px;
    text-decoration: underline;
}

#maincol .inner > h3 {
    margin: 0 5px 10px;
}
/* separateurs *****************************************************************/
.separateur {
    height:15px;
    width:100%;
    background: url('../images/separateur_pointille.gif') repeat-x top left;
    margin: 0 0 5px;
}

.separateur_dotted{
    width:100%;
    border-bottom:1px dotted #CCCCCC;
    line-height:22px;
    margin: 5px 0;
}

/* expandable box with rounded corners ***********************************************************************/
.box-360-bottom, .box-360-top {
    display:block;
    width:360px;
    height:76px;
    overflow:hidden;
}

.box-360-top {
    background:transparent  url('../images/box_360_top.gif') no-repeat top left;
    margin:-5px 0 0;
}

.box-360-bottom {
    background: transparent url('../images/box_360_bottom.gif') no-repeat top left;
}


.box-520-bottom, .box-520-top {
    display:block;
    width:520px;
    height:112px;
    overflow:hidden;
}

.box-520-top {
    background: url('../images/box_520_top.jpg') no-repeat top left;
    margin:-3px 0 0;
}

.box-520-bottom {
    background: url('../images/box_520_bottom.jpg') no-repeat top left;
} 

.small-box {
    margin : 0;
}


.box-890-bottom, .box-890-top {
    width:890px;
    height:78px;
    overflow:hidden;
}

.box-890-top {
    background: url('../images/box_890_top.gif') no-repeat top left;
    margin: -8px 0 0;
}

.box-890-bottom {
    background: url('../images/box_890_bottom.gif') no-repeat top left;
    position:relative;
    z-index:0;
}

/* expandable box  ***********************************************************************/

.bloc_infos{
    padding:8px;
    margin:3px;
    background-color:#1c1c1c;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
}

.bloc_infos a{
    color:#fbee00;
    font: normal bold normal 12px "Courier New", Courier, monospace;
}

div.bloc_infos:hover{
    background-color: #333333;
}
/*Specific components ********************************************************************/
/*Bloc livre */
.cover-book, .rdv {
    display:block;
    float:left;
    line-height:13px;
    margin:5px 0;
    overflow:hidden;
}
.cover-book {
    width: 235px;
    height:115px;
}

.rdv {
    width:320px;
    height:115px;
}

.cover-book .image, .rdv .image {
    float:left;
    margin:0 8px 0 0;
    overflow:hidden;
    padding:0;
}

.cover-book .image {
    height:110px;
    width:70px;
}

.rdv .image {
    height:110px;
    width:100px;
}

.cover-book .image a:hover, .rdv .image a:hover  {
    background-color: transparent;/*#34819B;*/
    opacity:0.7;
    filter:alpha(opacity=70);
}

.cover-book .content, .rdv .content {
    overflow:hidden;
    float:left;
}
.cover-book .content {
    width:160px;
    height:115px;
}

.rdv .content {
    width:210px;
    height:115px;
    overflow: inherit;
}

.cover-book div, .cover-book p, .rdv div, .rdv p {
    width:100%;
}

.cover-book .titre, .rdv .titre, .cover-book .auteur, .rdv .ss-titre{
    font-size: 13px;
    font-weight:bold;
    color: #8b0a0a;
    font-family: "Times New Roman", Times, serif;
}

.cover-book .titre, .rdv .titre {
    text-transform : uppercase;
}

.cover-book .auteur, .rdv .ss-titre{
    font-style: italic;
}

.cover-book .texte, .rdv .texte{
    font-size: 95%;
    text-align:left;
    margin : 5px 0 0;
    height:50px;
    overflow:hidden;
}

.cover-book .decouvrir, .rdv .decouvrir {
    background:#FFFFFF url(../images/bt_decouvrir.gif) no-repeat scroll center top;
    display:block;
    float:right;
    height:30px;
    overflow:hidden;
    width:89px;
    margin:3px 0 0;
}

.rdv .decouvrir {
    position:absolute;
    margin-left:127px;
}

.cover-book .decouvrir:hover, .rdv .decouvrir:hover {
    background:#FFFFFF url(../images/bt_decouvrir.gif) no-repeat scroll center -30px;
}

.cover-book .decouvrir img, .rdv .decouvrir img {
    width:76px;
    height:15px;
}

/* Sous navigation site : barre de recherche et travelling pages  ***********************************************************************/

#sub_nav {
    height:37px;
    margin:0 9px;
    width:870px;;
}

/*FIL D'ARIANE*/

.ariane, .ariane .left, .ariane .content, .ariane .right {
    float:left;
    height:31px;
}

.ariane .left, .ariane .content, .ariane .right {
    display:block;
}

.ariane .left, .ariane .right {
    width:15px;
}

.ariane {
    background:transparent url('../images/fa_bg_repeat.gif') repeat-x scroll 0 0;
    overflow:hidden;
    margin:6px 0 0;
}

.ariane .left {
    background:transparent url('../images/fa_left.gif') no-repeat scroll 0 0;
}

.ariane .right {
    background:transparent url('../images/fa_right.gif') no-repeat scroll 0 0;
}

.ariane .content {
    background:transparent url('../images/fa_bg.gif') no-repeat scroll 0 0;
    min-width:208px;
    padding:0 5px;
}

.ariane, .ariane a {
    font: normal 600 normal 13px/2.5em "Courier New", Courier, monospace;
    color:#000;
}

/*FORMULAIRE DE RECHERCHE*/

.search_top, .search_top .left, .search_top .content, .search_top .right {
    float:left;
    height:37px;
}

.search_top {
    background:transparent url('../images/search_bg.gif') repeat-x scroll 0 0;
    overflow:hidden;
    float: right;
}

.search_top .left, .search_top .content, .search_top .right {
    display:block;
}

.search_top .left, .search_top .right {
    width:13px;
}

.search_top .left {
    background:transparent url('../images/search_left.gif') no-repeat scroll 0 0;
}

.search_top .right {
    background:transparent url('../images/search_right.gif') no-repeat scroll 0 0;
}

.search_top .content {
    /*background:transparent url('../images/fa_bg.gif') no-repeat scroll 0 0;*/
    min-width:208px;
    padding:0 5px;
}

.search_top #search_up {
    background: none;
    height:inherit;
    padding:0;
    width:305px;
}

.search_top, .search_top #search_up label {
    font: normal 600 normal 12px/2.5em "Courier New", Courier, monospace;
}

.search_top #search_up input[type="text"] {
    background-color:#303030;
    color:#EFEFEF;
    height:12px;
    margin:9px 3px;
    padding:5px 3px;
}

.search_top #search_up #searchupSbm {
    background:transparent url(../images/search_bt.gif) no-repeat scroll 0 0;
    cursor:pointer;
    float:left;
    font-variant:normal;
    height:38px;
    margin:0;
    padding:0;
    text-indent:-9999px;
    width:32px;
}

.search_top #search_up #searchupSbm:hover {
    background:transparent url(../images/search_bt.gif) no-repeat scroll 0 -39px;
}



/*** les differentes box *********************************************************************/

#leftcol {
    height:100%;
    width:320px;
    overflow:hidden;
    float:left;
    margin:0;
    padding:5px;
}

#rightcol {
    margin:0;
    min-height:135px;
    height:100%;
    width:490px;
    padding:5px;
    float:right;
}

#maincol {
    width:890px;
    overflow:hidden;
    margin : 0 auto;
}

#maincol .inner {
    display:block;
    margin:-50px auto -30px;
    -margin:-50px auto -10px;
    overflow:hidden;
    padding:0 10px;
    width:846px;
    background-color: #FFFFFF;
    height:1%;
    min-height:250px;
    position:relative;
    z-index:10;
}

/******************************************************/

#fiche {
    height:70px;
    margin:0 auto;
    overflow:hidden;
    width:100%;
}

#fiche .fiche-titre {
    background: url('../images/une_fiche_livre.gif') no-repeat center top;
    height : 17px;
    width:100%;
    text-indent:-9999px;
}

#fiche .fiche-details {
    width:478px;
    padding:0 5px;
    overflow:hidden;
}

#fiche .fiche-box, #fiche .fiche-box-right{
    font-size:10px;
    margin: 5px 0 0 5px;
    overflow:hidden;
}	

#fiche .fiche-box-right {
    width:30%;
    float:right;
}

#fiche .fiche-box {
    width:32%;
    float:left;
}

#fiche .bold {
    font-weight:300;
    color:#000000;
}
/* Specifique style for ther hp **********************************************************************/

#home {
    margin:0;
    padding:0;
}

#banniere {
    margin:0 auto;
    overflow:hidden;
    padding:10px 15px;
    width:480px;
}

#banniere.big {
    background:transparent url('../images/banniere_big.gif') no-repeat scroll center top;
    height:255px;
}

#banniere.small {
    background:transparent url('../images/banniere_small.gif') no-repeat scroll center top;
    height:110px;
}

#leftcol .cover-book {
    width:328px;
}

#leftcol .cover-book .content {
    width:245px;
}

#leftcol.home, #leftcol.contact { width:360px;}

#rightcol.home, #rightcol.contact { width:510px;}

#leftcol.home .inner, #rightcol.home .inner,
#leftcol.contact .inner {
    background-color:#FFF;
}

#leftcol.home .inner, #leftcol.contact .inner{
    width:320px;
    margin: -60px auto;
    padding: 0 7px;
    position: relative;
    z-index:100;
}

#leftcol.contact .inner{ margin-bottom:-30px;}

#rightcol.home .inner,
#rightcol.contact .inner {
    background-color:#FFFFFF;
    margin:0 11px;
    width:498px;
}


#rightcol.home h1, #leftcol.home h1{
    color:#000;
    width:201px;
    height:29px;
    font: normal bold normal 1.6em/1.8em "Courier New" !important;
    margin:0.3em 0 0 0.6em;
    padding:0 0 0 1.2em;
    /*position:absolute;*/
    background:transparent url(../images/onglet.gif) no-repeat scroll 0 0;
    position:relative;
    z-index:110;
}

#rightcol.home h2, #leftcol.home h2,
#rightcol.contact h2, #leftcol.contact h2{
    background:transparent url(../images/h2_bg.gif) no-repeat scroll 0 0;
    color:#FFF;
    font: normal 900 normal 1.3em/2.9em "Courier New", Courier, monospace;
    text-transform:uppercase;
    height:39px;
    margin:5px 0 5px -6px;
    padding:0 0 0 10px;
    text-align:left;
}

#rightcol.home h2{
    background:transparent url(../images/h2_bg_big.gif) no-repeat scroll 0 -1px;
    margin:0 0 0 -20px;
}

#rightcol.contact, #leftcol.contact {
    padding:0;
}

#rightcol.contact .inner {
    margin:-100px 11px -20px;
    overflow:hidden;
    padding:0 13px;
    position:relative;
    z-index:100;
    width:472px;
}

.v-break {
    width:18px;
    height:50px;
    float:left;
}
/*hp -> Edito***********/

#edito {
    margin:-100px 0 -60px;
    overflow:hidden;
    padding:0 13px;
    position:relative;
    z-index:100;
}

#edito p{
    line-height:18px;
    text-align : justify;
    font-size : 14px;
    margin : 4px 0px;
}

/* Specific style catalogue index*/
.pagination {
    text-align:center;
}
.nav_lettre {
    width:308px;
    margin:10px auto;
}
.nav_lettre .pagination_lettre, .pagination a {
    margin : 0 3px;
    padding: 5px;
} 

.nav_lettre .pagination_lettre a, .pagination a{
    width: 17px;
    height:17px;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
    display:inline;
}

.pagination a:hover{
    text-decoration:none;
}

.nav_num {
    width:auto;
    margin:10px auto 0;
}

.nav_num a, .nav_num strong{
    height:25px;
    width:25px;
    display:inline;
    padding:0;
    margin:0 -3px;
    display: inline-block;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
}

.nav_num a:hover, .nav_num strong {
    text-decoration:none;
    background:transparent url(../images/nav_selected.gif) no-repeat scroll -1px -2px;
    color: #750909;
}

#index-titres {
    width:326px;
    font: 900 1em/20px "Comic Sans MS", "Trebuchet MS", sans-serif !important;
}

#index-titres h2 {
    background:#FFFFFF url(../images/liste_cahier_top.jpg) no-repeat scroll center top;
    color:#750909;
    font-weight:900 !important;
    font-family: "Comic Sans MS", "Arial Rounded MT Bold", sans-serif !important;
    height:38px;
    margin:0;
    padding:1.6em 0 0;
    text-align:center;
    border:none;
}

#index-titres h4 {
    font-size:0.95em;
    color: #666666;
    margin:1.2em 0.2em 0.5em;
}

#index-titres .nav_num {
    background:#FFFFFF url(../images/liste_cahier_bottom.jpg) no-repeat scroll center top;
    height:62px;
    margin:0;
}

#index-titres .liste {
    clear : both;
    height:242px;
    padding:3px 7px 10px;
    background:#FFFFFF url(../images/liste_cahier_bg.jpg) repeat-y scroll center top;
}

#index-titres .titre {
    text-transform:uppercase;
    font-weight:bold;
    float:left;
    margin:0 0.8em 0 0;
}

#index-titres .left {    display:list-item;    float:left;    list-style-position:inside; list-style-type:disc;}

#index-titres .nom {text-transform:uppercase;}

#index-titres .auteur { font-style:italic;}

#index-titres .auteur_index {
    color:#122d46;
    float:left;
}

.liste_clair, .liste_fonce {
    display:block;
    width:98%;
    height:17px;
    margin: 2px auto;
    padding:0 3px;
    overflow:hidden;
}

.liste_clair :hover, .liste_fonce:hover, .liste_clair a:hover, .liste_fonce a:hover {
    cursor:pointer;
    color:#750909;
    text-decoration:none;
}

.liste_clair {
    color:#5a5a5a;
}

.liste_fonce {
    color:#252424;
}

h2.a_la_une {
    margin:16px 0 0 215px;
    position:absolute;
    text-indent:-9999px;
}

#rightcol.une
{
    background:#ffffff url(../images/une_bg.jpg) no-repeat scroll left 0px;
    height:370px;
}

#catalogue_une {
    height:270px;
    overflow:hidden;
    padding:10px 0 0 10px;
}

#catalogue_une  .texte {
    height:130px;
    margin:7px 0 5px;
    overflow:hidden;
    font-size:12px;
}

#catalogue_une a.decouvrir {
    width:111px;
    height:40px;
    display:block;
    margin: 0 auto;
    background:#ffffff url(../images/bt_big_decouvrir.gif) no-repeat scroll center 0px;
}

#catalogue_une a.decouvrir:hover {
    background:#ffffff url(../images/bt_big_decouvrir.gif) no-repeat scroll center -40px;
}

#catalogue_une img {
    float:left;
    margin-top:15px;
}

#catalogue_une .content {
    float:right;
    height:215px;
    margin:0 0 0 10px;
    overflow:hidden;
    padding:40px 0 0;
    width:310px;
}

#catalogue_une .decouvrir {
    margin : 10px auto 0;
    width:111px;
    height:32px;
    display:block;
}

#catalogue_aparaitre {
    float:left;
    background:#FFFFFF url(../images/grungy_detective_bg.jpg) no-repeat scroll left top;
    height:260px;
    margin:8px 8px 15px;
    overflow:hidden;
    padding:20px;
    width:367px;
}	

#catalogue_aparaitre h1{
    font-size:14px;
    text-align:left;
    margin:0 0 5px;
}

#catalogue_aparaitre h2{
    font-size:13px;
    background:none;
    padding:0;
    margin:0 0 5px;
}

#catalogue_aparaitre h3{
    font-size:13px;
    background:none;
    padding:0;
    font-style : italic;
    margin:20px 0;
}

#catalogue_aparaitre img{
    width:157px;
    float:left;
    margin:0 10px 0 0;
}

#catalogue_aparaitre .content{
    width:200px;
    float:left;
}

#catalogue_aparaitre .texte {
    margin:10px 0 0 0;
    height:160px;
    line-height:16px;
}

#livre_display {
    margin:0 auto;
    width:850px;
    overflow:hidden;
}

#livre_display .cover-book {
    background:transparent url(../images/liste_titre_bg.jpg) no-repeat scroll center 0;
    height:109px;
    margin:10px 29px;
    -margin:10px 20px;
    padding:15px;
    width:333px;
}

#livre_display .cover-book .content {
    height:115px;
    width:250px;
}

#livre_display .cover-book a.decouvrir {
    background:transparent url(../images/bt_decouvrir_bgf2.gif) no-repeat scroll center 0px;
}

#livre_display .cover-book a.decouvrir:hover {
    background:transparent url(../images/bt_decouvrir_bgf2.gif) no-repeat scroll center -30px;
}

/*Fiche de pr�sentation d'un livre***************/

#fiche_livre {
    background:transparent url(../images/titre_bg.jpg) no-repeat scroll right 0;
    height:328px;
    margin:0 auto;
    padding:15px;
    width:815px;
} 

#fiche_livre .image{
    float:left;
    margin: 0 10px 0 0;
}

#fiche_livre #fiche {
    height:280px;
    margin:-215px 0 0 410px;
    overflow:hidden;
    position:absolute;
    width:200px;
}

#fiche_livre .content{
    float:left;
    overflow:hidden;
    width:400px;
}

#fiche_livre .content h3{
    color:#34819b;
    text-transform:uppercase;
    margin:15px 0 10px;;
}

#fiche_livre .content .auteur {
    text-decoration:underline;
}

#fiche_livre .content a.bt_index_titre {
    background-color:#333333;
    color:#FFFFFF;
    display:block;
    font:normal 900 13px/1.2em "Courier New", Courier, monospace;
    height:15px;
    margin:257px 0 0 411px;
    overflow:hidden;
    padding:5px;
    position:absolute;
    text-align:center;
    width:189px;
    z-index:200;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
#fiche_livre .content a:hover.bt_index_titre {
    background-color:#8b0a0a;
    color:#FFFFFF;
}

#fiche_livre .texte-1, #fiche_livre .texte-2 {
    line-height:14px;
    overflow:hidden;
}

#fiche_livre .texte-1 {
    height:235px;
    font-size:1.2em;
    margin:10px 0 0;
}

#fiche_livre .texte-2 {
    font-style:italic;
    margin:5px 0;
    height:60px;
}

#fiche_livre .fiche-titre {
    background:transparent url(../images/titre_fiche_livre.gif) no-repeat scroll center top;
}

#fiche_livre #fiche .fiche-details {
    width:100%;
    background-color: #F2F2F2;
    height:205px;
}

#fiche_livre #fiche .fiche-details .fiche-box, #fiche_livre #fiche .fiche-details .fiche-box-right {
    float:left;
    margin:8px 0;
    padding:0 5px;
    width:200px;
}

#fiche_livre  a.add_to_cart  {background:transparent url(../images/bt_acheter.gif) no-repeat scroll 0 0; display:block;  height:20px; width:80px; margin:175px 60px 0; text-indent:-9999px; position:relative;}
* html #fiche_livre  a.add_to_cart {margin:5px 60px 0;}
*+html #fiche_livre  a.add_to_cart {margin:10px 60px 0;}
#fiche_livre  a:hover.add_to_cart  {background-position:bottom;}

#fiche_livre .fiche-link {position:absolute; clear:both; float:none;border-top:1px dotted #CCB38F;  margin-top:3px}
/***/
.fiche_menu_content {
    background:transparent url(../images/titre_menu_bg.gif) no-repeat scroll center top;
    height:30px;
    overflow:hidden;
    width:823px;
    margin:0 auto;
}
#fiche_menu {
    display:block;
    margin:0 auto;
    width:764px;
}

#fiche_menu ul {
    width:895px;
}

#fiche_menu li {
    float:left;
}

#fiche_menu li a {
    display:block;
    width:165px;
    height:30px;
}

/* Correctif ie 6*/

#fiche_menu li a {
    background-position:center 0;
    text-indent:-9999px;
}

#fiche_menu li a[title="auteur"] {
    background:transparent url(../images/titre_menu_auteur.gif) no-repeat scroll center top;
    width:100px;
}

#fiche_menu li a[title="extrait"] {
    background:transparent url(../images/titre_menu_extrait.gif) no-repeat scroll center top;
    width:125px;
}

#fiche_menu li a[title="illustrateur"] {
    background:transparent url(../images/titre_menu_illustrateur.gif) no-repeat scroll center top;
    width:170px;
}

#fiche_menu li a[title="prix"] {
    background:transparent url(../images/titre_menu_prix.gif) no-repeat scroll center top;
    width:212px;
}

#fiche_menu li a:hover, #fiche_menu li a.on {
    text-decoration:none;
    color:#000000;
    background-position:center -31px;
}

#fiche_menu .spacer {
    width:30px;
    height:30px;
    background:transparent url(../images/titre_menu_sep.gif) no-repeat scroll center top;
}

/******/
.tabContent {
    display:none;
    min-height:200px;
    width:inherit;
}

.maincolFX {
    margin:0 auto;
    z-index:999;
    display:block;
    clear: both;
}

#centercol .maincolFX .inner{
    margin:0 auto;
    width:inherit;
}

#fx {
    background-color:#FFFFFF;
    min-height:20px;
}
/*****/
#fx h2 {
    background:#FFFFFF url(../images/puce_cible.gif) no-repeat scroll 0 3px;
    border-bottom:2px solid #333333;
    color:#000000;
    font-size:20px;
    font-style:normal;
    height:33px;
    line-height:39px;
    padding:5px 0 0;
    text-align:left;
    text-indent:25px;
    width:65%;
}

#fx .texte{
    float:left;
    margin:5px 0 10px 0;
    text-align:justify;
    width:65%;
}

#fx .texte p {
    line-height: 1.4em;
}

* html  #fx .texte, * html  #fx h2{width:480px}
*+html#fx .texte, *+html  #fx h2{width:480px}

#fx .extrait {
    border-left:1px solid #CCCCCC;
    background-color:#FFFFFF;
    float:left;
    line-height:16px;
    margin:10px 0 10px 45px;
    -margin:10px 0 10px 25px;
    padding:5px 0 5px 10px;
    text-align:justify;
    width:750px;
    font-size:12px;
}

#fx .extrait .suite {
    font-weight:bold;
    font-style:italic;
    color:#999999;
    margin : 10px 0 0 0;
    display:block;
}

#fx .plus {
    background-color:#303030;
    color:#fbee01;
    font: normal 14px "Courier New", Courier, monospace;
    display:block;
    float:right;
    margin:-32px 0 15px;
    padding:10px;
    width:250px;
}

* html  #fx .plus {margin-right:10px}
*+html #fx .plus{margin-right:10px}

#fx .plus div {
    margin:8px 0;
    padding:0 0 0 5px;
}

#fx .plus a {
    color:#fbee01;
    text-decoration:underline;
}

#fx .plus a:hover {
    opacity:0.7;
}

#fx .texte p, #fx .extrait p{
    margin:10px 0;
    color:#000000;
    background-color:#ffffff;
}

#fx .texte p, #fx .extrait em{
    background-color:#ffffff;
}

#fx .img_conteneur{
    width:244px;
    min-height:216px;
    overflow:hidden;
}
#fx .image{
    display:block;
    margin:3px auto 20px;
    width:244px;
    overflow:hidden;
}

#fx .fiche_livre_auteur {
    clear:both;
}

#fx .prix {
    float:left;
    line-height:16px;
    margin:10px 0 10px 45px;
    -margin:10px 0 10px 18px;
    padding:5px 0 5px 10px;
    width:750px;
}

#fx .prix li {
    list-style-image : url('../images/puce_li.gif');
    margin:10px 0 10px 10px;
    background-color:#FFFFFF;
}

#fx div.titre{
    color:#EFEFEF;
    height:24px;
    font: normal 900 15px/1.6em "Times New Roman", Times, serif;
    text-transform: uppercase;
    text-align:center;
    width:100%;
    background:#ffffff url(../images/titre_meme_auteur.gif) no-repeat scroll center top;
}

#fx .left {
    float:left;
}

#fx .right {
    float:right;
}

#fx .triple{
    width:33%;
    float: left;
}

#fx .left, #fx .right {
    width:50%;
} 

#fx .centre {
    width:100%;
    float:left;
} 

#fx .left strong, #fx .right strong, #fx .centre strong, #fx .triple strong {
    background:transparent url(../images/titre_onglet.gif) no-repeat scroll center top;
    color:#FFFFFF;
    display:block;
    font:normal 900 12px/1.8em "Courier New", Courier, monospace;
    height:22px;
    margin:0 auto;
    text-align:center;
    text-transform:uppercase;
    width:155px;
}
#fx .left .img-box, #fx .right .img-box, #fx .centre .img-box {
    width:auto;
    margin:5px auto;
    height:115px;
    overflow:hidden;
}

#fx .fiche_livre_auteur img {
    width:70px;
    height:110px;
    margin:10px 10px 0;
}

#fx .fiche_livre_auteur table {
    margin:0 auto;
}

/*Avis*/

#fx #avis-liste, #fx #avis-write {
    color:#999999;
    float:left;
    margin:20px 10px 20px 5px;
    width:850px;
    list-style-type:none;
}

#fx #avis-liste {
    height:1%;
    background:transparent url(../images/bg_white.gif) repeat-x scroll left bottom;
    padding:0 0 70px;
    border-bottom: 1px solid #eeeeee;
}

#fx #fiche_avis h2, #fx #avis-write h2 {
    float:left;
    width:80%;
}

.scrollLink {
    float:right;
    font-size:15px;
    height:40px;
    margin:17px 5px 0 0;
    clear:both;
}

.scrollLink img {
    width:85px;
    height:40px;
}

.scrollLink a {
    display:block;
    width:85px;
    height:40px;
    overflow:hidden;
    text-decoration:none;
}

.scrollLink a.ecrire {
    background:#ffffff url(../images/but_ecrire.gif) repeat-x scroll left top;
}

.scrollLink a.ecrire:hover {
    background:#ffffff url(../images/but_ecrire.gif) repeat-x scroll left -40px;
}

.scrollLink a.haut {
    background:#ffffff url(../images/but_haut.gif) repeat-x scroll left top;
}

.scrollLink a.haut:hover {
    background:#ffffff url(../images/but_haut.gif) repeat-x scroll left -40px;
}

#fx #avis-liste .avis_1 {
    float:right;
    margin:0 0 0 400px;
}

#fx #avis-liste .avis_0 {
    float:left;
}

#fx #avis-liste .avis_0, #fx #avis-liste .avis_1 {
    font-size:9pt;
    line-height:1.2;
    text-indent:0 !important;
    width:417px;
}

#fx #avis-liste .avis_h {
    background:transparent url(../images/avis_h.gif) no-repeat scroll center bottom;
    height:15px;
    width:417px;
}

#fx #avis-liste blockquote {
    background:transparent url(../images/avis_c.gif) repeat-y scroll left top;
    margin:0;
    padding:3px 18px 3px 20px;
}

#fx #avis-liste .avis_0 .avis_b {
    background:transparent url(../images/avis_bg.gif) no-repeat scroll left top;
}

#fx #avis-liste .avis_1 .avis_b {
    background:transparent url(../images/avis_bd.gif) no-repeat scroll left top;
}

#fx #avis-liste .avis_b {
    font-size:8pt;
    height:30px;
    width:417px;
}

#fx div.blaz, #fx div.blaz {
    font-size:15px;
    position:absolute;
    width:417px;
    overflow:hidden;
}

#fx .avis_0 div.blaz p {
    display:block;
    text-align:left;
    margin:10px 0 0 80px;
}

#fx .avis_1 div.blaz p {
    display:block;
    margin:10px 80px 0 0;
    text-align:right;
}

#fx .avis_0 .faviconize, #fx .avis_1 .faviconize {
    height:30px;
    width:30px;
}

#fx .avis_1 .faviconize {
    float:right;
    margin:-5px 0 0 5px;
}

#fx .avis_0 .faviconize {
    float:left;
    margin:-5px 5px 0 0;
}

#fx #avis-write {
    margin:0 10px 0 5px;
}

#fx #avis-write h2 {
    margin:0 0 20px;
}

/* Collection ****************************************/	

#collection {
    width:100%;
}

#collection .bloc-presentation {
    float: left;
    width:560px;
    -margin:0 0 20px;
}

#collection .bloc-presentation p {
    margin:10px 0 0 10px;
    text-align:justify;
    font-size:13px;
}

#collection .image-1 {
    float:right;
    margin:10px 10px 0;
}

#collection .bloc-technique {
    margin:10px 0 0;
    float:left;
    width:330px;
    height:270px;
    background: transparent url('../images/FI_bg.jpg') no-repeat scroll center top;
    font: normal normal normal 12px/1em "Courier New", Courier, monospace;
    margin:-40px 0 0 20px;
}

#collection .bloc-technique strong {
    text-transform:uppercase;
}

#collection table {
    width:291px;
    border-collapse:collapse;
    border:1px solid #000000;
    margin:10px 17px;
}

#collection table td{
    vertical-align:middle;
}
#collection tbody td,
#collection tbody th {
    border: 1px solid #000;
}

#collection tfoot td,
#collection tbody td {
    padding:3px;
}

#collection thead {
    border: none;
}

#collection th {
    background-color: #e5e3e6;
    vertical-align: middle;
}

#collection thead,
#collection tfoot {
    background-color: #1a181c;
    color: #efefef;
    text-align:right;
}

/*Styles pour les top des lecteurs*/
#top_lecteur {
    width: 890px;
    height:316px;
    text-align: center;
    margin: 0 auto;
    background:transparent url(../images/coverFlow.gif) no-repeat scroll center top;
}

#top_lecteur a,#top_lecteur a:hover {
    text-decoration : none;
}

#top_lecteur .gallery {
    width:750px;
    -width:770px;
    margin:auto;
    padding:60px 0 0;
}
#top_lecteur .ex {
    color:#4894AA;
    display:block;
    float:left;
    margin:10px;
    width:130px;
}

#top_lecteur .top {
    border: 1px solid #4894aa;
    margin:0 auto;
    width:100px;
    height:152px;
}	

/*BONUS*********************************************************************************/

/*Fond ecran******************************/

#fond-ecran li {
    display:block;
    list-style-type:none;
    font-size:10px;
    text-align:center;
    float:left;
    margin:20px;
}

#fond-ecran li a:hover {
    color:#34819B;
}

/*Liens**********************************/

.liens-box {
    width:858px;
    padding: 0 0 10px 0
}
.liens-box li{
    background:transparent url(../images/bg_lien.jpg) no-repeat scroll left bottom;
    float:left;
    height:54px;
    list-style-type:none;
    overflow:hidden;
    padding:10px 5px;
    margin:9px;
    width:253px;
}

.liens-box .right {
    float:left;
    height:58px;
    margin:0 0 0 5px;
    overflow:hidden;
    text-align:left;
    width:205px;
}

.liens-box .left {
    background:transparent url(../images/puce_lien_big.gif) no-repeat scroll center top;
    float:left;
    height:53px;
    width:38px;
}

.liens-box h3 {
    font-family:"Courier New";
    font-size:13px;
    color:#000000;
    text-align:left;
    margin: 0 0 3px;
}

.liens-box em, .liens-box a {
    margin:0 0 3px;
    display:block;
}

.liens-box a {
    color:#8B0A0A;
    font-size:110%;
    margin-top:5px;
    text-decoration:underline;
}

.signature-box .dossier{
    height:320px;
}

.signature-box li.dossier .texte {
    width: 230px;
}

.signature-box li.dossier .texte p{
    margin:0 0 10px;
}

.signature-box li.dossier a{
    display: block;
}
/*Dossier ********************************************************************/

.dossier-titre {
    position:relative;
}

.dossier-box li{
    list-style-type:none;
    float:left;
    height:1%;
    -height:auto;
    border-top:1px dotted #cccccc;
    background:transparent url(../images/bg_white.gif) repeat-x scroll left bottom;
    width:415px;
    overflow:hidden;
    margin:10px 5px;
}

.dossier-date {
    font-size:1em;
    font-style:normal;
    font-weight:normal;
    line-height:0.8;
    padding:3px 5px;
    position:absolute;
    right:0px;
    text-align: left;
    top:0;
    height:39px;
    color:#ffffff;
    background-color:#01871a;
}
.dossier-box h1{
    background-color:#EEEEEE;/* url(../images/icone_dossier.jpg) no-repeat scroll 5px 4px;*/
    display:block;
    font-size:15px;
    height:52px;
    line-height:38px;
    padding:0 0 0 15px;
    text-align:left;
    text-decoration:underline;
}

.dossier-date .dossier-date-jour {
    font-size:1.6em;
    text-align:center;
    padding:4px 3px ;
    display:block;
}

.dossier-date .post-date-mois {
    font-size:0.8em;
    text-align:center;
    text-transform:capitalize;
    padding:3px;
}

.dossier-box h1 a {
    font-style: normal;
    color:#666666;
}

.dossier-box .left {
    padding:10px;
    float:left;
    text-align: left;
}

.dossier-box a:hover {
    color:#266A82;
}

.dossier-box a {
    text-decoration:underline;
    color:#0099cc;
    font-style:italic;
    font-weight:bold;
    margin: 10px 0 0;
}

.dossier-box .intro {
    text-align:left;
    margin:0 0 20px;
}

.dossier-box .titre {
    font-weight:bold;
    font-size:13px;
    margin:0 0 10px 0;
}

.dossier-box .right {
    display:block;
    height:100px;
    margin:0px auto 15px;
    -margin:0px auto 15px;
    overflow:hidden;
    height:250px;
    text-align:center;
}

.dossier-box .right img {
    margin: 10px auto 0;
}
/*Redaction dossier*/
.dossier-page h3 {
    border-bottom:1px dotted #CCCCCC;
    border-top:1px dotted #CCCCCC;
    color:#18435C;
    display:list-item;
    list-style-position:inside;
    list-style-type:cjk-ideographic;
    margin:20px 0 10px;
    padding:3px 0;
}

.dossier-page .references {
    margin:15px 0 10px 5px;
    font-size:11px;
    font-style:italic;
    color:#4c76a5;
}
/*Interviews**********************************/

a.texte, a.video, a.video_texte {
    display:block;
    float:left;
    height:30px;
    left:110px;
    margin:10px auto;
    position:relative;
    text-indent:-9999px;
    top:0;
    width:131px;
}

a.video {
    background: transparent url('../images/bt_video.gif') no-repeat scroll 0 0;
}

a.texte {
    background: transparent url('../images/bt_interview.gif') no-repeat scroll 0 0;
}

a.video_texte {
    background: transparent url('../images/bt_videotexte.gif') no-repeat scroll 0 0;
}

a.texte:hover, a.video:hover,  a.video_texte:hover {
    background-position:0 -32px;
}

.interviews-box {
    width:858px;
    padding: 0 0 10px 0;
}
.interviews-box li{
    list-style-type:none;
    height:1%;
    -height:auto;
    background:#efefef url(../images/itw_bottom.gif) no-repeat scroll center bottom;
    float:left;
    width:384px;
    overflow:hidden;
    margin:0 16px 16px;
}


.inter-titre {
    background:#033b47 url('../images/itw_top.gif') no-repeat scroll 0 0;
    height:36px;
    width:inherit;
}
.inter-date {
    bottom:41px;
    color:#d1dddf;
    font: normal normal normal 13px "Times New Roman", Times, serif;
    height:39px;
    left:323px;
    line-height:0.7;
    padding:5px;
    position:relative;
    text-align:left;
    width:50px;
}
.interviews-box h1{
    direction:ltr;
    font-size:13px;
    height:35px;
    line-height:2.4em;
    margin:0;
    overflow:hidden;
    text-indent:35px;
    vertical-align:middle;
    width:310px;
}

.inter-date .inter-date-jour {
    font-size:1.6em;
    text-align:center;
    padding:4px 3px ;
    display:block;
}

.inter-date .post-date-mois {
    font-size:0.8em;
    text-align:center;
    text-transform:capitalize;
    padding:3px;
}

.interviews-box h1 a {
    font-style: normal;
    color:#d1dddf;
}

.interviews-box .left {
    padding:10px;
    float:left;
    width:110px;
    overflow:hidden;
    text-align: left;
}

.interviews-box h1 a:hover {
    color:#266A82;
}

.interviews-box .intro {
    text-align:left;
    margin:0 0 10px;
    height:150px;
    overflow: hidden;
}

.interviews-box .titre {
    font-weight:bold;
    font-size:13px;
    margin:0 0 10px 0;
}

.interviews-box .right {
    display:block;
    margin:10px 10px 5px 0px;
    overflow:hidden;
    height:200px;
    text-align:center;
}

.interviews-box .right img {
    margin: 0 auto;
}

.article, .article_video {
    text-align:justify;
}

.article p
.article_video p
{
    font-size:12px;
    margin:5px 20px 10px;
}

.article h3, .article_video h3 {
    background-color:#CCCCCC;
    border-bottom:1px solid #CCCCCC;
    font: normal bold 18px/1em "Courier New", Courier, monospace;
    font-variant: small-caps;
    color:#1C1C1C;
    margin:0 auto;
    padding:5px;
    text-align:center;
    width:97%;
    text-transform:capitalize;
}

.article .description,
.article_video .description {
    background-color:#EFEFEF;
    border-top:1px solid #999999;
    color:#666666;
    font-size:12px;
    font-style:italic;
    margin:0 auto 20px;
    padding:10px 49px 10px 20px;
    width:90%;
}

.article .media > div, .article_video .media > div {
    margin:5px 0;
    font-style:italic;
    font-size:13px;
}

.article_video .media {
    width:45%;
    float:right;
    overflow:hidden;
}
.article_video .media, .article_video .content {
    width:43%;
    float:left;
    overflow:hidden;
    padding-right:5px;
}

.article .image {
    float:left;
    overflow:hidden;
    padding:0 8px;
    width:180px;
    margin:20px 0;
    text-align:center;
}

.article .content {
    float:left;
    margin:0 auto;
    padding:0 20px;
    width:600px;
    overflow:hidden;
}

.article .question,
.article_video .question {
    background: #ffffff url(../images/pager_bg.jpg) repeat-x scroll 0px top;
    font-weight:bold;
    font-size:13px;
    font-style:italic;
    font-family:"Courier New", Courier, monospace;
    color:#750909;
    width:100%;
    padding:5px 5px 5px;
    margin:20px 0;
}

/**Signatures Salons **************************************/
.signature-box {
    width:830px;
    padding: 0 0 10px 0;
    margin:0 auto;
}
.signature-box li{
    height:290px;
    list-style-type:none;
    margin:10px 0;
    overflow:hidden;
    width:405px;
    background: #e2e2e2 url('../images/festival_bg.jpg') no-repeat scroll center bottom;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-radius-bottomleft:10px;
    -webkit-border-radius-bottomright:10px;
}

.signature-box .li-left {
    float:left;
}

.signature-box .li-right {
    float:right;
}

.signature-titre {
    position:relative;
    height:34px;
}

.signature-titre,  .signature-titre h1 {
    color:#FFFFFF;
}

.signature-titre .border{
    background:transparent url(../images/festival_sep.gif) no-repeat scroll 0 0;
    height:29px;
    margin:0;
    overflow:hidden;
    padding:0;
    position:absolute;
    right:100px;
    top:3px;
    width:7px;
}

.signature-box h1, .signature-date{
    font-family: "Courier New", Courier, monospace;
}

.signature-date {
    font-size:1em;
    font-style:normal;
    font-weight:bold;
    line-height:0.8;
    padding:7px;
    position:absolute;
    right:0px;
    text-align: left;
    top:0;
    height:39px;
    color:#ffffff;
}
.signature-box h1{
    background:transparent url(../images/festival_top.gif) no-repeat scroll 0 0;
    display:block;
    font-size:14px;
    height:36px;
    line-height:33px;
    padding:0 0 0 10px;
    text-align:left;
    margin:0;
}

.signature-date .signature-date-jour {
    font-size:1.5em;
    text-align:center;
    padding:2px ;
    display:block;
    float:right;
}

.signature-date .signature-date-annee {
    font-size:0.9em;
    text-align:center;
    text-transform:capitalize;
    padding:2px;
    display:block;
    float:right;
}

.signature-date .signature-date-mois {
    font-size:1.2em;
    text-align:center;
    text-transform:capitalize;
    padding:2px;
    display:block;
    float:right;
}

.signature-box h1 a {
    color:#FFFFFF;
    display:block;
    font-style:normal;
    height:34px;
    overflow:hidden;
    width:360px;
}

.signature-box h1 a:hover {
    color:#FFFFFF;
    text-decoration:underline;
}

.signature-box .left {
    width:200px;
    padding:10px;
    float:left;
    text-align: left;
}

.signature-box .texte {
    font-size:11px;
    height:173px;
    line-height:14px;
    overflow:hidden;
    margin-bottom:8px;
}

.signature-box a:hover {
    color:#266A82;
}

.signature-box .intro a {
    background:transparent url(../images/puce_lien.gif) no-repeat scroll left 0;
    color:#750909;
    display:list-item;
    font-style:italic;
    font-weight:bold;
    line-height:16px;
    text-indent:17px;
}

.signature-box a.pdf {
    background:transparent url(../images/icon-pdf-big.gif) no-repeat scroll center top;
    width:143px;
    height:38px;
    display: block;
    overflow:hidden;
}

.signature-box a:hover.pdf {
    opacity: 0.7;
    cursor: pointer;
}

.signature-box .intro {
    text-align:justify;
    margin:0 0 20px;
}

.signature-box .titre {
    font-weight:bold;
    font-size:13px;
    margin:0 0 10px 0;
}

.signature-box .right {
    display:block;
    float:right;
    height:200px;
    margin:20px 10px 0 ;
    overflow:hidden;
    text-align:center;
    width:140px;
}

.signature-box .right img {
    margin: 0 auto;
}

/**********************************************************/
.scrollLink a.retour {
    text-decoration:none;
    color:#8B0A0A;
    display:block;
    font-family: "times New Roman", Times, serif;
    height:40px;
    margin:-5px 0 0;
    overflow:hidden;
    width:85px;
}

.scrollLink a.retour:hover {
    text-decoration:none;
    color:#666666;
}

/*Libraires*******************************************/

.lib-left, .lib-right {
    width:150px;
    margin:0 5px;
}
.lib-left {
    float:left;
}

.lib-right {
    float:right;
} 

#map {
    margin:5px;
    overflow:hidden;
    text-align:center;
    vertical-align:bottom;
    background-color:#FFFFFF;
}
/*Pedago**********************************************/

.pedago {
    width:480px;
    margin:0 auto 10px;
}

.pedago li {
    overflow:hidden;
    clear:both;
    display:block;
    list-style-type : none;
    height:110px;
    padding:10px 0;
    /*border-bottom:1px solid #eeeeee;*/
    background:transparent url(../images/bg_white.gif) repeat-x scroll left bottom;
}

.pedago .content {
    float:left;
    width:300px;
}

.pedago img {
    float:right;
    margin:0 10px 0 0;
}

.pedago .titre {
    background:transparent url(../images/icone_interview.jpg) no-repeat scroll left bottom;
    height:36px;
    font-weight:bold;
    font-size:15px;
    line-height:33px;
    padding:0 0 0 45px;
    text-transform:uppercase;
    width:435px;
}

.pedago .idee {
    color:#266A82;
    margin:10px 0 0 25px;
}

.pedago .de {
    color:#34819b;
    margin:0 0 0 25px;
}

.pedago .de, .pedago .idee { 
    display:list-item;
    font-size:13px;
    list-style-type:circle;
}

.pedago .de span, .pedago .idee span { 
    font-style:italic;
    text-decoration:underline;
}

.pedago .content a {
    border-bottom:1px solid #EEEEEE;
    color:#cccccc;
    display:block;
    font-weight:bold;
    margin:10px 0 0;
    padding:4px 5px 4px 15px;
    width:480px;
}

.pedago .content a:hover {
    color:#666666;
    border-bottom :1px solid #cccccc;
    text-decoration:none;
}
.pedago #pager-box {
    margin-top:7px;
}
/**********************************************************************/

/***RECHERCHE --------------------------------------------------------------------------------*/

#result-liste {
    clear : both;
    padding : 10px 0 5px;
    -padding : 0px 0 5px;
    width:85%;
    margin : 10px 0 20px;
}

#result-liste strong {
    text-transform: uppercase;
    font-size:14px;
    margin:20px 0 0 20px;
}

#result-liste .liste_clair,#result-liste .liste_fonce {
    margin:10px 30px;
    padding: 5px 10px;
    font-size:13px;
    border-bottom: 1px dotted #999999;
}	

#result-liste  .titre {
    color:#1c1c1c;
    text-transform:uppercase;
    font-weight:bold;
    float:left;
}

#result-liste  .auteur {
    color:#303030;
    font-style:italic;
    float:left;
    margin:0 0 0 10px;
}

#result-liste .details {
    color:#870f17;
    float:right;
    font-size:10px;
    display:block;
}