<style type="text/css">


body {
    background-color: #000033; /* <-- CHANGE CETTE VALEUR ICI */
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
#logo {
	background: url(images/dynamic/logo.html) no-repeat;
}
#key_visual {
	background: url(images/dynamic/key_visual1.jpg) no-repeat;
}
#text_caption {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	color: #900;
}
#main_nav_list a.main_nav_active_item {
	background: url(images/dynamic/buttonset1/n1activeitem.gif) no-repeat;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #630;
	background-position: top left;
}
#main_nav_list a.main_nav_item {
	background: url(images/dynamic/buttonset1/n1.gif) no-repeat;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #9CF;
	background-position: top left;
}
#main_nav_list a.main_nav_item:hover {
	background: url(images/dynamic/buttonset1/n1hover.gif) no-repeat;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	background-position: top left;
}
.sub_nav_list a.sub_nav_active_item {
	background: url(images/dynamic/buttonset1/subnav1active.gif) no-repeat;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
}
.sub_nav_list a {
	background: url(images/dynamic/buttonset1/subnav1.gif) no-repeat;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #036;
}
.sub_nav_list a:hover {
	background: url(images/dynamic/buttonset1/subnav1hover.gif) no-repeat;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #630;
}
#content_container h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #52768F; /*52768F */
}
#content_container h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
#content_container h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #52768F;
}
.content, .content p {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}
#content_container a:link {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #630;
}
#content_container a:visited {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	color: #630;
}
#content_container a:hover {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #630;
}
#content_container a:active {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #630;
}
#footer_text {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #036;
}
.listeniv0normal {
	background-color: transparent;
	cursor: pointer;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 10px;
	font-weight: normal;
	font-color: #ffffff;
}
.listeniv0over {
	background-color: #DDDfff; /* 60a0e0 carre actif*/
	cursor: pointer;
}

/* ═══════════════════════════════════════════════════
   ASTROJEW — Modernisation CSS 2024
   Conserve le positionnement absolu existant
   Remplace uniquement couleurs, fonts, ombres, fond
═══════════════════════════════════════════════════ */

:root {
  --navy:    #aab628;
  --blue:    #50519e;
  --gold:    #c8a84b;
  --gold2:   #f0d080;
  --cream:   #f8f4ec;
  --dark:    #7d1f3c;
  --text:    #aaa580;
  --radius:  10px;
  --shadow:  0 4px 24px rgba(0,0,0,0.18);
}

/* --- FOND GÉNÉRAL --- */

body {
    background-color: blue !important;
    /* Ou utilise le code hexadécimal pour plus de sécurité */
    /* background-color: #ADD8E6 !important; */

  font-family: 'Heebo', Arial, sans-serif !important;
  color: var(--cream) !important;
  min-height: 100vh;
  overflow-x: hidden;
}

/* Grain subtil sur le fond */
body::before {
  content: '';
  position: fixed;
  inset: 0;
/*  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
*/
 background: #4080aa; 
  pointer-events: none;
  z-index: 0;
  opacity: 0.4;
}

/* --- IMAGES : fixer le débordement --- */
img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  display: block;
}

/* Photos soleil/lune/rambam — contenues dans leurs divs */
div[style*="left: 250px"],
div[style*="left: 472px"],
div[style*="left: 702px"] {
  overflow: hidden;
  border-radius: var(--radius);
  box-shadow: 0 8px 32px rgba(0,0,0,0.5);
}

/* --- TITRE ASTROJEW --- */
span[style*="top:-1px"] font,
span[style*="top:-1px"] {
  font-family: 'Frank Ruhl Libre', serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  color: var(--gold) !important;
  background: rgba(70,82,90,0.85) !important;
  padding: 4px 16px !important;
  border-radius: 6px !important;
  letter-spacing: 2px !important;
  text-shadow: 0 2px 8px rgba(200,168,75,0.4) !important;
  border-bottom: 2px solid var(--gold) !important;
}

