.bloc_mois_date {font-size: 12px; font-style: normal;}

.encart_logo {
    text-align: center !important;
}

.calendrier_annees {margin-bottom: 50px;line-height: 2;}

.page_calendrier .entry-image {
  width: 180px;
  float: left;
  margin-right: 0;
}


.ordre_false.product,
.pageOrdre .ordre_false.product {
    height: 580px !important;
}

/* Share icons */
.si-share {
    display: none;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}


/* Date vente */
.date_vente {
    text-transform: none;
}

/* Droite catalogue img */
.droite_catalogue img {
    max-width: 120px;
    height: auto;
}

.noPadding.col-md-6.texteCGV {
    padding: 0px 20px !important;
}


/*----------------  #footer------------- */
.socialFooter { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 20px 0; }
img.logo_footer { width: 100px; height: auto; }
footer a:link { color: #fff; }
#copyrights { font-size: 13px; line-height: 1.8; }
.device-xxs img.logo_footer, .device-xs img.logo_footer, .device-sm img.logo_footer { justify-content: center; flex-wrap: wrap; gap: 10px; }


/*--------------- page notre équipe ---------------*/  
.team-section { margin-bottom: 40px; text-align: center;}
  .team-function h2 { font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; }
  .team-member { margin-bottom: 20px; }
  .name { font-size: 1.2rem; margin-bottom: 10px; }
  .job-title { display: block; font-style: italic; color: #555; }
  .contact-info { margin-top: 10px; }
  .experts-grid { display: flex; flex-wrap: wrap; }
  .expert-item { flex: 1 1 25%; padding: 10px; box-sizing: border-box; }
  @media (max-width: 768px) { .expert-item { flex: 1 1 50%; } }



/*--------------- Slider ---------------*/
.rev_slider .tp-mask-wrap .tp-caption,
.rev_slider .tp-mask-wrap *:last-child,
.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,
.wpb_text_column .rev_slider .tp-mask-wrap *:last-child {
    font-family: Abel !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

@media (max-width: 768px) {
    .tp-caption {
        display: none !important;
    }
}

/*---------------- #head ------------- */
#top-bar img {
    height: 25px !important;
}

#top-bar {
    line-height: 40px;
}

#top-social li a {
    font-weight: bold;
    color: #000;
}

#top-social li {
    border-left: 0px solid #000;
}

#top-social li .ts-icon {
}

#top-social li,
#top-social li a,
#top-social li .ts-icon,
#top-social li .ts-text {
    height: 30px;
    line-height: 30px;
}

#logo img {
    height: 140px;
    width: auto;
    margin-bottom: 20px;
}

.flags img {
    opacity: 0.5;
    height: 25px !important;
}

.flags a:hover img {
    opacity: 1;
    height: 25px;
}

.top-links,
.top-links a:link,
.top-links a:visited {
    color: #000 !important;
}

.top-links {
    color: #000;
}

h2.salePhareTitle {
    line-height: 1.3;
}

/*---------------- #menu ------------- */
nav a:link {
    color: #fff;
}

#primary-menu ul li a {font-size: 14px;}

#header.sticky-style-2 #header-wrap, #header.sticky-style-3 #header-wrap, #primary-menu.style-2 > div > ul > li > a {
   text-transform: uppercase;
}

#primary-menu ul ul a [text-transform: none; font-size: 14px !important;]

#primary-menu.style-2 {
   text-transform: uppercase;
}

#primary-menu.style-2 > div > ul > li > a i {
    line-height: 30px;
    color: #ffffff;
    font-weight: bold;
   text-transform: uppercase;
}

#primary-menu.style-2 > div > ul > li > a i:hover {
    line-height: 30px;
    color: #fff !important;
    font-weight: bold;
    text-transform: uppercase;
}

.device-sm #primary-menu,
.device-xs #primary-menu,
.device-xxs #primary-menu {
    float: left;
    width: 100%;
    background-color: #00048C !important;
}

#header.sticky-style-2 #header-wrap,
#header.sticky-style-3 #header-wrap,
#primary-menu.style-2 > div > ul > li > a {
    line-height: 35px;
}

