@media screen and (max-width:959px) {  
    .page-level-2 .mention-usages {
        margin-left:5px;
    }    
    .page-level-2 #middle {}
    #main.page-level-2 #middle h1.h1 {
        padding:0!important;
        margin: 10px 0 0 5px!important;
    }

    .page-level-2 .wrapp-content .h1 {
        margin-top:0;
    }

    
    .sectionINSIDE .mid .content {
        width:90%;
        max-width:none;
        margin:0 5%;
    }

    #sectionINSIDEM6MOBILE .mid#sectionVIOLLETTE,
    #sectionINSIDEM6MOBILE .mid#sectionVIOLLETTE .content,
    #sectionINSIDEM6MOBILE .mid#sectionBLEUE,
    #sectionINSIDEM6MOBILE .mid#sectionBLEUE .content{
        height:auto;
        padding-bottom:30px;
    }

    .rond {
        display:none;
    }
    .picto-illustration {
        display:none;
    }
    #sectionCHEMIN {
        display:none;
    }

    #sectionINSIDEM6MOBILE h2 {
        font-size:20px;
    }


    .blocSECTION {
        position:relative;
        top:0!important;
        left:0!important;
        width:100%!important;
        margin-bottom:40px;
    }


    .blocSECTION.blocLEFT .bullePICTO, .blocSECTION.blocLEFT .bullePICTOWHITE {
        position:relative;
    }
    .blocSECTION.blocLEFT p, .blocSECTION.blocLEFT h3 {
        position:relative!important;
        top:0!important;
        left:0!important;
        width:50%;
    }

    .blocSECTION.blocRIGHT .bullePICTO, .blocSECTION.blocRIGHT .bullePICTOWHITE {
        position:relative;
    }    
    .blocSECTION.blocRIGHT p, .blocSECTION.blocRIGHT h3 {
        position:relative!important;
        top:0!important;
        left:0!important;
        width:50%;
    }


    .blocSECTION h3.bigTITLE {
        width:100%;
        float:none;
        font-size: 24px;
        margin-bottom:30px;
    }

    .blocSECTION p {
        line-height:18px;
    }   

    #sectionINSIDEM6MOBILE .mid#sectionBLEUE .blocSECTION h3.bigTITLE {
        padding-top:30px;
    }



    #bloc1 .bullePICTO {
        margin-left:-40px;
    }






    #bloc1 {
        width:100%;
    }
    #bloc1 .bullePICTO {
        float:left;
        margin-right:10px;
    }    
    #bloc1 h3 {
        width:100%;
    }
    #bloc1 p {
        width:100%;
    }
    #bloc1 .img1 {
        top:14px;
        left:30px;
        z-index:20;
    }
    /* BLOC COMMUNAUTES */
    #bloc2 {
        width:100%;
    }
    #bloc2 .bullePICTOWHITE {
        float:right;
        margin-left:10px;
    }
    #bloc2 h3 {
        width:100%;
    }
    #bloc2 p {
        width:100%;
    }

    /* BLOC VIDEOS */
    #bloc3 {
        width:100%;
    }
    #bloc3 .bullePICTOWHITE {
        float:left;
        margin-right:10px;
    }    
    #bloc3 h3 {
        width:100%;
    }
    #bloc3 p {
        width:100%;
    }

    /* BLOC SUR VOTRE ORDINATEUR */
    #bloc4 {
        width:100%;
    }
    #bloc4 .bullePICTOWHITE {
        float:right;
        margin-left:10px;
    }        
    #bloc4 h3 {
        width:100%;
    }
    #bloc4 p {
        top:68px;
        left:238px;
        width:280px;    
    }
    /* BLOC SUR VOTRE ORDINATEUR */
    #bloc5 {
        width:100%;
    }
    #bloc5 .bullePICTO {
        float:left;
        margin-left:-20px;
        margin-right:-26px;
        width:50%;
    }           
    #bloc5 h3 {
        width:100%;
    }
    #bloc5 p {
        width:100%;
        margin-bottom:8px;
    }
    #bloc5 .call-to-click {
        position:relative;
        top:0;
        left:0;
        right:auto;
    }
    /* BLOC BLOG */
    #bloc6 {
        width:100%;
    }
    #bloc6 .bullePICTOWHITE {
        float:right;
        margin-left:10px;
    }    

    #bloc6 h3 {
        width:100%;
    }
    #bloc6 p {
        width:100%;
    }
    /* BLOC RESEAUX */
    #bloc7 {
        width:100%;
    }
    #bloc7 .bullePICTOWHITE {
        float:left;
        margin-right:10px;
    }
    #bloc7 h3 {
        width:100%;
        text-align:left;    
    }
    #bloc7 p {
        width:100%;
        text-align:left;    
    }
    /* BLOC CHAT */
    #bloc8 {
        width:100%;
    }
    #bloc8 .bullePICTOWHITE{
        float:right;
        margin-left:10px;
    }    
    #bloc8 h3 {
        width:100%;
    }
    #bloc8 p {
        width:100%;
    }

    #sectionINSIDEM6MOBILE .renvoiLINK {
        text-align:left;
        bottom:-20px;
        left:0px;
        right:auto;
    }





}


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


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



}

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

}
@media screen and (max-width:639px) {  
    /*///////////////////////////////////
    CLASSES POUR SMARTPHONE 
    ///////////////////////////////////*/
    .hidden-smarphone {
        display:none;
    }
    .hidden-desktop {
        display:block;
    }
    /*///////////////////////////////////
    FIN CLASSES POUR SMARTPHONE 
    ///////////////////////////////////*/



    /*///////////////////////////////////
    RESET LAYOUT POUR SMARTPHONE 
    ///////////////////////////////////*/    
    #main.page-level-2 #middle h1.h1 {
        margin:0;
        color: #000000;
        font-size:18px;
        text-transform: uppercase;
    }
    .page-level-2 #middle {
        padding:20px 0 0 0;
    }    
    .page-level-2 .mention-usages {
        top: 0;
        margin: 5px 0 0 5px;
    }  





}

