/**
 * TDS Tarteaucitron - Skin "Terre de Sel".
 *
 * Re-skin du theme par defaut de tarteaucitron v1.33.0 (blanc + jaune #fbd600)
 * vers le rendu valide par le client (cf. maquette) :
 *   - en-tete du panneau sombre, texte blanc ;
 *   - corps blanc ;
 *   - onglets de categorie sombres ("Cookies obligatoires", "APIs", ...) ;
 *   - boutons "Autoriser / Tout accepter" verts, "Interdire / Tout refuser" gris fonce.
 *
 * Charge APRES tarteaucitron.min.css (useExternalCss => true + wp_enqueue_style).
 * Selecteurs sur-specifies + !important pour primer sur le vendor quel que soit
 * l'ordre de chargement.
 *
 * Palette centralisee (les valeurs sont dupliquees dans les regles car les
 * variables CSS ne sont pas garanties dans cet environnement) :
 *   sombre  : #2c2c2c     vert : #3e9c34     gris bouton : #555
 */

/* =========================================================================
   1. PANNEAU DE GESTION : en-tete sombre
   ========================================================================= */

/* En-tete (titre + disclaimer + "Preferences pour tous les services") */
html body #tarteaucitronRoot #tarteaucitron div#tarteaucitronMainLineOffset.tarteaucitronMainLine {
	background: #2c2c2c !important;
	border: 0 !important;
	border-radius: 8px 8px 0 0 !important;
	margin: 0 !important;
	padding: 25px 25px 20px !important;
}

/* Titre "Panneau de gestion des cookies" */
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronH1 {
	color: #fff !important;
}

/* Disclaimer + lien politique de confidentialite, dans l'en-tete sombre */
html body #tarteaucitronRoot #tarteaucitron div#tarteaucitronInfo {
	color: #fff !important;
	background: transparent !important;
	border-color: rgba(255, 255, 255, .3) !important;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronInfo a,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronInfo button {
	color: #fff !important;
}

/* Label "Preferences pour tous les services" (masque par defaut) */
html body #tarteaucitronRoot #tarteaucitron div#tarteaucitronMainLineOffset .tarteaucitronName {
	display: block !important;
}
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronH2 {
	color: #fff !important;
}

/* Bouton "Fermer" : reste clair, lisible sur fond sombre */
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
	background: #fff !important;
	color: #000 !important;
}
/* Croix de fermeture eventuelle : blanche sur l'en-tete sombre */
html body #tarteaucitronRoot #tarteaucitronCloseCross,
html body #tarteaucitronRoot #tarteaucitronCloseCross span {
	color: #fff !important;
}

/* =========================================================================
   2. PANNEAU DE GESTION : corps blanc + onglets de categorie sombres
   ========================================================================= */

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder {
	background: #fff !important;
	/* Pas de cadre : evite la bordure noire parasite au-dessus du bouton Enregistrer. */
	border: 0 !important;
}

/* Onglets de categorie : "Cookies obligatoires", "APIs", "Mesure d'audience"... */
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
html body #tarteaucitronRoot .asCatToggleBtn {
	background: #2c2c2c !important;
	color: #fff !important;
	border-radius: 4px 4px 0 0 !important;
}
/* Icone "+" des onglets, en blanc */
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronTitle .tarteaucitronPlus::before {
	color: #fff !important;
}

/* Nom de service + description, dans le corps blanc */
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronH3 {
	color: #1a1a1a !important;
}
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronServiceDescription,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
	color: #555 !important;
	font-style: italic;
}

/* Section "Cookies obligatoires" : texte sur toute la largeur (pas de demi-colonne)
   et taille normale (le <strong> heritait d'une regle a 22px). */
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronLine .tarteaucitronName {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	box-sizing: border-box !important;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronH3,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronH3 strong {
	font-size: 14px !important;
	line-height: 1.6 !important;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronH3 strong {
	font-weight: 700 !important;
}

/* Sections : l'onglet sombre reste sur fond clair, le GRIS commence sous le
   titre (sur le contenu seulement). Sections separees entre elles. */
html body #tarteaucitronRoot #tarteaucitron li[id^="tarteaucitronServicesTitle_"] {
	background: transparent !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
	list-style: none !important;
	overflow: visible !important;
}
html body #tarteaucitronRoot #tarteaucitron li[id^="tarteaucitronServicesTitle_"] .tarteaucitronTitle {
	margin: 0 !important;
}
html body #tarteaucitronRoot #tarteaucitron li[id^="tarteaucitronServicesTitle_"] .tarteaucitronTitle button {
	margin: 0 !important;
}
/* Le contenu sous l'onglet = bloc gris clair */
html body #tarteaucitronRoot #tarteaucitron ul[id^="tarteaucitronServices_"] {
	background: #f4f4f4 !important;
	border-radius: 0 6px 6px 6px !important;
	margin: 0 !important;
	padding: 4px 0 !important;
}
html body #tarteaucitronRoot #tarteaucitron ul[id^="tarteaucitronServices_"] .tarteaucitronLine,
html body #tarteaucitronRoot #tarteaucitron ul[id^="tarteaucitronServices_"] .tarteaucitronLine:hover {
	background: transparent !important;
	padding: 12px 16px !important;
}
/* Espace entre le header noir et la 1ere section */
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder {
	padding-top: 22px !important;
}

/* =========================================================================
   3. BOUTONS : Autoriser/Tout accepter = vert, Interdire/Tout refuser = gris
   ========================================================================= */

/* Boutons "autoriser / accepter" */
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
html body #tarteaucitronRoot .tarteaucitronAllow,
html body #tarteaucitronRoot .tac_activate .tarteaucitronAllow {
	background: #3e9c34 !important;
	background-color: #3e9c34 !important;
	color: #fff !important;
	border: 0 !important;
}

