/*  
Theme Name: Bueno
Version: 1.5.1
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com

Copyright: (c) 2009 WooThemes.
	License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html

*/

/* 

Fichier nettoyé le 20/09/2026

/*-------------------------------------------------------------------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation

-2.3 Header
-2.4 Content

-2.7 Footer

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi

4. RESPONSIVE DESIGN

-------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

body  { font: 14px Georgia, Times, Serif; line-height: 1.5; color: #000000; }

h1, h2, h3, h4, h5, h6  { margin: 0; font-family: Arial,Helvetica,Sans-serif; color: #000; }
h1  {font-size: 30px;} h2  {font-size: 24px;} h3  {font-size: 20px;} h4  {font-size: 18px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

p  {margin: 0;}

/* 1.2 Hyperlinks */

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}



/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/


/* 2.2 Header */
#header {position: relative;}
#logo {width: 940px; margin: 0 auto;} 
#logo h1 {margin-top: 20px; font-size:64px; color:#0099FF ; text-align:center; font-family:"Tempus Sans ITC", cursive; font-weight:bold;}
#logo h2 {margin-top: 5px; font-size:24px; color:black ; text-align:center; font-family:"Aptos Narrow", Bahnschrift, sans-serif;}

/* PAGES NAVIGATION */
#pagenav  { margin-top: 35px; clear: both;}
#pagenav a  { display:block; z-index:1; margin: 0; padding:0 15px 10px 15px; text-decoration: none; text-transform: uppercase; font-size: 15px; font-family: Bahnschrift, arial, sans-serif; font-weight:bold; color: #000000;  }

#pagenav a:hover  { color: #808080; background: #C0C0C0;  }

#pagenav ul {list-style:none;display: flex; justify-content: center; }
#pagenav ul li {float:left; margin-left:20px;}




/* 2.4 Content */
#content{min-height:550px;padding:0; width: 940px; margin: 0 auto;}


/* 2.7 Footer */
#footer  { font-family: Helvetica, Arial, sans-serif; font-size: 11px; padding: 20px 0; background-color: #000; color: #fff; text-transform: uppercase; }
#footer a:link, #footer a:visited  { color: #fff; }
#footer p  { margin: 5px 0 0 0; }
#footer #credit img  { vertical-align: middle; }
#footer #credit span  { display: none; }
#footer li  { float:left; width: auto; }
#footer ul {list-style:none;}


/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

.post  { position: relative; margin: 0 0 30px 0; padding: 50px 55px; background-color: #fff; border: 5px solid #efefef; font-family:"Aptos Narrow", arial, sans-serif;}

.post .title  { width:100%; position:relative; margin: 0 0 30px 0; padding: 0 0 25px 0; color: #000; border-bottom: 1px solid #e7e7e7; font-size: 32px;font-family: Bahnschrift, arial, sans-serif; }

.post .title a:link, .post .title a:visited  { color: #000; }
.post .title a:hover  { text-decoration: none; }

.post .date  { position: absolute; top: 30px; left: -40px; width: 71px; height: 60px; padding: 10px 0 0 0; text-align: center; color: black; }

.post .date .day  { display: block; font-size: 24px; line-height: 6px;}
.post .date .month  { display: block; font-size: 12px; text-transform: uppercase; font-weight: bold; line-height: 32px; }
.post .date .year  { display: block; font-size: 24px; line-height: 0px;}


.post h3 {font-family: 'Bahnschrift'; font-weight: bold; color:#0099FF;}

/* 4.  ==========================================================================
   RESPONSIVE DESIGN
   Version adaptée au téléphone - 20/09/2026
   ========================================================================== */

* {
    box-sizing: border-box;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

/* Menu hamburger : invisible sur ordinateur */
#menu-toggle,
	.menu-icon {display: none;}

@media screen and (max-width: 700px) {

    #logo {
		width: 100%;
        margin: 0 auto;
        padding: 0 15px;
    }

    #logo h1 {
        width: 70%;
        margin: 15px auto 0 auto;
        font-size: 42px;
        line-height: 1.1;
        text-align: center;
    }

    #logo h2 {
        font-size: clamp(17px, 5vw, 24px);
        line-height: 1.25;
        margin-top: 6px;
    }

    #logo img {
        display: block;
        width: 100%;
        max-width: 940px;
        height: auto;
        margin: 15px auto 0;
    }

    /* Bouton hamburger */
	
	.menu-icon {
		display: block;
		position: fixed;
		top: 15px;
		right: 15px;
		width: 46px;
		height: 42px;
		margin: 0;
		padding: 7px 5px;
        cursor: pointer;
        border: 1px solid #ddd;
        border-radius: 4px;
        background: #fff;
		z-index: 9999;
}

    .menu-icon span {
        display: block;
        width: 30px;
        height: 3px;
        margin: 4px auto;
        background: #000;
        transition: transform 0.2s ease, opacity 0.2s ease;
    }
	
    #pagenav {
		display: none;
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
      /* height: 100vh;*/
        background: white;
        z-index: 9998;
        padding-top: 0px;
        box-sizing: border-box;
    }

    #pagenav ul {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #pagenav ul li {
        float: none;
        width: 100%;
        margin: 0;
        text-align: center;
        border-top: 1px solid #ddd;
    }

    #pagenav ul li:last-child {
        border-bottom: 1px solid #ddd;
    }

    #pagenav a {
        display: block;
        padding: 12px 10px;
        font-size: 16px;
        line-height: 1.3;
    }

    /* Ouverture du menu */
    #menu-toggle:checked ~ #pagenav {
        display: block;
    }

    /* Transformation des trois barres en croix */
    #menu-toggle:checked + .menu-icon span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    #menu-toggle:checked + .menu-icon span:nth-child(2) {
        opacity: 0;
    }

    #menu-toggle:checked + .menu-icon span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    /* Contenu */
    #content {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 0 10px;
    }

    .post {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 25px 18px;
        border-width: 3px;
    }

    .post .title {
        font-size: clamp(25px, 7vw, 32px);
        line-height: 1.2;
        margin-bottom: 20px;
        padding-bottom: 15px;
    }

    .post h3 {
        font-size: 19px;
        line-height: 1.3;
    }

    .post ul {
        padding-left: 22px;
    }

    /* Pied de page */
    #footer {
        padding: 15px 10px;
        text-align: center;
        font-size: 10px;
    }
}

@media screen and (max-width: 380px) {

    #logo {
        padding: 0 10px;
    }

    #logo h1 {
        font-size: 32px;
    }

    #logo h2 {
        font-size: 16px;
    }

    #content {
        padding: 0 6px;
    }

    .post {
        padding: 20px 14px;
    }

    .post .title {
        font-size: 24px;
    }
}