body {
    font-family: 'Exo 2', sans-serif;
    color: #151515;
}

input:invalid {
    border: 2px solid lightpink;
}

p {
    margin: 0 0 10px;
}

.pagination {
    font-size: 0.9em;
}

.pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #275987;
    border-color: #275987;
}

.responsive-iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    /* Pour un ratio de 16:9 */
}

.responsive-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-link {
    color: #275987;
}

blockquote {
    margin: 15px;
    padding: 15px;
    background: #fbfbfb;
    border-radius: 5px;
    border-left: 5px solid #eeeeee;
    font-style: italic;
    font-family: verdana;
    font-size: 0.9em;
}

.video {
    width: 100%;
    height: 100%;
    z-index: 800;
}

.captcha_image {
    float: left;
    margin-right: 6px;
}

.captcha_input {
    float: left;
    margin-right: 6px;
    width: 100px;
}

.table-basket td {
    padding: 0.45rem;
}

.nosy-basket {
    background: white;
}

.nosy-basket img {
    height: 55px;
    float: left;
}

/************************************************************************ CONTACT *****************************************************************************************/

.contact-mail {
    max-width: 250px;
}

/************************************************************************ PAGE *****************************************************************************************/

.page-title {
    font-size: 1.1em;
    padding-bottom: 15px
}

.page-text {
    font-size: .95em;
}

.page-text>h2{
    font-size: 1.4em;
    padding-top:15px;
    padding-bottom:10px;
}

.page-text>h2::before {
    content: "➡️ ";
    font-size: 0.9em; /* Change la taille de l'icône */
    margin-right: 5px; /* Ajoute une marge à droite de l'icône */
}

.page-text>h3 {
    font-size: 1.2em;
    padding-top:15px;
    padding-bottom:10px;
    margin-left: 25px;
}

.page-date {
    font-size: .7em;
    padding: 0 0 10px 0;
}

.page-banner {
    padding: 25px;
    background: #f5f6f8;
}

.page-banner img {
    cursor: zoom-in;
}

.page-gallery {
    padding: 0;
}

.page-gallery-div {
    margin: 5px;
    padding: 8px;
    background: #f5f6f8;
}

.page-gallery-div:hover {
    background: #d2d2d2;
}

.page-gallery:hover img {
    cursor: zoom-in;
}

.page-bloc {
    padding-left: 0px
}

.page-box {
    border: 1px solid #efefef;
    margin-bottom: 15px;
}

.page-box-title {
    font-size: 0.9em;
    background: #fafafa;
    padding: 5px;
    text-transform: uppercase;
}

.page-box-text {
    overflow: auto;
    padding: 15px;
    font-size: .8em;
    letter-spacing: .03em;
}

.page-box-text h2 {
    font-size: 1.1em;
}

.page-box-img {
    float: left;
    margin-right: 15px;
    max-width: 125px;
}

.page-box-img-mini {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    max-width: 40px;
}

.page-box-button {
    margin-top: 10px;
}

.page-credit-container, .page-credit-container-banner {
    position: relative;
}

.page-credit {
    background: rgba(0, 0, 0, 0.15);
    position: absolute;
    padding: 4px 8px;
    font-size: 10px;
    right: 0;
    bottom: 0;
    color: #fff;
}

.page-credit a {
    color: #fff;
}

/************************************************************************ DIVERS *****************************************************************************************/

.text-2-0 {
    font-size: 2em;
}

.text-1-4 {
    font-size: 1.6em;
}

.h1-head {
    padding: 0 10px;
}

.h1-title {
    font-size: 1.35em;
    margin: 5px 0 10px 0;
    text-transform: uppercase
}

.listing-text{
    padding:0 10px 15px 10px;
}

.links-zones{
    padding-bottom:15px;
}

.item-count{
    padding:0 10px 10px 10px;
}

.links-zone {
    min-width: 300px;
    max-width: 500px;
    padding:10px;
    margin:10px;
    box-shadow: 0 0rem 0.8rem rgba(0, 0, 0, .18) !important;
    background: #ffffff;
}

a.links-link{
    color:rgb(36, 36, 36);
}

.links-title {
    font-size: 1.1em;
    margin-bottom:10px;
    padding:0;
    text-transform: uppercase
}

.links-text {
    font-size: 0.9em;
}

.links-img{
    float:left;
    padding:0 15px 0 0;
    width:90px;
}

.h1-periodic {
    color: #ffffff;
}

.bg-white {
    ;
    background: #ffffff;
}

.nomargin {
    margin: 0;
}

.nopadding {
    padding: 0;
}

.padding-10 {
    padding: 10px;
}

.padding-15 {
    padding: 15px;
}

.width-100 {
    width: 100%
}

.height-100 {
    height: 100%
}

.float-right {
    float: right
}

.float-left {
    float: left
}

#main-zone {
    margin-top: 70px;
}

.left-div {
    padding: 15px;
    background: #e9eff1;
}

#main-zone-map {
    margin-top: 50px;
    padding: 0;
}

#main-zone-calendar {
    margin-top: 20px;
    max-width: 1500px
}

#main-zone-periodic {
    margin-top: 0px;
    padding: 0;
}

