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

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

h1 {
    color : #3c1d10;
    font-size : 20px;
    font-weight:bold;
    text-transform:uppercase;
    text-align : center;
    margin : 0 0 2px 0;
}

h2 {
    background:transparent url(../images/puce_h2.jpg) no-repeat scroll 0 -2px;
    color:#663333;
    display:block;
    font-size:18px;
    font-weight:bold;
    height:23px;
    line-height:36px;
    overflow:visible;
    padding:0 0 15px 30px;
    -padding:0 0 5px 30px;
    text-align:left;
}

.h2 {
    background: url('../images/puce_h2_bis.gif') no-repeat scroll 0 0;
}

#maincol h2 {
    line-height:32px;
    /*border-bottom:1px dotted #CCCCCC;*/
    padding:0 0 14px 30px;
}

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: #663333;
    font-weight : bold;
    font-size: 13px;
}

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

a {
    color:#3c1d10;
}

a:hover {
    color:#752A11;
    text-decoration : underline;
}

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

blockquote p {
    margin:0 0 10px;
}

.both {
    clear: both !important;
    padding:0 !important;
    margin:0 !important;
}

.left {
    float: left;
}

.right {
    float: right;
}


.media {
    margin:10px auto;
}

.georgia {
    font-family : georgia, "Times New Roman", Times, serif;
}

.u {
    text-decoration: underline;
}

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

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

.bloc_infos a{
    color:#663333;
    font: normal bold normal 11px Georgia, Times, serif;
}

div.bloc_infos:hover, div.bloc_infos a:hover{
    opacity:0.7;
    text-decoration:none;
    color:#000;
}

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



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

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

.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:15px;
    overflow:hidden;
}

.box-520-top {
    background: url('../images/box_520_top.gif') no-repeat top left;
}

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

.small-box {
    margin : 0;
}


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

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

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

/*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:328px;
    height:115px;
}


.cover-book .image, .rdv .image{
    float:left;
    margin:2px 5px 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:#34819B;
    opacity:0.7;
    filter:alpha(opacity=70);
}

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

.rdv .content {
    width:220px;
    height:115px;
}

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

.cover-book .titre, .rdv .titre{
    font-size: 12px;
    font-weight:bold;
    color: #522c1b;
    text-transform : uppercase;
}

.cover-book .auteur, .rdv .ss-titre{
    font-size: 12px;
    font-weight:bold;
    color: #522c1b;
    font-style: italic;
}

.cover-book .texte, .rdv .texte{
    display:block;
    font-size: 11px;
    text-align:justify;
    margin : 3px 0;
    overflow:hidden;
}

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

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

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

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

.rdv .image a{
    border:medium none;
}

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

#sub_nav {
    margin:10px 0 0;
}

#sub_nav form span, #sub_nav .left a, #sub_nav .left {
    color:#663333;
    font-weight:bold;
    line-height:21px;
    text-decoration:none;
}

#sub_nav .left {
    float:left;
}

#sub_nav .right {
    float:right;
}

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

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

#leftcol {
    float:left;
    margin:10px 0 0;
    width:360px;
    display:block;
}

#leftcol .inner {
    background-color : #FFFFFF;
    display:block;
    overflow:hidden;
    padding: 0 15px;
    width : 330px;
    height:100%;
}

#rightcol {
    float:right;
    margin:10px 0 0;
    width:520px;
    display:block;
}

#rightcol .inner {
    background-color : #FFFFFF;
    display:block;
    overflow:hidden;
    padding: 0 15px;
    width : 490px;
    height:100%;
}

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

#maincol .inner {
    background-color : #FFFFFF;
    display:block;
    overflow:hidden;
    padding: 0 15px;
    width : 860px;
    /*min-height:420px;*/
}

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

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

#fiche .fiche-titre {
    background-color : #ccb38f;
    height : 17px;
    width:100%;
    text-align:center;
    font-weight:bold;
}

