@charset "UTF-8";


@font-face {
    font-family: 'Sugo';
    src: url('../../../fonts/Sugo.eot');
    src: url('../../../fonts/Sugo.eot#iefix') format('embedded-opentype'),
    url('../../../fonts/Sugo.woff') format('woff'),
    url('../../../fonts/Sugo.ttf')  format('truetype'),
    url('../../../fonts/Sugo.svg') format('svg');

    font-style:   normal;
    font-weight:  400;
}

@font-face {
    font-family: 'Sugo-light';
    src: url('../../../fonts/Sugo-UltraLight.eot');
    src: url('../../../fonts/Sugo-UltraLight.eot#iefix') format('embedded-opentype'),
    url('../../../fonts/Sugo-UltraLight.woff') format('woff'),
    url('../../../fonts/Sugo-UltraLight.ttf')  format('truetype'),
    url('../../../fonts/Sugo-UltraLight.svg') format('svg');

    font-style:   normal;
    font-weight:  200;
}



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



.renvoi:after {
    content: attr(data-renvoi);
    font-family: 'roboto_condensedlight';
    font-size:8px;
}

/*//////////////////////////////
FIX OLD STRUCTURE
//////////////////////////////*/
.sectionMENTIONS {padding-top: 10px;}
.termsContainer {text-align: left;}
.termsContainer .terms-text-content {
    padding-bottom: 20px;
}
/*//////////////////////////////
FIX OLD STRUCTURE
//////////////////////////////*/




#sliderPreloader {
    position: absolute;
    top:0;
    left:0;
    z-index:15;
    width:100%;
    height: 100%;
    background-color:#ffffff;
    text-align: center;
}
#sliderPreloader .inner {
    position:relative;
    width:100%;
    height: 100%;
}
.spinner {
    margin: 0 auto;
    width: 32px;
    height: 32px;
    position: absolute;
    left:50%;
    margin-left: -32px;
    top:50%;
    margin-top:-32px;
}
#sliderPreloader .inner p {
    position: absolute;
    top:50%;
    margin-top: 32px;
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.cube1, .cube2 {
    background-color: #792475;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: cubemove 1.8s infinite ease-in-out;
    animation: cubemove 1.8s infinite ease-in-out;

}

.cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

@-webkit-keyframes cubemove {
    25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
    50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
    75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
    100% { -webkit-transform: rotate(-360deg) }
}

@keyframes cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    } 50% {
          transform: translateX(42px) translateY(42px) rotate(-179deg);
          -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
      } 50.1% {
            transform: translateX(42px) translateY(42px) rotate(-180deg);
            -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
        } 75% {
              transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
              -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
          } 100% {
                transform: rotate(-360deg);
                -webkit-transform: rotate(-360deg);
            }
}







.wrapp-inner {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width:1160px;
}
@media screen and (min-width: 960px) {
    .wrapp-inner {
        position: relative;
        padding-bottom:20px;
    }
}
.wrapp-text-link {
    width: 100%;
    text-align: right;
    font-family: 'roboto_condensedlight';
    font-size:14px;
}
@media screen and (min-width: 960px) {
    .wrapp-text-link {
        position: absolute;
        bottom:-4px;
        right: 40px;
    }
}
@media screen and (min-width: 1260px) {
    .wrapp-text-link {
        right: 0;
    }
}
@media screen and (max-width: 960px) {
    .wrapp-text-link {
        padding-bottom: 10px;
    }
}
@media screen and (max-width: 640px) {
    .wrapp-text-link {
        margin: 0 auto;
    }
}
.wrapp-text-link a {
    color:#a05ba4;
    text-decoration: none;
}
.wrapp-text-link .fa {

}



/*/////////////////////////////////////
SECTION GENERIQUE
/////////////////////////////////////*/
.section-page {
    text-align: center;
    padding: 30px 0 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.section-page .wrapp-title {
}
.section-page .wrapp-title h2.title-section {
    font-family: "robotocondensed";
    font-size: 26px;
    line-height: 24px;
    font-weight: 300;
    text-transform: uppercase;
    color: #a05ba4;
}
.section-page .wrapp-title h3.subtitle-section {
    font-family: 'roboto_condensedlight';
    font-size: 16px;
    line-height: 16px;
    color: #294f60;
}
/*/////////////////////////////////////
FIN SECTION GENERIQUE
/////////////////////////////////////*/



/*/////////////////////////////////////
NAVIGATION PAGE
/////////////////////////////////////*/
#navPage {
    position:fixed;
    right:0;
    top: 50%;
    z-index: 3000;
}
@media screen and (max-width: 960px) {
    #navPage {
        display: none;
    }
}

#navPage ul {
    padding:0 10px 0 0;
}
@media screen and (min-width: 1160px) {
    #navPage ul {
        padding:0 20px 0 0;
    }
}
#navPage ul li {
    margin:2px 0;
    width:20px;
    height:20px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #eff1f5;
    border:#c2c9d5 1px solid;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#navPage ul li:hover,
#navPage ul li.active {
    background-color:#adbbd3;
    border:#ffffff 1px solid;
}

#navPage ul li a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
/*/////////////////////////////////////
NAVIGATION PAGE
/////////////////////////////////////*/


/*/////////////////////////////////////
SECTION COVER
/////////////////////////////////////*/
.section-page.slider-cover {
    padding-top: 0;
    padding-bottom: 0;
}

.slider-cover {
    position:relative;
    top:0;left:0;
    width:100%;
    height:402px;
    background: #EDEDED;
    -webkit-transition: height 0.3s ease-out;
    -moz-transition: height 0.3s ease-out;
    -ms-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
    overflow: hidden;
}
@media screen and (max-width: 960px) {
    .slider-cover {
        overflow: visible;
        margin-bottom: 32px;
    }
}

.slider-cover .flex-viewport,
.slider-cover .slides {
    width:100%;
    height:100%;
}

.item-slide {
    position: relative;
    width:100%;
    height:100%;
    -webkit-transition: height 0.3s ease-out;
    -moz-transition: height 0.3s ease-out;
    -ms-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
    background-position:50% 0;
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
@media screen and (max-width: 960px) {
    .item-slide {
        background-size: contain;
    }
}
@media screen and (max-width: 640px) {
    .item-slide {
        background-size: contain;
    }
}
.item-slide .wrapp-call-to-action-full {
    position: absolute;
    width: 100%;
    height: 100%;
}
.item-slide .wrapp-call-to-action-full a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.item-slide .wrapp-call-to-action1 {
    position: absolute;
    bottom:10px;
    left: -50%;
    z-index:100;
    width: 100%;
    max-width:180px;
    margin-left:-90px;
}
.item-slide .wrapp-call-to-action1b {
    position: absolute;
    bottom:10px;
    left: -50%;
    z-index:100;
    width: 100%;
    max-width:180px;
    margin-left:-190px;
}
.item-slide .wrapp-call-to-action2 {
    position: absolute;
    bottom:10px;
    left: -50%;
    z-index:100;
    width: 100%;
    max-width:180px;
    margin-left:10px;
}
.item-slide .wrapp-call-to-action a {
    position: relative;
}
.item-slide .wrapp-call-to-action-bleu a:after {
    content:"\f067";
    font-family: 'fontAwesome';
    position: absolute;
    display: block;
    right: 3px;
    top:3px;
    color: #ffffff;
    width:26px;
    height:26px;
    line-height: 24px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #476485;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #6f8fb4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 1px;
    padding-left:1px;
}
.item-slide .wrapp-call-to-action-violet a:after {
    content:"\f067";
    font-family: 'fontAwesome';
    position: absolute;
    display: block;
    right: 3px;
    top:3px;
    color: #ffffff;
    width:26px;
    height:26px;
    line-height: 24px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #792475;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #a05ba4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 1px;
    padding-left:1px;
}
#fullSlider {  }
#fullSlider .flex-viewport {
    height: 370px;
}
#fullSlider .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 0px;
    text-align: center;
    height: 32px;
    z-index: 50;
}
#fullSlider .flex-control-nav li {
    padding: 4px 0;
    margin: 0 2px;
}

#fullSlider .flex-control-paging li a {
    width:24px;
    height:24px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    -moz-box-shadow: inset 0 2px 2px rgba(1, 1, 1, .45);
    -webkit-box-shadow: inset 0 2px 2px rgba(1, 1, 1, .45);
    box-shadow: inset 0 2px 2px rgba(1, 1, 1, .45);
}

#fullSlider .flex-control-paging li a.flex-active {
    background: #adbbd3;
    cursor: default;
}

