.actualites-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.actualite-item {
border: 1px solid #ddd;
padding: 20px;
border-radius: 8px;
background: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.actualite-item.actualite-premium {
background: #fff78c;
}
.actualite-item h3 {
margin: 0 0 10px 0;
font-size: 1.3em;
}
.actualite-date {
margin: 0 0 15px 0;
font-size: 1.1em;
color: #666;
font-weight: 500;
}
.actualite-description {
margin: 15px 0;
line-height: 1.6;
color: #555;
}
.actualite-info-table {
margin: 15px 0;
}
.actualite-info-table table {
width: 100%;
border-collapse: collapse;
}
.actualite-info-table td {
padding: 8px 5px;
border-bottom: 1px solid #eee;
vertical-align: top;
font-size: 13px;
background-color: #f8f9fa;
}
.actualite-info-table td:first-child {
width: 30%;
color: #666;
font-weight: bold;
}
.actualite-buttons {
margin: 15px 0;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.actualite-button {
display: inline-block;
padding: 8px 12px;
background-color: #0073aa;
color: #fff;
text-decoration: none;
border-radius: 4px;
font-size: 13px;
transition: background-color 0.3s ease;
position: relative;
padding-left: 30px;
}
.actualite-button:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
font-size: 13px;
color: #fff;
}
.actualite-button:hover {
background-color: #00537b;
color: #fff;
text-decoration: none;
}
.actualite-button-phone:before {
content: none; }
.actualite-button-email:before {
content: "\f0e0"; }
.actualite-button-website:before {
content: "\f0c1"; }
.actualite-button-facebook:before {
content: "";
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="%23ffffff" version="1.1" width="13px" height="13px" viewBox="0 0 512 512" xml:space="preserve"><g><path d="M283.122,122.174c0,5.24,0,22.319,0,46.583h83.424l-9.045,74.367h-74.379c0,114.688,0,268.375,0,268.375h-98.726c0,0,0-151.653,0-268.375h-51.443v-74.367h51.443c0-29.492,0-50.463,0-56.302c0-27.82-2.096-41.02,9.725-62.578C205.948,28.32,239.308-0.174,297.007,0.512c57.713,0.711,82.04,6.263,82.04,6.263l-12.501,79.257c0,0-36.853-9.731-54.942-6.263C293.539,83.238,283.122,94.366,283.122,122.174z"/></g></svg>');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 13px;
height: 13px;
font-weight: normal;
}
.actualite-button[href^="tel:"]:before,
.actualite-button-phone:before {
content: "\f095"; } .actualites-pagination {
margin: 20px 0;
text-align: center;
clear: both;
}
.actualites-pagination .page-numbers {
display: inline-block;
padding: 8px 12px;
margin: 0 4px;
text-decoration: none;
border: 1px solid #ddd;
background: #f9f9f9;
color: #333;
border-radius: 4px;
transition: all 0.3s ease;
}
.actualites-pagination .page-numbers:hover {
background: #e9e9e9;
text-decoration: none;
color: #333;
}
.actualites-pagination .page-numbers.current {
background: #0073aa;
color: white;
border-color: #0073aa;
}
.actualites-pagination .page-numbers.dots {
border: none;
background: none;
cursor: default;
}
.actualites-pagination .page-numbers.dots:hover {
background: none;
} @media (max-width: 768px) {
.actualites-grid {
grid-template-columns: 1fr;
}
.actualite-item {
padding: 15px;
}
.actualite-item h3 {
font-size: 1.2em;
}
.actualite-buttons {
flex-direction: column;
}
.actualite-button {
text-align: center;
justify-content: center;
}
.actualites-pagination .page-numbers {
padding: 6px 10px;
margin: 0 2px;
font-size: 14px;
}
}