body {
	/*
	background-position:center;
	background-attachment:fixed;
	background-size:cover;
	background-image: url(../img/background.jpg);
	*/
	font-family: 'Ibarra Real Nova', serif;
	font-family: 'Cormorant Garamond', serif;
	background-color:rgb(49, 49, 49);
	color: rgb(243, 237, 243);
	scroll-behavior: smooth;
	font-size:1.2rem;
}
.navbar {
	z-index:10000;
}
h1 > b, h2 > b {
	font-weight:400;
}
h1 > strong, h2 > strong {
	font-weight:400;
}
h1 { font-size:1.8em!important; font-weight:400!important; }
h2 { font-size:1.4em!important; font-weight:400!important; }
.oeuvre h1, .oeuvre h2 {
text-align:center;
border-radius:0;
width:100%;
/*
background:rgb(243, 237, 243,0.6);
color:rgb(49, 49, 49);
padding-top:5px;
padding-bottom:5px;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgb(243, 237, 243);
*/
font-size:1.8rem!important;
}
.headerVisite {
	font-size:1.8rem;
	padding-bottom:0.2em;
	padding-top:70px;
	text-align:center;
	background-color:rgb(243, 237, 243);
	color:rgb(49, 49, 49);
}
.headerGenerique{
	font-size:1.8em;
	padding-bottom:0.2em;
	padding-top:0.2em;
	text-align:center;
	margin:0 auto;
	color:black;
	background-color:white;
	border:1px solid black;
}
/* a.popover.popover-link {
background-color:{$rubriqueColor->bgcolor}!important; 
*/
}
.cardSelected {
}
/********************************
* Carousel styles
*********************************/
/* scrollbar styling standard version */
.carousel-spec {
 }

.carousel-spec-items {
    display: flex;
    overflow-x: scroll;
    padding: 1rem 0;
    scroll-snap-type: x mandatory;
	scrollbar-width: thin;
	scrollbar-color: #000 rgba(0,0,0,.15);
}

.carousel-spec-item {
    margin-left: 1rem;
	list-style: none;
    scroll-snap-align: start;
}

::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    height: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #3d4852;
    border-radius: 3px;
}


/********************************
* Breakpoints
*********************************/

a.popover.popover-link,a.popover.popover-link:hover {
	text-decoration:none;
  cursor:pointer;
  border:none;
  background:rgb(243, 237, 243);
  color:rgb(49, 49, 49);
  font-size:inherit;
  top:-0.5rem;
  padding-left:5px;
  padding-right:5px;
  /* background-color:rgb(165, 181, 204)!important; 
  position:absolute; 
  */
}
a.popover.popover-link.verse-link {
	display:inline-block;
  font-size:inherit;
  background:rgb(124, 124, 124);
  color:rgb(243, 237, 243);
  top:0;
}
a.popover.popover-link.glossaire-link {
	display:inline-block;
  background:transparent;
  color:rgb(243, 237, 243);
  top:0;
}
.popover.popover-link.glossaire-link i {
  font-size:1rem;
}
a.popover {
	position:relative;
}
.popover {
	line-height:inherit!important;
}
.info-link {
	display:inline-block;
	position:relative;
	font-size:1rem;
}
div.popover-seperator-note {
  display:inline-block;
  width:40px;
}
div.popover-seperator-glossaire {
  display:inline-block;
  width:20px;
}
#carouselActu .carousel-inner {
  background-color:rgb(34, 34, 34);
}
#carouselActu .carousel-inner .carousel-item small.text-muted  {
  color:#fff!important;
  background-color:#987675!important;
  border-radius: 0.2rem;
  padding:0.25rem;
}
.font-btn {
	font-family: 'Dosis', sans-serif;	

}
.img-simple {
	box-shadow:none;
}
.jumbotron-accueil {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 0;
  border-radius:0;
  color:white;
  /*
  background:rgba(0, 0, 0, 0.301);
  background-image:url('/../img/background-theendup-123RF-Banque-d-images.jpg');
  background-position-x:center;
  background-position-y:-10px;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed;
  */
}
.bg-light {
	background-color:#d4c9b3!important;color:rgb(22, 22, 22);

}
.bg-dark {
	/* background-color:#987675!important;color:rgb(209, 209, 209); */
	background-color:#000!important;color:rgb(243, 237, 243)

}
.brand-space {
	width:230px;
}
.bg-lb a {
	color:#312726!important;
}
.bg-lb {
	/* background-color:#987675!important;color:rgb(209, 209, 209); */
	background-color:#d4c9b3!important;color:#312726;
}
a.navbar-brand {
	height:50px;
	top:0px;
	left: 0px;
	color:#fff!important;background-color:#1e1814;
	border:1px solid #1e1814;
	border-radius:0.2rem;
	letter-spacing: 0.1rem;
	padding-left:1rem;
	padding-right:1rem;
	font-size:1.5rem;
}
.shadow-navbar {
	box-shadow: 0 2px 5px 0 #312726, 0 2px 10px 0 #8d8787;

}
.navbar-dark .navbar-toggler {
	/* background-color:#987675!important;color:rgb(209, 209, 209); */
	background-color:#d4c9b3!important;color:#1e1814;
	border-color: #1e1814;
}
.btn-outline-navbar, .btn-outline-navbar:hover {
 	padding:5px!important;
	padding-left:10px!important;
	padding-right:10px!important;
   color: #312726;
    border-color: #312726;
}