@media screen and (max-width:640px) {  
    #sectionINSIDEM6MOBILE h2 {
        font-size:18px;
    }    


    .blocSECTION .bullePICTOWHITE.bulle126 {
        width:126px;
        height:126px;
    }
    .blocSECTION .bullePICTOWHITE.bulle184 {
        width:100px;
        height:100px;
    }
    .blocSECTION .bullePICTOWHITE.bulle188 {
        width:100px;
        height:100px;
    }
    .blocSECTION .bullePICTOWHITE.bulle194 {
        width:100px;
        height:100px;
    }
    .blocSECTION .bullePICTOWHITE.bulle198 {
        width:100px;
        height:100px;
    }
    .blocSECTION .bullePICTOWHITE.bulle204 {
        width:100px;
        height:100px;
    }    




    #bloc1 .bullePICTO {
        width:160px;
    }



    #bloc2 .img1 {
        top:14px;
        left:40px;
        z-index:20;
        width:70%;
    }
    #bloc2 .img2 {
        top:20px;
        left:-20px;
        z-index:20;
        width:70%;
    }
    #bloc3 .img1 {
        top:24px;
        left:-20px;
        width:80%;
    }
    #bloc3 .img2 {
        top:60px;
        left:80px;
        width:20px;
    }
    #bloc3 .img3 {
        top:18px;
        left:70px;
        width:20px;
    }
    #bloc3 .img4 {
        top:-4px;
        left:40px;
        width:30px;
    }
    #bloc4 .img1 {
        top:-10px;
        left:10px;
        z-index:20;
    }
    #bloc4 .img2 {
        top:30px;
        left:-20px;
        width:70px;
    }    
    #bloc5 .img1 {
        top:0px;
        left:-50px;
        z-index:20;
    }
    #bloc6 .img1 {
        top:0px;
        left:-20px;
        z-index:20;
    }    
    #bloc7 .img1 {
        top:-34px;
        left:-30px;
        width:80%;
    }
    #bloc7 .img2 {
        top:40px;
        left:26px;
        width:80%;
    }    
    #bloc8 .img1 {
        top:-14px;
        left:-8px;
        width:70%;
    }
    #bloc8 .img2 {
        top:30px;
        left:16px;
        width:90%;
    }

}

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




}