.primary-color {
color: #333;
}

.primary-color {
color: #333;
}

.secondary-bg-color {
background-color: #000000;
}

.secondary-color {
color: #000000;
}

.tertiary-bg-color {
background-color: #fff;
}

.tertiary-color {
color: #fff;
}

.config-font {
font-family: Averia Serif Libre, sans-serif;
}

.gallery-content {
padding: 2em 5em;
background-color: black;
color: white;
}


.image-full-width-text-content .text-content {
padding: 5%;
display: flex;
justify-content: flex-start;
color: white;
background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.896796218487395) 0%, rgba(0,0,0,0.20211834733893552) 100%);
}

.image-full-width-text-content .btn{
border: 2px solid #A9CEF4;
color: #A9CEF4;
font-weight: bold;
position: relative;
z-index: 1;
font-family: 'Averia Serif Libre';
}

.image-full-width-text-content .btn::after{
content: "";
position: absolute;
background: #000000;
height: 100%;
width: 0;
top: 0;
left: -1px;
opacity: 1;
z-index: -1;
transition: all 0.6s ease-in-out;
}
.image-full-width-text-content .btn:hover::after{
width: 100%;
}
.image-full-width-text-content .btn:hover{
color: #A9CEF4;
transition: all 0.3s 0.2s;
}


.image-full-width-text-content .container-fluid {
background-attachment: fixed !important;
}


h1 {
color: #a9cef4;
font-family: Averia Serif Libre, sans-serif;
letter-spacing: 5px;
text-shadow: 3px 3px 2.5px #000;
font-size: 4.5em;
}

h2 {
color: #A9CEF4;
font-family: Averia Serif Libre, sans-serif;
letter-spacing: 2px;
font-size: 2.5em;
}

h3 {
color: #A9CEF4;
font-size: 1.4em;
font-family: inherit;
letter-spacing: 3px;
text-shadow: 1px 1px 2px #000;
}

h4 {
color: #515151;
font-family: Averia Serif Libre, sans-serif;
letter-spacing: 2px;
}

h5 {
color: #515151;
font-family: Averia Serif Libre, sans-serif;
letter-spacing: 2px;
}

h6 {
color: #515151;
font-family: Averia Serif Libre, sans-serif;
letter-spacing: 2px;
}

a {
color: #fff;
}

a:hover, a:focus {
text-decoration: none;
opacity: 0.8;
transition: 0.3s;
}

.scrollTop {
background-color:  #000000;
color: #fff;
}

.scrollTop:hover {
background-color:  #000000;
opacity: 0.8;
color: #fff;
}

.modal-content .custom-control-input:active, .modal-content .custom-control-label::before{
background-color:  #000000 !important;
}

.modal-content .custom-control-input:focus, .modal-content .custom-control-label::before{
box-shadow: 0 0 0 1px #000000 !important;
}

p {
font-family: Averia Serif Libre, sans-serif;
letter-spacing: 0.02em !important;
}

.btn {
transition: all 0.3s;
border: 1px solid #2b2b2b;
background: transparent;
color: #595959;
border-radius: 0;
padding: 15px 53px;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 13px;
}

.map-full-width{
padding: 0;
}

/**************************/
/******ERROR-PAGE******/
/***********************/
.error-content .btn-error {
border: 1px solid #000000;
background-color: #000000;
color: #fff;
transition: all 0.3s
}

.error-content .btn-three-columns:hover {
opacity: 0.5;
margin-left: 20px;
}

/************************/
/******TOP-MENU******/
/**********************/

.affix-top{
background-color: transparent;
}
.affix-top li a, .affix-top .navbar-brand {
font-family: Averia Serif Libre, sans-serif;
color: #fff !important;
letter-spacing: 2px;
transition: 0.3s;
text-shadow: 1px 1px 2px #4e4e4e;
text-align: center;
}
.affix{
background-color: #A9CEF4;
}

.affix li a {
font-family: Averia Serif Libre, sans-serif;
color: #fff !important;
letter-spacing: 2px;
transition: 0.3s;
text-align: center;
}

.top-menu .btn-call-to-action {
background-color: #000000 !important;
font-family: Averia Serif Libre, sans-serif;
border: none;
}

.top-menu li a:hover, .top-menu li .dropdown-menu li a:hover {
opacity: 0.9;
font-family: Averia Serif Libre, sans-serif;
color: #000 !important;
}

.top-menu .active > a:first-child, .top-menu .dropdown-menu .active,  .top-menu .dropdown-menu .active a:hover {
background-color: #000000 !important;
color: #fff !important;
}

