<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Boutique - Dieuf-Dieul Secure SN</title>
	<atom:link href="https://dieufdieulsecure-sn.com/accueil/boutique/feed/" rel="self" type="application/rss+xml" />
	<link>https://dieufdieulsecure-sn.com/accueil/boutique/</link>
	<description>Cybersécurité &#38; Solutions IT au Sénégal — Audit SSI, GRC, équipements informatiques. Dieuf-Dieul Secure, votre partenaire sécurité à Dakar.</description>
	<lastBuildDate>Sat, 10 Oct 2026 15:42:39 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/cropped-logoDieufDieulSecure_lwsoptimized-100x100.webp</url>
	<title>Boutique - Dieuf-Dieul Secure SN</title>
	<link>https://dieufdieulsecure-sn.com/accueil/boutique/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">255107979</site>	<item>
		<title>Boutique</title>
		<link>https://dieufdieulsecure-sn.com/accueil/boutique/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 24 May 2026 20:40:30 +0000</pubDate>
				<guid isPermaLink="false">https://dieufdieulsecure-sn.com/?page_id=28</guid>

					<description><![CDATA[<p>Boutique</p>
<p>The post <a href="https://dieufdieulsecure-sn.com/accueil/boutique/">Boutique</a> appeared first on <a href="https://dieufdieulsecure-sn.com">Dieuf-Dieul Secure SN</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="et-l et-l--post">
			<div class="et_builder_inner_content et_pb_gutters3"><div class="et_pb_section et_pb_section_0 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0 et_pb_equal_columns et_pb_gutters3">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_0">
				
				
				
				
				<div class="et_pb_code_inner"><!-- ═══════════════════════════════════════════════════════════
     SLIDER ZOOM & FONDU — Produits Informatiques
     À coller dans : Divi > Module Code (HTML + CSS + JS)
     Police requise dans le thème : Inter + Space Grotesk
     (ou décommenter le <link> Google Fonts ci-dessous)
════════════════════════════════════════════════════════════ -->

<!-- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700;800&display=swap" rel="stylesheet"> -->

<style>
/* ── Reset & base ── */
.sl-wrap *, .sl-wrap *::before, .sl-wrap *::after {
  box-sizing: border-box; margin: 0; padding: 0;
}

/* ── Conteneur slider ── */
.sl-wrap {
  position: relative;
  width: 100%;
  height: var(--sl-h, 580px);
  overflow: hidden;
  background: #000;
  font-family: 'Inter', sans-serif;
}

/* ── Slide ── */
.sl-slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity var(--sl-fade, .8s) ease;
  z-index: 1;
}
.sl-slide.active  { opacity: 1; z-index: 3; }
.sl-slide.leaving { opacity: 0; z-index: 2; }

/* ── Image fond (Ken Burns) ── */
.sl-bg {
  position: absolute;
  inset: -6%;
  background-size: cover;
  background-position: center;
  transition: transform var(--sl-zoom, 6s) ease;
  transform: scale(1);
}
.sl-slide.active .sl-bg { transform: scale(1.08); }

/* ── Overlay sombre ── */
.sl-ov {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top,
    rgba(0,0,0,.75) 0%,
    rgba(0,0,0,.35) 50%,
    rgba(0,0,0,.20) 100%);
  z-index: 1;
}

/* ── Contenu texte ── */
.sl-content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 0 40px;
  max-width: 700px;
  width: 100%;
}
.sl-eyebrow {
  font-size: 11px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: rgba(255,255,255,.65);
  margin-bottom: 16px;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .6s .1s ease, transform .6s .1s ease;
}
.sl-title {
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-size: clamp(28px, 4.5vw, 68px);
  font-weight: 800;
  line-height: 1.08;
  color: #fff;
  margin-bottom: 16px;
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .6s .25s ease, transform .6s .25s ease;
}
.sl-title span { color: var(--sl-accent, #818cf8); }
.sl-desc {
  font-size: clamp(13px, 1.6vw, 17px);
  color: rgba(255,255,255,.72);
  line-height: 1.6;
  max-width: 480px;
  margin: 0 auto 32px;
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .6s .4s ease, transform .6s .4s ease;
}
.sl-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .6s .55s ease, transform .6s .55s ease;
}

/* Activer les animations quand slide actif */
.sl-slide.active .sl-eyebrow,
.sl-slide.active .sl-title,
.sl-slide.active .sl-desc,
.sl-slide.active .sl-btns {
  opacity: 1;
  transform: translateY(0);
}

/* ── Bouton principal ── */
.sl-btn-main {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 30px;
  background: var(--sl-accent, #6366f1);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  transition: filter .2s, transform .2s;
  box-shadow: 0 8px 24px rgba(99,102,241,.4);
  text-decoration: none;
}
.sl-btn-main:hover { filter: brightness(1.15); transform: translateY(-2px); }
.sl-btn-main svg   { transition: transform .2s; }
.sl-btn-main:hover svg { transform: translateX(4px); }

/* ── Bouton secondaire ── */
.sl-btn-sec {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 26px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.25);
  backdrop-filter: blur(8px);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 50px;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  transition: background .2s, border-color .2s;
  text-decoration: none;
}
.sl-btn-sec:hover {
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.4);
}

/* ── Flèches ── */
.sl-arrow {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  width: 48px; height: 48px;
  border-radius: 50%;
  background: rgba(0,0,0,.4);
  border: 1px solid rgba(255,255,255,.15);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
  transition: background .2s, transform .2s;
}
.sl-arrow:hover { background: rgba(99,102,241,.6); transform: translateY(-50%) scale(1.1); }
.sl-arrow-prev { left: 20px; }
.sl-arrow-next { right: 20px; }

