﻿body {background: url('../images/bg.jpg') #fff repeat;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.7em;color:#000;margin:0;padding:0;}




/*-------------------------------------------
H1,H2,H3
---------------------------------------------*/

h1{font-family:"Times New Roman", Times, serif;font-size:2.2em;font-weight:normal;color:#134f67} /*titre fiche*/
h2{font-family:"Times New Roman", Times, serif; color: #134f67;font-size:1.6em;margin:0; font-weight:normal;} /*sous titre*/
h3{color:#134f67;font-weight:normal;font-size:1.2em;margin:0;}
h4{font-size:1em;}
h5{font-size:1em;margin:0;padding:0;}

/*h3{color:#134f67;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{}
h5{font-size:1em;margin-bottom:0;}*/

hr{border: none 0; border-top: 1px solid #629ea4;width: 90%;height: 1px;margin:10px;}


a:link, a:visited{color:#134f67;}
a:hover, a:active {color: #292929;}

a.auteur:link, a.auteur:visited {color:#134f67;text-decoration:none;}
a.auteur:hover, a.auteur:active {color: #387379;text-decoration:underline;}

a.regulier:link, a.regulier:visited {color: #000;text-decoration:none;}
a.regulier:hover, a.regulier:active {color: #b82323;text-decoration:underline;}

a.btRSS {background: url('../images/logo_rss.gif') no-repeat left top; height:20px; line-height:15px; width:16px; display:inline-block;text-align: left; text-indent: -9999px;}
a.btRSS:hover{background-position: -16px 0;}
a.btgenerique{width: 160px; margin-left:490px; display:block; height:18px;color:#ffffff; line-height:18px;font-size:1.2em;margin:20px 0 20px 0; padding-left:10px; text-decoration:none; font-family:Times New Roman, Serif; border:none;background: url('../images/bt_bg.gif') no-repeat left top;}
a.btgenerique:hover {background-position: -170px 0;}

#pageContenu{float:left;width:660px;padding:10px;}
.separateur{height:10px;padding:10px 0 10px 0;}

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;}

.bordureImg{border:3px solid #32667b;margin:0 0 10px 0;}
.bordureImgThin{border:1px solid #000000;margin:0 0 10px 0;}
.bold{font-weight:bold;}
.boxBleu{background-color:#edf6f7;padding:10px;}
dl dt{font-weight:bold;}

/*-----------------------------------------------------------
MasterPage
-----------------------------------------------------------*/

#pageHexagone{width:960px;margin:auto;background-color:#fff;padding:0 5px 0 5px;}
#pageBG{background:url('../images/bg_contenu.gif') #fff repeat-y;}
#Logo{float:left;}

#colGauche{width:250px;float:right;background:url('../images/bg_colGauche.gif') #fff no-repeat;padding:10px 10px 0 10px; min-height:740px; height:auto !important; height:740px;}
#colGaucheInterieur{width:230px;background:url('../images/bg_colGaucheInterieur.jpg') #bad2d5 no-repeat;padding:5px; min-height:740px; height:auto !important; height:740px;}

/*boutons*/
.btEvenements{width: 158px; text-align: left; display:block; text-indent: -9999px; height:18px; border:none;background: url('../images/bt_evenementsTous.gif') no-repeat left top;}
.btEvenements:hover {background-position: -158px 0;}

.btInscription{width: 110px; text-align: left; text-indent: -9999px; height:18px; border:none;background: url('../images/bt_inscription.gif') no-repeat left top;}
.btInscription:hover {background-position: -110px 0;}

.btOk2{background: url('../images/bt_ok.gif') no-repeat left top; height:18px; background-position: -28px 0; width:28px; border:none; text-indent:-9999px;}
.btOk2:hover{background-position: 0 0;}

/*Menu*/
ul#menu {margin:0;padding:0;} 
ul#menu li{display:inline;}
#menu a { text-align: left; text-indent: -9999px;display: block; height:44px; float:left; margin:7px; }

a#menuNouveautes{background: url('../images/bt_nouveautes.gif') no-repeat left top; width:110px;}
a#menuNouveautes:hover{background-position: -110px 0;}

a#menuAparaitre{background: url('../images/bt_aParaitre.gif') no-repeat left top; width:99px;}
a#menuAparaitre:hover{background-position: -99px 0;}

a#menuAuteur{background: url('../images/bt_auteurs.gif') no-repeat left top; width:87px;}
a#menuAuteur:hover{background-position: -87px 0;}

a#menuRecherche{background: url('../images/bt_rechercher.gif') no-repeat left top; width:104px;}
a#menuRecherche:hover{background-position: -104px 0;}

a#menuEvenements{background: url('../images/bt_quoideNeuf.gif') no-repeat left top; width:123px;}
a#menuEvenements:hover{background-position: -123px 0;}

a#menuGrandAuteurs{background: url('../images/bt_poetes.gif') no-repeat left top; width:166px;}
a#menuGrandAuteurs:hover{background-position: -166px 0;}

a#menuGrandOeuvres{background: url('../images/bt_oeuvres.gif') no-repeat left top; width:168px;}
a#menuGrandOeuvres:hover{background-position: -168px 0;}


/*MenuOutils*/
#menuOutils {font-family:"Times New Roman", Times, serif;height:20px;font-weight:bold;float:right;margin:20px 20px 0 0 ;}
#menuOutils ul {padding-left:0;	float:left;position:relative;margin:0;}
#menuOutils li, #menuOutils div#ctl00_updatePanelItems{display:inline;}
#menuOutils a:link, #menuOutils a:visited{color:#292929;text-decoration:none;}
#menuOutils a:hover, #menuOutils a:active {color: #387379;text-decoration:underline;}

/*Footer*/
#footer{text-align:center;color:#7c7c7c;font-size:0.9em;}
#footer a:link, #footer a:visited{color:#7c7c7c;text-decoration:none;}
#footer a:hover, #footer a:active{color: #387379;text-decoration:underline;}

/*-----------------------------------------------------------
Envoyer Ami
-----------------------------------------------------------*/
#formEnvoyer{float:left;width:350px;}
#exemple {padding:10px;border:1px solid #285f74;float:left;width:285px;}
#exemple img{margin-right:5px;border:1px solid #000;}


/*-----------------------------------------------------------
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;}
.libelle{font-weight:bold;display:block; width:100px;float:left;margin:5px 0 5px 0;}
/*.libelleForm{font-weight:bold;display:block; width:100px;float:left;margin:5px 0 5px 0;}
.champs{margin:5px 0 5px 0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;}*/
.btSubmit{margin:15px 0 0 100px;}


/*-----------------------------------------------------------
Accueil
-----------------------------------------------------------*/

/*boutons*/
.btAparaitre{width: 170px; margin-left:490px; display:block; text-align: left; text-indent: -9999px; height:18px; border:none;background: url('../images/bt_aparaitreTous.gif') no-repeat left top;}
.btAparaitre:hover {background-position: -170px 0;}

.btNouveautes{width: 150px; margin-left:510px; display:block; text-align: left; text-indent: -9999px; height:18px; border:none;background: url('../images/bt_toutesNouveautes.gif') no-repeat left top;}
.btNouveautes:hover {background-position: -150px 0;}

/*Evenement*/
dl.spectEvent dt {font-weight:bold;clear: left;float: left;}
dl.spectEvent dd {display: block;}

/*Grands auteurs*/
#GrandAuteur{float:left;width:305px;padding:10px; background-color:#d5e4e5;min-height:300px;}
#GrandAuteur img{margin-right:10px;}

/*Grandes oeuvres*/
#GrandesOeuvres{float:left;width:305px;padding:10px; min-height:300px;}
#GrandesOeuvres img{margin-right:10px;}

/*Liens Medias*/
#LiensMedias{width:300px;float:left;}
ul#listeLiensMedias{margin: 5px;padding: 0;}
ul#listeLiensMedias li{ float:left;width:380px; margin:0;  padding: 0 10px 0 0; list-style: none;}
ul#listeLiensMedias img{ float:left; margin:5px; border:1px solid #000; }

/*Vidéos*/
#videosAcc{width:300px;float:left;}


/*-----------------------------------------------------------
Nouveauté et A paraitre
-----------------------------------------------------------*/
a.lnkRss{color:#134f67;float:right;text-decoration:none;}
a.lnkRss:hover{font-weight:bold;}
#rssBox{background-color:#dfedef;padding:10px;margin-top:20px;}
#rssBox img {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;}


/*-----------------------------------------------------------
Produit Numerique
-----------------------------------------------------------*/
#resultatRecherche{margin:0;padding:0;}
#resultatRecherche li{width:125px;float:left;list-style: none; list-style-image:none;height:200px;}
#resultatRecherche li img{clear:both;}




/*-----------------------------------------------------------
Fiche Auteur
-----------------------------------------------------------*/
dl#Entretien{}
dl#Entretien dt {font-weight:bold;}
dl#Entretien dd {margin-bottom:20px;margin-left:0px;}

/*-----------------------------------------------------------
Fiche Droits
-----------------------------------------------------------*/
#RightSold{background-color:#e8e9ea;padding:10px;}
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:#edf6f7;padding: 10px; min-height:220px; height: auto !important; height: 220px;}
.bgBlanc{padding: 10px; min-height:220px; height: auto !important; height: 220px;}

/*-----------------------------------------------------------
Videos
-----------------------------------------------------------*/
.colVideos{float:left; height:300px;width:200px;padding:10px;}

/*-----------------------------------------------------------
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 15px 20px 0;}
#col2{float:left;width:405px;}
#BoxTitrePage{float:left;width:370px;}

#boxOutils{float:left;width:260px;margin-top:30px;}
#boxOutilsAuteur{float:right;margin-top:30px;}
#boxPartager{float: left;} 


a.envoyerAmi:link, a.envoyerAmi:visited  {background: url('../images/bt_envoyer.gif') no-repeat left top; height:18px; width:80px; display:inline-block;  text-indent: -9999px;}
a.envoyerAmi:hover, a.envoyerAmi:active {background-position: -80px 0;}

a.imprimerFiche:link, a.imprimerFiche:visited  {background: url('../images/bt_print.gif') no-repeat left top; height:18px; width:80px; display:inline-block;  text-indent: -9999px;}
a.imprimerFiche:hover, a.imprimerFiche:active {background-position: -80px 0;}  



div.liensAutre{ margin-bottom: 15px; }
div.liensAutre img{ margin-right: 10px;}

/* Prix*/
ul.ulPrix{margin:0 0 25px 0;padding:0;width:600px;}
ul.ulPrix li{margin-bottom: 0.3em;padding-right: 1em;list-style: none; list-style-image:none;}

/*Ajouter Panier*/
#btAjouterPanier{float:right;text-align:center;width:290px;}
.boxBtnFormat{border:1px solid #32667b;background: url('../images/bg_boxBtnAchat.gif') no-repeat left top;padding: 2px;margin:0 0 4px 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 {border:1px solid #285f74;background-color:#dae9ea;padding:10px;width:375px;margin:0 0 20px 0;padding:10px;}
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*/
blockquote#artiPresse cite {font-weight:bold;}
blockquote{margin-left:0;}

/*Suggestion*/
ul#suggestionFiche {margin: 15px 0 0 0 ; padding: 0;}

/*PopUpAvertissementNumerique*/
.popAvertNumerique { background-color:#f1f7fb;border:1px solid #bbbbbb;width:360px;}
.popAvertNumerique #popupWrapper{margin: 10px;color:#000;}
.bgPopup {background-color:#000;filter:alpha(opacity=70);opacity:0.7;}

/*popUp*/
.boxPopUp{background-color:#fff; padding:20px;width:400px;height:100px; font-weight:bold;}
.btClose{float:right;padding-bottom:10px;}

ul#suggestionFiche  li{list-style: none; float:left; width:120px; }
/*Medias Sociaux Facebook Twitter*/
#mediasSociaux{float:right;}
#facebook{width:65px;margin-top:4px;float:left;}
#twitter{float:left;margin-top:2px;}
#boxenvoyer, #boxImprimer{float:left;padding:43px 5px 0 0;} 

/*TAG WORDS*/
div#tagWords, div#tagWords a:link, div#tagWords a:visited, div#tagWords a:hover, div#tagWords a:active{
    color: #999;
}
div#tagWords a:hover, div#tagWords a:active{
    text-decoration: none;
}
/*-----------------------------------------------------------
Tous les Auteurs
-----------------------------------------------------------*/
#auteurVedette{float:left;padding-left:10px;width:450px;}

/*-----------------------------------------------------------
Fiche Evenement
-----------------------------------------------------------*/
#evenementInfo{width:600px;}
dl#desc_evenement dt {font-weight:bold;clear: left;float: left;}
dl#desc_evenement dd {display: block;}

/*Liens Medias*/

ul#listeLiensMediasInline{margin: 5px;padding: 0;}
ul#listeLiensMediasInline li{ float:left;width:100%; margin:0;  padding: 0 10px 0 0; list-style: none;}
ul#listeLiensMediasInline img{ float:left; margin:5px; border:1px solid #000; }

/*-----------------------------------------------------------
Envoyer Ami
-----------------------------------------------------------*/
#exemple {padding:10px;border:1px solid #285f74;}
#exemple img{padding-right:5px;border:1px solid #000;}


/*-----------------------------------------------------------
Oeuvres marquantes et Grands Auteurs
-----------------------------------------------------------*/
ul#OeuvresMarquantes {margin:0; padding:0;width:670px;}
ul#OeuvresMarquantes li {list-style: none;float:left;position:relative;display:block;width:330px; list-style-image:none;margin: 0;  }
ul#OeuvresMarquantes img{margin-right:10px;}
.bgBleu{background-color:#edf6f7;padding: 10px; min-height:270px; height: auto !important; height: 270px;}
.bgBlanc{padding: 10px; min-height:270px; height: auto !important; height: 270px;}

/*-----------------------------------------------------------
PAGE EVENEMENT
-----------------------------------------------------------*/
#evenementbox{width:600px;padding:15px 0 15px 0;}
dl#spectEvent dt {font-weight:bold;clear: left;float: left;}
dl#spectEvent dd {display: block;}

/*-----------------------------------------------------------
RECHERCHE
-----------------------------------------------------------*/
#recherche{background:url('../images/boxBleu2_content.gif') repeat-y;margin-left:100px;}
#rechercheContent{padding:0 20px 0 20px;}

.motcle{font-weight:bold;}

/*Paging*/

.paging{width:670px;border-top:1px solid #b5cde2;border-bottom:1px solid #b5cde2;padding:3px;}
* html #paging{width:700px;}
.page{margin-left:30px;float:left;/*width:100px;*/}
.pageNouveaute{padding-left:270px;float:left;}
.goToPage{float:left;margin-left:80px;}
.tri{float:left;width:240px;}

.btOk{background: url('../images/bt_ok.gif') no-repeat left top; height:18px; width:28px; border:none; text-indent:-9999px;}
.btOk:hover{background-position: -28px 0;}

.btNext{background: url('../images/bt_next.gif') no-repeat left top; height:18px; width:28px; border:none; text-indent:-9999px;}
.btNext:hover{background-position: -28px 0;}
.btNextOff{background: url('../images/bt_next.gif') no-repeat -56px 0; height:18px; width:28px; border:none; text-indent:-9999px;}

.btPrev{background: url('../images/bt_prev.gif') no-repeat left top; height:18px; width:28px; border:none;}
.btPrev:hover{background-position: -28px 0;}
.btPrevOff{background: url('../images/bt_prev.gif') no-repeat -56px; height:18px; width:28px; 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:116px;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;}

/* AutoComplete item */
.AutoComplete_CompletionList{background-color : #fff;margin:0;padding:0 0 0 15px;border:1px solid #000;}
.AutoComplete_CompletionListItem {text-align : left;}
.AutoComplete_HighlightedItem{background-color: #eff3d5; color:#202328;}


/*-----------------------------------------------------------
MISC
-----------------------------------------------------------*/

.btAlignRight{text-align:right;margin-top:10px;}

.clearfix:after {content: ".";display: block;height: 0;clear: both; visibility: hidden;}
.clearfix {display: inline-block;}  /* for IE/Mac */
.clearAll{clear: both;}
.floatleft{float:left;}

/* 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;}
