/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/l/font?kit=J7adnpV-BGlaFfdAhLQo6btP&skey=36a3d5758e0e2f58&v=v15) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: 'Calibri';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/l/font?kit=J7aYnpV-BGlaFfdAhLQgUp5aHRge&skey=8b00183e5f6700b6&v=v15) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/l/font?kit=J7afnpV-BGlaFfdAhLEY6w&skey=a1029226f80653a8&v=v15) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: 'Calibri';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/l/font?kit=J7aanpV-BGlaFfdAjAo9_pxqHw&skey=cd2dd6afe6bf0eb2&v=v15) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

p{
  color: #000000;
}

.modal.left .modal-dialog {
position:fixed;
right: 0;
margin: auto;
width: 320px;
height: 100%;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content {
height: 100%;
overflow-y: auto;
}

.modal.right .modal-body {
padding: 15px 15px 80px;
}

.modal.right.fade .modal-dialog {
left: -320px;
-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
-o-transition: opacity 0.3s linear, left 0.3s ease-out;
transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
border-radius: 0;
border: none;
}

.modal-header {
border-bottom-color: #eeeeee;
background-color: #fafafa;
}

.site-footer {
  background: url("/../images/footer-bg.png") bottom center no-repeat !important;
  padding: 100px 0 0 0;
  z-index: 9999999;
  background-size: 80% !important;
}

#home{
  height: 42rem;
}


/* FILE MANAGER */
.file-box {
  float: left;
  width: 220px;
}
.file-manager h5 {
  text-transform: uppercase;
}
.file-manager {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.folder-list li a {
  color: #666666;
  display: block;
  padding: 5px 0;
}
.folder-list li {
  border-bottom: 1px solid #e7eaec;
  display: block;
}
.folder-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}
.category-list li a {
  color: #666666;
  display: block;
  padding: 5px 0;
}
.category-list li {
  display: block;
}
.category-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}
.category-list li a .text-navy {
  color: #1ab394;
}
.category-list li a .text-primary {
  color: #1c84c6;
}
.category-list li a .text-info {
  color: #23c6c8;
}
.category-list li a .text-danger {
  color: #EF5352;
}
.category-list li a .text-warning {
  color: #F8AC59;
}
.file-manager h5.tag-title {
  margin-top: 20px;
}
.tag-list li {
  float: left;
}
.tag-list li a {
  font-size: 10px;
  background-color: #f3f3f4;
  padding: 5px 12px;
  color: inherit;
  border-radius: 2px;
  border: 1px solid #e7eaec;
  margin-right: 5px;
  margin-top: 5px;
  display: block;
}
.file {
  border: 1px solid #e7eaec;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  margin-bottom: 20px;
  margin-right: 20px;
}
.file-manager .hr-line-dashed {
  margin: 15px 0;
}
.file .icon,
.file .image {
  height: 100px;
  overflow: hidden;
}
.file .icon {
  padding: 15px 10px;
  text-align: center;
}
.file-control {
  color: inherit;
  font-size: 11px;
  margin-right: 10px;
}
.file-control.active {
  text-decoration: underline;
}
.file .icon i {
  font-size: 70px;
  color: #dadada;
}
.file .file-name {
  padding: 10px;
  background-color: #f8f8f8;
  border-top: 1px solid #e7eaec;
}
.file-name small {
  color: #676a6c;
}
.corner {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  line-height: 0;
  border: 0.6em solid transparent;
  border-right: 0.6em solid #f1f1f1;
  border-bottom: 0.6em solid #f1f1f1;
  right: 0em;
  bottom: 0em;
}
a.compose-mail {
  padding: 8px 10px;
}
.mail-search {
  max-width: 300px;
}
/* PROFILE */
.profile-content {
  border-top: none !important;
}
.profile-stats {
  margin-right: 10px;
}
.profile-image {
  width: 120px;
  float: left;
}
.profile-image img {
  width: 96px;
  height: 96px;
}
.profile-info {
  margin-left: 120px;
}
.feed-activity-list .feed-element {
  border-bottom: 1px solid #e7eaec;
}
.feed-element:first-child {
  margin-top: 0;
}
.feed-element {
  padding-bottom: 15px;
}
.feed-element,
.feed-element .media {
  margin-top: 15px;
}
.feed-element,
.media-body {
  overflow: hidden;
}
.feed-element > a img {
  margin-right: 10px;
}
.feed-element img.rounded-circle,
.dropdown-messages-box img.rounded-circle {
  width: 38px;
  height: 38px;
}
.feed-element .well {
  border: 1px solid #e7eaec;
  box-shadow: none;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 10px 20px;
  font-size: 11px;
  line-height: 16px;
}
.feed-element .actions {
  margin-top: 10px;
}
.feed-element .photos {
  margin: 10px 0;
}
.dropdown-messages-box .dropdown-item:focus,
.dropdown-messages-box .dropdown-item:hover {
  background-color: inherit;
}
.feed-photo {
  max-height: 180px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 10px;
}
.file-list li {
  padding: 5px 10px;
  font-size: 11px;
  border-radius: 2px;
  border: 1px solid #e7eaec;
  margin-bottom: 5px;
}
.file-list li a {
  color: inherit;
}
.file-list li a:hover {
  color: #1ab394;
}
.user-friends img {
  width: 42px;
  height: 42px;
  margin-bottom: 5px;
  margin-right: 5px;
}

