div#visuel {position:absolute; z-index:3000; background-color:#FFFFFF;}
/*div#col-droite { overflow:hidden; height:1%;}*/

.oeuvre-menu {text-align:left; margin-left:3em;}
.oeuvre-menu .titre a {font-size:1.2em; font-style:italic; color:#2d2d80; font-weight:bold; text-decoration:none;}
.oeuvre-menu .titre a:hover {text-decoration:underline;}
.oeuvre-menu .auteur {margin-bottom:0.3em; font-weight:bold;}
.oeuvre-menu .auteur a {font-size:1em; color:#333333; font-weight:bold;}

.entite-menu-droit, .entite-menu-gauche {width:50%;}
.entite-menu-droit img, .entite-menu-gauche img {float:left; margin-right:2em; border:0.1em solid #CCCCCC; padding:0.3em; height:8em;}
.entite-menu-gauche {float:left;}
.entite-menu-droit {float:right;}
.entite-menu-gauche .desc p, .entite-menu-droit .desc p {font-size:1.2em;}
.entite-menu-gauche .desc {padding-right:2.5em; margin-right:2.5em; border-right:#666666 0.1em solid;}
.entite-menu-droit .desc {}


.oeuvre {margin:0 0 5em 3em; border-right:#CCCCCC 1px dotted; position:relative;}
.oeuvre .visuel {float:left; margin:0 15px 10px 0; cursor:pointer; }
.oeuvre .visuel {float:left; margin:0 15px 10px 0; cursor:pointer; }
.oeuvre .entete-h {margin-bottom:1em;} 
.oeuvre .entete-h p {font-size:1.2em;} 
.oeuvre .entete-h h2 {font-size:2.3em; font-style:italic; color:#2d2d80; font-family:"Times New Roman", Times, serif;} 
.oeuvre .entete-h h3 {font-size:1.2em; color:#333333; margin-bottom:5px;}
.oeuvre .entete-b {margin-right:15em; padding-right:2em;} 
.oeuvre .entete-b .commander a {color:#FF3399; font-size:1.1em; font-weight:bold;} 
.oeuvre .entete-b .commander a:hover {color:#2d2d80;} 
.oeuvre .entete-b table {margin-top:3px; border-top:1px dotted #CCCCCC;}
.oeuvre .entete-b td {padding:2px 0 3px 0; border-bottom:1px dotted #CCCCCC;}
.oeuvre .menu {float:right; width:13em; border-left:1px #CCCCCC solid; padding-left:2em; color:#CCCCCC;}
.oeuvre .menu .titre {font-size:2.1em; font-weight:bold; color:#2d2d80; font-family:"Times New Roman", Times, serif; margin-bottom:0.3em; text-align:left;}
.oeuvre .menu p {font-size:1.2em; font-weight:bold; text-align:right; padding-right:1.5em;}
.oeuvre .menu a {color:#FF3399;}

.oeuvre .presextpresse {padding-right:2em; font-size:1.2em; text-align:justify;}
.oeuvre .presextpresse p {font-size:1em;}
.oeuvre .presextpresse .menu-extrait {margin-bottom:0.7em;}
.oeuvre .presextpresse .menu-extrait a {font-size:1.1em; font-weight:bold; color:#2d2d80; padding-right:2em;  }
.oeuvre .presextpresse .menu-extrait .menu-on {text-decoration:none; color:#000000;}

.oeuvre .presextpresse .titre-commentaire { font-weight:bold; color:#2d2d80; font-size:1.2em;}
.oeuvre .presextpresse .texte-commentaire {margin-bottom:2em;}
.oeuvre .presextpresse .texte-commentaire .lien_ext { font-weight:bold; color:#FF3399; display:block; margin-top:0.5em;}


.liste-oeuvre-div {border-top:1px solid #666666; padding-top:1em; margin:2em 0 3em 3em;}
.liste-oeuvre-div .titre-cata {color:#2d2d80; font-size:1.9em; font-family:"Times New Roman", Times, serif; margin-bottom:0.3em; font-weight:bold; }
.liste-oeuvre {text-align:left; }
.liste-oeuvre a {text-decoration:none;}
.liste-oeuvre a:hover {text-decoration:underline;}
.liste-oeuvre td, .liste-oeuvre th {vertical-align:top; padding:0.2em 1em; border-bottom:1px solid #666666; font-size:1.2em;}
.liste-oeuvre td {width:20%;}
.liste-oeuvre .titre {width:45%;}
.liste-oeuvre .prix {width:15%; white-space:nowrap; text-align:right;}
.liste-oeuvre .titre a {color:#FF3399; font-weight:bold;}