a {
    color: #275987;
    transition: .5s
}

a:active,
a:focus,
a:hover {
    color: #222;
    outline: 0;
    text-decoration: none
}

.chakra-root {
    color: #A25701;
}

.chakra-sacral {
    color: #B26001;
}

.chakra-solar {
    color: #856F00;
}

.chakra-heart {
    color: #50800F;
}

.chakra-throat {
    color: #007794;
}

.chakra-eye {
    color: #8F20F8;
}

.chakra-crown {
    color: #C700C3;
}

.element-earth {
    color: #4C8500;
}

.element-water {
    color: #0075C2;
}

.element-air {
    color: #1C80A1;
}

.element-fire {
    color: #A85A00;
}

.font-size-09 {
    font-size: 0.9em;
}

.font-size-1-4 {
    font-size: 1.4em;
}

.font-size-2 {
    font-size: 2em;
}

.font-size-3 {
    font-size: 3em;
}

.font-size-4 {
    font-size: 4em;
}

.font-size-5 {
    font-size: 5em;
}

.font-size-6 {
    font-size: 6em;
}

.modal-spinner {
    width: 6rem;
    height: 6rem;
}

.star-on {
    color: #efef81
}

.star-off {
    color: #9e9e9e
}

.star-size-2 {
    font-size: 2em;
}

.form-input-padding {
    padding: 0 10px
}

.form-input-padding2 {
    padding: 10px 0
}

.color-aqua {
    background: #a6f0fb
}

.color-sanmarino {
    background: #3f51b5
}

.color-dodgerblue {
    background: #2196f3
}

.color-cerulean {
    background: #70d1fd
}

.color-robinseggblue {
    background: #00bcd4
}

.color-persiangreen {
    background: #009688
}

.color-sushi {
    background: #67b96b
}

.color-fruitsalad {
    background: #6cdc71
}

.color-pear {
    background: #cddc39
}

.color-beige {
    background: #fef0d7
}

.color-gorse {
    background: #ffeb3b
}

.color-amber {
    background: #ffc107
}

.color-orangepeel {
    background: #ff9800
}

.color-orange {
    background: #ff5722
}

.color-amaranth {
    background: #e91e63
}

.color-violet {
    background: #de8bf1
}

.color-pink {
    background: #fec7ca
}

.color-seance {
    background: #dc967f
}

.color-coraltree {
    background: #9a604d
}

.color-silverchalice {
    background: #9e9e9e
}

.color-lynch {
    background: #607d8b
}

.color-black {
    background: #000
}

.color-white {
    background: #fff
}

label {
    margin-bottom: .1rem
}

.flash {
    margin: 0;
    border-radius: 0;
    margin: 0 0 15px 0
}

.alert-box {
    margin: 0;
    border-radius: 0;
    margin: 0
}

.alert-box-home {
    margin: 0;
    border-radius: 0;
    margin: 0 0 15px 0
}

.alert-box-icone {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
}

.navbar-brand .sitename {
    font-size: 1.5rem;
    font-size: 1.5rem;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    display: inline
}

.color-mineraly {
    color: #00c2df;
    font-size: 0.5em;
}

.error404 {
    color: silver;
    font-size: 9.75em;
    text-align: center
}

.error404text {
    font-size: .95em;
    color: #444;
    text-align: center
}

#cookie {
    background-color: rgba(0, 0, 0, 0.85);
    max-width: 450px;
    position: fixed;
    right: 0px;
    bottom: 0px;
    color: #ffffff;
    font-size: .7em;
    padding: 15px;
    text-align: justify;
    z-index: 5000
}

#cookie button {
    font-size: .8em
}

/******************************************************************************************* CUSTOM CHECKBOX **********************************************************************/

.checkbox {
    padding-left: 20px
}

.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 0;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
    -o-transition: border .15s ease-in-out, color .15s ease-in-out;
    transition: border .15s ease-in-out, color .15s ease-in-out
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    margin-left: -18px;
    padding-left: 3px;
    padding-top: 0;
    font-size: .95em;
    color: #555
}

.checkbox input[type=checkbox] {
    opacity: 0
}

.checkbox input[type=checkbox]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.checkbox input[type=checkbox]:checked+label::after {
    font-weight: 400;
    content: "✔";
    font-family: 'Font Awesome\ 5 Free'
}

.checkbox input[type=checkbox]:disabled+label {
    opacity: .65
}

.checkbox input[type=checkbox]:disabled+label::before {
    background-color: #eee;
    cursor: not-allowed
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%
}

.checkbox.checkbox-inline {
    margin-top: 0
}

.checkbox-info input[type=checkbox]:checked+label::before {
    background-color: #85c5e4;
    border-color: #85c5e4
}

.checkbox-info input[type=checkbox]:checked+label::after {
    color: #000
}

/************************************************************************ BLOC *****************************************************************************************/

.bloc {
    background: #ffffff;
    margin-bottom: 20px;
    padding: 10px;
}

.bloc-title {
    padding-bottom: 15px;
    text-transform: uppercase
}

.bloc-link {
    list-style-type: none;
    margin: 5px;
    font-size: .75em;
    line-height: 1.6em;
    text-transform: uppercase
}

