body {
	margin:0 auto;
	padding-top:0px;
	background:url(images/body.jpg) ;
	font-family:Century gothic, Arial,Tahoma,sans-serif;
	color:#666;
	font-size:13px;
	}
img {
	border:0;
	}
a {
	color:#971A0F;
	text-decoration:none
	}
a:hover {
	color:#ff1800;
	text-decoration:none
		}
/*.blockquote {
	padding-left:10px;
	color:#5d0505;
	font-style: normal;
	}*/
.alignleft {
	float:left;
	padding:2px 0 0 5px;
	}
.alignright {
	float:right;
	padding:2px 7px 0 5px;
	}
.ad1{
	text-align:center;
	margin:5px auto;
}

/* The Wrapper */
.wrapper {
	max-width: 1000px; /* ta limite desktop */
    width: 100%;
    margin: 0 auto;
	background:#e2e2d9;		
	padding: 0 0 0px 0;
	border-left: 3px solid #971a0f;
	border-right: 3px solid #971a0f;
	}

/*==================================*/
/*      Barre de menu supérieur     */
/*==================================*/
#foxmenucontainer{
	height:33px;
	display:block;
	padding:0px 0 0px 0px;
	font: 12px Georgia,Tahoma,Century gothic,verdana, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:1px solid #CFCFCF;
	background:#971a0f;
	}
#menu {
	margin: 0px;
	padding: 0px;
	width:1000px;
	background:#971a0f;
	height:33px;
    position: relative;
}
#menu ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#menu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#menu li a, #menu li a:link, #menu li a:visited {
	color: #ffffff;
	display: block;
	margin: 0px;
	padding: 10px 15px 9px 15px;
	}
#menu li a:hover, #menu li a:active {
	color: #fff;
    margin: 0px;
	padding: 10px 15px 9px 15px;
	text-decoration: underline;
	}
#menu li li a, #menu li li a:link, #menu li li a:visited {
	width: 150px;
	color: #FFFFFF;
	font-weight: normal;
	float: none;
	margin: 0px;
	padding: 8px 10px 7px 10px;
	border-bottom:1px solid #CFCFCF;
	background:#971a0f;
	}
#menu li li a:hover, #menu li li a:active {
	background: #B00E00;
	color: #fff;
	padding: 8px 10px 7px 10px;
	}
#menu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}
#menu li ul a { 
	width: 140px;
	}
#menu li ul ul {
	margin: -31px 0 0 170px;
	}
#menu li:hover ul ul, #menu li:hover ul ul ul, 
#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
	}
#menu li:hover ul, #menu li li:hover ul, 
#menu li li li:hover ul, #menu li.sfhover ul, 
#menu li li.sfhover ul, #menu li li li.sfhover ul {
	left: auto;
	}
#menu li:hover, #menu li.sfhover { 
	position: static;
	}
#menu ul li .flags {
    float: right;
    padding: 0;
    margin: 0;
}

#menu ul li .flags img {
    margin-left: 8px;
    margin-top: 3px;
}

/*==================================*/
/*      Top : entre les 2 menu     */
/*==================================*/

#top {
	height:120px;
	margin-top:auto;
	background:url(images/head.jpg);
	background-repeat:no-repeat;
    background-size: cover;
    background-position: center;
    /*overflow: hidden; /* Empêche les drapeaux de descendre */
    min-height: 120px;
}
.time{
	text-align:left;
	width:100px;
	height:25px;
	margin-top:2px;
	font-family:Century gothic,Verdana,Helvitica,sans-serif;
	padding:1px 0 0 4px;
	color:#fff;
	float:right;
	}
.date {
	height:14px;
	font-size:12px;
	font-family:Georgia,Verdana,Helvitica,sans-serif;
	margin-left:0px;
	margin-top:2px;
	padding-left:10px;
   	color:#000;
	}
.today{
	width:200px;
	float:left;
	font-family:"georgia",Verdana,Tahoma,sans-serif;	
	text-align:center;
	margin:10px 0  0 0 ;
	}	
