/*
Theme Name: RSSO
Description: Thème du club RSSO (entête, menu gauche, contenu, menu droit), inspiré de l'ancien site Joomla.
Version: 1.0
Text Domain: rsso
*/
@import url("https://fonts.googleapis.com/css2?family=Metrophobic&display=swap");
:root{--rouge:#e73939;--fond:#000;--texte:#bbb;--gris:#2f2f2f}
*{box-sizing:border-box}
body{margin:0;background:#000 url(shadow_background_black.png) 50% 0 repeat-y;color:var(--texte);font:13px/1.55 Verdana,sans-serif;max-width:1440px;margin:0 auto}
a{color:#ccc;text-decoration:underline}a:hover{color:var(--rouge)}
img{max-width:100%;height:auto}
.site{padding:0 2.5%}
.header-site{border-bottom:1px solid var(--gris);padding:10px 0 6px}
.header-site .banniere img{display:block;width:100%;box-shadow:0 7px 20px #000}
.header-site .titre{display:none}
.main-nav{border-bottom:1px solid var(--gris)}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;background:linear-gradient(#2a2a2a,#000)}
.main-nav a{text-decoration:none;display:block;padding:11px 18px;color:#ddd;font-family:Metrophobic,Verdana,sans-serif;font-size:1.15em}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--rouge)}
.layout{display:grid;grid-template-columns:22% minmax(0,1fr) 18%;gap:22px;padding:22px 0}
.module{margin-bottom:22px}
.module h3{margin:0 0 8px;padding:0 0 4px;color:#aaa;font:normal 1.3em Metrophobic,Verdana,sans-serif;border-bottom:1px solid #3a3a3a}
.module:hover h3{border-color:#556270}
.module ul{list-style:none;margin:0;padding:0}
.module li a{display:block;padding:5px 0 5px 14px;background:url(puce.svg) 0 .85em no-repeat}
.main-content h1,.main-content h2.entry-title{color:var(--rouge);font:normal 1.6em Metrophobic,Verdana,sans-serif;border-bottom:1px solid #3a3a3a;padding-bottom:6px;margin:0 0 8px}
.main-content h2.entry-title a{color:var(--rouge)}.main-content h2.entry-title a:hover{color:#ff7a7a}
.entry{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--gris)}
.entry-meta{font-size:.85em;color:#777;margin-bottom:8px}
.entry-content{overflow:auto}
.entry-content a{color:#ddd;text-decoration:underline}.entry-content a:hover{color:var(--rouge)}
.pagination{display:flex;gap:10px;justify-content:center}
footer.footer-site{border-top:1px solid var(--gris);padding:15px 0;text-align:center;color:#666;font-size:.85em}
@media(max-width:900px){.layout{grid-template-columns:1fr}.main-content{order:-1}}

.entry-thumb{float:left;margin:0 14px 8px 0}.entry-thumb img{display:block;max-width:100%;height:auto}
.entry-thumb img:not([width]){max-width:240px}