/* =========================================
footer
========================================= */

#footer {
    background-color: #FFFFFF;
    width: 100%;
}
#footer .conteneur {
    margin: 0 auto;
    overflow: hidden;
    padding: 15px 0 0;
    width: 1000px;
}
#footer .groupe {
    width: 15%;
    float: left;
    font-size: 12px;
    margin-bottom: 7px;
}

#footer .groupe.colonne-3 {
    width: 38%;
    margin-right: 2%;    
}
#footer .groupe.colonne-app{width: 30%;}

#footer .groupe:first-child li a {}

#footer .groupe.social {
    float: left;
    margin-left: 30%;
    width: 40%;
}
#footer .groupe.social a {
    background: url("../img/sprite-ico-social.png") no-repeat scroll 0 0 #FFFFFF;
    color: #919191;
    display: inline-block;
    line-height: 16px;
    padding: 0 0 0 26px;
    vertical-align: middle;
}
#footer .groupe.social .facebook a {
    background-position: 0 -91px;
}
#footer .groupe.social .facebook a:hover {
    background-position: 0 -61px;
}
#footer .groupe.social .twitter a {
    background-position: 0 -152px;
}
#footer .groupe.social .twitter a:hover {
    background-position: 0 -122px;
}
#footer .groupe.social .instagram a {
    background-position: 0 -326px;
}
#footer .groupe.social .instagram a:hover {
    background-position: 0 -297px;
}
#footer .groupe.social .googleplus a {
    background-position: 0 -384px;
}
#footer .groupe.social .googleplus a:hover {
    background-position: 0 -355px;
}
#footer .groupe.social .dailymotion a {
    background-position: 0 -30px;
}
#footer .groupe.social .dailymotion a:hover {
    background-position: 0 0;
}
#footer .groupe.social .soundcloud a {
    background-position: 0 -268px;
}
#footer .groupe.social .soundcloud a:hover {
    background-position: 0 -239px;
}
#footer .groupe.social .iTunes a {
    background-position: 0 -500px;
}
#footer .groupe.social .iTunes a:hover {
    background-position: 0 -471px;
}
#footer .groupe.social .spotify a {
    background-position: 0 -442px;
}
#footer .groupe.social .spotify a:hover {
    background-position: 0 -413px;
}


#footer .groupe p.logo {
    background: url("../img/logo_fip_petit.png") no-repeat scroll 0 0 transparent;
    color: transparent;
    display: block;
    font-size: 0;
    height: 94px;
    margin: 7px 0 17px;
    text-indent: -999px;
    width: 94px;
}
#footer .groupe p.logo a {
  display: block;
  height: 100%;
}
#footer .groupe p strong {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
#footer .groupe ul {}
#footer .groupe ul li {}
#footer .groupe ul li a {}
#footer .pied_rf {
    clear: both;
    border-top: 1px solid #979797;
    padding-top: 20px;
    font-size: 12px;
    color: #B9B9B9;
}
#footer .pied_rf a.top {
    color: #B9B9B9;
    float: right;
}
#footer .pied_rf ul {
    font-size: 0;
    line-height: 1;
}
#footer .pied_rf ul li {
    display: inline;
}
#footer .pied_rf ul li a {
    border-right: 1px solid #000000;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 5px;
    margin-right: 10px;
    padding-right: 10px;
}
#footer .pied_rf ul li:last-child a {
    border: none;
}
#footer .pied_rf p {}
#footer .pied_rf #ojd-container {
    margin: 15px 0 30px;
}
#footer .pied_rf #ojd-container .logo-ojd {}
#footer .pied_rf #ojd-container .logo-ojd a {}
#footer .pied_rf #ojd-container .logo-ojd a img {}

/* cookie container */
#rf_cookie_container {
    background-color: #dcdcdc;
}
#footer .gray,
#footer .gray .link-webradio,
#footer .footer-section ul .gray,
#footer .footer-section ul .gray a {
    color: #919191;
}

#appstore-app-footer-link{
    background: url(/sites/all/themes/custom/fip/img/badge-app-store.png) no-repeat;
    height: 45px;
    width: 152px;
    margin-bottom: 5px;
    display: block;
}

#googlestore-app-footer-link{ 
    background: url(/sites/all/themes/custom/fip/img/badge-google-play.png) no-repeat;
    height: 45px;
    width: 152px;
    display: block;
}

#footer .groupe ul.social li {float: left;}
#footer .groupe.social a{text-indent: -9999px;}
.multisupport {margin-bottom: 45px;}
.multisupport img {width: 80%;}
.groupe.colonne-app span {font-size: 18px;font-weight: bold;}
ul.app-stores{margin-top: 13px;}
#footer .groupe.social, #footer .groupe.colonne-5{margin-top: -81px;}
