* {	margin:0;padding:0;}
html, body {height: 100%;margin: 0;}

/***************** charte *****************/
#frame_gauche .top,#frame_gauche .bottom,#frame_droite .top,#frame_droite .bottom,#menu, #promotion,.delimiteur, .bouton_gris_plus, .bouton_gris_fleche,.tri_alphabetique,.bouton_fiche,.bulle_grise_debut,.bulle_grise_fin, #resume_top, #resume_bottom, #recherche, #menu h2,#details_serie .bouton_achat, .fleche,.hr_long,.bouton_orange_grand_texte,.bouton_orange_grand,.ico_alerte,.ico_check , #red_message .top,#red_message .bottom,#green_message .top,#green_message .bottom,#footer #avis,.bouton_gris_grand_texte,.bouton_gris_grand,.suggestions_bottom {background: url(../images/charte/charte.png);}

body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#575757;background: #d4d4d4}
img {border:none;}
h4 {font-size:12px;color:#ff6601;text-decoration:underline;}
#habillement{ background: url(../images/charte/bg.png) repeat-x;min-height:100%;position: relative;}
#conteneur{width:949px;margin:0 auto; padding-bottom:130px}
#logo{float:left;margin-top:-35px;margin-left:20px;}
#logo h1 {border:none;padding:0; margin:0;}
#logo #logo_texte {text-indent:-9999px; overflow:hidden; position:absolute}
#img_serie {margin-left:8px;}
/***************** header *****************/
#menu {width:951px;height:47px;float:left;margin-top:40px;z-index:20;}
#menu ul {margin-top:15px;float:left;margin-left:-20px;}
#menu li {list-style:none;display:inline;float:left;margin:0;padding:0;margin-left:50px;}
#menu li h2 {display:block;}
#menu li h2:hover {filter: alpha(opacity=80);-moz-opacity: 0.80; opacity:0.80;}
#menu li a {text-decoration:none;width:100%;float:left;}
#menu h2.manga {background-position:-558px -49px;width:46px;height:20px;}
#menu h2.vendre {background-position:-604px -49px;width:139px;height:20px;}
#menu h2.promotions{background-position:-743px -49px;width:80px;height:20px;}
#menu h2.compte{background-position:-823px -49px;width:87px;height:20px;}
#menu .texte{text-indent:-9999px; display:block}

#recherche {height:23px;float:right;margin-right:20px;width:154px;background-position:0 -208px;margin-top:12px;}
.input_recherche {border:none;background:scroll transparent;padding-left:20px;padding-top:3px;color:#e7e7e7;width:120px;}
#suggestions {width:239px;position:absolute;margin-left:700px;margin-top:85px;z-index:1;}
#suggestions ul {list-style:none;background:url(../images/charte/bg_recherche.png) repeat-y;width:239px;}
#suggestions img {float:left;margin-left:10px;}
#suggestions li .titre {display:block;margin-left:5px;width:145px;float:left;}
#suggestions li {padding:5px 0;float:left;width:233px;margin-left:3px;}
#suggestions li:hover {background:#bdbdbd}
.suggestions_bottom {background-position:-216px -293px;width:239px;height:12px;}


#ariane{width:790px;float:left;margin-left:15px;font-size:11px;font-weight:bold;overflow:hidden;height:14px;}
#ariane h2{display:inline;font-size:11px;border:none;padding:0;}

#footer {position: absolute;bottom: 0;}
#footer #avis {background-position:0px -305px;height:60px;float:left;width:951px; background-repeat:no-repeat}
#footer #avis .message_avis {margin:5px 50px 0 50px;float:left;font-style:italic;text-align:center;font-size:13px;width:863px;height:33px;}
#footer #avis .pseudo {float:right;color:#ff6601;font-weight:bold;font-size:12px;margin-right:70px;}
#footer #avis .tous_avis {float:left;color:#ff6601;font-weight:bold;font-size:12px;margin-left:410px;margin-top:2px;}
#footer_liens {font-size:12px;text-align:center;color:#ff6601;font-weight:bold;float:left;width:950px;margin-top:5px;padding:6px 0;}
#footer #copyright {text-align:center;color:#320000;font-size:12px;float:left;margin-top:5px;width:960px;padding-bottom:3px}
/***************** frame gauche *****************/
#frame_gauche {float:left;width:210px;}
#panier {float:left;margin-bottom:5px;}
#panier .libelle {margin-left:5px;float:left;margin-top:5px;width:195px;clear:both}
#panier .prix {float:left;clear:both;margin-top:5px;margin-left:103px;width:100px;text-align:right;}
#panier .acces_panier {float:left;margin-top:5px;margin-left:23px;}
#compte ul {margin-left:10px;float:left;margin:5px 10px;}
#compte li {margin-top:3px;}
#compte {float:left;margin-bottom:5px;}
#promotion {background-position:0 -47px; height:115px;width:210px;float:left;}
#promotion .titre {margin-top:8px;float:left;margin-left:10px;width:195px;}
.promotion_image {padding-left:10px;padding-top:15px;float:left;}
.promotion_titre {text-align:center;padding:12px 3px 0px 3px;height:60px;float:right;width:142px;}
.promotion_prix {text-align:right;float:right;width:100px;margin-right:5px;}

#filtre_frame_gauche{margin-top:5px;float:left;}
#frame_gauche .top {background-position:0 -47px; height:33px;width:210px;float:left;}
#frame_gauche .titre {margin-top:8px;float:left;margin-left:10px;width:195px;}
#frame_gauche .middle {background:url(../images/charte/bg_frame_gauche.png) repeat-y;width:210px;float:left;}
#frame_gauche .middle li.title {margin-left:7px;padding-top:5px;}
#frame_gauche .middle li {list-style:none;}
#frame_gauche .middle li h2,#frame_gauche .middle li h3{padding:0;font-size:12px;border:none;display:inline;margin-left:18px;font-weight:100;}
#frame_gauche .middle #liste_serie{height:300px;overflow:auto;width:204px;padding-left:5px;}
#frame_gauche .bottom {background-position:0 -155px; height:7px;width:210px;float:left;}

/***************** frame droite *****************/
#frame_droite {float:left;width:734px;margin-left:5px;}
#frame_droite .top {background-position:-210px -103px; height:35px;width:734px;float:left;}
#frame_droite .middle {background:url(../images/charte/bg_frame_droite.png) repeat-y;width:715px;float:left;padding:10px;}
#frame_droite .bottom {background-position:-210px -155px; height:6px;width:734px;float:left;}
#h1 {font-size:14px;margin-top:8px;float:left;margin-left:10px;width:582px;}
.padding_frame {padding:10px 20px;}
/***************** index *****************/
#bienvenue {margin-top:5px;float:left;width:400px;margin-left:20px;}
#bienvenue h2{font-size:15px;color:#ff6601;margin-bottom:5px;}
#bienvenue p {font-size:12px;margin-left:10px;color:#320000}

#bienvenue .acces_annonces {font-weight:bold;float:right;margin-right:15px;color:#320000;margin-top:10px;}

#avantages {margin-top:5px;float:left;margin-left:30px;height:222px;}
#avantages h2 {font-size:15px;color:#ff6601;margin-bottom:5px;}
#avantages .vendre_title {font-size:15px;color:#ff6601;margin-bottom:5px;margin-top:15px;}
#avantages ul li {list-style-image: URL(../images/charte/puce.gif);list-style-position:inside;font-size:13px;color:#320000;font-weight:bold;margin-left:5px;}

#flash {float:left;margin-left:20px;margin-top:10px;}
#promotions_index,#premier_volumes_index {float:left;margin-top:15px; width:700px;}
#promotions_index .title,#premier_volumes_index .title {margin-left:20px;} 
.cadre_produit_vertical {float:left; width:120px;margin-left:15px;text-align:center;margin-top:10px;}
/***************** listing *********************/

#frame_droite ul ,.liste_produit ul {list-style:none;}

.tri_alphabetique {background-position:-210px -69px;width:707px;height:34px;margin-left:3px;margin-top:5px;}
.tri_alphabetique li{display:inline;float:left;text-align:center;}
.tri_alphabetique li.spacer{margin-left:10px;}
.tri_alphabetique li a{width:26px;float:left;text-align:center;height:23px;padding-top:10px;}
.tri_alphabetique li a:hover{background:#bdbdbd;}
.nb_series {float:left;margin-top:10px; text-align:right;width:130px;}

.liste_produit {float:left;width:714px;}
.liste_produit:hover {background:#bdbdbd;}
.liste_produit .photos {float:left;margin-left:20px;margin-right:10px;}
.liste_produit .infos_produits, .liste_produit .produit_stock {float:left;height:100px;width:41%;}
.liste_produit h3 {float:left;margin-top:30px; font-size:14px; font-weight:bold;width:280px;}
.liste_produit .description {float:left;clear:left;}
.liste_produit .genres {float:left;clear:left;margin-top:5px;font-style:italic;width:400px;}
.liste_produit .boutons ul {float:left;margin-top:18px; margin-left:180px;}
.liste_produit .boutons ul li{margin-top:8px;}

#details_serie {margin-bottom:15px;float:left;}
#details_serie img {float:left;margin-left:2px;}
#details_serie .titre {margin-left:5px;float:left;width:525px;}
#details_serie .genre {float:left;font-style:italic;margin-bottom:10px;margin-left:5px;width:525px;}

#infos_serie {width:300px; overflow:hidden;float:left;}

.bulle_grise_debut {background-position:0 -162px;height:24px;float:left;padding-left:12px;clear:both;margin-left:5px;margin-top:5px;}
.bulle_content {padding-top:4px;float:left;color:#ffffff;font-weight:bold;}
.bulle_grise_fin {background-position:-172px -162px;height:24px;width:13px;float:left;margin-top:5px;}
#infos_serie .texte {margin-top:10px;float:left; font-size:12px;margin-left:3px;}

#details_serie .boutons {float:left;margin-top:0px;}
#details_serie .boutons li{margin-top:20px;width:215px;text-align:left;padding-top:10px;}
#details_serie .boutons img{vertical-align:-30%;padding-right:10px;margin-top:-5px;}

#details_serie .bouton_achat{float:left;width:216px;height:74px;background-position:0 -231px;}
#details_serie .bouton_achat .infos_prix {float:left;font-size:11px;clear:left;text-align:center;width:216px;}
#details_serie .bouton_achat .prix{float:left;color:#ffffff;font-size:20px;text-align:center;width:216px;}
#details_serie .bouton_achat .bouton{float:left;margin-left:3px;margin-top:2px;}

.liste_produit .prix_produit {float:left;width:110px;margin-top:20px;height:60px;}
.liste_produit .prix {font-size:18px;color:#ff6601;text-align:center;}
.liste_produit .reduction {font-size:10px;text-align:center;}

.liste_produit .bouton_quick_panier {float:left;margin-top:36px;margin-left:45px;}
.liste_produit .bouton_panier {float:left;margin-left:40px;text-align:center;}
.liste_produit .bouton_panier span{margin-bottom:5px;float:left;clear:both;width:100%;}
.liste_produit .bouton_panier img{margin-left:4px;float:left;clear:both;}
.liste_produit .bouton_panier img.fnac{margin-left:28px;float:left;clear:both;}

.bouton_fiche {background-position:-210px -69px;width:707px;height:34px;float:left;margin-top:5px;margin-left:2px;}
.bouton_fiche li {display:inline;float:left;margin-left:50px;margin-top:10px;}
.bouton_fiche img {margin-top:-5px;margin-right:3px;}

#resume_top {clear:both; background-position:-210px -162px; width:707px;margin-top:5px;float:left; height:8px;margin-left:2px;}
#resume_middle {background:url(../images/charte/bg_resume.png) repeat-y; width:707px;float:left;margin-left:2px;}
#resume_middle .texte {padding:10px;}
#resume_bottom {background-position:-210px -188px; width:707px;float:left;height:8px;margin-left:2px;}

.pagination {text-align:center;color:#ff6601;width:100%;display:block;}
.pagination a{text-decoration:none;color:#320000;}
.pagination img {vertical-align:-30%;}
/***************** connexion /contact *****************/
.cadre_connexion{margin-left:25px;height:150px;}
.cadre_connexion_bas {margin-top:20px;margin-left:25px;height:120px;}
.cadre_connexion label,.cadre_connexion_bas label {float:left;width:105px;clear:left;text-align:right;margin-right:5px;margin-bottom:10px;}
.cadre_connexion input,.cadre_connexion_bas input,.cadre_connexion textarea{float:left;}

.cadre_moitie {float:left;width:45%;margin:10px;}
.cadre_moitie .title {color:#ff6601;font-size:14px;}
.cadre_moitie .content {padding:5px;font-size:13px;}

.bouton_connexion {clear:left;margin-left:90px;margin-top:5px;}
.cadre_connexion form, .cadre_connexion_bas form {margin-top:8px;}
/***************** formulaire *****************/
.formulaire form{margin:0 auto;width:550px;margin-top:10px;}
.formulaire label{float:left;width:160px;clear:left;text-align:right;margin-right:5px;margin-bottom:10px;}
.formulaire textarea,.formulaire input,.formulaire select{float:left;}
.formulaire .crypt {float:left; margin-left:180px;margin-top:5px;}
.formulaire .bouton {margin-left:200px;}

.form_long label {width:300px;font-size:13px;}
.form_long .bouton {margin-left:300px;}


.formulaire .label_inverse {float:left;text-align:left;font-size:13px;clear:right;width:280px;}

.formulaire .checkbox {float:left;margin-left:150px;margin-top:5px;margin-right:5px;}

.form_inscription form{margin-left:50px;}
.form_inscription label{width:250px;}
.form_inscription .input_checkbox {float:left;margin-left:10px;}
.form_inscription .label_checkbox {float:right;width:500px;text-align:left;font-size:13px;clear:right}
.form_inscription .bouton_inscription {float:left;margin-left:220px;}
.champ_obligatoire {float:right;font-size:10px;margin-top:5px;}
/***************** tableau *****************/
.table_simple {border-collapse:collapse;font-size:12px;text-align:center;width:98%;}
.table_simple tbody tr:hover td {color:#f45711;}
.table_simple th,.table_simple td{border-bottom:1px solid #CCCCCC;padding:6px 8px;}
.table_simple thead {border-bottom:2px solid #cccccc;display:table-header-group;vertical-align:middle;font-weight:bold;}
/***************** divers *****************/
.cg p {width:700px;}
.cg_titre {font-size:14px;color:#ff6601;font-weight:bold;text-decoration:underline;margin:10px 0;float:left;width:720px;}
.cg li {list-style:none;margin-top:10px;}
.aide_ol {margin-top:10px;margin-left:15px; font-size:13px;}
.aide_ol li,.aide_li li{margin-top:10px;margin-left:15px;}
#image_aide {margin:0 auto;display:block;padding-top:10px;}
.cadre_message {margin:10px 0;border-bottom:1px dashed #c3c3c3;padding-bottom:10px;}
.cadre_message .message_envoye{float:left;clear:both;margin-top:5px;}
.plan_site ul{margin-left:20px;}
.plan_site h2 {border:none;padding:0;font-size:13px; }
.plan_site ul li{list-style-image: URL(../images/charte/puce.gif)}
.plan_site h3 {border:none;padding:0;font-size:12px;}

/**************** common ***********************/
.title {color:#ff6601;font-size:14px; zoom:1}
.clearer {clear:both;}
.input_blank {border:none;}
.input_long {width:351px;}
.text_rounded {border:1px solid #320000;color:#320000;font-weight:bold;padding:1px 2px 0 2px;-moz-border-radius: 4px; -webkit-border-radius: 4px; }
.text_rounded:focus {border:1px solid #ff6601;color:#ff6601;}
.select_rounded {border:1px solid #d6d6d6;color:#320000;font-weight:bold;padding:1px 2px 0 2px;-moz-border-radius: 4px; -webkit-border-radius: 4px; }
.souligne {text-decoration:underline;}
.souligne_vendu {text-decoration:line-through;}
.souligne_tip {text-decoration:underline; cursor:help}
.gras {font-weight:bold;}
.italique { font-style:italic;}
.no_gras{font-weight:normal}
.noir {color:#000000;}
.blanc {color:#ffffff}
.gris_fonce {color:#575757;}
.gris_clair {color:#d4d4d4}
.liens_gris_fonce {color:#575757;text-decoration:none;}
.liens_gris_fonce:hover {color:#ff6601}
.liens_orange {color:#ff6601;text-decoration:none;}
.liens_orange:hover {color:#575757}
.liens_noir{color:#000000;text-decoration:none;}
.liens_noir:hover {color:#ff6601}
.orange {color:#ff6601;}
.p18 {font-size:18px;}
.p16 {font-size:16px;}
.p14 {font-size:14px;}
.p13 {font-size:13px;}
.p12 {font-size:12px;}
.p11 {font-size:11px;}
.p10 {font-size:10px;}
.float_l{float:left;}
.float_r{float:right;}
.height_190{ height:190px}
.padding_l_20{padding-left:20px;}
.marge_top{margin-top:10px;}
.marge_top_25{margin-top:25px;}
.margin_right {margin-right:10px}
.text_center {text-align:center;}
.width100 {width:100%;}
.fleche {background-position:0 -186px; width:17px; height:16px;display:block;margin-right:5px;float:left;}
.hr_long,.delimiteur {width:707px;height:2px;background-position:-210px -47px;margin-bottom:10px;float:left;margin-left:3px;margin-top:10px;}

.bouton_gris_plus{color:#575757;background-position:-210px -49px;width:87px; height:19px;display:block;text-decoration:none;font-weight:bold;border:none;cursor:pointer;}
.bouton_gris_plus:hover{color:#ff6601;background-position:-384px -49px;}
.bouton_gris_plus .texte,.bouton_gris_fleche .texte {display:block;text-align:center;width:70px;padding-top:3px;}

.bouton_gris_fleche{color:#575757;background-position:-297px -49px;width:87px; height:19px;display:block;text-decoration:none;font-weight:bold;border:none;cursor:pointer;}
.bouton_gris_fleche:hover{color:#ff6601;background-position:-471px -49px; wo}

.bouton_orange_grand{color:#575757;background-position:-156px -196px;width:143px; height:27px;display:block;text-decoration:none;font-weight:bold;border:none;cursor:pointer;}
.bouton_orange_grand:hover{color:#ffffff;}

.bouton_orange_grand_texte {background-position:-156px -196px;width:143px; height:27px;display:block;text-decoration:none;font-weight:bold;}
.bouton_orange_grand_texte a .texte {padding-top:6px; text-align:center;display:block;color:#575757;text-decoration:none;}
.bouton_orange_grand_texte a:hover .texte{color:#ffffff;}

.bouton_gris_grand{color:#575757;background-position:-299px -196px;width:143px; height:27px;display:block;text-decoration:none;font-weight:bold;border:none;cursor:pointer;}
.bouton_gris_grand:hover{color:#ffffff;}

.bouton_gris_grand_texte {background-position:-299px -196px;width:143px; height:27px;display:block;text-decoration:none;font-weight:bold;}
.bouton_gris_grand_texte a .texte {padding-top:6px; text-align:center;display:block;color:#575757;text-decoration:none;}
.bouton_gris_grand_texte a:hover .texte{color:#ff6601;}

.ico_alerte {background-position:-39px -186px;width:22px; height:22px;float:left;margin-left:10px;margin-right:10px;margin-top:-3px;}
#red_message {clear:both;width:641px;margin:0px auto;padding:10px 0;}
#red_message .top {background-position:-216px -223px;width:641px;height:12px;}
#red_message .middle {background: url(../images/charte/bg_red_message.png) repeat-y;padding:5px;font-weight:bold;}
#red_message .middle .text {float:left;width:580px;width:580px;}
#red_message .bottom {background-position:-216px -236px;width:641px;height:13px;}

.ico_check {background-position:-17px -186px;width:22px; height:22px;float:left;margin-left:10px;margin-right:10px;margin-top:-3px;}
#green_message {clear:both;width:641px;margin:0px auto;padding:10px 0;}
#green_message .top {background-position:-216px -249px;width:641px;height:12px;}
#green_message .middle {background: url(../images/charte/bg_green_message.png) repeat-y;padding:5px;font-weight:bold;}
#green_message .middle .text {float:left;width:580px;}
#green_message .bottom {background-position:-216px -261px;width:641px;height:12px;}