@charset "iso-8859-1";
/* Auteur: Marc-Antoine Vohl-Julien */
/* Date de création: 2006-09-28 */

body {
        font-family: Arial, Helvetica;
        font-size: 13px;
        color: #333;
        margin: 0px;
        background-color: #fff;
}

table.cadre {
     color: #333;
     font-family: Arial;
     font-size: 13px;
     background-color: #ffffff;
     width: 770px;
     padding-left: 15px;
     padding-right: 15px;
     padding-top: 0px;
     padding-bottom: 0px;
}

table.acces {
  background-color: #000000;
  border: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
}

div#accessbar {
    background: url('../images/bloc-bg.jpg') bottom left repeat-x;
    border-top: 3px #8397b5 solid;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    color: #333;
    position: relative;
}

#accessbar a {
    color: #333;
    text-decoration: none;
}

#accessbar a:hover, #accessbar a.selected {
    color: #9cadc6;
}


div#postit {
    position: absolute;
    top: -2px;
    left: 378px;
}

div#wrap {
    background-color: #efefef;
    border: 1px #cccccc solid;
    margin: 1px;
}

div#menu-top {
    font-weight: bold;
    font-size: 10pt;
    letter-spacing: 0.1em;
}

#menu-top ul {
    margin: 0;
    padding: 12px;
}

#menu-top ul li {
    display: inline;
        
}

#menu-top ul li a {
    color: #808080;
    padding: 12px; /*top padding is 6px, bottom padding is 4px*/
    text-decoration: none;
}

#menu-top ul li a:hover, #menu-top ul li a.selected {
    background-color: #365D95;
    color: #efefef;
    -moz-border-radius: 5px;

}

div#barreTri {
        font-family: Georgia, Helvetica;
        font-size: 8pt;
        color: #365D95;
        border: #ccc 1px solid;
        width: 100%, 515px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #efefef;
        text-align: center;
}

.bloc {
    padding: 15px;
    background: url('../images/bloc-bg3.jpg') repeat-x top left;
}

.bloc img {
    border: 0;
}

.bloc-desc {
    padding: 15px;
    background: url('../images/bloc-bg3.jpg') repeat-x top left;
    border-left: #efefef 3px solid;
    vertical-align: middle;
    font: 14px Georgia, Garamond;
    line-height: 140%;
    font-style: italic;
}

div#bloc-titre {
    font-family: Times, Helvetica;
    font-size: 12pt;
    font-weight: bold;
    color: #365D95;
    padding: 0;
}

div#bloc-auteur {
    font-size: 9pt;
    padding-bottom: 5px;
    font-style: italic;
}

div#bloc-section {
    font-size: 8pt;
    color: #808080;
    padding-bottom: 5px;
}

div#bloc-vigueur {
    font-size: 8pt;
    color: #365D95;
}

div#bloc-prix {
    font-size: 22pt;
    font-family: Times, Helvetica;
    color: red;
    padding-bottom: 3px;
}

div#panier {
    float: right;
}

div#bloc-desc {
    font-size: 9pt;
    font-family: Times, Helvetica;
}

.bloc-thumb {
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: url('../images/bloc-bg3.jpg') repeat-x top left;
    text-align: left;
}


div#bloc-thumb-titre {
    font-family: Times, Helvetica;
    font-size: 8pt;
    font-weight: normal;
    color: #365D95;
    padding: 0;
}


#bloc-thumb-titre a, #bloc-thumb-titre a:visited, #bloc-thumb-titre a:active {
    color: #365D95;
    text-decoration: none;
}

#bloc-thumb-titre a:hover {
    color: #365D95;
    text-decoration: underline;
}

div#bloc-thumb-auteur {
    font-size: 7pt;
    padding-bottom: 5px;
    font-style: italic;
}

div#bloc-thumb-section {
    font-size: 7pt;
    color: #808080;
    padding-bottom: 5px;
}

div#bloc-thumb-vigueur {
    font-size: 8pt;
    color: #365D95;
}

div#bloc-thumb-prix {
    font-size: 10pt;
    font-weight: bold;
    font-family: Times, Helvetica;
    color: red;
    padding-bottom: 3px;
}