.bloc-search {
    list-style-type: none;
    margin: 15px
}

/******************************************************************************************* CATEGORY **********************************************************************/

#category-zone ul {
    list-style-type: none;
    padding: 5px;
    margin: 5px;
    text-transform: uppercase;
    font-size: .85em
}

#category-zone li {
    line-height: 1.8em
}

/******************************************************************************************* STRIPE **********************************************************************/

#stripe {
    max-width: 330px
}

#stripe div {
    padding: 5px
}

#stripe-name::placeholder {
    color: #aab7c4
}

#stripe-expiry {
    max-width: 70px;
    float: left
}

#stripe-cvc {
    max-width: 50px;
    margin-left: 10px;
    float: left
}

#stripe-button {
    width: 180px;
    margin-left: 10px;
    float: left
}

/******************************************************************************************* FOOTER **********************************************************************/

.footer {
    background: #f5f6f8;
    margin-top: 10px;
    padding: 15px
}

.footer-link {
    color: #4F4F4F;
    font-size: .75em
}

.footer-link a {
    color: #4F4F4F
}

.footer-link-social {
    color: #4F4F4F;
    font-size: .77em;
    padding-top: 10px
}

.footer-link-social a {
    color: #4F4F4F;
    padding: 0 5px
}

.footer-link-locale {
    padding-top: 10px
}

.footer-link-locale a {
    color: #4F4F4F;
    padding: 0 5px;
    font-size: .77em
}

.footer-link-payment {
    padding-top: 10px;
    color: #4F4F4F;
    font-size: .85em;
    text-align: center;
}

.footer-link-payment img {
    height: 20px;
}

/******************************************************************************************* SHARE **********************************************************************/

.share {
    font-size: 1.2em;
    display: inline;
    padding: 7px
}

.share-facebook {
    color: #3b589e
}

.share-google {
    color: #e44120
}

.share-twitter {
    color: #00acee
}

.share-tumblr {
    color: #4e82bb
}

.share-pinterest {
    color: #e81f27
}

/******************************************************************************************* HOME **********************************************************************/

.home-title {
    font-size: 1.05em;
    text-transform: uppercase;
    display:inline;
}

.home-divider{
    margin-bottom:16px;
}
.home-button{
    position:relative;
    top:16px;
}

/******************************************************************************************* TRIANGLE **********************************************************************/

.triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 1000
}

.triangle-small {
    border-width: 11px 11px 0 0
}

.triangle-medium {
    top: 10px;
    left: 10px;
    border-width: 40px 40px 0 0
}

.triangle-large {
    top: 0;
    left: 0;
    border-width: 80px 80px 0 0
}

.triangle-large-box {
    top: 10px;
    left: 10px;
    border-width: 53px 53px 0 0
}

.triangle-top {
    border-color: #009db3 transparent transparent transparent
}

.triangle-new {
    border-color: #595959 transparent transparent transparent
}

.triangle-promo-danger {
    border-color: #ffa900 transparent transparent transparent
}

.triangle-promo-warning {
    border-color: #ffa900 transparent transparent transparent
}

.triangle-text {
    position: absolute;
    font-weight: 600;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    z-index: 1001
}

.triangle-text-medium {
    top: 16px;
    left: 11px;
    font-size: .7em
}

.triangle-text-large {
    top: 10px;
    left: 0;
    font-size: 1.5em
}

.triangle-text-large-box {
    top: 18px;
    left: 9px;
    font-size: .9em
}

.triangle-text-top {
    color: #e9fcff
}

.triangle-text-new {
    color: #e2e2e2
}

.triangle-text-promo-danger {
    color: #fff1f2
}

.triangle-text-promo-warning {
    color: #fff8eb
}

.today-danger {
    color: #ffa900
}

.today-warning {
    color: #ffa900
}

/******************************************************************************************* BASKET **********************************************************************/

.basket-button-discount {
    margin-top: 6px;
    font-size: .85em;
    padding: 3px 6px
}

.basket-button-ordering {
    margin: 10px
}

.basket-message {
    min-height: 100px;
}

/******************************************************************************************* MODAL **********************************************************************/

.modal-content {
    border-radius: 0
}

.modal-waiting {
    padding: 50px;
    text-align: center
}

.modal-waiting i {
    font-size: 8em;
    color: #e8e8e8
}

.modal-header {
    padding: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-align: left
}

.modal-header .close {
    padding: 3px;
    margin: 0
}

.modal-footer {
    padding: 10px
}

/******************************************************************************************* NAVBAR **********************************************************************/

.navbar-zone {
    padding: 0 5px 0 10px
}

.navbar-brand {
    font-size: 1.3em
}

.nav-basket {
    position: relative;
    top: -10px;
    left: -8px
}

.navbar-brand {
    margin-right: .3rem
}

.nav-link {
    display: block;
    padding: .4rem .8rem
}

/******************************************************************************************* ARIANE **********************************************************************/

.ariane {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: .67em;
    letter-spacing: .05em;
    padding: 0 0 8px 10px;
}

/******************************************************************************************* ACCOUNT **********************************************************************/

.account-login {
    border: 1px solid #eee;
    padding: 15px 20px 0 20px
}

.account-login-head {
    background: #eee;
    padding: 15px
}

