body{
  background:url(../images/bgBody.jpg) top center no-repeat #000000;
  margin:0;
  padding:0;
  text-align:center;
}


#container{
  width:972px;
  height:auto;
  margin:0 auto;
  text-align: left;
}

#colGauche{
  float:left;
  width:213px;
  height:702px;
  background: url(../images/fdColExt.png) top left no-repeat;
}

#colCentrale{
  float:left;
  width:546px;
  min-height:702px;
  background:url(../images/fdColCentrale.png) top left repeat-y;
}

#hautColCentrale{
  height: 138px;
  border-bottom: 1px solid #828280;
}

#hautColCentraleGauche{
  width:45px;
  float:left;
}

#hautColCentraleGauche a{
  margin-top: 55px;
  text-decoration: none;
  width:17px;
  height:19px;
  display:block;
  position: relative;
  float:right;
  background: url(../images/flecheGaucheHaut.png) top left no-repeat;
}

#hautColCentraleGauche a span{
  visibility: hidden;
}

#hautColCentraleMilieu{
  width:456px;
  height: 138px;
  float:left;
}

#hautColCentraleMilieu a{
  text-decoration: none;
}

#hautColCentraleMilieu ul li a span{
  visibility: hidden;
}


#hautColCentraleDroite{
  width:45px;
  float:left;
}

#hautColCentraleDroite a{
  text-decoration: none;
  margin-top: 55px;
  width:17px;
  height:19px;
  display:block;
  position:relative;
  float: left;
  background: url(../images/flecheDroiteHaut.png) top left no-repeat;
}

#hautColCentraleDroite a span{
  visibility: hidden;
}


#colDroite{
  float:left;
  width:213px;
  height:702px;
  background: url(../images/fdColExt.png) top left no-repeat;
}


#menuGauche ul.menuPrinc{
  padding:0;
  margin:0;
}

#menuGauche ul.menuPrinc li{
  list-style: none;
  height: 40px;
}


#menuGauche ul.menuPrinc li a{
  width:170px;
  height: 100%;
  display: block;
  background: url(../images/bgBtnMenuGauche.png) top left no-repeat;
  line-height:40px;
  font-family: Georgia;
  font-size:12px;
  text-align: right;
  text-decoration: none;
  padding-right: 43px;
  color: #3c4183;
}

#menuGauche ul.menuPrinc li a.btnMenuGauche2Ligne{
  line-height:15px;
  padding-top:5px;
  height:35px;
}

#menuGauche ul.menuPrinc li a:hover{
  background: url(../images/bgBtnMenuGaucheHover.png) top left no-repeat;
  color: #FFFFFF;
}

#menuGauche ul.menuPrinc li a.active{
  background: url(../images/bgBtnMenuGaucheHover.png) top left no-repeat;
  color: #FFFFFF;
}

#menuGauche ul.menuPrinc li a.btnMenuGauche2LigneActive{
  line-height:15px;
  padding-top:5px;
  height:35px;
  background: url(../images/bgBtnMenuGaucheHover.png) top left no-repeat;
  color: #FFFFFF;
}

#menuGauche ul.menuPrinc li a.btnShop{
  background: url(../images/bgBtnMenuGaucheShop.png) top left no-repeat;
}


#menuGauche ul.menuPrinc li a.btnShop:hover{
  background: url(../images/bgBtnMenuGaucheShopHover.png) top left no-repeat;
}

#menuGauche ul.menuPrinc li a.btnFacebook{
  width: 163px;
  padding-left:50px;
  line-height:15px;
  padding-top:5px;
  text-align: left;
  background: url(../images/bgBtnMenuGaucheFacebook.png) top left no-repeat;
  font-size: 11px;
  padding-right:0;
}


#menuGauche ul.menuPrinc li a.btnFacebook:hover{
  background: url(../images/bgBtnMenuGaucheFacebookHover.png) top left no-repeat;
}


#reseauxSociaux{
  font-family: Georgia;
  font-size:12px;
  line-height: 20px;
  color: #3c4183;
  margin-top:45px;
  background: url(../images/fdReseauxSociaux.png);
}