#primary-menu.style-2 > div #top-search,
#primary-menu.style-2 > div #top-cart,
#primary-menu.style-2 > div #side-panel-trigger {
    margin-top: 9px;
    margin-bottom: 20px;
}

#primary-menu ul ul li a:hover {
    float: none;
    margin: 0;
    text-transform: none;
    background-color: #00048C !important;
}

.device-md #primary-menu ul li a {
    padding-left: 16px;
    padding-top: 3px;
    padding-right: 16px;
    padding-bottom: 3px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
}

/*---------------- Top search -----------------*/

#primary-menu .container #top-search form input::placeholder {
    font-size: 16px;
    text-transform: none;
    font-weight: normal;
}


.device-xxs #primary-menu .container #top-search form input::placeholder {
    font-size: 14px;
    color: #000;
    text-transform: none;
    font-weight: normal;
}


.device-xxs #top-search input[type="text"] {
    width: 80% !important;
}

#top-search form input {
    background: #fff none repeat scroll 0 0;
    border-radius: 6px 0px 0px 6px;
    float: left;
    height: 50%;
    line-height: 25px;
    margin-top: 8px !important;
    padding: 5px 5px 5px 7px !important;
    width: 90%;
    font-weight: normal;
    color: #000;
}


#primary-menu .container #top-search form input::placeholder {
    color: #000000 !important;
}


#top-search form input.loupe {
    background: #ffffff url("https://www.joron-derem.com/uploads/Image/img_site/bt_loupe.png") no-repeat scroll 0 4px !important;
    height: 34px;
    width: 30px;
    color: #000;
    float: left;
    border-radius: 0px 6px 6px 0px;
    background-size: 100% 60% !important;
}


#primary-menu.style-2 > div #top-search,
#primary-menu.style-2 > div #top-cart,
#primary-menu.style-2 > div #side-panel-trigger {
    margin-top: 9px;
    margin-bottom: 0px;
}

#primary-menu .container #top-search form input::placeholder {
    color: #000 !important;
}

#primary-menu .container #top-search form input {
    color: #000 !important;
}

#primary-menu-trigger,
#page-submenu-trigger {
    width: 50px;
    height: 30px;
    line-height: 30px;
}

#top-search form input {
    background: #fff none repeat scroll 0 0;
    border-radius: 6px 0px 0px 6px;
    float: left;
    height: 34px;
    line-height: 20px;
    margin-top: 3px !important;
    padding: 5px 5px 5px 7px !important;
    width: 90%;
    font-weight: normal;
    color: #000;
}

.device-md #top-search form input {
    margin-top: 3px !important;
}

.device-sm #top-search form input {
    margin-top: 3px !important;
}

.device-xxs #top-search form input,
.device-xs #top-search form input {
    margin-top: 3px !important;
}

#top-cart .top-cart-content {
    border-top: 2px solid #013F7B;
}

#top-cart > a > span {
    background-color: #fff;
    right: 0px !important;
    color: #000;
}

#searchFiltre input.btRecherche {
    margin-bottom: 10px;
}

/*--------- Home -----*/

.lotPhareImage {
    width: 100%;
    text-align: center;
}

.titre_page,
.titre_page a {
    color: #00048C;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.3;
    margin-top: 50px;
}

.titre_home,
.titre_home a {
    color: #00048C;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
}

.device-md .titre_home,
.device-md .titre_home a {
    font-size: 15px;
    line-height: 1.3;
}

.device-sm .titre_home,
.device-sm .titre_home a {
    font-size: 15px;
    line-height: 1.3;
}

.salePhareImage img {
    width: 100% !important;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    padding: 0px;
}

.device-sm .salePhareImage img {
    width: 60% !important;
}


/*---------------- Actualités - Records --------------*/

/* Général - Page Records (desktop base) */
.page_records .entry.clearfix.actualite {
    float: left;
    width: 50%;
    padding-right: 30px;
}

.page_records .entry.clearfix.actualite .entry-image,
.actuAccueil .actualite .entry-image a,
.page_records .entry.clearfix.actualite .entry-image {
    width: 100%;
    margin-bottom: 0;
    overflow: hidden;
}

/* Contenu texte */
.page_records .entry-c {
    position: relative;
    float: left;
    max-height: 160px;
    min-height: 160px;
    overflow: hidden;
}