span.day{
	font-size:40px;
	color:#b22621;
	margin:0 auto;
	padding:2px 0;
	font-weight:bold;
}	
span.mony{
	font-size:14px;
	color:#606060;
	margin:0 auto;
	padding:2px 0;
}	
.dname {
	font-size:18px;
	color:#606060;
	margin:0 auto;
	padding:2px 0;
	text-transform: uppercase
}	
.blogname {
	float:left;
	width:600px;
	font-family:"georgia",Verdana,Tahoma,sans-serif;	
	margin:0px 0 0 0;
	}
.blogname h1  {
	font-size:40px;
	font-weight:bold;
	margin:50px 0px 0 0px;
	color:#606060;
	text-decoration: none;
	text-align:center;
	}
.blogname h1  a:link, .blogname h1  a:visited{ 
	color: #3C3C3C; 
	text-decoration: none; 
	background:url(images/.jpg) center no-repeat;
	display:block;
	}
.blogname h1  a:hover { 
	color: #3C3C3C; 
	text-decoration: none; 
	background-color:transparent;
	}
.blogname h2 {
	margin:0px 0px 0 0px;
	font-size:16px;
	font-weight:normal;
	color:#B22621;
	text-align:center;
	font-family:"georgia",Verdana,Tahoma,sans-serif;	
	}
.subscribe{
	width:200px;
	float:right;
	font-family:"georgia",Verdana,Tahoma,sans-serif;	
	text-align:left;
	margin:5px 0  0 0 ;
	padding:35px 0 0 0;
	background:url(images/subs.jpg) no-repeat;
	}	
	

/*==================================*/
/*      Barre de menu inférieure     */
/*==================================*/

#catmenucontainer{
	height:33px;
	display:block;
	padding:0px 0 0px 0px;
	font: 12px Georgia,Tahoma,Century gothic,verdana, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:1px solid #CFCFCF;
	background:#971a0f;
	border-top:1px solid #CFCFCF;
	}
#catmenu{
	margin: 0px;
	padding: 0px;
	width:1000px;
	background:#971a0f;
	height:33px;
	}
#catmenu ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#catmenu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
	color: #fff;
	display: block;
	margin: 0px;
	padding: 9px 10px 10px 10px;
	}
#catmenu li a:hover, #catmenu li a:active {
	color: #fff;
   	margin: 0px;
	padding: 9px 10px 10px 10px;
	text-decoration: underline;
	}
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
	width: 160px;
	color: #fff;
	font-family:Tahoma,century gothic,Georgia,  sans-serif;
	font-weight: normal;
	float: none;
	margin: 0px;
	padding: 9px 10px 10px 10px;
	border-bottom:1px solid #CFCFCF;
	background:#971a0f;
	}
#catmenu li li a:hover, #catmenu li li a:active {
	background: #b00e00 ;
	color: #fff;
	padding: 9px 10px 10px 10px;
	}
#catmenu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}
#catmenu li ul a { 
	width: 140px;
	}
#catmenu li ul ul {
	margin: -34px 0 0 170px;
	}
#catmenu li:hover ul ul, #catmenu li:hover ul ul ul, 
#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {
	left: -999em;
	}
#catmenu li:hover ul, #catmenu li li:hover ul, 
#catmenu li li li:hover ul, #catmenu li.sfhover ul, 
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
	left: auto;
	}
#catmenu li:hover, #catmenu li.sfhover { 
	 position: static;
	 }


/*==================================*/
/*        Wrapper + Content         */
/*==================================*/

/* Bloc 2 de toute la largeur du wrapper */
.content {
	padding:5px 5px 5px 5px;
	background:#f7f1ee;
	}	
#wrapper {
    display: flex;
    gap: 4px;
    align-items: flex-start;
}

/* Bloc de gauche de .content */	
#content {
    flex: 3;
    max-width: 670px;
    margin: 0;
    padding: 0;
}

.post {
	display: flex;
    flex-direction: column;
	margin: 5px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	height: 100%;
	text-align:justify;
	color:#222;
	font: 13px georgia,century gothic, Arial, sans-serif;
	background:url(images/content.jpg) repeat-y;
    height: auto !important;
}

