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

    .container {
        padding: 0 10px;
    }

}
@media screen and (max-width: 801px) {
    /*/////////////////////////////////////
    MODIF COMPATIBILITE FRAMEWORK M6
    /////////////////////////////////////*/
    #boxVIDEO {
        margin-top:128px; 
    }
    #middle #ariane, .mainSECTION #ariane {
        display:none;
    }
    .page-level-2 #middle {
        padding-top: 0;
    }
    .onglet-infos {margin:0 auto;}

    .reassurrance h4 {
        margin: 60px auto 0 auto;
    }
    .page-level-2 .termsContainer {
        padding: 25px 0px 30px 0px;

    }

    #main #middle h1 {
        width:100%;
        padding-top:0;
    }


    .container {
        padding: 20px 0 0 0;
    }

    /* Mobule OFFre Hp start */

    #main.offreHp #middle h1{
        border-bottom:none;	
    }

    .offreHp .mobile-more {
        float: left;
        margin-left: 14px;
    }

    #main.offreHp .selection .offresHpContainer{
        padding:6px 0px 0px 0px;
        margin:0px 0px 0px 0px;
        background-image:url("../img/mobile_detail_top_separator.png");
        background-position:top;
        background-repeat: repeat-x;
    }

    .offresHpContainer .offreHpSection{
        width:100%;
        background-color: #fff;
        max-width:100%;
        padding:10px 0px 20px 0px;
        margin:0px 0px 0px 0px;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        background-image:url("../img/mobile_detail_separator.png");
        background-position:bottom;
        background-repeat: repeat-x;
    }

    .offresHpContainer .offreHpSection .cloudLeft,
    .offresHpContainer .offreHpSection .cloudRight{
        display:none;	
    }

    .offresHpContainer .offreHpSection img.person{
        display:none;
    }

    .offreHpSection .offresHpSectionContent{
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        height:auto;
        display:none;	
    }

    .offresHpContainer .offreSpecialBox{
        display:none;	
    }

    #main.offreHp #middle .offreHpSection h1{
        color:#792475;
        font-size:17px;
        padding:0px 0px 0px 16px !important;
    }

    #main.offreHp #middle .offreHpSection h1 b{
        clear:none;
        display:inline;
        color:#792475;

    }

    #main.offreHp #middle .offreHpSectionLast h1 b{
        color:#ff642c;
    }

    #main.offreHp #middle .offreHpSection h1 b sup{
        display:none;	
    }

    .offreHpSection h2, .offreHpSectionLast h2{
        color:#9f9e9e;
        font-size:18px;
        float:left;
        width:auto;
        margin-left:16px;
        font-family: 'robotocondensed';
        text-transform:none;
        margin-top:10px;
    }

    .offreHpSection h2 b{
        font-weight:normal;
        display:inline;
    }

    .offreHpSection h3 , .offreHpSectionLast h3{
        width:auto;
        float:right;
        margin:3px 45px 0px 0px;
        font-size:24px;
        height:30px;
        line-height:30px;

    }

    .offreHpSection p{
        width:100%;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        display: table;
        text-align:right;
        position:relative;
        right:45px;
        font-size:10px;
        color:#b0b0b0;
    }

    .offreHpSection a.button{
        right:5px;
        top:0px;
        background-image:none;
        padding:0px;
        min-width:auto;
        position:absolute;
        margin:0px;
        height:100%
    }
    .offreHpSection a.button span{
        background-image:none;
        text-shadow:0px 0px 0px #fff;
        font-size:0px;
    }
    .offreHpSection a.button i{
        background-position:0px -831px;
        top:59%;
        margin-top:-13px;
    }

    .offreHpSection .bottomAditionalInfoAdd{
        display:none;
    }

    .packages .button {
        right:30px;
    }

    .selection p.term{
        padding:15px 0px 0px 0px;
        font-size:12px;
    }

    .offreHp .selection .termsContainer{
        display:none;	
    }

    #main.offreHp #middle{
        min-height: inherit;	
    }

    #main #middle h1 {
        text-align: left;
        padding-left: 16px;
    }

    #main.offreHp .selection {
        margin: 0;
    }


    .offreHpSection img.personLeft{
        display:none;
        background: transparent;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
        zoom: 1;
    }

    .offreHpSection img.personRight{
        display:none;
        background: transparent;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
        zoom: 1;
    }

    /* mobile offre Hp end */



    /* =============================================================================
            Mobile Detail Sim Page - Start
    ========================================================================== */
    .sim-details, .sim_details #middle {
        margin: 0;
        padding: 0;
    }

    .sim-left {
        left: 50%;
        margin-left: -164px;
    }

    .sim_details .termsContainer {
        display: block !important;
        margin: 0 20px;
        border: 0;
        padding: 0;
    }

    .reassurrance {
        display: block;
    }

    .reassurrance h4.active {
        background: url(https://m6mobile.fr/skins/page-fiche-article/img/description_tab_trigger_btn.png) no-repeat 8px -8px;	
    }

    .reassurrance h4 {
        background: url(https://m6mobile.fr/skins/page-fiche-article/img/description_tab_trigger_btn.png) no-repeat 8px -48px;
        padding: 3px 50px;
        color: #792475;
        font-family: roboto_condensedbold;
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
        cursor: pointer;
    }

    .reassurrance > ul {
        display: none;
        border: 0;
        padding: 0;
        margin: 0 14px 0;
    }

    .reassurrance > ul.open {
        display: block;
    }

    .reassurrance > ul li {
        display: block;
        float: none;
        width: 100%;
        padding: 6px 0;
        margin: 0;
    }

    .reassurrance ul li span{
        width:100%;
        max-width:100%;
        font-size:14px;
        font-family: 'roboto_condensedbold';	
    }

    .mobile_details .selectionMobile .bottomBlock, .mobile_details .selectionMobile .facebook-box, .mobile_details .line_shadow {
        display: none;
    }

    .mobile_details #footer {
        background-image: none !important;
    }
    .mobile_details #middle {
        padding: 0px 0px 22px 0px;
    }

    .mobile-details .mobile-more {
        float: left;
        margin-left: 14px;
    }

    .mob-det .side-right {
        margin: 0 !important;
    }

    .mobile-details {
        margin: 0; padding: 0;
    }
    #main #middle h1 {
        text-align: left;
        padding-left: 16px;
    }

    .mob-det .side-left {
        width: 100%;
    }


    .package_select label {
        display: inline-block;
        margin-bottom: 16px;
        float: none;
    }

    .packages {
        border:0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-radius: 0;
        background: #fff;
        behavior: url(https://m6mobile.fr/css/hackCSS3IE.htc);
        zoom: 1;
        position:relative;
    }

    #main #middle .container .bottomBlock ,
    #main #middle .container .facebook-box ,
    #main #middle .container .line_shadow {
        display:none;
    }

    .category-box{
        padding:0px 16px 0px 16px;
    }

    .category-list{
        border-bottom: 1px solid #e5e5e5;
        padding-bottom:35px;	
    }

    .category-list .item{
        width:100%;
        min-height:120px;
        position:relative;
    }

    .category-list .item .clearfix:after{
        clear:none;
    }

    .category-list .item .ico{
        display:none;	
    }

    .category-list .item .subcategory-title{
        margin:-3px 0px 0px 116px;
        float:left;
        line-height:20px;
        font-size:14px;
    }

    .category-list .item h3.category-title{
        clear:both;
        margin:-3px 0px 0px 116px;
        font-size:14px;
        display:block;
    }

    .category-list .item .category-img{
        max-width:100px;
        border:1px solid #000;
        margin:0px 0px 0px 0px;
        float:left;
        position:absolute;	
    }

    .category-list .item .promo{
        left:116px;
        top:40px;
        min-width: auto;
        height:42px;
        font-size:19px;
    }

    .category-list .item a.button{
        float:right;
        background-image: transparent url('https://m6mobile.fr/skins/page-fiche-article/img/btn-sprite.png');
        background-position:0px -44px;
        width:26px;
        height:26px;
        min-width:26px;
        top:50%;
        right:0px;
        margin:-13px 0px 0px 0px;
        padding:0px;
        position:absolute;
    }

    .category-list .item a.button span{
        display:none;	
    }

    .category-box.jeux-concours h1 , .category-box.bons-plans-flash h1 , .category-box.bons-plans h1{
        font-size:17px;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px !important;
        height: 20px;
        line-height:20px;
        color:#792475 !important;
        filter: none;
    }

    /* Description tab start here */



    .adition_info p {
        /* Nexus 7 fix */
        display: block;
        background: url('https://m6mobile.fr/skins/page-fiche-article/css/img/pix.png') no-repeat;
    }
    /* Description tab end here */

    /* Featured phones start here */
    .featured_phones {
        display: none;
    }
    /* Featured phones end here */


    /* =============================================================================
                    Mobile Details Page - Start
========================================================================== */
    .mobile_slider {
        margin: 0;
    }

    .mobile_details .termsContainer {
        display:inline-block !important;
        padding: 0 16px;
        border: 0;

    }
    /*
    .mobile_details .footer_bloc.newsletter {
            display: none !important;
    }
    */
    .mobile_details .selectionMobile .bottomBlock, .mobile_details .selectionMobile .facebook-box, .mobile_details .line_shadow {
        display: none;
    }

    .mobile_details #footer {
        background-image: none !important;
    }
    .mobile_details #middle {
        padding: 0px 0px 22px 0px;
    }

    .mobile-details .mobile-more {
        float: left;
        margin-left: 14px;
    }

    .mob-det .side-right {
        margin: 0 !important;
    }

    .mobile-details {
        margin: 0; padding: 0;
    }
    #main #middle h1 {
        text-align: left;
        padding-left: 16px;
    }

    .mob-det .side-left {
        width: 100%;
    }

    .productCarousel {
        float: none;
        margin: 0 auto;
        overflow:visible!important;
    }

    .productCarousel .slides img {
        max-width:220px;
    }
    
    
    .productCarousel .flex-direction-nav li .next{

        background-position:-66px -83px;
        right:-15%;
        top:40%;
        padding:10%;
    }

    .productCarousel .flex-direction-nav li .prev{

        background-position:10px -83px;
        left:-15%;
        top:40%;
        padding:10%;
    }

    .mob_rating {
        display: table;
        width: 288px;
        margin-left: auto;
        margin-right: auto;
        border-bottom: 1px solid #cbcfce;
        padding: 30px 0;
    }
    .mob_rating p {
        margin-left: 14px
    }

    .mob-det .buttons {
        display: inline-block;
        text-align: center;
        padding-top: 30px;
        width: 156px;
        margin: 0px 0px -14px -80px;        
        position:relative;
        left:50%;
        top:-6px;
    }
    .skinMOBILE .mob-det .buttons, .skinTABLET .mob-det .buttons, .skinNEXUS .mob-det .buttons, .skinANDROID .mob-det .buttons, .skinPLAYBOOK .mob-det .buttons{   
        top:0;
    }   
    
    .mob-det .buttons.pastilleMORETHANONE {
        width: 312px;
        margin: 0px 0px -14px -156px;        
        top:0;
    }
    
    .skinMOBILE .mob-det .buttons.pastilleMORETHANONE, .skinTABLET .mob-det .buttons.pastilleMORETHANONE,
    .skinNEXUS .mob-det .buttons.pastilleMORETHANONE, .skinANDROID .mob-det .buttons.pastilleMORETHANONE, .skinPLAYBOOK .mob-det .buttons.pastilleMORETHANONE{   
        top:0px;
    }   
    
    
    .mob-det .buttons .promo_btn {
        background: #792475 url('https://m6mobile.fr/skins/page-fiche-article/css/img/pix.png') no-repeat;
    }

    .mob-det .buttons .read_more_btn {
        background: #7998c4 url('https://m6mobile.fr/skins/page-fiche-article/css/img/pix.png') no-repeat;
    }

    .mob-det .side-right {
        margin: 0 !important;
    }

    .mobile-details {
        margin: 0; padding: 0;
    }

    /* Temporary out start here */
    .temp_out {
        border: 0;

    }
    /* Temporary out end here */

    /* package temporary out start */

    .packages {
        margin-top:0;
    }

    .packages .temporary_out , .temporary_out{
        padding:20px 16px 20px 16px;
        width:auto;
    }

    .temporary_out p{
        padding:0px 30px 10px 30px;
        font-size:12px;
        line-height:18px;
        margin-top:5px;		
    }

    .temporary_out .action-input{
        padding:0px 0px 0px 0px;
        margin-top:10px;
    }

    .temporary_out .action-input input.temp_out_input{
        width:210px;
    }

    .packages .temporary_out .mobile-more , .temporary_out .mobile-more {
        display: block;
        font-size:12px;
        float: none;
        margin: 0;
    }

    /* package temporary out end */

}
@media screen and (max-width:768px) {  
    .container {
        padding:0;
    }
}

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



}

@media screen and (max-width:640px) {  
    #middle #ariane, .mainSECTION #ariane {
        display: none;
    }
    #main #middle h1.h1, #main #middle h2.h1 {
        color:#000000;
    }
}

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



}

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


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



}