.account-login-form div {
    padding: 6px
}

.account-create-form div {
    padding: 3px 8px
}

.account-resume {
    padding: 0;
    background: #595959;
    color: #f1f1f1;
    padding: 10px;
    margin-bottom: 20px
}

.account-resume-link {
    margin: 5px;
    font-size: .75em;
    line-height: 1.6em
}

.account-resume-data {
    font-size: .85em
}

.bg-pro {
    background: #dc3545;
}

.icone-pro {
    position: absolute;
    z-index: 1000;
    float: left;
    font-size: 1.2em;
    background: #dc3545;
    color: #ffffff;
    padding: 2px 6px 2px 5px;
    margin: 0;
    border-radius: 0 0 8px 0;
}

.icone-pro-min {
    position: absolute;
    z-index: 1000;
    float: left;
    font-size: 0.75em;
    background: #dc3545;
    color: #ffffff;
    padding: 2px 6px 3px 5px;
    margin: 0;
    border-radius: 0 0 5px 0;
}

.account-tab {
    font-size: 1em
}

.account-tab .nav-link {
    background: #f9f9f9;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #dee2e6;
    color: #8c8c8c
}

.account-content {
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    padding: 15px 30px
}

.account {
    padding-left: 0;
    font-size: .85em
}

/******************************************************************************************* SEARCH **********************************************************************/

.search_form_on {
    top: 62px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    z-index: 10000
}

.search-form-button {
    padding: .15rem .5rem
}

.search-form-color {
    margin: 10px 0 0 0;
    padding-right: 0
}

.search-form-color-on {
    cursor: pointer;
    margin: 3px;
    display: inline;
    float: left;
    padding: 0;
    border: 1px solid gray
}

.search-form-color-on-in {
    padding: 12px
}

.search-form-color-off {
    background: #fff;
    cursor: pointer;
    margin: 3px;
    display: inline;
    float: left;
    padding: 7px;
    border: 1px solid #eaeaea
}

.search-form-color-off-in {
    padding: 5px
}

.search-form-text {
    margin: 5px 3px 10px 3px
}

.search-form-mineral {
    margin: 5px 0 3px 3px
}

.search-form-country {
    margin: 5px 3px 10px 0
}

.search-form-price {
    margin: 5px 3px 10px 3px
}

.search-form-price-value {
    float: right;
    font-size: .75em
}

.search-form-weigth {
    margin: 10px 3px 10px 3px
}

.search-form-weigth-value {
    float: right;
    font-size: .75em
}

.search-form-size {
    margin: 10px 3px 10px 3px
}

.search-form-size-value {
    float: right;
    font-size: .75em
}

#search-form-ordering {
    width: auto;
    float: left;
    margin-right: 4px;
}

.collection-box-button{
    font-size: .9em;
    background-color: #ffc107;
    color: #545454;
}

.collection-box-button:hover {
    background: #e0aa08;
}

.product-box-button {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #ffffff;
    font-size: .9em;
    padding: 2px 5px 2px 5px
}

.product-box-button:hover {
    background-color: #138496;
    border-color: #117a8b;
    color: #ffffff;
}

.product-box-button-pro {
    background: #e57a85;
    color: white;
    font-size: .9em;
    padding: 2px 5px 2px 5px
}

.product-box-button-pro:hover {
    background: #dc3545;
    color: white;
}

.search-links {
    float: right;
    position: relative;
}

.search-link {
    font-size: .8em;
    position: absolute;
    right: 5px;
    top: 3px;
}

.products-result-data {
    background: #fafafa;
    padding: 10px;
    margin: 0 10px;
}

#products_result_data {
    padding: 10px;
    margin: 10px;
    display: none
}

#products_loader_button {
    margin: 15px;
}

.products-result-filter {
    background: #fafafa;
    padding: 10px 10px 5px 10px;
    margin: 0;
    min-height: 50px;
}

.product-result-filter-items {
    padding: 0;
}

.product-result-filter-items button {
    margin-bottom: 5px;
    font-size: 0.85em;
}

.product-result-filter-color {
    display: inline;
    padding: 0 2px
}

.product-box {
    /*border: 1px solid #efefef;*/
    box-shadow: 0 0rem 0.8rem rgba(0, 0, 0, .18) !important;
    background: #fafafa;
}

.product-box-pro {
    border-bottom: 2px solid #fafafa;
}

.product-box-image img {
    width: 100%
}

.product-box-head {
    padding: 4px 8px;
    font-size: .9em
}

.product-box-info {
    line-height: 1.3em;
    padding: 4px 8px;
    font-size: .9em
}

.product-price-promo-warning {
    line-height: .9em;
    font-size: .65em;
    color: #ffa900
}

.product-price-promo-danger {
    line-height: .9em;
    font-size: .65em;
    color: #ff0015
}

.promo-warning {
    color: #FFCD66
}

.promo-danger {
    color: #ff0015
}

.product-price-promo-cent {
    font-size: .65em
}

.product-box-pro-prices {
    text-align: right;
    font-size: 0.85em;
}

/******************************************************************************************* BOX **********************************************************************/

.box-special {
    padding: 4px 8px;
    font-size: .9em;
    text-align: center;
    color: #fff;
    background: #595959
}