.post h2 {
	margin: 0px 0 0 0;
	padding: 2px 0px 2px 10px;
	background: transparent;
	background-color:#FDC7B9;
	text-align: left;
	font: 20px "Georgia",verdana, Arial, sans-serif;
	font-weight:bold;
	}
.post h2 a, .post h2 a:link, .post h2 a:visited  {
	color: #222;
	background-color: transparent;
	}
.post h2 a:hover  {
	color: #333;
	background-color: transparent;
	}	
.author{
	background:url(images/user.png) no-repeat;
	padding:0 0 0 20px;
	}
.clock{
	background:url(images/time.png) no-repeat;
	padding:0 0 0 20px;
}	
.postinfo {
	margin-top: auto;      /* pousse en bas du post */
    text-align: center; 
	height:20px;
	padding: 8px 5px 2px 0px;
	font-size:12px;
	background: url(images/minimet_long.jpg) no-repeat;
	}
.catlabel{
	float:left;
	margin-left:4px;
	padding:0px 0 0 20px;
	color:#000;
	background:url(images/tag.png);
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:normal;
	display: inline-block;
	line-height: 18px;
	}	
span.com{
	line-height:18px;
	padding:0px 0px 0 20px;
	background:url(images/comm.png);
	background-repeat:no-repeat;
	font-size:13px;
	margin-right:10px;
	font-weight:bold;
}
span.com a:link,
span.com a:visited {
	color:#B31B1B;
	background-color: transparent;
}
span.com a:hover{
	color:#B31B1B;
}
.entry a:link,
.entry a:visited {
	color: #971A0F;
	background-color: transparent;
}
.entry a:hover {
	color: #fbb100;
	background-color: transparent;
	text-decoration: none;
}
.entry {
	margin: 5px 0;
	padding: 0px 10px;
	}
.entry img{
	float:left;
	margin: 0px 5px 5px 0px;
	padding: 4px 4px;
	border:1px solid #ccc;
	background:#fff;
}
.cover{
	margin: 0 0;
	}
.singlemeta{
	width:660px;
	background:#D9D1CE;
	border:1px solid #bbb;
	padding:5px 5px;
	margin:5px 0;
	color:#222;
	font: 13px georgia,century gothic, Arial, sans-serif;
}	

.feed{
	width:293px;
	height:34px;
	margin:0px 0px 5px 0;
	background:#fff;
	padding:10px 5px 0 5px;
	border:1px solid #bbb;
}
.input{
	margin-left:5px;
	float: left;
	width: 200px;
	padding: 3px 3px;
	background: #8f8e8e ;
	border: 1px solid #8f8e8e;
	font: normal 100% "century Gothic", Arial, Helvetica, sans-serif;
	color:#fff;
	} 
.sbutton {
	margin-right:10px;
	float: right;
	margin-top: 0px;
	background: #a70909;
	border: none;
	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height:25px;
	line-height:24px;
	}
/* The Sidebar1 */
.sidebar1{
	max-width: 315px;
	width:100%;
	padding-top:5px;
	font-size:13px;
	font-family: Georgia, Arial,century gothic, sans-serif;
	}
.sidebar1 h2 {
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#8D1B11;
	margin:0px 0 0 0 ;
	padding:0px 0 0 5px;
	background:url(images/s2.jpg) repeat-x;
	text-transform:uppercase;
	text-align:center;
	}
.sidebar1 ul {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.sidebar1 ul ul  {
	margin: 0;
	padding: 0px 0px 0px 0px;
	}
.sidebar1 ul ul ul {
	margin: 0;
	padding: 0;
	border:0;
	}
.sidebar1 ul ul ul ul {
	margin: 0;
	padding: 0;
	border:0;
	}
.sidebar1 ul li {
	height:100%;
	background:#D9D1CE;
        margin-bottom:0px;
        margin-top:0px;
        padding-bottom:8px;
        }
.sidebar1 ul li a:link, .sidebar1 ul li a:visited {
	color: #333333;
	text-decoration: none;
    padding: 0px 0px 0px 0px;
	font-family:Georgia, arial, helvetica, sans-serif;
	backgound:#D9D1CE;

	}
.sidebar1 ul li a:hover {
	background-repeat:no-repeat;
	color:#B30605;
	}
.sidebar1 p {
	padding: 7px 10px;
	margin:0;
	}
.sidebar1 table {
	width:100%;
	text-align:center;
	background:#D9D1CE;
	}

/* The Sidebar2 */	
.sidebar2{
	max-width: 315px;
	width: 100%;
	padding-top:5px;
	font-size:14px;
	font-family: Georgia, Arial,century gothic, sans-serif;
	}
.sidebar2 h2 {
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#8D1B11;
	margin:0px 0 0 0 ;
	padding:0px 0 0 5px;
	background:url(images/s2.jpg) repeat-x;
	text-transform:uppercase;
	text-align:center;
	}
.sidebar2 ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;
	}
