html,body {margin:0;padding:0}
body { margin:0 auto 0 auto; width:884px; padding:0; background-image:url(../img/bg_body.gif); background-position:top; background-repeat:repeat-x; background-color:#9c9c9c; font-family:Arial, Helvetica, sans-serif;color:#000;font-size:12px;text-align:left}

a {color:#000; text-decoration:underline}
a img {border: none;}

/* pngfix */
img,div,a,input {
	behavior: url(./css/ressources/iepngfix.htc)
}

/****** infos ******/
#div_infos {background: #aafea1 url(../img/ico_valide.png) no-repeat 6px; padding: 2px 2px 2px 40px; color:#0d9419; text-align:left; border:1px solid #0d9419; font-size:12px; vertical-align:middle; min-height:30px; height:auto !important; height:30px; font-weight:bold;}
#div_info .info_retour {font-size:10px; font-weight:bold; }

.bloc_info_ajout, .bloc_info_update {margin: 5px;}
.bloc_info_code {margin: 5px 140px;}

/****** erreurs ******/
#div_close { position:relative; float:right; top:0; height:30px; width:30px; }
#errorDiv { height:150px; background-color: #FFFFFF; color:#2D195E; text-align:center; border: solid 4px #0188c8; font-size:14px;  min-height:30px; height:auto !important; height:30px; }
.error { background-color: #ff0000!important; color:#fff }

.bloc_error {color:#000; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; text-align:left; vertical-align:middle; background-image:url('../img/ico_error.png'); background-repeat:no-repeat; background-color:#FFCCCC; border:1px solid #F46767; padding: 2px 2px 2px 30px; min-height:30px; height:auto !important; height:30px;}

#error_connexion {margin: 5px 0px;}
#error_inscription {margin: 5px 20px 5px 5px;}
#error_password {margin: 5px 0px;}
#error_compte_infos {margin: 5px 20px 5px 5px;}
#error_cart {}
#error_code {margin: 5px 140px;}

input {outline:none}
.txt10 {font-size:10px;color:#000}
.txt11 {font-size:11px;color:#000}
.txt11grey {font-size:11px; color:#3e3e3e}
.txt14_bold {font-size:14px; font-weight:bold}

/****** blocs ******/
/*#main_div {width:884px; margin:auto; min-height:550px;  height:auto !important;  height:550px; background-color:#fff}*/
#container_home{clear:both ; width:884px; margin:0 auto; min-height:485px; height:auto !important;  background-color:#fff; }
#container{clear:both ; width:884px; margin:0 auto; min-height:485px; height:auto !important;  background-color:#fff; overflow:auto}
#header {width:884px; height:122px; background:url(../img/bg_header.gif) no-repeat}
#content{float:right; width:664px; color:#000; background-color:#fff}
#content_large{clear:both; width:800px; margin:auto; color:#000; background-color:#fff}

/****** HEADER ******/

#degrade{/*height:100px;*/ width:884px;}

#header_logo_flash {float:left; width:110px; height:122px; padding-left:10px}
#header_logo_numericlub {float:left}

#header_disconnect {float:left; margin-top:10px; margin-left:100px; width:200px; height:110px; background:url(../img/bg_connect.png) no-repeat; color:#1d4583;letter-spacing:2px}
#header_disconnect a {color:#1d4583; font-weight:bold;text-decoration: underline}
#header_login { width:150px; margin:35px auto 0px; text-align:center }

#header_connect {float:left; margin-top:10px;  margin-left:100px;  width:200px; height:110px; background:url(../img/bg_disconnect.png) no-repeat }
#header_compte {width:180px; margin: 8px auto; text-align:center}
#header_compte a {color:#000; text-decoration:none}
#header_compte a:hover {color:#000; text-decoration:underline}
#header_cart {width:150px; margin: 25px 0px 0px 20px; line-height:1.5em;}
#header_cart a {color:#000;text-decoration:underline}
.header_cart_points {font-size:14px; font-weight:bold; color:#6e377f}

/****** MAIN MENU HEADER ******/
#menu_haut {width:884px; height:71px;background-color:#1b1b1b }

/****** HOME PAGE ******/
#carrousel {margin:auto; width:870px; height:301px}

#top_container {height:260px; margin-top: 5px; }
#top_container a {color:#000; text-decoration:none }
#top_container a:hover {text-decoration:underline }
#top_films, #top_series, #top_musique, #top_jeux, #top_mobile { float:left; width:168px; height:260px; background:url(../img/bg_tops.gif) no-repeat; margin-left:7px; }
#top_txt_films, #top_txt_series, #top_txt_musique, #top_txt_jeux, #top_txt_mobile { margin:20px auto 0px; width:140px; font-size:11px }
.bientot_dispo {color:#666666}

#pub_bas {clear:both; height:165px; width:870px; margin:auto }
#pub_banniere { float:left; width:500px; height:155px; text-align: center; }
#pub_coeur { float:left; width:335px; height:155px; padding:2px; margin-left: 20px; }
#pub_coeur a { color:#000; text-decoration:none }
#pub_coeur a:hover { text-decoration:underline }

#pub_coeur_title { width:100%; height:20px; background-color:#e1e1e1; padding-left: 10px; margin-bottom: 5px; }
.bann_index {margin-top:12px}
.coeur_title {vertical-align:middle; line-height:20px; font-weight:bold; }
.coeur_visu { float:left; padding: 0px 5px 2px 0px }
.coeur_film {color:#1d4583; font-weight:bold}
.coeur_genre {font-size:11px; color:#666}
.coeur_desc {font-size:11px}

#div_recherche {clear:both; margin:auto; width:884px; height:70px }
#faq_index { float:left; width:175px; height:70px }
#points_index {float:left; width:164px; height:70px}
#rechercher_index { float:left; width:327px; height:42px; background:url(../img/bg_recherche_index.gif) no-repeat; padding-left: 218px; padding-top: 28px; }
.input_rechercher_index {font-size:11px; width:165px; height:18px; outline:none}
#rechercher_index input {vertical-align:middle;}


/****** MENU HEADER ******/
#menu{
width:884px; height:34px;
}



/****** MENU GAUCHE ******/
.separator_menu {height:10px}
#menu_left { margin-left:5px; float:left; width:203px; background-color: #FFFFFF; }
.menu_cat {height:33px; width:203px; background:url(../img/bg_menu_cat.jpg) no-repeat}
.menu_cat_title {vertical-align:middle;line-height:33px; padding-left:18px; font-weight:bold; color:#fff; font-size:14px}
.menu_rubrique_bloc { width:185px; background:url(../img/bg_menu_rubrique.jpg) repeat-y; line-height:1.8em; padding-left: 18px; color:#000; padding-top: 5px; }
.menu_rubrique_all { width:185px; background:url(../img/bg_menu_rubrique.jpg) repeat-y; line-height:1.8em; padding-left: 18px; color:#000}
.menu_rubrique_all a {color:#000;font-size:13px; font-weight:bold;text-decoration:none}
.menu_rubrique_bloc a {color:#333; text-decoration:none}
.menu_rubrique_bloc a:hover, .menu_rubrique_all a:hover {text-decoration:underline}
.menu_rubrique_top {width:203px; height:10px; background:url(../img/bg_top_rubrique.jpg) no-repeat;margin:0; padding: 0}
.menu_rubrique_bottom {width:203px; height:16px; background:url(../img/bg_bottom_rubrique.jpg) no-repeat}
.menu_selectionne {margin-left:30px; color:#666666}

.menu_rubrique_recherche { width:203px; background:url(../img/bg_menu_rubrique.jpg) repeat-y; line-height:1.8em; color:#000; /*padding-top: 5px;*/ }
#mes_criteres {width:191px; margin:auto; background-color:#f7f7f7; padding:5px; text-align:center; border-bottom: 1px solid #d8d8d8;margin-bottom:5px}
#mes_criteres_box {width:170px; margin:auto;text-align:left; line-height:normal}
.criteres_title {color:#1d4583; font-size:11px}
.separator_recherche {margin:5px 0px 5px 0px}
.criteres_detail_title {font-size:14px; font-weight:bold;color:#1d4583; margin-left:20px; cursor: pointer;}
.criteres_detail_title a {color:#5c3266; text-decoration:none}
.liste_genre {margin-left:20px}
.liste_genre a {color:#000;text-decoration:none}
.liste_genre a:hover {text-decoration:underline}
.input_points {width:30px; height:16px; font-size:11px;vertical-align:middle}
.input_points_ok {vertical-align:middle}

#recherche_bloc { width:153px; height:77px; background:url(../img/bg_bloc_recherche.gif) no-repeat; padding-top: 50px; padding-left:50px }
.input_rechercher {width:130px; height:16px; font-size:11px;}
.bouton_rechercher {margin-top:10px; height:22px}

#points_bloc { width:206px; height:100px; background:url(../img/bg_bloc_points2.gif) no-repeat; padding-top: 50px; padding-left:0px; text-align:center; }
#points_bloc a { color:#000; text-decoration:none }
#points_bloc a:hover { color:#000; text-decoration:underline }
.solde_points {font-size:13px}
.nombre_points {font-size:16px; font-weight:bold}
.bouton_points {margin-top:5px}

#div_genres {display:none}
#div_supports {display:none}
#div_points {display:none}

/****** FILMS MOSAIQUE ******/
#banniere_cinema { /*width:660px; height:270px; */padding-bottom:5px }
/* pagination */
#films_bloc_alpha { width:660px; padding-top:2px; text-align:center; font-size: 11px; color:#1d4583 }
#films_bloc_alpha a {display:inline; text-decoration:none; margin-right:0px}
.pagination_alpha_current {margin-right:0px; font-weight:bold;}
.pagination_alpha {color:#666}

#films_nav_pages {width:660px; padding-top:10px; text-align:center; font-size: 11px; color:#999 }
#films_nav_pages a {display:inline; text-decoration:none; margin-right:25px;color:#1d4583}
.nav_pages_current { margin-right:180px; margin-left:180px;color:#1d4583 }

#films_nav_pages_bas { width:660px; padding-top:10px; text-align:center; font-size: 11px; color:#999; padding-bottom: 20px; }
#films_nav_pages_bas a {display:inline; text-decoration:none; margin-right:25px;color:#1d4583}
.nav_pages_current { margin-right:180px; margin-left:180px;color:#1d4583 }

/* blocs films */
.films_mosaique {float:left; width:152px; height: 200px; margin:5px 5px 5px}
.films_mosaique a {text-decoration:none}
.films_dispo {float:left;width:40px; height:195px; text-align:right}
.film_img {margin-bottom:10px}
.films_content {/*float:left;*/ text-align:center}
.films_tmb {text-align:center; display:inline-block; width:100px; height:200px; overflow:hidden;}
.film_title {font-weight:bold; color:#1d4583;font-size:11px}
.film_genre {font-size:11px; color:#666}

/****** DETAILS -FILMS- ******/
#retour_catalogue {float:right}
#details_colonne_gauche {float:left; width:175px;margin-top:5px}
#details_colonne_droite {float:left;margin-top:5px;width:480px}
#details_bloc {margin-left:10px;color:#000}

.detail_title {color:#1d4583;font-size:18px;font-weight:bold}
.detail_genre {color:#666}
.detail_infos {font-size:11px; color:#666}

.detail_dispo_bloc {float:left;background:url(../img/bg_dispo.gif) no-repeat;width:50px; height:38px;margin:2px;text-align:center; padding-top:3px;/*cursor:pointer*/}
.detail_dispo_bloc_current {float:left;background:url(../img/bg_dispo_current.gif) no-repeat;width:50px; height:49px;margin:2px;text-align:center; padding-top:3px;}
.detail_dispo_bloc a {color:#3e3e3e; text-decoration:none}
.dispo_support {font-weight:bold; font-size:13px}
.dispo_points {color:#000;font-size:16px; font-weight:bold}

/****** DETAILS -SERIES- ******/
.commander_episode {font-size:10px}
.commander_episode a {color:#000;text-decoration:none}
.commander_episode a:hover {text-decoration:underline}
.commander_full {font-weight:bold}
.commander_full a {color:#000; text-decoration:none}
.commander_full a:hover {text-decoration:underline}
.num_episode {color:#552863;font-weight:bold;text-transform:uppercase}
.row_synopsis_episode {height:0;display:none;}
.show_synopsis_episode {cursor:pointer;}

/****** MUSIQUE MOSAIQUE ******/
.musique_mosaique {float:left; width:152px; height: 200px; margin:5px 5px 5px}
.musique_mosaique a {text-decoration:none}
.musique_dispo {float:left;width:40px; height:195px; text-align:right}
.musique_img {margin-bottom:10px}
.musique_content {/*float:left;*/ text-align:center}
.musique_title {font-weight:bold; color:#1d4583;font-size:11px}
.musique_artiste {font-weight:bold; color:#666;font-size:11px}
.musique_genre {font-size:11px; color:#666}

/******* MUSIQUE DETAILS ******/
.num_piste {color:#1169b0;font-size:12px;}
.musique_titre {color:#000;font-size:12px;}


/****** PAGE CONNEXION ******/
.bloc_gris_connexion { width:870px; height:30px; margin: auto; background:url(../img/bg_gris_haut.gif) repeat-x; clear: both; }
#connexion_formulaire { margin:10px auto; width: 350px }
.connexion_title {font-weight:bold; font-size:14px}
.input_connexion {width: 250px;height:18px; font-size:11px}
#credits_bloc { float:left; width: 206px; height:80px; background:url(../img/bg_bloc_points2.gif) no-repeat; margin-left: 15px; padding: 70px 0px 0px 0px; text-align: center; margin-right: 15px; }

#selection_numericlub {float:left;}
.selection_film { float:left; width:125px; text-align: center; }
.more_details, .more_details a {font-size:11px}

/********* PAGE INSCRPTION ******/
.bloc_gris_inscription {float:left; width:654px; height:30px; margin: auto; background:url(../img/bg_gris_haut.gif) repeat-x}
#formulaire_inscription {clear:both;width:650px;margin:auto;border-bottom:1px solid #CCCCCC}
.inscription_title {font-size:15px; font-weight:bold}
.input_form {width:98%; height:18px; font-size:11px}


/****** MON COMPTE ******/
#credits_bloc_compte { float:left; width: 156px; height:90px; background:url(../img/bg_bloc_points2.gif) no-repeat; margin-left: 15px; padding: 60px 0px 0px 50px; text-align: left; margin-right: 15px; margin-bottom: 10px; }
.ajout_code_compte {font-size:11px}
.ajout_code_compte a {text-decoration:none}
.nb_points_compte {font-size:18px; font-weight:bold}
#bloc_username {margin:auto; width:870px; height:25px; background:url(../img/bg_username.gif) repeat-x}
.username {margin-left:20px; color:#fff; font-size:13px;vertical-align:middle;line-height:25px}

#compte_menu { height:170px; width:862px; margin:15px auto 0px; }
#compte_menu_infos { float:left; width:155px; height:87px; background:url(../img/compte_infos.gif) no-repeat; margin-right:10px; padding: 40px 0px 0px 50px; color:#666 }
#compte_menu_mediatheque { float:left; width:155px; height:87px; background:url(../img/compte_mediatheque.gif) no-repeat; margin-right:10px; padding: 40px 0px 0px 50px; color:#666 }
#compte_menu_code{ float:left; width:155px; height:87px; background:url(../img/compte_code.gif) no-repeat; margin-right:10px; padding: 40px 0px 0px 50px;color:#666 }
#compte_menu_historique{ float:left; width:155px; height:87px; background:url(../img/compte_historique.gif) no-repeat; margin-right:10px; padding: 40px 0px 0px 50px; color:#666}
.btn_mon_compte {position:relative; top:5px}
.btn_acheter_points {bottom:-1px;position:relative;}

/****** MON COMPTE ******/
/* blocs selctionnes du menu mon compte */
#compte_menu_info_select {float:left; width:157px; height:114px; background:url(../img/compte_infos_select.gif) no-repeat; margin-right:10px; padding: 40px 0px 0px 50px;}
#compte_menu_mediatheque_select {float:left; width:157px; height:114px; background:url(../img/compte_mediatheque_select.gif) no-repeat; margin-right:10px; padding: 40px 0px 0px 50px;}
#compte_menu_code_select {float:left; width:157px; height:114px; background:url(../img/compte_code_select.gif) no-repeat; margin-right:10px; padding: 40px 0px 0px 50px;}
#compte_menu_historique_select {float:left; width:157px; height:114px; background:url(../img/compte_historique_select.gif) no-repeat; margin-right:10px; padding: 40px 0px 0px 50px;}


/* page mediatheque */
#mediatheque_titre {width:840px;margin:auto;border-bottom:1px solid #CCCCCC}
.img_sort {margin-left:10px}
.media_non_dispo {font-weight:bold; color:#515151}
.licence_expire {color:#FF0000}

/* page ajouter un caode */
#bloc_add_code {width:700px; margin:30px auto 0px auto; padding-bottom:20px}
#code_titre {clear:both;width:650px;margin:auto; border-bottom:1px solid #CCCCCC}

/* page infos persosonnelles */
#formulaire_infos {width:800px;margin:auto;border-bottom:1px solid #CCCCCC}

/* page historique */
.main_table {border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;margin-bottom:15px}
.td_table {border-top:2px solid #fff}
.img_fleche {margin-right:5px}
.commande_titre {font-weight:bold; cursor: pointer}

/******* PANIER **************/
#selection_numericlub_marge {width:750px; margin:auto}
.recommandation {font-size:14px; margin-left:10px}
#conteneur_panier { clear:both; width:800px; margin:auto; min-height:300px; height:auto !important; height:300px }
.total_panier {font-weight:bold; font-size:16px; color:#1d4583}
.td_panier {border-top:#999999 1px solid}

.bloc_recap_commande {float:left; width:380px; border:1px solid #e0e0e0; padding:2px 2px 10px 2px}
.top_bloc_recap {width:356px;height:33px; margin:auto; background:url(../img/bg_cart_end.gif) repeat-x; font-size:14px; font-weight:bold; color:#fff; padding-left:20px;vertical-align:middle; line-height:33px}
.contenu_bloc_recap {margin-top:10px;width:340px; margin:auto}
#bloc_commande_ok { clear:both; width:800px; margin:auto; height:450px}

/******* FOOTER **************/
#footer {clear:both; margin:auto; width:884px; height:55px; background:#9c9c9c url(../img/bg_footer.png) no-repeat; text-align:center; padding-top:15px; font-size:10px; }
.input_newsletter {height:16px; width:150px; font-size:11px; outline:none; }
.footer_padding_left {padding-left:20px}
#footer input {vertical-align:middle }
#footer a {color:#000; text-decoration:none}

/******* ACHAT POINTS **************/
#bloc_achatcode { margin:auto; padding-bottom:5px; width:760px; }
#points5 { background:url(../img/5points.jpg) top center no-repeat; float:left; width:150px; text-align:center; height:30px; margin-top:15px; padding-top:70px }
#points10 { background:url(../img/10points.jpg) top center no-repeat; float:left; width:150px; text-align:center; height:30px; margin-top:15px; padding-top:70px }
#points15 { background:url(../img/15points.jpg) top center no-repeat; float:left; width:150px; text-align:center; height:30px; margin-top:15px; padding-top:70px }
#points20 { background:url(../img/20points.jpg) top center no-repeat; float:left; width:150px; text-align:center; height:30px; margin-top:15px; padding-top:70px }
#points25 { background:url(../img/25points.jpg) top center no-repeat; float:left; width:150px; text-align:center; height:30px; margin-top:15px; padding-top:70px }
.prix_points {font-size:16px;font-weight:bold}
.clear {clear:both;height:10px}

#compte_menu_points_select {background:transparent url(../img/compte_points_select.gif) no-repeat;float:left;height:114px;margin-right:10px;
padding:40px 0 0 50px;width:157px;}