À propos – Anime Actua
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
}
header.about-section {
background: #ffcc00;
color: #000;
padding: 50px 20px;
text-align: center;
}
header.about-section h1 {
font-size: 2.2em;
margin-bottom: 10px;
}
header.about-section p {
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
font-size: 1.1em;
}
section {
background-color: #fff;
text-align: center;
padding: 40px 20px;
}
section h2 {
color: #ffcc00;
font-size: 2em;
margin-bottom: 15px;
}
section p {
max-width: 800px;
margin: 0 auto;
font-size: 1.1em;
line-height: 1.6;
}
.team {
padding: 40px 20px;
text-align: center;
}
.team h2 {
font-size: 2em;
margin-bottom: 20px;
}
.row {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.column {
flex: 0 0 250px;
max-width: 250px;
margin: 10px;
background: white;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: transform 0.3s ease;
}
.column:hover {
transform: scale(1.05);
}
.card {
padding: 20px;
text-align: center;
}
.card img {
width: 100px;
height: 100px;
border-radius: 50%;
margin-bottom: 10px;
object-fit: cover;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.card h3 {
margin-top: 15px;
margin-bottom: 10px;
font-size: 1.1em;
}
.card p.title {
color: gray;
font-style: italic;
margin: 5px 0 15px;
}
.card p {
font-size: 0.95em;
line-height: 1.4;
}
form {
max-width: 500px;
margin: 0 auto;
text-align: left;
padding: 0 10px;
}
form label {
font-weight: bold;
display: block;
margin-top: 15px;
}
form input,
form textarea {
width: 100%;
padding: 10px;
margin-top: 5px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 1em;
box-sizing: border-box;
}
form button {
background-color: #ffcc00;
color: #000;
padding: 10px 20px;
margin-top: 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-weight: bold;
width: 100%;
}
form button:hover {
background-color: #e6b800;
}
/* Centrer tout dans la section contact */
.contact-section {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px 20px;
background-color: #fff;
text-align: center;
}
.contact-section > p {
margin: 5px 0;
font-size: 1.1em;
max-width: 500px;
}
.whatsapp-button {
display: block;
background-color: #25d366;
color: white;
padding: 14px 0;
border-radius: 50px;
text-decoration: none;
font-weight: bold;
margin: 25px auto 0;
max-width: 300px;
text-align: center;
width: 100%;
}
.whatsapp-button:hover {
background-color: #1ebe57;
}
/* Responsive improvements */
@media (max-width: 650px) {
.row {
flex-direction: column;
align-items: center;
}
.column {
flex: 0 0 90%;
max-width: 90%;
margin: 10px 0;
}
.card p {
font-size: 1.05em;
line-height: 1.6;
padding: 0 10px;
text-align: center;
}
.card h3 {
font-size: 1.3em;
margin-top: 20px;
margin-bottom: 12px;
}
header.about-section h1 {
font-size: 1.8em;
}
section h2 {
font-size: 1.6em;
}
}
@media (max-width: 480px) {
section {
padding: 25px 15px;
}
form {
padding: 0;
}
form button,
.whatsapp-button {
font-size: 1em;
}
}
Anime Actua — Actualité Anime & Manga
Depuis 2021, on est là pour te livrer les dernières news anime & manga.
Véritables passionnés et experts du domaine, on traque chaque trailer,
sortie et rumeur 24/7 pour te livrer un contenu optimisé SEO.
Notre mission
T’informer avant tout le monde, fédérer une communauté bienveillante et
partager notre passion pour la culture nippone. Nous voulons créer une
plateforme de confiance pour les fans d’anime et de manga du monde entier.
Notre équipe

James
Rédacteur & SEO
Il assure que chaque article soit optimisé, bien référencé et captivant.

Sarah
Éditrice & traductrice
Bilingue japonais/français, elle garantit la qualité et l’exactitude de nos textes.

Lahcen
Veille & Community Manager
Il décortique chaque trailer, gère nos réseaux sociaux et anime notre communauté.

Hamza
Dev & UX Designer
Il veille à ce que le site soit fluide, rapide et responsive.