/* ── Dots ── */
.sl-dots {
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  gap: 8px;
  align-items: center;
}
.sl-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,.4);
  cursor: pointer;
  transition: background .3s, width .3s, border-radius .3s;
  border: none;
}
.sl-dot.active {
  width: 28px;
  border-radius: 4px;
  background: var(--sl-accent, #6366f1);
}

/* ── Barre progression ── */
.sl-progress {
  position: absolute;
  bottom: 0; left: 0;
  height: 3px;
  background: var(--sl-accent, #0d1e35);
  z-index: 10;
  width: 0;
  transition: width linear;
}

/* ── Compteur ── */
.sl-counter {
  position: absolute;
  top: 20px; right: 24px;
  z-index: 10;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,.5);
  font-family: 'Inter', sans-serif;
}
.sl-counter strong { color: #fff; }

/* ── Icône pause (survol) ── */
.sl-pause {
  position: absolute;
  top: 20px; left: 24px;
  z-index: 10;
  width: 32px; height: 32px;
  border-radius: 50%;
  background: rgba(0,0,0,.4);
  backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,.15);
  color: #fff;
  transition: background .2s;
  opacity: 0;
  pointer-events: none;
}
.sl-wrap:hover .sl-pause { opacity: 1; pointer-events: auto; }

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */

/* Tablette ≤ 1024px */
@media (max-width: 1024px) {
  .sl-wrap { height: var(--sl-h-tab, 480px); }
  .sl-content { padding: 0 30px; }
}

/* Mobile ≤ 768px */
@media (max-width: 768px) {
  .sl-wrap { height: var(--sl-h-mob, 420px) !important; }

  .sl-content { padding: 0 20px; max-width: 100%; }

  .sl-eyebrow { font-size: 10px; letter-spacing: 2px; margin-bottom: 10px; }

  .sl-title {
    font-size: clamp(22px, 6vw, 36px) !important;
    margin-bottom: 12px;
    line-height: 1.1;
  }
  .sl-desc { font-size: 13px; margin-bottom: 20px; max-width: 100%; }

  .sl-btns   { flex-direction: column; align-items: center; gap: 10px; }
  .sl-btn-main,
  .sl-btn-sec { width: 100%; max-width: 280px; justify-content: center; padding: 12px 20px; font-size: 13px; }

  .sl-arrow  { width: 36px; height: 36px; }
  .sl-arrow svg { width: 14px; height: 14px; }
  .sl-arrow-prev { left: 10px; }
  .sl-arrow-next { right: 10px; }

  .sl-dot    { width: 6px; height: 6px; }
  .sl-dot.active { width: 20px; }
  .sl-dots   { bottom: 14px; gap: 6px; }

  .sl-counter { font-size: 11px; top: 12px; right: 14px; }
}

/* Très petit mobile ≤ 480px */
@media (max-width: 480px) {
  .sl-wrap   { height: var(--sl-h-xs, 340px) !important; }
  .sl-title  { font-size: clamp(20px, 7vw, 30px) !important; }
  .sl-desc   { display: none; }
  .sl-btn-sec { display: none !important; }
  .sl-btn-main { max-width: 240px; padding: 11px 18px; font-size: 13px; }
}
</style>

<!-- ══════════════════════════════════════
     HTML SLIDER
══════════════════════════════════════ -->
<div id="sl-wrap" class="sl-wrap">

  <!-- Slides générés par JS -->

  <!-- Flèches navigation -->
  <button class="sl-arrow sl-arrow-prev" id="sl-prev" aria-label="Slide précédent">
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
      <path d="M15 18l-6-6 6-6"/>
    </svg>
  </button>
  <button class="sl-arrow sl-arrow-next" id="sl-next" aria-label="Slide suivant">
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
      <path d="M9 18l6-6-6-6"/>
    </svg>
  </button>

  <!-- Dots -->
  <div class="sl-dots" id="sl-dots"></div>

  <!-- Barre progression -->
  <div class="sl-progress" id="sl-progress"></div>

  <!-- Compteur -->
  <div class="sl-counter" id="sl-counter"><strong>01</strong> / 04</div>

  <!-- Pause (survol) -->
  <button class="sl-pause" id="sl-pause" aria-label="Pause/Lecture">
    <svg id="sl-pause-svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor">
      <rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/>
    </svg>
  </button>

</div><!-- /sl-wrap -->

<script>
(function() {

/* ══════════════════════════════════
   CONFIGURATION — modifiez ici
══════════════════════════════════ */
var SL_CONFIG = {
  autoplay:      true,       // défilement automatique
  interval:      4500,       // ms entre chaque slide
  fadeDur:       '0.8s',     // durée transition fondu
  zoomDur:       '6s',       // durée effet zoom image
  pauseOnHover:  true,       // pause quand souris sur slider
  showArrows:    true,       // afficher les flèches
  showDots:      true,       // afficher les dots
  showProgress:  true,       // barre de progression
  showCounter:   true,       // compteur 01/04
  showBtn2:      true,       // bouton secondaire visible
  btn2Label:     'En savoir plus', // texte bouton secondaire
  height:        '580px',   // hauteur desktop
  heightTab:     '480px',   // hauteur tablette
  heightMob:     '420px',   // hauteur mobile
  heightXs:      '340px'    // hauteur très petit mobile
};

/* ══════════════════════════════════
   DONNÉES DES SLIDES
   Pour chaque slide :
     bgImg  → URL image de fond (Unsplash ou votre hébergeur)
     eyebrow → accroche courte (texte petit au-dessus)
     title   → titre (balise <span> pour le mot coloré)
     desc    → description
     btn     → texte bouton principal
     accent  → couleur accent (bouton + mot titre + dot actif)
     btnUrl  → URL du bouton principal  (# = pas de lien)
     btn2Url → URL du bouton secondaire (# = pas de lien)
══════════════════════════════════ */
var slides = [
  {
    bgImg:   'https://images.unsplash.com/photo-1722159475082-0a2331580de3?w=1600&q=85&auto=format&fit=crop',
    eyebrow: '🖥️ HP — Ordinateurs Professionnels',
    title:   'HP <span>ProBook</span> & EliteBook',
    desc:    'Fiabilité, sécurité et performance pour les professionnels et les entreprises.',
    btn:     'Voir les machines HP',
    accent:  '#0096d6',
    btnUrl:  'https://dieufdieulsecure-sn.com/accueil/boutique/tous-nos-ordinateurs/',
    btn2Url: 'https://dieufdieulsecure-sn.com/accueil/boutique/tous-nos-ordinateurs/'
  },
  {
    bgImg:   'https://images.unsplash.com/photo-1588053631229-d04fd47cf0ad?w=1600&q=85&auto=format&fit=crop',
    eyebrow: '🍎 Apple — MacBook Collection',
    title:   'MacBook <span>Air</span> & MacBook Pro',
    desc:    'La puissance de la puce M3 dans un design ultra-fin. Productivité sans limite.',
    btn:     'Explorer les MacBook',
    accent:  '#007aff',
    btnUrl:  'https://dieufdieulsecure-sn.com/accueil/boutique/tous-nos-ordinateurs/',
    btn2Url: 'https://dieufdieulsecure-sn.com/accueil/boutique/tous-nos-ordinateurs/'
  },
  {
    bgImg:   'https://images.unsplash.com/photo-1756576630180-653cbd594433?w=1600&q=85&auto=format&fit=crop',
    eyebrow: '🎮 Gaming — Haute Performance',
    title:   'PC <span>Gamer</span> RGB & RTX 4090',
    desc:    'Processeurs i9 / Ryzen 9, cartes RTX 4080-4090, écrans 240Hz — dominez le jeu.',
    btn:     'Voir les PC Gamers',
    accent:  '#f43f5e',
    btnUrl:  'https://dieufdieulsecure-sn.com/accueil/boutique/tous-nos-ordinateurs/',
    btn2Url: 'https://dieufdieulsecure-sn.com/accueil/boutique/tous-nos-ordinateurs/'
  },
  {
    bgImg:   'https://images.unsplash.com/photo-1695668548342-c0c1ad479aee?w=1600&q=85&auto=format&fit=crop',
    eyebrow: '🗄️ Infrastructure — Solutions Serveurs',
    title:   'Serveurs & <span>Data</span> Centers',
    desc:    'Racks, serveurs tours et lames — hébergez, traitez et sécurisez vos données.',
    btn:     'Voir les Serveurs',
    accent:  '#22c55e',
    btnUrl:  'https://dieufdieulsecure-sn.com/accueil/boutique/serveurs/',
    btn2Url: 'https://dieufdieulsecure-sn.com/accueil/boutique/serveurs/'
  }
];

/* ══════════════════════════════════
   MOTEUR — ne pas modifier
══════════════════════════════════ */
var wrap     = document.getElementById('sl-wrap');
var dotsEl   = document.getElementById('sl-dots');
var progressEl = document.getElementById('sl-progress');
var counterEl  = document.getElementById('sl-counter');
var pauseBtn   = document.getElementById('sl-pause');
var pauseSvg   = document.getElementById('sl-pause-svg');
var prevBtn    = document.getElementById('sl-prev');
var nextBtn    = document.getElementById('sl-next');

var root      = document.documentElement;
var current   = 0;
var isPaused  = false;
var timer     = null;

/* Appliquer config CSS */
root.style.setProperty('--sl-h',       SL_CONFIG.height);
root.style.setProperty('--sl-h-tab',   SL_CONFIG.heightTab);
root.style.setProperty('--sl-h-mob',   SL_CONFIG.heightMob);
root.style.setProperty('--sl-h-xs',    SL_CONFIG.heightXs);
root.style.setProperty('--sl-fade',    SL_CONFIG.fadeDur);
root.style.setProperty('--sl-zoom',    SL_CONFIG.zoomDur);

/* Affichage conditionnel */
if (!SL_CONFIG.showArrows)   { prevBtn.style.display = 'none'; nextBtn.style.display = 'none'; }
if (!SL_CONFIG.showDots)     dotsEl.style.display = 'none';
if (!SL_CONFIG.showProgress) progressEl.style.display = 'none';
if (!SL_CONFIG.showCounter)  counterEl.style.display = 'none';

/* ── Construire les slides ── */
function buildSlides() {
  slides.forEach(function(s, i) {
    var el = document.createElement('div');
    el.className = 'sl-slide' + (i === 0 ? ' active' : '');
    el.id = 'sl-' + i;
    el.innerHTML =
      '<div class="sl-bg" style="background-image:url(' + s.bgImg + ')"></div>' +
      '<div class="sl-ov"></div>' +
      '<div class="sl-content">' +
        '<div class="sl-eyebrow">' + s.eyebrow + '</div>' +
        '<h2 class="sl-title" style="--sl-accent:' + s.accent + '">' + s.title + '</h2>' +
        '<p class="sl-desc">' + s.desc + '</p> ' +
        '<div class="sl-btns">' +
          '<a href="' + s.btnUrl + '" class="sl-btn-main" style="background:' + s.accent + ';box-shadow:0 8px 24px ' + s.accent + '55">' +
            s.btn +
            '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>' +
          '</a>' +
          (SL_CONFIG.showBtn2 ?
            '<a href="' + s.btn2Url + '" class="sl-btn-sec">' + SL_CONFIG.btn2Label + '</a>' : '') +
        '</div>' +
      '</div>';
    wrap.insertBefore(el, prevBtn);
  });
  buildDots();
  updateCounter();
}

/* ── Dots ── */
function buildDots() {
  dotsEl.innerHTML = '';
  slides.forEach(function(_, i) {
    var d = document.createElement('button');
    d.className = 'sl-dot' + (i === 0 ? ' active' : '');
    d.setAttribute('aria-label', 'Aller au slide ' + (i + 1));
    d.onclick = function() { goTo(i); };
    dotsEl.appendChild(d);
  });
}

/* ── Navigation ── */
function goTo(idx) {
  var total = slides.length;
  var next  = ((idx % total) + total) % total;
  if (next === current) return;

  var curEl = document.getElementById('sl-' + current);
  var nxtEl = document.getElementById('sl-' + next);
  var fd    = parseFloat(SL_CONFIG.fadeDur) * 1000;

  curEl.classList.remove('active');
  curEl.classList.add('leaving');
  setTimeout(function() { curEl.classList.remove('leaving'); }, fd + 50);

  nxtEl.classList.add('active');
  current = next;

  document.querySelectorAll('.sl-dot').forEach(function(d, i) {
    d.classList.toggle('active', i === current);
  });
  updateCounter();
  restartProgress();
  if (SL_CONFIG.autoplay && !isPaused) restartTimer();
}

/* ── Compteur ── */
function updateCounter() {
  counterEl.innerHTML =
    '<strong>' + String(current + 1).padStart(2, '0') + '</strong>' +
    ' / ' + String(slides.length).padStart(2, '0');
}

/* ── Autoplay ── */
function startTimer() {
  stopTimer();
  if (!SL_CONFIG.autoplay || isPaused) return;
  timer = setInterval(function() { goTo(current + 1); }, SL_CONFIG.interval);
  restartProgress();
}
function stopTimer()    { clearInterval(timer); timer = null; }
function restartTimer() { stopTimer(); startTimer(); }

/* ── Barre progression ── */
function restartProgress() {
  progressEl.style.transition = 'none';
  progressEl.style.width = '0%';
  requestAnimationFrame(function() {
    requestAnimationFrame(function() {
      progressEl.style.transition = 'width ' + SL_CONFIG.interval + 'ms linear';
      progressEl.style.width = '100%';
    });
  });
}

/* ── Pause bouton ── */
pauseBtn.onclick = function() {
  isPaused = !isPaused;
  if (isPaused) {
    stopTimer();
    progressEl.style.transition = 'none';
    pauseSvg.innerHTML = '<polygon points="5 3 19 12 5 21 5 3"/>';
  } else {
    pauseSvg.innerHTML = '<rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/>';
    startTimer();
  }
};

/* ── Pause au survol ── */
if (SL_CONFIG.pauseOnHover) {
  wrap.addEventListener('mouseenter', function() {
    isPaused = true; stopTimer();
    progressEl.style.transition = 'none';
  });
  wrap.addEventListener('mouseleave', function() {
    isPaused = false; startTimer();
  });
}

/* ── Flèches ── */
prevBtn.onclick = function() { goTo(current - 1); };
nextBtn.onclick = function() { goTo(current + 1); };

/* ── Swipe tactile ── */
var touchX = 0;
wrap.addEventListener('touchstart', function(e) {
  touchX = e.touches[0].clientX;
}, { passive: true });
wrap.addEventListener('touchend', function(e) {
  var dx = e.changedTouches[0].clientX - touchX;
  if (Math.abs(dx) > 50) goTo(current + (dx < 0 ? 1 : -1));
});

/* ── Clavier ── */
document.addEventListener('keydown', function(e) {
  if (e.key === 'ArrowLeft')  goTo(current - 1);
  if (e.key === 'ArrowRight') goTo(current + 1);
});

/* ── Init ── */
buildSlides();
if (SL_CONFIG.autoplay) startTimer();

})(); // fin IIFE — évite les conflits de variables avec Divi
</script>
</div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_1 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_1 et_pb_equal_columns et_pb_gutters3">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_1  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_0 et_animated et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img fetchpriority="high" decoding="async" width="600" height="400" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/08/01003.png" alt="Ordinateur portable HP EliteBook" title="01003" srcset="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/08/01003.png 600w, https://dieufdieulsecure-sn.com/wp-content/uploads/2026/08/01003-480x320.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 600px, 100vw" class="wp-image-4236" /></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_2  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_1">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="134" height="75" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/08/01001.png" alt="Logo HP" title="01001" class="wp-image-4234" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_0  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 style="padding-bottom: 10px;">HP EliteBook 845 G8</h2></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_1  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Puissance, fluidité et confort au quotidien</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_2  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Équipé d’un <strong data-start="99" data-end="131">processeur AMD Ryzen 5 5650U</strong>, de <strong data-start="136" data-end="152">16 Go de RAM</strong> et d’un <strong data-start="161" data-end="178">SSD de 256 Go</strong>, cet ordinateur offre une expérience fluide et réactive pour la bureautique, la navigation web, les applications professionnelles et le multitâche. Son <strong data-start="331" data-end="358">écran 14 pouces Full HD</strong> assure un affichage net et confortable, tout en conservant un format pratique pour travailler au bureau comme en déplacement.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_3  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>200 000F CFA  Seulement</h3></div>
			</div><div class="et_pb_button_module_wrapper et_pb_button_0_wrapper  et_pb_module ">
				<a class="et_pb_button et_pb_button_0 et_pb_bg_layout_light" href="https://dieufdieulsecure-sn.com/produit/hp-elitebook-840-g7-8-go-ram-256-go-ssd-pc-portable-pro/" data-icon="$">Voir le produit</a>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_2 et_pb_equal_columns et_pb_gutters3">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_3  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_1">
				
				
				
				
				<div class="et_pb_code_inner"><!-- DIEUF-DIEUL SECURE — Formulaire recherche produits v1 -->
<!-- Intégration : coller dans un module Code Divi -->
<!-- Namespace : .dv-search / dvs-* -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap');

.dv-search *,
.dv-search *::before,
.dv-search *::after {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

.dv-search { width: 100% !important; }

/* ---- FORMULAIRE UNE LIGNE ---- */
.dvs-form {
  display: flex !important;
  align-items: stretch !important;
  background: #0b192e !important;
  border: 1px solid rgba(42,109,245,.3) !important;
  border-radius: 100px !important;
  padding: 5px 5px 5px 20px !important;
  gap: 8px !important;
}

/* ---- CHAMP ---- */
.dvs-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 4px 10px !important;
  min-width: 0 !important;
}

.dvs-field label {
  font-size: .63rem !important;
  font-weight: 700 !important;
  color: #2a6df5 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  white-space: nowrap !important;
}

.dvs-field input,
.dvs-field select {
  border: none !important;
  outline: none !important;
  font-size: .88rem !important;
  font-weight: 500 !important;
  color: #e2e8f0 !important;
  background: transparent !important;
  width: 100% !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  padding: 0 !important;
  height: 24px !important;
  line-height: 24px !important;
}

.dvs-field input::placeholder { color: rgba(226,232,240,.35) !important; }

.dvs-field select option {
  background: #0d1e35 !important;
  color: #e2e8f0 !important;
}

/* ---- SELECT arrow ---- */
.dvs-sel {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  flex: 1 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 4px 32px 4px 0 !important;
  min-width: 0 !important;
}
.dvs-sel::after {
  content: '▾' !important;
  position: absolute !important;
  right: 12px !important;
  bottom: 10px !important;
  color: #2a6df5 !important;
  pointer-events: none !important;
  font-size: .85rem !important;
}
.dvs-sel label {
  font-size: .63rem !important;
  font-weight: 700 !important;
  color: #2a6df5 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
}
.dvs-sel select {
  border: none !important;
  outline: none !important;
  font-size: .88rem !important;
  font-weight: 500 !important;
  color: #e2e8f0 !important;
  background: transparent !important;
  width: 100% !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  padding: 0 !important;
  height: 24px !important;
  cursor: pointer !important;
}
.dvs-sel select option { background: #0d1e35 !important; color: #e2e8f0 !important; }

/* ---- CHAMP TEXTE (flex) ---- */
.dvs-field { flex: 1 !important; }

/* ---- SÉPARATEUR ---- */
.dvs-divider {
  width: 1px !important;
  background: rgba(42,109,245,.2) !important;
  align-self: stretch !important;
  flex-shrink: 0 !important;
}

/* ---- BOUTON ---- */
.dvs-btn {
  flex-shrink: 0 !important;
  padding: 10px 22px !important;
  background: #2a6df5 !important;
  color: white !important;
  border: none !important;
  border-radius: 100px !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  transition: background .15s, transform .1s !important;
  font-family: 'Space Grotesk', sans-serif !important;
}
.dvs-btn:hover { background: #1a5de5 !important; }
.dvs-btn:active { transform: scale(.98) !important; }

/* ---- TABLETTE (≤ 768px) ---- */
@media (max-width: 768px) {
  .dvs-form { flex-direction: column !important; gap: 6px !important; }
  .dvs-divider { display: none !important; }
  .dvs-btn { padding: 14px !important; justify-content: center !important; }
}

/* ---- MOBILE (≤ 560px) ---- */
@media (max-width: 560px) {
  .dvs-form {
    flex-direction: row !important;
    gap: 6px !important;
    padding: 4px 4px 4px 14px !important;
  }
  .dvs-field-keyword { display: none !important; }
  .dvs-sel { flex: 1 !important; }
  .dvs-btn { padding: 8px 14px !important; font-size: .8rem !important; }
}
</style>

<div class="dv-search">
  <form class="dvs-form" onsubmit="dvsSubmit(event)">

    <!-- CATÉGORIE -->
    <div class="dvs-sel">
      <label>Catégorie</label>
      <select id="dvs-cat">
        <option value="">Tous les produits</option>
        <optgroup label="Informatique">
          <option value="ordinateurs">💻 Ordinateurs</option>
          <option value="ordinateurs-portables">💼 Ordinateurs Portables</option>
          <option value="ordinateur-de-bureau">🖥️ Ordinateurs de Bureau</option>
        </optgroup>
        <optgroup label="Périphériques">
          <option value="peripheriques">🖱️ Périphériques</option>
          <option value="accessoires-et-peripheriques">🔌 Accessoires & Périphériques</option>
        </optgroup>
        <optgroup label="Sécurité">
          <option value="cameras-et-securites">📷 Caméras & Sécurité</option>
          <option value="videosurveillance">🔒 Vidéosurveillance</option>
        </optgroup>
        <optgroup label="Technologie">
          <option value="drones">🚁 Drones</option>
        </optgroup>
      </select>
    </div>

    <div class="dvs-divider"></div>

    <!-- MOT-CLÉ -->
    <div class="dvs-field dvs-field-keyword">
      <label>Rechercher</label>
      <input type="text" id="dvs-keyword" placeholder="Nom du produit…">
    </div>

    <!-- BOUTON -->
    <button type="submit" class="dvs-btn">🔍 Rechercher</button>

  </form>
</div>

<script>
var DVS_URLS = {
  'ordinateurs'                 : 'https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/ordinateurs/',
  'ordinateurs-portables'       : 'https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/ordinateurs/ordinateurs-portables/',
  'ordinateur-de-bureau'        : 'https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/ordinateurs/ordinateur-de-bureau/',
  'peripheriques'               : 'https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/accessoires-et-peripheriques/peripheriques/',
  'accessoires-et-peripheriques': 'https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/accessoires-et-peripheriques/',
  'cameras-et-securites'        : 'https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/cameras-et-securites/',
  'videosurveillance'           : 'https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/cameras-et-securites/videosurveillance/',
  'drones'                      : 'https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/drones-et-technologies-embarquees/drones/',
  ''                            : 'https://dieufdieulsecure-sn.com/boutique/'
};

function dvsSubmit(e) {
  e.preventDefault();
  var cat     = document.getElementById('dvs-cat').value;
  var keyword = document.getElementById('dvs-keyword').value.trim();
  var base    = DVS_URLS[cat] || DVS_URLS[''];
  if (keyword) {
    window.location.href = 'https://dieufdieulsecure-sn.com/?s=' + encodeURIComponent(keyword) + '&post_type=product&product_cat=' + encodeURIComponent(cat);
  } else {
    window.location.href = base;
  }
}
</script>
</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_3 et_pb_equal_columns et_pb_gutters3">
				<div class="et_pb_with_border et_pb_column_1_4 et_pb_column et_pb_column_4 et_animated  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_2">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/05/039.png" alt="Ordinateur portable HP EliteBook" title="039" srcset="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/05/039_lwsoptimized.webp 338w, https://dieufdieulsecure-sn.com/wp-content/uploads/2026/05/039_lwsoptimized-300x138.webp 300w" sizes="(max-width: 338px) 100vw, 338px" class="wp-image-472" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_4  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 style="padding-bottom: 10px;">HP Elitebook 850</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_0 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_5  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Intel core i7, 16Go RAM</h3>
<h3>512Go SSD</h3></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_1 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_6  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 style="padding-bottom: 10px;">400.000F CFA</h3></div>
			</div><div class="et_pb_button_module_wrapper et_pb_button_1_wrapper et_pb_button_alignment_center et_pb_module ">
				<a class="et_pb_button et_pb_button_1 et_pb_bg_layout_light" href="https://dieufdieulsecure-sn.com/produit/hp-elitebook-850-g9-intel-core-i7-13th-16go-512g-ssd/">Voir le produit</a>
			</div><div class="et_pb_module et_pb_text et_pb_text_7  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span style="color: #808080;"><a href="https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/ordinateurs/ordinateurs-portables/" style="color: #808080;">Voir tous nos PC Portables</a></span></h3></div>
			</div>
			</div><div class="et_pb_with_border et_pb_column_1_4 et_pb_column et_pb_column_5 et_animated  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_3">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/05/030-1.png" alt="Ordinateur portable ultrafin" title="030" srcset="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/05/030-1_lwsoptimized.webp 338w, https://dieufdieulsecure-sn.com/wp-content/uploads/2026/05/030-1_lwsoptimized-300x138.webp 300w" sizes="(max-width: 338px) 100vw, 338px" class="wp-image-463" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_8  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 style="padding-bottom: 10px;">Lenovo x1 Carbone</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_2 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_9  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Intel core i7, 16Go RAM</h3>
<h3>512Go SSD</h3></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_3 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_10  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 style="padding-bottom: 10px;">300.000F CFA</h3></div>
			</div><div class="et_pb_button_module_wrapper et_pb_button_2_wrapper et_pb_button_alignment_center et_pb_module ">
				<a class="et_pb_button et_pb_button_2 et_pb_bg_layout_light" href="https://dieufdieulsecure-sn.com/produit/lenovo-thinkpad-x1-carbone-core-i7-12th-16go-512go-ssd/">Voir le produit</a>
			</div><div class="et_pb_module et_pb_text et_pb_text_11  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span style="color: #808080;"><a href="https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/ordinateurs/ordinateurs-portables/" style="color: #808080;">Voir tous nos PC Portables</a></span></h3></div>
			</div>
			</div><div class="et_pb_with_border et_pb_column_1_4 et_pb_column et_pb_column_6 et_animated  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_4">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/251.png" alt="Ordinateur portable convertible" title="251" srcset="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/251_lwsoptimized.webp 338w, https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/251_lwsoptimized-300x138.webp 300w" sizes="(max-width: 338px) 100vw, 338px" class="wp-image-1660" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_12  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 style="padding-bottom: 10px;">Lenovo x13 Yoga</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_4 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_13  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Intel core i7 11th, 16Go</h3>
<h3>512Go SSD</h3></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_5 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_14  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 style="padding-bottom: 10px;">354.000F CFA</h3></div>
			</div><div class="et_pb_button_module_wrapper et_pb_button_3_wrapper et_pb_button_alignment_center et_pb_module ">
				<a class="et_pb_button et_pb_button_3 et_pb_bg_layout_light" href="https://dieufdieulsecure-sn.com/produit/lenovo-thinkpad-13-yoga-intel-core-i5-8th/">Voir le produit</a>
			</div><div class="et_pb_module et_pb_text et_pb_text_15  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span style="color: #808080;"><a href="https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/ordinateurs/ordinateurs-portables/" style="color: #808080;">Voir tous nos PC Portables</a></span></h3></div>
			</div>
			</div><div class="et_pb_with_border et_pb_column_1_4 et_pb_column et_pb_column_7 et_animated  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_5">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/215.png" alt="Ordinateur portable professionnel" title="215" srcset="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/215_lwsoptimized.webp 338w, https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/215_lwsoptimized-300x138.webp 300w" sizes="(max-width: 338px) 100vw, 338px" class="wp-image-1464" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_16  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 style="padding-bottom: 10px;">Lenovo Thinkpad P15</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_6 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_17  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Intel core i7 11th, 16Go RAM</h3>
<h3>512Go SSD</h3></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_7 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_18  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 style="padding-bottom: 10px;">413.000F CFA</h3></div>
			</div><div class="et_pb_button_module_wrapper et_pb_button_4_wrapper et_pb_button_alignment_center et_pb_module ">
				<a class="et_pb_button et_pb_button_4 et_pb_bg_layout_light" href="https://dieufdieulsecure-sn.com/produit/lenovo-thinkpad-p15-core-i7-11th/">Voir le produit</a>
			</div><div class="et_pb_module et_pb_text et_pb_text_19  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span style="color: #808080;"><a href="https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/ordinateurs/ordinateurs-portables/" style="color: #808080;">Voir tous nos PC Portables</a></span></h3></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_4 et_pb_equal_columns et_pb_gutters3">
				<div class="et_pb_with_border et_pb_column_1_4 et_pb_column et_pb_column_8 et_animated  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_6">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/253.png" alt="Mini-drone" title="253" srcset="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/253_lwsoptimized.webp 338w, https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/253_lwsoptimized-300x138.webp 300w" sizes="(max-width: 338px) 100vw, 338px" class="wp-image-1714" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_20  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 style="padding-bottom: 10px;">Smart Drone D36</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_8 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_21  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span>Caméra HD intégrée </span></h3>
<h3>Capteur Camera</h3></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_9 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_22  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 style="padding-bottom: 10px;">59.000F CFA</h3></div>
			</div><div class="et_pb_button_module_wrapper et_pb_button_5_wrapper et_pb_button_alignment_center et_pb_module ">
				<a class="et_pb_button et_pb_button_5 et_pb_bg_layout_light" href="https://dieufdieulsecure-sn.com/produit/d36-smart-drone-avec-camera-hd/">Voir le produit</a>
			</div><div class="et_pb_module et_pb_text et_pb_text_23  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span style="color: #808080;"><a href="https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/drones-et-technologies-embarquees/drones/" style="color: #808080;">Voir tous nos Drones</a></span></h3></div>
			</div>
			</div><div class="et_pb_with_border et_pb_column_1_4 et_pb_column et_pb_column_9 et_animated  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_7">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/210.png" alt="Ordinateur portable" title="210" srcset="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/210_lwsoptimized.webp 338w, https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/210_lwsoptimized-300x138.webp 300w" sizes="(max-width: 338px) 100vw, 338px" class="wp-image-1442" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_24  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 style="padding-bottom: 10px;">Lenovo Thinkpad P15S</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_10 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_25  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Intel core i7 11th, 16Go</h3>
<h3>512Go SSD, 4Go dedie</h3></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_11 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_26  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 style="padding-bottom: 10px;">377.600F CFA</h3></div>
			</div><div class="et_pb_button_module_wrapper et_pb_button_6_wrapper et_pb_button_alignment_center et_pb_module ">
				<a class="et_pb_button et_pb_button_6 et_pb_bg_layout_light" href="https://dieufdieulsecure-sn.com/produit/lenovo-thinkpad-15s-core-i7-11th/">Voir le produit</a>
			</div><div class="et_pb_module et_pb_text et_pb_text_27  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span style="color: #808080;"><a href="https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/ordinateurs/ordinateurs-portables/" style="color: #808080;">Voir tous nos PC Portables</a></span></h3></div>
			</div>
			</div><div class="et_pb_with_border et_pb_column_1_4 et_pb_column et_pb_column_10 et_animated  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_8">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/212.png" alt="Drone pliable" title="212" srcset="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/212_lwsoptimized.webp 338w, https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/212_lwsoptimized-300x138.webp 300w" sizes="(max-width: 338px) 100vw, 338px" class="wp-image-1451" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_28  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 style="padding-bottom: 10px;">Drone GT50</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_12 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_29  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span>Double caméra HD / 4K </span></h3>
<h3><span>Jusqu’à 15 à 20 minutes</span></h3></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_13 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_30  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 style="padding-bottom: 10px;">118.000F CFA</h3></div>
			</div><div class="et_pb_button_module_wrapper et_pb_button_7_wrapper et_pb_button_alignment_center et_pb_module ">
				<a class="et_pb_button et_pb_button_7 et_pb_bg_layout_light" href="https://dieufdieulsecure-sn.com/produit/drone-gt50-a-double-cameras/">Voir le produit</a>
			</div><div class="et_pb_module et_pb_text et_pb_text_31  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span style="color: #808080;"><a href="https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/drones-et-technologies-embarquees/" style="color: #808080;">Voir tous nos Drones</a></span></h3></div>
			</div>
			</div><div class="et_pb_with_border et_pb_column_1_4 et_pb_column et_pb_column_11 et_animated  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_9">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/305_1.png" alt="Caméra dôme Hikvision" title="305_1" srcset="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/305_1_lwsoptimized.webp 338w, https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/305_1_lwsoptimized-300x138.webp 300w" sizes="(max-width: 338px) 100vw, 338px" class="wp-image-1856" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_32  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 style="padding-bottom: 10px;">Hikvision IP 4MP</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_14 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_33  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span>Résolution 4 MP (2560 × 1440)</span></h3>
<h3><span>Dôme compact et discret</span></h3></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_15 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_34  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 style="padding-bottom: 10px;">55.000F CFA</h3></div>
			</div><div class="et_pb_button_module_wrapper et_pb_button_8_wrapper et_pb_button_alignment_center et_pb_module ">
				<a class="et_pb_button et_pb_button_8 et_pb_bg_layout_light" href="https://dieufdieulsecure-sn.com/produit/camera-ip-hikvision-4mp/">Voir le produit</a>
			</div><div class="et_pb_module et_pb_text et_pb_text_35  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span style="color: #808080;"><a href="https://dieufdieulsecure-sn.com/accueil/boutique/cameras-securite/" style="color: #808080;">Voir tous nos Cameras</a></span></h3></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_5 et_pb_equal_columns et_pb_gutters3">
				<div class="et_pb_with_border et_pb_column_1_4 et_pb_column et_pb_column_12 et_animated  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_10">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/236.png" alt="Casque gaming HP avec micro" title="236" srcset="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/236_lwsoptimized.webp 338w, https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/236_lwsoptimized-300x138.webp 300w" sizes="(max-width: 338px) 100vw, 338px" class="wp-image-1684" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_36  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 style="padding-bottom: 10px;">HP Headset H210</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_16 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_37  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Casque Gaming Filaire</h3>
<h3>Microphone integre</h3></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_17 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_38  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 style="padding-bottom: 10px;">11.800F CFA</h3></div>
			</div><div class="et_pb_button_module_wrapper et_pb_button_9_wrapper et_pb_button_alignment_center et_pb_module ">
				<a class="et_pb_button et_pb_button_9 et_pb_bg_layout_light" href="https://dieufdieulsecure-sn.com/produit/casque-gaming-hp-headset-h120/">Voir le produit</a>
			</div><div class="et_pb_module et_pb_text et_pb_text_39  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span style="color: #808080;"><a href="https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/accessoires/peripheriques/" style="color: #808080;">Voir tous nos Peripheriques</a></span></h3></div>
			</div>
			</div><div class="et_pb_with_border et_pb_column_1_4 et_pb_column et_pb_column_13 et_animated  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_11">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/300.png" alt="Hub USB multiport" title="300" srcset="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/300_lwsoptimized.webp 338w, https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/300_lwsoptimized-300x138.webp 300w" sizes="(max-width: 338px) 100vw, 338px" class="wp-image-1772" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_40  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 style="padding-bottom: 10px;">Hub USB-C 7 en 1</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_18 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_41  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span>Connectivité 7-en-1 : HDMI</span></h3>
<h3>USB 3.0, SD et USB-C</h3></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_19 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_42  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 style="padding-bottom: 10px;">9.440F CFA</h3></div>
			</div><div class="et_pb_button_module_wrapper et_pb_button_10_wrapper et_pb_button_alignment_center et_pb_module ">
				<a class="et_pb_button et_pb_button_10 et_pb_bg_layout_light" href="https://dieufdieulsecure-sn.com/produit/adaptateur-mutiport-hub-usb-c-7-en-1/">Voir le produit</a>
			</div><div class="et_pb_module et_pb_text et_pb_text_43  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span style="color: #808080;"><a href="https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/accessoires/peripheriques/" style="color: #808080;">Voir tous nos Perihperiques</a></span></h3></div>
			</div>
			</div><div class="et_pb_with_border et_pb_column_1_4 et_pb_column et_pb_column_14 et_animated  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_12">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/251_1.png" alt="Clavier mécanique rétroéclairé" title="251_1" srcset="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/251_1_lwsoptimized.webp 338w, https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/251_1_lwsoptimized-300x138.webp 300w" sizes="(max-width: 338px) 100vw, 338px" class="wp-image-1771" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_44  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 style="padding-bottom: 10px;">GW-ES701 PRO</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_20 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_45  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span>Clavier gaming compact</span></h3>
<h3><span>Rétroéclairage RGB</span></h3></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_21 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_46  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 style="padding-bottom: 10px;">29.500F CFA</h3></div>
			</div><div class="et_pb_button_module_wrapper et_pb_button_11_wrapper et_pb_button_alignment_center et_pb_module ">
				<a class="et_pb_button et_pb_button_11 et_pb_bg_layout_light" href="https://dieufdieulsecure-sn.com/produit/clavier-gamer-filaire-great-wall-gw-es701-pro/">Voir le produit</a>
			</div><div class="et_pb_module et_pb_text et_pb_text_47  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span style="color: #808080;"><a href="https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/accessoires/peripheriques/" style="color: #808080;">Voir tous nos Peripheriques</a></span></h3></div>
			</div>
			</div><div class="et_pb_with_border et_pb_column_1_4 et_pb_column et_pb_column_15 et_animated  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_13">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/248.png" alt="Ventirad pour processeur" title="248" srcset="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/248_lwsoptimized.webp 338w, https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/248_lwsoptimized-300x138.webp 300w" sizes="(max-width: 338px) 100vw, 338px" class="wp-image-1697" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_48  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2 style="padding-bottom: 10px;">AOCZHTA M-400 RGB</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_22 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_49  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span>Ventirad CPU à air</span></h3>
<h3><span>dissipateur en aluminium</span></h3></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_23 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_50  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 style="padding-bottom: 10px;">17.700F CFA</h3></div>
			</div><div class="et_pb_button_module_wrapper et_pb_button_12_wrapper et_pb_button_alignment_center et_pb_module ">
				<a class="et_pb_button et_pb_button_12 et_pb_bg_layout_light" href="https://dieufdieulsecure-sn.com/produit/ventirad-processeur-aoczhta-m-400-rgb/">Voir le produit</a>
			</div><div class="et_pb_module et_pb_text et_pb_text_51  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3><span style="color: #808080;"><a href="https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/accessoires/peripheriques/" style="color: #808080;">Voir tous nos Peripheriques</a></span></h3></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_2 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_6 et_animated et_pb_equal_columns et_pb_gutters3">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_16  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_2">
				
				
				
				
				<div class="et_pb_code_inner"><!-- ============================================================
     LES INCONTOURNABLES IT — Slider produits (UPDATE — cartes blanches)
     À coller dans un MODULE CODE de Divi
     ============================================================ -->

<style>
/* ── Reset scoped ───────────────────────────────────────────── */
#it-slider *{box-sizing:border-box;}

/* ── Wrapper section ────────────────────────────────────────── */
#it-slider{
  width:100%;
  padding:0 20px;
  font-family:'Inter','Segoe UI',Arial,sans-serif;
}

/* ── Wrapper slider ─────────────────────────────────────────── */
#it-slider .its-wrapper{
  position:relative;
  width:100%;
}

/* ── Viewport ───────────────────────────────────────────────── */
#it-slider .its-viewport{
  overflow:hidden;
  width:100%;
}

