@media only screen and (min-width: 980px) {

}

@media (max-width:1024px) { 
        html { background : #fff !important ;}
        #hab_click, #hab_click_side {display:none !important;}
        .general {width: 1000px;}
}

/* Mobile (Portrait) Width 320px 
 * ------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	
        html { background : #ddd !important ;}
        #pub-overlay {display: none !important;}
        
        #hab_click, #hab_click_side {display:none !important;}
         
        .banniere-top {display:none !important;}
        .topNav a, .datetime {line-height: 22px !important;}
     
        .gallery-couv li {width: 90px !important;margin-right : 7px !important;}
        .gallery-couv li:nth-child(5n+5) { margin-right : 7px !important;}
        .gallery-couv li:nth-child(5n+1) { margin-left: 0 !important;}
        .gallery-couv li:nth-child(2n+2) { margin-right : 7px !important;}
        .gallery-couv li:nth-child(2n+1) { margin-left: 0 !important;}
        
        .gallery-couv-large li {width: 143px !important;margin-right : 7px !important;}
        .gallery-couv-large li:nth-child(4n+4) { margin-right : 7px !important;}
        .gallery-couv-large li:nth-child(4n+1) { margin-left: 0 !important;}
        .gallery-couv-large li:nth-child(2n+2) { margin-right : 0px !important;}
        .gallery-couv-large li:nth-child(2n+1) { margin-left: 0px!important;}
        
        
        .gallery-couv li img.couv {width: 88px !important;}
        .bandeau-info h1 {font-size: 20px !important;margin-top:10px !important;}
        .bandeau-image {width: 310px !important;}
        .bandeau-image img {width: 310px;height:auto !important;}
        .bandeau-image.album img.fadeover {width: 310px;height:auto !important;}
        .avisposttext {width:280px !important;}
        .avisposttext textarea {width:272px !important;}
        .avatar {display:none !important;}
        .bt-avis {display:none !important;}
        .bandeau-info h2 {font-size: 14px !important; width:310px !important;min-width:0; min-width:100% !important;}
        .bandeau-info.album h3  {min-width:100% !important;}
        .bandeau-menu ul.nav-serie {display:none !important;}
        .bandeau-menu ul li {margin: 0 8px 0 0 !important;}                          
        .bandeau-menu a {font-size: 14px !important;}
        .bandeau-wrapper {display:none !important;}
        .bandeau-vignette {display: none !important; }
        .bandeau-vignette-serie {display: none !important; }
        .bandeau-alire {display: none;}  
        .auto-height {max-height:175px !important;}
        .widget.extrait {margin-top: 0px !important;}
        .alire {display:none !important;}
        .widget.detail-album {display:none !important;}
        .widget-magazine .xright {margin-left: 0;}

	/* Layout */
	.general, .top { width:100%; max-width: 100%; margin: 0 auto; position: relative; }
	.container_12  { max-width:340px; width:340px; }
	.container_12 .grid_12,.container_12 .grid_8,.container_12 .grid_6,.container_12 .grid_4,.container_12 .grid_3,.container_12 .grid_9, .footer-link { max-width:340px; width:340px; margin-left:0px; margin-right:0px; }
	.container_12 .prefix_4 { padding-left: 0px; }
	.scrolltop {display:none;}
        .footer-bottom {display:none;}
	.wrapper { margin-top: 0; }
	.top-wrap { width:340px; max-width: 340px; overflow:hidden;  }
	.top { margin-bottom: 0; height:auto; margin-top : 0 !important;}
	.page-line-title { margin-top:20px;}
	
        
	/* Widget Magazine */
	.widget-magazine .block-big .big-desc { clear: both; padding-left: 0; }
	.widget-magazine .left, .widget-magazine .right { margin: 0px; }
	.widget-magazine .big-title { padding-top: 8px; }
	.alpha.widget-magazine.half { margin-bottom:35px; }
	
	/* Blog */
	.home-1 .post-image{width:268px; height:152px; float:none; padding:15px 15px 0 15px;}
	.home-1 .post-content { padding:15px;}
	.home-1 #post-icon {display:none;}
	.home-1 .post-title {font-size:20px; }
	
	/* header */
	.logo-header a, .logo-bottom a {text-align:center; display: block;}
	.logo-header { position:relative; }
        .logo-header .logo-subtitle {display:none; }
        
	.social-header ul { width: 100%; text-align:center; margin-top:15px; float:none; }
	.social-header ul li, .social-header ul li:last-child{ display:inline-block; float:none; padding:0 2px; }
	.header-content { display:none; }
	
	/* Top Nav */
	.topNav { width: 100%; text-align:center; }
	.topNav li { display:inline-block; float:none; }
	
	/* Bottom Nav */
	.bottomNav { width: 100%; text-align:center; float:none; margin-top:10px; }
	.bottomNav li { display:inline-block; float:none; }
	.bottomNav li a { padding:0 10px; font-size:13px; }

	/* Menu */
	.container_12.dropdownmenu{ display:block; }
	.mainnavmenu { display:none; }
	.container_12.dropdownmenu select { background: transparent; outline: none; padding: 5px; border: 1px solid #E1E1E1; height: 34px; width:340px; margin: 25px 0 15px 0; color: #777; font-size:13px; }
	
	
	/* Hidden */
	.datetime, .social-header, .line-head, .digg-share, .stumbleupon-share, .reddit-share, .tumblr-share, .email-share, .author-description .avatar, .flex-caption p, .flex-direction-nav, .related-wrapper, #nextId { display:none; }
	
	
	/* Single */
	.single-container { margin-top:20px; }
	.single-info { display:none; }
	.textarea-comment { width: 280px; }
	.comment-submit { width: 300px; }
	.input-name, .input-email, .input-website { width:287px; }
	.gallery-icon img, .gallery-icon { width: 60px; height: 60px; background: #000; }
	.critera { width:280px; }
	.overall-score {width:280px;}
        
	/* Portfolio */
	.portfolio1 li , .portfolio2 li{ margin:0 0 30px 0; }
	ul#filter { margin:20px 0 0 0; }
	ul#filter li { margin-bottom:10px; }
	.portfolio2 li  { width:140px; margin-left:5px; margin-right:5px; }
	.portfolio2 li img { width:140px; max-width:140px; height:auto; }
	
	/* Gallery */
	.gallery-post { margin-top:20px; }
	.grid_2.gallery-image { margin: 0 5px 20px 5px; }
	
	/* Contact */
	.postForm .text, .postForm textarea { width:228px; }
	.postForm .submit { width:248px; }
	
	/* News Ticker */
	.spotlight {max-width: 300px; width: 300px; margin-left: auto; margin-right: auto;}
	ul.newsticker { /* that's your list */ position: relative; list-style-type: none; margin: 0; padding: 0; left: 150px; }
	
	/* Footer */
	.credits { overflow:hidden; }
	.credits p { float:none; text-align:center; }
	
	/* Adds */
	.adds300x250 img { width:300px; max-width:300px; height:250px;  }
	.adds620x90 { width:300px; max-width:300px; height:50px; }
	.adds620x90 img { height:50px; }
	
	/* Flex Slider */
	.flex-caption  { display:none; }
	.flexslider.full { min-height:136px; max-width: 100%; width: 100%; margin:0 0 20px 0; margin-left: auto; margin-right: auto; }
	.flexslider.small { min-height:165px; margin:0px 0 20px 0; }
	.flexslider.small.bedetheque {display: none;}
        
        /* Pub */
        .header-pub { display : none;}
        
        /*Review */
        .title-score {display: none;}
        .review-planche {display: none;}
        
        /*Series*/
        .serie-wrap { height : 90px;}
        ul.tabs-serie { left:2px;}
        ul.tabs-serie li {width:auto !important; padding: 0 0px !important;}
        ul.tabs-album { left:2px;}
        ul.tabs-album li {width:auto !important; padding: 0 0px !important;}
        .album-main .autres p {width:290px;}
        .button-serie {top:30px;}
        
        /*Chronique*/
        .review-image {width:320px;}
        .review-image img {width:320px;}
        .button-serie {display:none;}
        .single-title h1 {width:100%;}
        
        
        
}

/* Mobile (Landscape)
 * ------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/* Layout
	 * ------------------------------------------------- */
        #hab_click, #hab_click_side {display:none !important;}
        .banniere-top {display:none !important;}
        
        #pub-overlay {display: block;}
        #interstitiel {height: 225px;margin-left: -225px;margin-top: -112px;width: 450px;}
        #interstitiel a img {width: 450px;height: 225px;}
        #interstitiel-ferme {margin-left: -225px;margin-top: -135px;width: 450px;}
        
        .gallery-couv li {width: 90px !important;margin-right : 7px !important;}
        .gallery-couv li:nth-child(5n+5) { margin-right : 7px !important;}
        .gallery-couv li:nth-child(5n+1) { margin-left: 0 !important;}
        .gallery-couv li:nth-child(2n+2) { margin-right : 7px !important;}
        .gallery-couv li:nth-child(2n+1) { margin-left: 0!important;}
        .gallery-couv li:nth-child(3n+3) { margin-right : 7px !important;}
        .gallery-couv li:nth-child(3n+1) { margin-left: 0 !important;}
        .gallery-couv li img.couv {width: 88px !important;}
        
        .gallery-couv-large li {width: 143px !important;margin-right : 7px !important;}
        .gallery-couv-large li:nth-child(4n+4) { margin-right :7px !important;}
        .gallery-couv-large li:nth-child(4n+1) { margin-left: 0 !important;}
        .gallery-couv-large li:nth-child(2n+2) { margin-right : 7px !important;}
        .gallery-couv-large li:nth-child(2n+1) { margin-left: 0!important;}
        .gallery-couv-large li:nth-child(3n+3) { margin-right : 7px !important;}
        .gallery-couv-large li:nth-child(3n+1) { margin-left: 0 !important;}
 
        .bandeau-info h1 {font-size: 20px !important;margin-top:10px !important;}
        .bandeau-image {width: 310px !important;height:auto !important;}
        .bandeau-image img {width: 310px;}
        .bandeau-image.album img.fadeover {width: 310px;height:auto !important;}
        .bandeau-wrapper {display:none !important;}
        .bandeau-info h2 {font-size: 14px !important; width:310px !important;min-width:100% !important;}
        .bandeau-info h3 {min-width:100% !important;}
        .avisposttext {width:280px !important;}
        .avisposttext textarea {width:272px !important;}
        .avatar {display:none !important;}
        .bt-avis {display:none !important;}
        .bandeau-menu ul.nav-serie {display:none !important;}
        .bandeau-menu ul li {margin: 0 8px 0 0 !important;}                          
        .bandeau-menu a {font-size: 14px !important;}
        .bandeau-vignette {display: none !important; }
        .bandeau-vignette-serie {display: none !important; }
        .bandeau-alire {display: none;}        
        .auto-height {max-height:175px !important;}
        .widget.extrait {margin-top: 0px !important;}
        .widget.detail-album {display:none !important;}
        .alire {display:none !important;}
	.general, .top { width:500px; max-width: 500px; margin: 0 auto; position: relative; }
	.container_12  { max-width:460px; width:460px; }
	.container_12 .grid_12,.container_12 .grid_8,.container_12 .grid_6,.container_12 .grid_4,.container_12 .grid_3, .widget-magazine .block-small,.container_12 .grid_9, .footer-link { max-width:460px; width:460px; margin-left:0px; margin-right:0px; }
        
	.container_12 .prefix_4 { padding-left: 0px; }
	.scrolltop {display:none;}
	.wrapper { margin-top: 0; }
	.top-wrap { width:460px; max-width: 460px; overflow:hidden; }
	.top { margin-bottom: 0; height:auto; }
	.page-line-title { margin-top:20px;}
	
	/* Widget Magazine */
	.widget-magazine .block-big .magz-image { width:460px; height:261px;}
	.widget-magazine .block-big .big-desc { clear: both; padding-left: 0; }
	.widget-magazine .left, .widget-magazine .right { margin: 0px; }
	.alpha.widget-magazine.half { margin-bottom:35px; }
	.magazine-widget .block-small-noimage { width: 445px; }
	
	/* Blog */
	.home-1 .post-image{width:428px; height:242px; float:none; padding:15px 15px 0 15px;}
	.home-1 .post-content { padding:15px;}
	/*Footer */
	.credits { overflow:hidden; }
	.credits p { float:none; text-align:center; }
	
	/* header */
	.logo-header a, .logo-bottom a {text-align:center; display: block;}
	.logo-header { position:relative; } 
	.social-header ul { width: 100%; text-align:center; margin-top:15px; float:none; }
	.social-header ul li, .social-header ul li:last-child{ display:inline-block; float:none; padding:0 5px; }
	.header-content { display:none; }
	
	/* Top Nav */
	.topNav { width: 100%; text-align:center; }
	.topNav li { display:inline-block; float:none; }
	
	/* Bottom Nav */
	.bottomNav { width: 100%; text-align:center; float:none; margin-top:10px; }
	.bottomNav li { display:inline-block; float:none; }
	.bottomNav li a { padding:0 10px; font-size:13px; }
	
	
	/* Menu */
	.container_12.dropdownmenu{ display:block; }
	.mainnavmenu { display:none; }
	.container_12.dropdownmenu select { background: transparent; outline: none; padding: 5px; border: 1px solid #E1E1E1; height: 34px; width:460px; margin: 25px 0 15px 0; color: #777; font-size:13px; }
	
	
	/* Hidden */
	.datetime, .social-header, .bottomNav-wrapper, .line-head, .digg-share, .stumbleupon-share, .reddit-share, .tumblr-share, .email-share, .author-description .avatar, .flex-caption p, .flex-direction-nav, .related-wrapper, #nextId { display:none; }
	
	/* Single */
	.single-info { display:none; }
	
	.textarea-comment { width: 280px; }
	.comment-submit { width: 460px; }
	.input-name, .input-email, .input-website { width:447px;  }
	.gallery-icon img, .gallery-icon { width: 60px; height: 60px; background: #000; }
	.critera { width:290px; }
	.overall-score{width:129px;}
	
	/* Portfolio */
	.portfolio1 li , .portfolio2 li{ margin:0 0 30px 0; }
	.portfolio1 li { width:460px; }
	.portfolio2 li { margin-right:5px; margin-left:5px; }
	.portfolio1 li img { width:460px; max-width:460px; height:auto; }
	ul#filter { margin:20px 0 0 0; }
	ul#filter li { margin-bottom:10px; }
	
	/* Gallery */
	.gallery-post { margin-top:25px; }
	.gallery-post img{ width:460px; max-width:460px; height:auto; }
	.grid_2.gallery-image { margin: 0 6px 20px 6px; }
	
	/* Contact */
	.postForm .text, .postForm textarea { width:388px; }
	.postForm .submit { width:408px; }
	
	/* News Ticker */
	.spotlight {max-width: 460px; width: 460px; margin-left: auto; margin-right: auto;}
	ul.newsticker { /* that's your list */ position: relative; list-style-type: none; margin: 0; padding: 0; left: 150px; }
	
	/* Footer */
	.credits { overflow:hidden; }
	.credits p { float:none; text-align:center; }
	
	/* Adds */
	.adds300x250 { width:460px; max-width:460px; height:389px;  }
	.adds300x250 img { width:460px; max-width:460px; height:389px;  }
	.adds620x90 { width:460px; max-width:460px; height:60px; }
	.adds620x90 img { height:60px; }
	
	/* Flex Slider */
	.flex-caption  { display:none; }
	.flexslider.full { min-height:136px; max-width: 100%; width: 100%; margin:0 0 20px 0; margin-left: auto; margin-right: auto; }
	.flexslider.small { min-height:225px; margin:0px 0 20px 0; }
	
        /*Series*/
        .serie-wrap { height : 70px;}
        ul.tabs-serie { left:10px;}
        ul.tabs-serie li {width:auto !important; padding: 0 10px !important;}
        ul.tabs-album { left:10px;}
        ul.tabs-album li {width:auto !important; padding: 0 10px !important;}
        .album-main .autres p {width:450px;}
         .button-serie {top:0px;}
}