.texte_actualite {
    margin-bottom: 10px;
}

/* Masquer la date sur la page Records */
.page_records .date_actualite {
    display: none;
}

/* Images petites vignettes (liste ou colonnes) - Base pour desktop */
.entry.clearfix.actualite .entry-image {
    width: 150px;
    float: left;
    margin-right: 20px !important;
    margin-bottom: 0;
}

/* Colonnes */
.actualiteCol1,
.actualiteCol2 {
    width: 100%;
}

/*---------------- Responsive Général (pour stacker sur mobile) --------------*/

/* Sur mobile (device-xs et device-xxs), stacker les actualités verticalement */
@media (max-width: 767px) { /* Typique pour device-xs et xxs dans de nombreux frameworks comme ceux basés sur Bootstrap ou custom */
    .page_records .entry.clearfix.actualite {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px; /* Espacement entre les actualités stackées */
    }

    /* Ajuster les images pour fullingularité sur mobile */
    .entry.clearfix.actualite .entry-image {
        width: 100%;
        float: none;
        margin-right: 0 !important;
        margin-bottom: 10px;
    }

    /* Contenu texte prend plein largeur */
    .page_records .entry-c {
        float: none;
        width: 100%;
        max-height: none; /* Optionnel : retirer la limite de hauteur sur mobile pour plus de lisibilité */
        min-height: auto;
    }
}

/* Grandes résolutions (device-lg) */
.device-lg .page_records .actualite .entry-image,
.device-lg .actuAccueil .actualite .entry-image a {
    width: 100%;
    margin-top: 20px;
    max-height: 400px;
    overflow: hidden;
    margin-bottom: 10px;
}

/* Moyennes résolutions (device-md) */
.device-md .page_records .actualite .entry-image,
.device-md .actuAccueil .actualite .entry-image a {
    width: 100%;
    max-height: 320px;
    overflow: hidden;
    margin-bottom: 0;
}

/* Petites résolutions (device-sm) */
.device-sm .page_records .actualite .entry-image,
.device-sm .actuAccueil .actualite .entry-image a {
    width: 100%;
    max-height: 248px;
    overflow: hidden;
    margin-bottom: 5px;
}

/* Très petites résolutions - actualité droite (conservé, mais overriden par la media query mobile si conflit) */
.device-xs .actualite_droite .entry.clearfix.actualite .entry-image,
.device-sm .actualite  .actualite_droite .entry.clearfix.actualite .entry-image {
    width: 360px;
    float: left;
    margin-right: 0;
    clear: both;
    margin-bottom: 20px;
}

.device-xxs .actualite_droite .entry.clearfix.actualite .entry-image {
    width: 100%;
}

/* Contenu texte responsive (ajusté dans la media query mobile pour cohérence) */
.device-xs .entry-c,
.device-sm .entry-c {
    width: 60%; /* Conservé pour cas spécifiques, mais overriden en full width sur mobile si needed */
}


/*--------- Actualités - Collections - Successions -----*/
.page_successions_remarquables .entry.clearfix.actualite {
    float: left;
    height: 490px;
    margin-bottom: 30px;
}

.device-lg .page_successions_remarquables .entry.clearfix.actualite {
    float: left;
    width: 25%;
    height: 480px;
    margin-bottom: 30px;
}

.device-md .page_successions_remarquables .entry.clearfix.actualite,
.device-sm .page_successions_remarquables .entry.clearfix.actualite {
    float: left;
    width: 50%;
    height: 490px;
    margin-bottom: 30px;
}

.page_successions_remarquables .entry-image {
    width: 230px !important;
    float: left;
    margin-right: 0;
}

.page_collections_remarquables .entry.clearfix.actualite {
    float: left;
    height: 490px;
    margin-bottom: 130px;
}

.device-lg .page_collections_remarquables .entry.clearfix.actualite {
    float: left;
    width: 25%;
    height: 480px;
    margin-bottom: 130px;
}

.device-md .page_collections_remarquables .entry.clearfix.actualite,
.device-sm .page_collections_remarquables .entry.clearfix.actualite {
    float: left;
    width: 50%;
    height: 490px;
    margin-bottom: 130px;
}

