﻿body {background:#554843 url('../images/bg.gif') repeat;font-family:Arial, Helvetica, sans-serif;font-size:0.7em;color:#000;margin:0;padding:0;text-align:center;}


h1{color:#889c0e;font-size:2.1em;font-weight:normal;margin:0;padding:0;}
h2{margin:5px 0 10px 0;padding:0;font-size:1.5em;color:#3d3d3d;font-weight:bold;}
h2.nomarge{margin:0;padding:0;font-size:1.5em;color:#3d3d3d;font-weight:bold;}
h2.bleu{background-color:#23282e;font-size:15px;font-weight:bold;text-transform:uppercase;border:1px solid #000;width:260px;color:#fff;height:27px;text-indent:10px;line-height:27px;margin-left:-6px;}

h3{margin:5px 0 10px 0;padding:0;font-size:1.2em;color:#889c0e;font-weight:bold;}
h3.nomarge{margin:0;padding:0;font-size:1.2em;color:#889c0e;font-weight:bold;}




h4{margin:0;padding:0;font-weight:bold;font-size:1em;}
h5{font-size:1em;margin-bottom:0;}

hr{color:#c2c2c2;}

a:link, a:visited {color:#457ca6;}
a:hover, a:active {text-decoration:none;color:#889c0e;}

a.vertAut:link, a.vertAut:visited {color:#889c0e;text-decoration:none;font-weight:bold;}
a.vertAut:hover, a.vertAut:active {text-decoration:underline;}

a.titre:link, a.titre:visited {color:#3d3d3d;text-decoration:none;font-weight:bold;}
a.titre:hover, a.titre:active {text-decoration:underline;}

a.listeAut:link, a.listeAut:visited {color:#000;text-decoration:none;}
a.listeAut:hover, a.listeAut:active {text-decoration:underline;color:#889c0e;}

a.btntous:link, a.btntous:visited {color:#fff;text-decoration:none;background-color:#889c0e;margin:0;padding:1px 3px 1px 3px;}
a.btntous:hover, a.btntous:active {background-color:#332a27;}
a.btntous img {position:relative;top:1px;border:none;}


a.bigGreen:link, a.bigGreen:visited {color:#889c0e;text-decoration:none;font-weight:bold;font-size:1.2em;}
a.bigGreen:hover, a.bigGreen:active {text-decoration:underline;}

li{list-style-type:square;}
.txtRemarques{font-style:italic;color:#838080; font-size:0.84em;width:100%;font-weight:normal; }
.txtErreur{font-weight:bold;color:#ff0000;}

div.margin{padding:0 7px 7px 7px;margin-top:0;}
.bordureImg{border:1px solid #313943;}

.boxBorder{border:1px solid #edead8;padding:10px;}
.boxBeige{background-color:#edead8;padding:10px;}

/*Definition list*/
dl dt{font-weight:bold;}

/*formulaire*/
fieldset{border:none;margin:0;padding:0;}
fieldset input[type=text], input[type=text]{font-size:1em;height:14px;border:1px solid #a5acb2;margin:3px;}
fieldset select, select{font-size:1em;height:18px;border:1px solid #a5acb2;margin:3px;}
fieldset label{font-weight:bold;width:100px;}
fieldset label.label{display:block;float:left;}
.btSubmit{margin:15px 0 0 105px;}

.BoxPleinePage {background-color:#fff;width:725px;float:left;margin:0 0 9px 0;padding:10px;  min-height:1080px;  height:auto !important;  height:1080px;}
.BoxPleinePageNoMarge {background-color:#fff;width:745px;float:left;margin:0 0 9px 0;}

.floatleft{float:left;}
/*-----------------------------------------------------------
MasterPage
-----------------------------------------------------------*/

#pageVLB{width:980px;margin:0 auto;padding:0;text-align:left;/*border:1px solid #ff0000;*/}
#entete{position:relative;}

#colG{height:500px;width:231px;float:left;}
#colG div{background-color:#edead8;margin:0 9px 9px 0;padding:5px;}
/*#logo{float:left;border:1px solid #ff0000;width:700px;}*/

#content{float:left;width:747px;/*border:1px solid #ff0000;*/}

/*Menu*/
ul#menu {margin:0 0 30px 0;padding:0;list-style:none;}
ul#menu li {list-style-type:none; margin:0; padding:0;float:right;}
ul#menu li a {  text-indent: -9999px;display: block; list-style:none;  /*list-style-type: none; float:left;*/}

a#menuApropos{ background: url('../images/bt_apropos.gif') no-repeat left top; height: 42px; width: 171px; } 
a:hover#menuApropos{ background-position: -171px 0;} 
       
a#menuNouveautes{ background: url('../images/bt_nouveautes.gif') no-repeat left top; height: 37px; width: 142px; } 
a:hover#menuNouveautes{ background-position: -142px 0;} 

a#menuAparaitre{ background: url('../images/bt_aParaitre.gif') no-repeat left top; height: 39px; width: 127px; }  
a:hover#menuAparaitre{ background-position: -127px 0;} 

a#menuAuteur{ background: url('../images/bt_auteurs.gif') no-repeat left top; height: 33px; width: 115px; } 
a:hover#menuAuteur{ background-position: -115px 0;} 
 
a#menuRecherche{ background: url('../images/bt_recherche.gif') no-repeat left top; height: 40px; width: 132px; } 
a:hover#menuRecherche{ background-position: -132px 0;} 
 
a#menuEvenements{ background: url('../images/bt_evenements.gif') no-repeat left top;  height: 39px;  width: 210px;}  
a:hover#menuEvenements{ background-position: -210px 0;}

a#menuContact{ background: url('../images/bt_concours.gif') no-repeat left top;  height: 37px;  width: 118px;}  
a:hover#menuContact{ background-position: -118px 0;} 

/*Menu2*/
ul#menu2 {margin:0;padding:0;position:absolute; top:76px; right:0;} 
ul#menu2 li{display:block; float:right; padding:0 0 0 5px; list-style-type:none;}
ul#menu2 li a {list-style:none;display: block; background-color:#202328; padding:10px 10px 10px 10px; color:#fff;text-decoration:none;line-height:8px;}
ul#menu2 li a:hover {background-color:#889c0e; }

/*MenuOutils*/
#menuOutils {height:20px;color:#fff;position:absolute; top:0; right:0;margin:10px 0 0 0 ;}
#menuOutils ul {padding:0;	float:left;position:relative;margin:0;}
#menuOutils li, #menuOutils div#ctl00_updatePanelItems{display:inline;padding:0;margin:0;}
#menuOutils a:link, #menuOutils a:visited{color:#fff;text-decoration:none;}
#menuOutils a:hover, #menuOutils a:active {color: #b1ce25;text-decoration:underline;}

/*infolettre*/
.btInscription{width: 74px; text-align: left; text-indent: -9999px; height:20px; border:none;background: url('../images/bt_inscription.gif') no-repeat left top;}
.btInscription:hover {background-position: -74px 0;}

/*Footer*/
#footer{text-align:center;color:#dbdbdb;font-size:0.9em;}
#footer a:link, #footer a:visited{color:#dbdbdb;text-decoration:none;}
#footer a:hover, #footer a:active{color: #889c0e;text-decoration:underline;}

/*Evenement*/
dl#spectEventacc dt {font-weight:bold;clear: left;float: left;}
dl#spectEventacc dd {display: block;}

/*Infolettre*/
#infolettre{background:#554843 url('../images/vi_infolettre.jpg') no-repeat;margin:0 !important;padding:0 0 0 70px !important;}



/*-----------------------------------------------------------
Accueil
-----------------------------------------------------------*/
/*Vedette*/
#vedette{background-color:#fff;padding:7px;width:731px;margin-bottom:10px;}

/*Saison*/
#Saison{background-color:#fff;width:461px;float:left;margin:0 9px 9px 0;padding:7px;height:366px;}
.saisonBoxLivre{float:left;width:110px;padding:35px 5px 25px 0 ;}

/*Auteur*/
#Auteurvedette{background-color:#edead8;width:260px;height:380px;float:left;margin:0 0 9px 0;}

/*Nouveaute Accueil*/
#NouveautesAcc{background-color:#fff;width:745px;float:left;margin:0 0 9px 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;margin:0;padding:0;}
#imgNouveaute{float:left;width:85px;margin:0 10px 0 0;padding:0;}
* html #imgNouveaute{margin-right:5px;}

/*Aparaitre Accueil*/
#AparaitreAcc{background-color:#fff;width:475px;float:left;margin:0 0 9px 0;min-height:210px;}
ul#AParaitreAccueil{margin: 0;padding: 0;}
ul#AParaitreAccueil li{float:left;width:138px;margin: 0;padding: 0 10px 10px 0;list-style: none;}

#petiteBoite{float:left;width:260px;margin:0 9px 9px 0;height:700px;}

/*Liens Medias*/
.LiensMedias{background-color:#fff;/*width:260px;margin:0 9px 9px 0;*/margin:0 0 9px 0;padding:1px 0 9px 0;}
ul#listeLiensMedias{margin:0;padding: 0;}
ul#listeLiensMedias li{ margin: 0;  padding:0; list-style: none;}

/*Medias*/
#mediaAcc{background-color:#fff;/*width:260px;margin:0 9px 9px 0;*/margin:0 0 9px 0;padding:1px 0 9px 0;}

/*Grands auteurs*/
#GrandAuteur{float:left;width:305px;padding:10px; background-color:#d5e4e5;min-height:300px;}
#GrandAuteur img{margin-right:10px;}



/*-----------------------------------------------------------
Nouveauté et A paraitre
-----------------------------------------------------------*/
a.lnkRss{color:#457ca6;float:right;text-decoration:none;}
a.lnkRss:hover{font-weight:bold;}
#rssBox{background-color:#edead8;padding:10px;}
#rssBox img {float:left; padding-right:10px;}
ul#nouveauteAparaitre {margin:0; padding:0;}
ul#nouveauteAparaitre li {list-style: none; list-style-image:none;margin: 0;padding: 10px 0 10px 0; min-height:150px; height:auto !important; height:150px; }
ul#nouveauteAparaitre li div.resume {margin-left:100px;padding-bottom:20px;}

/*-----------------------------------------------------------
Fiche Droits
-----------------------------------------------------------*/
a.print:link, a.print:visited  {background: url('../images/bt_print.gif') no-repeat left top; height:20px; width:55px; display:inline-block;  text-indent: -9999px;}
a.print:hover, a.print:active {background-position: -55px 0;}  
#boxOutils2{float:left;width:240px;margin-top:20px;}

/*-----------------------------------------------------------
Droits
-----------------------------------------------------------*/
ul#Droits {margin:0; padding:0;width:720px;}
ul#Droits li {list-style: none;float:left;position:relative;display:block;width:355px; list-style-image:none;margin: 0;  }
ul#Droits img{margin-right:10px;}
.bgBleu{background-color:#edead8;padding: 10px; min-height:270px; height: auto !important; height: 270px;}
.bgBlanc{padding: 10px; min-height:270px; height: auto !important; height: 270px;}

/*-----------------------------------------------------------
Fiche Produit
-----------------------------------------------------------*/
dl#ItemSpect{margin:20px 0 50px 0;}
dl#ItemSpect dt {clear: left; float: left; font-weight:bold;}
dl#ItemSpect dd{ display: block;}
#phAuteur{float:left;width:240px;padding:0 5px 20px 0;}
#col2{float:left;width:475px;/*border:1px solid #ff0000;*/}
.BoxProduit {background-color:#fff;width:725px;float:left;margin:0 0 9px 0;padding:10px;}
#BoxTitrePage{float:left;width:485px;}
#boxOutils{float:left;width:240px;margin-top:20px;}
#boxPartager{float: left;}

/*BTN*/
a.envoyerAmi:link, a.envoyerAmi:visited  {background: url('../images/bt_envoyer.gif') no-repeat left top; height:20px; width:74px; display:inline-block;  text-indent: -9999px;}
a.envoyerAmi:hover, a.envoyerAmi:active {background-position: -74px 0;}
a.imprimerFiche:link, a.imprimerFiche:visited  {background: url('../images/bt_imprimer.gif') no-repeat left top; height:20px; width:74px; display:inline-block;  text-indent: -9999px;}
a.imprimerFiche:hover, a.imprimerFiche:active {background-position: -74px 0;}  
a.partagerFiche:link, a.partagerFiche:visited  {background: url('../images/bt_partager.gif') no-repeat left top; height:20px; width:74px; float: left; position: relative; text-indent: -9999px;}
a.partagerFiche:hover, a.partagerFiche:active {background-position: -74px 0;} 

/* Prix*/
ul.ulPrix{margin:0 0 10px 25px;padding:0;width:250px;}
ul.ulPrix li{margin-bottom: 3px;padding-right: 1em;/*list-style: none; list-style-image:none;*/}

/* Biblio*/
ul.biblio{margin:0 0 10px 25px;padding:0;width:450px;}
ul.biblio li{margin-bottom: 3px;padding-right: 1em;/*list-style: none; list-style-image:none;*/}

/*Ajouter Panier*/

.boxBtnFormat{padding:5px;margin:4px;text-align:left;line-height:17px;}
a.btnAjouterPanier:link, a.btnAjouterPanier:visited{background: url('../images/btn_achat.jpg') no-repeat left top;height:16px;width:135px;display:inline-block;color:#fff; font-weight:bold;text-decoration:none;}
a.btnAjouterPanier:hover, a.btnAjouterPanier:active {background-position: -135px 0;} 
.boxPrixFormat{font-weight:bold;width:60px;float:left;text-align:right;}
.boxFormat{width:70px;float:left;text-align:center;}


/*Event*/
ul#EventSpect {padding:10px;margin:0 0 20px 0;}
ul#EventSpect li {list-style: none; list-style-image:none;}
ul#EventSpect li dl {margin:10px 0 0 0;}
ul#EventSpect li dl dt {font-weight:bold;clear: left;float: left;}
ul#EventSpect li dl dt dd {display: block;}

/*Imprimer*/
#print{float:right;width:200px;text-align:right;margin-top:25px;}

/*Dans les médias*/
#PanelCritiques{}
blockquote#artiPresse cite {font-weight:bold;}
blockquote{margin-left:0;}

/*Suggestion*/
.PanelSuggestionFiche {background-color:#fff;width:475px;float:left;margin:0 0 9px 0;}
ul#suggestionFiche {margin: 10px ; padding: 0;}
ul#suggestionFiche  li{list-style: none; float:left; width:125px; padding:0 25px 0 0;margin: 0 ; text-align: left;}

/*PopUpAvertissementNumerique*/
.popAvertNumerique { background-color:#fff;border:1px solid #716662;width:360px;}
.popAvertNumerique #popupWrapper{margin: 10px;color:#a51d1d;}
.bgPopup {background-color:#000;filter:alpha(opacity=70);opacity:0.7;}


/*-----------------------------------------------------------
Fiche Auteur
-----------------------------------------------------------*/
dl#Entretien{}
dl#Entretien dt {font-weight:bold;}
dl#Entretien dd {margin-bottom:20px;margin-left:0px;}

/*Prix*/
.PanelPrix, .PanelEvenement, .panelLiensMedias {background-color:#fff;width:260px;float:left;margin:0 9px 9px 0;}



/*Bibliographie*/
.PanelBiblio, .PanelVideo{background-color:#fff;width:475px;float:left;margin:0 0 9px 0;}
.backgroundBox{background:url('../images/bg_box.gif') repeat-y;margin-bottom:10px; clear:both;}

.BoxAuteur {background-color:#fff;width:725px;float:left;margin:0 0 9px 0;padding:10px;}

/*-----------------------------------------------------------
Tous les Auteurs
-----------------------------------------------------------
#auteurVedette{float:left;padding-left:10px;width:550px;}*/

/*-----------------------------------------------------------
Fiche Evenement
-----------------------------------------------------------*/
#evenementInfo{width:600px;}
dl#desc_evenement dt {font-weight:bold;clear: left;float: left;}
dl#desc_evenement dd {display: block;}
.BoxEvenement {background-color:#fff;width:725px;float:left;margin:0 0 9px 0;padding:10px;min-height:500px;}


/*-----------------------------------------------------------
Envoyer Ami
-----------------------------------------------------------*/
#formEnvoyer{float:left;width:350px;}
#exemple {padding:10px;border:1px solid #285f74;float:left;width:350px;}
#exemple img{margin-right:5px;border:1px solid #000;}

/*-----------------------------------------------------------
PAGE EVENEMENT
-----------------------------------------------------------*/
#evenementbox{width:700px;padding:15px 0 15px 0;}
dl#spectEvent dt {font-weight:bold;clear: left;float: left;}
dl#spectEvent dd {display: block;}

/*-----------------------------------------------------------
RECHERCHE
-----------------------------------------------------------*/
#rechercheBox{background-color:#e5efab;margin-left:125px;width:375px;padding:20px;}

.motcle{font-weight:bold;}

/*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:290px;float:left;}
.goToPage{float:left;margin-left:160px;}
.tri{float:left;width:260px;}

.btOk{background: url('../images/bt_ok.gif') no-repeat left top; height:20px; width:29px; border:none; text-indent:-9999px;}
.btOk:hover{background-position: -29px 0;}

.btNext{background: url('../images/bt_next.gif') no-repeat left top; height:20px; width:29px; border:none; text-indent:-9999px;}
.btNext:hover{background-position: -29px 0;}
.btNextOff{background: url('../images/bt_next.gif') no-repeat -58px 0; height:20px; width:29px; border:none; text-indent:-9999px;}

.btPrev{background: url('../images/bt_prev.gif') no-repeat left top; height:20px; width:29px; border:none;}
.btPrev:hover{background-position: -29px 0;}
.btPrevOff{background: url('../images/bt_prev.gif') no-repeat -58px; height:20px; width:29px; border:none;}

.btnRecherche{background: url('../images/bt_Enginrecherche.gif') no-repeat left top; border:none; height:20px; width:74px; display:block;text-align: left; text-indent: -9999px;}
.btnRecherche:hover{background-position: -74px 0;}


/*résultat de la recherche*/
.vignetteRecherche{height:200px;width:125px;padding-left:8px;}

/*Print recherche*/
#imageResultat{float:left;width:90px;height:160px;}

/* searchColumns*/
ul.searchColumns{margin:0;padding:0;}
ul.searchColumns li{margin-bottom: 3px;}


/*-----------------------------------------------------------
MISC
-----------------------------------------------------------*/

.btAlignRight{text-align:right;margin-top:10px;padding:0 !important;}

.clearfix:after {content: ".";display: block;height: 0;clear: both; visibility: hidden;}
.clearfix {display: inline-block;}  /* for IE/Mac */
.clearAll{clear: both;}

/* 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;}