.product-box-price {
    text-align: right;
    font-size: 1.15em;
    float: right
}

.product-box-price-cent {
    font-size: .65em
}

.product-box-title {
    font-size: 1.15em;
}

.box-mineral-title {
    text-align: center;
    background: #efefef;
    font-size: 1.05em;
    padding: 4px 8px
}

.box-mineral-title h3 {
    font-weight: bolder;
    font-size: .8em;
    margin: .2em .5em .2em .5em
}

.box-mineral-info {
    text-align: center;
    background: #f7f7f7;
    font-size: .78em;
    padding: 5px 8px
}

.product-box-video {
    z-index: 801;
    /*au dessus de la video*/
    font-size: 1.2em;
    cursor: pointer;
    position: absolute;
    text-shadow: 0px 0px 5px #000000;
    right: 45%;
    top: 16px;
    padding-bottom: 15px;
    padding-left: 15px;
    color: #ffffff;
}

/************************************************************************ PANEL PAGE *****************************************************************************************/

.panel-title {
    padding: 8px 10px 1px 0
}

.panel-text {
    padding: 15px 0;
    font-size: .85em
}

.panel-blocs {
    background: #f5f6f8
}

.panel-bloc {
    padding: 15px;
    background: #f5f6f8
}

.panel-bloc-data {
    background: #fff;
    padding: 5px 10px;
    height: 100%
}

.panel-bloc-title {
    padding: 8px 4px
}

.panel-bloc-text {
    padding: 4px
}

/******************************************************************************************* PANEL **********************************************************************/

.panel {
    background: #f5f6f8;
    padding: 25px;
    font-size: 0.9em;
}

.panel-full {
    padding: 0;
}

.panel-left {
    padding: 0 0 0 25px;
}

.panel-right {
    padding: 0 25px 0 0;
}

.panel-items {
    padding: 15px;
    background: #595959;
    color: #ffffff
}

.panel-item-value {
    font-size: 2.5em
}

.panel-item-unit {
    font-size: 1em
}

.panel-border-right {
    border-right: 1px solid #9a9a9a
}

.panel-border-right-light {
    border-right: 1px solid #e0e0e0
}

.panel-details {
    padding-bottom: 15px
}

.panel-detail {
    font-size: 1em;
    padding: 5px;
    line-height: 1.5em
}

/******************************************************************************************* TAB **********************************************************************/

.tab {
    font-size: .85em;
    padding: 10px
}

.panel-tab {
    font-size: .9em;
    padding: 0
}

.panel-tab-title,
.tab-title {
    font-size: .9em
}

.panel-tab-text,
.tab-text {
    background: #fff;
    font-size: 1.1em;
    padding: 25px;
    border: 1px solid #dee2e6;
    border-top: 0
}

/******************************************************************************************* PRODUCT **********************************************************************/

.product-shipping-delay {
    color: #4a4a4a;
    font-size: 0.88em;
    padding: 3px 6px 3px 0;
    position: relative;
    top: -8px;
}

.product-buttons {
    padding: 10px;
    background: #595959;
    white-space: normal;
}

.product-buttons button {
    font-size: .9em
}

.product-offer-button {
    padding: 1px 3px;
    white-space: normal;
    font-size: .7em;
    color: #fafafa
}

.product-buy-button {
    float: right;
    font-size: 1.3em;
}

.product-buy-button-two {
    float: right;
    background: #595959;
}

.product-litho-button {
    padding: 2px 5px;
    white-space: normal;
    font-size: 1em;
    color: #fafafa
}

.product-text {
    padding: 15px 0;
    font-size: .95em;
    background: #e9e9e9;
}

/******************************************************************************************* UV SLIDER **********************************************************************/

.uv-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.uv-slider img {
    width: 100%;
    display: block;
}

.uv-resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}

.uv-handle {
    /* Thin line seperator */
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    margin-left: -1px;
    background: rgba(0, 0, 0, .5);
    cursor: ew-resize;
}

.uv-handle:after {
    position: absolute;
    top: 50%;
    width: 32px;
    margin: -16px 0 0 -16px;
    font-family: "bootstrap-icons";
    content: '\F695';
    color: #ffffff;
    text-shadow: 1px 1px 3px #000000;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    line-height: 28px;
    z-index: 1100;
}

/******************************************************************************************* PRODUCT SLIDER **********************************************************************/

#slider {
    position: relative;
    overflow: hidden;
    width: 100%;
}

#slider .slider-photo {
    width: auto;
}

#slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

#slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

#slider .slider-left {
    vertical-align: middle;
    left: 0;
    z-index: 1000;
    position: absolute;
    cursor: pointer;
}

#slider .slider-right {
    right: 0;
    z-index: 1000;
    position: absolute;
    cursor: pointer;
}

.slider-open {
    touch-action: none;
    z-index: 5000;
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 0.5;
    color: #fff;
}

.slider-zoomable {
    touch-action: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform .1s ease-out;
}

.slider-zoom .fa-search {
    text-shadow: 0px 0px 4px #000;
}

/************************************************************************************** CATEGORY MINERAL ******************************************************************/