.page_collections_remarquables .entry-image {
    width: 230px !important;
    float: left;
    margin-right: 0;
}

.device-xs .page_successions_remarquables .entry-c {
    position: relative;
    float: left;
    width: 60%;
}

.page_collections_remarquables .entry-c {
    clear: both;
}

/*---------------- #carrousel home-resultats ------------- */
.belles_encheres {
    text-align: center;
    margin-top: 20px;
}

.CarouselResultat {
    color: #444;
    margin-top: 4px;
    text-align: center;
    text-transform: none;
    font-weight: bold;
}

.belles_encheres_home .owl-carousel .owl-item img {
    margin: 0 auto;
    border-radius: 3px;
    height: 130px;
}

.belles_encheres_home .imgphare {
    display: table-cell;
    height: 140px;
    margin-bottom: 14px;
    margin-right: 19px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    float: left;
    max-height: 140px;
    min-height: 140px;
    width: 100%;
}

.belles_encheres_home {
    text-align: center;
    margin-top: 20px;
}

.calendrier_milieu .bloc_mois_date {
    display: none;
}

.owl-theme .owl-dots .owl-dot.active span {
    background-color: #444;
}

.oc-lot h5 {
    float: left;
    line-height: 16px;
    margin-bottom: 5px;
    color: #444;
    max-height: 30px;
    overflow: hidden;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
	position: absolute;
	top: 26%;
}

/*---------------- #carrousel home-calendrier ------------- */
.home_calendrier {
    margin-bottom: 50px;
}

.carouselCouvCata {
    border: 1px solid #f1f1f1;
}

.couvPasDispo {
    background: #fff url("https://www.joron-derem.com/uploads/Image/img_site/nocouv.png") no-repeat scroll center center;
    background-size: 100% 100%;
    border: 1px solid #f1f1f1;
    height: 320px;
}



.couvPasDispo {
    height: 219px !important;
}

.home_calendrier .entry-title h2,
.entry-title h2 a {
    font-size: 12px;
    line-height: 1.3;
    color: #444;
}

.calendrierVertical .item:hover .verticalImage img {
    transform: none;
    transform: scale(1) translate(0%, 0%);
}

.calendrierVertical .item .verticalImage img {}

.home_calendrier .carouselCouvCata,
.home_calendrier .calendrierVertical .cataPasDispo {
    float: left;
}
.calendrierVertical .cataPasDispo {
  overflow: hidden;
  max-height: 320px;
  float: left;
}


.carouselCouvCata,
.calendrierVertical .cataPasDispo {
    float: left;
}

.calendrierVertical .item .verticalImage img {
    border: 1px solid #f1f1f1;
}

.calendrierVertical .entry-title {
    overflow: hidden;
    padding-top: 20px;
}

.bloc_vente_date {
    color: #444;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    margin-top:10px;
     clear: both;
}

.bloc_vente_lieu {
    color: #333333;
    font-style: italic;
    margin-top: 4px;
    font-size: 12px;
    clear: both;
    margin-top:10px;
}


/*---------------- #formulaires ------------- */
.btn-default {
    color: #fff;
    background-color: #00048C;
    border-color: #00048C;
}

.btn-default:hover {
    color: #fff;
    background-color: #cc0000 !important;
    border-color: #cc0000 !important;
}

.bt_valider_ordre input,
#estim .btn.btn-default,
#form_inscription .btn.btn-default,
.formEnvoyer input {
    background: #00048C;
    color: #fff;
    padding: 10px 15px;
    border: 1px solid #00048C;
    border-radius: 2px;
    margin-top: 10px;
}

button .bt_valider_ordre input,
#estim .btn.btn-default,
.fond_estimation .btn.btn-default.nb,
.formEnvoyer input {
    background: #00048C;
    color: #fff;
    padding: 10px 15px;
    border: 1px solid #00048C;
    border-radius: 2px;
    margin-top: 10px;
    width: auto;
}

.bt_valider_ordre input:hover,
#estim .btn.btn-default:hover,
#form_inscription .btn.btn-default:hover,
.formEnvoyer:hover input {
    background: #cc0000;
    color: #fff;
    border: 1px solid #cc0000;
}