#reseauxSociaux ul.menuReseauxSociaux{
  padding:0 0 0 0px;
  margin:0;
}

#reseauxSociaux ul.menuReseauxSociaux li{
  list-style: none;
  display: inline;
}


#titreSite{
  width: 213px;
  height: 249px;
}

#titreSite h1{
  visibility: hidden;
  margin:0;
}

#titreSite h1 a{
  display: none;
  margin:0;
}

#titre{
  background-repeat: no-repeat;
  background-position: top left;
  height: 55px;
}

#titre h2{
  text-indent: -3000px;
  margin: 0;
}

#texte{
  margin-top: 25px;
  color: #efefef;
  padding: 0 20px 0 20px;
  line-height:15px;
  font-size: 13px;
  font-family: Arial;
  margin-bottom: 25px;
}

#choixLangue{
  width: 212px;
  height:40px;
  background: url(../images/bgChoixLangue.png) top left no-repeat;
  position: absolute;
  top: 615px;
  margin: 0 auto 0 1px;
}

#choixLangue ul{
  margin:0;
  padding: 0;
}

#choixLangue ul li{
  list-style: none;
  width: 212px;
  text-align: center;
}

#choixLangue a{
  display: block;
  height: 19px;
  line-height: 19px;
  background : none;
  border: none;
  color: #1c2593;
  font-family: Georgia;
  text-decoration: underline;
  font-size: 11px;
}

#footer{
  position: relative;
  width: 100%;
  height: 120px;
  top:-15px;
  padding-top: 25px;
  background:url(../images/fdFooter.png) top left repeat-x;
  color: #FFFFFF;
  font-family: Tahoma;
  font-size:11px;
  font-weight: bold;
}

#menuFooter{
  position:relative;

}

#menuFooter ul{
  margin:0;
  padding:0;
}

#menuFooter ul li{
  display: inline;
  list-style: none;
}

#menuFooter ul li a{
  color: #FFFFFF;
  text-decoration: none;
}

#menuFooter ul li a:hover{
  text-decoration: underline;
}

#copyright{
  position:relative;
  padding-top:10px;
}

#listClip{
  position:relative;
}

#listClip a.titreVideo{
  color: #1c2593;
  font-family: Georgia;
  font-size: 11px;
  display: block;
  margin-bottom: 3px;
  text-decoration: none;
  width: 90px;
  padding-left:5px;
}

#listClip a.titreVideo:hover{
  text-decoration: underline;
}

#listClip a.titreVideoHover{
  color: #1c2593;
  font-family: Georgia;
  font-size: 11px;
  padding-left: 5px;
  display: block;
  margin-bottom: 3px;
  text-decoration: underline;
  width: 90px;
}

#listExtraitBibliotheque{
  position: relative;
}

#listExtraitBibliotheque a{
  font-family: Georgia;
  font-size: 12px;
  color: #1c2593;
  text-decoration: none;
  display: block;
  padding-left: 10px;
  padding-top: 8px;
  padding-bottom:8px;
}

#listExtraitBibliotheque a span{
  font-family: Georgia;
  font-size: 11px;
  color: #52557b;
  font-style: italic;
  text-decoration: none;
}

#listExtraitBibliotheque a:hover{
  text-decoration: underline;
  background: url(../images/blanc50.png);
}

.encartVideo{
  background:none;
}

#sousMenuOeuvre{
  text-align: right;
  padding:0 20px;

}

#containerSousMenuOeuvre{
  position: relative;
  margin: 0 auto;
}

#sousMenuOeuvre ul{
  margin: 5px 0 0 0;
  padding: 0;
}

#sousMenuOeuvre ul li{
  list-style: none;
  display: inline;
  float: left;
}

#sousMenuOeuvre ul li a{
  color: #FFFFFF;
  font-family: Georgia;
  font-size: 12px;
  display:block;
  width:90px;
}

#sousMenuOeuvre ul li a:hover{
  font-weight: bold;
}

#sousMenuOeuvre ul li a.active{
  font-weight: bold;
}

#sousMenuExtrait{
  margin-bottom:15px;
}

#extraitPrec{
  float:left;
}