.category-mineral-zone {
    padding: 10px;
    min-width: 145px;
    max-width: 210px;
}

/****************************************************************************************** COLLECTION *********************************************************************/

.collection-zone {
    padding: 10px;
    min-width: 210px;
}

.collection-values {
    font-size: 0.85em;
    color: #515558;
}

h3.collection-title{
    font-size: 1.15em;
    margin-bottom:0;
    color: #3a3a3a;
}


/***************************************************************************************** SPECIAL BOX *********************************************************************/

.special-zone {
    /*pour media queries*/
    padding: 10px;
    min-width: 180px;
    max-width: 220px;
}

/******************************************************************************************* PRODUCTS **********************************************************************/

.product-zone {
    padding: 10px;
    min-width: 190px;
    max-width: 220px;
}

.product-zone-title {
    text-transform: uppercase;
    padding: 20px 0 10px 10px
}

.product-price {
    padding-right: 5px;
    font-size: 1.3em
}

/******************************************************************************************* LITHOTHERAPY **********************************************************************/

.lithocards {
    width: 100%
}

.lithocard {
    width: 25%
}

/******************************************************************************************* CALENDAR **********************************************************************/

.calendar-btn-add {
    padding: .15rem .25rem;
    font-size: .75rem;
    line-height: 1;
    margin-right: 10px;
}

.calendar-box {
    border: 1px solid #efefef;
    margin-bottom: 15px;
}

.calendar-box-img {
    float: left;
    width: 45%;
    margin-right: 15px;
}

.calendar-box-title {
    font-size: 1.5em;
    background: #fafafa;
    padding: 5px;
    text-transform: uppercase;
}

.calendar-box-title img {
    margin: 0 3px 3px 3px;
}

.calendar-box-title {
    font-size: 0.9em;
}

.calendar-box-text {
    overflow: auto;
    padding: 15px;
    font-size: .9em;
    letter-spacing: .03em;
}

.calendar-box-text h2 {
    font-size: 1.1em;
}

.calendar-map {
    padding: 0px;
}

#map-event {
    height: 400px;
    width: 100%;
}

#map-events {
    height: 600px;
    width: 100%;
}

.calendar-img-map {
    float: left;
    width: 48px;
    border: 1px solid #aeaeae;
    margin-right: 10px;
}

#map-legend {
    position: absolute;
    top: 70px;
    left: 15px;
    z-index: 900;
    background-color: rgba(0, 0, 0, .6);
    font-size: 0.75em;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
}

#map-legend img {
    height: 20px;
}

#map-form {
    float: right;
    position: absolute;
    top: 70px;
    z-index: 1000;
    right: 15px;
}

#map-form select {
    display: inline;
    width: auto;
    color: #efefef;
    background-color: rgba(0, 0, 0, .75);
}

#map-search-date,
#map-search-country {
    padding: 0 4px;
    height: calc(1.3em + .65rem + 2px);
    font-size: 0.9em;
}

.calendar-popup {
    padding: 10px 8px;
    background-color: #343a40
}

.calendar-popup a {
    font-size: 0.9em;
    color: #ffffff;
}

.calendar-zone {
    border-left: 1px dotted #eaeaea;
    border-bottom: 1px dotted #eaeaea;
}

.calendar-zone-full {
    border: 1px dotted #eaeaea;
}

.calendar-year {
    border-top: 1px dotted #eaeaea;
    border-right: 1px dotted #eaeaea;
}

.calendar-year-title {
    margin: 0;
    padding: 15px 5px 10px 5px;
}

.calendar-year-title h2 {
    font-size: 1.1em;
}

.calendar-year-month {
    padding: 10px 25px 25px 25px;
    font-size: 0.85em;
}

.calendar-year-month-on {
    border-top: 1px dotted #eaeaea;
    border-left: 1px dotted #eaeaea;
    font-weight: 600;
    padding: 8px;
    font-size: 1.1em;
    text-transform: uppercase;
}

.calendar-year-month-on h3 {
    font-size: 1em;
}

.calendar-year-month-on:hover {
    background: #d2f4f9;
}

.calendar-year-month-off {
    padding: 8px;
    font-size: 0.85em;
    color: #888888;
    background: #f9f9f9;
}

.calendar-table {
    width: 100%;
    margin-bottom: 0;
}

.calendar-table h2 {
    font-size: 0.95em;
}

.calendar-table td {
    font-size: 0.9em;
    border-top: 0px;
    padding: 0.6em;
    color: #888888;
}

.calendar-table th {
    border-bottom: 1px dotted #eaeaea;
    font-size: 0.95em;
    border-top: 0px;
    padding: 0.6em;
}

.calendar-table-day {
    background: #d2f4f9;
}

.calendar-table-day-text {
    font-size: 1.06em;
}

.calendar-table-active {
    background: #f7f7f7;
}

.calendar-week {
    border-top: 1px dotted #eaeaea;
}

.calendar-week-first {
    border-top: 1px solid #888888;
}

.calendar-week-img {
    float: left;
    height: 45px;
    margin-right: 15px;
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 1px;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: #343a40;
}

.leaflet-popup-content {
    margin: 0;
}

.mapicon-futur {
    background-image: url('/assets/mineraly/img/marker-futur.png');
}

