@font-face {
  font-family: 'Bell MT';
  font-style: normal;
  font-weight: 400;
  src: local('Bell MT W01'), local('BellMT'), url(http://themes.googleusercontent.com/licensed/font?kit=kmIaTfxu8bXVwPRMqRVUug) format('truetype');
}

@font-face {
  font-family: 'MyWebFont2';
  src: url('Altair-Thin Trial.ttf'); /* IE9 Compat Modes */
  
}
@font-face {
  font-family: 'MyWebFont';
  src: url('md.ttf'); /* IE9 Compat Modes */
  
}
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@900&display=swap');
/*Global*/
button:focus {
outline: 0;
}
body{
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: 'Roboto Slab', serif!important;
}
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius:0px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #dfb024; 
  border-radius: 0px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ab6702; 
}
section {
	padding-top: 40px;
    padding-bottom: 40px;
    width: 100%!important;

}
.nav-item .dropdown-menu{
}
p{
	color: #686868;
}
.white{
	color: white;
	font-size: 18px;
}
.mn-h250{
	min-height: 250px
}
.mt-80{
    margin-top: 80px!important
}
.mt-30{
    margin-top: 30px!important
}
.pt-30{
	padding-top: 30px
}
.p-20{
	padding: 20px
}
.pt-80{
	padding-top: 80px
}
.p-10{
	padding: 10px;
}
.pb-50{
	padding-bottom: 50px;
}
.shadow{
	
    box-shadow: 1px 2px 4px 2px #cfcfcf!important;
}
.btn{
	border-radius: 0;
	border:none;
}
.btn-primary{
	  background-color: rgb(30, 51, 101);
	  margin-top: 15px;
}
.btn-primary:hover{
	  background-color: rgb(207, 156, 0);
}
.hexa_back{
	background: url('../img/motion_back.png') right top no-repeat;
	background-size: contain; 
}
.section_title p{
	color: #8d8c8c;
	margin: 15px
}
.title_primary{
	color: #e5b41b;
	font-weight: 700;
    font-size: 24px;
}
.title_third{
	color: #233662;
    font-size: 28px;
}
.title_fifth{
	color: #233662;
    font-size: 20px;
}
.title_secondary{
	position: relative;
	color: #1e3365;
    margin-bottom: 30px
}

 .title_secondary:before {
  content: "";
  position: absolute;
  width: 140px;
  bottom: -10px;
  left: 50%;
  margin-left: -70px;
  height: 3px;
  background: #e5b41b;
}
.title_secondary:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -20px;
  left: 50%;
  margin-left: -12px;
  border: 3px solid #e5b41b;
  border-radius: 20px;
  background: #183065;
}
.owl-next{
	position: absolute;
    top: 150px;
    right: 10px;
}
.owl-prev{
	position: absolute;
    top: 150px;
    left: 10px;
}
.triangle_back{
	background: url('../img/grey_triangle.png') center top;
}
.layer {
    background-color: rgba(237, 237, 237, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.form-control{
	border-radius: 0px;
}
.form-group .form-control{
	background: #f3f3f3;
	padding: 15px;
	min-height: 50px;
	color: #183065;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #183065;
  font-weight: 700;
  opacity: 1; /* Firefox */
}
.sidebar{
  max-height: 850px;
  overflow-y: scroll;
}
.sidebar::-webkit-scrollbar {
  display: none;
}
.element_side:hover>img{
    transition: ease 0.5s;
    transform: scale(1.02);
}
/*Global*/
/*carousel*/
.carousel_actualite{
	max-width: 1200px;
	margin:auto;
}

.carousel_actualite .owl-item > div {
			  cursor: pointer;
			  margin: 6% 8%;
			  transition: margin 0.4s ease;
			}
			.carousel_actualite .owl-item.center > div {
			  cursor: auto;
			  margin: 0;
			}
			.carousel_actualite .owl-item:not(.center) > div:hover {
			  opacity: .75;
			}
.carousel_actualite .owl-item > div {
	background: white;
	padding: 10px;
	box-shadow: 0px 0px 5px 0px #7f7f7f;
}
.owl-dots{
	text-align: center;
}

 .owl-carousel button.owl-dot{
	background: #183065;
	padding: 5px!important;
	border-radius: 50%;
	margin: 5px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
	color: #e5b41b;
	font-size: 50px;
}

/*carousel*/
/*navbar*/
.navbar-dark .navbar-nav .nav-link{
	color: #3d3c3c;
    font-size: 18px;
}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{
	color: #e6b520;
}
.nav-link{
	font-size: 20px;
}
.scrollnav {
  background: #1b3164!important;	
}
.scrollnav .navbar-nav .nav-link{
	color: white;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
	color: #e6b520;
}
.arnav{
    display: flex; 
    flex-direction: row-reverse!important;
}
@media(max-width:991px) {
  .navbar{
  
  	background: #1b3164!important;
	}
	.navbar .navbar-nav .nav-link{
		color: white;
	}
	.arnav{
    display: flex; 
    flex-direction: column!important;
    float: right;
    text-align: right;
	}
	
}

.dropdown-menu{
	    background-color: #5d73a4;
	    border-radius: 0;
	    color: white!important
}
.dropdown-item{
	color: white!important
}
#upper_bar .nav-link{
    font-size:15px!important; 
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #e6b520!important;
    text-decoration: none;
    background-color: #f8f9fa;
}
/*navbar*/
/*acceuil*/
#home{
	background: url('../img/blue_pentane2.png') no-repeat right top,url('../img/hannibal.png') no-repeat left top ;
	background-size: contain,contain;
	
}
.embleme{
	padding: 10px;
    
   
}
.embleme img{
	width: 80px;
	margin: auto;
}
.embleme h1{
	color: #213668;
	font-size: 25px;
	text-align: center;
	text-shadow: 1px 1px 2px #213668;
}
.embleme h1 {
                color: #1b3164;
            }
            .embleme{
            }
            .language{
                position: absolute;top: 0;right: 0;background:#1b3164;border-radius: 0 0 0 10px;padding: 10px; 
            }
            .language a{
                color: #fff;
            }
            .language a.active{
                color: #e5b41b;
            }
