/*//////////////////////////////////////////
FOOTER STYLES
//////////////////////////////////////////*/
#footer.skin-m6mobile {
    background-color: #ededed;
    margin: 0 auto;
    padding:0 0 50px 0;
}

#footer.skin-m6mobile .contentTop {
    position:relative;
    top:0;
    left:0;
    width: 100%;
    height: auto;
    display: table;
    margin: 0 auto;
    padding-top:15px;
    padding-bottom:30px;
    clear: both;
    background-image: url(../img/footer_shadow.png);
    background-position: center top;
    background-repeat: no-repeat;
}
#footer.skin-m6mobile .contentTop {
    width:100%;
    max-width: 1160px;
    margin:0 auto;
}

#footer.skin-m6mobile .contentTop .footer_bloc {
    margin: 0px 3% 0px 0px;
    width: 22%;
    float: left;
    display: inline-block;
}

#footer.skin-m6mobile .contentTop .footer_bloc h6 {
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 15px;
    color: #792475;
    text-transform: uppercase;
    line-height: 24px;
    border-bottom: 1px solid #d5d5d5;
}

#footer.skin-m6mobile .contentTop .footer_bloc ul {
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    /*min-height: 340px;*/
}

#footer.skin-m6mobile .contentTop .footer_social {
    margin: 0px 40px 0px 0px;
    width: 210px;
    float: left;
    display: inline-block;
}

#footer.skin-m6mobile .contentTop .footer_bloc ul li a {
    text-decoration: none;
    color: #000;
    line-height: 24px;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #d5d5d5;
    display: block;
    font-family: 'roboto_condensedlight';
}

#footer.skin-m6mobile .contentTop .footer_bloc ul li a:hover {
    color: #792475;
}

#footer.skin-m6mobile .contentTop .footer_social ul li a {
    padding-right: 35px;
    width: 175px;
}

#footer.skin-m6mobile .contentTop .footer_social ul li a span {
    width: 24px;
    height: 24px;
    display: block;
    float: left;
    /*background-image: url(../img/social_icons.png);*/
    background-color:#000000;
    margin: 0px 12px 0px 0px;
    padding: 0;
    -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-transition: border 0.8s ease-in-out;
    -moz-transition: border 0.8s ease-in-out;
    -ms-transition: border 0.8s ease-in-out;
    -o-transition: border 0.8s ease-in-out;
    transition: border 0.8s ease-in-out;
    text-align:center;
}
#footer.skin-m6mobile .contentTop .footer_social ul li:hover  a span {
    background-color:#792475;
}
/* footer social icons styles starts here */

#footer.skin-m6mobile .contentTop .footer_social ul li a span .fa, #footer .contentTop .footer_social ul li a span .socicon {
    border:none;
    font-size:16px;
    width:100%;
    height: 24px;
    line-height:24px;
    vertical-align:middle;
    color:#ffffff;
    -webkit-transition: border 0.8s ease-in-out;
    -moz-transition: border 0.8s ease-in-out;
    -ms-transition: border 0.8s ease-in-out;
    -o-transition: border 0.8s ease-in-out;
    transition: border 0.8s ease-in-out;
}
#footer.skin-m6mobile .contentTop .footer_social ul li:hover  a span.fa, #footer.skin-m6mobile .contentTop .footer_social ul li:hover  a span .socicon {
    color:#ffffff;
}

#footer.skin-m6mobile #footer_group {
    font-size: 13px;
    color: #792475;
    width: 100%;
    background-color: #fff;
    display: inline-block;
    margin-top: 18px;
    font-family: 'roboto_condensedlight';
}

#footer.skin-m6mobile #footer_group .content {
    width: 1160px;
    height: 20px;
    line-height: 20px;
    display: block;
    margin: 16px auto;
    text-align: center;
    clear: both;
}

#footer.skin-m6mobile #footer_group .content a {
    font-size: 13px;
    color: #792475;
    text-decoration: none;
    margin: 0px 6px 0px 6px;
    display: inline-block;
}

#footer.skin-m6mobile #footer_group .content a:hover {
    color: #000;
}

/* Footer Newsletter starts here*/
#footer.skin-m6mobile .footer_bloc.newsletter {
    margin:0 auto;
    width: 100%;
    padding:30px 0 20px 0;
    background:#ffffff url("http://avantages-m6mobile.m6mobile.fr/bundles/atipikfront/websites/m6mobile/img/line_shadow.png") no-repeat 50% 0;
}
#footer.skin-m6mobile .footer_bloc.newsletter .wrapp-inner {
    margin:0 auto;
    width: 100%;
    max-width: 940px;
}