#fiche .fiche-details {
    width:480px;
    padding:0 5px;
    background: url('../images/fiche_bg.gif') repeat-x top left;
    overflow:hidden;
}

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

#fiche .fiche-box-right {
    width:130px;
    float:right;
}

#fiche .fiche-box {
    width:160px;
    float:left;
}

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

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

#leftcol #home-left {
    height:500px;
    overflow:hidden;
}

#rightcol #home-right {
    height:559px;
    overflow:hidden;
}

#banniere {
    width: 469px;
    height:69px;
    overflow:hidden;
    display:block;
    margin : 0 auto;
}

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

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

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

#home .edito {
    color:#663333;
    display:block;
    height:260px;
    margin:0 5px;
    overflow:hidden;
}

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

#footer #maincol {
    margin:24px auto 0;
}

#footer .content {
    width:870px;
}

#footer div{
    width:888px;
    margin:auto;
}

#footer .logo{
    width:206px;
    height:21px;
    margin:0 auto;
}

#footer div  img{
    width:206px;
    height:21px;
}

#footer .liens {
    width:100%;
    height:21px;
    -height:15px;
    margin:0;
    text-align:center;
}

#footer .liens ul {
    margin:0 auto;
}

#footer .liens li {
    list-style-type:none;
    float:left;
}

/* Specific style catalogue index*/

#index-titres { height:380px; overflow:hidden;}

.liste ul, .liste ul.paging li {list-style-type:none; margin:0; padding:0}
.liste ul.paging li {vertical-align: bottom; border-bottom:2px solid #FFF; clear:both;}
.liste ul.paging { height:290px;overflow:hidden;display:block; margin-top:3px;}
.liste .paging li { display:block; height:17px; overflow:hidden;}

a.liste_clair, a.liste_fonce { width:98%; height:17px; margin: 0; padding:0 3px; text-decoration:none; font-size:11px; font-family: "Trebuchet MS",Verdana,Sans-Serif; overflow:hidden; display:block;}
.liste_clair:hover, .liste_fonce:hover, .liste_clair a:hover, .liste_fonce a:hover { background-color:#e4cc91; cursor:pointer; width:97%; text-decoration:none;}
.liste_clair { background-color:#f2e5cc;}
.liste_fonce { background-color:#efe0bd;}

.liste .titre { color:#663333; text-transform:uppercase; font-weight:bold; float:left; margin:0 10px 0 0;}
.liste .auteur { color:#734848; font-style:italic; }
.liste .nom {text-transform:uppercase;}
.liste .auteur_index { color:#663333; float:left;}
.liste .left { float:left;}
.liste .right { color:#870f17; font-size:10px; width:50px; float:right;overflow:hidden; text-align:right; float:right; }

.simplePagerNav, .pagination { width:308px;margin:10px auto;text-align:center;}
.pagination {margin:0 auto;}
.simplePagerNav  li { display:inline;}
.simplePagerNav  li a, .pagination a, .pagination u {font-weight:bold; height:20px; margin:1px; padding:1px 3px 3px; text-align:center; text-decoration:none; width:20px; }
.simplePagerNav  a:hover, .simplePagerNav .currentPage, .pagination u, .pagination a:hover{ background:#ffffff url(../images/nav_lettre_bg.gif) no-repeat scroll center top;}
/******/

#catalogue_une {
    height:262px;
    overflow:hidden;
    width:488px;
}

#catalogue_une img {
    float:left;
}

#catalogue_une .content {
    float:right;
    margin: 0 0 0 10px;
    height:240px;
    width: 320px;
    overflow:hidden;
}

#catalogue_une h1, #catalogue_une h2 {
    color: #522c1b;
    font-size: 16px;
    font-weight:bold;
    margin: 0;
    padding:0;
    text-align:left;
    background:none;
}

#catalogue_une h2 {
    font-style:italic;
}

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

#catalogue_une  .texte {
    height:150px;
    margin:10px 0;
    overflow:hidden;
}

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


#catalogue_aparaitre {
    float:left;
    margin:8px 8px 15px;
    width:410px;
    overflow:hidden;
}	

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

#catalogue_aparaitre h2{
    font-size:13px;
    background:none;
    padding:0;
    margin:0 0 5px;
    height:1%;
    color:#522C1B;
}

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

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

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

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


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

#livre_display a:hover{
    background-color:transparent;
}

