body {background:url("img/bgtest.png")repeat; }
.header {height:180px;border:1;background:url("img/bandeau.jpg") no-repeat bottom center;}
.page { position: relative; width: 1200px; max-width:95%; margin:2em auto; text-align: left;  }
.page{background:#ffff;}
.page {padding: 1em}
/*.wrapper { clear: both; float: left; width: 66%; overflow: hidden; }*/
.wrapper {width: 66%;}
/*.aside { float: right; width: 33%; overflow: hidden; }*/
.aside {width: 33%;}
.wrapper {padding: 0.5em}
.aside {padding: 1em}
.aside {border-left: 1px solid #b6b6b6;}
.beaucoupmoins{font-size:0.9em}
a, a:visited {color:#262626;transition: color 0.3s ease 0s;}/* Exemple : Gri foncé */
a:focus, a:hover, a:focus {background-color:transparent;color:#000;text-decoration:underline;}
a:focus { background: transparent !important;color:#ffa508 !important;}

a:focus {
  outline: none;
  background-color: #222222 !important;
  border-color: #222222 !important;
  color: #f8f8f8 !important;
  text-shadow: none;
}

.comments {font-size:0.9em;}

/* ---Réglages menus  */

/* --- 1. Couleur de fond et du texte par défaut (Niveau Principal) --- */
ul.menu-liste.sf-menu, 
ul.menu-liste.sf-menu a {
    background-color: #503054 !important; /* Exemple : Violet foncé */
    color: #ffffff !important;            /* Texte blanc */
}
/* --- 2. Couleur au survol (Hover) sur les liens principaux --- */
ul.menu-liste.sf-menu li:hover, 
ul.menu-liste.sf-menu li.sfHover, 
ul.menu-liste.sf-menu a:focus, 
ul.menu-liste.sf-menu a:hover {
    background-color: #474646!important; /* Exemple : Gris au survol */
    color: #ffffff !important;
}
/* --- 3. Couleur de fond des sous-menus (Dropdown) --- */
ul.menu-liste.sf-menu ul, 
ul.menu-liste.sf-menu ul li {
    background-color: #34495e !important; /* Fond des sous-menus (un peu plus clair/foncé) */
}
/* --- 4. Couleur au survol dans les sous-menus --- */
ul.menu-liste.sf-menu ul li:hover, 
ul.menu-liste.sf-menu ul li.sfHover,
ul.menu-liste.sf-menu ul a:hover {
    background-color: #30543E!important; /* Exemple : Turquoise foncé */
    color: #ffffff !important;
}

/* --- 5. Ligne ou bordure de séparation (Optionnel) --- */
ul.menu-liste.sf-menu li {
    border-right: 1px solid #34495e;      /* Séparation des boutons principaux */
}

/* *** RWD *** */
/* largeur maximum 640px */
@media (max-width: 640px) {
     /* layout */
    .wrapper,
    .content,
    .aside {width: 100%;}
    .content,
    .aside { clear: both; float: none; width: 100%; }

	.wrapper {border:0;}
	.aside {padding-top:1em;border-top: 1px solid #b6b6b6;}

	.header .spip_logo_site, .header #slogan {width:100%;text-align:center;}

	.nav ul li {text-align: center;}
	.nav ul li a {display: block;}

}