@charset "utf-8";
/* CSS Document */

/* disposition des éléments de la pages */

body { width:950px ; margin:auto ; padding-top:15px; font-family:Arial, Helvetica, sans-serif; }
#header {margin-left:25px; position:relative;}
#banniere {height:400px}
#contenu {position:relative;padding-top:30px;}

#contenu #coldroite {position:relative; margin-left:480px; width:465px; font-size:12px}
#contenu #colgauche {float:left; font-size:12px ;width:465px;}

#contenu #coldroite2 {float:right; width:256px; font-size:12px;}
#contenu #colgauche2 {margin-right:305px; font-size:12px ;}
#bannierebas, #bannierebas_panier {height:100px; margin-top:30px;}

#contenu #coldroite3 {margin-left:700px; width:250px; font-size:12px}
#contenu #colgauche3 {float:left; font-size:12px ;width:645px;} 



/* éléments de base */

a img {border:none;}
a , a:visited {text-decoration:none; color:#3366FF;}
a:hover {text-decoration:none; color:#0099FF }
.petitlien {font-size:11px}
table tr {vertical-align:top} 

.inner10 { background: #FFFFFF }
.outer10 { background:#CCCCCC; padding:2px }
.innergris { background:#EEEEEE }
.outergris { background:#CCCCCC; padding:2px 0px 2px 2px; }

.bardega {position:absolute; bottom:0px; left:0px;}
.titre {position:absolute; font-weight:800}
.picto {position:relative; top:2px; padding-right:8px;}

.titre_gros {font-size:44px; font-weight:900; text-transform:uppercase;}
.titre_normal {font-size:18px; font-weight:900;}
.titre_petit {font-size:14px; font-weight:700;}
.corpsgras, .texte_important {font-size:12px; font-weight:700;}
.corpsnormal, .texte_normal {font-size:12px; }
.corpstexte, .texte_petit {font-size:10px;}
#titre_films_petit {width:100%; font-size:24px; font-weight:900; text-transform:uppercase; position:relative; font-family: sans-serif; margin-bottom:20px;}


/* MENU */

#logobodega {float:left; }
#header ul li {display:inline;}
#texte_menus {text-align:right;}
#texte_menus #petit_menu , #texte_menus #menu_recherche {text-transform:uppercase;font-size:9px;}
#texte_menus #gros_menu {font-size:18px;padding-top:25px;}
#texte_menus #gros_menu li , #texte_menus #gros_menu2 li {padding-left:100px;}
#texte_menus #gros_menu2 {font-size:18px;padding-top:80px;}


/*INDEX*/
#titre_newsletter, #titre_actus {font-weight:bolder; color:#999999; position:relative; right:20px; top:5px; font-size:15px; text-align:right; height:18px}
#index_newsletter {  padding:15px 10px 15px 10px;  }
#index_newsletter input {margin-left:2px;}

#index_actus {padding:15px 20px 15px 20px; text-align:right;}

#titre_salles {font-weight:bolder; color:#999999; position:relative; right:30px; top:5px; font-size:15px; text-align:right; z-index:1000; }
#index_affiches {position:relative; height:200px}
#index_affiches #slider { margin:auto; height:200px }
#index_affiches #slider ul , #slider li { margin:0; padding:0; list-style:none; }
#index_affiches #slider , #affiches #slider li { width:200px; height:300px; overflow:hidden; }
#prevBtn { font-size:32px; position:absolute; top:150px; left:0px; }
#nextBtn { position:absolute; top:150px;right:0px; font-size:32px; }

#titre_dvd, #titre_videos {font-weight:bolder; color:#999999; position:relative; left:10px; top:5px; font-size:15px}
#index_dvd { position:relative; width:640px; overflow:hidden }
#index_dvd #slider_dvd ul, #slider_dvd li{ margin:0; padding:0; list-style:none;}
#index_dvd #slider_dvd, #index_dvd #slider_dvd li{ width:640px; height:130px; overflow:hidden; }
#index_dvd .visuel_dvd {margin:12px 51px 0px 9px; text-align:center; color:#3366FF}
#index_dvd .visuel_dvd img {margin:auto}
#prevBtn2 { font-size:32px; position:absolute; top:55px; left:15px; }
#nextBtn2 { font-size:32px; position:absolute; top:55px; right:15px; }
.bandeau_new_dvd { position:relative; bottom:40px; opacity:0.7; color:#000000; font-size:10px; text-align:center; width:60px; padding:2px 0px 2px 0px; font-weight:bold }

#video { width:640px; position:relative; min-height:400px;}
#video_choix { width:210px; position:absolute; left:0px; top:0px; }
#video_titre { padding:10px 20px 0px 10px; text-transform:lowercase; font-weight:bold }
#video_description { padding:0px 20px 10px 10px; font-size:10px; }
#video_reste { padding:10px 10px 10px 10px; font-size:11px; }
.dvideo { margin-top:2px;}
#video_flash { width:430px;height:345px;background-color:#000000;}

#pave_pub { padding:2px 2px 2px 2px; border:1px solid #999999; position:relative;right:2px; margin-top:50px; }
#pub_horiz { position:absolute; top:-15px; right:0px;padding:2px 2px 2px 2px ; border:1px solid #CCCCCC }
.com_pub {font-size:9px; color:#999999; position:relative; top:52px;}

#social {margin-bottom:20px; margin-top:-10px;}
#social_twitter_outer {float:left ; width:315px; height:68px }
#social_twitter_inner {height:64px ; padding:2px;}
#social_facebook_outer {margin-left:325px; height:68px; width:315px }
#social_facebook_inner { height:64px ; padding:2px }
#twitter_texte {padding:14px 10px 20px 15px; margin-left:64px; font-size:13px; font-weight:bold;text-align:center }
#social_twitter_outer a { color:#66CCFF }
#social_twitter_outer a:hover { color:#3399FF }
#facebook_texte {padding:10px 10px 15px 15px; margin-right:64px; text-align:center; }
#facebook_texte a {}

/*FICHE FILM*/

#page {z-index:-100}
#contenu_fiche {padding-top:15px;  }
#coldroite_fiche {float:right; width:450px; font-size:12px; text-align:left; }
#coldroite_contenu {margin-top:20px;}
#colgauche_fiche {margin-right:485px; width: 465px; font-size:12px }
#visuels {margin-top:20px; width: 950px;}
/*#visuels #visuel2 {float:left;}*/
#visuel2 {margin-top:20px;}

#visuels #visuel3 {margin-left:475px;}
#conteneur_grande_affiche { padding:3px; position:absolute; top:200px ; left:50%; top:50%; margin-left:-275px; z-index:400; visibility:visible}
#conteneur_grande_affiche_inner {   width:550px; background-color:#FFFFFF; padding:10px; z-index:500; min-height:300px;}

#conteneur_grande_image{ padding:3px; position:absolute ; left:50%; top:50%; margin-top:-125px; margin-left:-275px; z-index:400}
#rep_newsletter { padding:3px; position:fixed ; left:50%; top:50%; margin-top:-150px; margin-left:-275px; z-index:400}
#conteneur_grande_image_inner {  width:550px; background-color:#FFFFFF; padding:10px; z-index:500; min-height:300px;}
#rep_newsletter_inner {  width:550px; background-color:#FFFFFF; padding:10px; z-index:500; min-height:100px;}


#image_chargement { position:absolute; top:12px; left:15px; z-index:400 }
#grande_image, #grande_affiche { z-index:502 ; }




/*GAUCHE*/
#titre_films { font-size:32px; font-weight:900; text-transform:uppercase; position:relative; font-family: sans-serif; margin-bottom:20px;}
#details_films {font-weight:900 ; margin-bottom:10px; margin-top:0px}
#liens {font-size:11px; ; margin-top:10px; margin-bottom:15px }
.pictopartage {filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8; }
.pictopartage:hover {filter:alpha(opacity=100);opacity:1;-moz-opacity:1; }
.picto {position:relative; top:2px;}
#partage {min-height:25px; margin-right:250px;}


/*DROITE*/
#titre_menu_categs { margin-bottom:-4px;margin-right:10px; color:#CCCCCC; font-size:12px; font-weight:bold; text-align:right;}
/*#menu_categs_outer{margin:0px 0px 30px 0px; background-color:#CCCCCC;padding:2px}*/
#menu_categs_inner{text-align:right; font-weight:800; background-color:#FFFFFF; }

/*apropos*/
#apropos {font-style:italic; text-indent:15px ; text-align:right;}

/*presse*/
#presse {font-style:italic; text-align:right;}

/*actus*/
#film_actus {text-align:right ; position:relative; width:300px; margin-left:150px;}
.film_une_actu {position:absolute; top:0px;}

/*dvd*/
#fiche_dvd {width:450px; font-size:12px ; min-height:100px; margin-bottom:10px; padding: 15px 15px 15px 15px; }
.exemplaire_dvd {min-height:90px; overflow:hidden}
.exemplaire_dvd .details_dvd {margin-right:100px;}

#dvd_unique {width:400px; margin-left:50px;}
#dvd_unique #bonus_dvd { margin-top:15px;}


.achat_inner img {margin-top:5px;}
.bonus { font-size:10px; text-align:justify ; margin-right:10px;}
.visuel_dvd { float:right ; margin-left:10px; }
.achat_outer {float:right ;  padding:1px ; margin:0px 10px 0px 10px; width:50px; background-color:#3366FF;}
.achat_outer:hover {background-color:#0099FF }
.achat_inner {text-align:center; background-color:#FFFFFF; padding:3px}

.ajout_panier { position:fixed; top:155px ; left:50%; top:50%; margin-top:-75px; margin-left:-150px; z-index:5; padding:3px; background-color:#999999 }
.ajout_panier_inner { background-color:#FFFFFF; padding: 20px; font-size:12px; }

/*fiche*/
#affiche_fiche img {float:left; margin-left:75px; width:150px; padding:3px 3px 3px 3px; border-style:solid; border-width: 1px; border-color:#999999}
#fiche_technique {margin-top:10px;}
#fiches_art_tech {font-size:10px; min-height:225px; margin-left:270px; text-align:right; width:180px;}
.perso {font-style:italic}
/*.perso , .role {text-align:right}
.perso , .role {width:100px;}
.staff  , .acteur {width: 150px;}*/

/*pro*/
#pro {float:right; text-align:right ; margin-top:-15px; }
#pro ul {list-style:none; margin-left:-20px }
#pro li {margin-bottom:10px;}
#pro #impresse {position:relative; bottom:3px;}
#pro .picto {position:relative; top:5px; }
.img_pro {padding:2px; border:1px #CCCCCC solid; ; margin-left:20px }

#div_lien_site , #div_id_pro{ position:fixed; top:155px ; left:50%; top:50%; margin-top:-75px; margin-left:-250px; z-index:5; padding:3px; background-color:#999999; width:500px }
#div_lien_site_inner, #div_id_pro_inner { background-color:#FFFFFF; padding: 20px; font-size:12px; }





/*catalogue*/

#version2 #contenu #horiz1 {position:relative;}
#version2 #contenu #horiz1 #recherche_catalogue { min-height:180px; padding:20px 10px 0px 10px;  text-align:right; }
#version2 #contenu #horiz1 #toustitres , #version2 #contenu #horiz1 #touspays , #version2 #contenu #horiz1 #tousreals ,#tousthemes {position:absolute; top:10px; left:0px ; width:645px; font-size:11px; margin-top:0px}
.un_theme img { padding:1px; border : solid 1px #999999;}
#version2 #contenu #horiz2 {position:relative; width:950px; margin-top:-5px; border-top:solid 1px #999999; padding-top:10px; }
#version2 #contenu #horiz2 #affiches_catalogue {position:relative; margin-top:20px}
#version2 #contenu #horiz2 #affiches_catalogue .resultat_catalogue {float:left; width:200px; margin: 0px 15px 0px 15px; min-height:290px; text-align:center}
#version2 #contenu #horiz2 #affiches_catalogue .resultat_catalogue img { padding:3px 3px 3px 3px; border-style:solid; border-width: 1px; border-color:#999999 }
#version2 #contenu #horiz2 #affiches_catalogue #resultat_catalogue_unique img { padding:3px 3px 3px 3px; border-style:solid; border-width: 1px; border-color:#999999 }
.titre_rech {font-size:12px; font-weight:900; }
.titre_resultats {font-size:12px; font-weight:900; font-style:italic}
#pave_recherche { padding:10px; }
#tele_catalogue { font-size :11px; margin-top:15px; }
#tele_catalogue img { float:left; margin-right:5px; margin-top:2px; }





/*pro*/
#identification_pro { margin: 40px 0px 0px 40px; width:160px;}
#demande_pro {text-align:right; font-size:10px;}
#demande_pro td { vertical-align:bottom;}

/*recherche*/
.resultat_recherche {position:relative; min-height:110px; margin-top:20px; margin-bottom:10px; }
.resultat_recherche .resume_rech {font-size:10px ; margin-top:8px}
.resultat_recherche img {float:left ; padding:3px 3px 3px 3px; border-style:solid; border-width: 1px; border-color:#999999;}
.resultat_recherche .texte_rech {margin-left:100px;}
.resultat_recherche_actu {}

/*actus*/

#tactus, #afilms {font-weight:bolder; color:#999999; position:relative; right:20px; top:5px; font-size:15px; text-align:right; height:18px}
#liste_actus, #liste_films_actus {font-size:11px ; text-align:right; padding:15px 15px 0px 15px }
#liste_films_actus { text-align:center ; }
#actus_choix_films img { padding:1px; border:1px solid #999999 ; }
.toutes_actus {line-height:15px;}
.actus_uneactu { margin-top:40px; }
.actus_uneactu .titre_actu {font-size:15px; font-weight:bold; margin-bottom:15px};
.actus_uneactu .contenu_actu {position:relative;}
.actus_uneactu .contenu_actu img { margin-bottom:8px;}
.actus_uneactu .actu_affiche { float:left; padding:3px 3px 3px 3px; border-style:solid; border-width: 1px; border-color:#999999; margin-right: 20px}
.actus_uneactu .actu_image { padding:3px 3px 3px 3px; border-style:solid; border-width: 1px; border-color:#999999; margin-right: 20px; }
.actus_uneactu .resume_actu {font-size:10px;}
.actus_uneactu .liens_actu {text-align:right; font-size:11px; margin-top:10px;}
.actus_uneactu .publi {color:#999999; margin-top:-15px; margin-bottom:7px; text-transform:uppercase; font-size:11px }
#tele_lineup { margin-top:-10px; padding-bottom:10px; width:150px; margin:auto;}
#tele_lineup img { float:left ; margin-top:-7px; border:none }



/*newsletter*/
#inscription_newsletter {margin-top:10px;margin-bottom:20px;}

/* COMMANDES */
#adresse_livraison , #adresse_facturation {font-size:10px; }
#adresse_livraison p , #adresse_facturation p {height:15px; }
.panier th , .panier td {text-align:left;}
.panier th {padding-bottom:10px;}
.exemplaire_dvd {vertical-align:middle; padding:5px 0px 5px 0px; text-align:left}
.exemplaire_dvd img {margin-right:25px;}
.panier {}
#bannierebas_panier { margin-top:100px; }

#oublie { font-size:11px; font-weight:bold;}
#div_oublie { position:fixed; top:155px ; left:50%; top:50%; margin-top:-75px; margin-left:-150px; z-index:5; padding:3px; background-color:#999999; width:300px }
#div_oublie_inner { background-color:#FFFFFF; padding: 20px; font-size:12px; }
#fact_form input, #livr_form input {font-size:10px}

#choix_reglement {position:relative; margin: 20px 20px 0px 360px; padding: 5px 10px 20px 20px; border:1px solid #3399FF; }
#choix_paiement1 {width:100px; float:left; }
#choix_paiement2 {width:100px; margin-left:120px}

.choix_paiement_int {margin-left:30px; margin-top:-15px; }
#impp {margin-left:20px;margin-top:-8px}

/* CONTACTS */
#form_contacts_pub {font-size:11px; width:500px;}




#restez_outer { background-color:#CCCCCC; }
#restez_inner { background-color:#EEEEEE; padding:10px; font-size:11px; }


/*FOOTER*/
#footer { border-top: solid #999999 1px; padding: 15px 0px 20px 0px; font-size:10px; color:#666666; margin-top:50px;}
#footer p {margin-top: 2px;}
#footer a , #footer a visited { color:#666666; }
#footer a:hover { color:#333333 ; }
#bodegagris {float:right; margin-left: 20px;}
#sdi {float:right;}
.picto12 {position:relative; top:2px; padding: 0px 2px 0px 2px;}