/* Trucomaniac — reprise du thème WordPress « trucomaniac3 » (Artisteer), en HTML/CSS moderne */
:root{
  --bleu:#13A4EC; --bleu-clair:#34B0EF; --bleu-fonce:#108DCB;
  --orange:#F19122; --orange-fonce:#E17F0E;
  --texte:#0E76AA; --texte-bloc:#094F71; --lien:#13A0E7;
  --creme:#FEF0D7; --gris:#EBEBEB; --colonne:#FCFCFC; --pied:#80D0F5;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--texte);font:16px/1.45 Arial,Helvetica,sans-serif}
a{color:var(--lien)}
a:hover{color:var(--orange-fonce)}
img{max-width:100%;height:auto}
.wrap{width:1000px;max-width:100%;margin:0 auto}

/* En-tête */
.header{position:relative;height:150px;margin:10px auto 0;background:url(images/header.jpg) 0 0/1000px 150px no-repeat}
.header .logo{position:absolute;inset:0;display:block}
.header .site-nom{position:absolute;top:11px;right:12px;margin:0;font:bold 12px 'Bookman Old Style',Georgia,serif;color:#000}
.header .site-nom a{color:#000;text-decoration:none}
.header .slogan{position:absolute;top:28px;right:12px;margin:0;font:italic 19px 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;color:#533603}

/* Feuille principale */
.sheet{background:var(--gris);border:1px solid #B5B5B5;margin:10px auto 0}

/* Menu */
.nav{background:linear-gradient(#34B0EF 0,#13A4EC 50%,#108DCB 100%);padding:6px 6px 5px;position:relative}
.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.nav a{display:block;padding:0 9px;line-height:24px;border-radius:2px;color:#FFFDFA;text-decoration:none;font-size:13px;white-space:nowrap}
.nav a:hover,.nav a.actif{background:linear-gradient(#F3A144 0,#F0870F 79%,#E17F0E 100%);color:#fff}
.nav .burger{display:none;background:none;border:0;color:#fff;font-size:15px;padding:4px 6px;cursor:pointer}

/* Bandeau publicitaire 728x90 */
.pub{text-align:center;overflow:hidden}
.pub-728{padding:8px 0 3px;min-height:101px}
.pub-mobile,.pub-336{padding:8px 0}
.pub-250{padding:5px 0;min-height:260px}
.pub-160{padding:5px 0}
.pub-mobile{display:none}

/* Colonnes */
.layout{display:flex;align-items:stretch}
.content{flex:1;min-width:0;padding-bottom:5px}
.sidebar1{width:220px;flex:none;background:var(--colonne)}
.sidebar2{width:270px;flex:none;background:var(--colonne)}

/* Fil d'Ariane */
.ariane{margin:8px 10px 2px;font-size:12px;color:#555}
.ariane a{color:var(--texte-bloc)}

/* Blocs article (fond crème bordé d'orange) */
.post{background:var(--creme);border:1px solid var(--orange);box-shadow:0 0 2px 1px rgba(0,0,0,.15);padding:10px 12px;margin:5px}
.post h1,.post h2.titre{margin:3px 0 8px;color:#363636;font:bold 20px/1.3 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif}
.post h2.titre{font-size:17px}
.post h2.titre a{color:#696969;text-decoration:none}
.post h2.titre a:hover{color:var(--orange-fonce)}
.post .texte{font-size:16px}
.post .texte p{margin:0 0 .8em}
.post .texte h2,.post .texte h3{color:#363636;font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;margin:1em 0 .4em}
.post ul{padding-left:20px;list-style:none}
.post ul li:before{content:url(images/postbullets.png);margin:0 6px 0 -13px;position:relative;bottom:1px}
.meta{font-size:12px;color:#7a5a2a;margin:4px 0 0}
.meta a{color:var(--texte-bloc)}
.suite{font-size:14px}
blockquote{background:#E0E0E0 url(images/postquote.png) no-repeat;padding:10px 10px 10px 48px;margin:10px 0 10px 20px;color:#1D1301;font-style:italic}
.avertissement{background:#fff8e8;border-left:4px solid var(--orange);padding:8px 10px;font-size:13px;color:#5a4a2a;margin-top:10px}

/* Précédent / suivant */
.precsuiv{display:flex;justify-content:space-between;gap:10px;margin:5px;font-size:14px}
.precsuiv a{display:block;max-width:48%;background:#fff;border:1px solid #d6d6d6;padding:6px 9px;text-decoration:none;color:var(--texte-bloc);border-radius:2px}
.precsuiv a:hover{border-color:var(--orange)}
.precsuiv .suiv{margin-left:auto;text-align:right}
.precsuiv small{display:block;color:#888;font-size:11px}

/* Pagination (style WP-PageNavi / Artisteer) */
.pager{text-align:center;margin:10px 5px;padding:6px;background:linear-gradient(#fff,#cdd6e0);border:1px solid #c5c5c5;border-radius:2px}
.pager>*{display:inline-block;margin:2px;padding:4px 9px;border:1px solid #c5c5c5;border-radius:2px;background:linear-gradient(#fff,#d7d7d7);color:var(--texte-bloc);text-decoration:none;font-size:13px}
.pager a:hover{background:linear-gradient(#f0f0f0,#bdbdbd)}
.pager .actif{background:var(--orange);border-color:var(--orange-fonce);color:#fff;font-weight:bold}
.pager .etc{border:0;background:none}

/* Blocs de colonne */
.block{margin:5px}
.block h3{margin:0 0 4px;padding:5px 10px;text-align:center;color:#fff;font:normal 14px 'Arial Black',Arial,sans-serif;background:linear-gradient(#F08914 0,#F4A64E 50%,#F0870F 50%,#E17F0E 50%,#F0870F 64%,#F29A36 100%);border:1px solid #E17F0E}
.block .bc{padding:4px 7px 7px;color:var(--texte-bloc);font-size:14px;line-height:1.3}
.block ul{list-style:none;margin:0;padding:0}
.block li{padding:3px 0 3px 14px;background:url(images/blockbullets.png) 0 7px no-repeat}
.block a{color:var(--lien)}
.cats li{background:none;padding:3px 0;display:flex;align-items:center;gap:7px}
.cats img{width:28px;height:28px;flex:none;border-radius:3px}
.cats .nb{color:#888;font-size:12px}
.nuage{text-align:center;line-height:1.6}
.nuage a{text-decoration:none;margin:0 3px;white-space:nowrap}
.nuage a:hover{text-decoration:underline}

/* Recherche */
.recherche{display:flex;gap:4px}
.recherche input{flex:1;min-width:0;padding:4px 6px;border:1px solid #bbb;font-size:14px}
.recherche button{background:linear-gradient(#F3A144,#E17F0E);color:#fff;border:1px solid #E17F0E;border-radius:2px;padding:3px 9px;cursor:pointer}
#resultats .post{margin:5px 0}
mark{background:#ffe08a;color:inherit}

/* Accueil : grille des catégories */
.grille{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:5px}
.grille a{display:flex;gap:9px;align-items:flex-start;background:#fff;border:1px solid #f3c88e;padding:8px;text-decoration:none;color:var(--texte-bloc);border-radius:2px}
.grille a:hover{border-color:var(--orange);background:#fffaf2}
.grille img{width:35px;height:35px;flex:none}
.grille b{display:block;color:var(--texte);font-size:15px}
.grille span{font-size:12px;color:#777}
.intro-cat{font-size:14px;color:#5a4a2a}

/* Plan du site */
.plan h2{font-size:17px;color:#363636;margin:14px 0 4px}
.plan ul{columns:2;column-gap:20px;font-size:14px}

/* Pied de page */
.footer{background:var(--pied);padding:10px;text-align:center;color:#073E5A;font:12px 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif}
.footer a{color:#073E5A;margin:0 6px}
.footer p{margin:4px 0}

/* ---------- Tablette ---------- */
/* Liens : réaction nette au survol, au clic, et liens déjà visités */
a{transition:color .15s,background-color .15s,box-shadow .15s;text-underline-offset:2px}
.post p a,.post li a,.block a,.ariane a,.meta a,.footer a,.nuage a{text-decoration-thickness:1px}
.post p a:hover,.post li a:hover,.block a:hover,.ariane a:hover,.meta a:hover,.footer a:hover,.nuage a:hover{
  color:#C9690A;background:#FFE7C7;text-decoration:underline;text-decoration-thickness:2px;border-radius:2px;box-shadow:0 0 0 2px #FFE7C7}
.post p a:visited,.post li a:visited,.block li a:visited{color:#7A5C9E}
.post p a:visited:hover,.post li a:visited:hover,.block li a:visited:hover{color:#C9690A}
.post h2.titre a:hover{color:#C9690A;text-decoration:underline;text-decoration-thickness:2px}
.post h2.titre a:visited{color:#7d6b8e}
.grille a:hover{box-shadow:0 2px 6px rgba(225,127,14,.35);transform:translateY(-1px)}
.grille a{transition:box-shadow .15s,transform .15s,background-color .15s,border-color .15s}
.precsuiv a:hover{background:#FFF4E5;color:#C9690A}
a:active{color:#A65400!important;background:#FFD39E!important;box-shadow:0 0 0 2px #FFD39E}
.nav a:active,.pager a:active{box-shadow:none}
a:focus-visible{outline:2px solid var(--orange-fonce);outline-offset:2px;border-radius:2px}

@media (max-width:999px){
  .header{height:auto;aspect-ratio:1000/150;background-size:100% auto;margin-top:0}
  .header .slogan{font-size:2vw;top:18%}
  .header .site-nom{font-size:1.3vw}
  .layout{flex-wrap:wrap}
  .content{flex-basis:100%}
  .sidebar1,.sidebar2{width:50%}
  .sheet{border-left:0;border-right:0;margin-top:0}
}
/* ---------- Mobile ---------- */
@media (max-width:759px){
  .pub-728,.pub-160{display:none}
  .pub-mobile{display:block}
  .header .slogan{display:none}
  .nav .burger{display:block}
  .nav ul{display:none;flex-direction:column;padding-top:4px}
  .nav.ouvert ul{display:flex}
  .nav a{line-height:34px;font-size:15px}
  .sidebar1,.sidebar2{width:100%}
  .grille{grid-template-columns:1fr}
  .plan ul{columns:1}
  .precsuiv{flex-direction:column}
  .precsuiv a{max-width:100%}
  .post{margin:5px 0;border-left:0;border-right:0}
  blockquote{margin-left:0}
}