.top-menu .dropdown-menu:before {
border-color: transparent transparent #000000 transparent;
}

.top-menu .dropdown-menu li:first-child {
border-top: 1px solid #000000;
}

.top-menu .dropdown-menu li {
padding: 8px 15px;
}

@media (max-width: 992px) {
.affix-top li a {
font-family: Averia Serif Libre, sans-serif;
color: #333 !important;
letter-spacing: 2px;
transition: 0.3s;
font-size: 15px;
}
.navbar-toggler {
background-color: #000000;
border: 0;
}
.top-menu {
padding: 0;
}
.navbar-collapse .dropdown {
border-top: 1px solid #fbfbfb;
}
.top-menu .navbar-collapse .dropdown .icon-dropdown {
color: #000000 !important;
}
.navbar-collapse {
border-top: 2px solid #000000;
background-color: #fff;
overflow: scroll;
}
.top-menu .dropdown-menu li:first-child, .top-menu .nav-item, .top-menu .dropdown .nav-item {
border: none;
}
}

/************************/
/******LEFT-MENU******/
/**********************/
#sidebar {
background-color: #fff;
}

.sidebar .btn-call-to-action {
}

.sidebar .sidebar-header img {
}

.sidebar .sidebar-header strong {
color: #757575;
font-family: Averia Serif Libre, sans-serif;
letter-spacing: 4px;
font-size: 1.5em;
}

.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom, .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom {
background: #000000;
}

.sidebar li a {
font-family: Averia Serif Libre, sans-serif;
letter-spacing: 1px;
font-size: 17px;
color: #787878;
transition: all 0.3s;
}

.sidebar li ul li a {
font-size: 15px;
}

.sidebar .active > a:first-child {
color: #000000 !important;
}

.sidebar li .nav-link:hover {
color: #000000;
padding-left: 25px;
}

.dropdown-toggle {
color: #000000 !important;
}

.sidebar .social-network ul li a {
background-color: #000000;
color: #fff;
}

.social-network ul::before {
background-color: #000000;
}

/********************/
/******SLIDER******/
/********************/
.slider-content .home-slider-text h1 {
font-size: 5.5em;
}

.slider-content .home-slider-text h2 {
font-size: 2em;
color: #fff;
}

.slider-content .logo-content img {
max-width: 300px;
height: auto;
}

.slider-content p {
color: #fff;
}

.slider-content .line-slider-content .line, .line2, .line3, .line4 {
background: #ffffff;
}

.slider-content .carousel-indicators .active {
background-color: #333;
}

.slider-content .btn-slider {
color: #fff;
border-color: #fff;
}

.slider-content .btn-slider:hover {
}

.slider-content .btn-slider-call-to-action {
color: #fff;
border-color: #fff;
}

.slider-content .btn-slider-call-to-action:hover {
}

.slider-content .background-pattern {
opacity: 0.2;
}

.slider-content .background-opacity-slider {
background-color: #000;
opacity: 0.4;
}

/************************/
/****TWO-COLUMNS****/
/**********************/
.two-columns-content h2 {
font-family: Averia Serif Libre, sans-serif;
color: #000000;
}




.two-columns-content .btn{
border: 2px solid #A9CEF4;
color: #A9CEF4;
font-weight: bold;
position: relative;
z-index: 1;
font-family: 'Averia Serif Libre';
}

.two-columns-content .btn::after{
content: "";
position: absolute;
background: #000000;
height: 100%;
width: 0;
top: 0;
left: -1px;
opacity: 1;
z-index: -1;
transition: all 0.6s ease-in-out;
}
.two-columns-content .btn:hover::after{
width: 100%;
}
.two-columns-content .btn:hover{
color: #A9CEF4;
transition: all 0.3s 0.2s;
}


/*********************************/
/*TWO COLUMNS PRESENTATION*/
/*********************************/

/*BLOC LEFT*/

.opacity-left {
background-color: #333
}

.two-columns-presentation-content .bloc-left .text-content h1 {
color: #1b1b1b;
text-shadow: 1px 2px 3px rgba(150, 150, 150, 0.86);
}

.two-columns-presentation-content .bloc-left .text-content h2 {
color: #000000;
text-shadow: 1px 2px 3px rgba(150, 150, 150, 0.86);
}

.two-columns-presentation-content .logo-content img {
max-width: 300px;
height: auto;
}

.bloc-left .typewrite {
color: #525252;
font-family: Averia Serif Libre, sans-serif;
font-size: 2em;
}

