﻿body {margin:0;padding:0;background:#5d0920 url('../images/bg.jpg') repeat-x center top;
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.7em;color:#000;
}

a:link, a:visited {color: #4f88b1;}
a:hover, a:active {color: #5d8d0b;}

a.vert:link,a.vert:visited{color: #9b032f;text-decoration:none;} /*auteur accueil*/
a.vert:hover,a.vert:active{color: #049ce0;text-decoration:underline;}

a.titre:link, a.titre:visited {color: #6a0a25;text-decoration:none;font-weight:bold;} /*titre de livre accueil*/
a.titre:hover, a.titre:active {color: #049ce0;}

a.auteur:link, a.auteur:visited {color: #4f88b1;text-decoration:none;}
a.auteur:hover, a.auteur:active {color: #5d8d0b;text-decoration:underline;}

a.blanc:link, a.blanc:visited {color: #fff;text-decoration: none;}
a.blanc:hover, a.blanc:active {color: #f9da0a;}

/*a.bleu:link, a.bleu:visited {color: #4f88b1;}
a.bleu:hover, a.bleu:active {color: #5d8d0b;}*/

a.bleugros:link, a.bleugros:visited {color: #195f94;font-size:1.2em;}
a.bleugros:hover, a.bleugros:active {color: #f9da0a;}

a.regulier:link, a.regulier:visited {color: #000;text-decoration:none;}
a.regulier:hover, a.regulier:active {color: #014a7f;text-decoration:underline;}

a.ensavoirplus{background: url('../images/bt_savoirPlus.gif') no-repeat left top; height:14px; width:170px; display:block;text-align: left; text-indent: -9999px;}
a.ensavoirplus:hover{background-position: -170px 0;}

a.voirtous {color:#1578bf; font-weight:bold; text-decoration:none; text-align:right;display:block;}
a.voirtous:hover {color:#5d8d0b; font-weight:bold;text-decoration:underline;}

.txtErreur{font-weight:bold;color:#ff0000;}



/*-------------------------------------------
H1,H2,H3
---------------------------------------------*/

h1{font-family:Georgia, "Times New Roman", Times, serif;font-size:2.5em;font-weight:normal;margin:0;padding:0 0 20px 0;color:#6a0a25;} /*titre fiche*/
h1{font-family:Georgia, "Times New Roman", Times, serif;font-size:2.5em;font-weight:normal;margin:0;padding:0;color:#6a0a25;} /*titre fiche LIVRE*/

h2{font-family:Georgia, "Times New Roman", Times, serif; color: #6a0a25;font-size:1.7em;margin:0; font-weight:normal;} /*sous titre*/


h3{color:#6a0a25;font-weight:normal;font-size:1.2em;margin:0;}
h3.titreLivreAcc{font-weight:bold;font-size:1em;margin:0;}
h3.noir{color:#000;font-weight:bold;font-size:1em;margin:0;} /*Titre acc medias parle de nous*/

h4{font-size:1.2em;}
h5{font-size:1em;margin-bottom:0;}

/*h3.soustitre{color: #024d85;font-weight:bold;font-size:1.2em;margin:0;} /*soustitre Fiche*/
/*h3.titFiche{font-size:1.6em;font-weight:normal;margin:0;padding:0;}

h3.bleu{color: #4f88b1;font-weight:bold;font-size:1em;margin:0;}*/

hr{text-align:left;height:1px;color:#a4c5df;margin:15px 0 15px 0;}


dl dt {font-weight:bold;}


li{ list-style-image : url('../images/img_puce.gif');margin-left:15px;}
.vignette{border:1px solid #000;}
.label {font-weight:bold;width:100px;display:block;float:left;padding-top:5px;}

.floatleft{float:left;}

/*-------------------------------------------
MASTER PAGE
---------------------------------------------*/
#pagePrincipale { width:960px; margin:auto; /*background:#fff url('../images/bg_principal.gif') repeat-y 6px 20px;*/ background-color:#fff; padding:0 6px 0px 6px; }
* html #pagePrincipale{ padding-right: 0px;}

#colG{ width:213px;float:left; /*height:1000px;*/border-right:1px dotted #6a0a25;}
#colD{ float:left; width:745px;  /*min-height:1000px;*/}

.btOk{background: url('../images/bt_ok2.gif') no-repeat left top; height:22px; width:26px; border:none; text-indent:-9999px;}
.btOk:hover{background-position: -26px 0;}

#logoPrint{ display: none;}
.separateurDot{margin:15px 0 15px 0;}

#entete{background: url('../images/bg_entete.gif') no-repeat; width:972px;height:127px;text-align:right;margin-left:-6px; position: relative;}
a#logoLink img{ border: 0; height: 92px; left: 0; position: absolute; top: 0; width: 217px;}
#ctl00_updatePanelItems, #updatePanelItems{ display: inline; margin: 0; padding: 0; }
#menu{width:181px;height:291px;}
#colDcontent{ float:left; width:725px; min-height:1100px; padding:10px; }
#pagePrincipale2 {width:960px;margin:auto;background-color:#fff;padding:0 6px 20px 6px;min-height:1225px;}

/* top links */
#topLinks{ position: absolute; top: 3px; right: 15px;z-index:999;}

/*RechercheTop*/
#rechercheTop {	background: url('../images/tit_enteteRecherche.gif') no-repeat;position: absolute;top: 35px;right: 0;padding:0 10px 0 0;margin:0px;width:275px;}
.btOk2{background: url('../images/bt_ok2.gif') no-repeat left top; height:22px; width:26px; border:none; text-indent:-9999px;}
.btOk2:hover{background-position: -26px 0;}


/*infolettre*/
div#infolettre .btInscription{width: 97px; text-align: left; text-indent: -9999px; height:22px; border:none;background: url('../images/bt_inscription.gif') no-repeat left top;}
div#infolettre .btInscription:hover {background-position: -97px 0;}
div#infolettre p{ margin: 0 0 10px 0;}
div#infolettre #TextBoxCourriel{margin: 5px 0 5px 0;}

/*A Paraitre*/
/*ul#AParaitreAccueil{ margin: 0; padding: 0;}
ul#AParaitreAccueil li{ float:left; width:139px; margin: 0; padding: 0 10px 10px 0; list-style: none;}*/
#aParaitre p{ margin: 0 0 20px 5px; padding: 0;}
ul#AParaitreAccueil{ margin: 0 0 0 5px; padding: 0; }
ul#AParaitreAccueil li{margin: 0; padding: 0 10px 10px 0; list-style: none;}
ul#AParaitreAccueil li #aParaitreImage{float: left; margin-bottom: 15px; width: 95px; }
ul#AParaitreAccueil li .sideInfos{ float: left; margin: 0; padding: 0; width: 100px; }
ul#AParaitreAccueil li .sideInfos .titre, ul#AParaitreAccueil li .sideInfos .vert{/*font-size: 80%;*/}


/*Menu*/
div#menu ul {margin:0;padding:0;list-style:none; }
div#menu ul li {list-style:none;margin: 0; padding: 0 ;}
div#menu a { width: 212px; text-align: left; text-indent: -9999px; /*display: block;*/list-style-type: none;float:left;}
div#menu a:hover {background-position: -212px 0;list-style-type: none;}

        
a#menuNouveautes{ background: url('../images/bt_nouveautes.gif') no-repeat left top; height: 59px; }        
a#menuTitres{ background: url('../images/bt_titres.gif') no-repeat left top; height: 59px; } 
a#menuRecherche{ background: url('../images/bt_recherche.gif') no-repeat left top; height: 59px; }  
a#menuApropos{ background: url('../images/bt_aPropos.gif') no-repeat left top; height: 59px;  }  
a#menuManuscrits{ background: url('../images/bt_manuscrits.gif') no-repeat left top; height: 59px; }  


/* Footer*/
#footer{width:960px;margin:auto;text-align:center;/*padding-top:15px;*/color:#ae8490;font-size:0.95em;line-height:18px;}
#footer a:link, #footer a:visited {color: #ae8490;}
#footer a:hover, #footer a:active {color: #fff;}
#footerLinks{ width: 545px; margin: 0 auto 10px auto;}


/*-------------------------------------------
ACCUEIL
---------------------------------------------*/
/*Menu*/
#menuAcc{float:left;width:181px;height:291px;}
div#menuAcc ul {margin:0;padding:0;list-style-image:none;list-style-position:outside;list-style-type:none; }
div#menuAcc ul li {list-style:none; margin: 0; padding: 0; }
div#menuAcc a { width: 181px; text-align: left; text-indent: -9999px; /*display: block;*/float:left;}
div#menuAcc a:hover {background-position: -181px 0;}

a#menuNouveautesAcc{ background: url('../images/bt_nouveautes_acc.gif') no-repeat left top; height: 61px; }        
a#menuTitresAcc{ background: url('../images/bt_titres_acc.gif') no-repeat left top; height: 59px; } 
a#menuRechercheAcc{ background: url('../images/bt_recherche_acc.gif') no-repeat left top; height: 59px; }  
a#menuAproposAcc{ background: url('../images/bt_aPropos_acc.gif') no-repeat left top; height: 59px;  }  
a#menuManuscritsAcc{ background: url('../images/bt_manuscrits_acc.gif') no-repeat left top; height: 53px; }

#enteteAcc{background: url('../images/bg_entete_acc.gif') no-repeat;height:103px;text-align:right;padding-top:3px; position: relative;}

#teaserBig{float:left;padding:0;margin-right:3px;width:487px;height:291px;}
* html #teaserBig{
    margin-right: 1px;
}
#teaserSmall{float:left;width:288px;height:291px;padding:0;margin:0;}
#separateurEntete{ margin-left:-6px;}


/*Saison accueil*/
#saison{width:725px;text-align:center;}
#saison img{margin:10px;}

/*Evenement accueil*/
dl#EvenAcc {margin:0;padding:0;}
dl#EvenAcc dt {font-weight:bold; margin:10px 0 0 0;}
dl#EvenAcc dd {margin:0 0 10px 0;padding:0;}

/* Nouveautés accueil*/
#nouveautes{clear:both;padding-top:30px;margin:10px 0 15px 12px;}
#nouveautesContent{ background: url('../images/box_nouveautes_content.jpg') repeat-y; min-height:202px; padding:20px 0 0 0; }

ul#blockNouveaute{margin:0; padding:0;}
ul#blockNouveaute li{ float: left;list-style: none; margin: 0 5px; padding: 0 ;}

.txtNouveaute{float:left;width:130px;}
.imgNouveaute{float:left;width:85px;padding-right:10px;}

a.lnkDecouvrir{width: 67px; text-align: left; text-indent: -9999px; height:13px; display:block; background: url('../images/bt_decouvrir.gif') no-repeat left top;}
a.lnkDecouvrir:hover {background-position: -67px 0;}


/*-------------------------------------------
TITRES
---------------------------------------------*/
ul#tousTitres{margin:20px 0 0 0;padding:0;}
ul#tousTitres li{display:block;float:left;width:160px;height:180px;margin:0;padding:10px;list-style: none;}




/*-------------------------------------------
NOUVEAUTÉ et A PARAITRE
---------------------------------------------*/
/*#resume{margin-left:100px;}*/
ul#nouveauteAparaitre {margin:0; padding:0;}
ul#nouveauteAparaitre li {list-style: none; list-style-image:none;margin: 0;padding: 10px 0 10px 0;  }
ul#nouveauteAparaitre li div.resume {margin-left:100px;}

/*-------------------------------------------
A PROPOS DE NOUS
---------------------------------------------*/
.float{float:left;width:110px;height:100px;}
#AproposImportant{background-color:#e5eff8;padding:5px;margin-top:20px;}

/*-------------------------------------------
CONTACT
---------------------------------------------*/
#equipe{float:left;width:400px;}
#formContact{float:left;width:300px;background-color:#fce6bf;padding:10px;}
.BtnEnvoyer{background: url('../images/bt_envoyerMail_up.gif') no-repeat left top; border:none; height:22px; width:85px; display:block;text-align: left; text-indent: -9999px;}
.BtnEnvoyer:hover{background-position: -85px 0;}

/*-------------------------------------------
FICHE PRODUIT
---------------------------------------------*/
.txtRemarques{font-style:italic;color:#838080; font-size:0.84em;width:100%;font-weight:normal; }
#BoxTitrePage{float:left;width:410px;}

#boxOutils{float:left;width:310px;border:0px solid #ff0000;}
#boxOutilsAuteur{float:right;}
#boxPartager{float: left;} 
.slogan{color:#104864;font-size:1.2em;font-weight:bold;}
#phAuteur{float:left;width:240px;padding:0 15px 0 0:}
#col2{float:left;width:470px;}
#btAcheter{text-align:center;float:right;width:180px;}
#contentEvenement{
    background: url('../images/bg_actualite.gif') repeat-y;
    padding:20px 18px 10px 20px;
    min-height:180px;
    /*2 prochaines lignes = hack pour IE6 min-height*/
    height:auto !important;
    height: 180px;
    width:310px;
}

a.envoyerAmi:link, a.envoyerAmi:visited  {background: url('../images/bt_envoyer.gif') no-repeat left top; height:22px; width:84px; display:inline-block;  text-indent: -9999px;}
a.envoyerAmi:hover, a.envoyerAmi:active {background-position: -84px 0;}

a.imprimerFiche:link, a.imprimerFiche:visited  {background: url('../images/bt_print.gif') no-repeat left top; height:22px; width:81px; display:inline-block;  text-indent: -9999px;}
a.imprimerFiche:hover, a.imprimerFiche:active {background-position: -81px 0;}  

a.partagerFiche:link, a.partagerFiche:visited  {background: url('../images/bt_partager.gif') no-repeat left top; height:22px; width:111px; float: left; position: relative; text-indent: -9999px;}
a.partagerFiche:hover, a.partagerFiche:active {background-position: -111px 0;} 



a.teaserVid:link, a.teaserVid:visited  {float:left;padding:0;margin:0;}
a.teaserVid img {padding:6px;}
a.teaserVid:hover, a.teaserVid:active {border:3px solid #ff0000;float:left;padding:0;margin:0;}

dl#ItemSpect dt {
    clear: left;
    float: left;
    font-weight:bold;
}
dl#ItemSpect dd{
    display: block;
}

div.liensAutre{
    margin-bottom: 15px;
    }

    div.liensAutre img{
        margin-right: 10px;
}

/*Event*/
dl#specEvent {margin:10px 0 0 0;}
dl#specEvent dt {font-weight:bold;clear: left;float: left;}
dl#specEvent dt dd {display: block;}

/*-----------------------------------------------------------
Catalogues
-----------------------------------------------------------*/
.boxCatalogue{width:175px;float:left;padding:10px;}

/*-------------------------------------------
Blogues
---------------------------------------------*/
ul#blogues {margin:0; padding:0;}
ul#blogues img {float:left;}
ul#blogues li {list-style: none; list-style-image:none;border-bottom:1px solid #a4c5df;margin: 0;padding: 10px 0 10px 0;  }
ul#blogues li div.resume {margin-left:100px;min-height:120px;}

/*-------------------------------------------
Blogues
---------------------------------------------*/


/*-----------------------------------------------------------
Entretien
-----------------------------------------------------------*/
dl#Entretien{}
dl#Entretien dt {font-weight:bold;}
dl#Entretien dd {margin-bottom:20px;margin-left:0px;}

/*Suggestion*/
div#suggestion{
  background: white url('../images/back_recommandations.gif') repeat-x;
  border-top: 1px solid #892847;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #892847;
  border-left: 1px solid #eee;
  width:477px;
  height: 230px;
  text-align: center;
  padding: 0;
  margin:0 0 20px 0;
}

div#suggestion ul{
  margin: 0 auto;
  padding: 0;
}

div#suggestion ul li{
    list-style: none;
    float:left;
    width:100px;
    padding:10px 15px  0 15px;
    height:160px;
    text-align: left;
}

/*#LogoPartenaire{float:right;text-align:center;}*/

/*ArticlePresse*/
.article{font-style:italic;}
.articleInfo{font-weight:bold;}
.articleMedia{font-weight:bold;font-style:italic;}
blockquote{margin:0;}
blockquote#artiPresse cite {font-weight:bold;}



/*-----------------------------------------------------------
RECHERCHE
-----------------------------------------------------------*/
#recherche{background:url('../images/box_rechercheBG.gif') repeat-y;margin-left:140px;}
#rechercheContent{padding:0 20px 0 40px;}

.btnRecherche{background: url('../images/bt_Enginrecherche.gif') no-repeat left top; border:none; height:34px; width:117px; display:block;text-align: left; text-indent: -9999px;}
.btnRecherche:hover{background-position: -117px 0;}


/*#collection{margin:20px 0 0 150px;}*/
.btSubmit{margin:15px 0 0 100px;}
.vignetteRecherche{height:200px;width:130px;padding-left:8px;}
* html .vignetteRecherche{padding-left:0;}
.vignetteRecherche img{border:1px solid #ced1c7;}
#titreOeuvre{width:100px;}
.motcle{font-weight:bold;}

/*Formulaire*/
.libelle{font-weight:bold;}
/*.libelleForm{font-weight:bold;display:block; width:100px;float:left;}*/
.champsBlanc{background-color:#fff;border:1px solid #014a7f;margin:3px;height:14px;font-size:11px;}
input.form, select,textarea{border:1px solid #014a7f;margin:3px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;}

/*-----------------------------------------------------------
FICHE EVENEMENT
-----------------------------------------------------------*/
#evenementInfo{width:600px;}
dl#desc_evenement dt {font-weight:bold;clear: left;float: left;}
dl#desc_evenement dd {display: block;}

/*-----------------------------------------------------------
PAGE EVENEMENT
-----------------------------------------------------------*/
/*#evenementbox{width:600px;border-bottom:1px solid #a4c5df;padding:15px 0 15px 0;}*/
dl.spectEvent dt {font-weight:bold;clear: left;float: left;}
dl.spectEvent dd {display: block;}



/*Paging*/

.paging{width:725px;border-top:1px solid #b5cde2;border-bottom:1px solid #b5cde2;}
* html #paging{width:700px;}
.page{margin-left:30px;float:left;/*width:100px;*/}
.pageNouveaute{padding-left:375px;float:left;}
.goToPage{float:left;margin-left:50px;}
.tri{float:left;width:300px;}

.btOk{background: url('../images/bt_ok.gif') no-repeat left top; height:22px; width:26px; border:none; text-indent:-9999px;}
.btOk:hover{background-position: -26px 0;}

.btNext{background: url('../images/bt_next.gif') no-repeat left top; height:22px; width:26px; border:none; text-indent:-9999px;}
.btNext:hover{background-position: -26px 0;}
.btNextOff{background: url('../images/bt_next.gif') no-repeat -52px 0; height:22px; width:26px; border:none; text-indent:-9999px;}

.btPrev{background: url('../images/bt_prev.gif') no-repeat left top; height:22px; width:26px; border:none;}
.btPrev:hover{background-position: -26px 0;}
.btPrevOff{background: url('../images/bt_prev.gif') no-repeat -52px; height:22px; width:26px; border:none;}
/*Envoyer Ami*/
#exemple {float:left;width:300px;padding: 10px;background-color:#fce6bf;}
#exemple img{padding-right:5px; margin-bottom: 10px}
#envoyerAmi {float:left;width:400px;}

/*Panier*/
#contentPanier{width:730px;border:1px solid #afd0de;background-color:#fff;margin-top:50px;}
.cell330{width:320px;float:left;text-align:left;height:90px;border-bottom:1px solid #afd0de;padding:5px;}
.cell100{width:90px;float:left;text-align:left;height:90px;border-bottom:1px solid #afd0de;padding:5px;}
.libelleResult{width:530px;float:left;text-align:right;padding:10px 5px 0 0;}
.libelresult{color:#014a7f;font-weight:bold;font-size:14px;line-height:16px;}

/*Recherche Résultat
----------------------------------------------*/
#boiteResultat{width:280px;height:180px;padding:10px;border:1px solid #87bfdf;}
.ListItem{background-color:#fff;border:1px solid #fff;}
#imageResultat{float:left;width:90px;height:160px;}



/* PROGRESS
----------------------------------------------*/
#bgProgress{background-color:#fff;
   filter:alpha(opacity=80);   /* Internet Explorer       */
   -moz-opacity:0.8;           /* Mozilla 1.6 and below   */
   opacity: 0.8;               /* newer Mozilla and CSS-3 */
   width:600px;}

#progress{background-color:#fff;text-align:center;color:#000;position:absolute;top:250px;width:715px;height:800px;}

#progress img{margin-top:90px;}

.teaserVideo{width:220px;float:left;}

/* searchColumns*/
ul.searchColumns{margin:0;padding:0;}
ul.searchColumns li{margin-bottom: 0.3em;padding-right: 1em;}


/* pagePrincipaleSpacer */
#pagePrincipaleSpacer{height: 6px;line-height: 6px;display: block; background: white;width: 100%;}

/*------------------------------------------------
MISC
------------------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {display: inline-block;}  /* for IE/Mac */
.clearAll{clear: both;}

/*------------------------------------------------
Preview de print
------------------------------------------------*/
h3.titreLivre{color:#639333;font-size:1.1em;margin:0 0 5px 0;padding:0;}
#imageResultat{
    display: inline;
    height: 65px !important;
    width:43px;
    margin-bottom: 10px;
}

#imageResultat img{
    height: 65px !important;
    width:43px;
}
#boiteResultatPrint{
    display: block;
    clear: both;
    position: relative;
    padding:5px 5px 20px 5px;    
    float:none;
    width: 99%;
    border-bottom: 1px dotted gray;
    margin: 0 0 20px 0;
}

#lblTitre{
    border-bottom: 1px solid black;
    display: block;
    font-family: Verdana, Arial, Sans-Serif;
    width: 100%;
}

#spec{
    display: inline-block;
    padding-left: 10px;
    white-space:normal;
    font-size: 9pt;
}
#resume{
    display: block;
    margin-top: 12pt !important;
}

#resume span{
    margin: 0px;
    padding: 0px;
    font-size: 9pt;
    line-height: 1.1em;
}

/* Related videos (fiches produits & auteurs)
------------------------------------------------
#relatedVideos{
    margin-left: 4px;
    }
    #relatedVideos div{
        margin-bottom: 5px;
    }
    #relatedVideos input{
        margin: 0 8px 5px 0;
}*/