@charset "UTF-8";
/* CSS Document */
.wrapper{ width: 100%;}
.container{ width: 95%;}

header{ height: auto;}
header ul.top_nav{ margin-top: 10px; }
header ul.social{ clear: none; margin: 0 20px 0; }
header .logo img{ width: auto; margin-top: 5px; }
header .logo span{ display: block; }
header nav{ display: none;}


header .showMenu{ display: block; float: right; margin: 5px 10px 0;}
header .showMenu a{ display: block;}
.showMenu div{
	width: 48px; height: 2px;
  	background: #43556b;
  	margin: 10px 0;
}

header nav{
    width: 100%; height: 100%; padding: 0; float: none; margin: 0; text-transform: uppercase;
    position: absolute; left: 0; top: 91px; z-index: 1001; font-size: 21px;
}
header nav ul{
    margin: 0; padding: 0; list-style-type: none; width: 100%; height: 100%; background: #FFF;
    overflow: auto;
}
header nav ul li{ display: block; margin: 0; float: none; height: auto; line-height: normal;}
header nav ul li+li{ border-top: solid 1px rgba(67,85,107,0.2); }
header nav ul li a{ height: auto; text-align: center; padding: 10px 20px; border-bottom: 0; line-height: normal;}
header nav ul li a:hover{ background: none; color: inherit;}
header nav ul li a:after{ display: none; }

header nav ul.subMenu{
    width: 100%; position: static; font-family: 'latoregular'; text-transform: none;
    border-bottom: none; background: rgba(67,85,107,0.1); display: block;
}
header nav ul.subMenu li a{  width: 100%; text-align: center; font-size: 14px; color: #000;}
header.sticky nav{ position: fixed; }

.intro_section .one_half{ width: 50% !important; float: left !important; }

.features .one_half{ width: 50%; float: left; }


.responsive_table{ overflow: auto; }



/*actualites*/
.home_actualites{ width: 100%; float: none; }
.actualite_page .two_third{ width: 100%; float: none; }

.liste_actualites .one_third.fan_block{ float: none; margin: auto; }
.actualite_page .three_fourth{ width: 66.66%; float: left; }
.actualite_page .one_fourth{ width: 33.33%; float: left; }

.actualite_item{ margin: 0 10px 20px 10px !important; }

.fan_block{ margin: auto; float: none; padding-left: 0; margin-bottom: 40px;}

.actualite_item_inline .one_fourth{ width: 25%; }
/*End Of actualites*/

.features .one_half:nth-child(2n+2) .features_item .features_img{ border-left: none; }


@media (max-width: 850px) {
    .one_half, .one_third, .two_third, .three_fourth{ width: 100% !important; float: none !important; }
    .actualite_page .one_fourth{ width: 100%; float: none;}
    .actualite_page .three_fourth.paddingRight{ padding-right: 0 !important; }
    .blog_sidebar{ margin-top: 20px; }
    .gallery .one_third{ width: 25% !important; float: left !important; }

    .actualite_img{ width: 400px; height: auto; margin: auto; position: relative; overflow: hidden; top: -30px; }
    .actualite_img .img{
      display: block; width: 100%; height: 100%; object-fit: cover;
      position: absolute; top: 0; left: 0;
    }

    .actualite_item_inline{ align-items: stretch; }
    .actualite_item_inline .actualite_img{ width: 100%; margin: initial; }
    .actualite_item_inline .one_fourth{ width: 33.33%; }
    .actualite_item_inline .three_fourth{ width: 66.66% !important; float: left !important; }

    footer .one_third+.one_third{ margin-top: 35px; }
}

@media (max-width: 800px) {
    .videoNewsletter .one_half{ width: 100%; float: none; }
    .features_item h2{ font-size: 25px;}
    .features_item .visaForBlock{
      width: 190px; height: 60px; margin: 20px;
    }
    .features_item .visaForBlock img{ display: block; width: 100px; margin: auto; }
    .features_item .visaForBlock h4{ font-size: 19px;}
}


@media (max-width: 750px) {
    .slider .layers .box{ width: 100%; margin-right: 0; }
    .slider .layers h1, .slider .layers h2{ font-size: 30px; line-height: 35px;}
    .slider .layers p{font-size: 30px; line-height: 35px;}
}

@media (max-width: 650px) {
    .liste_actualites .one_third{ width: 100%; float: none; }
    .gallery .one_third{ width: 25% !important; float: left !important; }
    .search_card_img{ width: 40%;}
    .search_card_details{ width: 60%;}
}

/*contact*/
.contact .form_block{
    margin: 30px 10px; padding: 10px;
}
.contact .one_third{ position: relative; width: 50%;}
@media (max-width: 750px) {
    .contact .map{position: static; height: 300px; }
    .contact .one_third{ width: 100%; float: none; }
}
/*End of contact*/

.one_half{ width: 100%; float: none;}
.one_fourth{ width: 50%; }



@media (max-width: 680px) {
    footer .one_half{ width: 100%; float: none;}
    footer .copyright{
      text-align: left;
    }
}