.tablet{display:none;}

/*      Tablet Layout: 768px.
        Inherits styles from: Default Layout.
---------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {

    body,.global,.globalcol{width:768px;margin:0 auto;padding:0;border:0;}
    .topbar .paramsbox,.topbar .socialbtns,.toppubs .premium_promo,.toppubs .clear,.sidecol,.sql_dump,.pub300x250,.footer .footercontent .jeuxvideo,.zoom_leftcol{display:none;}
    .topbar .searchform{position:absolute;top:1px;left:280px;}
    .mainnav .mainmenu{width:100%;}
    .mainnav .mainmenu .menu .item{padding:0;width:96px;font-size:1em;}
    .mainnav .mainmenu .menu1 .item{width:88px;}
    .mainnav .mainmenu .menu2 .item{width:84px;}
    .mainnav .mainmenu .menu4 .item{width:126px;}
    .mainnav .mainmenu .menu5 .item{width:80px;}
    .mainnav .mainmenu .menu8 .item{width:80px;}
    .mainnav .mainmenu .menu6 .item{width:80px;}
    .mainnav .mainmenu .menu7 .item{width:110px;}
    .mainnav .mainmenu .menu9 .item{width:92px;padding-left:28px;}
    .mainnav .social_btns,.encemoment .top-premium{display:none;}
    .encemoment span{font-size:13px;}
    .encemoment .google-follow{right:5px;}
    .toppubs .pub728x90{float:none;margin:15px auto;}
    .globalcol .centercol,.globalcol .centercol_nobg,.globalcol .centercol_zone{width:100%;}
    .footer .footercontent{width:100%;}
    .content .title,.content .centercol_right .title{margin:0;text-align:center;font-size:16px;}
    .content .titleinfo{background:none;margin:0;padding:0;}
    .content .titlepage,.content .centercol_right .titlepage{margin-top:0;}
    .content .titlecorner,.content .centercol_right .titlecorner{margin:0 0 5px;background:none;}

    /* home + listings */
    .items-list .item-list{position:relative;}
    .items-list .item-list .item-image{float:none;position:absolute;top:0;left:0;}
    .items-list .item-list .item-zone{float:none;margin-left:165px;width:auto;height:auto;min-height:100px;}
    .items-list .item-list .item-title{height:auto;min-height:40px;}
    .items-list .item-list .item-comments{left:auto;right:10px;}
    .items-list .item-list .item-category{position:relative;}
    .itemsmenu ul li a{margin-left:12px;}
    .itemsmenu ul li .cat0{margin-left:42px;}
    .section1 .itemsmenu{padding-left:30px;}
    .itemslist .itemlist .itemzone{width:635px;}
    .items_top .itemlist{width:242px;}
    .videoslist .item{padding:0 20px;}
    .videospub .videoslist{float:none;margin:0 auto;}
    .videospub .videoslist .item{width:220px;}

    /* item */
    article .textzone .pub300x250,article .toolbar .pub300x250{display:block;}
    article .toolbar_social{width:420px;}
    .entraide article .toolbar_social{width:300px;}
    .zoom_centercol{margin:0;float:none;width:100%;}
    .zoom{width:100%;border:0;}
    .jcarousel-skin-gallery .jcarousel-container-horizontal{width:642px;}
    .jcarousel-skin-gallery .jcarousel-clip-horizontal{width:648px;}
    .zoom .arrows{width:100%;}
    .zoom .image{min-height:100px;}
    .zoom .image img{max-width:600px;}
    .video_top .itemimage a small img{top:150px;left:350px;}

    /* comparateur */
    .comparateur{width:768px;border:0;}
    .comparateur .titlehome{margin:0;padding:14px 0;}
    .comparateur .cmp_homecat{clear:both;float:none;width:100%;}
    .comparateur .cmp_homecat ul{width:630px;}
    .comparateur #cmp_left{display:none;}
    .comparateur .cmp_produits{float:none;width:100%;margin:10px 0;}

    /* user */
    .espace{margin: 10px;}

    .tablet{display:block;}
}