td.mv-pos {
    width: 50px;
    height: 50px;
    background: #fff url('../images/cercle-mv.png') no-repeat center;
    padding: 10px;
    text-align: center;
    font: 20pt Times, Helvetica;
    font-weight: bold;
    color: #eee;
}

td.mv-detail {
    width: 150px;
    padding-top: 5px;
    padding-bottom: 5px;
}

div.mv-titre {
    font-family: Times, Helvetica;
    font-size: 9pt;
    font-weight: normal;
    color: #365D95;
    padding-bottom: 3px;
}

div.mv-titre a, div.mv-titre a:visited, div.mv-titre a:active {
    color: #365D95;
    text-decoration: none;
}

div.mv-titre a:hover {
    color: #365D95;
    text-decoration: underline;
}

div.mv-auteur {
    font-family: Times, Helvetica;
    font-size: 8pt;
    font-weight: normal;
    font-style: italic;
}


.menuTop {
  /*background-color: #7CA749;*/
  background: url('../images/bloc-bg-menutop.jpg') top left repeat-x;
  border-top: 1px #ccc solid;
  padding: 4px;
  font-family: Arial;
  font-size: 8pt;
  font-weight: bold;
  color: #365D95;
}

a.menuTop:link {
    color: #365D95;
    text-decoration: none;
}

a.menuTop:hover {
    text-decoration: underline;
}

a.menuTop:visited {
    color: #365D95;
}

td.menuTopCart {
  background-color: #ffffff;
  border: 1px #7CA749 solid;
  padding: 8px;
  font-family: Arial;
  font-size: 8pt;
  font-weight: normal;
}


div#menu-gauche {
    font-family: Arial;
    font-size: 13px;
    color: #333;
    width: 170px;
    padding: 0px;
    margin: 0px;
}

#menu-gauche h2 {
    border-top: 3px #8397b5 solid;
    background: url('../images/dot-lblue.gif') bottom left repeat-x;
    padding: 5px;
    font-family: Garamond, Georgia;
    font-style: italic;
    font-size: 15px;
    letter-spacing: 1px;
    color: #8397b5;
    margin: 0;
}

#menu-gauche ul { /* remove bullets and list indents */
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

#menu-gauche ul li:first-child { /* remove bullets and list indents */
    border: 0;
}

#menu-gauche ul li { /* remove bullets and list indents */
    padding: 5px 5px 5px 30px;
    border-top: 1px #efefef solid;
    margin: 0;
    background: white url('../images/menu-element.png') no-repeat;
}

#menu-gauche ul li:hover { /* change bg image on hover */
    background: white url('../images/menu-element-over.png') no-repeat;
}

#menu-gauche ul li a {
    font: 12px Verdana, Helvetica;
    display: block;
    color: #333;
    margin: 0;
}

#menu-gauche ul li a:hover {
    color: #365D95;
    text-decoration: none;
}





td.contenu {
     background-color: #ffffff;
     font-family: Arial;
     font-size: 9pt;
     color: #333;
     width: 560px;
     padding: 0px;
     padding-left: 10px;
}

.livre {
        font-family: Arial;
        font-size: 8pt;
        color: #333;
}

#index {
    background: url('../images/bloc-bg4.jpg') repeat-x top left;
}

div.titreContenu {
        font-family: Garamond, Georgia;
        font-style: italic;
        font-size: 24pt;
        letter-spacing: 1px;
	text-align: left;
        text-shadow: 2px 2px #fff;
        color: #990;
        background: url('../images/dot-gold.gif') repeat-x bottom left;
        border-top: #990 6px solid;
        width: 100%, 515px;
        padding: 10px;
        padding-bottom: 15px;
}

div.titreFiche {
        font-family: Garamond, Georgia;
        font-style: italic;
        font-size: 16pt;
        letter-spacing: 1px;
        text-shadow: 2px 2px #fff;
        color: #990;
        background: url('../images/dot-gold.gif') repeat-x bottom left;
        border-top: #990 6px solid;
        width: 100%, 515px;
        padding: 10px;
        padding-bottom: 15px;
}