.button.button-border:hover {
    background-color: #cc0000;
    color: #FFF;
}

.button.button-border {
    border: 2px solid #00048C;
    background-color: transparent;
    color: #333;
    line-height: 36px;
    font-weight: 600;
    text-shadow: none;
}

.button.button-3d:hover {
    background-color: #cc0000 !important;
    opacity: 0.9;
}

.envoyer_ordre .button.button-border {
    background: #00048C;
    color: #fff;
    border-color: #00048C;
}

.envoyer_ordre .button.button-border:hover {
    background: #cc0000;
}

.fond_estimation {
    background-color: #f8f8f8;
    width: 100%;
}

#estim {
    background-color: #f8f8f8;
    padding: 20px;
}

.page_newsletter .fond_estimation {
    float: left;
}

.form1 {
    padding: 20px;
}


#estim input,
#estim textarea {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: auto;
    padding: 5px 10px;
}

.newsletter_lettrine {
    display: none;
}

.page_newsletter #etape1,
.page_newsletter #etape2,
.page_newsletter #etape3,
.page_newsletter #droit {
    padding: 25px;
    margin-bottom: 0px !important;
    margin-top: 0px;
    width: 100%;
}

.device-xxs .page_newsletter #etape1,
.device-xxs .page_newsletter #etape2,
.device-xxs .page_newsletter #etape3,
.device-xxs .page_newsletter #droit {
    padding: 25px 10px 25px 5px;
    margin-bottom: 0px !important;
}

.device-xxs textarea {
    width: 90%;
}

.device-xs input[type="radio"] {
    width: 14px !important;
}

.device-xxs input[type="radio"] {
    width: 14px !important;
}

.device-xs #estim input [type="radio"] {
    width: 14px !important;
}

.device-xxs #estim input [type="radio"] {
    width: 14px !important;
}

.device-sm input[type="radio"] {
    width: 14px !important;
}

.device-sm #estim input [type="radio"] {
    width: 14px !important;
}

.page_expertise,
page_newsletter,
.inscription_legende {
    padding-bottom: 30px;
}


.row.inscription_etape_un,
.row.inscription_etape_deux,
.row.inscription_etape_trois {
    border-bottom: 1px solid #f8f8f8;
}


/*---------------- Paiement -----------------*/
.paiement {
    background-color: #f8f8f8;
    float: left;
    padding: 20px;
}

.paiement h3 {
    display: none;
}

/*--------------- Formulaire de contact -----------------*/
.formulaireContact {
    padding: 20px;
    background: #f8f8f8;
}

.formulaireContact #dsi-submit-btn {
    color: #fff;
    background: #000;
    border-color: #000;
    margin-bottom: 20px;
}

.formulaireContact #dsi-submit-btn:hover {
    color: #fff;
    background: #040022;
    border-color: #040022;
    margin-bottom: 20px;
}

.formulaireContact .col-sm-3.inscription_legende {
    width: 160px;
}

.formulaireContact .col-sm-9 {
    margin-bottom: 20px;
}

.formulaireContact .col-sm-2 {
    width: 83px;
    padding-right: 0px;
    padding-left: 0px;
}

/*---------------- #pages statiques ------------- */
.page_statique a:link,
.page_statique a {
    color: #000 !important;
    text-decoration: underline !important;
}

.page_statique a:hover {
    color: #000 !important;
    text-decoration: underline !important;
}

.lienstatique a:link,
.lienstatique a {
    color: #000 !important;
    text-decoration: underline !important;
}

.lienstatique a:hover {
    color: #000 !important;
    text-decoration: underline !important;
}

.calLegende {
    background-color: #f8f8f8;
    padding: 20px;
    width: 100% !important;
    text-align: center;
    margin-bottom: 40px;
    color: #000;
    border-color: transparent !important;
}

.encart_entete {
    background-color: #f8f8f8;
    padding: 20px;
    width: 100% !important;
    text-align: left;
    margin-bottom: 40px;
    color: #000;
    border-color: transparent !important;
}

.page_statique h2 {
    clear: both;
    padding: 30px 0px 0px 0px;
}