#fullSlider .flex-direction-nav {
    position: relative;
    width: 100%;
    max-width: 1160px;
    height:32px;
    margin: 0 auto;
    position: relative;
    background-color: #f0f2f5;
}
@media screen and (max-width: 960px) {
    #fullSlider .flex-control-nav {
        bottom: -32px;
    }
}
#fullSlider .flex-direction-nav:after {
    content: "";
    position: absolute;
    left:100%;
    width: 100%;
    height:32px;
    background-color: #f0f2f5;
}
#fullSlider .flex-direction-nav:before {
    content: "";
    position: absolute;
    right:100%;
    width: 100%;
    height:32px;
    background-color: #f0f2f5;
}
#fullSlider .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 32px;
    height: 32px;
    margin:0;
    position: absolute;
    top: -32px;
    z-index: 200;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #bfc6d3;
    color:#ffffff;
    text-align: center;
}
@media screen and (max-width: 960px) {
    #fullSlider .flex-direction-nav a {
        top: 0;
    }
}
#fullSlider .flex-direction-nav a.flex-prev:before {
    font-family: "fontAwesome";
    font-size: 24px;
    display: inline-block;
    content: '\f104';
    line-height: 30px;
}
#fullSlider .flex-direction-nav a.flex-next:before {
    font-family: "fontAwesome";
    font-size: 24px;
    display: inline-block;
    content: '\f105';
    line-height: 30px;
}
#fullSlider .flex-direction-nav .flex-prev {
    left:0;
}
#fullSlider:hover .flex-direction-nav .flex-prev {
    left:0;
}
@media screen and (max-width: 960px) {
    #fullSlider .flex-direction-nav .flex-prev {
        left:40px;
    }
    #fullSlider:hover .flex-direction-nav .flex-prev {
        left:40px;
    }
}

#fullSlider .flex-direction-nav .flex-next {
    right: 40px;
}
@media screen and (min-width: 1260px) {
    #fullSlider .flex-direction-nav .flex-next {
        right: 0;
    }
}
#fullSlider:hover .flex-direction-nav .flex-next {
    right:40px;
}
@media screen and (min-width: 1260px) {
    #fullSlider:hover .flex-direction-nav .flex-next {
        right:0;
    }
}
/*/////////////////////////////////////
FIN SECTION COVER
/////////////////////////////////////*/



/*/////////////////////////////////////
WRAPP TELEPHONE
/////////////////////////////////////*/
#telephonesSection {
    background: url('../img/background_shadow-section.png') no-repeat 50% 0,  url('../img/background_ground-section.png') no-repeat 50% 380px;
}
#telephonesSection .wrapp-inner {
    padding: 0 0 50px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (min-width: 1260px) {
    #telephonesSection .wrapp-inner {
        padding: 0 0 50px 0;
    }
}
@media screen and (max-width: 960px) {
    #telephonesSection .wrapp-inner {
        position: relative;
        padding: 0 0 40px 0;
    }
}

@media screen and (max-width: 960px) {
    #telephonesSection .wrapp-inner .wrapp-text-link {
        position: absolute;
        bottom:-6px;
        left: 0;
    }
    #telephonesSection .wrapp-inner .wrapp-text-link a {
        margin-right: 40px;
    }
}
.flexslider.sliderm6mobile {
    position: relative;
    margin:0;
    border:none;
    box-shadow:none;
    border-radius:0;

    height:490px;
    overflow: hidden;
}
@media screen and (min-width: 1260px) {
    .flexslider.sliderm6mobile {
        padding: 0 34px;
    }
}
.flexslider.sliderm6mobile:after {
    position: absolute;
    top:0;
    z-index: 40;
    width:34px;
    height:100%;
    content:"";
    background-color:#f1f1f1;
    display: none;
}
@media only screen and (min-width : 1260px) {
    .flexslider.sliderm6mobile:after {
        display: block;
    }
}
.flexslider.sliderm6mobile:after {
    box-shadow:-10px 15px 20px rgba(0,0,0,0.3);
    right:0;
}

.wrapp-all-slider {
    padding-bottom: 8px;
    max-height: 446px;
    cursor: move;
}

.flexslider.sliderm6mobile .slides {
    height:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:10px 0;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.flexslider.sliderm6mobile .slides.wrapp-slide-tel-label {
    padding:0;
}

.flexslider.sliderm6mobile .slides:after {
    content: "";
    clear: both;
    float: none;
    display: block;
}
.flexslider.sliderm6mobile .flex-control-nav {
    bottom:0;
    z-index: 50;
    width:100%;
    height:34px;
    background-color: #f0f2f5;
}
.flexslider.sliderm6mobile .flex-control-nav li {
    margin:0 2px;
    padding-top:3px;
}
.flexslider.sliderm6mobile .flex-control-paging li a {
    width:28px;
    height:28px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    -moz-box-shadow: inset 0 2px 2px rgba(1,1,1,.45);
    -webkit-box-shadow: inset 0 2px 2px rgba(1,1,1,.45);
    box-shadow: inset 0 2px 2px rgba(1,1,1,.45)
margin:0;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    text-shadow: none;
    color: #ffffff;
}
.flexslider.sliderm6mobile .flex-control-paging li a.flex-active {
    background-color: #adbbd3;
}

.flexslider.sliderm6mobile .flex-direction-nav {

    max-width:1160px;
    margin:0 auto;
}
.flexslider.sliderm6mobile .flex-direction-nav a {
    top:auto;
    bottom: 0;
    width: 34px;
    height:34px;
    line-height:34px;
    text-align: center;
    background-color:#bfc6d3;
    opacity: 1;
    margin: 0;
    z-index: 52;

}
.flexslider.sliderm6mobile .flex-direction-nav a:before {
    font-family:"FontAwesome";
    text-shadow: none;
    color: #ffffff;
}
.flexslider.sliderm6mobile .flex-direction-nav .flex-disabled {
    cursor: default;
    opacity:0.4;
}
.flexslider.sliderm6mobile .flex-direction-nav .flex-prev {
    left:0;
}
.flexslider.sliderm6mobile .flex-direction-nav a.flex-prev:before {
    content: "\f104";
}
.flexslider.sliderm6mobile .flex-direction-nav .flex-next {
    right:0;
}
.flexslider.sliderm6mobile .flex-direction-nav a.flex-next:before {
    content: "\f105";
}


#fullMobileSlider {
    position: relative;
    width: 100%;
    height:484px;
    overflow: hidden;
    padding: 12px 0;
}
@media screen and (min-width: 1260px) {
    #fullMobileSlider {
        height:460px;
    }
}
#fullMobileSlider:after {
    box-shadow:-10px 15px 40px rgba(0,0,0,0.3);
    right:0;
}
@media screen and (min-width: 1260px) {
    #fullMobileSlider {
        padding: 0 34px;
    }
}
#fullMobileSlider:after {
    position: absolute;
    top:0;
    z-index: 40;
    width:34px;
    height:100%;
    content:"";
    background-color:#ffffff;

}
@media only screen and (max-width : 960px) {
    #fullMobileSlider:after {
        width:40px;
    }
}

@media only screen and (min-width : 1260px) {
    #fullMobileSlider:after {
        display: block;
    }
}
@media only screen and (max-width : 480px) {
    #fullMobileSlider:after {
        display: block;
    }
}
.wrapp-slide-tel-label {
    border-bottom:#bfc6d3 1px solid;
    padding-bottom:6px;
    margin:18px 0;
    height: 22px;
}
.wrapp-slide-tel-label .item-box-mobile-label {
    width:320px;
    min-height:1px;
    margin:0 14px;
    float: left;
    text-align: left;
}
.wrapp-slide-tel-label .item-box-mobile-label h3 {
    font-family: 'roboto_condensedlight';
    font-size:18px;
    line-height:18px;
}

