.card {
position:relative;
display:flex;
flex-direction:column;
min-width:0;
word-wrap:break-word;
background-color:#fff;
background-clip:border-box;
border:1px solid #ced4da;
border-radius:0
}

.card > hr {
margin-right:0;
margin-left:0
}

.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius:0;
border-top-right-radius:0
}

.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius:0;
border-bottom-left-radius:0
}

.card-body {
flex:1 1 auto;
padding:1.25rem
}

.card-title {
margin-bottom:.75rem
}

.card-subtitle {
margin-top:-.375rem;
margin-bottom:0
}

.card-text:last-child {
margin-bottom:0
}

.card-link:hover {
text-decoration:none
}

.card-link + .card-link {
margin-left:1.25rem
}

.card-header {
padding:.75rem 1.25rem;
margin-bottom:0;
background-color:rgba(0,0,0,0.03);
border-bottom:1px solid #ced4da
}

.card-header:first-child {
border-radius:0 0 0 0
}

.card-header + .list-group .list-group-item:first-child {
border-top:0
}

.card-footer {
padding:.75rem 1.25rem;
background-color:rgba(0,0,0,0.03);
border-top:1px solid #ced4da
}

.card-footer:last-child {
border-radius:0 0 0 0
}

.card-header-tabs {
margin-right:-.625rem;
margin-bottom:-.75rem;
margin-left:-.625rem;
border-bottom:0
}

.card-header-pills {
margin-right:-.625rem;
margin-left:-.625rem
}

.card-img-overlay {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
padding:1.25rem
}

.card-img {
width:100%;
border-radius:0
}

.card-img-top {
width:100%;
border-top-left-radius:0;
border-top-right-radius:0
}

.card-img-bottom {
width:100%;
border-bottom-right-radius:0;
border-bottom-left-radius:0
}

.card-deck {
display:flex;
flex-direction:column
}

.card-deck .card {
margin-bottom:15px
}

@media (min-width: 576px) {
.card-deck {
flex-flow:row wrap;
margin-right:-15px;
margin-left:-15px
}

.card-deck .card {
display:flex;
flex:1 0 0;
flex-direction:column;
margin-right:15px;
margin-bottom:0;
margin-left:15px
}
}

.card-group {
display:flex;
flex-direction:column
}

.card-group > .card {
margin-bottom:15px
}

@media (min-width: 576px) {
.card-group {
flex-flow:row wrap
}

.card-group > .card {
flex:1 0 0;
margin-bottom:0
}

.card-group > .card + .card {
margin-left:0;
border-left:0
}

.card-group > .card:first-child {
border-top-right-radius:0;
border-bottom-right-radius:0
}

.card-group > .card:first-child .card-img-top,.card-group > .card:first-child .card-header {
border-top-right-radius:0
}

.card-group > .card:first-child .card-img-bottom,.card-group > .card:first-child .card-footer {
border-bottom-right-radius:0
}

.card-group > .card:last-child {
border-top-left-radius:0;
border-bottom-left-radius:0
}

.card-group > .card:last-child .card-img-top,.card-group > .card:last-child .card-header {
border-top-left-radius:0
}

.card-group > .card:last-child .card-img-bottom,.card-group > .card:last-child .card-footer {
border-bottom-left-radius:0
}

.card-group > .card:only-child {
border-radius:0
}

.card-group > .card:only-child .card-img-top,.card-group > .card:only-child .card-header {
border-top-left-radius:0;
border-top-right-radius:0
}

.card-group > .card:only-child .card-img-bottom,.card-group > .card:only-child .card-footer {
border-bottom-right-radius:0;
border-bottom-left-radius:0
}

.card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
border-radius:0
}

.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
border-radius:0
}
}

.card-columns .card {
margin-bottom:.75rem
}

@media (min-width: 576px) {
.card-columns {
column-count:3;
column-gap:1.25rem;
orphans:1;
widows:1
}

.card-columns .card {
display:inline-block;
width:100%
}
}