/* ── Track ──────────────────────────────────────────────────── */
#it-slider .its-track{
  display:flex;
  gap:18px;
  transition:transform .45s cubic-bezier(.4,0,.2,1);
  will-change:transform;
}

/* ── Carte — fond blanc ─────────────────────────────────────── */
#it-slider .its-card{
  flex:0 0 100%;
  background:#ffffff;
  border:1px solid #e8edf5;
  border-radius:14px;
  overflow:hidden;
  text-align:center;
  transition:border-color .25s,transform .25s,box-shadow .25s;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  box-shadow:0 2px 12px rgba(13,30,53,.07);
}
#it-slider .its-card:hover{
  border-color:#2a6df5;
  transform:translateY(-5px);
  box-shadow:0 16px 36px rgba(42,109,245,.14);
}

/* ── Responsive : nb de cartes visibles ─────────────────────── */
@media(min-width:480px){
  #it-slider .its-card{flex:0 0 calc((100% - 18px)/2);}
}
@media(min-width:768px){
  #it-slider .its-card{flex:0 0 calc((100% - 36px)/3);}
}
@media(min-width:1024px){
  #it-slider .its-card{flex:0 0 calc((100% - 54px)/4);}
}

/* ── Image ──────────────────────────────────────────────────── */
#it-slider .its-img{
  width:100%;
  height:160px;
  overflow:hidden;
  flex-shrink:0;
  background:#f4f7fb;
}
#it-slider .its-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  padding:12px;
  transition:transform .4s ease;
}
#it-slider .its-card:hover .its-img img{transform:scale(1.06);}