.wrapp-slide-tel {
    width:auto;
}
.wrapp-slide-tel:after {
    content: "";
    display: block;
    clear: both;
    float: none;
}
/*/////////////////////////
BOX MOBILE
/////////////////////////*/
.item-box-mobile {
    position:relative;
    width:320px;
    height:380px;
    border: 1px solid #eaedf4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    overflow: hidden;
    margin-bottom:14px;
    font-family: 'roboto_condensedlight';
    margin:0 14px;
    float: left;
}
@media only screen and (max-width : 480px) {
    .item-box-mobile {
        width: 300px;
        margin:0 10px;
    }
}
.item-box-mobile:hover {
    -moz-box-shadow: 0 0 5px rgba(121,36,117,.75);
    -webkit-box-shadow: 0 0 5px rgba(121,36,117,.75);
    box-shadow: 0 0 5px rgba(121,36,117,.75);
}
.item-box-mobile .wrapp-item-box-mobile {
    position:relative;
    width: 100%;
    height:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:10px;
}
.item-box-mobile h4.name-brand-mobile {
    position:relative;
    z-index:8;
    font-family: 'roboto_condensedbold';
    font-size:18px;
    text-align: left;
}
.item-box-mobile h4.name-brand-mobile a {
    color:#000000;
    text-decoration: none;
}
.item-box-mobile h3.name-model-mobile {
    position:relative;
    z-index:8;
    font-family: 'roboto_condensedbold';
    font-size:18px;
    text-transform: uppercase;
    text-align: left;
}
.item-box-mobile h3.name-model-mobile a {
    color:#000000;
    text-decoration: none;
}
.item-box-mobile .col-mobile {
    position:relative;
    float:left;
    width:50%;
    height:100%;
}
.item-box-mobile .col-mobile .inner-col-mobile {
    position: relative;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.item-box-mobile .pix-tel {
    position:absolute;
    top:0px;
    left:-8px;
    z-index:2;
    display:block;
    width:160px;
    height:290px;
    margin:0 auto;
}
.item-box-mobile .pix-tel img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
@media only screen and (max-width : 480px) {
    .item-box-mobile .pix-tel img {
        max-width:120px;
        margin-top:50px;
    }
}
.item-box-mobile .menu-color-mobile {
    position:absolute;
    top:50%;
    left:6px;
    z-index: 5;
    margin-top:-79px;
}
.item-box-mobile .menu-color-mobile .color_list {
    padding:0;
    margin:0;
}
.item-box-mobile .menu-color-mobile .color_list .item-color {
    width: 30px;
    height:30px;
    border: 2px solid #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #ffffff;
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.25);
    box-shadow: 0 0 4px rgba(0,0,0,.25);
    margin-bottom:4px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.item-box-mobile .menu-color-mobile .color_list .item-color.active,
.item-box-mobile .menu-color-mobile .color_list .item-color:hover {
    -moz-box-shadow: 0 0 5px rgba(121,36,117,.75);
    -webkit-box-shadow: 0 0 5px rgba(121,36,117,.75);
    box-shadow: 0 0 5px rgba(121,36,117,.75);
}
.item-box-mobile .menu-color-mobile .color_list .item-color a {
    display:block;
    width:30px;
    height: 30px;
}
.item-box-mobile .strong-attribute {
    position:absolute;
    top:300px;
    left:-10px;
    z-index:6;
    width:240px;
    height:378px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    opacity:0;
}
@media only screen and (max-width : 480px) {
    .item-box-mobile .strong-attribute {
        width: 160px;
    }
}
.item-box-mobile .strong-attribute.open-state {
    top:0;
    background-color: rgba(255, 255, 255, 0.9);
    opacity:1;
}

.item-box-mobile .strong-attribute .wrapp-strong-attribut {
    position: relative;
    width:100%;
    height:100%;
}
.item-box-mobile .list-attribut {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:42px 10px 10px 20px;
}
.item-box-mobile .title-strong-attribute {
    font-family: 'roboto_condensedbold';
    font-size:16px;
    color:#9f5ba3;
}
.item-box-mobile .mention-das {
    position: absolute;
    bottom:16px;
    font-size:10px;
    left:0px;
    width: 100%;
    max-width:160px;
    text-align: center;
}
@media only screen and (max-width : 480px) {
    .item-box-mobile .mention-das {
        width:120px;
    }
}
.item-box-mobile .item-attribute {
    margin:6px 0 4px 0;
}
.item-box-mobile .item-attribute .fa {
    margin-left:6px;
    display: inline-block;
}
.item-box-mobile .wrapp-infos-mobile {
    position:absolute;
    left: 6px;
    top:320px;
    z-index:10;
    width:30px;
    height:30px;
    line-height:30px;
    border: 2px solid #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.25);
    box-shadow: 0 0 4px rgba(0,0,0,.25);
    text-align: center;
    cursor:pointer;
}
.item-box-mobile .wrapp-infos-mobile .fa {
    font-size:16px;
    color:#9f5ba3;
}

.item-box-mobile .col-tarifs {
    position: relative;
    z-index:3;
    float: right;
    width: 50%;
    padding-top: 24px;
}
.item-box-mobile .text-since {
    font-family: 'roboto_condensedlight';
    font-size:17px;
    margin-left:30px;
    color:#9f5ba3;
    margin-bottom: 4px;
}
.item-box-mobile .box-tarif {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e7e7e7;
    text-align: center;
    overflow: hidden;
    margin-left:10px;
    margin-top:40px;
    max-width:140px;
    padding: 8px 0;
}

.item-box-mobile .box-tarif .head-box-tarif {
    background-color: #cfcfcf;
    font-size:11px;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0 10px;
    text-align: center;
}
.item-box-mobile .wrapp-box-tarif {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0 10px 2px 10px;
}
.item-box-mobile .box-tarif .tarif-final {
    font-size:37px;
    font-family: 'roboto_condensedbold';
    color:#9f5ba3;
    line-height:38px;
}
.item-box-mobile .box-tarif .tarif-final .renvoi {
    position:relative;
}
.item-box-mobile .box-tarif .tarif-final .renvoi:after {
    position: absolute;
    top:-20px;
}
.item-box-mobile .box-tarif .tarif-initial {
    text-decoration: line-through;
    font-size:16px;
    line-height: 16px;
    font-family: 'roboto_condensedbold';
}
.item-box-mobile .box-tarif.box-tarif-direct .tarif-initial {
    font-size:12px;
    line-height:12px;
}
.item-box-mobile .box-tarif .tarif-explanation {
    font-size:15px;
    line-height:20px;
}
.item-box-mobile .box-tarif .tarif-explanation .tarif-explanation {
    font-family: 'roboto_condensedbold';
    font-size:18px;
    color:#9f5ba3;
    display: inline;
}

.indication-condition-promo {
    margin-top: 10px;
    color:#9f5ba3;
    font-family: 'roboto_condensedbold';
    font-size:10px;
}

.item-box-mobile .box-tarif .tarif-engagement {
    font-size:14px;
    line-height:14px;
}
.item-box-mobile .box-tarif .tarif-calcul {
    margin: 10px 0 6px 0;
    font-family: 'roboto_condensedlight';
    font-size:13px;
    line-height:13px;
}
.item-box-mobile .box-tarif .text-prix-barre {
    text-decoration: line-through;
}
.item-box-mobile .box-tarif.box-tarif-edp {
    text-align: left;
}
.item-box-mobile .box-tarif.box-tarif-direct {

}
.item-box-mobile .between-box {
    text-align: center;
    font-family: 'roboto_condensedbold';
    font-size:18px;
    line-height:18px;
    max-width:140px;
    margin:10px 0 10px 30px;
}
.item-box-mobile .wrapp-call-to-action {
    position: absolute;
    bottom:10px;
    left:50%;
    z-index: 8;
    margin-left:-80px;
    width: 100%;
    max-width:160px;
}
.flexslider.sliderm6mobile#fullMobileSlider .flex-direction-nav a {
    background-color: transparent;
    height:100%;
}
.flexslider.sliderm6mobile .flex-direction-nav a:before {
    color: #bfc6d3;
    position: absolute;
    top: 240px;
}
@media screen and (max-width: 1260px) {
    .flexslider.sliderm6mobile .flex-direction-nav a:before {
        top: 474px;
    }
}
/*/////////////////////////
FIN BOX MOBILE
/////////////////////////*/

/*/////////////////////////
FIN WRAPP TELEPHONE
/////////////////////////*/





/*/////////////////////////////////////
WRAPP OFFRES
/////////////////////////////////////*/
#offresSection {
    background: url('../img/background_shadow-section.png') no-repeat 50% 0,  url('../img/background_ground-section.png') no-repeat 50% 380px;
}
#offresSection .wrapp-inner {
    max-width:1160px;
    margin:0 auto;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url('../img/background_section-offres.png');
    background-repeat: no-repeat;
    background-position: right 100px center;
}
@media screen and (min-width: 960px) {
    #offresSection .wrapp-inner {
        min-height:420px;
        background-position:50% 50px;
    }
}
@media screen and (min-width: 1260px) {
    #offresSection .wrapp-inner {
        padding: 0;
    }
}
@media screen and (max-width: 800px) {
    #offresSection .wrapp-inner {
        background-position: right 60px center;
    }
}
@media screen and (max-width: 700px) {
    #offresSection .wrapp-inner {
        background-position: right 20px center;
    }
}
@media screen and (max-width: 580px) {
    #offresSection .wrapp-inner {
        background:none;
    }
}


#offresSection .wrapp-content-section {

}
#offresSection .wrapp-offres {
    text-align: center;
    padding: 16px 0 20px 0;
}
@media screen and (min-width: 960px) {
    #offresSection .wrapp-offres {
        padding-top: 36px;
    }
}
#offresSection .wrapp-offres:after {
    display: block;
    content: "";
    clear:both;
    float:none;
}
#offresSection .wrapp-offres .item-offre {
    width:50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.item-offre .picto-kit-main-libre {
    position: absolute;
    bottom: 18px;
    right:10px;
}
.item-offre .picto-kit-main-libre .svg-picto-kml {
    max-width: 24px;
    width: 24px;
    top:-24px;
}
@media screen and (max-width: 960px) {
    #offresSection .wrapp-offres .item-offre {
        float: none;
    }
}
@media screen and (max-width: 580px) {
    #offresSection .wrapp-offres .item-offre {
        width:100%;
        max-width:380px;
        margin: 0 auto;
    }
}

#offresSection .wrapp-offres .wrapp-offre {
    position:relative;
    width:100%;
    max-width:280px;
    margin: 0 auto;
    padding:8px 20px 14px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #eaedf4;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fbfbfd;
    -moz-box-shadow: 0 3px 3px rgba(1,1,1,.1);
    -webkit-box-shadow: 0 3px 3px rgba(1,1,1,.1);
    box-shadow: 0 3px 3px rgba(1,1,1,.1);
    overflow: hidden;
}
@media screen and (min-width: 980px) {
    #offresSection .wrapp-offres .wrapp-offre {
        max-width: 320px;
    }
}
@media screen and (min-width: 1060px) {
    #offresSection .wrapp-offres .wrapp-offre {
        max-width: 350px;
    }
}
@media screen and (min-width: 1160px) {
    #offresSection .wrapp-offres .wrapp-offre {
        max-width: 380px;
    }
}
@media screen and (min-width: 1260px) {
    #offresSection .wrapp-offres .wrapp-offre {
        max-width: 440px;
    }
}
@media screen and (max-width: 960px) {
    #offresSection .wrapp-offres .wrapp-offre {
        max-width: 440px;
    }
}