.sidebar2 ul ul  {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 10px 0px;
	}
.sidebar2 ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;
	}
.sidebar2 ul ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;
	}
.sidebar2 ul li {
	height:100%;
	line-height:16px;
	}
.sidebar2 ul li a:link, .sidebar2 ul li a:visited {
	color: #333;
	text-decoration: none;
	padding: 5px 0px 5px 2px;
	display:block;
	font-family:Georgia, arial, helvetica, sans-serif;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	background:#D9D1CE;
	}
.sidebar2 ul li a:hover {
	background-repeat:no-repeat;
	color:#B30605;
	}
.sidebar2 p {
	padding: 7px 10px;
	margin:0;
	}
.sidebar2 table {
	width:100%;
	text-align:center;
	background-color:#D9D1CE;
	}		


/* The Navigation */
.helloafrica {
	height:40px;
	padding:3px 10px;
	margin:5px 0 0 0;
	margin-bottom:5px;
	background:#D9D1CE;
	/*border:1px solid #bbb;*/
	text-align: left;
	}
.navigation {
	height:25px;
	padding:3px 10px;
	margin:5px 0 0 0;
	background:#D9D1CE;
	border:1px solid #bbb;
	}

.navigation a {
	font-weight:bold;

	text-decoration:none;
	font-size:14px;
	color:#000;
	}
.navigation a:hover {
	color:#B31B1B;
	}
/* The Attachment */
.contentCenter {
	text-align:center;
}
/* The Page Title */
h2.pagetitle {
	padding:5px 0;
	margin:0 0 5px 0;
	font-size:16px;
	text-align:center;
	background:#D9D1CE;
	border:1px solid #bbb;
	}
/* The Comments */
#comments{
	margin: 15px 0 0;
}
 #respond{
	padding: 10px 20px;
 }
#comments-count{
		padding: 0 10px 7px 20px;
}
#comments h3{
	padding: 0 10px 7px 20px;
	border-bottom: 1px solid #f2f1e9;
	font: 18px georgia, "trebuchet ms", serif;
	text-transform: uppercase;
	color: #666;
}
#comments ol.commentlist{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#comments ol.commentlist li{
	padding: 4px 10px 3px;
	border-bottom: 1px solid #f2f1e9;
	line-height: 22px;
}
#comments ol.commentlist li.highlighted{
	background: #f9f9f9;
}
#comments .required{color: #a00;}
#comments textarea{width: 75%;}
#comments p.nocomments, #respond form{padding: 0 10px 10px;}
#comments p#login-req{padding: 20px 10px 10px;}
p.comment_license{line-height: 22px;}
#commentform textarea {
	width:90%;
	height:156px;
	background:#D9D1CE;
	border:1px solid #fff;
	color:#444;
	padding:10px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
#commentform input {
	background:#D9D1CE;
	border:1px solid #fff;
	color:#333;
	padding-left:10px;
	}
/*Bottom bar */
#footbar{
	display: flex;
  	flex-wrap: wrap;
	max-width: 1000px;
	width:100%;
	padding: 0;
	margin:5px 0px 0px 0px;
	background:url(images/footb.jpg) repeat-y;
	height:auto;
}	
.about{
	flex: 1;
	max-width :33%;
	width:100%;
	padding-top:5px;
	margin-right:5px;
	margin-left:5px;
}
.about p{
	font-size:14px;
	font-family:Century gothic,verdana, Arial,  sans-serif;
	color: #fff;
}
.barone{
	flex: 1;
	max-width :33%;
	width:100%;
	padding-top:5px;
	margin-right:5px;
	margin-left:5px;
	font-size:14px;
	font-family:Georgia,verdana, Arial,  sans-serif;
	color: #fff;
}