.page_statique h3 {
    font-size: 14px;
    padding: 20px 0px 0px 0px !important;
    font-weight: 600;
}

.page_statique h4 {
    padding: 20px 0px 0px 0px;
    font-size: 12px;
    font-weight: 600;
}

.team-member {
    border-bottom: 1px solid #fff;
    color: #555;
    margin-bottom: 50px;
}

.team-member .content {
    padding: 0 5px;
    height: 150px;
}

.teamFunction {
    margin-left: 0px;
    border-bottom: 1px solid #00048C !important;
    color: #00048C;
}

.team-members.col-md-12 {
    padding-left: 0px;
    margin-left: 0px;
}

.page_experts .teamFunction h2 {
    padding-bottom: 0px;
    margin-bottom: 6px;
}


.WidgetDroite {
    margin-top: 0px;
    padding-bottom: 10px;
}

.tabs {
    font-weight: 400;
}

.titre_expert {
    color: #444;
    text-transform: none;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    border-bottom: 1px solid #DDD;
    padding: 0px 0px 9px 0px;
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
}

.img_expert {
    padding: 0px 10px 0px 0px;
}

.device-sm .titre_expert {
    margin-bottom: 30px;
    float: left;
    clear: both;
    width: 100% !important;
}

img.img_expert {
    margin-bottom: 10px;
    max-width: 250px;
    clear: both;
}

.WidgetDroit.experts {
    padding: 50px 20px 20px 20px !important;
}

.col-md-6.equipe {
    padding-bottom: 30px;
}

.device-sm .col-md-6.equipe {
    padding-bottom: 50px;
    width: 50%;
    float: left;
}

/*---------------- #page specialites ------------- */
.carreSpecialites.col-md-4 div {
    padding: 10px 0;
    margin-top: 0px;
}

.titrespecialites {
    background-color: #fff;
    opacity: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    color: #00048C;
    font-weight: 600;
    font-family: Abel !important;
}

.device-sm .carreSpecialites.col-md-4 {
    height: 440px;
    float: left;
    width: 50%;
}

.device-md .carreSpecialites.col-md-4 {
    height: 370px;
    float: left;
}

.device-xxs .carreSpecialites.col-md-4 {
    height: 380px;
    float: left;
}

.device-sm .liste_specialites .col-md-4 {
    width: 50%;
    float: left;
}

.device-md .titrespecialites,
.device-sm .titrespecialites {
    font-size: 12px;
}

.device-xs .titrespecialites,
.device-xxs .titrespecialites {
    font-size: 11px;
}

.device-xs .carreSpecialites.col-md-4 {
    height: 480px;
    float: left;
}

/*---------------- #footer ------------- */
footer a:link {
    color: #000;
}

#gotoTop:hover {
    background-color: #00048C;
}

.copyright-links,
.copyright-links a,
.copyright-links a:visited {
    line-height: 1.5;
    color: #000;
}


.logo-footer {
    height: 110px !important;
    width: auto;
    padding-bottom: 20px;
}



/* Media Queries */

