/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./wp-content/themes/naked-wordpress-master/sass/style.scss ***!
  \***************************************************************************************************************************************************/
@charset "UTF-8";
/* --------
  Thème pwa
--------- */
body#pwa {
  background: transparent;
  min-height: 100vh;
  padding-bottom: 0;
}
body.active {
  overflow: hidden;
}

#pwa {
  /*** parutions ***/
}
#pwa-menulateral {
  align-items: center;
  background: #006bb3;
  color: #fff;
  display: flex;
  height: 100vh;
  justify-content: center;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: fixed;
  text-align: center;
  transition: all 0.3s;
  transform: scale(0.9);
  width: 100vw;
  z-index: 1000;
}
#pwa-menulateral.active {
  opacity: 1;
  pointer-events: initial;
  transform: scale(1);
}
#pwa-menulateral #top {
  height: 32px;
  position: absolute;
  right: 10px;
  top: 20px;
  width: 32px;
}
#pwa-menulateral #top a {
  display: block;
}
#pwa-menulateral #top a::after, #pwa-menulateral #top a::before {
  background: #fff;
  border-radius: 12px;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  transition: all 0.3s;
  width: 32px;
  z-index: 5;
}
#pwa-menulateral #top a::after {
  top: 0;
  transform-origin: top left;
  transform: rotate(45deg);
}
#pwa-menulateral #top a::before {
  top: 20px;
  transform-origin: bottom left;
  transform: rotate(-45deg);
}
#pwa-innermenu a {
  color: #fff;
  display: block;
  font-size: 17px;
  font-weight: 700;
  margin: 17px 0;
}
#pwa-innermenu a:hover {
  color: #f06450;
}
#pwa-innermenu hr {
  border-top: 0;
  border-width: 2px;
  width: 62px;
}
#pwa h1 {
  text-transform: initial;
}
#pwa h2 {
  font-size: 17px;
  margin-top: 0;
  text-transform: initial;
}
#pwa h3 {
  font-size: 16px;
  line-height: 1.4;
}
#pwa h3 a {
  color: #00365a;
}
#pwa a {
  text-decoration: none;
}
#pwa header {
  background: #f4f8fd;
  border-radius: 0 0 40px 40px;
  float: none;
  left: 0;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 5;
}
#pwa header #mainheader {
  align-items: center;
  background: none;
  display: flex;
  float: none;
  line-height: 1;
  min-height: 92px;
  padding: 40px 0 23px;
}
#pwa header #mainheader .marge {
  flex: 1;
}
#pwa header #mainheader h1 {
  float: none;
  font-size: 18px;
  padding: 0 65px;
  text-align: center;
}
#pwa header #mainheader h1.single__title {
  padding: 0 90px 0 30px;
  text-align: left;
}
#pwa header #mainheader h1.single__title + div .btnpdf {
  border: 0;
}
#pwa header #mainheader .type {
  border-radius: 20px;
  float: none;
  font-size: 12px;
  font-weight: 700;
  margin-left: 30px;
  padding: 3px 10px;
}
#pwa header #logo {
  display: block;
  float: none;
  margin: 0 auto;
  width: 120px;
}
#pwa header #logo img {
  float: none;
}
#pwa.single header {
  position: relative;
}
#pwa-menuheader {
  background: #00365a;
  border-radius: 12px;
  height: 4px;
  position: absolute;
  right: 32px;
  top: 55px;
  transition: all 0.3s;
  width: 32px;
  z-index: 10;
}
#pwa-menuheader::after, #pwa-menuheader::before {
  background: #00365a;
  border-radius: 12px;
  content: "";
  left: 0;
  height: 4px;
  position: absolute;
  transition: all 0.3s;
  width: 32px;
  z-index: 5;
}
#pwa-menuheader::after {
  top: -10px;
}
#pwa-menuheader::before {
  top: 10px;
}
#pwa main {
  float: none;
  padding: 15px 30px;
}
#pwa main div,
#pwa main section {
  float: none;
}
#pwa .content_main.alaune {
  background: none;
}
#pwa section {
  margin-bottom: 15px;
}
#pwa .pwa {
  /*** connect ***/
  /*** Home ***/
}
#pwa .pwa__connect {
  min-height: 100vh;
  padding: 60px 40px;
  position: relative;
}
#pwa .pwa__connect::before {
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 width=%27305%27 height=%27193%27 viewBox=%270 0 305 193%27%3E%3Cdefs%3E%3CclipPath id=%27a%27%3E%3Crect width=%27305%27 height=%27193%27 fill=%27%23f4f8fd%27/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path=%27url%28%23a%29%27%3E%3Cpath d=%27M0,193V0H304.95S316.207,187.839,0,193%27 fill=%27%23f4f8fd%27/%3E%3C/g%3E%3C/svg%3E");
  height: 193px;
  left: 0;
  position: absolute;
  top: 0;
  width: 305px;
}
#pwa .pwa__connect section > img {
  margin-left: 15px;
}
#pwa .pwa__connect #loginbox {
  background: initial;
  margin-top: 27px;
}
#pwa .pwa__connect #loginbox h2,
#pwa .pwa__connect #loginbox p {
  padding: 0 15px;
}
#pwa .pwa__connect #loginbox h2::after {
  content: initial;
}
#pwa .pwa__connect #loginbox input[type=text],
#pwa .pwa__connect #loginbox input[type=password] {
  border-radius: 23px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  margin-bottom: 23px;
  padding: 15px;
  transition: all 0.3s;
}
#pwa .pwa__connect #loginbox input[type=text]:focus, #pwa .pwa__connect #loginbox input[type=text]:active,
#pwa .pwa__connect #loginbox input[type=password]:focus,
#pwa .pwa__connect #loginbox input[type=password]:active {
  box-shadow: 0 2px 4px rgba(0, 107, 179, 0.16);
}
#pwa .pwa__connect #loginbox input[type=submit] {
  background: #006bb3;
  border: 0;
  border-radius: 23px;
  color: #fff;
  float: none;
  font-weight: 700;
  margin-bottom: 23px;
  padding: 15px;
  width: 100%;
}
#pwa .pwa__connect #loginbox input[type=submit]:hover {
  background: #00365a;
}
#pwa .pwa__connect #loginbox a {
  display: block;
  text-align: center;
  text-decoration: none;
}
#pwa .pwa__home .posts-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#pwa .pwa__home .posts-container .publisingle {
  background: #006bb3;
  border-radius: 20px;
  flex: 0 0 calc(50% - 10px);
  overflow: hidden;
}
#pwa .pwa__home .posts-container .publisingle > a {
  aspect-ratio: 5/2;
  display: block;
}
#pwa .pwa__home .posts-container .publisingle img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
#pwa .pwa__home .posts-container .publisingle .publitext {
  letter-spacing: -0.1px;
  padding: 5px 10px 10px;
}
#pwa .pwa__home .posts-container .publisingle .publitext a {
  color: #fff;
}
#pwa .pwa__home .posts-container .publisingle h3,
#pwa .pwa__home .posts-container .publisingle p {
  font-weight: 700;
  margin: 0;
}
#pwa .pwa__home .posts-container .publisingle h3 {
  font-size: 16px;
}
#pwa .pwa__home .posts-container .publisingle p {
  color: #fff;
  font-size: 14px;
}
#pwa .pwa__formation .horizontal-drag, #pwa .pwa__reco .horizontal-drag {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 0 30px 8px;
  margin: 0 -30px 18px;
  white-space: nowrap;
}
#pwa .pwa__formation .horizontal-drag a, #pwa .pwa__reco .horizontal-drag a {
  border: 1px solid transparent;
  border-radius: 20px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  height: 18px;
  margin-right: 5px;
  padding: 3px 10px;
  line-height: 1;
  text-align: center;
}
#pwa .pwa__formation .horizontal-drag a[style="background: "], #pwa .pwa__formation .horizontal-drag a:not([style]), #pwa .pwa__reco .horizontal-drag a[style="background: "], #pwa .pwa__reco .horizontal-drag a:not([style]) {
  border: 1px solid #006bb3;
  color: #006bb3;
}
#pwa .pwa__formation .horizontal-drag a.active, #pwa .pwa__reco .horizontal-drag a.active {
  background-color: #006bb3;
  color: #fff;
}
#pwa .pwa__formation .horizontal-drag.filtered a:not(.active), #pwa .pwa__reco .horizontal-drag.filtered a:not(.active) {
  background: transparent !important;
  border: 1px solid #006bb3 !important;
  color: #006bb3 !important;
}
#pwa .pwa__reco .horizontal-drag a {
  background: transparent !important;
  border: 1px solid #006bb3 !important;
  color: #006bb3 !important;
}
#pwa .pwa__reco .horizontal-drag a.active {
  background-color: #006bb3 !important;
  color: #fff !important;
}
#pwa .pwa__single {
  padding-bottom: 60px;
}
#pwa .pwa__single .page_content > img:first-child {
  border-radius: 20px;
  display: block;
  margin: 0 auto;
}
#pwa .pwa__recommandation .page_content, #pwa .pwa__publication .page_content {
  padding-bottom: 50px;
}
#pwa .pwa__recommandation .page_content iframe, #pwa .pwa__publication .page_content iframe {
  border: 0;
  display: block;
  height: calc(100vh - 160px);
  width: 100%;
}
#pwa .pwa__recommandation #metadata, #pwa .pwa__publication #metadata {
  font-size: 10px;
  margin-bottom: 12px;
}
#pwa .pwa__recommandation #metadata b, #pwa .pwa__publication #metadata b {
  color: #00365a;
}
#pwa .pwa__recommandation #metadata span, #pwa .pwa__publication #metadata span {
  display: block;
  float: none;
}
#pwa .pwa__recommandation #resume_bloc, #pwa .pwa__publication #resume_bloc {
  background: #f4f8fd;
  border-radius: 16px;
  color: #00365a;
  margin: 0 0 20px;
  padding: 20px;
}
#pwa .pwa__recommandation #resume_bloc p, #pwa .pwa__publication #resume_bloc p {
  text-align: left !important;
}
#pwa .pwa__recommandation table, #pwa .pwa__publication table {
  font-size: 13px;
  overflow-x: auto;
  max-width: 100vw;
}
#pwa .pwa__recommandation table.content, #pwa .pwa__publication table.content {
  border-collapse: collapse;
}
#pwa .pwa__recommandation table td, #pwa .pwa__publication table td {
  padding: 5px;
}
#pwa .pwa__recommandation table td:empty, #pwa .pwa__publication table td:empty {
  display: none;
}
#pwa .pwa__recommandation table td[width="18"] img, #pwa .pwa__recommandation table td[width="11"] img, #pwa .pwa__recommandation table td[width="18"] img, #pwa .pwa__recommandation table td[width="33px"], #pwa .pwa__recommandation table td[width="33"], #pwa .pwa__publication table td[width="18"] img, #pwa .pwa__publication table td[width="11"] img, #pwa .pwa__publication table td[width="18"] img, #pwa .pwa__publication table td[width="33px"], #pwa .pwa__publication table td[width="33"] {
  display: none;
}
#pwa .pwa__recommandation table img, #pwa .pwa__publication table img {
  max-width: 100% !important;
}
#pwa .pwa__recommandation table *, #pwa .pwa__publication table * {
  text-align: left !important;
}
#pwa .pwa__recommandation table .dtd_textBox, #pwa .pwa__publication table .dtd_textBox {
  width: auto !important;
}
#pwa .pwa__recommandation table div[style*=margin], #pwa .pwa__publication table div[style*=margin] {
  margin: 0 !important;
}
#pwa .pwa__recommandation table .textenormalSmall, #pwa .pwa__publication table .textenormalSmall {
  word-break: break-word;
  text-overflow: ellipsis;
}
#pwa .pwa__recommandation .datable, #pwa .pwa__publication .datable {
  max-width: calc(100vw - 60px);
  overflow-x: auto;
}
#pwa .pwa__recommandation .datable table, #pwa .pwa__publication .datable table {
  border-collapse: collapse;
  table-layout: auto;
  max-width: none;
  width: auto !important;
}
#pwa .slide {
  padding: 0 2rem;
}
#pwa .slide-content {
  aspect-ratio: 5/3;
  background: #006bb3;
  border-radius: 20px;
  color: #fff;
  overflow: hidden;
  position: relative;
}
#pwa .slide-img a, #pwa .slide-img img {
  aspect-ratio: 2/1;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
