/* =====================================================================
   Le-Sportif.com – Formulaire « Ajoutez votre évènement au calendrier »
   (main_calendrier_evt_ajout2_CALEND_VID_2)
   À charger APRÈS /styles.css. Aucune modification du code ASP/HTML.
   Charte : #0075F5 #004A82 #FF8500 / texte #272F36 / fond #F4F4F4
   ===================================================================== */
@import url("https://fonts.googleapis.com/css2?family=MuseoModerno:wght@500;700&family=Outfit:wght@400;500;700&display=swap");
:root{
  --ls-blue:#0075F5; --ls-navy:#004A82; --ls-orange:#FF8500; --ls-text:#272F36;
  --ls-bg:#F4F4F4; --ls-soft:#F7FAFE; --ls-line:#E1ECF8; --ls-line2:#C9DDF5; --ls-muted:#5F7C99;
}

/* ---------- Page + carte centrale ---------- */
html,body{background:var(--ls-bg) !important;}
body,td,th,p,li,div,span,input,select,textarea,label{font-family:Outfit,Arial,Helvetica,sans-serif;}
body{font-size:14px; line-height:21px; color:var(--ls-text); margin:0 !important;}
body > table{width:100% !important; max-width:820px; margin:24px auto;}
body > table td,body > table table{box-sizing:border-box;}
/* les tables de mise en page imbriquées (771 / 621 / 490 / 460 / 452 px) deviennent fluides */
body > table table[width="621"],
body > table table[width="460"],
body > table table[width="452"]{width:100% !important;}
td[width="621"],td[width="490"]{width:auto !important;}
td[width="490"]{background:#fff !important; border-radius:16px; padding:28px 36px !important; box-shadow:0 2px 14px rgba(0,74,130,.08);}
td[width="490"] > table[width="460"]{margin:0 auto;}

/* neutralise les règles « td / b / a / i » de /styles.css (Verdana 11px, bleu #18427b, liens gras soulignés) */
td,th{font-size:14px; line-height:21px; color:var(--ls-text);}
b{font-size:inherit; color:inherit;}
.rouge,.rougebold,.rougesmall,.rougesmallbold,.rougeital,.rougeunder,.rougeboldunder{font-size:inherit; font-family:inherit;}
a{color:var(--ls-blue); font-size:inherit; font-weight:500; text-decoration:none;}
a:hover{color:var(--ls-navy); text-decoration:underline;}
img[alt="Site web Le-Sportif.com"]{max-height:70px; width:auto;}

/* ---------- Bandeau de titre ---------- */
td[bgcolor="#ff9400"]{background:linear-gradient(90deg,#004A82,#0A5FA6) !important; border-radius:10px; border-bottom:3px solid var(--ls-orange); padding:12px 18px !important;}
td[bgcolor="#ff9400"] .titresblanc{margin:0; font-family:Outfit,Arial,Helvetica,sans-serif; font-size:17px; line-height:24px; font-weight:700; letter-spacing:.4px; color:#fff;}
img[src*="coin_orange"]{display:none;}      /* petit coin orange de l'ancien design */
img[src*="fl_orange"]{display:none;}        /* petites flèches orange */

/* ---------- Texte d'introduction ---------- */
td[bgcolor="#ff9400"] + * {}
td[valign="top"][width="452"]{padding-top:6px;}
td[valign="top"][width="452"] > center b{font-family:MuseoModerno,Arial,sans-serif; font-size:16px; line-height:24px; color:var(--ls-navy); font-weight:700;}
td[valign="top"][width="452"] > center{color:var(--ls-text);}

/* ---------- Titres de rubriques (Description, Vos sites, Identité…) ---------- */
td[colspan="3"]:has(> img[src*="fl_orange"]){padding:26px 0 6px !important; border-bottom:2px solid var(--ls-orange);}
td[colspan="3"] > b{font-family:MuseoModerno,Arial,sans-serif; font-size:18px; line-height:26px; font-weight:700; color:var(--ls-navy);}
td[colspan="3"] > br{display:none;}
/* le titre « Description de l'évènement » (hors tableau) */
form[name="cal_form"]{margin:0;}

/* ---------- Grille du formulaire : 1 ligne = libellé | champ ---------- */
form[name="cal_form"] > table{width:100% !important; border-collapse:separate; border-spacing:0 6px;}
form[name="cal_form"] > table td[width="15"]{display:none;}
form[name="cal_form"] > table td[bgcolor]{background:transparent !important;}
/* lignes « espaceur » (cellules vides) : réduites à rien */
form[name="cal_form"] > table > tbody > tr > td:nth-child(n+2):not(:has(*)){padding:0 !important; font-size:0 !important; line-height:0 !important; height:0 !important; border:0 !important;}
/* libellé */
form[name="cal_form"] > table > tbody > tr > td:nth-child(2):not([colspan]){width:32% !important; padding:10px 14px 10px 12px !important; vertical-align:top; font-weight:500; color:var(--ls-navy); line-height:20px;}
form[name="cal_form"] > table > tbody > tr > td:nth-child(3){width:68% !important; padding:8px 0 8px 14px !important; vertical-align:top;}
/* ligne = carte légère */
form[name="cal_form"] > table > tbody > tr:has(> td > img[src*="fl_orange"]) > td:nth-child(2){background:var(--ls-soft) !important; border-radius:10px 0 0 10px; border:1px solid var(--ls-line); border-right:0;}
form[name="cal_form"] > table > tbody > tr:has(> td > img[src*="fl_orange"]) > td:nth-child(3){background:var(--ls-soft) !important; border-radius:0 10px 10px 0; border:1px solid var(--ls-line); border-left:0;}
/* textes d'accroche en rouge/orange des anciens blocs : simple texte orange foncé, en gras */
.rougebold,.rouge{color:#C25E00;}
.rougebold{font-weight:700;}
.rouge .rougebold{color:inherit;}
/* ligne d'avertissement « Si vous modifiez le Pays… » : encadré orange */
form[name="cal_form"] td[nowrap] > .rougebold{display:inline-block; padding:8px 12px; background:#FFF4E5; border-left:4px solid var(--ls-orange); border-radius:8px; color:#8A4B00; font-weight:500; line-height:19px;}
form[name="cal_form"] td[nowrap] > .rougebold font{font-size:13px !important;}
/* titre « Description de l'évènement » (hors tableau) */
img[src*="fl_orange"] + b{display:block; margin-top:6px; font-family:MuseoModerno,Arial,sans-serif; font-size:18px; line-height:26px; font-weight:700; color:var(--ls-navy);}

/* ---------- Champs ---------- */
input[type="text"],select,textarea{font-family:Outfit,Arial,sans-serif; font-size:14px; color:var(--ls-text); background:#fff; border:1px solid var(--ls-line2); border-radius:8px; padding:7px 10px; max-width:100%; box-sizing:border-box; transition:border-color .15s,box-shadow .15s;}
input[type="text"]:focus,select:focus,textarea:focus{outline:none; border-color:var(--ls-blue); box-shadow:0 0 0 3px rgba(0,117,245,.15);}
input[type="text"]{width:calc(100% - 34px);}
select{width:calc(100% - 34px); height:36px; padding:5px 8px;}
textarea{width:calc(100% - 34px) !important; min-height:240px; line-height:21px; resize:vertical;}
/* cas particuliers : petits champs et champs côte à côte */
input[name^="nb_participants"]{width:140px;}
select[name$="_Scheme"]{width:92px; display:inline-block; margin-right:6px;}
select[name$="_Scheme"] + input[type="text"]{width:calc(100% - 148px);}
table table select{width:auto; min-width:70px;}                       /* jour / mois / année */
table table td{padding:0 6px 0 0 !important;}
input[type="checkbox"]{accent-color:var(--ls-blue); width:17px; height:17px; vertical-align:-3px; margin:0 6px 0 0;}
::placeholder{color:#9FB2C6;}
i{color:var(--ls-muted); font-size:12.5px; font-style:normal;}           /* exemples « (ex: …) » */
td > i,td br + i{display:inline-block; margin-top:3px;}

/* astérisque « obligatoire » */
.rouge{color:var(--ls-orange); font-weight:700;}
td > select + .rouge,td > input + .rouge,td > textarea + .rouge,td > .rouge:last-child{margin-left:4px;}
td[width="110"][valign="top"] .rouge{display:block; margin-top:8px; font-weight:400; font-size:12.5px; line-height:18px; color:#8A4B00;}

/* ---------- Texte des offres commerciales ---------- */
form[name="cal_form"] td[valign="middle"] u{text-decoration-color:var(--ls-orange);}
form[name="cal_form"] td b{color:inherit;}

/* ---------- Bouton « Valider » (l'image devient un vrai bouton, le lien reste identique) ---------- */
a[href*="CheckSaisie"]{display:inline-block; padding:11px 30px; border-radius:10px; background:var(--ls-orange); color:#fff !important; font-family:Outfit,Arial,sans-serif; font-weight:700; font-size:16px; line-height:20px; text-decoration:none !important; box-shadow:0 2px 8px rgba(255,133,0,.35); transition:background .15s,transform .15s;}
a[href*="CheckSaisie"]:hover{background:#E67800; transform:translateY(-1px);}
a[href*="CheckSaisie"] img{display:none;}
a[href*="CheckSaisie"]::after{content:"Valider";}
form[name="cal_form"] ~ br{display:none;}

/* « (*) = obligatoire » + ligne du bouton */
form[name="cal_form"] > table:last-of-type td{padding-top:14px !important; vertical-align:middle;}

/* ---------- Mention CNIL ---------- */
table[bgcolor="#bdd6ef"]{background:var(--ls-soft) !important; border:1px solid var(--ls-line2); border-radius:10px; width:100%; margin-top:22px;}
table[bgcolor="#bdd6ef"] > tbody > tr > td{padding:0 !important;}
table[bgcolor="#bdd6ef"] table{width:100% !important;}
table[bgcolor="#bdd6ef"] td{background:transparent !important; font-size:12.5px; line-height:19px; color:var(--ls-muted); padding:10px 14px !important;}
table[bgcolor="#bdd6ef"] b{color:var(--ls-navy);}