.bloc-radius {
    -moz-border-radius:6px;
    -khtml-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;  
    behavior: url(https://m6mobile.fr/css/hackCSS3IE.htc);    
}

ul,li,p {
    margin:0;
    padding:0;
}


.hidden-less768 {display:block;}
.visible-less768{display:none;}


.sectionINSIDE {}
.mainSECTION {} 



.sectionINSIDE .mid {}
.sectionINSIDE .mid .content {
    position:relative;
    top:0;
    left:0;
    z-index: 40;
    width:960px;
    max-width:1300px;
}



.visible-less768 {}
.hidden-less768 {}


.sectionINSIDE #chemin {
    position:absolute;
    top:250px;
    left:0;
    z-index:25;
    width:100%;
    height:810px;
    background:url(../img/bg_cheminPURPLE.png) no-repeat 50% 0;
}


#sectionINSIDEM6MOBILE {
    position: relative;
    top:0;
    left:0;
    margin-bottom:30px;
}
#sectionINSIDEM6MOBILE .mid {
    text-align: center;
}
#sectionINSIDEM6MOBILE h2 {
    padding:30px 0;
}



#sectionINSIDEM6MOBILE .mid#sectionVIOLLETTE {
    height:1060px;
    background-color:#be96c2;
}
#sectionINSIDEM6MOBILE .mid#sectionVIOLLETTE .content {
    height:1060px;
}
#sectionINSIDEM6MOBILE .mid#sectionBLEUE {
    height:1215px;
    background-color:#7999c4;
}
#sectionINSIDEM6MOBILE .mid#sectionBLEUE .content{
    height:1215px;
}


#sectionINSIDEM6MOBILE .mid h3 {}
#sectionINSIDEM6MOBILE .mid p {
    color:#ffffff;;
}

#sectionCHEMIN {
    position:absolute;
}

.blocSECTION {
    position:absolute;
    z-index: 60;
    width:100%;
    min-height:100px;
    text-align:left;
}
.mouse .blocSECTION {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    -webkit-transform:  translate3d(0px, 100px, 0) rotateX(-30deg) scale(1.25, 1.25);
    -moz-transform: translate3d(0px, 100px, 0) rotateX(-30deg) scale(1.25, 1.25);
    transform: translate3d(0px, 100px, 0) rotateX(-30deg) scale(1.25, 1.25);
    opacity: 0.8;
}
 
.mouse .blocSECTION.appeared{
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(0)  scale(1, 1);
    -moz-transform:  translate3d(0px, 0px, 0px) rotateX(0)  scale(1, 1);
    transform: translate3d(0px, 0px, 0px) rotateX(0)  scale(1, 1);
    opacity: 1;
}



.blocSECTION .inner-bloc {
    position:relative;
    top:0;
    left:0;
}
.blocSECTION.blocRIGHT {
    right:0;
}

