/* 
*----------------------------------------------------------
*   FOOTER
*----------------------------------------------------------
*/

#footer{
    background: url(../images/footer_bg.png) no-repeat bottom left;
    background-size: 100% 50%;
    min-height: 240px;
    position: relative;
}

#footer .map{
    width: 100%;
    pointer-events: none;
    height: 270px;
}

#footer .infos{
    width: 100%;
    background: rgba(236,177,26,1);
    background: -moz-linear-gradient(left, rgba(236,177,26,1) 0%, rgba(42,140,131,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(236,177,26,1)), color-stop(100%, rgba(42,140,131,1)));
    background: -webkit-linear-gradient(left, rgba(236,177,26,1) 0%, rgba(42,140,131,1) 100%);
    background: -o-linear-gradient(left, rgba(236,177,26,1) 0%, rgba(42,140,131,1) 100%);
    background: -ms-linear-gradient(left, rgba(236,177,26,1) 0%, rgba(42,140,131,1) 100%);
    background: linear-gradient(to right, rgba(236,177,26,1) 0%, rgba(42,140,131,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecb11a', endColorstr='#2a8c83', GradientType=1 );
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}

#footer .infos .content{
    width: 1100px;
    margin:0 auto;
    padding: 25px 0;
}

#footer .content .box{
    width: 19.5%;
    margin-right:1%;
    float: left;
    height:80px;
}

#footer .box p{
    color: #fff;
    font-size: 14px;
    text-align:justify;
}

#footer .content .adresse{
    width: 25% !important;
}

#footer .content .email{
    width: 31% !important;
}

#footer .content .adresse span{
    line-height: 1.3em !important;
    font-family: segoe ui light;
}

#footer .content .box img{
    float: left;
    margin-right: 10px;
}

#footer .content .box span{
    color: #fff;
    font-size: 16px;
    line-height: 80px;
    vertical-align: middle;
}

#footer .content .box .tel{
   line-height:38px;
}

#footer .footer_content{
    width:1000px;
    margin:0 auto;
    padding:30px 0;
}

#footer .footer_content .box{
    width: 30%;
    float: left;
    margin-right: 3.33%;
}

#footer .footer_content .box .title{
    font-family: segoe ui light;
    font-size: 24px;
    color: #fff;
    overflow:hidden;
    padding:5px 0;
}

#footer .footer_content .box .title:after {
    content:"";
    display: inline-block;
    height: 5px;
    vertical-align: middle;
    width: 100%;
    margin-right: -100%;
    margin-left: 10px;
   background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 );
}

#footer .footer_content .box .social_icons{
    margin: 0;
    list-style: none;
    display: inline-block;
    padding: 20px 0;
}

#footer .footer_content .box .social_icons li{
    float: left;
    margin-right:28px;
}

#footer_menu {
    display: block;
    width: 50%;
    position: absolute;
    bottom: 0;
    float: left;
    padding: 30px 0 20px;
    border-top: solid 1px rgba(136,121,106,0.26);
}


/* 
*----------------------------------------------------------
*   COPYRIGHT
*----------------------------------------------------------
*/

#copyright{
    background: #fff;
    width: 100%;
    font-size:12px;
}

#copyright .content{
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0;
    color: #666666;
    font-size: 14px;
}

#copyright .content a{
    text-decoration:none;
    color:#666;
}

#copyright .content a:hover{
    text-decoration:underline;
}


#copyright img{
    position: relative;
    top: 3px;
}