#offresSection .wrapp-offres .item-offre.item-offre1 .wrapp-offre {
    margin-left: 0;
    background: url('../img/bg_logo4G.png') no-repeat right top;
}
#offresSection .wrapp-offres .item-offre.item-offre2 .wrapp-offre {
    background: url('../img/bg_logo4G.png') no-repeat right top;
}
#offresSection .wrapp-offres .item-offre.item-offre2 .wrapp-offre {
    margin-right: 0;
}
@media screen and (max-width: 960px) {
    #offresSection .wrapp-offres .item-offre.item-offre2 .wrapp-offre {
        margin-left: 0;
        margin-right: auto;
        margin-top: 30px;
    }
}
@media screen and (max-width: 580px) {
    #offresSection .wrapp-offres .item-offre.item-offre1 .wrapp-offre,
    #offresSection .wrapp-offres .item-offre.item-offre2 .wrapp-offre {
        width: 100%;
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }
}
#offresSection .wrapp-offres .wrapp-offre h3 {
    color: #798395;
    font-family: 'roboto_condensedlight';
    font-size: 24px;
    margin-bottom:8px;
}
#offresSection .wrapp-offres .wrapp-offre .wrapp-type {
    color: #9f5ba3;
    font-family: "Sugo";
    font-size: 74px;
    max-width:212px;
    margin: 0 auto;
    text-align: left;
}
#offresSection .wrapp-offres .wrapp-offre .wrapp-type .data-heure {
    position:relative;
}
#offresSection .wrapp-offres .wrapp-offre .wrapp-type .data-heure sup {
    position: absolute;
    top:0px;
}
#offresSection .wrapp-offres .wrapp-offre .wrapp-type b {
    font-size: 48px;
}
#offresSection .wrapp-offres .wrapp-offre .wrapp-tarif {
    color: #9f5ba3;
    font-family: "Sugo";
    font-size: 38px;
    line-height:36px;
    max-width:212px;
    margin: 0 auto;
    text-align: left;
}
#offresSection .wrapp-offres .wrapp-offre .wrapp-tarif .data-mois {
    font-size: 18px;
}
#offresSection .wrapp-offres .wrapp-offre .wrapp-engagement {
    color: #798395;
    font-family: 'roboto_condensedlight';
    text-align: left;
    font-size:13px;
    max-width:212px;
    margin: 0 auto;
    text-align: left;
}
#offresSection .wrapp-offres .wrapp-offre .wrapp-call-to-action {
    margin-top:20px;
    max-width:200px;
}
/*/////////////////////////////////////
FIN WRAPP OFFRES
/////////////////////////////////////*/





/*/////////////////////////////////////
WRAPP CLIENT
/////////////////////////////////////*/
#wrappBandeauClient {
    position: relative;
    z-index:500;
}
#wrappBandeauClient.fixed {
    position: fixed;
    top:48px;
    left:0;
    width:100%;
    z-index:500;
}
.fixed #wrappBandeauClient.fixed {
    top:48px;
}
@media screen and (max-width: 960px) {
    #wrappBandeauClient.fixed {
        top:0;
    }
    .fixed #wrappBandeauClient.fixed {
        top:80px;
    }
}
@media screen and (max-width: 768px) {
    #wrappBandeauClient.fixed {
        top:0;
    }
    .fixed #wrappBandeauClient.fixed {
        top:0px;
    }
}

.wrapp-bandeau-client {
    position: relative;
    background-color: #a16da1;
    -moz-box-shadow: 0 1px 1px #663268;
    -webkit-box-shadow: 0 1px 1px #663268;
    box-shadow: 0 1px 1px #663268;
    text-align: center;
}
.wrapp-bandeau-client:before {
    position:absolute;
    top:100%;
    left:50%;
    z-index: 3;
    margin-left:-8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #a16da1 transparent transparent transparent;
    content: "";
}
.wrapp-bandeau-client:after {
    position:absolute;
    top:100%;
    left:50%;
    z-index: 2;
    margin-left:-8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #663268 transparent transparent transparent;
    content: "";
    margin-top: 1px;
}
.wrapp-bandeau-client h4 {
    font-family: 'roboto_condensedlight';
    font-weight: 300;
    font-size: 20px;
    line-height: 42px;
    color:#ffffff;
    margin:0 auto;
    display: inline-block;
}
/*/////////////////////////////////////
WRAPP CLIENT
/////////////////////////////////////*/



/*/////////////////////////////////////
SECTION CLIENT
/////////////////////////////////////*/
.section-page#wrappClientM6mobile {
    padding: 0;
}
#wrappClientM6mobile {
    border-bottom:#a16da1 14px solid ;
}
/*/////////////////////////////////////
FIN SECTION CLIENT
/////////////////////////////////////*/



/*/////////////////////////////////////
SECTION AVANTAGES
/////////////////////////////////////*/
#avantagesSection {
    background-color: #a3b5c9;
}
@media screen and (min-width: 960px) {
    #avantagesSection {
        background: #a3b5c9 url('../img/background_ground-section.png') no-repeat 50% 480px;
    }
}
.section-page#avantagesSection {
    padding: 0;
}
#avantagesSection .wrapp-content-section {
    min-height: 450px;
    background: url('../img/background_section-avantages.png') no-repeat 0 50%;
    padding-left:180px;
}
@media screen and (min-width: 960px) {
    #avantagesSection .wrapp-content-section {
        min-height: 450px;
        background: url('../img/background_section-avantages.png') no-repeat 40px 50%;
        padding-left:240px;
    }
}
@media screen and (min-width: 1260px) {
    #avantagesSection .wrapp-content-section {
        min-height: 450px;
        background: url('../img/background_section-avantages.png') no-repeat 180px 50%;
        padding-left:440px;
    }
}
@media screen and (max-width: 700px) {
    #avantagesSection .wrapp-content-section {
        min-height: 0;
        background: none;
        padding-left:0px;
    }
}
#avantagesSection .wrapp-background {
    width: 100%;
    height:100%;
    margin:0 auto;
    background: url('../img/background_hightlight.png') 100% 50% no-repeat;
    padding: 40px 0 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#avantagesSection .wrapp-inner {
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (min-width: 1260px) {
    #avantagesSection .wrapp-inner {
        padding: 0;
    }
}
@media screen and (min-width: 640px) {
    #avantagesSection .wrapp-inner {
        padding: 0 40px 40px 40px;
    }
}


#avantagesSection .wrapp-content-section .wrapp-offer {
    font-family: 'roboto_condensedlight';
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    padding-top: 20px;
}
@media screen and (max-width: 700px) {
    #avantagesSection .wrapp-content-section .wrapp-list-avantages {
        max-width:600px;
        padding: 0 54px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 580px) {
    #avantagesSection .wrapp-content-section .wrapp-list-avantages {
        margin-bottom: 40px;
        padding: 0;
    }
}
#avantagesSection .wrapp-content-section .wrapp-offer strong {
    color: #a16ea2;
    font-family: 'roboto_condensedbold';
}
#avantagesSection .wrapp-content-section .wrapp-offer .picto-avantages {
    margin-right:10px;
    float: left;
}
@media screen and (max-width: 580px) {
    #avantagesSection .wrapp-content-section .wrapp-offer .picto-avantages {
        display: none;
    }
}

#avantagesSection .wrapp-content-section .item-offer {
    text-align: left;
    margin-bottom: 8px;
    max-width: 540px;
    line-height:60px;
}
#avantagesSection .wrapp-content-section .item-offer.two-line {
    line-height:20px;
    margin-top: 16px;
}
@media screen and (max-width: 580px) {
    #avantagesSection .wrapp-content-section .item-offer {
        line-height:20px;
    }
    #avantagesSection .wrapp-content-section .item-offer.two-line {
        margin-top: 0;
    }
}