.bloc-left .btn-two-columns-presentation {
font-family: Averia Serif Libre, sans-serif;
}

.bloc-left .btn-two-columns-presentation:hover, .btn-two-columns-presentation:focus {
}

.bloc-left .btn-two-columns-presentation-call-to-action {
font-family: Averia Serif Libre, sans-serif;
}

.bloc-left .btn-two-columns-presentation-call-to-action:hover, .btn-two-columns-presentation-call-to-action:focus {
opacity: 0.8;
}

/*BLOC RIGHT*/

.opacity-right {
background-color: #000000
}

.bloc-right .typewrite {
color: #525252;
font-family: Averia Serif Libre, sans-serif;
font-size: 2em;
}

.two-columns-presentation-content .bloc-right .text-content h1 {
color: #fff;
text-shadow: 1px 2px 3px rgba(150, 150, 150, 0.86);
}

.two-columns-presentation-content .bloc-right .text-content h2 {
color: #fff;
text-shadow: 1px 2px 3px rgba(150, 150, 150, 0.86);
}

.bloc-right .btn-two-columns-presentation {
font-family: Averia Serif Libre, sans-serif;
}

.bloc-right .btn-two-columns-presentation:hover, .btn-two-columns-presentation:focus {
}

.bloc-right .btn-two-columns-presentation-call-to-action {
font-family: Averia Serif Libre, sans-serif;
}

.bloc-right .btn-two-columns-presentation-call-to-action:hover, .btn-two-columns-presentation-call-to-action:focus {
opacity: 0.8;
}

/********************************/
/****THREE-COLUMNS**********/
/*******************************/
.three-columns-2-content {
padding: 0em 0em;
overflow: hidden;
padding: 1em;
}

.three-columns-content .btn-three-columns {
transition: all 0.3s
}

.three-columns-content .btn-three-columns:hover {
opacity: 0.5;
margin-left: 20px;
}

/********************************/
/****TWO-COLUMNS-SLIDER****/
/*******************************/
.two-columns-slider-content h2 {
font-family: Averia Serif Libre, sans-serif;
font-style: italic;
letter-spacing: 2px;
color: #000000;
font-size: 3em;
}

.two-columns-slider-content .text-content .bloc-left {
background-color: #fff;
-webkit-box-shadow: 10px 10px 29px -23px rgba(0, 0, 0, 1);
-moz-box-shadow: 10px 10px 29px -23px rgba(0, 0, 0, 1);
box-shadow: 10px 10px 29px -23px rgba(0, 0, 0, 1);
}

.two-columns-slider-content .text-content .bloc-right {
background-color: #fff;
-webkit-box-shadow: -10px 10px 29px -23px rgba(0, 0, 0, 1);
-moz-box-shadow: -10px 10px 29px -23px rgba(0, 0, 0, 1);
box-shadow: -10px 10px 29px -23px rgba(0, 0, 0, 1);
}

.two-columns-slider-content .btn-two-columns {
transition: all 0.3s;
border: 1px solid #2b2b2b;
background: transparent;
color: #595959;
border-radius: 0;
padding: 15px 53px;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 13px;
}

.two-columns-slider-content .btn-two-columns:hover {
opacity: 0.5;
margin-left: 20px;
}

.two-columns-slider-content .carousel-caption span {
color: #fff;
font-family: Averia Serif Libre, sans-serif;
font-style: italic;
letter-spacing: 2px;
text-shadow: 1px 2px 3px rgba(150, 150, 150, 0.86);
}

.two-columns-slider-content .carousel-indicators .active {
background-color: #000000;
}

/********************************/
/****VIDEO-PRESENTATION*****/
/*******************************/
.video-container .text-content img {
max-height: 260px;
width: auto;
}



.video-container .opacity-video {
background-color: #A9CEF4;
opacity: 0.25;
}

.video-container .text-content h2 {
color: #fff;
}

.video-container .logo-content img {
max-width: 300px;
height: auto;
padding-bottom: 2em;
}

.video-container .text-content p {
color: #A9CEF4;
}




.video-container .btn{
border: 2px solid #A9CEF4;
color: #A9CEF4;
font-weight: bold;
position: relative;
z-index: 1;
font-family: 'Averia Serif Libre';
}

.video-container .btn::after{
content: "";
position: absolute;
background: #000000;
height: 100%;
width: 0;
top: 0;
left: -1px;
opacity: 1;
z-index: -1;
transition: all 0.6s ease-in-out;
}
.video-container .btn:hover::after{
width: 100%;
}
.video-container .btn:hover{
color: #A9CEF4;
transition: all 0.3s 0.2s;
}