/* Placeholder */
#it-slider .its-placeholder{
  width:100%;
  height:100%;
  background:#f4f7fb;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:60px;
  transition:transform .4s ease;
}
#it-slider .its-card:hover .its-placeholder{transform:scale(1.06);}

/* ── Corps texte ────────────────────────────────────────────── */
#it-slider .its-body{
  padding:16px 16px 14px;
  display:flex;
  flex-direction:column;
  flex:1;
}
#it-slider .its-name{
  font-size:14px;
  font-weight:700;
  color:#0d1e35;
  margin-bottom:10px;
}
#it-slider .its-sep{
  height:1px;
  background:#e8edf5;
  margin:0 auto 10px;
  width:60%;
}
#it-slider .its-specs{
  font-size:11px;
  color:#6b85a8;
  line-height:1.7;
  margin-bottom:10px;
  flex:1;
}
#it-slider .its-sep2{
  height:1px;
  background:#e8edf5;
  margin:0 auto 12px;
  width:60%;
}
#it-slider .its-price{
  font-size:18px;
  font-weight:700;
  color:#2a6df5;
  margin-bottom:12px;
}
#it-slider .its-btn{
  display:inline-block;
  background:#2a6df5;
  color:#fff !important;
  font-size:12px;
  font-weight:600;
  padding:9px 20px;
  border-radius:50px;
  text-decoration:none !important;
  border:none;
  cursor:pointer;
  transition:background .2s,box-shadow .2s;
  margin-bottom:8px;
  box-shadow:0 4px 14px rgba(42,109,245,.25);
}
#it-slider .its-btn:hover{background:#1a4fc4;box-shadow:0 6px 20px rgba(42,109,245,.35);}
#it-slider .its-link{
  display:block;
  font-size:11px;
  color:#2a6df5 !important;
  text-decoration:none !important;
  opacity:.75;
}
#it-slider .its-link:hover{opacity:1;text-decoration:underline !important;}