#pwa .slide-text {
  background: #006bb3;
  border-top: 1px solid #fff;
  bottom: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
#pwa .slide-text .type {
  background: #00365a;
  border: 1px solid #fff;
  border-radius: 9px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  padding: 3px 10px;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
}
#pwa .slide-text .type + .slide-title {
  margin-top: 5px;
}
#pwa .slide-title {
  color: #fff;
  font-size: 16px;
  margin: 0;
}
#pwa .slide-title a {
  color: #fff;
}
#pwa .slider:not(.slick-initialized) .slide {
  padding: 0;
}
#pwa .slider:not(.slick-initialized) .slide:not(:first-child) {
  display: none;
}
#pwa .slick-list {
  margin: 0 -1.8rem;
}
#pwa .list_publications .slide-content {
  margin-bottom: 18px;
}
#pwa .list_publications article {
  border-bottom: 1px solid #c1c1c1;
  padding: 15px 0;
}
#pwa .list_publications article:last-of-type {
  border: 0;
}
#pwa .list_publications article h3 {
  margin: 0;
}
#pwa .list_publications article .referenceslist {
  font-size: 14px;
  margin: 0;
}
#pwa .single__header #mainheader h1 {
  line-height: 1.4;
  padding: 0 70px 0 30px;
  text-align: left;
}
#pwa .single__header #mainheader p {
  font-size: 10px;
  margin: 0 0 5px;
  padding: 0 30px;
}
#pwa .btn_top_single {
  position: absolute;
  right: 2rem;
  top: 2.5rem;
  width: auto;
}
#pwa .btn_top_single a {
  border: 0;
  margin-left: 5px;
}
#pwa .btn_top_single .btndownload_loading {
  background-image: url(743ccc487b518a7ac42f.png);
  background-position: center top;
  background-size: 100% auto;
  animation: downloading 1.2s steps(27) infinite;
  -webkit-animation: downloading 1.2s steps(27) infinite;
  -moz-animation: downloading 1.2s steps(27) infinite;
  -o-animation: downloading 1.2s steps(27) infinite;
  -ms-animation: downloading 1.2s steps(28) infinite;
}
#pwa .btn_top_single .btndownload_loading::before {
  content: "";
  display: block;
  height: 25px;
  position: static;
  width: 25px;
}
#pwa .btn_top_single .btndownload_loading img {
  display: none;
}
#pwa .btn_top_single .btndelete img {
  width: 25px;
}
#pwa .btnselection,
#pwa .btnselection_active {
  background: initial;
  border: 0;
}
#pwa .btnselection::before,
#pwa .btnselection_active::before {
  display: none;
}
#pwa .liste_parutions {
  padding: 0;
}
#pwa .liste_parutions li {
  border-bottom: 1px solid #c1c1c1;
  font-size: 16px;
  font-weight: 700;
  list-style: none;
  padding: 1rem 2rem 1rem 0;
  position: relative;
}
#pwa .liste_parutions li::after {
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #00365a;
  content: "";
  position: absolute;
  top: calc(50% - 3.5px);
  right: 0;
}
#pwa .liste_parutions li:last-child {
  border: 0;
}
#pwa .liste_parutions li a,
#pwa .liste_parutions li h3,
#pwa .liste_parutions li p {
  color: #00365a;
}
#pwa .liste_parutions li h3 {
  margin: 0 0 0.2rem;
}
#pwa .liste_parutions li p {
  margin: 0.2rem 0 0;
}
#pwa .liste_parutions--numero li {
  padding-right: 0;
}
#pwa .liste_parutions--numero li::after {
  display: none;
}
#pwa .backtoprev {
  bottom: 0;
  left: 10px;
  position: fixed;
}
#pwa .e-hosted-video {
  border-radius: 20px;
  overflow: hidden;
}
#pwa footer {
  margin-top: 7rem;
}
#pwa:not(.page-template) main::after {
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 width=%27305%27 height=%27193%27 viewBox=%270 0 305 193%27%3E%3Cdefs%3E%3CclipPath id=%27a%27%3E%3Crect width=%27305%27 height=%27193%27 fill=%27%23f4f8fd%27/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path=%27url%28%23a%29%27%3E%3Cpath d=%27M0,193V0H304.95S316.207,187.839,0,193%27 fill=%27%23f4f8fd%27/%3E%3C/g%3E%3C/svg%3E");
  bottom: 0;
  height: 193px;
  position: fixed;
  right: 0;
  transform: rotate(180deg);
  width: 305px;
  z-index: -1;
}
#pwa .wp-pagenavi {
  padding-top: 1rem;
}

