/* ==========================================================================
BGF Communication MAIN CSS
========================================================================== */

p{

    margin:0 ;

}
body {
    padding-top: 50px;
    padding-bottom: 0px;
    font-family: roboto;

}


a:link {
    text-decoration: none;
}



#FA_yellow {

    color:#e5c509;
}

#FA_HOME {

    font-size: 1.3em;

}

.FA_RESEAU {

    font-size: 2.2em;
    text-align: center;
}

#FA_yellow_big {

    color:#e5c509;
    font-size: 3em;
}
.numbers_big {

    font-size: 1.3em;
    color:black ;
}


.ref_title {
    background-color: #231e20;
    text-align: center;

    color: whitesmoke;

}

.ref_title h3 {
    padding-bottom: 10px;
}

#separator {
    height:15px;
}

.no-padding > [class*='col-'] {

    padding-right:0;
    padding-left:0;
}

.no-padding {
    padding-right:0;
    padding-left:0;

}


.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}



/*========HEADER========*/

.navbar-brand{
    padding-top: 5px;
    padding-bottom: 5px;
}

.navbar-inverse .navbar-nav>li>a {
    color:whitesmoke;
}

.navbar-inverse .navbar-nav>li>a:hover {
    color:#ffcc01;
    transition: all 0.8s;
}

#navbar_active li .active {
    color:#ffcc01; 
     border-bottom:1px #ffcc01 solid;
   
}



/*======HOME VIDEO=====*/

#video {
    padding-top: 0px;
    background-size: cover;
    background-image: url(../img/bgf_back_alter.jpg)
}
.video-section .pattern-overlay {
    /*background-color: rgba(71, 71, 71, 0.59);*/
    padding: 110px 0 32px;
    min-height: 800px; 
    /* Incase of overlay problems just increase the min-height*/
}
.video-section h1, .video-section h3{
    text-align:center;
    color:#fff;
}
.video-section h1{
    font-size:110px;
    font-family: 'Buenard', serif;
    font-weight:bold;
    text-transform: uppercase;
    margin: 40px auto 0px;
    text-shadow: 1px 1px 1px #000;
    -webkit-text-shadow: 1px 1px 1px #000;
    -moz-text-shadow: 1px 1px 1px #000;
}
.video-section h3{
    font-size: 25px;
    font-weight:lighter;
    margin: 0px auto 15px;
}
.video-section .buttonBar{display:none;}
.player {font-size: 1px;}

.diamond .img-responsive {
    margin: 0 auto;
    padding-top: 100px;

}

/*======HOME BIS======*/


.HOME_BIS {

    position: relative;
    padding-top: 100px;
    padding-bottom: 50px;         
    background-size: cover;
    background: #fff url("../img/escaliers.jpg")  center;
}

}

.HOME_BIS{
    background-color: black; 
}



#diamond_responsive_center {

    margin: 0 auto;
}

.home_box {
    padding:0px;
    margin: 0px;
    height:200px;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;

}

.home_box a {
    vertical-align: top;
}



/*======CONTACT=====*/
.main_contact {

    padding-top: 20px;
    background-image: url(../img/mailbox.jpg);
    background-size: cover;
    background-position: center;

}

.contact_form {
    background-color: rgba(245, 245, 245, 0.8);
    padding-bottom: 40px;

}



textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {  
    border-color: rgba(255, 204, 1, 0.8);
    box-shadow: none;
    outline: 0 none;}


.contact-info {
    background-color: rgba(0, 0, 1, 0.8);
    color:whitesmoke;

    padding-top: 60px;
    padding-bottom: 70px;
    padding-left: 30px;
}

ul.contact-address {
    float: left;
    width: 100%;
    padding: 0;
    margin: 15px 0 ;
    list-style-type: none;
}
ul.contact-address li {
    padding: 0 0 20px;
    margin: 0;
}
ul.contact-address li:last-child {
    padding-bottom: 0;
}
ul.contact-address li i {
    margin-right: 10px;
}