/* ── Flèches ─────────────────────────────────────────────────── */
#it-slider .its-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-60%);
  width:38px;height:38px;
  background:#2563eb;
  border:none;
  border-radius:50%;
  color:#fff;
  font-size:20px;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  z-index:10;
  transition:background .2s,transform .2s;
  box-shadow:0 4px 14px rgba(37,99,235,.4);
  padding:0;
  line-height:1;
}
#it-slider .its-arrow:hover{background:#1a4fc4;transform:translateY(-60%) scale(1.08);}
#it-slider .its-arrow:disabled{background:#d1dce8;opacity:.5;cursor:default;transform:translateY(-60%);box-shadow:none;}
#it-slider .its-prev{left:-19px;}
#it-slider .its-next{right:-19px;}

/* ── Dots ────────────────────────────────────────────────────── */
#it-slider .its-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:20px;
}
#it-slider .its-dot{
  width:8px;height:8px;
  border-radius:50%;
  background:#d1dce8;
  border:none;
  cursor:pointer;
  transition:background .25s,width .25s;
  padding:0;
}
#it-slider .its-dot.active{
  background:#2a6df5;
  width:24px;
  border-radius:4px;
}

/* ── Barre de progression ────────────────────────────────────── */
#it-slider .its-progress{ display:none; }
</style>