#avantagesSection .wrapp-content-section .item-offer.two-line .picto-avantages {
    margin-top:-14px;
}
#avantagesSection .wrapp-content-section .item-offer:after {
    content:"";
    display: block;
    clear: both;
    float: left;
}
@media screen and (min-width: 1260px) {
    #avantagesSection .wrapp-content-section .item-offer {
        max-width: none;
    }
}
@media screen and (max-width: 960px) {
    #avantagesSection .wrapp-content-section .item-offer {
        max-width: 740px;
    }
}
#avantagesSection .wrapp-content-section .wrapp-slider-avantages {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width:540px;
    position: relative;
}
@media screen and (min-width: 1260px) {
    #avantagesSection .wrapp-content-section .wrapp-slider-avantages {
        max-width:640px;
    }
}
@media screen and (max-width: 880px) {
    #avantagesSection .wrapp-content-section .wrapp-slider-avantages {
        max-width:480px;
    }
}
@media screen and (max-width: 820px) {
    #avantagesSection .wrapp-content-section .wrapp-slider-avantages {
        max-width:420px;
    }
}
@media screen and (max-width: 700px) {
    #avantagesSection .wrapp-content-section .wrapp-slider-avantages {
        max-width:600px;
        padding: 0 54px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 540px) {
    #avantagesSection .wrapp-content-section .wrapp-slider-avantages {
        padding: 0;
    }
}
#avantagesSection .wrapp-content-section .wrapp-slider-avantages h4 {
    font-family: 'roboto_condensedlight';
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #a16ea2;
}
#avantagesSection .wrapp-content-section .wrapp-slider-avantages .slides {
    padding: 0;
    margin: 10px 0;
    height: 130px;
}
#avantagesSection .wrapp-content-section .wrapp-slider-avantages .slides .item-avantage {
    border: 1px solid #eaedf4;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fbfbfd;
    -moz-box-shadow: 0 3px 3px rgba(1,1,1,.1);
    -webkit-box-shadow: 0 3px 3px rgba(1,1,1,.1);
    box-shadow: 0 3px 3px rgba(1,1,1,.1);
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    width:120px;
    height:120px;
    text-align: center;
    margin-right:10px;
}
#avantagesSection .wrapp-content-section .wrapp-slider-avantages .slides .item-avantage img {
    width: 104px;
    display: block;
    height: auto;
    background-color:#ffffff;
    margin: 0 auto;
}
.wrapp-slider-avantages .flex-control-nav {

}
.wrapp-slider-avantages .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 0;
    position: absolute;
    top: 90px;
    z-index: 10;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    color: rgba(0,0,0,0.8);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color:#ffffff;
    text-align: center;
}
.wrapp-slider-avantages .flex-direction-nav a.flex-prev:before {
    font-family: "fontAwesome";
    font-size: 24px;
    display: inline-block;
    content: '\f104';
    line-height: 30px;
}
.wrapp-slider-avantages .flex-direction-nav a.flex-next:before {
    font-family: "fontAwesome";
    font-size: 24px;
    display: inline-block;
    content: '\f105';
    line-height: 30px;
}
#avantagesSlider .flex-direction-nav .flex-prev,
#avantagesSlider:hover .flex-direction-nav .flex-prev {
    left:-50px;
}
#avantagesSlider .flex-direction-nav .flex-next,
#avantagesSlider:hover .flex-direction-nav .flex-next {
    right:-50px;
}
@media screen and (max-width: 700px) {
    #avantagesSlider .flex-direction-nav .flex-prev,
    #avantagesSlider:hover .flex-direction-nav .flex-prev {
        left:0px;
    }
    #avantagesSlider .flex-direction-nav .flex-next,
    #avantagesSlider:hover .flex-direction-nav .flex-next {
        right:0px;
    }
}
/*/////////////////////////////////////
FIN SECTION AVANTAGES
/////////////////////////////////////*/



/*/////////////////////////////////////
SECTION JEU CONCOURS
/////////////////////////////////////*/
#jeuxSection {
    position: relative;
    background-color:#e7ecf2;
}
@media screen and (max-width: 760px) {
    .section-page#jeuxSection .wrapp-title h2.title-section {
        font-size: 24px;
    }
}
@media screen and (max-width: 600px) {
    .section-page#jeuxSection .wrapp-title h2.title-section {
        font-size: 18px;
    }
}
#jeuxSection:before {
    position: absolute;
    top:-17px;
    left:50%;
    margin-left: -20px;
    width:40px;
    height: 40px;
    line-height: 40px;
    content: "\f067";
    font-family: "fontAwesome";
    color: #a16ea2;
    font-size: 40px;
}
.section-page#jeuxSection {
    padding-bottom: 0;
}
#jeuxSection .wrapp-inner {
    padding-bottom: 0;
}
#jeuxSection .wrapp-inner {
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (min-width: 1260px) {
    #jeuxSection .wrapp-inner {
        padding: 0;
    }
}
@media screen and (max-width: 640px) {
    #jeuxSection .wrapp-inner {
        padding-bottom: 10px;
    }
}
/*/////////////////////////////////////
FIN SECTION JEU CONCOURS
/////////////////////////////////////*/



/*/////////////////////////////////////
SECTION INSIDE
/////////////////////////////////////*/
#insideSection {
    position: relative;
    background-color:#a3b5c9;
    background-image: url('../img/background_shadow-section.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.section-page#insideSection {
    padding: 0;
}
#insideSection:before {
    position: absolute;
    top:-17px;
    left:50%;
    margin-left: -20px;
    width:40px;
    height: 40px;
    line-height: 40px;
    content: "\f067";
    font-family: "fontAwesome";
    color: #a16ea2;
    font-size: 40px;
}
#insideSection .wrapp-background {
    width: 100%;
    height:100%;
    margin:0 auto;
    background: url('../img/background_hightlight.png') no-repeat 100% 50%, url('../img/section-inside_sun.png') no-repeat 58% 50% ;
    padding: 30px 0 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (min-width: 1260px) {
    #insideSection .wrapp-background {
        background: url('../img/background_hightlight.png') 100% 50% no-repeat, url('../img/section-inside_sun.png') 60% 50% no-repeat;
    }
}
@media screen and (max-width: 760px) {
    #insideSection .wrapp-background {
        background: url('../img/background_hightlight.png') 50% 50% no-repeat, url('../img/section-inside_sun.png') 80% 50% no-repeat;
    }
}
@media screen and (max-width: 640px) {
    #insideSection .wrapp-background {
        background: url('../img/background_hightlight.png') 50% 50% no-repeat;
    }
}
#insideSection .wrapp-inner {
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (min-width: 960px) {
    #insideSection .wrapp-inner {
        min-height:480px;
    }
}
@media screen and (min-width: 1260px) {
    #insideSection .wrapp-inner {
        padding: 0;
    }
}

#insideSection .wrapp-content-section {
    padding-top: 20px;
}
#insideSection .wrapp-content-section:after {
    content: "";
    display: block;
    clear: both;
    float: none;
}
#insideSection .wrapp-content-section .wrapp-edito {
    margin: 0 auto;
    width: 100%;
    margin-left: 0;
    width: 60%;
    float: left;
    padding-top: 64px;
}
@media screen and (min-width: 1004px) {
    #insideSection .wrapp-content-section .wrapp-edito {
        width: 50%;
    }
}
@media screen and (min-width: 1260px) {
    #insideSection .wrapp-content-section .wrapp-edito {
        padding-top: 40px;
    }
}
@media screen and (max-width: 760px) {
    #insideSection .wrapp-content-section .wrapp-edito {
        width: 100%;
        max-width:540px;
        margin: 0 auto 24px auto;
        float: none;
        padding-top: 20px;
    }
}

#insideSection .wrapp-content-section .wrapp-illustration {
    margin: 40px 0;
    width: 40%;
    float: left;
}
@media screen and (min-width: 1004px) {
    #insideSection .wrapp-content-section .wrapp-illustration {
        width: 49%;
    }
}
@media screen and (max-width: 760px) {
    #insideSection .wrapp-content-section .wrapp-illustration {
        width: 100%;
        max-width:120px;
        margin: 40px auto 14px auto;
        float: none;
    }
    #insideSection .wrapp-content-section .wrapp-illustration img {
        display: block;
        width: 100%;
        height:auto;
    }
}
@media screen and (max-width: 640px) {
    #insideSection .wrapp-content-section .wrapp-illustration {
        display: none;
    }
}

#insideSection .wrapp-content-section .wrapp-logo {
    margin-bottom: 24px;
}
@media screen and (max-width: 760px) {
    #insideSection .wrapp-content-section .wrapp-logo img {
        display: block;
        width: 100%;
        max-width:180px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 640px) {
    #insideSection .wrapp-content-section .wrapp-logo img {
        max-width:140px;
    }
}
#insideSection .wrapp-content-section .wrapp-texte {
    margin-bottom: 24px;
    color: #ffffff;
    font-family: 'roboto_condensedlight';
    font-size: 18px;
    line-height:22px;
    text-shadow: 0 2px 3px rgba(2,2,2,.55);
}
@media screen and (max-width: 760px) {
    #insideSection .wrapp-content-section .wrapp-texte {
        font-size: 16px;
        line-height:19px;
    }
}
#insideSection .wrapp-content-section .wrapp-channel {
    margin-bottom: 24px;
}
@media screen and (max-width: 760px) {
    #insideSection .wrapp-content-section .wrapp-channel {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
}
#insideSection .wrapp-content-section .wrapp-channel:after {
    content: "";
    float: none;
    clear: both;
    display: block;
}
#insideSection .wrapp-content-section .wrapp-channel img {
    margin: 0 10px 12px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 900px) {
    #insideSection .wrapp-content-section .wrapp-channel img {
        display: block;
        float: left;
        width:50%;
        height: auto;
        margin: 0;
        padding: 0 10px;
    }
}
#insideSection .wrapp-content-section .wrapp-call-to-action {
    max-width: 140px;
}
/*/////////////////////////////////////
FIN SECTION INSIDE
/////////////////////////////////////*/