/*** Synthèses de recommandations ***/
#webpub-publication {
  padding-top: 100px !important;
}

/*** Style global listes formations / publications / articles ***/
.article {
  padding: 0 2rem;
}
.article-content {
  background: #006bb3;
  border-radius: 20px;
  color: #fff;
  margin-bottom: 1rem;
  overflow: hidden;
}
.article-img a, .article-img img {
  aspect-ratio: 9/4;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.article-text {
  border-top: 1px solid #fff;
  color: #fff;
  font-size: 10px;
  line-height: 1.5;
  padding: 10px 20px;
  position: relative;
}
.article-text .type {
  background: #00365a;
  border: 1px solid #fff;
  border-radius: 9px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  padding: 3px 10px;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
}
.article-text .type + .slide-title {
  margin-top: 5px;
}
.article-title {
  color: #fff;
  font-size: 12px;
  margin: 0;
}
.article-title a {
  color: #fff !important;
}

/*** Favoris ***/
.favs-reco, .favs-publi {
  border-top: 1px solid #a3b0b9;
  padding: 0.6rem 0;
}
.favs-reco h3, .favs-publi h3 {
  color: #00365a;
  margin-top: 0;
  margin-bottom: 0.2rem;
}
.favs-reco .referenceslist, .favs-publi .referenceslist {
  color: #00365a;
  font-size: 14px;
  margin-top: 0.2rem;
}

/*** DL Formation ***/
.single__formation .covervideo {
  border-radius: 20px;
  overflow: hidden;
}
.single__formation .covervideo a,
.single__formation .covervideo img {
  display: block;
  width: 100%;
}

/*** Popup ***/
.popup {
  background: rgba(0, 0, 0, 0.5);
  align-items: center;
  display: none;
  height: 100vh;
  justify-content: center;
  left: 0;
  padding: 0 30px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
}
.popup.active {
  display: flex;
}
.popup .innerpop {
  border-radius: 2.3rem;
  padding: 2rem 1.5rem 1.5rem;
  position: static;
  text-align: center;
}
.popup .innerpop p {
  margin: 0 0 2rem;
}
.popup .innerpop .annuler {
  background-color: #f06450;
  border-radius: 3rem;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 0.5rem;
  padding: 0.5rem 1rem;
}
.popup .innerpop .btnpop {
  background-color: #006bb3;
  border-radius: 3rem;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  padding: 0.5rem 1rem;
}
.popup .innerpop strong {
  color: #f06450;
}

/*** Footer ***/
#menupwa {
  background: #fff;
  border-radius: 3.5rem 3.5rem 0 0;
  bottom: 0;
  left: 0.75rem;
  padding: 1.3rem 1.2rem;
  position: fixed;
  width: calc(100% - 1.5rem);
}
#menupwa .footer__menu {
  background-color: #f4f8fd;
  border-radius: 40px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  display: flex;
  padding: 20px;
}
#menupwa .footer__menu li {
  list-style: none;
  position: relative;
}
#menupwa .footer__menu li a {
  filter: invert(67%) sepia(30%) saturate(180%) hue-rotate(161deg) brightness(88%) contrast(90%);
}
#menupwa .footer__menu li.current a, #menupwa .footer__menu li:hover a, #menupwa .footer__menu li:active a, #menupwa .footer__menu li:focus a {
  filter: invert(55%) sepia(71%) saturate(2522%) hue-rotate(327deg) brightness(95%) contrast(97%);
}
#menupwa .footer__menu li.current a::after {
  background: #f06450;
  border-radius: 6px;
  bottom: -5px;
  content: "";
  display: block;
  height: 6px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 6px;
}
#menupwa #pwa-home a::before {
  content: url(b55d57aacc53dfc093bf.svg);
}
#menupwa #pwa-afuacademie a::before {
  content: url(ff9439c7ba05b7684945.svg);
}
#menupwa #pwa-reco a::before {
  content: url(5f2b409484c90385753b.svg);
}
#menupwa #pwa-sythese a::before {
  content: url(8157b31e5f6a50ce3e8b.svg);
}
#menupwa #pwa-selection a::before {
  content: url(62670ac9da0a63345de2.svg);
}