/* --- PANNEAUX / DIVS PRINCIPAUX --- */
div[id="cadre_infos"],
div[id="droit_LiensPartenaires_0"],
div[style*="BACKGROUND-COLOR: #dddddd"],
DIV[style*="BACKGROUND-COLOR: #cccccc"] {
  background: linear-gradient(135deg, #7d9aa0, #31119d)  !important;    /*linear-gradient(135deg, #7d9aa0, #163d6e) lightblue  */
  border: 1px solid rgba(200,168,75,0.3) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: blur(4px);
}

/* Sous-panneaux blancs */
div[style*="BACKGROUND-COLOR: #eee"],
DIV[style*="BACKGROUND-COLOR: #eee"] {
  background: rgba(248,244,236,0.97) !important;
  border-radius: 0 0 var(--radius) var(--radius) !important;
  color: var(--text) !important;
}

/* --- TITRE PRINCIPAL hébreu --- */
font[color="#fff9af"],
font[color="#fff9af"] b {
  font-family: 'Frank Ruhl Libre', serif !important;
  color: var(--gold2) !important;
  font-size: 20px !important;
  text-shadow: 0 2px 12px rgba(200,168,75,0.5) !important;
}

/* --- FORMULAIRES & INPUTS --- */
input[type="text"], input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]) {
  background: rgba(25,85,90,0.8) !important;
  color: var(--gold2) !important;
  border: 1px solid rgba(200,168,75,0.4) !important;
  border-radius: 5px !important;
  padding: 3px 6px !important;
  font-family: 'Heebo', monospace !important;
  font-size: 13px !important;
  transition: border-color 0.2s, box-shadow 0.2s;
}
input[type="text"]:focus, input:not([type="submit"]):focus {
  outline: none !important;
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 2px rgba(200,168,75,0.25) !important;
}

input[type="submit"] {
  background: linear-gradient(135deg, ccdddd, #a0ddec) !important;
  color: red !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 5px 14px !important;
  font-family: 'Frank Ruhl Libre', serif !important;
  font-weight: 700 !important;
  font-size: 19px !important;
  cursor: pointer !important;
  transition: transform 0.15s, box-shadow 0.15s !important;
  box-shadow: 0 2px 8px rgba(200,168,75,0.3) !important;
}
input[type="submit"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(200,168,75,0.5) !important;
}

/* Inputs readonly colorés */
input[style*="background-color:#66CC99"] {
  background: rgba(40,120,80,0.3) !important;
  color: #90ffcc !important;
  border: 1px solid rgba(40,200,100,0.3) !important;
}
input[style*="background-color:#6699CC"] {
  background: rgba(40,80,160,0.3) !important;
  color: #90c8ff !important;
  border: 1px solid rgba(40,100,200,0.3) !important;
}
input[style*="background-color:#FFFFCC"] {
  background: rgba(200,168,75,0.15) !important;
  color: var(--gold2) !important;
  border: 1px solid rgba(200,168,75,0.4) !important;
}

/* --- TABLEAUX --- */
table {
  border-collapse: collapse !important;
}
table[border] {
  border: 1px solid rgba(200,168,75,0.2) !important;
}
td {
  border-color: rgba(200,168,75,0.15) !important;
  padding: 4px 6px !important;
}

/* --- FONT color héritée --- */
font[color="black"], font[color="#000000"] { color: var(--text) !important; }
font[color="#CC3333"], font[color="red"],
font[color="#FF0000"] { color: #ff9966 !important; }
font[color="#FFFFFF"] { color: var(--cream) !important; }
font[color="#C3732D"] { color: var(--gold) !important; }

/* --- LIENS --- */
a { color: var(--gold2) !important; text-decoration: none !important; transition: color 0.2s; }
a:hover { color: #fff !important; text-decoration: underline !important; }

/* --- TITRES --- */
h1, h2, h3 {
  font-family: 'Frank Ruhl Libre', serif !important;
  color: var(--gold2) !important;
  text-align: center;
}
h2 { font-size: 16px !important; line-height: 1.5 !important; }
h3 { color: var(--cream) !important; font-size: 13px !important; }

/* --- MARQUEE → scroll élégant --- */
marquee {
  border: 1px solid rgba(200,168,75,0.3) !important;
  border-radius: 6px !important;
  background: rgba(248,244,236,0.95) !important;
  color: var(--text) !important;
  padding: 4px !important;
}
marquee a { color: var(--blue) !important; }
marquee a:hover { color: var(--gold) !important; }

/* --- HORLOGE --- */
span#horloge, #ejs_heure {
  font-family: 'Heebo', monospace !important;
  color: var(--gold2) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-shadow: 0 0 10px rgba(200,168,75,0.5) !important;
}

/* --- FOOTER --- */
p[style*="top: 1491px"] {
  color: rgba(200,168,75,0.6) !important;
  font-size: 11px !important;
}

/* Classes existantes */
h1, h3 { text-align:center; }
h3 { font-size:1.0em; margin-bottom:0; }
.music { background-color:#0a1628; color:var(--gold2); font-size:0.7em; margin-bottom:0; }
.news  { font-size:10px; text-align:left; background:rgba(200,200,200,0.1); margin:0 0 0 6px; }
#container_marquee { overflow:hidden; width:400px; height:250px; border:1px solid rgba(200,168,75,0.3); border-radius:6px; }
.content_marquee { width:400px; }
.alignright { text-align: right; direction: rtl; }

/* Animation entrée douce */
@keyframes fadeUp {
  from { opacity:0; transform:translateY(12px); }
  to   { opacity:1; transform:translateY(0); }
}
body > div, body > span, body > DIV {
  animation: fadeUp 0.4s ease both;
}

    </style> 