/*      Mobile Layout: 320px.
        Inherits styles from: Default Layout.
---------------------------------------------*/

@media only screen and (max-width: 767px) {

    body,.global,.globalcol{max-width:480px;width:100%;margin:0 auto;padding:0;border:0;}
    #fb-root{overflow:hidden;}
    .topbar .paramsbox,.topbar .socialbtns,.topbar .clear,.sidecol,.sql_dump,.pub300x250,.footer .footercontent .jeuxvideo,.zoom_leftcol{display:none;}
    .topbar .searchform{float:none;position:absolute;top:70px;width:100%;height:28px;border:0;text-align:center;margin:0 auto;}
    .topbar .searchform form{display:inline-block;width:310px;margin:0 auto;border:2px solid #888;background:#fff;}
    .topbar .searchform .text{padding:0;width:70%;height:28px;}
    .topbar .searchform .submit{width:30%;height:28px;border:0;}
    .topbar .userbar .userlink_menu{display:inline-block;}
    .toppubs{margin-top:40px;}
    .toppubs .bup{margin-top:0;padding:0;}
    .mainheader{height:auto;background:none;}
    .topbar{z-index:10000;width:100%;height:60px;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.25);moz-box-shadow:0 2px 3px rgba(0,0,0,.25);box-shadow:0 2px 3px rgba(0,0,0,.25);}
    .topbar .logo{position:absolute;top:0;left:0;float:none;margin:0;width:130px;height:60px;}
    .topbar .logo a{width:130px;background-position:-3px 0;}
    .topbar .userbar{position:absolute;top:0;right:0;float:none;height:60px;}
    .mainnav .mainmenu{display:none;float:none;width:100%;height:auto;margin-top:0px;}
    .mainnav .mainmenu .menu{float:left;width:50%;overflow:hidden;}
    .mainnav .mainmenu .menu .item{width:100%;padding:0;height:28px;padding-top:10px;line-height:normal;border:1px solid #eee;border-top:0;border-right:0;}
    .mainnav .mainmenu .menu .item:hover,.mainmenu .menu .itemactive,.mainmenu .menu .sectionactive{border-color:#4495ce;border-top:0;}
    .mainnav .mainmenu .menu7,.mainmenu .menu9{display:none;}
    .social_btns,.encemoment{display:none;}
    .globalcol .centercol,.globalcol .centercol_nobg,.globalcol .centercol_zone,.globalcol .centercol_nobg_pub{width:100%;}
    .footer .footercontent{width:100%;}
    .breadcrumbs{display:none;}
    .content .title{padding:6px 10px;}
    .content .title,.content .centercol_right .title{margin:0;text-align:center;font-size:1.4em;}
    .content .titlepage,.content .centercol_right .titlepage{margin-top:0;}
    .content .titlecorner,.content .centercol_right .titlecorner{margin:0 0 5px;background:none;}
    .home_news .item-list-more{display:none;}

    /* user */
    .espace{margin:10px 0;}
    .espace .tableespace{width:300px;margin:0 auto;}
    .espace .separate_col,.espace .col_stats,.espace .col_suivis{display:none;}
    .espace .espace_col{width:300px;}
    .pfgris{margin:10px 0 5px;padding:0 10px;}
    .pfactivity .search{float:none;margin:10px auto;}
    .pfactivity .btnsuivi{display:block;text-align:center;width:160px;margin:10px auto;}
    .profilepage{padding:10px 0;}
    .profilepage .inbox_users{width:30%;}
    .profilepage .inbox_users li a.inbox_all{line-height:normal;}
    .profilepage .inbox_users li a .nick .status_online{display:none;}
    .profilepage .inbox_messages{width:70%;}
    .profilepage .inbox_messages tbody tr .objet{width:auto;}
    .profilepage .inbox_messages tbody tr .objet img{display:none}
    .profilepage .inbox_messages tbody tr .objet a{float:none;width:auto;}
    .profilepage .inbox_head thead tr .messages,.profilepage .inbox_head thead tr .date,.profilepage .inbox_messages tbody tr .messages,.profilepage .inbox_messages tbody tr .date{display:none;}
    .profilepage .im{margin:0;background:none;border:0;}
    .profilepage .im .im_user{width:80px;padding:10px 0;}
    .profilepage .im .im_infos{width:240px;}
    .profilepage .im .im_infos .im_text{padding:5px;}
    .profilepage .im_reps{margin:20px 0;}
    .profilepage .im_rep{padding:5px 0;}
    .profilepage .im_rep .im_infos{width:150px;}
    .content .title .tribunerefresh{display:none;}
    .tribune ul li .pm_user{float:none;width:auto;}
    .tribune ul li .pm_infos{float:none;width:90%;padding:0;margin:5px;border:0;}
    .tribune .postmessage .pm_user{width:80px;}
    .tribune .postmessage .pm_infos{width:220px;}
    .tribune .postmessage .pm_infos .pm_smileys{width:auto;}
    .tribune .postmessage .pm_infos .pm_smileys br{display:none;}
    .profilepageform{padding:5px;}
    .profilepageform .avatar{margin:0;}
    .profilepage .input label{width:auto;}
    .profilepage .input strong{display:block;}
    .profilepage .input input,.profilepage .input #UserPays{display:block;width:70%;}
    .profilepageform .checkbox{margin:0 0 10px;}

    /* home + listings */
    .items-list .item-list{position:relative;margin:10px 10px 25px;border-bottom: 1px solid #e6e6e6;}
    .items-list .item-list .item-image{float:none;position:absolute;top:0;left:0;max-width:150px;max-height:100px;width:35%;height:auto;}
    .items-list .item-list .item-image img{width:auto;height:auto;max-width:100%;}
    .items-list .item-list .item-zone{float:none;margin-left:40%;width:auto;height:auto;min-height:100px;border:0;}
    .items-list .item-list .item-title{height:auto;min-height:40px;}
    .items-list .item-list .item-comments{left:auto;right:10px;}
    .items-list .item-list .item-category{position:relative;}
    .itemsmenu{display:none;}
    .itemslist .itemlist{margin-bottom:10px;}
    .itemslist .itemlist .itemimage{display:none;}
    .itemslist .itemlist .itemzone{float:none;width:auto;}
    .itemslist .itemlist .itemtitle{min-height:0;font-size:1.167em;padding-bottom:10px;border-bottom:1px solid #e6e6e6;}
    .itemslist .itemlist .itemtitle em,.itemslist .itemlist .itemresume,.itemslist .itemlistshort .itemtitle .urlcat{display:none;}
    .itemslist .itemlist .itemtitle strong{font-size:1.167em;}
    .itemlistmore{border:0;float:none;margin:5px auto 20px;text-align:center;}
    .itemlistmore a{font-size:16px;color:#333;}
    .home_downloads{display:none;}
    .videospub .videoslist,.videospub .title,.videospub .titlecorner,.videospub .item-list-more{display:none;}
    .content .title .modes,.content .title .modesico{display:none;}
    .itemslist .itemlistshortcoms .itemtitle .nbcomments{display:none;}
    .itemslist .itemlistshortcoms{border-bottom:0;}
    .itemslist .itemlistshortcoms .itemtitle strong{height:auto;}
    .pagination a,.pagination .current,.pagination .disabled{padding:6px 10px;font-size:1.250em;margin-bottom:5px;}
    .items_top,.title_items_top{display:none;}
    .video_top{padding:10px 0;}
    .video_top .itemimage a img{width:280px;height:180px;}
    .video_top .itemimage a small img{top:70px;left:140px;}
    .search_video{float:none;margin:20px auto;}
    .search_video form{width:258px;margin:0 auto;}
    .search_video form .text{width:140px;}
    .submit_video{display:none;}
    .entraide_actions{margin:10px auto;padding-bottom:10px;}
    .entraide_actions .searchform{width:235px;border:0;float:none;padding:0;margin:10px auto 0;}
    .entraide_actions .searchform form{margin:5px auto;float:none;}
    .entraide_actions .question_btn{display:block;width:140px;float:none;margin:0 auto;}
    .entraide .forum table thead tr .forums{width:100px;}
    .colbar{display:none;}
    .colfour{width:100%;}
    .colfour .items-list .item-list .item-zone{width:auto;height:auto;}
    .colfour .items-list .item-list .item-comments{display:none;}

    /* item */
    .content article .titleinfo{margin:0;padding:0;background:none;height:auto;line-height:20px;}
    .content article .titleinfo div{padding:5px 10px;}
    .content article .titleinfo div .floatr{display:none;}
    article .toolbar_social{float:none;margin:10px auto 0;}
    article .textzone img{max-width:260px;height:auto;}
    article .video-player{width:100%;}
    article .textzone .tweet{width:90%;}
    .ligatus,.ligatus iframe{display:none;}
    .comm{position:relative;background:none;}
    .comm .comm_user{position:absolute;top:0;left:0;width:70px;}
    .comm .comm_user .cu_status,.comm .comm_user .cu_rank,.comm .comm_user .cu_options,.comm_list .comm .comm_infos .comm_opts .blacklist{display:none;}
    .comm .comm_user .cu_nick{color:#666;}
    .comm .comm_user .cu_nick img{display:none;}
    .comm .comm_infos{padding-left:85px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.comm .comm_infos .comm_opts a{margin-top:6px;}
	.comm .comm_infos .comm_opts .likes .like_score{margin-top:6px;}
	.comm .comm_infos .comm_date{line-height:20px;}
    .comments{margin:0;}
    .comments .centercol_zone .floatl{float:none;}
    .comm_list .comm_premium__text,.comm_list .comm_tri,.comm_list .submit_follow{display:none;}
    .comment_post .submit .btn_post{padding-left:0;background:none;}
    .entraide article .textzone .topic_user{width:100px;}
    .entraide article .textzone .topic_user .cu_options,.entraide article .textzone .topic_user .cu_status{display:none;}
    .entraide article .textzone .topic{margin-left:0;}
    .entraide article .toolbar_social{float:none;width:100%;text-align:center;}
    .entraide article .toolbar_social .btns{margin:0;text-align:center;}
    .entraide article .toolbar_social .btns div{float:left;}
    .entraide article .toolbar_social .btns .btn_twitter{width:90px;}
    .zoom_centercol{margin:0;float:none;width:100%;}
    .zoom_top{display:none;}
    .zoom{width:100%;border:0;}
    .zoom .arrows{width:100%;top:80px;}
    .zoom .image{min-height:100px;}
    .zoom .image img{max-width:200px;}
    .similar strong{margin:10px 8px 15px;}
    .similar .itemslist .itemlist .itemtitle strong{margin:0;}
    .likes-titre,article .toolbar_social .likes,article .toolbar_social .keywords{display:none;}
    article .toolbar .bup{float:none;margin:20px auto;}
    article .download .dl_image{float:none;margin:0 auto;}
    article .download .dl_notification,article .download .dl_texte{float:none;width:90%;}
    article .download ul{float:none;width:auto;margin:10px 0;}
    article .download ul li span{width:auto;}
    article .resumedownload, article .resumeastuce, article .resumevideo{width:auto;}
    article .notation ul li .note_txt{display:block;float:none;width:auto;}
    article .notation ul li .note_num{display:inline-block;float:none;padding:0;margin:5px 0;text-align:left;}
    article .notation ul li .note_txt strong{display:block;}

    /* comparateur */
    .comparateur{width:100%;border:0;}
    .comparateur .searchform span{display:none;}
    .comparateur .cmp_homecat{clear:both;float:none;margin:0;width:100%;}
    .comparateur .cmp_homecat h2 .cmp_hometitle, .cmp_homecat .h2 .cmp_hometitle{width:80%;padding:5px 10px;}
    .comparateur .cmp_homecat ul{width:50%;}
    .comparateur .cmp_homecat ul li{float:none;width:auto;}
    .comparateur .cmp_homecat ul li a{padding: 12px 8px;}
    .comparateur .cmp_topprods,.comparateur .subtitlecat,.comparateur .cmp_produits .cmp_produits_btn,.comparateur .cmp_produits .cmp_tris,.comparateur .cmp_produits ul li .prod_checkbox{display:none;}
    .comparateur .cmp_produits{float:none;width:100%;margin:10px 0;}
    .comparateur .cmp_produits ul li.prod{clear:both;}
    .comparateur .cmp_produits ul li .prod_infos{width:40%;}
    .comparateur .cmp_produits ul li .prod_infos strong.prod_lib{overflow:auto;height:auto;}
    .comparateur .cmp_produits ul li .prod_infos ul{display:none;}
    .comparateur .cmp_produits ul li .prod_btns{width:20%;height:auto;}
    .comparateur .cmp_produits ul li .prod_btns .prod_prixbtn a{width:auto;}
    .comparateur .cmp_produits ul li .prod_btns .prod_prixbtn a small{display:none;}
    .comparateur #cmp_pagination{height:auto;font-size:16px;}
    .comparateur #cmp_pagination .next,.comparateur #cmp_pagination .prev,.comparateur #cmp_pagination .multi_suite,.comparateur .cmp_prod_homefiche, .comparateur .cmp_prod_catfiche{display:none;}
    .comparateur .cmp_prod .cmp_prod_titre{text-align:center;}
    .comparateur .cmp_prod .cmp_prod_left{margin:10px auto;float:none;}
    .comparateur .cmp_prod .cmp_prod_caracts{float:none;width:100%;margin:10px auto;}
    .comparateur .cmp_prod .cmp_prod_caracts table{width:100%;}
    .comparateur .cmp_prod .cmp_prod_caracts table tr td.label{width:50%;}
    .comparateur .cmp_prodprix .h1,.comparateur .cmp_prodprix .cmp_tris{display:none;}
    .comparateur .cmp_prodprix ul li .cmp_prodprix_desc,.comparateur .cmp_prodprix ul li .cmp_prodprix_stock,.comparateur .cmp_prodprix ul li .cmp_prodprix_btn2{display:none;}
    .comparateur .cmp_prodprix ul li .cmp_prodprix_btn{width:20%;}
    .comparateur .cmp_prod_fiche{display:none;}

    /* divers */
    .contacts tr .input input{width:auto;}
    .contacts tr .input textarea,.contacts tr select{width:100%;}
    .search .searchform,.search header h1,.search .sections{display:none;}

    .tablet{display:block;}
}



/*      Wide Mobile Layout: 480px.
        Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------*/

@media only screen and (max-width: 579px) {
	.comm .comm_infos{padding-left:81px;}
	.comm .comm_infos .comm_opts{float: right;}
	.comm .comm_infos .comm_smileys {margin-left:0;}
	.comm .comm_infos .comm_smileys br{display:none;}
	.comm .comm_infos .comm_text{ padding: 10px 5px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {

    html{-webkit-text-size-adjust:none;}
    body,.global,.globalcol{max-width:767px;width:100%;margin:0 auto;padding:0;border:0;}
    .mainmenu .menu{float:left;width:33.33%;overflow:hidden;}

    /* user */
    .espace .tableespace{width:460px;margin:0 auto;}
    .espace .espace_col{width:460px;}
    .profilepage .im .im_infos{width:400px;}
    .profilepage .im_rep .im_infos{width:310px;}
    .tribune .postmessage .pm_infos{width:380px;}

    /* home + listings */
    .items-list .item-list .item-image{width:150px;height:100px;}
    .items-list .item-list .item-zone{margin-left:165px;}

    /* item */
    article .textzone img{max-width:440px;height:auto;}
    .zoom .arrows{top:130px;}
    .zoom .image img{max-width:360px;}
    .video_top .itemimage a small img{left:210px;}

    /* comparateur */
    .comparateur .cmp_homecat ul{width:350px;}
    .comparateur .cmp_homecat ul li{float:left;width:170px;}
}



/*      Mobile Layout: 480px.
        Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------*/

@media only screen and (max-width: 480px) {

    .topbar .searchform{display:none;}
    .content,.toppubs{margin-top:0;}
    .search .searchform{display:block;}
    .search .searchform select{display:none;}
    .search .searchform .text{width:195px;}
    .items-list .item-list .item-comments{display:none;}

    /* item */
    article .description{padding:15px;line-height:16px;}
    article .description .vignette{position:relative;float:left;margin:0 15px 0 0;}
    article .description .resume{display:inline;padding:0;}

    .footer .footercontent a{font-size:12px;line-height:32px;}

}

/*      Mobile Layout: 320px.
        Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------*/

@media only screen and (max-width: 320px) {

    .topbar .box .boxlink,.topbar .userbar .userlink{padding:0 6px;font-size:12px;}
    .topbar .userbar .userlink_menu{padding:0 12px;font-size:18px;}
    .topbar .userbar .userbox{padding: 13px 12px 0;}

    /* home + listings */
    .items-list .item-list .item-comments{display:none;}
    .items-list .item-list .item-zone{position:static;}
    .items-list .item-list .item-category{position:absolute;bottom:5px;left:10px;}

    .content .titleinfo div .infos{display:none;}
}

/*      Mobile Layout: 320px.
        For Opera and landscape screens only
------------------------------------------------------------*/

@media only screen and (max-width: 767px) and (orientation:landscape) {
    .opera .mainmenu .menu{float:left;width:33.33%;overflow:hidden;}
}

#jPanelMenu-menu {
  width: 0;
  height: 100%;
  margin-top: -1px;
  background: #3b3b3b;
  overflow: hidden;
}
#jPanelMenu-menu li {
    float: none;
    width: 100%;
    text-align: left;
}
#jPanelMenu-menu .menu-search {
    display: inline-block;
}
#jPanelMenu-menu a {
  display: block;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e3e3e), color-stop(100%, #383838));
  background-image: -webkit-linear-gradient(#3e3e3e, #383838);
  background-image: -moz-linear-gradient(#3e3e3e, #383838);
  background-image: -o-linear-gradient(#3e3e3e, #383838);
  background-image: -ms-linear-gradient(#3e3e3e, #383838);
  background-image: linear-gradient(#3e3e3e, #383838);
  border-top: 1px solid #484848;
  border-bottom: 1px solid #2e2e2e;
  color: white;
  font-size: 16px;
  padding: 10px 15px 10px 25px;
  text-align: left;
}
#jPanelMenu-menu a em {
  display: inline-block;
  width: 16px;
  text-align: center;
  font: 16px 'entypo', sans-serif;
  font-style: normal;
  margin-right: 10px;
}
#jPanelMenu-menu a small {
  display: inline-block;
  height: 17px;
  line-height: 17px;
  min-width: 17px;
  margin-left: 5px;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 17px 3px/3px 17px;
  -moz-border-radius: 17px 3px/3px 17px;
  -ms-border-radius: 17px 3px/3px 17px;
  -o-border-radius: 17px 3px/3px 17px;
  border-radius: 17px 3px/3px 17px;
  background-color: #80af3f;
  font-size: 11px;
  color: #fff;
}
#jPanelMenu-menu a:hover, #jPanelMenu-menu a:focus {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #484848), color-stop(100%, #383838));
  background-image: -webkit-linear-gradient(#484848, #383838);
  background-image: -moz-linear-gradient(#484848, #383838);
  background-image: -o-linear-gradient(#484848, #383838);
  background-image: -ms-linear-gradient(#484848, #383838);
  background-image: linear-gradient(#484848, #383838);
}
#jPanelMenu-menu:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 200%;
  width: 34px;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -ms-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}