.video-container .background-pattern {
opacity: 0.2;
}

@media (max-width: 992px) {
.video-container .text-content img {
max-height: 150px;
width: auto;
}
}


/*******************************/
/******BANNER-VIDEO*********/
/*****************************/
.banner-content {
height: 400px;
overflow: hidden;
position: relative;
font-size: 1.1em;
}


.banner-video-content .opacity-banner {
opacity: 0.3;
background-color: #fff;
}

.banner-content .btn{
color: #fff;
border-color: #fff;
}

.banner-video-content h1 {
font-size: 3.5em;
text-shadow: 1px 2px 3px rgba(150, 150, 150, 0.86)
}

.banner-video-content h2 {
color: #fff;
text-shadow: 1px 2px 3px rgba(150, 150, 150, 0.86)
}

@media (max-width: 575.98px) {
.banner-video-content h1 {
font-size: 2em;
}
.banner-video-content h2 {
font-size: 1em;
}
}

/*********************/
/******TITLE*********/
/********************/
.title-content {
}

/*********************/
/******TITLE*********/
/********************/
.text-bloc-content {
background-color: black;
color: #A9CEF4;
}

/*********************/
/******MEDIA*********/
/********************/
.media-content {
}

/********************************/
/******FORM-CONTACT*********/
/******************************/
.form-contact-content .legal-form {
font-size: 0.7em;
color: #A9CEF4;
}


.form-contact-content .recaptcha-text {
text-align: center;
color: #A9CEF4;
}


label {
display: inline-block;
margin-bottom: 0.5rem;
color: #A9CEF4;
}


.form-contact-content {
padding: 2em 5em;
background-image:url(/images/60e2f54d3a06e_images_large.png);
background-size:cover;
background-attachment:fixed;
}


.form-contact-content h4 {
font-size: 2.5em;
color: #000000;
}

.form-contact-content .form-control:focus {
border-color: #000000;
box-shadow: 0 0 0 0.2em rgba(246, 224, 176, 0.35);
}



.form-contact-content .btn{
border: 2px solid #A9CEF4;
color: #A9CEF4;
font-weight: bold;
position: relative;
z-index: 1;
}

.form-contact-content .btn::after{
content: "";
position: absolute;
background: #000000;
height: 100%;
width: 0;
top: 0;
left: -1px;
opacity: 1;
z-index: -1;
transition: all 0.6s ease-in-out;
}
.form-contact-content .btn:hover::after{
width: 100%;
}
.form-contact-content .btn:hover{
color: #A9CEF4;
transition: all 0.3s 0.2s;
}
.content{
    max-width: 1100px;
}
.content h2{
    padding-top: 30px;
}
.content h3{
    padding-top: 30px;
}
.content p{
    padding-top: 10px;
}




.form-contact-content .sending-message i {
color: #000000;
}

/************************************/
/******FORM-GUEST-BOOK*********/
/**********************************/
.form-guest-book-content h4 {
font-size: 2.5em;
color: #000000;
}

.form-guest-book-content .form-control:focus {
border-color: #000000;
box-shadow: 0 0 0 0.2em rgba(246, 224, 176, 0.35);
}

.form-guest-book-content .btn-guest-book-form {
}

.form-guest-book-content .sending-message i {
color: #000000;
}

/*************************/
/******ACTIVITY*********/
/***********************/
.activity-content .btn-content a {
font-family: Averia Serif Libre, sans-serif;
font-style: italic;
letter-spacing: 2px;
background-color: #000000;
color: #fff;
}

.activity-content .btn-content a:hover {
background-color: #fff;
color: #000000;
opacity: 1;
}

.activity-content p {
font-family: Averia Serif Libre, sans-serif;
}

.activity-content .title-content h3 {
font-size: 4em;
color: #000000;
}

.activity-content .text-content p {
font-size: 14px;
}

/***************************/
/******PARTNERS*********/
/************************/
.partners-content button.owl-prev, .partners-content button.owl-next {
background-color: #000000 !important;
color: #fff;
}

.partners-content p {
font-family: Averia Serif Libre, sans-serif;
}

.partners-content h3 {
font-size: 4em;
color: #000000;
}

/*****************************/
/******GUEST-BOOK*********/
/****************************/
.guest-book-content button.owl-prev, .guest-book-content button.owl-next {
background-color: #000000 !important;
color: #fff;
}

.guest-book-content strong {
font-family: Averia Serif Libre, sans-serif;
color: #000000 !important;
}