#livre_display .cover-book {
    margin:10px;
    -margin:9px;
    padding:5px;
    width:255px;
    background-color: #f0e6d3;
}

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

#livre_display .cover-book .content > div {
    height:96px;
    overflow:hidden;
}

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

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

/*Fiche de presentation d'un livre***************/

#fiche_livre {
    width:100%;
} 

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

#fiche_livre .content{
    float:right;
    overflow:hidden;
    width:650px;
}

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

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

#fiche_livre .content a.bt_index_titre {
    background:#FFFFFF url(../images/bt_index_titre.gif) no-repeat scroll center top;
    float:right;
    height:23px;
    right:10px;
    top:60px;
    overflow:hidden;
    position:absolute;
    width:128px;
}
#fiche_livre .content a:hover.bt_index_titre {
    background:#ffffff url(../images/bt_index_titre.gif) no-repeat scroll center -23px;
}

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

#fiche_livre .texte-1 {
    height:110px;
}

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

#fiche_livre #fiche {height:auto;}

#fiche_livre #fiche .fiche-details {
    width:100%;
}

#fiche_livre #fiche .fiche-details .fiche-box {
    margin:5px 90px 0 5px;
}

#fiche_livre #fiche .fiche-details .fiche-box-right {
    margin:5px 10px 0 0;
}

#fiche_livre #fiche a.add_to_cart  {background:#ffffff url(../images/bt_acheter.gif) no-repeat scroll 0 0; display:block; float:right; height:20px; width:80px; margin:10px 10px 0 0; text-indent:-9999px;}
#fiche_livre #fiche a:hover.add_to_cart  {background-position:bottom;}

#fiche_livre .fiche-link {clear:both; float:none;border-top:1px dotted #CCB38F;  margin-top:8px}
/***/
#fiche_menu {
    display:block;
    height:30px;
    overflow:hidden;
    width:890px;
}

#fiche_menu ul {
    width:895px;
}

#fiche_menu li {
    float:left;
    line-height:27px;
    list-style-type:none;
}

#fiche_menu li a {
    color:#999999;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    display:block;
    width:165px;
    height:30px;
    background:transparent url(../images/fiche_onglet.gif) no-repeat scroll 0 -30px;
}

#fiche_menu li a:hover, #fiche_menu li a.on {
    text-decoration:none;
    color:#000000;
    background:transparent url(../images/fiche_onglet.gif) no-repeat scroll 0 2px;
}


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

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

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

.maincolFX .inner {
    background:#FFFFFF url(../images/fiche_bg_fx.gif) repeat-x scroll 0 0;
}

#fx {
    min-height:20px;
    width:858px;
}
/*****/
#fx h2 {
    background:transparent url(../images/puce_h2_fiche.gif) no-repeat scroll 0 10px;
    color:#663333;
    font-size:18px;
    font-weight:bold;
    height:38px;
    line-height:57px;
    margin:10px 0;
    padding:0 0 10px 40px;
    text-align:left;
}

#fx .texte{
    float:left;
    line-height:16px;
    margin:5px 0 10px 0;
    text-align:justify;
    width:560px;
}

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

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

#fx .plus {
    background-color:#f0e6d3;
    color:#663333;
    display:block;
    float:right;
    font-size:14px;
    margin:0 0 15px 0;
    padding:10px;
    width:250px;
}