#footer.skin-m6mobile .footer_bloc.newsletter .img {
    width:20%;
    max-width:104px;
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 20px;
}
#footer.skin-m6mobile .footer_bloc.newsletter .part-edito {
    width:80%;
    margin: 0;
    padding: 0;
    float: left;
}
#footer.skin-m6mobile .footer_bloc.newsletter h6 {
    width:100%;
    display:block;
    border: 0 !important;
    padding: 0 0px 10px 0px;
    font-size: 15px;
    color: #792475;
    text-transform: uppercase;
    line-height: 24px;
}

#footer.skin-m6mobile .footer_bloc.newsletter p {
    float: left;
    font-size: 14px;
    color: #9F9E9E;
    margin: 0 12px 0 0;
    max-width:360px;
}

#footer.skin-m6mobile .footer_bloc.newsletter .action-input {
    float: left;
    position: relative;
    margin:0;
    width: 240px;
}

#footer.skin-m6mobile .footer_bloc.newsletter input {
    width: 192px;
    height: 46px;
    line-height: 46px;
    vertical-align:middle;
    background: #EDEDED;
    outline: 0;
    border: 0;
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    padding-left: 20px;
    font-family: 'roboto_condensedlight';
    font-size: 17px;
}

#footer.skin-m6mobile .footer_bloc.newsletter input::-webkit-input-placeholder {
    color: #737373;
}

#footer.skin-m6mobile .footer_bloc.newsletter button {
    display: block;
    border: 0;
    outline: 0;
    background: url("http://avantages-m6mobile.m6mobile.fr/bundles/atipikfront/websites/m6mobile/img/btn-sprite.png") no-repeat;
    background-position: 0 -708px;
    width: 48px;
    height: 48px;
    text-indent: -9999px;
    float: left;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    cursor: pointer;
    border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    background-color: #EDEDED;
}

#footer.skin-m6mobile .footer_bloc.newsletter button:hover {
    background-position: 0 -783px;
}



/*////////////
WIDTH >1280
////////////*/
@media screen and (min-width: 1280px) {
    #footer.skin-m6mobile .footer_bloc.newsletter .wrapp-inner {

        max-width: 780px;
    }
}


/*////////////
WIDTH < 1280
////////////*/
@media screen and (max-width: 1279px) {
    #footer.skin-m6mobile .footer_bloc.newsletter {
        /*bottom: 0;
        left: 0;
        position: absolute;
        width: 405px;*/
    }
    #footer.skin-m6mobile .footer_bloc.newsletter p {
        width:100%;
        max-width: 262px;
    }
    #footer.skin-m6mobile .footer_bloc.newsletter .action-input {
        width: 405px;
        margin-top: 8px;
    }
    #footer.skin-m6mobile .footer_bloc.newsletter input {
        width: 357px;
    }
    #footer.skin-m6mobile .footer_bloc.newsletter .img {
        margin-right: 17px;
    }
    #footer.skin-m6mobile .contentTop .wrapp-inner {
        max-width: 924px;
    }
    #footer.skin-m6mobile #footer_group .content {
        max-width: 924px;
    }
    #footer.skin-m6mobile .contentTop .footer_bloc {
        /*margin: 0px 65px 0px 0px;*/
    }
    #footer.skin-m6mobile .contentTop .footer_social {
        margin: 0px 0px 0px 0px;
    }
}
/*////////////
FIN WIDTH < 1280
////////////*/