/*/////////////////////////////////////
SECTION VIDEOS
/////////////////////////////////////*/
#videosSection {
    background-color:#ffffff;
}
#videosSection .wrapp-inner {
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (min-width: 1260px) {
    #videosSection .wrapp-inner {
        padding: 0;
    }
}
@media screen and (max-width: 960px) {
    #videosSection .wrapp-inner {
        padding-bottom:40px;
    }
}
#wrappEclateVideos {
    position: relative;
}
#wrappEclateVideos:after {
    content: "";
    float: none;
    clear: both;
    display: block;
}
@media screen and (max-width: 960px) {
    #wrappEclateVideos {
        padding-top: 40px;
    }
}
#wrappEclateVideos:after {
    content: "";
    clear: both;
    float: none;
    display: block;
}
#wrappEclateVideos .item-video {
    border:#ffffff 1px solid;
    background-color: #eeeeee;
    -moz-box-shadow: 0 0 6px rgba(2,2,2,.5);
    -webkit-box-shadow: 0 0 6px rgba(2,2,2,.5);
    box-shadow: 0 0 6px rgba(2,2,2,.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width:300px;
    float: left;
    overflow: hidden;
    text-align: center;
    -webkit-transition: height 0.3s ease-out;
    -moz-transition: height 0.3s ease-out;
    -ms-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
    cursor: pointer;
}
#wrappEclateVideos .item-video:after {
    position: absolute;
    top:50%;
    left:50%;
    z-index:40;
    width: 60px;
    height:60px;
    line-height: 60px;
    margin-top: -30px;
    margin-left: -30px;
    border: 1px solid #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(255,253,244,0.2);
    content: "\f04b";
    font-family: "FontAwesome";
    font-size:40px;
    color: #ffffff;
    padding-left:6px;
}
@media screen and (max-width: 960px) {
    #wrappEclateVideos .item-video:after {
        width: 32px;
        height:32px;
        line-height: 32px;
        margin-top: -16px;
        margin-left: -16px;
        font-size:20px;
    }
}
#wrappEclateVideos .item-video .wrapp-pix {
    position: relative;
}

#wrappEclateVideos .item-video img {
    max-width: none;
}
#wrappEclateVideos {
    height: 420px;
}
@media screen and (max-width: 960px) {
    #wrappEclateVideos {
        height: auto;
    }
}
#wrappEclateVideos .item-video {
    position: absolute;
}
#wrappEclateVideos #videoEclate0 {
    top:140px;
    left:50%;
    z-index:7;
    margin-left:-440px;
    max-width:266px;
    height:148px;
}
#wrappEclateVideos #videoEclate0 img {
    position:absolute;
    top:-28px;
    left:50%;
    margin-left: -50%;
    display:block;
    height:208px;
    width:auto;
}
@media screen and (min-width: 1360px) {
    #wrappEclateVideos #videoEclate0 {
        top:88px;
        left:50%;
        z-index:7;
        margin-left:-720px;
        max-width:336px;
        height:228px;
    }
    #wrappEclateVideos #videoEclate0 img {
        position:absolute;
        top:-20px;
        left:50%;
        margin-left: -50%;
        display:block;
        height:258px;
        width:auto;
    }
}

#wrappEclateVideos #videoEclate1 {
    top: 240px;
    left:50%;
    z-index:7;
    margin-left:-290px;
    max-width:240px;
    height:142px;
}
#wrappEclateVideos #videoEclate1 img {
    position:absolute;
    top:-20px;
    left:50%;
    margin-left: -180px;
    display:block;
    height:200px;
    width:360px;
}
@media screen and (min-width: 1360px) {
    #wrappEclateVideos #videoEclate1 {
        top: 170px;
        left:50%;
        z-index:7;
        margin-left:-420px;
        max-width:280px;
        height:182px;
    }
    #wrappEclateVideos #videoEclate1 img {
        position:absolute;
        top:-20px;
        left:50%;
        margin-left: -200px;
        display:block;
        height:200px;
        width:400px;
    }
}

#wrappEclateVideos #videoEclate2 {
    top: 30px;
    left:50%;
    z-index:7;
    margin-left:-300px;
    max-width:200px;
    height:110px;
}
#wrappEclateVideos #videoEclate2 img {
    position:absolute;
    top:0;
    left:50%;
    margin-left: -50%;
    display:block;
    height:auto;
    width:100%;
}
@media screen and (min-width: 1360px) {
    #wrappEclateVideos #videoEclate2 {
        top: 40px;
        left:50%;
        z-index:7;
        margin-left:-480px;
        max-width:236px;
        height:154px;
    }
    #wrappEclateVideos #videoEclate2 img {
        position:absolute;
        top:0;
        left:50%;
        margin-left: -50%;
        display:block;
        height:152px;
        width:auto;
    }
}

#wrappEclateVideos #videoEclate3 {
    top: 90px;
    left:50%;
    z-index:12;
    margin-left:-150px;
    max-width:300px;
    height:172px;
}
#wrappEclateVideos #videoEclate3 img {
    position:absolute;
    top:-24px;
    left:50%;
    margin-left: -50%;
    display:block;
    height:240px;
    width:380px;
}
@media screen and (min-width: 1360px) {
    #wrappEclateVideos #videoEclate3 {
        top: 30px;
        left:50%;
        z-index:12;
        margin-left:-280px;
        max-width:485px;
        height:272px;
    }
    #wrappEclateVideos #videoEclate3 img {
        position:absolute;
        top:0px;
        left:50%;
        margin-left: -50%;
        display:block;
        height:auto;
        width:100%;
    }
}


#wrappEclateVideos #videoEclate4 {
    top: 14px;
    left:50%;
    z-index:8;
    margin-left:140px;
    max-width:220px;
    height:124px;
}
#wrappEclateVideos #videoEclate4 img {
    position:absolute;
    top:-40px;
    left:50%;
    margin-left: -160px;
    display:block;
    height:200px;
    width:320px;
}
@media screen and (min-width: 1360px) {
    #wrappEclateVideos #videoEclate4 {
        top: 14px;
        left:50%;
        z-index:14;
        margin-left:120px;
        max-width:220px;
        height:174px;
    }
    #wrappEclateVideos #videoEclate4 img {
        position:absolute;
        top:-18px;
        left:50%;
        margin-left: -50%;
        display:block;
        height:198px;
        width:auto;
    }
}


#wrappEclateVideos #videoEclate5 {
    top: 244px;
    left:50%;
    z-index:11;
    margin-left:20px;
    max-width:240px;
    height:124px;
}
#wrappEclateVideos #videoEclate5 img {
    position:absolute;
    top:-30px;
    left:50%;
    margin-left: -200px;
    display:block;
    height:240px;
    width:400px;
}
@media screen and (min-width: 1360px) {
    #wrappEclateVideos #videoEclate5 {
        top: 194px;
        left:50%;
        z-index:11;
        margin-left:80px;
        max-width:280px;
        height:174px;
    }
    #wrappEclateVideos #videoEclate5 img {
        position:absolute;
        top:-24px;
        left:50%;
        margin-left: -50%;
        display:block;
        height:240px;
        width:auto;
    }
}

#wrappEclateVideos #videoEclate6 {
    top: 128px;
    left:50%;
    z-index:6;
    margin-left:170px;
    max-width:268px;
    height:164px;
}
#wrappEclateVideos #videoEclate6 img {
    position:absolute;
    top:-24px;
    left:50%;
    margin-left: -180px;
    display:block;
    height:200px;
    width:360px;
}
@media screen and (min-width: 1360px) {
    #wrappEclateVideos #videoEclate6 {
        top: 138px;
        left:50%;
        z-index:6;
        margin-left:320px;
        max-width:318px;
        height:224px;
    }
    #wrappEclateVideos #videoEclate6 img {
        position:absolute;
        top:-14px;
        left:50%;
        margin-left: -50%;
        display:block;
        height:240px;
        width:400px;
    }
}

#wrappEclateVideos #videoEclate7 {
    top: 220px;
    left:50%;
    z-index:10;
    margin-left:290px;
    max-width:200px;
    height:122px;
}
#wrappEclateVideos #videoEclate7 img {
    position:absolute;
    top:-18px;
    left:50%;
    margin-left: -150px;
    display:block;
    height:140px;
    width:auto;
}
@media screen and (min-width: 1360px) {
    #wrappEclateVideos #videoEclate7 {
        top: 20px;
        left:50%;
        z-index:10;
        margin-left:380px;
        max-width:240px;
        height:142px;
    }
    #wrappEclateVideos #videoEclate7 img {
        position:absolute;
        top:0;
        left:50%;
        margin-left: -50%;
        display:block;
        height:140px;
        width:auto;
    }
}

#wrappEclateVideos #videoEclate0:hover,
#wrappEclateVideos #videoEclate1:hover,
#wrappEclateVideos #videoEclate2:hover,
#wrappEclateVideos #videoEclate3:hover,
#wrappEclateVideos #videoEclate4:hover,
#wrappEclateVideos #videoEclate5:hover,
#wrappEclateVideos #videoEclate6:hover,
#wrappEclateVideos #videoEclate7:hover,
#wrappEclateVideos #videoEclate8:hover {
    z-index: 30;
}



#wrappEclateVideos #videoEclate0,
#wrappEclateVideos #videoEclate1,
#wrappEclateVideos #videoEclate2,
#wrappEclateVideos #videoEclate3,
#wrappEclateVideos #videoEclate4,
#wrappEclateVideos #videoEclate5,
#wrappEclateVideos #videoEclate6,
#wrappEclateVideos #videoEclate7,
#wrappEclateVideos #videoEclate8 {
    background-color: #000000;
}
@media screen and (max-width: 960px) {
    #wrappEclateVideos #videoEclate0,
    #wrappEclateVideos #videoEclate1,
    #wrappEclateVideos #videoEclate2,
    #wrappEclateVideos #videoEclate3,
    #wrappEclateVideos #videoEclate4,
    #wrappEclateVideos #videoEclate5,
    #wrappEclateVideos #videoEclate6,
    #wrappEclateVideos #videoEclate7,
    #wrappEclateVideos #videoEclate8 {
        position: relative;
        top:0;
        left:0;
        margin-left:1%;
        margin-left: 0;
        margin-bottom:10px;
        width: 31.3333333%;
        max-width:none;
        height:130px;
        float: none;
        display: inline-block;
        overflow: hidden;
        text-align: center;
        background-color: #000000;
    }
    #wrappEclateVideos #videoEclate0 img,
    #wrappEclateVideos #videoEclate1 img,
    #wrappEclateVideos #videoEclate2 img,
    #wrappEclateVideos #videoEclate3 img,
    #wrappEclateVideos #videoEclate4 img,
    #wrappEclateVideos #videoEclate5 img,
    #wrappEclateVideos #videoEclate6 img,
    #wrappEclateVideos #videoEclate7 img,
    #wrappEclateVideos #videoEclate8 img {
        position:relative;
        top:0;
        left:0;
        margin-left:auto;
        display:block;
        height:100%;
        width:auto;
        margin: 0 auto;
    }
}