.mapicon-past {
    background-image: url('/assets/mineraly/img/marker-past.png');
}

.mapicon-present {
    background-image: url('/assets/mineraly/img/marker-present.png');
}

/******************************************************************************************* PERIODIC ELEMENT **********************************************************************/

.periodic {
    padding: 5px 10px 20px 10px;
    background: #343a40;
}

.periodic-link {
    color: #222222;
}

.periodic-link:hover {
    color: #000000;
}

.periodic-table {
    width: 100%;
}

.periodic-box {
    text-align: center;
    min-height: 70px;
    padding: 1px;
}

.periodic-box:hover {
    background: #222222;
    color: #ececec;
}

.periodic-type-alkali {
    background: #d8f0fd;
}

.periodic-type-alkaliearth {
    background: #b6e6ff;
}

.periodic-type-transition {
    background: #91d0f1;
}

.periodic-type-posttransition {
    background: #74c2ef;
}

.periodic-type-lanthanide {
    background: #f3b2e2;
}

.periodic-type-actinide {
    background: #ef96d8;
}

.periodic-type-metalloid {
    background: #d7e3a2;
}

.periodic-type-othernometal {
    background: #f3ba9a;
}

.periodic-type-halogen {
    background: #f8a879;
}

.periodic-type-noblegas {
    background: #d6936c;
}

.periodic-type-unknown {
    background: #c0c0c0;
}

.periodic-type-off {
    background: #444444;
    color: #c0c0c0;
}

.periodic-number {
    float: left;
    font-size: 0.6em;
    background: rgba(255, 255, 255, 0.5);
    padding: 1px 3px;
}

.periodic-atomic {
    float: right;
    font-size: 0.6em;
    padding: 1px 3px;
}

.periodic-symbol {
    font-size: 1.15em;
    font-weight: 600;
}

.periodic-name {
    font-size: 0.70em;
}

.periodic-name-long {
    font-size: 0.60em;
}

.periodic-icon {
    display: none;
    color: #ffffff;
    font-size: 0.6em;
}

.periodic-icon-legend {
    display: none;
}

.periodic-icon i {
    margin: 0 4px;
}

.periodic-legend {
    color: #ececec;
    font-size: 0.75em;
    line-height: 1.8em;
}

.periodic-legend-number {
    background: rgba(255, 255, 255, 0.5);
    padding: 1px 3px;
    display: inline;
}

.periodic-button {
    line-height: 2.2em;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 0.65em;
    color: #222222;
    margin: 1px;
}

.periodic-checkbox {
    position: relative;
    top: 3px;
}

.periodic-type-legend {
    display: inline;
    text-transform: uppercase;
    padding: 0 1px 1px 3px;
}

.table-periodic {
    background: #343a40;
    padding: 15px;
}

.tr-periodic {
    color: #c1c1c1;
}

.tr-periodic a {
    color: #ffffff;
}

/******************************************************************************************* ELEMENT **********************************************************************/

.element-diagram {
    top: -10px;
    position: relative;
    text-align: center;
    z-index: 1000;
}

.element-diagram-img {
    margin: 15px
}

.element-box {
    position: relative;
    border: 1px solid gray;
    background: #595959;
    padding: 20px;
    margin: 20px;
}

.element-box-mt {
    position: relative;
    text-align: center;
    font-size: 3em;
    color: white;
}

.element-box-mc {
    position: relative;
    text-align: center;
    line-height: 1.15em;
    font-size: 15em;
    color: white;
}

.element-box-mb {
    position: relative;
    text-align: center;
    font-size: 1.8em;
    color: white;
}

.element-box-tl {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 1.1em;
    color: #efefef;
}

.element-box-tr {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.1em;
    color: #efefef;
}

.element-box-bl {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 1.1em;
    color: #efefef;
}

.element-box-br {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 1.1em;
    color: #efefef;
}

.element-box-cl {
    position: absolute;
    top: 60px;
    left: 10px;
    font-size: 0.9em;
    color: #efefef;
    text-align: center;
}

.element-box-cr {
    position: absolute;
    top: 60px;
    right: 10px;
    font-size: 0.9em;
    color: #efefef;
    text-align: center;
}

/******************************************************************************************* MEDIA QUERIES **********************************************************************/

/*lg < 1200*/
@media screen and (max-width:1199px) {
    .periodic-name {
        font-size: 0.65em;
    }

    .periodic-name-long {
        font-size: 0.55em;
    }

    .element-box-mt {
        font-size: 2em;
    }

    .element-box-mc {
        font-size: 10em;
    }

    .element-box-mb {
        font-size: 1.5em;
    }
}

