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


.sectionBYORANGE {}
.mainSECTION {} 



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



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


.sectionBYORANGE #chemin {
    position:absolute;
    top:230px;
    left:0;
    z-index:25;
    width:100%;
    height:1105px;
    background:url(../img/bg_chemin.png) no-repeat 50% 0;
}


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



#sectionBYORANGE .mid#sectionGRISE {
    height:1335px;
    background-color:#e5e5e5;
    margin-bottom:30px;
}
#sectionBYORANGE .mid#sectionGRISE .content {
    height:1335px;
}



#sectionBYORANGE .mid h3 {}
#sectionBYORANGE .mid p {
    color:#000000;
}

#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 h3 sup {
    font-size:11px;
}
.blocSECTION.blocLEFT p {
    position:absolute;
    top:30px;
    right:0;
    font-family: "roboto_condensedlight";
}
.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_condensedlight";
}

.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:70px;
    left:10px;
    width:780px;
}
#bloc1 h3 {
    top:50px;
    left:340px;
    font-size:22px;
}
#bloc1 h3 span{
    font-size:54px;
}
#bloc1 p {
    top:150px;
    left:340px;
}
#bloc1 .img1 {
    top:0px;
    left:-30px;
    z-index:20;
}
/* BLOC COMMUNAUTES */
#bloc2 {
    top:530px;
    right:60px;
    width:660px;
}
#bloc2 h3 {
    top:20px;
    right:260px;
}
#bloc2 p {
    top:50px;
    right:260px;
}
#bloc2 .img1 {
    top:4px;
    left:-30px;
    z-index:20;
}
#bloc2 .img2 {
    top:-10px;
    left:110px;
    z-index:20;
}
/* BLOC VIDEOS */
#bloc3 {
    top:798px;
    left:160px;
    width:640px;
}
#bloc3 h3 {
    top:40px;
    left:250px;
}
#bloc3 p {
    top:70px;
    left:250px;
}
#bloc3 .img1 {
    top:24px;
    left:-24px;
    z-index:20;
}
#bloc3 .img2 {
    top:90px;
    left:76px;
    z-index:19;
}
#bloc3 .img3 {
    top:18px;
    left:120px;
    z-index:18;
}
#bloc3 .img4 {
    top:8px;
    left:-80px;
    z-index:17;
}
/* BLOC SUR VOTRE ORDINATEUR */
#bloc4 {
    top:1078px;
    right:120px;
    width:640px;
}
#bloc4 h3 {
    right:260px;
    top:48px;
    width:390px;    
}
#bloc4 p {
    top:78px;
    right:260px;
    width:390px;    
}
#bloc4 .img1 {
    top:20px;
    left:40px;
    z-index:20;
}
#bloc4 .img2 {
    top:48px;
    left:210px;
    z-index:21;
}


#picto1 {top:35px;right:90px;}
#picto2 {top:300px;left:496px;}
#picto3 {top:540px;right:-36px;}


#point1 {top:456px;left:606px;}
#point2 {top:726px;left:478px;}
#point3 {top:994px;left:488px;}




/*//////////////////////////////////////////
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) {

    
}