@font-face {
font-family:"vdm";
src:url(https://dl.dropbox.com/s/pl1xve0pofhvmft/vdm.eot#iefix) format("embedded-opentype"),url(https://dl.dropbox.com/s/9msrwgcbaxcyam4/vdm.woff2) format("woff2"),url(https://dl.dropbox.com/s/q36ztofc0lyjmv9/vdm.woff) format("woff"),url(https://dl.dropbox.com/s/b4ku7ikl4xnivoa/vdm.ttf) format("truetype"),url(https://dl.dropbox.com/s/dyrnbwcjlly9ekx/vdm.svg) format("svg")
}

.vfi {
line-height:1;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font:normal normal normal 1rem vdm;
display:inline-block;
color:#000
}

.vfi-fleche-droite:before {
content:""
}

.vfi-fleche-bas:before {
content:""
}

.vfi-fleche-gauche:before {
content:""
}

.bg-gray-sky {
background-color:#f4f6f8
}

.card {
display:flex;
margin-top:80px;
width:100%
}

.card .card-icon-top {
font-size:4.5rem;
margin-top:3rem
}

.card .card-tags {
color:#140a9a;
display:inline-block;
font-weight:700;
margin-bottom:1rem
}

.card .card-tags:before {
content:"";
background-color:#140a9a;
width:.75em;
height:.75em;
border-radius:100%;
display:inline-block;
margin-right:.5rem
}

.card .card-date {
display:inline-block;
padding-bottom:1rem
}

.card .card-title {
color:#212529;
display:block;
font-weight:700;
font-size:1.5rem;
line-height:1.33333;
margin-bottom:1rem
}

.card .card-title:last-child {
margin-bottom:0
}

.card .card-label {
color:#212529;
display:block;
font-weight:700;
font-size:1.5rem;
line-height:1.33333;
font-weight:700
}

.card .card-body {
padding:2rem;
align-self:center;
width:100%
}

.card .card-body .popover-wrapper.right {
position:absolute;
right:0
}

.card .card-metadata {
min-width:10rem
}

.card .card-footer {
border-top:none;
padding:0 2rem 2rem;
background-color:inherit;
display:flex;
align-items:center
}

.card .card-footer .vfi {
color:#140a9a;
font-size:2.5rem;
padding-left:.5rem
}

.card .vfi {
color:#140a9a
}

.card > a {
border-bottom:none;
color:#637381;
display:flex;
flex-direction:column;
height:100%
}

// hover styles for card
.card > a:hover,.card > a:active {
color:#fff;
background:#140a9a;
text-decoration:none
}

.card > a:hover .card-title,.card > a:hover .card-icon-top,.card > a:hover .card-footer .vfi,.card > a:hover .card-tags,.card > a:active .card-title,.card > a:active .card-icon-top,.card > a:active .card-footer .vfi,.card > a:active .card-tags {
color:#fff
}

.card > a:hover .text-muted,.card > a:active .text-muted {
color:#fff!important
}

.card > a:hover .card-tags:before,.card > a:active .card-tags:before {
background-color:#fff
}

// hover style for card4
.card4 {
-webkit-transition:all 200ms ease-in-out;
transition:all 200ms ease-in-out;
border:0;
-webkit-box-shadow:0 1px 7px rgba(0,0,0,0.05);
box-shadow:0 1px 7px rgba(0,0,0,0.05)
}

.card4 > a:hover,.card4 > a:active {
background:#fff;
color:inherit;
text-decoration:none;
cursor:url(https://dl.dropbox.com/s/2nmb5ja0g888q8n/arrow.png) 0 0,auto
}

.card4 > a:hover:before,.card4 > a:active:before {
content:"";
display:block;
width:100%;
height:100%;
background:rgba(0,0,0,0.3);
position:absolute
}

.card4 > a:hover .card-icon-top,.card4 > a:hover .card-footer .vfi,.card4 > a:hover .card-tags,.card4 > a:active .card-icon-top,.card4 > a:active .card-footer .vfi,.card4 > a:active .card-tags {
color:inherit
}

.card4 > a:hover .card-title,.card4 > a:active .card-title {
color:#212529
}

.card4 > a .card-icon-top,.card4 > a .card-icon-top {
-webkit-transition:all 200ms ease-in-out;
transition:all 200ms ease-in-out
}

.card4 > a:hover .text-muted,.card4 > a:active .text-muted {
color:#fff!important
}

.card4 > a:hover .card-tags:before,.card4 > a:active .card-tags:before {
background-color:#fff
}

// end card4
.card.card-row-layout .card-body {
text-align:left
}

@media (min-width: 992px) {
.card.card-row-layout {
flex-direction:row;
align-items:center
}

.card.card-row-layout .card-icon-top {
margin-top:0;
margin-left:2rem
}

.card.card-row-layout .card-icon-top.card-icon-right {
order:100;
margin-right:2rem
}

.card.card-row-layout .card-body {
text-align:left
}

.card.card-row-layout .card-footer {
padding:2rem
}

.card.card-row-layout .card-footer .vfi {
font-size:3.6rem
}

.card.card-row-layout > a {
flex-direction:row;
align-items:center;
width:100%
}
}

.card.card-large .card-title,.card.card-featured .card-title {
color:#212529;
display:block;
font-weight:700;
font-size:1.5rem;
line-height:1.33333
}

.card.card-large .card-body,.card.card-featured .card-body {
text-align:left
}

@media (min-width: 992px) {
.card.card-fw .card-img-top {
margin-left:1rem;
max-width:300px;
order:100
}
}

.card.card-large.card-row-layout .card-body {
text-align:center
}

@media (min-width: 992px) {
.card.card-large.card-row-layout .card-body {
text-align:left
}

.card.card-large.card-fw .card-img-top {
margin-left:1rem;
max-width:400px;
order:100
}

.card.card-large.card-fw .vfi {
color:#fff
}
}

@media (min-width: 1200px) {
.card.card-large.card-fw .card-img-top {
max-width:500px
}
}

.card.card-featured .card-body .text-muted {
display:inline-block;
margin-bottom:1.5rem
}

.card.card-featured .card-body .card-footer {
padding:0
}

@media (min-width: 992px) {
.card.card-featured .card-img-top {
flex:0 0 50%;
max-width:50%;
margin:0;
align-self:start
}

.card.card-featured .card-body {
display:flex;
flex-flow:column nowrap;
height:100%
}

.card.card-featured .card-body .card-footer {
margin-top:auto
}
}

.card.card-label-content .card-title {
font-weight:700
}

.card.card-label-content .card-label {
font-size:1rem
}

.card .rounded-circle {
margin:2rem auto 1rem;
width:61.5%
}

.card[data-toggle="modal"] {
cursor:pointer
}

.cards > div,.cards .card-item {
display:flex
}

.cards .card.bg-gray-sky {
border:none
}

.cards.bg-gray-sky {
background-color:transparent
}

.cards.bg-gray-sky .card {
background-color:#f4f6f8;
border:none
}

.cards.bg-gray-sky .card .vfi {
color:#140a9a
}

.cards.bg-gray-sky .card a:hover .vfi {
color:#fff
}

.cards.cards-bs-grid {
display:flex;
flex-wrap:wrap;
margin-right:-15px;
margin-left:-15px
}

.cards.cards-bs-grid .card-item {
position:relative;
width:100%;
min-height:1px;
padding-right:15px;
padding-left:15px;
flex:0 0 100%;
max-width:100%
}

@media (min-width: 768px) {
.cards.cards-bs-grid .card-item {
flex:0 0 50%;
max-width:50%
}
}

@media (min-width: 992px) {
.cards.cards-bs-grid .card-item {
flex:0 0 33.33333%;
max-width:33.33333%
}
}