.guest-book-content p {
font-family: Averia Serif Libre, sans-serif;
}

.guest-book-content h3 {
font-size: 4em;
color: #000000;
}

/********************************/
/******INFORMATIONS*********/
/*****************************/
.informations-content .item-content .item i {
opacity: 0.95;
font-size: 4em;
position: absolute;
right: 25px;
top: 10px;
}


.informations-content .item-content .item p {
z-index: 2;
margin: 0;
letter-spacing: 2px;
color: white;
}

.informations-content .item-content .item strong {
font-size: 1.6em;
letter-spacing: 1px;
font-weight: 900;
color: #A9CEF4;
}



.informations-content {
background-color: #000000;
}

.informations-content p, .informations-content strong {
font-family: Averia Serif Libre, sans-serif;
}

.informations-content i {
color: #A9CEF4;
}

/************************/
/******FOOTER*********/
/**********************/
.footer-content {
background-color: #000000;
color: #fff;
}

.footer-content .btn-seo {
font-family: Averia Serif Libre, sans-serif;
border: none;
}

.footer-content a {
color: #fff;
}

/**************************/
/******SEO-PAGE*********/
/************************/
.seo-page .btn-seo {
}

.seo-page h2, .seo-page .title-form {
color: #000000;
font-family: Averia Serif Libre, sans-serif;
color: #000000;
}

.seo-page .form-control:focus {
border-color: #000000;
box-shadow: 0 0 0 0.2em rgba(246, 224, 176, 0.35);
}

.seo-page .btn-contact-form {
}

.seo-page .sending-message i {
color: #000000;
}

/***************************/
/******ARTICLES***********/
/*************************/
.articles-list-content .item-content .item .category {
font-family: Averia Serif Libre, sans-serif;
color: #000000;
}

.articles-list-content .item-content .item .link {
font-family: Averia Serif Libre, sans-serif;
letter-spacing: 5px;
}

/*******************************/
/******ARTICLES-PAGES*******/
/*****************************/
.article-page-content .btn-article-page {
font-family: Averia Serif Libre, sans-serif;
color: #000000;
border: 1px solid #000000;
}

.article-page-content .btn-article-page:hover {
}

.article-page-content .category-article-page {
font-family: Averia Serif Libre, sans-serif;
color: #fff;
background-color: #000000;
}

/***************************/
/******SERVICES***********/
/*************************/
.services-list-content .item-content .item .category {
font-family: Averia Serif Libre, sans-serif;
color: #000000;
}

.services-list-content .item-content .item .link {
font-family: Averia Serif Libre, sans-serif;
letter-spacing: 5px;
}

/*******************************/
/******SERVICE-PAGES*******/
/*****************************/
.service-page-content .btn-service-page {
}

.service-page-content .btn-service-page:hover {
}

.service-page-content .category-service-page {
font-family: Averia Serif Libre, sans-serif;
color: #fff;
background-color: #000000;
}

/***************************/
/******PRODUCTS***********/
/*************************/
.products-list-content .item-content .item .category {
font-family: Averia Serif Libre, sans-serif;
color: #000000;
}

.products-list-content .item-content .item .link {
font-family: Averia Serif Libre, sans-serif;
letter-spacing: 5px;
}

/*******************************/
/******PRODUCT-PAGES*******/
/*****************************/
.product-page-content .btn-product-page {
}

.product-page-content .btn-product-page:hover {
}

.product-page-content .category-product-page {
font-family: Averia Serif Libre, sans-serif;
color: #fff;
background-color: #000000;
}

/*******************************/
/******RGPD-BANNER*********/
/*****************************/
.cookieinfo span {
padding: 5px 0 5px 0;
width: 90%;
color: #A9CEF4;
}



.cookieinfo {
background-color: #000000;
font-family: Averia Serif Libre, sans-serif;
color: #000;
}

.cookieinfo .btn-cookie {
background-color: #fff;
}

.cookieinfo a {
color: #fff;
}

/***************************/
/******DOCUMENT*********/
/**************************/
.document-content .background-pattern {
background-color: #000000;
}

.document-content .title-content strong {
font-family: Averia Serif Libre, sans-serif;
}

/******************/
/******ITEMS******/
/******************/
.items-content {
background-color: #000000;
}

/***********************************/
/****** AFTER / BEFORE ***********/
/*********************************/

.after-before-content h1, 
.after-before-content h2,
.after-before-content h3,
.after-before-content h4{
font-family: Averia Serif Libre, sans-serif;
color: #000000;
}