/* form input.st-search-input {
    width: 200px;
    height: 18px;
    padding: 5px 9px 5px 27px;

    font-size: 12px;

    color: #666;
    border: 1px solid #ccc;
    outline: none;
    background: #fcfcfc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUFJREFUeNqU0j0oRWEcx/Hj3ifvlMHL7C1lY7mDwUBKkoksBjKJxWIQu7xlOybDLVGukhhMZDFbxGBS8nIjKR3E96nf0dPjuuVfn+6tc35P//P8/yYMw8CpbgygGQlcYw8H+Ai8MvotxQImgt81hk1M4cEPF2IV43jCGo7wjk5MYhhlGMKbG+7BKO4wiGPn8DO1vIN+jGA9fpjQaUksecG4zjGPL3VQ5IZb9OAw+LtO1FkjatxwUuEoTzjSbRu9/xO+0W97nnArqvXuoxve1/9p1OUIlmNGU7EX9+KGt3GKNuyiC5WoQAe2NJFP3PpzzmoR0khpxle6h3pnkeKJPCPjbtglerVFfWhSVxfqJtK4qrChTMY4XdjVm9O21aIA92LrFcv6HHtAsclxQVnxa0WfsqgDUib4X9muStCA2W8BBgDJ0EeGeFZ8WAAAAABJRU5ErkJggg==) no-repeat 7px 7px;
} */

input#st-search-input {
    width: calc(100% - 8rem);
}

.swiftype-widget .autocomplete {
    position: absolute;
    display: block;
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    list-style-type: none;
    text-align: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.swiftype-widget .autocomplete ul {
    display: block;
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    list-style-type: none;
    text-align: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.swiftype-widget .autocomplete li {
    padding: 10px 8px;
    margin: 0;
    font-size: 13px;
    list-style-type: none;
    cursor: pointer;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
    background-image: none;
}

.swiftype-widget .autocomplete li:first-child {
    border-top: 1px solid #fff;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
}

.swiftype-widget .autocomplete li:last-child {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
}

.swiftype-widget .autocomplete li.active {
    border-top: 1px solid #fac39d;
    border-bottom: 1px solid #fac39d;
    /* background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f58232), color-stop(100%, #fac39d));
    background: -webkit-linear-gradient(#f58232, #fac39d);
    background:    -moz-linear-gradient(#f58232, #fac39d);
    background:      -o-linear-gradient(#f58232, #fac39d);
    background:         linear-gradient(#f58232, #fac39d); */
    background-color: #fef0e7;
    -webkit-box-shadow: 0 1px 0 #f58232 inset;
    -moz-box-shadow: 0 1px 0 #f58232 inset;
    box-shadow: 0 1px 0 #f58232 inset;
}

.swiftype-widget .autocomplete li p {
    padding: 0;
    margin: 0;
    font-size: 11px;
    line-height: 13px;
}

.swiftype-widget .autocomplete li p.title {
    font-weight: bold;
    color: #1c6cb5;
}

.swiftype-widget .autocomplete li p.title em {
    font-style: normal;
    font-weight: bold;
    color: #0b2644;
}

.swiftype-widget .autocomplete li.active p.title {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
}

.swiftype-widget .autocomplete li.active p.title em {
    font-style: normal;
    color: #fff;
}

.swiftype-widget .autocomplete li .sections {
    font-size: 11px;
    color: #999;
}

.swiftype-widget .autocomplete li .sections em {
    font-style: normal;
    color: #666;
}

.swiftype-widget .autocomplete li .sections .section {
    display: inline;
}

.swiftype-widget .autocomplete li.active .sections {
    color: #a9d7f1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
}

.swiftype-widget .autocomplete li.active .sections em {
    font-style: normal;
    color: #a9d7f1;
}

.st-result-listing {
    margin-top: 40px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 13px;
    letter-spacing: .8px;
}


/* form input.st-search-input {
    width: 200px;
    height: 18px;
    padding: 5px 9px 5px 27px;

    font-size: 12px;

    color: #666;
    border: 1px solid #ccc;
    outline: none;
    background: #fcfcfc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUFJREFUeNqU0j0oRWEcx/Hj3ifvlMHL7C1lY7mDwUBKkoksBjKJxWIQu7xlOybDLVGukhhMZDFbxGBS8nIjKR3E96nf0dPjuuVfn+6tc35P//P8/yYMw8CpbgygGQlcYw8H+Ai8MvotxQImgt81hk1M4cEPF2IV43jCGo7wjk5MYhhlGMKbG+7BKO4wiGPn8DO1vIN+jGA9fpjQaUksecG4zjGPL3VQ5IZb9OAw+LtO1FkjatxwUuEoTzjSbRu9/xO+0W97nnArqvXuoxve1/9p1OUIlmNGU7EX9+KGt3GKNuyiC5WoQAe2NJFP3PpzzmoR0khpxle6h3pnkeKJPCPjbtglerVFfWhSVxfqJtK4qrChTMY4XdjVm9O21aIA92LrFcv6HHtAsclxQVnxa0WfsqgDUib4X9muStCA2W8BBgDJ0EeGeFZ8WAAAAABJRU5ErkJggg==) no-repeat 7px 7px;
} */

div.st-search-summary {
    padding-bottom: 7px;
    margin: 12px 0;
    border-bottom: 1px solid #ccc;
}

div.st-result-listing {
    width: 600px;
}

div.st-result-listing h2 {
    margin: 0;
    font-size: 13px;
    font-weight: normal;
    color: #333;
}

div.st-result-listing h2 .st-query {
    font-style: italic;
    color: #666;
}

div.st-result-listing h3 {
    margin: 5px 0;
    font-size: 12px;
}

div.st-result {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd;
}

div.st-result.final {
    margin-bottom: 0;
    border-bottom: none;
}

div.st-result .st-snippet {
    color: #333;
}

div.st-result .st-date {
    color: #999;
}

.st-pagination {
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px solid #ccc;
}

.st-prev {
    margin-right: 20px;
}

.st-loading-message {
    margin: 10px auto;
    font-size: 16px;
    font-style: italic;
    color: #999;
}


/* Auto-complete menu*/


/* .autocomplete {
    margin-top: 8px !important;
} */

.autocomplete .imgpage {
    width: 35px;
    margin-right: 5px;
}

.autocomplete h2 {
    font-size: 12px;
    display: inline-block;
    /* vertical-align: top; */
}

.autocomplete .date {
    font-size: 11px;
    color: #ae1439;
}

.autocomplete .page {
    padding-bottom: 0;
}

.autocomplete .page p a {
    display: block;
}

.fntrad .autocomplete li {
    background: #1d242c;
}

.fntrad .autocomplete li.active {
    background: #334454;
    border-top: 1px solid #2fb5b6;
    border-bottom: 1px solid #2fb5b6;
    box-shadow: 0 1px 0 #2fb5b6 inset;
}

.fntrad .autocomplete .date,
.fntrad .autocomplete h2 {
    color: #ffffff;
}


/* Search result listing */

#results {
    width: 100%;
    padding-right: 0;
    box-sizing: border-box;
}

#results em {
    font-weight: bold;
}