.introCard {
	background:rgb(0,0,0,0.5);
	padding:1rem;
	border-radius:0.5rem;
	margin-top:60px;
	height:100%;
	width:100%;
}
div.card-body {
	background-color:#e3e3e3;color:rgb(54, 54, 54);
}
div.card-img-body {
	background-color:#d4c9b3;color:#312726;
	border: 1px solid purple;
	margin:1rem;
	text-align:justify;
	font-size:1.2rem;
	padding:0.5rem;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
div.carousel-inner {
	background-color:rgb(49, 49, 49);
}
.carousel-inner .card {
	min-height:350px;
	width:300px;
}
img {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
strong {
	font-weight:600;
}
h1.classic {
	text-align:center;
	line-height:2em;
	font-weight:600;
	background-color:#d4c9b3!important;
	color:rgb(22, 22, 22)!important;
	background:transparent;
}
h2.classic {
	text-align:center;
	line-height:2em;
	font-weight:600;
	background-color:#d4c9b3!important;
	color:rgb(22, 22, 22)!important;
	background:transparent;
}


div.oeuvre {
	max-width:900px;
}
flexdiv {
	display:block;
	margin-top:10px;
}
tableflex {
}
rowflex {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:stretch;
	align-items:center;
}
itemflex {
	min-width:300px;
	flex:1;
	margin:1rem;
	margin-bottom:1.5em;
	text-align:center;
}
.background-primary,.background-primary:focus,.background-primary:focus,.background-primary::placeholder {
	background:#bbd5ff!important;
	color:#222!important;
}
.background-primary::placeholder {
	background:#bbd5ff!important;
	color:#222!important;
}
.border-primary {
	border-color:3px solid #b2a1c7!important;
}
.dontdisplaythat {
	display:none!important;
}
.btn {
	font-family: 'Dosis', sans-serif;	
    margin: .375rem;
    text-transform: uppercase;
    word-wrap: break-word;
    white-space: normal;
    cursor: pointer;
    border-radius: .05rem;
    box-shadow: 0 2px 5px 0 #8d8686, 0 2px 10px 0 #8d8787;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: .84rem 2.14rem;
	font-weight:500;
	color:#312726;
}
.btn.no-shadow {
	box-shadow: none!important;
}
.btn-noborder {
	border:none;
}
.btn-sized {
	min-width:300px;
}
.color-primary {
  color: #d3891b;
}
.btn-primary {
    background-color: #d3891b!important;
    color: #fff;
	border-color:#d3891b!important;
}
.btn-primary:hover {
    background-color: rgb(255, 255, 255)!important;
    color: #d3891b;
	border-color:#d3891b!important;
}
.btn-secondary {
    background-color: #a6c!important;
    color: #fff;
    border-color: #a6c!important;
}
.btn-secondary:hover {
    background-color: #fff!important;
    color: #a6c;
    border-color: #a6c!important;
}

.bd-placeholder-img {
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.connexion-link a {
	color:white;
}


footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

/*
.btn {
    margin: .375rem;
    color: inherit;
    text-transform: uppercase;
    word-wrap: break-word;
    white-space: normal;
    cursor: pointer;
    border: 0;
    border-radius: .125rem;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: .84rem 2.14rem;
}
.btn-primary {
    background-color: #b2a1c7!important;
    color: #fff;
}
*/
/****************************************
Carousel
****************************************/
.owl-nav {
	width:100%;
	text-align:center;
	font-size:3rem;
}
.owl-nav span {
		margin:10px;
		display:inline-block;
		width:40px;
		height:40px;
		line-height:30px;
		background-color:rgb(49, 49, 49);
		color: rgb(243, 237, 243);
		border: 1px solid  rgb(243, 237, 243);
		border-radius:20px;
		
}
.owl-carousel {
margin-top:30px;
}
.card-special {
display:flex;
justify-content: center;
align-items:center;
flex-direction:column;
width:200px;
height:250px;
background-size:cover; 
background-position: top center;
background-repeat:no-repeat;
border-radius:0;
border:1px; 
margin-bottom:10px;
}
.mot {
	min-width:200px;
	background-color:rgb(243, 237, 243);
	color:rgb(49, 49, 49);
	font-weight:600;
	text-align:center;
}