<!-- ══ HTML ══════════════════════════════════════════════════ -->
<div id="it-slider">

  <div class="its-wrapper">
    <button class="its-arrow its-prev" id="itsPrev">‹</button>

    <div class="its-viewport">
      <div class="its-track" id="itsTrack">

        <!-- CARTE 1 -->
        <div class="its-card">
          <div class="its-img"><img type="image/webp"  alt="HP Elitebook 850 G9" loading="eager" fetchpriority="high" decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/07/971.png"></div>
          <div class="its-body">
            <div class="its-name">HP EliteBook 845 G8</div>
            <div class="its-sep"></div>
            <div class="its-specs">AMD Ryzen 5, 16 Go RAM<br />256 Go SSD — Windows 11 Pro</div>
            <div class="its-sep2"></div>
            <div class="its-price">200 000 F CFA</div>
            <a href="https://dieufdieulsecure-sn.com/produit/hp-elitebook-840-g7-8-go-ram-256-go-ssd-pc-portable-pro/" class="its-btn">Voir le Produit</a>
            <a href="https://dieufdieulsecure-sn.com/accueil/boutique/tous-nos-ordinateurs/" class="its-link">Voir tous nos ordinateurs</a>
          </div>
        </div>

        <!-- CARTE 2 -->
        <div class="its-card">
          <div class="its-img"><img type="image/webp"  alt="Lenovo Thinkpad P15" loading="lazy" decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/210.png"></div>
          <div class="its-body">
            <div class="its-name">Lenovo Thinkpad P15</div>
            <div class="its-sep"></div>
            <div class="its-specs">Intel core i7 11th, 16Go RAM<br />512Go SSD</div>
            <div class="its-sep2"></div>
            <div class="its-price">413 000 F CFA</div>
            <a href="https://dieufdieulsecure-sn.com/produit/lenovo-thinkpad-p15-core-i7-11th/" class="its-btn">Voir le Produit</a>
            <a href="https://dieufdieulsecure-sn.com/accueil/boutique/tous-nos-ordinateurs/" class="its-link">Voir tous nos Ordinateurs</a>
          </div>
        </div>

        <!-- CARTE 3 -->
        <div class="its-card">
          <div class="its-img"><img type="image/webp"  alt="Drone GT50" loading="lazy" decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/212.png"></div>
          <div class="its-body">
            <div class="its-name">Drone GT50</div>
            <div class="its-sep"></div>
            <div class="its-specs">Double cameras 4k<br />Ecran 4.3 Pouces, Wifi</div>
            <div class="its-sep2"></div>
            <div class="its-price">118 000 F CFA</div>
            <a href="https://dieufdieulsecure-sn.com/produit/drone-gt50-a-double-cameras/" class="its-btn">Voir le Produit</a>
            <a href="https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/drones-et-technologies-embarquees/drones/" class="its-link">Voir tous nos Drones</a>
          </div>
        </div>

        <!-- CARTE 4 -->
        <div class="its-card">
          <div class="its-img"><img type="image/webp"  alt="Lenovo Thinkpad x1 Caarbon" loading="lazy" decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/05/030-1.png"></div>
          <div class="its-body">
            <div class="its-name">Lenovo Thinkpad X1 Carbon</div>
            <div class="its-sep"></div>
            <div class="its-specs">Intel core i7 12th, 16Go RAM<br />512Go SSD M.2</div>
            <div class="its-sep2"></div>
            <div class="its-price">300 000 F CFA</div>
            <a href="https://dieufdieulsecure-sn.com/produit/lenovo-thinkpad-x1-carbone-core-i7-12th-16go-512go-ssd/" class="its-btn">Voir le Produit</a>
            <a href="https://dieufdieulsecure-sn.com/accueil/boutique/tous-nos-ordinateurs/" class="its-link">Voir toutes nos Ordinateurs</a>
          </div>
        </div>

        <!-- CARTE 5 -->
        <div class="its-card">
          <div class="its-img"><img type="image/webp"  alt="Lenovo Thinkpad P15S" loading="lazy" decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/215.png"></div>
          <div class="its-body">
            <div class="its-name">Lenovo Thinkpad P15S</div>
            <div class="its-sep"></div>
            <div class="its-specs">Intel i7 11th, 16Go RAM<br />512Go SSD M.2</div>
            <div class="its-sep2"></div>
            <div class="its-price">377 600 F CFA</div>
            <a href="https://dieufdieulsecure-sn.com/produit/lenovo-thinkpad-15s-core-i7-11th/" class="its-btn">Voir le Produit</a>
            <a href="https://dieufdieulsecure-sn.com/accueil/boutique/tous-nos-ordinateurs/" class="its-link">Voir tous nos Ordinateurs</a>
          </div>
        </div>

        <!-- CARTE 6 -->
        <div class="its-card">
          <div class="its-img"><img type="image/webp"  alt="Camera Dome Hikvision" loading="lazy" decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/470_2.png"></div>
          <div class="its-body">
            <div class="its-name">Caméra IP Hikvision 4MP</div>
            <div class="its-sep"></div>
            <div class="its-specs">4 mégapixels — Vision nocturne<br />PoE — IP67 — H.265+</div>
            <div class="its-sep2"></div>
            <div class="its-price">55 000 F CFA</div>
            <a href="https://dieufdieulsecure-sn.com/produit/camera-ip-hikvision-4mp/" class="its-btn">Voir le Produit</a>
            <a href="https://dieufdieulsecure-sn.com/accueil/boutique/cameras-securite/tous-nos-cameras/" class="its-link">Voir toutes nos caméras</a>
          </div>
        </div>

        <!-- CARTE 7 -->
        <div class="its-card">
          <div class="its-img"><img type="image/webp"  alt="Lenovo Thinkpad 13 Yoga" loading="lazy" decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/251.png"></div>
          <div class="its-body">
            <div class="its-name">Lenovo Thinkpad x13 Yoga</div>
            <div class="its-sep"></div>
            <div class="its-specs">Intel core i7 11th, 8Go RAM<br />256Go SSD M.2, 13,3"</div>
            <div class="its-sep2"></div>
            <div class="its-price">354 000 F CFA</div>
            <a href="https://dieufdieulsecure-sn.com/produit/lenovo-thinkpad-13-yoga-intel-core-i5-8th/" class="its-btn">Voir le Produit</a>
            <a href="https://dieufdieulsecure-sn.com/accueil/boutique/tous-nos-ordinateurs/" class="its-link">Voir tous nos Ordinateurs</a>
          </div>
        </div>

        <!-- CARTE 8 -->
        <div class="its-card">
          <div class="its-img"><img type="image/webp"  alt="Gaming Headset H210" loading="lazy" decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/236.png"></div>
          <div class="its-body">
            <div class="its-name">Gaming HP Headset H210</div>
            <div class="its-sep"></div>
            <div class="its-specs">Casque Gaming Filaire<br />microphone intégré</div>
            <div class="its-sep2"></div>
            <div class="its-price">11 800 F CFA</div>
            <a href="https://dieufdieulsecure-sn.com/produit/casque-gaming-hp-headset-h120/" class="its-btn">Voir le Produit</a>
            <a href="https://dieufdieulsecure-sn.com/accueil/boutique/accessoires/tous-nos-accessoires-peripheriques/" class="its-link">Voir tous nos Peripheriques</a>
          </div>
        </div>

        <!-- CARTE 9 -->
        <div class="its-card">
          <div class="its-img"><img type="image/webp"  alt="AOCZHTA M-400 RGB" loading="lazy" decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/248.png"></div>
          <div class="its-body">
            <div class="its-name">AOCZHTA M-400 RGB</div>
            <div class="its-sep"></div>
            <div class="its-specs">Type : Ventirad CPU à air<br />avec dissipateur en aluminium</div>
            <div class="its-sep2"></div>
            <div class="its-price">17 700 F CFA</div>
            <a href="https://dieufdieulsecure-sn.com/produit/ventirad-processeur-aoczhta-m-400-rgb/" class="its-btn">Voir le Produit</a>
            <a href="https://dieufdieulsecure-sn.com/accueil/boutique/accessoires/tous-nos-accessoires-peripheriques/" class="its-link">Voir tous nos Péripheriques</a>
          </div>
        </div>

        <!-- CARTE 10 -->
        <div class="its-card">
          <div class="its-img"><img type="image/webp"  alt="D36 Smart Drone" loading="lazy" decoding="async" src="https://dieufdieulsecure-sn.com/wp-content/uploads/2026/06/253.png"></div>
          <div class="its-body">
            <div class="its-name">D36 Smart Drone</div>
            <div class="its-sep"></div>
            <div class="its-specs">Drone HD pour Debutant<br />Caméra HD intégrée, Wifi</div>
            <div class="its-sep2"></div>
            <div class="its-price">59 000 F CFA</div>
            <a href="https://dieufdieulsecure-sn.com/produit/d36-smart-drone-avec-camera-hd/" class="its-btn">Voir le Produit</a>
            <a href="https://dieufdieulsecure-sn.com/categorie-produit/tous-les-produits/drones-et-technologies-embarquees/" class="its-link">Voir tous nos Drones</a>
          </div>
        </div>

      </div><!-- /its-track -->
    </div><!-- /its-viewport -->

    <button class="its-arrow its-next" id="itsNext">›</button>
  </div><!-- /its-wrapper -->

  <div class="its-dots" id="itsDots"></div>
  <div class="its-progress"><div class="its-fill" id="itsFill"></div></div>