/* Boutons "interdire / refuser" */
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected,
html body #tarteaucitronRoot .tarteaucitronDeny {
	background: #555 !important;
	background-color: #555 !important;
	color: #fff !important;
	border: 0 !important;
}

/* Coche / croix toujours blanches dans les boutons colores */
html body #tarteaucitronRoot .tarteaucitronAllow .tarteaucitronCheck::before,
html body #tarteaucitronRoot .tarteaucitronDeny .tarteaucitronCross::before {
	color: #fff !important;
}

/* Etat "non selectionne" des bascules tout-accepter / tout-refuser : attenue */
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed:not(.tarteaucitronIsSelected),
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied:not(.tarteaucitronIsSelected),
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2:not(.tarteaucitronIsSelected) {
	opacity: .55;
}

/* Liens / boutons "Politique de confidentialite" (etaient jaunes) */
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrl,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrlDialog {
	background: transparent !important;
	color: #fff !important;
	border: 1px solid #fff !important;
	border-radius: 4px !important;
}

/* =========================================================================
   4. BANDEAU PREMIERE VISITE (alertBig) : meme habillage sombre
   ========================================================================= */

html body #tarteaucitronRoot #tarteaucitronAlertBig {
	background: #2c2c2c !important;
	color: #fff !important;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert .tarteaucitronPartnersList * {
	color: #fff !important;
}

/* Bandeau : ciblage par classe semantique (les IDs sont trompeurs).
   "Tout accepter" porte .tarteaucitronAllow, "Tout refuser" porte .tarteaucitronDeny. */
html body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow {
	background: #3e9c34 !important;
	color: #fff !important;
	border: 0 !important;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny {
	background: #555 !important;
	color: #fff !important;
	border: 0 !important;
}
/* "Personnaliser" (#tarteaucitronCloseAlert, sans classe semantique) = gris fonce */
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
	background: #555 !important;
	color: #fff !important;
	border: 1px solid #888 !important;
}
/* Lien "Politique de confidentialite" du bandeau = contour clair */
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
	background: transparent !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}

/* =========================================================================
   5. PASTILLE / ICONE FLOTTANTE
   ========================================================================= */

html body #tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {
	background-color: #555 !important;
}

/* =========================================================================
   6. BOUTON "Gérer mes cookies" du shortcode [tds_gestion_cookies]
      (rendu dans le contenu de page, hors #tarteaucitronRoot)
   ========================================================================= */

.tds-gestion-cookies .tds-tac-open-panel {
	display: inline-block;
	background: #2c2c2c;
	color: #fff;
	padding: 12px 22px;
	border-radius: 4px;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	transition: background .2s ease;
}
.tds-gestion-cookies .tds-tac-open-panel:hover,
.tds-gestion-cookies .tds-tac-open-panel:focus {
	background: #3e9c34;
	color: #fff;
}

/* =========================================================================
   7. ICONE FLOTTANTE : remplace le PNG cadenas jaune par un cookie neutre
   ========================================================================= */

/* Marge depuis les bords (le badge etait colle au coin bas-gauche) */
html body #tarteaucitronRoot #tarteaucitronIcon.tarteaucitronIconBottomLeft,
html body #tarteaucitronRoot #tarteaucitronIcon {
	bottom: 20px !important;
	left: 20px !important;
}

html body #tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager img {
	display: none !important;
}
html body #tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager {
	width: 52px !important;
	height: 52px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background-color: #fff !important;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyYzJjMmMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgMmExMCAxMCAwIDEgMCAxMCAxMCA0IDQgMCAwIDEtNS01IDQgNCAwIDAgMS01LTUiLz48cGF0aCBkPSJNOC41IDguNXYuMDEiLz48cGF0aCBkPSJNMTYgMTUuNXYuMDEiLz48cGF0aCBkPSJNMTIgMTJ2LjAxIi8+PHBhdGggZD0iTTExIDE3di4wMSIvPjxwYXRoIGQ9Ik03IDE0di4wMSIvPjwvc3ZnPgo=") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 28px 28px !important;
	border: 1px solid #ddd !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .25) !important;
	cursor: pointer;
}

/* =========================================================================
   8. PAGES LEGALES (Gestion des cookies / Politique) : espacements aeres
      Contenu enveloppe dans <div class="tds-legal-page">. !important pour
      primer sur les regles du theme quel que soit le contexte.
   ========================================================================= */

.tds-legal-page h2 {
	margin: 1.3em 0 .35em !important;
	line-height: 1.3 !important;
}
.tds-legal-page h3 {
	margin: 1em 0 .3em !important;
	line-height: 1.3 !important;
}
.tds-legal-page > h2:first-child,
.tds-legal-page > h3:first-child {
	margin-top: 0 !important;
}
.tds-legal-page p {
	margin: 0 0 .8em !important;
	line-height: 1.55 !important;
}
.tds-legal-page ul {
	margin: 0 0 .85em !important;
	padding-left: 1.3em !important;
}
.tds-legal-page li {
	margin-bottom: .2em !important;
	line-height: 1.5 !important;
}
.tds-legal-page table {
	width: 100%;
	border-collapse: collapse;
	margin: .5em 0 1.1em !important;
}
.tds-legal-page th,
.tds-legal-page td {
	padding: 8px 12px !important;
	border: 1px solid #ddd !important;
	text-align: left;
	vertical-align: top;
	line-height: 1.45;
}
.tds-legal-page th {
	background: #f5f5f5;
}
.tds-legal-page code {
	background: #f2f2f2;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: .92em;
}
.tds-legal-page .tds-gestion-cookies {
	margin-top: 1.5em;
}