#results #no-results {
    display: block;
    padding: 0;
    margin: 100px 0 80px;
    font-size: 40px;
    font-style: italic;
    font-weight: 100;
    color: #dfcfbd;
}

#results .page {
    padding: 15px 0 0px;
    margin: 0 0 0 0;
}

#results .page a {
    display: block;
}

#results .noimg,
#results .imgpage {
    max-width: 100%;
    height: 180px;
    margin-right: 20px;
    box-sizing: border-box;
    object-fit: cover;
}

#results .page h2 {
    font-weight: 600;
    border: 0;
    color: #000;
    font-size: 24px;
    line-height: 26px;
    margin-top: 5px;
    margin-bottom: 0;
}


/* #results .page a:hover > div {
  text-decoration: underline;
} */

#results .page
/*a*/

>div {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

#results .page
/*a*/

div.date {
    color: #ae1439;
}

#results .page p {
    margin-bottom: 5px;
    color: #636363;
    font-size: 13px;
}


/* Pagination links */

#results .st-page {
    /* width: 640px; */
    margin-top: 30px;
    padding: 20px 0 80px;
    clear: both;
    text-align: center;
}

#results .st-page a {
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    /* text-transform: uppercase; */
    color: #ffffff;
    background-color: #ae1439;
    padding: 1.1rem 2.5rem;
}

#results .st-page a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #800f2a;
}


/* Filter sidebar */

#menu {
    display: none;
    float: right;
    width: 29%;
    padding-bottom: 80px;
    font-size: 13px;
    line-height: 1.75;
}

#menu h3 {
    padding: 0 0 2px;
    margin: 16px 0 6px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #dfcfbd;
}

#menu input[type="checkbox"] {
    display: inline-block;
    margin-right: 4px;
}

#menu input[type="checkbox"]+label {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
}

a.sort,
a.clear-selection {
    display: inline-block;
    width: auto;
    padding: 3px 8px 2px 9px;
    margin: 8px 6px 0 0;
    font-family: "Roboto", sans-serif;
    font-size: 10px;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff !important;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    border-radius: 9999px;
    background: #e84e0f;
    -ms-border-radius: 9999px;
}

a.sort:last-of-type {
    margin-right: 0;
}

a.sort.active {
    background: #99c0bc;
}

#page-title .word {
    display: block;
}

.result_term {
    text-transform: initial;
}