/*////////////
WIDTH > 960
////////////*/
@media screen and (max-width:960px) {
    /*//////////////////////////////////////////
    FOOTER STYLES
    //////////////////////////////////////////*/
    #footer.skin-m6mobile {}
    #footer.skin-m6mobile .contentTop {
        width: 100%;
        padding-bottom:80px;
    }
    #footer.skin-m6mobile .contentTop .footer_bloc {
        margin: 0px 2%;
        width: 21%;
    }
    #footer.skin-m6mobile .contentTop .footer_bloc h6 {}
    #footer.skin-m6mobile .contentTop .footer_bloc ul {}
    #footer.skin-m6mobile .contentTop .footer_social {
        margin: 0 2%;
        width: 21%;
    }
    #footer.skin-m6mobile .contentTop .footer_bloc ul li a {}
    #footer.skin-m6mobile .contentTop .footer_bloc ul li a:hover {}
    #footer.skin-m6mobile .contentTop .footer_social ul li a {}
    #footer.skin-m6mobile .contentTop .footer_social ul li a span {}
    #footer.skin-m6mobile .contentTop .footer_social ul li.twitter a span {}
    #footer.skin-m6mobile .contentTop .footer_social ul li.facebook a span {}
    #footer.skin-m6mobile .contentTop .footer_social ul li.googlePlus a span {}
    #footer.skin-m6mobile .contentTop .footer_social ul li.youTube a span {}
    #footer.skin-m6mobile .contentTop .footer_social ul li.instagram a span {}
    #footer.skin-m6mobile .contentTop .footer_social ul li.subscirbeYoutube a span {}
    #footer.skin-m6mobile .contentTop .footer_social ul li.twitter a:hover span {}
    #footer.skin-m6mobile .contentTop .footer_social ul li.facebook a:hover span {}
    #footer.skin-m6mobile .contentTop .footer_social ul li.googlePlus a:hover span {}
    #footer.skin-m6mobile .contentTop .footer_social ul li.youTube a:hover span {}
    #footer.skin-m6mobile .contentTop .footer_social ul li.instagram a:hover span {}
    #footer.skin-m6mobile .contentTop .footer_social ul li.subscirbeYoutube a:hover span {}
    #footer.skin-m6mobile #footer_group {}
    #footer.skin-m6mobile #footer_group .content {
        width: 100%;
    }
    #footer.skin-m6mobile #footer_group .content a {}
    #footer.skin-m6mobile #footer_group .content a:hover {}
    #footer.skin-m6mobile .footer_bloc.newsletter {
        /*margin: 18px 0 0 2%;
        width: 40%;
        padding: 20px 2%;*/

        /*width:40%;*/
    }
    #footer.skin-m6mobile .footer_bloc.newsletter .img {}
    #footer.skin-m6mobile .footer_bloc.newsletter h6 {}
    #footer.skin-m6mobile .footer_bloc.newsletter p {}
    #footer.skin-m6mobile .footer_bloc.newsletter .action-input {
        width:90%;
        max-width:320px;
        margin:0 auto;
    }
    #footer.skin-m6mobile .footer_bloc.newsletter input {
        width:100%;
    }
    #footer.skin-m6mobile .footer_bloc.newsletter input::-webkit-input-placeholder {}
    #footer.skin-m6mobile .footer_bloc.newsletter button {}
    #footer.skin-m6mobile .footer_bloc.newsletter button:hover {}
    /*//////////////////////////////////////////
    FOOTER STYLES
    //////////////////////////////////////////*/




}
/*////////////
FIN WIDTH > 960
////////////*/



.touch #main #footer.skin-m6mobile, .skinTACTILE #main #footer.skin-m6mobile {
    width:100%;
    padding:13px 0px 0px 0px;
    background-image:url(../img/header_shadow.png);
    background-position:top right;
    background-repeat:no-repeat;
    display:inline-block;
    background-color:#fff;
    border-bottom:20px solid #EDEDED;
}

.touch #footer .contentTop, .skinTACTILE #footer .contentTop {
    min-height:100%;
}