@media screen and (max-width: 640px) {
    #wrappEclateVideos #videoEclate0,
    #wrappEclateVideos #videoEclate1,
    #wrappEclateVideos #videoEclate2,
    #wrappEclateVideos #videoEclate3,
    #wrappEclateVideos #videoEclate4,
    #wrappEclateVideos #videoEclate5,
    #wrappEclateVideos #videoEclate6,
    #wrappEclateVideos #videoEclate7,
    #wrappEclateVideos #videoEclate8 {
        width: 48%;
    }
}

@media screen and (max-width: 420px) {
    #wrappEclateVideos #videoEclate0,
    #wrappEclateVideos #videoEclate1,
    #wrappEclateVideos #videoEclate2,
    #wrappEclateVideos #videoEclate3,
    #wrappEclateVideos #videoEclate4,
    #wrappEclateVideos #videoEclate5,
    #wrappEclateVideos #videoEclate6,
    #wrappEclateVideos #videoEclate7,
    #wrappEclateVideos #videoEclate8 {
        width: 100%;
        max-width:220px;
        margin: 0 auto 14px auto;
        height:auto;
        margin: 0 auto;
    }
    #wrappEclateVideos #videoEclate0 img,
    #wrappEclateVideos #videoEclate1 img,
    #wrappEclateVideos #videoEclate2 img,
    #wrappEclateVideos #videoEclate3 img,
    #wrappEclateVideos #videoEclate4 img,
    #wrappEclateVideos #videoEclate5 img,
    #wrappEclateVideos #videoEclate6 img,
    #wrappEclateVideos #videoEclate7 img,
    #wrappEclateVideos #videoEclate8 img {
        height:auto;
        width:100%;
    }
}
/*/////////////////////////////////////
SECTION SOCIAL
/////////////////////////////////////*/
#socialSection {
    background-color:#f4f8f9;
    background-image: url('../img/background_shadow-section.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
}
#socialSection .wrapp-inner {
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (min-width: 1260px) {
    #socialSection .wrapp-inner {
        padding: 0;
    }
}
#wrapp-box-social {
    padding: 20px 0;
}
#wrapp-box-social:after {
    content: "";
    display: block;
    clear: both;
    float: none;
}
#wrapp-box-social .item-social {
    width: 100%;
    max-width:18%;
    display: inline-block;
    margin: 0 0 6px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 960px) {
    #wrapp-box-social .item-social {
        max-width:24%;
    }
}
@media screen and (max-width: 760px) {
    #wrapp-box-social .item-social {
        max-width:24%;
    }
}
@media screen and (max-width: 640px) {
    #wrapp-box-social .item-social {
        max-width:40%;
    }
}
@media screen and (max-width: 420px) {
    #wrapp-box-social .item-social {
        width:100%;
        max-width:220px;
        display: block;
        margin: 0 auto 6px auto;
    }
}
#wrapp-box-social .item-social .wrapp-counter-social {

}
#wrapp-box-social .item-social .wrapp-counter-social a {
    text-decoration: none;
    color: #ffffff;
}
#wrapp-box-social .item-social .wrapp-counter-social:after {
    content: "";
    display: block;
    clear:both;
    float:none;
}

#wrapp-box-social .item-social .wrapp-counter-social .picto-social {
    width: 62px;
    height: 62px;
    display: block;
    float: left;
    text-align: center;
    color: #ffffff;
    font-size:40px;
    line-height:62px;
    overflow: hidden;
}
@media screen and (max-width: 760px) {
    #wrapp-box-social .item-social .wrapp-counter-social .picto-social {
        width: 42px;
        height: 42px;
        line-height:42px;
        font-size:30px;
    }
}
#wrapp-box-social .item-social .wrapp-counter-social .picto-social i {
    display: block;
    line-height: 62px;
    text-align: center;
    width: 100%;
}
@media screen and (max-width: 760px) {
    #wrapp-box-social .item-social .wrapp-counter-social .picto-social i {
        line-height: 42px;
    }
}
#wrapp-box-social .item-social.item-social-facebook .wrapp-counter-social .picto-social {
    text-shadow: rgb(52, 84, 131) 1px 1px,
    rgb(52, 84, 131) 2px 2px,
    rgb(52, 84, 131) 3px 3px,
    rgb(52, 84, 131) 4px 4px,
    rgb(52, 85, 132) 5px 5px,
    rgb(53, 86, 134) 6px 6px,
    rgb(53, 87, 136) 7px 7px,
    rgb(54, 88, 137) 8px 8px,
    rgb(55, 89, 139) 9px 9px,
    rgb(55, 90, 141) 10px 10px,
    rgb(56, 91, 142) 11px 11px,
    rgb(57, 92, 144) 12px 12px,
    rgb(57, 93, 146) 13px 13px,
    rgb(58, 94, 147) 14px 14px,
    rgb(59, 95, 149) 15px 15px,
    rgb(59, 96, 151) 16px 16px,
    rgb(60, 98, 153) 17px 17px,
    rgb(61, 99, 154) 18px 18px,
    rgb(61, 100, 156) 19px 19px,
    rgb(62, 101, 158) 20px 20px,
    rgb(63, 102, 159) 21px 21px,
    rgb(63, 103, 161) 22px 22px,
    rgb(64, 104, 163) 23px 23px,
    rgb(65, 105, 164) 24px 24px,
    rgb(65, 106, 166) 25px 25px,
    rgb(66, 107, 168) 26px 26px,
    rgb(67, 108, 169) 27px 27px,
    rgb(67, 109, 171) 28px 28px,
    rgb(68, 110, 173) 29px 29px,
    rgb(69, 112, 175) 30px 30px;
    background-color: rgb(69, 112, 175);
}

#wrapp-box-social .item-social.item-social-twitter .wrapp-counter-social .picto-social {
    text-shadow: rgb(69, 143, 168) 1px 1px,
    rgb(69, 143, 168) 2px 2px,
    rgb(69, 143, 168) 3px 3px,
    rgb(69, 143, 168) 4px 4px,
    rgb(69, 144, 170) 5px 5px,
    rgb(70, 146, 172) 6px 6px,
    rgb(71, 148, 174) 7px 7px,
    rgb(72, 150, 176) 8px 8px,
    rgb(73, 152, 178) 9px 9px,
    rgb(74, 154, 180) 10px 10px,
    rgb(75, 155, 183) 11px 11px,
    rgb(76, 157, 185) 12px 12px,
    rgb(76, 159, 187) 13px 13px,
    rgb(77, 161, 189) 14px 14px,
    rgb(78, 163, 191) 15px 15px,
    rgb(79, 165, 193) 16px 16px,
    rgb(80, 167, 196) 17px 17px,
    rgb(81, 168, 198) 18px 18px,
    rgb(82, 170, 200) 19px 19px,
    rgb(83, 172, 202) 20px 20px,
    rgb(84, 174, 204) 21px 21px,
    rgb(84, 176, 206) 22px 22px,
    rgb(85, 178, 208) 23px 23px,
    rgb(86, 179, 211) 24px 24px,
    rgb(87, 181, 213) 25px 25px,
    rgb(88, 183, 215) 26px 26px,
    rgb(89, 185, 217) 27px 27px,
    rgb(90, 187, 219) 28px 28px,
    rgb(91, 189, 221) 29px 29px,
    rgb(92, 191, 224) 30px 30px;
    background-color: rgb(92, 191, 224);
}