/*** Slick slider ***/
.slider-wrapper {
  padding: 0;
  position: relative;
}

.slick-list {
  margin: 0;
  overflow: hidden;
}
.slick-track {
  display: flex;
}
.slick-slide {
  outline: none;
}
.slick-slide img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.slick-dots {
  align-items: flex-end;
  display: flex;
  height: 10px;
  padding: 0;
  position: absolute;
  right: 0;
  top: -28px;
}
.slick-dots li {
  list-style: none;
  margin-left: 10px;
}
.slick-dots button {
  background: none;
  border: 1.5px solid #a3b0b9;
  border-radius: 100%;
  height: 10px;
  font-size: 0;
  padding: 0;
  width: 10px;
}
.slick-active button {
  background: #a3b0b9;
}

#ct-ultimate-gdpr-cookie-open {
  display: none !important;
  inset: auto 20px 20px auto !important;
}

@keyframes downloading {
  0% {
    background-position: center top;
  }
  100% {
    background-position: center bottom;
  }
}
@-webkit-keyframes downloading {
  0% {
    background-position: center top;
  }
  100% {
    background-position: center bottom;
  }
}
@-moz-keyframes downloading {
  0% {
    background-position: center top;
  }
  100% {
    background-position: center bottom;
  }
}
@-ms-keyframes downloading {
  0% {
    background-position: center top;
  }
  100% {
    background-position: center bottom;
  }
}
@-o-keyframes downloading {
  0% {
    background-position: center top;
  }
  100% {
    background-position: center bottom;
  }
}