#extraitPrec a{
  margin-left: 1px;
  display:block;
  width:25px;
  height:25px;
  background: url(../images/extraitPrec.png) top left no-repeat;
}

#extraitPrec a:hover{
  background: url(../images/extraitPrecHover.png) top left no-repeat;
}

#extraitPrec a span{
  display: none;
}

#extraitPage{
  float:left;
  color: #FFFFFF;
  font-family: Arial;
  font-size: 12px;
  text-align:center;
  width: 494px;
}

#extraitPage a{
  color: #FFFFFF;
  font-family: Arial;
  font-size: 12px;
  text-decoration: none;
}

#extraitPage a:hover{
  text-decoration: underline;
}

#extraitPage a.active{
  text-decoration: underline;
  font-weight: bold;
}

#extraitSuiv{
  float:left;
}

#extraitSuiv a{
  margin-right: 1px;
  display:block;
  width:25px;
  height:25px;
  background: url(../images/extraitSuiv.png) top left no-repeat;
}

#extraitSuiv a:hover{
  background: url(../images/extraitSuivHover.png) top left no-repeat;
}


#extraitSuiv a span{
  display: none;
}

.encartVideoHover{
  background: url(../images/bgEncartVideo.png);
}

#listClip a.miniatureVideo{
  width:75px;
  display:block;
}

#jaquette{
  text-align:center;
  margin-top: 11px;
  margin-bottom: 5px;
}

#prix{
  text-align: center;
  margin-bottom: 5px;
  font-family: Arial;
  font-weight: bold;
  color: #000A8B;
  font-size: 12px;
}

#commande{
  position: relative;
  text-align: center;
}

#commande a.btnCommander{
  margin: 0 auto;
  width:134px;
  height:31px;
  display: block;
  background: url(../images/bgBtnCommander.png) top left no-repeat;
  font-family: Georgia;
  font-size: 13.5px;
  color: #FFFFFF;
  padding-left: 30px;
  line-height: 31px;
  text-decoration: none;
  text-align: left;
}

#commande a.btnCommander:hover{
  background: url(../images/bgBtnCommanderHover.png) top left no-repeat;
  color: #3c4183;
}

#paiement{
  margin-top:3px;
  line-height: 11px;
  height:11px;
  color: #000a8b;
  font-family: Arial;
  font-size: 9px;
}

#descriptionOeuvre{
  padding: 0 21px;
  margin-top: 20px;
  color: #000a8b;
  font-family: Arial;
  font-size: 10px;
  text-align: justify;
}

#encartPack{
  margin-top:15px;
  text-align: center;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #202b7d;
}

#texte table{
  color: #FFFFFF;
  font-family: Arial;
  font-size: 12px;
}

#numPage {
  padding-right:35px;
  text-align:center;
  width:75px;
}

#numPage form.left {
  float:left;
}

#numPage form.left input {
  background:url("../images/prev.png") no-repeat scroll left top transparent;
  border:medium none;
  cursor:pointer;
  height:16px;
  width:16px;
}

#numPage span {
  display:block;
  float:left;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  padding:1px 0 0;
  text-align:center;
  width:40px;
}

#numPage form.right {
  float:right;
}

#numPage form.right input {
  background:url("../images/next.png") no-repeat scroll left top transparent;
  border:medium none;
  cursor:pointer;
  height:16px;
  width:16px;
}

.signatureLivreOr{
  font-style: italic;
  color: #BBBBBB;
}

textarea.message2 {
  height:150px;
  width:500px;
  font-family: Arial;
  font-size: 12px;
  background-color: #333333;
  border: 1px solid #666666;
  color: #FFFFFF;
}

table input.pseudo{
  background-color: #333333;
  border: 1px solid #666666;
  color: #FFFFFF;
}


table a{
  color: #FFFFFF;
}

#texte a{
  color: #FFFFFF;
}

#siteMap a{
  text-decoration: none;
}

#siteMap a:hover{
  text-decoration: underline;
}

h3{
  font-size: 16px;
}

h4{
  font-size: 12px;
}

.clearStyle{
  clear:both;
  display:block;
  height: 1%;
  font-size: 1px;
  line-height: 0px;
}