.touch #main #footer .newsletter, .skinTACTILE #main #footer .newsletter {
    width:100%;
    padding:10px 0px 25px 0px;
    display: inline-block;
    position:relative;
    background-color:#FFFFFF;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-bottom:20px solid #EDEDED;
}
.touch #main #footer .newsletter .img, .skinTACTILE #main #footer .newsletter .img {
    width:150px;
    float:right;
    margin:0px 15px 0px 0px;
}
.touch #main #footer .newsletter .img img, .skinTACTILE #main #footer .newsletter .img img {
    width:130px;
    height:auto;
}
.touch #main #footer .newsletter h3, .skinTACTILE #main #footer .newsletter h3 {
    font-family: 'roboto_condensedbold', Arial;
    color:#792475;
    text-transform:uppercase;
    font-size:15px;
    margin:0px 0px 0px 0px;
    padding:10px 0px 0px 15px;
    min-width:40%;
}
.touch #main #footer .newsletter p, .skinTACTILE #main #footer .newsletter p {
    color:#737373;
    font-size:14px;
    line-height:20px;
    min-width:133px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 15px;
}
.touch #main #footer .newsletter .action-input, .skinTACTILE #main #footer .newsletter .action-input {
    float: left;
    margin-top: 25px;
}
.touch #main #footer .newsletter input, .skinTACTILE #main #footer .newsletter input  {
    width:202px;
    height: 46px;
    line-height:46px;
    background: #EDEDED;
    outline: 0;
    border: 0px;
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    padding: 0px 0px 0px 20px;
    font-family: 'roboto_condensedlight', Arial;
    font-size: 17px;
    margin:0px 0px 0px 15px;
    overflow:hidden;
    float:left;
}
.touch #main #footer .newsletter input::-webkit-input-placeholder, .skinTACTILE #main #footer .newsletter input::-webkit-input-placeholder  {
    color: #737373;
}
.touch #main #footer .newsletter button, .skinTACTILE #main #footer .newsletter button  {
    display: block;
    border: 0;
    outline: 0;
    background: url("http://avantages-m6mobile.m6mobile.fr/bundles/atipikfront/websites/m6mobile/img/sprite.png") no-repeat;
    background-position: 20px -14px;
    width: 46px;
    height: 46px;
    text-indent: -9999px;
    float: left;
    top: 0;
    z-index: 99;
    cursor: pointer;
    border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    background-color: #EDEDED;
    margin:0px 0px 0px 0px;
    padding:0px;
    position:relative;
}
.touch #main #footer .newsletter button:hover, .skinTACTILE #main #footer .newsletter button:hover  {
    background-position: 20px -62px;
    background-color:#792475;
}
.touch #main #footer .nav, .skinTACTILE #main #footer .nav {
    display:inline-block;
    width:100%;
}
.touch #main #footer .nav li ul, .skinTACTILE #main #footer .nav li ul {
    padding:0px;
}
.touch #main #footer .nav ul.level0, .skinTACTILE #main #footer .nav ul.level0  {
    margin:0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
    background-color:#ededed;
}
.touch #main #footer .nav li, .skinTACTILE #main #footer .nav li {
    list-style-type: none;
    display: block;
}
.touch #main #footer .nav span, .skinTACTILE #main #footer .nav span {
    display: block;
}
.touch #main #footer .nav li ul, .skinTACTILE #main #footer .nav li ul {
    display:none;
}
.touch #main #footer .nav li.active > ul, .skinTACTILE #main #footer .nav li.active > ul  {
    /*display:block;*/
}
.touch #main #footer .nav li a, .nav li span, .skinTACTILE #main #footer .nav li a, .nav li span {
    display: block;
    line-height: 21px;
    height:21px;
    padding:9px 0px 8px 0px;
    text-decoration: none;
    cursor: pointer;
    font-family: 'roboto_condensedlight', Arial;
    font-size:15px;
    text-transform:uppercase;
}
.touch #main #footer ul.level0 li, .skinTACTILE #main #footer ul.level0 li {
    background: #ededed;
}
.touch #main #footer ul.level0 > li > span, .skinTACTILE #main #footer ul.level0 > li > span {
    background: #ededed url(../img/navLevel1_footer.png) no-repeat left top;
    line-height: 21px;
    padding:9px 0px 8px 50px;
    display: block;
    color: #81317d;
    font-family: 'roboto_condensedbold', Arial;
    font-size:15px;
    border-top:1px solid #d5d5d5;
    margin:0px 16px 0px 16px;
}
.touch #main #footer ul.level0 > li.active span, .skinTACTILE #main #footer ul.level0 > li.active span  {
    background-position: left bottom;
}
.touch #main #footer ul.level1 > li a, #main #footer ul.level1 > li span, .skinTACTILE #main #footer ul.level1 > li a, #main #footer ul.level1 > li span {
    padding-left: 38px;
}
.touch #main #footer ul.level1 > li.multiple > span, .skinTACTILE #main #footer ul.level1 > li.multiple > span {
    background: url(../img/navLevel1.png) no-repeat left top;
}
.touch #main #footer ul.level1 > li.active.multiple span, .skinTACTILE #main #footer ul.level1 > li.active.multiple span {
    background-position: left bottom;
}
.touch #main #footer ul.level2 > li {
}
.touch #main #footer ul.level2 > li.active, .skinTACTILE #main #footer ul.level2 > li.active  {
    background: #ededed;
}
.touch #main #footer ul.level2 > li a, ul.level2 > li span, .skinTACTILE #main #footer ul.level2 > li a, ul.level2 > li span {
    padding-left: 50px;
    text-transform:none;
    border-top:1px solid #d5d5d5;
    margin:0px 16px 0px 16px;
}
.touch #footer #footer_group, .skinTACTILE #footer #footer_group {
    display:none;
}
.touch #main #footer , .skinTACTILE #main #footer {
    margin: 0;
    padding:0;
}

