/* ===== OLD CONFIGURATION FOR REFERENCE ===== */
/*
@charset "utf-8";
body { background: #ffffff  url(fond.png) fixed no-repeat  0 0 ; }
body { color: #000000 ; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; font-size:16px;}
.template_color { color: #ffffff ; }
.template_border_color { border-color: #000000 ; }
.template_backgroundcolor  { color: #000000 ; }
.titre { color: #000000 ; }
.titre { text-transform: uppercase; color:#000000; font-size: 16px;} 
.menu_niveau_1_on 	{ background-color:#000000; color:#000; }
.formcontent .titre { text-transform: none; color:inherit; font-size:16px;}
#template_header a	{ color:#000000 }
#template_header	{ color:#000000; }
*/
/* ===== END OF OLD CONFIGURATION ===== */

/* === Global Page Settings === */
body {
    background-color: #f9f9f9;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
    color: #333333;
    margin: 0;
    padding: 0;
}

/* === Header === */
#template_header {
    background-color: #005c99;
    color: #ffffff;
    padding: 20px 0;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}
#template_header a {
    color: #ffffff;
    text-decoration: none;
}
#template_header a:hover {
    text-decoration: underline;
}

/* === Alert banner (like red warning) === */
.alert {
    background-color: #ffdddd;
    color: #990000;
    padding: 12px;
    font-weight: bold;
    border-left: 6px solid #cc0000;
    margin: 15px auto;
    width: 90%;
}

/* === Navigation Menu === */
.menuitem, .menuitem-active {
    display: block;
    padding: 12px 16px;
    color: #005c99;
    background-color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    border-left: 4px solid transparent;
    transition: all 0.3s ease;
}
.menuitem:hover, .menuitem-active {
    background-color: #e6f0ff;
    border-left: 4px solid #005c99;
    color: #003d66;
}

/* === Main Content Box === */
#main {
    background-color: #ffffff;
    margin: 20px auto;
    padding: 25px;
    border-radius: 8px;
    max-width: 1200px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* === Headings === */
h1, h2, h3 {
    color: #156082;
    font-weight: 600;
}
h1 { font-size: 26px; }
h2 { font-size: 22px; margin-top: 20px; }
h3 { font-size: 18px; }

/* === Language Selector === */
#lang-switcher a {
    background: #e0e0e0;
    padding: 6px 10px;
    margin-right: 4px;
    border-radius: 4px;
    font-weight: bold;
}
#lang-switcher a.selected {
    background: #005c99;
    color: #ffffff;
}

/* === Footer === */
.footer {
    background-color: #eeeeee;
    text-align: center;
    padding: 15px;
    font-size: 14px;
    color: #555555;
    margin-top: 40px;
}

/* === Contact link === */
a[href^="mailto"] {
    color: #0066cc;
    font-weight: bold;
}

/* === Responsive Tweaks === */
@media (max-width: 768px) {
    body {
        font-size: 15px;
    }
    #main {
        padding: 15px;
    }
    .menuitem {
        font-size: 16px;
    }
    h1 { font-size: 22px; }
}

h1.titre,
p.titre {
  font-size: 30px;
  color: #369393; /* INSTR blue */
  font-weight: bold;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  margin-bottom: 20px;
}