body {margin:0;padding:0;background:#f6ab2b 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: #5d8d0b;}
a:hover, a:active {color: #e3420f;}

a.vert:link,a.vert:visited{color: #5d8d0b;text-decoration:none;}
a.vert:hover,a.vert:active{color: #e3420f;}

a.blanc:link, a.blanc:visited {color: #fff;text-decoration: none;}
a.blanc:hover, a.blanc:active {color: #e3420f;}

a.titre:link, a.titre:visited {
    color: black; 
    font-weight:bold;
    text-decoration: none;
    text-transform: uppercase;
}
a.titre:hover, a.titre:active {color: #e3420f;}

a.bleugros:link, a.bleugros:visited {color: #888;font-size:1.2em;}
a.bleugros:hover, a.bleugros:active {color: #BBB;}

a.regulier:link, a.regulier:visited {color: #000;text-decoration:none;}
a.regulier:hover, a.regulier:active {color: #5d8d0b;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:#d93709; font-weight:bold; text-decoration:none; text-align:right;display:inline-block;}
a.voirtous:hover {color:#5d8d0b; font-weight:bold;text-decoration:underline;}

.txtErreur{font-weight:bold;color:#ff0000;}


/*-------------------------------------------
H1,H2,H3
---------------------------------------------*/

h1{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:2.2em;font-weight:normal;margin:0;padding:0 0 20px 0;color:#5f5f5f;} /*titre fiche*/
h1{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:2.2em;font-weight:normal;margin:0;padding:0;color:#5f5f5f;} /*titre fiche LIVRE*/

h2{font-family:Tahoma, Arial, Helvetica, sans-serif; color: #000;font-size:1.5em;margin:0; font-weight:normal;} /*sous titre*/
h2.grispale{color: #5f5f5f;}

h3{color:#5f5f5f;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;}


hr{text-align:left;height:1px;color:#d0d0d0;margin:15px 0 15px 0;}
hr.bleu{border:1px solid #a4c5df;}

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) 8px 20px repeat-y; padding:0 6px 0px 6px;}
* html #pagePrincipale{padding-right:0px;}

#colG{width:213px; float:left;}
#colD{ float:left; width:745px;}

#logoPrint{ display: none;}
.separateurDot{margin:15px 0 15px 0;}
#entete{background: url('../images/bg_entete.jpg') 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*/
.btInscription{width: 97px; text-align: left; text-indent: -9999px; height:22px; border:none;background: url('../images/bt_inscription.gif') no-repeat left top;}
.btInscription:hover {background-position: -97px 0;}

/*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#menuApropos{ background: url('../images/bt_aPropos.gif') no-repeat left top; height: 41px;  } 
a#menuNouveautes{ background: url('../images/bt_nouveautes.gif') no-repeat left top; height: 48px; }
a#menuAparaitre{ background: url('../images/bt_aParaitre.gif') no-repeat left top; height: 41px; }  
a#menuAuteur{ background: url('../images/bt_auteurs.gif') no-repeat left top; height: 41px; }  
a#menuRecherche{ background: url('../images/bt_recherche.gif') no-repeat left top; height: 41px; }  
a#menuEvenements{ background: url('../images/bt_evenements.gif') no-repeat left top;  height: 41px;}  
a#menuManuscrit{ background: url('../images/bt_manuscrits.gif') no-repeat left top; height: 41px; } 
a#menuDroits{ background: url('../images/bt_droits.gif') no-repeat left top; height: 46px; }  














/* Footer*/
#footer{width:960px;margin:auto;text-align:center;/*padding-top:15px;*/color:#fff;font-size:0.8em;line-height:18px;}
#footer a:link, #footer a:visited {color: #fff;text-decoration:none;}
#footer a:hover, #footer a:active {color: #e13503;}
#footerLinks{ margin: 0 auto 10px auto;}


/*-------------------------------------------
Accueil
---------------------------------------------*/
#enteteAcc{background: url(../images/bg_entete_acc.jpg) no-repeat;height:103px;text-align:right;padding-top:3px; position: relative;}
#separateurEntete{ margin-left:-6px;}

/*Saison accueil*/
#saison{width:725px;text-align:center;}
#saison img{margin:10px;}

/*Bandeau*/
#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;}

/*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: 42px; }
a#menuAparaitreAcc{ background: url('../images/bt_aParaitre_acc.gif') no-repeat left top; height: 41px; }  
a#menuAuteurAcc{ background: url('../images/bt_auteurs_acc.gif') no-repeat left top; height: 41px; }  
a#menuRechercheAcc{ background: url('../images/bt_recherche_acc.gif') no-repeat left top; height: 41px; }  
a#menuAproposAcc{ background: url('../images/bt_aPropos_acc.gif') no-repeat left top; height: 41px;  }          
a#menuEvenementsAcc{ background: url('../images/bt_evenements_acc.gif') no-repeat left top;  height: 41px;}  
a#menuManuscritAcc{ background: url('../images/bt_manuscrits_acc.gif') no-repeat left top; height: 41px; } 
a#menuDroitsAcc{ background: url('../images/bt_droits_acc.gif') no-repeat left top; height: 44px; } 

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

/*Evenement accueil*/
#contentEvenementacc{ padding:0 10px 10px 0; margin:0 0 0 5px; width:195px;}
ul#EvenAcc {margin:0; padding:0; list-style:none; width:205px; }
* html ul#EvenAcc{ width:200px;}
ul#EvenAcc li{ display:block; clear:right; margin:10px 0 10px 0; padding:0; list-style: none; }

/* Nouveautés accueil*/
#nouveautes{ clear:both;padding-top:30px;margin:10px 0 15px 12px;}
#nouveautesContent{ background: url(../images/box_nouveautes_content.gif) repeat-x; min-height:202px; padding:18px 0 0 10px; margin: 0;}
#headerNouveautes{ position:relative; width: 100%;}
#headerNouveautes img{float:left;}
#headerNouveautes #btNouveautesTous{float:right; margin:0; padding:10px 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 Paraitre - Accueil*/
/*#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;}

/*Infolettre - Accueil*/
div#infolettre img{ display: block;}
div#infolettre p{ margin: 0 0 10px 5px;}
div#infolettre #TextBoxCourriel{ margin: 5px 0 5px 5px;}
div#infolettre #btInscription{margin-left: 3px;}


/*-------------------------------------------
NOUVEAUTÉ et A PARAITRE
---------------------------------------------*/
/*#resume{margin-left:100px;}*/
ul#nouveauteAparaitre {margin:0; padding:0;}
ul#nouveauteAparaitre li {list-style: none; list-style-image:none;border-bottom:1px solid #a4c5df;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:#fce6bf;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;}
#boxOutilsAuteurs{float:right;width:210px;}
#boxOutilsDroits{float:right;width:155px;}
#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;} 

/*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;}

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

/*Suggestion*/
div#suggestion{ background: white url('../images/back_recommandations.gif') repeat-x; border-top:1px solid #9ebfd7; border-right: 1px solid #eee;
  border-bottom: 1px solid #c4d5e1; 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;}

/*-----------------------------------------------------------
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;}

/*Formulaire*/
.libelle{font-weight:bold;}
.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;}

/*-----------------------------------------------------------
RECHERCHE RÉSULTAT
-----------------------------------------------------------*/
.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;}


/*-----------------------------------------------------------
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;}

/*-----------------------------------------------------------
RECHERCHE 
-----------------------------------------------------------*/
#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;}

/*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;}

/* 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;}

/* progress*/
#progress{background-color:#fff;text-align:center;color:#000;position:absolute;top:250px;width:715px;height:800px;}
#progress img{margin-top:90px;}

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