#fiche {
    background: url('../images/bloc-bg4.jpg') repeat-x top left;
}

div.titreSSectionFiche {
        font-family: Arial;
        font-size: 10pt;
        font-weight: bold;
        font-variant: small-caps;
        color: #365D95;
        width: 100%, 515px;
        padding: 0;
}

div.titreSection {
        font-family: Georgia, Helvetica;
        font-size: 30pt;
        color: #fff;
        background-color: #0074B3;
        border: #0074B3 1px solid;
        width: 100%, 515px;;
        padding: 7 0 7 7;
}

div.titreSSection {
        font-family: Georgia, Helvetica;
        font-size: 10pt;
        font-weight: bold;
        letter-spacing: 1px;
        /*color: #8397b5;*/
        text-shadow: 1px 1px #fff;
        color: #6f6f6f;
        border: #ddd 1px solid;
        width: 100%, 515px;
        padding: 5px;
        padding-left: 15px;
        background: url('../images/fd_pager.gif') bottom left repeat-x;
}

div.basListe {
        font-family: Georgia, Helvetica;
        font-size: 9pt;
        color: #365D95;
        border: #ddd 1px solid;
        width: 100%, 515px;
        padding: 5px;
        padding-left: 15px;
        background: url('../images/tab.png') repeat-x;
}

div.titreSectionR1 {
        font-family: Georgia, Helvetica;
        font-size: 7pt;
        color: #fff;
        background-color: #800000;
        border: #800000 1px solid;
        width: 100%, 515px;;
        padding: 2 6 0 0;
        text-align: right;
}

div.titreSectionR2 {
        font-family: Georgia, Helvetica;
        font-size: 30pt;
        color: #fff;
        background-color: #800000;
        border: #800000 1px solid;
        width: 100%, 515px;;
        padding: 0 0 14 6;
}

div.titreSSectionR {
        font-family: Georgia, Helvetica;
        font-size: 10pt;
        font-weight: bold;
        color: #fff;
        background-color: #800000;
        border: #800000 1px solid;
        width: 100%;
        padding: 3px;
}


div.titreSectionN1 {
        font-family: Georgia, Helvetica;
        font-size: 7pt;
        color: #fff;
        background-color: #B7AD00;
        border: #B7AD00 1px solid;
        width: 100%, 515px;;
        padding: 2 6 0 0;
        text-align: right;
}

div.titreSectionN2 {
        font-family: Georgia, Helvetica;
        font-size: 30pt;
        color: #fff;
        background-color: #B7AD00;
        border: #B7AD00 1px solid;
        width: 100%, 515px;;
        padding: 0 0 14 6;
}

div.titreSSectionN {
        font-family: Georgia, Helvetica;
        font-size: 10pt;
        font-weight: bold;
        color: #fff;
        background-color: #B7AD00;
        border: #B7AD00 1px solid;
        width: 100%;
        padding: 3px;
}

div.titreSectionD1 {
        font-family: Arial;
        font-size: 7pt;
        color: #fff;
        background-color: #81035B;
        border: #81035B 1px solid;
        width: 100%, 515px;;
        padding: 3 6 0 0;
        text-align: right;
}

div.titreSectionD2 {
        font-family: Georgia, Helvetica;
        font-size: 30pt;
        color: #fff;
        background-color: #81035B;
        border: #81035B 1px solid;
        width: 100%, 515px;;
        padding: 0 0 14 6;
}

div.titreSSectionD {
        font-family: Georgia, Helvetica;
        font-size: 10pt;
        font-weight: bold;
        color: #fff;
        background-color: #81035B;
        border: #81035B 1px solid;
        width: 100%;
        padding: 3px;
}

div#bottom {
    background-image: url('../images/bloc-bg5.jpg');
    background-repeat: repeat-x;
    border-top: 2px #365D95 solid;
}


td.bottom-list {
    color: #000;
    font-size: 8pt;
    padding: 5px;
    padding-bottom: 10px;
}

td.bottom-list p {
    margin: 0;
    padding-left: 10px;
    padding-top: 3px;
}