input[type="submit"].bt-recherche {
    cursor: pointer;
    background-color: #243444;
    background-image: url(../images/icon-search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem;
    -webkit-transition: background-color ease-in-out 0.3s;
    transition: background-color ease-in-out 0.3s;
    width: 5rem;
    height: 5rem;
    font-size: 0;
}

#swiftype-search {
    padding: 0;
}

.swiftype-filtres h3 {
    margin-bottom: 20px;
}

html:not(.fntrad) .swiftype-filtres select {
    width: 90%;
}

.st-row.pretty {
    margin: 8px 0px;
}

.st-row.pretty input[type="checkbox"] {
    display: block;
    margin: 0;
}

.st-row {
    margin: 0px 0px 0;
}

.sts {
    display: block;
    font-size: 15px;
    line-height: 20px;
}

.typeDoc {
    text-transform: uppercase;
}

#results .page .thematique:empty {
    display: none;
}

#results .page .thematique>a {
    display: inline-block;
    padding: 0.3rem 0.5rem !important;
    margin-right: 0.3rem !important;
    margin-bottom: 0.2rem !important;
    font-size: 1.3rem;
    color: #ae1439;
    text-decoration: none;
    border: 1px solid #ae1439;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

#results .page .thematique>a:hover {
    color: #ededed;
    background-color: #ae1439;
}

.thematiques-list {
    max-height: 300px;
    overflow: auto;
    margin-bottom: 15px;
}


/*************************** Partie adhérents *******************************/

.fntrad .block-swiftype {
    background-color: #232d38;
}

.fntrad .block-swiftype h2 {
    color: #fff;
    font-weight: 400;
}

.fntrad .swiftype-searchbar {
    background: none;
}

.fntrad .swiftype-searchbar label {
    display: inline-block;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    color: #b2b6ba;
}

.fntrad .swiftype-searchbar input#st-search-input {
    width: 50%;
    border: solid 1px #fff;
    box-sizing: border-box;
    background: none;
    color: #fff;
    margin-right: 50px;
    margin-left: 10px;
}

.fntrad .swiftype-searchbar input[type="submit"],
.fntrad input[type="reset"] {
    background: #fff;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
    padding: 0 3rem;
    font-weight: 700;
    height: 5rem;
}

.fntrad input[type="reset"] {
    margin-top: 38px;
}

#swiftype-search input[type="reset"] {
    width: auto;
    font-weight: 700;
    color: #fff;
    background-color: #ae1439;
    cursor: pointer;
    height: 5rem;
    padding: 0 1.5rem;
    margin: 0;
    font-family: inherit;
    font-size: 1.7rem;
    line-height: 5rem;
    vertical-align: middle;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transition: 0.25s;
    transition-property: all;
    transition-property: all;
}

#swiftype-search input[type="reset"]:hover {
    background-color: #800f2a;
}

.fntrad .thematiques-list {
    display: inline-block;
    max-height: 175px;
    width: 260px;
}

.fntrad .swiftype-filtres>.st-row {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.fntrad .swiftype-filtres>.st-row:last-child {
    margin-right: 0px;
    margin-bottom: 13px;
}

.fntrad .path-frontpage .swiftype-filtres>.st-row {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.fntrad .path-frontpage .swiftype-filtres>.st-row:last-child {
    margin-right: 0px;
    margin-bottom: 13px;
}

.fntrad .path-frontpage .swiftype-filtres>.st-row.st-order {
    display: inline-block;
    margin-right: 10px;
}

.fntrad .path-frontpage .swiftype-filtres>.st-row.st-order>label,
.fntrad .path-frontpage .swiftype-filtres>.st-row.st-order .st-row:first-child,
.fntrad .path-frontpage .swiftype-filtres>.st-row.st-order .st-row:nth-child(2) {
    display: none;
}

.fntrad .path-frontpage .swiftype-filtres>.st-row.st-order .st-row:nth-child(3) {
    display: none;
}

.fntrad .path-frontpage .st-row.pretty {
    margin: 3px 0px;
}

.fntrad .page-node-type-page-accueil-adherent #swiftype-search .st-row.st-col * {
    display: block
}

.fntrad .page-node-type-page-accueil-adherent #swiftype-search .st-row.st-col label {
    margin-top: 5px;
    margin-bottom: 0;
}

.fntrad .page-node-type-page-accueil-adherent #swiftype-search .st-order {
    display: inline-block;
}

.fntrad label[for="thematique"] {
    display: block;
}

.fntrad .swiftype-filtres select {
    display: block;
    margin-bottom: 20px;
}

.fntrad .path-frontpage .swiftype-filtres select {
    margin-bottom: 0px;
    font-size: 1.6rem;
    padding: 0 1rem;
}

.fntrad .path-frontpage .swiftype-filtres label[for="date"],
.fntrad .path-frontpage .swiftype-filtres label[for="type"] {
    margin-top: 5px;
    margin-bottom: 3px;
}