.blocSECTION.blocLEFT {
    left:0;
}
.blocSECTION .bullePICTO {
    position:absolute;
    top:0;
}
.blocSECTION .bullePICTOWHITE {
    position:absolute;
    top:0;
    width:120px;
    height:120px;
    background:#ffffff;
    -moz-border-radius:50%;
    -khtml-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;  
    behavior: url(https://m6mobile.fr/css/hackCSS3IE.htc);    
}
.blocSECTION.blocLEFT .bullePICTO {
    left:0;  
}
.blocSECTION.blocLEFT .bullePICTOWHITE {
    left:0;  
}
.blocSECTION.blocRIGHT .bullePICTO {
    right:0;  
}
.blocSECTION.blocRIGHT .bullePICTOWHITE {
    right:0;  
}
.blocSECTION .bullePICTO .in, .blocSECTION .bullePICTOWHITE .in {
    position:relative;
    top:0;
    left: 0;
}
.blocSECTION .bullePICTOWHITE img {
    position:absolute;
}


/* DEFINE SIZE BULLE */
.blocSECTION .bullePICTOWHITE.bulle126 {
    width:126px;
    height:126px;
}
.blocSECTION .bullePICTOWHITE.bulle184 {
    width:184px;
    height:184px;
}
.blocSECTION .bullePICTOWHITE.bulle188 {
    width:188px;
    height:188px;
}
.blocSECTION .bullePICTOWHITE.bulle194 {
    width:194px;
    height:194px;
}
.blocSECTION .bullePICTOWHITE.bulle198 {
    width:198px;
    height:198px;
}
.blocSECTION .bullePICTOWHITE.bulle204 {
    width:204px;
    height:204px;
}



.blocSECTION.blocLEFT h3 {
    position:absolute;
    top:0;
    right:0;
    display:block;
    font-size:20px;
}
.blocSECTION.blocLEFT p {
    position:absolute;
    top:30px;
    right:0;
    font-family: "roboto_condensedbold";
}
.blocSECTION p span {
    font-size:11px;
    display:block;
}
.blocSECTION.blocRIGHT h3 {
    position:absolute;
    top:0;
    left:0;
    font-size: 20px;
}
.blocSECTION.blocRIGHT p {
    position:absolute;
    top:30px;
    left:0;
    font-family: "roboto_condensedbold";
}

.picto-illustration {
    position:absolute;
    z-index:15;
}

.rond {
    position:absolute;
    width:48px;
    height:48px;
    line-height:48px;
    vertical-align: middle;
    text-align:center;
    background:#ffffff;
    -moz-border-radius:50%;
    -khtml-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;  
    behavior: url(https://m6mobile.fr/css/hackCSS3IE.htc);        
}
.arrow-down {
    font-size:24px;
}

#bloc1 {
    top:110px;
    left:10px;
    width:640px;
}
#bloc1 h3 {
    top:20px;
    left:210px;
}
#bloc1 p {
    top:50px;
    left:210px;
}
#bloc1 .img1 {
    top:14px;
    left:30px;
    z-index:20;
}
/* BLOC COMMUNAUTES */
#bloc2 {
    top:316px;
    left:320px;
    width:490px;
}
#bloc2 h3 {
    top:10px;
    left:180px;
}
#bloc2 p {
    top:40px;
    left:180px;
}
#bloc2 .img1 {
    top:14px;
    left:30px;
    z-index:20;
}
#bloc2 .img2 {
    top:40px;
    left:-60px;
    z-index:20;
}
/* BLOC VIDEOS */
#bloc3 {
    top:530px;
    right:60px;
    width:440px;
}
#bloc3 h3 {
    top:60px;
}
#bloc3 p {
    top:90px;
}
#bloc3 .img1 {
    top:24px;
    left:-10px;
    z-index:20;
}
#bloc3 .img2 {
    top:40px;
    left:180px;
    z-index:19;
}
#bloc3 .img3 {
    top:6px;
    left:110px;
    z-index:18;
}
#bloc3 .img4 {
    top:-4px;
    left:150px;
    z-index:17;
}
/* BLOC SUR VOTRE ORDINATEUR */
#bloc4 {
    top:798px;
    left:160px;
    width:640px;
}
#bloc4 h3 {
    left:238px;
    top:38px;
}
#bloc4 p {
    top:68px;
    left:238px;
    width:280px;    
}
#bloc4 .img1 {
    top:-40px;
    left:20px;
    z-index:20;
}
#bloc4 .img2 {
    top:58px;
    left:-60px;
    z-index:21;
}
/* BLOC SUR VOTRE ORDINATEUR */
#bloc5 {
    top:58px;
    right:56px;
    width:640px;
}
#bloc5 h3 {
    right:280px;
    top:14px;
}
#bloc5 p {
    top:44px;
    right:280px;
}
#bloc5 .call-to-click {
    position: absolute;
    top:100px;
    right:470px;
}
#bloc5 .img1 {
    top:0px;
    left:-50px;
    z-index:20;
}
/* BLOC BLOG */
#bloc6 {
    top:374px;
    left:108px;
    width:580px;
}
#bloc6 h3 {
    left:220px;
    top:34px;
}
#bloc6 p {
    top:64px;
    left:220px;
}
#bloc6 .img1 {
    top:0px;
    left:-50px;
    z-index:20;
}
/* BLOC RESEAUX */
#bloc7 {
    top:614px;
    right:138px;
    width:580px;
}
#bloc7 h3 {
    right:260px;
    top:74px;
    text-align:right;
}
#bloc7 p {
    top:104px;
    right:260px;
    text-align:right;    
}
#bloc7 .img1 {
    top:-34px;
    left:-40px;
    z-index:20;
}
#bloc7 .img2 {
    top:60px;
    left:56px;
    z-index:19;
}
/* BLOC CHAT */
#bloc8 {
    top:920px;
    left:90px;
    width:640px;
}
#bloc8 h3 {
    left:260px;
    top:90px;
}
#bloc8 p {
    top:120px;
    left:260px;
}
#bloc8 .img1 {
    top:-34px;
    left:-40px;
    z-index:20;
}
#bloc8 .img2 {
    top:50px;
    left:26px;
    z-index:19;
}

#picto1 {top:140px;right:-80px;}
#picto2 {top:560px;left:-30px;}
#picto3 {top:800px;right:-40px;}
#picto4 {top:74px;left:30px;}
#picto5 {top:390px;right:-20px;}
#picto6 {top:670px;left:-30px;}
#picto7 {top:1000px;right:-20px;}

#point1 {top:478px;left:566px;}
#point2 {top:478px;left:566px;}
#point3 {top:735px;left:492px;}
#point4 {top:-24px;left:506px;}
#point5 {top:285px;left:382px;}
#point6 {top:532px;left:380px;}
#point7 {top:870px;left:422px;}
#point8 {top:1480px;left:500px;}


#sectionINSIDEM6MOBILE .mid#sectionVIOLLETTE .renvoiLINK {
    bottom:16px;
}
.renvoiLINK {
    position:absolute;
    bottom:8px;
    right:0px;
    font-size:15px;
    font-style:italic;
    font-weight:600;
}
#sectionINSIDEM6MOBILE .renvoiLINK p {
    color:#000000;
}

/*//////////////////////////////////////////
RESPONSIVE STYLES : MORE THAN 1280PX
//////////////////////////////////////////*/
@media screen and (min-width:1300px) {

   
    
}

@media screen and (min-width:1160px) and (max-width:1300px) {

    

}

@media screen and (min-width:961px) and (max-width:1160px) {

    
}