#fx .plus div.img_conteneur {
    background:none;
    margin:0;
    padding:0;
}
#fx .plus div {
    background:transparent url(../images/puce_li.gif) no-repeat scroll 0 2px;
    color:#663333;
    margin:8px 0;
    padding:0 0 0 20px;
}

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

#fx .plus a:hover {
    color:#3c1d10;
}

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

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

#fx .image{
    /*width:244px;
	float:right;
	margin:14px 0 0 0;
	border:1px solid #999999;*/
    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 {
    background-color:#FFFFFF;
    list-style-image:url(../images/puce_li.gif);
    margin:10px 0 10px -14px;
    -margin:10px 0 10px 10px;
}

#fx div.titre{
    background-color:#ccb38f;
    color:#011631;
    font-size:15px;
    font-weight:bold;
    height:17px;
    line-height:13px;
    text-align:center;
    width:100%;
}

#fx .left {
    float:left;
}

#fx .right {
    float:right;
}

#fx .left, #fx .right {
    width:50%;
    background:#ffffff url(../images/fiche_bg.gif) repeat-x scroll left top;
} 

#fx .centre {
    width:100%;
    float:left;
    background:#ffffff url(../images/fiche_bg.gif) repeat-x scroll left top;
} 

#fx .left strong, #fx .right strong, #fx .centre strong  {
    text-transform:uppercase;
    color:#663333;
    text-align:center;
    width:100%;
    display:block;
    margin:10px 0 0;
}
#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 #f0e6d3;
}

#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;
}

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

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

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

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

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

.scrollLink a.haut:hover {
    background: transparent 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 .separateur {
    background:transparent url(../images/separateur_pointille.gif) repeat-x scroll left center;
    height:5px;
}

#collection .bloc-presentation {
    float: right;
    width:540px;
}

#collection .bloc-presentation div, #collection .bloc-presse div {
    border-left:1px solid #CCCCCC;
    margin:0 0 0 12px;
}

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

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

#collection .image-2 {
    float:right;
    margin:50px 0 15px;
}

#collection .image-3 {
    float:left;
    height:400px;
    margin:30px -10px 0 0;
}

html>/**/body #collection .bloc-technique {
    margin:410px 0 0;
    position:absolute;
}

#collection .bloc-technique {
    margin:10px 0 0;
    position:relative;
    float:left;
    margin:400px 0 0;
}	

#collection .bloc-technique h2{
    margin:0 0 10px 13px;
    width:430px;
}

#collection .bloc-technique ul {
    border-left:1px solid #CCCCCC;
    display:block;
    margin:0 0 0 13px;
    width:460px;
}

#collection .bloc-technique li {
    list-style-type:none;
    margin:5px 0 0 10px;
}

#collection .bloc-technique li strong {
    color:#522c1b;
}

#collection .bloc-presse {
    float:right;
    width:535px;
}

#collection .bloc-presse p {
    margin:10px 10px;
    font-style:italic;
    line-height:14px;
    text-align:justify;
}

#collection .bloc-presse span, #collection .bloc-presse strong {
    color:#522c1b;
    display:block;
    font-weight:bold;
    margin:5px 0 0;
    font-style:normal;
}

#collection .bloc-presse strong {
    display:inline;
}

/*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:#E4CC91;
    display:block;
    float:left;
    margin:10px;
    width:130px;
}

#top_lecteur .top {
    border: 1px solid #E4CC91;
    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:#522c1b;
}

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

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

.liens-box .left {
    background:none;
    float:left;
    height:53px;
    width:5px;
}

.liens-box h3 {
    font-size:13px;
    text-align:left;
    margin: 0 0 3px;
    color: #522C1B;
    font-family:georgia, Times, serif;
}

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

.liens-box a {
    color:#870F17;
    text-decoration:underline;
}


/*Dossier ********************************************************************/

.dossier-titre {
    position:relative;
}

.dossier-box li{
    list-style-type:none;
    float:left;
    height:1%;
    list-style-type:none;
    margin:10px 5px;
    overflow:hidden;
    width:420px;
}