td.bottom-list p a {
    text-decoration: none;
}

td.bottom-list p a:hover, td.bottom-list p a.selected {
    color: #9cadc6;
}

.bottom-titre {
    color: #365D95;
    font-size: 10pt;
    font-weight: bold;
    text-shadow: 1px 1px #fff;
    background: url('../images/dot-blue.gif') bottom left repeat-x;
    padding-bottom: 5px;
}

div#bottom-copy {
    color: #aaa;
    font-size: 8pt;
    padding: 8px;
    border-top: 1px #ccc solid;
}

#bottom-copy a {
    color: #aaa;
    text-decoration: none;
}

#bottom-copy a:hover, #bottom-copy a.selected {
    color: #000;

}

.img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px;
  margin: 10px 0 0 3px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 0px;
  }


hr {
  width: 100%;
  height: 0px;
  color: #AFC0E4;
  border: 1px #c0c0c0 solid;
}

ul {
  list-style-type: square;
}

font.bleu {
  color: #000080;
}

font.titre {
        font-family: Arial;
        font-size: 11pt;
        font-weight: bold;
        color: #000000;
        padding-top: 5px;
}


font.petit {
        font-family: Arial;
        font-size: 8pt;
}

td {
        color: #333;
        font-family: Arial;
        font-size: 9pt;
}

h1, h3 {
    padding: 0;
}

td.liste {
        padding-top: 10px;
        width: 25%;
}

td.promotion {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #efefef;
    border-top: 1px #fff solid;
    border-bottom: 1px #ccc solid;
}

div#promo-titre {
    font-family: Times, Helvetica;
    font-size: 12pt;
    font-weight: bold;
    color: #365D95;
}

div#promo-auteur {
    font-size: 9pt;
    padding-bottom: 5px;
    font-style: italic;
}

div#promo-section {
    font-size: 8pt;
    color: #808080;
    padding-bottom: 5px;
}

div#promo-vigueur {
    font-size: 8pt;
    color: #365D95;
}

div#promo-prix {
    font-size: 26pt;
    font-family: Times, Helvetica;
    color: red;
    padding-bottom: 3px;
}

div#promo-reg {
    font-size: 9pt;
}

font.xgros {
        font-family: Arial;
        font-size: 18pt;
        font-weight: bold;
}


table.infos {
        color: #000000;
        font-family: Arial;
        font-size: 9pt;
        background-color: #ffffff;
}

td.infos {
        color: #000000;
        font-family: Arial;
        font-size: 9pt;
}

td.infoFiche {
        color: #000000;
        font-family: Arial;
        font-size: 9pt;
        border-bottom: 1px #C0C0C0 dashed;
        padding-left: 12px;
        text-align: justify;
}

td.listeSerieDesc {
        color: #000000;
        font-family: Arial;
        font-size: 9pt;
        border: 1px #969696 solid;
        background-color: #FFFFFF;
        background: url(../images/input_background.gif) repeat-x;
        padding: 3px;
}

td.listeSerieTitre {
        color: #FFFFFF;
        background-color: #ABC28E;
        font-family: Arial;
        font-size: 9pt;
        border-bottom: 1px #C0C0C0 solid;
        font-weight: bold;
        padding: 3px;
}

td.listeSerie {
        color: #000000;
        font-family: Arial;
        font-size: 9pt;
        border-bottom: 1px #DEDEEC dashed;
        padding: 3px;
}

td.listeRechercheDesc {
        color: #000000;
        font-family: Arial;
        font-size: 9pt;
        border: 1px #969696 solid;
        background-color: #FFFFFF;
        background: url(../images/input_background.gif) repeat-x;
        padding: 3px;
}

td.listeRechercheTitre {

        color: #FFFFFF;
        background-color: #ABC28E;
        font-family: Arial;
        font-size: 9pt;
        font-weight: bold;
        padding: 3px;
}

td.listeRecherche {
        color: #000000;
        font-family: Arial;
        font-size: 9pt;
        border-bottom: 1px #DEDEEC dashed;
        padding: 3px;
}

