PageSourceSearch

https://www.stjoseph-stpaul.org/lycee-professionnel/article/atelier-recherche-demploi

html stjoseph-stpaul.org collected 2026-09-26 13:06:24 UTC 94,263 bytes, 1,053 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr" prefix="og: http://ogp.me/ns#">
3<head>
4            
5<title> Avenir pro : un atelier pour la recherche d’emploi proposé par France Travail aux classes de Tle Bac Pro </title>
6<meta name="google-site-verification" content="V4dWlnWGbnH-eYy9AqJPC7cFwfSLqibRydDeBx8f4HQ" />
7<link rel="icon" href="https://www.stjoseph-stpaul.org/storage/app/uploads/public/67e/51c/805/67e51c805d006039402061.svg" >
8<link rel="canonical" href="https://www.stjoseph-stpaul.org/lycee-professionnel/article/atelier-recherche-demploi">
9<meta name="description" content="Dans le cadre du dispositif « Avenir pro », France travail anime un module intitulé « Organiser efficacement sa recherche d’emploi, postuler et décrocher des entretiens d’embauche ! » auprès des classes de Tle Bac Pro TMA, MELEC et SN.">
10<meta name="robots" content="all">
11<meta name="viewport" content="width=device-width, initial-scale=1">
12<meta name="turbo-visit-control" content="disable">
13<meta name="turbo-cache-control" content="no-cache">
14<meta name="theme-color" content="#e62154">
15<meta property="og:title" content="Avenir pro : un atelier pour la recherche d’emploi proposé par France Travail aux classes de Tle Bac Pro">
16<meta property="og:description" content="Dans le cadre du dispositif « Avenir pro », France travail anime un module intitulé « Organiser efficacement sa recherche d’emploi, postuler et décrocher des entretiens d’embauche ! » auprès des classes de Tle Bac Pro TMA, MELEC et SN.">
17<meta property="og:url" content="https://www.stjoseph-stpaul.org/lycee-professionnel/article/atelier-recherche-demploi">
18<meta property="og:type" content="website">
19<meta property="og:image" content="https://www.stjoseph-stpaul.org/storage/app/resources/resize/1200_630_0_0_crop/img_ba1f0da4cf7690a96a1b61543937d045.jpg">
20
21
22
23    
23<script>
24        var _paq = window._paq = window._paq || [];
25        _paq.push(['trackPageView']);
26        _paq.push(['enableLinkTracking']);
27        (function() {
28            var u="https://matomo.publipresse.fr/";
29            _paq.push(['setTrackerUrl', u+'matomo.php']);
30            _paq.push(['setSiteId', '135']);
31            var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
32            g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
33        })();
34    </script>
34
35    <noscript><p><img src="https://matomo.publipresse.fr/matomo.php?idsite=135&amp;rec=1" style="border:0;" alt=""></p></noscript>
36
37        <link href="https://www.stjoseph-stpaul.org/combine/ebdb9d9b194937a13097d191181bfe08-1727870554.css" rel="stylesheet">
38    <link href="https://www.stjoseph-stpaul.org/combine/151e805e2c53422f99392c97126734b1-1733909614.css" rel="stylesheet">
39        <style>
40    :root {
41        --c-primary: #e62154;
42        --f-primary: brightness(0) saturate(100%) invert(14%) sepia(99%) saturate(3393%) hue-rotate(334deg) brightness(108%) contrast(87%);
43    }
44
45    .c-primary { color:var(--c-primary); }
46    .f-primary { filter:var(--f-primary); }
47    .bg-primary { background-color:var(--c-primary); }
48    .b-primary { border-color:var(--c-primary); }
49</style>    <link href="https://www.stjoseph-stpaul.org/combine/a6937a5474baade2a0006b5b77a5652c-1750689495.css" rel="stylesheet">
50        
50<script defer src="https://www.stjoseph-stpaul.org/combine/58df38121d3c16d23eee001159113c2c-1759432342.js"></script>
50
51    
51<script defer src="https://www.stjoseph-stpaul.org/combine/aa8f63a1c12be62f60547b6dccf21b9e-1727870554.js"></script>
51
52    
52<script defer src="https://www.stjoseph-stpaul.org/combine/bdf47ac80ffc62ad8d260872b7e75d7f-1727870554.js"></script>
52
53    
53<script defer src="https://www.stjoseph-stpaul.org/combine/233a67f680a6e153bbb2860171d70f9e-1734601534.js"></script>
53
54        
54<script defer src="https://www.stjoseph-stpaul.org/combine/2f6acd51e1cf01b58368b741b27398ef-1743414548.js"></script>
54
55</head>
56
57<body 
58    id="page-blog-record" 
59                x-data="{ menuOpen: false }"
60        x-init="
61        if (window.innerWidth < 991) menuOpen = false;
62        window.addEventListener('scroll', () => {
63            if (window.scrollY > 500) menuOpen = false;
64        });
65    "
66    x-bind:class="menuOpen === true ? 'menu-open' : ''"
67>
68
69    <div id="page">
70            <header id="header" class="header2 col g-0 py-md" x-data="{selected: 5 }" data-md="py-sm px-md justify-start" @click.outside="menuOpen = false; selected = 5" data-lenis-prevent>
71
72        <nav id="navigation" class="bg-blanc py-xl r-lg col align-start flex-grow justify-between shadow" data-md="grid grid-12 g-0 p-md">
73
74            <div class="top px-md overflow" data-md="order-1 span-6 px-0" data-xs="span-8">
75                <a href="/" class="c-bleu-fonce" aria-label="Logo">
76                    <svg class="logo" xmlns="http://www.w3.org/2000/svg" width="263" height="61" fill="currentColor" viewBox="0 0 263 61">
77    <g class="logo-picto">
78    <path fill="#E62154" d="M38.315 21.848a8.866 8.866 0 01-2.372-8.36L39.108.111 44.7 1.436 41.536 14.81a3.11 3.11 0 00.843 2.972c.353.353.353.353 0 0a3.102 3.102 0 002.972.842L58.67 15.46 60 21.053 46.68 24.22a8.862 8.862 0 01-8.365-2.367l-.002-.004" />
79    <path d="M49.087 54.501L38.918 36.887l17.606 10.165 2.872-4.98-21.302-12.299c-2.704-1.56-6.192-5.05-7.753-7.753L18.029.697 13.05 3.57 23.218 21.18 5.606 11.01l-.015.023-2.872 4.979 17.563 10.14H.002v.03H0v5.748h20.282L2.72 42.076l1.442 2.5 1.445 2.501 17.561-10.143-10.139 17.57.023.014 4.98 2.875 10.137-17.57V60.11h5.776V39.825l10.143 17.568.023-.015 4.977-2.875v
79-.002z" />
80    </g>
81    <g class="logo-text">
82    <path d="M81.23 41.077v-10.58h2.338v8.455h4.128v2.125h-6.465z" />
83    <path d="M91.765 41.077V37.13l-3.886-6.633h2.535l2.52 4.402 2.52-4.402h2.533l-3.884 6.633v3.947h-2.338z" />
84    <path d="M107.966 31.423v2.444c-.94-.94-2.035-1.412-3.28-1.412-.94 0-1.728.317-2.381.955-.653.638-.972 1.426-.972 2.383 0 .957.319 1.745.955 2.383.653.622 1.443.94 2.398.94 1.245 0 2.338-.47 3.28-1.41v2.443c-.926.728-2.018 1.093-3.28 1.093-1.593 0-2.929-.518-4.036-1.55-1.11-1.046-1.654-2.337-1.654-3.9 0-1.565.546-2.855 1.654-3.902 1.109-1.047 2.443-1.564 4.036-1.564 1.26 0 2.354.365 3.28 1.093" />
85    <path d="M113.642 29.768l.759-2.2h2.443l-1.518 2.2h-1.684zM111 41.077v-10.58h7.225v2.125h-4.888v1.99h4.569v2.078h-4.569v2.262h4.994v2.125H111z" />
86    <path d="M121.195 41.077v-10.58h7.225v2.125h-4.889v1.989h4.57v2.079h-4.57v2.262h4.995v2.125h-7.331z" />
87    <path d="M83.568 52.397h1.987c.32 0 .638-.107.928-.334.287-.227.44-.609.44-1.124 0-.515-.153-.88-.44-1.109-.29-.227-.607-.348-.928-.348h-1.987v2.915zm-2.337 5.54v-10.58h4.462c.894 0 1.699.334 2.443.986.742.653 1.124 1.518 1.124 2.596s-.365 1.881-1.093 2.565c-.73.684-1.549 1.017-2.475 1.017h-2.124v3.416H81.23z" />
88    <path d="M94.186 52.35h1.851c.912 0 1.518-.577 1.518-1.471 0-.805-.577-1.397-1.322-1.397h-2.05v2.869h.003zm-2.323 5.587v-10.58h4.433c.986 0 1.835.334 2.535 1.018.714.667 1.062 1.486 1.062 2.472 0 1.352-.743 2.52-1.88 3.005l2.578 4.083H97.95l-2.2-3.522h-1.564v3.522h-2.323v.002z" />
89    <path d="M105.531 55.067c.638.636 1.426.955 2.354.955.928 0 1.699-.319 2.337-.971.653-.653.972-1.458.972-2.384 0-.925-.317-1.716-.955-2.368a3.17 3.17 0 00-2.352-.987c-.926 0-1.716.334-2.354.987-.636.652-.955 1.443-.955 2.368 0 .926.319 1.745.955 2.398m-1.658-6.282c1.107-1.062 2.444-1.593 4.008-1.593s2.898.532 3.991 1.593c1.109 1.063 1.655 2.354 1.655 3.886 0 1.533-.546 2.838-1.639 3.902-1.092 1.046-2.429 1.578-4.007 1.578-1.579 0-2.901-.532-4.008-1.578-1.092-1.062-1.641-2.37-1.641-3.902s.547-2.823 1.641-3.886z" />
90    <path d="M116.238 57.937v-10.58h6.966v2.125h-4.628v2.17h4.218v2.08h-4.218v4.205h-2.338z" />
91    <path d="M125.957 57.937v-10.58h7.225v2.125h-4.888v1.989h4.569v2.079h-4.569v2.262h4.994v2.125h-7.331z" />
92    <path d="M135.836 54.717c.972.85 2.156 1.274 3.568 1.274 1.167 0 1.851-.424 1.851-1.047 0-.348-.167-.621-.486-.82-.319-.198-.957-.47-1.88-.804-1.806-.653-2.855-1.579-2.855-3.157 0-.924.365-1.639 1.078-2.17.728-.53 1.625-.805 2.7-.805 1.076 0 2.019.241 2.838.715v2.322c-.728-.592-1.639-.896-2.748-.896-.972 0-1.518.334-1.518.82 0 .304.136.531.546.773l.515.259.699.273.667.258c1.018.41 1.731.849 2.141 1.32.424.471.636 1.11.636 1.912 0 1.866-1.426 3.157-4.082 3.157-1.351 0-2.581-.32-3.674-.957v-2.43h.004v.003z" />
93    <path d="M145.723 54.717c.972.85 2.156 1.274 3.567 1.274 1.168 0 1.852-.424 1.852-1.047 0-.348-.167-.621-.486-.82-.319-.198-.957-.47-1.881-.804-1.807-.653-2.854-1.579-2.854-3.157 0-.924.365-1.639 1.078-2.17.728-.53 1.624-.805 2.7-.805s2.018.241 2.838.715v2.322c-.728-.592-1.639-.896-2.748-.896-.972 0-1.518.334-1.518.82 0 .304.135.531.546.773l.515.259.699.273.667.258c1.017.41 1.73.849 2.141 1.32.426.471.636 1.11.636 1.912 0 1.866-1.426 3.157-4.082 3.157-1.352 0-2.582-.32-3.674-.957v-2.43h.004v.003z" />
94    <path d="M158.451 47.357h-2.338v10.58h2.338v-10.58z" />
95    <path d="M164.525 55.067c.638.636 1.426.955 2.354.955.928 0 1.699-.319 2.337-.971.653-.653.972-1.458.972-2.384 0-.925-.317-1.716-.955-2.368a3.174 3.174 0 00-2.352-.987c-.926 0-1.716.334-2.354.987-.636.652-.955 1.443-.955 2.368 0 .926.319 1.745.955 2.398m-1.656-6.282c1.11-1.062 2.444-1.593 4.008-1.593s2.898.532 3.991 1.593c1.109 1.063 1.655 2.354 1.655 3.886 0 1.533-.546 2.838-1.639 3.902-1.092 1.046-2.429 1.578-4.007 1.578-1.579 0-2.898-.532-4.008-1.578-1.092-1.062-1.641-2.37-1.641-3.902s.547-2.823 1.641-3.886z" />
96    <path d="M175.223 57.936v-10.99l7.101 6.42v-6.01h2.308v10.989l-7.103-6.405v5.996h-2.306z" />
97    <path d="M187.82 57.936v-10.99l7.104 6.42v-6.01h2.306v10.989l-7.104-6.405v5.996h-2.306z" />
98    <path d="M200.438 57.937v-10.58h7.224v2.125h-4.887v1.989h4.568v2.079h-4.568v2.262h4.994v2.125h-7.331z" />
99    <path d="M210.629 57.937v-10.58h2.337v8.455h4.129v2.125h-6.466z" />
100    <path d="M80 13.7c1.726 1.512 3.832 2.269 6.343 2.27 2.078 0 3.292-.754 3.292-1.861 0-.622-.296-1.107-.863-1.458-.565-.352-1.7-.838-3.345-1.432-3.21-1.162-5.075-2.81-5.073-5.615 0-1.647.649-2.915 1.919-3.86C83.57.8 85.16.314 87.079.316c1.9
10016 0 3.59.434 5.048 1.272v4.13c-1.297-1.053-2.917-1.593-4.888-1.595-1.728 0-2.698.592-2.698 1.456 0 .54.242.946.97 1.378l.917.459 1.243.485 1.186.46c1.81.729 3.078 1.51 3.805 2.349.755.836 1.133 1.972 1.133 3.4 0 3.32-2.54 5.614-7.265 5.614-2.402 0-4.587-.57-6.53-1.704V13.7z" />
101    <path d="M105.532 15.062c.703-.674 1.053-1.485 1.055-2.43a3.15 3.15 0 00-1.053-2.402c-.673-.675-1.511-.998-2.51-.998-.999 0-1.783.323-2.456.996-.676.649-1 1.458-1 2.402 0 .945.324 1.756.998 2.43.673.648 1.484.971 2.456.973.999 0 1.835-.323 2.51-.972zm.813-7.45V5.83h4.022l-.004 13.607h-4.022v-1.785c-.406 1.187-1.999 2.025-4.049 2.023-1.918 0-3.536-.678-4.831-2.027-1.268-1.376-1.916-3.05-1.914-5.02 0-1.971.648-3.645 1.918-4.994 1.297-1.377 2.917-2.05 4.833-2.05 2.052 0 3.643.838 4.049 2.025" />
102    <path d="M113.307 19.436l.004-13.603h4.022l-.004 13.607h-4.022v-.004zM115.313.112c1.268 0 2.294.999 2.294 2.296 0 1.297-1.026 2.266-2.294 2.266s-2.293-.999-2.293-2.268a2.292 2.292 0 012.295-2.294" />
103    <path d="M120.293 19.44l.004-13.603h4.022v1.704c.567-1.189 2.106-1.998 3.968-1.998 3.319 0 5.208 2.108 5.208 5.645l-.004 8.258h-4.022l.004-7.775c0-1.593-.89-2.564-2.483-2.564s-2.673 1.105-2.673 2.698v7.637h-4.024v-.002z" />
104    <path d="M137.224 19.447l.004-9.96h-1.81l.002-3.645 1.808.002.004-5.21 3.911.002v5.208l2.997.002-.002 3.645-2.997-.002-.004 9.96-3.913-.002z" />
105    <path fill="#E62154" d="M146.922 8.978l-.512 3.636 7.838 1.103.511-3.636-7.837-1.103z" />
106    <path d="M156.199 15.81c.405.108.945.163 1.621.163 1.834 0 2.293-.997 2.293-2.726l.004-12.606h4.158l-.004 12.365c0 1.592-.055 2.51-.515 3.805-.597 1.835-2.133 2.833-5.401 2.94-.754 0-1.484-.055-2.16-.19V15.81h.004z" />
107    <path d="M171.878 15.195c.674.676 1.51 1.028 2.511 1.028 1 0 1.834-.35 2.51-1.023.675-.703 1.028-1.537 1.028-2.538 0-1-.35-1.835-1.024-2.51-.673-.703-1.512-1.053-2.51-1.053-.999 0-1.835.35-2.511 1.053-.675.673-1.026 1.51-1.026 2.51 0 1.001.349 1.862 1.024 2.538m7.855-7.64c1.484 1.378 2.212 3.078 2.212 5.102 0 2.025-.73 3.724-2.217 5.127-1.484 1.376-3.267 2.077-5.346 2.077-2.078 0-3.886-.705-5.371-2.08-1.455-1.406-2.185-3.106-2.185-5.132 0-2.027.73-3.724 2.189-5.1 1.485-1.403 3.268-2.104 5.372-2.104 2.103 0 3.859.705 5.343 2.108" />
108    <path d="M183.727 14.77c1.484 1.08 3.265 1.62 5.289 1.622 1.322 0 1.998-.296 1.998-.917 0-.272-.217-.486-.674-.674-.458-.19-1.107-.405-1.943-.649a13.415 13.415 0 01-2.025-.756c-1.592-.784-2.374-1.998-2.374-3.7 0-1.321.515-2.374 1.568-3.104 1.053-.755 2.293-1.134 3.78-1.132 1.566 0 2.915.325 4.02.947v3.509c-1.162-.649-2.486-.974-3.914-.974-1.134 0-1.701.271-1.701.809 0 .784 1.215.947 2.725 1.378 1.322.405 2.185.73 3.05 1.378.891.649 1.349 1.593 1.347 2.888 0 2.673-1.972 4.425-5.965 4.425-1.781 0-3.509-.434-5.181-1.297V14.77z" />
109    <path d="M206.456 11.133c0-1.216-1.241-2.241-2.834-2.241-.836 0-1.566.214-2.187.648-.621.43-.945.972-.972 1.59h5.993v.003zm-10.042 1.508c0-2.132.678-3.833 2.027-5.128 1.378-1.322 3.104-1.968 5.183-1.968 2.079 0 3.699.676 4.967 2 1.267 1.324 1.914 2.942 1.914 4.887 0 .459-.027.917-.082 1.322l-9.987-.004c.079 1.618 1.455 2.646 3.588 2.646 1.944 0 3.564-.43 4.834-1.32v3.507c-1.297.836-2.972 1.24-5.05 1.24-2.215 0-3.995-.648-5.371-1.918-1.349-1.297-2.025-2.998-2.023-5.129v-.136z" />
110    <path d="M222.548 15.11c.675-.674.999-1.485 1.001-2.43 0-.944-.323-1.753-.999-2.402-.676-.675-1.485-.998-2.456-1-.999 0-1.837.323-2.538.998a3.218 3.218 0 00-1.028 2.402c0 .945.351 1.756 1.026 2.43.701.648 1.537.97 2.538.973.971 0 1.78-.323 2.456-.972zm-9.802 9.576l.008-18.813h4.022v1.784c.405-1.186 2-2.024 4.05-2.022 1.918 0 3.536.678 4.804 2.054 1.294 1.349 1.943 3.023 1.941 4.993 0 1.97-.649 3.645-1.946 5.021-1.269 1.35-2.887 2.023-4.806 2.023-2.051 0-3.642-.84-4.049-2.027v6.991h-4.024v-.004z" />
111    <path d="M229.926 19.484l.008-18.813h4.022v6.858c.538-1.187 1.996-1.944 3.803-1.941 3.213 0 5.046 2.108 5.046 5.644l-.004 8.259h-4.02v-7.775c.002-1.593-.832-2.565-2.317-2.565-1.484 0-2.51 1.105-2.512 2.698v7.64h-4.024v-.005h-.002z" />
112    </g>
113</svg>
114                </a>
115            </div>
116
117            <div class="middle hidden col g-0" data-md="order-3 span-12 align-self-start col g-0 justify-start">
118
119                <div class="px-md my-xxl search-wrapper" data-md="my-xl px-0">
120                    <div class="search">
121                        <form action="https://www.stjoseph-stpaul.org/lycee-professionnel/article/atelier-recherche-demploi?q=" method="get">
122                            <div class="field field-text ">
123                <div class="field-group field-group-suffix relative">
124            <input 
125        type="text"
126        id="field-q"
127        class="field-input"
128        name="q"
129        value=""
130                autocomplete=""
131        placeholder="Recherchez"
132                    data-track-input="1"
133                    data-request="searchInput::onType"
134                    data-request-update="&#039;_layout/search-results&#039;:&#039;#search-results&#039;"
135                    data-request-success="document.querySelector(&#039;#search-results&#039;).classList.add(&#039;active&#039;)"
136                    >
137            <div class="field-suffix"><button type="submit"><svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" fill="none" stroke="currentColor" viewBox="0 0 23 22">
138    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.125" d="M21.13 20.881l
138-4.888-4.887m-6.375 2.125c4.675 0 8.5-3.825 8.5-8.5s-3.825-8.5-8.5-8.5-8.5 3.825-8.5 8.5 3.825 8.5 8.5 8.5z" />
139</svg></button></div>
140                </div>
141            <div data-validate-for="q"></div>
142</div> 
143                        </form>
144                    </div>
145                    <div id="search-results" class="py-md" data-md="p-sm"></div>
146                </div>
147                
148                <div class="menus-wrapper" data-lenis-prevent>
149                    <div class="menus grid grid-1 align-start g-0">
150                                
151                        <ul class="menu primary row-start-1 start-1">
152                                                            <li class="with-submenu" :class="(selected == 1)? 'active': ''" @mouseover="setTimeout(() => { selected = 1 }, 50)">
153
154                                    <a class="item py-md px-xl bt-1 b-light-grey row g-md align-center c-bleu-fonce justify-start fw-700" href="/" data-turbo="false" data-md="px-0">
155                                        <div class="dot" style="background:#e62154"></div>
156                                        <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="#E62154" viewBox="0 0 60 60">
157    <path d="M38.315 21.736a8.866 8.866 0 01-2.372-8.36L39.108 0 44.7 1.324l-3.165 13.375a3.11 3.11 0 00.843 2.972c.353.353.353.353 0 0a3.103 3.103 0 002.972.842l13.319-3.164L60 20.941l-13.32 3.166a8.862 8.862 0 01-8.365-2.367l-.002-.004" />
158    <path d="M49.087 54.389L38.918 36.775 56.525 46.94l2.872-4.98L38.094 29.66c-2.704-1.56-6.192-5.05-7.753-7.753L18.029.585 13.05 3.459l10.167 17.608L5.606 10.898l-.015.023L2.719 15.9l17.563 10.14H.002v.03H0v5.748h20.282L2.72 41.964l1.442 2.5 1.445 2.501 17.561-10.143-10.139 17.57.023.014 4.98 2.875 10.137-17.57v20.287h5.776V39.714L44.087 57.28l.023-.015 4.977-2.875v
158-.002z" />
159</svg>
160                                        <span class="line-clamp-1 c-bleu-fonce">
161                                            Pôle d’enseignements
162                                        </span>
163                                    </a>
164                                    
165                                    <div class="submenu py-md h-100 col">
166                                        <div class="p-xl bg-bleu-nuit c-blanc r-lg col h-100 justify-start g-0">
167                                            <ul class="col g-xl justify-start" data-md="g-0 mt-0" data-lenis-prevent>
168                                                <li class="hide" data-md="block">
169                                                    <button class="row g-sm align-center secondary pointer overflow py-md" @click="selected = 0">
170                                                        <span class="btn btn-rounded btn-sm bg-light-beige">
171                                                            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="16" fill="currentColor" viewBox="0 0 25 16">
172    <path d="M.293 7.293a1 1 0 000 1.414l6.364 6.364a1 1 0 001.414-1.414L2.414 8l5.657-5.657A1 1 0 006.657.93L.293 7.293zM25 7H1v2h24V7z" />
173</svg>
174                                                        </span>
175                                                        <span class="hamburger-text fw-700 nowrap">Retour</span>
176                                                    </button>
177                                                </li>
178                                                                                                    <li >
179                                                        <a href="https://www.stjoseph-stpaul.org/" data-turbo="false">
180                                                            <div class="dot" style="background:#e62154"></div>
181                                                            Accueil
182                                                        </a>
183                                                    </li>
184                                                                                                    <li >
185                                                        <a href="https://www.stjoseph-stpaul.org/etablissements" data-turbo="false">
186                                                            <div class="dot" style="background:#e62154"></div>
187                                                            Nos Établissements
188                                                        </a>
189                                                    </li>
190                                                                                                    <li >
191                                                        <a href="https://www.stjoseph-stpaul.org/projet-educatif" data-turbo="false">
192                                                            <div class="dot" style="background:#e62154"></div>
193                                                            Notre Projet éducatif
194                                                        </a>
195                                                    </li>
196                                                                                                    <li >
197                                                        <a href="https://www.stjoseph-stpaul.org/atouts-services" data-turbo="false">
198                                                            <div class="dot" style="background:#e62154"></div>
199                                                            Nos Atouts
200                                                        </a>
201                                                    </li>
202                                                                                                    <li >
203                                                        <a href="https://www.stjoseph-stpaul.org/restauration" data-turbo="false">
204                                                            <div class="dot" style="background:#e62154"></div>
205                                                            Restauration
206                                                        </a>
207                                                    </li>
208                                                                                                    <li >
209                                                        <a href="https://www.stjoseph-stpaul.org/internat" data-turbo="false">
210                                                            <div class="dot" style="background:#e62154"></div>
211                                                            Internat
212                                                        </a>
213                                                    </li>
214                                                                                                    <li >
215                                                        <a href="https://www.stjoseph-stpaul.org/inscription" data-turbo="false">
216                                                            <div class="dot" style="background:#e62154"></div>
217                                                            Inscriptions
218                                                        </a>
219                                                    </li>
220                                                                                                    <li >
221                                                        <a href="https://www.stjoseph-stpaul.org/ogec" data-turbo="false">
222                                                            <div class="dot" style="background:#e62154"></div>
223                                                            OGEC
224                                                        </a>
225                                                    </li>
226                                                                                                    <li >
227                                                        <a href="https://www.stjoseph-stpaul.org/contact" data-turbo="false">
228                                                            <div class="dot" style="background:#e62154"></div>
229                                                            Contact
230                                                        </a>
231                                                    </li>
232                                                                                               
233                                                <li>
234                                                    <a href="/blog" data-turbo="false">
235                                                        <div class="dot" style="background:#e62154"></div>
236                                                        Actualités
237                                                    </a>
238                                                </li>
239                                            </ul>
240                                        </div>
241                                    </div>
242                                    
243                                </li>
244                                                            <li class="with-submenu" :class="(selected == 2)? 'active': ''" @mouseover="setTimeout(() => { selected = 2 }, 50)">
245
246                                    <a class="item py-md px-xl bt-1 b-light-grey row g-md align-center c-bleu-fonce justify-start fw-700" href="/ecole" data-turbo="false" data-md="px-0">
247                                        <div class="dot" style="background:#00a68d"></div>
248                                        <svg xmlns="http://www.w3.org/2000/svg" width="60" height="61" fill="currentColor" viewBox="0 0 60 61">
249    <path fill="#00A68D" d="M38.315 21.853a8.865 8.865 0 01-2.372-8.36L39.108.116 44.7 1.441l-3.165 13.375a3.11 3.11 0 00.843 2.972c.353.353.353.353 0 0a3.102 3.102 0 002.972.842l13.319-3.164L60 21.058l-13.32 3.166a8.862 8.862 0 01-8.365-2.367l-.002-.004" />
250    <path d="M49.087 54.506L38.918 36.892l17.606 10.165 2.872-4.98-21.302-12.298c-2.704-1.56-6.192-5.051-7.753-7.754L18.029.702 13.05 3.576l10.167 17.608L5.606 11.015l-.015.023-2.872 4.979 17.563 10.141H.002v.03H0v5.747h20.282L2.72 42.081l1.442 2.5 1.445 2.501L23.167 36.94l-10.139 17.57.023.014 4.98 2.875 10.
250137-17.57v20.287h5.776V39.831l10.143 17.567.023-.015 4.977-2.875v-.002z" />
251</svg>
252                                        <span class="line-clamp-1 c-bleu-fonce">
253                                            École Primaire
254                                        </span>
255                                    </a>
256                                    
257                                    <div class="submenu py-md h-100 col">
258                                        <div class="p-xl bg-bleu-nuit c-blanc r-lg col h-100 justify-start g-0">
259                                            <ul class="col g-xl justify-start" data-md="g-0 mt-0" data-lenis-prevent>
260                                                <li class="hide" data-md="block">
261                                                    <button class="row g-sm align-center secondary pointer overflow py-md" @click="selected = 0">
262                                                        <span class="btn btn-rounded btn-sm bg-light-beige">
263                                                            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="16" fill="currentColor" viewBox="0 0 25 16">
264    <path d="M.293 7.293a1 1 0 000 1.414l6.364 6.364a1 1 0 001.414-1.414L2.414 8l5.657-5.657A1 1 0 006.657.93L.293 7.293zM25 7H1v2h24V7z" />
265</svg>
266                                                        </span>
267                                                        <span class="hamburger-text fw-700 nowrap">Retour</span>
268                                                    </button>
269                                                </li>
270                                                                                                    <li >
271                                                        <a href="/ecole/" data-turbo="false">
272                                                            <div class="dot" style="background:#00a68d"></div>
273                                                            Accueil
274                                                        </a>
275                                                    </li>
276                                                                                                    <li >
277                                                        <a href="/ecole/maternelle" data-turbo="false">
278                                                            <div class="dot" style="background:#00a68d"></div>
279                                                            Les Classes Maternelles
280                                                        </a>
281                                                    </li>
282                                                                                                    <li >
283                                                        <a href="/ecole/primaire" data-turbo="false">
284                                                            <div class="dot" style="background:#00a68d"></div>
285                                                            Les Classes Elémentaires
286                                                        </a>
287                                                    </li>
288                                                                                                    <li >
289                                                        <a href="/ecole/projet-ecole" data-turbo="false">
290                                                            <div class="dot" style="background:#00a68d"></div>
291                                                            Projet d&#039;école
292                                                        </a>
293                                                    </li>
294                                                                                               
295                                                <li>
296                                                    <a href="/ecole/blog" data-turbo="false">
297                                                        <div class="dot" style="background:#00a68d"></div>
298                                                        Actualités
299                                                    </a>
300                                                </li>
301                                            </ul>
302                                        </div>
303                                    </div>
304                                    
305                                </li>
306                                                            <li class="with-submenu" :class="(selected == 3)? 'active': ''" @mouseover="setTimeout(() => { selected = 3 }, 50)">
307
308                                    <a class="item py-md px-xl bt-1 b-light-grey row g-md align-center c-bleu-fonce justify-start fw-700" href="/college" data-turbo="false" data-md="px-0">
309                                        <div class="dot" style="background:#00b1eb"></div>
310                                        <svg xmlns="http://www.w3.org/2000/svg" width="60" height="61" fill="currentColor" viewBox="0 0 60 61">
311    <path fill="#00B1EB" d="M38.315 21.851a8.866 8.866 0 01-2.372-8.36L39.108.115 44.7 1.44l-3.165 13.375a3.11 3.11 0 00.843 2.973c.353.353.353.353 0 0a3.103 3.103 0 002.972.841l13.319-3.164L60 21.057l-13.32 3.166a8.862 8.862 0 01-8.365-2.367l-.002-.005" />
312    <path d="M49.087 54.504L38.918 36.89l17.606 10.165 2.872-4.98-21.302-12.298c-2.704-1.56-6.192-5.05-7.753-7.753L18.029.7 13.05 3.575l10.167 17.607L5.606 11.013l-.015.024-2.872 4.978 17.563 10.141H.002v.03H0v5.747h20.282L2.72 42.08l1.442 2.5 1.445 2.502 17.561-10.144-10.139 17.57.023.014 4.98 2.875 10.
312137-17.57v20.288h5.776V39.829l10.143 17.567.023-.015 4.977-2.874v-.003z" />
313</svg>
314                                        <span class="line-clamp-1 c-bleu-fonce">
315                                            Collège
316                                        </span>
317                                    </a>
318                                    
319                                    <div class="submenu py-md h-100 col">
320                                        <div class="p-xl bg-bleu-nuit c-blanc r-lg col h-100 justify-start g-0">
321                                            <ul class="col g-xl justify-start" data-md="g-0 mt-0" data-lenis-prevent>
322                                                <li class="hide" data-md="block">
323                                                    <button class="row g-sm align-center secondary pointer overflow py-md" @click="selected = 0">
324                                                        <span class="btn btn-rounded btn-sm bg-light-beige">
325                                                            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="16" fill="currentColor" viewBox="0 0 25 16">
326    <path d="M.293 7.293a1 1 0 000 1.414l6.364 6.364a1 1 0 001.414-1.414L2.414 8l5.657-5.657A1 1 0 006.657.93L.293 7.293zM25 7H1v2h24V7z" />
327</svg>
328                                                        </span>
329                                                        <span class="hamburger-text fw-700 nowrap">Retour</span>
330                                                    </button>
331                                                </li>
332                                                                                                    <li >
333                                                        <a href="/college/" data-turbo="false">
334                                                            <div class="dot" style="background:#00b1eb"></div>
335                                                            Accueil
336                                                        </a>
337                                                    </li>
338                                                                                                    <li >
339                                                        <a href="/college/sixieme" data-turbo="false">
340                                                            <div class="dot" style="background:#00b1eb"></div>
341                                                            La sixième
342                                                        </a>
343                                                    </li>
344                                                                                                    <li >
345                                                        <a href="/college/cinquieme" data-turbo="false">
346                                                            <div class="dot" style="background:#00b1eb"></div>
347                                                            La cinquième
348                                                        </a>
349                                                    </li>
350                                                                                                    <li >
351                                                        <a href="/college/quatrieme" data-turbo="false">
352                                                            <div class="dot" style="background:#00b1eb"></div>
353                                                            La quatrième
354                                                        </a>
355                                                    </li>
356                                                                                                    <li >
357                                                        <a href="/college/troisieme" data-turbo="false">
358                                                            <div class="dot" style="background:#00b1eb"></div>
359                                                            La troisième
360                                                        </a>
361                                                    </li>
362                                                                                               
363                                                <li>
364                                                    <a href="/college/blog" data-turbo="false">
365                                                        <div class="dot" style="background:#00b1eb"></div>
366                                                        Actualités
367                                                    </a>
368                                                </li>
369                                            </ul>
370                                        </div>
371                                    </div>
372                                    
373                                </li>
374                                                            <li class="with-submenu" :class="(selected == 4)? 'active': ''" @mouseover="setTimeout(() => { selected = 4 }, 50)">
375
376                                    <a class="item py-md px-xl bt-1 b-light-grey row g-md align-center c-bleu-fonce justify-start fw-700" href="/lycee-general" data-turbo="false" data-md="px-0">
377                                        <div class="dot" style="background:#eb5e57"></div>
378                                        <svg xmlns="http://www.w3.org/2000/svg" width="60" height="61" fill="currentColor" viewBox="0 0 60 61">
379    <path fill="#EB5E57" d="M38.315 21.85a8.866 8.866 0 01-2.372-8.361L39.108.114 44.7 1.437l-3.165 13.376a3.11 3.11 0 00.843 2.972c.353.353.353.353 0 0a3.103 3.103 0 002.972.841l13.319-3.163L60 21.055l-13.32 3.166a8.862 8.862 0 01-8.365-2.367l-.002-.004" />
380    <path d="M49.087 54.503L38.918 36.889l17.606 10.164 2.872-4.98-21.302-12.298c-2.704-1.56-6.192-5.05-7.753-7.753L18.029.698 13.05 3.573l10.167 17.608L5.606 11.01l-.015.024-2.872 4.978 17.563 10.142H.002v.03H0v5.747h20.282L2.72 42.077l1.442 2.501 1.445 2.5 17.561-10.143-10.139 17.57.023.015 4.98 2.874 10.137-17.569v20.287h5.776V39.827l10.143 17.568.023-.015 4.977-2.875v
380-.002z" />
381</svg>
382                                        <span class="line-clamp-1 c-bleu-fonce">
383                                            Lycée Général et Tech.
384                                        </span>
385                                    </a>
386                                    
387                                    <div class="submenu py-md h-100 col">
388                                        <div class="p-xl bg-bleu-nuit c-blanc r-lg col h-100 justify-start g-0">
389                                            <ul class="col g-xl justify-start" data-md="g-0 mt-0" data-lenis-prevent>
390                                                <li class="hide" data-md="block">
391                                                    <button class="row g-sm align-center secondary pointer overflow py-md" @click="selected = 0">
392                                                        <span class="btn btn-rounded btn-sm bg-light-beige">
393                                                            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="16" fill="currentColor" viewBox="0 0 25 16">
394    <path d="M.293 7.293a1 1 0 000 1.414l6.364 6.364a1 1 0 001.414-1.414L2.414 8l5.657-5.657A1 1 0 006.657.93L.293 7.293zM25 7H1v2h24V7z" />
395</svg>
396                                                        </span>
397                                                        <span class="hamburger-text fw-700 nowrap">Retour</span>
398                                                    </button>
399                                                </li>
400                                                                                                    <li >
401                                                        <a href="/lycee-general/seconde" data-turbo="false">
402                                                            <div class="dot" style="background:#eb5e57"></div>
403                                                            La Seconde
404                                                        </a>
405                                                    </li>
406                                                                                                    <li >
407                                                        <a href="/lycee-general/" data-turbo="false">
408                                                            <div class="dot" style="background:#eb5e57"></div>
409                                                            Accueil
410                                                        </a>
411                                                    </li>
412                                                                                                    <li >
413                                                        <a href="/lycee-general/premiere" data-turbo="false">
414                                                            <div class="dot" style="background:#eb5e57"></div>
415                                                            La Première
416                                                        </a>
417                                                    </li>
418                                                                                                    <li >
419                                                        <a href="/lycee-general/terminale" data-turbo="false">
420                                                            <div class="dot" style="background:#eb5e57"></div>
421                                                            La Terminale
422                                                        </a>
423                                                    </li>
424                                                                                               
425                                                <li>
426                                                    <a href="/lycee-general/blog" data-turbo="false">
427                                                        <div class="dot" style="background:#eb5e57"></div>
428                                                        Actualités
429                                                    </a>
430                                                </li>
431                                            </ul>
432                                        </div>
433                                    </div>
434                                    
435                                </li>
436                                                            <li class="with-submenu" :class="(selected == 5)? 'active': ''" @mouseover="setTimeout(() => { selected = 5 }, 50)">
437
438                                    <a class="item py-md px-xl bt-1 b-light-grey row g-md align-center c-bleu-fonce justify-start fw-700" href="/lycee-professionnel" data-turbo="false" data-md="px-0">
439                                        <div class="dot" style="background:#e62154"></div>
440                                        <svg xmlns="http://www.w3.org/2000/svg" width="60" height="61" fill="currentColor" viewBox="0 0 60 61">
441    <path fill="#E62154" d="M38.315 21.848a8.866 8.866 0 01-2.372-8.36L39.108.111 44.7 1.436 41.536 14.81a3.11 3.11 0 00.843 2.972c.353.353.353.353 0 0a3.102 3.102 0 002.972.842L58.67 15.46 60 21.053 46.68 24.22a8.862 8.862 0 01-8.365-2.367l-.002-.004" />
442    <path d="M49.087 54.501L38.918 36.887l17.606 10.165 2.872-4.98-21.302-12.299c-2.704-1.56-6.192-5.05-7.753-7.753L18.029.697 13.05 3.57 23.218 21.18 5.606 11.01l-.015.023-2.872 4.979 17.563 10.14H.002v.03H0v5.748h20.282L2.72 42.076l1.442 2.5 1.445 2.501 17.561-10.143-10.139 17.57.023.014 4.98 2.875 10.
442137-17.57V60.11h5.776V39.825l10.143 17.568.023-.015 4.977-2.875v-.002z" />
443</svg>
444                                        <span class="line-clamp-1 c-bleu-fonce">
445                                            Lycée Pro.
446                                        </span>
447                                    </a>
448                                    
449                                    <div class="submenu py-md h-100 col">
450                                        <div class="p-xl bg-bleu-nuit c-blanc r-lg col h-100 justify-start g-0">
451                                            <ul class="col g-xl justify-start" data-md="g-0 mt-0" data-lenis-prevent>
452                                                <li class="hide" data-md="block">
453                                                    <button class="row g-sm align-center secondary pointer overflow py-md" @click="selected = 0">
454                                                        <span class="btn btn-rounded btn-sm bg-light-beige">
455                                                            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="16" fill="currentColor" viewBox="0 0 25 16">
456    <path d="M.293 7.293a1 1 0 000 1.414l6.364 6.364a1 1 0 001.414-1.414L2.414 8l5.657-5.657A1 1 0 006.657.93L.293 7.293zM25 7H1v2h24V7z" />
457</svg>
458                                                        </span>
459                                                        <span class="hamburger-text fw-700 nowrap">Retour</span>
460                                                    </button>
461                                                </li>
462                                                                                                    <li >
463                                                        <a href="/lycee-professionnel/" data-turbo="false">
464                                                            <div class="dot" style="background:#e62154"></div>
465                                                            Accueil
466                                                        </a>
467                                                    </li>
468                                                                                                    <li >
469                                                        <a href="/lycee-professionnel/3e-prepa-metiers" data-turbo="false">
470                                                            <div class="dot" style="background:#e62154"></div>
471                                                            3e Prépa-Métiers
472                                                        </a>
473                                                    </li>
474                                                                                                    <li >
475                                                        <a href="/lycee-professionnel/cap-ebenisterie" data-turbo="false">
476                                                            <div class="dot" style="background:#e62154"></div>
477                                                            CAP Ébéniste
478                                                        </a>
479                                                    </li>
480                                                                                                    <li >
481                                                        <a href="/lycee-professionnel/cap-electricien" data-turbo="false">
482                                                            <div class="dot" style="background:#e62154"></div>
483                                                            CAP Électricien
484                                                        </a>
485                                                    </li>
486                                                                                                    <li >
487                                                        <a href="/lycee-professionnel/cap-menuisier-fabricant" data-turbo="false">
488                                                            <div class="dot" style="background:#e62154"></div>
489                                                            CAP Menuisier Fabricant
490                                                        </a>
491                                                    </li>
492                                                                                                    <li >
493                                                        <a href="/lycee-professionnel/bacpro-ciel" data-turbo="false">
494                                                            <div class="dot" style="background:#e62154"></div>
495                                                            Bac Pro CIEL
496                                                        </a>
497                                                    </li>
498                                                                                                    <li >
499                                                        <a href="/lycee-professionnel/bacpro-melec" data-turbo="false">
500                                                            <div class="dot" style="background:#e62154"></div>
501                                                            Bac Pro MELEC
502                                                        </a>
503                                                    </li>
504                                                                                                    <li >
505                                                        <a href="/lycee-professionnel/bacpro-tma" data-turbo="false">
506                                                            <div class="dot" style="background:#e62154"></div>
507                                                            Bac Pro TMA
508                                                        </a>
509                                                    </li>
510                                                                                                    <li >
511                                                        <a href="/lycee-professionnel/bma-ebeniste" data-turbo="false">
512                                                            <div class="dot" style="background:#e62154"></div>
513                                                            BMA Ébéniste
514                                                        </a>
515                                                    </li>
516                                                                                                    <li >
517                                                        <a href="/lycee-professionnel/apprentissage" data-turbo="false">
518                                                            <div class="dot" style="background:#e62154"></div>
519                                                            Apprentissage au Lycée Pro
520                                                        </a>
521                                                    </li>
522                                                                                               
523                                                <li>
524                                                    <a href="/lycee-professionnel/blog" data-turbo="false">
525                                                        <div class="dot" style="background:#e62154"></div>
526                                                        Actualités
527                                                    </a>
528                                                </li>
529                                            </ul>
530                                        </div>
531                                    </div>
532                                    
533                                </li>
534                                                            <li class="with-submenu" :class="(selected == 6)? 'active': ''" @mouseover="setTimeout(() => { selected = 6 }, 50)">
535
536                                    <a class="item py-md px-xl bt-1 b-light-grey row g-md align-center c-bleu-fonce justify-start fw-700" href="/campus" data-turbo="false" data-md="px-0">
537                                        <div class="dot" style="background:#9e2986"></div>
538                                        <svg xmlns="http://www.w3.org/2000/svg" width="60" height="61" fill="currentColor" viewBox="0 0 60 61">
539    <path fill="#9E2986" d="M38.315 21.913a8.866 8.866 0 01-2.372-8.361L39.108.177 44.7 1.5l-3.165 13.375a3.11 3.11 0 00.843 2.972c.353.353.353.353 0 0a3.103 3.103 0 002.972.842l13.319-3.164L60 21.118l-13.32 3.166a8.862 8.862 0 01-8.365-2.367l-.002-.004" />
540    <path d="M49.087 54.566L38.918 36.952l17.606 10.165 2.872-4.98-21.302-12.299c-2.704-1.56-6.192-5.05-7.753-7.753L18.029.761 13.05 3.636l10.167 17.608-17.612-10.17-.015.024-2.872 4.978 17.563 10.142H.002v.03H0v5.747h20.282L2.72 42.14l1.442 2.501 1.445 2.501 17.561-10.144-10.139 17.57.023.015 4.98 2.875 10.
540137-17.57v20.287h5.776V39.89l10.143 17.568.023-.015 4.977-2.875v-.002z" />
541</svg>
542                                        <span class="line-clamp-1 c-bleu-fonce">
543                                            Enseignement Sup.
544                                        </span>
545                                    </a>
546                                    
547                                    <div class="submenu py-md h-100 col">
548                                        <div class="p-xl bg-bleu-nuit c-blanc r-lg col h-100 justify-start g-0">
549                                            <ul class="col g-xl justify-start" data-md="g-0 mt-0" data-lenis-prevent>
550                                                <li class="hide" data-md="block">
551                                                    <button class="row g-sm align-center secondary pointer overflow py-md" @click="selected = 0">
552                                                        <span class="btn btn-rounded btn-sm bg-light-beige">
553                                                            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="16" fill="currentColor" viewBox="0 0 25 16">
554    <path d="M.293 7.293a1 1 0 000 1.414l6.364 6.364a1 1 0 001.414-1.414L2.414 8l5.657-5.657A1 1 0 006.657.93L.293 7.293zM25 7H1v2h24V7z" />
555</svg>
556                                                        </span>
557                                                        <span class="hamburger-text fw-700 nowrap">Retour</span>
558                                                    </button>
559                                                </li>
560                                                                                                    <li >
561                                                        <a href="/campus/" data-turbo="false">
562                                                            <div class="dot" style="background:#9e2986"></div>
563                                                            Accueil
564                                                        </a>
565                                                    </li>
566                                                                                                    <li >
567                                                        <a href="/campus/bts-ati" data-turbo="false">
568                                                            <div class="dot" style="background:#9e2986"></div>
569                                                            BTS ATI
570                                                        </a>
571                                                    </li>
572                                                                                                    <li >
573                                                        <a href="/campus/bts-cpi" data-turbo="false">
574                                                            <div class="dot" style="background:#9e2986"></div>
575                                                            BTS CPI
576                                                        </a>
577                                                    </li>
578                                                                                                    <li >
579                                                        <a href="/campus/bts-era" data-turbo="false">
580                                                            <div class="dot" style="background:#9e2986"></div>
581                                                            BTS ERA
582                                                        </a>
583                                                    </li>
584                                                                                                    <li >
585                                                        <a href="/campus/bts-mec" data-turbo="false">
586                                                            <div class="dot" style="background:#9e2986"></div>
587                                                            BTS MEC
588                                                        </a>
589                                                    </li>
590                                                                                                    <li >
591                                                        <a href="/campus/licencepro-cacd" data-turbo="false">
592                                                            <div class="dot" style="background:#9e2986"></div>
593                                                            Licence Pro CACD
594                                                        </a>
595                                                    </li>
596                                                                                                    <li >
597                                                        <a href="/campus/apprentissage" data-turbo="false">
598                                                            <div class="dot" style="background:#9e2986"></div>
599                                                            Apprentissage
600                                                        </a>
601                                                    </li>
602                                                                                                    <li >
603                                                        <a href="/campus/vie-etudiante" data-turbo="false">
604                                                            <div class="dot" style="background:#9e2986"></div>
605                                                            Vie étudiante
606                                                        </a>
607                                                    </li>
608                                                                                                    <li >
609                                                        <a href="/campus/Tarifs" data-turbo="false">
610                                                            <div class="dot" style="background:#9e2986"></div>
611                                                            Accessibilité
612                                                        </a>
613                                                    </li>
614                                                                                                    <li >
615                                                        <a href="/campus/tarifs" data-turbo="false">
616                                                            <div class="dot" style="background:#9e2986"></div>
617                                                            Tarifs
618                                                        </a>
619                                                    </li>
620                                                                                               
621                                                <li>
622                                                    <a href="/campus/blog" data-turbo="false">
623                                                        <div class="dot" style="background:#9e2986"></div>
624                                                        Actualités
625                                                    </a>
626                                                </li>
627                                            </ul>
628                                        </div>
629                                    </div>
630                                    
631                                </li>
632                                                    </ul>
633                    </div>
634                </div>
635            </div>
636
637            <div class="bottom w-100 px-md" data-md="order-2 span-6 col align-end px-0" data-xs="span-4">
638                <div class="hamburger-wrapper row align-center g-sm">
639                    <div class="col align-center g-xs primary pointer" x-on:click="menuOpen = !menuOpen" data-md="row align-center order-2">
640                        <button class="hamburger hamburger--squeeze" x-bind:class="menuOpen ? 'is-active' : ''" data-md="order-2" aria-label="Bouton Hamburger">
641                            <span class="hamburger-box">
642                                <span class="hamburger-inner"></span>
643                            </span>
644                        </button>
645                        <span class="hamburger-text tt-uppercase" style="display:none;" x-show="menuOpen == false">Menu</span>
646                    </div>
647                    <span class="hamburger-text tt-uppercase fermer" style="display:none;" x-show="menuOpen == true" data-xs="hide">Fermer</span>
648                </div>
649            </div>
650
651        </nav>
652
653        <a class="contact ecoledirect bg-bleu-nuit c-blanc col align-start justify-center p-lg r-lg shadow" href="https://www.ecoledirecte.com/login?cameFrom=/Accueil" target="_blank">
654            <span class="line-clamp-1">École directe</span>
655            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="21" fill="currentColor" viewBox="0 0 30 21">
656    <path d="M29.978 9.174c-.405-5.468-7.432-9.412-15.68-8.743C6.047 1.101-.353 7.165.014 12.64c0 0 3.055-9.45 13.362-10.27 6.589-.52 12.22 2.606 12.59 7.031.294 3.68-3.24 6.993-8.246 8.408-.957.26-.736-.112-.662-.447.075-.335-.184-.446-.405-.446 0 0-1.767.223-2.945.223-.851 0-1.7-.075-2.54-.223a.425.425 0 01-.44-.409v-.001c-.002-.013-.002-.024 0-.037v-.076l.478-2.864v-.077h3.716c.557-.015 1-.478.995-1.042a1.052 1.052 0 00-.994-1.041H11.5v-.04l.515-2.75c.039-.135.101-.261.184-.373.037-.037.076-.037.11-.077.025 0 .038-.012.038-.037.44-.224 1.582-.372 2.944-.372a9.828 9.828 0 012.76.296.941.941 0 00.81-.78l.256-1.379a.746.746 0 00-.441-.78c-.736-.298-2.393-.522-4.343-.522-2.356 0-4.308.335-4.675.744-.154.15-.256.346-.293.558l-.148 1.452-.846 4.277c-.662 3.646-1.436 7.512-.994 7.701a21.451 21.451 0 008.393 1.004c8.282-.662 14.65-5.647 14.208-11.116z" />
657</svg>
658        </a>
659        <a class="contact bg-bleu-fonce c-blanc col align-start justify-center p-lg r-lg shadow" href="/contact">
660            <span class="line-clamp-1">Contact</span>
661            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke-width="2" stroke="currentColor" viewBox="0 0 28 28">
662    <path stroke-linecap="round" stroke-linejoin="round" d="M18.174 2.975c.282 1.562 2.038 3.408 2.188 3.536.256.218 1.782 1.448 1.782 1.448m0 0s-1.25 2.114-1.734 2.663c-.374.424-1.845 2.17-1.845 2.17m3.579-4.833l-6.47-.094m-6.78 6.907l2.659-2.66c.4-.413.645-.952.685-1.526a7.321 7.321 0 00-.306-2.74C11.226 5.524 5.848 6.16 5.848 6.16s2.086 8.743 3.26 11.146c1.553 3.186 4.062 6.64 7.678 7.484.912.213 1.626.265 2.182.222a1.858 1.858 0 001.676-2.24l-.42-1.97a2.285 2.285 0 00-2.16-1.807c-.8-.026-1.624-.001-1.908.182-.608.394-3.304 3.426-3.304 3.426" />
663</svg>
664        </a>
665    </header>
666                                    
667        <div id="main-wrapper" class="mr-xl">
668            <main id="main">
669                
670
671
672<div id="heading" class="mt-xxl mb-xxxxl ">
673    <nav class="breadcrumb col align-start font-sm" >
674    <div class="row align-center g-md py-md px-md rtl-md rtr-md relative" data-xs="g-sm" :class="(open != 0)? 'c-bleu-nuit' : ''" x-data="{ open: 0 }" x-ref="button" @click.outside="open = 0" >
675        <a class="item" href="/" data-xs="hide" aria-label="Home"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="18" fill="none" stroke="currentColor" viewBox="0 0 15 18">
676    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.488" d="M5.463 16.438V9h4.463v7.438M1 6.768l6.695-5.205 6.695 5.206v8.181c0 .425-.107.744-.426 1.063-.318.318-.637.424-1.062.424H2.488c-.425 0-.744-.106-1.063-.425C1.106 15.694 1 15.375 1 14.95V6.769z" />
677</svg></a>
678        <span class="item opacity-30" data-xs="hide">/</span>
679        <div>
680            <button class="item row g-sm" :class="(open == 1)? 'active' : ''" @click.stop="(open == 1) ? open = 0 : open = 1">Établissements <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" stroke="currentColor" fill="none" viewBox="0 0 10 6">
681    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.699" d="M8.341 1.301L4.944 4.7 1.547 1.3" />
682</svg></button>
683            <div class="w-100 shadow r-md" x-collapse.duration.500ms x-show="open == 1" style="display:none;" x-anchor.no-style="$refs.button" x-bind:style="{ position: 'absolute', top: 0, left: 0, 'z-index': 0 }">
684                <ul class="dropdown p-lg pt-xxxl w-100 col g-xs bg-blanc r-md">
685                                            <li>
686                            <a href="/">
687                                <div class="dot" style="background:#e62154"></div>
688                                Pôle d’enseignements
689                            </a>
690                        </li>
691                                            <li>
692                            <a href="/ecole">
693                                <div class="dot" style="background:#00a68d"></div>
694                                École
695                            </a>
696                        </li>
697                                            <li>
698                            <a href="/college">
699                                <div class="dot" style="background:#00b1eb"></div>
700                                Collège
701                            </a>
702                        </li>
703                                            <li>
704                            <a href="/lycee-general">
705                                <div class="dot" style="background:#eb5e57"></div>
706                                Lycée général
707                            </a>
708                        </li>
709                                            <li>
710                            <a href="/lycee-professionnel">
711                                <div class="dot" style="background:#e62154"></div>
712                                Lycée professionnel
713                            </a>
714                        </li>
715                                            <li>
716                            <a href="/campus">
717                                <div class="dot" style="background:#9e2986"></div>
718                                Campus
719                            </a>
720                        </li>
721                                    </ul>
722            </div>
723        </div>
724        <span class="item opacity-30">/</span>
725        <div>
726            <button class="item row g-sm" :class="(open == 2)? 'active' : ''" @click.stop="(open == 2) ? open = 0 : open = 2">Lycée professionnel <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" stroke="currentColor" fill="none" viewBox="0 0 10 6">
727    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.699" d="M8.341 1.301L4.944 4.7 1.547 1.3" />
728</svg></button>
729            <div class="w-100 shadow r-md" x-collapse.duration.500ms x-show="open == 2" style="display:none;" x-anchor.no-style="$refs.button" x-bind:style="{ position: 'absolute', top: 0, left: 0, 'z-index': 0 }">
730                <ul class="dropdown p-lg pt-xxxl w-100 col g-xs bg-blanc r-md">
731                                                                        <li>
732                                
733                                <a href="/lycee-professionnel/">
734                                    <div class="dot" style="background:#e62154"></div>
735                                    Accueil
736                                </a>
737                            </li>
738                                                                                                <li>
739                                
740                                <a href="/lycee-professionnel/3e-prepa-metiers">
741                                    <div class="dot" style="background:#e62154"></div>
742                                    3e Prépa-Métiers
743                                </a>
744                            </li>
745                                                                                                <li>
746                                
747                                <a href="/lycee-professionnel/cap-ebenisterie">
748                                    <div class="dot" style="background:#e62154"></div>
749                                    CAP Ébéniste
750                                </a>
751                            </li>
752                                                                                                <li>
753                                
754                                <a href="/lycee-professionnel/cap-electricien">
755                                    <div class="dot" style="background:#e62154"></div>
756                                    CAP Électricien
757                                </a>
758                            </li>
759                                                                                                <li>
760                                
761                                <a href="/lycee-professionnel/cap-menuisier-fabricant">
762                                    <div class="dot" style="background:#e62154"></div>
763                                    CAP Menuisier Fabricant
764                                </a>
765                            </li>
766                                                                                                <li>
767                                
768                                <a href="/lycee-professionnel/bacpro-ciel">
769                                    <div class="dot" style="background:#e62154"></div>
770                                    Bac Pro CIEL
771                                </a>
772                            </li>
773                                                                                                <li>
774                                
775                                <a href="/lycee-professionnel/bacpro-melec">
776                                    <div class="dot" style="background:#e62154"></div>
777                                    Bac Pro MELEC
778                                </a>
779                            </li>
780                                                                                                <li>
781                                
782                                <a href="/lycee-professionnel/bacpro-tma">
783                                    <div class="dot" style="background:#e62154"></div>
784                                    Bac Pro TMA
785                                </a>
786                            </li>
787                                                                                                <li>
788                                
789                                <a href="/lycee-professionnel/bma-ebeniste">
790                                    <div class="dot" style="background:#e62154"></div>
791                                    BMA Ébéniste
792                                </a>
793                            </li>
794                                                                                                <li>
795                                
796                                <a href="/lycee-professionnel/apprentissage">
797                                    <div class="dot" style="background:#e62154"></div>
798                                    Apprentissage au Lycée Pro
799                                </a>
800                            </li>
801                                                            </ul>
802            </div>
803        </div>
804    </div>
805</nav>    <div class="grid grid-12">
806        <div class="span-7 title my-xxxxl" data-xl="span-9 my-xxl">
807            <h1>Avenir pro : un atelier pour la recherche d’emploi proposé par France Travail aux classes de Tle Bac Pro</h1>
808        </div>
809        <div class="span-12 grid grid-12 g-xxxxl align-end" data-xl="g-xl">
810            <div class="text span-6" data-sm="span-12">
811                <div class="row align-center font-sm fw-700">
812                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
813    <path d="M12 19a1 1 0 100-2 1 1 0 000 2zm5 0a1 1 0 100-2 1 1 0 000 2zm0-4a1 1 0 100-2 1 1 0 000 2zm-5 0a1 1 0 100-2 1 1 0 000 2zm7-12h-1V2a1 1 0 00-2 0v1H8V2a1 1 0 00-2 0v1H5a3 3 0 00-3 3v14a3 3 0 003 3h14a3 3 0 003-3V6a3 3 0 00-3-3zm1 17a1 1 0 01-1 1H5a1 1 0 01-1-1v-9h16v9zm0-11H4V6a1 1 0 011-1h1v1a1 1 0 002 0V5h8v1a1 1 0 002 0V5h1a1 1 0 011 1v3zM7 15a1 1 0 100-2 1 1 0 000 2zm0 4a1 1 0 100-2 1 1 0 000 2z" />
814</svg>
815                    <time datetime="2026-02-24">24 février 2026</time>
816                </div>
817                <div class="btn btn-ternary mt-xl mb-xxxxl" data-lg
817="mb-xxl">Bac Pro MELEC</div>
818                <div class="description font-lg">
819                    <p>Dans le cadre du dispositif <u><strong>« Avenir pro »</strong></u>, <a href="https://www.francetravail.fr/accueil/" rel="noopener" target="_blank">France travail</a> anime un module intitulé « Organiser efficacement sa <strong><u>recherche d’emploi</u></strong>, postuler et décrocher des entretiens d’embauche ! » auprès des classes de Tle Bac Pro TMA, MELEC et CIEL.</p>
820                </div>
821            </div>
822            <div class="image span-6" data-sm="span-12">
823                                            
824
825    
826            <img id="" class="r-lg" src="https://www.stjoseph-stpaul.org/storage/app/resources/resize/900_500_0_0_crop/img_899fd5a05cacde237caf1bd2616e6273.jpg" alt="" width="900" height="500" loading="lazy">
827                                </div>
828        </div>
829    </div>
830</div>
831    
832    <div class="box-blog-gallery my-xxxxl grid grid-5 ">
833                                    <a href="https://www.stjoseph-stpaul.org/storage/app/media/lycee-pro/Actus/Actus%202025_2026/2026_02_24%20France%20travail%20Tle%20TMA/DSC07435.jpg" data-fancybox="gallery-8165">
834                                    
835
836    
837            <img id="" class="w-100 h-100 r-md" src="https://www.stjoseph-stpaul.org/storage/app/resources/resize/750_560_0_0_crop/img_980cacb9a9b0c8587b09773ec3124d00.jpg" alt="" width="750" height="560" loading="lazy">
838                                </a>
839                                                <a href="https://www.stjoseph-stpaul.org/storage/app/media/lycee-pro/Actus/Actus%202025_2026/2026_02_24%20France%20travail%20Tle%20TMA/DSC07436.jpg" data-fancybox="gallery-8165">
840                                    
841
842    
843            <img id="" class="w-100 h-100 r-md" src="https://www.stjoseph-stpaul.org/storage/app/resources/resize/750_560_0_0_crop/img_34f986f1569ffcf16f913c838b14e7ab.jpg" alt="" width="750" height="560" loading="lazy">
844                                </a>
845                                                <a href="https://www.stjoseph-stpaul.org/storage/app/media/lycee-pro/Actus/Actus%202025_2026/2026_02_24%20France%20travail%20Tle%20TMA/DSC07439.jpg" data-fancybox="gallery-8165">
846                                    
847
848    
849            <img id="" class="w-100 h-100 r-md" src="https://www.stjoseph-stpaul.org/storage/app/resources/resize/750_560_0_0_crop/img_5ac7bdffc82d42d01b5e6a749e918d91.jpg" alt="" width="750" height="560" loading="lazy">
850                                </a>
851                                                <a href="https://www.stjoseph-stpaul.org/storage/app/media/lycee-pro/Actus/Actus%202025_2026/2026_02_24%20France%20travail%20Tle%20TMA/DSC07440.jpg" data-fancybox="gallery-8165">
852                                    
853
854    
855            <img id="" class="w-100 h-100 r-md" src="https://www.stjoseph-stpaul.org/storage/app/resources/resize/750_560_0_0_crop/img_169e1108d0e66ddb03468c9301d0dd2b.jpg" alt="" width="750" height="560" loading="lazy">
856                                </a>
857                                                <a href="https://www.stjoseph-stpaul.org/storage/app/media/lycee-pro/Actus/Actus%202025_2026/2026_02_24%20France%20travail%20Tle%20TMA/DSC07443.jpg" data-fancybox="gallery-8165">
858                                    
859
860    
861            <img id="" class="w-100 h-100 r-md" src="https://www.stjoseph-stpaul.org/storage/app/resources/resize/750_560_0_0_crop/img_1d7a87ff3e473dfbf9b938717cedafba.jpg" alt="" width="750" height="560" loading="lazy">
862                                </a>
863                        </div>
864
865
866    
867<div class="box-blog-text my-xxxl ">
868    <div class="grid grid-12 align-stretch">
869        <div class="span-4" data-xl="span-3" data-sm="span-12">
870            <div class="sticky">
871                <button class="btn btn-ternary share" data-fancybox="share" data-src="#share">Partager <svg xmlns="http://www.w3.org/2000/svg" width="18" height="22" fill="currentColor" viewBox="0 0 18 22">
872    <path d="M3.864 7.598c-.53 0-1.168.106-1.593.425-.532.212-.957.531-1.275 1.062-.32.425-.532 1.063-.638 1.594-.106.531 0 1.169.213 1.7.212.531.53 1.063.956 1.381.425.425.956.
872638 1.487.744a4.575 4.575 0 001.7 0c.532-.106 1.063-.425 1.488-.744l4.994 3.294c-.213.744-.213 1.7.106 2.444a3.318 3.318 0 001.7 1.7 3.825 3.825 0 002.444.212c.85-.212 1.487-.743 1.912-1.487.425-.744.638-1.594.531-2.338a3.283 3.283 0 00-1.168-2.125c-.638-.53-1.488-.85-2.232-.85-.85 0-1.593.32-2.23.85l-4.995-3.293a2.977 2.977 0 000-2.338l4.994-3.294c.638.532 1.381.85 2.231.85.85 0 1.594-.212 2.232-.637.53-.319.956-1.063 1.168-1.806.213-.744.107-1.594-.212-2.338a3.554 3.554 0 00-1.594-1.7C15.34.48 14.49.373 13.746.585c-.744.213-1.488.638-2.02 1.275-.53.638-.743 1.382-.743 2.232 0 .425.106.743.213 1.168L6.202 8.448c-.638-.638-1.488-.85-2.338-.85zm0 5.206c-.318 0-.743-.106-.956-.319-.319-.212-.531-.425-.637-.743-.107-.32-.213-.638-.107-1.063.107-.425.213-.637.532-.956.212-.213.53-.425.956-.531.319-.107.744 0 1.062.106.32.106.638.319.744.637.213.32.319.638.319.957 0 .425-.213.956-.531 1.275-.425.53-.957.637-1.382.637zm10.625 3.613c.32 0 .744.106.957.318.318.213.53.425.637.744.106.319.213.638.106 1.063-.106.318-.212.637-.53.956a2.055 2.055 0 01-.957.531c-.319.106-.744 0-1.063-.106-.318-.106-.637-.319-.743-.638-.213-.318-.32-.637-.32-.956 0-.425.213-.956.532-1.275.425-.425.956-.637 1.381-.637zm0-14.132c.32 0 .744.107.957.32.212.212.53.424.637.743.106.319.213.637.106 1.062-.106.32-.212.638-.53.957a2.055 2.055 0 01-.957.53c-.319.107-.744 0-1.063-.105-.318-.107-.637-.32-.743-.638-.213-.319-.32-.637-.32-.956 0-.425.213-.956.532-1.275.425-.531.956-.638 1.381-.638z" />
873</svg></button>
874<div id="share" class="popup-share" style="display:none">
875        <div class="h6 mb-xl">Partager</div>
876    <ul class="col g-md">
877        <li>
878            <button type="button" class="row g-lg align-center" data-social="linkedin" data-image="https://www.stjoseph-stpaul.org/resize/ed2ab6b983cecb18576c8b82af631238-1">
879                <span class="btn btn-rounded btn-sm btn-ternary"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 12 12">
880    <path d="M2.724 11.725V3.814H.152v7.91h2.572zM1.438 2.734c.897 0 1.456-.608 1.456-1.367C2.877.591 2.335 0 1.455 0S0 .59 0 1.367c0 .76.558 1.367 1.422 1.367h.016zm2.71 8.99H6.72V7.308c0-.236.017-.472.085-.641.186-.473.609-.962 1.32-.962.93 0 1.303.725 1.303 1.79v4.23H12V7.19c0-2.43-1.269-3.56-2.961-3.56-1.388 0-1.997.792-2.336 1.332h.017V3.814H4.148c.034.742 0 7.911 0 7.911z" />
881</svg></span>
882                <span>Partagez sur Linkedin</span>
883            </button>
884        </li>
885        <li>
886            <button type="button" class="row g-lg align-center" data-social="facebook" data-image="https://www.stjoseph-stpaul.org/resize/ed2ab6b983cecb18576c8b82af631238-1">
887                <span class="btn btn-rounded btn-sm btn-ternary"><svg xmlns="http://www.w3.org/2000/svg" width="8" height="15" fill="currentColor" viewBox="0 0 8 15">
888    <path d="M7.11 8.1l.4-2.605H5.039V3.8c0-.712.345-1.408 1.449-1.408h1.14V.175A13.537 13.537 0 005.62 0C3.585 0 2.256 1.25 2.256 3.508v1.987H0v2.604h2.256V14.4h2.782V8.1h2.071z" />
889</svg></span>
890                <span>Partagez sur Facebook</span>
891            </button>
892        </li>
893        <li>
894            <a href="mailto:?subject=body=" class="row g-lg align-center">
895                <span class="btn btn-rounded btn-sm btn-ternary"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" fill="currentColor" viewBox="0 0 20 16">
896    <path d="M2 16c-.55 0-1.02-.196-1.412-.587A1.93 1.93 0 010 14V2C0 1.45.196.98.588.588A1.93 1.93 0 012 0h16c.55 0 1.021.196 1.413.588.392.392.588.863.587 1.412v12c0 .55-.196 1.021-.587 1.413A1.92 1.92 0 0118 16H2zm8-7L2 4v10h16V4l-8 5zm0-2l8-5H2l8 5zM2 4V2v12V4z" />
897</svg></span>
898                <span>Envoyer par email</span>
899            </a>
900        </li>
901                <li x-data="{ text: 'Copier le lien' }">
902            <button type="button" class="row g-lg align-center" @click="navigator.clipboard.writeText(window.location.href.split('#')[0]); text = 'Lien copié'">
903                <span class="btn btn-rounded btn-sm btn-ternary"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 20 20">
904    <path d="M0 2a2 2 0 012-2h10a2 2 0 012 2v4h4a2 2 0 012 2v10a2 2 0 01-2 2H8a2 2 0 01-2-2v-4H2a2 2 0 01-2-2V2zm8 12v4h10V8h-4v4a2 2 0 01-2 2H8zm4-2V2H2v10
904h10z" />
905</svg></span>
906                <span x-text="text">Copier le lien</span>
907            </button>
908        </li>
909    </ul>
910</div>                            </div>
911        </div>
912        <div class="span-6 text col g-xl" data-xl="span-8" data-md="span-9" data-sm="span-12">
913            <p>Au cours de cet atelier, différentes informations sont transmises aux lycéens :</p><ul><li><strong>Connaître les outils numériques à utiliser pour sa recherche d’emploi</strong></li><li><strong>Cibler et s’informer sur les <u>entreprises</u></strong> <strong>à contacter</strong></li><li><strong>Savoir identifier les <u>offres d’emploi</u> et réaliser une <u>candidature</u></strong></li><li><strong>Organiser ses démarches de <u>recherche d’emploi</u></strong></li><li><strong>Suivre et analyser le résultat de ses candidatures</strong></li></ul><p>De nombreuses informations utiles aux lycéens lors de leur entrée dans la <u><strong>vie active</strong></u> leur sont ainsi communiquées.</p>
914        </div>
915    </div>
916</div>
917    
918
919            </main>
920                <footer id="footer" class="mb-md font-sm">
921        <div class="bg-bleu-fonce c-blanc r-lg">
922                        <div class="top" data-sm="px-md">
923                <div class="grid grid-12 g-0 align-stretch">
924                    <div class="span-4 px-xl py-xxl br-1 b-bleu-nuit" data-sm="span-12 px-0 py-lg">
925                        <ul class="col g-md">
926                                                                                                <li>
927                                        <a href="/lycee-professionnel/">Accueil</a>
928                                    </li>
929                                                                                                                                <li>
930                                        <a href="/lycee-professionnel/3e-prepa-metiers">3e Prépa-Métiers</a>
931                                    </li>
932                                                                                                                                <li>
933                                        <a href="/lycee-professionnel/cap-ebenisterie">CAP Ébéniste</a>
934                                    </li>
935                                                                                                                                <li>
936                                        <a href="/lycee-professionnel/cap-electricien">CAP Électricien</a>
937                                    </li>
938                                                                                                                                <li>
939                                        <a href="/lycee-professionnel/cap-menuisier-fabricant">CAP Menuisier Fabricant</a>
940                                    </li>
941                                                                                                                                <li>
942                                        <a href="/lycee-professionnel/bacpro-ciel">Bac Pro CIEL</a>
943                                    </li>
944                                                                                                                                <li>
945                                        <a href="/lycee-professionnel/bacpro-melec">Bac Pro MELEC</a>
946                                    </li>
947                                                                                                                                <li>
948                                        <a href="/lycee-professionnel/bacpro-tma">Bac Pro TMA</a>
949                                    </li>
950                                                                                                                                <li>
951                                        <a href="/lycee-professionnel/bma-ebeniste">BMA Ébéniste</a>
952                                    </li>
953                                                                                                                                <li>
954                                        <a href="/lycee-professionnel/apprentissage">Apprentissage au Lycée Pro</a>
955                                    </li>
956                                                                                    </ul>
957                    </div>
958
959                    <div class="span-4 px-xl py-xxl br-1 b-bleu-nuit col g-lg justify-start" data-sm="span-12 px-0 py-lg">
960                        <a class="row g-md align-center phone" href="#">
961                            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke-width="2" stroke="currentColor" viewBox="0 0 28 28">
962    <path stroke-linecap="round" stroke-linejoin="round" d="M18.174 2.975c.282 1.562 2.038 3.408 2.188 3.536.256.218 1.782 1.448 1.782 1.448m0 0s-1.25 2.114-1.734 2.663c-.374.424-1.845 2.17-1.845 2.17m3.579-4.833l-6.47-.094m-6.78 6.907l2.659-2.66c.4-.413.645-.952.685-1.526a7.321 7.321 0 00-.306-2.74C11.226 5.524 5.848 6.16 5.848 6.16s2.086 8.743 3.26 11.146c1.553 3.186 4.062 6.64 7.678 7.484.912.213 1.626.265 2.182.222a1.858 1.858 0 001.676-2.24l-.42-1.97a2.285 2.285 0 00-2.16-1.807c-.8-.026-1.624-.001-1.908.182-.608.394-3.304 3.426-3.304 3.426" />
963</svg>
964                            03 81 47 29 29
965                        </a>
966                        <div class="row g-md align-center email">
967                            <svg width="28" height="18" viewBox="0 0 28 18" fill="none" stroke="currentColor" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
968<path d="M18.4609 11.9696C20.5252 11.8194 22.5663 11.6155 24.6349 11.6155C24.9347 11.6155 25.3538 11.6446 24.8803 11.3532C24.0268 10.8282 22.8943 10.381 22.294 9.5566C21.8667 8.96987 21.911 8.57172 22.6521 8.97302C23.2495 9.2965 27.3549 11.2633 26.9759 11.9106C26.7798 12.2454 26.2211 12.3496 25.9016 12.5204C25.1355 12.9298 24.4247 13.4482 23.6999 13.9236C23.5297 14.0352 22.1846 14.8252 22.2807 14.9203"  stroke-linecap="round"/>
969<path d="M20.0088 6.30421C20.1314 5.18374 20.4712 3.44015 19.6773 2.52732C18.8794 1.61002 17.1913 1.6999 16.0763 1.58965C13.6696 1.35168 11.1749 1.64403 8.78822 1.81259C7.02241 1.93731 5.25601 1.93718 3.47634 1.93718C1.52211 1.93718 1.26802 4.1145 1.26802 5.60916C1.26802 6.61021 1.26802 7.61126 1.26802 8.61231C1.26802 9.78371 1.02929 10.9101 1.02929 12.0876C1.02929 13.0546 0.911403 14.0934 1.14865 15.0317C1.24428 15.4099 1.48807 15.8901 1.86486 16.035C3.41144 16.6296 5.52118 16.3674 7.11707 16.4284C10.8873 16.5725 14.6826 16.4546 18.4571 16.4546" stroke-linecap="round"/>
970<path d="M6.16406 6.54004C7.69973 7.61141 9.24308 8.66579 10.8194 9.66778C11.7008 10.228 12.4599 9.32775 13.0874 8.8088C13.6912 8.30951 14.4509 7.86199 15.1101 7.43836C15.2473 7.35017 15.9526 7.1305 15.8329 7.01215" stroke-linecap="round"/>
971</svg>
972
973                            <a class="btn btn-primary btn-arrow" href="/contact">
974                                Nous écrire
975                            </a>
976                        </div>
977                        <a class="row g-ms pin" href="https://maps.google.com/?q=Lycée professionnel Saint Joseph 1, Rue Alexis Chopard
97825000 Besançon" target="_blank">
979                            <svg class="pin" xmlns="http://www.w3.org/2000/svg" width="28" height="35" fill="none" stroke-width="4" stroke="currentcolor" viewBox="0 0 28 35">
980    <g stroke-linecap="round" >
981        <path d="M10.476 23.794c-2.596 0-5.534.202-7.311 2.424-.588.735-1.012 1.173-1.164 2.164-.028 1.074.521 1.612 1.337 2.26 3.512 2.794 8.744 2.329 13.025 2.329.913 0 1.853.074 2.752-.096.991-.188 3.503-.6 4.331-1.34 1.385-.892 1.194-.728 2.095-1.681.717-.76.57-2.82-.277-3.636-1.545-1.488-3.913
981-1.732-5.957-1.732" />
982        <path d="M15.487 28.988c0-3.648-.346-7.268-.346-10.91" />
983        <path d="M13.055 1.741c-2.313.613-4.986 1.138-6.218 4.813-.709 2.113-.885 5.841.669 7.654 2.387 2.785 8.466 4.962 12.125 2.572 1.706-1.114 3.095-2.633 3.444-4.637.167-.959-.016-1.955-.135-2.905-.23-1.84-.303-3.368-1.828-4.675-1.13-1.427-2.358-2.268-4.594-2.812-.535-.176-2.77-.698-5.541.586" />
984    </g>
985</svg>
986                            Besançon
987                        </a>
988                    </div>
989
990                    <div class="span-4 px-xl py-xxl socials" data-sm="span-12 px-0 py-lg">
991                        <ul class="col g-sm">
992                                                            <li>
993                                    <a class="row align-center g-md" href="https://www.facebook.com/profile.php?id=61570054421930&amp;locale=fr_FR" target="_blank">
994                                        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="13" fill="currentColor" viewBox="0 0 7 13">
995    <path d="M6.327 7.503l.334-2.17h-2.06V3.922c0-.594.287-1.174 1.207-1.174h.95V.9A11.28 11.28 0 005.086.754c-1.696 0-2.804 1.041-2.804 2.924v1.655H.402v2.17h1.88v5.25h2.319v-5.25h1.726z" />
996</svg>
997                                        Facebook
998                                    </a>
999                                </li>
1000                                                            <li>
1001                                    <a class="row align-center g-md" href="https://www.instagram.com/lp_st_joseph/" target="_blank">
1002                                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 15 15">
1003    <path d="M5.25 7.25c0-1.316 1.044-2.384 2.332-2.384 1.289 0 2.334 1.068 2.334 2.384 0 1.317-1.045 2.384-2.334 2.384-1.288 0-2.333-1.067-2.333-2.384zm-1.262 0c0 2.028 1.609 3.672 3.594 3.672 1.986 0 3.595-1.644 3.595-3.672 0-2.028-1.61-3.672-3.595-3.672S3.988 5.222 3.988 7.25zm6.491-3.818c0 .17.05.336.142.477a.844.844 0 00.376.316.824.824 0 00.916-.185.875.875 0 00.182-.935.854.854 0 00-.309-.386.832.832 0 00-1.06.107.868.868 0 00-.247.606zm-5.725 9.64c-.682-.032-1.053-.148-1.3-.247a2.171 2.171 0 01-.805-.535 2.211 2.211 0 01-.524-.822c-.096-.251-.21-.63-.24-1.328-.034-.754-.041-.98-.041-2.89 0-1.91.007-2.135.04-2.89.032-.697.146-1.075.241-1.328.128-.334.28-.572.524-.823.245-.25.478-.405.805-.534.247-.099.618-.215 1.3-.246.738-.035.96-.042 2.828-.042 1.869 0 2.09.007 2.83.042.682.031 1.052.148 1.3.246.326.129.56.284.804.534.246.25.397.49.524.823.096.252.21.63.24 1.328.035.755.042.98.042 2.89 0 1.91-.007 2.136-.041 2.89-.031.698-.145 1.077-.24 1.328a2.221 2.221 0 01-.525.822c-.244.25-.478.405-.805.535-.246.099-.617.215-1.3.246-.738.035-.96.042-2.829.042-1.87 0-2.09-.007-2.828-.042zM4.696.141c-.745.035-1.254.155-1.699.332-.46.183-.85.428-1.24.825-.39.397-.629.796-.807 1.267-.173.454-.292.974-.326 1.736C.59 5.064.582 5.308.582 7.25S.59 9.436.624 10.2c.034.761.153 1.28.326 1.736.178.47.417.87.807 1.266.39.398.78.642 1.24.825.446.177.954.298 1.7.332.746.035.984.044 2.885.044 1.901 0 2.14-.008 2.886-.044.746-.034 1.255-.155 1.7-.332.46-.183.85-.427 1.24-.825.39-.397.628-.796.807-1.267.173-.454.292-.974.325-1.735.034-.763.042-1.007.042-2.949s-.008-2.186-.042-2.948-.152-1.282-.325-1.736a3.525 3.525 0 00-.807-1.267 3.42 3.42 0 00-1.24-.825c-.445-.177-.954-.298-1.7-.332C9.724.107 9.485.099 7.584.099c-1.901 0-2.14.008-2.887.043z" />
1004</svg>
1005                                        Instagram
1006                                    </a>
1007                                </li>
1008                                                    </ul>
1009                    </div>
1010
1011                </div>
1012            </div>
1013
1014            <div class="bottom c-blanc-70">
1015                <div class="grid grid-12 g-0 align-stretch">
1016                    <div class="span-4 px-xl py-xxl br-1 b-bleu-nuit col justify-end" data-sm="span-12 p-md order-2">
1017                        <div class="row g-md">
1018                            <div class="c-blanc">
1019                                <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" viewBox="0 0 40 40">
1020    <g>
1021        <path d="M31.177 15.925L40 13.832l-.834-3.522-8.822 2.093a2.2 2.2 0 01-2.106-.597A2.203 2.203 
10210 0127.64 9.7L29.739.844 26.217.009l-2.099 8.856a5.828 5.828 0 001.554 5.494l.006.007a5.829 5.829 0 005.5 1.559" />
1022        <path d="M25.381 19.867c-1.833-1.059-4.184-3.412-5.243-5.246L11.942.417 8.806 2.226l6.978 12.093L3.69 7.332l-1.82 3.15 12.062 6.968L0 17.446H0v3.637l13.93.004L1.863 28.05 3.68 31.2l12.066-6.96L8.776 36.3l3.151 1.82 6.969-12.062-.004 13.932h3.637l.004-13.93 6.962 12.068 3.15-1.818-6.979-12.098 12.09 6.985 1.81-3.134-14.186-8.197h.001z" />
1023    </g>
1024</svg>
1025                            </div>
1026                            <div class="col g-0">
1027                                <span>© 2026</span>
1028                                <span>Lycée professionnel</span>
1029                            </div>
1030                        </div>
1031                    </div>
1032                    <div class="span-4 px-xl py-xxl br-1 b-bleu-nuit col justify-end" data-sm="span-12 p-md order-1">
1033                        <a href="/mentions-legales">Mentions légales</a>
1034                    </div>
1035                    <div class="span-4 px-xl py-xxl row align-end justify-between" data-sm="span-12 p-md order-3">
1036                        <a href="https://www.publipresse.fr" target="_blank">Site web par Publipresse</a>
1037                        <a href="#page" class="btn btn-outline-secondary">
1038                            <div class="btn-text" data-xl="hide">Haut de page </div>
1039                            <svg xmlns="http://www.w3.org/2000/svg" width="8" height="21" fill="currentColor" viewBox="0 0 8 21">
1040    <path d="M4.354.646a.5.5 0 00-.708 0L.464 3.828a.5.5 0 10.708.708L4 1.707l2.828 2.829a.5.5 0 10.708-.708L4.354.646zM4.5 21V1h-1v20h1z" />
1041</svg>
1042                        </a>
1043                    </div>
1044
1045                </div>
1046            </div>
1047
1048        </div>
1049    </footer>
1050        </div>
1051            </div>
1052    </body>
1053</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.