/* CSS Document */

body{background:#509ebb url('../images/bg_body.jpg') repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.7em;margin-top:0;}

h1{color:#104963;/*font-weight:bold;*/font-size:1.3em;}
h1.titreLivre{color:#104963;font-weight:bold;font-size:1.5em;margin:0;padding:0;} 
h2{color:#c9691b;margin:0;padding:0;font-size:1.2em;}
h3{color:#c9691b;font-weight:normal;padding:0;margin:0;}
h3.bleu{color:#104963;font-size:1.3em;font-weight:bold;margin:10px 0 10px 0;}
h4{color:#c9691b;margin:15px 0 0 0;font-size:1.2em;}
h5{font-weight:bold;font-size:1.2em;margin:10px 0 10px 0;color:#104963;}
hr{margin:10px 0 10px 0;height:1px;color:#a4c5df;border-style:solid;}

a:link, a:visited {color: #3885a2;}
a:hover, a:active {color: #e48223;}

a.blanc:link, a.blanc:visited {color: #fff;}
a.blanc:hover, a.blanc:active {color: #a0cedf;}

a.orange:link, a.orange:visited {color: #c9691b;text-decoration:none;}
a.orange:hover, a.orange:active {color: #a0cedf;}

a.ensavoirplus{background: url('../images/bt_savoirPlus.gif') no-repeat left top; height:14px; width:170px; display:inline-block;text-align: left; text-indent: -9999px;}
a.ensavoirplus:hover{background-position: -170px 0;}

a.regulier:link, a.regulier:visited {color: #000;text-decoration:none;}
a.regulier:hover, a.regulier:active {color: #e48223;text-decoration:underline;}

.txtRemarques{font-style:italic;color:#838080; font-size:0.84em;width:100%;font-weight:normal; }
.txtgrisPetit{color:#838080; font-size:0.84em;}
.txtErreur{font-weight:bold;color:#ff0000;}
.label {font-weight:bold;width:100px;display:block;float:left;padding-top:5px;}
.vignette{/*padding:5px 5px 0 5px;*/border:1px solid #ced1c7;margin-right:5px;}
#print{float:right;width:100px;text-align:right;}

.boxBorder{border:1px solid #e8e8e8;padding:10px;}
.boxBleu{background-color:#edf6f7;padding:10px;}

/*-------------------------------------------------
INFOLETTRE
---------------------------------------------------*/
#infolettre{background:url('../images/bg_teaser_infolettre.gif') no-repeat;
height:331px;margin-top:40px;padding-left:30px;padding-right:15px;
}
#infolettre li{margin-left:65px;}
.lnkBoldBleu{font-weight:bold;}
.alignRight{text-align:right;}

/*-----------------------------------------------------------
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:240px; height: auto !important; height: 240px;}
.bgBlanc{padding: 10px; min-height:240px; height: auto !important; height: 240px;}

/*-------------------------------------------------
MASTER PAGE
---------------------------------------------------*/
#content{width:975px;background-image:url('../images/bg_content.gif');margin:auto;}
#entete{background:url('../images/img_entete.jpg') no-repeat;height:227px;}
#sousmenu{width:500px;float:right;color:#fff;font-weight:bold;text-align:right;margin-right:30px;}
#colG{width:255px;padding-left:21px;min-height:1300px;float:left;/*border:1px solid #ff0000;*/}
#colD{width:650px;float:left;padding-left:10px;/*border:1px solid #00ff00;*/}

/*Footer*/
#footer{background:url('../images/bg_footer.gif') no-repeat;
height:185px;clear:both;text-align:center;color:#797979;padding-top:64px;}
.villeMarie{margin-top:50px;}

/*Événement*/
#evenement{background:url('../images/boxBleu_content.gif') repeat-y;}
#evenementContent{padding:0 20px 0 20px;}

/*recherche rapide*/
.champs{height:12px;background-color:#d4e0bd;border:1px solid #98b263;font-size:1em;}
.rechercheRapide{font-size:10px;/*background-color:#98b263;color:#fff;*/height:20px;}

/*Reseau Sociaux*/
#reseauSociaux{padding:10px;}


/*Menu*/
ul#menu {margin:0;padding:0;list-style:none;  }
#menu ul li {list-style:none;margin: 0; padding: 0 ;}
#menu a { /*width: 212px;*/ text-align: left; text-indent: -9999px;display: block;  /*float:left;*/}
#menu a:hover {/*background-position: -212px 0;list-style-type: none;*/}

a#menuNouveautes{background: url('../images/bt_nouveautes.gif') no-repeat left top; width:136px; height: 23px;}
a#menuNouveautes:hover{background-position: -136px 0;}

a#menuAparaitre{background: url('../images/bt_aParaitre.gif') no-repeat left top; width:167px; height: 23px;}
a#menuAparaitre:hover{background-position: -167px 0;}

a#menuEvenements{background: url('../images/bt_quoideNeuf.gif') no-repeat left top; width:154px; height: 24px;}
a#menuEvenements:hover{background-position: -154px 0;}

a#menuProf{background: url('../images/bt_profs.gif') no-repeat left top; width:191px; height: 24px;}
a#menuProf:hover{background-position: -191px 0;}

a#menuRecherche{background: url('../images/bt_recherche.gif') no-repeat left top; width:119px; height: 24px;}
a#menuRecherche:hover{background-position: -119px 0;}

a#menuGrandAuteurs{background: url('../images/bt_auteurs.gif') no-repeat left top; width:248px; height: 53px;}
a#menuGrandAuteurs:hover{background-position: -248px 0;}

a#menuGrandOeuvres{background: url('../images/bt_oeuvre.gif') no-repeat left top; width:219px; height: 58px;}
a#menuGrandOeuvres:hover{background-position: -219px 0;}

a#menuInfolettre{background: url('../images/bt_infolettre.gif') no-repeat left top; width:126px; height: 24px;}
a#menuInfolettre:hover{background-position: -126px 0;}

a#menuAuteur{background: url('../images/bt_auteursTous.gif') no-repeat left top; width:204px; height: 24px;}
a#menuAuteur:hover{background-position: -204px 0;}

a#menuContact{background: url('../images/bt_contact.gif') no-repeat left top; width:124px; height: 24px;}
a#menuContact:hover{background-position: -124px 0;}

a#menuApropos{background: url('../images/bt_apropos.gif') no-repeat left top; width:204px; height: 24px;}
a#menuApropos:hover{background-position: -204px 0;}


/*-------------------------------------------------
INDEX
---------------------------------------------------*/
/*EVENEMENT ACCUEIL*/
#evenementboxacc{width:320px;padding:15px 0 15px 0;}
dl#spectEventacc dt {font-weight:bold;clear: left;float: left;}
dl#spectEventacc dd {display: block;}
#QuoideNeuf{width:315px;float:left;padding-left:5px;}

/*A paraitre*/
#aParaitre{width:300px;float:left;background-color:#d5e3b7;padding:0 10px 10px 10px;}

/*Oeuvre manquante*/
#OeuvreMarquante{width:45%;border-left:1px solid #cae2ea;float:left;padding-left:5px;}
#grandAuteur{width:49%;float:left;}
#separateurTop{margin-top:20px;}
#separateurBottom{margin-bottom:20px;}

/*Liens Medias*/
ul#listeLiensMedias{margin: 5px;padding: 0;}
ul#listeLiensMedias li{ margin: 0;  padding: 0 10px 0 0; list-style: none;}


/*-------------------------------------------
NOUVEAUTÉ et A PARAITRE
---------------------------------------------*/
/*#resume{margin-left:100px;}*/
#nouveautes{margin:10px 0 15px 0;}
.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;}



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

/*-------------------------------------------------
Fiche Auteur
---------------------------------------------------*/
.question{font-weight:bold;color:#3885a2;}
#boxGris{background:url('../images/boxGris_content.gif') repeat-y;width:414px;float:left;min-height:270px;}
#contenuGris{padding:0 15px 0 15px;}
#phAuteur{float:left;width:235px;}
#contenuGris a{font-weight:bold;}
#contenuGris ul{line-height:20px;margin-top:5px;}

#auteurVedette{float:left;padding-left:10px;width:450px;}

dl#Entretien{}
dl#Entretien dt {font-weight:bold;}
dl#Entretien dd {margin-bottom:20px;margin-left:0px;}


/*-----------------------------------------------------------
PAGE EVENEMENT
-----------------------------------------------------------*/
dl.spectEvent dt {font-weight:bold;clear: left;float: left;}
dl.spectEvent dd {display: block;}

/*-------------------------------------------------
Fiche LIvre
---------------------------------------------------*/

#BoxTitrePage{float:left;width:400px;}
#boxOutils{float:left;width:250px;border:0px solid #ff0000;}
#boxOutilsAuteur{float:right;}
#boxPartager{float: left;}
#col2{width:414px;float:left;}

dl#ItemSpect dt {clear:left; float:left; font-weight:bold;}
dl#ItemSpect dd{display: block;}

/*box BleuLivre*/
#boxBleuLivre{background:url('../images/boxBleuLivre_content.gif') repeat-y;width:414px;float:left;min-height:365px;}
#contenuBleuLivre{padding:0 15px 0 15px;}
.prixDollard{font-size:2.5em;font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif;color:#104864;}
.prixCent{font-size:1.5em;font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif;color:#104864}
.slogan{color:#104864;font-size:1.2em;font-weight:bold;}

/*Suggestions*/
.suggestion{width:90px;padding:15px;height:180px;float:left;}
.suggestion img{border:1px solid #ced1c7;}

/*Liens*/
div.liensAutre{ margin-bottom: 15px;}
div.liensAutre img{margin-right: 10px;}

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

a.envoyerAmi:link, a.envoyerAmi:visited  {background: url('../images/bt_envoyer.gif') no-repeat left top; height:34px; width:78px; display:inline-block;  text-indent: -9999px;}
a.envoyerAmi:hover, a.envoyerAmi:active {background-position: -78px 0;}

a.imprimerFiche:link, a.imprimerFiche:visited  {background: url('../images/bt_print.gif') no-repeat left top; height:34px; width:78px; display:inline-block;  text-indent: -9999px;}
a.imprimerFiche:hover, a.imprimerFiche:active {background-position: -78px 0;}  

a.partagerFiche:link, a.partagerFiche:visited  {background: url('../images/bt_partager.gif') no-repeat left top; height:34px; width:78px; float: left; position: relative; text-indent: -9999px;}
a.partagerFiche:hover, a.partagerFiche:active {background-position: -78px 0;} 


.boxBtnFormat{padding:5px;margin:4px;text-align:left;line-height:17px;}
a.btnAjouterPanier:link, a.btnAjouterPanier:visited{height:16px;width:135px;display:inline-block;color:#3885a2; font-weight:bold;text-decoration:none;}
a.btnAjouterPanier:hover, a.btnAjouterPanier:active {color:#98b263;text-decoration:underline;} 
.boxPrixFormat{font-weight:bold;width:60px;float:left;text-align:right;}
.boxFormat{width:70px;float:left;text-align:center;}


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

/*-----------------------------------------------------------
Envoyer Ami
-----------------------------------------------------------*/
#formEnvoyer{float:left;width:335px;}
#exemple {padding:10px;float:right;width:270px;background-color:#e0f3fa;}
#exemple img{margin-right:5px;border:1px solid #000;}

/*-----------------------------------------------------------
COIN PROF
-----------------------------------------------------------*/
ul#coinProf {margin:0; padding:0;}
ul#coinProf li {list-style: none; list-style-image:none;width:125px;margin: 0;padding: 10px 0 10px 0; float:left;   }



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

/*-----------------------------------------------------------
FICHE EVENEMENT
-----------------------------------------------------------*/
#evenementInfo{width:600px;}
dl#desc_evenement dt {font-weight:bold;clear: left;float: left;}
dl#desc_evenement dd {display: block;}


/*-------------------------------------------------
Recherche
---------------------------------------------------*/
#recherche{background:url('../images/boxBleu2_content.gif') repeat-y;margin-left:100px;}
#rechercheContent{padding:0 20px 0 20px;}
#collection{margin:20px 0 0 150px;}
#btSubmit{margin:20px 0 0 100px;}
.vignetteRecherche{height:200px;width:120px;padding-left:5px;}
.vignetteRecherche img{border:1px solid #ced1c7;}
#titreOeuvre{width:100px;}
.motcle{font-weight:bold;}

/*Paging*/
.paging{width:640px;border-top:1px solid #b5cde2;border-bottom:1px solid #b5cde2;}
* html #paging{width:700px;}
.page{float:left;}
.pageNouveaute{padding-left:275px;float:left;}
.goToPage{float:left;margin-left:60px;}
.tri{float:left;width:280px;}

.btOk{background: url('../images/bt_ok.gif') no-repeat left top; height:17px; width:36px; border:none; text-indent:-9999px;}
.btOk:hover{background-position: -36px 0;}

.btNext{background: url('../images/bt_next.gif') no-repeat left top; height:15px; width:20px; border:none; text-indent:-9999px;}
.btNext:hover{background-position: -20px 0;}
.btNextOff{background: url('../images/bt_next.gif') no-repeat -40px 0; height:15px; width:20px; border:none; text-indent:-9999px;}

.btPrev{background: url('../images/bt_prev.gif') no-repeat left top; height:15px; width:20px; border:none;}
.btPrev:hover{background-position: -20px 0;}
.btPrevOff{background: url('../images/bt_prev.gif') no-repeat -40px; height:15px; width:20px; border:none;}

/*Formulaire*/
.btSubmit{margin:15px 0 0 100px;}
.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;}

.btnRecherche{background: url('../images/bt_Enginrecherche.gif') no-repeat left top; border:none; height:34px; width:125px; display:block;text-align: left; text-indent: -9999px;}
.btnRecherche:hover{background-position: -125px 0;}



/*-------------------------------------------------
misc
------------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

.clearAll{ clear: both;}
.floatleft{float:left;}