.barone ul{
	list-style-type: none;
	margin: 0 ;
	padding: 0;
}
.barone h2 {
	height:24px;
	line-height:24px;
	font-size:16px;
	color:#06324e;
	margin:0px 0 0 0 ;
	padding:0px 0 0px 0px;
	font-weight:bold;
	}
.barone ul li {
	height:100%;
	line-height:18px;
	padding: 5px 0px 0px 5px;
	background:url(images/list.jpg) no-repeat;
	overflow:hidden;
	color:#8d1a10;
	}
.barone ul li a:link, .barone ul li a:visited {
	color:#111;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	font-size:11px;
	margin:0 0;
	}
.barone ul li a:hover {
	font-size:11px;
	color: #333;
		}
h2.rp {
	font-family:Century gothic,verdana, Arial,  sans-serif;
	margin:5px 0px;
	color:#2D3133;
	background: url(images/rp.jpg) no-repeat;
	line-height:30px;
	padding:0px 0px  0px 0px;
	text-indent:-9000px;
	height:30px;
}
h2.rc {
	font-family:Century gothic,verdana, Arial,  sans-serif;
	margin:5px 0px;
	color:#2D3133;
	background: url(images/rc.jpg) no-repeat;
	line-height:30px;
	padding:0px 0px  0px 0px;
	text-indent:-9000px;
	height:30px;
}
h2.au {
	font-family:Century gothic,verdana, Arial,  sans-serif;
	margin:5px 0px;
	color:#2D3133;
	background: url(images/au.jpg) no-repeat;
	line-height:30px;
	padding:0px 0px  0px 0px;
	text-indent:-9000px;
	height:30px;
}

.auth{
	margin: 0px 0 0px 0;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size:12px;
	line-height:14px;
}
.fmeta {
	margin: 0px 0 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size:11px;
	line-height:12px;
	color:#444;
	text-align: left;
}
/* Grille 2 colonnes pour les 4 premiers posts */
.post-grid {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-bottom: 20px;
}


/* Bloc global */
.rblock {
    width: 300px;
    float: left;
    margin: 5px 10px 0 0;
    padding-left: 5px;
    background: url(images/feat1.jpg);
    color: #222;
    font-family: Georgia, century gothic, Arial, verdana, sans-serif;
}

/* Vignette */
.rblock img {
    width: 60px;
    height: 40px;
    object-fit: cover;
    margin: 0 5px 0 0;
    padding: 2px;
    float: left;
    background: #fff;
    display: block;
}
.rblock figure {
    width: 100%;
    max-width: 260px; /* la largeur de ta vignette */
    margin: 0 auto;   /* centré proprement */
    display: block;
}

/* Couleur du lien */
.rblock h3 a:link,
.rblock h3 a:visited {
    color: #222;
}

/* Métadonnées */
#footbar .rblock .fmeta {
    margin-left: 70px;
    line-height: 14px;
}

/* Titre sur une seule ligne */
#footbar .rblock h3 {
    margin: 0 5px 0 70px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Lien du titre */
#footbar .rblock h3 a {
    display: block;
    white-space: inherit;
    overflow: inherit;
    text-overflow: inherit;
}

/*----------------------------------------------------*/
#scroller_container {
    overflow: hidden;
    width: 100%;
    height: 50px;
    background: #F7F1EE;
    position: relative;
    display: flex;
}

#scroller, #scroller_clone {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    flex-shrink: 0;
    animation: scroll 30s linear infinite;
}

