/************************************ RESPONSIVE *******************************************************/    
@media only screen and (max-width: 480px) {
#top{background:none;}
#footer #flag{padding-left:0;width:auto;}
#feature .social{width:100%;height:45px;background:none;text-align:center;padding:0;margin:0;vertical-align:top;position:relative;z-index:10;top:0;left:0;}
#feature li.facebooklike:before{content:'';}
#feature .social li{display:inline-block;margin-top:0;}
.social li{float:none;display:inline-block;}
#image .social,#briefcase_product,.offer,#partner,#newsletter,.service,#contact_us{display:none;}
#logo a{background:none;height:70px;}
#logo {background:url(/img/logo_mobile_02.jpg) no-repeat left 0;top:0;left:0;background-size:100%;width:auto;height:auto;}
#error_codeadv{float:left;}
#top, #top_order {height:50px;}
body {background:#fff;}
#comand, #order_step,#partner .p1,#pd_zoom a,#flag{display:none;}
#pd_zoom .plus_photos a{display:block;}
#master {overflow:hidden;}
.work_margin{min-height:500px;}
#menu .m1,#menu .m2,#menu .m3,#menu .m4,#menu .m5,#menu .m6,#menu .m7,#menu .m8,#menu .m9,#menu .m10,#menu .m11,#menu .m12,
#menu .m13,#menu .m14,#menu .m15,#menu .m16,#menu .m17,#menu .m18,#menu .m19,#menu .m20,#menu .m21,#menu .m22,#menu .m23,#menu .m24,
#menu .m25,#menu .m26,#menu .m27,#smenu2{display:none;}
#menu .m28,#menu .m29,#menu .m30,#menu .m31,#menu .m32,#menu .m33{height:auto;display:block;border:none;border-bottom:2px solid #fff;background:none;padding:10px 0 10px 10px;width:190px;}
#menu {position:absolute;width:200px;display:table;top:125px;left:0;border:2px solid #fff;background:#f7a30f;z-index:100;}
#navig, #order_step{height:0;background:#fff;}
#navig .smenu {position:relative;background:#f7a30f;min-height:0;text-align:left;top:0;}
#navig .mns a.menu,#navig span,#navig .smenu a  {color: #fff;text-decoration:none;}
#navig li.mns {background:#fff;margin:0;padding:0;clear:both;width:100%;}
#navig #menu .mns{background:url(img/menu_off.png) no-repeat 185px 15px;}
#navig #menu .mns.hover{background:url(img/menu_on.png) no-repeat 185px 15px;}
#navig #menu .m11,#navig #menu .m11.hover{background:none;}
#navig #smenu_column_1.smenu_column, #navig #smenu_column_2.smenu_column, #navig #smenu_column_3.smenu_column, #navig #smenu_column_4.smenu_column,.m7 .smenu_column{height: auto;width: auto;display:block;clear:both;}
#navig .smenu_column {height: auto;width: 100%;display:block;clear:both;text-align:left;padding:0;}
/*#navig #smenu_column_1 .smenu_header_h2,#navig #smenu_column_2 .smenu_header_h2,#navig #smenu_column_3 .smenu_header_h2,#navig #smenu_column_4 .smenu_header_h2,*/.m7 .smenu_column_h2{height: auto;width: auto;display:block;clear:both;text-align:left;padding:0 0 0 10px;}
#navig .smenu a.smenu_header_h2,#navig .smenu .smenu_header_h2 {text-decoration:none;padding-left:10px;}
#navig .smenu a.smenu_header_h2 {visibility:visible;}
#menu_search{height:auto;display:block;border:none;border-bottom:2px solid #fff;background:none;padding:10px 0 0 10px;width:190px;}
#menu_search .ibox{color:#fff;margin-right:5px;width:133px;border:none;}
#menu_search .btn_short{background:#fff;color:#2b3043;border-radius:0;padding:3px 0 2px 0;}
.page_624575 #text > p:first-of-type, .page_624603 #text > p:first-of-type, .page_624608 #text > p:first-of-type{padding:0;}
#list #text a {top:250px;font-size:11px;}
#top_nav_cont{vertical-align:middle;}
#top_nav {display:table;width:100%;background:#abacae;color:#fff;table-layout:fixed;border-bottom:1px solid #ebe7df;margin-top:70px;vertical-align:middle;height:auto;}
#top_nav li{display:table-cell;border-right:1px solid #ebe7df;text-align:left;height:auto;vertical-align:middle;}
/*#top_nav li:first-child{width:32px;}*/
#top_nav li img{width:;}
#top_nav li:last-child{border-right:none;}
#top_nav li:hover{background:#f7a30f;cursor:pointer;}
#top_nav li span{background: url(img/ico_mob.png) no-repeat;display:inline-block;height:29px;margin-top:0;padding-top:20px;vertical-align:middle;width:100%;padding-left:35px;color:#fff;}
#top_nav .top_menu{padding-left:0;}
#top_nav .top_menu span{background-position:0 3px;display:block;height:17px;width:32px;}
#top_nav .top_pieces span{background-position:0 -36px;}
#top_nav .top_forfaits span{background-position:0px -80px;}
#top_nav .top_accessoires span{background-position:0px -122px;}
#top_nav .top_outils span{background-position:0px -172px;}
#top_nav .top_tutoriels span{background-position:0px -220px;}
#top_nav li{vertical-align:middle;}
#top_nav a{display:block;vertical-align:middle;}
#search,#menu,#list .list_content:hover .content{display:none;}
/*#footer div+div{display:none;}*/
#footer .i a{font-size:12px;line-height:24px;}
#footer h2{font-size:15px;}
@media only screen and (max-device-width: 480px) and (orientation:portrait) {
#tc_02 .list_content{display:block;float:none;clear:both;width:320px;}
#account_contener{width:343px;}
#account p{text-align:center;}
#work #canvas_invoice_account, #work #canvas_delivery_account, #work #canvas_old_account_cont, #work #canvas_login_account,#work #canvas_newsletters_accaccount,#canvas_newsletters_accaccount legend{width:100%; /*343px*/}
#canvas_newsletters_accaccount p{width:285px;}
    }
/******************************HOME******************************/
#tc_01,#tc_02,#offer.arround{display:none;}
#home{margin:0;width:100%;}
#tc_03 img{width:auto;}
#home .list_content{width:auto;}
#tc_04 .lien_pt1,#tc_04 .lien_pt2,#tc_04 .lien_pt3,#tc_04 .lien_pt5,#tc_04 .lien_pt6,#tc_04 .lien_pt7{margin-right:10px;}
#tc_05 .lien_com3{float:right;}
#tc_05{text-align:center;}
#tc_05 .lien_com2{float:none;}
#tc_05 .lien_com1{float:left;}
 } 
/****************** POPUP ***********************/ 
@media only screen and (max-width: 480px) {
    .sf_pop, .popup_cont {width:100%;}
    .sf_pop, #popup_reforder .pop_alert, .popup_cont, #popup_block .popup_cont, #popup_readcgv .popup_cont, #popup_div_bskstock span, .sf_pop, #alertSizeColor .popup_cont, #popup_div_stocklimit span {top:0;}
    .content_popup_bsk_onglet {display:none;}
    .sf_pop .contener {padding-left:0;padding-right:0;width:100%;}
    .contener {width:auto;}
    .sf_pop .bottom {width:100%;}
    #popup_div_bkjs .sf_pop .contener .col1, #popup_div_bkjs .sf_pop .contener .col2, #popup_div_bkjs .sf_pop .contener .col3 {width:100%;text-align:center;}
    #popup_div_bkjs .col1 img {margin-left:0;}
    .sf_pop .top span {font-size:20px;}
    
    #list .header img {top: 165px;}
}

/****************** TUNNEL ***********************/ 
@media only screen and (max-width: 480px) {
    #work,#work_order,#master{width:auto;float:none;margin:0;}
    #work .work_margin,#work_order .work_margin{margin:10px 0 0 0;padding:10px 10px 0 5px;border:none;}
    #navigation {display:none;}
    #basket{border:none;}
    #basket h1,#work_order h1{text-align:center;}
    #basket_tab{width:100%;padding-top:0;border:none;}
    fieldset{border:1px solid #abacae;}
    #basket_tab .header {display:none;}
    #basket_tab img {margin-right:10px;}
    #basket_tab td, #account_tab td{text-align:left;}
    #basket .primary {width:auto;}
    #basket_tab td, #account_tab td{width:auto;}
    #basket_tab img{float:left;}
    #basket_tab #delivery{display:none;}
    #basket_tab td,#account_tab td {border:none;}
    #basket_tab img{max-width:115px;}
    #basket_tab #bsk_totalitems,#basket_tab #deliveryfees,#basket_tab #tva,#basket_tab #bks_total{border-bottom:1px solid #abacae;}
    #basket_tab .pair .col1, #basket_tab .uneven .col1{width:70%;}
    #basket_tab .footer .col1, #basket_tab #adv .col1, #basket_tab #delivery .col1, #basket_tab #deliveryfees .col1 {width:auto;}
    #basket_tab .pair .col2, #basket_tab .pair .col3, #basket_tab .pair .col4, #basket_tab .uneven .col2, #basket_tab .uneven .col3, #basket_tab .uneven .col4 {padding:0;text-align:center;padding-bottom:10px;display:block;}
    #basket_tab .btn_short {width:24px;height:24px;/*background: url('img/reset_bkg.png') no-repeat scroll center center transparent;*/display:inline-block;}
    #basket_tab td, #account_tab td {min-width:0;}
    #basket .primary {padding:0;font-weight:700;display:block;width:auto;float:none;white-space:nowrap;}
    #basket .secondary {display:inline;float:none;display:block;}
    #basket_tab .pair .col2, #basket_tab .uneven .col2 {padding-top:5px;}
    #basket_tab #bsk_totalitems.footer .col1, #basket_tab #bsk_totalitems.footer .col2,#bks_total .col1, #bks_total .col2, #bks_totalpay .col1, #bks_totalpay .col2,#bks_total .col4,  #basket_tab      #delivery .col1, #basket_tab #deliveryfees .col1, #basket_tab #delivery col2, #basket_tab #deliveryfees .col2  {;padding-right: 10px;}
    #basket .btn_bk_005{margin-bottom:15px;background:#acafad;}
    fieldset#canvas_advantage {padding:10px;margin:0;margin-top: 10px;background-image:none;background-color:#E2DED6;}
    fieldset#canvas_advantage legend{width:100%;padding: 0;}
    fieldset#canvas_advantage p span {display:block;}
    #canvas_advantage .ibox {margin: 10px 0px 0px 0px;}
    #basket .btn_pos{margin-right:10px;}
    #basket_adv_cont{display:none;}
    #canvas_old_account_cont,#canvas_new_account{margin:5px 0;padding:5px 0;width:100%;}
    /*#work_order #canvas_newsletters_account,#work_order fieldset legend ,#work_order #canvas_invoice_account, #work_order #canvas_delivery_account, #work_order #canvas_old_account_cont,#work #canvas_other_account, #work_order #canvas_other_account,#work_order #canvas_login_account,#work_order #canvas_invoice_account legend, #work_order #canvas_delivery_account legend   {width:100%;}*/
    #canvas_invoice_account p, #canvas_delivery_account p, #canvas_old_account_cont p, #canvas_login_account p {min-width:0;text-align:left;}
    #work_order #canvas_login_account,#work_order #canvas_invoice_account,#work_order #canvas_delivery_account,#work_order #canvas_delivery_info{width:95%;}
    #work_order #canvas_invoice_account,#work_order #canvas_delivery_account{float:left;margin-left:0;}
    #delivery .canvas_delivery fieldset{width:90%;}
    #delivery .o416 .ibox_full{width:98%;}
    /*#work_order #canvas_validation_recap_cmd,#work_order #canvas_validation_account_cont{width:100%;}*/
    /*#work_order #canvas_newsletters_account{width:94%;}*/
    #canvas_other_account {display:none;}
    #validation .canvas_vad:nth-of-type(1) img{max-width:300px;}
    .btn_o2_002, .btn_o4_002 {margin-left:10px;}
    #_ctx_btn_confirm, #btn_delivery_valide {margin-right:10px;}
    #work_order #delivery fieldset.canvas_delivery legend {width:auto;}
    #canvas_delivery_account .canvas_delivery_account_order {top:277px;}
    #canvas_validation_recap_cmd .col2 .price,#canvas_validation_recap_cmd #basket_tab  .col3 {display:none; }
    #work_order #validation #canvas_validation_recap_cmd table {margin-left: 0;}
    #canvas_validation_recap_cmd .footer .col1{padding-left:10px;}
    #canvas_validation_recap_cmd .footer .col4{padding-right:10px;}
    /*#work_order #validation #canvas_validation_account_cont legend, #work_order #validation #canvas_validation_legal legend, #work_order #validation .canvas_vad legend {width:100%;}*/
    /*#work_order #validation #canvas_invoice_account, #work_order #validation #canvas_delivery_account {width:100%;}*/
    #canvas_paypal .paypal img {max-width:90%}
    /*#work_order #validation #canvas_invoice_account, #work_order #validation #canvas_delivery_account {width:100%;}*/
    #work_order #validation #canvas_validation_account_cont #canvas_invoice_account legend, #work_order #validation #canvas_validation_account_cont #canvas_delivery_account legend {width:100%;}
    .ibox_long {width: 160px;}
    #work_order .label, #account .label {width: 36%;}
    #contener_dearea_mag_5 {/*margin-top:200px;*/}
    #delivery #canvas_delivery_info legend {width:100%;margin-top:10px;}
    #canvas_delivery_account .canvas_delivery_account_order legend {width: 100%;}
    #canvas_delivery_info textarea {width: 90%;}
    #canvas_delivery_info p {line-height: 15px;}
    #canvas_delivery_info .o411{display:none;}
    #popup_readcgv .popup_cont {height: 100%;width: 100%;}
    .pop_up_hours{left:100px;}
}
@media only screen and (max-device-width: 480px) and (orientation:portrait) {
    #basket .primary {padding:0;font-weight:700;display:inline;width:auto;float:none;white-space:normal;}
    #basket .secondary {display:inline;float:none;}
}
 @media only screen and (max-device-width: 480px) and (orientation:portrait) {
    #basket .primary {padding:0;font-weight:700;display:block;width:230px;float:none;white-space:normal;}
    #basket .secondary {display:inline;float:none;}
}
 
 
 

