/* BOOSTRAP OVERLOAD */
html,
body {
  height: 100%;
}
/* latin */
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/vues/T08/structure/body/fonts/Urbanist.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/vues/T08/structure/body/fonts/Urbanist.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
  color: #ffffff;
  font-family: "Urbanist";
  background-color: #1a7053;
}
a {
  color: #FBAC23;
}
a:hover {
  color: #f6f0ff;
}
.btn {
  border-radius: 5px;
  box-shadow: 0px 2px 5px #3439412E;
  line-height: 36px!important;
  padding: 0px 25px;
  margin: 0px 5px 5px 5px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  border: none!important;
}
.btn-default {
  background-color: #FAFAFA!important;
  color: #343941;
}
.btn-default.focus,
.btn-default:focus,
.btn-default:hover {
  box-shadow: inset 0px 2px 5px #00000040;
  color: #343941;
}
.btn-primary {
  background-color: #f6f0ff !important;
  color: #fff;
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-success,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  box-shadow: inset 0px 2px 5px #00000040;
}
.btn-success {
  background-color: #34D585!important;
  color: #fff;
}
.btn-success.focus,
.btn-success:focus,
.btn-success:hover,
.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success,
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
  box-shadow: inset 0px 2px 5px #00000040;
}
.btn-info {
  background-color: #6EB9FF!important;
  color: #fff;
}
.btn-info.focus,
.btn-info:focus,
.btn-info:hover,
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info,
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
  box-shadow: inset 0px 2px 5px #00000040;
}
.btn-warning {
  background-color: #FFDC64!important;
  color: #fff;
}
.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover,
.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning,
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
  box-shadow: inset 0px 2px 5px #00000040;
}
.btn-danger {
  background-color: #FF5D46!important;
  color: #fff;
}
.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger,
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
  box-shadow: inset 0px 2px 5px #00000040;
}
.btn-group-vertical .btn {
  margin: 0px;
}
.btn-group .btn:first-child {
  margin-right: 0px;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  background-color: transparent;
  border: none;
  border-radius: 0px;
}
.btn-sm {
  padding: 0px 11px;
  line-height: 20px!important;
  border-radius: 11px;
  font-size: 85%;
}
.btn-xs {
  padding: 0px 4px;
  line-height: 14px!important;
  border-radius: 11px;
  font-size: 70%;
}
.well {
  color: #343941;
}
.breadcrumb {
  background-color: transparent;
}
.breadcrumb > li + li::before {
  content: "—";
}
.breadcrumb > .active {
  color: #ffffff;
}
.panel-group .panel,
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 10px;
  box-shadow: 0px 2px 5px #00000029;
  color: #343941;
}
.panel-default {
  border: none;
}
.panel-default > .panel-heading {
  background-color: transparent;
  padding: 10px 25px;
  border: none;
}
.panel-footer {
  background-color: transparent;
}
h1:not(.cke_panel_grouptitle) {
  font: normal normal bold 45px/58px Urbanist;
  letter-spacing: 0px;
  padding-bottom: 30px;
}
h2 {
  font: normal normal bold 35px/40px Urbanist;
  letter-spacing: 0px;
}
h3 {
  font: normal normal bold 25px/30px Urbanist;
  letter-spacing: 0px;
}
h4 {
  font: normal normal bold 18px/20px Urbanist;
  letter-spacing: 0px;
}
h5 {
  font: normal normal bold 14px/18px Urbanist;
  letter-spacing: 0px;
}
@media screen and (max-width: 767px) {
  h1:not(.cke_panel_grouptitle) {
    font: normal normal bold 35px/48px Urbanist;
    letter-spacing: 0px;
    padding-bottom: 30px;
  }
  h2 {
    font: normal normal bold 29px/33px Urbanist;
    letter-spacing: 0px;
  }
  h3 {
    font: normal normal bold 23px/26px Urbanist;
    letter-spacing: 0px;
  }
  h4 {
    font: normal normal bold 16px/18px Urbanist;
    letter-spacing: 0px;
  }
  h5 {
    font: normal normal bold 14px/18px Urbanist;
    letter-spacing: 0px;
  }
}
.form-control {
  box-shadow: none;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #f6f0ff;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #f7f7f7;
}
.input-group-btn .btn {
  margin: 0px;
  line-height: 32px !important;
}
.form-control:focus {
  box-shadow: 0px 3px 6px #00000029;
  border-color: #f6f0ff;
}
.text-muted {
  color: #CECECE;
}
.text-primary {
  color: #f6f0ff;
}
.text-success {
  color: #34D585;
}
.text-info {
  color: #6EB9FF;
}
.text-warning {
  color: #FFD248;
}
.text-danger {
  color: #FF5D46;
}
.bg-primary {
  background-color: #f6f0ff;
  color: #343941;
}
.bg-success {
  background-color: #F0FAF2;
}
.bg-info {
  background-color: #EFF9FB;
}
.bg-warning {
  background-color: #FCF7D9;
}
.bg-danger {
  background-color: #FDEDEE;
}
.alert {
  border: none;
  box-shadow: 0px 3px 6px #00000029;
  color: #707070;
  position: relative;
  border-radius: 5px;
  padding: 15px 22px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  right: -15px;
}
.alert-warning {
  background-color: #FCF7D9;
}
.alert-info {
  background-color: #D2EDF2;
}
.alert-success {
  background-color: #F0FAF2;
}
.alert-danger {
  background-color: #FDEDEE;
}
.label {
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.label-default {
  background-color: #CECECE;
}
.label-primary {
  background-color: #f6f0ff;
  color: #343941;
}
.label-success {
  background-color: #34D585;
}
.label-info {
  background-color: #6EB9FF;
}
.label-warning {
  background-color: #FFDC64;
}
.label-danger {
  background-color: #FF5D46;
}
.carousel-control {
  width: 24px;
  height: 100%;
  opacity: 1;
  margin-right: 10px;
  margin-left: 10px;
}
#home-carousel .carousel-control {
  height: 74px;
}
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}
.carousel-bar {
  width: 35px;
  height: 6px;
  background-color: #fff;
}
.carousel-control.right {
  margin-right: 50px;
}
.carousel-control.left {
  margin-left: 50px;
}
.carousel-control.right .carousel-bar {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-left: -10px;
}
.carousel-control.right .carousel-bar:nth-child(1) {
  transform: rotate(45deg);
  transform-origin: right top;
  margin-top: 37px;
}
.carousel-control.right .carousel-bar:nth-child(2) {
  transform: rotate(-45deg);
  transform-origin: right bottom;
  margin-top: -12px;
}
.carousel-control.left .carousel-bar {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.carousel-control.left .carousel-bar:nth-child(1) {
  transform: rotate(-45deg);
  transform-origin: left top;
  margin-top: 37px;
}
.carousel-control.left .carousel-bar:nth-child(2) {
  transform: rotate(45deg);
  transform-origin: left bottom;
  margin-top: -12px;
}
[data-linkplacement] {
  cursor: pointer;
}
.list-group-item,
.list-group-item:first-child,
.list-group-item:last-child,
.panel .list-group-item,
.panel .list-group-item:first-child,
.panel .list-group-item:last-child,
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child,
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child,
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 0px;
  overflow: hidden;
  height: 188px;
  border: none;
  box-shadow: 0px 3px 6px #00000029;
}
.list-group-item .media .pull-left {
  width: 50%;
}
.list-group-item .media .pull-left.article-no-picture {
  min-height: 188px;
  background-color: #CECECE;
  width: calc(50% - 10px);
  margin-right: 10px;
}
.list-group-item .media .pull-left.article-no-picture small {
  display: none;
}
.list-group-item .media-object {
  background-size: cover;
  border-radius: 10px;
  height: 188px;
  width: 100%!important;
}
.list-group-item .media-body {
  margin: 30px 0px 15px 0px;
  padding: 0px 10px 0px 0px;
  overflow: hidden;
  display: block;
  width: 50%;
  height: 158px;
}
.list-group-item .media-body > div {
  height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.list-group-item .media-heading {
  font-size: 150%;
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .list-group-item,
  .list-group-item:first-child,
  .list-group-item:last-child,
  .panel .list-group-item,
  .panel .list-group-item:first-child,
  .panel .list-group-item:last-child,
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child,
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child,
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    height: auto;
  }
  .list-group-item > .media > .pull-left {
    margin: 0px;
    padding: 0px;
  }
  .list-group-item .media .pull-left.article-no-picture {
    display: none;
  }
  .list-group-item .media-object {
    height: 75px;
  }
  .list-group-item .media-body {
    margin: 5px 15px 15px 15px;
    height: auto;
  }
  .list-group-item .media-body > div {
    height: auto;
  }
}
.pagination {
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
}
.pagination li:first-child a {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.pagination li:last-child a {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.pagination > li > a,
.pagination > li > span {
  border: none;
}
.text-primary {
  color: #f6f0ff;
}
.bg-primary,
.label-primary {
  background-color: #f6f0ff;
  color: #343941;
}
.modal-content {
  border-radius: 10px;
}
/* FIN BOOTSTRAP OVERLOAD */
/* Style.css */
body#produit #bouton_continuer {
  margin: auto;
}
#annuaire .list-group-item .media .pull-left {
  width: 150px;
  margin-right: 20px;
}
#annuaire .list-group-item .media .pull-left .ann-img {
  margin: 10px;
  border-radius: 10px;
}
#annuaire .list-group-item .media .media-body {
  width: calc(100% - 170px);
}
header {
  z-index: 999;
  min-height: 86px;
  max-height: 100%;
  overflow: auto;
  border-bottom: 1px solid rgba(246, 240, 255, 0.1);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  box-shadow: 0px 1px 0px #a4a4a429;
  transition: background-color 200ms linear;
  background-color: rgba(246, 240, 255, 0.1);
}
#accueil header,
#produit header {
  border-color: #fff;
  background-color: transparent;
}
header .container-flex {
  padding: 0px 15px;
  display: flex;
  flex-direction: row;
  position: relative;
}
header .header-left {
  flex: 1;
}
header .header-middle {
  flex: 0 1 auto;
  height: 80px;
}
header .header-middle .logo {
  height: 76px;
  margin-top: 2px;
}
header .header-right {
  flex: 1;
  text-align: right;
}
header .header-right .membre-bloc-horizontal,
header .header-right .app-bloc-horizontal {
  margin-top: 22px;
}
header .btn {
  font-weight: bold;
}
header .navbar-form[role="search"] {
  border: 1px solid #CECECE;
  border-radius: 10px;
  margin: 12px 0px 0px 0px;
  display: inline-block;
  float: none!important;
  padding-left: 28px;
  box-shadow: 0px 3px 6px #00000029;
  background-color: #ffffff;
}
header .navbar-form[role="search"].focus,
header .navbar-form[role="search"]:focus,
header .navbar-form[role="search"]:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
}
header .navbar-form[role="search"] input.form-control {
  border: none;
  box-shadow: none;
  float: none!important;
  line-height: 34px;
  height: 34px;
  width: 200px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0px;
}
header .navbar-form[role="search"] input.form-control::placeholder,
header .navbar-form[role="search"] i {
  color: #CECECE;
}
header .btn.btn-membre {
  font-size: 120%;
  padding: 0px;
  width: 40px;
  height: 40px;
  line-height: 40px!important;
  color: #343941;
  background-color: #f6f0ff;
  border: 1px solid #f6f0ff;
  border-radius: 5px;
  margin: 0px;
}
header .btn-membre.focus,
header .btn-membre:focus,
header .btn-membre:hover {
  box-shadow: inset 0px 2px 5px #00000040;
  color: #fff;
}
.dropdown.open .dropdown-menu {
  display: flex;
}
.dropdown-menu > li {
  flex: 1;
}
.dropdown-menu > li > a.menu-level-2-link {
  color: #f6f0ff;
  font-weight: bold;
  font-size: 105%;
  padding-left: 0px;
  margin-bottom: 15px;
}
.dropdown-menu > li > a.menu-level-2-link:focus,
.dropdown-menu > li > a.menu-level-2-link:hover {
  background-color: transparent;
}
.dropdown-menu > li > a[href].menu-level-2-link:focus,
.dropdown-menu > li > a[href].menu-level-2-link:hover {
  text-decoration: underline;
}
.menu-level-3 {
  text-transform: none;
  font-weight: normal;
  color: #343941;
}
.menu-level-3 a:focus,
.menu-level-3 a:hover {
  font-weight: bold;
  text-decoration: none;
}
.menu-level-3 a {
  color: #343941;
}
.menu-level-3 li {
  margin: 5px 0px;
}
.menu-level-3 li:before {
  content: '- ';
}
main {
  margin-top: 86px;
  padding-top: 20px;
  min-height: calc(100% - 86px);
}
#authentificationglobale {
  position: relative;
}
#accueil .login-bg-overlay,
#authentificationglobale .login-bg-overlay {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#accueil main,
#authentificationglobale main {
  margin-top: 0px;
  padding-top: 0px;
}
footer {
  background-color: #fff;
  padding: 0px 0px 35px 0px;
  position: relative;
  margin-top: 50px;
  text-align: center;
  color: #343941;
}
footer .footer-left {
  overflow: hidden;
  padding: 35px 0px 0px 0px;
  text-align: left;
}
footer .footer-logo {
  margin-bottom: 20px;
  text-align: left;
  display: inline-block;
}
footer .footer2 {
  padding-top: 30px;
  border-top: 1px solid #343941;
  font-size: 12px;
}
footer .footer2 .footer2-left {
  text-align: left;
  padding-left: 0px;
}
footer .footer2 .footer2-center {
  text-align: center;
}
footer .footer2 .footer2-right {
  text-align: right;
  padding-right: 0px;
}
footer .footer2 .footer2-right a {
  color: #343941;
  margin: 0px 15px;
}
footer .footer2 .footer2-right a:last-child {
  margin-right: 0px;
}
footer .logo {
  width: 100px;
}
footer .link-app {
  margin-bottom: 5px;
  display: inline-block;
}
footer .footer-social .label {
  display: inline-block;
  margin: 4px;
  width: 102px;
  padding: 10px 5px;
  font-size: 14px;
}
footer .footer-social .label i {
  margin-right: 5px;
  color: #ffffff;
}
footer .footer-center {
  overflow: hidden;
  padding-top: 35px;
}
footer .footer-right {
  overflow: hidden;
  padding: 35px 0px 0px 0px;
  text-align: right;
}
@media (max-width: 991px) {
  footer .footer-left,
  footer .footer-center,
  footer .footer-right {
    text-align: center;
  }
  footer .footer2 .footer2-left,
  footer .footer2 .footer2-center,
  footer .footer2 .footer2-right {
    text-align: center;
    margin: 10px 0px;
    padding: 0px 10px;
  }
}
#produit .search-active,
#produit .search-inactive {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0px;
}
#produit .search-active .panel-body,
#produit .search-inactive .panel-body {
  padding: 0px;
}
#produit .search-active .product-choices,
#produit .search-inactive .product-choices {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}
#produit .search-active #result-container,
#produit .search-inactive #result-container {
  padding-right: 0px;
}
#produit .search-active .search-product,
#produit .search-inactive .search-product {
  color: #343941;
}
#produit .search-active #search,
#produit .search-inactive #search,
#produit .search-active #planning,
#produit .search-inactive #planning {
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#produit #frecherche-product input,
#produit #frecherche-product .input-group-btn {
  border: none;
}
#produit #frecherche-product .input-group {
  border: 1px solid #CECECE;
  border-radius: 5px;
  box-shadow: 0px 3px 6px #00000029;
}
#produit #frecherche-product .input-group-btn {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  background-color: transparent;
  border: none;
  border-radius: 0px;
}
#produit #frecherche-product .input-group-btn .btn {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  line-height: 1.42857143!important;
  padding: 0px;
  margin: 0px;
}
#produit #frecherche-product .input-group-btn .btn.btn-default {
  background-color: transparent;
  color: #555;
}
#produit #frecherche-product .recherche_expression:focus {
  box-shadow: none;
}
#produit #content-container .nav.nav-tabs {
  display: flex;
}
#produit #content-container .nav.nav-tabs li {
  flex: auto;
  float: none;
  overflow: hidden;
  border-bottom: 1px solid #ffffff;
  text-align: center;
}
#produit #content-container .nav.nav-tabs li a,
#produit #content-container .tab-xs a {
  display: inline-block;
  text-align: center;
  margin: 0px;
  border: 0px;
  line-height: 34px;
  padding: 15px 10px 5px 10px;
  color: #ffffff;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  boder: none;
  border-radius: 0px;
}
#produit #content-container .nav.nav-tabs li a:focus,
#produit #content-container .tab-xs a:focus {
  text-decoration: none;
}
#produit #content-container .nav.nav-tabs li a > i {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}
#produit #content-container .nav.nav-tabs li.active a {
  background-color: transparent;
  color: #f6f0ff;
}
#produit #content-container .nav.nav-tabs li.active a::after {
  content: "";
  display: block;
  width: calc(100% + 20px);
  height: 6px;
  background-color: #f6f0ff;
  margin: 0px 0px -6px -10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #343941;
}
#produit #content-container .nav.nav-tabs li:not(.active) a:hover {
  background-color: transparent;
  color: #f6f0ff;
}
#produit #content-container .tab-content {
  border: none;
  background-color: transparent;
  box-shadow: none;
}
#produit .product-desc {
  background-color: transparent;
  border-radius: 0px;
  box-shadow: none;
  color: #ffffff;
}
#produit .product-desc .panel-heading {
  color: #ffffff;
}
@media (max-width: 767px) {
  #produit #content-container .tab-content {
    border-radius: 10px;
  }
}
#produit #result .number-elements {
  margin: 0px;
  color: #f6f0ff;
}
#produit #result .number-elements .glyphicon {
  display: none;
}
#produit #result .form-group.form-inline {
  background-color: #fff;
  border-radius: 10px;
  padding: 0px 10px;
}
#produit #result .form-control-static {
  color: #fff;
  padding: 0px;
  line-height: 34px;
  display: none;
}
#produit #result #product-display,
#produit #result #produit-tri {
  background-color: transparent;
  vertical-align: baseline;
  border: none;
  padding: 5px 25px 5px 5px;
  text-transform: capitalize;
  -webkit-appearance: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  min-width: 165px;
}
#produit #result #product-display,
#produit #result #produit-tri option {
  text-transform: capitalize;
}
#produit #result .pagination {
  background-color: #fff;
  border-radius: 10px;
}
#produit #result .pagination-sm {
  margin: 0px;
}
#produit #result .pagination > li > a {
  border: none;
  color: #707070;
  line-height: 18px;
  padding: 2px 0px 4px 0px;
  margin: 0px;
  width: 25px;
  text-align: center;
}
#produit #result .pagination-sm > li:first-child > a {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-right: 5px;
  letter-spacing: -7px;
}
#produit #result .pagination-sm > li:last-child > a {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-right: 5px;
  letter-spacing: -7px;
}
#produit #result .pagination > li:first-child > a,
#produit #result .pagination > li:nth-child(0n+2) > a,
#produit #result .pagination > li:nth-last-child(0n+2) > a,
#produit #result .pagination > li:last-child > a {
  color: #f6f0ff;
  font-size: 130%;
}
#produit #result .pagination > li.active > a {
  background-color: #f6f0ff;
  border-radius: 10px;
  color: #343941;
  padding-top: 1px;
  padding-bottom: 1px;
  margin: 2px;
  width: 21px;
}
#produit #result .pagination > li:not(.active) > a:focus,
#produit #result .pagination > li:not(.active) > a:hover {
  background-color: #d5d5d5;
  border-radius: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  margin: 2px;
  width: 21px;
}
#produit #result .panel {
  overflow: hidden;
}
#produit #result .panel-heading {
  overflow: hidden;
  padding: 25px 25px 10px 25px;
}
#produit #result .product-color {
  display: none;
}
#produit #result .product-color[style] {
  display: block;
  position: absolute;
  left: -25px;
  top: -25px;
  width: 45px;
  height: 48px;
  border-radius: 17px;
  box-shadow: 1px 3px 3px #00000059;
}
#produit #result .produit-vignette .produit-picture {
  margin: 0px;
  height: 100%;
  width: 100%;
  position: relative;
}
#produit #result .col-sm-2 {
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 33.333333333%;
}
#produit #result .produit-liste .produit-picture,
#produit #result .produit-liste .produit-no-picture {
  margin: 0px;
  height: 100%;
  width: 100%;
}
#produit #result .produit-liste .produit-no-picture {
  background-color: #CECECE;
  top: 0px;
}
#produit #result .produit-liste .produit-no-picture::before {
  content: "";
}
#produit #result .produit-liste .list-group-item-text > small:first-child {
  color: #343941;
  margin-bottom: 10px;
  display: inline-block;
}
#produit #result .produit-liste .list-group-item-text > small:first-child > .product-status-icon {
  margin-right: 4px;
}
#produit #result .col-sm-10 {
  margin: 0px 0px 0px 33.333333333%;
  padding: 20px 10px;
  height: 100%;
  width: 66.666666666%;
}
#produit .groupement_texte_haut,
#produit .groupement_texte_bas {
  color: #ffffff;
}
#produit .groupement_texte_haut .table-striped > tbody > tr:nth-of-type(2n+1),
#produit .groupement_texte_bas .table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #f9f9f90f;
}
#produit .groupement_texte_haut .table-hover > tbody > tr:hover,
#produit .groupement_texte_bas .table-hover > tbody > tr:hover {
  background-color: #f9f9f930;
}
.cyberce-icon-I,
.cyberce-icon-F,
.cyberce-icon-C,
.cyberce-icon-R,
.cyberce-icon-N,
.cyberce-icon-T {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0px 3px 6px #00000029;
  position: relative;
}
.cyberce-icon-I:before,
.cyberce-icon-F:before,
.cyberce-icon-C:before,
.cyberce-icon-R:before,
.cyberce-icon-N:before,
.cyberce-icon-T:before {
  color: #fff;
  font-family: "Urbanist";
  font-weight: 800;
  display: inline-block;
  width: 17px;
  line-height: 15px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.cyberce-icon-I {
  background: #FFC72C;
}
.cyberce-icon-F {
  background: #34D585;
}
.cyberce-icon-C,
.cyberce-icon-R {
  background: #6EB9FF;
}
.cyberce-icon-N {
  background: #FF5D46;
}
.cyberce-icon-T {
  background: #CECECE;
}
.product-family strong span.glyphicon.glyphicon-stop {
  display: none;
}
.product-family strong span.type_color {
  display: none;
  width: 16px;
  height: 16px;
  border-radius: 8px!important;
  overflow: hidden;
  box-shadow: 0px 3px 6px #00000029;
  padding: 0px!important;
  vertical-align: sub;
}
.product-well,
#form-produit,
#produit.detail footer {
  opacity: 0;
  transition: opacity 200ms linear;
}
#produit.detail .img-title,
#produit.cheques_vacances .img-title {
  width: 90%;
}
@media (min-width: 768px) {
  #produit.detail .img-title,
  #produit.cheques_vacances .img-title {
    width: 690px;
  }
}
@media (min-width: 992px) {
  #produit.detail .img-title,
  #produit.cheques_vacances .img-title {
    width: 910px;
  }
}
@media (max-width: 767px) {
  #produit.detail .product-well,
  #produit.cheques_vacances .product-well {
    margin-top: 0px!important;
    transform: translateY(10px);
  }
}
#produit.detail .notice-container,
#produit.cheques_vacances .notice-container {
  position: absolute!important;
  top: 106px;
  left: 50%;
  transform: translateX(-50%);
}
#produit.detail .breadcrumb li,
#produit.cheques_vacances .breadcrumb li {
  color: #ffffff;
}
#produit.detail .breadcrumb li a,
#produit.cheques_vacances .breadcrumb li a {
  color: #ffffff;
}
#produit.detail .breadcrumb > li + li::before,
#produit.cheques_vacances .breadcrumb > li + li::before {
  color: #fff;
}
#produit.detail .breadcrumb li:not(:last-child),
#produit.cheques_vacances .breadcrumb li:not(:last-child) {
  text-transform: uppercase;
}
#produit.detail main .container:nth-child(1),
#produit.cheques_vacances main .container:nth-child(1) {
  position: relative;
  z-index: 2;
}
#produit.detail main .container:nth-child(2) > .col-md-12,
#produit.cheques_vacances main .container:nth-child(2) > .col-md-12 {
  position: unset;
}
#produit.detail main .container:nth-child(2) > .col-md-12 #content-container > .product-img-content,
#produit.cheques_vacances main .container:nth-child(2) > .col-md-12 #content-container > .product-img-content,
#produit.detail main .container:nth-child(2) > .col-md-12 .carousel,
#produit.cheques_vacances main .container:nth-child(2) > .col-md-12 .carousel {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
}
#produit.detail main .container:nth-child(2) > .col-md-12 #content-container > .product-img-content .carousel-indicators,
#produit.cheques_vacances main .container:nth-child(2) > .col-md-12 #content-container > .product-img-content .carousel-indicators,
#produit.detail main .container:nth-child(2) > .col-md-12 .carousel .carousel-indicators,
#produit.cheques_vacances main .container:nth-child(2) > .col-md-12 .carousel .carousel-indicators {
  display: none;
}
#produit.detail main .container:nth-child(2) > .col-md-12 .product-well,
#produit.cheques_vacances main .container:nth-child(2) > .col-md-12 .product-well {
  text-align: center;
  color: #343941;
}
#produit.detail #form-produit > .product-img-content,
#produit.cheques_vacances #form-produit > .product-img-content {
  position: relative;
}
#produit.detail .product-img-content,
#produit.cheques_vacances .product-img-content {
  border-radius: 0px;
  box-shadow: inset 0px -150px 99px #3439414C, 0px 3px 6px #00000029;
  position: relative;
}
#produit.detail .product-img-content.next,
#produit.cheques_vacances .product-img-content.next,
#produit.detail .product-img-content.prev,
#produit.cheques_vacances .product-img-content.prev {
  position: absolute;
}
#produit.detail .product-img-content.active,
#produit.cheques_vacances .product-img-content.active {
  display: flex;
  justify-content: center;
  align-items: center;
}
#produit.detail .img-title,
#produit.cheques_vacances .img-title {
  position: absolute;
  text-shadow: 0px 3px 6px #00000029;
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  font-size: 300%;
  font-weight: bold;
  text-align: left;
  color: #fff;
  top: 50%;
  padding: 10px 20px;
  border-radius: 10px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