.touch #footer .contentTop, .skinTACTILE #footer .contentTop {
    width:100%;
    padding:0px 0px 0px 0px;
}
.touch #footer #footer_group .content, .skinTACTILE #footer #footer_group .content {
    width:100%;
}
.touch #footer .contentTop .footer_bloc, .skinTACTILE #footer .contentTop .footer_bloc {
    margin: 0px 0px 0px 0px;
    width:100%;
    background-color:#EDEDED;
}
.touch #footer .contentTop .footer_bloc.active h6, .skinTACTILE #footer .contentTop .footer_bloc.active h6{
    background: url("../img/navLevel1_footer.png") no-repeat scroll left bottom #EDEDED;
}

.touch #footer .contentTop .footer_social {
    margin:0px 0px 0px 0px;
}
.touch #footer .contentTop .footer_bloc h6, .skinTACTILE #footer .contentTop .footer_bloc h6 {
    background: url("../img/navLevel1_footer.png") no-repeat scroll left top #EDEDED;
    border-top: 1px solid #D5D5D5;
    border-bottom: none;
    color: #81317D;
    display: block;
    font-family: 'roboto_condensedbold', Arial;
    font-size: 15px;
    line-height: 40px;
    height:40px;
    margin: 0 16px;
    padding: 0px 0 0px 50px;
    cursor:pointer;
}
.touch #footer .contentTop .footer_bloc ul, .skinTACTILE #footer .contentTop .footer_bloc ul {
    min-height:100%!important;
    height:auto;
    display:none;
    height:auto!important;
}

.touch #footer .contentTop .footer_bloc ul li a, .skinTACTILE #footer .contentTop .footer_bloc ul li a  {
    border-top: 1px solid #D5D5D5;
    border-bottom: none;
    margin: 0 16px;
    padding: 0 0 0 50px;
    text-transform: none;
    cursor: pointer;
    display: block;
    font-family: 'roboto_condensedlight', Arial;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
}
.touch #footer .contentTop .footer_social ul li a, .skinTACTILE #footer .contentTop .footer_social ul li a {
    padding-right: 0px;
    width: inherit;
}
.touch #footer .contentTop .footer_social ul li a span, .skinTACTILE #footer .contentTop .footer_social ul li a span {
    display:none;
}
.touch #footer .footer_bloc.newsletter h6, .skinTACTILE #footer .footer_bloc.newsletter h6 {
    color: #792475;
    font-family: 'roboto_condensedbold', Arial;
    font-size: 15px;
    margin: 0;
    min-width: 40%;
    padding: 10px 0 0 15px;
    text-transform: uppercase;
    float:none;
    background-image:none !important;
    background:none;
    display:block;
}
.touch #main #footer .newsletter p, .skinTACTILE #main #footer .newsletter p {
    width:auto;
    float:none;
}
.touch #main #footer .newsletter .img, .skinTACTILE #main #footer .newsletter .img {
    float: right;
    margin: 0 15px 0 0;
    width: 150px;
}
.touch #main #footer .newsletter .action-input, .skinTACTILE #main #footer .newsletter .action-input{
    float: left;
    margin-top: 20px;
    width:290px!important;
    max-width:none!important;
}






@media screen  and (max-width:959px) and (min-width:769px) {
    #footer.skin-m6mobile .contentTop {
        height:550px;
    }

    #footer.skin-m6mobile .footer_bloc.newsletter h6 {
        width:60%;
    }

    #footer.skin-m6mobile .footer_bloc.newsletter .img {
        margin-right: 5px;
    }
    #footer.skin-m6mobile .footer_bloc.newsletter p {
        width:60%;
        margin-bottom: 8px;
    }
    #footer.skin-m6mobile .footer_bloc.newsletter .action-input {
        max-width: 230px;
        overflow: hidden;
    }
}