/* MODAL */
.modal-content {
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  outline: 0 none;
  position: relative;
}
.modal-dialog {
  z-index: 2200;
}
.modal-body {
  padding: 20px 30px 30px 30px;
}
.inmodal .modal-body {
  background: #f8fafb;
}
.inmodal .modal-header {
  padding: 30px 15px;
  text-align: center;
  display: block;
}
.animated.modal.fade .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.inmodal .modal-title {
  font-size: 26px;
}
.inmodal .modal-icon {
  font-size: 84px;
  color: #e2e3e3;
}
.modal-footer {
  margin-top: 0;
}

.bloc-login-registration{
  margin-left: -20%;
  font-size: 1.2rem;
  padding-top: 0.3rem;
}
.white-color-light{
  color: rgba(255, 255, 255, 0.6) !important ;
}

.border-particular{
  border: solid 4px #ff2101 ;
}

.border-particular-cocarde{
  position: absolute;
  left: 85%;
  top: 35%;
  text-align: center;
  background: none;
  color:#AE4435;
  padding:5px 10px;
  font-size:14px;
  content: url('../images/ico/cocarde.png')
}

.new-programme-solicitor{
  margin-left: 1rem;
  margin-bottom: -1rem;
  font-size: 18px;
}

.bloc-last-product .owl-carousel .owl-item img {
  width: auto;
  max-width: 100%;
  max-height: 160px;
  margin-left: auto;
  margin-right: auto;
}

.txt-body p span {
  color: #8e989f !important;
  line-height: 1.8 !important;
  font-family: "Nunito Sans", sans-serif !important;
}

#more {display: none;}
#myBtn {
  border: 0px;
  background-color: rgb(0,0,0,0);
  border-radius: 20px;
}

/*PARALLAX VIDEO BG*/
.demo-table-cell {
  padding-bottom: 100px;
  padding-top: 50px;
}
/*END CSS PARALLAX VIDEO*/

.notify-badge-prod{
  position: absolute;
  left: 15px;
  top: 50px;
  text-align: center;
  background: rgba(255,255,255, 0.8);
  color:#AE4435;
  padding:5px 10px;
  font-size:14px;
}
.notify-badge-prod-2{
  top: 1rem !important;
  position: absolute;
  left: 1rem;
  border: 1px solid #AE4435;
  background: rgba(255,255,255, 0.8);
  padding: 0.5rem;
  font-weight: bold;
}

.border-particular-cocarde-2{
  position: absolute;
  left: 75%;
  top: 2%;
  text-align: center;
  background: none;
  color:#AE4435;
  padding:5px 10px;
  font-size:14px;
  content: url('../images/ico/cocarde.png')
}

.product-single-bloc{
  width: 60%;
}

html{scroll-behavior:smooth}

.btn-anchor{width: 250px;height: 80px;right: 5rem;}
.btn-anchor-list{width: 250px;height: 80px;right: 35rem;}

#btn-anchor-programmes {position: fixed;top: 40rem;z-index: 999;}
#btn-anchor-produits-autonomes {position: fixed;top: 40rem;z-index: 999;}

.sale_table th{
  text-align: center !important;
  vertical-align: middle !important;
  font-size: 13px;
}
.sale_table tr{
  font-size: 13px;
  text-align: center !important;
  vertical-align: middle !important;
}

/*Modification largeur page pour la rubrique sales*/
body[data-page-width="large"] .container{
  max-width: 1650px !important;
}

.bloc-marker-title{
  min-height: 100px;
}

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; /* remove the gap so it doesn't close */
}
.dropdown:hover .dropdown-category{
  background: #666699 !important;
  border-radius: 0;
}
.dropdown-category > .dropdown-item:hover{
  background-color: #ae4435 !important ;
  color: #fff;
}
.dropdown-menu {
  width: 100% !important;
  text-align: center;
  z-index: 99999999999 !important;
}

.btnProd{
  background-color: #666699 ;
  color: #fff;
  z-index: 99999999999 !important;
}
.btnProd-mode{
  position: relative;
  display: inline-block;
  margin-top: 20px;
  min-width: 15rem;
}
.btnProd-mode:hover{
  background-color: #ae4435 !important ;
}
.btnProd .active{
  background-color: #cc3300 !important ;
  color: #fff;
}
.bloc-mode-presentation >.dropdown-menu{
    background-color: #666699 !important;
}
.bloc-mode-presentation >.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #cc3300 !important;
}
.bloc-mode-presentation >.dropdown-item:hover{
  color: #fff;
  text-decoration: none;
  background-color: #cc3300 !important;
}
#dropdownMenuButton{
  border-radius: 0px;
  background: #555658;
  padding: 1rem;
}

.apl-info-modal{
  color: white;
}
.apl-info-modal:hover{
  color:#ae4435 !important;
}

.datepicker{
  width: 13rem !important;
}


.explanation{
  width: 30rem;
  position: absolute;
  top: -7rem;
  background: #555658;
  color: white;
  padding: 1rem;
  display: none;
}

.explanation::after {
  content: '';
  position: relative;
  left: auto;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: 10px solid #555658;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  top: 3rem;
}