#wrapp-box-social .item-social.item-social-youtube .wrapp-counter-social .picto-social {
    text-shadow: rgb(164, 64, 47) 1px 1px,
    rgb(164, 64, 47) 2px 2px,
    rgb(164, 64, 47) 3px 3px,
    rgb(164, 64, 47) 4px 4px,
    rgb(166, 64, 47) 5px 5px,
    rgb(168, 65, 48) 6px 6px,
    rgb(170, 66, 48) 7px 7px,
    rgb(172, 67, 49) 8px 8px,
    rgb(174, 68, 50) 9px 9px,
    rgb(176, 68, 50) 10px 10px,
    rgb(178, 69, 51) 11px 11px,
    rgb(180, 70, 51) 12px 12px,
    rgb(183, 71, 52) 13px 13px,
    rgb(185, 72, 53) 14px 14px,
    rgb(187, 72, 53) 15px 15px,
    rgb(189, 73, 54) 16px 16px,
    rgb(191, 74, 55) 17px 17px,
    rgb(193, 75, 55) 18px 18px,
    rgb(195, 76, 56) 19px 19px,
    rgb(197, 76, 56) 20px 20px,
    rgb(199, 77, 57) 21px 21px,
    rgb(202, 78, 58) 22px 22px,
    rgb(204, 79, 58) 23px 23px,
    rgb(206, 80, 59) 24px 24px,
    rgb(208, 80, 59) 25px 25px,
    rgb(210, 81, 60) 26px 26px,
    rgb(212, 82, 61) 27px 27px,
    rgb(214, 83, 61) 28px 28px,
    rgb(216, 84, 62) 29px 29px,
    rgb(219, 85, 63) 30px 30px;
    background-color: rgb(219, 85, 63);
}
#wrapp-box-social .item-social.item-social-dailymotion .wrapp-counter-social .picto-social {
    text-shadow: rgb(0, 62, 90) 1px 1px,
    rgb(0, 62, 90) 2px 2px,
    rgb(0, 62, 90) 3px 3px,
    rgb(0, 62, 90) 4px 4px,
    rgb(0, 62, 91) 5px 5px,
    rgb(0, 63, 92) 6px 6px,
    rgb(0, 64, 93) 7px 7px,
    rgb(0, 65, 94) 8px 8px,
    rgb(0, 65, 95) 9px 9px,
    rgb(0, 66, 96) 10px 10px,
    rgb(0, 67, 98) 11px 11px,
    rgb(0, 68, 99) 12px 12px,
    rgb(0, 68, 100) 13px 13px,
    rgb(0, 69, 101) 14px 14px,
    rgb(0, 70, 102) 15px 15px,
    rgb(0, 71, 103) 16px 16px,
    rgb(0, 72, 105) 17px 17px,
    rgb(0, 72, 106) 18px 18px,
    rgb(0, 73, 107) 19px 19px,
    rgb(0, 74, 108) 20px 20px,
    rgb(0, 75, 109) 21px 21px,
    rgb(0, 75, 110) 22px 22px,
    rgb(0, 76, 111) 23px 23px,
    rgb(0, 77, 113) 24px 24px,
    rgb(0, 78, 114) 25px 25px,
    rgb(0, 78, 115) 26px 26px,
    rgb(0, 79, 116) 27px 27px,
    rgb(0, 80, 117) 28px 28px,
    rgb(0, 81, 118) 29px 29px,
    rgb(0, 82, 120) 30px 30px;
    background-color: #0756b5;
}
#wrapp-box-social .item-social.item-social-google-plus .wrapp-counter-social .picto-social {
    text-shadow: rgb(155, 38, 30) 1px 1px,
    rgb(155, 38, 30) 2px 2px,
    rgb(155, 38, 30) 3px 3px,
    rgb(155, 38, 30) 4px 4px,
    rgb(157, 38, 30) 5px 5px,
    rgb(159, 39, 30) 6px 6px,
    rgb(161, 39, 31) 7px 7px,
    rgb(163, 40, 31) 8px 8px,
    rgb(165, 40, 31) 9px 9px,
    rgb(167, 41, 32) 10px 10px,
    rgb(169, 41, 32) 11px 11px,
    rgb(171, 42, 33) 12px 12px,
    rgb(173, 42, 33) 13px 13px,
    rgb(175, 43, 33) 14px 14px,
    rgb(177, 43, 34) 15px 15px,
    rgb(179, 44, 34) 16px 16px,
    rgb(181, 44, 35) 17px 17px,
    rgb(183, 45, 35) 18px 18px,
    rgb(185, 45, 35) 19px 19px,
    rgb(187, 46, 36) 20px 20px,
    rgb(189, 46, 36) 21px 21px,
    rgb(191, 47, 36) 22px 22px,
    rgb(193, 47, 37) 23px 23px,
    rgb(195, 48, 37) 24px 24px,
    rgb(197, 48, 38) 25px 25px,
    rgb(199, 49, 38) 26px 26px,
    rgb(201, 49, 38) 27px 27px,
    rgb(203, 50, 39) 28px 28px,
    rgb(205, 50, 39) 29px 29px,
    rgb(207, 51, 40) 30px 30px;
    background-color: rgb(207, 51, 40);
}

#wrapp-box-social .item-social.item-social-vine .wrapp-counter-social .picto-social {
    text-shadow: rgb(0, 134, 103) 1px 1px,
    rgb(0, 134, 103) 2px 2px,
    rgb(0, 134, 103) 3px 3px,
    rgb(0, 134, 103) 4px 4px,
    rgb(0, 135, 104) 5px 5px,
    rgb(0, 137, 105) 6px 6px,
    rgb(0, 139, 106) 7px 7px,
    rgb(0, 140, 108) 8px 8px,
    rgb(0, 142, 109) 9px 9px,
    rgb(0, 144, 110) 10px 10px,
    rgb(0, 146, 112) 11px 11px,
    rgb(0, 147, 113) 12px 12px,
    rgb(0, 149, 114) 13px 13px,
    rgb(0, 151, 116) 14px 14px,
    rgb(0, 153, 117) 15px 15px,
    rgb(0, 154, 118) 16px 16px,
    rgb(0, 156, 120) 17px 17px,
    rgb(0, 158, 121) 18px 18px,
    rgb(0, 159, 122) 19px 19px,
    rgb(0, 161, 123) 20px 20px,
    rgb(0, 163, 125) 21px 21px,
    rgb(0, 165, 126) 22px 22px,
    rgb(0, 166, 127) 23px 23px,
    rgb(0, 168, 129) 24px 24px,
    rgb(0, 170, 130) 25px 25px,
    rgb(0, 172, 131) 26px 26px,
    rgb(0, 173, 133) 27px 27px,
    rgb(0, 175, 134) 28px 28px,
    rgb(0, 177, 135) 29px 29px,
    rgb(0, 179, 137) 30px 30px;
    background-color: rgb(0, 179, 137);
}

#wrapp-box-social .item-social.item-social-instagram .wrapp-counter-social .picto-social {
    text-shadow: rgb(41, 65, 99) 1px 1px,
    rgb(41, 65, 99) 2px 2px,
    rgb(41, 65, 99) 3px 3px,
    rgb(41, 65, 99) 4px 4px,
    rgb(41, 65, 100) 5px 5px,
    rgb(42, 66, 101) 6px 6px,
    rgb(42, 67, 102) 7px 7px,
    rgb(43, 68, 104) 8px 8px,
    rgb(43, 69, 105) 9px 9px,
    rgb(44, 69, 106) 10px 10px,
    rgb(44, 70, 107) 11px 11px,
    rgb(45, 71, 109) 12px 12px,
    rgb(45, 72, 110) 13px 13px,
    rgb(46, 73, 111) 14px 14px,
    rgb(46, 73, 112) 15px 15px,
    rgb(47, 74, 114) 16px 16px,
    rgb(48, 75, 115) 17px 17px,
    rgb(48, 76, 116) 18px 18px,
    rgb(49, 77, 118) 19px 19px,
    rgb(49, 77, 119) 20px 20px,
    rgb(50, 78, 120) 21px 21px,
    rgb(50, 79, 121) 22px 22px,
    rgb(51, 80, 123) 23px 23px,
    rgb(51, 81, 124) 24px 24px,
    rgb(52, 81, 125) 25px 25px,
    rgb(52, 82, 126) 26px 26px,
    rgb(53, 83, 128) 27px 27px,
    rgb(53, 84, 129) 28px 28px,
    rgb(54, 85, 130) 29px 29px,
    rgb(55, 86, 132) 30px 30px;
    background-color: rgb(55, 86, 132);
}

#wrapp-box-social .item-social .wrapp-counter-social .count-social {
    font-family: 'roboto_condensedbold';
    font-size: 34px;
    text-shadow: 0 2px 3px rgba(2,2,2,.6);
    text-align: center;
    color:#ffffff;
    line-height: 62px;
}
@media screen and (min-width: 1040px) {
    #wrapp-box-social .item-social .wrapp-counter-social .count-social {
        font-size: 38px;
    }
}
@media screen and (min-width: 1260px) {
    #wrapp-box-social .item-social .wrapp-counter-social .count-social {
        font-size: 42px;
    }
}
@media screen and (max-width: 760px) {
    #wrapp-box-social .item-social .wrapp-counter-social .count-social {
        line-height: 42px;
        font-size: 28px;
    }
}

#wrapp-box-social .item-social.item-social-facebook  {
    background-color: #527dbc;
}
#wrapp-box-social .item-social.item-social-twitter  {
    background-color: #69cced;
}
#wrapp-box-social .item-social.item-social-youtube  {
    background-color: #ea6c57;
}
#wrapp-box-social .item-social.item-social-dailymotion {
    background-color: #0064dc;
}
#wrapp-box-social .item-social.item-social-dailymotion i {
    text-align:right;
}
#wrapp-box-social .item-social.item-social-dailymotion img.svg-dm {
    max-width: 47px;
    margin: 5px 0 0 13px;
}
@media screen and (max-width: 760px) {
    #wrapp-box-social .item-social.item-social-dailymotion img.svg-dm {
        max-width: 32px;
        margin: 4px 0 0 8px;
    }
}



#wrapp-box-social .item-social.item-social-google-plus  {
    background-color: #d73d32;
}
#wrapp-box-social .item-social.item-social-vine {
    background-color: #0dc197;
}
#wrapp-box-social .item-social.item-social-instagram {
    background-color: #4a6998;
}
/*/////////////////////////////////////
FIN SECTION SOCIAL
/////////////////////////////////////*/