#produit.detail .article-title,
#produit.cheques_vacances .article-title {
  display: none;
}
#produit.detail .product-well,
#produit.cheques_vacances .product-well {
  position: relative;
  z-index: 2;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000029;
  background-color: #f6f0ff;
  color: #343941;
  border: 1px solid #f6f0ff;
}
#produit.detail .product-well a,
#produit.cheques_vacances .product-well a {
  color: #343941;
}
#produit.detail .product-well .product-family strong a span,
#produit.cheques_vacances .product-well .product-family strong a span {
  background-color: #fff;
  border-radius: 25px;
  padding: 2px 3px 3px 2px;
}
#produit.detail .product-well .product-informations .text-danger,
#produit.cheques_vacances .product-well .product-informations .text-danger,
#produit.detail .product-well .product-informations .text-success,
#produit.cheques_vacances .product-well .product-informations .text-success,
#produit.detail .product-well .product-informations .text-info,
#produit.cheques_vacances .product-well .product-informations .text-info,
#produit.detail .product-well .product-informations .text-warning,
#produit.cheques_vacances .product-well .product-informations .text-warning {
  color: #343941;
}
#produit.detail #map,
#produit.cheques_vacances #map,
#produit.detail #plan_geoloc,
#produit.cheques_vacances #plan_geoloc {
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000029;
  overflow: hidden;
  background-color: #ccc;
}
#produit.detail #plan_geoloc,
#produit.cheques_vacances #plan_geoloc {
  height: 400px;
}
#produit.detail #plan_geoloc iframe,
#produit.cheques_vacances #plan_geoloc iframe {
  height: 100%!important;
}
@media (max-width: 767px) {
  #produit.detail .product-img-content .img-title,
  #produit.cheques_vacances .product-img-content .img-title {
    font-size: 200%;
  }
}
#produit .modal {
  color: #343941;
}
#produit #product-tabs {
  color: #ffffff;
}
#produit #product-tabs .panel {
  color: #ffffff;
}
#produit .panel-produit-multichoix {
  color: #fff;
}
body.burger-menu-opened header {
  /*    background-color:rgba(0,0,0,0.1);*/
}
.menu-burger-handler {
  margin-top: 29px;
  display: inline-block;
  width: 36px;
}
.menu-burger-handler span {
  display: block;
  height: 5px;
  background-color: #ffffff;
  margin-bottom: 7px;
  border-radius: 2px;
  transition: transform 330ms ease-in-out;
}
#accueil .menu-burger-handler span,
#produit .menu-burger-handler span {
  background-color: #fff;
  box-shadow: 0px 2px 5px #00000029;
}
.menu-burger-handler span:nth-child(1) {
  transform-origin: left top;
}
.menu-burger-handler span:nth-child(2) {
  transform-origin: left center;
}
.menu-burger-handler span:nth-child(3) {
  transform-origin: left bottom;
  margin-bottom: 0px;
}
.menu-burger-handler:not(.collapsed) span:nth-child(1) {
  transform: scale(1.1) rotate(45deg);
  width: 33px;
}
.menu-burger-handler:not(.collapsed) span:nth-child(2) {
  transform: scaleX(0);
}
.menu-burger-handler:not(.collapsed) span:nth-child(3) {
  transform: scale(1.1) rotate(-45deg);
  width: 33px;
}
#menu-burger-dropdown {
  clear: both;
  width: 100%;
  border: none;
  border-radius: 0px;
  padding: 0px;
  overflow: hidden;
}
#menu-burger-dropdown ul {
  list-style-type: none;
}
#menu-burger-dropdown .menu-burger-container {
  flex-direction: row;
  display: flex;
  padding-bottom: 50px;
}
#menu-burger-dropdown .menu-first-level {
  margin: 10px 60px;
  overflow: hidden;
  padding: 5px 0px;
  width: fit-content;
  flex: 1;
}
#menu-burger-dropdown .menu-first-level a {
  line-height: 82px;
  padding: 0px 24px;
  color: #ffffff;
  display: inline-block;
  font-size: 40px;
  font-weight: bold;
}
#accueil #menu-burger-dropdown .menu-first-level a,
#produit #menu-burger-dropdown .menu-first-level a {
  color: #ffffff;
  text-shadow: 0px 2px 5px #00000029;
}
#menu-burger-dropdown .menu-first-level a:focus,
#menu-burger-dropdown .menu-first-level a[data-toggle="collapse"]:not(.collapsed),
#menu-burger-dropdown .menu-first-level a:hover {
  text-decoration: underline;
}
#menu-burger-dropdown .menu-burger-submenu {
  flex: 3;
  margin-top: 30px;
}
#menu-burger-dropdown .menu-burger-submenu > ul {
  margin: 0px;
  width: 100%;
  padding: 0px;
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
}
#menu-burger-dropdown .menu-burger-submenu > ul.opened {
  display: flex;
}
#menu-burger-dropdown .menu-burger-submenu > ul > li {
  width: 100%;
  line-height: 40px;
  padding: 0px 10px 25px 10px;
  flex: 1;
  flex-basis: 25%;
}
#menu-burger-dropdown .menu-burger-submenu > ul > li > a {
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
  display: block;
  width: 100%;
  text-transform: uppercase;
}
#accueil #menu-burger-dropdown .menu-burger-submenu > ul > li > a,
#produit #menu-burger-dropdown .menu-burger-submenu > ul > li > a {
  color: #fff;
}
#menu-burger-dropdown .menu-burger-submenu > ul > li > a:hover,
#menu-burger-dropdown .menu-burger-submenu > ul > li > a:focus {
  text-decoration: none;
}
#menu-burger-dropdown .menu-burger-submenu > ul > li > a:hover[href],
#menu-burger-dropdown .menu-burger-submenu > ul > li > a:focus[href] {
  text-decoration: underline;
}
#menu-burger-dropdown .menu-burger-submenu > ul > li > ul > li > a {
  color: #ffffff;
  font-size: 16px;
}
#menu-burger-dropdown .menu-burger-submenu > ul > li > ul > li > a:hover,
#menu-burger-dropdown .menu-burger-submenu > ul > li > ul > li > a:focus {
  text-decoration: underline;
  color: #ffffff;
}
#accueil #menu-burger-dropdown .menu-burger-submenu > ul > li > ul > li > a,
#produit #menu-burger-dropdown .menu-burger-submenu > ul > li > ul > li > a,
#accueil #menu-burger-dropdown .menu-burger-submenu > ul > li > ul > li > a:hover,
#produit #menu-burger-dropdown .menu-burger-submenu > ul > li > ul > li > a:hover,
#accueil #menu-burger-dropdown .menu-burger-submenu > ul > li > ul > li > a:focus,
#produit #menu-burger-dropdown .menu-burger-submenu > ul > li > ul > li > a:focus {
  color: #fff;
}
.menu-first-level-handler {
  display: none;
}
#menu-burger-dropdown .menu-first-level > li > ul {
  padding: 25px 0px 0px 0px;
}
#menu-burger-dropdown .menu-first-level > li > ul > li > a {
  font-size: 25px;
  text-transform: uppercase;
  line-height: 35px;
}
#menu-burger-dropdown .menu-first-level > li > ul > li > ul > li > a {
  font-size: 15px;
  line-height: 28px;
  font-weight: normal;
}
@media screen and (max-width: 991px) {
  .menu-burger-container {
    padding-bottom: 10px;
  }
  #menu-burger-dropdown .menu-first-level {
    margin: 10px 0px;
  }
  #menu-burger-dropdown .menu-first-level > li > a {
    font-size: 34px;
    display: block;
    line-height: 60px;
  }
  .menu-first-level-handler {
    display: inline;
    font-size: 24px;
    float: bibe;
    line-height: 60px;
  }
  #menu-burger-dropdown .menu-first-level ul.opened[class*="menu-burger-dropdown-"] {
    display: block;
  }
}
@media (max-width: 767px) {
  .menu-first-level-handler {
    float: right;
  }
}
.no-carousel {
  height: 100px;
}
#home-carousel {
  margin-bottom: 25px;
}
.carousel-inner {
  height: 100%;
}
.carousel-inner .site-blocks-cover.item {
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-size: cover;
  transform: scale(1) translate3d(0, 0, 0) rotate(0);
  transform-origin: 50% 50%;
  overflow: hidden;
}
.carousel-inner .site-blocks-cover.item .btn {
  text-shadow: none;
  margin-top: 20px;
}
.carousel-inner .site-blocks-cover.item[data-bg-video-cover] {
  display: block!important;
}
.carousel-inner .site-blocks-cover.item .carousel-inner-grid {
  height: 100%;
  margin: auto;
  position: relative;
}
.carousel-inner .site-blocks-cover.item .item-caption {
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% + 86px));
  border-radius: 10px;
  padding: 20px 25px 25px 25px;
  width: 100%;
  text-align: center;
}
.carousel-inner .site-blocks-cover.item .item-caption .row {
  margin-right: 0px;
  margin-left: 0px;
}
.carousel-inner .site-blocks-cover.item .item-caption h1 {
  margin-top: 0px;
  padding-bottom: 0px;
}
.carousel-inner .site-blocks-cover.item.text-wo-bg {
  text-shadow: 0px 1px 10px #00000066;
}
.carousel-inner .site-blocks-cover.item.text-wo-bg .item-caption {
  padding: 0px;
}
.carousel-inner .site-blocks-cover.item.text-bg-blur .item-caption {
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
}
.carousel-inner .site-blocks-cover.item.text-placement-left .item-caption {
  left: 0px;
}
.carousel-inner .site-blocks-cover.item.text-placement-center .item-caption {
  transform: translateX(-50%) translateY(calc(-50% + 86px));
  left: 50%;
  margin-right: -50%;
  text-align: center;
}
.carousel-inner .site-blocks-cover.item.text-placement-right .item-caption {
  right: 0px;
}
.carousel .btn {
  text-transform: uppercase;
}
.carousel-indicators {
  bottom: 10px;
}
.carousel-indicators li {
  background-color: #fff;
  transition: background-color 200ms linear, width 200ms linear, height 200ms linear, margin 200ms linear;
  width: 8px;
  height: 8px;
  margin: 0px 10px;
}
.carousel-indicators li.active {
  background-color: transparent;
  width: 14px;
  height: 14px;
  margin: 0px 7px -3px 7px;
}
@media (max-width: 767px) {
  .carousel-inner-grid {
    width: calc(100% - 60px);
  }
  .slide .carousel-inner-grid {
    width: calc(100% - 70px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-inner-grid {
    width: 690px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-inner-grid {
    width: 910px;
  }
}
@media (min-width: 1200px) {
  .carousel-inner-grid {
    width: 1110px;
  }
}
/* LG */
@media (max-width: 1199px) {
  .carousel-control {
    margin-left: 5px;
    margin-right: 5px;
  }
  .carousel-bar {
    height: 5px;
    width: 30px;
  }
  .carousel-control.right .carousel-bar:nth-child(2),
  .carousel-control.left .carousel-bar:nth-child(2) {
    margin-top: -10px;
  }
}
/* SM */
@media (max-width: 991px) {
  .carousel-control.right {
    margin-right: 10px;
  }
  .carousel-control.left {
    margin-left: 10px;
  }
}
/* XS */
@media (max-width: 767px) {
  #home-carousel {
    margin-bottom: 20px;
  }
  .item-caption h1 {
    font-size: 35px;
    line-height: 40px;
  }
  .carousel-control.left .carousel-bar {
    margin-right: -5px;
  }
  .carousel-control.right .carousel-bar {
    margin-left: -5px;
  }
  .membre-bloc-horizontal .btn {
    padding: 0px;
    width: 40px;
    display: inline-block;
    text-align: center;
    line-height: 38px!important;
    height: 40px;
    font-size: 135%;
  }
}
.app-bloc-horizontal .btn-app {
  padding: 0px;
  width: 40px;
  display: inline-block;
  text-align: center;
  line-height: 38px!important;
  height: 40px;
  font-size: 135%;
  background-color: #fff;
  border-color: #f6f0ff;
  color: #f6f0ff;
}
@media (min-width: 768px) {
  .app-bloc-horizontal {
    display: none;
  }
}
/* AUTH GLOBALE */
body.authentification .bg-login-image {
  background-size: cover;
  background-position: center;
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0px;
  left: 0px;
}
body.authentification .bg-login-video {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0px;
  left: 0px;
}
body.authentification .bg-login-video video {
  background-color: #1a7053;
}
body.authentification .panel .panel {
  border: none;
  box-shadow: none;
  margin: 0px;
}
body.authentification .authentification-text .panel-heading {
  display: none;
}
.main-auth {
  width: 100%;
}
/* FIN AUTH GLOBALE */
.panel-tool-categorie,
.panel-tool-antispam,
.panel-article-list,
.panel-actualite-article-recents,
.panel-annonce-list,
.panel-annuaire-list,
.panel-cadeau-articles-list,
.panel-cyberbook-index,
.panel-calendrier-evenements,
.panel-mediatheque-index,
.panel-mediatheque-index-group,
.panel-produit-multichoix,
.panel-default.album-photo,
.panel-sondage-index,
.panel-contact-index {
  border: none;
  box-shadow: none;
  background-color: transparent;
  color: #ffffff;
}
.panel-mediatheque-index-group .panel-title {
  color: #ffffff;
}
.panel-tool-categorie > .panel-body > .text-muted.text-center {
  display: none;
}
.panel-tool-categorie .media {
  margin: 5px 0px;
}
.panel-tool-categorie .media-left {
  padding-bottom: 0px!important;
}
.tool-categorie-well {
  border: none;
  background-color: transparent;
  box-shadow: none;
}
#actualite.article .article-img-content {
  width: calc(100% + 30px);
  border-radius: 10px 10px 0px 0px;
  margin-left: -15px;
  margin-top: -15px;
}
#actualite.article .panel-actualite-article-navigation .list-group-item,
#actualite.article .panel-actualite-article-rss .list-group-item {
  box-shadow: none;
  border-radius: 0px;
  height: auto;
  margin: auto;
  padding: 10px 0px;
}
.article-title {
  padding: 0px 15px 0px 30px;
}
.article-title.title-actualite-categorie,
.article-title.title-cyberbook-categorie,
.article-title.title-faq-categorie,
.article-title.title-photo-categorie,
.article-title.title-annuaire-categorie {
  display: none;
}
body.categorie .article-title {
  display: none;
}
.actu-index {
  display: none;
}
.panel-actualite-article-recents .list-group {
  color: #343941;
}
.panel-actualite-article-recents .media > .pull-left {
  width: 20%;
}
.panel-actualite-article-recents .list-group-item,
.panel-actualite-article-recents .thumb-actu {
  height: 80px!important;
}
.panel-actualite-article-recents .media-body {
  height: 60px;
  width: 80%;
  margin: 10px 0px 10px 0px;
}
.panel-actualite-article-recents .media-body .media-heading {
  font-size: 110%;
}
.panel-actualite-article-recents .media-body > div {
  height: 20px;
  font-size: 90%;
}
#annonce.detail .annonce-img-content {
  width: calc(100% + 30px);
  border-radius: 10px 10px 0px 0px;
  margin-left: -15px;
  margin-top: -15px;
}
#annonce.detail .panel-annonce-detail-lateral .list-group-item {
  box-shadow: none;
  border-radius: 0px;
  height: auto;
  margin: auto;
  padding: 10px 0px;
}
#annonce.index #butFormSearch,
#annonce.index #search-annonce .form-control {
  margin: 0px 5px;
}
#annuaire.index .list-group-item .media-body > div {
  height: auto;
  display: block;
}
#annuaire.index .list-group-item .media-body,
#annuaire.index .list-group-item,
#annuaire.index .list-group-item:first-child,
#annuaire.index .list-group-item:last-child,
#annuaire.index .list-group-item .media-object {
  height: auto;
}
@media screen and (max-width: 767px) {
  #annuaire.index .list-group-item .pull-left {
    display: inline-block;
    width: 100%;
  }
  #annuaire.index .list-group-item .media-object {
    height: auto;
    max-height: 200px;
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px);
    display: inline-block;
  }
}
#cadeau .list-group-item,
#cadeau .list-group-item:first-child,
#cadeau .list-group-item:last-child {
  height: auto;
  padding: 10px 24px;
}
#cadeau #articles_list .list-group-item {
  box-shadow: none;
  border: 1px solid #ccc;
  border-bottom: none;
  margin-bottom: 0px;
  padding: 10px;
}
#cadeau #articles_list .list-group-item:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#cadeau #articles_list .list-group-item:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom: 1px solid #ccc;
}
#cadeau #articles_list .media-left {
  display: block;
  float: left;
}
#cadeau #articles_list .list-group-item .media-body {
  height: auto;
  width: 75%;
}
#cadeau #articles_list .list-group-item .media-body > div {
  height: auto;
  display: block;
}
#cyberbook .media-object.no-picture {
  background-color: #CECECE;
}
#cyberbook .media-object.no-picture::before {
  content: none;
}
#cyberbook #goToDesiredPage {
  line-height: 34px!important;
  padding-left: 15px;
}
.tool-calendar .month-string {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
  color: #f6f0ff;
  text-align: left;
}
.tool-calendar .day-name {
  font-size: 14px;
  color: #707070;
  font-style: normal;
}
.tool-calendar .week-number {
  color: #f6f0ff;
  font-weight: bold;
  font-size: 15px;
  margin-left: -5px;
  font-style: normal;
}
.tool-calendar .day-number {
  font-size: 14px;
  line-height: 44px;
  height: 44px;
}
.tool-calendar .day .day-background {
  height: 44px;
  border: 1px solid #1a7053;
  border-right: none;
  border-bottom: none;
  background-color: #fff;
  margin: 0px;
}
.tool-calendar .day:last-child .day-background {
  border-right: 1px solid #1a7053;
}
.tool-calendar .week:last-child .day .day-background {
  border-right: 1px solid #1a7053;
  border-bottom: 1px solid #1a7053;
}
.tool-calendar .day-today .day-background {
  background-color: #343941;
  border-color: #343941;
}
.tool-calendar .day-today .day-number {
  color: #fff;
  text-decoration: none;
}
.tool-calendar .previousDay .day-background,
.tool-calendar .nextDay .day-background {
  background-color: #1a7053;
  border-color: #1a7053 !important;
  visibility: visible;
}
#calendrier .panel-calendrier-evenements .list-group.col-sm-10.col-sm-offset-1 {
  margin-left: 0px;
  padding-left: 15px;
  width: 100%;
}
#calendrier .list-group-item {
  padding: 20px;
  height: auto;
}
#mediatheque .list-group-item {
  height: auto;
  padding: 10px 20px;
}
#produit.multichoix .list-group-item,
#quotientfamilial.index .list-group-item,
#produit.multichoix .list-group-item:first-child,
#quotientfamilial.index .list-group-item:first-child,
#produit.multichoix .list-group-item:last-child,
#quotientfamilial.index .list-group-item:last-child {
  height: auto;
  padding: 10px 20px;
}
#produit .session-item-down,
#produit .session-item-up,
#produit .session-item-remove {
  padding: 0px 12px;
  margin: 0px;
}
#sondage.index .no-picture {
  background-color: #CECECE;
}
#sondage.resultat .list-group-item,
#sondage.resultat .list-group-item:first-child,
#sondage.resultat .list-group-item:last-child {
  height: auto;
  box-shadow: none;
  border-radius: 0px;
}
#trombinoscope.index .list-group-item,
#trombinoscope.index .list-group-item:first-child,
#trombinoscope.index .list-group-item:last-child {
  height: auto;
  padding: 10px 20px;
}
#trombinoscope.index .profil .profil-info {
  box-shadow: 0px 3px 6px #00000029;
  background-color: #fff;
  border-radius: 10px;
}
#trombinoscope.index .profil.hover h4 {
  color: #343941;
}
@media screen and (max-width: 1199px) {
  #membre > main > .container > .col-md-12 #content-container > .col-lg-8 {
    padding: 0px;
  }
  #membre.profil .article-title,
  #membre.email .article-title,
  #membre.password .article-title,
  #membre.famille .article-title,
  #membre.bank .article-title,
  #membre.doc .article-title,
  #membre.rgpd .article-title {
    display: none;
  }
  .membre-fragment {
    padding: 10px!important;
  }
}
@media screen and (min-width: 1200px) {
  #membre.profil .membre-fragment .form-group div.col-lg-3,
  #membre.email .membre-fragment .form-group div.col-lg-3,
  #membre.password .membre-fragment .form-group div.col-lg-3,
  #membre.famille .membre-fragment .form-group div.col-lg-3,
  #membre.bank .membre-fragment .form-group div.col-lg-3,
  #membre.doc .membre-fragment .form-group div.col-lg-3,
  #membre.rgpd .membre-fragment .form-group div.col-lg-3 {
    width: 50%;
  }
  #membre.profil .membre-fragment .form-group div.col-lg-4,
  #membre.email .membre-fragment .form-group div.col-lg-4,
  #membre.password .membre-fragment .form-group div.col-lg-4,
  #membre.famille .membre-fragment .form-group div.col-lg-4,
  #membre.bank .membre-fragment .form-group div.col-lg-4,
  #membre.doc .membre-fragment .form-group div.col-lg-4,
  #membre.rgpd .membre-fragment .form-group div.col-lg-4 {
    width: 66.66666667%;
  }
}
body#membre {
  background-color: #bc1fdb;
  color: #ffffff;
}
body#membre::before {
  content: "";
  background-image: url("/public/modules/template/T08/images/bg-membre-image.jpg");
  background-size: cover;
  background-position: center;
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0px;
  left: 0px;
}
body#membre .breadcrumb li {
  color: #ffffff;
}
body#membre .breadcrumb li a {
  color: #ffffff;
}
body#membre .breadcrumb > li + li::before {
  color: #ffffff;
}
body#membre .breadcrumb li:not(:last-child) {
  text-transform: uppercase;
}
body#membre .article-title {
  position: relative;
}
body#membre #content-container > .col-lg-4 {
  padding-right: 0px;
}
#membre .membre-menu {
  background-color: transparent;
}
#membre .membre-menu {
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border-radius: 10px;
}
#membre .membre-menu .membre-menu-avatar {
  background-color: #f6f0ff;
  color: #343941;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 120%;
}
#membre .membre-menu > ul > li > a {
  display: inline-block;
  border-radius: 5px;
  margin: 0px;
  color: #f6f0ff;
}
#membre .membre-menu > ul > li > a i {
  color: #f6f0ff;
  background-color: #343941;
  border-radius: 5px;
}
#membre .membre-menu > ul > li > a.active,
#membre .membre-menu > ul > li > a:hover {
  color: #f6f0ff;
  background-color: #343941;
}
#membre .membre-menu > ul > li > a.active i,
#membre .membre-menu > ul > li > a:hover i {
  backgound-color: transparent;
  box-shadow: none;
  color: #f6f0ff;
}
#membre .membre-menu > ul > li > ul {
  margin-top: 10px;
}
#membre .membre-menu > ul > li > ul > li {
  padding-left: 10px;
}
#membre .membre-menu > ul > li > ul > li > a {
  color: #ffffff;
  border-radius: 5px;
}
#membre .membre-menu > ul > li > ul > li > a.active,
#membre .membre-menu > ul > li > ul > li > a:hover {
  color: #000;
  background-color: #fff;
}
.membre-menu-xs {
  padding-bottom: 20px;
  text-align: center;
  overflow: hidden;
}
.membre-menu-xs .membre-back {
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  padding: 0px;
  background-color: #f6f0ff !important;
  color: #fff;
  margin: 0px 0px 0px 15px;
  float: left;
}
.membre-menu-xs .membre-title {
  height: 36px;
  line-height: 36px;
  display: inline-block;
  padding: 0px 20px 0px 0px;
  margin: 0px 10px 20px 10px;
  background-color: #CECECE;
  border-color: #CECECE;
  color: #343941;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000029;
  font-size: 12px;
  background-color: #f6f0ff;
  text-transform: uppercase;
}
.membre-menu-xs .membre-title i {
  background-color: #fff;
  color: #f6f0ff;
  border-radius: 10px;
  width: 30px;
  height: 30px;
  display: block;
  float: left;
  margin: 2px 5px 2px 3px;
  line-height: 30px;
}
.membre-menu-xs .membre-submenu {
  text-align: left;
}
.membre-menu-xs .membre-submenu select {
  border-radius: 10px;
  border-bottom: none;
}
.membre-menu-xs ul {
  white-space: nowrap;
  overflow: auto;
  padding-bottom: 6px;
}
.membre-menu-xs ul li {
  height: 36px;
  line-height: 36px;
  display: inline-block;
  padding: 0px 20px;
  margin: 0px 10px 5px 0px;
  background-color: #CECECE;
  border-color: #CECECE;
  color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000029;
  font-size: 12px;
  background-color: transparent;
  text-transform: uppercase;
}
.membre-menu-xs ul li a {
  color: #f6f0ff;
}
.membre-menu-xs ul li.active {
  background-color: #f6f0ff;
  color: #343941;
}
.membre-menu-xs ul li.active a {
  color: #ffffff;
}
.membre-fragment {
  border-radius: 10px!important;
  box-shadow: 0px 3px 6px #00000029!important;
  color: #343941;
}
.glyphicon {
  font-family: "Glyphicons Halflings";
}
.template-shortcuts {
  position: fixed;
  top: 50%;
  right: 0px;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  z-index: 10;
  transform: translateY(-50%);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border-radius: 5px 0px 0px 5px;
}
.template-shortcuts > li {
  height: 40px;
  text-transform: uppercase;
  float: right;
  clear: both;
  margin: 10px 10px 0px 10px;
}
.template-shortcuts > li:last-child {
  margin-bottom: 10px;
}
.template-shortcuts > li > a {
  color: #f6f0ff;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  line-height: 40px;
  border-radius: 5px;
}
.template-shortcuts > li > a > i {
  display: block;
  width: 34px;
  height: 34px;
  text-align: center;
  font-size: 17px;
  line-height: 34px;
  float: left;
}
.template-shortcuts > li:hover a {
  color: #343941;
  background-color: #f6f0ff;
}
.template-shortcuts > li.template-shortcut-top > a > i {
  font-size: 20px;
}
.shortcut-tooltip.left {
  margin-left: -12px;
}
.shortcut-tooltip.left .tooltip-inner {
  border-radius: 5px;
  background-color: #f6f0ff;
  text-transform: uppercase;
  padding: 0px 10px;
  line-height: 34px;
  font-size: 13px;
  font-weight: bold;
  font-family: "Urbanist";
  color: #343941;
}
.shortcut-tooltip.left .tooltip-arrow {
  border-left-color: #f6f0ff;
}
.search-popover.left {
  z-index: 1071;
  margin-left: -16px;
  border-radius: 5px;
  background-color: #CECECE;
  text-transform: uppercase;
  padding: 0px 10px;
  line-height: 34px;
  font-size: 13px;
  font-weight: bold;
  font-family: "Urbanist";
  position: fixed;
  color: #fff;
}
.search-popover.left .popover-content {
  padding: 0px;
}
.search-popover.left form {
  margin: 0px;
  padding: 0px;
  float: none !important;
}
.search-popover.left form input {
  background-color: transparent;
  color: #fff;
  text-transform: uppercase;
  border: none;
}
.search-popover.left form input:focus,
.search-popover.left form input:active {
  box-shadow: none;
}
.search-popover.left form input::placeholder {
  color: #fff;
}
.search-popover.left .arrow {
  border-left-color: transparent;
}
.search-popover.left .arrow::after {
  right: 1px;
  bottom: -5px;
  content: " ";
  border-right-width: 0;
  border-left-color: #CECECE;
  border-width: 5px;
}
#menu-burger-dropdown ul.template-shortcuts {
  position: relative;
  top: auto;
  right: auto;
  transform: none;
  margin: 0px auto;
  padding: 0px 0px 10px 0px;
  overflow: hidden;
  backdrop-filter: none;
}
#menu-burger-dropdown ul.template-shortcuts > li.template-shortcut {
  clear: none;
  height: auto;
  border-radius: 0px;
  background-color: transparent;
  box-shadow: none;
  margin: 0px 5px;
  float: left;
  height: 33px;
  width: 33px;
}
#menu-burger-dropdown ul.template-shortcuts > li.template-shortcut > a {
  border: none;
  border-radius: 5px;
  background-color: #f6f0ff;
  box-shadow: 0px 3px 6px #00000029;
  color: #343941;
  font-size: 15px;
  padding: 0px;
  line-height: 33px;
  width: 100%;
  text-align: center;
}
#menu-burger-dropdown ul.template-shortcuts > li.template-shortcut > a:hover {
  text-decoration: none;
  color: #d7d4d4;
}
#menu-burger-dropdown ul.template-shortcuts > li.template-shortcut > a > i {
  line-height: 33px;
  display: inline;
  float: none;
  font-size: 15px;
}
#menu-burger-dropdown ul.template-shortcuts > li.template-shortcut > a > span {
  max-width: none;
  line-height: 16px;
}
#membre-profil input.btn {
  box-shadow: 0px 3px 6px #00000029;
}
@media screen and (max-width: 767px) {
  #membre.accueil .membre-menu {
    margin: 0px -20px;
    font-size: 85%;
  }
}
@media screen and (max-width: 991px) {
  #membre.accueil .membre-menu {
    padding: 20px 5px;
  }
  #membre.accueil .membre-menu .membre-menu-avatar {
    margin: 0px auto 20px auto;
  }
  #membre.accueil .membre-menu > ul > li > a {
    font-size: 88%;
    height: 40px;
    line-height: 40px;
  }
  #membre.accueil .membre-menu > ul > li > a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 5px 5px 0px 9px;
  }
}
.cke_panel_listItem .alert {
  display: inline-block;
}
#trombinoscopes.row {
  margin: 0px;
}
#trombinoscopes.row .profil-info {
  color: #343941;
}
#cadeau.evenement #articles_list .list-group-item {
  border-radius: 0px;
}
#cadeau.evenement #articles_list .list-group-item:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#cadeau.evenement #articles_list .list-group-item:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#cadeau.evenement #articles_list .media-left {
  min-height: 150px;
}
.tool-categorie-well .media-heading {
  margin-top: 24px;
}
#newsletter #emailList {
  margin-bottom: 20px;
}
.membre-menu .glyphicon.glyphicon-dashboard::before {
  content: "\f1da";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  display: block;
}
#contact .control-label {
  text-align: left;
}
#photo .desc-overflow {
  position: relative;
}
#photo .desc-overflow:after {
  content: "";
  text-align: center;
  position: absolute;
  width: 100%;
  height: 40px;
  bottom: 0px;
  background: linear-gradient(0deg, #ffffff 0%, #ffffff 15%, rgba(0, 0, 0, 0) 100%);
}
.jsupload-contents {
  color: #343941;
}
@media screen and (max-width: 767px) {
  .container {
    padding: 0px 10px;
  }
  .container > .col-md-12 {
    padding: 0px;
  }
}
#plan .panel-plan-menus .panel-body > ul > li {
  font-weight: bold;
}
#plan .panel-plan-menus .panel-body > ul > li > ul {
  font-weight: normal;
}
body.maintenance-active .panel.panel-default {
  margin: 50px 50px;
}
#backward {
  float: left;
  font-size: 21px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 3px 6px #00000029;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  margin: 7px 10px 0px -20px;
  cursor: pointer;
}
#backward:active {
  background-color: #e3e3e3;
}
#produit #backward {
  color: #343941;
}
html.is-app #produit.detail #content-container element,
html.is-app body.categorie #content-container element {
  pointer-events: none;
}
html.is-app #produit.detail #content-container:after,
html.is-app body.categorie #content-container:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #343941;
  content: "\f060";
  position: absolute;
  left: 6px;
  top: 6px;
  font-size: 21px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 3px 6px #00000029;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
  pointer-events: all;
}
html.is-app body.categorie #content-container:after {
  top: 0px;
}
html.is-app #produit.detail .product-no-image {
  height: 50px;
}
.debug-panel {
  position: relative;
}
.ui-pnotify {
  top: 70px;
  right: 30px;
}