.contact-social {
    padding-top: 90px;
    background-color: rgba(0, 0, 1, 0.8);
}

.contact_facebook {

    background-color: rgba(0, 0, 1, 0.8);

}



/*=======QUI SOMMES NOUS=======*/

.qui {
    position: relative;
    background-image: url(../img/camera_OK.jpg) ;
    background-position: center;

    background-size: cover;
    overflow: hidden;
}

.infos_qui {

    background-color: rgba(245, 245, 245, 0.95);
    opacity:0.80;
    padding-top: 80px;
    padding-bottom: 80px;
    color:black;
    font-size: 1.2em;
    padding-left: 50px;
    padding-right: 30px;
}

.qui a {
    color: dimgrey;
}

.qui a:hover {

    color:#ffcc01;
    transition: all 0.8s;
}


.team_row{
    background-color: #231e20;    

}
.team {
    padding-top: 60px;
    padding-bottom: 60px;


}

.team_text {
    padding-top: 20px;
    color:#ffcc01;

}

.team_content {
    font-size: 1.1em;
    color: darkgrey;
    text-align: justify;
}


.comment {

    position: relative;
    background-image: url(../img/pen.jpg) ;
    background-position: center;

    background-size: cover;
    overflow: hidden;    
}

.infos_comment {
    background-color: rgba(245, 245, 245, 0.95);
    opacity:0.80;
    padding-top: 80px;
    padding-bottom: 80px;
    color:black;
    font-size: 1.2em;
    padding-left: 50px;
    padding-right: 30px;
}


.ref_content {


    position: relative;
    background-image: url(../img/confiance.jpg) ;
    background-position: center;

    background-size: cover;
    overflow: hidden;    
}

.ref_top {
    padding-top: 30px;

}

.ref_bot {

    padding-bottom: 30px;
}

.carousel-inner > .item > img {
    margin: 0 auto;
}


/*======AFFICHEZ-VOUS=====*/




.cam_ville a {
    color: dimgrey;
}

.cam_ville {


}

.cam_commerciale {
    position: relative;
    background-color: white;

}

.cam_commerciale1{
    background-color: white;
    opacity:0.80;
    padding-top: 20px;
    padding-bottom: 10px;
    color:black;
    font-size: 1.1em;

    text-align: center;

}
.cam_commerciale a{

    color: dimgrey;


}
.cam_commerciale a:hover {
    color:#ffcc01;
    transition: all 0.8s;
}




.ardennestv_numbers {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
    background-color: whitesmoke;
    font-size: 1.1em;
}

.ardennestv_numbers p {

    color: gray;
}

.ardennestv_count {

    padding-top: 50px;
    padding-bottom: 50px;

}

.ardennestv_pub1 {

    background-color: black;
    padding-top: 80px;
    padding-bottom: 50px;
}

.ardennestv_pub1_text {

    background-color: whitesmoke ;
    font-size: 1.2em;
    color: dimgrey ;
}

.ardennestv_pub1_text ul {
    list-style:none;
    padding-top: 100px;
    padding-bottom: 100px;
}

.ardennestv_pub2 {

    background-color: black;
    padding-top: 80px;
    padding-bottom: 50px;
}

.ardennestv_pub2_text {

    background-color: whitesmoke ;
    font-size: 1.2em;
    color: dimgrey ;
}

.ardennestv_pub2_text ul {
    list-style: none;
    padding-top: 100px;
    padding-bottom: 100px;
}

.ardennestv_pub2_text ul li {
    padding-top: 10px;
}


/*======MULTIMEDIA====*/
.audio_vi {

    position: relative;
    background-image: url(../img/cam1.jpg) ;
    background-position: center;

    background-size: cover;
    overflow: hidden;  

}

.video1 {
    background-color: rgba(245, 245, 245, 0.97);
    opacity:0.90;
    padding-top: 80px;
    padding-bottom: 80px;
    color:black;
    font-size: 1.1em;
    padding-left: 50px;
    padding-right: 30px;
}

