:root{
	--color-or: #e7c15b;
	--color-argent: #7a7a7a;
	--color-platine: #ced0dd;
	--color-palladium: #7f7679;
	--color-black50:rgba(0,0,0,0.5);
	--color-darkgray:#404040;
	--color-gray:#697686;
	--color-middlegray:#e9e9e9;
	--color-grayblue:#2b3649;
	--color-white50:rgba(255,255,255,0.5);
	--color-green:#128A5A;
	--color-red:#de383a;
	--color-btnRed:#de383a;
	--color-light-green:#d8eee5;
	--color-light-red:#FFC6C6;

	--color-fd-black:#1a1a1a;
	--color-gray:#999999;
	--color-dark-gray-med:#343434;
	--color-dark-or:#a97251;
	--color-white30:#b3b3b3;
	--color-black85:#272727;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
body{
	font-family: 'Open Sans', sans-serif;
}
.pointer {cursor:pointer;}

.text-bold{font-weight:bold;}

.bgPrimary {background-color:var(--color-primary);}
.bgSecondary {background-color:var(--color-secondary);}
.bgGray {background-color:var(--color-gray);}
.bgMiddleGray {background-color:var(--color-middlegray);}
.bgDarkGray {background-color:var(--color-darkgray);}
.colorDarkGray {color:var(--color-darkgray) !important;}
.bgWhite50 {background-color:var(--color-white50);}
.bgGreen {background-color:var(--color-green);}
.colorGreen {color:var(--color-green) !important;}
.bgRed {background-color:var(--color-red);}
.colorRed {color:var(--color-red) !important;}
.bgOr {background-color:var(--color-or);}
.colorOr {color:var(--color-or) !important;}
.bgLightGreen {background-color:var(--color-light-green) !important;}
.bgLightRed {background-color:var(--color-light-red) !important;}
.bgGrayBlue, .bg-color {background-color:var(--color-grayblue) !important;}
.colorGrayBlue {color:var(--color-grayblue) !important;}

.bgFdBlack {background-color:var(--color-fd-black) !important;}
.colorFdBlack {color:var(--color-fd-black) !important;}

.bgDarkOr {background-color:var(--color-dark-or) !important;}
.colorDarkOr {color:var(--color-dark-or) !important;}

.bgDarkGrayMed {background-color:var(--color-dark-gray-med) !important;}
.colorDarkGrayMed {color:var(--color-dark-gray-med) !important;}

.bgWhite30 {background-color:var(--color-white30) !important;}
.colorWhite30 {color:var(--color-white30) !important;}

.bgBlack85 {background-color:var(--color-black85) !important;}
.colorBlack85 {color:var(--color-black85) !important;}

.colorBlack50  {color:var(--color-black50) !important;}

.fs-10 {font-size:0.625rem !important;}
.fs-13 {font-size:0.8125rem !important;}
.fs-14 {font-size:0.875rem !important;}
.fs-16 {font-size:1rem !important;}
.fs-19 {font-size:1.2rem !important;}
.fs-24 {font-size:1.5rem !important;}
.fs-48 {font-size:3rem !important;}

.navbar {padding:0rem 1rem;}
.navbar-brand { padding:unset; font-size:1rem;}
.navbar-toggler, .navbar-text {	padding:unset; border:none; font-size:1rem;color:black;}
.navbar-text button {color:black;}
.navbar-toggler-icon{color:black;}
.navbar-toggler:focus, .navbar-toggler-icon:focus {outline:none;}

.w-33 {
	width:33% !important;
}
#logo {text-align:center;}

.contentActu a {
	color:white;
}

.nav-link {font-size:0.8rem;}
a.nav-link{color:LightGray;}
.nav-item.active {font-weight:bold;color:white;}
.nav-item.active>.nav-link { color:white;}

.nav-tabs .nav-link.active {
	background-color: var(--color-black85);
	border-color: unset;
	color:var(--light);
}

.navbar-nav a.nav-link {padding-left: 0.5rem;}

.prefooter li a.active {font-weight:bold; color:var(--color-or) !important;}

.bgfooter {background-color:var(--color-bgfooter); color:var(--color-black50);}

.title-div {font-size:1.875rem;color:var(--color-black50);padding-left:1rem;}
.title-div>span {color:var(--color-or);font-weight:bold;}

.title-div-light {font-size:1.875rem;color:var(--color-darkgray);padding-left:1rem;}
.title-div-light>span {color:white;font-weight:bold;}

.navSlide {color:var(--color-black50);font-size:3rem;}

.btn-adjust {padding-bottom:0.25rem;}
.btn-adjust:hover{color:var(--color-or);}

.homeChart {height:18.9rem;background-color:white;}
.nav-link.graph-tab {border-top:unset !important;border-left:unset !important; border-radius:unset !important;background-color:var(--color-bgfooter);border-bottom:1px solid var(--color-middlegray);border-right:1px solid var(--color-middlegray);}
.graph-tab.active {border:unset;background-color:white;}

.nav-link.graph-tab.or>span{color:var(--color-or); font-weight:bold;}
.nav-link.graph-tab.argent>span{color:var(--color-argent); font-weight:bold;}
.nav-link.graph-tab.platine>span{color:var(--color-platine); font-weight:bold;}
.nav-link.graph-tab.palladium>span{color:var(--color-palladium); font-weight:bold;}

.footer-img {width:3.125rem;}
.slide-img {width:100%;}

.breadcrumb {background-color:transparent; border-radius:unset;padding:unset;font-size:0.8rem;}
.breadcrumb a {text-decoration:none;}
.breadcrumb-item.active {font-weight:bold;}

.news-link {font-weight:bold;color:white;text-decoration:none;}
.news-link:hover{color:white;}

.btn-color {background-color:var(--color-dark-or); border-color:var(--color-dark-or); padding:0.75rem 0.75rem;color: #fff;}
.btn-color:hover { color: #fff; background-color: #5a6268; border-color: #545b62; }
.btn-color:not(:disabled):not(.disabled).active, .btn-color:not(:disabled):not(.disabled):active, .show>.btn-color.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b;}
.btn-color.focus, .btn-color:focus { box-shadow: 0 0 0 0.2rem rgba(130,138,145,.5); }

.p-btn {padding:0.1rem 0.75rem;}

.btn-grayBlue {background-color:var(--color-grayblue); border-color:var(--color-grayblue); color:white; font-weight:bold; padding:0.1rem 0.75rem;}
.btn-grayBlue:hover { color: white50; background-color: #5a6268; border-color: #545b62; }
.btn-grayBlue:not(:disabled):not(.disabled).active, .btn-grayBlue:not(:disabled):not(.disabled):active, .show>.btn-grayBlue.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b;}
.btn-grayBlue.focus, .btn-grayBlue:focus { box-shadow: 0 0 0 0.2rem rgba(130,138,145,.5); }

.btn-green {background-color:var(--color-green); border-color:var(--color-green);color: #fff !important; font-size:0.8rem;}
.btn-red {background-color:var(--color-btnRed); border-color:var(--color-btnRed);color: #fff !important; font-size:0.8rem;}
.btn-black50 {background-color:var(--color-black50); border-color:var(--color-black50);color: #fff !important; font-size:0.8rem;}

.badge-type { padding: 0.6rem; }

.card-body {font-size:0.8rem;padding:0.85rem 1.25rem 0.25rem 1.25rem;}
.form-control, .custom-select {font-size:0.8rem; line-height:1rem; height: calc(1rem + 0.75rem + 2px); }
.form-group {margin-bottom:0.5rem;}

a.colorOr:hover {color:unset !important;}

.coursJourTitle{ margin-bottom:0.2rem;}
.coursJourContent div {margin-bottom:0.2rem;}
.coursJourContent div:last-child {margin-right:0rem;}

.media {height:100%;}
.media div:first-child{width:50% !important;}

img.oj2 { position: relative; top: -3rem; left: 2rem; }
img.oj1 {	z-index: 1; }

.plus { color: var(--color-green) !important; }
.moins { color: var(--color-red) !important; }
.stagne { color: var(--color-darkgray) !important; }

.img-tbl {width:1.8rem;}
.img-tbl-lg {width:3.5rem;}

.tabOr.active{ background-color:var(--color-or) !important; color:black !important; position:relative;}
.tabOr.active::after{content: '';position: absolute;left: 42%;top: 75%;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid var(--color-or);clear: both;}

.tabArgent.active{ background-color:var(--color-argent) !important; color:black !important; position:relative;}
.tabArgent.active::after{content: '';position: absolute;left: 42%;top: 75%;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid var(--color-argent);clear: both;}

.tabGardienor.active{ background-color:var(--color-white30) !important; color:black !important; position:relative;}
.tabGardienor.active::after{content: '';position: absolute;left: 42%;top: 75%;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid var(--color-white30);clear: both;}

.tabDevises.active{ background-color:var(--color-white30) !important; color:black !important; position:relative;}
.tabDevises.active::after{content: '';position: absolute;left: 42%;top: 75%;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid var(--color-white30);clear: both;}


.listCat {color:var(--color-white30); font-size:0.9rem;}
.listCat li:after {content:'|'; padding-left:0.2rem; padding-right:0.2rem;}
.listCat li:last-child:after {content:''}
.listCat li a, .listCat li a:visited {color:var(--color-white30)}
.listCat li a.active {color:var(--color-dark-or);font-weight:bold;}

.arrowOr {position:relative;}
.arrowOr::after{content: '';position: absolute;left: 38%;top: 85%;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid var(--color-or);clear: both;}

.divConfirm { border:0.1rem solid var(--color-green); background-color:var(--color-middlegray);}


.owl-carousel .owl-item img.vitrineAvers,.owl-carousel .owl-item img.vitrineRevers {width:inherit;
}
.owl-theme .owl-nav {margin-top:unset;
}
.owl-carousel .owl-prev {height:47px;
	position:absolute;
	width:26px;
	cursor:pointer;
	left:2rem;
	top:100px!important;
	color:var(--color-white30);
}
.owl-carousel .owl-next {height:47px;
	position:absolute;
	width:26px;
	cursor:pointer;
	right:2rem;
	top:100px!important;
	color:var(--color-white30);
}

#deviseCarousel {padding-left:3rem;padding-right:3rem;}
#deviseCarousel > .owl-stage-outer {margin-left:1rem;}

/*=====================================================================================================================================================================
 SPECIAL FOOTER BOTTOM WITH JS TO PLACE
=====================================================================================================================================================================*/
.footerAbsolute {
	position: absolute;left: 0;bottom: 0;width:100%
}

@media (max-width:500px){
	#deviseCarousel {padding-left:5rem;}
	.footerAbsolute{position:relative;}
}

@media (max-width:768px){
	#logo img{max-width:87%;}
}
@media (min-width:500px) and (max-width:768px){
	.media{display:unset;}
	.arrowOr::after{left: 44%;}
	.height-achat{
		height:2rem;
	}
	.img-tbl-lg {width:1.8rem;}
}

@media (max-width:992px){
	.align-sm-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important;
	}
}

@media(min-width:768px){
	#logo img{max-width:90%;}
	.slide-img {max-height:21.875rem;width:unset;}
	.coursJourContent div {margin-right:0.2rem;}
	.arrowOr::after{left: 46%;}
	.height-achat{ height:2rem;	}
	.w-md-50{width:50% !important;}
}
@media (min-width: 992px){
	.pb-lg-035 {
    padding-bottom: 0.35rem !important;
	}
}

@media(min-width:1025px){
	#btn-connexion, #div-btn-connexion, .JQmob {display:none;}
	.media div:first-child{width:25% !important;}
}

/*=====================================================================================================================================================================
 Hack bootstrap
=====================================================================================================================================================================*/
.list-inline-item:not(:last-child) { margin-right:0rem !important;}
