#logo, #logo a, #logo img {
    pointer-events: auto !important;
    z-index: 1000 !important;
}

ul {margin-left: 1.5em;}

#primary-menu ul li a { font-weight: bold; }

/*----------------couverture vente home taille mobile------------- */
.device-xxs .home_calendrier .couverture_catalogue img {
    height: 100%;
    width: 270px;
}


/*----------------Gestion responsive des informations de contact  ------------- */
@media (max-width: 767px) {
    .infos-contact {
        visibility: hidden;
        height: 0;
        overflow: hidden;
    }
}

@media (min-width: 768px) {
    .infos-contact2 {
        visibility: hidden;
        height: 0;
        overflow: hidden;
    }
}

/*----------------icones RS ------------- */
/* Conteneur principal des icônes sociales */
#social_menu {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 20px 0;
  width: 100%;
}

/* Liens : couleurs par défaut */
#social_menu a:link,
#social_menu a:visited {
  color: #fff;
  text-decoration: none;
}

/* Hover : garde le texte blanc */
#social_menu a:hover {
  color: #fff;
}

/* Style de base des icônes */
.social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #fff;
  background-color: #01215d;
  border: 1px solid #01215d;
  border-radius: 0;
  text-shadow: none;
  overflow: hidden;
}

/* Icônes petites : masquées */
.social-icon.si-small {
  display: none;
}

/* Classe .si-rounded si jamais tu veux réutiliser le style plus tard */
.si-rounded {
  border-radius: 0;
}

/* Animation inutile ici (optionnelle) */
.social-icon:hover i:first-child {
  margin-top: 0;
}


/*----------------menu ------------- */
.device-md #primary-menu ul li a,
.en.device-md #primary-menu ul li a {
    padding-left: 20px;
    padding-right: 20px;
}

#primary-menu.style-2 > div > ul > li > a i {
    line-height: 1;
}


/*----------------pictos------------- */
/* Images responsive et centrées */
.picto-footer {
  max-width: 80px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 8px;
}

/* Texte centré sous chaque pictogramme */
.texte-picto {
  text-align: center;
  font-size: 14px;
  margin: 0;
}

/* Sur petit écran (mobile)*/
@media (max-width: 767px) {
  /* Réduire la taille max de limage */
  .picto-footer {
    max-width: 60px;
  }

  /* Texte un peu plus petit */
  .texte-picto {
    font-size: 12px;
  }

  /* Chaque bloc prend la moitié de la largeur (2 par ligne) */
  .footerNiveau1 .col-md-2 {
    float: left;
    width: 45% !important;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
  }
}


/*----------- #REFONTE SITE -----------*/

@media (max-width: 767px) {
  #top-search a i {
    top: -8px;
  }
}

.home_calendrier .bloc_vente_pictos { display: none; }
.home_calendrier .owl-dots { display: none !important; }