.panel {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.panel img {
    flex-shrink: 0;
	height: 40px;
}

.panel .fmeta {
    white-space: normal;
    line-height: 1.3;
    max-width: 260px;
    overflow: hidden;
	text-align: justify;
	display: -webkit-box;
	-webkit-line-clamp: 3;   /* limite à 3 lignes */
	-webkit-box-orient: vertical;
}

@keyframes scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* --------------------------------------------------
   SLIDER — Structure principale
-------------------------------------------------- */

.slider-container {
    position: relative;
    width: 100%;
    max-width: 670px;
    height: 300px; /* hauteur totale slider */
    overflow: hidden;
}

/* Zone des slides */
.glidecontentwrapper {
    position: relative;
    width: 100%;
    height: 294px;/* hauteur réelle des images */
    background: #D9D1CE;
    overflow: hidden;
    margin: 0;
}

/* --------------------------------------------------
   TOGGLER (ligne supérieure + flèches)
-------------------------------------------------- */

.glidecontenttoggler {
    position: absolute;
    top: 0; /* collé en haut du slider */
    left: 0;
    width: 100%;
    height: 40px; /* hauteur réelle de gtop.jpg */
    background: url(images/gtop.jpg) no-repeat;
    z-index: 10;
    margin: 0;
    padding: 0;
}

/* Liens du toggler */
.glidecontenttoggler a {
    display: inline-block;
    color: #2e6ab1;
    font-weight: bold;
    text-decoration: none;
}

.glidecontenttoggler a.selected,
.glidecontenttoggler a:hover {
    background: #e2e2d9;
    color: black;
}

/* Masquage du texte des flèches */
.glidecontenttoggler a.prev,
.glidecontenttoggler a.next {
    font-size: 0;
    color: transparent;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 11;
}

/* Flèche gauche */
.glidecontenttoggler a.prev { 
    position: absolute;
    top: 6px;
    right: 40px;
    width: 36px;
    height: 25px;
    background: url(images/left.jpg) bottom no-repeat;
}

/* Flèche droite */
.glidecontenttoggler a.next {
    position: absolute;
    top: 6px;
    right: 10px;
    width: 36px;
    height: 25px;
    background: url(images/right.jpg) bottom no-repeat;
}

/* --------------------------------------------------
   SLIDES
-------------------------------------------------- */

.glidecontent {
    position: absolute;
    top: 0;
    left: 0;
    width: 660px; /* largeur interne */
    height: 250px;
    padding-left: 5px;
    margin-top:38px;
    background: #D9D1CE url(images/minibg.png) no-repeat;
    overflow: hidden;
    opacity: 1;
    transition: opacity 0.5s ease;
    z-index: 1;
}

.glidecontent img {
    width: 100%;
    height: 250px;
	object-fit: cover;
    object-position: center;
    display: block;
}

.glidecontent.active {
    opacity: 1;
    z-index: 2;
}

/* --------------------------------------------------
   META (bandeau texte en bas)
-------------------------------------------------- */

.glidemeta {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75px;
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0.6);
    font-family: Georgia, Century Gothic, Arial, Verdana, sans-serif;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-left: 5px;
}

.glidemeta h2 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

.glidemeta h2 a {
    color: #fff;
}

.glidemeta h2 a:hover {
    text-decoration: underline !important;
}

.glidemeta p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 3em;
    margin: 0;
    word-break: break-word;
}

.glidecontent:hover .glidemeta {
    opacity: 1;
}

.panel h3{
	margin: 0px 0 0px 0;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size:14px;
	height:18px;
	font-family:Georgia,Century gothic,verdana, Arial,  sans-serif;
	overflow:hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.panel h3 a:link, .panel h3 a:visited{
	color:#111;
}
.panel {
	width: 240px;
	height: auto;
	float:left;
	margin: 0px 10px 0px 0px;
	padding:0px 0 0 5px;
	display:inline;
	background:url(images/featl.jpg);
	color:#222;
	font-family:Georgia,century gothic,Arial,verdana, sans-serif;
}
.panel p{
	margin:0px 0px;
	padding:0 0;
	color:#333;
	font-size:11px;
}
.panel img{
	margin:0px 5px 0px 0px;
	padding:0px 3px;
	float:left;
	background:#fff;
	border:1px solid #DDD8D5;
}



/* ============================================================*/
/*  ======   BOUTON POUR VERSION MOBILE UNIQUEMENT             */
/*=============================================================*/

/* Invisible par défaut */
.menu-toggle {
    display: none;
}

#menu .flags {
	max-width: 100%;
	height: 33px;
    display: flex;
	margin: 0px 2px auto auto; 
	padding-top : 7px;
	gap: 4px;
    display: flex !important;
    justify-content: flex-end !important;
}