.audio_vi h3 {
    text-align: center;
}

.audio_vi ul {
    list-style: none;

    padding-top: 70px;
    padding-bottom: 100px;

}
.audio_vi ul li {
    padding-left: 0;
    padding-top: 10px;
    font-size: 1.2em;

}
.stream {
    background-color: black;
}
.stream_content {
    background-color: white;

}

.stream h3 {
    text-align: center;
    padding-top: 40px;
}
.stream ul {
    list-style: none;

    padding-top: 20px;

}
.stream ul li {

    padding-top: 10px;
    font-size: 1.2em;
}


.stream .img-responsive {
    margin: 0;

}


.web_tv {

    background-color: #231e20;
}

.web_tv p  {
    padding-top: 140px;
    color: #cbcbcb;
    font-size: 1.2em;
    text-align: center;

}



.web_tv .img-responsive {

    margin: auto;
}


.web_content {
    background-color: #231e20;   
    text-align: center; 
}

.web_content H4{

    color:whitesmoke;
    padding-top: 40px;
}

.web_content p {
    color:#cbcbcb;
    font-size: 1.2em;
    padding-bottom: 40px;
    padding-top: 30px;
}


.web {
    background-image: url(../img/css_background.jpg);
    background-size: cover;
    background-position: center;

}

.web_1 {
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: rgba(245, 245, 245, 1);   
}

.web_1 ul {
    font-size: 1.2em;
}

.com_1  {
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: rgba(245, 245, 245, 0.95);  
}

.com_1 p {
    font-size: 1.2em;
    text-align: center;   
}

.com_1 ul {
    font-size: 1.2em;
}

.com_1 h3 {
    text-align: center; 
}

.web_1  p {

    font-size: 1.2em;
    text-align: center;    
}

.web_1  h3 {
    text-align: center;
}

/*=======STRATEGIE======*/

.strategie {


    background-image: url(../img/echec.jpg);
    background-size: cover;
    background-position: center; 
}




.strategie_content {

    background-color: rgba(35, 30, 32, 0.95);
    color: whitesmoke;


}
.strategie_content h3 {
    padding-top: 50px;

    text-align: center;    
}

.strategie_content p {
    font-size: 1.3em;
    text-align: center;   
}

.strategie_content  ul {
    list-style-type: none;
    font-size: 1.1em;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 50px;
}

.strategie_content  ul li {
    padding-top: 20px;
}


.relations {
    background-color: #231e20; 
    color: whitesmoke;

}

.relations p {
    text-align: center;
    font-size: 1.3em;
}

.relations i {
    text-align: center;
    padding-top: 20px;
}
.relations h3 {
    text-align: center;

}

.relations ul {
    list-style-type: none;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 30px;
    font-size: 1.1em;
}




/*=======ANIMATION=======*/

.animation {
    background-image: url(../img/animation.jpg);
    background-size: cover;
    background-position: center;  

}

.animation1 {
    background-color: rgba(245, 245, 245, 0.95);  


}

.animation1 h3{

    padding-top: 50px;

    text-align: center;


}

.animation1 p {

    font-size: 1.3em;
    text-align: center;

}

.animation1 ul {
    list-style-type: none;
    font-size: 1.1em;
    padding-right: 30px;
    padding-bottom: 97px;
}

.animation ul li {
    padding-top: 20px;
}




.animation2 {
    background-color: rgba(245, 245, 245, 0.95); 

}
.animation2 h3 {
    padding-top: 50px;

    text-align: center;    

}

.animation2 p {

    font-size: 1.3em;
    text-align: center;

}

.animation2 ul {
    list-style-type: none;
    font-size: 1.1em;
    padding-right: 30px;
    padding-bottom: 20px;
}

.animation2 ul li {
    padding-top: 20px; 
}



/*======FOOTER======*/

.footer {
    background-color: black ;
    padding-bottom: 20px;
    padding-top: 20px;
    margin: 0;
    height: 110px;
    color:whitesmoke;
    text-align: center;



}


