:root{
	--color-or: #e7c15b;
	--color-argent: #7a7a7a;
	--color-platine: #ced0dd;
	--color-palladium: #7f7679;
	--color-devise: #A4A778;
	--color-black50:rgba(0,0,0,0.5);
	--color-darkgray:#404040;
	--color-middlegray:#e9e9e9;
	--color-white50:rgba(255,255,255,0.5);
	--color-green:#128A5A;
	--color-red:#E2383C;
	--color-btnRed:#de383a;
	--color-light-green:#ECFDF5;
	--color-light-red:#FFC6C6;
}

.pointer {cursor:pointer;}

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

.bgPrimary {background-color:var(--color-primary);}
.bgSecondary {background-color:var(--color-secondary);}
.bgMiddleGray {background-color:var(--color-middlegray);}
.bgWhite50 {background-color:var(--color-white50);}
.bgGreen {background-color:var(--color-green);}
.bgRed {background-color:var(--color-red);}
.bgOr {background-color:var(--color-or);}
.bgLightGreen {background-color:var(--color-light-green) !important;}
.bgLightRed {background-color:var(--color-light-red) !important;}
.colorOr {color:var(--color-or);}
.colorBlack50  {color:var(--color-black50);}
.colorGreen {color:var(--color-green);}
.colorRed {color:var(--color-red);}
.colorWhite50  {color:var(--color-white50);}

.fs-10 {font-size:0.625rem !important;}
.fs-11 {font-size:0.6875rem !important;}
.fs-12 {font-size:0.75rem !important;}
.fs-13 {font-size:0.8125rem !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;}

.w-33 {width: 33.33% !important;}
.w-20 {width: 25% !important;}

.navbar {padding:0rem 1rem;}
.navbar-brand { padding:unset; font-size:1rem;}
.navbar-toggler, .navbar-text {	padding:unset; border:none; font-size:1rem;color:var(--color-black50);}
.navbar-text button {color:black;}
.navbar-text button:hover {font-weight:bold;}
.navbar-toggler-icon{color:white;}/* var(--color-black50) */
.navbar-toggler:focus, .navbar-toggler-icon:focus {outline:none;}

#logo {text-align:center;}

.logo-on-top{max-width:45% !important;}
.logo-content-on-top{padding:0.65rem !important;}
.navCoursHome{top:2.5rem;right:0.5rem;}
/*.nav-on-top{margin-top:137px;}*/

.nav-link {font-size:0.9rem;}
.nav-item.active {border-bottom:0.2rem solid var(--color-or);}
.nav-item.active>.nav-link, .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;text-align:center;color:var(--color-black50);}
.title-div>span {color:var(--color-or);font-weight:bold;}

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

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

.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;}
a, a.nav-link{color:black;}
.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 {max-height:350px;max-width:100%;}

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

.btn-color {background-color:var(--color-or); border-color:var(--color-or); font-weight:bold; padding:0.1rem 0.75rem;}
.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); }
.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); max-height:1rem; } */
.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:white !important; position:relative;}
.tabOr.active::after{content: '';position: absolute;left: 40%;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;z-index:10;}

.tabArgent.active{ background-color:var(--color-argent) !important; color:white !important; position:relative;}
.tabArgent.active::after{content: '';position: absolute;left: 40%;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;z-index:10;}

.tabPlatine.active{ background-color:var(--color-platine) !important; color:white !important; position:relative;}
.tabPlatine.active::after{content: '';position: absolute;left: 40%;top: 75%;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid var(--color-platine);clear: both;z-index:10;}

.tabPalladium.active{ background-color:var(--color-palladium) !important; color:white !important; position:relative;}
.tabPalladium.active::after{content: '';position: absolute;left: 40%;top: 75%;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid var(--color-palladium);clear: both;z-index:10;}

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

.listCat {color:var(--color-black50); 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, a:visited {color:var(--color-black50)}
.listCat li a.active {color:var(--color-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);}

#navCoursJour .coursJourContent {font-size:0.6rem;}
#navCoursJour span {font-size:0.8125rem !important;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    margin-left:0.5rem;
}

#navCoursJour .coursJourContent div {margin-right:unset !important;border-right:1px solid var(--color-secondary);}

.margin-move-fixed{top:8rem;}

@media (max-width:500px) {
	#navCoursJour span, .coursJourContent{font-size:0.6rem !important;}

}

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

@media(max-width:1600px){
	.navCoursHome{position:unset !important;width:90% !important;margin-bottom:0.5rem;margin-top:0.5rem;margin-left:auto !important;margin-right:auto !important;}
}

@media(min-width:768px){
	#logo img{max-width:20%;}
	/*.coursJourContent div {margin-right:0.2rem;}*/
	.arrowOr::after{left: 46%;}
	.height-achat{ height:2rem;	}
	#btn-connexion, #div-btn-connexion, .JQmob {display:none;}
	#navbarNav .nav-item{padding-left:1rem;padding-right:1rem;}
	#navbarNav .nav-link {font-size:calc(0.4rem + 0.5687vw);}
	.logo-on-top{max-width:80% !important;}
}

@media(min-width:769px){
	.media div:first-child{width:25% !important;}
}

@media (max-width:1000px){
	.height-cours{height:4.2rem;}
	.nav-link {padding:0.5rem 0 !important;}

}

@media(max-width:1515px){
	.margin-move-fixed{top:9rem;}
}

@media(min-width:1690px){
	.slide-img {max-height:21.875rem;width:unset;}
	#navbarNav .nav-link {font-size:1.1rem;}
	#navCoursJour .coursJourContent div:last-child {margin-right:unset !important;border-right:unset;}
}

.loader {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100000000;
  background-color: rgb(0,0,0,0.3);
}

.spinner-border-loader {
  width: 20rem;
  height: 20rem;
  border: 3rem solid currentColor;
    border-right-color: currentcolor;
  border-right-color: transparent;
}
/*=====================================================================================================================================================================
 Hack bootstrap
/=====================================================================================================================================================================*/
.list-inline-item:not(:last-child) { margin-right:0rem !important;}

.modal{z-index:10000;}