/* ============================================================
               TABLETTE — 768px à 1024px
   ============================================================ */
	@media (min-width: 768px) and (max-width: 1024px) {

    .wrapper {
        width: 100% !important;
    }
	#wrapper {
    display: flex;
    gap: 4px;
    align-items: flex-start;
	}

	#content {
        flex: 2;
	}

	/* Conteneur du slider */
    .slider-container {
		max-width: 670px;
        width: 100%;
		height: 300px;
        margin:4px auto 0px; /* centré */
    }

    /* Contenu interne */
    .glidecontent {
        max-width: 660px;
		width: 100% ;
        height: 250px ;
    }

    /* Image interne */
    .glidecontent img {
		max-width: 660px;
        width: 100% ;
        height: 250px ;
        object-fit: cover;
    }

    /* Meta */
    .glidemeta {
		max-width: 660px;
        width: 100% ;
        margin-left: 5px;
    }
}
/*=========================================================*/
/*    @media (min-width: 768px) and (max-width: 900px) {   */
/*=========================================================*/

/* TABLETTE PORTRAIT — 768 à 900px */
@media (min-width: 768px) and (max-width: 900px) {

	body #content {
        width: 100% !important;
        max-width: 680px !important;
        margin: 0 auto !important;
        padding: 0 20px !important;
    }

    body #rightcol {
        width: 100% !important;
        margin-top: 30px !important;
    }

    body #slider {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 30px !important;
    }
    #wrapper {
		display:flex;
		flex-direction: column;
        margin:0px auto;
    }

    /* Conteneur du slider */

    /* Largeur du contenu principal */
    #content {
        width: 100%;
        max-width: 680px;
        margin: 0 auto;
        padding: 0 20px;
    }

    /* Sidebar sous le contenu (si présente) */
    #rightcol {
        width: 100%;
        margin-top: 30px;
    }

    /* Titres */
    h1, h2, h3 {
        line-height: 1.2;
        margin-top: 0;
    }

    /* Images dans les articles */
    #content img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto 20px;
    }

    /* Paragraphes */
    #content p {
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 16px;
    }

    /* Menus */
    #menu, #menu ul {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    /* Éléments de liste */
    li {
        margin-bottom: 8px;
    }

    /* Slider en pleine largeur */
    #slider {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 30px;
    }

    /* Sidebar en dessous */
    #rightcol {
        width: 100%;
        margin-top: 30px;
    }

    /* Contenu principal */
    #content {
        width: 100%;
        max-width: 680px;
        margin: 0 auto;
        padding: 0 20px;
    }
 	.glidecontent, .slider-container {
    max-width: 680px;
    width: 100%;
    height: 300px;
    margin: 4px auto 0;
}
    /* Structure générale */
    .rblock {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px; /* espace propre entre figure, h et p */
    }

    /* Figure : largeur contrôlée */
    .rblock figure {
        width: 100%;
        max-width: 260px; /* largeur vignette */
        margin: 0;
    }

    /* Image dans la figure */
    .rblock figure img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* Titre */
    .rblock h2,
    .rblock h3 {
        margin-top: 0;
        line-height: 1.2;
    }

    /* Paragraphe */
    .rblock p {
        margin-top: 4px;
    }
}