.footer p a {
    color: dimgrey;

}

.footer p a:hover {
    color:#ffcc01;

}



/* ===== Begin social ===== */




ul.social-list {
    text-align: center;
    margin: 0 auto;
}
ul.social-list li{
    display: inline-block;

    margin: auto;
}
ul.social-list li .rotate-box-1 {
    margin: 0;
    padding: 0;
}
ul.social-list li a i {
    color: #fff;
    font-size:20px;
}
/* ===== End social ===== */





/*======Scroll to top button=====*/
.scroll_menu > li{

    text-align: center;
}

.scroll_menu > a  {
    display: inline-block;
    font-size: 1em;
    text-align: center;
    text-decoration: none;
    z-index: 2000;
    color: #676D75;



}

.scroll_menu > a:hover {
    color:#ffcc01;
    transition: all 0.8s;
}


/*=====Scroll Menu====*/
.scroll_menu {
    list-style-type: none;
    text-align: center;
    position: fixed;
    display: none;
    bottom: 110px;
    right: 1px;
    width: 30px;
    height: 65px;
    line-height: 30px;
    text-decoration: none;
    z-index: 9999;
    border: 1px solid #ffcc01;
    background-color: rgba(0, 0, 1, 0.8);


}

/*======= ANIMATIONS======*/


.rotate-box-1, .rotate-box-2 {
    display: inline-block;
    margin: 30px 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a.rotate-box-1, a.rotate-box-2 {
    text-decoration: none;
    color: darkgrey;

    padding-top: 0px;
}
a.rotate-box-1:hover, a.rotate-box-2:hover {
    color:white;
}
.rotate-box-1 .rotate-box-icon {
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
    margin-right: 25px;
    margin-top: 10px;
    float:left;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.rotate-box-1.square-icon .rotate-box-icon, .rotate-box-2.square-icon .rotate-box-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #FFF !important;
    font-size: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.rotate-box-1.square-icon .rotate-box-icon:after, .rotate-box-2.square-icon .rotate-box-icon:after {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    border: 2px solid #FFF;
}
.rotate-box-1:hover.square-icon .rotate-box-icon , .rotate-box-2:hover.square-icon .rotate-box-icon{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.rotate-box-1.square-icon .rotate-box-icon .fa, .rotate-box-2.square-icon .rotate-box-icon .fa{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.rotate-box-1:hover.square-icon .rotate-box-icon .fa, .rotate-box-2:hover.square-icon .rotate-box-icon .fa{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.rotate-box-1 .rotate-box-info a, .rotate-box-2 .rotate-box-info a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.rotate-box-1 h4, .rotate-box-2 h4 {
    font-weight: 400;
}
.rotate-box-1 p {

    padding: 0 10px;
}
.rotate-box-1 .rotate-box-info {
    padding-left: 60px;
}
/* End rotate box-1 */


/* Begin rotate box-2 */
.rotate-box-2 .rotate-box-icon {
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.rotate-box-2.square-icon .rotate-box-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 36px;
}

.rotate-box-2.square-icon .rotate-box-info {
    margin-top: 30px;
}


.rotate-box-1.square-icon .rotate-box-icon, .rotate-box-2.square-icon .rotate-box-icon {
    background-color: #171514;
}


.parallax {
    position: relative;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
}


/*=====MEDIA QUERIES====*/

@media (max-width: 767px) {

    /*===multimedia====*/   
    .web_tv p {
        padding-top:30px;
        padding-bottom: 30px;
    }

    .stream_content {
        padding-top: 10px;

    }
    
    

}

@media (max-width: 768px) {
    
    
    .maps {
        width: 50%;
        margin: auto;
    }
    
}


@media (max-width: 1024px) {
    /*===multimedia====*/   
    .stream_content {

        padding-top: 0px;
        font-size: 0.9em;

    }

    .stream {
        background-color: black;
    }

    .web_tv p {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    /*=====Affichez-vous===*/
    .cam_commerciale1 {
        padding-top: 15px;
    }
}