/* @override 
	https://dev.levolcan.com/themes/custom/ff_starterkit/css/style.css?* */

/* ZONE PRATIQUE */
#pratique,
.local-tasks {
	font-family: var(--gin-font);
    position: relative;
    z-index: 0;
    background-color: var(--gin-bg-app);
    margin-bottom: calc(var(--gut)*.5);
	margin-left: calc(var(--gut)*-1) !important;
	margin-right: calc(var(--gut)*-1) !important;
}
#pratique .block,
.local-tasks {
    padding: 15px calc(var(--gut)*1);
    margin-bottom: 0px;
    border-top: 1px solid var(--gin-color-primary);
    border-bottom: 1px solid var(--gin-color-primary);
}


.local-tasks {
	border-top: none;
	position: sticky;
	top: 0;
}
#pratique .messages {
    background: 0 0;
    padding: 15px calc(var(--gut)*1)!important;
    border: none!important;
    border-top: 1px solid var(--gin-color-primary)!important
}

#pratique .tabs {
    background: 0 0
}

#pratique ul.tabs,
.local-tasks ul.tabs {
    margin: 0;
	margin-block: 0 !important;
	padding-inline: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
/*	margin-bottom: -10px;*/
}

#pratique ul.tabs li,
#pratique ul.tabs li a,
.local-tasks ul.tabs li,
.local-tasks ul.tabs li a {
    margin: 0;
    padding: 0;
    border: none!important;
    outline: 0;
    background-color: none!important
}
::marker {
  font-size: 0px;
  color: transparent;
}
#pratique ul.tabs li a,
.local-tasks ul.tabs li a {
	color: var(--gin-color-text);
    display: inherit;
    text-transform: lowercase;
    line-height: 1.2;
    border: 1px solid transparent!important;
    background: 0 0!important;
    text-decoration: none;
    font-size: var(--gin-font-size);
    padding-block: calc(var(--gin-spacing-xs) - 2px);
    padding-inline: var(--gin-spacing-s);
    margin-inline-end: .25em;
    border-radius: 2rem;
}

#pratique ul.tabs li a:hover,
.local-tasks ul.tabs li a:hover {
    border-color: var(--gin-color-primary-light) !important;
    color: var(--gin-color-primary)
}

#pratique ul.tabs li a.is-active,
.local-tasks ul.tabs li a.is-active {
    border-color: var(--gin-color-primary) !important;
    color: var(--gin-color-primary)
}
/* FIN ZONE PRATIQUE */

/* MESSAGES */
#messages {
	font-family: var(--gin-font);
	color: var(--gin-color-text);
    background-color: var(--gin-bg-app);
	padding: 15px calc(var(--gut)*1);
    margin-bottom: -1px;
    border-top: 1px solid var(--gin-color-primary);
    border-bottom: 1px solid var(--gin-color-primary);
}
#messages.error {
	background-color: #FCEEF1;
}
/* FIN MESSAGES */

/* GENERAL */
html {
    scroll-behavior: smooth;
    height: auto !important;
}
body {
    padding: 0;
    margin: calc(var(--gut)*.5) var(--gut) !important;
}
.layout-global {
    max-width: var(--maxwidth);
    margin: 0 auto;
}
sup {
    font-size: 60%;
    top: -0.6em;
}
a {
    color: inherit;
    text-decoration: underline;
}
p {
    margin: 0 0 calc(var(--gut) * 0.5) 0;
}
p:empty {
    display: none;
}
p:last-child {
    margin: 0 !important;
}
.hide {
    display: none !important;
}
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
input {
    border: none;
    outline: none;
}
.flex {
    display: flex;
}
ul,
ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* PAGER */
nav.pager {
    margin: var(--gutter) 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
nav.pager ul {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
nav.pager ul li {
    margin: 0 5px;
}
nav.pager ul li a {
    display: inherit;
    text-indent: -100000px;
    padding: 0;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: transparent;
}
nav.pager ul li.pagination-previous a {
    background-image: url(../images/pictos_fleche.svg);
    transform: rotate(180deg);
}
nav.pager ul li.pagination-next a {
    background-image: url(../images/pictos_fleche.svg);
}
nav.pager ul li.current span {
    display: none;
}
nav.pager ul li.current {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    background-color: transparent;
    color: var(--noir);
    text-align: center;
    line-height: 60px;
    font-size: var(--font100);
    border: var(--border);
}
/* FIN PAGER */