td.avancee {
        color: #000000;
        font-family: Arial;
        font-size: 9pt;
        border-bottom: #C0C0C0 1px dashed;
        padding: 3px;
        padding-left: 30px;
}

td.formulaire {
        color: #000000;
        font-family: Arial;
        font-size: 9pt;
        border-bottom: #C0C0C0 1px dashed;
        padding: 3px;
        padding-left: 30px;
        vertical-align: top;
}


td.titre {
  background-color: #E1E1E1;
  color: #000000;
  font-size: 10pt;
  font-weight: bold;
  border-top: #000000 1px solid;
  border-left: #000000 1px solid;
  border-bottom: #000000 1px solid;
}

td.titreImp {
  background-color: #E1E1E1;
  color: #000000;
  font-size: 8pt;
  font-weight: bold;
  border-top: #000000 1px solid;
  border-left: #000000 1px solid;
  border-bottom: #000000 2px solid;
}


form {
    border: none;
    margin: 0;
}

iframe {
    border: 1px solid #808080;
    
}

input {
        font-family: Arial;
        font-weight: normal;
        font-size: 9pt;
        border-right: #808080 1px solid;
        border-top: #808080 1px solid;
        border-bottom: #808080 1px solid;
        border-left: #808080 1px solid;
        background: url(../images/input_background.gif) repeat-x;
}

input.checkradio {
        border: 0px;
        background-color: #E6E8F5;
        background: none;
}

input.button {
        font-family: Arial, Helvetica;
        font-size: 8pt;
        border-right: #737373 1px solid;
        border-top: #737373 1px solid;
        border-bottom: #737373 1px solid;
        border-left: #737373 1px solid;
        background-color: #E6E8F5;
        height: 19px;
        color: #6F6F6F;
        font-weight: bold;
        
}

select.decouverte {
  font-family: Arial;
  font-size: 7pt;
  background-color: #81035B;
  color: #fff;
}

select.recommandation {
  font-family: Arial;
  font-size: 7pt;
  background-color: #800000;
  color: #fff;
}

select.nouveaute {
  font-family: Arial;
  font-size: 7pt;
  background-color: #B7AD00;
  color: #fff;
}

a:link {
        color: #333;
        text-decoration: none;
}

a:visited {
        color: #333;
        text-decoration: none;
}

a:hover {
        color: #333;
        text-decoration: underline;
}

a:active {
        color: #333;
        text-decoration: none;
}

a.blanc:link {
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
}

a.blanc:visited {
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
}

a.blanc:hover {
        color: #ffffff;
        font-weight: bold;
        text-decoration: underline;
}

a.blanc:active {
        color: #ffffff;
        text-decoration: none;
}

a.menu:link {
        color: #000000;
        text-decoration: underline;
}

a.menu:visited {
        color: #000000;
        text-decoration: underline;
}

a.menu:hover {
        color: #000080;
        text-decoration: none;
}

a.menu:active {
        color: #000000;
        text-decoration: underline;
}

a.bas:link {
        color: #000000;
        text-decoration: underline;
}

a.bas:visited {
        color: #000000;
        text-decoration: underline;
}

a.bas:hover {
        color: #000000;
        text-decoration: none;
}

a.bas:active {
        color: #000000;
        text-decoration: underline;
}

/*
img.liste {
        width: 75px;
        height: 100px;
        border: 1px #AFC0E4 solid;
}
*/
img.liste {
       width: 75px;
       height: 100px;
       border-top: 1px #969696 solid;
       border-left: 1px #969696 solid;
       border-right: 1px #969696 solid;
       border-bottom: 1px #969696 solid;

}

img.listeRecherche {
       width: 40px;
       height: 55px;
}

img.coeur {
  width: 35px;
  height: 35px;
  background-color: transparent;
}

img.fiche {
       border-top: 1px #969696 solid;
       border-left: 1px #969696 solid;
       border-right: 1px #969696 solid;
       border-bottom: 1px #969696 solid;

}

img.invisible {
       display: none;
}

.boitegrise {

  background-color: #eee;
  border-top: 6px #808080 solid;
  border-bottom: 3px #808080 solid;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 10px;
  padding-top: 5px;

}