Outiref

Code source de l'URL : http://wilou-informatique.fr

<!DOCTYPE html>
<html lang="fr-FR">
<head>
	<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<link rel="pingback" href="https://www.wilou-informatique.fr/xmlrpc.php" />

	<script type="text/javascript">
		document.documentElement.className = 'js';
	</script>
	
	<style id="et-builder-googlefonts-cached-inline">/* Original: https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic|Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic&#038;subset=latin,latin-ext&#038;display=swap *//* User Agent: Mozilla/5.0 (Unknown; Linux x86_64) AppleWebKit/538.1 (KHTML, like Gecko) Safari/538.1 Daum/4.1 */@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 100;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R8WXZ0ow.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 200;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR9WXZ0ow.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9WXZ0ow.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXZ0ow.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9WXZ0ow.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6WXZ0ow.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6WXZ0ow.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR6WXZ0ow.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqw16WXZ0ow.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 100;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw3aX8.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 200;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr6Hw3aX8.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw3aX8.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw3aX8.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw3aX8.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w3aX8.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w3aX8.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr73w3aX8.ttf) format('truetype');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w3aX8.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 100;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tMMPc.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 200;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVGdeL.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVGdeL.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLufntF.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVGdeL.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VGdeL.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VGdeL.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VGdeL.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVGdeL.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 100;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTufntF.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 200;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1JlEA.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1JlEA.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnedw.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1JlEA.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1JlEA.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1JlEA.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1JlEA.ttf) format('truetype');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1JlEA.ttf) format('truetype');}/* User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:27.0) Gecko/20100101 Firefox/27.0 */@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 100;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R8WXZ0oA.woff) format('woff');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 200;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR9WXZ0oA.woff) format('woff');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9WXZ0oA.woff) format('woff');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXZ0oA.woff) format('woff');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9WXZ0oA.woff) format('woff');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6WXZ0oA.woff) format('woff');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6WXZ0oA.woff) format('woff');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR6WXZ0oA.woff) format('woff');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqw16WXZ0oA.woff) format('woff');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 100;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw3aXw.woff) format('woff');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 200;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr6Hw3aXw.woff) format('woff');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw3aXw.woff) format('woff');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw3aXw.woff) format('woff');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw3aXw.woff) format('woff');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w3aXw.woff) format('woff');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w3aXw.woff) format('woff');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr73w3aXw.woff) format('woff');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w3aXw.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 100;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tMMPQ.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 200;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVGdeI.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVGdeI.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLufntG.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVGdeI.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VGdeI.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VGdeI.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VGdeI.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVGdeI.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 100;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTufntG.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 200;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1JlEw.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1JlEw.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnedA.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1JlEw.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1JlEw.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1JlEw.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1JlEw.woff) format('woff');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1JlEw.woff) format('woff');}/* User Agent: Mozilla/5.0 (Windows NT 6.3; rv:39.0) Gecko/20100101 Firefox/39.0 */@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 100;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R8WXZ0pg.woff2) format('woff2');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 200;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR9WXZ0pg.woff2) format('woff2');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9WXZ0pg.woff2) format('woff2');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXZ0pg.woff2) format('woff2');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9WXZ0pg.woff2) format('woff2');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6WXZ0pg.woff2) format('woff2');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6WXZ0pg.woff2) format('woff2');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR6WXZ0pg.woff2) format('woff2');}@font-face {font-family: 'Montserrat';font-style: italic;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqw16WXZ0pg.woff2) format('woff2');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 100;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw3aXo.woff2) format('woff2');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 200;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr6Hw3aXo.woff2) format('woff2');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw3aXo.woff2) format('woff2');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw3aXo.woff2) format('woff2');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw3aXo.woff2) format('woff2');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w3aXo.woff2) format('woff2');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w3aXo.woff2) format('woff2');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr73w3aXo.woff2) format('woff2');}@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w3aXo.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 100;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tMMPI.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 200;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVGdeO.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVGdeO.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLufntA.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVGdeO.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VGdeO.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VGdeO.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VGdeO.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVGdeO.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 100;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTufntA.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 200;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1JlFQ.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1JlFQ.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnecg.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1JlFQ.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1JlFQ.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1JlFQ.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 800;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1JlFQ.woff2) format('woff2');}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1JlFQ.woff2) format('woff2');}</style><meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<link rel="preload" href="https://www.wilou-informatique.fr/wp-content/themes/hdt-divi-digital-agency/style.css" as="style">
	<!-- This site is optimized with the Yoast SEO Premium plugin v28.3 (Yoast SEO v28.3) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->
	<title>Wilou-Informatique | Landerneau</title>
	<meta name="description" content="Wilou Informatique à Landerneau accompagne particuliers et professionnels pour le dépannage informatique, la réparation d’ordinateurs et smartphones, la vente de matériel et l’assistance sur rendez-vous." />
	<link rel="canonical" href="https://www.wilou-informatique.fr/" />
	<meta property="og:locale" content="fr_FR" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Informatique Landerneau | Wilou-Informatique" />
	<meta property="og:description" content="Wilou Informatique à Landerneau accompagne particuliers et professionnels pour le dépannage informatique, la réparation d’ordinateurs et smartphones, la vente de matériel et l’assistance sur rendez-vous." />
	<meta property="og:url" content="https://www.wilou-informatique.fr/" />
	<meta property="og:site_name" content="Wilou-Informatique" />
	<meta property="article:modified_time" content="2026-08-27T00:02:14+00:00" />
	<meta property="og:image" content="https://www.wilou-informatique.fr/wp-content/uploads/2026/02/informatique-landerneau-pc-gaming-reparation.webp" />
	<meta property="og:image:width" content="1024" />
	<meta property="og:image:height" content="964" />
	<meta property="og:image:type" content="image/webp" />
	<meta name="twitter:card" content="summary_large_image" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wilou-informatique.fr\/","url":"https:\/\/www.wilou-informatique.fr\/","name":"Wilou-Informatique | Landerneau","isPartOf":{"@id":"https:\/\/www.wilou-informatique.fr\/#website"},"about":{"@id":"https:\/\/www.wilou-informatique.fr\/#organization"},"primaryImageOfPage":{"@id":"https:\/\/www.wilou-informatique.fr\/#primaryimage"},"image":{"@id":"https:\/\/www.wilou-informatique.fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www.wilou-informatique.fr\/wp-content\/uploads\/2026\/02\/informatique-landerneau-pc-gaming-reparation.webp","datePublished":"2024-09-11T08:10:24+00:00","dateModified":"2026-08-27T00:02:14+00:00","description":"Wilou Informatique à Landerneau accompagne particuliers et professionnels pour le dépannage informatique, la réparation d’ordinateurs et smartphones, la vente de matériel et l’assistance sur rendez-vous.","breadcrumb":{"@id":"https:\/\/www.wilou-informatique.fr\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wilou-informatique.fr\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.wilou-informatique.fr\/#primaryimage","url":"https:\/\/www.wilou-informatique.fr\/wp-content\/uploads\/2026\/02\/informatique-landerneau-pc-gaming-reparation.webp","contentUrl":"https:\/\/www.wilou-informatique.fr\/wp-content\/uploads\/2026\/02\/informatique-landerneau-pc-gaming-reparation.webp","width":1024,"height":964,"caption":"Réparation PC gaming à Landerneau"},{"@type":"BreadcrumbList","@id":"https:\/\/www.wilou-informatique.fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/www.wilou-informatique.fr\/#website","url":"https:\/\/www.wilou-informatique.fr\/","name":"Wilou-Informatique","description":"Informatique Landerneau","publisher":{"@id":"https:\/\/www.wilou-informatique.fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wilou-informatique.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.wilou-informatique.fr\/#organization","name":"Wilou-Informatique","url":"https:\/\/www.wilou-informatique.fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.wilou-informatique.fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.wilou-informatique.fr\/wp-content\/uploads\/2025\/10\/cropped-informatique-landerneau-wilou-informatique.webp","contentUrl":"https:\/\/www.wilou-informatique.fr\/wp-content\/uploads\/2025\/10\/cropped-informatique-landerneau-wilou-informatique.webp","width":289,"height":108,"caption":"Wilou-Informatique"},"image":{"@id":"https:\/\/www.wilou-informatique.fr\/#\/schema\/logo\/image\/"}}]}</script>
	<!-- / Yoast SEO Premium plugin. -->


<link rel='dns-prefetch' href='//use.fontawesome.com' />
<link rel="alternate" type="application/rss+xml" title="Wilou-Informatique &raquo; Flux" href="https://www.wilou-informatique.fr/feed/" />
<link rel="alternate" type="application/rss+xml" title="Wilou-Informatique &raquo; Flux des commentaires" href="https://www.wilou-informatique.fr/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.wilou-informatique.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.wilou-informatique.fr%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.wilou-informatique.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.wilou-informatique.fr%2F&#038;format=xml" />
		<!-- This site uses the Google Analytics by MonsterInsights plugin v11.1.3 - Using Analytics tracking - https://www.monsterinsights.com/ -->
							<script src="//www.googletagmanager.com/gtag/js?id=G-MSYHDV6511"  data-cfasync="false" data-wpfc-render="false" type="text/javascript" async></script>
			<script data-cfasync="false" data-wpfc-render="false" type="text/javascript">
				var mi_version = '11.1.3';
				var mi_track_user = true;
				var mi_no_track_reason = '';
								var MonsterInsightsDefaultLocations = {"page_location":"https:\/\/www.wilou-informatique.fr\/"};
								if ( typeof MonsterInsightsPrivacyGuardFilter === 'function' ) {
					var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsPrivacyGuardFilter( MonsterInsightsExcludeQuery ) : MonsterInsightsPrivacyGuardFilter( MonsterInsightsDefaultLocations );
				} else {
					var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsExcludeQuery : MonsterInsightsDefaultLocations;
				}

								var disableStrs = [
										'ga-disable-G-MSYHDV6511',
									];

				/* Function to detect opted out users */
				function __gtagTrackerIsOptedOut() {
					for (var index = 0; index < disableStrs.length; index++) {
						if (document.cookie.indexOf(disableStrs[index] + '=true') > -1) {
							return true;
						}
					}

					return false;
				}

				/* Disable tracking if the opt-out cookie exists. */
				if (__gtagTrackerIsOptedOut()) {
					for (var index = 0; index < disableStrs.length; index++) {
						window[disableStrs[index]] = true;
					}
				}

				/* Opt-out function */
				function __gtagTrackerOptout() {
					for (var index = 0; index < disableStrs.length; index++) {
						document.cookie = disableStrs[index] + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
						window[disableStrs[index]] = true;
					}
				}

				if ('undefined' === typeof gaOptout) {
					function gaOptout() {
						__gtagTrackerOptout();
					}
				}
								window.dataLayer = window.dataLayer || [];

				window.MonsterInsightsDualTracker = {
					helpers: {},
					trackers: {},
				};
				if (mi_track_user) {
					function __gtagDataLayer() {
						dataLayer.push(arguments);
					}

					function __gtagTracker(type, name, parameters) {
						if (!parameters) {
							parameters = {};
						}

						if (parameters.send_to) {
							__gtagDataLayer.apply(null, arguments);
							return;
						}

						if (type === 'event') {
														parameters.send_to = monsterinsights_frontend.v4_id;
							var hookName = name;
							if (typeof parameters['event_category'] !== 'undefined') {
								hookName = parameters['event_category'] + ':' + name;
							}

							if (typeof MonsterInsightsDualTracker.trackers[hookName] !== 'undefined') {
								MonsterInsightsDualTracker.trackers[hookName](parameters);
							} else {
								__gtagDataLayer('event', name, parameters);
							}
							
						} else {
							__gtagDataLayer.apply(null, arguments);
						}
					}

					__gtagTracker('js', new Date());
					__gtagTracker('set', {
						'developer_id.dZGIzZG': true,
											});
					if ( MonsterInsightsLocations.page_location ) {
						__gtagTracker('set', MonsterInsightsLocations);
					}
										__gtagTracker('config', 'G-MSYHDV6511', {"forceSSL":"true","link_attribution":"true"} );
										window.gtag = __gtagTracker;										(function () {
						/* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */
						/* ga and __gaTracker compatibility shim. */
						var noopfn = function () {
							return null;
						};
						var newtracker = function () {
							return new Tracker();
						};
						var Tracker = function () {
							return null;
						};
						var p = Tracker.prototype;
						p.get = noopfn;
						p.set = noopfn;
						p.send = function () {
							var args = Array.prototype.slice.call(arguments);
							args.unshift('send');
							__gaTracker.apply(null, args);
						};
						var __gaTracker = function () {
							var len = arguments.length;
							if (len === 0) {
								return;
							}
							var f = arguments[len - 1];
							if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') {
								if ('send' === arguments[0]) {
									var hitConverted, hitObject = false, action;
									if ('event' === arguments[1]) {
										if ('undefined' !== typeof arguments[3]) {
											hitObject = {
												'eventAction': arguments[3],
												'eventCategory': arguments[2],
												'eventLabel': arguments[4],
												'value': arguments[5] ? arguments[5] : 1,
											}
										}
									}
									if ('pageview' === arguments[1]) {
										if ('undefined' !== typeof arguments[2]) {
											hitObject = {
												'eventAction': 'page_view',
												'page_path': arguments[2],
											}
										}
									}
									if (typeof arguments[2] === 'object') {
										hitObject = arguments[2];
									}
									if (typeof arguments[5] === 'object') {
										Object.assign(hitObject, arguments[5]);
									}
									if ('undefined' !== typeof arguments[1].hitType) {
										hitObject = arguments[1];
										if ('pageview' === hitObject.hitType) {
											hitObject.eventAction = 'page_view';
										}
									}
									if (hitObject) {
										action = 'timing' === arguments[1].hitType ? 'timing_complete' : hitObject.eventAction;
										hitConverted = mapArgs(hitObject);
										__gtagTracker('event', action, hitConverted);
									}
								}
								return;
							}

							function mapArgs(args) {
								var arg, hit = {};
								var gaMap = {
									'eventCategory': 'event_category',
									'eventAction': 'event_action',
									'eventLabel': 'event_label',
									'eventValue': 'event_value',
									'nonInteraction': 'non_interaction',
									'timingCategory': 'event_category',
									'timingVar': 'name',
									'timingValue': 'value',
									'timingLabel': 'event_label',
									'page': 'page_path',
									'location': 'page_location',
									'title': 'page_title',
									'referrer' : 'page_referrer',
								};
								for (arg in args) {
																		if (!(!args.hasOwnProperty(arg) || !gaMap.hasOwnProperty(arg))) {
										hit[gaMap[arg]] = args[arg];
									} else {
										hit[arg] = args[arg];
									}
								}
								return hit;
							}

							try {
								f.hitCallback();
							} catch (ex) {
							}
						};
						__gaTracker.create = newtracker;
						__gaTracker.getByName = newtracker;
						__gaTracker.getAll = function () {
							return [];
						};
						__gaTracker.remove = noopfn;
						__gaTracker.loaded = true;
						window['__gaTracker'] = __gaTracker;
					})();
									} else {
										console.log("");
					(function () {
						function __gtagTracker() {
							return null;
						}

						window['__gtagTracker'] = __gtagTracker;
						window['gtag'] = __gtagTracker;
					})();
									}
			</script>
							<!-- / Google Analytics by MonsterInsights -->
		<meta content="HDT Divi Digital Agency v.1.1" name="generator"/>
<style id="font-awesome-svg-styles-default-inline-css">
.svg-inline--fa {
  display: inline-block;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em;
}
/*# sourceURL=font-awesome-svg-styles-default-inline-css */
</style>
<link rel='stylesheet' id='font-awesome-svg-styles-css' href='https://www.wilou-informatique.fr/wp-content/uploads/font-awesome/v7.2.0/css/svg-with-js.css' media='all' />
<style id="font-awesome-svg-styles-inline-css">
   .wp-block-font-awesome-icon svg::before,
   .wp-rich-text-font-awesome-icon svg::before {content: unset;}
/*# sourceURL=font-awesome-svg-styles-inline-css */
</style>
<link rel='stylesheet' id='font-awesome-official-css' href='https://use.fontawesome.com/releases/v7.2.0/css/all.css' media='all' integrity="sha384-EXatlQyrOJgDaM9/a74ArMzy7/2bTMSrZj8ID1IPeVmc3GncfCugefCFWSLj8JL/" crossorigin="anonymous" />
<link rel='stylesheet' id='font-awesome-official-v4shim-css' href='https://use.fontawesome.com/releases/v7.2.0/css/v4-shims.css' media='all' integrity="sha384-FnTDI00psVcN3KkfAip/6yRCeN17N3R7HZoAj+2+nttp8n1/vHfYUWvlscoUUhGJ" crossorigin="anonymous" />
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: 823px;--wp--style--global--wide-size: 1080px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='dica-lightbox-styles-css' href='https://www.wilou-informatique.fr/wp-content/plugins/dg-carousel/styles/light-box-styles.css?ver=2.0.26' media='all' />
<link rel='stylesheet' id='swipe-style-css' href='https://www.wilou-informatique.fr/wp-content/plugins/dg-carousel/styles/swiper.min.css?ver=2.0.26' media='all' />
<link rel='stylesheet' id='sr7css-css' href='//www.wilou-informatique.fr/wp-content/plugins/revslider/public/css/sr7.css?ver=6.7.54' media='all' />
<style id="divi-style-parent-inline-inline-css">
/*!
Theme Name: Divi
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 4.27.8
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
a,abbr,acronym,address,applet,b,big,blockquote,body,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}blockquote{margin:20px 0 30px;border-left:5px solid;padding-left:20px}:focus{outline:0}del{text-decoration:line-through}pre{overflow:auto;padding:10px}figure{margin:0}table{border-collapse:collapse;border-spacing:0}article,aside,footer,header,hgroup,nav,section{display:block}body{font-family:Open Sans,Arial,sans-serif;font-size:14px;color:#666;background-color:#fff;line-height:1.7em;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.page-template-page-template-blank-php #page-container{padding-top:0!important}body.et_cover_background{background-size:cover!important;background-position:top!important;background-repeat:no-repeat!important;background-attachment:fixed}a{color:#2ea3f2}a,a:hover{text-decoration:none}p{padding-bottom:1em}p:not(.has-background):last-of-type{padding-bottom:0}p.et_normal_padding{padding-bottom:1em}strong{font-weight:700}cite,em,i{font-style:italic}code,pre{font-family:Courier New,monospace;margin-bottom:10px}ins{text-decoration:none}sub,sup{height:0;line-height:1;position:relative;vertical-align:baseline}sup{bottom:.8em}sub{top:.3em}dl{margin:0 0 1.5em}dl dt{font-weight:700}dd{margin-left:1.5em}blockquote p{padding-bottom:0}embed,iframe,object,video{max-width:100%}h1,h2,h3,h4,h5,h6{color:#333;padding-bottom:10px;line-height:1em;font-weight:500}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}h1{font-size:30px}h2{font-size:26px}h3{font-size:22px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}input{-webkit-appearance:none}input[type=checkbox]{-webkit-appearance:checkbox}input[type=radio]{-webkit-appearance:radio}input.text,input.title,input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{background-color:#fff;border:1px solid #bbb;padding:2px;color:#4e4e4e}input.text:focus,input.title:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#2d3940;color:#3e3e3e}input.text,input.title,input[type=text],select,textarea{margin:0}textarea{padding:4px}button,input,select,textarea{font-family:inherit}img{max-width:100%;height:auto}.clear{clear:both}br.clear{margin:0;padding:0}.pagination{clear:both}#et_search_icon:hover,.et-social-icon a:hover,.et_password_protected_form .et_submit_button,.form-submit .et_pb_buttontton.alt.disabled,.nav-single a,.posted_in a{color:#2ea3f2}.et-search-form,blockquote{border-color:#2ea3f2}#main-content{background-color:#fff}.container{width:80%;max-width:1080px;margin:auto;position:relative}body:not(.et-tb) #main-content .container,body:not(.et-tb-has-header) #main-content .container{padding-top:58px}.et_full_width_page #main-content .container:before{display:none}.main_title{margin-bottom:20px}.et_password_protected_form .et_submit_button:hover,.form-submit .et_pb_button:hover{background:rgba(0,0,0,.05)}.et_button_icon_visible .et_pb_button{padding-right:2em;padding-left:.7em}.et_button_icon_visible .et_pb_button:after{opacity:1;margin-left:0}.et_button_left .et_pb_button:hover:after{left:.15em}.et_button_left .et_pb_button:after{margin-left:0;left:1em}.et_button_icon_visible.et_button_left .et_pb_button,.et_button_left .et_pb_button:hover,.et_button_left .et_pb_module .et_pb_button:hover{padding-left:2em;padding-right:.7em}.et_button_icon_visible.et_button_left .et_pb_button:after,.et_button_left .et_pb_button:hover:after{left:.15em}.et_password_protected_form .et_submit_button:hover,.form-submit .et_pb_button:hover{padding:.3em 1em}.et_button_no_icon .et_pb_button:after{display:none}.et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button,.et_button_no_icon.et_button_left .et_pb_button:hover,.et_button_no_icon .et_pb_button,.et_button_no_icon .et_pb_button:hover{padding:.3em 1em!important}.et_button_custom_icon .et_pb_button:after{line-height:1.7em}.et_button_custom_icon.et_button_icon_visible .et_pb_button:after,.et_button_custom_icon .et_pb_button:hover:after{margin-left:.3em}#left-area .post_format-post-format-gallery .wp-block-gallery:first-of-type{padding:0;margin-bottom:-16px}.entry-content table:not(.variations){border:1px solid #eee;margin:0 0 15px;text-align:left;width:100%}.entry-content thead th,.entry-content tr th{color:#555;font-weight:700;padding:9px 24px}.entry-content tr td{border-top:1px solid #eee;padding:6px 24px}#left-area ul,.entry-content ul,.et-l--body ul,.et-l--footer ul,.et-l--header ul{list-style-type:disc;padding:0 0 23px 1em;line-height:26px}#left-area ol,.entry-content ol,.et-l--body ol,.et-l--footer ol,.et-l--header ol{list-style-type:decimal;list-style-position:inside;padding:0 0 23px;line-height:26px}#left-area ul li ul,.entry-content ul li ol{padding:2px 0 2px 20px}#left-area ol li ul,.entry-content ol li ol,.et-l--body ol li ol,.et-l--footer ol li ol,.et-l--header ol li ol{padding:2px 0 2px 35px}#left-area ul.wp-block-gallery{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;padding:0}#left-area ul.products{padding:0!important;line-height:1.7!important;list-style:none!important}.gallery-item a{display:block}.gallery-caption,.gallery-item a{width:90%}#wpadminbar{z-index:100001}#left-area .post-meta{font-size:14px;padding-bottom:15px}#left-area .post-meta a{text-decoration:none;color:#666}#left-area .et_featured_image{padding-bottom:7px}.single .post{padding-bottom:25px}body.single .et_audio_content{margin-bottom:-6px}.nav-single a{text-decoration:none;color:#2ea3f2;font-size:14px;font-weight:400}.nav-previous{float:left}.nav-next{float:right}.et_password_protected_form p input{background-color:#eee;border:none!important;width:100%!important;border-radius:0!important;font-size:14px;color:#999!important;padding:16px!important;-webkit-box-sizing:border-box;box-sizing:border-box}.et_password_protected_form label{display:none}.et_password_protected_form .et_submit_button{font-family:inherit;display:block;float:right;margin:8px auto 0;cursor:pointer}.post-password-required p.nocomments.container{max-width:100%}.post-password-required p.nocomments.container:before{display:none}.aligncenter,div.post .new-post .aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;margin-bottom:10px;max-width:96%;padding:8px}.wp-caption.alignleft{margin:0 30px 20px 0}.wp-caption.alignright{margin:0 0 20px 30px}.wp-caption img{margin:0;padding:0;border:0}.wp-caption p.wp-caption-text{font-size:12px;padding:0 4px 5px;margin:0}.alignright{float:right}.alignleft{float:left}img.alignleft{display:inline;float:left;margin-right:15px}img.alignright{display:inline;float:right;margin-left:15px}.page.et_pb_pagebuilder_layout #main-content{background-color:transparent}body #main-content .et_builder_inner_content>h1,body #main-content .et_builder_inner_content>h2,body #main-content .et_builder_inner_content>h3,body #main-content .et_builder_inner_content>h4,body #main-content .et_builder_inner_content>h5,body #main-content .et_builder_inner_content>h6{line-height:1.4em}body #main-content .et_builder_inner_content>p{line-height:1.7em}.wp-block-pullquote{margin:20px 0 30px}.wp-block-pullquote.has-background blockquote{border-left:none}.wp-block-group.has-background{padding:1.5em 1.5em .5em}@media (min-width:981px){#left-area{width:79.125%;padding-bottom:23px}#main-content .container:before{content:"";position:absolute;top:0;height:100%;width:1px;background-color:#e2e2e2}.et_full_width_page #left-area,.et_no_sidebar #left-area{float:none;width:100%!important}.et_full_width_page #left-area{padding-bottom:0}.et_no_sidebar #main-content .container:before{display:none}}@media (max-width:980px){#page-container{padding-top:80px}.et-tb #page-container,.et-tb-has-header #page-container{padding-top:0!important}#left-area,#sidebar{width:100%!important}#main-content .container:before{display:none!important}.et_full_width_page .et_gallery_item:nth-child(4n+1){clear:none}}@media print{#page-container{padding-top:0!important}}#wp-admin-bar-et-use-visual-builder a:before{font-family:ETmodules!important;content:"\e625";font-size:30px!important;width:28px;margin-top:-3px;color:#974df3!important}#wp-admin-bar-et-use-visual-builder:hover a:before{color:#fff!important}#wp-admin-bar-et-use-visual-builder:hover a,#wp-admin-bar-et-use-visual-builder a:hover{transition:background-color .5s ease;-webkit-transition:background-color .5s ease;-moz-transition:background-color .5s ease;background-color:#7e3bd0!important;color:#fff!important}* html .clearfix,:first-child+html .clearfix{zoom:1}.iphone .et_pb_section_video_bg video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.et_mobile_device .et_pb_section_parallax .et_pb_parallax_css{background-attachment:scroll}.et-social-facebook a.icon:before{content:"\e093"}.et-social-twitter a.icon:before{content:"\e094"}.et-social-google-plus a.icon:before{content:"\e096"}.et-social-instagram a.icon:before{content:"\e09a"}.et-social-rss a.icon:before{content:"\e09e"}.ai1ec-single-event:after{content:" ";display:table;clear:both}.evcal_event_details .evcal_evdata_cell .eventon_details_shading_bot.eventon_details_shading_bot{z-index:3}.wp-block-divi-layout{margin-bottom:1em}*{-webkit-box-sizing:border-box;box-sizing:border-box}#et-info-email:before,#et-info-phone:before,#et_search_icon:before,.comment-reply-link:after,.et-cart-info span:before,.et-pb-arrow-next:before,.et-pb-arrow-prev:before,.et-social-icon a:before,.et_audio_container .mejs-playpause-button button:before,.et_audio_container .mejs-volume-button button:before,.et_overlay:before,.et_password_protected_form .et_submit_button:after,.et_pb_button:after,.et_pb_contact_reset:after,.et_pb_contact_submit:after,.et_pb_font_icon:before,.et_pb_newsletter_button:after,.et_pb_pricing_table_button:after,.et_pb_promo_button:after,.et_pb_testimonial:before,.et_pb_toggle_title:before,.form-submit .et_pb_button:after,.mobile_menu_bar:before,a.et_pb_more_button:after{font-family:ETmodules!important;speak:none;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 0;direction:ltr}.et-pb-icon,.et_pb_custom_button_icon.et_pb_button:after,.et_pb_login .et_pb_custom_button_icon.et_pb_button:after,.et_pb_woo_custom_button_icon .button.et_pb_custom_button_icon.et_pb_button:after,.et_pb_woo_custom_button_icon .button.et_pb_custom_button_icon.et_pb_button:hover:after{content:attr(data-icon)}.et-pb-icon{font-family:ETmodules;speak:none;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;font-size:96px;font-style:normal;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;direction:ltr}#et-ajax-saving{display:none;-webkit-transition:background .3s,-webkit-box-shadow .3s;transition:background .3s,-webkit-box-shadow .3s;transition:background .3s,box-shadow .3s;transition:background .3s,box-shadow .3s,-webkit-box-shadow .3s;-webkit-box-shadow:rgba(0,139,219,.247059) 0 0 60px;box-shadow:0 0 60px rgba(0,139,219,.247059);position:fixed;top:50%;left:50%;width:50px;height:50px;background:#fff;border-radius:50px;margin:-25px 0 0 -25px;z-index:999999;text-align:center}#et-ajax-saving img{margin:9px}.et-safe-mode-indicator,.et-safe-mode-indicator:focus,.et-safe-mode-indicator:hover{-webkit-box-shadow:0 5px 10px rgba(41,196,169,.15);box-shadow:0 5px 10px rgba(41,196,169,.15);background:#29c4a9;color:#fff;font-size:14px;font-weight:600;padding:12px;line-height:16px;border-radius:3px;position:fixed;bottom:30px;right:30px;z-index:999999;text-decoration:none;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.et_pb_button{font-size:20px;font-weight:500;padding:.3em 1em;line-height:1.7em!important;background-color:transparent;background-size:cover;background-position:50%;background-repeat:no-repeat;border:2px solid;border-radius:3px;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:all!important;transition-property:all!important}.et_pb_button,.et_pb_button_inner{position:relative}.et_pb_button:hover,.et_pb_module .et_pb_button:hover{border:2px solid transparent;padding:.3em 2em .3em .7em}.et_pb_button:hover{background-color:hsla(0,0%,100%,.2)}.et_pb_bg_layout_light.et_pb_button:hover,.et_pb_bg_layout_light .et_pb_button:hover{background-color:rgba(0,0,0,.05)}.et_pb_button:after,.et_pb_button:before{font-size:32px;line-height:1em;content:"\35";opacity:0;position:absolute;margin-left:-1em;-webkit-transition:all .2s;transition:all .2s;text-transform:none;-webkit-font-feature-settings:"kern" off;font-feature-settings:"kern" off;font-variant:none;font-style:normal;font-weight:400;text-shadow:none}.et_pb_button.et_hover_enabled:hover:after,.et_pb_button.et_pb_hovered:hover:after{-webkit-transition:none!important;transition:none!important}.et_pb_button:before{display:none}.et_pb_button:hover:after{opacity:1;margin-left:0}.et_pb_column_1_3 h1,.et_pb_column_1_4 h1,.et_pb_column_1_5 h1,.et_pb_column_1_6 h1,.et_pb_column_2_5 h1{font-size:26px}.et_pb_column_1_3 h2,.et_pb_column_1_4 h2,.et_pb_column_1_5 h2,.et_pb_column_1_6 h2,.et_pb_column_2_5 h2{font-size:23px}.et_pb_column_1_3 h3,.et_pb_column_1_4 h3,.et_pb_column_1_5 h3,.et_pb_column_1_6 h3,.et_pb_column_2_5 h3{font-size:20px}.et_pb_column_1_3 h4,.et_pb_column_1_4 h4,.et_pb_column_1_5 h4,.et_pb_column_1_6 h4,.et_pb_column_2_5 h4{font-size:18px}.et_pb_column_1_3 h5,.et_pb_column_1_4 h5,.et_pb_column_1_5 h5,.et_pb_column_1_6 h5,.et_pb_column_2_5 h5{font-size:16px}.et_pb_column_1_3 h6,.et_pb_column_1_4 h6,.et_pb_column_1_5 h6,.et_pb_column_1_6 h6,.et_pb_column_2_5 h6{font-size:15px}.et_pb_bg_layout_dark,.et_pb_bg_layout_dark h1,.et_pb_bg_layout_dark h2,.et_pb_bg_layout_dark h3,.et_pb_bg_layout_dark h4,.et_pb_bg_layout_dark h5,.et_pb_bg_layout_dark h6{color:#fff!important}.et_pb_module.et_pb_text_align_left{text-align:left}.et_pb_module.et_pb_text_align_center{text-align:center}.et_pb_module.et_pb_text_align_right{text-align:right}.et_pb_module.et_pb_text_align_justified{text-align:justify}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.et_pb_bg_layout_light .et_pb_more_button{color:#2ea3f2}.et_builder_inner_content{position:relative;z-index:1}header .et_builder_inner_content{z-index:2}.et_pb_css_mix_blend_mode_passthrough{mix-blend-mode:unset!important}.et_pb_image_container{margin:-20px -20px 29px}.et_pb_module_inner{position:relative}.et_hover_enabled_preview{z-index:2}.et_hover_enabled:hover{position:relative;z-index:2}.et_pb_all_tabs,.et_pb_module,.et_pb_posts_nav a,.et_pb_tab,.et_pb_with_background{position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat}.et_pb_background_mask,.et_pb_background_pattern{bottom:0;left:0;position:absolute;right:0;top:0}.et_pb_background_mask{background-size:calc(100% + 2px) calc(100% + 2px);background-repeat:no-repeat;background-position:50%;overflow:hidden}.et_pb_background_pattern{background-position:0 0;background-repeat:repeat}.et_pb_with_border{position:relative;border:0 solid #333}.post-password-required .et_pb_row{padding:0;width:100%}.post-password-required .et_password_protected_form{min-height:0}body.et_pb_pagebuilder_layout.et_pb_show_title .post-password-required .et_password_protected_form h1,body:not(.et_pb_pagebuilder_layout) .post-password-required .et_password_protected_form h1{display:none}.et_pb_no_bg{padding:0!important}.et_overlay.et_pb_inline_icon:before,.et_pb_inline_icon:before{content:attr(data-icon)}.et_pb_more_button{color:inherit;text-shadow:none;text-decoration:none;display:inline-block;margin-top:20px}.et_parallax_bg_wrap{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0}.et_parallax_bg{background-repeat:no-repeat;background-position:top;background-size:cover;position:absolute;bottom:0;left:0;width:100%;height:100%;display:block}.et_parallax_bg.et_parallax_bg__hover,.et_parallax_bg.et_parallax_bg_phone,.et_parallax_bg.et_parallax_bg_tablet,.et_parallax_gradient.et_parallax_gradient__hover,.et_parallax_gradient.et_parallax_gradient_phone,.et_parallax_gradient.et_parallax_gradient_tablet,.et_pb_section_parallax_hover:hover .et_parallax_bg:not(.et_parallax_bg__hover),.et_pb_section_parallax_hover:hover .et_parallax_gradient:not(.et_parallax_gradient__hover){display:none}.et_pb_section_parallax_hover:hover .et_parallax_bg.et_parallax_bg__hover,.et_pb_section_parallax_hover:hover .et_parallax_gradient.et_parallax_gradient__hover{display:block}.et_parallax_gradient{bottom:0;display:block;left:0;position:absolute;right:0;top:0}.et_pb_module.et_pb_section_parallax,.et_pb_posts_nav a.et_pb_section_parallax,.et_pb_tab.et_pb_section_parallax{position:relative}.et_pb_section_parallax .et_pb_parallax_css,.et_pb_slides .et_parallax_bg.et_pb_parallax_css{background-attachment:fixed}body.et-bfb .et_pb_section_parallax .et_pb_parallax_css,body.et-bfb .et_pb_slides .et_parallax_bg.et_pb_parallax_css{background-attachment:scroll;bottom:auto}.et_pb_section_parallax.et_pb_column .et_pb_module,.et_pb_section_parallax.et_pb_row .et_pb_column,.et_pb_section_parallax.et_pb_row .et_pb_module{z-index:9;position:relative}.et_pb_more_button:hover:after{opacity:1;margin-left:0}.et_pb_preload .et_pb_section_video_bg,.et_pb_preload>div{visibility:hidden}.et_pb_preload,.et_pb_section.et_pb_section_video.et_pb_preload{position:relative;background:#464646!important}.et_pb_preload:before{content:"";position:absolute;top:50%;left:50%;background:url(https://www.wilou-informatique.fr/wp-content/themes/Divi/includes/builder/styles/images/preloader.gif) no-repeat;border-radius:32px;width:32px;height:32px;margin:-16px 0 0 -16px}.box-shadow-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.et_pb_section>.box-shadow-overlay~.et_pb_row{z-index:11}body.safari .section_has_divider{will-change:transform}.et_pb_row>.box-shadow-overlay{z-index:8}.has-box-shadow-overlay{position:relative}.et_clickable{cursor:pointer}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.et_multi_view_hidden,.et_multi_view_hidden_image{display:none!important}@keyframes multi-view-image-fade{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1}}.et_multi_view_image__loading{visibility:hidden}.et_multi_view_image__loaded{-webkit-animation:multi-view-image-fade .5s;animation:multi-view-image-fade .5s}#et-pb-motion-effects-offset-tracker{visibility:hidden!important;opacity:0;position:absolute;top:0;left:0}.et-pb-before-scroll-animation{opacity:0}header.et-l.et-l--header:after{clear:both;display:block;content:""}.et_pb_module{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes fadeBottom{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeBottom{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeLeft{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeLeft{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeRight{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeRight{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeTop{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeTop{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.et-waypoint:not(.et_pb_counters){opacity:0}@media (min-width:981px){.et_pb_section.et_section_specialty div.et_pb_row .et_pb_column .et_pb_column .et_pb_module.et-last-child,.et_pb_section.et_section_specialty div.et_pb_row .et_pb_column .et_pb_column .et_pb_module:last-child,.et_pb_section.et_section_specialty div.et_pb_row .et_pb_column .et_pb_row_inner .et_pb_column .et_pb_module.et-last-child,.et_pb_section.et_section_specialty div.et_pb_row .et_pb_column .et_pb_row_inner .et_pb_column .et_pb_module:last-child,.et_pb_section div.et_pb_row .et_pb_column .et_pb_module.et-last-child,.et_pb_section div.et_pb_row .et_pb_column .et_pb_module:last-child{margin-bottom:0}}@media (max-width:980px){.et_overlay.et_pb_inline_icon_tablet:before,.et_pb_inline_icon_tablet:before{content:attr(data-icon-tablet)}.et_parallax_bg.et_parallax_bg_tablet_exist,.et_parallax_gradient.et_parallax_gradient_tablet_exist{display:none}.et_parallax_bg.et_parallax_bg_tablet,.et_parallax_gradient.et_parallax_gradient_tablet{display:block}.et_pb_column .et_pb_module{margin-bottom:30px}.et_pb_row .et_pb_column .et_pb_module.et-last-child,.et_pb_row .et_pb_column .et_pb_module:last-child,.et_section_specialty .et_pb_row .et_pb_column .et_pb_module.et-last-child,.et_section_specialty .et_pb_row .et_pb_column .et_pb_module:last-child{margin-bottom:0}.et_pb_more_button{display:inline-block!important}.et_pb_bg_layout_light_tablet.et_pb_button,.et_pb_bg_layout_light_tablet.et_pb_module.et_pb_button,.et_pb_bg_layout_light_tablet .et_pb_more_button{color:#2ea3f2}.et_pb_bg_layout_light_tablet .et_pb_forgot_password a{color:#666}.et_pb_bg_layout_light_tablet h1,.et_pb_bg_layout_light_tablet h2,.et_pb_bg_layout_light_tablet h3,.et_pb_bg_layout_light_tablet h4,.et_pb_bg_layout_light_tablet h5,.et_pb_bg_layout_light_tablet h6{color:#333!important}.et_pb_module .et_pb_bg_layout_light_tablet.et_pb_button{color:#2ea3f2!important}.et_pb_bg_layout_light_tablet{color:#666!important}.et_pb_bg_layout_dark_tablet,.et_pb_bg_layout_dark_tablet h1,.et_pb_bg_layout_dark_tablet h2,.et_pb_bg_layout_dark_tablet h3,.et_pb_bg_layout_dark_tablet h4,.et_pb_bg_layout_dark_tablet h5,.et_pb_bg_layout_dark_tablet h6{color:#fff!important}.et_pb_bg_layout_dark_tablet.et_pb_button,.et_pb_bg_layout_dark_tablet.et_pb_module.et_pb_button,.et_pb_bg_layout_dark_tablet .et_pb_more_button{color:inherit}.et_pb_bg_layout_dark_tablet .et_pb_forgot_password a{color:#fff}.et_pb_module.et_pb_text_align_left-tablet{text-align:left}.et_pb_module.et_pb_text_align_center-tablet{text-align:center}.et_pb_module.et_pb_text_align_right-tablet{text-align:right}.et_pb_module.et_pb_text_align_justified-tablet{text-align:justify}}@media (max-width:767px){.et_pb_more_button{display:inline-block!important}.et_overlay.et_pb_inline_icon_phone:before,.et_pb_inline_icon_phone:before{content:attr(data-icon-phone)}.et_parallax_bg.et_parallax_bg_phone_exist,.et_parallax_gradient.et_parallax_gradient_phone_exist{display:none}.et_parallax_bg.et_parallax_bg_phone,.et_parallax_gradient.et_parallax_gradient_phone{display:block}.et-hide-mobile{display:none!important}.et_pb_bg_layout_light_phone.et_pb_button,.et_pb_bg_layout_light_phone.et_pb_module.et_pb_button,.et_pb_bg_layout_light_phone .et_pb_more_button{color:#2ea3f2}.et_pb_bg_layout_light_phone .et_pb_forgot_password a{color:#666}.et_pb_bg_layout_light_phone h1,.et_pb_bg_layout_light_phone h2,.et_pb_bg_layout_light_phone h3,.et_pb_bg_layout_light_phone h4,.et_pb_bg_layout_light_phone h5,.et_pb_bg_layout_light_phone h6{color:#333!important}.et_pb_module .et_pb_bg_layout_light_phone.et_pb_button{color:#2ea3f2!important}.et_pb_bg_layout_light_phone{color:#666!important}.et_pb_bg_layout_dark_phone,.et_pb_bg_layout_dark_phone h1,.et_pb_bg_layout_dark_phone h2,.et_pb_bg_layout_dark_phone h3,.et_pb_bg_layout_dark_phone h4,.et_pb_bg_layout_dark_phone h5,.et_pb_bg_layout_dark_phone h6{color:#fff!important}.et_pb_bg_layout_dark_phone.et_pb_button,.et_pb_bg_layout_dark_phone.et_pb_module.et_pb_button,.et_pb_bg_layout_dark_phone .et_pb_more_button{color:inherit}.et_pb_module .et_pb_bg_layout_dark_phone.et_pb_button{color:#fff!important}.et_pb_bg_layout_dark_phone .et_pb_forgot_password a{color:#fff}.et_pb_module.et_pb_text_align_left-phone{text-align:left}.et_pb_module.et_pb_text_align_center-phone{text-align:center}.et_pb_module.et_pb_text_align_right-phone{text-align:right}.et_pb_module.et_pb_text_align_justified-phone{text-align:justify}}@media (max-width:479px){a.et_pb_more_button{display:block}}@media (min-width:768px) and (max-width:980px){[data-et-multi-view-load-tablet-hidden=true]:not(.et_multi_view_swapped){display:none!important}}@media (max-width:767px){[data-et-multi-view-load-phone-hidden=true]:not(.et_multi_view_swapped){display:none!important}}.et_pb_menu.et_pb_menu--style-inline_centered_logo .et_pb_menu__menu nav ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@-webkit-keyframes multi-view-image-fade{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.01);transform:scale(1.01);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
/*# sourceURL=divi-style-parent-inline-inline-css */
</style>
<style id="divi-dynamic-critical-inline-css">
@font-face{font-family:ETmodules;font-display:block;src:url(//www.wilou-informatique.fr/wp-content/themes/Divi/core/admin/fonts/modules/base/modules.eot);src:url(//www.wilou-informatique.fr/wp-content/themes/Divi/core/admin/fonts/modules/base/modules.eot?#iefix) format("embedded-opentype"),url(//www.wilou-informatique.fr/wp-content/themes/Divi/core/admin/fonts/modules/base/modules.woff) format("woff"),url(//www.wilou-informatique.fr/wp-content/themes/Divi/core/admin/fonts/modules/base/modules.ttf) format("truetype"),url(//www.wilou-informatique.fr/wp-content/themes/Divi/core/admin/fonts/modules/base/modules.svg#ETmodules) format("svg");font-weight:400;font-style:normal}
@media (min-width:981px){.et_pb_gutters3 .et_pb_column,.et_pb_gutters3.et_pb_row .et_pb_column{margin-right:5.5%}.et_pb_gutters3 .et_pb_column_4_4,.et_pb_gutters3.et_pb_row .et_pb_column_4_4{width:100%}.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module{margin-bottom:2.75%}.et_pb_gutters3 .et_pb_column_3_4,.et_pb_gutters3.et_pb_row .et_pb_column_3_4{width:73.625%}.et_pb_gutters3 .et_pb_column_3_4 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_module{margin-bottom:3.735%}.et_pb_gutters3 .et_pb_column_2_3,.et_pb_gutters3.et_pb_row .et_pb_column_2_3{width:64.833%}.et_pb_gutters3 .et_pb_column_2_3 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_2_3 .et_pb_module{margin-bottom:4.242%}.et_pb_gutters3 .et_pb_column_3_5,.et_pb_gutters3.et_pb_row .et_pb_column_3_5{width:57.8%}.et_pb_gutters3 .et_pb_column_3_5 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_module{margin-bottom:4.758%}.et_pb_gutters3 .et_pb_column_1_2,.et_pb_gutters3.et_pb_row .et_pb_column_1_2{width:47.25%}.et_pb_gutters3 .et_pb_column_1_2 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_module{margin-bottom:5.82%}.et_pb_gutters3 .et_pb_column_2_5,.et_pb_gutters3.et_pb_row .et_pb_column_2_5{width:36.7%}.et_pb_gutters3 .et_pb_column_2_5 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_2_5 .et_pb_module{margin-bottom:7.493%}.et_pb_gutters3 .et_pb_column_1_3,.et_pb_gutters3.et_pb_row .et_pb_column_1_3{width:29.6667%}.et_pb_gutters3 .et_pb_column_1_3 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_1_3 .et_pb_module{margin-bottom:9.27%}.et_pb_gutters3 .et_pb_column_1_4,.et_pb_gutters3.et_pb_row .et_pb_column_1_4{width:20.875%}.et_pb_gutters3 .et_pb_column_1_4 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_module{margin-bottom:13.174%}.et_pb_gutters3 .et_pb_column_1_5,.et_pb_gutters3.et_pb_row .et_pb_column_1_5{width:15.6%}.et_pb_gutters3 .et_pb_column_1_5 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_1_5 .et_pb_module{margin-bottom:17.628%}.et_pb_gutters3 .et_pb_column_1_6,.et_pb_gutters3.et_pb_row .et_pb_column_1_6{width:12.0833%}.et_pb_gutters3 .et_pb_column_1_6 .et_pb_module,.et_pb_gutters3.et_pb_row .et_pb_column_1_6 .et_pb_module{margin-bottom:22.759%}.et_pb_gutters3 .et_full_width_page.woocommerce-page ul.products li.product{width:20.875%;margin-right:5.5%;margin-bottom:5.5%}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products li.product,.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products li.product{width:28.353%;margin-right:7.47%}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-1 li.product,.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-1 li.product{width:100%;margin-right:0}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-2 li.product,.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-2 li.product{width:48%;margin-right:4%}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(2n+2),.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(2n+2){margin-right:0}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(3n+1),.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(3n+1){clear:none}}
@media (min-width:981px){.et_pb_gutter.et_pb_gutters2 #left-area{width:77.25%}.et_pb_gutter.et_pb_gutters2 #sidebar{width:22.75%}.et_pb_gutters2.et_right_sidebar #left-area{padding-right:3%}.et_pb_gutters2.et_left_sidebar #left-area{padding-left:3%}.et_pb_gutter.et_pb_gutters2.et_right_sidebar #main-content .container:before{right:22.75%!important}.et_pb_gutter.et_pb_gutters2.et_left_sidebar #main-content .container:before{left:22.75%!important}.et_pb_gutters2 .et_pb_column,.et_pb_gutters2.et_pb_row .et_pb_column{margin-right:3%}.et_pb_gutters2 .et_pb_column_4_4,.et_pb_gutters2.et_pb_row .et_pb_column_4_4{width:100%}.et_pb_gutters2 .et_pb_column_4_4 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_module{margin-bottom:1.5%}.et_pb_gutters2 .et_pb_column_3_4,.et_pb_gutters2.et_pb_row .et_pb_column_3_4{width:74.25%}.et_pb_gutters2 .et_pb_column_3_4 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_3_4 .et_pb_module{margin-bottom:2.02%}.et_pb_gutters2 .et_pb_column_2_3,.et_pb_gutters2.et_pb_row .et_pb_column_2_3{width:65.667%}.et_pb_gutters2 .et_pb_column_2_3 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_2_3 .et_pb_module{margin-bottom:2.284%}.et_pb_gutters2 .et_pb_column_3_5,.et_pb_gutters2.et_pb_row .et_pb_column_3_5{width:58.8%}.et_pb_gutters2 .et_pb_column_3_5 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_3_5 .et_pb_module{margin-bottom:2.551%}.et_pb_gutters2 .et_pb_column_1_2,.et_pb_gutters2.et_pb_row .et_pb_column_1_2{width:48.5%}.et_pb_gutters2 .et_pb_column_1_2 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_1_2 .et_pb_module{margin-bottom:3.093%}.et_pb_gutters2 .et_pb_column_2_5,.et_pb_gutters2.et_pb_row .et_pb_column_2_5{width:38.2%}.et_pb_gutters2 .et_pb_column_2_5 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_2_5 .et_pb_module{margin-bottom:3.927%}.et_pb_gutters2 .et_pb_column_1_3,.et_pb_gutters2.et_pb_row .et_pb_column_1_3{width:31.3333%}.et_pb_gutters2 .et_pb_column_1_3 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_1_3 .et_pb_module{margin-bottom:4.787%}.et_pb_gutters2 .et_pb_column_1_4,.et_pb_gutters2.et_pb_row .et_pb_column_1_4{width:22.75%}.et_pb_gutters2 .et_pb_column_1_4 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_1_4 .et_pb_module{margin-bottom:6.593%}.et_pb_gutters2 .et_pb_column_1_5,.et_pb_gutters2.et_pb_row .et_pb_column_1_5{width:17.6%}.et_pb_gutters2 .et_pb_column_1_5 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_1_5 .et_pb_module{margin-bottom:8.523%}.et_pb_gutters2 .et_pb_column_1_6,.et_pb_gutters2.et_pb_row .et_pb_column_1_6{width:14.1667%}.et_pb_gutters2 .et_pb_column_1_6 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_1_6 .et_pb_module{margin-bottom:10.588%}.et_pb_gutters2 .et_full_width_page.woocommerce-page ul.products li.product{width:22.75%;margin-right:3%;margin-bottom:3%}.et_pb_gutters2.et_left_sidebar.woocommerce-page #main-content ul.products li.product,.et_pb_gutters2.et_right_sidebar.woocommerce-page #main-content ul.products li.product{width:30.64%;margin-right:4.04%}}
.et_pb_widget{float:left;max-width:100%;word-wrap:break-word}.et_pb_widget a{text-decoration:none;color:#666}.et_pb_widget li a:hover{color:#82c0c7}.et_pb_widget ol li,.et_pb_widget ul li{margin-bottom:.5em}.et_pb_widget ol li ol li,.et_pb_widget ul li ul li{margin-left:15px}.et_pb_widget select{width:100%;height:28px;padding:0 5px}.et_pb_widget_area .et_pb_widget a{color:inherit}.et_pb_bg_layout_light .et_pb_widget li a{color:#666}.et_pb_bg_layout_dark .et_pb_widget li a{color:inherit}
#wp-calendar{empty-cells:show;margin:10px auto 0;width:100%}#wp-calendar a{display:block;text-decoration:none;font-weight:bold}#wp-calendar a:hover{text-decoration:underline}#wp-calendar caption{text-decoration:none;font:bold 13px Arial, Sans-Serif}#wp-calendar td{padding:3px 5px;color:#9f9f9f}#wp-calendar td#today{font-weight:bold}#wp-calendar th{font-style:normal;text-transform:capitalize;padding:3px 5px}#wp-calendar #prev a,#wp-calendar #next a{font-size:9pt}#wp-calendar #next a{padding-right:10px;text-align:right}#wp-calendar #prev a{padding-left:10px;text-align:left}.et_pb_widget .wp-block-calendar th,.et_pb_widget .wp-block-calendar td{border:0}.et_pb_widget .wp-block-calendar table th{font-weight:bold;background:none}.et_pb_widget .wp-block-calendar{text-align:left}
.widget_search .screen-reader-text,.et_pb_widget .wp-block-search__label{display:none}.widget_search input#s,.widget_search input#searchsubmit,.et_pb_widget .wp-block-search__input,.et_pb_widget .wp-block-search__button{padding:.7em;height:40px !important;margin:0;font-size:14px;line-height:normal !important;border:1px solid #ddd;color:#666}.widget_search #s,.et_pb_widget .wp-block-search__input{width:100%;border-radius:3px}.widget_search #searchform,.et_pb_widget .wp-block-search{position:relative}.widget_search #searchsubmit,.et_pb_widget .wp-block-search__button{background-color:#ddd;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;position:absolute;right:0;top:0}#searchsubmit,.et_pb_widget .wp-block-search__button{cursor:pointer}
.et_post_gallery{padding:0!important;line-height:1.7!important;list-style:none!important}.et_gallery_item{float:left;width:28.353%;margin:0 7.47% 7.47% 0}.blocks-gallery-item,.et_gallery_item{padding-left:0!important}.blocks-gallery-item:before,.et_gallery_item:before{display:none}.et_gallery_item:nth-child(3n){margin-right:0}.et_gallery_item:nth-child(3n+1){clear:both}
.mfp-wrap .mfp-container button:hover{background:transparent!important}.mfp-wrap .mfp-arrow:active{position:absolute;top:50%}.mfp-wrap .mfp-close:active{position:absolute;top:-10px}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after,.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{font-family:ETmodules;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mfp-fade.mfp-bg{opacity:.001;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade .mfp-wrap.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade .mfp-wrap.mfp-wrap.mfp-removing .mfp-content{opacity:0}.mfp-fade .mfp-wrap .mfp-content{opacity:.001;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.mfp-bg{z-index:1000000;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:1000001;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.55;filter:alpha(opacity=55);top:50%;margin:-32px 0 0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow-left{left:10px}.mfp-arrow-right{right:10px}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-arrow{background:none!important;margin-top:-32px!important;line-height:1em!important}.mfp-arrow,.mfp-arrow:after{width:48px!important;height:48px!important}.mfp-arrow:after{margin:0!important;top:0!important;border:none!important}.mfp-arrow-left{left:0!important}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after,.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border:none;font-size:64px;color:#fff}.mfp-arrow-left:before,.mfp-arrow-right:before{display:none}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{content:"4"}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{content:"5"}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{font-size:64px;font-family:Open Sans,Arial,sans-serif;font-weight:200;top:-10px;opacity:.2}.mfp-iframe-holder .mfp-close:hover,.mfp-image-holder .mfp-close:hover{opacity:1}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
.et_pb_section{position:relative;background-color:#fff;background-position:50%;background-size:100%;background-size:cover}.et_pb_section--absolute,.et_pb_section--fixed{width:100%}.et_pb_section.et_section_transparent{background-color:transparent}.et_pb_fullwidth_section{padding:0}.et_pb_fullwidth_section>.et_pb_module:not(.et_pb_post_content):not(.et_pb_fullwidth_post_content) .et_pb_row{padding:0!important}.et_pb_inner_shadow{-webkit-box-shadow:inset 0 0 7px rgba(0,0,0,.07);box-shadow:inset 0 0 7px rgba(0,0,0,.07)}.et_pb_bottom_inside_divider,.et_pb_top_inside_divider{display:block;background-repeat-y:no-repeat;height:100%;position:absolute;pointer-events:none;width:100%;left:0;right:0}.et_pb_bottom_inside_divider.et-no-transition,.et_pb_top_inside_divider.et-no-transition{-webkit-transition:none!important;transition:none!important}.et-fb .section_has_divider.et_fb_element_controls_visible--child>.et_pb_bottom_inside_divider,.et-fb .section_has_divider.et_fb_element_controls_visible--child>.et_pb_top_inside_divider{z-index:1}.et_pb_section_video:not(.et_pb_section--with-menu){overflow:hidden;position:relative}.et_pb_column>.et_pb_section_video_bg{z-index:-1}.et_pb_section_video_bg{visibility:visible;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:block;pointer-events:none;-webkit-transition:display .3s;transition:display .3s}.et_pb_section_video_bg.et_pb_section_video_bg_hover,.et_pb_section_video_bg.et_pb_section_video_bg_phone,.et_pb_section_video_bg.et_pb_section_video_bg_tablet,.et_pb_section_video_bg.et_pb_section_video_bg_tablet_only{display:none}.et_pb_section_video_bg .mejs-controls,.et_pb_section_video_bg .mejs-overlay-play{display:none!important}.et_pb_section_video_bg embed,.et_pb_section_video_bg iframe,.et_pb_section_video_bg object,.et_pb_section_video_bg video{max-width:none}.et_pb_section_video_bg .mejs-video{left:50%;position:absolute;max-width:none}.et_pb_section_video_bg .mejs-overlay-loading{display:none!important}.et_pb_social_network_link .et_pb_section_video{overflow:visible}.et_pb_section_video_on_hover:hover>.et_pb_section_video_bg{display:none}.et_pb_section_video_on_hover:hover>.et_pb_section_video_bg_hover,.et_pb_section_video_on_hover:hover>.et_pb_section_video_bg_hover_inherit{display:block}@media (min-width:981px){.et_pb_section{padding:4% 0}body.et_pb_pagebuilder_layout.et_pb_show_title .post-password-required .et_pb_section,body:not(.et_pb_pagebuilder_layout) .post-password-required .et_pb_section{padding-top:0}.et_pb_fullwidth_section{padding:0}.et_pb_section_video_bg.et_pb_section_video_bg_desktop_only{display:block}}@media (max-width:980px){.et_pb_section{padding:50px 0}body.et_pb_pagebuilder_layout.et_pb_show_title .post-password-required .et_pb_section,body:not(.et_pb_pagebuilder_layout) .post-password-required .et_pb_section{padding-top:0}.et_pb_fullwidth_section{padding:0}.et_pb_section_video_bg.et_pb_section_video_bg_tablet{display:block}.et_pb_section_video_bg.et_pb_section_video_bg_desktop_only{display:none}}@media (min-width:768px){.et_pb_section_video_bg.et_pb_section_video_bg_desktop_tablet{display:block}}@media (min-width:768px) and (max-width:980px){.et_pb_section_video_bg.et_pb_section_video_bg_tablet_only{display:block}}@media (max-width:767px){.et_pb_section_video_bg.et_pb_section_video_bg_phone{display:block}.et_pb_section_video_bg.et_pb_section_video_bg_desktop_tablet{display:none}}
.et_pb_row{width:80%;max-width:1080px;margin:auto;position:relative}body.safari .section_has_divider,body.uiwebview .section_has_divider{-webkit-perspective:2000px;perspective:2000px}.section_has_divider .et_pb_row{z-index:5}.et_pb_row_inner{width:100%;position:relative}.et_pb_row.et_pb_row_empty,.et_pb_row_inner:nth-of-type(n+2).et_pb_row_empty{display:none}.et_pb_row:after,.et_pb_row_inner:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;width:0}.et_pb_row_4col .et-last-child,.et_pb_row_4col .et-last-child-2,.et_pb_row_6col .et-last-child,.et_pb_row_6col .et-last-child-2,.et_pb_row_6col .et-last-child-3{margin-bottom:0}.et_pb_column{float:left;background-size:cover;background-position:50%;position:relative;z-index:2;min-height:1px}.et_pb_column--with-menu{z-index:3}.et_pb_column.et_pb_column_empty{min-height:1px}.et_pb_row .et_pb_column.et-last-child,.et_pb_row .et_pb_column:last-child,.et_pb_row_inner .et_pb_column.et-last-child,.et_pb_row_inner .et_pb_column:last-child{margin-right:0!important}.et_pb_column.et_pb_section_parallax{position:relative}.et_pb_column,.et_pb_row,.et_pb_row_inner{background-size:cover;background-position:50%;background-repeat:no-repeat}@media (min-width:981px){.et_pb_row{padding:2% 0}body.et_pb_pagebuilder_layout.et_pb_show_title .post-password-required .et_pb_row,body:not(.et_pb_pagebuilder_layout) .post-password-required .et_pb_row{padding:0;width:100%}.et_pb_column_3_4 .et_pb_row_inner{padding:3.735% 0}.et_pb_column_2_3 .et_pb_row_inner{padding:4.2415% 0}.et_pb_column_1_2 .et_pb_row_inner,.et_pb_column_3_5 .et_pb_row_inner{padding:5.82% 0}.et_section_specialty>.et_pb_row{padding:0}.et_pb_row_inner{width:100%}.et_pb_column_single{padding:2.855% 0}.et_pb_column_single .et_pb_module.et-first-child,.et_pb_column_single .et_pb_module:first-child{margin-top:0}.et_pb_column_single .et_pb_module.et-last-child,.et_pb_column_single .et_pb_module:last-child{margin-bottom:0}.et_pb_row .et_pb_column.et-last-child,.et_pb_row .et_pb_column:last-child,.et_pb_row_inner .et_pb_column.et-last-child,.et_pb_row_inner .et_pb_column:last-child{margin-right:0!important}.et_pb_row.et_pb_equal_columns,.et_pb_row_inner.et_pb_equal_columns,.et_pb_section.et_pb_equal_columns>.et_pb_row{display:-webkit-box;display:-ms-flexbox;display:flex}.rtl .et_pb_row.et_pb_equal_columns,.rtl .et_pb_row_inner.et_pb_equal_columns,.rtl .et_pb_section.et_pb_equal_columns>.et_pb_row{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.et_pb_row.et_pb_equal_columns>.et_pb_column,.et_pb_section.et_pb_equal_columns>.et_pb_row>.et_pb_column{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media (max-width:980px){.et_pb_row{max-width:1080px}body.et_pb_pagebuilder_layout.et_pb_show_title .post-password-required .et_pb_row,body:not(.et_pb_pagebuilder_layout) .post-password-required .et_pb_row{padding:0;width:100%}.et_pb_column .et_pb_row_inner,.et_pb_row{padding:30px 0}.et_section_specialty>.et_pb_row{padding:0}.et_pb_column{width:100%;margin-bottom:30px}.et_pb_bottom_divider .et_pb_row:nth-last-child(2) .et_pb_column:last-child,.et_pb_row .et_pb_column.et-last-child,.et_pb_row .et_pb_column:last-child{margin-bottom:0}.et_section_specialty .et_pb_row>.et_pb_column{padding-bottom:0}.et_pb_column.et_pb_column_empty{display:none}.et_pb_row_1-2_1-4_1-4,.et_pb_row_1-2_1-6_1-6_1-6,.et_pb_row_1-4_1-4,.et_pb_row_1-4_1-4_1-2,.et_pb_row_1-5_1-5_3-5,.et_pb_row_1-6_1-6_1-6,.et_pb_row_1-6_1-6_1-6_1-2,.et_pb_row_1-6_1-6_1-6_1-6,.et_pb_row_3-5_1-5_1-5,.et_pb_row_4col,.et_pb_row_5col,.et_pb_row_6col{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4,.et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4,.et_pb_row_4col>.et_pb_column.et_pb_column_1_4{width:47.25%;margin-right:5.5%}.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4:nth-child(2n),.et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4:nth-child(2n),.et_pb_row_4col>.et_pb_column.et_pb_column_1_4:nth-child(2n){margin-right:0}.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4{width:47.25%;margin-right:5.5%}.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_2,.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4:nth-child(odd){margin-right:0}.et_pb_row_1-2_1-4_1-4 .et_pb_column:nth-last-child(-n+2),.et_pb_row_1-4_1-4 .et_pb_column:nth-last-child(-n+2),.et_pb_row_4col .et_pb_column:nth-last-child(-n+2){margin-bottom:0}.et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5,.et_pb_row_5col>.et_pb_column.et_pb_column_1_5{width:47.25%;margin-right:5.5%}.et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5:nth-child(2n),.et_pb_row_5col>.et_pb_column.et_pb_column_1_5:nth-child(2n){margin-right:0}.et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_1_5{width:47.25%;margin-right:5.5%}.et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_1_5:nth-child(odd),.et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_3_5{margin-right:0}.et_pb_row_3-5_1-5_1-5 .et_pb_column:nth-last-child(-n+2),.et_pb_row_5col .et_pb_column:last-child{margin-bottom:0}.et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6,.et_pb_row_6col>.et_pb_column.et_pb_column_1_6{width:29.666%;margin-right:5.5%}.et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6:nth-child(3n),.et_pb_row_6col>.et_pb_column.et_pb_column_1_6:nth-child(3n){margin-right:0}.et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6{width:29.666%;margin-right:5.5%}.et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_2,.et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6:last-child{margin-right:0}.et_pb_row_1-2_1-2 .et_pb_column.et_pb_column_1_2,.et_pb_row_1-2_1-6_1-6_1-6 .et_pb_column:nth-last-child(-n+3),.et_pb_row_6col .et_pb_column:nth-last-child(-n+3){margin-bottom:0}.et_pb_row_1-2_1-2 .et_pb_column.et_pb_column_1_2 .et_pb_column.et_pb_column_1_6{width:29.666%;margin-right:5.5%;margin-bottom:0}.et_pb_row_1-2_1-2 .et_pb_column.et_pb_column_1_2 .et_pb_column.et_pb_column_1_6:last-child{margin-right:0}.et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6{width:47.25%;margin-right:5.5%}.et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6:nth-child(2n){margin-right:0}.et_pb_row_1-6_1-6_1-6_1-6:nth-last-child(-n+3){margin-bottom:0}}@media (max-width:479px){.et_pb_row .et_pb_column.et_pb_column_1_4,.et_pb_row .et_pb_column.et_pb_column_1_5,.et_pb_row .et_pb_column.et_pb_column_1_6{width:100%;margin:0 0 30px}.et_pb_row .et_pb_column.et_pb_column_1_4.et-last-child,.et_pb_row .et_pb_column.et_pb_column_1_4:last-child,.et_pb_row .et_pb_column.et_pb_column_1_5.et-last-child,.et_pb_row .et_pb_column.et_pb_column_1_5:last-child,.et_pb_row .et_pb_column.et_pb_column_1_6.et-last-child,.et_pb_row .et_pb_column.et_pb_column_1_6:last-child{margin-bottom:0}.et_pb_row_1-2_1-2 .et_pb_column.et_pb_column_1_2 .et_pb_column.et_pb_column_1_6{width:100%;margin:0 0 30px}.et_pb_row_1-2_1-2 .et_pb_column.et_pb_column_1_2 .et_pb_column.et_pb_column_1_6.et-last-child,.et_pb_row_1-2_1-2 .et_pb_column.et_pb_column_1_2 .et_pb_column.et_pb_column_1_6:last-child{margin-bottom:0}.et_pb_column{width:100%!important}}
.et_pb_code_inner{position:relative}
/*# sourceURL=divi-dynamic-critical-inline-css */
</style>
<link rel='preload' id='divi-dynamic-late-css' href='https://www.wilou-informatique.fr/wp-content/et-cache/90727/et-divi-dynamic-tb-97861-tb-99537-90727-late.css?ver=1787789869' as='style' media='all' onload="this.onload=null;this.rel='stylesheet'" />
<link rel='stylesheet' id='divi-carousel-styles-css' href='https://www.wilou-informatique.fr/wp-content/plugins/dg-carousel/styles/style.min.css?ver=2.0.26' media='all' />
<link rel='stylesheet' id='revslider-divi-styles-css' href='https://www.wilou-informatique.fr/wp-content/plugins/revslider/admin/includes/shortcode_generator/divi/styles/style.min.css?ver=1.0.0' media='all' />
<link rel='stylesheet' id='child-style-css' href='https://www.wilou-informatique.fr/wp-content/themes/hdt-divi-digital-agency/style.css?ver=4.27.8' media='all' />
<link rel='stylesheet' id='divi-style-css' href='https://www.wilou-informatique.fr/wp-content/themes/hdt-divi-digital-agency/style.css?ver=4.27.8' media='all' />
<script async data-wp-strategy="async" id="monsterinsights-frontend-script-js" src="https://www.wilou-informatique.fr/wp-content/plugins/google-analytics-for-wordpress/assets/js/frontend-gtag.min.js?ver=11.1.3"></script>
<script data-cfasync="false" data-wpfc-render="false" type="text/javascript" id='monsterinsights-frontend-script-js-extra'>/* <![CDATA[ */
var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"doc,pdf,ppt,zip,xls,docx,pptx,xlsx","inbound_paths":"[{\"path\":\"\\\/go\\\/\",\"label\":\"affiliate\"},{\"path\":\"\\\/recommend\\\/\",\"label\":\"affiliate\"}]","home_url":"https:\/\/www.wilou-informatique.fr","hash_tracking":"false","v4_id":"G-MSYHDV6511"};/* ]]> */
</script>
<script id="jquery-core-js" src="https://www.wilou-informatique.fr/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://www.wilou-informatique.fr/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<script async data-wp-strategy="async" id="tp-tools-js" src="//www.wilou-informatique.fr/wp-content/plugins/revslider/public/js/libs/tptools.js?ver=6.7.54"></script>
<script async data-wp-strategy="async" id="sr7-js" src="//www.wilou-informatique.fr/wp-content/plugins/revslider/public/js/sr7.js?ver=6.7.54"></script>
<link rel="https://api.w.org/" href="https://www.wilou-informatique.fr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.wilou-informatique.fr/wp-json/wp/v2/pages/90727" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.wilou-informatique.fr/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.0.4" />
<link rel='shortlink' href='https://www.wilou-informatique.fr/' />
<meta name="ti-site-data" content="eyJyIjoiMTowITc6MCEzMDowIiwibyI6Imh0dHBzOlwvXC93d3cud2lsb3UtaW5mb3JtYXRpcXVlLmZyP3RpLW9ubGluZS11c2Vycy1nb29nbGU9MSZhbXA7cD0lMkYmYW1wO193cG5vbmNlPTJhNmM2ZjJmNDAifQ==" /><style type='text/css'>
            :root {
                --color-1: #ee212b;
                --color-2: #082c4b;
            }
        </style><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<meta name="generator" content="Powered by Slider Revolution 6.7.54 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." />
<!-- Fix viewport accessibility -->
<script>
(function() {
  function fixViewport() {
    var meta = document.querySelector('meta[name="viewport"]');

    if (meta) {
      meta.setAttribute(
        'content',
        'width=device-width, initial-scale=1'
      );
    } else {
      meta = document.createElement('meta');
      meta.name = 'viewport';
      meta.content = 'width=device-width, initial-scale=1';
      document.head.appendChild(meta);
    }
  }

  fixViewport();
  document.addEventListener('DOMContentLoaded', fixViewport);
  window.addEventListener('load', fixViewport);
})();
</script>

<!-- Anti FOUC -->
<script>
  document.documentElement.classList.add('has-fouc-fix');
  document.documentElement.classList.add('fouc-hide');

  (document.fonts ? document.fonts.ready : Promise.resolve()).then(function () {
    document.documentElement.classList.remove('fouc-hide');
    document.documentElement.classList.add('fouc-show');
  });

  window.addEventListener('load', function () {
    document.documentElement.classList.remove('fouc-hide');
    document.documentElement.classList.add('fouc-show');
  });
</script>

<style>
/* Masque la page pendant chargement */
html.fouc-hide body {
  opacity: 0 !important;
  visibility: hidden !important;
}

html.fouc-show body {
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity .2s ease !important;
}

/* Anti flash menu brut */
#top-menu,
.et-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

#top-menu li,
.et-menu li {
  margin: 0;
  padding: 0;
}

#top-menu a,
.et-menu a {
  text-decoration: none;
  display: block;
}

.et_mobile_menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
</style><link rel="icon" href="https://www.wilou-informatique.fr/wp-content/uploads/2025/10/cropped-informatique-landerneau-wilou-informatique-1-32x32.webp" sizes="32x32" />
<link rel="icon" href="https://www.wilou-informatique.fr/wp-content/uploads/2025/10/cropped-informatique-landerneau-wilou-informatique-1-192x192.webp" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.wilou-informatique.fr/wp-content/uploads/2025/10/cropped-informatique-landerneau-wilou-informatique-1-180x180.webp" />
<meta name="msapplication-TileImage" content="https://www.wilou-informatique.fr/wp-content/uploads/2025/10/cropped-informatique-landerneau-wilou-informatique-1-270x270.webp" />
<script>
	window._tpt			??= {};
	window.SR7			??= {};
	_tpt.R				??= {};
	_tpt.R.fonts		??= {};
	_tpt.R.fonts.customFonts??= {};
	SR7.devMode			=  false;
	SR7.F 				??= {};
	SR7.G				??= {};
	SR7.LIB				??= {};
	SR7.E				??= {};
	SR7.E.gAddons		??= {};
	SR7.E.php 			??= {};
	SR7.E.nonce			= '8d29367d0d';
	SR7.E.ajaxurl		= 'https://www.wilou-informatique.fr/wp-admin/admin-ajax.php';
	SR7.E.resturl		= 'https://www.wilou-informatique.fr/wp-json/';
	SR7.E.slug_path		= 'revslider/revslider.php';
	SR7.E.slug			= 'revslider';
	SR7.E.plugin_url	= 'https://www.wilou-informatique.fr/wp-content/plugins/revslider/';
	SR7.E.wp_plugin_url = 'https://www.wilou-informatique.fr/wp-content/plugins/';
	SR7.E.revision		= '6.7.54';
	SR7.E.fontBaseUrl	= '//fonts.googleapis.com/css2?family=';
	SR7.G.breakPoints 	= [1240,1024,778,480];
	SR7.G.fSUVW 		= false;
	SR7.E.modules 		= ['module','page','slide','layer','draw','animate','srtools','canvas','defaults','carousel','navigation','media','modifiers','migration'];
	SR7.E.libs 			= ['WEBGL'];
	SR7.E.css 			= ['csslp','cssbtns','cssfilters','cssnav','cssmedia'];
	SR7.E.resources		= {};
	SR7.E.ytnc			= false;
	SR7.JSON			??= {};
/*! Slider Revolution 7.0 - Page Processor */
!function(){"use strict";window.SR7??={},window._tpt??={},SR7.version="Slider Revolution 6.7.40",_tpt.getMobileZoom=()=>_tpt.is_mobile?document.documentElement.clientWidth/window.innerWidth:1,_tpt.getWinDim=function(t){_tpt.screenHeightWithUrlBar??=window.innerHeight;let e=SR7.F?.modal?.visible&&SR7.M[SR7.F.module.getIdByAlias(SR7.F.modal.requested)];_tpt.scrollBar=window.innerWidth!==document.documentElement.clientWidth||e&&window.innerWidth!==e.c.module.clientWidth,_tpt.winW=_tpt.getMobileZoom()*window.innerWidth-(_tpt.scrollBar||"prepare"==t?_tpt.scrollBarW??_tpt.mesureScrollBar():0),_tpt.winH=_tpt.getMobileZoom()*window.innerHeight,_tpt.winWAll=document.documentElement.clientWidth},_tpt.getResponsiveLevel=function(t,e){return SR7.G.fSUVW?_tpt.closestGE(t,window.innerWidth):_tpt.closestGE(t,_tpt.winWAll)},_tpt.mesureScrollBar=function(){let t=document.createElement("div");return t.className="RSscrollbar-measure",t.style.width="100px",t.style.height="100px",t.style.overflow="scroll",t.style.position="absolute",t.style.top="-9999px",document.body.appendChild(t),_tpt.scrollBarW=t.offsetWidth-t.clientWidth,document.body.removeChild(t),_tpt.scrollBarW},_tpt.loadCSS=async function(t,e,s){return s?_tpt.R.fonts.required[e].status=1:(_tpt.R[e]??={},_tpt.R[e].status=1),new Promise((i,n)=>{if(_tpt.isStylesheetLoaded(t))s?_tpt.R.fonts.required[e].status=2:_tpt.R[e].status=2,i();else{const o=document.createElement("link");o.rel="stylesheet";let l="text",r="css";o["type"]=l+"/"+r,o.href=t,o.onload=()=>{s?_tpt.R.fonts.required[e].status=2:_tpt.R[e].status=2,i()},o.onerror=()=>{s?_tpt.R.fonts.required[e].status=3:_tpt.R[e].status=3,n(new Error(`Failed to load CSS: ${t}`))},document.head.appendChild(o)}})},_tpt.addContainer=function(t){const{tag:e="div",id:s,class:i,datas:n,textContent:o,iHTML:l}=t,r=document.createElement(e);if(s&&""!==s&&(r.id=s),i&&""!==i&&(r.className=i),n)for(const[t,e]of Object.entries(n))"style"==t?r.style.cssText=e:r.setAttribute(`data-${t}`,e);return o&&(r.textContent=o),l&&(r.innerHTML=l),r},_tpt.collector=function(){return{fragment:new DocumentFragment,add(t){var e=_tpt.addContainer(t);return this.fragment.appendChild(e),e},append(t){t.appendChild(this.fragment)}}},_tpt.isStylesheetLoaded=function(t){let e=t.split("?")[0];return Array.from(document.querySelectorAll('link[rel="stylesheet"], link[rel="preload"]')).some(t=>t.href.split("?")[0]===e)},_tpt.preloader={requests:new Map,preloaderTemplates:new Map,show:function(t,e){if(!e||!t)return;const{type:s,color:i}=e;if(s<0||"off"==s)return;const n=`preloader_${s}`;let o=this.preloaderTemplates.get(n);o||(o=this.build(s,i),this.preloaderTemplates.set(n,o)),this.requests.has(t)||this.requests.set(t,{count:0});const l=this.requests.get(t);clearTimeout(l.timer),l.count++,1===l.count&&(l.timer=setTimeout(()=>{l.preloaderClone=o.cloneNode(!0),l.anim&&l.anim.kill(),void 0!==_tpt.gsap?l.anim=_tpt.gsap.fromTo(l.preloaderClone,1,{opacity:0},{opacity:1}):l.preloaderClone.classList.add("sr7-fade-in"),t.appendChild(l.preloaderClone)},150))},hide:function(t){if(!this.requests.has(t))return;const e=this.requests.get(t);e.count--,e.count<0&&(e.count=0),e.anim&&e.anim.kill(),0===e.count&&(clearTimeout(e.timer),e.preloaderClone&&(e.preloaderClone.classList.remove("sr7-fade-in"),e.anim=_tpt.gsap.to(e.preloaderClone,.3,{opacity:0,onComplete:function(){e.preloaderClone.remove()}})))},state:function(t){if(!this.requests.has(t))return!1;return this.requests.get(t).count>0},build:(t,e="#ffffff",s="")=>{if(t<0||"off"===t)return null;const i=parseInt(t);if(t="prlt"+i,isNaN(i))return null;if(_tpt.loadCSS(SR7.E.plugin_url+"public/css/preloaders/t"+i+".css","preloader_"+t),isNaN(i)||i<6){const n=`background-color:${e}`,o=1===i||2==i?n:"",l=3===i||4==i?n:"",r=_tpt.collector();["dot1","dot2","bounce1","bounce2","bounce3"].forEach(t=>r.add({tag:"div",class:t,datas:{style:l}}));const d=_tpt.addContainer({tag:"sr7-prl",class:`${t} ${s}`,datas:{style:o}});return r.append(d),d}{let n={};if(7===i){let t;e.startsWith("#")?(t=e.replace("#",""),t=`rgba(${parseInt(t.substring(0,2),16)}, ${parseInt(t.substring(2,4),16)}, ${parseInt(t.substring(4,6),16)}, `):e.startsWith("rgb")&&(t=e.slice(e.indexOf("(")+1,e.lastIndexOf(")")).split(",").map(t=>t.trim()),t=`rgba(${t[0]}, ${t[1]}, ${t[2]}, `),t&&(n.style=`border-top-color: ${t}0.65); border-bottom-color: ${t}0.15); border-left-color: ${t}0.65); border-right-color: ${t}0.15)`)}else 12===i&&(n.style=`background:${e}`);const o=[10,0,4,2,5,9,0,4,4,2][i-6],l=_tpt.collector(),r=l.add({tag:"div",class:"sr7-prl-inner",datas:n});Array.from({length:o}).forEach(()=>r.appendChild(l.add({tag:"span",datas:{style:`background:${e}`}})));const d=_tpt.addContainer({tag:"sr7-prl",class:`${t} ${s}`});return l.append(d),d}}},SR7.preLoader={show:(t,e)=>{"off"!==(SR7.M[t]?.settings?.pLoader?.type??"off")&&_tpt.preloader.show(e||SR7.M[t].c.module,SR7.M[t]?.settings?.pLoader??{color:"#fff",type:10})},hide:(t,e)=>{"off"!==(SR7.M[t]?.settings?.pLoader?.type??"off")&&_tpt.preloader.hide(e||SR7.M[t].c.module)},state:(t,e)=>_tpt.preloader.state(e||SR7.M[t].c.module)},_tpt.prepareModuleHeight=function(t){window.SR7.M??={},window.SR7.M[t.id]??={},"ignore"==t.googleFont&&(SR7.E.ignoreGoogleFont=!0);let e=window.SR7.M[t.id];if(null==_tpt.scrollBarW&&_tpt.mesureScrollBar(),e.c??={},e.states??={},e.settings??={},e.settings.size??={},t.fixed&&(e.settings.fixed=!0),e.c.module=document.querySelector("sr7-module#"+t.id),e.c.adjuster=e.c.module.getElementsByTagName("sr7-adjuster")[0],e.c.content=e.c.module.getElementsByTagName("sr7-content")[0],"carousel"==t.type&&(e.c.carousel=e.c.content.getElementsByTagName("sr7-carousel")[0]),null==e.c.module||null==e.c.module)return;t.plType&&t.plColor&&(e.settings.pLoader={type:t.plType,color:t.plColor}),void 0===t.plType||"off"===t.plType||SR7.preLoader.state(t.id)&&SR7.preLoader.state(t.id,e.c.module)||SR7.preLoader.show(t.id,e.c.module),_tpt.winW||_tpt.getWinDim("prepare"),_tpt.getWinDim();let s=""+e.c.module.dataset?.modal;"modal"==s||"true"==s||"undefined"!==s&&"false"!==s||(e.settings.size.fullWidth=t.size.fullWidth,e.LEV??=_tpt.getResponsiveLevel(window.SR7.G.breakPoints,t.id),t.vpt=_tpt.fillArray(t.vpt,5),e.settings.vPort=t.vpt[e.LEV],void 0!==t.el&&"720"==t.el[4]&&t.gh[4]!==t.el[4]&&"960"==t.el[3]&&t.gh[3]!==t.el[3]&&"768"==t.el[2]&&t.gh[2]!==t.el[2]&&delete t.el,e.settings.size.height=null==t.el||null==t.el[e.LEV]||0==t.el[e.LEV]||"auto"==t.el[e.LEV]?_tpt.fillArray(t.gh,5,-1):_tpt.fillArray(t.el,5,-1),e.settings.size.width=_tpt.fillArray(t.gw,5,-1),e.settings.size.minHeight=_tpt.fillArray(t.mh??[0],5,-1),e.cacheSize={fullWidth:e.settings.size?.fullWidth,fullHeight:e.settings.size?.fullHeight},void 0!==t.off&&(t.off?.t&&(e.settings.size.m??={})&&(e.settings.size.m.t=t.off.t),t.off?.b&&(e.settings.size.m??={})&&(e.settings.size.m.b=t.off.b),t.off?.l&&(e.settings.size.p??={})&&(e.settings.size.p.l=t.off.l),t.off?.r&&(e.settings.size.p??={})&&(e.settings.size.p.r=t.off.r),e.offsetPrepared=!0),_tpt.updatePMHeight(t.id,t,!0))},_tpt.updatePMHeight=(t,e,s)=>{let i=SR7.M[t];var n=i.settings.size.fullWidth?_tpt.winW:i.c.module.parentNode.offsetWidth;n=0===n||isNaN(n)?_tpt.winW:n;let o=i.settings.size.width[i.LEV]||i.settings.size.width[i.LEV++]||i.settings.size.width[i.LEV--]||n,l=i.settings.size.height[i.LEV]||i.settings.size.height[i.LEV++]||i.settings.size.height[i.LEV--]||0,r=i.settings.size.minHeight[i.LEV]||i.settings.size.minHeight[i.LEV++]||i.settings.size.minHeight[i.LEV--]||0;if(l="auto"==l?0:l,l=parseInt(l),"carousel"!==e.type&&(n-=parseInt(e.onw??0)||0),i.MP=!i.settings.size.fullWidth&&n<o||_tpt.winW<o?Math.min(1,n/o):1,e.size.fullScreen||e.size.fullHeight){let t=parseInt(e.fho)||0,s=(""+e.fho).indexOf("%")>-1;e.newh=_tpt.winH-(s?_tpt.winH*t/100:t)}else e.newh=i.MP*Math.max(l,r);if(e.newh+=(parseInt(e.onh??0)||0)+(parseInt(e.carousel?.pt)||0)+(parseInt(e.carousel?.pb)||0),void 0!==e.slideduration&&(e.newh=Math.max(e.newh,parseInt(e.slideduration)/3)),e.shdw&&_tpt.buildShadow(e.id,e),i.c.adjuster.style.height=e.newh+"px",i.c.module.style.height=e.newh+"px",i.c.content.style.height=e.newh+"px",i.states.heightPrepared=!0,i.dims??={},i.dims.moduleRect=i.c.module.getBoundingClientRect(),i.c.content.style.left="-"+i.dims.moduleRect.left+"px",!i.settings.size.fullWidth)return s&&requestAnimationFrame(()=>{n!==i.c.module.parentNode.offsetWidth&&_tpt.updatePMHeight(e.id,e)}),void _tpt.bgStyle(e.id,e,window.innerWidth==_tpt.winW,!0);_tpt.bgStyle(e.id,e,window.innerWidth==_tpt.winW,!0),requestAnimationFrame(function(){s&&requestAnimationFrame(()=>{n!==i.c.module.parentNode.offsetWidth&&_tpt.updatePMHeight(e.id,e)})}),i.earlyResizerFunction||(i.earlyResizerFunction=function(){requestAnimationFrame(function(){_tpt.getWinDim(),_tpt.moduleDefaults(e.id,e),_tpt.updateSlideBg(t,!0)})},window.addEventListener("resize",i.earlyResizerFunction))},_tpt.buildShadow=function(t,e){let s=SR7.M[t];null==s.c.shadow&&(s.c.shadow=document.createElement("sr7-module-shadow"),s.c.shadow.classList.add("sr7-shdw-"+e.shdw),s.c.content.appendChild(s.c.shadow))},_tpt.bgStyle=async(t,e,s,i,n)=>{const o=SR7.M[t];if((e=e??o.settings).fixed&&!o.c.module.classList.contains("sr7-top-fixed")&&(o.c.module.classList.add("sr7-top-fixed"),o.c.module.style.position="fixed",o.c.module.style.width="100%",o.c.module.style.top="0px",o.c.module.style.left="0px",o.c.module.style.pointerEvents="none",o.c.module.style.zIndex=5e3,o.c.content.style.pointerEvents="none"),null==o.c.bgcanvas){let t=document.createElement("sr7-module-bg"),l=!1;if("string"==typeof e?.bg?.color&&e?.bg?.color.includes("{"))if(_tpt.gradient&&_tpt.gsap)e.bg.color=_tpt.gradient.convert(e.bg.color);else try{let t=JSON.parse(e.bg.color);(t?.orig||t?.string)&&(e.bg.color=JSON.parse(e.bg.color))}catch(t){return}let r="string"==typeof e?.bg?.color?e?.bg?.color||"transparent":e?.bg?.color?.string??e?.bg?.color?.orig??e?.bg?.color?.color??"transparent";if(t.style["background"+(String(r).includes("grad")?"":"Color")]=r,("transparent"!==r||n)&&(l=!0),o.offsetPrepared&&(t.style.visibility="hidden"),e?.bg?.image?.src&&(t.style.backgroundImage=`url(${e?.bg?.image.src})`,t.style.backgroundSize=""==(e.bg.image?.size??"")?"cover":e.bg.image.size,t.style.backgroundPosition=e.bg.image.position,t.style.backgroundRepeat=""==e.bg.image.repeat||null==e.bg.image.repeat?"no-repeat":e.bg.image.repeat,l=!0),!l)return;o.c.bgcanvas=t,e.size.fullWidth?t.style.width=_tpt.winW-(s&&_tpt.winH<document.body.offsetHeight?_tpt.scrollBarW:0)+"px":i&&(t.style.width=o.c.module.offsetWidth+"px"),e.sbt?.use?o.c.content.appendChild(o.c.bgcanvas):o.c.module.appendChild(o.c.bgcanvas)}o.c.bgcanvas.style.height=void 0!==e.newh?e.newh+"px":("carousel"==e.type?o.dims.module.h:o.dims.content.h)+"px",o.c.bgcanvas.style.left=!s&&e.sbt?.use||o.c.bgcanvas.closest("SR7-CONTENT")?"0px":"-"+(o?.dims?.moduleRect?.left??0)+"px"},_tpt.updateSlideBg=function(t,e){const s=SR7.M[t];let i=s.settings;s?.c?.bgcanvas&&(i.size.fullWidth?s.c.bgcanvas.style.width=_tpt.winW-(e&&_tpt.winH<document.body.offsetHeight?_tpt.scrollBarW:0)+"px":preparing&&(s.c.bgcanvas.style.width=s.c.module.offsetWidth+"px"))},_tpt.moduleDefaults=(t,e)=>{let s=SR7.M[t];null!=s&&null!=s.c&&null!=s.c.module&&(s.dims??={},s.dims.moduleRect=s.c.module.getBoundingClientRect(),s.c.content.style.left="-"+s.dims.moduleRect.left+"px",s.c.content.style.width=_tpt.winW-_tpt.scrollBarW+"px","carousel"==e.type&&(s.c.module.style.overflow="visible"),_tpt.bgStyle(t,e,window.innerWidth==_tpt.winW))},_tpt.getOffset=t=>{var e=t.getBoundingClientRect(),s=window.pageXOffset||document.documentElement.scrollLeft,i=window.pageYOffset||document.documentElement.scrollTop;return{top:e.top+i,left:e.left+s}},_tpt.fillArray=function(t,e){let s,i;t=Array.isArray(t)?t:[t];let n=Array(e),o=t.length;for(i=0;i<t.length;i++)n[i+(e-o)]=t[i],null==s&&"#"!==t[i]&&(s=t[i]);for(let t=0;t<e;t++)void 0!==n[t]&&"#"!=n[t]||(n[t]=s),s=n[t];return n},_tpt.closestGE=function(t,e){let s=Number.MAX_VALUE,i=-1;for(let n=0;n<t.length;n++)t[n]-1>=e&&t[n]-1-e<s&&(s=t[n]-1-e,i=n);return++i}}();</script>
<style id="et-divi-customizer-global-cached-inline-styles">body,.et_pb_column_1_2 .et_quote_content blockquote cite,.et_pb_column_1_2 .et_link_content a.et_link_main_url,.et_pb_column_1_3 .et_quote_content blockquote cite,.et_pb_column_3_8 .et_quote_content blockquote cite,.et_pb_column_1_4 .et_quote_content blockquote cite,.et_pb_blog_grid .et_quote_content blockquote cite,.et_pb_column_1_3 .et_link_content a.et_link_main_url,.et_pb_column_3_8 .et_link_content a.et_link_main_url,.et_pb_column_1_4 .et_link_content a.et_link_main_url,.et_pb_blog_grid .et_link_content a.et_link_main_url,body .et_pb_bg_layout_light .et_pb_post p,body .et_pb_bg_layout_dark .et_pb_post p{font-size:14px}.et_pb_slide_content,.et_pb_best_value{font-size:15px}body,.et_pb_column_1_2 .et_quote_content blockquote cite,.et_pb_column_1_2 .et_link_content a.et_link_main_url,.et_pb_column_1_3 .et_quote_content blockquote cite,.et_pb_column_3_8 .et_quote_content blockquote cite,.et_pb_column_1_4 .et_quote_content blockquote cite,.et_pb_blog_grid .et_quote_content blockquote cite,.et_pb_column_1_3 .et_link_content a.et_link_main_url,.et_pb_column_3_8 .et_link_content a.et_link_main_url,.et_pb_column_1_4 .et_link_content a.et_link_main_url,.et_pb_blog_grid .et_link_content a.et_link_main_url,body .et_pb_bg_layout_light .et_pb_post p,body .et_pb_bg_layout_dark .et_pb_post p{font-weight:400}.et_pb_slide_content,.et_pb_best_value{font-weight:400}a{color:#1fbbb4}@media only screen and (min-width:1350px){.et_pb_row{padding:27px 0}.et_pb_section{padding:54px 0}.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper{padding-top:81px}.et_pb_fullwidth_section{padding:0}}h1,h1.et_pb_contact_main_title,.et_pb_title_container h1{font-weight:700}h2,.product .related h2,.et_pb_column_1_2 .et_quote_content blockquote p{font-weight:700}h3{font-weight:700}h4,.et_pb_circle_counter h3,.et_pb_number_counter h3,.et_pb_column_1_3 .et_pb_post h2,.et_pb_column_1_4 .et_pb_post h2,.et_pb_blog_grid h2,.et_pb_column_1_3 .et_quote_content blockquote p,.et_pb_column_3_8 .et_quote_content blockquote p,.et_pb_column_1_4 .et_quote_content blockquote p,.et_pb_blog_grid .et_quote_content blockquote p,.et_pb_column_1_3 .et_link_content h2,.et_pb_column_3_8 .et_link_content h2,.et_pb_column_1_4 .et_link_content h2,.et_pb_blog_grid .et_link_content h2,.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_3_8 .et_audio_content h2,.et_pb_column_1_4 .et_audio_content h2,.et_pb_blog_grid .et_audio_content h2,.et_pb_column_3_8 .et_pb_audio_module_content h2,.et_pb_column_1_3 .et_pb_audio_module_content h2,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2{font-weight:700}h5{font-weight:700}h6{font-weight:700}.et_pb_slide_description .et_pb_slide_title{font-weight:700}.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2,.et_pb_column_1_4 .et_pb_audio_module_content h2{font-weight:700}	h1,h2,h3,h4,h5,h6{font-family:'Poppins',Helvetica,Arial,Lucida,sans-serif}body,input,textarea,select{font-family:'Montserrat',Helvetica,Arial,Lucida,sans-serif}@keyframes floatHorizontal{0%{transform:translateX(0)}50%{transform:translateX(10px)}100%{transform:translateX(0)}}.image-depannage img{width:100%;height:auto;display:block;border-radius:8px;animation:floatHorizontal 2s ease-in-out infinite}.glow-on-hover{width:220px;height:50px;border:none;outline:none;font-family:Orbitron;text-transform:uppercase;font-size:20px;color:#fff;background:#FB1D26;cursor:pointer;font-family:orbitron;position:relative;z-index:0;border-radius:10px}span.assisBout{color:red;border:1px solid;padding:5px 10px}.glow-on-hover:before{content:'';background:linear-gradient(45deg,#ffffff,#ffffff,#ffffff,#ffffff,#ffffff,#ffffff,#FB1D26,#FB1D26,#FB1D26);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(2px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:1;transition:opacity .3s ease-in-out;border-radius:10px}.glow-on-hover:active{color:#000}.glow-on-hover:active:after{background:transparent}.glow-on-hover:hover:before{opacity:0}.glow-on-hover:after{z-index:-1;content:'';position:absolute;width:100%;height:100%;background:#FB1D26;left:0;top:0;border-radius:10px}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}100%{background-position:0 0}}.glowon-hover{width:220px;height:220px;border:none;outline:none;color:#fff;background:transparent;font-family:Orbitron;text-transform:uppercase;font-size:20px;cursor:pointer;position:relative;z-index:0;border-radius:10px}.glowon-hover:before{content:'';background:linear-gradient(45deg,#ffffff,#ffffff,#ffffff,#ffffff,#ffffff,#ffffff,#FB1D26,#FB1D26,#FB1D26);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(2px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:1;border-radius:150px}.glowon-hover:after{content:'';position:absolute;width:100%;height:100%;background:#FB1D26;left:0;top:0;border-radius:150px}.formcontact{color:white}.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form input[type="tel"],.wpcf7-form input[type="submit"],.wpcf7-form textarea{width:100%;padding:12px;margin-bottom:20px;border:2px solid rgba(255,255,255,0.5);border-radius:8px;font-size:18px;color:#fff;background:transparent}.wpcf7-form input::placeholder,.wpcf7-form textarea::placeholder{color:rgba(255,255,255,0.7)}.wpcf7-form input[type="submit"]{width:3cm;background-color:#FB1D26;color:#fff;border:2px solid #FB1D26;cursor:pointer}.wpcf7-form input[type="submit"]:hover{background-color:#FB1D26;border-color:#FB1D26}.wpcf7-form label{display:none!important}.wpcf7-form .wpcf7-acceptance{display:block;margin:20px 0;color:#fff;font-size:15px}.wpcf7-form .wpcf7-acceptance label{display:inline!important}.wpcf7-form .wpcf7-acceptance input{width:auto!important;margin-right:10px}.form-row{display:flex;gap:20px}.form-group{flex:1}@media (max-width:768px){.form-row{flex-direction:column}}.wpcf7-form .wpcf7-acceptance{margin-top:-10px!important;margin-bottom:10px!important}.wpcf7-form textarea{margin-bottom:10px!important}.wpcf7-form .wpcf7-acceptance label{display:flex!important;align-items:center;gap:10px}.wpcf7-form .wpcf7-acceptance input[type="checkbox"]{margin:0!important}.fa-phone{margin-right:8px}@keyframes floatHorizontal{0%{transform:translateX(0)}50%{transform:translateX(10px)}100%{transform:translateX(0)}}.image-depannage img{width:100%;height:auto;display:block;border-radius:8px;animation:floatHorizontal 2s ease-in-out infinite}.glow-on-hover{width:220px;height:50px;border:none;outline:none;font-family:Orbitron;text-transform:uppercase;font-size:20px;color:#fff;background:#FB1D26;cursor:pointer;font-family:orbitron;position:relative;z-index:0;border-radius:10px}span.assisBout{color:red;border:1px solid;padding:5px 10px}.glow-on-hover:before{content:'';background:linear-gradient(45deg,#ffffff,#ffffff,#ffffff,#ffffff,#ffffff,#ffffff,#FB1D26,#FB1D26,#FB1D26);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(2px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:1;transition:opacity .3s ease-in-out;border-radius:10px}.glow-on-hover:active{color:#000}.glow-on-hover:active:after{background:transparent}.glow-on-hover:hover:before{opacity:0}.glow-on-hover:after{z-index:-1;content:'';position:absolute;width:100%;height:100%;background:#FB1D26;left:0;top:0;border-radius:10px}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}100%{background-position:0 0}}.glowon-hover{width:220px;height:220px;border:none;outline:none;color:#fff;background:transparent;font-family:Orbitron;text-transform:uppercase;font-size:20px;cursor:pointer;position:relative;z-index:0;border-radius:10px}.glowon-hover:before{content:'';background:linear-gradient(45deg,#ffffff,#ffffff,#ffffff,#ffffff,#ffffff,#ffffff,#FB1D26,#FB1D26,#FB1D26);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(2px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:1;border-radius:150px}.glowon-hover:after{content:'';position:absolute;width:100%;height:100%;background:#FB1D26;left:0;top:0;border-radius:150px}.formcontact{color:white}.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form input[type="tel"],.wpcf7-form input[type="submit"],.wpcf7-form textarea{width:100%;padding:12px;margin-bottom:20px;border:2px solid rgba(255,255,255,0.5);border-radius:8px;font-size:18px;color:#fff;background:transparent}.wpcf7-form input::placeholder,.wpcf7-form textarea::placeholder{color:rgba(255,255,255,0.7)}.wpcf7-form input[type="submit"]{width:3cm;background-color:#FB1D26;color:#fff;border:2px solid #FB1D26;cursor:pointer}.wpcf7-form input[type="submit"]:hover{background-color:#FB1D26;border-color:#FB1D26}.wpcf7-form label{display:none!important}.wpcf7-form .wpcf7-acceptance{display:block;margin:20px 0;color:#fff;font-size:15px}.wpcf7-form .wpcf7-acceptance label{display:inline!important}.wpcf7-form .wpcf7-acceptance input{width:auto!important;margin-right:10px}.form-row{display:flex;gap:20px}.form-group{flex:1}@media (max-width:768px){.form-row{flex-direction:column}}.wpcf7-form .wpcf7-acceptance{margin-top:-10px!important;margin-bottom:10px!important}.wpcf7-form textarea{margin-bottom:10px!important}.wpcf7-form .wpcf7-acceptance label{display:flex!important;align-items:center;gap:10px}.wpcf7-form .wpcf7-acceptance input[type="checkbox"]{margin:0!important}.fa-phone{margin-right:8px}</style><meta name="generator" content="WP Rocket 3.21.1" data-wpr-features="wpr_image_dimensions wpr_preload_links wpr_host_fonts_locally wpr_desktop" /></head>
<body class="home wp-singular page-template-default page page-id-90727 wp-custom-logo wp-theme-Divi wp-child-theme-hdt-divi-digital-agency et-tb-has-template et-tb-has-header et-tb-has-footer et_pb_button_helper_class et_cover_background et_pb_gutter et_pb_gutters3 et_pb_pagebuilder_layout et_no_sidebar et_divi_theme et-db">
	<div data-rocket-location-hash="775329b08c0e284f257a34d6fe14bc45" id="page-container">
<div data-rocket-location-hash="551e81ab591dddf54ca9a5b9d4e36f2d" id="et-boc" class="et-boc">
			
		<header data-rocket-location-hash="e6ba0062023f23c616be51f0c64c6c37" class="et-l et-l--header">
			<div class="et_builder_inner_content et_pb_gutters3"><div class="et_pb_section et_pb_section_0_tb_header et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0_tb_header">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0_tb_header  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_0_tb_header">
				
				
				
				
				<div class="et_pb_code_inner"><!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>Wilou-Informatique — Header</title>

<!--
  ════════════════════════════════════════════════════════════════
  WILOU-INFORMATIQUE — HEADER PREMIUM  ·  v11.2 "anti-sursaut"
  ════════════════════════════════════════════════════════════════
  v11.2 : bande blanche sous le header corrigée.
  ▸ La section Divi qui contenait le code gardait ses paddings
    par défaut (~50px) et son fond blanc même après déplacement
    du header → un reliquat blanc apparaissait sous le header en
    scrollant. La section est maintenant totalement aplatie
    (en CSS ET en JS, où que le code soit collé dans Divi).

  v11.1 : correction des sursauts / à-coups visuels.
  ▸ Hystérésis au scroll : le header ne bascule plus en boucle
    entre grand et compact quand on est pile au seuil (c'était la
    cause principale des tressautements en scrollant doucement,
    surtout sur mobile avec la barre d'adresse qui bouge).
  ▸ Toutes les animations sont coupées pendant l'initialisation :
    plus de "flash" du header qui glisse ou se compacte au
    chargement de la page (ou après un rechargement mi-page).
  ▸ Ouverture du menu mobile : la disparition de la barre de
    défilement est compensée → la page ne se décale plus d'un
    coup vers la droite sur ordinateur / tablette.
  ▸ Logo chargé en priorité pour éviter le petit décalage du
    menu le temps que l'image arrive.

  v11.0 : liens officiels Facebook, TikTok et Instagram ajoutés.

  v10.9 : fiabilisation sans changement visuel majeur.
  ▸ Page active détectée automatiquement.
  ▸ Navigation clavier piégée proprement dans le volet mobile.
  ▸ Retour du focus et breakpoint compatibles anciens navigateurs.

  v10.6 : mise en page tablette corrigée entre 640 et 1024 px.

  v10.5 : halo rouge supprimé, photo équilibrée et logo légèrement réduit.

  v10.4 : halo rouge de la carte Assistance rendu plus subtil.

  v10.3 : photo de clavier renforcée dans la carte Assistance.

  v10.2 : photo de clavier discrète dans la carte Assistance uniquement.

  v10.1 : filigrane retiré pour retrouver un méga-menu sobre et épuré.

  v10.0 : filigrane desktop renforcé pour être nettement visible.

  v9.9 : visuel en filigrane pleine surface dans le méga-menu desktop uniquement.

  v9.8 : visuel de marque en filigrane discret dans le volet mobile.

  v9.7 : icône ordinateur portable différenciée et logo légèrement réduit.

  v9.6 : nouvelle famille d'icônes duotone, arrondies et contemporaines.

  v9.5 : bouton Contact desktop encore plus fin et compact.

  v9.4 : suppression du repère rouge actif et centrage mobile parfait.

  v9.3 : bouton Contact desktop affiné avec liseré lumineux orbital.

  v9.2 : bande d'informations blanche et navigation principale noire.

  v9.1 : pictogrammes affinés et menu rendu plus compact.

  v9 : finition premium 2026 (CSS uniquement — HTML et JS inchangés).
  ▸ Noir graphite, navigation éditoriale et rouge plus maîtrisé.
  ▸ Méga-menu flottant, colonnes structurées et micro-animations.
  ▸ CTA assistance enrichi d'une lumière d'ambiance haut de gamme.

  v8 : lifting visuel (CSS uniquement — HTML et JS inchangés).
  ▸ Header unifié en verre sombre translucide (backdrop-blur),
    la barre d'infos blanche devient une fine ligne intégrée.
  ▸ Fini les soulignés : survol en pastille, page active = point
    rouge sous le lien. Boutons et puces en forme de pilule.
  ▸ CTA Contact en dégradé rouge avec reflet.
  ▸ Méga-menu épuré : rayon plus grand, ombre plus douce,
    suppression du filet rouge pleine largeur.
  ▸ Tiroir mobile en verre sombre assorti.
  Anciens navigateurs : fond noir plein automatique (fallback).
  ════════════════════════════════════════════════════════════════

  Correctif v7 : le bouton "Services" reprend exactement la même
  taille, graisse et le même souligné que les autres liens du menu
  (le bouclier anti-thème passait par-dessus ses styles — corrigé
  avec :where(), spécificité zéro). Ce correctif restaure aussi le
  cadre du burger / bouton fermer et le style du tiroir sur mobile.
  ════════════════════════════════════════════════════════════════

  ⚠️ IMPORTANT — J'AI VÉRIFIÉ VOTRE SITE EN LIGNE :
  1. Tout le fichier avait été collé (avec l'en-tête technique).
     → Ne collez QUE ce qui est entre les deux repères :
       ╔═ WORDPRESS : COPIER À PARTIR D'ICI ═╗
       ╚═ WORDPRESS : JUSQU'ICI ═╝
  2. Votre site utilise WP ROCKET : il retarde les scripts et
     "optimise" le CSS, ce qui cassait le header.
     → Cette version embarque les attributs "nowprocket" qui
       disent à WP Rocket de ne pas toucher à ce code.
     → Après avoir collé : WP Rocket → Vider le cache,
       puis Ctrl+Shift+R dans le navigateur.
     → Si un souci persiste : WP Rocket → Optimisation des
       fichiers → ajoutez  wlu  dans les exclusions JS et CSS.

  Nouveautés v6 :
  ▸ Logo 72px (60 au scroll), barre noire rehaussée à 100px
  ▸ Espacements généreux partout (nav, méga-menu, boutons 48px)
  ▸ Liens officiels Facebook, TikTok et Instagram branchés
  ▸ Police chargée en <link> (WP Rocket supprimait le @import)

  Rappels : classes préfixées wlu-, CSS isolé, le script détache
  le header de la section Divi (sticky garanti, au-dessus de tout),
  barre d'admin WordPress gérée, responsive 320px → 4K.
  ════════════════════════════════════════════════════════════════
-->
</head>
<body>

<!-- ╔══════════ WORDPRESS : COPIER À PARTIR D'ICI ══════════╗ -->



<link rel="stylesheet" href="https://www.wilou-informatique.fr/wp-content/cache/fonts/1/google-fonts/css/a/e/2/60f7dc0ae830c6162d4313c8c0cee.css" data-wpr-hosted-gf-parameters="family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"/>

<style nowprocket data-no-optimize="1">
/* ═══════════ 1. VARIABLES (préfixées, sans risque) ═══════════ */
:root{
  --wlu-noir:        #0B0B0F;
  --wlu-noir-2:      #15151C;
  --wlu-blanc:       #FFFFFF;
  --wlu-rouge:       #E0242F;
  --wlu-rouge-fonce: #B81421;
  --wlu-rouge-soft:  rgba(224, 36, 47, .10);
  --wlu-gris-50:     #F6F6F8;
  --wlu-gris-100:    #ECECF0;
  --wlu-gris-300:    #D6D6DD;
  --wlu-gris-desc:   #71717C;
  --wlu-gris-700:    #3F3F49;

  --wlu-topbar-h:    44px;
  --wlu-header-h:    100px;
  --wlu-header-h-sm: 80px;

  --wlu-ease:        cubic-bezier(.22,.61,.36,1);
  --wlu-hairline:    rgba(255,255,255,.09);
  --wlu-glass:       rgba(11,11,15,.68);
  --wlu-glass-fort:  rgba(11,11,15,.84);
  --wlu-shadow:      0 24px 80px -24px rgba(11,11,15,.35),
                     0 2px 10px rgba(11,11,15,.06);
}

/* ═══════════ 2. BOUCLIER ANTI-THÈME (tout est scopé) ═══════════ */
.wlu-header, .wlu-header *, .wlu-header *::before, .wlu-header *::after,
.wlu-drawer, .wlu-drawer *, .wlu-drawer *::before, .wlu-drawer *::after,
.wlu-scrim, .wlu-skip, .wlu-spacer{
  box-sizing:border-box;
}
.wlu-header, .wlu-drawer, .wlu-skip{
  font-family:'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  line-height:1.4;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
/* :where() = spécificité zéro : le bouclier neutralise le thème
   sans JAMAIS écraser les styles des composants wlu- (v7) */
:where(.wlu-header, .wlu-drawer) p{ margin:0; padding:0; }
:where(.wlu-header, .wlu-drawer) ul{ margin:0; padding:0; list-style:none !important; }
:where(.wlu-header, .wlu-drawer) li{ margin:0; padding:0; list-style:none !important; }
:where(.wlu-header, .wlu-drawer) a{
  color:inherit;
  text-decoration:none !important;
  background:transparent;
  box-shadow:none;
  border-bottom:0;
}
:where(.wlu-header, .wlu-drawer) img{
  display:block; max-width:100%;
  border:0; box-shadow:none; border-radius:0;
}
:where(.wlu-header, .wlu-drawer) button{
  font:inherit; color:inherit;
  background:none; border:0; margin:0; padding:0;
  cursor:pointer; box-shadow:none; text-transform:none;
}
:where(.wlu-header, .wlu-drawer) :where(a, button){
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.wlu-header :focus-visible, .wlu-drawer :focus-visible, .wlu-skip:focus-visible{
  outline:2px solid var(--wlu-rouge);
  outline-offset:2px;
  border-radius:6px;
}

/* Utilitaires globaux inoffensifs */
html{ scroll-padding-top:calc(var(--wlu-header-h-sm) + 24px); }
body.wlu-no-scroll{ overflow:hidden !important; }

/* Ceinture de sécurité Divi */
.et-l--header{ position:relative; z-index:99990; }
.et-l--header .et_pb_section,
.et-l--header .et_pb_row,
.et-l--header .et_pb_column,
.et-l--header .et_pb_code,
.et-l--header .et_pb_code_inner{ overflow:visible !important; }

/* (v11.2) BANDE BLANCHE : la section Divi qui contenait le code
   garde par défaut ~50px de padding haut/bas et un fond blanc,
   même une fois le header déplacé. Ce reliquat dépassait sous le
   header au scroll. On l'aplatit complètement — seul le spacer
   (dimensionné par le JS) occupe désormais cet emplacement. */
.et-l--header .et_pb_section,
.et-l--header .et_pb_row{
  padding:0 !important;
  margin:0 !important;
  min-height:0 !important;
  background:transparent !important;
}
.et-l--header .et_pb_column,
.et-l--header .et_pb_code,
.et-l--header .et_pb_code_inner{
  padding:0 !important;
  margin:0 !important;
}

/* Conteneur interne */
.wlu-container{
  max-width:1320px;
  margin-left:auto; margin-right:auto;
  padding-left:max(32px, env(safe-area-inset-left));
  padding-right:max(32px, env(safe-area-inset-right));
}

/* Lien d'évitement — pointe vers votre <main id="contenu"> */
.wlu-skip{
  position:fixed; top:10px; left:10px; z-index:100000;
  background:var(--wlu-noir); color:var(--wlu-blanc);
  padding:10px 16px; border-radius:10px; font-weight:700; font-size:14px;
  transform:translateY(-200%);
  transition:transform .25s var(--wlu-ease);
}
.wlu-skip:focus-visible{ transform:none; }

/* ═══════════ 3. HEADER — verre sombre ═══════════ */
.wlu-header{
  position:sticky;                       /* secours si le JS ne tourne pas */
  top:calc(-1 * var(--wlu-topbar-h));
  z-index:99990;
  width:100%;
  background:rgba(11,11,15,.97);         /* fallback anciens navigateurs */
  border-bottom:1px solid var(--wlu-hairline);
  transition:background .3s var(--wlu-ease), box-shadow .3s var(--wlu-ease);
}
@supports ((backdrop-filter:blur(4px)) or (-webkit-backdrop-filter:blur(4px))){
  .wlu-header{
    background:var(--wlu-glass);
    -webkit-backdrop-filter:blur(20px) saturate(150%);
    backdrop-filter:blur(20px) saturate(150%);
  }
  .wlu-header.wlu-scrolled{ background:var(--wlu-glass-fort); }
}
.wlu-header.wlu-scrolled{
  box-shadow:0 16px 44px -22px rgba(0,0,0,.55);
}
.wlu-header.wlu-fixed{
  position:fixed;
  top:0; left:0; right:0;
  transform:translateY(0);
  transition:transform .3s var(--wlu-ease),
             background .3s var(--wlu-ease),
             box-shadow .3s var(--wlu-ease);
}
.wlu-header.wlu-fixed.wlu-scrolled{
  transform:translateY(calc(-1 * var(--wlu-topbar-h)));
}
.wlu-spacer{ display:block; width:100%; }

/* Barre d'admin WordPress */
body.admin-bar .wlu-header.wlu-fixed{ top:32px; }
@media (max-width:782px){
  body.admin-bar .wlu-header.wlu-fixed{ top:46px; }
}

/* ───────── 3a. Ligne d'infos (intégrée au verre) ───────── */
.wlu-topbar{
  height:var(--wlu-topbar-h);
  background:transparent;
  border-bottom:1px solid rgba(255,255,255,.06);
  font-size:13px; font-weight:600;
  color:rgba(255,255,255,.62);
  letter-spacing:.01em;
}
.wlu-topbar__inner{
  height:100%;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
}
.wlu-topbar__socials{ display:flex; gap:8px; }
.wlu-topbar__socials a{
  width:30px; height:30px; display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  color:rgba(255,255,255,.75);
  transition:color .18s, background .18s, border-color .18s;
}
.wlu-topbar__socials a:hover{
  color:var(--wlu-blanc);
  background:var(--wlu-rouge);
  border-color:var(--wlu-rouge);
}
.wlu-topbar__socials svg{ width:15px; height:15px; display:block; }

.wlu-topbar__infos{ display:flex; align-items:center; gap:18px; white-space:nowrap; }
.wlu-topbar__item{ display:inline-flex; align-items:center; gap:8px; color:rgba(255,255,255,.62); }
.wlu-topbar__item svg{ width:15px; height:15px; color:var(--wlu-rouge); flex:none; }
a.wlu-topbar__item{ transition:color .18s; }
a.wlu-topbar__item:hover{ color:var(--wlu-blanc); }
.wlu-topbar__sep{ width:1px; height:15px; background:rgba(255,255,255,.15); }

/* ───────── 3b. Barre principale (noire) ───────── */
.wlu-mainbar{
  background:transparent;
  position:relative;
}
.wlu-mainbar__inner{
  height:var(--wlu-header-h);
  display:flex; align-items:center; gap:36px;
  transition:height .3s var(--wlu-ease);
}
.wlu-header.wlu-scrolled .wlu-mainbar__inner{ height:var(--wlu-header-h-sm); }

.wlu-brand{ flex:none; display:inline-flex; min-width:0; }
.wlu-brand img{
  height:72px; width:auto;                      /* logo bien visible */
  max-width:min(300px, 46vw);
  object-fit:contain; object-position:left center;
  transition:height .3s var(--wlu-ease);
}
.wlu-header.wlu-scrolled .wlu-brand img{ height:60px; }

/* ───────── 3c. Navigation desktop ───────── */
.wlu-nav{ margin-left:auto; }
.wlu-nav__list{ display:flex; align-items:center; gap:6px; }

.wlu-nav__link{
  position:relative;
  display:inline-flex; align-items:center; gap:7px;
  padding:11px 17px;
  color:rgba(255,255,255,.92);
  font-size:15.5px; font-weight:600; letter-spacing:.015em;
  border-radius:999px;
  white-space:nowrap;
  transition:color .2s, background .2s;
}
.wlu-nav__link:hover{ background:rgba(255,255,255,.08); }
.wlu-nav__mega.wlu-open .wlu-nav__link{ background:rgba(255,255,255,.10); }

/* page active : point rouge sous le lien */
.wlu-nav__link::after{
  content:"";
  position:absolute; left:50%; bottom:4px;
  width:4px; height:4px; border-radius:50%;
  background:var(--wlu-rouge);
  transform:translateX(-50%) scale(0);
  transition:transform .25s var(--wlu-ease);
}
.wlu-nav__link.wlu-active::after{ transform:translateX(-50%) scale(1); }

.wlu-nav__link:hover,
.wlu-nav__link.wlu-active,
.wlu-nav__mega.wlu-open .wlu-nav__link{ color:var(--wlu-blanc); }

.wlu-nav__chev{
  width:14px; height:14px; opacity:.7; flex:none;
  position:relative; top:1px;
  transition:transform .28s var(--wlu-ease);
}
.wlu-nav__mega.wlu-open .wlu-nav__chev{ transform:rotate(180deg); }

/* ───────── 3d. Méga-menu "Services" ───────── */
.wlu-mega{
  position:absolute;
  top:100%; left:50%;
  transform:translateX(-50%);
  width:min(1240px, calc(100vw - 64px));
  padding-top:14px;
  opacity:0; visibility:hidden;
  z-index:99991;
  transition:opacity .22s var(--wlu-ease), visibility .22s;
}
.wlu-nav__mega.wlu-open .wlu-mega{ opacity:1; visibility:visible; }

.wlu-mega__panel{
  background:var(--wlu-blanc);
  border:1px solid rgba(20,20,26,.07);
  border-radius:22px;
  box-shadow:var(--wlu-shadow);
  overflow:auto;
  max-height:calc(100dvh - var(--wlu-header-h-sm) - 44px);
  overscroll-behavior:contain;
  transform:translateY(12px);
  transition:transform .3s var(--wlu-ease);
}
.wlu-mega__panel::-webkit-scrollbar{ width:8px; }
.wlu-mega__panel::-webkit-scrollbar-thumb{ background:var(--wlu-gris-300); border-radius:8px; }
/* (v8) filet rouge pleine largeur supprimé — le rouge vit dans
   les intitulés, les icônes et le bouton */
.wlu-nav__mega.wlu-open .wlu-mega__panel{ transform:translateY(0); }

.wlu-mega__grid{
  display:grid;
  grid-template-columns:1.12fr 1fr 1fr .98fr;
  gap:16px 40px;
  padding:38px 42px 40px;
}

.wlu-mega__label{
  display:flex; align-items:center; gap:10px;
  font-size:12px; font-weight:800;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--wlu-rouge);
  margin-bottom:10px;
}
.wlu-mega__label::before{
  content:""; width:18px; height:2px; border-radius:2px;
  background:currentColor;
}
.wlu-mega__col .wlu-mega__label:not(:first-child){ margin-top:26px; }

.wlu-mega__item{
  display:flex; align-items:flex-start; gap:14px;
  padding:11px 12px; margin-left:-12px; margin-right:-12px;
  border-radius:13px;
  transition:background .18s;
}
.wlu-mega__item:hover{ background:var(--wlu-gris-50); }

.wlu-mega__ico{
  flex:0 0 44px; width:44px; height:44px;
  display:grid; place-items:center;
  background:var(--wlu-gris-50);
  border:1px solid var(--wlu-gris-100);
  border-radius:12px;
  color:var(--wlu-noir);
  transition:background .2s, border-color .2s, color .2s;
}
.wlu-mega__ico svg{ width:20px; height:20px; }
.wlu-mega__item:hover .wlu-mega__ico{
  background:var(--wlu-rouge); border-color:var(--wlu-rouge); color:var(--wlu-blanc);
}

.wlu-mega__txt{ min-width:0; }
.wlu-mega__txt strong{
  display:block;
  font-size:15.5px; font-weight:700; line-height:1.25;
  color:var(--wlu-noir);
}
.wlu-mega__txt span{
  display:block;
  font-size:13.5px; line-height:1.4;
  color:var(--wlu-gris-desc);
  margin-top:3px;
}

/* Carte "Assistance à distance" */
.wlu-mega__cta{
  position:relative;
  display:flex; flex-direction:column; align-items:flex-start; gap:11px;
  background:var(--wlu-noir-2);
  border-radius:16px;
  padding:28px 26px;
  color:var(--wlu-blanc);
  overflow:hidden;
}
.wlu-mega__cta::before{
  content:""; position:absolute; top:0; right:0; bottom:0; left:0;
  pointer-events:none;
  background:radial-gradient(160px 160px at 88% -10%, rgba(224,36,47,.38), transparent 70%);
}
.wlu-mega__cta-tag{
  font-size:11.5px; font-weight:800;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--wlu-rouge);
}
.wlu-mega__cta-title{
  font-size:19px; font-weight:800; letter-spacing:-.01em;
  color:var(--wlu-blanc);
}
.wlu-mega__cta-text{
  font-size:13.5px; line-height:1.55;
  color:rgba(255,255,255,.72);
}
.wlu-mega__cta .wlu-btn{ margin-top:8px; height:44px; padding:0 18px; font-size:14px; }
.wlu-mega__cta-phone{
  display:inline-flex; align-items:center; gap:8px;
  margin-top:4px;
  font-size:14px; font-weight:700;
  color:rgba(255,255,255,.78) !important;
  transition:color .18s;
}
.wlu-mega__cta-phone:hover{ color:var(--wlu-blanc) !important; }
.wlu-mega__cta-phone svg{ width:14px; height:14px; color:var(--wlu-rouge); }

/* ───────── 3e. Actions (téléphone + CTA + burger) ───────── */
.wlu-actions{ display:flex; align-items:center; gap:12px; flex:none; }

.wlu-actions__phone{
  display:inline-flex; align-items:center; gap:9px;
  height:48px; padding:0 20px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:var(--wlu-blanc) !important;
  font-size:14.5px; font-weight:700; letter-spacing:.02em;
  white-space:nowrap;
  transition:border-color .2s, background .2s;
}
.wlu-actions__phone:hover{
  border-color:rgba(255,255,255,.45);
  background:rgba(255,255,255,.08);
}
.wlu-actions__phone svg{ width:15px; height:15px; color:var(--wlu-rouge); }

.wlu-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  font-weight:700; letter-spacing:.02em;
  border-radius:999px;
  white-space:nowrap;
  transition:background .2s, transform .2s, box-shadow .25s;
}
.wlu-btn svg{ width:16px; height:16px; flex:none; transition:transform .25s var(--wlu-ease); }
.wlu-btn--cta{
  background:linear-gradient(135deg, #F23843, #C1121F) !important;
  color:var(--wlu-blanc) !important;
  height:48px; padding:0 26px; font-size:15px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),
             0 10px 24px -10px rgba(224,36,47,.55);
}
.wlu-btn--cta:hover{
  background:linear-gradient(135deg, #FF4954, #D01523) !important;
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),
             0 14px 30px -12px rgba(224,36,47,.7);
}
.wlu-btn--cta:hover svg{ transform:translateX(3px); }
.wlu-btn--cta:active{ transform:translateY(0); }

/* Bouton téléphone compact (mobile) */
.wlu-actions__phone-mobile{
  display:none;
  width:46px; height:46px;
  place-items:center;
  background:linear-gradient(135deg, #F23843, #C1121F);
  color:var(--wlu-blanc) !important;
  border-radius:999px;
  transition:background .2s;
}
.wlu-actions__phone-mobile:hover{ background:var(--wlu-rouge-fonce); }
.wlu-actions__phone-mobile svg{ width:18px; height:18px; }

/* Burger */
.wlu-burger{
  display:none;
  width:46px; height:46px;
  align-items:center; justify-content:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  flex:none;
  transition:border-color .2s, background .2s;
}
.wlu-burger:hover{ border-color:rgba(255,255,255,.45); background:rgba(255,255,255,.06); }
.wlu-burger__box{ display:flex; flex-direction:column; gap:5px; }
.wlu-burger__box span{
  width:19px; height:2px; border-radius:2px;
  background:var(--wlu-blanc);
  transition:transform .3s var(--wlu-ease), opacity .2s;
}
.wlu-burger.wlu-active .wlu-burger__box span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.wlu-burger.wlu-active .wlu-burger__box span:nth-child(2){ opacity:0; transform:scaleX(0); }
.wlu-burger.wlu-active .wlu-burger__box span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* ═══════════ 4. TIROIR MOBILE ═══════════ */
.wlu-scrim{
  position:fixed; top:0; right:0; bottom:0; left:0;
  z-index:99992;
  background:rgba(8,8,12,.55);
  backdrop-filter:blur(3px);
  opacity:0; pointer-events:none;
  transition:opacity .28s var(--wlu-ease);
}
.wlu-scrim.wlu-open{ opacity:1; pointer-events:auto; }

.wlu-drawer{
  position:fixed; top:0; right:0; z-index:99993;
  height:100dvh; width:min(410px, 100%);
  background:var(--wlu-noir);
  color:var(--wlu-blanc);
  display:flex; flex-direction:column;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding-bottom:env(safe-area-inset-bottom);
  transform:translateX(100%);
  transition:transform .36s var(--wlu-ease);
}
.wlu-drawer.wlu-open{ transform:none; }

.wlu-drawer__head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:16px max(20px, env(safe-area-inset-right)) 16px 20px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.wlu-drawer__head img{ height:52px; width:auto; max-width:60vw; object-fit:contain; }
.wlu-drawer__close{
  width:44px; height:44px; flex:none;
  display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:13px;
  transition:border-color .2s, background .2s;
}
.wlu-drawer__close:hover{ border-color:rgba(255,255,255,.45); background:rgba(255,255,255,.06); }
.wlu-drawer__close svg{ width:17px; height:17px; }

.wlu-drawer__nav{ padding:12px 14px 4px; }
.wlu-drawer__nav > ul > li{ border-bottom:1px solid rgba(255,255,255,.06); }
.wlu-drawer__nav > ul > li:last-child{ border-bottom:0; }

.wlu-drawer__link,
.wlu-drawer__acc-btn{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  width:100%;
  padding:17px 14px;
  font-size:17px; font-weight:700;
  color:var(--wlu-blanc) !important;
  border-radius:13px;
  transition:background .18s, color .18s;
  text-align:left;
}
.wlu-drawer__link:hover,
.wlu-drawer__acc-btn:hover{ background:rgba(255,255,255,.05); }
.wlu-drawer__link.wlu-active{ color:var(--wlu-rouge) !important; }

.wlu-drawer__acc-btn svg{
  width:17px; height:17px; opacity:.6; flex:none;
  transition:transform .3s var(--wlu-ease);
}
.wlu-drawer__acc.wlu-open .wlu-drawer__acc-btn svg{ transform:rotate(180deg); }
.wlu-drawer__acc.wlu-open .wlu-drawer__acc-btn{ color:var(--wlu-rouge) !important; }

.wlu-drawer__acc-panel{
  max-height:0; overflow:hidden;
  transition:max-height .38s var(--wlu-ease);
}
.wlu-drawer__label{
  margin:16px 14px 5px;
  font-size:11.5px; font-weight:800;
  letter-spacing:.15em; text-transform:uppercase;
  color:var(--wlu-rouge);
}
.wlu-drawer__acc-panel .wlu-drawer__label:first-child{ margin-top:8px; }
.wlu-drawer__sublink{
  display:block;
  padding:12px 14px 12px 26px;
  font-size:15.5px; font-weight:600;
  color:rgba(255,255,255,.85) !important;
  border-radius:11px;
  transition:background .18s, color .18s;
}
.wlu-drawer__sublink:hover{ background:rgba(255,255,255,.05); color:var(--wlu-blanc) !important; }
.wlu-drawer__sublink.wlu-active{
  color:var(--wlu-blanc) !important;
  background:rgba(237,28,46,.12);
  box-shadow:inset 2px 0 0 var(--wlu-rouge);
}
.wlu-drawer__acc-panel > :last-child{ margin-bottom:14px; }

.wlu-drawer__cta{ padding:16px 20px 4px; }
.wlu-drawer__cta .wlu-btn{ width:100%; height:52px; font-size:15.5px; }

.wlu-drawer__contact{
  margin-top:auto;
  padding:20px 24px 8px;
  border-top:1px solid rgba(255,255,255,.08);
  display:grid; gap:12px;
}
.wlu-drawer__contact a,
.wlu-drawer__contact p{
  display:flex; align-items:center; gap:11px;
  font-size:14.5px; font-weight:600;
  color:rgba(255,255,255,.85) !important;
}
.wlu-drawer__contact a:first-child{ font-size:17px; font-weight:800; color:var(--wlu-blanc) !important; }
.wlu-drawer__contact svg{ width:16px; height:16px; color:var(--wlu-rouge); flex:none; }
.wlu-drawer__contact a{ transition:color .18s; }
.wlu-drawer__contact a:hover{ color:var(--wlu-blanc) !important; }

.wlu-drawer__socials{
  display:flex; gap:10px;
  padding:16px 24px 30px;
}
.wlu-drawer__socials a{
  width:42px; height:42px;
  display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:13px;
  color:var(--wlu-blanc) !important;
  transition:background .2s, border-color .2s;
}
.wlu-drawer__socials a:hover{ background:var(--wlu-rouge); border-color:var(--wlu-rouge); }
.wlu-drawer__socials svg{ width:17px; height:17px; display:block; }

/* ═══════════ 5. RESPONSIVE — calé partout ═══════════ */

/* Laptops étroits : nav compactée pour ne jamais déborder */
@media (min-width:1024px) and (max-width:1199.98px){
  .wlu-mainbar__inner{ gap:22px; }
  .wlu-nav__list{ gap:2px; }
  .wlu-nav__link{ padding:10px 12px; font-size:14.5px; }
  .wlu-nav__link::after{ left:12px; right:12px; }
  .wlu-nav__mega .wlu-nav__link::after{ right:33px; }
  .wlu-btn--cta{ padding:0 18px; }
  .wlu-brand img{ max-width:240px; }
}

/* Le numéro complet disparaît sous 1400 px
   (il reste dans le méga-menu et sur mobile) */
@media (max-width:1399.98px){
  .wlu-actions__phone{ display:none; }
}

/* Méga-menu resserré sous 1300 px */
@media (max-width:1299.98px){
  .wlu-mega__grid{ gap:12px 28px; padding:30px 32px 32px; }
}

/* Passage en mode mobile / tablette */
@media (max-width:1023.98px){
  .wlu-nav{ display:none; }
  .wlu-burger{ display:flex; }
  .wlu-actions__phone-mobile{ display:grid; }
  .wlu-topbar__socials{ display:none; }
  .wlu-topbar__inner{ justify-content:center; }
}

/* Mobiles */
@media (max-width:639.98px){
  :root{ --wlu-header-h:78px; --wlu-header-h-sm:66px; }
  .wlu-container{
    padding-left:max(20px, env(safe-area-inset-left));
    padding-right:max(20px, env(safe-area-inset-right));
  }
  .wlu-mainbar__inner{ gap:16px; }
  .wlu-header .wlu-btn--cta{ display:none; }   /* le CTA vit dans le tiroir */
  .wlu-topbar__mail, .wlu-topbar__sep{ display:none; }
  .wlu-brand img{ height:56px; max-width:56vw; }
  .wlu-header.wlu-scrolled .wlu-brand img{ height:48px; }
  .wlu-topbar{ font-size:12px; }
}

/* Très petits mobiles (320–380 px) : tout respire encore */
@media (max-width:379.98px){
  :root{ --wlu-header-h:70px; --wlu-header-h-sm:60px; }
  .wlu-container{
    padding-left:max(16px, env(safe-area-inset-left));
    padding-right:max(16px, env(safe-area-inset-right));
  }
  .wlu-brand img{ height:48px; max-width:44vw; }
  .wlu-header.wlu-scrolled .wlu-brand img{ height:42px; }
  .wlu-actions{ gap:8px; }
  .wlu-actions__phone-mobile, .wlu-burger{ width:44px; height:44px; }
  .wlu-topbar{ font-size:11.5px; }
}

/* ═══════════ 5b. SIGNATURE PREMIUM v9 ═══════════
   Surcharge visuelle uniquement : structure, liens et JS conservés. */
:root{
  --wlu-noir:#09090C; --wlu-noir-2:#121218;
  --wlu-rouge:#ED1C2E; --wlu-rouge-fonce:#BE1020;
  --wlu-glass:rgba(9,9,12,.78); --wlu-glass-fort:rgba(9,9,12,.92);
  --wlu-shadow:0 32px 90px -34px rgba(9,9,12,.54),
               0 12px 34px -18px rgba(9,9,12,.22),
               0 1px 0 rgba(255,255,255,.9) inset;
}
.wlu-header::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px;
  background:linear-gradient(90deg,transparent 4%,rgba(237,28,46,.5) 30%,rgba(255,255,255,.16) 50%,rgba(237,28,46,.5) 70%,transparent 96%);
  opacity:.5; pointer-events:none;
}
.wlu-topbar{
  color:#24242B;
  background:#FFFFFF;
  border-bottom:1px solid #ECECF0;
  box-shadow:0 1px 0 rgba(9,9,12,.025);
}
.wlu-topbar__item{ color:#24242B; }
a.wlu-topbar__item:hover{ color:var(--wlu-rouge); }
.wlu-topbar__sep{ background:#D9D9DF; }
.wlu-topbar__socials a{
  color:#202027;
  border-color:#E2E2E7; background:#FAFAFB; border-radius:10px;
}
.wlu-topbar__socials a:hover{
  color:#FFFFFF; border-color:var(--wlu-rouge); background:var(--wlu-rouge);
  transform:translateY(-1px); box-shadow:0 8px 22px -10px rgba(237,28,46,.9);
}
.wlu-mainbar{
  background:linear-gradient(180deg,#0D0D11 0%,#09090C 100%);
}

/* Logo légèrement plus discret, sans modifier la hauteur du header */
.wlu-brand img{ height:62px; }
.wlu-header.wlu-scrolled .wlu-brand img{ height:53px; }

/* Navigation épurée : aucun trait rouge sous la page active */
.wlu-nav__link.wlu-active::after{ display:none; }

/* Contact desktop : CTA plus fin + filet blanc animé façon orbite */
@keyframes wlu-contact-orbit{
  to{ transform:translate(-50%,-50%) rotate(1turn); }
}
@media (min-width:1024px){
  .wlu-actions > .wlu-btn--cta{
    position:relative; isolation:isolate; overflow:hidden;
    height:40px; padding:0 16px; border:0; border-radius:11px;
    font-size:13.5px; letter-spacing:.005em;
    background:transparent !important;
    box-shadow:0 10px 24px -13px rgba(237,28,46,.78);
  }
  .wlu-actions > .wlu-btn--cta::before{
    content:""; position:absolute; z-index:-2;
    left:50%; top:50%; width:220%; aspect-ratio:1;
    background:conic-gradient(
      from 0deg,
      transparent 0 80%,
      rgba(255,255,255,.08) 83%,
      rgba(255,255,255,.92) 88%,
      #FFFFFF 89.5%,
      rgba(255,255,255,.18) 94%,
      transparent 97% 100%
    );
    transform:translate(-50%,-50%);
    animation:wlu-contact-orbit 3.4s linear infinite;
  }
  .wlu-actions > .wlu-btn--cta::after{
    content:""; position:absolute; z-index:-1; inset:1.25px;
    border-radius:9.75px;
    background:linear-gradient(135deg,#F42A3A 0%,#D31325 62%,#B80E1D 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
  }
  .wlu-actions > .wlu-btn--cta:hover{
    transform:translateY(-1px);
    box-shadow:0 14px 30px -14px rgba(237,28,46,.92);
  }
  .wlu-actions > .wlu-btn--cta:hover::before{ animation-duration:2.1s; }
  .wlu-actions > .wlu-btn--cta span,
  .wlu-actions > .wlu-btn--cta svg{ position:relative; z-index:1; }
  .wlu-actions > .wlu-btn--cta svg{ width:14px; height:14px; }
}
.wlu-nav__list{ gap:3px; }
.wlu-nav__link{
  padding:12px 16px; border:1px solid transparent; border-radius:12px;
  letter-spacing:-.01em;
  transition:color .2s,background .2s,border-color .2s,transform .2s;
}
.wlu-nav__link:hover,.wlu-nav__mega.wlu-open .wlu-nav__link{
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.045));
  border-color:rgba(255,255,255,.09); transform:translateY(-1px);
}
.wlu-nav__link::after{
  bottom:2px; width:18px; height:2px; border-radius:999px;
  box-shadow:0 0 12px rgba(237,28,46,.72);
}
.wlu-mega{ padding-top:16px; }
.wlu-mega__panel{
  position:relative; border-color:rgba(18,18,24,.09); border-radius:24px;
  background:radial-gradient(680px 250px at 96% 0%,rgba(237,28,46,.045),transparent 62%),
             linear-gradient(180deg,#fff 0%,#fbfbfc 100%);
}
.wlu-mega__panel::before{
  content:""; position:absolute; top:0; left:28px; right:28px; height:2px;
  background:linear-gradient(90deg,transparent,var(--wlu-rouge) 24%,rgba(237,28,46,.16) 70%,transparent);
  border-radius:0 0 3px 3px; pointer-events:none;
}
.wlu-mega__grid{ gap:16px 34px; padding:40px 42px 42px; }
.wlu-mega__col{ position:relative; padding-right:4px; }
.wlu-mega__col + .wlu-mega__col::before{
  content:""; position:absolute; top:2px; bottom:2px; left:-18px; width:1px;
  background:linear-gradient(180deg,transparent,rgba(18,18,24,.075) 12%,rgba(18,18,24,.075) 88%,transparent);
}
.wlu-mega__label{ color:#D81728; letter-spacing:.16em; }
.wlu-mega__label::before{ width:14px; height:1.5px; }
.wlu-mega__item{
  position:relative; padding:12px; border:1px solid transparent;
  transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
}
.wlu-mega__item:hover{
  background:rgba(255,255,255,.92); border-color:rgba(18,18,24,.075);
  box-shadow:0 12px 30px -24px rgba(9,9,12,.5); transform:translateX(3px);
}
.wlu-mega__ico{
  background:linear-gradient(145deg,#fff,#f1f1f4);
  box-shadow:0 7px 18px -16px rgba(9,9,12,.7),inset 0 1px 0 #fff;
  border-radius:13px;
}
.wlu-mega__item:hover .wlu-mega__ico{
  background:linear-gradient(145deg,#FA3242,#C91323);
  box-shadow:0 10px 24px -12px rgba(237,28,46,.75),inset 0 1px 0 rgba(255,255,255,.24);
  transform:rotate(-2deg) scale(1.03);
}
.wlu-mega__txt strong{ letter-spacing:-.018em; }
.wlu-mega__cta{
  isolation:isolate; border:1px solid rgba(255,255,255,.09); border-radius:19px;
  background:
    linear-gradient(145deg,rgba(10,10,15,.52),rgba(7,7,11,.72)),
    url("https://www.wilou-informatique.fr/wp-content/uploads/2026/08/enter-key-is-shown-black-keyboard-scaled.jpg")
    center center / cover no-repeat;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 24px 48px -30px rgba(9,9,12,.8);
}
.wlu-mega__cta::before{
  z-index:-1;
  background:none;
}
.wlu-mega__cta::after{
  content:""; position:absolute; top:18px; right:18px; width:7px; height:7px;
  border-radius:50%; background:#FF3546;
  box-shadow:0 0 0 6px rgba(237,28,46,.1),0 0 24px rgba(237,28,46,.9);
}
.wlu-mega__cta-title{ font-size:20px; letter-spacing:-.035em; }
.wlu-mega__cta-title,.wlu-mega__cta-text,.wlu-mega__cta-phone{
  text-shadow:0 1px 10px rgba(0,0,0,.6);
}
.wlu-btn--cta{
  border:1px solid rgba(255,255,255,.1); border-radius:13px;
  background:linear-gradient(135deg,#F52A3B 0%,#D31325 62%,#B90E1D 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 28px -14px rgba(237,28,46,.75);
}
.wlu-btn--cta:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 18px 36px -16px rgba(237,28,46,.9);
}
.wlu-actions__phone,.wlu-actions__phone-mobile,.wlu-burger{ border-radius:13px; }
.wlu-drawer{
  background:radial-gradient(320px 260px at 100% 0%,rgba(237,28,46,.14),transparent 68%),#09090C;
}


/* Icônes 2026 : tracé fin, format compact et accent rouge discret */
.wlu-mega__grid{ padding:34px 38px 36px; gap:12px 30px; }
.wlu-mega__label{ margin-bottom:7px; font-size:11px; }
.wlu-mega__col .wlu-mega__label:not(:first-child){ margin-top:20px; }
.wlu-mega__item{
  gap:11px; padding:8px 10px; margin-left:-10px; margin-right:-10px;
  border-radius:11px;
}
.wlu-mega__ico{
  flex-basis:38px; width:38px; height:38px; border-radius:10px;
  color:#202027;
  background:linear-gradient(145deg,#fff,#F4F4F6);
  border-color:#E8E8EC;
}
.wlu-mega__ico svg{
  width:18px; height:18px; stroke-width:1.75;
}
.wlu-mega__ico .wlu-ico-fill{
  fill:currentColor; stroke:none; opacity:.10;
  transition:opacity .2s;
}
.wlu-mega__item:hover .wlu-ico-fill{ opacity:.17; }
.wlu-mega__item:hover{ transform:translateX(2px); }
.wlu-mega__item:hover .wlu-mega__ico{
  color:var(--wlu-rouge);
  background:rgba(237,28,46,.075);
  border-color:rgba(237,28,46,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 20px -16px rgba(237,28,46,.8);
  transform:none;
}
.wlu-mega__txt strong{ font-size:14.5px; line-height:1.22; }
.wlu-mega__txt span{ font-size:12.75px; line-height:1.35; margin-top:2px; }
.wlu-mega__cta{ padding:24px 22px; gap:9px; }
.wlu-mega__cta-title{ font-size:18.5px; }
.wlu-mega__cta-text{ font-size:13px; }
.wlu-mega__cta .wlu-btn{ height:42px; padding:0 16px; font-size:13.5px; }
.wlu-mega__cta-phone{ font-size:13.5px; }
.wlu-topbar__socials svg{ width:14px; height:14px; stroke-width:1.8; }
.wlu-nav__chev{ width:13px; height:13px; stroke-width:1.8; }
@media (max-width:1299.98px){
  .wlu-mega__grid{ gap:10px 22px; padding:30px 32px 32px; }
  .wlu-mega__col + .wlu-mega__col::before{ left:-13px; }
}

/* Tablette et mobile : téléphone à gauche, logo centré, menu à droite */
@media (max-width:1023.98px){
  .wlu-mainbar__inner{
    display:grid;
    grid-template-columns:46px minmax(0,1fr) 46px;
    gap:12px;
  }
  .wlu-brand{
    grid-column:2; grid-row:1;
    justify-self:center;
  }
  .wlu-brand img{
    height:56px;
    max-width:min(210px,calc(100vw - 150px));
    object-position:center;
  }
  .wlu-header.wlu-scrolled .wlu-brand img{ height:48px; }
  .wlu-actions{ display:contents; }
  .wlu-header .wlu-btn--cta{ display:none; }
  .wlu-actions__phone-mobile{
    grid-column:1; grid-row:1;
    justify-self:start;
  }
  .wlu-burger{
    grid-column:3; grid-row:1;
    justify-self:end;
  }
}
@media (max-width:639.98px){
  .wlu-brand img{
    height:49px;
    max-width:min(190px,calc(100vw - 140px));
  }
  .wlu-header.wlu-scrolled .wlu-brand img{ height:42px; }
}
@media (max-width:379.98px){
  .wlu-mainbar__inner{
    grid-template-columns:44px minmax(0,1fr) 44px;
    gap:8px;
  }
  .wlu-brand img{
    height:42px;
    max-width:min(180px,calc(100vw - 128px));
  }
  .wlu-header.wlu-scrolled .wlu-brand img{ height:38px; }
}

/* ═══════════ 6. ANTI-SURSAUT (v11.1) ═══════════ */

/* Pendant l'initialisation : aucune transition ni animation.
   Le JS pose la classe .wlu-preload avant de déplacer le header,
   puis la retire une fois l'état de départ appliqué. Résultat :
   plus de header qui "glisse" ou se compacte au chargement. */
.wlu-preload,
.wlu-preload *,
.wlu-preload *::before,
.wlu-preload *::after{
  transition:none !important;
  animation-duration:0s !important;
}

/* Menu mobile ouvert : overflow:hidden fait disparaître la barre
   de défilement → sans compensation, toute la page saute vers la
   droite. On rend sa largeur au body et au header fixé. */
body.wlu-no-scroll{ padding-right:var(--wlu-scrollbar, 0px) !important; }
body.wlu-no-scroll .wlu-header.wlu-fixed{ right:var(--wlu-scrollbar, 0px); }

/* ═══════════ 7. ACCESSIBILITÉ MOTION ═══════════ */
@media (prefers-reduced-motion: reduce){
  .wlu-header *, .wlu-drawer *, .wlu-scrim, .wlu-skip{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
  }
}
</style>

<a class="wlu-skip" href="#contenu">Aller au contenu</a>

<!-- ══════════════════════ HEADER ══════════════════════ -->
<header class="wlu-header" id="wluHeader">

  <!-- Barre supérieure -->
  <div class="wlu-topbar">
    <div class="wlu-container wlu-topbar__inner">

      <div class="wlu-topbar__socials">
        <a href="https://www.facebook.com/WilouInformatique" target="_blank" rel="noopener" aria-label="Facebook">
          <svg viewbox="0 0 24 24" fill="currentColor"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
        </a>
        <a href="https://www.tiktok.com/@wilouinformatique" target="_blank" rel="noopener" aria-label="TikTok">
          <svg viewbox="0 0 24 24" fill="currentColor"><path d="M16.6 5.82A4.28 4.28 0 0 1 15.54 3h-3.09v12.4a2.59 2.59 0 0 1-2.59 2.5c-1.42 0-2.6-1.16-2.6-2.6 0-1.72 1.66-3.01 3.37-2.48V9.66c-3.45-.46-6.47 2.22-6.47 5.64 0 3.33 2.76 5.7 5.69 5.7 3.14 0 5.69-2.55 5.69-5.7V9.01a7.35 7.35 0 0 0 4.3 1.38V7.3s-1.88.09-3.24-1.48z"/></svg>
        </a>
        <a href="https://www.instagram.com/wilouinformatique" target="_blank" rel="noopener" aria-label="Instagram">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="5" ry="5"/><circle cx="12" cy="12" r="3.5"/><line x1="17" x2="17.01" y1="7" y2="7"/></svg>
        </a>
      </div>

      <div class="wlu-topbar__infos">
        <span class="wlu-topbar__item">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          Lun–Sam · 08h–12h / 13h–19h30
        </span>
        <span class="wlu-topbar__sep" aria-hidden="true"></span>
        <a class="wlu-topbar__item wlu-topbar__mail" href="mailto:wilou-ink@hotmail.com">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
          wilou-ink@hotmail.com
        </a>
      </div>

    </div>
  </div>

  <!-- Barre principale -->
  <div class="wlu-mainbar">
    <div class="wlu-container wlu-mainbar__inner">

      <a class="wlu-brand" href="https://www.wilou-informatique.fr/" aria-label="Wilou-Informatique — Accueil">
        <img width="289" height="108" src="https://www.wilou-informatique.fr/wp-content/uploads/2025/10/informatique-landerneau-wilou-informatique.webp"
             alt="Wilou-Informatique — Dépannage & services informatiques à Landerneau"
             fetchpriority="high"
             decoding="async">
      </a>

      <nav class="wlu-nav" aria-label="Navigation principale">
        <ul class="wlu-nav__list">

          <li>
            <a class="wlu-nav__link wlu-active" aria-current="page" href="https://www.wilou-informatique.fr/">Accueil</a>
          </li>

          <li class="wlu-nav__mega" id="wluMegaItem">
            <button class="wlu-nav__link" id="wluMegaToggle" aria-expanded="false" aria-controls="wluMegaPanel" aria-haspopup="true">
              Services
              <svg class="wlu-nav__chev" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
            </button>

            <!-- Méga-menu -->
<div class="wlu-mega" id="wluMegaPanel" role="group" aria-label="Sous-menu Services">
              <div class="wlu-mega__panel">
                <div class="wlu-mega__grid">

                  <!-- Colonne 1 : Réparation -->
                  <div class="wlu-mega__col">
                    <p class="wlu-mega__label">Réparation</p> 

                    <a class="wlu-mega__item" href="https://www.wilou-informatique.fr/reparation-ordinateur/">
                      <span class="wlu-mega__ico"><svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect class="wlu-ico-fill" x="4" y="4" width="16" height="11.5" rx="2.5"/><rect x="4" y="4" width="16" height="11.5" rx="2.5"/><path d="M3 18h18l-1.2 2H4.2L3 18Z"/></svg></span>
                      <span class="wlu-mega__txt"><strong>Ordinateurs</strong><span>PC portable, fixe & Mac</span></span>
                    </a>

                    <a class="wlu-mega__item" href="https://www.wilou-informatique.fr/reparation-telephones-landerneau/">
                      <span class="wlu-mega__ico"><svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect class="wlu-ico-fill" x="6" y="2.5" width="12" height="19" rx="3"/><rect x="6" y="2.5" width="12" height="19" rx="3"/><path d="M10 5h4M11 18.8h2"/></svg></span>
                      <span class="wlu-mega__txt"><strong>Téléphones</strong><span>Écran, batterie, connecteur</span></span>
                    </a>

                    <a class="wlu-mega__item" href="https://www.wilou-informatique.fr/reparations-tablettes/">
                      <span class="wlu-mega__ico"><svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect class="wlu-ico-fill" x="4" y="3" width="16" height="18" rx="3"/><rect x="4" y="3" width="16" height="18" rx="3"/><path d="M9.5 6h5M11.5 18h1"/></svg></span>
                      <span class="wlu-mega__txt"><strong>Tablettes</strong><span>iPad, Samsung & toutes marques</span></span>
                    </a>

                    <a class="wlu-mega__item" href="https://www.wilou-informatique.fr/reparation-console-landerneau/">
                      <span class="wlu-mega__ico"><svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path class="wlu-ico-fill" d="M7 6.5h10c2 0 3.4 1.3 3.8 3.2l1.1 5.1c.5 2.5-2.5 4.1-4.3 2.3l-1.3-1.3H7.7l-1.3 1.3c-1.8 1.8-4.8.2-4.3-2.3l1.1-5.1C3.6 7.8 5 6.5 7 6.5Z"/><path d="M7 6.5h10c2 0 3.4 1.3 3.8 3.2l1.1 5.1c.5 2.5-2.5 4.1-4.3 2.3l-1.3-1.3H7.7l-1.3 1.3c-1.8 1.8-4.8.2-4.3-2.3l1.1-5.1C3.6 7.8 5 6.5 7 6.5Z"/><path d="M7 10v4M5 12h4"/><circle cx="16.5" cy="11" r=".75" fill="currentColor" stroke="none"/><circle cx="18.5" cy="13" r=".75" fill="currentColor" stroke="none"/></svg></span>
                      <span class="wlu-mega__txt"><strong>Consoles</strong><span>PS5, Xbox, Nintendo Switch</span></span>
                    </a>
                  </div>

                  <!-- Colonne 2 : Vente & assemblage / Entreprises -->
                  <div class="wlu-mega__col">
                    <p class="wlu-mega__label">Vente & assemblage</p> 

                    <a class="wlu-mega__item" href="https://www.wilou-informatique.fr/ventes-landerneau-ordinateurs-de-bureau-et-ordinateurs-de-gaming/#bureautique">
                      <span class="wlu-mega__ico"><svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect class="wlu-ico-fill" x="2.5" y="3.5" width="19" height="13" rx="3"/><rect x="2.5" y="3.5" width="19" height="13" rx="3"/><path d="M9 20.5h6M12 16.5v4"/></svg></span>
                      <span class="wlu-mega__txt"><strong>PC bureautique</strong><span>Fiables & prêts à l'emploi</span></span>
                    </a>

                    <a class="wlu-mega__item" href="https://www.wilou-informatique.fr/ventes-landerneau-ordinateurs-de-bureau-et-ordinateurs-de-gaming/#ordigaming">
                      <span class="wlu-mega__ico"><svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect class="wlu-ico-fill" x="4" y="2.5" width="16" height="19" rx="3"/><rect x="4" y="2.5" width="16" height="19" rx="3"/><path d="m13.3 6.5-4 5.5h3.5l-2 5.5 4.6-6.5h-3.5l1.4-4.5Z"/><path d="M7.5 5.5h.01M7.5 18.5h.01"/></svg></span>
                      <span class="wlu-mega__txt"><strong>PC gaming</strong><span>Montés & optimisés sur mesure</span></span>
                    </a>

                    <p class="wlu-mega__label">Entreprises</p> 

                    <a class="wlu-mega__item" href="https://www.wilou-informatique.fr/informatique-entreprise-landerneau/">
                      <span class="wlu-mega__ico"><svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect class="wlu-ico-fill" x="2.5" y="7" width="19" height="13.5" rx="3"/><rect x="2.5" y="7" width="19" height="13.5" rx="3"/><path d="M8.5 7V5.5A2.5 2.5 0 0 1 11 3h2a2.5 2.5 0 0 1 2.5 2.5V7M2.5 12.5c5.7 2.4 13.3 2.4 19 0M10 13.8v2.1h4v-2.1"/></svg></span>
                      <span class="wlu-mega__txt"><strong>Informatique pro</strong><span>Parc, réseau & sécurité</span></span>
                    </a>

                    <a class="wlu-mega__item" href="https://www.wilou-informatique.fr/maintenance-informatique-landerneau/">
                      <span class="wlu-mega__ico"><svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle class="wlu-ico-fill" cx="12" cy="12" r="8.5"/><path d="M9.8 3.9 9.3 6a7 7 0 0 0-1.9 1.1L5.3 6.5 3.1 10l1.6 1.5v1L3.1 14l2.2 3.5 2.1-.6A7 7 0 0 0 9.3 18l.5 2.1h4.4l.5-2.1a7 7 0 0 0 1.9-1.1l2.1.6 2.2-3.5-1.6-1.5v-1l1.6-1.5-2.2-3.5-2.1.6A7 7 0 0 0 14.7 6l-.5-2.1H9.8Z"/><circle cx="12" cy="12" r="2.4"/></svg></span>
                      <span class="wlu-mega__txt"><strong>Maintenance</strong><span>Suivi & interventions</span></span>
                    </a>
                  </div>

                  <!-- Colonne 3 : Services + -->
                  <div class="wlu-mega__col">
                    <p class="wlu-mega__label">Services +</p> 

                    <a class="wlu-mega__item" href="https://www.wilou-informatique.fr/recuperation-donnees-landerneau/">
                      <span class="wlu-mega__ico"><svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><ellipse class="wlu-ico-fill" cx="11" cy="5.5" rx="7.5" ry="3"/><path d="M18.5 5.5c0 1.7-3.4 3-7.5 3s-7.5-1.3-7.5-3 3.4-3 7.5-3 7.5 1.3 7.5 3Z"/><path d="M3.5 5.5v5c0 1.7 3.4 3 7.5 3 1.2 0 2.3-.1 3.3-.3M3.5 10.5v5c0 1.7 3.4 3 7.5 3"/><path d="M18 13.5a4 4 0 1 1-2.8 6.8M15.2 17.2v3.1h3.1"/></svg></span>
                      <span class="wlu-mega__txt"><strong>Récupération de données</strong><span>Disques, SSD, cartes SD</span></span>
                    </a>

                    <a class="wlu-mega__item" href="https://www.wilou-informatique.fr/creation-site-web-logo-landerneau/">
                      <span class="wlu-mega__ico"><svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect class="wlu-ico-fill" x="2.5" y="3.5" width="19" height="17" rx="3"/><rect x="2.5" y="3.5" width="19" height="17" rx="3"/><path d="M2.5 8h19M6 5.8h.01M9 5.8h.01M9.5 12l-2 2 2 2M14.5 12l2 2-2 2"/></svg></span>
                      <span class="wlu-mega__txt"><strong>Création web & logo</strong><span>Site vitrine & référencement local</span></span>
                    </a>

                    <a class="wlu-mega__item" href="https://www.wilou-informatique.fr/camera-surveillance-landerneau/">
                      <span class="wlu-mega__ico"><svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path class="wlu-ico-fill" d="M3 7.5h12.5a2.5 2.5 0 0 1 2.5 2.5v5.5H5.5A2.5 2.5 0 0 1 3 13V7.5Z"/><path d="M3 7.5h12.5A2.5 2.5 0 0 1 18 10v5.5H5.5A2.5 2.5 0 0 1 3 13V7.5Z"/><circle cx="13.2" cy="11.5" r="2.1"/><path d="m18 10.2 3-1.7v6l-3-1.7M7 15.5l-1.2 4M10 15.5v4"/></svg></span>
                      <span class="wlu-mega__txt"><strong>Vidéosurveillance</strong><span>Caméras WiFi & solaire</span></span>
                    </a>
                  </div>

                  <!-- Colonne 4 : carte Assistance -->
                  <div class="wlu-mega__cta">
                    <span class="wlu-mega__cta-tag">Dépannage rapide</span>
                    <span class="wlu-mega__cta-title">Assistance à distance</span>
                    <span class="wlu-mega__cta-text">Prise en main de votre ordinateur sur rendez-vous, où que vous soyez.</span>
                    <a class="wlu-btn wlu-btn--cta" href="https://www.wilou-informatique.fr/assistance-informatique-distance/">
                      Prendre rendez-vous
                      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
                    </a>
                    <a class="wlu-mega__cta-phone" href="tel:+33777674723">
                      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
                      07 77 67 47 23
                    </a>
                  </div>

                </div>
              </div>
            </div>
          </li>

          <li><a class="wlu-nav__link" href="https://www.wilou-informatique.fr/formations/">Formations</a></li>
          <li><a class="wlu-nav__link" href="https://www.wilou-informatique.fr/wilou-informatique/">À propos</a></li>
          <li><a class="wlu-nav__link" href="https://www.wilou-informatique.fr/assistance-informatique-distance/">Assistance</a></li>

        </ul>
      </nav>

      <div class="wlu-actions">
        <a class="wlu-actions__phone" href="tel:+33777674723">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
          07 77 67 47 23
        </a>

        <a class="wlu-btn wlu-btn--cta" href="https://www.wilou-informatique.fr/contact/">
          <span>Contact</span>
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
        </a>

        <a class="wlu-actions__phone-mobile" href="tel:+33777674723" aria-label="Appeler le 07 77 67 47 23">
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
        </a>

        <button class="wlu-burger" id="wluBurger" aria-expanded="false" aria-controls="wluDrawer" aria-label="Ouvrir le menu">
          <span class="wlu-burger__box"><span></span><span></span><span></span></span>
        </button>
      </div>

    </div>
  </div>
</header>

<!-- ══════════════════════ TIROIR MOBILE ══════════════════════ -->
<div class="wlu-scrim" id="wluScrim"></div>

<aside class="wlu-drawer" id="wluDrawer" role="dialog" aria-modal="true" aria-label="Menu" aria-hidden="true" inert>

  <div class="wlu-drawer__head">
    <img width="289" height="108" src="https://www.wilou-informatique.fr/wp-content/uploads/2025/10/informatique-landerneau-wilou-informatique.webp"
         alt="Wilou-Informatique" decoding="async">
    <button class="wlu-drawer__close" id="wluDrawerClose" aria-label="Fermer le menu">
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
    </button>
  </div>

  <nav class="wlu-drawer__nav" aria-label="Navigation mobile">
    <ul>
      <li><a class="wlu-drawer__link wlu-active" aria-current="page" href="https://www.wilou-informatique.fr/">Accueil</a></li>

      <li class="wlu-drawer__acc">
        <button class="wlu-drawer__acc-btn" aria-expanded="false" aria-controls="wluAccServices">
          Services
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
        </button>
<div class="wlu-drawer__acc-panel" id="wluAccServices">

          <p class="wlu-drawer__label">Réparation</p> 
          <a class="wlu-drawer__sublink" href="https://www.wilou-informatique.fr/reparation-ordinateur/">Ordinateurs</a>
          <a class="wlu-drawer__sublink" href="https://www.wilou-informatique.fr/reparation-telephones-landerneau/">Téléphones</a>
          <a class="wlu-drawer__sublink" href="https://www.wilou-informatique.fr/reparations-tablettes/">Tablettes</a>
          <a class="wlu-drawer__sublink" href="https://www.wilou-informatique.fr/reparation-console-landerneau/">Consoles</a>

          <p class="wlu-drawer__label">Vente & assemblage</p> 
          <a class="wlu-drawer__sublink" href="https://www.wilou-informatique.fr/ventes-landerneau-ordinateurs-de-bureau-et-ordinateurs-de-gaming/#bureautique">PC bureautique</a>
          <a class="wlu-drawer__sublink" href="https://www.wilou-informatique.fr/ventes-landerneau-ordinateurs-de-bureau-et-ordinateurs-de-gaming/#ordigaming">PC gaming</a>

          <p class="wlu-drawer__label">Entreprises</p> 
          <a class="wlu-drawer__sublink" href="https://www.wilou-informatique.fr/informatique-entreprise-landerneau/">Informatique pro</a>
          <a class="wlu-drawer__sublink" href="https://www.wilou-informatique.fr/maintenance-informatique-landerneau/">Maintenance</a>

          <p class="wlu-drawer__label">Services +</p> 
          <a class="wlu-drawer__sublink" href="https://www.wilou-informatique.fr/recuperation-donnees-landerneau/">Récupération de données</a>
          <a class="wlu-drawer__sublink" href="https://www.wilou-informatique.fr/creation-site-web-logo-landerneau/">Création web & logo</a>
          <a class="wlu-drawer__sublink" href="https://www.wilou-informatique.fr/camera-surveillance-landerneau/">Vidéosurveillance</a>

        </div>
      </li>

      <li><a class="wlu-drawer__link" href="https://www.wilou-informatique.fr/formations/">Formations</a></li>
      <li><a class="wlu-drawer__link" href="https://www.wilou-informatique.fr/wilou-informatique/">À propos</a></li>
      <li><a class="wlu-drawer__link" href="https://www.wilou-informatique.fr/assistance-informatique-distance/">Assistance</a></li>
    </ul>
  </nav>

  <div class="wlu-drawer__cta">
    <a class="wlu-btn wlu-btn--cta" href="https://www.wilou-informatique.fr/contact/">
      Contact
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
    </a>
  </div>

  <div class="wlu-drawer__contact">
    <a href="tel:+33777674723">
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
      07 77 67 47 23
    </a>
    <a href="mailto:wilou-ink@hotmail.com">
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
      wilou-ink@hotmail.com
    </a>
    <p>
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
      Lun–Sam · 08h–12h / 13h–19h30
    </p> 
  </div>

  <div class="wlu-drawer__socials">
    <a href="https://www.facebook.com/WilouInformatique" target="_blank" rel="noopener" aria-label="Facebook">
      <svg viewbox="0 0 24 24" fill="currentColor"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
    </a>
    <a href="https://www.tiktok.com/@wilouinformatique" target="_blank" rel="noopener" aria-label="TikTok">
      <svg viewbox="0 0 24 24" fill="currentColor"><path d="M16.6 5.82A4.28 4.28 0 0 1 15.54 3h-3.09v12.4a2.59 2.59 0 0 1-2.59 2.5c-1.42 0-2.6-1.16-2.6-2.6 0-1.72 1.66-3.01 3.37-2.48V9.66c-3.45-.46-6.47 2.22-6.47 5.64 0 3.33 2.76 5.7 5.69 5.7 3.14 0 5.69-2.55 5.69-5.7V9.01a7.35 7.35 0 0 0 4.3 1.38V7.3s-1.88.09-3.24-1.48z"/></svg>
    </a>
    <a href="https://www.instagram.com/wilouinformatique" target="_blank" rel="noopener" aria-label="Instagram">
      <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="5" ry="5"/><circle cx="12" cy="12" r="3.5"/><line x1="17" x2="17.01" y1="7" y2="7"/></svg>
    </a>
  </div>

</aside>

<script nowprocket data-no-optimize="1" data-cfasync="false">
(function(){
  'use strict';

  function wluInit(){
    var header      = document.getElementById('wluHeader');
    var megaItem    = document.getElementById('wluMegaItem');
    var megaToggle  = document.getElementById('wluMegaToggle');
    var megaPanel   = document.getElementById('wluMegaPanel');
    var burgerBtn   = document.getElementById('wluBurger');
    var drawer      = document.getElementById('wluDrawer');
    var drawerClose = document.getElementById('wluDrawerClose');
    var scrim       = document.getElementById('wluScrim');
    var lastFocused = null;

    if (!header || !megaItem || !megaToggle || !megaPanel) return;

    /* ── ANTI-SURSAUT (v11.1) : on gèle toutes les animations le
          temps de mettre le header en place et d'appliquer son
          état de départ (grand ou compact selon le scroll) ── */
    header.classList.add('wlu-preload');
    if (drawer) drawer.classList.add('wlu-preload');

    /* ── ÉVASION : on détache le header de la section WordPress/Divi
          → sticky garanti, toujours au-dessus du site ── */
    var spacer = document.createElement('div');
    spacer.className = 'wlu-spacer';
    header.parentNode.insertBefore(spacer, header);
    document.body.appendChild(header);
    if (scrim)  document.body.appendChild(scrim);
    if (drawer) document.body.appendChild(drawer);
    header.classList.add('wlu-fixed');

    /* ── BANDE BLANCHE (v11.2) : on aplatit les enveloppes Divi
          autour de l'emplacement d'origine (section, row, colonne,
          module code). Leurs paddings et fond par défaut créaient
          une bande blanche visible sous le header au scroll.
          Fait en JS pour marcher où que le code soit collé. ── */
    (function(){
      var wrap = spacer.parentNode;
      var hops = 0;
      while (wrap && wrap !== document.body && hops < 8){
        var cls = (typeof wrap.className === 'string') ? wrap.className : '';
        if (/(^|\s)et_pb_(section|row|column|code)(\s|$|_)/.test(cls)){
          wrap.style.setProperty('padding', '0', 'important');
          wrap.style.setProperty('margin', '0', 'important');
          wrap.style.setProperty('min-height', '0', 'important');
          wrap.style.setProperty('background', 'transparent', 'important');
        }
        wrap = wrap.parentNode;
        hops++;
      }
    })();

    /* ── Page active : calcul automatique depuis l'URL réelle ── */
    function cleanPath(path){
      path = path.replace(/\/+$/, '');
      return path || '/';
    }
    function markCurrentPage(){
      var currentPath = cleanPath(window.location.pathname);
      var currentHash = window.location.hash;
      var selector = '.wlu-nav__link[href], .wlu-drawer__link[href], .wlu-drawer__sublink[href]';
      var activeSub = null;

      document.querySelectorAll(selector).forEach(function(link){
        var url;
        try { url = new URL(link.href, window.location.href); }
        catch (err) { return; }

        var samePath = url.origin === window.location.origin &&
                       cleanPath(url.pathname) === currentPath;
        var sameHash = !url.hash || url.hash === currentHash;
        var isCurrent = samePath && sameHash;

        link.classList.toggle('wlu-active', isCurrent);
        if (isCurrent){
          link.setAttribute('aria-current', 'page');
          if (link.classList.contains('wlu-drawer__sublink')) activeSub = link;
        } else {
          link.removeAttribute('aria-current');
        }
      });

      /* Sur une page Service, ouvre directement le bon groupe mobile */
      if (activeSub && drawer){
        var acc = activeSub.closest('.wlu-drawer__acc');
        if (acc){
          var btn = acc.querySelector('.wlu-drawer__acc-btn');
          var panel = acc.querySelector('.wlu-drawer__acc-panel');
          acc.classList.add('wlu-open');
          if (btn) btn.setAttribute('aria-expanded', 'true');
          if (panel) panel.style.maxHeight = panel.scrollHeight + 'px';
        }
      }
    }
    markCurrentPage();

    function sizeSpacer(){
      var cs = getComputedStyle(header);
      var h  = parseFloat(cs.getPropertyValue('--wlu-topbar-h')) +
               parseFloat(cs.getPropertyValue('--wlu-header-h'));
      spacer.style.height = h + 'px';
    }
    sizeSpacer();

    var mainbar = header.querySelector('.wlu-mainbar');

    /* ── Au scroll : la topbar se range, la barre noire se compacte.
          ANTI-SURSAUT (v11.1) : hystérésis — on passe en compact
          au-delà de 64px mais on ne redevient grand qu'en dessous
          de 12px. Sans cet écart, scroller doucement autour du seuil
          (ou la barre d'adresse mobile qui bouge) faisait osciller
          le header en boucle : c'était LE sursaut. ── */
    var ticking = false;
    var isScrolled = false;
    function onScroll(){
      if (ticking) return;
      ticking = true;
      requestAnimationFrame(function(){
        var y = window.scrollY || window.pageYOffset || 0;
        if (!isScrolled && y > 64){
          isScrolled = true;
        } else if (isScrolled && y < 12){
          isScrolled = false;
        }
        header.classList.toggle('wlu-scrolled', isScrolled);
        ticking = false;
      });
    }
    window.addEventListener('scroll', onScroll, { passive:true });

    /* État de départ appliqué immédiatement, sans animation
       (utile après un rechargement au milieu de la page) */
    (function(){
      var y0 = window.scrollY || window.pageYOffset || 0;
      isScrolled = y0 > 64;
      header.classList.toggle('wlu-scrolled', isScrolled);
    })();

    /* ── Méga-menu : centrage au pixel sur l'écran ── */
    function placeMega(){
      if (!mainbar) return;
      var r  = mainbar.getBoundingClientRect();
      var cx = document.documentElement.clientWidth / 2;
      megaPanel.style.left = (cx - r.left) + 'px';
    }

    var closeTimer = null;

    function openMega(){
      clearTimeout(closeTimer);
      placeMega();
      megaItem.classList.add('wlu-open');
      megaToggle.setAttribute('aria-expanded', 'true');
    }
    function closeMega(){
      megaItem.classList.remove('wlu-open');
      megaToggle.setAttribute('aria-expanded', 'false');
    }

    /* Survol (souris uniquement — le tactile passe par le clic) */
    if (window.matchMedia('(hover:hover) and (pointer:fine)').matches){
      megaItem.addEventListener('mouseenter', openMega);
      megaItem.addEventListener('mouseleave', function(){
        closeTimer = setTimeout(closeMega, 140);
      });
    }

    /* Clic / clavier (tablettes incluses) */
    megaToggle.addEventListener('click', function(){
      if (megaItem.classList.contains('wlu-open')){ closeMega(); } else { openMega(); }
    });
    megaToggle.addEventListener('keydown', function(e){
      if (e.key === 'ArrowDown'){
        e.preventDefault();
        openMega();
        var first = megaItem.querySelector('.wlu-mega a');
        if (first) first.focus();
      }
    });

    /* Fermeture : clic extérieur, perte de focus */
    document.addEventListener('click', function(e){
      if (!megaItem.contains(e.target)) closeMega();
    });
    megaItem.addEventListener('focusout', function(e){
      if (!megaItem.contains(e.relatedTarget)) closeMega();
    });

    /* ── ANTI-SURSAUT (v11.1) : verrou de scroll compensé.
          overflow:hidden supprime la barre de défilement, ce qui
          décalait toute la page vers la droite à l'ouverture du
          menu. On mesure sa largeur et on la rend en padding. ── */
    function lockScroll(){
      var sb = window.innerWidth - document.documentElement.clientWidth;
      document.documentElement.style.setProperty('--wlu-scrollbar', (sb > 0 ? sb : 0) + 'px');
      document.body.classList.add('wlu-no-scroll');
    }
    function unlockScroll(){
      document.body.classList.remove('wlu-no-scroll');
      document.documentElement.style.setProperty('--wlu-scrollbar', '0px');
    }

    /* ── Tiroir mobile ── */
    function openDrawer(){
      if (!drawer) return;
      lastFocused = document.activeElement;
      drawer.inert = false;
      drawer.classList.add('wlu-open');
      if (scrim) scrim.classList.add('wlu-open');
      burgerBtn.classList.add('wlu-active');
      burgerBtn.setAttribute('aria-expanded', 'true');
      drawer.setAttribute('aria-hidden', 'false');
      lockScroll();
      if (drawerClose) drawerClose.focus();
    }
    function closeDrawer(restoreFocus){
      if (!drawer) return;
      drawer.classList.remove('wlu-open');
      if (scrim) scrim.classList.remove('wlu-open');
      burgerBtn.classList.remove('wlu-active');
      burgerBtn.setAttribute('aria-expanded', 'false');
      drawer.setAttribute('aria-hidden', 'true');
      drawer.inert = true;
      unlockScroll();
      if (restoreFocus !== false && lastFocused && document.contains(lastFocused)){
        try { lastFocused.focus({ preventScroll:true }); }
        catch (err) { lastFocused.focus(); }
      }
    }

    if (burgerBtn && drawer){
      burgerBtn.addEventListener('click', function(){
        if (drawer.classList.contains('wlu-open')){ closeDrawer(); } else { openDrawer(); }
      });
      if (drawerClose) drawerClose.addEventListener('click', function(){ closeDrawer(true); });
      if (scrim) scrim.addEventListener('click', function(){ closeDrawer(true); });
      drawer.querySelectorAll('a').forEach(function(link){
        link.addEventListener('click', function(){ closeDrawer(false); });
      });

      /* Accordéons du tiroir */
      drawer.querySelectorAll('.wlu-drawer__acc').forEach(function(acc){
        var btn   = acc.querySelector('.wlu-drawer__acc-btn');
        var panel = acc.querySelector('.wlu-drawer__acc-panel');
        if (!btn || !panel) return;
        btn.addEventListener('click', function(){
          var isOpen = acc.classList.toggle('wlu-open');
          btn.setAttribute('aria-expanded', String(isOpen));
          panel.style.maxHeight = isOpen ? panel.scrollHeight + 'px' : '0px';
        });
      });
    }

    /* ── Clavier : focus contenu dans le volet + Échap ── */
    document.addEventListener('keydown', function(e){
      if (e.key === 'Tab' && drawer && drawer.classList.contains('wlu-open')){
        var focusable = Array.prototype.slice.call(
          drawer.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])')
        ).filter(function(el){ return el.offsetParent !== null; });
        if (focusable.length){
          var first = focusable[0];
          var last = focusable[focusable.length - 1];
          if (e.shiftKey && document.activeElement === first){
            e.preventDefault(); last.focus();
          } else if (!e.shiftKey && document.activeElement === last){
            e.preventDefault(); first.focus();
          }
        }
      }
      if (e.key !== 'Escape') return;
      if (drawer && drawer.classList.contains('wlu-open')){
        closeDrawer(true);
      } else if (megaItem.classList.contains('wlu-open')){
        closeMega();
        megaToggle.focus();
      }
    });

    /* ── Recalage à chaque redimensionnement / rotation ── */
    window.addEventListener('resize', function(){
      sizeSpacer();
      if (megaItem.classList.contains('wlu-open')) placeMega();
    });
    var desktopMq = window.matchMedia('(min-width:1024px)');
    function onBreakpointChange(mq){
      if (mq.matches){ closeDrawer(false); } else { closeMega(); }
    }
    if (desktopMq.addEventListener){
      desktopMq.addEventListener('change', onBreakpointChange);
    } else if (desktopMq.addListener){
      desktopMq.addListener(onBreakpointChange);
    }

    /* ── ANTI-SURSAUT (v11.1) : tout est en place → on rend les
          animations. Deux frames pour laisser le navigateur peindre
          l'état de départ d'abord (sinon il animerait quand même). ── */
    requestAnimationFrame(function(){
      requestAnimationFrame(function(){
        header.classList.remove('wlu-preload');
        if (drawer) drawer.classList.remove('wlu-preload');
      });
    });
  }

  if (document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', wluInit);
  } else {
    wluInit();
  }
})();
</script>

<!-- ╚══════════ WORDPRESS : JUSQU'ICI ══════════╝ -->

<!-- ▼▼▼ Pour tester le sticky en solo, décommentez :
<div style="height:200vh"></div>
-->

</body>
</html></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>		</div>
	</header>
	<div data-rocket-location-hash="16bdc482463a7a38ce25ac0d2ace1efb" id="et-main-area">
	
<div id="main-content">


			
				<article id="post-90727" class="post-90727 page type-page status-publish has-post-thumbnail hentry">

				
					<div class="entry-content">
					<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">
				<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"><!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Bannière Wilou – style premium</title>
</head>
<body style="margin:0;background:#09090c;">

<!-- =========================================================
     DÉBUT DU CODE À COLLER DANS UN MODULE CODE DIVI / WORDPRESS
     ========================================================= -->

<link
  rel="preload"
  as="image"
  type="image/webp"
  media="(min-width: 768px)"
  href="https://www.wilou-informatique.fr/wp-content/uploads/2026/08/informatique-landerneau-wilou-informatique-baniere.webp"
  imagesrcset="https://www.wilou-informatique.fr/wp-content/uploads/2026/08/informatique-landerneau-wilou-informatique-1.webp 480w, https://www.wilou-informatique.fr/wp-content/uploads/2026/08/banniere-informatique-landerneau-wilou-informatique.webp 768w, https://www.wilou-informatique.fr/wp-content/uploads/2026/08/informatique-landerneau-wilou-informatique.webp 1280w, https://www.wilou-informatique.fr/wp-content/uploads/2026/08/informatique-landerneau-wilou-informatique-baniere.webp 1920w"
  imagesizes="100vw"
  fetchpriority="high">

<style>
  .wlu-fw-hero {
    --wlu-red: #ed1c2e;
    --wlu-red-dark: #c90e20;
    --wlu-black: #08080b;

    position: relative;
    isolation: isolate;
    width: 100vw;
    max-width: 100vw;
    min-height: clamp(450px, 34vw, 520px);
    margin-left: calc(50% - 50vw);
    overflow: hidden;
    color: #fff;
    background-color: var(--wlu-black);
    border-radius: 0;
    box-shadow: 0 26px 70px rgba(0, 0, 0, .20);
    font-family: "Plus Jakarta Sans", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
  }

  .wlu-fw-hero,
  .wlu-fw-hero * {
    box-sizing: border-box;
  }

  .wlu-fw-hero :where(h1, p, a, span) {
    margin-top: 0;
  }

  .wlu-fw-hero::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
      linear-gradient(90deg,
        rgba(8, 8, 11, .48) 0%,
        rgba(8, 8, 11, .38) 34%,
        rgba(8, 8, 11, .23) 53%,
        rgba(8, 8, 11, .07) 73%,
        transparent 100%),
      linear-gradient(0deg, rgba(8, 8, 11, .06), transparent 48%);
    pointer-events: none;
  }

  .wlu-fw-hero::after {
    content: "";
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg,
      transparent 0%,
      rgba(237, 28, 46, .12) 24%,
      rgba(237, 28, 46, .34) 50%,
      rgba(237, 28, 46, .12) 76%,
      transparent 100%);
    box-shadow: none;
    opacity: .70;
    pointer-events: none;
  }

  .wlu-fw-hero__media {
    position: absolute;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    background:
      radial-gradient(circle at 78% 42%, rgba(237, 28, 46, .08), transparent 26%),
      linear-gradient(135deg, #08080b, #121217 66%, #08080b);
  }

  .wlu-fw-hero__media picture,
  .wlu-fw-hero__media img {
    width: 100%;
    height: 100%;
    display: block;
  }

  .wlu-fw-hero__media img {
    object-fit: cover;
    object-position: center right;
    filter: brightness(.91) saturate(.98) contrast(1.02);
  }

  .wlu-fw-hero__media::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: clamp(38px, 4vw, 60px);
    background: linear-gradient(0deg,
      rgba(8, 8, 11, .78) 0%,
      rgba(8, 8, 11, .42) 34%,
      rgba(8, 8, 11, .12) 70%,
      transparent 100%);
    pointer-events: none;
  }

  .wlu-fw-hero__inner {
    position: relative;
    z-index: 2;
    width: min(100%, 1420px);
    min-height: inherit;
    margin: 0 auto;
    padding: clamp(40px, 4.5vw, 60px) clamp(30px, 6vw, 86px);
    display: flex;
    align-items: center;
  }

  .wlu-fw-hero__content {
    position: relative;
    width: min(100%, 650px);
    text-shadow: 0 2px 18px rgba(0, 0, 0, .88);
  }

  .wlu-fw-hero__status {
    width: fit-content;
    max-width: 100%;
    margin-bottom: 17px;
    padding: 7px 11px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #fff;
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 999px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    font-size: 9px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .10em;
    text-transform: uppercase;
  }

  .wlu-fw-hero__status-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--wlu-red);
    box-shadow: 0 0 0 5px rgba(237, 28, 46, .10);
    animation: wluFwPulse 2.5s ease-in-out infinite;
  }

  @keyframes wluFwPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .42; transform: scale(.78); }
  }

  .wlu-fw-hero__eyebrow {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 11px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .16em;
    text-transform: uppercase;
  }

  .wlu-fw-hero__eyebrow::before {
    content: "";
    width: 27px;
    height: 2px;
    border-radius: 99px;
    background: var(--wlu-red);
  }

  .wlu-fw-hero__title {
    max-width: 630px;
    margin-bottom: 18px;
    color: #fff;
    font-family: inherit;
    font-size: clamp(35px, 3.5vw, 51px);
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -.036em;
    word-spacing: .035em;
  }

  .wlu-fw-hero__title-red {
    display: inline-block;
    color: var(--wlu-red);
  }

  .wlu-fw-hero__lead {
    max-width: 570px;
    margin-bottom: 23px;
    color: #fff;
    font-size: clamp(13px, 1vw, 15px);
    font-weight: 500;
    line-height: 1.58;
  }

  .wlu-fw-hero__lead strong {
    color: #fff;
    font-weight: 700;
  }

  .wlu-fw-hero__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
  }

  .wlu-fw-hero__button {
    min-height: 44px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 999px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none !important;
    transition: transform .24s ease, background .24s ease, border-color .24s ease, box-shadow .24s ease;
  }

  .wlu-fw-hero__button--primary {
    color: #fff !important;
    background: linear-gradient(135deg, #f12b3d, var(--wlu-red-dark));
    border: 1px solid rgba(255, 255, 255, .16);
    box-shadow: 0 13px 32px rgba(237, 28, 46, .24);
  }

  .wlu-fw-hero__button svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    transition: transform .24s ease;
  }

  .wlu-fw-hero__button:hover,
  .wlu-fw-hero__button:focus-visible {
    color: #fff !important;
    transform: translateY(-2px);
  }

  .wlu-fw-hero__button--primary:hover,
  .wlu-fw-hero__button--primary:focus-visible {
    background: linear-gradient(135deg, #fa3345, #d61125);
    box-shadow: 0 17px 40px rgba(237, 28, 46, .31);
  }

  .wlu-fw-hero__button:hover svg {
    transform: translateX(3px);
  }

  .wlu-fw-hero__button:focus-visible {
    outline: 3px solid rgba(237, 28, 46, .30);
    outline-offset: 4px;
  }

  @media (max-width: 1050px) {
    .wlu-fw-hero {
      min-height: 450px;
    }

    .wlu-fw-hero::before {
      background:
        linear-gradient(90deg,
          rgba(8, 8, 11, .53) 0%,
          rgba(8, 8, 11, .42) 43%,
          rgba(8, 8, 11, .25) 68%,
          rgba(8, 8, 11, .04) 100%),
        linear-gradient(0deg, rgba(8, 8, 11, .07), transparent 45%);
    }

    .wlu-fw-hero__inner {
      padding: 43px 34px;
    }

    .wlu-fw-hero__content {
      width: min(58%, 580px);
    }

    .wlu-fw-hero__title {
      font-size: clamp(33px, 4.55vw, 44px);
    }

    .wlu-fw-hero__media img {
      object-position: 61% center;
    }
  }

  @media (max-width: 900px) {
    .wlu-fw-hero {
      min-height: clamp(500px, 76vw, 620px);
      display: block;
      border-radius: 0;
    }

    .wlu-fw-hero::before {
      display: block;
      background:
        linear-gradient(180deg,
          rgba(8, 8, 11, .69) 0%,
          rgba(8, 8, 11, .58) 33%,
          rgba(8, 8, 11, .41) 57%,
          rgba(8, 8, 11, .17) 82%,
          rgba(8, 8, 11, .07) 100%),
        linear-gradient(90deg, rgba(8, 8, 11, .08), transparent 58%, rgba(8, 8, 11, .04));
    }

    .wlu-fw-hero__media {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
    }

    .wlu-fw-hero__media img {
      object-position: 52% center;
      filter: brightness(.88) saturate(.98) contrast(1.02);
    }

    .wlu-fw-hero__media::after {
      height: clamp(36px, 6vw, 54px);
      background: linear-gradient(0deg,
        rgba(8, 8, 11, .76) 0%,
        rgba(8, 8, 11, .40) 36%,
        rgba(8, 8, 11, .10) 72%,
        transparent 100%);
    }

    .wlu-fw-hero__inner {
      min-height: inherit;
      padding: 40px 26px 42px;
      align-items: flex-start;
      justify-content: center;
    }

    .wlu-fw-hero__content {
      width: 100%;
      max-width: 620px;
      text-align: center;
    }

    .wlu-fw-hero__status,
    .wlu-fw-hero__eyebrow,
    .wlu-fw-hero__actions {
      margin-right: auto;
      margin-left: auto;
      justify-content: center;
    }

    .wlu-fw-hero__title {
      max-width: 600px;
      margin-right: auto;
      margin-left: auto;
      font-size: clamp(31px, 5.3vw, 42px);
    }

    .wlu-fw-hero__lead {
      max-width: 560px;
      margin-right: auto;
      margin-left: auto;
    }
  }

  /* Mobile : rendu premium sans photo.
     La bannière devient plus lisible et l'image n'est pas téléchargée. */
  @media (max-width: 767px) {
    .wlu-fw-hero {
      min-height: auto;
      background:
        radial-gradient(circle at 50% 112%, rgba(237, 28, 46, .15), transparent 46%),
        radial-gradient(circle at 4% 0%, rgba(255, 255, 255, .055), transparent 34%),
        linear-gradient(145deg, #17171e 0%, #0e0e14 58%, #08080c 100%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .055),
        0 18px 42px rgba(0, 0, 0, .24);
    }

    .wlu-fw-hero::before {
      display: block;
      background: linear-gradient(180deg,
        rgba(255, 255, 255, .025) 0%,
        transparent 42%,
        rgba(237, 28, 46, .025) 100%);
    }

    .wlu-fw-hero__media {
      display: none;
    }

    .wlu-fw-hero__inner {
      min-height: auto;
      padding: 44px 22px 48px;
      align-items: center;
    }

    .wlu-fw-hero__content {
      max-width: 560px;
      text-shadow: 0 2px 15px rgba(0, 0, 0, .48);
    }

    .wlu-fw-hero__status {
      background: rgba(255, 255, 255, .075);
      border-color: rgba(255, 255, 255, .16);
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }

    .wlu-fw-hero__lead {
      max-width: 36ch;
    }
  }

  @media (max-width: 480px) {
    .wlu-fw-hero {
      min-height: auto;
      border-radius: 0;
    }

    .wlu-fw-hero__inner {
      padding: 26px 17px 28px;
    }

    .wlu-fw-hero__status {
      margin-bottom: 12px;
      padding: 7px 10px;
      font-size: 8px;
      letter-spacing: .07em;
    }

    .wlu-fw-hero__eyebrow {
      margin-bottom: 8px;
      font-size: 9px;
      letter-spacing: .12em;
    }

    .wlu-fw-hero__title {
      margin-bottom: 13px;
      font-size: clamp(27px, 8vw, 34px);
      line-height: 1.03;
    }

    .wlu-fw-hero__lead {
      margin-bottom: 17px;
      font-size: 13px;
      line-height: 1.47;
    }

    .wlu-fw-hero__actions {
      width: 100%;
      gap: 10px;
    }

    .wlu-fw-hero__media img {
      object-position: 51% center;
    }

    .wlu-fw-hero__button {
      width: auto;
      min-height: 44px;
    }
  }

  @media (max-width: 350px) {
    .wlu-fw-hero {
      min-height: auto;
    }

    .wlu-fw-hero__inner {
      padding-right: 14px;
      padding-left: 14px;
    }

    .wlu-fw-hero__title {
      font-size: 27px;
    }

    .wlu-fw-hero__lead {
      font-size: 12px;
    }

    .wlu-fw-hero__eyebrow {
      display: none;
    }
  }

  @media (min-width: 768px) and (max-width: 900px) and (orientation: landscape) and (max-height: 520px) {
    .wlu-fw-hero {
      min-height: 390px;
    }

    .wlu-fw-hero::before {
      background:
        linear-gradient(90deg,
          rgba(8, 8, 11, .59) 0%,
          rgba(8, 8, 11, .48) 48%,
          rgba(8, 8, 11, .22) 72%,
          rgba(8, 8, 11, .04) 100%),
        linear-gradient(0deg, rgba(8, 8, 11, .06), transparent 52%);
    }

    .wlu-fw-hero__inner {
      padding: 26px 32px;
      align-items: center;
      justify-content: flex-start;
    }

    .wlu-fw-hero__content {
      width: min(58%, 500px);
      margin: 0;
      text-align: left;
    }

    .wlu-fw-hero__status {
      display: none;
    }

    .wlu-fw-hero__eyebrow,
    .wlu-fw-hero__actions {
      margin-right: 0;
      margin-left: 0;
      justify-content: flex-start;
    }

    .wlu-fw-hero__title {
      margin-right: 0;
      margin-bottom: 13px;
      margin-left: 0;
      font-size: clamp(27px, 4.4vw, 35px);
    }

    .wlu-fw-hero__lead {
      max-width: 48ch;
      margin-right: 0;
      margin-bottom: 17px;
      margin-left: 0;
      font-size: 12px;
      line-height: 1.45;
    }

    .wlu-fw-hero__media img {
      object-position: 67% center;
      filter: brightness(.89) saturate(.98) contrast(1.02);
    }
  }

  @media (min-width: 901px) and (max-height: 620px) {
    .wlu-fw-hero {
      min-height: 430px;
    }

    .wlu-fw-hero__inner {
      padding-top: 34px;
      padding-bottom: 34px;
    }

    .wlu-fw-hero__status {
      margin-bottom: 16px;
    }

    .wlu-fw-hero__title {
      margin-bottom: 18px;
      font-size: clamp(32px, 3.7vw, 45px);
    }

    .wlu-fw-hero__lead {
      margin-bottom: 22px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .wlu-fw-hero *,
    .wlu-fw-hero *::before,
    .wlu-fw-hero *::after {
      animation: none !important;
      transition: none !important;
    }
  }
</style>

<section class="wlu-fw-hero" aria-labelledby="wlu-fw-title">
  <div class="wlu-fw-hero__media" aria-hidden="true">
    <picture>
<source
media="(max-width: 767px)"
        srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==">
      <img
        src="https://www.wilou-informatique.fr/wp-content/uploads/2026/08/informatique-landerneau-wilou-informatique-baniere.webp"
        srcset="https://www.wilou-informatique.fr/wp-content/uploads/2026/08/informatique-landerneau-wilou-informatique-1.webp 480w, https://www.wilou-informatique.fr/wp-content/uploads/2026/08/banniere-informatique-landerneau-wilou-informatique.webp 768w, https://www.wilou-informatique.fr/wp-content/uploads/2026/08/informatique-landerneau-wilou-informatique.webp 1280w, https://www.wilou-informatique.fr/wp-content/uploads/2026/08/informatique-landerneau-wilou-informatique-baniere.webp 1920w"
        sizes="100vw"
        alt=""
        width="1920"
        height="812"
        loading="eager"
        decoding="async"
        fetchpriority="high">
    </picture>
  </div>

  <div class="wlu-fw-hero__inner">
    <div class="wlu-fw-hero__content">

      <!-- Tu pourras retirer ce petit statut après les congés. -->
      <div class="wlu-fw-hero__status">
        <span class="wlu-fw-hero__status-dot" aria-hidden="true"></span>
        Congés annuels · Réouverture début septembre
      </div>

      <p class="wlu-fw-hero__eyebrow">Wilou-Informatique · Landerneau</p> 

      <h1 class="wlu-fw-hero__title" id="wlu-fw-title">
        Réparation informatique<br />
        <span class="wlu-fw-hero__title-red">à Landerneau</span>
      </h1>

      <p class="wlu-fw-hero__lead">
        Ordinateurs, smartphones, tablettes et consoles : bénéficiez d’un
        <strong>diagnostic précis, d’un devis transparent et d’une réparation soignée</strong>
        à Landerneau.
      </p> 

      <div class="wlu-fw-hero__actions">
        <a class="wlu-fw-hero__button wlu-fw-hero__button--primary" href="https://www.wilou-informatique.fr/contact/">
          Prendre rendez-vous
          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <path d="M5 12h14M13 6l6 6-6 6"/>
          </svg>
        </a>

      </div>
    </div>
  </div>
</section>

<!-- =======================================================
     FIN DU CODE À COLLER DANS UN MODULE CODE DIVI / WORDPRESS
     ======================================================= -->

</body>
</html></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_1 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_1">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_1  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"><!-- =========================================================
     BLOC SERVICES PREMIUM — WILOU-INFORMATIQUE
     VERSION SANS RÉPÉTITION
     "VOTRE INTERLOCUTEUR À LANDERNEAU" = 1 SEULE FOIS
     FOND NOIR
     ========================================================= -->

<style>

  .wlu-solutions{
    --wlu-red:#ed1c2e;
    --wlu-red-dark:#c90e20;
    --wlu-white:#ffffff;
    --wlu-muted:rgba(255,255,255,.82);
    --wlu-line:rgba(255,255,255,.11);

    position:relative;
    isolation:isolate;

    width:100vw;
    max-width:100vw;

    margin-left:calc(50% - 50vw);

    padding:clamp(30px,3vw,46px) 0;

    overflow:hidden;

    color:var(--wlu-white);
    background:#05080a;

    font-family:inherit;
    -webkit-font-smoothing:antialiased;

    content-visibility:auto;
    contain-intrinsic-size:540px;
  }

  .wlu-solutions,
  .wlu-solutions *{
    box-sizing:border-box;
  }

  .wlu-solutions::before,
  .wlu-solutions::after{
    content:none;
  }

  .wlu-solutions__container{
    position:relative;
    z-index:1;

    width:min(100% - 44px,1140px);
    margin:0 auto;
  }


  /* =========================================================
     HEADER
     ========================================================= */

  .wlu-solutions__header{
    max-width:1080px;

    margin:0 auto;

    text-align:center;
  }

  .wlu-solutions__eyebrow{
    margin:0 0 7px;

    display:inline-flex;
    align-items:center;

    gap:10px;

    color:rgba(255,255,255,.66);

    font-size:10px;
    font-weight:800;
    line-height:1.2;

    letter-spacing:.15em;
    text-transform:uppercase;
  }

  .wlu-solutions__eyebrow::before{
    content:"";

    width:26px;
    height:2px;

    border-radius:99px;

    background:var(--wlu-red);
  }

  .wlu-solutions__title{
    max-width:1080px;

    margin:0 auto !important;

    color:#ffffff !important;

    font-size:30px !important;
    font-weight:800 !important;
    line-height:1.08 !important;

    letter-spacing:-.03em !important;
  }

  .wlu-solutions__title span{
    color:var(--wlu-red);
  }


  /* =========================================================
     PREUVES
     ========================================================= */

  .wlu-solutions__proofs{
    max-width:760px;

    margin:15px auto 0;

    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .wlu-solutions__proof{
    min-height:34px;

    padding:2px 18px;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    color:rgba(255,255,255,.72);

    border-right:1px solid rgba(255,255,255,.14);

    font-size:13px;
    font-weight:700;
    line-height:1.25;

    text-align:center;
  }

  .wlu-solutions__proof:last-child{
    border-right:0;
  }

  .wlu-solutions__proof-mark{
    width:5px;
    height:5px;
    flex:0 0 5px;

    border-radius:50%;

    background:var(--wlu-red);
  }

  .wlu-solutions__proof strong{
    color:#ffffff;
    font-weight:800;
  }


  /* =========================================================
     IMAGE + CONTENU
     ========================================================= */

  .wlu-solutions__showcase{
    margin-top:clamp(20px,2vw,27px);

    display:grid;

    grid-template-columns:
      minmax(0,.82fr)
      minmax(0,1.18fr);

    align-items:center;

    gap:clamp(32px,4.4vw,58px);
  }


  /* =========================================================
     IMAGE
     ========================================================= */

  .wlu-solutions__visual{
    position:relative;

    min-width:0;
    height:350px;

    margin:0;

    overflow:hidden;

    background:#f2f2f2;

    border:1px solid rgba(255,255,255,.09);
    border-radius:20px;

    box-shadow:
      0 20px 48px rgba(0,0,0,.34);
  }

  .wlu-solutions__visual img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;
    object-position:center;
  }


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

  .wlu-solutions__content{
    min-width:0;
  }

  .wlu-solutions__content-kicker{
    margin:0 0 8px;

    color:var(--wlu-red);

    font-size:11px;
    font-weight:800;
    line-height:1.2;

    letter-spacing:.16em;
    text-transform:uppercase;
  }

  .wlu-solutions__content-title{
    margin:0 0 11px !important;

    color:#ffffff !important;

    font-size:30px !important;
    font-weight:700 !important;
    line-height:1.12 !important;

    letter-spacing:-.02em !important;
  }

  .wlu-solutions__copy{
    margin:0;

    color:var(--wlu-muted);

    font-size:14px;
    line-height:1.55;
  }

  .wlu-solutions__copy strong{
    color:#ffffff;
    font-weight:800;
  }


  /* =========================================================
     ENGAGEMENTS
     ========================================================= */

  .wlu-solutions__commitments{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));

    margin-top:17px;

    border-top:1px solid var(--wlu-line);
    border-bottom:1px solid var(--wlu-line);
  }

  .wlu-solutions__commitment{
    min-width:0;

    padding:15px 16px;

    border-right:1px solid var(--wlu-line);
  }

  .wlu-solutions__commitment:first-child{
    padding-left:0;
  }

  .wlu-solutions__commitment:last-child{
    padding-right:0;
    border-right:0;
  }

  .wlu-solutions__commitment-title{
    margin:0 0 5px !important;

    color:#ffffff !important;

    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
  }

  .wlu-solutions__commitment-title::before{
    content:"";

    width:5px;
    height:5px;

    margin-right:7px;

    display:inline-block;

    vertical-align:2px;

    border-radius:50%;

    background:var(--wlu-red);
  }

  .wlu-solutions__commitment-text{
    margin:0;

    color:rgba(255,255,255,.76);

    font-size:12px;
    line-height:1.52;
  }


  /* =========================================================
     SIGNATURE
     ========================================================= */

  .wlu-solutions__signature{
    margin:14px 0 0;

    padding-left:12px;

    display:flex;
    align-items:baseline;

    gap:8px;

    border-left:2px solid var(--wlu-red);

    color:rgba(255,255,255,.68);

    font-size:12px;
    line-height:1.4;
  }

  .wlu-solutions__signature strong{
    color:#ffffff;

    font-size:13px;
    font-weight:800;
  }


  /* =========================================================
     CTA
     ========================================================= */

  .wlu-solutions__actions{
    margin-top:15px;

    display:flex;
    align-items:center;

    gap:19px;

    flex-wrap:wrap;
  }

  .wlu-solutions__button{
    min-height:42px;

    padding:0 19px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    color:#ffffff !important;

    background:var(--wlu-red-dark);

    border:1px solid var(--wlu-red-dark);
    border-radius:999px;

    box-shadow:
      0 10px 24px rgba(237,28,46,.14);

    font-size:13px;
    font-weight:800;
    line-height:1;

    text-decoration:none !important;

    transition:
      transform .2s ease,
      box-shadow .2s ease,
      background .2s ease;
  }

  .wlu-solutions__button svg{
    width:16px;
    height:16px;
    flex:0 0 16px;
  }

  .wlu-solutions__button:hover,
  .wlu-solutions__button:focus-visible{
    color:#ffffff !important;

    background:#b60b1b;

    box-shadow:
      0 13px 27px rgba(237,28,46,.20);

    transform:translateY(-2px);
  }

  .wlu-solutions__text-link{
    color:rgba(255,255,255,.72) !important;

    font-size:13px;
    font-weight:750;
    line-height:1.4;

    text-decoration:none !important;

    border-bottom:1px solid rgba(255,255,255,.24);

    transition:
      color .2s ease,
      border-color .2s ease;
  }

  .wlu-solutions__text-link:hover,
  .wlu-solutions__text-link:focus-visible{
    color:#ffffff !important;
    border-color:var(--wlu-red);
  }


  /* =========================================================
     TABLETTE
     ========================================================= */

  @media(max-width:980px){

    .wlu-solutions__showcase{
      grid-template-columns:
        minmax(0,.9fr)
        minmax(0,1.1fr);

      gap:24px;
    }

  }


  /* =========================================================
     MOBILE
     ========================================================= */

  @media(max-width:760px){

    .wlu-solutions{
      padding:36px 0 42px;

      contain-intrinsic-size:920px;
    }

    .wlu-solutions__container{
      width:min(100% - 34px,640px);
    }

    .wlu-solutions__title{
      font-size:30px !important;
    }


    /* PREUVES */

    .wlu-solutions__proofs{
      margin:18px 0 24px;

      grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .wlu-solutions__proof{
      min-height:42px;

      padding:4px 8px;

      font-size:10px;
    }


    /* IMAGE + CONTENU */

    .wlu-solutions__showcase{
      display:flex;
      flex-direction:column;

      margin-top:0;

      gap:22px;
    }

    .wlu-solutions__visual{
      order:1;

      width:100%;
      height:auto;

      aspect-ratio:16/10;

      border-radius:18px;
    }

    .wlu-solutions__content{
      order:2;
    }

    .wlu-solutions__content-title{
      font-size:30px !important;
    }

    .wlu-solutions__commitments{
      grid-template-columns:repeat(3,minmax(0,1fr));
    }

  }


  /* =========================================================
     PETIT MOBILE
     ========================================================= */

  @media(max-width:520px){

    .wlu-solutions__commitments{
      grid-template-columns:1fr;
    }

    .wlu-solutions__commitment,
    .wlu-solutions__commitment:first-child,
    .wlu-solutions__commitment:last-child{
      padding:12px 0;

      border-right:0;
      border-bottom:1px solid rgba(255,255,255,.10);
    }

    .wlu-solutions__commitment:last-child{
      border-bottom:0;
    }

    .wlu-solutions__signature{
      display:block;
    }

    .wlu-solutions__signature span{
      display:block;
      margin-top:2px;
    }

    .wlu-solutions__actions{
      gap:15px;
    }

    .wlu-solutions__button{
      width:100%;
    }

    .wlu-solutions__text-link{
      margin:0 auto;
    }

  }


  @media(prefers-reduced-motion:reduce){

    .wlu-solutions__button,
    .wlu-solutions__text-link{
      transition:none;
    }

  }

</style>


<section
  class="wlu-solutions"
  aria-labelledby="wlu-solutions-title"
>

  <div class="wlu-solutions__container">


    <!-- =====================================================
         TITRE PRINCIPAL
         ===================================================== -->

    <header class="wlu-solutions__header">

      <p class="wlu-solutions__eyebrow">
        Wilou-Informatique · Landerneau
      </p> 

      <h2
        class="wlu-solutions__title"
        id="wlu-solutions-title"
      >
        Une expertise locale, un suivi
        <span>vraiment personnel.</span>
      </h2>

    </header>


    <!-- =====================================================
         PREUVES
         ===================================================== -->

    <div
      class="wlu-solutions__proofs"
      aria-label="Les engagements Wilou-Informatique"
    >

      <div class="wlu-solutions__proof">

        <span
          class="wlu-solutions__proof-mark"
          aria-hidden="true"
        ></span>

        <span>
          <strong>5,0/5</strong> sur Google
        </span>

      </div>


      <div class="wlu-solutions__proof">

        <span
          class="wlu-solutions__proof-mark"
          aria-hidden="true"
        ></span>

        <span>
          <strong>+500</strong> interventions
        </span>

      </div>


      <div class="wlu-solutions__proof">

        <span
          class="wlu-solutions__proof-mark"
          aria-hidden="true"
        ></span>

        <span>
          Service local à <strong>Landerneau</strong>
        </span>

      </div>

    </div>


    <!-- =====================================================
         IMAGE + CONTENU
         ===================================================== -->

    <div class="wlu-solutions__showcase">


      <!-- IMAGE -->

      <figure class="wlu-solutions__visual">

        <img
          src="https://www.wilou-informatique.fr/wp-content/uploads/2026/04/informatique-landerneau-reparation-ordinateur.webp"
          alt="Réparation d’un ordinateur dans l’atelier Wilou-Informatique à Landerneau"
          width="1000"
          height="1000"
          loading="lazy"
          decoding="async"
          fetchpriority="low"
        >

      </figure>


      <!-- ===================================================
           CONTENU
           =================================================== -->

      <div class="wlu-solutions__content">

        <p class="wlu-solutions__content-kicker">
          Un service humain et transparent
        </p> 

        <h3 class="wlu-solutions__content-title">
          Une prise en charge claire, du diagnostic à la restitution.
        </h3>

        <p class="wlu-solutions__copy">
          Votre appareil est suivi avec attention du premier contrôle
          jusqu’à sa restitution. Chaque étape vous est expliquée simplement :
          <strong>
            panne identifiée, solution proposée et tarif validé avant intervention.
          </strong>
        </p> 


        <!-- =================================================
             ENGAGEMENTS
             ================================================= -->

        <div
          class="wlu-solutions__commitments"
          aria-label="Nos engagements"
        >


          <article class="wlu-solutions__commitment">

            <h4 class="wlu-solutions__commitment-title">
              Diagnostic expliqué
            </h4>

            <p class="wlu-solutions__commitment-text">
              Une cause identifiée et des explications compréhensibles.
            </p> 

          </article>


          <article class="wlu-solutions__commitment">

            <h4 class="wlu-solutions__commitment-title">
              Devis transparent
            </h4>

            <p class="wlu-solutions__commitment-text">
              Aucune réparation engagée sans votre accord.
            </p> 

          </article>


          <article class="wlu-solutions__commitment">

            <h4 class="wlu-solutions__commitment-title">
              Contrôle final
            </h4>

            <p class="wlu-solutions__commitment-text">
              L’appareil est vérifié avant sa restitution.
            </p> 

          </article>


        </div>


        <!-- =================================================
             SIGNATURE
             "INTERLOCUTEUR" UNIQUEMENT ICI
             ================================================= -->

        <p class="wlu-solutions__signature">

          <strong>
            Wilson
          </strong>

          <span>
            Votre interlocuteur à Landerneau
          </span>

        </p> 


        <!-- =================================================
             CTA
             ================================================= -->

        <div class="wlu-solutions__actions">

          <a
            class="wlu-solutions__button"
            href="https://www.wilou-informatique.fr/contact/"
          >
            Parler de votre réparation

            <svg
              viewbox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
              stroke-linejoin="round"
              aria-hidden="true"
            >
              <path d="M5 12h14M13 6l6 6-6 6"></path>
            </svg>

          </a>


          <a
            class="wlu-solutions__text-link"
            href="tel:+33777674723"
            aria-label="Appeler Wilou-Informatique au 07 77 67 47 23"
          >
            07 77 67 47 23
          </a>

        </div>


      </div>

    </div>

  </div>

</section>

<!-- FIN DU BLOC SERVICES PREMIUM --></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_2 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_2">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_2  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"><style>
  .wlu-process{
    --r:#ed1c2e;
    --r-dark:#c90e20;
    --encre:#000;
    position:relative;
    isolation:isolate;
    width:100%;
    padding:clamp(18px,2vw,28px) 0;
    color:#000;
    background:transparent;
    font-family:inherit;
    -webkit-font-smoothing:antialiased;
    content-visibility:auto;
    contain-intrinsic-size:500px;
  }

  .wlu-process,
  .wlu-process *{
    box-sizing:border-box;
  }

  .wlu-process__container{
    width:min(100% - 44px,1060px);
    margin:0 auto;
  }

  .wlu-process__showcase{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,.91fr);
    align-items:center;
    gap:clamp(30px,3.5vw,46px);
  }

  .wlu-process__content,
  .wlu-process__media{
    min-width:0;
  }

  .wlu-process__media{
    transform:translateY(-34px);
  }

  /* ——— En-tête ——— */
  .wlu-process__header{
    max-width:1000px;
    margin:0 auto clamp(34px,3.5vw,44px);
    text-align:center;
  }

  .wlu-process__eyebrow{
    margin:0 0 9px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#000;
    font-size:10px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:.15em;
    text-transform:uppercase;
  }

  .wlu-process__eyebrow::before,
  .wlu-process__eyebrow::after{
    content:"";
    width:22px;
    height:2px;
    border-radius:99px;
    background:var(--r-dark);
  }

  .wlu-process__title{
    margin:0;
    color:#000;
    font-size:30px;
    font-weight:800;
    line-height:1.12;
    letter-spacing:-.03em;
  }

  .wlu-process__title span{
    color:var(--r-dark);
  }

  .wlu-process__subtitle{
    margin:13px auto 0;
    max-width:900px;
    color:#000;
    font-size:14px;
    line-height:1.55;
  }

  /* ——— Étapes ——— */
  .wlu-process__steps{
    margin:0;
    padding:0;
    list-style:none;
    display:grid;
    gap:11px;
  }

  .wlu-process__steps li{
    list-style:none !important;
  }

  .wlu-process__steps li::marker{
    content:"" !important;
  }

  .wlu-process__steps li::before{
    display:none !important;
  }

  .wlu-process__step{
    padding:13px 16px;
    background:rgba(255,255,255,.78);
    -webkit-backdrop-filter:blur(8px) saturate(1.05);
    backdrop-filter:blur(8px) saturate(1.05);
    border:1px solid rgba(255,255,255,.85);
    border-radius:13px;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.9),
      0 2px 5px rgba(15,21,25,.05),
      0 11px 27px rgba(15,21,25,.075);
  }

  .wlu-process__step-title{
    margin:0 0 6px;
    color:#000;
    font-size:13.5px;
    font-weight:700;
    line-height:1.3;
  }

  .wlu-process__number{
    margin-right:8px;
    color:var(--r-dark);
    font-size:10.5px;
    font-weight:800;
    font-variant-numeric:tabular-nums;
    letter-spacing:.08em;
  }

  .wlu-process__step-text{
    margin:0;
    color:#000;
    font-size:11.5px;
    line-height:1.55;
  }

  .wlu-process__note{
    margin:16px 0 0;
    color:#000;
    font-size:11.5px;
    line-height:1.45;
  }

  /* ——— Actions ——— */
  .wlu-process__actions{
    margin-top:17px;
    display:flex;
    align-items:center;
    gap:22px;
    flex-wrap:wrap;
  }

  .wlu-process__button{
    min-height:40px;
    padding:0 18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    color:#fff !important;
    background:linear-gradient(180deg,#d61628,#b30d1d);
    border-radius:999px;
    box-shadow:none;
    font-size:12.5px;
    font-weight:800;
    line-height:1;
    text-decoration:none !important;
    transition:filter .25s ease,transform .25s ease;
  }

  .wlu-process__button svg{
    width:14px;
    height:14px;
    flex:0 0 14px;
  }

  .wlu-process__button:hover,
  .wlu-process__button:focus-visible{
    filter:brightness(1.08);
    transform:translateY(-1px);
    color:#fff !important;
  }

  .wlu-process__text-link{
    color:#000 !important;
    font-size:12.5px;
    font-weight:750;
    text-decoration:none !important;
    border-bottom:1px solid rgba(0,0,0,.35);
    padding-bottom:1px;
    transition:color .25s ease,border-color .25s ease;
  }

  .wlu-process__text-link:hover{
    color:var(--r-dark) !important;
    border-color:var(--r-dark);
  }

  .wlu-process__button:focus-visible,
  .wlu-process__text-link:focus-visible{
    outline:2px solid var(--r-dark);
    outline-offset:4px;
  }

  /* ——— Vidéo ——— */
  .wlu-process__video-frame{
    position:relative;
    margin:0;
    overflow:hidden;
    aspect-ratio:16/9;
    background:#0a0d0f;
    border-radius:17px;
    box-shadow:
      0 2px 6px rgba(15,21,25,.12),
      0 24px 52px rgba(15,21,25,.2);
  }

  .wlu-process__video{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    background:#0a0d0f;
  }

  .wlu-process__caption{
    margin:14px 0 0;
    color:#000;
    font-size:11.5px;
    line-height:1.45;
    text-align:center;
  }

  /* ——— Responsive ——— */
  @media (max-width:900px){
    .wlu-process{
      padding:20px 0;
    }

    .wlu-process__header{
      margin-bottom:30px;
    }

    .wlu-process__showcase{
      grid-template-columns:1fr;
      gap:30px;
    }

    .wlu-process__media{
      transform:none;
      order:1;
    }

    .wlu-process__content{
      order:2;
    }
  }

  @media (max-width:520px){
    .wlu-process__container{
      width:min(100% - 28px,1060px);
    }

    .wlu-process__title{
      font-size:26px;
    }

    .wlu-process__header{
      margin-bottom:26px;
    }

    .wlu-process__steps{
      gap:10px;
    }

    .wlu-process__step{
      padding:13px 14px;
    }

    .wlu-process__button{
      width:100%;
    }

    .wlu-process__actions{
      justify-content:center;
    }

    .wlu-process__text-link{
      margin:0 auto;
    }

    .wlu-process__video-frame{
      border-radius:13px;
    }
  }

  @media (prefers-reduced-motion:reduce){
    .wlu-process *{
      transition:none !important;
    }
  }
</style>

<section class="wlu-process" aria-labelledby="wlu-process-title">
  <div class="wlu-process__container">

    <header class="wlu-process__header">
      <p class="wlu-process__eyebrow">Le parcours de réparation</p> 

      <h2 class="wlu-process__title" id="wlu-process-title">
        Comment se déroule la réparation de <span>votre appareil ?</span>
      </h2>

      <p class="wlu-process__subtitle">
        Vous déposez votre appareil, on s'occupe du reste. Ordinateur, smartphone, tablette ou console.
      </p> 
    </header>

    <div class="wlu-process__showcase">

      <div class="wlu-process__content">
        <ol class="wlu-process__steps" aria-label="Les étapes de la réparation">

          <li class="wlu-process__step">
<br /><h3 class="wlu-process__step-title">
              <span class="wlu-process__number" aria-hidden="true">01</span>Diagnostic
            </h3>

            <p class="wlu-process__step-text">
              On examine votre appareil, on vous explique la panne et on vous donne le prix. Rien n'est fait sans votre accord.
            </p> 
          </li>

          <li class="wlu-process__step">
<br /><h3 class="wlu-process__step-title">
              <span class="wlu-process__number" aria-hidden="true">02</span>Réparation
            </h3>

            <p class="wlu-process__step-text">
              La réparation se fait à l'atelier, à Landerneau, avec des pièces de qualité. Vos données restent en sécurité.
            </p> 
          </li>

          <li class="wlu-process__step">
<br /><h3 class="wlu-process__step-title">
              <span class="wlu-process__number" aria-hidden="true">03</span>Restitution
            </h3>

            <p class="wlu-process__step-text">
              On teste tout, puis on vous prévient dès que c'est prêt. La réparation est garantie.
            </p> 
          </li>

        </ol>

        <p class="wlu-process__note">
          Un appareil de prêt peut vous être proposé pendant la réparation.
        </p> 

        <div class="wlu-process__actions">
          <a class="wlu-process__button" href="https://www.wilou-informatique.fr/contact/">
            Contactez-nous
            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
          </a>

          <a class="wlu-process__text-link" href="tel:+33777674723" aria-label="Appeler Wilou-Informatique au 07 77 67 47 23">
            07 77 67 47 23
          </a>
        </div>
      </div>

      <div class="wlu-process__media">
        <figure class="wlu-process__video-frame" style="margin:0">
          <video class="wlu-process__video" src="https://www.wilou-informatique.fr/wp-content/uploads/2026/04/reparation_iphone_landerneau.mp4" width="1024" height="576" autoplay muted loop playsinline preload="metadata" aria-label="Réparation d'un iPhone réalisée dans l'atelier Wilou-Informatique à Landerneau"></video>
        </figure>

        <p class="wlu-process__caption">
          Réparation filmée dans notre atelier, à Landerneau.
        </p> 
      </div>

    </div>
  </div>
</section>

<!-- FIN DU MODULE PROCESSUS · VERSION COMPACTE ET AÉRÉE --></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_3 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_3">
				<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_3">
				
				
				
				
				<div class="et_pb_code_inner"><style>
  .wlu-premium-services{
    --wlu-red:#ed1c2e;
    --wlu-red-light:#f52c3f;
    --wlu-red-dark:#a90b19;
    position:relative;
    isolation:isolate;
    width:100%;
    overflow:hidden;
    padding:clamp(32px,4.5vw,55px) 0;
    color:#fff;
    background:#050809;
    font-family:inherit;
    -webkit-font-smoothing:antialiased;
  }

  .wlu-premium-services,
  .wlu-premium-services *{
    box-sizing:border-box;
  }

  .wlu-ps__container{
    width:min(100% - 44px,1060px);
    margin:0 auto;
  }

  /* ——— En-tête ——— */

  .wlu-ps__header{
    max-width:800px;
    margin:0 auto clamp(28px,3.5vw,40px);
    text-align:center;
  }

  .wlu-ps__eyebrow{
    margin:0 0 8px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#fff;
    font-size:10px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:.15em;
    text-transform:uppercase;
  }

  .wlu-ps__eyebrow::before,
  .wlu-ps__eyebrow::after{
    content:"";
    width:22px;
    height:2px;
    border-radius:999px;
    background:var(--wlu-red);
  }

  .wlu-ps__title{
    margin:0;
    color:#fff;
    font-size:30px;
    font-weight:800;
    line-height:1.1;
    letter-spacing:-.03em;
  }

  .wlu-ps__title span{
    color:var(--wlu-red-light);
  }

  .wlu-ps__subtitle{
    max-width:700px;
    margin:11px auto 0;
    color:rgba(255,255,255,.78);
    font-size:14px;
    line-height:1.55;
  }

  /* ——— Grille ——— */

  .wlu-ps__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(15px,1.8vw,21px);
  }

  /* ——— Cartes ——— */

  .wlu-ps__card{
    position:relative;
    min-width:0;
    height:265px;
    border-radius:17px;
    perspective:1200px;
    -webkit-tap-highlight-color:transparent;
  }

  .wlu-ps__card-inner{
    position:relative;
    width:100%;
    height:100%;
    border-radius:inherit;
    transform-style:preserve-3d;
    transition:transform .68s cubic-bezier(.2,.78,.22,1);
    will-change:transform;
  }

  .wlu-ps__card.is-flipped .wlu-ps__card-inner{
    transform:rotateY(180deg);
  }

  @media (hover:hover) and (pointer:fine){
    .wlu-ps__card:hover .wlu-ps__card-inner{
      transform:rotateY(180deg);
    }
  }

  .wlu-ps__face{
    position:absolute;
    inset:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.12);
    border-radius:inherit;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
  }

  /* ——— Face avant ——— */

  .wlu-ps__front{
    display:flex;
    align-items:flex-end;
    background:#0c1114;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      0 4px 9px rgba(0,0,0,.18),
      0 19px 42px rgba(0,0,0,.3);
  }

  .wlu-ps__image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transform:scale(1.01);
    filter:saturate(.94) contrast(1.03);
    transition:transform .8s ease,filter .45s ease;
  }

  .wlu-ps__card:hover .wlu-ps__image{
    transform:scale(1.06);
    filter:saturate(1.05) contrast(1.04);
  }

  .wlu-ps__front::before{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    background:
      linear-gradient(
        180deg,
        rgba(2,5,7,.02) 15%,
        rgba(2,5,7,.12) 38%,
        rgba(2,5,7,.8) 73%,
        #020506 100%
      );
  }

  .wlu-ps__front::after{
    content:"";
    position:absolute;
    z-index:2;
    right:0;
    bottom:0;
    left:0;
    height:2px;
    opacity:.8;
    transform:scaleX(.35);
    background:linear-gradient(90deg,transparent,var(--wlu-red),transparent);
    transition:transform .4s ease;
  }

  .wlu-ps__card:hover .wlu-ps__front::after,
  .wlu-ps__card.is-flipped .wlu-ps__front::after{
    transform:scaleX(1);
  }

  .wlu-ps__index{
    position:absolute;
    z-index:3;
    top:14px;
    right:15px;
    color:rgba(255,255,255,.72);
    font-size:9px;
    font-weight:800;
    letter-spacing:.12em;
  }

  .wlu-ps__index::before{
    content:"";
    display:inline-block;
    width:14px;
    height:1px;
    margin-right:6px;
    vertical-align:middle;
    background:var(--wlu-red);
  }

  .wlu-ps__front-content{
    position:relative;
    z-index:4;
    width:100%;
    padding:18px;
    pointer-events:none;
  }

  .wlu-ps__icon{
    width:36px;
    height:36px;
    margin:0 0 11px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:linear-gradient(145deg,var(--wlu-red-light),var(--wlu-red-dark));
    border:1px solid rgba(255,255,255,.18);
    border-radius:10px;
    box-shadow:0 8px 19px rgba(237,28,46,.21);
  }

  .wlu-ps__icon svg{
    width:17px;
    height:17px;
    display:block;
  }

  .wlu-ps__front-title{
    margin:0;
    color:#fff;
    font-size:17px;
    font-weight:800;
    line-height:1.18;
    letter-spacing:-.02em;
  }

  .wlu-ps__front-text{
    margin:5px 0 0;
    color:rgba(255,255,255,.77);
    font-size:11px;
    line-height:1.45;
  }

  .wlu-ps__discover{
    margin-top:11px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:rgba(255,255,255,.88);
    font-size:9px;
    font-weight:800;
    line-height:1;
    letter-spacing:.1em;
    text-transform:uppercase;
  }

  .wlu-ps__discover svg{
    width:11px;
    height:11px;
  }

  .wlu-ps__flip-trigger{
    position:absolute;
    z-index:5;
    inset:0;
    width:100%;
    height:100%;
    padding:0;
    appearance:none;
    background:transparent;
    border:0;
    border-radius:inherit;
    cursor:pointer;
  }

  .wlu-ps__flip-trigger:focus-visible{
    outline:2px solid var(--wlu-red);
    outline-offset:3px;
  }

  /* ——— Face arrière ——— */

  .wlu-ps__back{
    z-index:6;
    transform:rotateY(180deg);
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:20px;
    background:linear-gradient(145deg,#151d22,#070b0e 72%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.09),
      0 20px 45px rgba(0,0,0,.36);
  }

  .wlu-ps__back-label{
    margin:0 0 8px;
    display:flex;
    align-items:center;
    gap:7px;
    color:var(--wlu-red-light);
    font-size:8px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:.14em;
    text-transform:uppercase;
  }

  .wlu-ps__back-label::before{
    content:"";
    width:17px;
    height:2px;
    border-radius:999px;
    background:currentColor;
  }

  .wlu-ps__back-title{
    margin:0;
    padding-right:25px;
    color:#fff;
    font-size:17px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:-.02em;
  }

  .wlu-ps__back-text{
    margin:8px 0 14px;
    color:rgba(255,255,255,.76);
    font-size:11px;
    line-height:1.5;
  }

  .wlu-ps__links{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }

  .wlu-ps__button{
    min-height:35px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#fff !important;
    background:linear-gradient(180deg,#ef293c,#b80d1e);
    border:1px solid rgba(255,255,255,.15);
    border-radius:999px;
    box-shadow:0 8px 20px rgba(237,28,46,.18);
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-decoration:none !important;
    transition:filter .25s ease,transform .25s ease;
  }

  .wlu-ps__button svg{
    width:12px;
    height:12px;
    flex:0 0 12px;
  }

  .wlu-ps__button:hover,
  .wlu-ps__button:focus-visible{
    color:#fff !important;
    filter:brightness(1.08);
    transform:translateY(-1px);
  }

  .wlu-ps__secondary{
    color:rgba(255,255,255,.78) !important;
    font-size:9.5px;
    font-weight:700;
    line-height:1.35;
    text-decoration:none !important;
    border-bottom:1px solid rgba(255,255,255,.25);
  }

  .wlu-ps__secondary:hover,
  .wlu-ps__secondary:focus-visible{
    color:#fff !important;
    border-color:var(--wlu-red);
  }

  .wlu-ps__return{
    position:absolute;
    top:13px;
    right:13px;
    width:29px;
    height:29px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:rgba(255,255,255,.8);
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.1);
    border-radius:50%;
    cursor:pointer;
  }

  .wlu-ps__return svg{
    width:13px;
    height:13px;
  }

  .wlu-ps__button:focus-visible,
  .wlu-ps__secondary:focus-visible,
  .wlu-ps__return:focus-visible{
    outline:2px solid var(--wlu-red);
    outline-offset:3px;
  }

  /* ——— Tablettes ——— */

  @media (max-width:900px){
    .wlu-ps__container{
      width:min(100% - 36px,760px);
    }

    .wlu-ps__grid{
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:18px;
    }

    .wlu-ps__card{
      height:270px;
    }
  }

  /* ——— Mobiles ——— */

  @media (max-width:580px){
    .wlu-premium-services{
      padding:38px 0 45px;
    }

    .wlu-ps__container{
      width:min(100% - 28px,440px);
    }

    .wlu-ps__header{
      margin-bottom:27px;
    }

    .wlu-ps__title{
      font-size:26px;
    }

    .wlu-ps__subtitle{
      font-size:12.5px;
      line-height:1.55;
    }

    .wlu-ps__grid{
      grid-template-columns:1fr;
      gap:15px;
    }

    .wlu-ps__card{
      height:265px;
    }

    .wlu-ps__front-content{
      padding:18px;
    }

    .wlu-ps__back{
      padding:20px;
    }
  }

  @media (max-width:360px){
    .wlu-ps__container{
      width:calc(100% - 22px);
    }

    .wlu-ps__card{
      height:260px;
    }

    .wlu-ps__back{
      padding:18px;
    }

    .wlu-ps__back-text{
      font-size:10.5px;
    }
  }

  @media (prefers-reduced-motion:reduce){
    .wlu-premium-services *,
    .wlu-premium-services *::before,
    .wlu-premium-services *::after{
      transition:none !important;
    }
  }
</style>

<section class="wlu-premium-services" aria-labelledby="wlu-ps-title">
  <div class="wlu-ps__container">

    <header class="wlu-ps__header">
      <p class="wlu-ps__eyebrow">Nos domaines d’expertise</p> 

      <h2 class="wlu-ps__title" id="wlu-ps-title">
        Des solutions pensées pour <span>chaque besoin</span>
      </h2>

      <p class="wlu-ps__subtitle">
        Réparation, vente, maintenance et accompagnement informatique à Landerneau pour les particuliers et les professionnels.
      </p> 
    </header>

    <div class="wlu-ps__grid">

      <!-- 01 · VENTE -->
      <article class="wlu-ps__card">
        <div class="wlu-ps__card-inner">

          <div class="wlu-ps__face wlu-ps__front">
            <img decoding="async" class="wlu-ps__image" src="https://www.wilou-informatique.fr/wp-content/uploads/2026/04/vente-ordinateurs-landerneau.webp" alt="Ordinateur gaming proposé par Wilou-Informatique à Landerneau" width="700" height="500" loading="eager" fetchpriority="high">

            <span class="wlu-ps__index">01</span>

            <div class="wlu-ps__front-content">
              <div class="wlu-ps__icon" aria-hidden="true">
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                  <rect x="3" y="4" width="18" height="12" rx="2"></rect>
                  <path d="M8 20h8M12 16v4"></path>
                </svg>
              </div>

              <h3 class="wlu-ps__front-title">Vente d’ordinateurs</h3>
              <p class="wlu-ps__front-text">PC bureautiques et configurations gaming sur mesure.</p> 

              <span class="wlu-ps__discover">
                Explorer
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M5 12h14M13 6l6 6-6 6"></path>
                </svg>
              </span>
            </div>

            <button class="wlu-ps__flip-trigger" type="button" aria-label="Découvrir la vente d’ordinateurs" aria-expanded="false"></button>
          </div>

          <div class="wlu-ps__face wlu-ps__back">
            <button class="wlu-ps__return" type="button" aria-label="Revenir à l’image">
              <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M19 12H5M11 18l-6-6 6-6"></path>
              </svg>
            </button>

            <p class="wlu-ps__back-label">Vente et conseil</p> 
            <h3 class="wlu-ps__back-title">Votre futur ordinateur</h3>

            <p class="wlu-ps__back-text">
              Des configurations fiables, adaptées à vos usages, à vos performances et à votre budget.
            </p> 

            <div class="wlu-ps__links">
              <a class="wlu-ps__button" href="https://www.wilou-informatique.fr/vente-ordinateur-landerneau/">
                Voir les ordinateurs
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M5 12h14M13 6l6 6-6 6"></path>
                </svg>
              </a>

              <a class="wlu-ps__secondary" href="https://www.wilou-informatique.fr/ventes-landerneau-ordinateurs-de-bureau-et-ordinateurs-de-gaming/">
                PC de bureau et gaming
              </a>
            </div>
          </div>

        </div>
      </article>

      <!-- 02 · RÉPARATION -->
      <article class="wlu-ps__card">
        <div class="wlu-ps__card-inner">

          <div class="wlu-ps__face wlu-ps__front">
            <img decoding="async" class="wlu-ps__image" src="https://www.wilou-informatique.fr/wp-content/uploads/2026/02/rparation-de-tlphone-landerneau-diagnostic-et-dpannage.webp" alt="Réparation d’un téléphone à Landerneau" width="700" height="500" loading="lazy">

            <span class="wlu-ps__index">02</span>

            <div class="wlu-ps__front-content">
              <div class="wlu-ps__icon" aria-hidden="true">
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                  <rect x="6" y="2" width="12" height="20" rx="2"></rect>
                  <path d="M10 5h4M11 18h2"></path>
                </svg>
              </div>

              <h3 class="wlu-ps__front-title">Réparation</h3>
              <p class="wlu-ps__front-text">Ordinateurs, téléphones, tablettes et consoles.</p> 

              <span class="wlu-ps__discover">
                Explorer
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M5 12h14M13 6l6 6-6 6"></path>
                </svg>
              </span>
            </div>

            <button class="wlu-ps__flip-trigger" type="button" aria-label="Découvrir les réparations" aria-expanded="false"></button>
          </div>

          <div class="wlu-ps__face wlu-ps__back">
            <button class="wlu-ps__return" type="button" aria-label="Revenir à l’image">
              <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M19 12H5M11 18l-6-6 6-6"></path>
              </svg>
            </button>

            <p class="wlu-ps__back-label">Diagnostic et réparation</p> 
            <h3 class="wlu-ps__back-title">Réparation multimarque</h3>

            <p class="wlu-ps__back-text">
              Votre appareil est diagnostiqué, réparé et testé dans notre atelier à Landerneau.
            </p> 

            <div class="wlu-ps__links">
              <a class="wlu-ps__button" href="https://www.wilou-informatique.fr/reparation-informatique/">
                Voir les réparations
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M5 12h14M13 6l6 6-6 6"></path>
                </svg>
              </a>
            </div>
          </div>

        </div>
      </article>

      <!-- 03 · PROFESSIONNELS -->
      <article class="wlu-ps__card">
        <div class="wlu-ps__card-inner">

          <div class="wlu-ps__face wlu-ps__front">
            <img decoding="async" class="wlu-ps__image" src="https://www.wilou-informatique.fr/wp-content/uploads/2026/03/depannageinformatique.webp" alt="Assistance informatique professionnelle à Landerneau" width="700" height="500" loading="lazy">

            <span class="wlu-ps__index">03</span>

            <div class="wlu-ps__front-content">
              <div class="wlu-ps__icon" aria-hidden="true">
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                  <rect x="3" y="7" width="18" height="13" rx="2"></rect>
                  <path d="M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 12h18"></path>
                </svg>
              </div>

              <h3 class="wlu-ps__front-title">Professionnels</h3>
              <p class="wlu-ps__front-text">Des solutions fiables pour assurer votre activité.</p> 

              <span class="wlu-ps__discover">
                Explorer
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M5 12h14M13 6l6 6-6 6"></path>
                </svg>
              </span>
            </div>

            <button class="wlu-ps__flip-trigger" type="button" aria-label="Découvrir les services professionnels" aria-expanded="false"></button>
          </div>

          <div class="wlu-ps__face wlu-ps__back">
            <button class="wlu-ps__return" type="button" aria-label="Revenir à l’image">
              <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M19 12H5M11 18l-6-6 6-6"></path>
              </svg>
            </button>

            <p class="wlu-ps__back-label">Solutions professionnelles</p> 
            <h3 class="wlu-ps__back-title">Un suivi informatique fiable</h3>

            <p class="wlu-ps__back-text">
              Maintenance et assistance pour limiter les interruptions et sécuriser votre activité.
            </p> 

            <div class="wlu-ps__links">
              <a class="wlu-ps__button" href="https://www.wilou-informatique.fr/maintenance-informatique-landerneau/">
                Découvrir la maintenance
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M5 12h14M13 6l6 6-6 6"></path>
                </svg>
              </a>
            </div>
          </div>

        </div>
      </article>

      <!-- 04 · INSTALLATION -->
      <article class="wlu-ps__card">
        <div class="wlu-ps__card-inner">

          <div class="wlu-ps__face wlu-ps__front">
            <img decoding="async" class="wlu-ps__image" src="https://www.wilou-informatique.fr/wp-content/uploads/2026/04/installation-cameras-de-surveillance-a-landerneau-finistere.webp" alt="Installation de caméras de surveillance à Landerneau" width="700" height="500" loading="lazy">

            <span class="wlu-ps__index">04</span>

            <div class="wlu-ps__front-content">
              <div class="wlu-ps__icon" aria-hidden="true">
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M4 7h12l4 4-4 4H4z"></path>
                  <path d="M8 15v4M5 19h6"></path>
                  <circle cx="14" cy="11" r="1.5"></circle>
                </svg>
              </div>

              <h3 class="wlu-ps__front-title">Installation & sécurité</h3>
              <p class="wlu-ps__front-text">Réseau, équipements et vidéosurveillance.</p> 

              <span class="wlu-ps__discover">
                Explorer
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M5 12h14M13 6l6 6-6 6"></path>
                </svg>
              </span>
            </div>

            <button class="wlu-ps__flip-trigger" type="button" aria-label="Découvrir les services d’installation" aria-expanded="false"></button>
          </div>

          <div class="wlu-ps__face wlu-ps__back">
            <button class="wlu-ps__return" type="button" aria-label="Revenir à l’image">
              <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M19 12H5M11 18l-6-6 6-6"></path>
              </svg>
            </button>

            <p class="wlu-ps__back-label">Installation sur mesure</p> 
            <h3 class="wlu-ps__back-title">Protégez vos espaces</h3>

            <p class="wlu-ps__back-text">
              Réseau, matériel et vidéosurveillance adaptés aux besoins de votre habitation ou entreprise.
            </p> 

            <div class="wlu-ps__links">
              <a class="wlu-ps__button" href="https://www.wilou-informatique.fr/contact/">
                Demander une étude
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M5 12h14M13 6l6 6-6 6"></path>
                </svg>
              </a>
            </div>
          </div>

        </div>
      </article>

      <!-- 05 · CRÉATION WEB -->
      <article class="wlu-ps__card">
        <div class="wlu-ps__card-inner">

          <div class="wlu-ps__face wlu-ps__front">
            <img decoding="async" class="wlu-ps__image" src="https://www.wilou-informatique.fr/wp-content/uploads/2026/04/creation-site-web-a-landerneau-wilou-informatique.webp" alt="Création de sites internet à Landerneau" width="700" height="500" loading="lazy">

            <span class="wlu-ps__index">05</span>

            <div class="wlu-ps__front-content">
              <div class="wlu-ps__icon" aria-hidden="true">
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                  <circle cx="12" cy="12" r="9"></circle>
                  <path d="M3 12h18M12 3a15 15 0 0 1 0 18M12 3a15 15 0 0 0 0 18"></path>
                </svg>
              </div>

              <h3 class="wlu-ps__front-title">Création de sites web</h3>
              <p class="wlu-ps__front-text">Sites, identités visuelles et référencement local.</p> 

              <span class="wlu-ps__discover">
                Explorer
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M5 12h14M13 6l6 6-6 6"></path>
                </svg>
              </span>
            </div>

            <button class="wlu-ps__flip-trigger" type="button" aria-label="Découvrir la création de sites web" aria-expanded="false"></button>
          </div>

          <div class="wlu-ps__face wlu-ps__back">
            <button class="wlu-ps__return" type="button" aria-label="Revenir à l’image">
              <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M19 12H5M11 18l-6-6 6-6"></path>
              </svg>
            </button>

            <p class="wlu-ps__back-label">Création digitale</p> 
            <h3 class="wlu-ps__back-title">Développez votre visibilité</h3>

            <p class="wlu-ps__back-text">
              Un site moderne, rapide et optimisé pour attirer de nouveaux clients localement.
            </p> 

            <div class="wlu-ps__links">
              <a class="wlu-ps__button" href="https://www.wilou-informatique.fr/creation-site-web-logo-landerneau/">
                Découvrir la création web
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M5 12h14M13 6l6 6-6 6"></path>
                </svg>
              </a>
            </div>
          </div>

        </div>
      </article>

      <!-- 06 · FORMATIONS -->
      <article class="wlu-ps__card">
        <div class="wlu-ps__card-inner">

          <div class="wlu-ps__face wlu-ps__front">
            <img decoding="async" class="wlu-ps__image" src="https://www.wilou-informatique.fr/wp-content/uploads/2026/04/formation-informatique-landerneau.webp" alt="Formation informatique personnalisée à Landerneau" width="700" height="500" loading="lazy">

            <span class="wlu-ps__index">06</span>

            <div class="wlu-ps__front-content">
              <div class="wlu-ps__icon" aria-hidden="true">
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                  <path d="m3 8 9-5 9 5-9 5z"></path>
                  <path d="M7 10.5V16c3 2 7 2 10 0v-5.5M21 8v6"></path>
                </svg>
              </div>

              <h3 class="wlu-ps__front-title">Formations</h3>
              <p class="wlu-ps__front-text">Progressez sereinement et à votre rythme.</p> 

              <span class="wlu-ps__discover">
                Explorer
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M5 12h14M13 6l6 6-6 6"></path>
                </svg>
              </span>
            </div>

            <button class="wlu-ps__flip-trigger" type="button" aria-label="Découvrir les formations informatiques" aria-expanded="false"></button>
          </div>

          <div class="wlu-ps__face wlu-ps__back">
            <button class="wlu-ps__return" type="button" aria-label="Revenir à l’image">
              <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M19 12H5M11 18l-6-6 6-6"></path>
              </svg>
            </button>

            <p class="wlu-ps__back-label">Accompagnement</p> 
            <h3 class="wlu-ps__back-title">Devenez plus autonome</h3>

            <p class="wlu-ps__back-text">
              Des formations personnalisées pour utiliser votre ordinateur et vos outils numériques.
            </p> 

            <div class="wlu-ps__links">
              <a class="wlu-ps__button" href="https://www.wilou-informatique.fr/formations/">
                Voir les formations
                <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M5 12h14M13 6l6 6-6 6"></path>
                </svg>
              </a>
            </div>
          </div>

        </div>
      </article>

    </div>
  </div>
</section>

<script>
  (function(){
    document.querySelectorAll(".wlu-premium-services").forEach(function(section){
      var cards = section.querySelectorAll(".wlu-ps__card");

      function updateCard(card,flipped){
        card.classList.toggle("is-flipped",flipped);

        var trigger = card.querySelector(".wlu-ps__flip-trigger");
        var controls = card.querySelectorAll(".wlu-ps__back a, .wlu-ps__return");

        if(trigger){
          trigger.setAttribute("aria-expanded",flipped ? "true" : "false");
        }

        controls.forEach(function(control){
          control.tabIndex = flipped ? 0 : -1;
        });
      }

      cards.forEach(function(card){
        var trigger = card.querySelector(".wlu-ps__flip-trigger");
        var returnButton = card.querySelector(".wlu-ps__return");
        var controls = card.querySelectorAll(".wlu-ps__back a, .wlu-ps__return");

        controls.forEach(function(control){
          control.tabIndex = -1;
        });

        if(trigger){
          trigger.addEventListener("click",function(){
            cards.forEach(function(otherCard){
              if(otherCard !== card){
                updateCard(otherCard,false);
              }
            });

            updateCard(card,!card.classList.contains("is-flipped"));
          });
        }

        if(returnButton){
          returnButton.addEventListener("click",function(){
            updateCard(card,false);

            if(trigger){
              trigger.focus();
            }
          });
        }

        card.addEventListener("keydown",function(event){
          if(event.key === "Escape"){
            updateCard(card,false);

            if(trigger){
              trigger.focus();
            }
          }
        });
      });

      document.addEventListener("click",function(event){
        if(event.target.closest(".wlu-ps__card")){
          return;
        }

        cards.forEach(function(card){
          updateCard(card,false);
        });
      });
    });
  })();
</script>

<!-- FIN DU MODULE SERVICES PREMIUM ÉPURÉ · WILOU-INFORMATIQUE --></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_4 hdt_btn_inline et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_4 et_pb_equal_columns et_pb_gutters2">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_4  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_4">
				
				
				
				
				<div class="et_pb_code_inner"><!-- =========================================================
     AVIS GOOGLE · WILOU-INFORMATIQUE
     VERSION PLUS COMPACTE EN HAUTEUR
     ========================================================= -->

<style>

  .wlu-reviews{
    --red:#ed1c2e;
    --red-dark:#b50d1d;

    width:100%;

    padding:clamp(12px,1.8vw,20px) 0;

    overflow:hidden;

    background:transparent;

    font-family:inherit;
    -webkit-font-smoothing:antialiased;
  }

  .wlu-reviews,
  .wlu-reviews *{
    box-sizing:border-box;
  }

  .wlu-reviews__container{
    width:min(100% - 44px,1060px);
    margin:0 auto;
  }


  /* =========================================================
     EN-TÊTE
     ========================================================= */

  .wlu-reviews__header{
    width:100%;
    max-width:720px;

    margin:0 auto 10px;

    text-align:center;
  }

  .wlu-reviews__title{
    width:100%;

    margin:0 !important;

    color:#080c0f !important;

    font-size:30px !important;
    font-weight:800 !important;
    line-height:1.1 !important;

    letter-spacing:-.03em !important;
  }

  .wlu-reviews__title span{
    color:var(--red-dark);
  }

  .wlu-reviews__text{
    max-width:680px;

    margin:5px auto 0;

    color:#11171b;

    font-size:12px;
    line-height:1.45;
  }


  /* =========================================================
     CARROUSEL TRUSTINDEX
     ========================================================= */

  .wlu-reviews__carousel,
  .wlu-reviews__carousel .ti-widget,
  .wlu-reviews__carousel .ti-widget-container,
  .wlu-reviews__carousel .ti-reviews-container,
  .wlu-reviews__carousel .ti-reviews-container-wrapper{
    background:transparent !important;
  }

  .wlu-reviews__carousel{
    margin:0 !important;
    padding:0 !important;
  }

  .wlu-reviews__carousel .ti-widget,
  .wlu-reviews__carousel .ti-widget-container,
  .wlu-reviews__carousel .ti-reviews-container,
  .wlu-reviews__carousel .ti-reviews-container-wrapper{
    margin-top:0 !important;
    margin-bottom:0 !important;

    padding-top:0 !important;
    padding-bottom:0 !important;

    min-height:0 !important;
    height:auto !important;
  }


  /* =========================================================
     CARTES
     ========================================================= */

  .wlu-reviews__carousel .ti-review-item{
    padding:3px !important;

    min-height:0 !important;
    height:auto !important;
  }

  .wlu-reviews__carousel .ti-review-item > .ti-inner{
    height:auto !important;
    min-height:0 !important;

    padding:10px 12px !important;

    background:rgba(255,255,255,.86) !important;

    -webkit-backdrop-filter:blur(9px) !important;
    backdrop-filter:blur(9px) !important;

    border:1px solid rgba(255,255,255,.78) !important;
    border-radius:12px !important;

    box-shadow:
      0 6px 16px rgba(8,12,15,.065) !important;
  }


  /* =========================================================
     CONTENU TRUSTINDEX
     ========================================================= */

  .wlu-reviews__carousel .ti-review-header,
  .wlu-reviews__carousel .ti-profile-details,
  .wlu-reviews__carousel .ti-profile-details-container{
    margin-top:0 !important;
    margin-bottom:4px !important;

    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  .wlu-reviews__carousel .ti-name{
    margin-top:0 !important;
    margin-bottom:1px !important;

    color:#080c0f !important;

    font-size:11px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
  }

  .wlu-reviews__carousel .ti-date{
    margin:0 !important;

    color:#596167 !important;

    font-size:8.5px !important;
    line-height:1.2 !important;
  }


  /* ÉTOILES */

  .wlu-reviews__carousel .ti-stars,
  .wlu-reviews__carousel .ti-star{
    margin-top:2px !important;
    margin-bottom:2px !important;
  }


  /* TEXTE AVIS */

  .wlu-reviews__carousel .ti-review-content{
    margin-top:5px !important;
    margin-bottom:0 !important;

    padding-top:0 !important;
    padding-bottom:0 !important;

    color:#11171b !important;

    font-size:10.5px !important;
    line-height:1.4 !important;
  }

  .wlu-reviews__carousel .ti-review-content p{
    margin-top:0 !important;
    margin-bottom:0 !important;
  }


  /* =========================================================
     LIEN GOOGLE
     ========================================================= */

  .wlu-reviews__link-wrap{
    margin-top:7px;

    text-align:center;
  }

  .wlu-reviews__link{
    display:inline-flex;
    align-items:center;

    gap:7px;

    padding-bottom:3px;

    color:#080c0f !important;

    border-bottom:1px solid rgba(8,12,15,.3);

    font-size:10.5px;
    font-weight:800;
    line-height:1;

    text-decoration:none !important;

    transition:
      color .25s ease,
      border-color .25s ease;
  }

  .wlu-reviews__link svg{
    width:12px;
    height:12px;
  }

  .wlu-reviews__link:hover,
  .wlu-reviews__link:focus-visible{
    color:var(--red-dark) !important;

    border-color:var(--red-dark);
  }

  .wlu-reviews__link:focus-visible{
    outline:2px solid var(--red-dark);
    outline-offset:4px;
  }


  /* =========================================================
     MOBILE
     ========================================================= */

  @media(max-width:580px){

    .wlu-reviews{
      padding:12px 0 18px;
    }

    .wlu-reviews__container{
      width:min(100% - 28px,450px);
    }


    /* EN-TÊTE */

    .wlu-reviews__header{
      width:calc(100% + 18px);
      max-width:none;

      margin-left:-9px;
      margin-right:-9px;
      margin-bottom:9px;
    }

    .wlu-reviews__title{
      width:100%;

      margin:0 auto !important;

      font-size:30px !important;
      font-weight:800 !important;
      line-height:1.08 !important;

      letter-spacing:-.04em !important;

      text-align:center !important;
    }

    .wlu-reviews__text{
      width:calc(100% - 12px);

      margin:5px auto 0;

      font-size:11.5px;
      line-height:1.42;
    }


    /* AVIS */

    .wlu-reviews__carousel .ti-review-item{
      padding:2px !important;
    }

    .wlu-reviews__carousel .ti-review-item > .ti-inner{
      padding:10px 11px !important;
    }

    .wlu-reviews__carousel .ti-review-content{
      margin-top:4px !important;

      font-size:10.5px !important;
      line-height:1.38 !important;
    }


    /* LIEN */

    .wlu-reviews__link-wrap{
      margin-top:7px;
    }

  }


  /* =========================================================
     TRÈS PETITS MOBILES
     ========================================================= */

  @media(max-width:380px){

    .wlu-reviews__header{
      width:calc(100% + 20px);

      margin-left:-10px;
      margin-right:-10px;
    }

    .wlu-reviews__title{
      font-size:29px !important;
      line-height:1.08 !important;

      letter-spacing:-.045em !important;
    }

  }


  @media(prefers-reduced-motion:reduce){

    .wlu-reviews *{
      transition:none !important;
    }

  }

</style>


<section
  class="wlu-reviews"
  aria-labelledby="wlu-reviews-title"
>

  <div class="wlu-reviews__container">


    <!-- =====================================================
         TITRE
         ===================================================== -->

    <header class="wlu-reviews__header">

      <h2
        class="wlu-reviews__title"
        id="wlu-reviews-title"
      >
        Ce sont nos clients qui
        <span>en parlent le mieux</span>
      </h2>

      <p class="wlu-reviews__text">
        Plus de 200 avis Google témoignent de la confiance
        de nos clients à Landerneau et dans tout le Finistère.
      </p> 

    </header>


    <!-- =====================================================
         AVIS GOOGLE
         ===================================================== -->

    <div class="wlu-reviews__carousel">
      <pre class="ti-widget" style="display: none"><template id="trustindex-google-widget-html"><div class="ti-widget  ti-goog ti-disable-nav ti-review-text-mode-readmore ti-text-align-left" data-no-translation="true" data-time-locale="il y a %d %s|aujourd&apos;hui|jour|jours|semaine|semaines|mois|mois|année|ans" data-plugin-version="13.3.2" data-layout-id="4" data-layout-category="slider" data-set-id="minimal-fill-wave" data-pid="" data-language="fr" data-close-locale="Fermer" data-review-target-width="300" data-css-version="2" data-reply-by-locale="Réponse du propriétaire" data-only-rating-locale="Cet utilisateur a uniquement laissé une évaluation." data-pager-autoplay-timeout="6"> <div class="ti-widget-container ti-col-3"> <div class="ti-reviews-container"> <div class="ti-controls"> <div class="ti-next" aria-label="Avis suivante" role="button" tabindex="0"></div> <div class="ti-prev" aria-label="Avis précédent" role="button" tabindex="0"></div> </div> <div class="ti-reviews-container-wrapper">  <div data-empty="0" data-time="1785196800" class="ti-review-item source-Google ti-image-layout-thumbnail" data-id="cfcd208495d565ef66e7dff9f98764da" data-language=""> <div class="ti-inner"> <div class="ti-review-header"> <div class="ti-platform-icon ti-with-tooltip"> <span class="ti-tooltip">Publié sur Google</span> <trustindex-image data-imgurl="https://cdn.trustindex.io/assets/platform/Google/icon.svg" alt="Google" width="20" height="20" loading="lazy"></trustindex-image> </div> <div class="ti-profile-img"> <trustindex-image data-imgurl="https://lh3.googleusercontent.com/a/ACg8ocKlJxh3ly5B2rhFiN2zjWFo6cCAYuij8F4aNa8U8x8gxa4L8w=w40-h40-c-rp-mo-br100" alt="Emilie Gutierrez profile picture" loading="lazy"></trustindex-image> </div> <div class="ti-profile-details"> <div class="ti-name"> Emilie Gutierrez </div> <div class="ti-date"></div> </div> </div> <span class="ti-stars"><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 1" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 2" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 3" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 4" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 5" width="17" height="17" loading="lazy"></trustindex-image><span class="ti-verified-review ti-verified-platform"><span class="ti-verified-tooltip">Trustindex vérifie que la source originale de l'avis est Google.</span></span></span> <div class="ti-review-text-container ti-review-content"><!-- R-CONTENT -->Wilson a réparé en 20 minutes ma page entreprise google (et a bataillé pour obtenir sa validation). Il m'a apporté ses services avec altruisme, bienveillance et pédagogie. J'ai galéré toute seule dans mon coin pendant 2 mois ! XD Un immense merci &lt;3<!-- R-CONTENT --></div> <span class="ti-read-more" data-container=".ti-review-content" data-collapse-text="Cacher" data-open-text="Lire la suite"></span> </div> </div>  <div data-empty="0" data-time="1784678400" class="ti-review-item source-Google ti-image-layout-thumbnail" data-id="cfcd208495d565ef66e7dff9f98764da" data-language=""> <div class="ti-inner"> <div class="ti-review-header"> <div class="ti-platform-icon ti-with-tooltip"> <span class="ti-tooltip">Publié sur Google</span> <trustindex-image data-imgurl="https://cdn.trustindex.io/assets/platform/Google/icon.svg" alt="Google" width="20" height="20" loading="lazy"></trustindex-image> </div> <div class="ti-profile-img"> <trustindex-image data-imgurl="https://lh3.googleusercontent.com/a/ACg8ocIGvZiXWfbIaVIlyLnvVjpD2Te22a8IPWlfy_V0nbbLm6HkAw=w40-h40-c-rp-mo-br100" alt="Marie cecile Le verge profile picture" loading="lazy"></trustindex-image> </div> <div class="ti-profile-details"> <div class="ti-name"> Marie cecile Le verge </div> <div class="ti-date"></div> </div> </div> <span class="ti-stars"><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 1" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 2" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 3" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 4" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 5" width="17" height="17" loading="lazy"></trustindex-image><span class="ti-verified-review ti-verified-platform"><span class="ti-verified-tooltip">Trustindex vérifie que la source originale de l'avis est Google.</span></span></span> <div class="ti-review-text-container ti-review-content"><!-- R-CONTENT -->Vente et installation ordinateur et antivirus, je suis très contente de la récupération de données de mon ancien ordinateur<!-- R-CONTENT --></div> <span class="ti-read-more" data-container=".ti-review-content" data-collapse-text="Cacher" data-open-text="Lire la suite"></span> </div> </div>  <div data-empty="0" data-time="1784505600" class="ti-review-item source-Google ti-image-layout-thumbnail" data-id="cfcd208495d565ef66e7dff9f98764da" data-language=""> <div class="ti-inner"> <div class="ti-review-header"> <div class="ti-platform-icon ti-with-tooltip"> <span class="ti-tooltip">Publié sur Google</span> <trustindex-image data-imgurl="https://cdn.trustindex.io/assets/platform/Google/icon.svg" alt="Google" width="20" height="20" loading="lazy"></trustindex-image> </div> <div class="ti-profile-img"> <trustindex-image data-imgurl="https://lh3.googleusercontent.com/a-/ALV-UjXS2_gLhSS5A8P7O4QsSOMOAkllC2p-vET56M-0L8EQ2bM_ntYu=w40-h40-c-rp-mo-br100" alt="Louise Martin profile picture" loading="lazy"></trustindex-image> </div> <div class="ti-profile-details"> <div class="ti-name"> Louise Martin </div> <div class="ti-date"></div> </div> </div> <span class="ti-stars"><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 1" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 2" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 3" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 4" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 5" width="17" height="17" loading="lazy"></trustindex-image><span class="ti-verified-review ti-verified-platform"><span class="ti-verified-tooltip">Trustindex vérifie que la source originale de l'avis est Google.</span></span></span> <div class="ti-review-text-container ti-review-content"><!-- R-CONTENT -->Mon PC est mort....il y avait ma vie dessus. Heureusement WIlson s'en est chargé et a pu sauver ce qui devait l'être. Je le remercie énormément pour sa patience et sa gestion de mon soucis qui me paraissait insurmontable! Je recommande<!-- R-CONTENT --></div> <span class="ti-read-more" data-container=".ti-review-content" data-collapse-text="Cacher" data-open-text="Lire la suite"></span> </div> </div>  <div data-empty="0" data-time="1782691200" class="ti-review-item source-Google ti-image-layout-thumbnail" data-id="cfcd208495d565ef66e7dff9f98764da" data-language=""> <div class="ti-inner"> <div class="ti-review-header"> <div class="ti-platform-icon ti-with-tooltip"> <span class="ti-tooltip">Publié sur Google</span> <trustindex-image data-imgurl="https://cdn.trustindex.io/assets/platform/Google/icon.svg" alt="Google" width="20" height="20" loading="lazy"></trustindex-image> </div> <div class="ti-profile-img"> <trustindex-image data-imgurl="https://lh3.googleusercontent.com/a/ACg8ocIY72I3SPJx4SnIzKo0LufyG6qIwPwYKE044nzaHg0GPIvj3Io=w40-h40-c-rp-mo-ba12-br100" alt="Benjamin Foré profile picture" loading="lazy"></trustindex-image> </div> <div class="ti-profile-details"> <div class="ti-name"> Benjamin Foré </div> <div class="ti-date"></div> </div> </div> <span class="ti-stars"><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 1" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 2" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 3" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 4" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 5" width="17" height="17" loading="lazy"></trustindex-image><span class="ti-verified-review ti-verified-platform"><span class="ti-verified-tooltip">Trustindex vérifie que la source originale de l'avis est Google.</span></span></span> <div class="ti-review-text-container ti-review-content"><!-- R-CONTENT -->Rapide, efficace, et de très bon conseils concernant ma tour de PC; merci beaucoup !<!-- R-CONTENT --></div> <span class="ti-read-more" data-container=".ti-review-content" data-collapse-text="Cacher" data-open-text="Lire la suite"></span> </div> </div>  <div data-empty="0" data-time="1780876800" class="ti-review-item source-Google ti-image-layout-thumbnail" data-id="cfcd208495d565ef66e7dff9f98764da" data-language=""> <div class="ti-inner"> <div class="ti-review-header"> <div class="ti-platform-icon ti-with-tooltip"> <span class="ti-tooltip">Publié sur Google</span> <trustindex-image data-imgurl="https://cdn.trustindex.io/assets/platform/Google/icon.svg" alt="Google" width="20" height="20" loading="lazy"></trustindex-image> </div> <div class="ti-profile-img"> <trustindex-image data-imgurl="https://lh3.googleusercontent.com/a/ACg8ocJmzflhBZ6prqTCLnLtudCMsOIUA_OQkg6jGYYJnEdpDFShIQ=w40-h40-c-rp-mo-ba12-br100" alt="Jean Christophe Letot profile picture" loading="lazy"></trustindex-image> </div> <div class="ti-profile-details"> <div class="ti-name"> Jean Christophe Letot </div> <div class="ti-date"></div> </div> </div> <span class="ti-stars"><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 1" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 2" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 3" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 4" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 5" width="17" height="17" loading="lazy"></trustindex-image><span class="ti-verified-review ti-verified-platform"><span class="ti-verified-tooltip">Trustindex vérifie que la source originale de l'avis est Google.</span></span></span> <div class="ti-review-text-container ti-review-content"><!-- R-CONTENT -->Très bon contact. Le devis a été rapidement envoyé. Les travaux vite exécutés m’ont pleinement satisfait. Ma console a trouvé une nouvelle jeunesse. Merci.<!-- R-CONTENT --></div> <span class="ti-read-more" data-container=".ti-review-content" data-collapse-text="Cacher" data-open-text="Lire la suite"></span> </div> </div>  <div data-empty="0" data-time="1780444800" class="ti-review-item source-Google ti-image-layout-thumbnail" data-id="cfcd208495d565ef66e7dff9f98764da" data-language=""> <div class="ti-inner"> <div class="ti-review-header"> <div class="ti-platform-icon ti-with-tooltip"> <span class="ti-tooltip">Publié sur Google</span> <trustindex-image data-imgurl="https://cdn.trustindex.io/assets/platform/Google/icon.svg" alt="Google" width="20" height="20" loading="lazy"></trustindex-image> </div> <div class="ti-profile-img"> <trustindex-image data-imgurl="https://lh3.googleusercontent.com/a/ACg8ocICPDtvJa5te5tmKkSIvCsMoTgMfSDmc-prP-ZKHSn5riMrww=w40-h40-c-rp-mo-br100" alt="Marie Claire Roudaut profile picture" loading="lazy"></trustindex-image> </div> <div class="ti-profile-details"> <div class="ti-name"> Marie Claire Roudaut </div> <div class="ti-date"></div> </div> </div> <span class="ti-stars"><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 1" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 2" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 3" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 4" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 5" width="17" height="17" loading="lazy"></trustindex-image><span class="ti-verified-review ti-verified-platform"><span class="ti-verified-tooltip">Trustindex vérifie que la source originale de l'avis est Google.</span></span></span> <div class="ti-review-text-container ti-review-content"><!-- R-CONTENT -->Je suis très satisfaite de la gentillesse de monsieur Gonçalves
Du travail réalisé, je recommande.<!-- R-CONTENT --></div> <span class="ti-read-more" data-container=".ti-review-content" data-collapse-text="Cacher" data-open-text="Lire la suite"></span> </div> </div>  <div data-empty="0" data-time="1774656000" class="ti-review-item source-Google ti-image-layout-thumbnail" data-id="cfcd208495d565ef66e7dff9f98764da" data-language=""> <div class="ti-inner"> <div class="ti-review-header"> <div class="ti-platform-icon ti-with-tooltip"> <span class="ti-tooltip">Publié sur Google</span> <trustindex-image data-imgurl="https://cdn.trustindex.io/assets/platform/Google/icon.svg" alt="Google" width="20" height="20" loading="lazy"></trustindex-image> </div> <div class="ti-profile-img"> <trustindex-image data-imgurl="https://lh3.googleusercontent.com/a/ACg8ocLglYgFN8Oc7dMufK3Bla022d2qivLcwC-H7BgZgNAS7LCYrw=w40-h40-c-rp-mo-ba12-br100" alt="Sarah profile picture" loading="lazy"></trustindex-image> </div> <div class="ti-profile-details"> <div class="ti-name"> Sarah </div> <div class="ti-date"></div> </div> </div> <span class="ti-stars"><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 1" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 2" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 3" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 4" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 5" width="17" height="17" loading="lazy"></trustindex-image><span class="ti-verified-review ti-verified-platform"><span class="ti-verified-tooltip">Trustindex vérifie que la source originale de l'avis est Google.</span></span></span> <div class="ti-review-text-container ti-review-content"><!-- R-CONTENT -->J’ai cassé mon téléphone dans la journée, j’ai appelé cette personne et il m’a directement pris mon téléphone en charge. Sans aucune attente ! Il est très réactif. Travail soigné et très professionnel. Je recommande fortement ! Il le mérite !  Merci beaucoup 😊<!-- R-CONTENT --></div> <span class="ti-read-more" data-container=".ti-review-content" data-collapse-text="Cacher" data-open-text="Lire la suite"></span> </div> </div>  <div data-empty="0" data-time="1774224000" class="ti-review-item source-Google ti-image-layout-thumbnail" data-id="cfcd208495d565ef66e7dff9f98764da" data-language=""> <div class="ti-inner"> <div class="ti-review-header"> <div class="ti-platform-icon ti-with-tooltip"> <span class="ti-tooltip">Publié sur Google</span> <trustindex-image data-imgurl="https://cdn.trustindex.io/assets/platform/Google/icon.svg" alt="Google" width="20" height="20" loading="lazy"></trustindex-image> </div> <div class="ti-profile-img"> <trustindex-image data-imgurl="https://lh3.googleusercontent.com/a-/ALV-UjU0FNhmMMfBagrwPdzpMWK3L4CU8PjO_7OGYTlInOPcyNPCs62JoA=w40-h40-c-rp-mo-ba12-br100" alt="dc rmlr profile picture" loading="lazy"></trustindex-image> </div> <div class="ti-profile-details"> <div class="ti-name"> dc rmlr </div> <div class="ti-date"></div> </div> </div> <span class="ti-stars"><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 1" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 2" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 3" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 4" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 5" width="17" height="17" loading="lazy"></trustindex-image><span class="ti-verified-review ti-verified-platform"><span class="ti-verified-tooltip">Trustindex vérifie que la source originale de l'avis est Google.</span></span></span> <div class="ti-review-text-container ti-review-content"><!-- R-CONTENT -->Prise en charge du pc et réparation rapide d'une fiche usb-c défaillante. Cela nécessitait une expertise en soudure sur de la connectique. Sympa et compétent, à recommander<!-- R-CONTENT --></div> <span class="ti-read-more" data-container=".ti-review-content" data-collapse-text="Cacher" data-open-text="Lire la suite"></span> </div> </div>  <div data-empty="0" data-time="1774051200" class="ti-review-item source-Google ti-image-layout-thumbnail" data-id="cfcd208495d565ef66e7dff9f98764da" data-language=""> <div class="ti-inner"> <div class="ti-review-header"> <div class="ti-platform-icon ti-with-tooltip"> <span class="ti-tooltip">Publié sur Google</span> <trustindex-image data-imgurl="https://cdn.trustindex.io/assets/platform/Google/icon.svg" alt="Google" width="20" height="20" loading="lazy"></trustindex-image> </div> <div class="ti-profile-img"> <trustindex-image data-imgurl="https://lh3.googleusercontent.com/a-/ALV-UjXgpZ3zOdOzjYcpwRLx8_tysPQVrwmQZG_FYzvrgAIiYM2gn4c=w40-h40-c-rp-mo-br100" alt="Renov Habitat profile picture" loading="lazy"></trustindex-image> </div> <div class="ti-profile-details"> <div class="ti-name"> Renov Habitat </div> <div class="ti-date"></div> </div> </div> <span class="ti-stars"><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 1" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 2" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 3" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 4" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 5" width="17" height="17" loading="lazy"></trustindex-image><span class="ti-verified-review ti-verified-platform"><span class="ti-verified-tooltip">Trustindex vérifie que la source originale de l'avis est Google.</span></span></span> <div class="ti-review-text-container ti-review-content"><!-- R-CONTENT -->Très franchement, cette société fait encore partie de celles en lesquels on peut faire totalement confiance, les yeux fermés. Le travail est plus que soigné, avec des devis hyper rapide.<!-- R-CONTENT --></div> <span class="ti-read-more" data-container=".ti-review-content" data-collapse-text="Cacher" data-open-text="Lire la suite"></span> </div> </div>  <div data-empty="0" data-time="1773964800" class="ti-review-item source-Google ti-image-layout-thumbnail" data-id="cfcd208495d565ef66e7dff9f98764da" data-language=""> <div class="ti-inner"> <div class="ti-review-header"> <div class="ti-platform-icon ti-with-tooltip"> <span class="ti-tooltip">Publié sur Google</span> <trustindex-image data-imgurl="https://cdn.trustindex.io/assets/platform/Google/icon.svg" alt="Google" width="20" height="20" loading="lazy"></trustindex-image> </div> <div class="ti-profile-img"> <trustindex-image data-imgurl="https://lh3.googleusercontent.com/a/ACg8ocIZNBn-21WRfsfXhRLt9UfZ6Rx9J3WRy66W4xcBjvylWOh5HA=w40-h40-c-rp-mo-br100" alt="Sarıkol (Sarikol) profile picture" loading="lazy"></trustindex-image> </div> <div class="ti-profile-details"> <div class="ti-name"> Sarıkol (Sarikol) </div> <div class="ti-date"></div> </div> </div> <span class="ti-stars"><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 1" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 2" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 3" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 4" width="17" height="17" loading="lazy"></trustindex-image><trustindex-image class="ti-star" data-imgurl="https://cdn.trustindex.io/assets/platform/Google/star/f.svg" alt="Google star 5" width="17" height="17" loading="lazy"></trustindex-image><span class="ti-verified-review ti-verified-platform"><span class="ti-verified-tooltip">Trustindex vérifie que la source originale de l'avis est Google.</span></span></span> <div class="ti-review-text-container ti-review-content"><!-- R-CONTENT -->J’ai récemment acheté un ordinateur neuf à un prix très abordable chez Wilou Informatique, et je suis vraiment très satisfait de mon expérience.

Le technicien a été très professionnel du début à la fin. Il s’est déplacé pour bien comprendre mes besoins, ce qui est vraiment appréciable. Il m’a donné d’excellents conseils pour choisir un ordinateur adapté.

Il a également réussi à récupérer les données de mon ancien ordinateur, ce qui était très important pour moi.

Je recommande vivement Wilou Informatique pour son sérieux, sa disponibilité et la qualité de son service !<!-- R-CONTENT --></div> <span class="ti-read-more" data-container=".ti-review-content" data-collapse-text="Cacher" data-open-text="Lire la suite"></span> </div> </div>  </div> <div class="ti-controls-line"> <div class="dot"></div> </div> </div>    </div> </div> </template></pre><div data-src="https://cdn.trustindex.io/loader.js?wp-widget" data-template-id="trustindex-google-widget-html" data-css-url="https://www.wilou-informatique.fr/wp-content/uploads/trustindex-google-widget.css?1787100986"></div>
    </div>


    <!-- =====================================================
         LIEN GOOGLE
         ===================================================== -->

    <div class="wlu-reviews__link-wrap">

      <a
        class="wlu-reviews__link"
        href="https://www.google.com/maps/search/?api=1&query=Wilou-Informatique%2C%2031%20rue%20La%20Tour%20d%27Auvergne%2C%2029800%20Landerneau"
        target="_blank"
        rel="noopener noreferrer"
      >

        Voir tous nos avis Google

        <svg
          viewbox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          aria-hidden="true"
        >
          <path d="M5 12h14M13 6l6 6-6 6"></path>
        </svg>

      </a>

    </div>


  </div>

</section>

<!-- FIN DU CARROUSEL AVIS GOOGLE --></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_5 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_5">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_5  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_5">
				
				
				
				
				<div class="et_pb_code_inner"><!-- =========================================================
     CTA · PAGE D’ACCUEIL
     WILOU-INFORMATIQUE · LANDERNEAU
     FOND NOIR · TITRE COURT SUR 1 LIGNE PC
     ========================================================= -->

<style>

  .wlu-home-cta{
    --red:#ed1c2e;
    --red-dark:#c90e20;

    position:relative;
    isolation:isolate;

    width:100vw;
    max-width:100vw;

    margin-left:calc(50% - 50vw);

    padding:clamp(28px,3vw,40px) 0;

    color:#fff;
    background:#05080a;

    font-family:inherit;
    -webkit-font-smoothing:antialiased;
  }

  .wlu-home-cta,
  .wlu-home-cta *{
    box-sizing:border-box;
  }

  .wlu-home-cta__container{
    width:min(100% - 44px,1140px);
    margin:0 auto;
  }


  /* =========================================================
     CARTE
     ========================================================= */

  .wlu-home-cta__box{
    position:relative;
    overflow:hidden;

    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);

    align-items:center;

    gap:clamp(28px,4vw,50px);

    padding:clamp(24px,3vw,34px);

    background:
      radial-gradient(
        circle at 94% 10%,
        rgba(237,28,46,.08),
        transparent 28%
      ),
      rgba(255,255,255,.035);

    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035);
  }

  .wlu-home-cta__box::before{
    content:"";

    position:absolute;
    top:0;
    left:clamp(24px,3vw,34px);

    width:68px;
    height:3px;

    background:var(--red);

    border-radius:0 0 999px 999px;
  }

  .wlu-home-cta__box::after{
    content:"";

    position:absolute;

    right:-100px;
    bottom:-145px;

    width:210px;
    height:210px;

    border:1px solid rgba(237,28,46,.10);
    border-radius:50%;

    pointer-events:none;
  }


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

  .wlu-home-cta__content{
    position:relative;
    z-index:2;

    min-width:0;
  }

  .wlu-home-cta__eyebrow{
    margin:0 0 6px;

    display:inline-flex;
    align-items:center;

    gap:9px;

    color:rgba(255,255,255,.55);

    font-size:10px;
    font-weight:800;
    line-height:1.2;

    letter-spacing:.15em;
    text-transform:uppercase;
  }

  .wlu-home-cta__eyebrow::before{
    content:"";

    width:24px;
    height:2px;

    background:var(--red);

    border-radius:999px;
  }


  /* =========================================================
     TITRE
     ========================================================= */

  .wlu-home-cta__title{
    width:100%;

    margin:0 0 8px !important;
    padding:0 !important;

    color:#fff !important;

    font-size:30px !important;
    font-weight:800 !important;
    line-height:1.08 !important;

    letter-spacing:-.03em !important;

    white-space:nowrap;
  }

  .wlu-home-cta__title-main,
  .wlu-home-cta__title-red{
    display:inline;
  }

  .wlu-home-cta__title-red{
    color:var(--red);
  }


  /* =========================================================
     TEXTE
     ========================================================= */

  .wlu-home-cta__text{
    max-width:620px;

    margin:0;

    color:rgba(255,255,255,.73);

    font-size:14px;
    font-weight:500;
    line-height:1.5;
  }


  /* =========================================================
     APPAREILS
     ========================================================= */

  .wlu-home-cta__devices{
    margin:11px 0 0;

    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:7px 15px;
  }

  .wlu-home-cta__device{
    display:inline-flex;
    align-items:center;

    gap:7px;

    color:rgba(255,255,255,.52);

    font-size:11.5px;
    font-weight:700;
    line-height:1.4;
  }

  .wlu-home-cta__device::before{
    content:"";

    width:4px;
    height:4px;

    flex:0 0 4px;

    background:var(--red);

    border-radius:50%;
  }


  /* =========================================================
     ACTIONS
     ========================================================= */

  .wlu-home-cta__actions{
    position:relative;
    z-index:2;

    width:100%;
    max-width:285px;

    margin-left:auto;

    display:grid;

    gap:8px;
  }


  /* =========================================================
     BOUTON
     ========================================================= */

  .wlu-home-cta__button{
    width:100%;
    min-height:42px;

    padding:0 18px;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:9px;

    color:#fff !important;
    background:var(--red-dark);

    border:1px solid rgba(255,255,255,.04);
    border-radius:999px;

    box-shadow:
      0 9px 22px rgba(237,28,46,.15);

    font-size:13px;
    font-weight:800;
    line-height:1;

    text-decoration:none !important;

    transition:
      transform .2s ease,
      background .2s ease,
      box-shadow .2s ease;
  }

  .wlu-home-cta__button svg{
    width:14px;
    height:14px;

    flex:0 0 14px;

    transition:transform .2s ease;
  }

  .wlu-home-cta__button:hover,
  .wlu-home-cta__button:focus-visible{
    color:#fff !important;

    background:#b60b1b;

    transform:translateY(-2px);

    box-shadow:
      0 12px 26px rgba(237,28,46,.20);
  }

  .wlu-home-cta__button:hover svg{
    transform:translateX(2px);
  }


  /* =========================================================
     TÉLÉPHONE
     ========================================================= */

  .wlu-home-cta__phone{
    display:block;

    padding:3px 0;

    color:rgba(255,255,255,.70) !important;

    font-size:12.5px;
    font-weight:750;
    line-height:1.4;

    text-align:center;
    text-decoration:none !important;

    transition:color .2s ease;
  }

  .wlu-home-cta__phone span{
    padding-bottom:2px;

    border-bottom:1px solid rgba(255,255,255,.18);
  }

  .wlu-home-cta__phone:hover,
  .wlu-home-cta__phone:focus-visible{
    color:#fff !important;
  }


  /* =========================================================
     MENTION
     ========================================================= */

  .wlu-home-cta__hint{
    margin:0;

    color:rgba(255,255,255,.38);

    font-size:10.5px;
    font-weight:550;
    line-height:1.4;

    text-align:center;
  }


  /* =========================================================
     TABLETTE
     ========================================================= */

  @media(max-width:900px){

    .wlu-home-cta__box{
      grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);
      gap:26px;
    }

    .wlu-home-cta__title{
      font-size:28px !important;
      white-space:normal;
    }

  }


  /* =========================================================
     MOBILE
     ========================================================= */

  @media(max-width:700px){

    .wlu-home-cta{
      padding:28px 0 32px;
    }

    .wlu-home-cta__container{
      width:min(100% - 30px,600px);
    }

    .wlu-home-cta__box{
      display:block;

      padding:28px 18px 21px;

      border-radius:18px;

      text-align:center;
    }

    .wlu-home-cta__box::before{
      left:50%;

      width:62px;

      transform:translateX(-50%);
    }

    .wlu-home-cta__eyebrow{
      justify-content:center;
    }


    /* TITRE MOBILE */

    .wlu-home-cta__title{
      position:relative;
      left:50%;

      width:calc(100vw - 52px);
      max-width:410px;

      margin:0 0 8px !important;

      transform:translateX(-50%);

      font-size:28px !important;
      line-height:1.08 !important;
      letter-spacing:-.035em !important;

      white-space:normal;

      text-align:center !important;
    }

    .wlu-home-cta__title-main{
      display:block;
      white-space:nowrap;
    }

    .wlu-home-cta__title-red{
      display:block;

      margin-top:3px;

      white-space:nowrap;
    }


    /* TEXTE */

    .wlu-home-cta__text{
      max-width:460px;

      margin-left:auto;
      margin-right:auto;

      font-size:13px;
      line-height:1.5;

      text-align:center;
    }


    /* APPAREILS */

    .wlu-home-cta__devices{
      justify-content:center;

      margin-top:11px;
    }


    /* ACTIONS */

    .wlu-home-cta__actions{
      max-width:350px;

      margin:18px auto 0;
    }

  }


  /* =========================================================
     PETITS MOBILES
     ========================================================= */

  @media(max-width:420px){

    .wlu-home-cta__box{
      padding-left:16px;
      padding-right:16px;
    }

    .wlu-home-cta__devices{
      gap:6px 11px;
    }

    .wlu-home-cta__device{
      font-size:10.8px;
    }

  }


  @media(max-width:360px){

    .wlu-home-cta__title{
      width:calc(100vw - 42px);
      font-size:26px !important;
    }

  }


  @media(prefers-reduced-motion:reduce){

    .wlu-home-cta__button,
    .wlu-home-cta__button svg,
    .wlu-home-cta__phone{
      transition:none;
    }

  }

</style>


<section
  class="wlu-home-cta"
  aria-labelledby="wlu-home-cta-title"
>

  <div class="wlu-home-cta__container">

    <div class="wlu-home-cta__box">


      <!-- TEXTE -->

      <div class="wlu-home-cta__content">

        <p class="wlu-home-cta__eyebrow">
          Besoin d’une solution&nbsp;?
        </p> 


        <h2
          class="wlu-home-cta__title"
          id="wlu-home-cta-title"
        >

          <span class="wlu-home-cta__title-main">
            Un problème avec votre appareil&nbsp;?
          </span>

          <span class="wlu-home-cta__title-red">
            Parlons-en.
          </span>

        </h2>


        <p class="wlu-home-cta__text">
          Ordinateur, téléphone, tablette ou console&nbsp;:
          décrivez-nous simplement le problème rencontré.
        </p> 


        <div
          class="wlu-home-cta__devices"
          aria-label="Appareils pris en charge"
        >

          <span class="wlu-home-cta__device">
            Ordinateurs
          </span>

          <span class="wlu-home-cta__device">
            Téléphones
          </span>

          <span class="wlu-home-cta__device">
            Tablettes
          </span>

          <span class="wlu-home-cta__device">
            Consoles
          </span>

        </div>

      </div>


      <!-- ACTIONS -->

      <div class="wlu-home-cta__actions">

        <a
          class="wlu-home-cta__button"
          href="https://www.wilou-informatique.fr/contact/"
        >

          Prendre rendez-vous

          <svg
            viewbox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            aria-hidden="true"
          >
            <path d="M5 12h14"></path>
            <path d="m13 6 6 6-6 6"></path>
          </svg>

        </a>


        <a
          class="wlu-home-cta__phone"
          href="tel:+33777674723"
        >
          <span>07 77 67 47 23</span>
        </a>


        <p class="wlu-home-cta__hint">
          Wilou-Informatique · Landerneau
        </p> 

      </div>


    </div>

  </div>

</section>

<!-- FIN CTA PAGE D’ACCUEIL --></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_6 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_6">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_6  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_6">
				
				
				
				
				<div class="et_pb_code_inner"><!-- MODULE FAQ PREMIUM COMPACT · WILOU-INFORMATIQUE -->
<style>
  .wlu-faq-compact{
    --wlu-red:#ed1c2e;
    --wlu-ink:#0f1519;
    --wlu-muted:rgba(15,21,25,.67);
    --wlu-line:rgba(15,21,25,.11);

    position:relative;
    isolation:isolate;
    width:100%;
    padding:clamp(22px,3vw,38px) 0;

    color:var(--wlu-ink);
    background:transparent !important;

    font-family:inherit;
    -webkit-font-smoothing:antialiased;
  }

  .wlu-faq-compact,
  .wlu-faq-compact *{
    box-sizing:border-box;
  }

  .wlu-faq-compact__container{
    width:min(calc(100% - 44px),1080px);
    margin:0 auto;
  }


  /* =========================================================
     EN-TÊTE
     ========================================================= */

  .wlu-faq-compact__top{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:30px;
    margin-bottom:20px;
  }

  .wlu-faq-compact__heading{
    min-width:0;
  }


  /* =========================================================
     SURTITRE
     ========================================================= */

  .wlu-faq-compact__eyebrow{
    display:flex;
    align-items:center;
    gap:10px;

    margin:0 0 8px;

    color:rgba(15,21,25,.62);

    font-size:10px;
    font-weight:800;
    line-height:1.2;

    letter-spacing:.15em;
    text-transform:uppercase;
  }

  .wlu-faq-compact__eyebrow::before{
    content:"";

    width:24px;
    height:2px;
    flex:0 0 24px;

    border-radius:99px;
    background:var(--wlu-red);
  }


  /* =========================================================
     TITRE
     30PX SUR TOUS LES APPAREILS
     ========================================================= */

  .wlu-faq-compact__title{
    margin:0 !important;

    color:var(--wlu-ink) !important;

    font-size:30px !important;
    font-weight:800 !important;
    line-height:1.1 !important;

    letter-spacing:-.03em !important;

    text-align:left;
  }

  .wlu-faq-compact__title span{
    color:var(--wlu-red) !important;
  }


  /* =========================================================
     TEXTE INTRO
     ========================================================= */

  .wlu-faq-compact__lead{
    margin:9px 0 0;

    max-width:720px;

    color:var(--wlu-muted);

    font-size:12px;
    line-height:1.58;
  }


  /* =========================================================
     RENDEZ-VOUS
     ========================================================= */

  .wlu-faq-compact__side{
    display:flex;
    align-items:center;
    justify-content:flex-end;
  }

  .wlu-faq-compact__appointment{
    display:flex;
    align-items:center;
    gap:8px;

    margin:0;

    color:rgba(15,21,25,.66);

    font-size:10px;
    font-weight:700;
    line-height:1.35;

    white-space:nowrap;
  }

  .wlu-faq-compact__dot{
    width:7px;
    height:7px;
    flex:0 0 7px;

    border-radius:50%;

    background:var(--wlu-red);

    box-shadow:
      0 0 0 4px rgba(237,28,46,.09);
  }


  /* =========================================================
     FOCUS
     ========================================================= */

  .wlu-faq-compact__question:focus-visible{
    outline:2px solid var(--wlu-red);
    outline-offset:3px;
  }


  /* =========================================================
     GRILLE FAQ
     ========================================================= */

  .wlu-faq-compact__grid{
    display:grid;

    grid-template-columns:
      repeat(2,minmax(0,1fr));

    align-items:start;

    gap:14px;
  }


  /* =========================================================
     COLONNES
     ========================================================= */

  .wlu-faq-compact__column{
    min-width:0;

    overflow:hidden;

    background:rgba(255,255,255,.62);

    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px);

    border:
      1px solid rgba(15,21,25,.1);

    border-radius:14px;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.72),
      0 10px 30px rgba(15,21,25,.045);
  }


  /* =========================================================
     ITEM
     ========================================================= */

  .wlu-faq-compact__item{
    margin:0;
    padding:0;

    border-bottom:
      1px solid var(--wlu-line);
  }

  .wlu-faq-compact__item:last-child{
    border-bottom:0;
  }


  /* =========================================================
     QUESTION
     ========================================================= */

  .wlu-faq-compact__question{
    width:100%;
    min-height:52px;

    display:grid;

    grid-template-columns:
      24px minmax(0,1fr) 24px;

    align-items:center;

    gap:9px;

    margin:0;
    padding:10px 13px;

    color:var(--wlu-ink);

    list-style:none;

    cursor:pointer;
  }

  .wlu-faq-compact__question::-webkit-details-marker{
    display:none;
  }


  /* =========================================================
     NUMÉRO
     ========================================================= */

  .wlu-faq-compact__number{
    color:rgba(237,28,46,.86);

    font-size:8px;
    font-weight:850;
    line-height:1;

    letter-spacing:.08em;

    font-variant-numeric:tabular-nums;
  }


  /* =========================================================
     TEXTE QUESTION
     ========================================================= */

  .wlu-faq-compact__question-text{
    color:var(--wlu-ink);

    font-size:12px;
    font-weight:750;
    line-height:1.35;

    transition:color .2s ease;
  }


  /* =========================================================
     BOUTON + / -
     ========================================================= */

  .wlu-faq-compact__toggle{
    position:relative;

    width:24px;
    height:24px;

    display:block;

    border:
      1px solid rgba(15,21,25,.16);

    border-radius:50%;

    transition:
      background .2s ease,
      border-color .2s ease,
      transform .25s ease;
  }

  .wlu-faq-compact__toggle::before,
  .wlu-faq-compact__toggle::after{
    content:"";

    position:absolute;

    top:50%;
    left:50%;

    width:8px;
    height:1px;

    border-radius:99px;

    background:var(--wlu-ink);

    transform:
      translate(-50%,-50%);

    transition:
      opacity .2s ease,
      transform .25s ease;
  }

  .wlu-faq-compact__toggle::after{
    transform:
      translate(-50%,-50%)
      rotate(90deg);
  }


  /* =========================================================
     HOVER
     ========================================================= */

  .wlu-faq-compact__question:hover
  .wlu-faq-compact__question-text{
    color:var(--wlu-red);
  }


  /* =========================================================
     QUESTION OUVERTE
     ========================================================= */

  .wlu-faq-compact__item[open]
  .wlu-faq-compact__toggle{
    background:var(--wlu-red);

    border-color:var(--wlu-red);

    transform:rotate(180deg);
  }

  .wlu-faq-compact__item[open]
  .wlu-faq-compact__toggle::before,

  .wlu-faq-compact__item[open]
  .wlu-faq-compact__toggle::after{
    background:#fff;
  }

  .wlu-faq-compact__item[open]
  .wlu-faq-compact__toggle::after{
    opacity:0;

    transform:
      translate(-50%,-50%)
      rotate(0deg);
  }


  /* =========================================================
     RÉPONSE
     ========================================================= */

  .wlu-faq-compact__answer{
    padding:
      0 40px 13px 46px;

    animation:
      wlu-faq-compact-reveal .22s ease both;
  }

  .wlu-faq-compact__answer p{
    margin:0;

    color:rgba(15,21,25,.68);

    font-size:11px;
    line-height:1.58;
  }

  .wlu-faq-compact__answer strong{
    color:var(--wlu-ink);

    font-weight:800;
  }


  /* =========================================================
     ANIMATION
     ========================================================= */

  @keyframes wlu-faq-compact-reveal{

    from{
      opacity:0;
      transform:translateY(-4px);
    }

    to{
      opacity:1;
      transform:translateY(0);
    }

  }


  /* =========================================================
     TABLETTE
     ========================================================= */

  @media (max-width:820px){

    .wlu-faq-compact__top{
      grid-template-columns:1fr;

      align-items:start;

      gap:15px;
    }

    .wlu-faq-compact__side{
      justify-content:flex-start;
    }

    .wlu-faq-compact__title{
      font-size:30px !important;
      line-height:1.1 !important;
    }

  }


  /* =========================================================
     MOBILE
     ========================================================= */

  @media (max-width:680px){

    .wlu-faq-compact{
      padding:20px 0;
    }


    .wlu-faq-compact__container{
      width:
        min(calc(100% - 30px),1080px);
    }


    /* ================================================
       TITRE MOBILE :
       30PX + CENTRÉ
       ================================================ */

    .wlu-faq-compact__title{
      width:100%;

      margin:0 auto !important;

      font-size:30px !important;
      line-height:1.1 !important;
      letter-spacing:-.03em !important;

      text-align:center !important;
    }


    .wlu-faq-compact__lead{
      font-size:11.5px;
    }


    .wlu-faq-compact__side{
      justify-content:flex-start;
    }


    .wlu-faq-compact__appointment{
      white-space:normal;
    }


    .wlu-faq-compact__grid{
      grid-template-columns:1fr;

      gap:10px;
    }


    .wlu-faq-compact__column{
      border-radius:12px;
    }


    .wlu-faq-compact__question{
      min-height:50px;

      padding:9px 11px;
    }


    .wlu-faq-compact__question-text{
      font-size:11.5px;
    }


    .wlu-faq-compact__answer{
      padding:
        0 34px 12px 44px;
    }

  }


  /* =========================================================
     PETITS MOBILES
     TOUJOURS 30PX + CENTRÉ
     ========================================================= */

  @media (max-width:390px){

    .wlu-faq-compact__title{
      font-size:30px !important;
      line-height:1.1 !important;

      text-align:center !important;
    }

  }


  /* =========================================================
     ACCESSIBILITÉ
     ========================================================= */

  @media (prefers-reduced-motion:reduce){

    .wlu-faq-compact *{
      animation:none !important;
      transition:none !important;
    }

  }

</style>


<section
  class="wlu-faq-compact"
  aria-labelledby="wlu-faq-compact-title"
>

  <div class="wlu-faq-compact__container">


    <!-- =====================================================
         EN-TÊTE
         ===================================================== -->

    <div class="wlu-faq-compact__top">


      <div class="wlu-faq-compact__heading">


        <p class="wlu-faq-compact__eyebrow">
          Questions fréquentes
        </p> 


        <h2
          class="wlu-faq-compact__title"
          id="wlu-faq-compact-title"
        >
          Vos questions,
          <span>nos réponses.</span>
        </h2>


        <p class="wlu-faq-compact__lead">
          Rendez-vous, diagnostic, délais et données :
          l’essentiel avant de confier votre appareil à notre
          atelier de Landerneau.
        </p> 


      </div>


      <div class="wlu-faq-compact__side">


        <p class="wlu-faq-compact__appointment">


          <span
            class="wlu-faq-compact__dot"
            aria-hidden="true"
          ></span>


          Atelier accessible uniquement sur rendez-vous


        </p> 


      </div>


    </div>


    <!-- =====================================================
         FAQ
         ===================================================== -->

    <div class="wlu-faq-compact__grid">


      <!-- ===================================================
           COLONNE 1
           =================================================== -->

      <div class="wlu-faq-compact__column">


        <!-- QUESTION 01 -->

        <details class="wlu-faq-compact__item">


          <summary class="wlu-faq-compact__question">


            <span
              class="wlu-faq-compact__number"
              aria-hidden="true"
            >
              01
            </span>


            <span class="wlu-faq-compact__question-text">
              Faut-il prendre rendez-vous avant de venir ?
            </span>


            <span
              class="wlu-faq-compact__toggle"
              aria-hidden="true"
            ></span>


          </summary>


          <div class="wlu-faq-compact__answer">


            <p>
              <strong>Oui.</strong>
              Wilou-Informatique est un atelier, et non une
              boutique ouverte au passage. L’accueil et le dépôt
              des appareils se font uniquement sur rendez-vous.
            </p> 


          </div>


        </details>


        <!-- QUESTION 02 -->

        <details class="wlu-faq-compact__item">


          <summary class="wlu-faq-compact__question">


            <span
              class="wlu-faq-compact__number"
              aria-hidden="true"
            >
              02
            </span>


            <span class="wlu-faq-compact__question-text">
              Quels appareils prenez-vous en charge ?
            </span>


            <span
              class="wlu-faq-compact__toggle"
              aria-hidden="true"
            ></span>


          </summary>


          <div class="wlu-faq-compact__answer">


            <p>
              Ordinateurs fixes et portables, Mac, smartphones,
              tablettes et consoles de jeux, toutes marques.
              Pour un appareil particulier, contactez-nous avant
              le rendez-vous.
            </p> 


          </div>


        </details>


        <!-- QUESTION 03 -->

        <details class="wlu-faq-compact__item">


          <summary class="wlu-faq-compact__question">


            <span
              class="wlu-faq-compact__number"
              aria-hidden="true"
            >
              03
            </span>


            <span class="wlu-faq-compact__question-text">
              Comment se déroulent le diagnostic et le devis ?
            </span>


            <span
              class="wlu-faq-compact__toggle"
              aria-hidden="true"
            ></span>


          </summary>


          <div class="wlu-faq-compact__answer">


            <p>
              Votre appareil est examiné pour identifier la panne.
              La solution et son tarif vous sont ensuite expliqués.
              <strong>
                Rien n’est engagé sans votre accord.
              </strong>
            </p> 


          </div>


        </details>


      </div>


      <!-- ===================================================
           COLONNE 2
           =================================================== -->

      <div class="wlu-faq-compact__column">


        <!-- QUESTION 04 -->

        <details class="wlu-faq-compact__item">


          <summary class="wlu-faq-compact__question">


            <span
              class="wlu-faq-compact__number"
              aria-hidden="true"
            >
              04
            </span>


            <span class="wlu-faq-compact__question-text">
              Quel délai prévoir pour une réparation ?
            </span>


            <span
              class="wlu-faq-compact__toggle"
              aria-hidden="true"
            ></span>


          </summary>


          <div class="wlu-faq-compact__answer">


            <p>
              Le délai dépend de la panne, du modèle et de la
              disponibilité des pièces. Une estimation vous est
              communiquée après le diagnostic.
            </p> 


          </div>


        </details>


        <!-- QUESTION 05 -->

        <details class="wlu-faq-compact__item">


          <summary class="wlu-faq-compact__question">


            <span
              class="wlu-faq-compact__number"
              aria-hidden="true"
            >
              05
            </span>


            <span class="wlu-faq-compact__question-text">
              Mes données personnelles sont-elles conservées ?
            </span>


            <span
              class="wlu-faq-compact__toggle"
              aria-hidden="true"
            ></span>


          </summary>


          <div class="wlu-faq-compact__answer">


            <p>
              Toutes les précautions sont prises pour préserver
              vos données. Lorsque l’appareil fonctionne encore,
              une sauvegarde préalable reste recommandée.
            </p> 


          </div>


        </details>


        <!-- QUESTION 06 -->

        <details class="wlu-faq-compact__item">


          <summary class="wlu-faq-compact__question">


            <span
              class="wlu-faq-compact__number"
              aria-hidden="true"
            >
              06
            </span>


            <span class="wlu-faq-compact__question-text">
              Un appareil de prêt est-il disponible ?
            </span>


            <span
              class="wlu-faq-compact__toggle"
              aria-hidden="true"
            ></span>


          </summary>


          <div class="wlu-faq-compact__answer">


            <p>
              Un appareil de prêt peut être proposé pendant
              certaines réparations, selon le type d’équipement
              et les disponibilités au moment de la prise en
              charge.
            </p> 


          </div>


        </details>


      </div>


    </div>


  </div>


</section>


<!-- =========================================================
     SUR ORDINATEUR : OUVERTURE AU SURVOL
     SUR TACTILE : OUVERTURE AU CLIC
     ========================================================= -->

<script>
  (function(){

    function initWluFaqHover(){

      var desktopHover =
        window.matchMedia(
          "(min-width: 821px) and (hover: hover) and (pointer: fine)"
        );


      document
        .querySelectorAll(".wlu-faq-compact")
        .forEach(function(faq){


          if(
            faq.getAttribute("data-hover-ready") === "true"
          ){
            return;
          }


          faq.setAttribute(
            "data-hover-ready",
            "true"
          );


          var items =
            Array.prototype.slice.call(
              faq.querySelectorAll(
                ".wlu-faq-compact__item"
              )
            );


          items.forEach(function(item){


            var closeTimer;


            item.addEventListener(
              "mouseenter",
              function(){


                if(!desktopHover.matches){
                  return;
                }


                window.clearTimeout(
                  closeTimer
                );


                items.forEach(
                  function(otherItem){


                    if(otherItem !== item){

                      otherItem.removeAttribute(
                        "open"
                      );

                    }


                  }
                );


                item.setAttribute(
                  "open",
                  ""
                );


              }
            );


            item.addEventListener(
              "mouseleave",
              function(){


                if(!desktopHover.matches){
                  return;
                }


                window.clearTimeout(
                  closeTimer
                );


                closeTimer =
                  window.setTimeout(
                    function(){


                      item.removeAttribute(
                        "open"
                      );


                    },
                    120
                  );


              }
            );


          });


          var closeOnTouch =
            function(event){


              if(event.matches){
                return;
              }


              items.forEach(
                function(item){


                  item.removeAttribute(
                    "open"
                  );


                }
              );


            };


          if(
            desktopHover.addEventListener
          ){


            desktopHover.addEventListener(
              "change",
              closeOnTouch
            );


          }else if(
            desktopHover.addListener
          ){


            desktopHover.addListener(
              closeOnTouch
            );


          }


        });


    }


    if(
      document.readyState === "loading"
    ){


      document.addEventListener(
        "DOMContentLoaded",
        initWluFaqHover
      );


    }else{


      initWluFaqHover();


    }


  })();
</script>


<!-- =========================================================
     DONNÉES STRUCTURÉES FAQ
     ========================================================= -->

<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"FAQPage",
  "mainEntity":[
    {
      "@type":"Question",
      "name":"Faut-il prendre rendez-vous avant de venir ?",
      "acceptedAnswer":{
        "@type":"Answer",
        "text":"Oui. Wilou-Informatique est un atelier et non une boutique ouverte au passage. L’accueil et le dépôt des appareils se font uniquement sur rendez-vous."
      }
    },
    {
      "@type":"Question",
      "name":"Quels appareils prenez-vous en charge ?",
      "acceptedAnswer":{
        "@type":"Answer",
        "text":"Wilou-Informatique prend en charge les ordinateurs fixes et portables, les Mac, les smartphones, les tablettes et les consoles de jeux, toutes marques."
      }
    },
    {
      "@type":"Question",
      "name":"Comment se déroulent le diagnostic et le devis ?",
      "acceptedAnswer":{
        "@type":"Answer",
        "text":"L’appareil est examiné pour identifier la panne. La solution et son tarif sont ensuite expliqués. Aucune réparation n’est engagée sans l’accord du client."
      }
    },
    {
      "@type":"Question",
      "name":"Quel délai prévoir pour une réparation ?",
      "acceptedAnswer":{
        "@type":"Answer",
        "text":"Le délai dépend de la panne, du modèle et de la disponibilité des pièces. Une estimation est communiquée après le diagnostic."
      }
    },
    {
      "@type":"Question",
      "name":"Mes données personnelles sont-elles conservées ?",
      "acceptedAnswer":{
        "@type":"Answer",
        "text":"Toutes les précautions sont prises pour préserver les données. Lorsque l’appareil fonctionne encore, une sauvegarde préalable reste recommandée."
      }
    },
    {
      "@type":"Question",
      "name":"Un appareil de prêt est-il disponible ?",
      "acceptedAnswer":{
        "@type":"Answer",
        "text":"Un appareil de prêt peut être proposé pendant certaines réparations, selon le type d’équipement et les disponibilités au moment de la prise en charge."
      }
    }
  ]
}
</script>

<!-- FIN DU MODULE FAQ PREMIUM COMPACT --></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>		</div>
	</div>
						</div>

				
				</article>

			

</div>

	<footer class="et-l et-l--footer">
			<div class="et_builder_inner_content et_pb_gutters3"><div class="et_pb_section et_pb_section_0_tb_footer et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0_tb_footer">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0_tb_footer  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_0_tb_footer">
				
				
				
				
				<div class="et_pb_code_inner"><!-- =========================================================
     FOOTER WILOU-INFORMATIQUE · PREMIUM V2
     COMPACT · ÉPURÉ · RESPONSIVE · DIVI
     TOUS LES LIENS CONSERVÉS
     ========================================================= -->

<style>

  .wlu-footer-premium{
    --red:#ed1c2e;
    --red-dark:#c90e20;
    --bg:#05080a;
    --bg-soft:#090d10;
    --white:#ffffff;
    --text:rgba(255,255,255,.76);
    --muted:rgba(255,255,255,.52);
    --line:rgba(255,255,255,.09);

    position:relative;
    isolation:isolate;
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    overflow:hidden;
    color:var(--white);
    background:var(--bg);
    font-family:inherit;
    -webkit-font-smoothing:antialiased;
  }

  .wlu-footer-premium,
  .wlu-footer-premium *{
    box-sizing:border-box;
  }

  .wlu-footer-premium a{
    text-decoration:none !important;
  }

  .wlu-footer-premium ul{
    list-style:none !important;
    list-style-type:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .wlu-footer-premium li{
    list-style:none !important;
    list-style-type:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .wlu-footer-premium li::marker{
    content:"" !important;
    font-size:0 !important;
    color:transparent !important;
  }


  /* LIGNE ROUGE */

  .wlu-footer-premium::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:72px;
    height:2px;
    transform:translateX(-50%);
    background:var(--red);
    border-radius:0 0 999px 999px;
  }


  /* CONTENEUR */

  .wlu-footer-premium__container{
    width:min(100% - 44px,1140px);
    margin:0 auto;
  }


  /* FOOTER PRINCIPAL */

  .wlu-footer-premium__main{
    display:grid;
    grid-template-columns:
      minmax(230px,1.18fr)
      minmax(160px,.82fr)
      minmax(190px,.95fr)
      minmax(190px,.88fr);
    gap:clamp(28px,3.8vw,55px);
    align-items:start;
    padding:31px 0 26px;
  }


  /* IDENTITÉ */

  .wlu-footer-premium__brand{
    min-width:0;
  }

  .wlu-footer-premium__logo-link{
    display:inline-block;
    margin:0 0 14px;
    line-height:0;
  }

  .wlu-footer-premium__logo{
    display:block;
    width:165px;
    max-width:100%;
    height:auto;
  }


  /* CONTACT */

  .wlu-footer-premium__contact{
    display:grid;
    gap:8px;
  }

  .wlu-footer-premium__contact-link{
    width:max-content;
    max-width:100%;
    display:flex;
    align-items:flex-start;
    gap:9px;
    color:rgba(255,255,255,.78) !important;
    font-size:12.5px;
    font-weight:650;
    line-height:1.45;
    transition:
      color .2s ease,
      transform .2s ease;
  }

  .wlu-footer-premium__contact-link:hover{
    color:#fff !important;
    transform:translateX(2px);
  }

  .wlu-footer-premium__contact-icon{
    width:16px;
    height:16px;
    flex:0 0 16px;
    margin-top:1px;
    color:var(--red);
  }

  .wlu-footer-premium__address{
    max-width:220px;
  }


  /* PRESSE */

  .wlu-footer-premium__press{
    width:max-content;
    max-width:100%;
    margin-top:12px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#fff !important;
    font-size:12px;
    font-weight:800;
    line-height:1.35;
    transition:
      transform .2s ease,
      color .2s ease;
  }

  .wlu-footer-premium__press-icon{
    width:18px;
    height:18px;
    flex:0 0 18px;
    display:grid;
    place-items:center;
    color:#fff;
    background:var(--red);
    border-radius:50%;
  }

  .wlu-footer-premium__press-icon svg{
    width:10px;
    height:10px;
  }

  .wlu-footer-premium__press:hover{
    color:#fff !important;
    transform:translateX(2px);
  }


  /* COLONNES */

  .wlu-footer-premium__column{
    min-width:0;
  }

  .wlu-footer-premium__heading{
    margin:0 0 14px !important;
    padding:0 !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:850 !important;
    line-height:1.2 !important;
    letter-spacing:.075em !important;
    text-transform:uppercase;
  }

  .wlu-footer-premium__heading::after{
    content:"";
    width:28px;
    height:2px;
    display:block;
    margin-top:8px;
    background:var(--red);
    border-radius:999px;
  }


  /* LIENS */

  .wlu-footer-premium__links{
    display:grid;
    gap:9px;
  }

  .wlu-footer-premium__links a{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:rgba(255,255,255,.72) !important;
    font-size:12.5px;
    font-weight:600;
    line-height:1.35;
    transition:
      color .18s ease,
      transform .18s ease;
  }

  .wlu-footer-premium__links a::before{
    content:"";
    width:4px;
    height:4px;
    flex:0 0 4px;
    background:var(--red);
    border-radius:50%;
    opacity:.82;
    transition:transform .18s ease;
  }

  .wlu-footer-premium__links a:hover{
    color:#fff !important;
    transform:translateX(3px);
  }

  .wlu-footer-premium__links a:hover::before{
    transform:scale(1.5);
  }


  /* HORAIRES */

  .wlu-footer-premium__hours{
    padding:14px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:13px;
  }

  .wlu-footer-premium__hours-top{
    display:flex;
    align-items:flex-start;
    gap:9px;
  }

  .wlu-footer-premium__clock{
    width:17px;
    height:17px;
    flex:0 0 17px;
    margin-top:1px;
    color:var(--red);
  }

  .wlu-footer-premium__hours-text{
    min-width:0;
  }

  .wlu-footer-premium__days{
    display:block;
    margin-bottom:3px;
    color:#fff;
    font-size:12.5px;
    font-weight:800;
    line-height:1.35;
  }

  .wlu-footer-premium__time{
    display:block;
    color:rgba(255,255,255,.70);
    font-size:12.5px;
    font-weight:600;
    line-height:1.45;
  }

  .wlu-footer-premium__appointment{
    margin:10px 0 0;
    color:rgba(255,255,255,.52);
    font-size:11px;
    font-weight:550;
    line-height:1.45;
  }


  /* CTA */

  .wlu-footer-premium__cta{
    width:100%;
    min-height:38px;
    margin-top:10px;
    padding:0 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    color:#fff !important;
    background:var(--red-dark);
    border:1px solid rgba(255,255,255,.04);
    border-radius:999px;
    box-shadow:0 8px 20px rgba(237,28,46,.13);
    font-size:12px;
    font-weight:800;
    line-height:1;
    transition:
      transform .2s ease,
      box-shadow .2s ease,
      background .2s ease;
  }

  .wlu-footer-premium__cta svg{
    width:13px;
    height:13px;
  }

  .wlu-footer-premium__cta:hover{
    color:#fff !important;
    background:#b60b1b;
    transform:translateY(-2px);
    box-shadow:0 11px 24px rgba(237,28,46,.19);
  }


  /* BAS FOOTER */

  .wlu-footer-premium__bottom{
    min-height:46px;
    padding:11px 0 13px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-top:1px solid var(--line);
  }

  .wlu-footer-premium__copyright{
    margin:0;
    color:rgba(255,255,255,.43);
    font-size:11px;
    font-weight:550;
    line-height:1.4;
  }

  .wlu-footer-premium__legal{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
  }

  .wlu-footer-premium__legal a{
    color:rgba(255,255,255,.48) !important;
    font-size:11px;
    font-weight:600;
    transition:color .18s ease;
  }

  .wlu-footer-premium__legal a:hover{
    color:#fff !important;
  }


  /* TABLETTE */

  @media(max-width:1050px){

    .wlu-footer-premium__main{
      grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);
      gap:30px 55px;
      padding:30px 0 25px;
    }

    .wlu-footer-premium__brand{
      padding-right:20px;
    }

    .wlu-footer-premium__hours{
      max-width:390px;
    }

  }


  /* MOBILE */

  @media(max-width:680px){

    .wlu-footer-premium__container{
      width:min(100% - 30px,560px);
    }

    .wlu-footer-premium__main{
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:25px 22px;
      padding:28px 0 22px;
    }

    .wlu-footer-premium__brand{
      grid-column:1 / -1;
      padding:0;
      display:grid;
      justify-items:center;
      text-align:center;
    }

    .wlu-footer-premium__logo-link{
      margin-bottom:12px;
    }

    .wlu-footer-premium__logo{
      width:155px;
    }

    .wlu-footer-premium__contact{
      width:100%;
      justify-items:center;
    }

    .wlu-footer-premium__contact-link{
      justify-content:center;
    }

    .wlu-footer-premium__address{
      max-width:300px;
      text-align:left;
    }

    .wlu-footer-premium__press{
      margin-top:11px;
    }

    .wlu-footer-premium__heading{
      margin-bottom:12px !important;
      font-size:11px !important;
    }

    .wlu-footer-premium__heading::after{
      width:24px;
    }

    .wlu-footer-premium__links{
      gap:8px;
    }

    .wlu-footer-premium__links a{
      font-size:12px;
    }

    .wlu-footer-premium__hours-column{
      grid-column:1 / -1;
    }

    .wlu-footer-premium__hours-column
    .wlu-footer-premium__heading{
      text-align:center;
    }

    .wlu-footer-premium__hours-column
    .wlu-footer-premium__heading::after{
      margin-left:auto;
      margin-right:auto;
    }

    .wlu-footer-premium__hours{
      width:min(100%,390px);
      margin:0 auto;
    }

    .wlu-footer-premium__cta{
      width:min(100%,390px);
      margin-left:auto;
      margin-right:auto;
    }

    .wlu-footer-premium__bottom{
      min-height:0;
      padding:13px 0 17px;
      flex-direction:column;
      justify-content:center;
      gap:7px;
      text-align:center;
    }

    .wlu-footer-premium__legal{
      justify-content:center;
    }

  }


  /* TRÈS PETITS MOBILES */

  @media(max-width:390px){

    .wlu-footer-premium__container{
      width:min(100% - 26px,360px);
    }

    .wlu-footer-premium__main{
      column-gap:15px;
    }

    .wlu-footer-premium__links a{
      gap:6px;
      font-size:11.5px;
    }

    .wlu-footer-premium__links a::before{
      width:3px;
      height:3px;
      flex-basis:3px;
    }

    .wlu-footer-premium__heading{
      font-size:10.5px !important;
    }

  }


  @media(max-width:330px){

    .wlu-footer-premium__main{
      grid-template-columns:1fr;
      gap:22px;
    }

    .wlu-footer-premium__column{
      text-align:center;
    }

    .wlu-footer-premium__heading{
      text-align:center;
    }

    .wlu-footer-premium__heading::after{
      margin-left:auto;
      margin-right:auto;
    }

    .wlu-footer-premium__links{
      width:max-content;
      max-width:100%;
      margin-left:auto !important;
      margin-right:auto !important;
      text-align:left;
    }

    .wlu-footer-premium__hours-column{
      grid-column:auto;
    }

  }


  @media(prefers-reduced-motion:reduce){

    .wlu-footer-premium a{
      transition:none !important;
    }

  }

</style>


<footer
  class="wlu-footer-premium"
  aria-label="Pied de page Wilou-Informatique"
>

  <div class="wlu-footer-premium__container">

    <div class="wlu-footer-premium__main">


      <!-- LOGO + CONTACT -->

      <div class="wlu-footer-premium__brand">

        <a
          class="wlu-footer-premium__logo-link"
          href="/"
          aria-label="Wilou-Informatique - Accueil"
        >

          <img
            class="wlu-footer-premium__logo"
            src="https://www.wilou-informatique.fr/wp-content/uploads/2025/10/informatique-landerneau-wilou-informatique.webp"
            alt="Wilou-Informatique Landerneau"
            width="289"
            height="108"
            loading="lazy"
            decoding="async"
          >

        </a>


        <div class="wlu-footer-premium__contact">

          <a
            class="wlu-footer-premium__contact-link"
            href="tel:+33777674723"
          >

            <svg
              class="wlu-footer-premium__contact-icon"
              viewbox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="1.9"
              stroke-linecap="round"
              stroke-linejoin="round"
              aria-hidden="true"
            >
              <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.69 2.8a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.28-1.28a2 2 0 0 1 2.11-.45c.9.33 1.84.56 2.8.69A2 2 0 0 1 22 16.92z"></path>
            </svg>

            <span>07 77 67 47 23</span>

          </a>


          <a
            class="wlu-footer-premium__contact-link"
            href="mailto:wilou-ink@hotmail.com"
          >

            <svg
              class="wlu-footer-premium__contact-icon"
              viewbox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="1.9"
              stroke-linecap="round"
              stroke-linejoin="round"
              aria-hidden="true"
            >
              <rect x="3" y="5" width="18" height="14" rx="2"></rect>
              <path d="m3 7 9 6 9-6"></path>
            </svg>

            <span>wilou-ink@hotmail.com</span>

          </a>


          <a
            class="wlu-footer-premium__contact-link wlu-footer-premium__address"
            href="https://www.google.com/maps/search/?api=1&query=Wilou-Informatique%2C%2031%20rue%20La%20Tour%20d%27Auvergne%2C%2029800%20Landerneau"
            target="_blank"
            rel="noopener noreferrer"
          >

            <svg
              class="wlu-footer-premium__contact-icon"
              viewbox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="1.9"
              stroke-linecap="round"
              stroke-linejoin="round"
              aria-hidden="true"
            >
              <path d="M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0z"></path>
              <circle cx="12" cy="10" r="2.5"></circle>
            </svg>

            <span>
              31 rue de la Tour d’Auvergne<br />
              29800 Landerneau
            </span>

          </a>

        </div>


        <a
          class="wlu-footer-premium__press"
          href="https://www.letelegramme.fr/finistere/landerneau-29800/wilson-goncalves-ouvre-son-entreprise-de-conseil-de-services-et-de-maintenance-informatique-a-landerneau-362880.php"
          target="_blank"
          rel="noopener noreferrer"
        >

          <span
            class="wlu-footer-premium__press-icon"
            aria-hidden="true"
          >
            <svg
              viewbox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
              stroke-linejoin="round"
            >
              <path d="M5 12h14"></path>
              <path d="m13 6 6 6-6 6"></path>
            </svg>
          </span>

          <span>La presse en parle</span>

        </a>

      </div>


      <!-- MENU -->

      <nav
        class="wlu-footer-premium__column"
        aria-label="Menu principal du pied de page"
      >

        <h2 class="wlu-footer-premium__heading">
          Menu
        </h2>

        <ul class="wlu-footer-premium__links">

          <li>
            <a href="/reparation-ordinateur/">
              Réparation ordinateur
            </a>
          </li>

          <li>
            <a href="/reparation-telephones-landerneau/">
              Réparation téléphone
            </a>
          </li>

          <li>
            <a href="/reparations-tablettes/">
              Réparation tablette
            </a>
          </li>

          <li>
            <a href="/formations/">
              Formation
            </a>
          </li>

          <li>
            <a href="/prestations-informatiques/">
              Prestations
            </a>
          </li>

          <li>
            <a href="/contact/">
              Contact
            </a>
          </li>

        </ul>

      </nav>


      <!-- NOS SERVICES -->

      <nav
        class="wlu-footer-premium__column"
        aria-label="Services Wilou-Informatique"
      >

        <h2 class="wlu-footer-premium__heading">
          Nos services
        </h2>

        <ul class="wlu-footer-premium__links">

          <li>
            <a href="/creation-site-web-logo-landerneau/">
              Création web
            </a>
          </li>

          <li>
            <a href="/reparation-informatique/">
              Réparations
            </a>
          </li>

          <li>
            <a href="/ventes-landerneau-ordinateurs-de-bureau-et-ordinateurs-de-gaming/">
              Ventes
            </a>
          </li>

          <li>
            <a href="/maintenance-informatique-landerneau/">
              Maintenance
            </a>
          </li>

          <li>
            <a href="/recuperation-donnees-landerneau/">
              Récupération données
            </a>
          </li>

          <li>
            <a href="/vente-ordinateur-landerneau/">
              Matériel informatique
            </a>
          </li>

        </ul>

      </nav>


      <!-- HORAIRES -->

      <div
        class="wlu-footer-premium__column               wlu-footer-premium__hours-column"
      >

        <h2 class="wlu-footer-premium__heading">
          Nos horaires
        </h2>


        <div class="wlu-footer-premium__hours">

          <div class="wlu-footer-premium__hours-top">

            <svg
              class="wlu-footer-premium__clock"
              viewbox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="1.9"
              stroke-linecap="round"
              stroke-linejoin="round"
              aria-hidden="true"
            >
              <circle cx="12" cy="12" r="9"></circle>
              <path d="M12 7v5l3 2"></path>
            </svg>


            <div class="wlu-footer-premium__hours-text">

              <span class="wlu-footer-premium__days">
                Lundi → Samedi
              </span>

              <span class="wlu-footer-premium__time">
                8h–12h · 13h–19h30
              </span>

            </div>

          </div>


          <p class="wlu-footer-premium__appointment">
            Accueil à l’atelier sur rendez-vous.
          </p> 

        </div>


        <a
          class="wlu-footer-premium__cta"
          href="/contact/"
        >
          Prendre rendez-vous

          <svg
            viewbox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            aria-hidden="true"
          >
            <path d="M5 12h14"></path>
            <path d="m13 6 6 6-6 6"></path>
          </svg>
        </a>

      </div>

    </div>


    <!-- BAS DU FOOTER -->

    <div class="wlu-footer-premium__bottom">

      <p class="wlu-footer-premium__copyright">
        © 2026 Wilou-Informatique · Tous droits réservés
      </p> 

      <div class="wlu-footer-premium__legal">

        <a href="/mentions-legales/">
          Mentions légales & CGU
        </a>

      </div>

    </div>

  </div>

</footer>

<!-- FIN FOOTER WILOU-INFORMATIQUE --></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>		</div>
	</footer>
		</div>

			
		</div>
		</div>

			<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hdt-divi-digital-agency/*","/wp-content/themes/Divi/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>

			<script type="text/javascript">
              var _paq = _paq || [];
			                _paq.push(['trackPageView']);
              (function () {
                var u = "https://analytics3.wpmudev.com/";
                _paq.push(['setTrackerUrl', u + 'track/']);
                _paq.push(['setSiteId', '34231']);
                var d   = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
                g.type  = 'text/javascript';
                g.async = true;
                g.defer = true;
                g.src   = 'https://analytics.wpmucdn.com/matomo.js';
                s.parentNode.insertBefore(g, s);
              })();
			</script>
					<script type="application/javascript">
			(function() {
				var file     = ["https:\/\/www.wilou-informatique.fr\/wp-content\/et-cache\/90727\/et-divi-dynamic-tb-97861-tb-99537-90727-late.css"];
				var handle   = document.getElementById('divi-style-parent-inline-inline-css');
				var location = handle.parentNode;

				if (0===document.querySelectorAll('link[href="' + file + '"]').length) {
					var link  = document.createElement('link');
					link.rel  = 'stylesheet';
					link.id   = 'et-dynamic-late-css';
					link.href = file;

					location.insertBefore(link, handle.nextSibling);
				}
			})();
		</script>
		<script>
(function () {
  function reveal() {
    document.documentElement.classList.remove('fouc-hide');
    document.documentElement.classList.add('fouc-show');
  }

  window.addEventListener('load', reveal);

  setTimeout(reveal, 2500);
})();
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {

    function fixArrows() {
        document.querySelectorAll('.et-pb-arrow-prev').forEach(el => {
            el.setAttribute('aria-label', 'Projet précédent');
        });

        document.querySelectorAll('.et-pb-arrow-next').forEach(el => {
            el.setAttribute('aria-label', 'Projet suivant');
        });
    }

    fixArrows();

    setTimeout(fixArrows, 500);
    setTimeout(fixArrows, 1500);
    setTimeout(fixArrows, 3000);

});
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
    var mainContent = document.querySelector('#main-content');
    if (mainContent) {
        mainContent.setAttribute('role', 'main');
    }
});
</script>
<script>
window.addEventListener("load", function () {
  document.querySelectorAll('.sr7-btn[aria-hidden="true"], .sr7-layer[aria-hidden="true"] a, a[aria-hidden="true"]').forEach(function(el) {
    el.removeAttribute("aria-hidden");
  });
});
</script><script id="swipe-script-js" src="https://www.wilou-informatique.fr/wp-content/plugins/dg-carousel/scripts/swiper.min.js?ver=2.0.26"></script>
<script id="rocket-browser-checker-js-after">
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
//# sourceURL=rocket-browser-checker-js-after
</script>
<script id="rocket-preload-links-js-extra">
var RocketPreloadLinksConfig = {"excludeUris":"/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://www.wilou-informatique.fr","onHoverDelay":"100","rateThrottle":"3"};
//# sourceURL=rocket-preload-links-js-extra
</script>
<script id="rocket-preload-links-js-after">
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());

//# sourceURL=rocket-preload-links-js-after
</script>
<script id="hdt-custom-js-js" src="https://www.wilou-informatique.fr/wp-content/themes/hdt-divi-digital-agency/hdtcustom.js?ver=1.0.0"></script>
<script id="divi-custom-script-js-extra">
var DIVI = {"item_count":"%d Item","items_count":"%d Items"};
var et_builder_utils_params = {"condition":{"diviTheme":true,"extraTheme":false},"scrollLocations":["app","top"],"builderScrollLocations":{"desktop":"app","tablet":"app","phone":"app"},"onloadScrollLocation":"app","builderType":"fe"};
var et_frontend_scripts = {"builderCssContainerPrefix":"#et-boc","builderCssLayoutPrefix":"#et-boc .et-l"};
var et_pb_custom = {"ajaxurl":"https://www.wilou-informatique.fr/wp-admin/admin-ajax.php","images_uri":"https://www.wilou-informatique.fr/wp-content/themes/Divi/images","builder_images_uri":"https://www.wilou-informatique.fr/wp-content/themes/Divi/includes/builder/images","et_frontend_nonce":"16ee054ca6","subscription_failed":"Veuillez v\u00e9rifier les champs ci-dessous pour vous assurer que vous avez entr\u00e9 les informations correctes.","et_ab_log_nonce":"502e1a3f4b","fill_message":"S'il vous pla\u00eet, remplissez les champs suivants:","contact_error_message":"Veuillez corriger les erreurs suivantes :","invalid":"E-mail non valide","captcha":"Captcha","prev":"Pr\u00e9c\u00e9dent","previous":"Pr\u00e9c\u00e9dente","next":"Prochaine","wrong_captcha":"Vous avez entr\u00e9 le mauvais num\u00e9ro dans le captcha.","wrong_checkbox":"Case \u00e0 cocher","ignore_waypoints":"no","is_divi_theme_used":"1","widget_search_selector":".widget_search","ab_tests":[],"is_ab_testing_active":"","page_id":"90727","unique_test_id":"","ab_bounce_rate":"5","is_cache_plugin_active":"yes","is_shortcode_tracking":"","tinymce_uri":"https://www.wilou-informatique.fr/wp-content/themes/Divi/includes/builder/frontend-builder/assets/vendors","accent_color":"#7EBEC5","waypoints_options":[]};
var et_pb_box_shadow_elements = [];
//# sourceURL=divi-custom-script-js-extra
</script>
<script id="divi-custom-script-js" src="https://www.wilou-informatique.fr/wp-content/themes/Divi/js/scripts.min.js?ver=4.27.8"></script>
<script id="fitvids-js" src="https://www.wilou-informatique.fr/wp-content/themes/Divi/includes/builder/feature/dynamic-assets/assets/js/jquery.fitvids.js?ver=4.27.8"></script>
<script id="divi-carousel-frontend-bundle-js" src="https://www.wilou-informatique.fr/wp-content/plugins/dg-carousel/scripts/frontend-bundle.min.js?ver=2.0.26"></script>
<script id="revslider-divi-frontend-bundle-js" src="https://www.wilou-informatique.fr/wp-content/plugins/revslider/admin/includes/shortcode_generator/divi/scripts/frontend-bundle.min.js?ver=1.0.0"></script>
<script id="et-core-common-js" src="https://www.wilou-informatique.fr/wp-content/themes/Divi/core/admin/js/common.js?ver=4.27.8"></script>
<script data-ccm-injected="1" async data-wp-strategy="async" id="trustindex-loader-js-js" src="https://cdn.trustindex.io/loader.js?ver=1"></script>
<script id="et-builder-modules-script-sticky-js-extra">
var et_pb_sticky_elements = [];
//# sourceURL=et-builder-modules-script-sticky-js-extra
</script>
<script id="et-builder-modules-script-sticky-js" src="https://www.wilou-informatique.fr/wp-content/themes/Divi/includes/builder/feature/dynamic-assets/assets/js/sticky-elements.js?ver=4.27.8"></script>
<style id="et-builder-module-design-tb-97861-tb-99537-deferred-90727-cached-inline-styles">.et_pb_section_0_tb_header.et_pb_section{padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px}.et_pb_row_0_tb_header.et_pb_row{padding-top:0px!important;padding-bottom:0px!important;margin-top:0px!important;margin-bottom:0px!important;padding-top:0px;padding-bottom:0px}.et_pb_row_0_tb_header,body #page-container .et-db #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row,body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row,body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row{width:100%;max-width:100%}div.et_pb_section.et_pb_section_0_tb_footer{background-image:url(https://www.wilou-informatique.fr/wp-content/uploads/2026/02/fond-tech.webp)!important}.et_pb_section_0_tb_footer.et_pb_section{padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px}.et_pb_row_0_tb_footer.et_pb_row{padding-top:0px!important;padding-bottom:0px!important;margin-top:0px!important;margin-bottom:0px!important;padding-top:0px;padding-bottom:0px}.et_pb_row_0_tb_footer,body #page-container .et-db #et-boc .et-l .et_pb_row_0_tb_footer.et_pb_row,body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_0_tb_footer.et_pb_row,body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_0_tb_footer.et_pb_row{width:100%;max-width:100%}.et_pb_section_0.et_pb_section,.et_pb_section_1.et_pb_section,.et_pb_section_3.et_pb_section,.et_pb_section_5.et_pb_section,.et_pb_section_6.et_pb_section{padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px}.et_pb_row_0.et_pb_row,.et_pb_row_1.et_pb_row,.et_pb_row_2.et_pb_row,.et_pb_row_3.et_pb_row,.et_pb_row_4.et_pb_row,.et_pb_row_5.et_pb_row,.et_pb_row_6.et_pb_row{padding-top:0px!important;padding-bottom:0px!important;margin-top:0px!important;margin-bottom:0px!important;padding-top:0px;padding-bottom:0px}.et_pb_row_0,body #page-container .et-db #et-boc .et-l .et_pb_row_0.et_pb_row,body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_0.et_pb_row,body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_0.et_pb_row,.et_pb_row_1,body #page-container .et-db #et-boc .et-l .et_pb_row_1.et_pb_row,body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_1.et_pb_row,body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_1.et_pb_row,.et_pb_row_2,body #page-container .et-db #et-boc .et-l .et_pb_row_2.et_pb_row,body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_2.et_pb_row,body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_2.et_pb_row,.et_pb_row_3,body #page-container .et-db #et-boc .et-l .et_pb_row_3.et_pb_row,body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_3.et_pb_row,body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_3.et_pb_row,.et_pb_row_5,body #page-container .et-db #et-boc .et-l .et_pb_row_5.et_pb_row,body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_5.et_pb_row,body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_5.et_pb_row,.et_pb_row_6,body #page-container .et-db #et-boc .et-l .et_pb_row_6.et_pb_row,body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_6.et_pb_row,body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_6.et_pb_row{width:100%;max-width:100%}div.et_pb_section.et_pb_section_2{background-image:url(https://www.wilou-informatique.fr/wp-content/uploads/2026/04/informatique_landerneau.webp)!important}.et_pb_section_2.et_pb_section{padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;background-color:#FFFFFF!important}.et_pb_code_2{padding-top:20px;padding-bottom:20px}div.et_pb_section.et_pb_section_4,div.et_pb_section.et_pb_section_6{background-image:url(https://www.wilou-informatique.fr/wp-content/uploads/2026/04/fond-informatique-landerneau.webp)!important}.et_pb_section_4{overflow-x:hidden;overflow-y:hidden}.et_pb_section_4.et_pb_section{padding-top:0vw;padding-bottom:0vw;background-color:#030E12!important}.et_pb_code_4{padding-top:0px;padding-bottom:0px;margin-top:0px!important;margin-bottom:0px!important}.et_pb_column_4{padding-top:25px}@media only screen and (min-width:981px){.et_pb_row_4,body #page-container .et-db #et-boc .et-l .et_pb_row_4.et_pb_row,body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_4.et_pb_row,body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_4.et_pb_row{width:100%;max-width:100%}}@media only screen and (max-width:980px){.et_pb_column_4{padding-top:0px;padding-left:0px}}@media only screen and (max-width:767px){.et_pb_column_4{padding-left:0px}}</style>	
	<script>var rocket_beacon_data = {"ajax_url":"https:\/\/www.wilou-informatique.fr\/wp-admin\/admin-ajax.php","nonce":"e79ec7090d","url":"https:\/\/www.wilou-informatique.fr","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true,"preload_fonts":true,"preconnect_external_domain":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800,"preload_fonts_exclusions":["api.fontshare.com","cdn.fontshare.com"],"processed_extensions":["woff2","woff","ttf"],"external_font_exclusions":[],"preconnect_external_domain_elements":["link","script","iframe"],"preconnect_external_domain_exclusions":["static.cloudflareinsights.com","rel=\"profile\"","rel=\"preconnect\"","rel=\"dns-prefetch\"","rel=\"icon\""]}</script><script data-name="wpr-wpr-beacon" src='https://www.wilou-informatique.fr/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script></body>
</html>

<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1787789948 -->