body {
	font-family: 'Open Sans', sans-serif;
}

h1{
	font-family: 'Parisienne', cursive;
	color: #005166;
	text-shadow: 2px 8px 6px rgba(0,0,0,0.2),1px 1px 1px white;
	font-size: 3rem;
	text-align: center;
}

h2{
	font-family: 'Parisienne', cursive;
	margin-bottom: 1.5rem;
}

h3{
	font-family: 'Parisienne', cursive;
}

a{
	color:#025CE3
}

a:hover{
	color:#02337E;
}
a:focus-visible{
	outline: 2px dotted #025CE3;
}

#breadcrumb a{
	color : #005166;
	text-decoration: none;
}

#breadcrumb a:hover,
#breadcrumb a:focus{
	color : #000;
	text-decoration: underline;
}

#breadcrumb .icon-home{
	vertical-align: baseline;
    fill: #005166;
}

#breadcrumb a:hover .icon-home,
#breadcrumb a:focus .icon-home{
	fill : #000;
}


.section-divider{
	background-color: #f4efdb;
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 0.5em 1.5em rgb(0 0 0 / 10%), inset 0 0.125em 0.5em rgb(0 0 0 / 15%);
}

#nia-avatar {
	margin: 75px 0 30px 0;
	padding: 90px 20px 10px 20px;
	border-radius: 20px;
	border: solid 1px rgba(0, 0, 0, .15);
	box-shadow: 0 0.5em 1.5em rgb(0 0 0 / 10%), 0 0.125em 0.5em rgb(0 0 0 / 15%);
}

.avatar{
	width: 150px;
	top: -75px;
	left: calc(50% - 75px);
	border: solid 1px rgba(0, 0, 0, .15);
	box-shadow: 0 0.5em 1.5em rgb(0 0 0 / 10%), 0 0.125em 0.5em rgb(0 0 0 / 15%);
}

#nia-presta a > .card{
     transition: all .55s ease-in-out;
}

#nia-presta a:hover > .card,
#nia-presta a:focus > .card {
	box-shadow: 0.25em 1em 1.5em rgb(0 0 0 / 40%), 0 0.25em 0.5em rgb(0 0 0 / 40%);
}

#nia-presta a:hover,
#nia-presta a:focus{
	text-decoration:underline;
	color: #005166;
}

.crt-post,
#nia-presta .card,
#nia-dispo .card { 
	background-color: rgb(255, 255, 255);
    border-color: rgb(204, 204, 204);
    border-width: 1px;
    color: rgb(34, 34, 34);
	border-radius: 10px;
	overflow: hidden;
	max-width: 300px;
	margin: 0 auto;
	box-shadow: 0 0.5em 1.5em rgb(0 0 0 / 10%), 0 0.125em 0.5em rgb(0 0 0 / 15%);
}

#nia-presta .card h3 { 
	margin-top: 1rem;
	padding: 0 1rem;
}

#nia-presta .card p {
	padding: 0 1rem;
}

#nia-presta a {
	text-decoration: none;
}

blockquote{
	padding: 20px 60px 10px;
	font-style: italic;
}

blockquote:before,
blockquote:after 	{
	font-family: Georgia, serif;
	position: absolute;
	font-size: 6em;
	line-height: 1;
	font-weight: bold;
	line-height: 110%;
	color:#757575;
}	

blockquote:before { 
	top: 0;
	left: 0;
	content: "\201C";
} 
blockquote:after { 
	float:right;
	right:0;
	bottom:-0.5em;
	content: "\201D"; 
}

#nia-quote figure{
	max-width: 500px;
}
#nia-quote figcaption{
	color:#666;
    text-align: left;
}

#nia-quote img{
	max-width: 800px;
	display:block;
	margin: 2rem auto;
	border-radius: 20px;
	border: solid 1px rgba(0, 0, 0, .15);
	box-shadow: 0 0.5em 1.5em rgb(0 0 0 / 10%), 0 0.125em 0.5em rgb(0 0 0 / 15%);
}

#curator-feed-default-feed-layout a{
	box-sizing: border-box;
	font-size: 10px;
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}

.crt-post-date .crt-post-date-link{
	color: #666;
	opacity: 1;
}
.crt-post-share a{
opacity : 1;
}
.crt-post-share svg{
  fill : #666;
}
.crt-post-share a:hover svg,
.crt-post-share a:focus svg{
  fill : #000;
}

dd {
	margin-left: 1rem;
}


.col-md-3 img{
	max-width: 200px;
	margin: 0 auto;
	border-radius: 5px;
	padding: 5px;
}

.badge-info {
	background-color: #0878D4;
}

.badge-secondary {
	background-color: #005166;
}

.badge{margin: 5px;}

.state-vendu .badge {background-color: #66767d;}
.state-disponible .badge {background-color: #005166;}
.state-new .badge {background-color: #0c7c58;}
.state-pending .badge {background-color: #2196f3;}	
.state-reserve .badge{background-color: #2196f3;}
	
footer{
	margin-top: 5rem;
}

footer a{
	color: #005166;
	text-decoration: none;
}

footer a:hover,
footer a:focus{
	color: #000;
	text-decoration: underline;
}

@media (min-width: 576px){
	h1{
		font-size: 4rem;
	}
}

@media (min-width: 768px){
	#pagecover{
		background-position: center 80%;
	}
	h1{
		text-align: center;
		font-size: 5rem;
	}
	h2 {
		font-size: 2.5rem;
	}
	#nia-avatar{
		margin: 30px 0 30px 160px;
		padding: 15px 20px 15px 60px;
		min-height: 220px;
	}
	
	.avatar{
		width:200px;
		left: -160px;
		top: 10px;	
	}
	

}