@charset "utf-8";
/* Icones */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/* Colors */
.clr-gray-1{ color:#032230; }
.clr-gray-2{ color:#05364E; }
.clr-prim-1{ color:#00BF9C; }
.clr-prim-2{ color:#19957E; }
.clr-sec-1{ color:#BFBA00; }
.clr-sec-2{ color:#959119; }

/* Buttons */
.btn-prim2-sm{
	background: #00BF9C;
	padding: 6px;
	border-radius: 10px;
	font-weight: 800;
	color: #eeeeee;
}
.btn-prim2-sm:hover{
	background:#eeeeee;
	color:#00BF9C;
}
.btn-prim-md{
	background: #eeeeee;
	padding: 12px;
	border-radius: 10px;
	font-weight: 800;
	color: #00BF9C;
}
.btn-prim-md:hover{
	background:#00BF9C;
	color:#eeeeee;
}
.btn-prim2-md{
	background: #00BF9C;
	padding: 12px;
	border-radius: 10px;
	font-weight: 800;
	color: #eeeeee;
}
.btn-prim2-md:hover{
	background:#eeeeee;
	color:#00BF9C;
}
.btn-prim2-lg{
	background: #00BF9C;
	padding: 15px 20px;
	border-radius: 10px;
	font-weight: 800;
	color: #eeeeee;
	font-size:1.25em;
}
.btn-prim2-lg:hover{
	background:#eeeeee;
	color:#00BF9C;
}

/* Divider */
.divider-md{
	display:block;
	width:100%;
	height:100px;
}

/* Top Nav */
.top-nav{
	background:#00BF9C;
	border-bottom:1px solid #eeeeee;
}
.top-nav a img{
    width:250px;
    height:auto;
}
.top-nav ul.uk-navbar-nav{
	gap:10px;
}
.top-nav ul li a{
	background: #eeeeee;
	min-height: auto;
	padding: 12px;
	border-radius: 10px;
	font-weight: 800;
	color: #00BF9C;
}
.top-nav ul li a:hover{
	background:transparent;
	color:#eeeeee;
}
.top-nav ul li a i{
	font-size:1.5rem;
}
.top-nav.uk-sticky-fixed a img{
    width:125px;
    height:auto;
}

/* Nav Off Canvas */
.nav-offcanvas{
    
}

@media screen and (max-width: 468px) {
    .top-nav a img{
        width:125px;
        height:auto;
    }
}


/* Banner */
.banner h1{
	font-weight:bold;
	color:#05364E;
	font-size:3rem;
}
.banner h2{
	font-weight:normal;
	color:#032230;
	font-size:1.5rem;
}
.banner h3{
	font-weight:bold;
	color:#00BF9C;
	font-size:1.75rem;
	margin-bottom:35px;
}

@media screen and (max-width: 960px) {
    .banner h1{
        font-weight:bold;
        color:#05364E;
        font-size:2.2rem;
    }
    .banner h2{
        font-weight:normal;
        color:#032230;
        font-size:1.15rem;
    }
    .banner h3{
        font-weight:bold;
        color:#00BF9C;
        font-size:1.25rem;
        margin-bottom:35px;
    }
}

@media screen and (max-width: 468px) {
    .banner h1{
        font-weight:bold;
        color:#05364E;
        font-size:2.2rem;
    }
    .banner h2{
        font-weight:normal;
        color:#032230;
        font-size:1.15rem;
    }
    .banner h3{
        font-weight:bold;
        color:#00BF9C;
        font-size:1.25rem;
        margin-bottom:35px;
    }
}

/* Global */
.apropos, .service, .partenaire, .galerie, .footer{
	padding:100px 0;
}

/* A Propos */
.apropos{ background:#eeeeee; }
.apropos h2{
	font-weight:bold;
	color:#00BF9C;
	font-size:2.5rem;
}
.apropos p a{
	font-weight:600;
	color:#05364E;
}

/* Service */
.service h2{
	font-weight:bold;
	color:#00BF9C;
	font-size:2.5rem;
}
.service h3{
	text-transform: uppercase;
	font-weight:bold;
	color:#eeeeee;
	font-size:1.2rem;
}
.service ul li{
	color:#ffffff;
}
.service ul li span{
	font-weight:bold;
	color:#eeeeee;
}
.service .bg-prim-1{
	background:#00BF9C;
}

/* Partenaire */
.partenaire{
	background:#05364E;
	text-align:center;
}
.partenaire h2{
	font-weight:bold;
	color:#eeeeee;
	font-size:2.5rem;
}
.partenaire h3{
	text-transform: uppercase;
	font-weight:bold;
	color:#00BF9C;
	font-size:1.2rem;
}

/* Galerie */
.galerie h2 {
    font-weight: bold;
    color: #00BF9C;
    font-size: 2.5rem;
}
.galerie .uk-subnav-pill > .uk-active > a {
    background-color: #00BF9C;
    color: #fff;
    font-weight:800;
}
.galerie .uk-subnav-pill > * > :first-child {
    padding: 5px 10px;
    background: 0 0;
    color: #05364E;
    border:1px solid #ffffff;
}
.galerie .uk-subnav-pill > * > a:hover {
    border:1px solid #05364E;
}
.galerie li a i{
	font-size:2.5rem;
	color:#00BF9C;
}

/* Footer */
.footer{ background:#00BF9C; }
.footer h3 {
    font-weight: bold;
    color: #05364E;
    font-size: 2rem;
}
.footer h4 {
    font-weight: bold;
    color: #00BF9C;
    font-size: 1.75rem;
}
.footer i{ color:#00BF9C; }
.footer form p.help-block{ display:none; }

/* Copyright */
.copyright{
    padding:10px;
    background:#05364E;
}
.copyright p{
    text-align: center;
    color:#eeeeee;
}
.copyright p a{ color:#00BF9C; }

/* Popu Up */
.popup{
    background-color: #ffffff;
    border:1px solid #666;
    max-width: 450px;
    width:auto;
    max-height:800px;
    padding: 30px 40px;
    position: fixed;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    border-radius: 8px;
    display: none; 
    text-align: center;
    z-index:2000;
    -webkit-box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.39);
    -moz-box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.39);
    box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.39);
}

@media only screen and (max-width: 640px) {
  .popup {
    width:60%;
  }
}

.popup img{
    display:block;
    margin:auto;
    width:100%;
    height:auto;
}
.popup a#close{
    border: none;
    outline: none;
    display: block;
    float:right;
    font-size:20px;
}
.popup h2{
    font-weight: bold;
    color: #00BF9C;
    font-size: 2rem;
    margin:0;
}

/* Link Confi Pref */
a.config-pref{
    background:#00BF9C;
    position:fixed;
    bottom:15px;
    right:15px;
    padding:10px;
    border-radius:50% 50% 0 50%;
    color:#ffffff;
}
a.config-pref img{
    width:35px;
    height:auto;
    fill:#fff !important;
}

@media screen and (max-width: 960px) {
    a.config-pref{
        bottom:30px;
        right:30px;
    }
}
.freeprivacypolicy-com---palette-dark .cc-cp-foot-save {
  background: #00BF9C !important;
  color: #FFF !important;
}
.freeprivacypolicy-com---palette-dark .cc-pc-head-close:active, .freeprivacypolicy-com---palette-dark .cc-pc-head-close:focus {
  border: 2px solid #00BF9C !important;
}