@media(max-width: 767px){
	.embleme h1{
	color: #fff;
	font-size: 25px;
	text-align: center;
	text-shadow: 1px 1px 2px #213668;
	}
}
.fast_contact{
	margin-top: 80px;
	color: white;
	font-weight: 500;
}
.carousel_actualite{
	max-width: 800px;
	/*padding: 20px;*/

}
.carousel_actualite .item{
	padding: 20px;

}
.actualites{

}


/*acceuil*/


/*ctaf*/
.carousel_ctaf .item{
	background: #fff;
}
.carousel_ctaf  div>.active{
	box-shadow: 0px 1px 10px 0px #6d6d6d;
    
}
.carousel_ctaf .owl-stage-outer{
	
}

/*ctaf*/
/*events*/
#events{
	background: #e1e4ea;
}
.event_item{
	background: red;
}
.event_item h1,.event_item h2, .event_item h3, .event_item p{
	color: #394c78;
	text-align: center;
	font-weight: 700

}

.carousel-indicators {
  	height: 80px;
   	margin-left: 0px;
   	margin-right:0px;
   	margin-bottom:0px;
  
	  background-color: rgba(255, 255, 255, 0.76);
	  box-shadow: 0px 4px 30.4px 7.6px rgba(78, 78, 78, 0.45);
	  position: absolute;
}
.carousel-indicators li  {
	width: 65px;
	height: 65px;
}
.carousel-indicators img {
	width: 100%;
	height: 100%;
}
.count_down div div{
	width: 80px;
	height: 80px;
	background: #f8f3f8;
	margin: auto;
  	background-color: rgba(255, 255, 255, 0.7);
  	box-shadow: 0px 4px 30.4px 7.6px rgba(78, 78, 78, 0.45);
  	border-radius: 5px;
}
/*events*/
/*reglements*/
#reglements{
    
}
/*reglements*/
/*Galerie*/
#galerie{
	background: #e1e4ea;
}
.item_details{
		position: relative;
	  bottom: 0;
	  left: 100%;
	  right: 0;
	  background-color: rgba(27, 49, 100, 0.53);
	  overflow: hidden;
	  width: 0;
	  height: 100%;
	  transition: .5s ease;
}
.galerie_item_inner:hover>.item_details{
	width: 100%;
    left: 0;
}
.item_details h2{
	color: #fed65f;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}
.item_details p{
	color: #fff;
	font-weight: 600;
	font-size: 18px;
}
/*Galerie*/
/*album*/
.cat_item{
	width: 130px;
	margin: auto;
	text-align: center;
	border:1px solid #183065;
	color: #183065;
	background: white;
	font-size: 20px;
	font-weight: 500;
	transition: ease 1s;
}
.cat_item:hover{
	background: #183065;
	color: white;
}
.carousel_cat .item .active{
	background: #183065;
	color: white;
}
/*album*/
/*subscribe*/

.newsteller_form{
}
/*subscribe*/
/*partenaire*/

.carousel_partenaire .item{
	background: #fff;
}
.carousel_partenaire .owl-stage-outer{
	box-shadow: 0px 0px 9px 0px #aaabac;
}
.partenaire_side:hover>img{
	transition: ease 0.5s;
	transform: scale(1.05);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background: #1b3164!important;
    color: white!important;
}
/*partenaire*/
/*FAQ*/
    .myaccordion {
              
              margin: 50px auto;
              box-shadow: 0 0 1px rgba(0,0,0,0.1);
            }

            .myaccordion .card,
            .myaccordion .card:last-child .card-header {
              border: none;
              border: 1px solid #e9e9e9;
            }

            .myaccordion .card-header {
              border-bottom-color: #EDEFF0;
              background: #e9e9e9;
            }

            .myaccordion .fa-stack {
              font-size: 18px;
            }

            .myaccordion .btn {
              width: 100%;
              font-weight: bold;
              color: #004987;
              padding: 0;
            }

            .myaccordion .btn-link:hover,
            .myaccordion .btn-link:focus {
              text-decoration: none;
            }

            .myaccordion li + li {
              margin-top: 10px;
            }
/*FAQ*/
/*footer*/
footer{
	background: #183065;
}
footer p{
	color: white;

}
footer h3{
	color: #fff;
	font-size: 20px
}
footer h5,footer h5 a{
	width: 100%;
	color: #fff;
	font-size: 18px;
    margin-bottom: 25px
}

					footer .white{
						margin-bottom: 5px
					}
					footer h5, footer h5 a{
						margin-bottom: 10px;
					}
/*footer*/
/*check*/
  
.captcha{
	height: 30px;
	width:160px;
	margin: 15px 0;
}
.captcha span{
	float:right;
	line-height: 30px;
	font-size:13pt;
	font-weight: bolder;
}
.captcha .check{
	border-radius: 3px;
	width:30px;
	height: 30px;
	border: 2px solid green;
	display:inline;
	position: absolute;
  cursor: pointer;
}

/*Styles for check animation*/
.check .wrapper {
  width: 25px;
  display: inline;
  margin: 4em auto 0;
}

.check .checkmark {
  stroke: green;
  stroke-dashoffset: 745.74853515625;
  stroke-dasharray: 745.74853515625;
  -webkit-animation: dash 2s ease-out forwards;
          animation: dash 2s ease-out forwards;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.show-more-reg,.show-more-pub {
  animation: MoveUpDown 1s linear infinite;
  position: absolute;
  left: 50%;
}

@keyframes MoveUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

/*End check animation*/
/*check*/
/*MEDIA*/
.navbar-toggler{
position: relative;
top: -28px;
}
/*MEDIA*/
@media only screen and (max-width: 992px)  {
	#home{
		background: url(../img/hannibal.png) no-repeat left top;
		background: contain;
		
	}
	.navbar-collapse {
		background: #1b3164;
		margin-top: -50px;
		padding: 20px;

	}
	.navbar-nav {

		position: relative!important;
    	left: 25px;
	}
	.navbar-nav .form-control{
		width: 80%
	}
	
}