@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;}
}