.fntrad .path-frontpage .swiftype-searchbar input#st-search-input {
    height: 4rem;
    margin-bottom: 1rem;
}

.fntrad .st-row.st-col * {
    display: block;
}

.fntrad .path-frontpage .swiftype-filtres .st-row.pretty.p-default.p-round {
    margin-bottom: 10px;
}

.fntrad #results .page {
    background: #334454;
    padding-top: 0;
    margin-top: 15px;
}

.fntrad #results .page .thematique>a {
    color: #ae1439;
    background-color: white;
    border: 1px solid #ae1439;
}

.fntrad #results .page .thematique>a:hover {
    color: #ededed;
    background-color: #1d242c;
}

.fntrad #results .page h2,
.fntrad #results .page div.date,
.fntrad #results .page p {
    color: #fff;
}

.fntrad .st-page a {
    color: rgb(14, 12, 12);
    background-color: #fff;
    border-radius: 20px;
}

.fntrad .swiftype_search_block .swiftype-filtres .st-row.st-hide {
    display: none;
}

body.page-node-type-page-accueil-adherent .st-reset {
    display: none
}

.fntrad body:not(.page-node-type-page-accueil-adherent) .st-reset {
    margin-top: 52px;
}


/*** bloc de recherche documentation pratique */

.fntrad .swiftype_search_block .swiftype-searchbar {
    padding: 0;
}

.fntrad .swiftype_search_block .block-swiftype {
    background-color: #334454;
}

.sidebar .menu--main-adherent li .dropdown-menu li.swiftype_search_block:hover {
    text-decoration: none;
    background-color: #334454;
}

.fntrad .swiftype_search_block {
    direction: ltr;
}

@media screen and (min-width:768px) {
    .fntrad .swiftype_search_block {
        margin-top: -133px;
    }
}

.fntrad .swiftype_search_block .swiftype-searchbar input#st-search-input {
    margin: 10px 0 2px 0;
    background: #fff;
    width: 100%;
    color: #000;
}

.fntrad .swiftype_search_block .swiftype-filtres h2 {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 2rem;
    font-weight: 600;
}

.fntrad .swiftype_search_block .swiftype-filtres {
    /* padding: 2rem 3rem 0; */
    padding: 14rem 3rem 0;
}

.fntrad .swiftype_search_block #swiftype-search .st-submit-front {
    margin-top: 10px;
}

.fntrad .sidebar .menu--main-adherent > li > .dropdown-menu {
    overflow-x: visible;
    overflow-y: auto;
}

.fntrad .menu--main-adherent li>ul {
    display: none;
}

.fntrad .menu--main-adherent li.hover>ul {
    display: block;
}


/*** page d'accueil adherents ***/

.page-node-type-page-accueil-adherent #swiftype-search input[type="submit"],
.page-node-type-page-accueil-adherent #swiftype-search .st-them-list,
.page-node-type-page-accueil-adherent #swiftype-search input[type="reset"],
.page-node-type-page-accueil-adherent #swiftype-search .st-order,
.page-node-type-page-accueil-adherent #swiftype-search .st-trier {
    display: none;
}

.page-node-type-page-accueil-adherent #swiftype-search input.st-default-search-input {
    margin-right: 0;
}

.page-node-type-page-accueil-adherent .swiftype-searchbar {
    padding: 0;
}

.page-node-type-page-accueil-adherent #swiftype-search .st-pub,
.page-node-type-page-accueil-adherent #swiftype-search .st-date {
    display: inline-block;
}

.page-node-type-page-accueil-adherent .block-swiftype {
    border-radius: 1rem;
}

#swiftype-search .st-submit-front,
#swiftype-search-docpra .st-submit-front {
    display: block;
    background: #fff;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    padding: 0px 2rem;
    font-weight: 700;
    height: 3.5rem;
    margin-top: 20px;
    line-height: 3.5rem;
}

html.fntrad #swiftype-search input.st-submit-front {
    display: block;
}

body:not(.page-node-type-page-accueil-adherent) #swiftype-search .st-submit-front {
    display: none;
}

.fntrad label[for="typeContenu"] {
    margin-top: 21px;
}

.fntrad label[for="date"] {
    margin-top: 27px;
}


/**************************** END Partie Ad. ********************************/

@media screen and (min-width:768px) {
    #menu {
        display: inline-block;
    }
    html:not(.fntrad) #results {
        width: 850px;
        padding-right: 10px;
    }
    html:not(.fntrad) #results .page {
        margin: 0 20px 0 0;
    }
    #results .page>div {
        width: calc(100% - 310px);
    }
    .fntrad #results .page>div {
        padding-top: 15px;
    }
    #results .noimg,
    #results .imgpage {
        width: 280px;
    }
}

.swiftype-searchbar {
    background: #ae1439;
    padding: 2rem;
}

.swiftype-filtres {
    padding: 2rem;
}