.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{
    border-top:1px solid #e4cc91;
    background:#f0e6d3 url(../images/icone_dossier.jpg) no-repeat scroll 5px 4px;
    display:block;
    font-size:15px;
    height:52px;
    line-height:53px;
    padding:0 0 0 65px;
    text-align:left;
    text-decoration:underline;
    width:360px;
}

.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:#4e270e;
}

.dossier-box .left {
    /*width:150px;*/
    padding:10px 10px 0 0;
    float:left;
    text-align: left;
}

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

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

.dossier-box .intro {
    text-align:left;
    /*width:245px;*/
    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:10px 10px 5px 0px;
    overflow:hidden;
    /*width:250px;
	float:right;*/
    height:250px;
    text-align:center;
}

.dossier-box .right img {
    margin: 10px auto 0;
}

/*Interviews**********************************/
a.texte, a.video, a.video_texte {
    display:block;
    float:left;
    height:30px;
    left:150px;
    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;
    border-top:1px dotted #cccccc;
    background:transparent url(../images/bg_white.gif) repeat-x scroll left bottom;
    float:left;
    width:410px;
    overflow:hidden;
    margin:10px 5px;
}

.inter-titre {
    position:relative;
}
.inter-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:#411708;
    background-color:#f4ad00;
}
.interviews-box h1{
    background-color: #f0e6d3; /*url(../images/icone_interviews.jpg) no-repeat scroll 5px center;*/
    display:block;
    font-size:15px;
    height:45px;
    line-height:38px;
    padding:0 0 0 15px;
    width:360px;
    text-align:left;
    text-decoration:underline;
}

.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:#4e270e;
}


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

.interviews-box a:hover {
    color:#663333;
}

.interviews-box a {
    text-decoration:underline;
    color:#8D5735;
    font-style:italic;
    font-weight:bold;
    margin: 0;
    float:left;
}

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

.interviews-box .right {
    display:block;
    margin:10px 10px 5px 0px;
    overflow:hidden;
    /*width:250px;*/
    float:none;
    height:150px;
    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
{
    font-size:15px;
    font-weight:bold;
    margin:10px;
    text-align:center;
    text-decoration:underline;
    text-transform:uppercase;
}

.article .description,
.article_video .description {
    direction:ltr;
    float:left;
    font-family:Trebuchet MS;
    font-size:14px;
    font-style:italic;
    font-variant:small-caps;
    margin:0 auto 20px;
    padding:10px;
    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;
    color:#522c1b;
    width:100%;
    padding:5px 5px 5px;
    margin:20px 0;
}
/**Signatures Salons **************************************/
.signature-box {
    width:858px;
    padding: 0 0 10px 0;
}
.signature-box li{
    background:transparent url(../images/bg_signature.png) repeat-x scroll 0 34px;
    height:290px;
    list-style-type:none;
    margin:0 0 10px;
    overflow:hidden;
    width:420px;
}

.signature-box li.dossier{
    background:transparent url(../images/bg_dossier.gif) repeat-x scroll 0 34px;
    height:320px;
}

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

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

.signature-titre {
    position:relative;
    height:34px;
}
.signature-date {
    font-size:1em;
    font-style:normal;
    font-weight:normal;
    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/bg_signature_top.png) no-repeat scroll 0 0;
    display:block;
    font-size:14px;
    height:34px;
    line-height:33px;
    padding:0 0 0 10px;
    text-align:left;
}

.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:240px;
    padding:10px;
    float:left;
    text-align: left;
}

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

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

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

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

.signature-box a {
    color:#663333;
    font-style:italic;
    font-weight:bold;
    margin: 10px 0 0;
    display:block;
}

.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;
}

.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;
	}

/**********************************************************/
.scrollLink a.retour {
    text-decoration:none;
    color:#cccccc;
}

.scrollLink a.retour:hover {
    text-decoration:underline;
    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 #f0e6d3;*/
    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:#663333;
    margin:10px 0 0 25px;
}