/* Max-width 767px */
@media (max-width: 767px) {
    .paiement .freeForm .label {
        float: left;
        width: 100%;
        color: #000;
        text-align: left;
    }

    .paiement input {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        width: auto;
        clear: both;
        float: left;
    }

    .paiement select {
        width: 100%;
    }

    .paiement .entry-c {
        position: relative;
        overflow: hidden;
        clear: both;
        width: 100%;
    }

    .calendrier .col-md-10.entry-c {
        width: 65%;
        float: left;
    }

    .layoutsExemple .entry-image.no_couv.couverture_catalogue {
        background-image: url("https://www.joron-derem.com/uploads/Image/img_site/picto_no_couv.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 120px !important;
        height: 150px !important;
        padding-right: 40px;
        border-radius: 4px;
        border: 1px solid #ccc;
        margin-left: 0px;
        float: left;
        margin-right: 24px;
    }

    .titrespecialites {
        font-size: 11px;
    }
}

/* Max-width 991px */
@media (max-width: 991px) {
    #primary-menu .container #primary-menu-trigger {
        top: -4px;
        left: 0px;
        height: 40px;
        background-color: transparent !important;
    }

    #primary-menu-trigger {
        top: 250px;
        margin-top: 0;
        height: 30px;
        line-height: 30px;
        background-color: transparent;
    }

    #primary-menu > div > #top-search a,
    #primary-menu > div > #top-cart,
    #primary-menu > div > #side-panel-trigger {
        margin: 10px 0 !important;
    }

    #logo {
        margin: 20px auto 0 !important;
    }

    #logo img {
        margin-bottom: 10px;
    }

    .titre_accueil,
    .titre_accueil a {
        font-size: 18px;
    }

    .entry-title h2,
    .post-grid .entry-title h2 {
        font-weight: 600;
    }

    .texteHeader,
    .texteHeader a,
    .texteHeader a:visited {
        text-align: center;
        width: 100% !important;
        margin-bottom: 30px;
        color: #606060 !important;
        font-size: 24px;
    }

    #header.sticky-style-2 #header-wrap,
    #header.sticky-style-3 #header-wrap {
        min-height: 40px;
    }

    #primary-menu-trigger .icon-reorder {
        color: #fff !important;
    }

    #primary-menu ul li:last-child {
        padding-left: 0px;
    }

    #primary-menu > div > #top-cart {
        margin: 10px 0 !important;
    }

    #primary-menu ul li a,
    #primary-menu.style-2 > div > ul > li > a {
        height: 50px !important;
        line-height: 50px !important;
        padding: 0 20px !important;
        border: none !important;
        margin: 0 !important;
    }

    #primary-menu .container #primary-menu-trigger {
        top: 4px;
        left: 0px;
        height: 40px;
        background-color: transparent !important;
    }

    .col-sm-3.inscription_legende,
    .col-sm-2.inscription_legende {
        width: auto;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .device-sm .col-sm-3.inscription_legende,
    .device-sm .col-sm-2.inscription_legende {
        width: 24%;
    }

    .inscription_etape {
        width: 100%;
    }

    textarea {
        width: 100%;
    }

    input [type="radio"] {
        width: 14px !important;
    }

    input[type="email"] {
        width: 100%;
    }

    input[name="montant"][type="text"] {
        width: 90%;
    }

    .titre_page,
    .titre_page a {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }

    .titre_services,
    .titre_services a {
        font-size: 16px;
        font-weight: bold;
    }

    .col_one_third {
        width: 100%;
        margin-right: 0px;
        float: none;
        text-align: center;
    }


    [class^="icon-legal"] {
        margin-right: 20px;
    }

    .layoutsExemple .actualiteCol1 .entry-image {
        width: auto;
        padding: 0 20px;
    }

    .footerNiveau1,
    .footerNiveau2 {
        padding: 0;
        width: 100%;
        text-align: center;
    }


    #top-cart > a > span {
        background-color: #fff;
        right: 5px !important;
        color: #000;
    }

    #primary-menu-trigger {
        top: 103%;
        background-color: transparent !important;
    }

    #searchFiltre button.btn.btn-primary {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    h2.salePhareTitle {
        font-size: 12px;
        line-height: 1.3;
    }
}

/* Max-width 479px */
@media (max-width: 479px) {
    #logo img {
        height: 110px;
    }

    .layoutsExemple .entry-image.no_couv.couverture_catalogue {
        background-image: url("https://www.joron-derem.com/uploads/Image/img_site/picto_no_couv.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 100% !important;
        height: 377px !important;
        padding-right: 40px;
        border-radius: 4px;
        border: 1px solid #ccc;
        margin-left: 0px;
        margin-right: 14px;
    }

    #primary-menu > div > #top-search a,
    #primary-menu > div > #top-cart,
    #primary-menu > div > #side-panel-trigger {
        margin: 10px 0 !important;
    }

    .calendrier .col-md-10.entry-c {
        width: 100%;
        float: left;
    }
}


/* Max-width 480px */
@media (max-width: 480px) {
    .layoutsExemple .entry-image {
        width: 320px !important;
        float: left;
        margin-right: 0px;
    }
}



/*----------------  #video youtube------------- */
.video-responsive { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
}

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

.video-responsive { 
overflow:hidden; 
padding-bottom:56.25%;
position:relative;
height:0;
}

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