/*////////////
WIDTH > 768
////////////*/
@media screen and (max-width:768px) {

    #footer.skin-m6mobile {
        width:100%;
        padding:13px 0px 0px 0px;
        background-image:url(../img/header_shadow.png);
        background-position:top right;
        background-repeat:no-repeat;
        display:inline-block;
        background-color:#fff;
        border-bottom:20px solid #EDEDED;
    }

    #footer.skin-m6mobile .contentTop {
        min-height:100%;
    }

    #footer.skin-m6mobile .newsletter {
        width:100%;
        padding:10px 0px 25px 0px;
        display: inline-block;
        position:relative;
        background-color:#FFFFFF;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-bottom:20px solid #EDEDED;
    }
    #footer.skin-m6mobile .newsletter .img {
        width:150px;
        float:right;
        margin:0px 15px 0px 0px;
    }
    #footer.skin-m6mobile .newsletter .img img {
        width:130px;
        height:auto;
    }
    #footer.skin-m6mobile .newsletter h3 {
        font-family: 'roboto_condensedbold', Arial;
        color:#792475;
        text-transform:uppercase;
        font-size:15px;
        margin:0px 0px 0px 0px;
        padding:10px 0px 0px 15px;
        min-width:40%;
    }
    #footer.skin-m6mobile .newsletter p {
        color:#737373;
        font-size:14px;
        line-height:20px;
        min-width:133px;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 15px;
    }
    #footer.skin-m6mobile .newsletter .action-input {
        float: left;
        margin-top: 25px;
    }
    #footer.skin-m6mobile .newsletter input {
        width:202px;
        height: 46px;
        background: #EDEDED;
        outline: 0;
        border: 0px;
        border-radius: 5px 0px 0px 5px;
        -moz-border-radius: 5px 0px 0px 5px;
        -webkit-border-radius: 5px 0px 0px 5px;
        padding: 0px 0px 0px 20px;
        font-family: 'roboto_condensedlight', Arial;
        font-size: 17px;
        margin:0px 0px 0px 15px;
        overflow:hidden;
        float:left;
    }
    #footer.skin-m6mobile .newsletter input::-webkit-input-placeholder {
        color: #737373;
    }
    #footer.skin-m6mobile .newsletter button {
        display: block;
        border: 0;
        outline: 0;
        background: url("http://avantages-m6mobile.m6mobile.fr/bundles/atipikfront/websites/m6mobile/img/sprite.png") no-repeat;
        background-position: 20px -14px;
        width: 46px;
        height: 46px;
        text-indent: -9999px;
        float: left;
        top: 0;
        z-index: 99;
        cursor: pointer;
        border-radius: 0px 5px 5px 0px;
        -moz-border-radius: 0px 5px 5px 0px;
        -webkit-border-radius: 0px 5px 5px 0px;
        background-color: #EDEDED;
        margin:0px 0px 0px 0px;
        padding:0px;
        position:relative;
    }
    #footer.skin-m6mobile .newsletter button:hover {
        background-position: 20px -62px;
        background-color:#792475;
    }
    /* menu styles starts here */


    /* footer menu styles starts here */

    #footer.skin-m6mobile .nav {
        display:inline-block;
        width:100%;
    }
    #footer.skin-m6mobile .nav li ul {
        padding:0px;
    }
    #footer.skin-m6mobile .nav ul.level0 {
        margin:0px 0px 0px 0px;
        padding: 20px 0px 20px 0px;
        background-color:#ededed;
    }
    #footer.skin-m6mobile .nav li {
        list-style-type: none;
        display: block;
    }
    #footer.skin-m6mobile .nav span {
        display: block;
    }
    #footer.skin-m6mobile .nav li ul {
        display:none;
    }
    #footer.skin-m6mobile .nav li.active > ul {
        /*display:block;*/
    }
    #footer.skin-m6mobile .nav li a, .nav li span {
        display: block;
        line-height: 21px;
        height:21px;
        padding:9px 0px 8px 0px;
        text-decoration: none;
        cursor: pointer;
        font-family: 'roboto_condensedlight', Arial;
        font-size:15px;
        text-transform:uppercase;
    }
    #footer.skin-m6mobile ul.level0 li {
        background: #ededed;
    }
    #footer.skin-m6mobile ul.level0 > li > span {
        background: #ededed url(../img/navLevel1_footer.png) no-repeat left top;
        line-height: 21px;
        padding:9px 0px 8px 50px;
        display: block;
        color: #81317d;
        font-family: 'roboto_condensedbold', Arial;
        font-size:15px;
        border-top:1px solid #d5d5d5;
        margin:0px 16px 0px 16px;
    }
    #footer.skin-m6mobile ul.level0 > li.active span {
        background-position: left bottom;
    }
    #footer.skin-m6mobile ul.level1 > li a, #footer.skin-m6mobile ul.level1 > li span {
        padding-left: 38px;
    }
    #footer.skin-m6mobile ul.level1 > li.multiple > span {
        background: url(../img/navLevel1.png) no-repeat left top;
    }
    #footer.skin-m6mobile ul.level1 > li.active.multiple span {
        background-position: left bottom;
    }
    #footer.skin-m6mobile ul.level2 > li {
        /*
                        padding-left: 13px;
                        background: #792475;
        */
    }
    #footer.skin-m6mobile ul.level2 > li.active {
        background: #ededed;
    }
    #footer.skin-m6mobile ul.level2 > li a, ul.level2 > li span {
        padding-left: 50px;
        text-transform:none;
        border-top:1px solid #d5d5d5;
        margin:0px 16px 0px 16px;
    }


    /* footer new styles starts here */
    #footer.skin-m6mobile #footer_group {
        display:none;
    }
    #footer.skin-m6mobile {
        margin: 0;
        padding:0;
    }

    #footer.skin-m6mobile .contentTop {
        width:100%;
        padding:0px 0px 0px 0px;
    }
    #footer.skin-m6mobile #footer_group .content {
        width:100%;
    }
    #footer.skin-m6mobile .contentTop .footer_bloc {
        margin: 0px 0px 0px 0px;
        width:100%;
        background-color:#EDEDED;
    }

    #footer.skin-m6mobile .contentTop .footer_bloc.active h6{
        background: url("../img/navLevel1_footer.png") no-repeat scroll left bottom #EDEDED;
    }

    #footer.skin-m6mobile .contentTop .footer_social {
        margin:0px 0px 0px 0px;
    }
    #footer.skin-m6mobile .contentTop .footer_bloc h6 {
        background: url("../img/navLevel1_footer.png") no-repeat scroll left top #EDEDED;
        border-top: 1px solid #D5D5D5;
        border-bottom: none;
        color: #81317D;
        display: block;
        font-family: 'roboto_condensedbold', Arial;
        font-size: 15px;
        line-height: 40px;
        height:40px;
        margin: 0 16px;
        padding: 0px 0 0px 50px;
        cursor:pointer;
    }
    #footer.skin-m6mobile .contentTop .footer_bloc ul {
        min-height:100%!important;
        height:auto;
        display:none;
        height:auto!important;
    }

    #footer.skin-m6mobile .contentTop .footer_bloc ul li a {
        border-top: 1px solid #D5D5D5;
        border-bottom: none;
        margin: 0 16px;
        padding: 0 0 0 50px;
        text-transform: none;
        cursor: pointer;
        display: block;
        font-family: 'roboto_condensedlight', Arial;
        font-size: 15px;
        height: 40px;
        line-height: 40px;
    }
    #footer.skin-m6mobile .contentTop .footer_social ul li a {
        padding-right: 0px;
        width: inherit;
    }
    #footer.skin-m6mobile .contentTop .footer_social ul li a span {
        display:none;
    }
    /* footer newsletter styles new */


}
/*////////////////
FIN WIDTH > 767
////////////////*/
@media screen and (max-width:767px) {


}


/*////////////////
WIDTH > 640
////////////////*/
@media screen and (max-width:680px) {

}
/*////////////////
FIN WIDTH > 640
////////////////*/



/*////////////////
WIDTH > 480
////////////////*/
@media screen and (max-width:480px) {





}
/*////////////////
FIN WIDTH > 480
////////////////*/
/*////////////////
WIDTH > 320
////////////////*/
@media screen and (max-width:320px) {





}
/*////////////////
FIN WIDTH > 320
////////////////*/





/*//////////////////////////////
LANDSCAPE WIDTH ENTRE 320 et 640
//////////////////////////////*/
@media screen and (min-width: 640px) {
    #footer.skin-m6mobile .contentTop .footer_bloc ul{
        min-height: 340px;
    }
}