/**
 * pretty-checkbox.css
 *
 * A pure CSS library to beautify checkbox and radio buttons
 *
 * Source: https://github.com/lokesh-coder/pretty-checkbox
 * Demo: https://lokesh-coder.github.io/pretty-checkbox
 *
 * Copyright (c) 2017 Lokesh rajendran
 */

.pretty * {
    box-sizing: border-box
}

.pretty input:not([type=checkbox]):not([type=radio]) {
    display: none
}

.pretty {
    position: relative;
    display: block;
    margin-right: 1em;
    margin-bottom: 8px;
    white-space: nowrap;
    line-height: 1
}

.pretty input {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 1em;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.pretty .state label {
    position: initial;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    text-indent: 1.5em;
    min-width: calc(1em + 2px)
}

.pretty .state label:after,
.pretty .state label:before {
    content: '';
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    display: block;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid transparent;
    z-index: 0;
    position: absolute;
    left: 0;
    top: calc((0% - (100% - 1em)) - 8%);
    background-color: transparent
}

.pretty .state label:before {
    border-color: #ae1439
}

.pretty .state.p-is-hover,
.pretty .state.p-is-indeterminate {
    display: none
}

@-webkit-keyframes zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: scale(7);
        transform: scale(7)
    }
    38% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    55% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    72% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    81% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.24);
        transform: scale(1.24)
    }
    89% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    95% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }
    100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes tada {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: scale(7);
        transform: scale(7)
    }
    38% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    55% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    72% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    81% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.24);
        transform: scale(1.24)
    }
    89% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    95% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }
    100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes jelly {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    40% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    50% {
        -webkit-transform: scale3d(.85, 1.15, 1);
        transform: scale3d(.85, 1.15, 1)
    }
    65% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    75% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes jelly {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    40% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    50% {
        -webkit-transform: scale3d(.85, 1.15, 1);
        transform: scale3d(.85, 1.15, 1)
    }
    65% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    75% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes rotate {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-200px) rotate(-45deg);
        transform: translateZ(-200px) rotate(-45deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) rotate(0);
        transform: translateZ(0) rotate(0)
    }
}

@keyframes rotate {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-200px) rotate(-45deg);
        transform: translateZ(-200px) rotate(-45deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) rotate(0);
        transform: translateZ(0) rotate(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #ae1439
    }
    100% {
        box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0)
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #ae1439
    }
    100% {
        box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0)
    }
}