</div><!-- /it-slider -->


<!-- ══ JAVASCRIPT — encapsulé IIFE, aucun conflit global ══════ -->
<script>
(function(){
  var TOTAL    = 10;
  var AUTOPLAY = 3500;
  var GAP      = 18;
  var current  = 0;
  var timer    = null;

  var track    = document.getElementById('itsTrack');
  var btnPrev  = document.getElementById('itsPrev');
  var btnNext  = document.getElementById('itsNext');
  var dotsWrap = document.getElementById('itsDots');
  var fill     = document.getElementById('itsFill');

  /* ── Cartes visibles selon largeur ─────────────── */
  function getVisible(){
    var w = window.innerWidth;
    if(w>=1024) return 4;
    if(w>=768)  return 3;
    if(w>=480)  return 2;
    return 1;
  }
  function getSteps(){ return TOTAL - getVisible(); }

  /* ── Largeur d'une carte ────────────────────────── */
  function cardW(){
    var vis = getVisible();
    var vw  = track.parentElement.clientWidth;
    return (vw - GAP*(vis-1)) / vis;
  }

  /* ── Construction des dots ──────────────────────── */
  function buildDots(){
    dotsWrap.innerHTML = '';
    var steps = getSteps();
    for(var i=0; i<=steps; i++){
      (function(idx){
        var d = document.createElement('button');
        d.className = 'its-dot' + (idx===current?' active':'');
        d.setAttribute('aria-label','Slide '+(idx+1));
        d.addEventListener('click', function(){ goTo(idx); startAuto(); });
        dotsWrap.appendChild(d);
      })(i);
    }
  }

  /* ── Déplacement ────────────────────────────────── */
  function goTo(idx){
    var steps = getSteps();
    current = Math.max(0, Math.min(idx, steps));
    track.style.transform = 'translateX(-'+(current*(cardW()+GAP))+'px)';
    dotsWrap.querySelectorAll('.its-dot').forEach(function(d,i){
      d.classList.toggle('active', i===current);
    });
    btnPrev.disabled = current===0;
    btnNext.disabled = current===steps;
    resetFill();
  }

  /* ── Barre de progression ───────────────────────── */
  function resetFill(){
    fill.style.transition = 'none';
    fill.style.width = '0%';
    void fill.offsetWidth;
    fill.style.transition = 'width '+AUTOPLAY+'ms linear';
    fill.style.width = '100%';
  }

  /* ── Autoplay ───────────────────────────────────── */
  function startAuto(){
    clearInterval(timer);
    timer = setInterval(function(){
      goTo(current < getSteps() ? current+1 : 0);
    }, AUTOPLAY);
  }
  function stopAuto(){
    clearInterval(timer);
    var w = getComputedStyle(fill).width;
    fill.style.transition = 'none';
    fill.style.width = w;
  }

  /* ── Flèches ────────────────────────────────────── */
  btnPrev.addEventListener('click', function(){ goTo(current-1); startAuto(); });
  btnNext.addEventListener('click', function(){ goTo(current+1); startAuto(); });

  /* ── Pause au survol ────────────────────────────── */
  track.parentElement.addEventListener('mouseenter', stopAuto);
  track.parentElement.addEventListener('mouseleave', startAuto);

  /* ── Resize ─────────────────────────────────────── */
  var resizeT;
  window.addEventListener('resize', function(){
    clearTimeout(resizeT);
    resizeT = setTimeout(function(){
      buildDots();
      goTo(Math.min(current, getSteps()));
    }, 120);
  });

  /* ── Init ───────────────────────────────────────── */
  buildDots();
  goTo(0);
  startAuto();

})();
</script></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>		</div>
	</div>
	<p>The post <a href="https://dieufdieulsecure-sn.com/accueil/boutique/">Boutique</a> appeared first on <a href="https://dieufdieulsecure-sn.com">Dieuf-Dieul Secure SN</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">28</post-id>	</item>
	</channel>
</rss>
