@charset "utf-8";





body {margin: 0; background-color: #000; width: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; background-image: url(../images/fond_1920x1200_3.jpg); background-position: top left; background-repeat: no-repeat;}





a, a:visited {text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333;}





a:hover {color: #f9e000;}





#contenerOmbre {width: 920px; position: absolute; left: 50%; margin-left: -460px; top:0;/* moitié de la largeur */ background-image: url(../images/fondombre.png); background-position: top; background-repeat: repeat-y; padding-bottom: 20px;}





.contener {width: 900px; height: auto; margin-left: 11px;}



/* MENU HAUT ------------------------------- */





.bandeauMenu {margin-top: 1px; height: 270px; background-position: top left; background-repeat: no-repeat;}





.logo {position: absolute; float: left; left: 26px; top: 14px;}





.Menu {width: 899px; height: 71px; float: left; margin-top: 198px; background-image: url(../images/fondmenu.png);}





.recherche {margin-top: -6px; margin-left: 6px;}





.champsTxt {float: left; border: 1px solid #cccccc; vertical-align: middle; padding: 4px 0 4px 3px; margin-left:712px; margin-top:9px;}





.btn_ok {float: right; position:absolute; margin-top: 5px; right:6px;}





.menuLi {float: left; margin-left: 0px; margin-top: 9px; margin-right: 2px; margin-left:4px;}

.Menu li {display: inline; margin-left: 16px; padding-top:20px}





.Menu li a, a:hover {text-decoration: none; border: 0;}





.btn_texte { float:right; margin-top: 26px; margin-left:540px; position:absolute;margin-right:10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; }

.btn_texte td { border:1px #EEE solid; padding: 4px 3px 2px 4px; background-color:#CCC; margin-left:20px;}



.btn_texte li  a, a:visited { text-decoration: none; }





.btn_texte a:hover {color: #000000;}







 



.contact {float: right; margin-right: 6px; margin-top: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333;}





.contact a:hover {color: #FF9933;} /* HOME COVERFLOW ------------------------------- */





.coverflow {width: 900px; height: 306px; background-color: #CCCCCC;} /* HOME BLOCK ------------------------------- */





.contenerBlock {width: 900px; margin-top: 6px;}





.block_bd {float: left; width: 296px; height: 236px; background-image: url(../images/block_bd.png); margin-left: 6px;}





#block_dvd {float: left; width: 296px; height: 236px; background-image: url(../images/block_dvd.png);}





.pochetteDvdHome {float: left; margin-top: -138px; margin-left: 18px;}





.txtDvdHome {float: left; margin-top: 68px; margin-left: 18px; width: 156px; padding: 5px; overflow: none;}





.block_livres {float: left; width: 296px; height: 236px; background-image: url(../images/block_livres.png);}





.block_evenement {float: left; width: 296px; height: 236px; background-image: url(../images/block_evenement.png); margin-left: 6px;}
.evenementIMG {margin-top: 50px; margin-left: 24px; margin-bottom:6px;}

.block_evenement a {border: none; text-decoration: none;}



.block_pub {float: left; width: 296px; height: 236px;}



.block_video {float: left; width: 296px; height: 236px; background-image: url(../images/block_reservation.png); }

.block_video img {margin-top:5px; padding-left:8px;}



.lien_voir  {float: right;  margin-right: 18px; margin-top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; margin-left: 10px;} 

.lien_voir a {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: underline; } 







/* PAGE BD ----------------------------------------------------- */

.bandeauMenuBd {margin-top: 1px; height: 270px; background-position: top left; background-repeat: no-repeat;}





.coverflowDetails {width: 900px; height: 258px; background-color: #CCCCCC;}



.voirVideo { float:right; position:absolute; top:630px;}
.reservation { float:right;  top:540px; left:740px; color:#000; text-align:center;  position:absolute;}
.reservation2 { float:right;  top:580px; left:740px; color:#000; text-align:center;  position:absolute;}





/*#block_details2 {float: left; width: 320px; height: 526px; background-color: #848484; margin-left: 6px; margin-top: 6px; margin-bottom: 10px;}*/





table.details1 {width: 528px; margin-left: 10px; margin-top: 8px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1;}





table.details1 img#couv {border: 1px solid #ffffff;}





.ajouterPanier a{float: left; width: 124px; height: 20px; margin: 6px 6px 0 0; background-color: #8F8F8F; border: 1px solid #747474; background-image: url(../images/caddie.png); color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 5px 0 0 26px; background-position: left; background-repeat: no-repeat; text-align: left; vertical-align: middle;}





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











.titre {float: right; width: 350px; margin: -20px -2px 0 0; background-color: #8F8F8F; border: 1px solid #747474; padding: 1px 8px 2px 10px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 18px; font-weight: bold;}





.txtBD {text-align: justify; padding-right: 2px; padding-top: 15px; font-weight: bold; font-style: italic;}





#contenerOffres {height: 82px; width: 534px; background-color: #7E7E7E; margin: 10px 0 6px 0;}





.titreOffres {background-color: #787878; height: 18px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 14px; padding-left: 6px; padding-top: 1px; color: #F9E000; font-weight: bold;}





.txtOffres {color: #FFFFFF; font-size: 12px; text-align: center; padding: 6px 10px;}





.titreSynopsys {heigth: 38px; width: 319px; margin: 0px 0px; background-color: #8F8F8F; padding: 5px 0; border: 1px solid #747474;}





.txtSynopsys {width: 300px; margin: 2px; padding: 8px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; text-align: justify;}





.planches {margin-left: 200px; margin-top: 6px; float: left; margin-bottom: 6px;}





.lienPlanches a {color: #FFFFFF; margin-top: -4px; margin-right:4px;font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding: 0 0 0 10px; text-decoration: underline; background-image: url(../images/petite_fleche_jaune.png); background-position: left; background-repeat: no-repeat; text-align: center;}





.video {margin-left: 26px; margin-top: 20px; float: left; border: 0;}





.video img a{border: 0; text-decoration: none;}





.contactAdr {margin-top: 26px; font-weight: bold; font-style: italic;}





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





.prix {color: #f9e000; font-size: 13px;}



 /* PAGE TOUT BD ----------------------------------------------------- */

.vignette_tout_bd {float: left; border: 1px solid #ffffff; margin: 6px;}





.block_details_tout {margin-top: 6px; margin-left: 10px; width: 870px; /*height: 526px;*/ background-color: #666666;}



 /* PAGE PANIER ----------------------------------------------------- */

.panier {color: #f9e000; font-size: 13px;}

 

 

  /* PAGE RESULTAT ----------------------------------------------------- */

.vignetteResultat li { padding-right:14px; margin-top:8px; display:inline; list-style:none; list-style-type:none;}

.vignetteResultat img {border:1px solid #FFF;}





  /* PAGE LIVRES ----------------------------------------------------- */

.titreLivres {width: 96%; margin: 10px 2px; background-color: #8F8F8F; border: 1px solid #747474; padding: 1px 8px 2px 10px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 18px; font-weight: bold;}

  

.titreResultat { font-size:14px; color:#FFF; padding:10px 0 10px 4px;}

.block_detailsLivres {float: left; margin-top: 6px; margin-left: 4px; width: 552px; /*height: 526px;*/ background-color: #848484;}



/* PAGE DVD ----------------------------------------------------- */

.titreDVD {float: right; width: 350px; margin: 0px -2px 0 0; background-color: #8F8F8F; border: 1px solid #747474; padding: 1px 8px 2px 10px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 18px; font-weight: bold;}



/* PAGE POSTER ----------------------------------------------------- */

.block_details_toutPoster{margin-top: 6px; margin-left: 10px; /*height: 526px;*/ background-color: #666666;}

.titrePoster { margin: 10px 2px; background-color: #8F8F8F; border: 1px solid #747474; padding: 1px 8px 2px 10px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 18px; font-weight: bold;}



/* PAGE FORMULAIRE ----------------------------------------------------- */

.errorMessage {color: red;}









/* NOUVELLE PAGE ----------------------------------------------------- */

#block_details1 {float: left; margin-top: 6px; margin-left: 10px; width: 880px; background-color: #A1A1A1; border: 1px solid #cccccc; padding-bottom:0px;}







#block_details1 .vignette {height: 210px; margin: 16px 6px 6px 14px; width:156px; float:left;}

#block_details1 .entete { width:678px;  margin: 4px 14px 6px 0px; float:left;}



#block_details1 img#couv {border: 1px solid #ffffff;}



#block_details1 h1 { text-align: center; font-family: Arial; font-size: 30px; color: #F8DF00; font-weight: bold; margin: 0; text-transform: uppercase;}

#block_details1 h2 { text-align: center; font-family: Arial; font-size: 15px; color: #FFFFFF; font-weight: normal;margin-top: -2px;}

#block_details1 p  { text-align: left; font-family: Arial; font-size: 12px; color: #333333; font-weight: normal;margin-top: 0px; padding-bottom: 4px;}

#block_details1 p span { color: #FFFFFF; font-weight: bold;}

#block_details1 .espacementH {margin-bottom: 0px; height: 12px;}



#block_details1 .premierPrix  { text-align: left; font-family: Arial; font-size: 12px; color: #ffffff; font-weight: normal; margin-top:10px; }

#block_details1 .premierPrix .cadre   { text-align: left; font-family: Arial; font-size: 16px; color: #F8DF00; font-weight: bold; background-color: #5C5C5C; padding: 3px 5px 2px 4px; margin-bottom:4px;}



#block_details1 .deuxiemePrix  { text-align: left; font-family: Arial; font-size: 12px; color: #ffffff; font-weight: normal;  }



#block_details1 .premierPrix  img { margin-left:1px;}

#block_details1 .voirPanier a {margin: 0 0 0 14px; height: 20px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding: 6px 0 0 10px; text-decoration: underline; background-image: url(../images/petite_fleche_jaune.png); background-position: 0px 10px; background-repeat: no-repeat; }



#block_details1 .separation {margin-top: 6px; border: 1px solid #ffffff;}



#block_details1 .textTitre { float:right;width:840px; margin: 6px 6px 0px 0px; border-top: 1px solid #ffffff; padding: 6px 12px 8px 0; text-align: justify; font-family: Arial; font-size: 13px; color: #FFFFFF; font-weight: normal; font-style: italic;}





#block_details2 {float: left; margin-top: 6px; margin-left: 10px; width: 880px; background-color: #4F4F4F; border: 1px solid #cccccc;}

#block_details2 .resume { width: 692px; margin: 0 0 0 12px;}

#block_details2 .imgResume {margin: 14px 0 14px 6px; }

#block_details2 .resume h1{font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; padding-bottom:5px;}

#block_details2 .resume p{font-family: Arial; font-size: 12px; color: #ffffff; margin-top: -6px; }





#block_details2 .voirPlanches { float:right; margin: 16px 5px;}

#block_details2 .voirPages { float:right; margin: 5px 8px;}





 /* NOUVELLE PAGE 2 ----------------------------------------------------- */



#block_details1Livres2 {float: left; margin-top: 6px; margin-left: 10px; width: 880px; background-color: #A1A1A1; border: 1px solid #cccccc; padding-bottom:4px;}



#block_details2Livres2 .voirPlanches { float:right; margin: 16px 5px;}



#block_details1Livres2 .vignette {float: left;  margin: 10px 6px 6px 14px;}

#block_details1Livres2 .entete {float: left; width:370px; margin: 4px 14px 6px 0px;}



#block_details1Livres2 img#couv {border: 1px solid #ffffff;}



#block_details1Livres2 h1 { text-align: center; font-family: Arial; font-size: 30px; color: #F8DF00; font-weight: bold; margin: 0;  text-transform:capitalize;}

#block_details1Livres2 h2 { text-align: center; font-family: Arial; font-size: 13px; color: #FFFFFF; font-weight: normal;margin-top: -2px;}

#block_details1Livres2 p  { text-align: left; font-family: Arial; font-size: 12px; color: #333333; font-weight: normal;margin-top: 0px;}

#block_details1Livres2 p span { color: #FFFFFF; font-weight: bold;}

#block_details1Livres2 .espacementH {margin-bottom: 0px; height: 8px;}



#block_details1Livres2 .premierPrix  { text-align: left; font-family: Arial; font-size: 12px; color: #ffffff; font-weight: normal;}

#block_details1Livres2 .premierPrix .cadre   { text-align: left; font-family: Arial; font-size: 16px; color: #F8DF00; font-weight: bold; background-color: #5C5C5C; padding: 3px 5px 2px 4px;}



#block_details1Livres2 .deuxiemePrix  { text-align: left; font-family: Arial; font-size: 12px; color: #ffffff; font-weight: normal; margin-left: 40px; }



#block_details1Livres2 .premierPrix  img { margin-left:1px;}

#block_details1Livres2 .voirPanier a {margin: 0 0 0 14px; height: 20px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding: 6px 0 0 10px; text-decoration: underline; background-image: url(../images/petite_fleche_jaune.png); background-position: 0px 10px; background-repeat: no-repeat; }



#block_details1Livres2 .separation {margin-top: 6px; border: 1px solid #ffffff;}



#block_details1Livres2 .textTitre {float: left; width:840px; margin: 6px 6px 6px 14px; border-top: 1px solid #ffffff; padding: 6px 6px 4px 0; text-align: justify; font-family: Arial; font-size: 13px; color: #FFFFFF; font-weight: normal; font-style: italic;}





 /* NOUVELLE PAGE 3 ----------------------------------------------------- */



#block_details1Livres3 {float: left; margin-top: 6px; margin-left: 10px; width: 880px; background-color: #A1A1A1; border: 1px solid #cccccc; padding-bottom:4px;}



#block_details2Livres3 .voirPlanches { float:right; margin: 16px 5px;}



#block_details1Livres3 .vignette {float: left;  margin: 10px 6px 6px 14px;}

#block_details1Livres3 .entete {float: left; width:560px;  height: 210px; margin: 4px 14px 6px 0px;}



#block_details1Livres3 img#couv {border: 1px solid #ffffff;}



#block_details1Livres3 h1 { text-align: center; font-family: Arial; font-size: 30px; color: #F8DF00; font-weight: bold; margin: 0;  text-transform:capitalize;}

#block_details1Livres3 h2 { text-align: center; font-family: Arial; font-size: 13px; color: #FFFFFF; font-weight: normal;margin-top: -2px;}

#block_details1Livres3 p  { text-align: left; font-family: Arial; font-size: 12px; color: #333333; font-weight: normal;margin-top: 4px;}

#block_details1Livres3 p span { color: #FFFFFF; font-weight: bold;}

#block_details1Livres3 .espacementH {margin-bottom: 0px; height: 8px;}



#block_details1Livres3 .premierPrix  { text-align: left; font-family: Arial; font-size: 12px; color: #ffffff; font-weight: normal;}

#block_details1Livres3 .premierPrix .cadre   { text-align: left; font-family: Arial; font-size: 16px; color: #F8DF00; font-weight: bold; background-color: #5C5C5C; padding: 3px 5px 2px 4px;}



#block_details1Livres3 .deuxiemePrix  { text-align: left; font-family: Arial; font-size: 12px; color: #ffffff; font-weight: normal; margin-left: 40px; }



#block_details1Livres3 .premierPrix  img { margin-left:1px;}

#block_details1Livres3 .voirPanier a {margin: 2px 0 0 14px; height: 20px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding: 6px 0 0 10px; text-decoration: underline; background-image: url(../images/petite_fleche_jaune.png); background-position: 0px 10px; background-repeat: no-repeat; }



#block_details1Livres3 .separation {margin-top: 6px; border: 1px solid #ffffff;}



#block_details1Livres3 .textTitre {float: left; width:846px; margin: 6px 6px 6px 14px; border-top: 1px solid #ffffff; padding: 6px 6px 4px 0; text-align: justify; font-family: Arial; font-size: 13px; color: #FFFFFF; font-weight: normal; font-style: italic;}







 /* DVD  ----------------------------------------------------- */

.sommaireDvd { float:left; width:350px; margin: 9px 11px; }

.sommaireDvd p { text-align: left; font-family: Arial; font-size: 12px; color: #FFF; font-weight: normal;margin-top: 16px;padding-left:4px;}



.techDvd	{ float:left; width:200px; margin: 4px 4px 4px 30px;}

.techDvd  p { text-align: left; font-family: Arial; font-size: 12px; color: #FFF; font-weight: normal;margin-top: 16px; padding-left:6px;}



#block_detailsPoster {float: left; margin-top: 6px; margin-left: 10px; width: 880px; background-color: #A1A1A1; border: 1px solid #cccccc; padding-bottom:4px;}





#block_detailsPoster .vignette {float: left;  margin: 10px 6px 6px 14px;}

#block_detailsPoster .entete {float: left; width:430px;  height: 220px; margin: 10px 14px 16px 0px;}



#block_detailsPoster img#couv {border: 2px solid #ffffff;}



#block_detailsPoster h1 { text-align: center; font-family: Arial; font-size: 30px; color: #F8DF00; font-weight: bold; margin: 0;  text-transform:capitalize;}

#block_detailsPoster h2 { text-align: center; font-family: Arial; font-size: 13px; color: #FFFFFF; font-weight: normal;margin-top: 20px;}

#block_detailsPoster p  { text-align: left; font-family: Arial; font-size: 12px; color: #333333; font-weight: normal;margin-bottom: 4px;}

#block_detailsPoster p span { color: #FFFFFF; font-weight: bold;}

#block_detailsPoster .espacementH {margin-bottom: 0px; height: 8px;}



#block_detailsPoster .premierPrix  { text-align: left; font-family: Arial; font-size: 12px; color: #ffffff; font-weight: normal; margin-top:16px;}

#block_detailsPoster .premierPrix .cadre   { text-align: left; font-family: Arial; font-size: 16px; color: #F8DF00; font-weight: bold; background-color: #5C5C5C; padding: 3px 5px 2px 4px;}



#block_detailsPoster .deuxiemePrix  { text-align: left; font-family: Arial; font-size: 12px; color: #ffffff; font-weight: normal; margin-left: 40px; }



#block_detailsPoster .premierPrix  img { margin-left:1px;}

#block_detailsPoster .voirPanier a {margin: 0 0 0 14px; height: 20px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding: 6px 0 0 10px; text-decoration: underline; background-image: url(../images/petite_fleche_jaune.png); background-position: 0px 10px; background-repeat: no-repeat; }



#block_detailsPoster .separation {margin-top: 6px; border: 1px solid #ffffff;}



#block_detailsPoster .textTitre {float: left; width:846px; margin: 6px 6px 6px 14px; border-top: 1px solid #ffffff; padding: 6px 6px 4px 0; text-align: justify; font-family: Arial; font-size: 13px; color: #FFFFFF; font-weight: normal; font-style: italic;}









 /* PANIER  ----------------------------------------------------- */

.panier { font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #FF0; padding-left:4px;}

.panierProduit { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; padding-left:8px;}

.panierPrix { font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #FFF; padding-left:4px;}

.recalculer { font-family:Arial, Helvetica, sans-serif; font-size:12px;}



.tableauPanier {border:1px solid #000;}

.tableauPanier td {border-right:1px solid #000;}

.commentaire {font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #FFF; padding-left:4px; height:120px; top :4px; text-align:center; margin-bottom:156px;}

.commentaire p {padding:6px 12px; background-color: #999;color: #FFF; font-weight:bold;}



form {font-family: Arial, Helvetica, sans-serif;}



.UpperCase{text-transform: uppercase}