/*md < 992*/
@media screen and (max-width:991px) {

    .links-zone {
        min-width: 250px;
    }

    .product-zone {
        padding: 10px;
        min-width: none;
        max-width: none;
    }

    .product-action {
        padding: 6px 0 6px 6px
    }

    .panel-full {
        padding: 0
    }

    .panel-left {
        padding: 0
    }

    .panel-right {
        padding: 0
    }

    .panel-detail {
        font-size: .9em;
        padding: 25px 25px 0 25px;
        line-height: 1.5em
    }

    .periodic-box {
        min-height: 50px;
    }

    .periodic-number {
        float: none;
    }

    .element-box-mt {
        font-size: 3em;
    }

    .element-box-mc {
        font-size: 15em;
    }

    .element-box-mb {
        font-size: 1.8em;
    }

    .element-box-tl {
        font-size: 1.3em;
    }

    .element-box-tr {
        font-size: 1.3em;
    }

    .element-box-bl {
        font-size: 1.3em;
    }

    .element-box-br {
        font-size: 1.3em;
    }

    .element-box-cl {
        font-size: 1.2em;
    }

    .element-box-cr {
        font-size: 1.2em;
    }

    .page-banner {
        padding: 15px;
        background: #f5f6f8;
    }

    .page-box-img {
        max-width: 125px;
    }
}

/*sm < 768*/
@media screen and (max-width:767px) {

    .page-text>h3 {
        margin-left:0px;
        padding-top:10px;
        padding-bottom:5px;
    }

    .product-zone {
        padding: 10px;
        min-width: 150px;
        max-width: 280px;
    }

    .left-col {
        padding: 0px;
    }

    .h1-head {
        padding: 0 15px;
    }

    .ariane {
        padding: 15px 0 0 15px;
    }

    .listing-text{
        padding:0 15px 10px 15px;
        font-size:0.9em;
    }

    .item-count{
        padding:0 15px 10px 15px;
    }

    .footer {
        margin-top: 0px;
    }

    .product-buy-button-two {
        float: right;
        background: #595959;
    }

    .h1-title {
        font-size: 1.15em;
        margin: 10px 0 10px 0;
        text-transform: uppercase
    }

    .h1-head-share {
        padding: 10px;
        font-size: 0.85em;
    }

    #main-zone {
        margin-top: 52px
    }

    .panel {
        border-top: 1px solid #f5f6f8;
        padding: 0 0 15px 0
    }

    #search-zone {
        padding-top: 0;
        margin-bottom: 15px
    }

    .search-form {
        padding: 8px
    }

    .search-form {
        border-bottom: 1px solid #efefef;
        padding: 13px;
        color: #fff;
        background: #595959
    }

    .panel-tab {
        padding: 0 15px
    }

    .tab {
        padding: 0 15px 15px 15px
    }

    .account {
        padding: 10px
    }

    #main-zone-calendar {
        margin-top: 0px;
    }

    .periodic-box {
        min-height: 40px;
    }

    .periodic-symbol {
        font-size: 0.9em;
        font-weight: 600;
    }

    .periodic-number {
        font-size: 0.5em;
    }

    .products-result-filter {
        margin: 10px 10px 0 10px;
    }

    .element-nav {
        padding: 0 15px
    }

    .page-date {
        font-size: .7em;
        padding: 0 0 10px 10px;
    }

    .page-banner {
        background: #ffffff;
        padding: 0 15px;
    }

    .page-bloc {
        padding-left: 15px
    }

    .page-box-img {
        max-width: 110px;
    }

    .product-box-video {
        font-size: 1.5em;
    }
}

/*xs < 576*/
@media (max-width:575px) {

    .home-divider{
        margin-bottom:10px;
    }

    .home-button{
        display:none;
    }

    .collection-zone {
        padding: 10px;
        min-width: 150px;
    }

    .links-zone {
        min-width: 160px;
    }

    .product-zone {
        padding: 10px;
        min-width: none;
        max-width: none;
    }

    .special-zone {
        padding: 10px;
    }

    .h1-head-share {
        padding: 0px;
    }

    .periodic-box {
        min-height: 30px;
    }

    .periodic-number {
        font-size: 0.5em;
    }

    .periodic-symbol {
        font-size: 0.65em;
    }

    .periodic-legend {
        font-size: 0.65em;
    }

    .element-box-mt {
        font-size: 2.5em;
    }

    .element-box-mc {
        font-size: 13em;
    }

    .element-box-mb {
        font-size: 1.8em;
    }

    .element-box-tl,
    .element-box-tr,
    .element-box-bl,
    .element-box-br {
        font-size: 1.1em;
    }

    .element-box-cl,
    .element-box-cr {
        font-size: 0.9em;
    }

    .page-box-img {
        max-width: 100px;
    }
}

@media (min-width:575px) {
    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 100%
    }
}

@media screen and (min-width:1400px) {
    .periodic-box {
        min-height: 90px;
    }

    .periodic-number {
        font-size: 0.7em;
    }

    .periodic-atomic {
        font-size: 0.7em;
    }

    .periodic-symbol {
        font-size: 1.5em;
        line-height: 1em;
    }

    .periodic-name {
        font-size: 0.75em;
    }

    .periodic-name-long {
        font-size: 0.65em;
    }

    .periodic-icon {
        display: inline;
    }

    .periodic-icon-legend {
        display: inline;
    }
}

@media screen and (max-width:1400px) {
    .lithocard {
        width: 33%
    }
}

@media screen and (max-width:1100px) {
    .lithocard {
        width: 50%
    }
}

@media screen and (max-width:850px) {
    .lithocard {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .lithocard {
        width: 50%
    }
}

@media screen and (max-width:600px) {
    .lithocard {
        width: 100%
    }
}