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&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="'_layout/search-results':'#search-results'" 135 data-request-success="document.querySelector('#search-results').classList.add('active')" 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'é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&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.