/* ======================================================*/
/*                SMARTPHONE mobile ≤ 768px              */
/*====================================================== */
@media (max-width: 768px) {

    .wrapper {
        width: 100%;
        margin-top: 0;
    }

    /* --- HEADER --- */
    #top {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0;
    }
	span.com {
        display: block;
        width: 100%;
    }
	.entry p {
		margin-top: 15px;
	}

    /* --- BOUTON MENU --- */
    .menu-toggle {
        display: block;
        max-width: 200px;
        color: #fff;
        text-align: center;
        margin: 8px auto;
        height: 33px;
    }

    /* =========================================
       MENUS PRINCIPAUX
    ========================================== */
    #menu,
    #catmenu {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
        height: 33px;
        background: #971A0F;
        z-index: 9999;
    }

    #foxmenucontainer,
    #catmenucontainer {
        position: relative;
    }

    #foxmenucontainer.toggled #menu > ul,
    #catmenucontainer.toggled #catmenu > ul {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 33px;
        left: 50%;
        transform: translateX(-50%);
        width: 60%;
        background: #971A0F;
        padding: 10px 0;
        box-shadow: 0 12px 35px rgba(0,0,0,0.75);
        border-radius: 8px;
        z-index: 999999;
    }

    /* =========================================
       SOUS-MENUS
    ========================================== */
    #foxmenucontainer .children,
    #catmenucontainer .sub-menu {
        display: none;
    }

    #foxmenucontainer .children.open,
    #catmenucontainer .sub-menu.open {
        display: flex;
        flex-direction: column;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        background: #971A0F;
        padding: 10px 0;
        margin-top: 5px;
        box-shadow: 0 12px 35px rgba(0,0,0,0.75);
        border-radius: 8px;
        z-index: 999999;
    }

    /* items */
    #foxmenucontainer li,
    #catmenucontainer li {
        border-bottom: 1px solid rgba(217, 209, 206, 0.5);
    }

    #foxmenucontainer li:last-child,
    #catmenucontainer li:last-child {
        border-bottom: none;
    }

    /* liens */
    #foxmenucontainer a,
    #catmenucontainer a {
        display: block;
        padding: 8px 15px;
        transition: background 0.2s ease;
    }

/* FLAGS — VERSION FINALE OPTIMISÉE */

/* Neutraliser les <a> du menu DANS les flags */
#foxmenucontainer .flags a {
    all: unset;
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 0;
}

#foxmenucontainer {
    position: relative !important;
}

#foxmenucontainer .flags {
    position: absolute;
    top: 0px;
    right: 4px;
    display: flex;
    gap: 3px; /* ← EXACTEMENT CE QUE TU VEUX */
    z-index: 999999;
}

/* Supprimer l’espace inline des images */
#foxmenucontainer .flags img {
    display: block;
}


    /* =========================================
       FLÈCHES
    ========================================== */
    #foxmenucontainer li.page_item_has_children > a::after,
    #catmenucontainer li.menu-item-has-children > a::after {
        content: none !important;
    }

    .submenu-arrow {
        margin-left: 10px;
        width: 8px;
        height: 8px;
        display: inline-block;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(45deg);
        transition: transform 0.2s ease;
    }

    .submenu-open .submenu-arrow {
        transform: rotate(-135deg);
    }

    /* =========================================
       HEADER INFOS
    ========================================== */
    .today {
        width: 100%;
        margin-top: 52px;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1px;
    }

    span.day,
    span.mony,
    .dname {
        margin: 4px;
    }

    span.day,
    span.mony {
        font-size: 10px;
    }

    .dname {
        font-size: 12px;
    }

    .blogname {
        width: 100%;
        position: absolute;
        text-align: center;
        margin-top: 70px;
    }

    .blogname h1 { font-size: 22px; margin: 0; }
    .blogname h2 { font-size: 12px; margin-top: 2px; }

    .subscribe,
    .visit {
        display: none;
    }

    #menu > ul,
    #catmenu > ul {
        display: none;
    }

    /* =========================================
       CONTENU / SLIDER
    ========================================== */

    #content {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .glidecontent,
    .slider-container {
        max-width: 400px;
        width: 100%;
        height: 265px;
        margin: 4px auto 0;
    }

    .glidecontent {
        height: 250px;
    }

    .glidecontent img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }

    .glidemeta {
        width: 100%;
        margin-left: 0;
    }

    .post-grid {
        width: 100%;
        margin-right: 0;
    }

    /* =========================================
       FOOTER
    ========================================== */

    .footbar {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .about,
    .barone {
        flex: 1;
        min-width: 390px;
        margin: 0 auto 10px;
        height: 290px;
        border-bottom: 2px solid #fff;
    }
}