p, li, td {font-size:15px; line-height: 1.6em;}
a {text-decoration:none; 
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  color:#b28f2c
}
a:hover {color:#4e3d10}
/*---------------------------
	LIEN POUR REMONTER PAGE
---------------------------*/
.top_link {
	position:fixed;
	display:none;
	z-index:2000;
	right:10px;
	bottom:8px;
}
.top_link .fa:before {color:#e53515}
.top_link:hover .fa:before {color:#000000}

/*---------------------------
		MENU HAUT
----------------------------*/
body {
  /*font-family: "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
  background-color: #fff;
  position: relative;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  aoverflow-x: hidden;
}
.hero {
  min-height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment:fixed;
  padding:129px 1rem 1rem 1rem;}
.hero2 {
	min-height:auto;
	background-image:url('../images/Almaz_fond2.jpeg');
	background-attachment:fixed;
}
/*header.fixed {position:absolute; width:100%; z-index:1000}*/
header.fixed #navbar_main:not(.open){background:none}
#navbar_top {
	background:none;
	font-size:0.8rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
#navbar_top a {color:#fff}
#navbar_top a.btn-outline-light:hover {color:#000}
#navbar_top a:hover {color:#fff}
#navbar_top .hvr-underline-from-center:before {background:#fff; height:2px}

#navbar_main {padding:0}
#navbar_main .nav-link:hover { background: rgba(178,143,44,0.1); border-radius:3px; outline: 1px solid #b28f2c;}
header.fixed #navbar_main.fixed-top.navbar-dark:not(.mobile_menu) .navbar-nav .nav-link {color:#fff}
header:not(.fixed) #navbar_main {background: #fff ; box-shadow: 0 1px 10px #eee }
#navbar_main.fixed-top.navbar-dark .navbar-nav .nav-link, #navbar_main.mobile_menu.navbar-dark .navbar-nav .nav-link {color: #333/*#060757*/}
#navbar_main.fixed-top.navbar-dark .navbar-nav .nav-link.active, #navbar_main.mobile_menu.navbar-dark .navbar-nav .nav-link.active {color:#b28f2c; border:0}
#navbar_main.navbar-dark:not(.mobile_menu) .navbar-nav .nav-link.active, #navbar_main.navbar-dark:not(.mobile_menu) .navbar-nav .show>.nav-link {border-bottom:2px solid}

#navbar_main .dropdown-menu[data-bs-popper]{margin-top:0}
#navbar_main li a {margin:auto 2px}
#navbar_main li li a {text-transform:none}
#navbar_main ul.dropdown-menu:after{
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-color: #fff;
    position: absolute;
    top: -8px;
    left: 30px;
    aright: 0px;
    margin: 0 auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
	border: 1px solid rgba(0,0,0,.15);
    border-right: none;
    border-bottom: none;
}
#navbar_main:not(.mobile_menu) li:hover a {color:#fff}
#navbar_main:not(.mobile_menu) li:hover li a {color:#212529}
#navbar_main.open {background:#fff; height: 100vh;align-items: start; overflow-y: scroll;}
#navbar_main .btn-primary.active {background-color:#b28f2c}
#navbar_main.mobile_menu.fixed-top .navbar-toggler-icon, #navbar_main.mobile_menu.open .navbar-toggler-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
#navbar_main.mobile_menu.fixed-top .navbar-toggler, #navbar_main.mobile_menu.open .navbar-toggler {border-color:rgba(0,0,0,0.5)}
#navbar_main.mobile_menu ul.dropdown-menu {background:none; color:rgba(255,255,255,.75); border:0}
#navbar_main.mobile_menu ul.dropdown-menu:after {display:none}
#navbar_main .dropdown-item.active, #navbar_main .dropdown-item:active {
    color: #fff !important;
    background-color: #dc3545;
}
#navbar_main.mobile_menu #main_nav {text-align:center}
#navbar_main.mobile_menu #main_nav .nav-link {font-size:2em; padding:0.6em 10px}
#navbar_main.mobile_menu #main_nav .nav-item {margin-top:0.6rem}
.breadcrumb li {font-size:0.85rem}

/*---------------------------
		COLORS
----------------------------*/
.bg-primary {background-color:#b28f2c!important}
.bg-transparent50 {background-color:rgba(255,255,255,0.5)!important}
.bg-transparent10 {background-color:rgba(255,255,255,0.1)!important}

.btn-primary, .btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active, .form-check-input:checked  {background-color:#b28f2c; border-color:#b28f2c;}
.btn-primary:hover, .btn-primary:focus {background-color:#866a1b; border-color:#b28f2c;}
.btn-outline-primary {border-color:#b28f2c; color:#b28f2c}
.btn-outline-primary:hover {background-color:#b28f2c; border-color:#b28f2c;}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-check:focus+.btn-primary, .btn-primary:focus, .btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus, .btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgb(198 185 149);
}
.btn-outline-secondary:hover .bi::before {color:#fff}
.btn-check+.btn-secondary, .btn-check+.btn-secondary, .btn-secondary.active {background-color:#8f979e;}
.btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active {background-color:#dc3545;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color:#b28f2c!important}
.nav-pills .nav-link{color:#b28f2c}
.btn-selectpicker{border:1px solid #ced4da}
.filter-option-inner-inner {color:#6c757d}
.table-primary {
    --bs-table-bg: #b28f2c;
    color: #fff;
}
.form-check-input:focus { border-color:#b69f5e}
.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23deca93'/%3e%3c/svg%3e");
}
/*---------------------------
		Title
----------------------------*/
.title {
    color: #b28f2c;
	font-family:cursive;
}
.aboveTitle {
	font-size: 14px;
    font-weight: 500;
    padding: 0;
    line-height: 1.3em;
    margin: 0 0 5px 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #aaaaaa;
}
.aboveTitle:after{
	content: "";
    width: 120px;
    height: 1px;
    display: inline-block;
    background: #b28f2c;
    margin: 4px 10px;
}

/*HOME PAGE*/
#directory img {
	width: 70%;
    transition: all 0.4s ease-in-out;
    display: inline-block;
    padding: 15px 0;
}
/*---------------------------
		Animation & Effects
----------------------------*/
.corner {
/*    position: relative;
    width: 100px;
    height: 100px;
    margin: 20px;
    background: none;*/
    border: none;
/*    cursor: pointer;
    color: white;
    padding: 0;
    box-sizing: content-box;
    border: 2px solid transparent;*/
}

.corner::before, .corner::after, .corner div::before, .corner div::after {
    display: block;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
}

.corner::before {
    top: -2px;
    left: -2px;
    border-top: 2px solid white;
    border-left: 2px solid white;
    transition: 0.5s all;
}
.corner::after {
    top: -2px;
    right: -2px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    transition: 0.5s all;
}
.corner div::before {
    bottom: -2px;
    left: -2px;
    border-bottom: 2px solid white;
    border-left: 2px solid white;
    transition: 0.5s all;
}
.corner div::after {
    bottom: -2px;
    right: -2px;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    transition: 0.5s all;
}

.corner:hover::before, .corner:hover::after {
    width: 50px;
    height: 50px;
}

.corner:hover div::before, .corner:hover div::after {
    width: 50px;
    height: 50px;
}
.box{
	width: 300px; height: 200px;
	background-color: #DDFFF7;
	position: relative;
	box-shadow: 10px 10px 42px 0 rgba(0,0,0,0.75);
}
.box:after, .box:before{
	mix-blend-mode:multiply;
	filter:none;
	z-index: -1;
	content:'';
	width:calc(100% + (50px * 2));
	height:calc(100% + (50px * 2));
	position: absolute;
	display: block;
	animation: border 10s ease-in-out infinite;
	transform:translateX(-50px) translateY(-50px);
}
@keyframes border {
  0%, 100% {
    -webkit-clip-path: polygon(0 0, calc(100% - (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 100%, calc(0% + (33.3333333333px)) calc(100% - (33.3333333333px)));
            clip-path: polygon(0 0, calc(100% - (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 100%, calc(0% + (33.3333333333px)) calc(100% - (33.3333333333px)));
  }
  50% {
    -webkit-clip-path: polygon(calc(0% + (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 0, calc(100% - (33.3333333333px)) calc(100% - (33.3333333333px)), 0 100%);
            clip-path: polygon(calc(0% + (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 0, calc(100% - (33.3333333333px)) calc(100% - (33.3333333333px)), 0 100%);
  }
}

.box:after{
	animation-delay: -5s;
	background-color: #93e1d8;
	clip-path: polygon(0 0, calc(100% - (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 100%, calc(0% + (33.3333333333px)) calc(100% - (33.3333333333px)));
}
.box:before {
	background-color: #AA4465;
	  clip-path: polygon(calc(0% + (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 0, calc(100% - (33.3333333333px)) calc(100% - (33.3333333333px)), 0 100%);
}

.box:hover:after{
	animation-delay: -0.1s;
}
.box:hover:before, .box:hover:after {

          animation-duration: 0.2s;
}
.text-moveup {
	-webkit-animation: text-move 1s both;
	animation: text-move 1s both;
}
@-webkit-keyframes text-move {
   0% {
    -webkit-transform: translateX(0px);
	transform: translateX(0px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
	-webkit-transform: translateX(-250px);
	transform: translateX(-250px);
    opacity: 1;
  }
}
@keyframes text-move {
  0% {
	-webkit-transform: translateX(-250px);
	transform: translateX(-250px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
    opacity: 1;
  }
}

/*---------------------------
		Containers
----------------------------*/
.container-grey {
position:relative;
background-color:#f4f9fd;
background-attachment:fixed;
background-size: cover;
  abackground-position: center center;
  background-repeat: no-repeat;
  }
.skewtop{
	transform:skewY(-5deg); -ms-transform:skewY(-5deg); -webkit-transform:skewY(-5deg);
}
.container-skewtop{
    transform:skewY(5deg); -ms-transform:skewY(5deg); -webkit-transform:skewY(5deg);
}
.skew-top{
    z-index: 10;
     position: absolute;
    left: 0;
    top: 0;
    border-width: 10vh 100vw 0 0;
    border-style: solid;
    border-color: #ffffff transparent transparent  transparent;
}
.container-skew{
    overflow: hidden;
    position: relative;
}
.imagenes{
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
}
/*---------------------------
		Image zoom
----------------------------*/
.wrap-zoom {
	overflow: hidden;
	position: relative;
}
.wrap-zoom img {
  transition: transform .45s;
  width: 100%;
}
.wrap-zoom:hover img {
  transform: scale(1.2);
}
.wrap-badge .badge, .wrap-badge:hover .badge, .wrap-badge:hover img{	
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.wrap-badge:hover img {opacity:0.5}
.wrap-badge .badge	{opacity:0;transform:translate(-50%,-100%)}
.wrap-badge:hover .badge {
opacity:1; transform:translate(-50%,-50%);}
.wrap-badge .badge:hover { background-color:#bb2d3b!important}
/*---------------------------
		Gallery
----------------------------*/
.card-hover img {
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.card-hover {
	border:0;
	overflow:hidden;
}
.card-hover:hover {
	box-shadow: 0px 0px 9px #333;
}
.card-hover:hover img {
  transform: scale(1.2);
}
.card-hover:hover span {display:block!important}
/*---------------------------
		Member private pages
----------------------------*/
#memberPages .aboveTitle:after {width:60px }
#memberPages .form-control:disabled {background:#fff; padding:0; border:0}
#memberPages .bootstrap-select .dropdown-toggle:disabled {border:0;opacity:1;padding:0}
#memberPages .bootstrap-select .dropdown-toggle:disabled .filter-option-inner-inner {color:#111}
#memberPages .bootstrap-select>.dropdown-toggle:disabled:after {display:none}
#memberPages fieldset:disabled .btn.enabled {opacity:1; pointer-events:initial}
#memberPages fieldset:disabled .input-group-text, #memberPages .form-select:disabled{background:#fff; border:0; padding-left:0}
#memberPages fieldset:disabled .file-input .btn, #memberPages fieldset:disabled .form-text, #memberPages fieldset:disabled .btn.hidden {display:none}
#memberPages fieldset:disabled .file-input .file-drop-zone {border:0;padding:0;}
#memberPages fieldset:disabled .file-input .krajee-default.file-preview-frame {margin-top:0}
#memberPages .cke {margin-top:1em}
#memberPages fieldset:disabled .tobehidden {display:block}
#memberPages fieldset .tobehidden {display:none}
/*---------------------------
		Forms
----------------------------*/
.form-control-plaintext:focus {
    outline: 0;
border-bottom: 1px solid #ced4da
}
.form-select-plaintext {
	display: block;
	width: 100%;
	padding: .375rem 2.25rem .375rem 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
    background-color: #fff;
    background-image: none;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.dropdown-item.active, .dropdown-item:active {background-color:#06273a }
.bootstrap-select .dropdown-menu {z-index:1200}
input.number[type='text'] {text-align:right}

.file-input {text-align:center}
.file-input .file-preview {border-color:#fff; padding:0}
.file-input .file-drop-zone {border:2px dashed #ddd}
.file-input .file-drop-zone {margin:1em 0}
.file-input .file-drop-zone.clickable:focus {
    border: 2px solid #dc3545;
}
.btn-selectpicker{border:1px solid #ced4da}
.btn-selectpicker .filter-option-inner-inner {color:inherit}
.is-invalid .invalid-feedback {display:block}
.is-invalid .btn-selectpicker {border-color: #dc3545;}

/*---------------------------
	RESEAUX SOCIAUX
----------------------------*/
#network {position:fixed; padding-left:3px}
#network div {min-width:35px; line-height:27px; margin-top:3px; padding:5px; color:#fff; }
#network .bi{font-size:150%}
/*Icones sociaux*/
#network .bi-twitter, .bi-twitter:hover, .reseaux-inverse .bi-twitter {background:#00aced}
#network .bi-facebook, .bi-facebook:hover, .reseaux-inverse .bi-facebook{background:#3b5998}
#network .bi-youtube, .bi-youtube:hover, .reseaux-inverse .bi-youtube{background:#f00}
#network .bi-whatsapp, .bi-whatsapp:hover, .reseaux-inverse .bi-whatsapp{background:#4AC959}
#network .bi-instagram, .bi-instagram:hover, .reseaux-inverse .bi-instagram{background:linear-gradient(45DEG, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D)}
#network .bi-google-plus, .bi-google-plus:hover, .reseaux-inverse .bi-google-plus {background:#dd4b39}
#network .bi-linkedin, .bi-linkedin:hover, .reseaux-inverse .bi-linkedin {background:#007bb6}
#network .bi-telegram, .bi-telegram:hover, .reseaux-inverse .bi-telegram {background:#0088CC}

.reseaux a {padding:4px}
.reseaux div {border-radius:4px;}
.reseaux a .fa, .reseaux-inverse a .fa  {
	color:#fff;
	margin:0 2px;
	width:27px; line-height:27px;
}
.reseaux a:hover {text-decoration:none}


/*---------------------------
		TABLES
----------------------------*/
.dataTables_wrapper .dataTables_filter {text-align:left !important}
.dataTables_wrapper .dataTables_length { font-size:90%}
.dataTables_wrapper .dataTables_info {text-align:right; font-size:90%; padding-top:0!important}
.dataTables_wrapper .dataTables_paginate ul.pagination {justify-content:center !important}

/*---------------------------
		FOOTER
----------------------------*/
#content figure[style*="right"] {margin:0 0 15px 15px}
#content figure[style*="left"] {margin:0 15px 15px 0}
#content img[style*="right"] {margin:0 0 15px 15px}
#content img[style*="left"] {margin:0 15px 15px}
#content p[style*="center"] img, #content figure.image[style*="inline-block"] img {width:100%; height:auto}
#content figure[style*="inline-block"] {margin:1em 0}
#content figcaption {font-size:13px; color:#999; text-align:center; padding:5px 0}
#content table {width:100%!important; margin-bottom:1em}
#content table td, #content table th {padding:5px; border:1px solid #bbb}
#content table thead {background-color: ghostwhite}

/*---------------------------
		FOOTER
----------------------------*/
footer {padding-top:10px; background:#4e3d10; color:#fff}
footer, footer .btn, footer a {font-size:0.8rem}
footer a {color:rgba(255,255,255,0.7)}
footer a:hover {color:#fff}
footer .hvr-underline-from-left:before {background:#dc3545}

footer table td {padding:5px}
footer h5 {text-transform:uppercase}
footer ul ul li {line-height:1rem}