.pretty.p-default.p-fill .state label:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.pretty.p-default .state label:after {
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

.pretty.p-default input:checked~.state label:after {
    background-color: #ae1439!important
}

.pretty.p-default.p-thick .state label:after,
.pretty.p-default.p-thick .state label:before {
    border-width: calc(1em / 7)
}

.pretty.p-default.p-thick .state label:after {
    -webkit-transform: scale(.4)!important;
    -ms-transform: scale(.4)!important;
    transform: scale(.4)!important
}

.pretty.p-icon .state .icon {
    position: absolute;
    font-size: 1em;
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    left: 0;
    z-index: 1;
    text-align: center;
    line-height: normal;
    top: calc((0% - (100% - 1em)) - 8%);
    border: 1px solid transparent;
    opacity: 0
}

.pretty.p-icon .state .icon:before {
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.pretty.p-icon input:checked~.state .icon {
    opacity: 1
}

.pretty.p-icon input:checked~.state label:before {
    border-color: #5a656b
}

.pretty.p-svg .state .svg {
    position: absolute;
    font-size: 1em;
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    left: 0;
    z-index: 1;
    text-align: center;
    line-height: normal;
    top: calc((0% - (100% - 1em)) - 8%);
    border: 1px solid transparent;
    opacity: 0
}

.pretty.p-svg .state svg {
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.pretty.p-svg input:checked~.state .svg {
    opacity: 1
}

.pretty.p-image .state img {
    opacity: 0;
    position: absolute;
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    top: 0;
    top: calc((0% - (100% - 1em)) - 8%);
    left: 0;
    z-index: 0;
    text-align: center;
    line-height: normal;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.pretty.p-image input:checked~.state img {
    opacity: 1
}

.pretty.p-switch input {
    min-width: 2em
}

.pretty.p-switch .state {
    position: relative
}

.pretty.p-switch .state:before {
    content: '';
    border: 1px solid #ae1439;
    border-radius: 60px;
    width: 2em;
    box-sizing: unset;
    height: calc(1em + 2px);
    position: absolute;
    top: 0;
    top: calc((0% - (100% - 1em)) - 16%);
    z-index: 0;
    transition: all .5s ease
}

.pretty.p-switch .state label {
    text-indent: 2.5em
}

.pretty.p-switch .state label:after,
.pretty.p-switch .state label:before {
    transition: all .5s ease;
    border-radius: 100%;
    left: 0;
    border-color: transparent;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.pretty.p-switch .state label:after {
    background-color: #ae1439!important
}

.pretty.p-switch input:checked~.state:before {
    border-color: #5a656b
}

.pretty.p-switch input:checked~.state label:before {
    opacity: 0
}

.pretty.p-switch input:checked~.state label:after {
    background-color: #5a656b!important;
    left: 1em
}

.pretty.p-switch.p-fill input:checked~.state:before {
    border-color: #5a656b;
    background-color: #5a656b!important
}

.pretty.p-switch.p-fill input:checked~.state label:before {
    opacity: 0
}

.pretty.p-switch.p-fill input:checked~.state label:after {
    background-color: #fff!important;
    left: 1em
}

.pretty.p-switch.p-slim .state:before {
    height: .1em;
    background: #ae1439!important;
    top: calc(50% - .1em)
}

.pretty.p-switch.p-slim input:checked~.state:before {
    border-color: #5a656b;
    background-color: #5a656b!important
}

.pretty.p-has-hover input:hover~.state:not(.p-is-hover) {
    display: none
}

.pretty.p-has-hover input:hover~.state.p-is-hover {
    display: block
}

.pretty.p-has-hover input:hover~.state.p-is-hover .icon {
    display: block
}

.pretty.p-has-focus input:focus~.state label:before {
    box-shadow: 0 0 3px 0 #ae1439
}

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state:not(.p-is-indeterminate) {
    display: none
}

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate {
    display: block
}

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate .icon {
    display: block;
    opacity: 1
}

.pretty.p-toggle .state.p-on {
    opacity: 0;
    display: none
}

.pretty.p-toggle .state .icon,
.pretty.p-toggle .state .svg,
.pretty.p-toggle .state img,
.pretty.p-toggle .state.p-off {
    opacity: 1;
    display: inherit
}

.pretty.p-toggle .state.p-off .icon {
    color: #ae1439
}

.pretty.p-toggle input:checked~.state.p-on {
    opacity: 1;
    display: inherit
}

.pretty.p-toggle input:checked~.state.p-off {
    opacity: 0;
    display: none
}

.pretty.p-plain input:checked~.state label:before,
.pretty.p-plain.p-toggle .state label:before {
    content: none
}

.pretty.p-plain.p-plain .icon {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.pretty.p-round .state label:after,
.pretty.p-round .state label:before {
    border-radius: 100%
}

.pretty.p-round.p-icon .state .icon {
    border-radius: 100%;
    overflow: hidden
}

.pretty.p-round.p-icon .state .icon:before {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.pretty.p-curve .state label:after,
.pretty.p-curve .state label:before {
    border-radius: 20%
}

.pretty.p-smooth .icon,
.pretty.p-smooth .svg,
.pretty.p-smooth label:after,
.pretty.p-smooth label:before {
    transition: all .5s ease
}

.pretty.p-smooth input:checked+.state label:after {
    transition: all .3s ease
}

.pretty.p-smooth input:checked+.state .icon,
.pretty.p-smooth input:checked+.state .svg,
.pretty.p-smooth input:checked+.state img {
    -webkit-animation: zoom .2s ease;
    animation: zoom .2s ease
}

.pretty.p-smooth.p-default input:checked+.state label:after {
    -webkit-animation: zoom .2s ease;
    animation: zoom .2s ease
}

.pretty.p-smooth.p-plain input:checked+.state label:before {
    content: '';
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all .5s ease
}

.pretty.p-tada:not(.p-default) input:checked+.state .icon,
.pretty.p-tada:not(.p-default) input:checked+.state .svg,
.pretty.p-tada:not(.p-default) input:checked+.state img,
.pretty.p-tada:not(.p-default) input:checked+.state label:after,
.pretty.p-tada:not(.p-default) input:checked+.state label:before {
    -webkit-animation: tada .7s cubic-bezier(.25, .46, .45, .94) 1 alternate;
    animation: tada .7s cubic-bezier(.25, .46, .45, .94) 1 alternate;
    opacity: 1
}

.pretty.p-jelly:not(.p-default) input:checked+.state .icon,
.pretty.p-jelly:not(.p-default) input:checked+.state .svg,
.pretty.p-jelly:not(.p-default) input:checked+.state img,
.pretty.p-jelly:not(.p-default) input:checked+.state label:after,
.pretty.p-jelly:not(.p-default) input:checked+.state label:before {
    -webkit-animation: jelly .7s cubic-bezier(.25, .46, .45, .94);
    animation: jelly .7s cubic-bezier(.25, .46, .45, .94);
    opacity: 1
}

.pretty.p-jelly:not(.p-default) input:checked+.state label:before {
    border-color: transparent
}

.pretty.p-rotate:not(.p-default) input:checked~.state .icon,
.pretty.p-rotate:not(.p-default) input:checked~.state .svg,
.pretty.p-rotate:not(.p-default) input:checked~.state img,
.pretty.p-rotate:not(.p-default) input:checked~.state label:after,
.pretty.p-rotate:not(.p-default) input:checked~.state label:before {
    -webkit-animation: rotate .7s cubic-bezier(.25, .46, .45, .94);
    animation: rotate .7s cubic-bezier(.25, .46, .45, .94);
    opacity: 1
}

.pretty.p-rotate:not(.p-default) input:checked~.state label:before {
    border-color: transparent
}

.pretty.p-pulse:not(.p-switch) input:checked~.state label:before {
    -webkit-animation: pulse 1s;
    animation: pulse 1s
}

.pretty input[disabled] {
    cursor: not-allowed;
    display: none
}

.pretty input[disabled]~* {
    opacity: .5
}

.pretty.p-locked input {
    display: none;
    cursor: not-allowed
}

.pretty input:checked~.state.p-primary label:after,
.pretty.p-toggle .state.p-primary label:after {
    background-color: #428bca!important
}

.pretty input:checked~.state.p-primary .icon,
.pretty input:checked~.state.p-primary .svg,
.pretty.p-toggle .state.p-primary .icon,
.pretty.p-toggle .state.p-primary .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked~.state.p-primary-o label:before,
.pretty.p-toggle .state.p-primary-o label:before {
    border-color: #428bca
}

.pretty input:checked~.state.p-primary-o label:after,
.pretty.p-toggle .state.p-primary-o label:after {
    background-color: transparent
}

.pretty input:checked~.state.p-primary-o .icon,
.pretty input:checked~.state.p-primary-o .svg,
.pretty input:checked~.state.p-primary-o svg,
.pretty.p-toggle .state.p-primary-o .icon,
.pretty.p-toggle .state.p-primary-o .svg,
.pretty.p-toggle .state.p-primary-o svg {
    color: #428bca;
    stroke: #428bca
}

.pretty.p-default:not(.p-fill) input:checked~.state.p-primary-o label:after {
    background-color: #428bca!important
}

.pretty.p-switch input:checked~.state.p-primary:before {
    border-color: #428bca
}

.pretty.p-switch.p-fill input:checked~.state.p-primary:before {
    background-color: #428bca!important
}

.pretty.p-switch.p-slim input:checked~.state.p-primary:before {
    border-color: #245682;
    background-color: #245682!important
}

.pretty input:checked~.state.p-info label:after,
.pretty.p-toggle .state.p-info label:after {
    background-color: #5bc0de!important
}

.pretty input:checked~.state.p-info .icon,
.pretty input:checked~.state.p-info .svg,
.pretty.p-toggle .state.p-info .icon,
.pretty.p-toggle .state.p-info .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked~.state.p-info-o label:before,
.pretty.p-toggle .state.p-info-o label:before {
    border-color: #5bc0de
}

.pretty input:checked~.state.p-info-o label:after,
.pretty.p-toggle .state.p-info-o label:after {
    background-color: transparent
}

.pretty input:checked~.state.p-info-o .icon,
.pretty input:checked~.state.p-info-o .svg,
.pretty input:checked~.state.p-info-o svg,
.pretty.p-toggle .state.p-info-o .icon,
.pretty.p-toggle .state.p-info-o .svg,
.pretty.p-toggle .state.p-info-o svg {
    color: #5bc0de;
    stroke: #5bc0de
}

.pretty.p-default:not(.p-fill) input:checked~.state.p-info-o label:after {
    background-color: #5bc0de!important
}

.pretty.p-switch input:checked~.state.p-info:before {
    border-color: #5bc0de
}

.pretty.p-switch.p-fill input:checked~.state.p-info:before {
    background-color: #5bc0de!important
}

.pretty.p-switch.p-slim input:checked~.state.p-info:before {
    border-color: #2390b0;
    background-color: #2390b0!important
}

.pretty input:checked~.state.p-success label:after,
.pretty.p-toggle .state.p-success label:after {
    background-color: #5cb85c!important
}

.pretty input:checked~.state.p-success .icon,
.pretty input:checked~.state.p-success .svg,
.pretty.p-toggle .state.p-success .icon,
.pretty.p-toggle .state.p-success .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked~.state.p-success-o label:before,
.pretty.p-toggle .state.p-success-o label:before {
    border-color: #5cb85c
}

.pretty input:checked~.state.p-success-o label:after,
.pretty.p-toggle .state.p-success-o label:after {
    background-color: transparent
}

.pretty input:checked~.state.p-success-o .icon,
.pretty input:checked~.state.p-success-o .svg,
.pretty input:checked~.state.p-success-o svg,
.pretty.p-toggle .state.p-success-o .icon,
.pretty.p-toggle .state.p-success-o .svg,
.pretty.p-toggle .state.p-success-o svg {
    color: #5cb85c;
    stroke: #5cb85c
}

.pretty.p-default:not(.p-fill) input:checked~.state.p-success-o label:after {
    background-color: #5cb85c!important
}

.pretty.p-switch input:checked~.state.p-success:before {
    border-color: #5cb85c
}

.pretty.p-switch.p-fill input:checked~.state.p-success:before {
    background-color: #5cb85c!important
}

.pretty.p-switch.p-slim input:checked~.state.p-success:before {
    border-color: #357935;
    background-color: #357935!important
}

.pretty input:checked~.state.p-warning label:after,
.pretty.p-toggle .state.p-warning label:after {
    background-color: #f0ad4e!important
}

.pretty input:checked~.state.p-warning .icon,
.pretty input:checked~.state.p-warning .svg,
.pretty.p-toggle .state.p-warning .icon,
.pretty.p-toggle .state.p-warning .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked~.state.p-warning-o label:before,
.pretty.p-toggle .state.p-warning-o label:before {
    border-color: #f0ad4e
}

.pretty input:checked~.state.p-warning-o label:after,
.pretty.p-toggle .state.p-warning-o label:after {
    background-color: transparent
}

.pretty input:checked~.state.p-warning-o .icon,
.pretty input:checked~.state.p-warning-o .svg,
.pretty input:checked~.state.p-warning-o svg,
.pretty.p-toggle .state.p-warning-o .icon,
.pretty.p-toggle .state.p-warning-o .svg,
.pretty.p-toggle .state.p-warning-o svg {
    color: #f0ad4e;
    stroke: #f0ad4e
}

.pretty.p-default:not(.p-fill) input:checked~.state.p-warning-o label:after {
    background-color: #f0ad4e!important
}

.pretty.p-switch input:checked~.state.p-warning:before {
    border-color: #f0ad4e
}

.pretty.p-switch.p-fill input:checked~.state.p-warning:before {
    background-color: #f0ad4e!important
}

.pretty.p-switch.p-slim input:checked~.state.p-warning:before {
    border-color: #c77c11;
    background-color: #c77c11!important
}

.pretty input:checked~.state.p-danger label:after,
.pretty.p-toggle .state.p-danger label:after {
    background-color: #d9534f!important
}

.pretty input:checked~.state.p-danger .icon,
.pretty input:checked~.state.p-danger .svg,
.pretty.p-toggle .state.p-danger .icon,
.pretty.p-toggle .state.p-danger .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked~.state.p-danger-o label:before,
.pretty.p-toggle .state.p-danger-o label:before {
    border-color: #d9534f
}

.pretty input:checked~.state.p-danger-o label:after,
.pretty.p-toggle .state.p-danger-o label:after {
    background-color: transparent
}

.pretty input:checked~.state.p-danger-o .icon,
.pretty input:checked~.state.p-danger-o .svg,
.pretty input:checked~.state.p-danger-o svg,
.pretty.p-toggle .state.p-danger-o .icon,
.pretty.p-toggle .state.p-danger-o .svg,
.pretty.p-toggle .state.p-danger-o svg {
    color: #d9534f;
    stroke: #d9534f
}

.pretty.p-default:not(.p-fill) input:checked~.state.p-danger-o label:after {
    background-color: #d9534f!important
}

.pretty.p-switch input:checked~.state.p-danger:before {
    border-color: #d9534f
}

.pretty.p-switch.p-fill input:checked~.state.p-danger:before {
    background-color: #d9534f!important
}

.pretty.p-switch.p-slim input:checked~.state.p-danger:before {
    border-color: #a02622;
    background-color: #a02622!important
}

.pretty.p-bigger .icon,
.pretty.p-bigger .img,
.pretty.p-bigger .svg,
.pretty.p-bigger label:after,
.pretty.p-bigger label:before {
    font-size: 1.2em!important;
    top: calc((0% - (100% - 1em)) - 35%)!important
}

.pretty.p-bigger label {
    text-indent: 1.7em
}

/*Infobulle*/
/* on génère un élément :after lors du survol et du focus :*/

.infobulle:hover:after,
.infobulle:focus:after {
  content: attr(aria-label);  /* on affiche aria-label */
  position: absolute;
  top: -2.4em;
  left: 50%;
    transform: translateX(-50%); /* on centre horizontalement  */
  z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
  white-space: nowrap;  /* on interdit le retour à la ligne*/
  padding: 5px 14px;
  background: #413219;
  color: #fff;
  border-radius: 4px;
  font-size: 1.2rem;
}

/* on génère un second élément en :before pour la flèche */

[aria-label]:hover:before,
[aria-label]:focus:before {
  content: "▼";
  position: absolute;
  top: -1em;
    left: 50%;
    transform: translateX(-50%); /* on centre horizontalement  */
  font-size: 20px;
  color: #413219;
}

/* pas de contour durant le :focus */
[aria-label]:focus {
  outline: none;
}