/*----------- #ENTÊTE -----------*/
.top-links, .top-links a, .top-links a:visited { color: #fff !important; font-weight: bold; text-transform: uppercase; }
.texteHeader, .texteHeader a, .texteHeader a:visited, .texteHeader a:hover, .texteHeader a:link { color: #fff; text-align: center; padding-top: 16px; padding-bottom: 30px; opacity: 0.5; }
#top-bar { font-size: 12px; line-height: 44px; }
#logo img { width: 440px; height: auto; margin-bottom: 20px; }
#top-social li a { font-weight: bold; color: #fff; }
#top-social li { border-left: 0px solid #fff; }
#top-social li, #top-social li a, #top-social li .ts-icon, #top-social li .ts-text { height: 30px; line-height: 30px; }
#top-social li .ts-icon { font-size: 12px; }
.titre-header { font-size: 24px; font-family: 'Bodoni Moda' !important; padding-top: 20px; }

/*----------- #RECHERCHE -----------*/
#primary-menu .container #top-search form input::placeholder { color: #000 !important; font-size: 16px; text-transform: none; font-weight: normal; }
#primary-menu .container #top-search form input { color: #000 !important; background: #fff; border-radius: 6px 0px 0px 6px; float: left; font-size: 14px; height: 34px; line-height: 20px; margin-top: 3px !important; padding: 5px 5px 5px 7px !important; font-weight: normal; }
#top-search form input.loupe {
  background: #fff url('https://www.chayette-cheval.com/uploads/Image/img_site/bt_go.gif') no-repeat scroll 0 4px !important;
  background-size: 100% 100%;
  height: 34px;
  width: 30px;
  color: #000;
  float: left;
  border-radius: 0 6px 6px 0;
}

#primary-menu-trigger, #page-submenu-trigger { width: 50px; height: 40px; line-height: 40px; background-color: transparent !important; }
#primary-menu-trigger .icon-reorder { color: #000 !important; }
#searchFiltre { background-color: #f8f8f8; }
#searchFiltre input.btRecherche { background-color: #01215d; color: #fff; border: 1px solid #01215d; border-radius: 0 4px 4px 0; margin-bottom: 20px; }
#searchFiltre input.btRecherche:hover { width: auto; padding: 6px 10px; background-color: #666; color: #fff; border: 1px solid #666; border-radius: 0 4px 4px 0; }

/*----------- #CORPS -----------*/
h1, h2, h3, h4 { font-family: 'Bodoni Moda' !important; margin-top: 20px; }
.titre_page, .titre_page a, .titre_page a:visited { color: #01215d; font-size: 40px; clear: both; margin-top: 40px; margin-bottom: 0px; font-family: 'Bodoni Moda' !important; font-weight: bold; }
.titre_section_home { text-align: left; color: #01215d; font-size: 40px; clear: both; margin-top: 40px; margin-bottom: 0px; font-family: 'Bodoni Moda' !important; }
.titre_a_propos { font-family: 'Open Sans' !important; }
.encart_titre, .encart_titre a { font-weight: 600; color: #01215d !important; text-transform: uppercase; }
.bloc_vente_date { color: #01215d; font-size: 14px; font-weight: 300; font-style: normal; clear: both;}
.bloc_vente_lieu { color: #01215d; font-style: italic; margin-top: 4px; font-size: 12px; clear: both;}
.formulaireContact #dsi-submit-btn { color: #fff; background: #01215d; border-color: #444; margin-bottom: 20px; }
.texte_actualite { margin-top: 10px; }
.more-link { margin-top: 10px; padding-top: 0px; float: left; border-bottom: 1px solid #fff; }
.salePhareTitle { text-transform: uppercase; font-weight: 600; font-size: 12px; line-height: 14px; letter-spacing: 1px; }
.salePhareImage, .newsPhareImage { margin-bottom: 15px; border-radius: 3px; }
.vente_phare { padding-bottom: 120px; clear: both; }
.vente_phare, .lot_phare, .newsPhare { margin-bottom: 30px; float: left; }
.actualite_droite { float: left; }
.col-md-4 { float: left; }
.col-md-4 .WidgetGauche { float: left; clear: both; }
.WidgetCentre .actualite .entry-image { width: 100px; float: left; margin-right: 14px; }
img.actualite_img { width: 250px; }

/*----------- #HOME CALENDRIER -----------*/
.home_calendrier .entry-title { margin-bottom: 10px; margin-top: 5px; }
.home_calendrier .entry-title h2, .entry-title h2 a { font-size: 12px; line-height: 1.2; text-transform: uppercase; font-family: 'Open Sans'; min-height: 55px; }
.home_calendrier .owl-theme .owl-dot { display: none; }
.calendrierVertical .item:hover .verticalImage img { transform-origin: 0 0; filter: grayscale(1); transform: none; opacity: 0.8; }
.couvPasDispo:hover { filter: grayscale(1); opacity: 0.8; }

/*----------- #CARROUSEL HOME -----------*/
.CarouselResultat { color: #01215d; margin-top: 4px; text-align: center; text-transform: none; font-weight: normal; background-color: white; padding-bottom: 20px; }
.belles_encheres_home { text-align: center; margin-top: 20px; }
.belles_encheres_home .owl-carousel .owl-item img { margin: 20px auto; border-radius: 2px; height: 190px; border: 5px solid #173250; }
.belles_encheres_home .imgphare { display: table-cell; height: 190px; margin-bottom: 14px; margin-right: 19px; overflow: hidden; text-align: center; vertical-align: middle; float: left; max-height: 140px; min-height: 220px; width: 100%; }
.imgphare img { margin-bottom: 16px; border: 10px solid #173250; }
.verticalCarouselContent { border: 0 solid #fff; padding: 20px; }
.verticalCarouselContent:hover { border: 1px solid #ccc; border-radius: 2px; }
.owl-theme .owl-dots .owl-dot.active span { background-color: #000; }
.owl-nav button.owl-prev:hover, .owl-nav button.owl-next:hover { background-color: #fff; }

/*----------- #BELLES ENCHÈRES COLONNE -----------*/
.belles_encheres, .belles_encheres_colonne, .belles_encheres_specialites { text-align: center; margin-top: 20px; }
.belles_encheres_specialites { padding: 0; margin-top: 0; }
.belles_encheres_colonne { padding: 20px; }
.device-lg .belles_encheres_colonne { padding: 0 20px; }
.device-lg .belles_encheres_colonne .verticalCarouselContent { padding: 20px 40px; }
.device-md .belles_encheres_colonne, .device-xs .belles_encheres_colonne { padding: 0 20px; }
.device-sm .belles_encheres_colonne { padding: 0 80px; }
.device-xs .belles_encheres_colonne { padding: 0 30px; }
.device-xxs .belles_encheres_colonne { padding: 0; }

/*----------- #PAGE EXPERTISE -----------*/
.expertise-img { border: 10px solid #173250; width: 100%; height: auto; margin-bottom: 40px; display: block; }
.expertise-item { margin-bottom: 80px !important; text-align: center; display: flex; flex-direction: column; justify-content: flex-start; }
.expertise-caption { font-size: 16px; color: #173250; text-align: left; }
.row { display: flex; flex-wrap: wrap; }

/*----------- #FAQ -----------*/
.accordion { display: block; width: 100%; margin: 0 auto; }
.accordion-item { border-bottom: 1px solid #ccc; margin-bottom: 1rem; }
.accordion-header { cursor: pointer; padding: 1rem; background-color: #173250; font-weight: bold; transition: background-color 0.3s; color: white !important; border-radius: 10px; text-transform: uppercase; position: relative; padding-right: 2em; }
.accordion-header:hover { background-color: #173250; }
.accordion-header::after { content: "▼"; position: absolute; right: 1em; top: 50%; transform: translateY(-50%); font-size: 1.2em; transition: transform 0.3s ease; }
.accordion-content { max-height: 0; overflow: hidden; padding: 0 1rem; transition: max-height 0.4s ease-out, padding 0.3s ease-out; }
.accordion-item.active .accordion-content { max-height: 1000px; padding: 1rem; }

/*----------- #CATALOGUE -----------*/
#page-title.page-title-mini h1 { font-weight: 500; font-size: 13px; color: #444; }
.fiche_titre_lot h1 { font-size: 14px !important; margin-bottom: 5px; clear: both; color: #01215d; font-weight: 600; }
.lotnum { color: #01215d; font-size: 25px; }
.fiche_lot_num { font-size: 35px; color: #01215d; font-weight: 600; float: left; }
.sale-flash2 { width: auto; float: left; font-weight: 600; color: #fff; background-color: #01215d; border-radius: 3px; padding: 4px 10px; clear: both; }
.single-product .fiche_lot_resultat { background: #01215d; color: #fff; padding: 4px 10px; float: left; border-radius: 3px; margin: 10px 0; }
.product-title h3 { font-size: 12px; line-height: 14px; text-transform: uppercase; height: 30px; max-height: 30px; overflow: hidden; }
.product-title h3 a:hover, .single-product .product-title h2 a:hover { color: #01215d; }
.product-image { position: relative; width: 100%; height: 300px !important; overflow: hidden; }
.product-image.no_picture { background-image: url("https://www.chayette-cheval.com/uploads/Image/img_site/no_picture.png"); background-position: center center; background-repeat: no-repeat; background-size: 90% 90%; width: 100% !important; height: 170px !important; padding-right: 20px; border-radius: 4px; border: 1px solid #F5F5F5; background-color: #F5F5F5; }
.product { border-bottom: 2px solid #f5f5f5; padding-bottom: 10px; margin-bottom: 30px; background-color: #fff; }
.ordre_true.product, .pageOrdre .ordre_true.product { height: 630px !important; }
.ordre_false.product, .pageOrdre .ordre_false.product { height: 600px !important; }
.envoyer_ordre .button.button-border { background: #fff; color: #01215d; }
.envoyer_ordre .button.button-border:hover { background: #01215d; color: #fff; border-color: transparent !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
.button.button-border { color: #01215d; }
.button.button-border:hover { background-color: #01215d; color: #fff; border-color: transparent !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
.openseadragon { background-color: #fff; border: 1px solid #fff; color: #000; height: 600px; width: 400px; }
.product-overlay a:hover { background-color: #01215d; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
.ordreAchat.col-md-6 { margin-top: 50px; }
.jq-icon-info { background-color: #999 !important; color: #fff; border-color: #999 !important; }
.pagination .currentStep { background: #01215d; color: #fff; padding: 8px 12px; margin: 0 2px; }
.col-md-12.titre_ordre_phrase { margin: 30px 0; clear: both; width: 100%; color: #01215d; }
.droite_catalogue img { max-width: 120px; height: auto; }

/*----------- #ACTUALITÉS -----------*/
.actualite .entry-image { width: 150px; float: left; margin-right: 20px; }
.page_actualite .actualite .entry-c { float: left; width: 68%; }
.actualite_droite .actualite .entry-c { float: left; width: 100%; }
.device-sm .actualite .entry-c { clear: none; float: left; width: 50%; }
.device-sm .actualite .entry-image { width: 180px; float: left; margin-right: 20px; }
.device-xs .actualite .entry-c, .device-xxs .actualite .entry-c { clear: none; float: left; width: 100%; }

/*----------- #ACTUALITÉS ADJUGÉES -----------*/
.device-lg .actualiteadjuge .entry.clearfix.actualite, .device-md .actualiteadjuge .entry.clearfix.actualite { float: left; width: 50% !important; margin-bottom: 20px; padding-right: 20px; min-height: 430px; max-height: 430px; border: 2px solid #F5F5F5; }
.device-lg .actualiteadjuge .entry.actualite, .device-md .actualiteadjuge .entry.actualite { float: left; width: 50% !important; margin-bottom: 20px; padding-right: 20px; min-height: 337px; }
.device-lg .layoutsExemple.col-md-12 .entry.actualite, .device-md .layoutsExemple.col-md-12 .entry.actualite { float: left; width: 23% !important; margin-bottom: 20px; min-height: 410px; max-height: 410px; margin-right: 20px; padding: 20px; overflow: hidden; }
.device-xs .entry.actualite { float: left; width: 250px; margin-bottom: 20px; padding-right: 0px; clear: both; }
.device-xxs .entry.actualite, .device-xs .actualiteadjuge .entry.clearfix.actualite, .device-sm .actualiteadjuge .entry.clearfix.actualite { float: left; width: 100% !important; margin-bottom: 20px; padding-right: 0px; }
.device-xxs .layoutsExemple.col-md-12 .entry-image { width: 100%; float: left; margin-right: 0; margin-left: 0px; padding-left: 10px; padding-right: 10px; }
.actualiteadjuge .actualite .layoutsExemple .entry-image { width: 180px; float: left; margin-right: 0; }
.actualiteadjuge .entry-c { position: relative; overflow: hidden; float: left; }
.Estimation-text .btn { border-radius: 2px; background-color: #01215d; color: #fff; }

/*----------- #MENU ACTUALITÉ -----------*/
.menu_actualite { margin: 40px 20px 20px 20px; }
.menu_actualite .panel-body { padding: 15px; }
.menu_actualite .panel.panel-default {
    width: auto;
    height: auto;
    border: 1px solid #ccc !important;
}
.menu_actualite .panel-heading { border-top-left-radius: 3px; background: #01215d; border-top-right-radius: 3px; padding: 10px 15px; color: #fff; text-transform: uppercase; }

/*----------- #BOUTON EN SAVOIR PLUS -----------*/
.bouton-savoir-plus { float: left; margin-top: 10px; margin-bottom: 20px; padding: 10px 50px; background-color: #173550; color: white !important; text-decoration: none; border-radius: 5px; transition: background-color 0.3s ease; text-transform: uppercase; font-family: 'Open Sans' !important; font-weight: bold; width: 100%; text-align: center; }
.bouton-savoir-plus:hover { float: left; background-color: #173550; }

/*----------- #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: 'Bodoni Moda', sans-serif !important; font-size: 1em !important;}

@media (max-width: 768px) {
  .tp-caption {
    display: none !important;
  }
}


/*----------- #CALENDRIER -----------*/
.page_calendrier {margin-top: 30px;}
.calendrier_annees { margin: 40px 0px; }
.page_calendrier .entry-image { width: 200px; float: left; margin-right: 0;}
.nom_vente { font-size: 15px; line-height: 1.5; }
.entry-title h2 { margin: 0; letter-spacing: 1px; font-size: 12px !important; line-height: 14px; }
.triAnnee { background-color: #01215d; border-radius: 4px; color: #fff !important; padding: 2px 5px; line-height: 2; }
.triAnnee:hover { background-color: #999; border-radius: 4px; color: #fff !important; padding: 2px 5px; line-height: 2; }
.triAnnee.annee1970, .tiret1970 { display: none; background-color: #fff; }

/*----------- #STATIQUE -----------*/
.calLegende { background-color: #f1f1f1; padding: 20px; width: 100% !important; text-align: center; margin-bottom: 40px; }
.page_statique h2 { clear: both; padding: 40px 0px 0px 0px; }
.page_statique h3 { padding: 20px 0px 0px 10px; font-size: 14px; font-style: italic; }
.page_statique h4 { padding: 20px 0px 0px 10px; font-size: 12px; }
.page_statique p { margin-bottom: 20px; }

/*----------- #FORMULAIRES -----------*/
button .bt_valider_ordre input, #estim .btn.btn-default, .fond_estimation .btn.btn-default.nb, .formEnvoyer input { background: #01215d; color: #fff; border: 1px solid #01215d; }
.bt_valider_ordre input:hover, #estim .btn.btn-default:hover, #form_inscription .btn.btn-default:hover, .formEnvoyer:hover input { background: #999; color: #fff; border: 1px solid #999; }
.page_expertiser #etape1, .page_expertiser #etape2, .page_expertiser #etape3, .page_expertiser #droit { background-color: #f8f8f8 !important; margin-bottom: 0px; padding: 25px; width: 100%; }
.fond_estimation { background-color: #f8f8f8; width: 100%; padding: 20px; }
.page_newsletter .fond_estimation { float: left; }
.form1 { padding: 20px; }
.freeForm .label { float: left; font-size: 13px; width: 280px; color: #000; text-align: left; }
#estim input, #estim textarea { border: 1px solid #ccc; border-radius: 2px; 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%; }
.row.inscription_etape_un, .row.inscription_etape_deux, .row.inscription_etape_trois { border-bottom: 1px solid #f8f8f8; }
.newsletter_theme { font-size: 11px; }
.newsletter_colonne { width: 33%; }
.inscription_legende { padding-bottom: 30px; font-size: 12px; }
#estim .row { margin-bottom: 10px; }

/*----------- #PICTOS RÉSEAUX SOCIAUX FOOTER -----------*/
.languegb img, .languefr img { display: none; }
.languegb::after { content: "EN  "; font-weight: bold; }
.languefr::after { content: "FR  "; font-weight: bold; }

/*----------- #TRAIT FOOTER -----------*/
.trait-horizontal { width: 50%; height: 2px; background-color: #01215d; margin: 20px auto; }

/*----------- #FOOTER -----------*/
#copyrights { font-size: 12px; line-height: 1.5; }
.footer-logo { display: block; margin-bottom: 30px; padding-top: 0px; height: auto; width: 260px; }
#gotoTop { background-color: #999; }
#gotoTop:hover { background-color: #01215d; }
.copyrights-menu { margin-bottom: 10px; }
.copyrights-menu a, .copyrights-menu a:hover, .copyrights-menu a:visited { font-size: 11px; margin: 20px 10px; border-bottom: 0 !important; color: #000; }
.copyright-links a:hover { color: #01215d !important; border-bottom: 1px solid #01215d !important; }
.droits, .droits a, .droits a:link, .droits a:visited { font-size: 10px; line-height: 1.3; }
.droits { clear: both; width: 100%; }
.logodrouot { float: left; }
.footerNiveau1 .col-md-3 { padding-right: 0px; }
img.footer-image { margin-bottom: 20px; }
.device-sm .footerNiveau1 .col-md-3 img.footer-logo { padding: 0; text-align: center; width: 268px; float: left; }

/*----------- #PAIEMENT -----------*/
.paiement { background-color: #f8f8f8; width: 100%; padding: 20px; float: left; }
.paiement h3 { display: none; }

/*----------- #VERSION OLD -----------*/
.Vente144659 { display: none; }
.si-share .social-icon { display: none; }
.entry-image { margin-bottom: 20px; }
.top-links a img { opacity: 0.5; height: 25px; }
.top-links a:hover img { opacity: 1; height: 25px; }
.page_etude img { margin-bottom: 16px; }
.productLive { border-radius: 5px; border: 1px solid #c00935; color: #c00935; background: #fff; padding: 10px; line-height: 15px; float: left; text-align: center; margin-top: 10px; }
.productOnline, .productOnlineResult { clear: both; }
.noPadding.col-md-6.texteCGV { padding: 0px 20px !important; }

/*----------- #REQUÊTES MÉDIA -----------*/
@media (max-width: 991px) {
.titre_page, .titre_page a, .titre_page a:visited { color: #01215d; font-size: 27px  !important; clear: both; margin-top: 40px; margin-bottom: 0px; font-family: 'Bodoni Moda' !important; font-weight: bold; }
.titre_section_home { text-align: left; color: #01215d; font-size: 27px !important; clear: both; margin-top: 40px; margin-bottom: 0px; font-family: 'Bodoni Moda' !important; }
.titre_a_propos { font-family: 'Open Sans' !important; }
  [class^="icon-legal"] { margin-right: 0px; }
  #header.sticky-style-2 #header-wrap, #header.sticky-style-3 #header-wrap { min-height: 40px; }
  .col-sm-3.inscription_legende, .col-sm-2.inscription_legende { width: auto; margin-top: 10px; margin-bottom: 0px; }
  .device-sm .col-sm-3.inscription_legende, .device-sm .col-sm-2.inscription_legende { width: 24%; }
  .product:not(.product-2):not(.product-3) .product-title h3 { font-size: 12px; line-height: 15px; }
  .ordre_true.product, .pageOrdre .ordre_true.product { height: 630px !important; }
  .ordre_false.product, .pageOrdre .ordre_false.product { height: 510px !important; width: 265px; }
  #primary-menu-trigger, #page-submenu-trigger { top: 100%; background-color: transparent !important; }
  .col_one_third { width: 100%; text-align: center; }
  .copyright-links, .copyright-links a, .copyright-links a:visited { font-size: 10px; color: #000; }
  .copyrights-menu a, .copyrights-menu a:hover, .copyrights-menu a:visited { font-size: 10px; margin: 0px; border-bottom: 0 !important; color: #000; }
  .adresse { margin-bottom: 20px; }
  #header.sticky-style-2 #header-wrap, #header.sticky-style-3 #header-wrap, #primary-menu.style-2 > div > ul > li > a { padding-left: 20px; }
}


@media (max-width: 767px) {
  .ordre_false.product, .pageOrdre .ordre_false.product { height: 600px !important; }
  .WidgetCentre .actualite .entry-image { width: 100%; float: left; margin-right: 0px; }
  img.picto-footer { width: 130px; height: auto; }
}

@media (max-width: 480px) {
  .titre-header { display: none; font-size: 20px; font-family: 'Bodoni Moda'; padding-top: 25px; }
  #footer .col-md-2 { width: 100%; text-align: center; }
}

@media (max-width: 1024px) {
  img.picto-footer { width: 150px; height: auto; }
}