/* Bouton « Écrivez-nous » (remplace la messagerie GoDaddy) */
.cdn-contact { position: fixed; right: 24px; bottom: 24px; z-index: 10000;
  font-family: 'Open Sans', Arial, sans-serif; color: #1b1b1b; }
.cdn-contact * { box-sizing: border-box; }

.cdn-contact__fab { width: 56px; height: 56px; border: 0; border-radius: 50%;
  background: #dcdcdc; color: #1b1b1b; cursor: pointer; display: grid; place-items: center;
  box-shadow: 0 3px 12px rgba(0,0,0,.25); transition: transform .15s; }
.cdn-contact__fab:hover { transform: scale(1.06); }
.cdn-contact__fab:focus-visible { outline: 3px solid #353535; outline-offset: 3px; }
.cdn-contact__fab svg { width: 26px; height: 26px; }

.cdn-contact__panel { position: absolute; right: 0; bottom: 72px; width: 340px;
  max-width: calc(100vw - 32px); max-height: calc(100vh - 120px); overflow: auto;
  background: #fff; border-radius: 8px; box-shadow: 0 8px 32px rgba(0,0,0,.25); }
.cdn-contact__panel[hidden] { display: none; }

.cdn-contact__head { display: flex; align-items: center; justify-content: space-between;
  padding: 16px 20px; background: #353535; color: #fff; border-radius: 8px 8px 0 0; }
.cdn-contact__head h2 { margin: 0; font: 400 1.2rem 'Playfair Display', Georgia, serif; color: #fff; }
.cdn-contact__close { border: 0; background: none; color: #fff; font-size: 1.6rem; line-height: 1;
  cursor: pointer; padding: 0 4px; }

.cdn-contact form { padding: 16px 20px 20px; }
.cdn-contact p.cdn-contact__intro { margin: 0 0 12px; font-size: .9rem; line-height: 1.5; }
.cdn-contact label { display: block; margin: 10px 0 4px; font-size: .85rem; font-weight: 600; }
.cdn-contact input, .cdn-contact textarea { width: 100%; padding: 9px 10px; font: inherit;
  font-size: .95rem; border: 1px solid #bdbdbd; border-radius: 4px; background: #fff; color: #1b1b1b; }
.cdn-contact input:focus, .cdn-contact textarea:focus { outline: 2px solid #353535; outline-offset: 0; border-color: #353535; }
.cdn-contact textarea { min-height: 110px; resize: vertical; }
.cdn-contact .cdn-contact__hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.cdn-contact__submit { margin-top: 14px; width: 100%; padding: 11px; border: 0; border-radius: 4px;
  background: #353535; color: #fff; font: 600 .95rem 'Open Sans', Arial, sans-serif; cursor: pointer; }
.cdn-contact__submit:disabled { opacity: .6; cursor: wait; }
.cdn-contact__status { margin: 12px 0 0; font-size: .9rem; line-height: 1.5; }
.cdn-contact__status.is-error { color: #b00020; }
.cdn-contact__small { margin: 10px 0 0; font-size: .75rem; color: #5a5a5a; line-height: 1.4; }

@media (max-width: 480px) {
  .cdn-contact { right: 16px; bottom: 16px; }
  .cdn-contact__panel { position: fixed; right: 16px; left: 16px; bottom: 84px; width: auto; max-width: none; }
}