.jpg){kind=link}
/* Styles pour l'en-tête */
header {
background: linear-gradient(to right, #3a6186, #89253e);
color: white;
padding: 20px 40px;
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
}
header img.logo {
height: 80px;
margin-right: 20px;
}
/* Styles pour la navigation */
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
justify-content: flex-end;
}
nav ul li {
position: relative;
}
nav ul li a {
display: block;
color: white;
text-decoration: none;
padding: 15px 20px;
transition: background-color 0.3s ease;
}
nav ul li a:hover {
background-color: #555;
}
nav ul li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #444;
padding: 0;
}
nav ul li:hover ul {
display: block;
animation: fadeIn 0.3s;
}
nav ul li ul li {
width: 200px;
}
/* Styles pour les sections principales */
section {
padding: 120px 20px 20px;
max-width: 1200px;
margin: auto;
background-color: rgba(255, 255, 255, 0.9);
text-align: center;
animation: fadeIn 1s;
}
section h1 {
font-size: 3rem;
color: #333;
margin-bottom: 20px;
}
section p {
font-size: 1.2rem;
color: #555;
margin-bottom: 30px;
}
/* Styles pour les rectangles transparents */
.transparent-rectangle {
background-color: rgba(255, 255, 255, 0.8);
padding: 30px;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
transition: transform 0.5s ease;
}
.transparent-rectangle:hover {
transform: scale(1.05);
}
.transparent-rectangle h3 {
font-size: 1.5rem;
color: #333;
margin-bottom: 20px;
}
.transparent-rectangle p {
font-size: 1.1rem;
color: #555;
margin-bottom: 20px;
}
/* Styles pour les informations de contact */
.contact-info {
text-align: center;
margin-top: 30px;
}
.contact-info a {
background-color: #25d366;
color: white;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
font-size: 1.1rem;
margin-right: 20px;
}
.contact-info span {
font-size: 1.1rem;
color: #555;
}
/* Styles pour le pied de page */
footer {
background-color: #333;
color: white;
text-align: center;
padding: 20px;
position: fixed;
width: 100%;
bottom: 0;
}
/* Styles pour les services */
.services {
display: flex;
justify-content: space-around;
margin-top: 40px;
}
.service-item {
background: rgba(255, 255, 255, 0.8);
border-radius: 10px;
padding: 20px;
width: 30%;
transition: transform 0.5s, box-shadow 0.5s;
}
.service-item:hover {
transform: translateY(-10px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.service-item h3 {
margin-top: 10px;
color: #333;
}
.service-item p {
color: #555;
}
.service-item i {
font-size: 2rem;
color: #3a6186;
margin-bottom: 10px;
}
.service-img {
width: 80px;
height: 80px;
margin: 0 auto 20px;
border-radius: 8px; /* Changé le border-radius pour rendre les images carrées */
overflow: hidden;
position: relative;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.5s ease;
}
.service-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.service-item:hover .service-img {
transform: scale(1.1);
}
/* Styles pour la section "Qui sommes-nous ?" */
#about-us {
padding: 120px 20px 20px;
max-width: 1200px;
margin: auto;
text-align: center;
animation: fadeIn 1s;
}
#about-us h2 {
font-size: 2.5rem;
color: #333;
margin-bottom: 20px;
}
.about-description {
font-size: 1.2rem;
color: #555
; margin-bottom: 30px; }
.about-description p {
margin-bottom: 20px;
}
/* Styles pour les icônes */
.icon {
font-size: 2rem;
color: #3a6186;
margin-bottom: 10px;
}
/* Animation pour les icônes */
.icon:hover {
transform: scale(1.2);
transition: transform 0.3s;
}
/* Styles pour les listes */
.about-list {
list-style-type: none;
padding: 0;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.about-list li {
flex: 0 0 30%;
margin-bottom: 20px;
}
/* Animation pour les listes */
.about-list li:hover {
transform: translateY(-5px);
transition: transform 0.3s;
}
/* Animation pour le texte */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Styles pour la section "Notre Pack Hygiène" */
#our-pack .container { display: flex; justify-content: space-around; flex-wrap: wrap; }
.service { width: 30%; background-color: #fff; border-radius: 10px; padding: 20px; margin-bottom: 30px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); transition: transform 0.3s, box-shadow 0.3s; }
.service:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); }
.service-icon { text-align: center; margin-bottom: 20px; }
.service-icon i { font-size: 3rem; color: #3a6186; }
.service-content h3 { font-size: 1.5rem; color: #3a6186; margin-bottom: 10px; }
.service-content p { color: #555; font-size: 1.2rem; margin-bottom: 20px; }
.read-more { color: #fff; background-color: #3a6186; padding: 10px 20px; border-radius: 5px; text-decoration: none; display: inline-block; transition: background-color 0.3s; }
.read-more:hover { background-color: #333; } /* Styles pour la section "Notre Pack Hygiène" */ #our-pack .container { display: flex; justify-content: space-around; flex-wrap: wrap; }
.service {
width: 30%;
background-color: #fff;
border-radius: 10px;
padding: 20px;
margin-bottom: 30px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
transition: transform 0.3s, box-shadow 0.3s;
}
.service:hover {
transform: translateY(-5px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.service-icon {
text-align: center;
margin-bottom: 20px;
}
.service-icon i {
font-size: 3rem;
color: #3a6186;
}
.service-content h3 {
font-size: 1.5rem;
color: #3a6186;
margin-bottom: 10px;
}
.service-content p {
color: #555;
font-size: 1.2rem;
margin-bottom: 20px;
}
.read-more {
color: #fff;
background-color: #3a6186;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
display: inline-block;
transition: background-color 0.3s;
}
.read-more:hover {
background-color: #333;
}
.full-description {
display: none; /* Masquer le texte complet par défaut */
}
</style>
Votre partenaire mondial pour la qualité, l'hygiène et la sécurité alimentaire
Votre expert en qualité, hygiène et sécurité des aliments
MO-DJIB CONSULTING est un cabinet de conseil, d’audit et de formation dans le domaine de la qualité, l’hygiène et la sécurité des denrées alimentaires. Notre équipe vous accompagne : porteurs de projets et chefs d’entreprise quel que soit votre type d’activité : du snack à l’industrie agro-alimentaire, en passant par la restauration commerciale, collective, la distribution et les métiers de bouche (boulangerie, pâtisserie, boucherie, charcuterie, etc.)
Nous sommes à votre écoute
MO-DJIB CONSULTING, les experts dont vous avez besoin
Notre expérience professionnelle nous permet de vous apporter les meilleurs conseils et expertises en sécurité alimentaire quel que soit votre projet ou votre activité.
-
Mise à jour sur la réglementation en vigueur.
-
Optimisation des processus pour garantir la sécurité alimentaire.
-
Formation et sensibilisation des équipes à la sécurité alimentaire.
<div class="service">
<div class="service-icon">
<i class="fas fa-graduation-cap"></i>
</div>
<div class="service-content">
<h3>Formations</h3>
<p class="short-description">MO-DJIB CONSULTING vous propose des formations en hygiène alimentaire spécifiques selon le type d’activité; restauration commerciale, collective, petite enfance, … une formation bonnes pratiques d’hygiène, et des formations HACCP et ISO22000 destinées aux industries agro-alimentaires.</p>
<p class="full-description" style="display: none;">MO-DJIB CONSULTING vous propose des formations en hygiène alimentaire spécifiques selon le type d’activité; restauration commerciale, collective, petite enfance, … une formation bonnes pratiques d’hygiène, et des formations HACCP et ISO22000 destinées aux industries agro-alimentaires.</p>
<a href="#" class="read-more">Voir plus</a>
</div>
</div>
<div class="service">
<div class="service-icon">
<i class="fas fa-clipboard-check"></i>
</div>
<div class="service-content">
<h3>Audits</h3>
<p class="short-description">Dans le cadre du système de vérification du plan HACCP, le Cabinet MO-DJIB CONSULTING peut vous accompagner sur l’année grâce à des audits réguliers ou de façon ponctuelle avec suivi des actions correctives incluant le suivi des analyses bactériologiques. Faites-nous confiance afin d’être prêt en cas de visite par les services officiels de l’état. En fonction de vos objectifs, notre équipe d’experts vous accompagne. Contactez-nous !</p>
<p class="full-description" style="display: none;">Dans le cadre du système de vérification du plan HACCP, le Cabinet MO-DJIB CONSULTING peut vous accompagner sur l’année grâce à des audits réguliers ou de façon ponctuelle avec suivi des actions correctives incluant le suivi des analyses bactériologiques. Faites-nous confiance afin d’être prêt en cas de visite par les services officiels de l’état. En fonction de vos objectifs, notre équipe d’experts vous accompagne. Contactez-nous !</p>
<a href="#" class="read-more">Voir plus</a>
</div>
</div>
<div class="service">
<div class="service-icon">
<i class="fas fa-handshake"></i>
</div>
<div class="service-content">
<h3>Accompagnement</h3>
<p class="short-description">Bonnes Pratiques d’Hygiène, Plan HACCP, traçabilité et Gestion des produits non conformes… Comptez sur nous pour vous accompagner pour votre dossier plan de maîtrise sanitaire, ou dossier d’agrément sanitaire, votre SMSDA ou votre DUERP. Nous pouvons également vous proposer une solution numérique pour la digitalisation de vos auto-contrôles réglementaires avec sondes connectées.</p>
<p class="full-description" style="display: none;">Bonnes Pratiques d’Hygiène, Plan HACCP, traçabilité et Gestion des produits non conformes… Comptez sur nous pour vous accompagner pour votre dossier plan de maîtrise sanitaire, ou dossier d’agrément sanitaire, votre SMSDA ou votre DUERP. Nous pouvons également vous proposer une solution numérique pour la digitalisation de vos auto-contrôles réglementaires avec sondes connectées.</p>
<a href="#" class="read-more">Voir plus</a>
</div>
</div>
</div>
</section>
<footer>
© 2024 Mo-Djib Consulting. Tous droits réservés.
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/js/all.min.js"></script> <script> function toggleDescription(service) { const fullDescription = document.querySelector(`#${service} .full-description`); if (fullDescription.style.display === "none") { fullDescription.style.display = "block"; } else { fullDescription.style.display = "none"; } } </script><script>
function toggleDescription(service) {
const fullDescription = document.querySelector(`#${service} .full-description`);
if (fullDescription.style.display === "none") {
fullDescription.style.display = "block";
} else {
fullDescription.style.display = "none";
}
}
</script>