/*****************/
/*  VIDEO
/*****************/

#video{
    text-align: center;
    position: relative;
    padding-top: 2em;
}

#video i{
    font-size: 500%;
    margin: 1em;
    z-index: 9;
    position: relative;
}

#video a:hover i{
    transition: 0.5s;
    color: #333;
}

#video .video_image{
    position: relative;
}

#video .video_image img{
    width: 100%;
}

#video .video_link{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0;
}

#video .video_link a{
    width: 100%;
}


/*****************/
/*  COORDONNÉES
/*****************/

#coord{
  text-align: center;
}

#coord .coord_texte{
    margin: 0;
    padding-top: 2em;
}

#coord .coord_coord{
    font-size: 150%;
    margin: 3em 0;
}

#coord .coord_coord i{
    padding: 0.5em;
    font-size: 120%;
    border-radius: 50%;
    color: #fff;
    margin-bottom: 0.5em;
}

@media(max-width: 768px){

    #coord .coord_left{
        margin-bottom: 2em;
    }

}



/********************/
/*  FOOTER ANNONCE
/********************/

#annonce_footer{
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 1.5rem;
    padding: 1em 1em;
}

#annonce_footer p{
    margin: 0;
}



/*************************/
/*  MAP
/*************************/

#map{
    padding: 0;
}

#map iframe{
    width: 100%;
    min-height: 200px;
}



/*************************/
/*  FOOTER
/*************************/

#footer{
    background-color: #333;
    color: #fff;
    padding: 2em 0;
}

#footer .footer_bloc1{
    font-size: 85%;
}

#footer .footer_bloc1 img{
    width: 100%;
    max-width: 150px;
    margin-bottom: 1em;
}

#footer .titre{
    text-align: center;
    text-transform: uppercase;
    font-size: 110%;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 0.5em;
}

#footer .footer_bloc2 li{
    font-size: 90%;
    list-style-type: initial;
}

#footer .footer_bloc2 li a:hover{
    text-decoration: none;
}

#footer .footer_bloc3 li{
    font-size: 90%;
    margin-bottom: 0.3em;
}

#footer .footer_bloc3 i{
    margin-right: 0.5em;
}


@media(max-width: 576px){

    #footer .footer_bloc2{
        margin-bottom: 2em;
    }

}


/************************/
/*  FOOTER BOTTOM
/************************/

#footer_bottom{
    color: #fff;
    padding: 1em 0;
    font-size: 80%;
    text-align: center;
}

#footer_bottom .footer_bottom{
    margin-top: 10px;
}

#footer_bottom a{
    color: #fff;
    font-weight: 500;
    cursor: pointer;
}