.pedago .de {
    color:#522c1b;
    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 #f0e6d3;
    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:70%;
    margin : 0 auto;
}

#result-liste .liste_clair, #result-liste .liste_fonce {
    margin:10px 30px;
    padding: 5px 10px;
}	

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

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

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



/*-------------------------*/
/*           JEUX          */
/*-------------------------*/

.big_title {
    text-align: center;
}

.big_title strong,
.big_title h1 {
    width: 620px;
}

.big_title h1, .jeux h3 {
     font-family:georgia, "Times New Roman";
}

.big_title h1 {
    float:left;
    font-size:22px;
    margin-top:40px;
}

.jeux h3{
    text-transform:uppercase;
    }


.big_title strong, .jeux h3{
    color:#6E3B3C;
}

.big_title strong {
    display:block;
    float:left;
    font-size:20px;
    line-height:30px;
    margin:5px 0 0;
    padding:10px 0 5px;
    text-transform:uppercase;
}

.big_title big{
    color:#B32408;
    font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size:27px;
    text-shadow:1px 1px 0 #555555;
    text-transform:none;
}

.jeux p{
    font-size:120%;
    line-height:19px;
    margin:10px 0 5px;
}

.jeux #comment_participer{
    font-size:110%;
    line-height:19px;
    margin:10px 0 5px;
}

.jeux #comment_participer em{
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    background-color:#E3DCCD;
    color:#663333;
    display:block;
    margin:5px auto 0;
    padding:5px 25px;
}

.jeux img[name="lampe"] {
    position:absolute;
    right:5px;
    margin: 0;
}

.reglement {
   color:#666666;
    float:right;
}

.gagnants h3, .gagnants h4 {
    font-family : georgia, Times, "Times New Roman";
    text-transform:none;
}

.gagnants h3
{
    color: #44200c;
    font-size: 22px;
}

.gagnants h4
{
    color: #ad1f1b;
    font-style:italic;
    font-size: 16px;
    margin:0;
}

.gagnants .separateur
{
    height:1px;
    border-top:1px solid #eee1c1;
    background-color:#b9a77c;
    background-image:none;
    overflow:hidden;
    clear:both;
    margin:10px auto;
    padding:0;
    width:90%;
}

.gagnants img { margin-right:30px;}

.gagnants .bulle img {margin:0 15px}

table.bulle {margin-bottom:20px; border:none; border-collapse:collapse;}
.bulle tr, .bulle td {margin:0; padding:0;}

.bulle .t,
.bulle .tl,
.bulle .tr
{
    height:26px;
    *height:31px;
}

.bulle .tl
{
    background:transparent url(../images/bulle_tl.gif) no-repeat scroll 0 bottom;
    width:6px;
}

.bulle .bl
{
    background:transparent url(../images/bulle_bl.gif) no-repeat scroll 0 0;
    width:6px;
    height:5px;
}

.bulle .tr
{
    background:transparent url(../images/bulle_tr.gif) no-repeat scroll 0 bottom;
    width:6px;
}

.bulle .br
{
    background:transparent url(../images/bulle_br.gif) no-repeat scroll 0 0;
    width:6px;
    height:5px;
}

.bulle .b
{
    background:transparent url(../images/bulle_b.gif) repeat-x scroll 0 0;
    height:5px;
}

.bulle .t
{
    background:transparent url(../images/bulle_t.gif) repeat-x scroll 0 bottom;
}

.bulle td.l
{
    border-left: 1px solid #ecdbb2;
    width:5px;
}

.bulle .r
{
    border-right:1px solid #ecdbb2;
    width:5px;
}

.bulle .c, .bulle .l, .bulle .r
{
    background: #fbf8ef url(../images/bulle_bg.gif) repeat-x scroll 0 bottom;
}
.bulle .c
{
    padding:10px;
    color:#631d08;
}