ACCUEIL | AFSI

<!DOCTYPE html> <html lang="fr"> <head>  <meta name="robots" content="index, follow"> <meta property="og:type" content="website"> <meta property="og:site_name" content="AssoConnect"> <title>ACCUEIL | AFSI</title> <meta property="og:title" content="ACCUEIL | AFSI"> <meta name="description" content="L'AFSI - ACCUEIL - L'ASSOCIATION ►Qu'est-ce que l'AFSI ? Première adhésion ► Ré-adhésion 2025 ► ► Nos derniers évènements ► Actu adhérents Faire u..."> <meta property="og:description" content="L'AFSI - ACCUEIL - L'ASSOCIATION ►Qu'est-ce que l'AFSI ? Première adhésion ► Ré-adhésion 2025 ► ► Nos derniers évènements ► Actu adhérents Faire u..."> <meta property="og:locale" content="fr_FR"> <meta property="og:url" content="https://www.afsi.eu/page/1978651-accueil"> <meta property="og:image" content="https://app.assoconnect.com/services/storage?id=95291&type=picture&secret=KE7MK0ePDxjfCX7IgLdXDRwYNZNtO1zovv16v6KY&timestamp=1481826527"> <meta property="og:image:width" content="540"> <meta property="og:image:height" content="282"> <meta name="viewport" property="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <link rel="canonical" href="https://www.afsi.eu/page/1978651-accueil">  <link rel="icon" type="image/png" href="https://app.assoconnect.com/services/storage?id=96416&type=picture&secret=jaJb5f01aq3svi8u7NRqHKkOgYrkLKIULhWFnWwn&timestamp=1482156863">  <link rel="sitemap" type="application/xml" title="Sitemap" href="/services/seo/sitemap">  <meta name="twitter:widgets:csp" content="on">    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" integrity="sha512-aOG0c6nPNzGk+5zjwyJaoRUgCdOrfSDhmMID2u4+OIslr0GjpLKo7Xm0Ao3xmpM4T8AmIouRkqwj1nrdVsLKEQ==" crossorigin="anonymous" >  <link rel="stylesheet" href="https://cdn.jamesnook.com/public/build/css/common.-.layout.-.public-horizontal.DESKTOP.css?8a37d16">  <style>/** * Breaking points pour les media queries */ /** * Différentes fonctions less utilisées dans le site */ /** * Arrondir les coins */ /** * Ajouter une bordure */ /** * Ombre sur le texte */ /** * Ombre sur les box */ /** * Taille de la box prenant en compte ou non les bordures et le padding */ /** * Effet de transition lors du changement d'état */ /** * Effet de rebond */ @keyframes bounce { 20% { transform: translateY(10px); } 50% { transform: translateY(-10px); } 60% { transform: translateY(5px); } 90% { transform: translateY(-5px); } } #boxes { position: relative; text-align: left; } #boxes .boxLandmark { position: relative; width: 100%; max-width: 1104px; margin: auto; } #boxes .box { overflow: hidden; } #boxes .box h2, #boxes .box h3, #boxes .box p, #boxes .box ul, #boxes .box ol { margin-top: 0; } #boxes .box h2:first-child, #boxes .box h3:first-child { margin-top: -5px !important; } #boxes .box p:first-child, #boxes .box ul:first-child, #boxes .box ol:first-child { margin-top: -2px !important; } #boxes .box[data-type="button"] .buttonDIYContainer { text-align: center; height: 100%; } #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper { border-radius: 20px; display: inline-block; background: #316bf2; height: 100%; } #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY { border-radius: 20px; display: table; height: 102%; text-decoration: none; } #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY .buttonDIYText { color: #ffffff; display: table-cell; vertical-align: middle; padding: 0 10px; } #boxes .box[data-type="button"] .buttonDIYWrapper { text-align: center; height: 100%; } #boxes .box[data-type="horizontalSeparator"] .separatorWrapper, #boxes .box[data-type="verticalSeparator"] .separatorWrapper { width: 100%; height: 100%; } #boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div, #boxes .box[data-type="verticalSeparator"] .separatorWrapper > div { text-align: center; width: 100%; height: 100%; } #boxes .box[data-type="horizontalSeparator"] .separatorWrapper { display: table; } #boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div { display: table-cell; vertical-align: middle; } #boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div .separator { width: 100%; } #boxes .box[data-type="verticalSeparator"] .separatorWrapper .separator { height: 100%; display: inline-block; } #boxes .box .boxBackgroundOverlay, #boxes .box .boxBackgroundPicture { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; } #boxes .box .boxBackgroundPicture { background-size: cover; background-repeat: no-repeat; background-position: center; } #boxes .box .boxBackgroundOverlay { opacity: .3; } @media (max-width: 970px) { #boxes .box { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: 100% !important; } #boxes .box[data-type="button"] { height: 100%; padding: 5px; } #boxes .box[data-type="background"] { height: auto !important; } #boxes .box[data-type="background"] > div { height: auto !important; } #boxes .box[data-type="group"] { height: auto !important; } #boxes .box[data-type="group"] > div { height: auto !important; } #boxes .box[data-type="text"] { height: auto !important; } #boxes .box[data-type="text"] > div { height: auto !important; } #boxes .box[data-type="picture"] { text-align: center !important; font-size: 0 !important; } #boxes .box[data-type="facebookLike"], #boxes .box[data-type="twitterTimeline"] { text-align: center; } #boxes .box[data-type="verticalSeparator"] { display: none; } #boxes .tableWrapper { width: 100%; max-width: 100%; overflow: auto; } } </style>   <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700" rel="stylesheet"> <style> html, body {font-family: "Montserrat", Roboto, sans-serif;} </style>      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/1.12.0/simplelightbox.min.css" integrity="sha256-IZ7V7DBQggiyHjLI/74Zert2QmZh4a5cpvGQPJC7JyY=" crossorigin="anonymous" >    <script async nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> // Browser check // https://stackoverflow.com/a/55655928/7671937 function isCrappyIE() { var ua = window.navigator.userAgent; var crappyIE = false; var msie = ua.indexOf('MSIE '); if (msie > 0) { // IE 10 or older => return version number crappyIE = true; } var trident = ua.indexOf('Trident/'); if (trident > 0) { // IE 11 => return version number crappyIE = true; } return crappyIE; } if(isCrappyIE()) { alert("Vous utilisez une ancienne version d'Internet Explorer qui n'est plus maintenue. Pour le confort de votre navigation, merci d'utiliser un navigateur \u00e0 jour. "); } </script> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> var SIZE_FIXED = "fixed"; var SIZE_FREE = "free"; var SIZE_MIN = "min"; var SIZE_MIN_WIDTH = "min-width"; var SIZE_MIN_HEIGHT = "min-height"; var SIZE_MAX = "max"; var SIZE_MAX_WIDTH = "max-width"; var SIZE_MAX_HEIGHT = "max-height"; var ORIGINAL_WIDTH = 1200; var ORIGINAL_HEIGHT = 628; var SIZE_STANDARD = "standard"; var SIZE_USER = "user"; var SIZE_VENDOR = "vendor"; var THUMB_WIDTH = 352; var THUMB_HEIGHT = 184; var USER_NORMAL = 200; </script> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> var HOST_PUBLIC = "https:\/\/web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net\/legacy"; var HOST_SPARK = "https:\/\/web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net\/legacy\/spark"; var SPARK_VERSION = "8a37d16"; var SPARK_FORM_UPLOAD_MAX_SIZE = 10485760; var URI_CLIENT = "\/page\/1978651-accueil"; var URI_SERVER = "\/page\/index"; var VENDOR_ID = 16773; var _GIFS = []; var RECAPTCHA = "6Ldy5hwUAAAAAGrMqPOdhVGOLd79KcXDcHg7mjgH"; var MAPBOX_TOKEN = "pk.eyJ1IjoiYXNzb2Nvbm5lY3QiLCJhIjoiY2pycTlxaGh0MDEyMTQzcGZ0eTlidmdmciJ9.-lrrOF0HPATIKSl8luHqwA"; var CSP_NONCE = "d8d62bb4-d208-4fa9-93f3-91885c4c16cb"; var I18N_CURRENCY = "EUR"; var I18N_LOCALE = "fr-FR"; var I18N_TIMEZONE = "Europe\/Paris"; var SITE_CODE = "a"</script>  <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb" src="https://cdnjs.cloudflare.com/ajax/libs/intl-messageformat/5.1.0/intl-messageformat.min.js" integrity="sha256-jkYwyAJTaU4esUDFkWA92xz+ARjXOmPO8ul5jjY3MWk=" crossorigin="anonymous" ></script> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> window.trans = function trans(key, params) { // Translation key not found if(window.translations.hasOwnProperty(key) === false) { return key; } var translation = window.translations[key]; var translator = new IntlMessageFormat.IntlMessageFormat(translation, I18N_LOCALE); return translator.format(params); }; window.transCurrency = new Intl.NumberFormat( I18N_LOCALE, { style: 'currency', currency: "EUR"} ).format; window.transDate = new Intl.DateTimeFormat(I18N_LOCALE, { timeZone: I18N_TIMEZONE, }).format; window.transDateFromYMD = function(value) { value = String(value).replaceAll('-', ''); // YYYYMMDD or YYYYMMDDHHiiss if (String(value).length !== 8 && String(value).length !== 14) { return '' } var date = new Date(value.substr(0, 4) + "-" + value.substr(4, 2) + "-" + value.substr(6, 2)); // Invalid date if (isNaN(date)) { return '' } return transAbsoluteDate(date); } window.transDateTime = new Intl.DateTimeFormat(I18N_LOCALE, { timeZone: I18N_TIMEZONE, year: "numeric", month: "2-digit", day: "2-digit", hour: "numeric", minute: "numeric", second: "numeric", }).format; // Trans date created with new Date('1986-06-02') window.transAbsoluteDate = new Intl.DateTimeFormat(I18N_LOCALE, { timeZone: "UTC", }).format; // Trans date formatted as YYYYMMDDHHiiss window.transAbsoluteDateYMD = function (value) { // YYYYMMDD or YYYYMMDDHHiiss if (String(value).length !== 8 && String(value).length !== 14) { return '' } var date = new Date(value.substr(0, 4) + "-" + value.substr(4, 2) + "-" + value.substr(6, 2)); // Invalid date if (isNaN(date)) { return '' } return transAbsoluteDate(date); } window.translations = Object.assign({"ckeditor.subtitle":"Sous-titre","ckeditor.title":"Titre","ckeditor.maintitle":"Titre principal","form.select.placeholder":"Choisissez","form.uploadPicture.complete.delete":"Supprimer","form.uploadPicture.prepareInput.button":"Se\u0301lectionner","form.uploadPicture.prepareInput.drop":"Ajouter une image","form.uploadPicture.prepareInput.send":"S\u00e9lectionner","form.uploadPicture.prepareInput.size":"Taille recommand\u00e9e : {width} x {height} px","jquery.ajax.error":"Une erreur est survenue. Cette erreur peut \u00eatre due \u00e0 votre connexion.\nN'h\u00e9sitez pas \u00e0 nous contacter si cette erreur persiste.\n","jquery.ajax.forbidden":"Vous n\u2019avez pas les droits suffisant pour effectuer cette action.","popup.blocked":"Vous devez autoriser les popup pour ce site afin de voir la pr\u00e9visualisation du formulaire","registration.addedMail":"Votre inscription \u00e0 la Newsletter est confirm\u00e9e. \u00c0 tr\u00e8s bient\u00f4t pour de nouvelles actualit\u00e9s.","registration.addMail":"Veuillez indiquer une adresse email.","registration.failed":"Abonnement \u00e9chou\u00e9 !","registration.mailAlreadyExisting":"Cette adresse email est d\u00e9j\u00e0 abonn\u00e9e \u00e0 la newsletter.","spark.dirty.onBeforeUnload":"Vous avez modifi\u00e9 des informations. En quittant cette page sans les enregistrer vous risquer de les perdre.","spark.form.bic.helper.country":"Le BIC est probablement incorrect : v\u00e9rifiez les 5\u00e8me et 6\u00e8me caract\u00e8res ({country}).","spark.form.bic.helper.incorrect":"Le code BIC est incorrect.","spark.form.country.helper.incorrect":"Le pays est incorrect.","spark.form.date.helper.format":"La date est incorrecte (format JJ\/MM\/AAAA).","spark.form.date.helper.futureDateNotAllowed":"Date dans le futur","spark.form.date.helper.yearInTwoDigits":"L'ann\u00e9e doit \u00eatre sur 4 chiffres","spark.form.date.helper.yearStartsWithZero":"L'ann\u00e9e ne peut pas commencer par un z\u00e9ro","spark.form.datetime.checkLegalAge.error.age":"Le responsable l\u00e9gal doit \u00eatre majeur","spark.form.datetime.update.error.incorrect":"La date saisie est incorrecte.","spark.form.datetime.update.error.max":"La date doit \u00eatre ant\u00e9rieure au {max}","spark.form.datetime.update.error.min":"La date doit \u00eatre post\u00e9rieure au {min}","spark.form.domain.check.error":"Le domaine saisi est incorrect.","spark.form.iban.helper.country":"Le pays est inconnu.","spark.form.iban.helper.incorrect":"Les caract\u00e8res autoris\u00e9s sont les chiffres 0 \u00e0 9 et les lettres A \u00e0 Z.","spark.form.iban.helper.invalid":"L'IBAN est incorrect.","spark.form.iban.helper.length":"La longueur est incorrecte.","spark.form.mail.check.question":"Nous avons d\u00e9tect\u00e9 une potentielle erreur de frappe. Est-ce que votre adresse email est {suggest} ?","spark.form.mail.check.yes":"Oui, corriger l'adresse","spark.form.mail.check.no":"Non, conserver l\u2019adresse renseign\u00e9e","spark.form.mail.confirm.error":"Les deux emails sont diff\u00e9rents.","spark.form.mail.helper.at":"Cet email ne contient pas le signe arobase (@)","spark.form.mail.helper.domain":"Le nom de domaine de l'adresse email est incorrect.","spark.form.mail.helper.empty":"Veuillez indiquer une adresse email.","spark.form.mail.helper.incorrect":"Cet email est incorrect.","spark.form.mail.helper.invalid":"Cet email contient des caract\u00e8res invalides.","spark.form.model.addressSearch.city":"Ville","spark.form.model.addressSearch.country":"Pays","spark.form.model.addressSearch.location":"Nom du lieu","spark.form.model.addressSearch.notFound":"Adresse introuvable ?","spark.form.model.addressSearch.placeholder":"Recherchez ici l'adresse que vous souhaitez enregistrer","spark.form.model.addressSearch.postal":"Code postal","spark.form.model.addressSearch.reset":"Supprimer l'adresse ou en saisir une nouvelle","spark.form.model.addressSearch.street1":"Rue","spark.form.model.addressSearch.street2":"Compl\u00e9ment","spark.form.model.category":"Cat\u00e9gorie","spark.form.model.iban.accountExists":"Le compte est utilis\u00e9 dans le service de paiement. L'IBAN et le BIC ne sont pas modifiable. Merci de cr\u00e9er un autre compte","spark.form.money.check.error":"Le montant saisi n'est pas correct.","spark.form.password.confirm.error":"Les deux mots de passe sont diff\u00e9rents.","spark.form.percent.check.error":"La valeur saisie n'est pas correcte.","spark.form.phone.helper.country":"Le code pays est incorrect.","spark.form.phone.helper.incorrect":"Le num\u00e9ro de t\u00e9l\u00e9phone est incorrect.","spark.form.phone.helper.length.tooLong":"Le num\u00e9ro de t\u00e9l\u00e9phone est trop long.","spark.form.phone.helper.length.tooShort":"Le num\u00e9ro de t\u00e9l\u00e9phone est trop court.","spark.form.phone.helper.mobile":"Veuillez indiquer un num\u00e9ro de t\u00e9l\u00e9phone portable.","spark.form.phone.helper.phone":"Veuillez indiquer un num\u00e9ro de t\u00e9l\u00e9phone fixe.","spark.form.phone.helper.refused":"Ce type de num\u00e9ro de t\u00e9l\u00e9phone n'est pas accept\u00e9.","spark.form.phone.helper.unknown":"Le num\u00e9ro de t\u00e9l\u00e9phone n'est pas reconnu.","spark.form.postal.helper.country.required":"Le pays doit \u00eatre indiqu\u00e9.","spark.form.postal.helper.country.unknown":"Le pays {country} est inconnu.","spark.form.postal.helper.incorrect":"Le code postal est incorrect.","spark.form.postal.helper.required":"Le code postal doit \u00eatre indiqu\u00e9.","spark.form.postal.helper.unused":"Ce pays n'utilise pas de code postaux.","spark.form.textCount.update.character":"caract\u00e8re","spark.form.upload.check.error.limit":"Vous avez atteint la limite de {limit} fichiers.","spark.form.upload.check.error.size":"Le fichier est trop gros (max : {size} {unit}).","spark.form.upload.check.error.type":"Le type du fichier n'est pas accept\u00e9.","spark.form.upload.DOMProgress.text":"Chargement en cours","spark.form.upload.prepare.button.select":"Se\u0301lectionner","spark.form.upload.prepare.drop":"Ajouter un fichier","spark.form.upload.uploadFile.callback.error":"Une erreur s'est produite lors du t\u00e9l\u00e9chargement.","spark.form.url.check.error":"L'url saisie est incorrecte.","spark.notification.button.nextNotice":"Erreur suivante","spark.notification.button.prevNotice":"Erreur pr\u00e9c\u00e9dente","spark.template.accordion.button.title":"Afficher","spark.template.button.cancel":"Annuler","spark.template.button.close":"Fermer","spark.template.button.continue":"Continuer","spark.template.button.delete":"Supprimer","spark.template.button.edit":"Modifier","spark.template.button.submit":"Envoyer","spark.template.button.view":"Voir","spark.template.confirm.confirmText.label":"Veuillez saisir \"{ confirmText }\"","spark.template.confirm.error":"Le texte renseign\u00e9 est incorrect","spark.template.editable.create.button.submit":"Confirmer","spark.template.editable.create.save.error":"Impossible d'enregistrer les modifications.","spark.template.loading.text":"Chargement en cours ...","spark.template.notification.save":"Enregistr\u00e9","spark.template.table.count.checked.all.button":"Les {nbDisplayed} lignes de cette page sont s\u00e9lectionn\u00e9es. <u>S\u00e9lectionner les {truncatedNb} lignes<\/u>.","spark.template.table.count.checked.all.buttonUntruncated":"Les {nbDisplayed} lignes de cette page sont s\u00e9lectionn\u00e9es. <u>S\u00e9lectionner toutes les lignes<\/u>.","spark.template.table.count.checked.all.text":"Toutes les lignes sont s\u00e9lectionn\u00e9es.","spark.template.table.count.checked.truncated":"{nbChecked} ligne(s) s\u00e9lectionn\u00e9e(s) sur {nbTotal}.","spark.template.table.count.checked.untruncated":"{nbChecked} ligne(s) s\u00e9lectionn\u00e9e(s) sur un grand nombre.","spark.template.table.count.displayed.empty":"Aucune ligne","spark.template.table.count.displayed.rows":"{nbDisplayed} ligne(s).","spark.template.table.count.displayed.truncated":"{nbDisplayed} ligne(s) affich\u00e9e(s) sur {truncatedNb}.","spark.template.table.count.displayed.untruncated":"{nbDisplayed} ligne(s) affich\u00e9e(s) sur un grand nombre.","spark.template.table.exports.empty":"Le tableau est vide !","spark.template.table.warning.partialSorting":"Vous venez d\u2019afficher maximum 50 lignes suppl\u00e9mentaires. Le tri ne s\u2019applique pas sur les lignes nouvellement charg\u00e9es. Relancez votre tri sur toutes les lignes affich\u00e9es."},window.translations); window.translations = Object.assign({"humanSearch.and":" et ","humanSearch.date.after":"\"{name}\" est apr\u00e8s le {startDate}","humanSearch.date.before":"\"{name}\" est avant le {endDate}","humanSearch.date.between":"\"{name}\" est entre le {startDate} et le {endDate}","humanSearch.is":" est ","humanSearch.number.between":"\"{name}\" entre {start} et {end}","humanSearch.or":" ou ","template.alert.error":"Une erreur s'est produite lors de votre recherche. Veuillez r\u00e9essayer.","template.text.published":"Publi\u00e9 le {date}","text.empty.document":"Aucun document fourni","text.searchUserInfos.administrativeArea1":"R\u00e9gion","text.searchUserInfos.administrativeArea2":"D\u00e9partement","text.searchUserInfos.birthday":"Date de naissance","text.searchUserInfos.city":"Ville","text.searchUserInfos.country":"Pays","text.searchUserInfos.sex":"Sexe","text.searchUserInfos.street1":"Adresse","text.searchUserInfos.street2":"Compl\u00e9ment d'adresse"},window.translations); </script>  <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous" ></script> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" integrity="sha256-KM512VNnjElC30ehFwehXjx1YCHPiQkOPmqnrWtpccM=" crossorigin="anonymous" ></script> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.2/i18n/jquery-ui-i18n.min.js" integrity="sha256-q/EiPw4hDxf7AKJEkIHWBspsML3nLL0VB729yuwz+cc=" crossorigin="anonymous" ></script> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.2/js/bootstrap-switch.min.js" integrity="sha256-sAkXLwDFSAB/S09JCOWRvnoOnhGYDu9VqMnbCKAhMzI=" crossorigin="anonymous" ></script> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.9/jquery.mousewheel.min.js" integrity="sha256-+ZWJyex7JtGOxCSSRu/QgpDkiTWQEqBuE2O8xHMVZCQ=" crossorigin="anonymous" ></script>  <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb" src="https://cdn.jamesnook.com/public/build/js/common.-.layout.-.public.js?8a37d16"></script>       <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> var ALGOLIA_CONFIG = { allowTyposOnNumericTokens: false, facets: [], facetFilters: [], query: "", page: 0, numericFilters: [], removeWordsIfNoResults: "lastWords", tagFilters: [], typoTolerance: "strict", advancedSyntax: true }; </script>         <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb" src="https://cdnjs.cloudflare.com/ajax/libs/parallax.js/1.5.0/parallax.min.js" integrity="sha256-Jhqqct9kdspgS5FC1W1f/cBOkdDoWMV3eWhU14cqzoY=" crossorigin="anonymous" ></script>   <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb" src="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/1.12.0/simple-lightbox.min.js" integrity="sha256-91WTAly9a0bVj+qqtK5TltwOfUMuOCAO+dUFo9KOU9U=" crossorigin="anonymous" ></script>   <script type="application/javascript" nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag("consent", "default", { ad_storage: "denied", analytics_storage: "denied", security_storage: "denied", // optional wait_for_update: 2000 // milliseconds }); gtag('js', new Date()); gtag('config', "G-PB0RXMTS9D", { send_page_view: false }); gtag('event', 'page_view', {"send_to":"G-PB0RXMTS9D","dimension1":"AssoConnect","dimension2":"school7682","dimension4":"PROD","dimension3":"unknown","dimension5":"OTHERS"}); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-PB0RXMTS9D" nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"></script>  <script async nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> // Axeptio window.axeptioSettings = { clientId: "60ca4e11738e6c446946d8de", cookiesVersion: 'client-' + I18N_LOCALE.toLowerCase(), userCookiesSecure: true, // TO DO: Suffix à retirer en octobre 2025: https://assoconnect.slack.com/archives/C7MSK557A/p1710165386103879?thread_ts=1709752424.741269&cid=C7MSK557A // Warning! Updating jsonCookieName can lead to critical issues if the firewall configuration is not updated ! jsonCookieName: "axeptio_cookies_2", authorizedVendorsCookieName: "axeptio_authorized_vendors_2", allVendorsCookieName: "axeptio_all_vendors_2", googleConsentMode: { default: { analytics_storage: "denied", ad_storage: "denied", ad_user_data: "denied", ad_personalization: "denied", wait_for_update: 500 } } }; (function(d, s) { var t = d.getElementsByTagName(s)[0], e = d.createElement(s); e.async = true; e.src = "//static.axept.io/sdk.js"; t.parentNode.insertBefore(e, t); })(document, "script"); // Axeptio callback void 0 === window._axcb && (window._axcb = []); window._axcb.push(function(axeptio) { axeptio.on("cookies:complete", function(choices) { if (choices.google_analytics) { gtag("consent", "update", { analytics_storage: "granted", }); (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga("create", "UA-57918763-1", "auto", "clientTracker"); ga("clientTracker.set", "encoding", "UTF-8"); ga("clientTracker.send", "pageview"); } }) }) /** * RudderStack common functions */ /** * This method allows you to track any actions that your users might perform. Each of these actions is commonly referred to as an event. * * https://docs.rudderstack.com/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk#3-4-track */ function track(event, properties, options, callback) { if(window.rudderanalytics) { window.rudderanalytics.track(event, properties, options, callback); } } /** * This method lets you record information about the web page being viewed by the user. * */ function trackPage(event, properties, options, callback) { void 0 === window._axcb && (window._axcb = []); window._axcb.push(function(axeptio) { axeptio.on("cookies:complete", function(choices) { if(window.rudderanalytics) { window.rudderanalytics.track(event, properties, options, callback); } }) }) } /** * This method allows you to track any click that your users might perform on a link. * * @param {string} selector jQuery selector of the tracked link * Otherwise same params of the track function: https://docs.rudderstack.com/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk#3-4-track */ function trackLink(selector, event, properties, options, callback) { $(selector).on("click", function(e) { if(window.rudderanalytics) { var _this = $(this); window.rudderanalytics.track(event, properties, options, callback); // Wait for the tracking request to have time to go var timeoutDelay = 300; setTimeout(function() { var href = _this.attr("href"); var target = _this.attr("target"); // New tab if (target) { window.open(href, target || '_blank'); } // Current tab else { window.location.href = href; } }, timeoutDelay); return false; } }); } // GTM </script> </head> <body>  <div id="layoutWrapper" class="nav">   <style nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> /** * Couleur principale */ /* Transforme @blue et @body en blanc en fonction de la couleur du menu */ /* Color */ h1, h3, .textImportant, a, a:link, a:visited, a:active, .colorBlue, .checkbox input[type="checkbox"].custom-checkbox:checked + .icons, .checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked, .radio input[type="radio"].custom-radio:checked + .icons, .radio input[type="radio"].custom-radio:checked + .icons .icon-checked, .accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitle, .buttonWhite, .buttonWhiteAlt:active, .buttonWhiteBlue, .buttonTransparent:hover, .radioAlt.colorWhite.radioAltSelected, #thumbPostSlider .thumbPostSlide .thumbPostSlideContent h2, .thumbPostWrapper h2, .thumbWrapper .thumbCommon .thumbDetails .thumbName, .thumbWrapper .thumbCommon .thumbDetails .thumbMore, #templateBreadcrumb #breadCrumbItems .breadCrumbNextStep:not(.button):hover, #templateBreadcrumb #breadCrumbItems .breadCrumbNextStep .breadCrumbItem.breadCrumbActive, #templateTabulation .active, #messagesWrapper .message .messageContent .messageIcon svg { color: #00b2e8; } #agendaWrapper, div:not(#agendaWrapper) > #agendaEvent, #agendaWrapper #agendaEvent #agendaEventName, div:not(#agendaWrapper) > #agendaEvent #agendaEventName, #agendaWrapper #agendaList .agendaDate, #donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton { color: #00b2e8; } /* Fix event colors */ #agendaEvent #agendaEventDate, #agendaEvent #agendaEventDescription, #agendaEvent #agendaEventAddress { color: #595959; } #agendaEventReturn svg path{ fill: #00b2e8; } #templateNavWrapper #templateNav ul li, #templateNavWrapper #templateNav ul li a, #templateNavBar, #templateNavSubBarWrapper, #templateNavSubBarWrapper #templateNavSubBar a, #templateSubNavWrapper ul li a, #agendaWrapper #agendaList .agendaListEvent.colorBodyOrWhite, #agendaWrapper #agendaList h3.colorBodyOrWhite, #agendaWrapper #agendaList .eventColor.colorBodyOrWhite, #eventWrapper #eventDateLeftWrapper{ color: #595959; } #eventWrapper #eventPicture #eventCountdownWrapper #eventButton { color: #ffffff; } .buttonWhiteBlue:hover { color: #00a0d0; } .buttonWhiteBlue:active, .buttonTransparent:active { color: #0097c5; } #agendaWrapper #agendaList h3.colorBodyOrWhite, #agendaWrapper #agendaList .eventColor.colorBodyOrWhite { border-color: #595959; } .buttonBlue, .backgroundBlue { color: #ffffff; } .backgroundTheme { background-color: #ffffff; color: #595959; } /* Background */ .backgroundBlue, .accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitleNumber, .buttonBlue, .dialogDotWrapper .dialogDot.dialogDotCurrent, .progressbar-blue div, .radioAlt.colorBlue:not(.eventColor), /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ #messagesWrapper .message, #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper, #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper, #eventWrapper #eventPicture #eventCountdownWrapper #eventButton, #templateNavWrapper #templateNav #navBasket { background-color: #00b2e8; } .formUpload .formUploadInputWrapper input:hover ~ div, .buttonBlue:hover, .radioAlt.colorBlue.radioAltSelected, #messagesWrapper .message, #eventWrapper #eventPicture #eventCountdownWrapper #eventButton:hover, #templateNavWrapper #templateNav #navBasket:hover { background-color: #0097c5; } .radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ background-color: #00ccff; } .dialogDotWrapper .dialogDot:hover { background-color: #00d5ff; } .buttonBlue:active, #eventWrapper #eventPicture #eventCountdownWrapper #eventButton:active { background-color: #008eb9; } .dialogDotWrapper .dialogDot { background-color: #00e7ff; } .buttonWhiteBlue:active { background-color: #00f0ff; } .buttonWhiteBlue:hover { background-color: #00f9ff; } /* Border */ .backgroundBlueLight, input[type="text"]:hover, input[type="search"]:hover:not(.choices__input), .choices:hover, input[type="password"]:hover, input[type="date"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="url"]:hover, textarea:hover, select:hover, input[type="text"]:focus, input[type="search"]:focus:not(.choices__input), .choices.is-focused, input[type="password"]:focus, input[type="date"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus, select:focus, .radioImageWrapper.radioImageChecked, .accordion .accordionContent.accordionColor .accordionTitleWrapper, .buttonWhiteBlue, .dropdownMenu div h2, .radioAlt.colorWhite.radioAltSelected, #templateBreadcrumb #breadCrumbItems .breadCrumbNextStep .breadCrumbItem.breadCrumbActive, #postViewMore { border-color: #00b2e8; } #agendaWrapper #agendaEvent #agendaEventReturn, div:not(#agendaWrapper) > #agendaEvent #agendaEventReturn { border-color: #00b2e8; } .buttonWhiteBlue:hover { border-color: #00c3ff; } .buttonWhiteBlue:active { border-color: #00ccff; } .radioAlt.colorWhite:hover:not(.radioAltSelected), .radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ border-color: #00d5ff; } .radioAlt.colorBlue.radioAltSelected { border-color: #007ca2; } .buttonWhiteAlt:active { outline-color: #00b2e8; } .buttonWhiteAlt:hover { border-color: #00d5ff; } /** * Couleur du menu */ @media (min-width: 1151px) { #templateNavWrapper, #templateNavWrapper:before, #templateNavBar { background-color: #ffffff; border-bottom: 1px solid #eeeeee; } #templateSubNavWrapper { background-color: #f2f2f2 ; } #templateHeaderWrapper #templateHeader #templateHeaderMargin { display: none; } } @media (max-width: 1150px) { #templateNavWrapper, #templateNavWrapper:before, #templateNavBar, #templateSubNavWrapper { background-color: #ffffff; } } #templateNavSubBarWrapper, #templateNavSubBarWrapper #templateNavSubBarLeft, #templateNavSubBarWrapper #templateNavSubBarRight { background-color: #f2f2f2; } #agendaWrapper, div:not(#agendaWrapper) > #agendaEvent, #donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton, #eventWrapper #eventDateLeftWrapper { background-color: #ffffff; } #eventWrapper #eventPicture #eventInfos #eventName { border-color: #ffffff; } /* Couleur des hovers */ #templateNavWrapper #templateNav ul li.active a, #templateNavWrapper #templateNav ul li:not(.hideHover):hover a { color: #00b2e8; } @media (min-width: 1151px) { #templateSubNavWrapper ul li.active a, #templateSubNavWrapper ul li:hover a { color: #00b2e8; } } @media (max-width: 1150px) { #templateNavSubBarWrapper #templateNavSubBar li.active a { color: #00b2e8; } } /** * Couleur du fond */ body { background-color: #ffffff; } /** * Couleur du bas de page */ #templateFooterWrapper { background-color: #47505a; } /** * Texture du menu (non applicable si le menu est transparent) */ #templateNavWrapper, #templateNavWrapper:before, #templateSubNavWrapper, #templateNavBar, #templateNavSubBarWrapper, #templateNavSubBarWrapper #templateNavSubBarLeft, #templateNavSubBarWrapper #templateNavSubBarRight { background-image: url("https://web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net/legacy/common/image/layout/public/textures/_blank.png"); } /** * Texture du fond */ body { background-image: url("https://web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net/legacy/common/image/layout/public/textures/_blank.png"); } /** * Texture du bas de page */ #templateFooterWrapper { background-image: url("https://web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net/legacy/common/image/layout/public/textures/_blank.png"); } /** * Autres */ /* Permet d'afficher le haut de page dans l'édition */ /* Hauteur du haut de page */ #templateHeaderWrapper { height: 600px } /* Position de l'image de l'organisation dans le haut de page */ #templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture { display: none; } /* Taille texte bloc */ #templateHeaderBlockTitleWrapper { font-size: 0px; } /* Taille image bloc */ #templateHeaderBlockVendorPictureWrapper img { width: 0px; } /* Type de bloc */ #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { background-color: rgba(0, 99, 152, .5); } @media (min-width: 1151px) { /* Position du logo dans le menu */ #templateNavWrapper #templateNav #navVendorWrapper { float: left; } /* Place le haut de page sous le menu si le menu est transparent */ /* Hauteur du menu (les ">" pour ignorer les sous-menus) */ #templateNavWrapper #templateNav > ul > li { height: 85px; } #templateSubNavWrapper ul li { height: 42.5px; line-height: 42.5px; } #templateNavWrapper #templateNav > ul > #navVendorPicture > div > a > img { max-height: 85px; } /* Type de bloc */ #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { background-color: transparent; } /* La largeur du haut de page ne dépasse pas la largeur du contenu du site */ /* Arrondi les coins du menu, du haut de page et du contenu */ /* Séparation des différents éléments */ /* Position du bloc */ #templateHeaderWrapper #templateHeader { text-align: right; } /* Texte du menu en gras */ #templateNavWrapper #templateNav, #templateSubNavWrapper { font-weight: bold; } /* Texte du menu en majuscule */ /* Cache les icônes */ /* Espacement entre les items du menu */ #templateNavWrapper #templateNav ul li a, #templateNavWrapper #templateNav ul li ul li a, #templateSubNavWrapper ul li a { padding: 0 15px; } /* Alignement du contenu du menu */ #templateNavWrapper #templateNav, #templateSubNavWrapper { text-align: center; } /* Hauteur du logo de l'organisation dans le haut de page */ #templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture img { height: 300px; } } @media (max-width: 1150px) { /* Cache le bloc en responsive si le site dispose d'un logo d'organisation */ /* Alignement du menu en fonction de la barre d'administration */ #templateNavWrapper { top: 55px; } } /* Fond fullscreen dans les pages personnalisées */ #boxes .boxLandmarkBackground { width: calc(100% + 27px); margin-left: -13.5px !important; max-width: 1131px !important; } /* Arrondi des champs */ input[type="text"], input[type="search"]:not(.choices__input), .choices, input[type="password"], input[type="date"], input[type="tel"], input[type="number"], input[type="datetime-local"], input[type="email"], input[type="url"], textarea { border-radius: 5px; padding: 9px; } select { border-radius: 5px; } .selected-flag, .buttonBig, .buttonLarge, .buttonSmall, .bootstrap-switch, #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper, #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper .buttonDIY, #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper, #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY { border-radius: 5px; } .buttonLarge { padding: 10px; } .buttonSmall { } </style>   <div id="messagesWrapper"> </div> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> $('.message-support .messageClose').click(function(event) { _spark.cookie.set("supportMessage-" + $(this).data('message-id'), "true", 1); }); </script>  <div class="displayNone" id="sparkTemplateTableExportColumns"> <form id="sparkTemplateTableExportColumnsForm" method="POST"><input type="hidden" name="_form" value="sparkTemplateTableExportColumns"><input type="hidden" name="_origin" value="/page/1978651-accueil"><input type="hidden" name="_formMulti" value="67b41e6638307|4dc6891ae86c9bd7f965f3a0cce037716bc07cbc"><script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> $("#sparkTemplateTableExportColumnsForm").on("submit", function(){ var _this = $(this); var renable = false; if(_this.data("multi-submit-protection")){ return false; } else{ // Blocage à la prochaine soumission _this.data("multi-submit-protection", true); // Blocage & chargement sur les boutons _this.find("button[type='submit']").each(function(){ var text = $(this).text(); var buttonDOM = $(this); var buttonInterval; buttonDOM .addClass("disabled") .prop("disabled", true) .css("width", buttonDOM.outerWidth() + "px") .text(".") .inDOM(function() { // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) buttonInterval = setInterval(function() { if(buttonDOM.text().length === 3) { buttonDOM.text("."); } else { buttonDOM.text(buttonDOM.text() + "."); } }, 300); }); // Déblocage au bout de 1 seconde if(renable){ window.setTimeout(function(){ clearInterval(buttonInterval); buttonDOM .prop("disabled", false) .removeClass("disabled") .removeAttr("style") .text(text); }, 1000); } }); // Déblocage au bout de 1 seconde if(renable){ window.setTimeout(function(){ _this.data("multi-submit-protection", false); }, 1000); } // Retour return true; } }); </script> <div id="sparkTableExportColumnWrapper" class=""><div class="notice fontBold" id="sparkTableExportColumnNotice"></div> <label id="sparkTableExportColumnLabel" > Exporter les lignes sélectionnées </label> <div class="formContent"> <div id="sparkTableExportColumn_allWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> <label class="radio" for="sparkTableExportColumn_all"> <input type="radio" name="sparkTableExportColumn" id="sparkTableExportColumn_all" value="all" class="" > <span id="sparkTableExportColumn_allLabel">Exporter toutes les colonnes</span> </label> </div> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> if(document.readyState === "complete"){ $("#sparkTableExportColumn_all").radiocheck(); } </script> <div id="sparkTableExportColumn_filterWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> <label class="radio" for="sparkTableExportColumn_filter"> <input type="radio" name="sparkTableExportColumn" id="sparkTableExportColumn_filter" value="filter" class="" > <span id="sparkTableExportColumn_filterLabel">Exporter uniquement les colonnes affichées</span> </label> </div> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> if(document.readyState === "complete"){ $("#sparkTableExportColumn_filter").radiocheck(); } </script> </div></div> </form> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> _spark.form.mail.initMailGroup("sparkTemplateTableExportColumns"); </script> </div>   <div id="templateNavBar"> <div id="templateNavBarVendorPicture">  <a href="/"> <img src="https://app.assoconnect.com/services/storage?id=95291&type=picture&secret=KE7MK0ePDxjfCX7IgLdXDRwYNZNtO1zovv16v6KY&timestamp=1481826527&size=small" alt="AFSI"> </a>  </div> <div id="templateNavBarToggleMenu"> <span>Menu</span> <img src="https://web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net/legacy/common/ico/ico.menu2.32.dark.png" class="_gif icoMenu232Dark" alt="icoMenu232Dark" title="" id="templateNavBarToggleMenuOpen" > <img src="https://web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net/legacy/common/ico/ico.cross.32.dark.png" class="_gif icoCross32Dark" alt="icoCross32Dark" title="" id="templateNavBarToggleMenuClose" > </div> <div class="clearBoth"></div> </div> <div id="templateNavSubBarWrapper"> <div id="templateNavSubBarLeft"><</div> <div id="templateNavSubBarRight">></div> <ul id="templateNavSubBar"> <li class="active"> <a href="/page/1978651-accueil"> ACCUEIL </a> </li> <li > <a href="/page/109116-vie-du-site"> Vie du site </a> </li> <li > <a href="/page/73361-decouvrir-l-afsi"> Découvrir l'AFSI </a> </li> <li > <a href="/page/83119-liste-des-adherents"> Liste des adhérents </a> </li> <li > <a href="/page/744502-metiers-du-son"> Métiers du son </a> </li> <li > <a href="/page/73362-l-equipe"> L'équipe </a> </li> <li > <a href="/page/73363-les-commissions"> Les commissions </a> </li> <li > <a href="/page/84968-nous-contacter"> Nous contacter </a> </li> </ul> </div>    <div id="templateNavContainer"> <div id="templateNavWrapper">  <div id="templateNavWrapperHover" class="templateHover"></div> <div id="templateNavWrapperEditable" class="templateEditable templateEditableNav"> <div class="displayTable height100 width100"> <div class="displayTableCell valignMiddle"> <p class="displayInlineBlock">Ajoutez un logo, un bouton, des réseaux sociaux</p> <div class="templateEditableButton">Cliquez pour éditer</div> </div> </div> </div>  <div id="templateNavSocialWrapper"> </div>  <nav id="templateNav"> <ul id="navVendorWrapper">  <li id="navVendorPicture"> <div class="displayTable height100"> <a class="displayTableCell width100 valignMiddle" href="/"> <img src="https://app.assoconnect.com/services/storage?id=95291&type=picture&secret=KE7MK0ePDxjfCX7IgLdXDRwYNZNtO1zovv16v6KY&timestamp=1481826527&size=small" alt="AFSI"> </a> </div> </li> </ul> <ul> <li data-templatesubnav="73360" class=" templateNavResponsiveToggleChildren active " > <a href="/page/1978651-accueil" class="displayTable height100" > <div class="displayTableCell valignMiddle"> </div> <div class="displayTableCell valignMiddle"> L'AFSI <span class="arrowTop">▴</span><span class="arrowDown">▾</span> </div> </a> <ul> <li class="active"> <a href="/page/1978651-accueil"> ACCUEIL </a> </li> <li > <a href="/page/109116-vie-du-site"> Vie du site </a> </li> <li > <a href="/page/73361-decouvrir-l-afsi"> Découvrir l'AFSI </a> </li> <li > <a href="/page/83119-liste-des-adherents"> Liste des adhérents </a> </li> <li > <a href="/page/744502-metiers-du-son"> Métiers du son </a> </li> <li > <a href="/page/73362-l-equipe"> L'équipe </a> </li> <li > <a href="/page/73363-les-commissions"> Les commissions </a> </li> <li > <a href="/page/84968-nous-contacter"> Nous contacter </a> </li> </ul> </li> <li data-templatesubnav="73090" class=" templateNavResponsiveToggleChildren " > <a href="/page/83123-a-venir" class="displayTable height100" > <div class="displayTableCell valignMiddle"> </div> <div class="displayTableCell valignMiddle"> Evénements <span class="arrowTop">▴</span><span class="arrowDown">▾</span> </div> </a> <ul> <li > <a href="/page/83123-a-venir"> A venir </a> </li> <li > <a href="/page/115147-recents"> Récents </a> </li> <li > <a href="/page/987136-comptes-rendus"> Comptes-rendus </a> </li> <li > <a href="/page/101035-photos"> Photos </a> </li> <li > <a href="/page/290255-videos"> Vidéos </a> </li> <li > <a href="/page/73355-vos-idees"> Vos idées </a> </li> </ul> </li> <li data-templatesubnav="73359" class=" templateNavResponsiveToggleChildren " > <a href="/page/73357-actualites" class="displayTable height100" > <div class="displayTableCell valignMiddle"> </div> <div class="displayTableCell valignMiddle"> Actus <span class="arrowTop">▴</span><span class="arrowDown">▾</span> </div> </a> <ul> <li > <a href="/page/73357-actualites"> Actualités </a> </li> <li > <a href="/page/413054-la-presse"> La Presse </a> </li> <li > <a href="/page/324474-a-lire-a-voir-a-ecouter"> A lire, à voir, à écouter... </a> </li> </ul> </li> <li data-templatesubnav="89700" class=" templateNavResponsiveToggleChildren " > <a href="/page/73358-actualites-techniques" class="displayTable height100" > <div class="displayTableCell valignMiddle"> </div> <div class="displayTableCell valignMiddle"> Technique <span class="arrowTop">▴</span><span class="arrowDown">▾</span> </div> </a> <ul> <li > <a href="/page/73358-actualites-techniques"> Actualités techniques </a> </li> <li > <a href="/page/89703-essais-materiel"> Essais matériel </a> </li> <li > <a href="/page/89701-memoires"> Mémoires </a> </li> <li > <a href="/page/397099-savoir-faire"> Savoir-faire </a> </li> <li > <a href="/page/947345-guide-des-apps"> Guide des Apps </a> </li> <li > <a href="/page/977689-bibliotheque-du-son"> Bibliothèque du son </a> </li> </ul> </li> <li data-templatesubnav="2498220" class=" templateNavResponsiveToggleChildren " > <a href="/page/2456966-une-histoire-du-son-a-l-image" class="displayTable height100" > <div class="displayTableCell valignMiddle"> </div> <div class="displayTableCell valignMiddle"> Le Son à l'Image <span class="arrowTop">▴</span><span class="arrowDown">▾</span> </div> </a> <ul> <li > <a href="/page/2456966-une-histoire-du-son-a-l-image"> Une histoire du Son à l'Image </a> </li> <li > <a href="/page/2496921-la-salle-de-cinema"> La salle de Cinéma </a> </li> <li > <a href="/page/2497146-le-son-analogique"> Le SON analogique </a> </li> <li > <a href="/page/2497894-le-son-numerique"> Le SON numérique </a> </li> <li > <a href="/page/2498231-le-cinema-numerique"> Le Cinéma numérique </a> </li> </ul> </li> <li data-templatesubnav="327396" class=" templateNavResponsiveToggleChildren " > <a href="/page/89702-portraits-rencontres" class="displayTable height100" > <div class="displayTableCell valignMiddle"> </div> <div class="displayTableCell valignMiddle"> Acteurs du Son <span class="arrowTop">▴</span><span class="arrowDown">▾</span> </div> </a> <ul> <li > <a href="/page/89702-portraits-rencontres"> Portraits/Rencontres </a> </li> <li > <a href="/page/360143-paroles-de-chef"> Paroles de chef </a> </li> <li > <a href="/page/621637-paroles-de-realisateurs"> Paroles de réalisateurs </a> </li> <li > <a href="/page/118792-hommage"> Hommage </a> </li> </ul> </li> <li data-templatesubnav="73367" class=" templateNavResponsiveToggleChildren " > <a href="/page/1010583-nos-partenaires" class="displayTable height100" > <div class="displayTableCell valignMiddle"> </div> <div class="displayTableCell valignMiddle"> Partenaires <span class="arrowTop">▴</span><span class="arrowDown">▾</span> </div> </a> <ul> <li > <a href="/page/1010583-nos-partenaires"> Nos partenaires </a> </li> <li > <a href="/page/306551-actualites-des-partenaires"> Actualités des partenaires </a> </li> <li > <a href="/page/73369-devenir-partenaire-become-a-partner"> Devenir partenaire / Become a partner </a> </li> <li > <a href="/page/483894-tutos-partenaires"> Tutos partenaires </a> </li> </ul> </li> <li data-templatesubnav="73372" class=" templateNavResponsiveToggleChildren " > <a href="/page/86093-actualites-vie-pro" class="displayTable height100" > <div class="displayTableCell valignMiddle"> </div> <div class="displayTableCell valignMiddle"> Vie pro <span class="arrowTop">▴</span><span class="arrowDown">▾</span> </div> </a> <ul> <li > <a href="/page/86093-actualites-vie-pro"> Actualités vie pro </a> </li> <li > <a href="/page/126079-les-conventions-collectives"> Les Conventions collectives </a> </li> <li > <a href="/page/126162-salaires-minimums-syndicaux"> Salaires/Minimums syndicaux </a> </li> <li > <a href="/page/86384-liens-utiles"> Liens utiles </a> </li> <li > <a href="/page/73375-stages"> Stages </a> </li> <li > <a href="/page/1185893-environnement"> Environnement </a> </li> </ul> </li>    <li id="templateNavButton1Container" class="hideHover "> <a href="https://cse.google.com/cse?cx=8590d2a8ac77444d1" class="height100 displayTable">  <div class="displayTableCell valignMiddle"> <div id="templateNavButton1Button" class=" button textAlignCenter buttonBlue buttonLarge valignMiddle " ><span class="valignInitial">Rechercher dans le site</span></div> </div> </a> </li> <li id="templateNavButton2Container" class="hideHover displayNone"> <a href="" class="height100 displayTable">  <div class="displayTableCell valignMiddle"> <div id="templateNavButton2Button" class=" button textAlignCenter buttonBlue buttonLarge valignMiddle " ><span class="valignInitial"></span></div> </div> </a> </li>  <li id="templateNavButtonLoginContainer" class="hideHover "> <a href="/contacts/login?redirect=%2Fpage%2F1978651-accueil" class="height100 displayTable">  <div class="displayTableCell valignMiddle"> <div id="templateNavButtonLoginButton" class=" button textAlignCenter buttonBlue buttonLarge valignMiddle " ><span class="valignInitial">Se connecter</span></div> </div> </a> </li> </ul> </nav> </div> <div id="templateSubNavWrapper"> <div id="templateSubNav"> <ul data-templatesubnav="73360"> <li class="active"> <a href="/page/1978651-accueil"> ACCUEIL </a> </li> <li > <a href="/page/109116-vie-du-site"> Vie du site </a> </li> <li > <a href="/page/73361-decouvrir-l-afsi"> Découvrir l'AFSI </a> </li> <li > <a href="/page/83119-liste-des-adherents"> Liste des adhérents </a> </li> <li > <a href="/page/744502-metiers-du-son"> Métiers du son </a> </li> <li > <a href="/page/73362-l-equipe"> L'équipe </a> </li> <li > <a href="/page/73363-les-commissions"> Les commissions </a> </li> <li > <a href="/page/84968-nous-contacter"> Nous contacter </a> </li> </ul> <ul data-templatesubnav="73090"> <li > <a href="/page/83123-a-venir"> A venir </a> </li> <li > <a href="/page/115147-recents"> Récents </a> </li> <li > <a href="/page/987136-comptes-rendus"> Comptes-rendus </a> </li> <li > <a href="/page/101035-photos"> Photos </a> </li> <li > <a href="/page/290255-videos"> Vidéos </a> </li> <li > <a href="/page/73355-vos-idees"> Vos idées </a> </li> </ul> <ul data-templatesubnav="73359"> <li > <a href="/page/73357-actualites"> Actualités </a> </li> <li > <a href="/page/413054-la-presse"> La Presse </a> </li> <li > <a href="/page/324474-a-lire-a-voir-a-ecouter"> A lire, à voir, à écouter... </a> </li> </ul> <ul data-templatesubnav="89700"> <li > <a href="/page/73358-actualites-techniques"> Actualités techniques </a> </li> <li > <a href="/page/89703-essais-materiel"> Essais matériel </a> </li> <li > <a href="/page/89701-memoires"> Mémoires </a> </li> <li > <a href="/page/397099-savoir-faire"> Savoir-faire </a> </li> <li > <a href="/page/947345-guide-des-apps"> Guide des Apps </a> </li> <li > <a href="/page/977689-bibliotheque-du-son"> Bibliothèque du son </a> </li> </ul> <ul data-templatesubnav="2498220"> <li > <a href="/page/2456966-une-histoire-du-son-a-l-image"> Une histoire du Son à l'Image </a> </li> <li > <a href="/page/2496921-la-salle-de-cinema"> La salle de Cinéma </a> </li> <li > <a href="/page/2497146-le-son-analogique"> Le SON analogique </a> </li> <li > <a href="/page/2497894-le-son-numerique"> Le SON numérique </a> </li> <li > <a href="/page/2498231-le-cinema-numerique"> Le Cinéma numérique </a> </li> </ul> <ul data-templatesubnav="327396"> <li > <a href="/page/89702-portraits-rencontres"> Portraits/Rencontres </a> </li> <li > <a href="/page/360143-paroles-de-chef"> Paroles de chef </a> </li> <li > <a href="/page/621637-paroles-de-realisateurs"> Paroles de réalisateurs </a> </li> <li > <a href="/page/118792-hommage"> Hommage </a> </li> </ul> <ul data-templatesubnav="73367"> <li > <a href="/page/1010583-nos-partenaires"> Nos partenaires </a> </li> <li > <a href="/page/306551-actualites-des-partenaires"> Actualités des partenaires </a> </li> <li > <a href="/page/73369-devenir-partenaire-become-a-partner"> Devenir partenaire / Become a partner </a> </li> <li > <a href="/page/483894-tutos-partenaires"> Tutos partenaires </a> </li> </ul> <ul data-templatesubnav="73372"> <li > <a href="/page/86093-actualites-vie-pro"> Actualités vie pro </a> </li> <li > <a href="/page/126079-les-conventions-collectives"> Les Conventions collectives </a> </li> <li > <a href="/page/126162-salaires-minimums-syndicaux"> Salaires/Minimums syndicaux </a> </li> <li > <a href="/page/86384-liens-utiles"> Liens utiles </a> </li> <li > <a href="/page/73375-stages"> Stages </a> </li> <li > <a href="/page/1185893-environnement"> Environnement </a> </li> </ul> </div> </div> </div>  <header id="templateHeaderWrapper"> <div id="templateHeaderWrapperHover" class="templateHover"></div> <div id="templateHeaderWrapperEditable" class="templateEditable templateEditablePicture"> <div class="displayTable height100 width100"> <div class="displayTableCell valignMiddle"> <p>Images de la page d'accueil</p> <div class="templateEditableButton">Cliquez pour éditer</div> </div> </div> </div> <div id="templateHeader" class="displayNone" > <div id="templateHeaderMargin"></div> <div id="templateHeaderBlockContainer"> <div id="templateHeaderBlockContainerHover" class="templateHover"></div> <div id="templateHeaderBlockContainerEditable" class="templateEditable templateEditableBlock"> <div class="displayTable height100 width100"> <div class="displayTableCell valignMiddle"> <p>Texte, bouton et/ou inscription à la newsletter</p> <div class="templateEditableButton">Cliquez pour éditer</div> </div> </div> </div> <div id="templateHeaderBlockWrapper"> <div id="templateHeaderBlock"> <div id="templateHeaderBlockTitleWrapper"> </div> <div id="templateHeaderBlockNewsletterContainer"> <form id="templateHeaderBlockNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateHeaderBlockNewsletter"><input type="hidden" name="_origin" value="/page/1978651-accueil"><input type="hidden" name="_formMulti" value="67b41e6677a25|85e0d797a2e9c11f2124e4a84a06ef64d09ef8ac"><script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> $("#templateHeaderBlockNewsletterForm").on("submit", function(){ var _this = $(this); var renable = true; if(_this.data("multi-submit-protection")){ return false; } else{ // Blocage à la prochaine soumission _this.data("multi-submit-protection", true); // Blocage & chargement sur les boutons _this.find("button[type='submit']").each(function(){ var text = $(this).text(); var buttonDOM = $(this); var buttonInterval; buttonDOM .addClass("disabled") .prop("disabled", true) .css("width", buttonDOM.outerWidth() + "px") .text(".") .inDOM(function() { // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) buttonInterval = setInterval(function() { if(buttonDOM.text().length === 3) { buttonDOM.text("."); } else { buttonDOM.text(buttonDOM.text() + "."); } }, 300); }); // Déblocage au bout de 1 seconde if(renable){ window.setTimeout(function(){ clearInterval(buttonInterval); buttonDOM .prop("disabled", false) .removeClass("disabled") .removeAttr("style") .text(text); }, 1000); } }); // Déblocage au bout de 1 seconde if(renable){ window.setTimeout(function(){ _this.data("multi-submit-protection", false); }, 1000); } // Retour return true; } }); </script> <div class="row colsMiddle"> <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12"> <div class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateHeaderBlockNewsletterEmailNotice"></div> <label id="templateHeaderBlockNewsletterEmailLabel" for="templateHeaderBlockNewsletterEmail" > Je m'abonne à la newsletter </label> <input type="email" data-typo-check="true" name="templateHeaderBlockNewsletterEmail" class="" value="" placeholder="Je m'abonne à la newsletter" autocomplete="email" id="templateHeaderBlockNewsletterEmail" > <div class="clearBoth"></div> </div> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> $("#templateHeaderBlockNewsletterEmail").on("change", function() { _spark.form.mail.check("templateHeaderBlockNewsletterEmail"); }); </script> </div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> <button type="submit" id="templateHeaderBlockNewsletterSubmit" class=" button buttonOrange textAlignCenter buttonLarge " > <span class="valignInitial">OK</span> </button> </div> </div> </form> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> $("#templateHeaderBlockNewsletterForm") // Init .data("dirty", 0) // Form submit is possible .on("submit", function(){ window.onbeforeunload = null; }) // On change .find("input, textarea").on("change", function(){ if(document.readyState === "complete"){ $("#templateHeaderBlockNewsletterForm").data().dirty++; } }); // Ajout _spark.dirty.push(function(){ return $("#templateHeaderBlockNewsletterForm").data("dirty") > 0; }); </script> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> _spark.form.mail.initMailGroup("templateHeaderBlockNewsletter"); </script> </div> <div id="templateHeaderBlockButtonWrapper"> <a id="templateHeaderBlockButtonButtonLink" href="https://www.afsi.eu/page/-" class="displayNone" target="" rel="noopener" > <div id="templateHeaderBlockButtonButton" class=" button textAlignCenter buttonBlue buttonLarge valignMiddle " ><span class="valignInitial"></span></div></a> </div> <div id="templateHeaderBlockSocialWrapper"> </div> </div> </div> </div> </div>  <div id="templateHeaderVendorPictureWrapper"> <a href="https://www.afsi.eu" id="templateHeaderVendorPicture" > <img src="https://app.assoconnect.com/services/storage?id=95291&type=picture&secret=KE7MK0ePDxjfCX7IgLdXDRwYNZNtO1zovv16v6KY&timestamp=1481826527" class="notHeightAuto"> </a> </div>      <div id="templateHeaderPictures"> <div class="templateHeaderPicture"> <div class="templateHeaderPictureReference"> <img src="https://web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net/legacy/spark/image/_.gif" class="widthAuto" style=" position: absolute; background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/vendor/16773.header.sprite.9546b903a0fc6d59d758073f3bc37ed1.png?response-content-disposition=inline&AWSAccessKeyId=AKIAIAGCEPGSROXYCM3A&Expires=2055217510&Signature=7gZRBjrXno3tvHt1BuDyLgHvRSc%3D) left -0px; width: 1450px; height: 600px; top: 0; left: -725px; "> </div> </div>  <div class="templateHeaderPicture"> <div class="templateHeaderPictureReference"> <img src="https://web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net/legacy/spark/image/_.gif" class="widthAuto" style=" position: absolute; background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/vendor/16773.header.sprite.9546b903a0fc6d59d758073f3bc37ed1.png?response-content-disposition=inline&AWSAccessKeyId=AKIAIAGCEPGSROXYCM3A&Expires=2055217510&Signature=7gZRBjrXno3tvHt1BuDyLgHvRSc%3D) left -600px; width: 1450px; height: 600px; top: 0; left: -689px; "> </div> </div>  <div class="templateHeaderPicture"> <div class="templateHeaderPictureReference"> <img src="https://web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net/legacy/spark/image/_.gif" class="widthAuto" style=" position: absolute; background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/vendor/16773.header.sprite.9546b903a0fc6d59d758073f3bc37ed1.png?response-content-disposition=inline&AWSAccessKeyId=AKIAIAGCEPGSROXYCM3A&Expires=2055217510&Signature=7gZRBjrXno3tvHt1BuDyLgHvRSc%3D) left -1200px; width: 1450px; height: 600px; top: 0; left: -653px; "> </div> </div>  </div> </header>  <article id="templatePageWrapper" class="layout-md"> <div id="templatePage">  <div id="templateIframe">      <div class="templatePageHeader" data-id="component_Header"> <div> <div id="templateTitle" class="templatePageHeaderPart"> <span class="displayInlineBlock valignMiddle"></span> </div> </div> </div> <div id="templateTabulationWrapper"> <div> <div id="templateTabulation"> <a id="tab_page-accueil" href="/page/1978651-accueil" class="active" > ACCUEIL </a> <a id="tab_page-vie-du-site" href="/page/109116-vie-du-site" class="" > Vie du site </a> <a id="tab_page-decouvrir-l-afsi" href="/page/73361-decouvrir-l-afsi" class="" > Découvrir l'AFSI </a> <a id="tab_page-liste-des-adherents" href="/page/83119-liste-des-adherents" class="" > Liste des adhérents </a> <a id="tab_page-metiers-du-son" href="/page/744502-metiers-du-son" class="" > Métiers du son </a> <a id="tab_page-l-equipe" href="/page/73362-l-equipe" class="" > L'équipe </a> <a id="tab_page-les-commissions" href="/page/73363-les-commissions" class="" > Les commissions </a> <a id="tab_page-nous-contacter" href="/page/84968-nous-contacter" class="" > Nous contacter </a> </div> </div> </div>    <div class="clearBoth"></div>  <div class="templatePageWrapper layout-md"> <div class="templatePageContent "> <div class="templatePageContentHeader"> </div>   <div id="boxes"> <style> #box75474593 { position: absolute; left: 0%; top: 0px; height: 480px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474593" class="box" style="width: 33.333333333333%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 20px; padding-right: 4px; padding-bottom: 4px; padding-left: 16px; height: 480px; border-radius: 20px; background: #dadfe1"> <div class="overflowHidden height100"><p><span style="font-size:24px"><span style="color:#223f93"><em><strong> L'ASSOCIATION</strong></em></span></span></p> <h2><em><strong><span style="font-size:18px"><a href="https://www.afsi.eu/page/73361-decouvrir-l-afsi"><span style="color:#223f93">►</span></a></span></strong></em><em><strong><span style="font-size:18px"><a href="https://www.afsi.eu/page/73361-decouvrir-l-afsi"><span style="color:#223f93">Qu'est-ce que l'AFSI ?</span></a></span></strong></em></h2> <h2><em><strong><span style="font-size:18px"><a href="https://www.afsi.eu/page/85420-adherer" target="_self"><span style="color:#223f93">Première adhésion </span></a><a href="https://www.afsi.eu/page/73361-decouvrir-l-afsi"><span style="color:#223f93">► </span></a><a href="www.afsi.eu/page/85420-adherer"><span style="color:#223f93"> </span></a></span></strong></em></h2> <h2><em><strong><span style="font-size:18px"><a href="https://www.afsi.eu/collect/description/494214-q-adhesions-afsi-2025" target="_self"><span style="color:#223f93">Ré-adhésion 2025 </span></a><a href="https://www.afsi.eu/page/73361-decouvrir-l-afsi"><span style="color:#223f93">► </span></a></span></strong></em></h2> <h2><em><strong><span style="font-size:18px"><a href="https://www.afsi.eu/page/73361-decouvrir-l-afsi"><span style="color:#223f93">►</span></a><a href="https://www.afsi.eu/page/115147-recents"><span style="color:#223f93"> Nos derniers évènements</span></a></span></strong></em></h2> <h2><em><strong><span style="font-size:18px"><a href="https://www.afsi.eu/page/73361-decouvrir-l-afsi"><span style="color:#223f93">►</span></a><a href="https://www.afsi.eu/page/1144029-actu-adherents"><span style="color:#223f93"> Actu adhérents</span></a></span></strong></em></h2> <h2><em><strong><span style="font-size:18px"><a href="https://www.afsi.eu/collect/description/174731-e-dons-pour-le-site-scanzone"><span style="color:#223f93">Faire un don AFSI / Scanzone </span></a><a href="https://www.afsi.eu/page/73361-decouvrir-l-afsi"><span style="color:#223f93">►</span></a><a href="https://www.afsi.eu/collect/description/174731-e-dons-pour-le-site-scanzone"><span style="color:#223f93"> </span></a></span></strong></em></h2> <h2><em><strong><span style="font-size:18px"><a href="https://www.afsi.eu/page/1986660-publier-un-article"><span style="color:#223f93">Publier un article </span></a><span style="color:#223f93">► </span></span></strong></em></h2></div> </div> </div> </div> <style> #box75474573 { position: absolute; left: 41.666666666667%; top: 0px; height: 480px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474573" class="box" style="width: 50%" data-type="group" > <div style="position: relative; overflow:hidden; height: 480px; background: transparent"> <style> #box75474594 { position: absolute; left: 0%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474594" class="box" style="width: 33.333333333333%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 16px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-right: 4px; margin-left: 4px; height: 52px; background: #ffffff"> <div class="overflowHidden height100"><h2><a href="https://www.afsi.eu/articles/97565-la-determination-daujourdhui-mene-au-succes-de-demain"><span style="color:#223f93;"><span style="font-size:24px;"><em><strong>ÉDITO</strong></em></span></span></a></h2></div> </div> </div> </div> <style> #box75474595 { position: absolute; left: 83.333333333333%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474595" class="box" style="width: 16.666666666667%" data-type="picture" > <div style="position: relative; overflow:hidden; margin-right: 4px; height: 60px; background: #ffffff"> <a href="/page/86148-edito" target="_blank" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:92px; max-width: 100%; height:60px; text-align: center; "> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=2596507&type=picture&secret=33qUBzg7XrVU0h1xJzjPJMgzAyEyvVZY3YU3flJ7&timestamp=1661608228" style=" position:absolute; width:34.12104px; height:34.12104px; top:8px; left:-19px; max-width:none; " > </div> </div></a> </div> </div> </div> <style> #box75474596 { position: absolute; left: 0%; top: 60px; height: 420px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474596" class="box" style="width: 100%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 12px; padding-right: 12px; padding-bottom: 4px; padding-left: 12px; height: 420px; border: 2px solid #223f93; border-radius: 15px; background: transparent"> <div class="overflowHidden height100"><h2 style="text-align:justify"><span style="color:#22a7f0"><span style="font-size:13pt"><strong>Le son, un outil de mise en scène</strong></span></span></h2> <p>En voyant des films récents tels que Le Règne Animal ou La Zone d’Intérêt, presse et spectateurs ne manquent pas de relever l’importance que peut avoir le son dans l’expérience cinématographique (1). Les formats de diffusion immersifs favorisent également la réceptivité d’un public qui retrouve le chemin des salles (2).</p> <p>Néanmoins, le son reste une composante du cinéma généralement peu commentée, parfois mal comprise, et notre fonction sensibilisatrice auprès du public et de nos collègues demeure pour faire évoluer l’image et la pensée de nos métiers.</p> <p>Dans les mois à venir, l’AFSI veillera à développer des projets à destination des non-professionnels du son, pour partager notre passion et sensibiliser les autres départements au rôle et au sens de nos apports techniques et artistiques.</p> <p><a href="https://www.afsi.eu/articles/157164-le-son-un-outil-de-la-mise-en-scene" target="_blank">Lire la suite</a></p></div> </div> </div> </div> </div> </div> </div> <style> #box75474574 { position: absolute; left: 0%; top: 540px; height: 420px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474574" class="box" style="width: 100%" data-type="group" > <div style="position: relative; overflow:hidden; height: 420px; background: transparent"> <style> #box75474597 { position: absolute; left: 0%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474597" class="box" style="width: 25%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 12px; padding-left: 12px; height: 60px; background: #ffffff"> <div class="overflowHidden height100"><p><span style="font-size:24px"><em><strong><span style="color:#223f93">PROCHAINEMENT</span></strong></em></span></p></div> </div> </div> </div> <style> #box75474598 { position: absolute; left: 8.3333333333333%; top: 60px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474598" class="box" style="width: 41.666666666667%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 12px; padding-left: 12px; height: 60px; background: #ffffff"> <div class="overflowHidden height100"><p><span style="color:#57c0e8"><span style="font-size:24px"><em><strong>Jeudi 6 mars 2025</strong></em></span></span></p></div> </div> </div> </div> <style> #box75474599 { position: absolute; left: 0%; top: 120px; height: 240px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474599" class="box" style="width: 33.333333333333%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 240px; border-radius: 10px; background: transparent"> <div class="overflowHidden displayInlineBlock positionRelative" style=" width:368px; max-width: 100%; height:240px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=5303919&type=picture&secret=18yqusI82VNFt4ezqKKi0nd6tVqoZ8pIeubtQ898&timestamp=1738778971" style=" position:absolute; width:374.2368px; height:249.4912px; top:-3px; left:-186px; max-width:none; " > </div> </div> </div> </div> </div> <style> #box75474600 { position: absolute; left: 33.333333333333%; top: 120px; height: 240px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474600" class="box" style="width: 66.666666666667%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 8px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; margin-right: 12px; margin-left: 12px; height: 240px; border: 1px solid #223f93; border-radius: 10px; background: transparent"> <div class="overflowHidden height100"><h2 style="text-align:center"><span style="font-size:32px"><span style="color:#1d4e8f"><strong>Atelier I.A. </strong></span></span></h2> <p style="text-align:justify"><span style="color:#1d4e8f"><span style="font-size:18px">L'AFSI vous propose cet atelier présenté par Antoine Martin et Thibault Noirot (HAL). Ce sera l’occasion de faire un état des lieux des usages actuels de l’IA dans la post-production, d’explorer les promesses et les limites, et de mener une réflexion sur l’avenir de nos métiers, de nos œuvres et, plus largement, sur la société.</span></span></p></div> </div> </div> </div> <style> #box75474601 { position: absolute; left: 50%; top: 360px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474601" class="box" style="width: 33.333333333333%" data-type="button" > <div style="position: relative; overflow:hidden; margin-top: 8px; height: 44px; background: transparent"> <a href="https://www.afsi.eu/collect/description/526643-g-atelier-ia" ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:transparent;"><div class="buttonDIYText" style="font-size: 16px;font-weight: bold;">Je m'inscris à l'atelier I.A.</div></div></div></div></a> </div> </div> </div> </div> </div> </div> <style> #box75474575 { position: absolute; left: 0%; top: 960px; height: 300px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474575" class="box" style="width: 100%" data-type="group" > <div style="position: relative; overflow:hidden; height: 300px; background: transparent"> <style> #box75474602 { position: absolute; left: 8.3333333333333%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474602" class="box" style="width: 41.666666666667%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 12px; padding-left: 12px; height: 60px; background: #ffffff"> <div class="overflowHidden height100"><p><span style="color:#57c0e8"><span style="font-size:24px"><em><strong>Samedi 15 mars 2025</strong></em></span></span></p></div> </div> </div> </div> <style> #box75474603 { position: absolute; left: 0%; top: 60px; height: 240px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474603" class="box" style="width: 58.333333333333%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 8px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; margin-right: 12px; margin-left: 12px; height: 240px; border: 1px solid #223f93; border-radius: 10px; background: transparent"> <div class="overflowHidden height100"><p> </p> <h2 style="text-align:center"><span style="font-size:32px"><span style="color:#1d4e8f"><strong>Écouter avec les yeux</strong></span></span></h2> <p style="text-align:justify"><span style="color:#1d4e8f"><span style="font-size:18px">Projection du documentaire d'Olivier Vilette dans les locaux de notre partenaire Tapages Nocturnes à l'occasion du pot annuel organisé par la société. Inscription à venir.</span></span></p></div> </div> </div> </div> <style> #box75474604 { position: absolute; left: 58.333333333333%; top: 60px; height: 240px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474604" class="box" style="width: 41.666666666667%" data-type="picture" > <div style="position: relative; overflow:hidden; margin-right: 8px; margin-left: 8px; height: 240px; border-radius: 10px; background: transparent"> <div class="overflowHidden displayInlineBlock positionRelative" style=" width:460px; max-width: 100%; height:240px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=5314248&type=picture&secret=a7zoUVa15vfyI7ObdB2zZtbY6BNpTPzM78HoSu2g&timestamp=1739026456" style=" position:absolute; width:458.796px; height:291.71779px; top:-18px; left:-224px; max-width:none; " > </div> </div> </div> </div> </div> </div> </div> </div> <style> #box75474576 { position: absolute; left: 0%; top: 1320px; height: 300px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474576" class="box" style="width: 100%" data-type="group" > <div style="position: relative; overflow:hidden; height: 300px; background: transparent"> <style> #box75474605 { position: absolute; left: 8.3333333333333%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474605" class="box" style="width: 41.666666666667%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 12px; padding-left: 12px; height: 60px; background: #ffffff"> <div class="overflowHidden height100"><p><span style="color:#57c0e8"><span style="font-size:24px"><em><strong>Jeudi 27 mars 2025</strong></em></span></span></p></div> </div> </div> </div> <style> #box75474606 { position: absolute; left: 0%; top: 60px; height: 240px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474606" class="box" style="width: 41.666666666667%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 240px; border-radius: 10px; background: transparent"> <div class="overflowHidden displayInlineBlock positionRelative" style=" width:460px; max-width: 100%; height:240px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=5314288&type=picture&secret=O4zZ5jPIcduqguArrqbiBbBx4P0IcUHJGq4Hw7sh&timestamp=1739026968" style=" position:absolute; width:480px; height:252px; top:-6px; left:-240px; max-width:none; " > </div> </div> </div> </div> </div> <style> #box75474607 { position: absolute; left: 41.666666666667%; top: 60px; height: 240px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474607" class="box" style="width: 58.333333333333%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 8px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; margin-right: 12px; margin-left: 12px; height: 240px; border: 1px solid #223f93; border-radius: 10px; background: transparent"> <div class="overflowHidden height100"><p> </p> <h2 style="text-align:center"><span style="font-size:32px"><span style="color:#1d4e8f"><strong>Ciné-Club # 21</strong></span></span></h2> <p><span style="color:#1d4e8f"><span style="font-size:18px">"L'histoire de Souleymane" de Boris Lojkine est programmé au Grand Action dans le cadre de notre ciné-club en présence de l'équipe son du film nominée pour le meilleur son au César 2025. </span></span></p> <p> </p></div> </div> </div> </div> </div> </div> </div> <style> #box75474577 { position: absolute; left: 0%; top: 1680px; height: 300px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474577" class="box" style="width: 100%" data-type="group" > <div style="position: relative; overflow:hidden; height: 300px; background: transparent"> <style> #box75474608 { position: absolute; left: 0%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474608" class="box" style="width: 25%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 12px; padding-left: 12px; height: 60px; background: #ffffff"> <div class="overflowHidden height100"><p><span style="font-size:24px"><em><strong><span style="color:#223f93">À LA UNE</span></strong></em></span></p></div> </div> </div> </div> <style> #box75474609 { position: absolute; left: 8.3333333333333%; top: 60px; height: 180px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474609" class="box" style="width: 25%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 180px; border-radius: 10px; background: transparent"> <div class="overflowHidden displayInlineBlock positionRelative" style=" width:276px; max-width: 100%; height:180px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=5314316&type=picture&secret=x7ThANR6PTajPtfvG9uUsrg2QOuQua9yd2RWXGhe&timestamp=1739027661" style=" position:absolute; width:275.99936px; height:179.79766px; top:0px; left:-138px; max-width:none; " > </div> </div> </div> </div> </div> <style> #box75474610 { position: absolute; left: 41.666666666667%; top: 60px; height: 180px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474610" class="box" style="width: 58.333333333333%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 20px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; margin-right: 12px; height: 180px; border: 2px solid #223f93; border-radius: 10px; background: transparent"> <div class="overflowHidden height100"><h2 style="text-align:center"><span style="font-size:32px"><span style="color:#1d4e8f"><strong>L'AG de l'AFSI le mercredi 19 mars</strong></span></span></h2> <p style="text-align:justify"><span style="color:#1d4e8f; font-size:large">Venez nombreux à l'assemblée générale de votre association</span><span style="color:#1d4e8f"><span style="font-size:18px">. Pour voter, vous devez être à jour de votre cotisation 2025.</span></span></p></div> </div> </div> </div> <style> #box75474611 { position: absolute; left: 50%; top: 240px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474611" class="box" style="width: 41.666666666667%" data-type="button" > <div style="position: relative; overflow:hidden; margin-top: 8px; height: 44px; background: transparent"> <a href="https://www.afsi.eu/collect/description/494214-q-adhesions-afsi-2025" ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:transparent;"><div class="buttonDIYText" style="font-size: 16px;font-weight: bold;">J'adhère à l'AFSI !</div></div></div></div></a> </div> </div> </div> </div> </div> </div> <style> #box75474578 { position: absolute; left: 0%; top: 1980px; height: 780px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474578" class="box" style="width: 50%" data-type="group" > <div style="position: relative; overflow:hidden; height: 780px; background: transparent"> <style> #box75474612 { position: absolute; left: 0%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474612" class="box" style="width: 33.333333333333%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; margin-top: 20px; margin-right: 4px; margin-left: 4px; height: 32px; background: #ffffff"> <div class="overflowHidden height100"><h2><a href="https://www.afsi.eu/page/73357-actualites"><strong><em> <span style="color:#223f93;"> ACTUS</span></em></strong></a></h2></div> </div> </div> </div> <style> #box75474613 { position: absolute; left: 83.333333333333%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474613" class="box" style="width: 16.666666666667%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> <a href="/page/73357-actualites" target="_blank" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:92px; max-width: 100%; height:60px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=2596558&type=picture&secret=d2JvnyevoWJSxAx47BQXUXP2wp7P46xGG9bxmHrE&timestamp=1661609142" style=" position:absolute; width:39.11496px; height:39.11496px; top:10px; left:-15px; max-width:none; " > </div> </div></a> </div> </div> </div> <style> #box75474616 { position: absolute; left: 0%; top: 60px; height: 720px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474616" class="box" style="width: 100%" data-type="post" > <div style="position: relative; overflow:hidden; margin-right: 20px; margin-left: 12px; height: 720px; border: 2px solid #223f93; border-radius: 10px; background: transparent"> <a href="/page/73357-actualites" > <iframe src="ressources/posts?boxId=75474616&pageId=73357" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" width="100%" height="100%" allowtransparency="true" ></iframe> </a> </div> </div> </div> </div> </div> </div> <style> #box75474579 { position: absolute; left: 50%; top: 1980px; height: 780px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474579" class="box" style="width: 50%" data-type="group" > <div style="position: relative; overflow:hidden; height: 780px; background: transparent"> <style> #box75474614 { position: absolute; left: 0%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474614" class="box" style="width: 33.333333333333%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; margin-top: 20px; margin-right: 4px; margin-left: 4px; height: 32px; background: #ffffff"> <div class="overflowHidden height100"><h2><a href="https://www.afsi.eu/page/73358-actualites-techniques"><strong><em> <span style="color:#223f93;">TECHNIQUE</span></em></strong></a></h2></div> </div> </div> </div> <style> #box75474615 { position: absolute; left: 83.333333333333%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474615" class="box" style="width: 16.666666666667%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> <a href="/page/73358-actualites-techniques" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:92px; max-width: 100%; height:60px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=2596546&type=picture&secret=femE9JHuuVluyrpIuhulPa776AjVJWEZ7NUfuquS&timestamp=1661608979" style=" position:absolute; width:34.04148px; height:34.04148px; top:13px; left:-17px; max-width:none; " > </div> </div></a> </div> </div> </div> <style> #box75474617 { position: absolute; left: 0%; top: 60px; height: 720px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474617" class="box" style="width: 100%" data-type="post" > <div style="position: relative; overflow:hidden; margin-right: 8px; margin-left: 16px; height: 720px; border: 2px solid #223f93; border-radius: 10px; background: transparent"> <a href="/page/73358-actualites-techniques" > <iframe src="ressources/posts?boxId=75474617&pageId=73358" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" width="100%" height="100%" allowtransparency="true" ></iframe> </a> </div> </div> </div> </div> </div> </div> <style> #box75474580 { position: absolute; left: 0%; top: 2760px; height: 540px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474580" class="box" style="width: 50%" data-type="group" > <div style="position: relative; overflow:hidden; height: 540px; background: transparent"> <style> #box75474618 { position: absolute; left: 0%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474618" class="box" style="width: 33.333333333333%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; margin-top: 20px; margin-right: 4px; margin-left: 4px; height: 32px; background: #ffffff"> <div class="overflowHidden height100"><h2><a href="https://www.afsi.eu/page/86093-actualites-vie-pro"><strong><em> </em></strong><span style="color:#223f93;"><em><strong>VIE PRO</strong></em></span></a></h2></div> </div> </div> </div> <style> #box75474619 { position: absolute; left: 83.333333333333%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474619" class="box" style="width: 16.666666666667%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> <a href="/page/86093-actualites-vie-pro" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:92px; max-width: 100%; height:60px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=2624815&type=picture&secret=iR6gvg4APzeEQ7Z9OSvr0YQljU1oAR7goNgec6IM&timestamp=1662375255" style=" position:absolute; width:34.63716px; height:34.63716px; top:11px; left:-17px; max-width:none; " > </div> </div></a> </div> </div> </div> <style> #box75474622 { position: absolute; left: 0%; top: 60px; height: 480px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474622" class="box" style="width: 100%" data-type="post" > <div style="position: relative; overflow:hidden; margin-right: 16px; margin-left: 8px; height: 480px; border: 2px solid #223f93; border-radius: 10px; background: transparent"> <a href="/page/86093-actualites-vie-pro" > <iframe src="ressources/posts?boxId=75474622&pageId=86093" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" width="100%" height="100%" allowtransparency="true" ></iframe> </a> </div> </div> </div> </div> </div> </div> <style> #box75474620 { position: absolute; left: 50%; top: 2760px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474620" class="box" style="width: 41.666666666667%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; margin-top: 20px; margin-right: 4px; margin-left: 4px; height: 32px; background: #ffffff"> <div class="overflowHidden height100"><h2><a href="https://www.afsi.eu/page/324474-a-lire-a-voir-a-ecouter"><strong><em> </em></strong><span style="color:#223f93;"><em><strong>A VOIR, A LIRE, A ÉCOUTER ... </strong></em></span></a></h2></div> </div> </div> </div> <style> #box75474621 { position: absolute; left: 91.666666666667%; top: 2760px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474621" class="box" style="width: 8.3333333333333%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> <a href="/page/324474-a-lire-a-voir-a-ecouter" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:92px; max-width: 100%; height:60px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=2624819&type=picture&secret=FZJZly4H0Rkb8wFXBqQqjjs6BBRW3pBgghyl9br7&timestamp=1662375296" style=" position:absolute; width:34.63716px; height:34.63716px; top:11px; left:-20px; max-width:none; " > </div> </div></a> </div> </div> </div> <style> #box75474623 { position: absolute; left: 50%; top: 2820px; height: 480px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474623" class="box" style="width: 50%" data-type="post" > <div style="position: relative; overflow:hidden; margin-right: 12px; margin-left: 20px; height: 480px; border: 2px solid #223f93; border-radius: 10px; background: transparent"> <a href="/page/324474-a-lire-a-voir-a-ecouter" > <iframe src="ressources/posts?boxId=75474623&pageId=324474" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" width="100%" height="100%" allowtransparency="true" ></iframe> </a> </div> </div> </div> <style> #box75474624 { position: absolute; left: 0%; top: 3360px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474624" class="box" style="width: 50%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 12px; padding-left: 12px; height: 60px; background: #ffffff"> <div class="overflowHidden height100"><p><a href="https://www.afsi.eu/page/101035-photos"><span style="font-size:24px"><em><strong><span style="color:#223f93">GALERIE PHOTO</span></strong></em></span></a></p></div> </div> </div> </div> <style> #box75474592 { position: absolute; left: 0%; top: 3420px; height: 240px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474592" class="box" style="width: 100%" data-type="group" > <div style="position: relative; overflow:hidden; height: 240px; background: transparent"> <style> #box75474675 { position: absolute; left: 0%; top: 0px; height: 180px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474675" class="box" style="width: 25%" data-type="gallery" > <div style="position: relative; overflow:hidden; margin-top: 12px; margin-right: 12px; margin-left: 12px; height: 156px; border-radius: 10px; background: transparent"> <iframe id="boxGallery75474675Iframe" src="ressources/gallery?boxId=75474675&galleryId=58102" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" width="100%" height="100%" allowtransparency="true" ></iframe> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> $("#boxGallery75474675Iframe").load(function(){ $(this).contents().find(".pictureContainer").simpleLightbox({ fileExt: false // Sinon ne reconnait pas les urls de s3 comme des images }); }); </script> </div> </div> </div> <style> #box75474625 { position: absolute; left: 25%; top: 0px; height: 180px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474625" class="box" style="width: 25%" data-type="gallery" > <div style="position: relative; overflow:hidden; margin-top: 12px; height: 160px; border-radius: 10px; background: transparent"> <iframe id="boxGallery75474625Iframe" src="ressources/gallery?boxId=75474625&galleryId=57790" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" width="100%" height="100%" allowtransparency="true" ></iframe> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> $("#boxGallery75474625Iframe").load(function(){ $(this).contents().find(".pictureContainer").simpleLightbox({ fileExt: false // Sinon ne reconnait pas les urls de s3 comme des images }); }); </script> </div> </div> </div> <style> #box75474626 { position: absolute; left: 50%; top: 0px; height: 180px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474626" class="box" style="width: 25%" data-type="gallery" > <div style="position: relative; overflow:hidden; margin-top: 8px; margin-left: 12px; height: 164px; border-radius: 15px; background: transparent"> <iframe id="boxGallery75474626Iframe" src="ressources/gallery?boxId=75474626&galleryId=57059" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" width="100%" height="100%" allowtransparency="true" ></iframe> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> $("#boxGallery75474626Iframe").load(function(){ $(this).contents().find(".pictureContainer").simpleLightbox({ fileExt: false // Sinon ne reconnait pas les urls de s3 comme des images }); }); </script> </div> </div> </div> <style> #box75474627 { position: absolute; left: 75%; top: 0px; height: 180px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474627" class="box" style="width: 25%" data-type="gallery" > <div style="position: relative; overflow:hidden; margin-top: 8px; margin-right: 4px; margin-left: 8px; height: 168px; border-radius: 10px; background: transparent"> <iframe id="boxGallery75474627Iframe" src="ressources/gallery?boxId=75474627&galleryId=54125" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" width="100%" height="100%" allowtransparency="true" ></iframe> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> $("#boxGallery75474627Iframe").load(function(){ $(this).contents().find(".pictureContainer").simpleLightbox({ fileExt: false // Sinon ne reconnait pas les urls de s3 comme des images }); }); </script> </div> </div> </div> <style> #box75474674 { position: absolute; left: 0%; top: 180px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474674" class="box" style="width: 25%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent"> <div class="overflowHidden height100"><h2 style="text-align: center;"><span style="color:#223f93"><em><strong><span style="font-size:18px">Micro salon 2025</span></strong></em></span></h2></div> </div> </div> </div> <style> #box75474628 { position: absolute; left: 25%; top: 180px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474628" class="box" style="width: 25%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent"> <div class="overflowHidden height100"><p style="text-align:center"><span style="color:#223f93"><em><strong><span style="font-size:18px">Cinéclub Coupez!</span></strong></em></span></p> <p> </p></div> </div> </div> </div> <style> #box75474629 { position: absolute; left: 50%; top: 180px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474629" class="box" style="width: 25%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent"> <div class="overflowHidden height100"><p style="text-align:center"><span style="color:#223f93"><span style="font-size:18px"><strong><em>Du scénario aux sons seuls</em></strong></span></span></p></div> </div> </div> </div> <style> #box75474630 { position: absolute; left: 75%; top: 180px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474630" class="box" style="width: 25%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent"> <div class="overflowHidden height100"><h2 style="text-align:center"><span style="color:#223f93"><span style="font-size:18px"><em><strong>Ciné-club Flow</strong></em></span></span></h2></div> </div> </div> </div> </div> </div> </div> <style> #box75474581 { position: absolute; left: 25%; top: 3420px; height: 240px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474581" class="box" style="width: 25%" data-type="group" > <div style="position: relative; overflow:hidden; height: 240px; background: transparent"> </div> </div> </div> <style> #box75474582 { position: absolute; left: 50%; top: 3420px; height: 240px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474582" class="box" style="width: 25%" data-type="group" > <div style="position: relative; overflow:hidden; height: 240px; background: transparent"> </div> </div> </div> <style> #box75474583 { position: absolute; left: 0%; top: 3720px; height: 720px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474583" class="box" style="width: 33.333333333333%" data-type="group" > <div style="position: relative; overflow:hidden; height: 720px; background: transparent"> <style> #box75474631 { position: absolute; left: 0%; top: 0px; height: 600px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474631" class="box" style="width: 100%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 20px; padding-right: 12px; padding-bottom: 4px; padding-left: 12px; margin-top: 4px; margin-right: 4px; height: 596px; border-radius: 20px; background: #dadfe1"> <div class="overflowHidden height100"><h2><a href="https://www.afsi.eu/page/744502-metiers-du-son"><span style="color:#223f93;"><strong><em>NOS MÉTIERS</em></strong></span></a></h2> <p><a href="https://www.afsi.eu/page/744502-metiers-du-son"><img alt src="https://site.assoconnect.com/services/storage?id=2624704&type=picture&secret=j5nyisKP7DfEzicSebRl8MZxblYpqrLr3fbbXYF2&timestamp=1662373359" style="height:436px;width:1200px;" /></a></p> <h3><strong><em><span style="font-size:18px;"><a href="https://www.afsi.eu/page/744502-metiers-du-son" target="_self"><span style="color:#223f93;">► Les métiers du son</span></a></span></em></strong></h3> <h3><strong><em><span style="font-size:18px;"><a href="https://www.afsi.eu/page/86391-formations" target="_blank"><span style="color:#223f93;">► Les formations</span></a></span></em></strong></h3> <h3><strong><em><span style="font-size:18px;"><a href="https://www.afsi.eu/page/126079-les-conventions-collectives" target="_self"><span style="color:#223f93;">► Conventions collectives</span></a></span></em></strong></h3> <h3><strong><em><span style="font-size:18px;"><a href="https://www.afsi.eu/page/126162-salaires-minimums-syndicaux" target="_self"><span style="color:#223f93;">► </span></a><a href="https://www.afsi.eu/page/126162-salaires-minimums-syndicaux"><span style="color:#223f93;">Grilles des salaires</span></a></span></em></strong></h3> <h3><strong><em><span style="font-size:18px;"><a href="https://www.afsi.eu/page/86385-associations" target="_blank"><span style="color:#223f93;">► Les associations du cinéma</span></a></span></em></strong></h3> <h3><strong><em><span style="font-size:18px;"><a href="https://www.afsi.eu/page/89701-memoires" target="_self"><span style="color:#223f93;">► Mémoires d'étudiants</span></a></span></em></strong></h3> <h3><strong><em><span style="font-size:18px;"><a href="https://www.afsi.eu/page/86384-liens-utiles" target="_self"><span style="color:#223f93;">► </span></a><a href="https://www.afsi.eu/page/73375-stages"><span style="color:#223f93;">Stages</span></a></span></em></strong></h3> <h3><strong><em><span style="font-size:18px;"><a href="https://www.afsi.eu/page/86384-liens-utiles" target="_self"><span style="color:#223f93;">► Autres liens utiles</span></a></span></em></strong></h3> <p> </p></div> </div> </div> </div> <style> #box75474635 { position: absolute; left: 0%; top: 600px; height: 120px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474635" class="box" style="width: 100%" data-type="picture" > <div style="position: relative; overflow:hidden; margin-top: 8px; margin-right: 8px; height: 112px; border-radius: 10px; background: #dadfe1"> <div class="overflowHidden displayInlineBlock positionRelative" style=" width:368px; max-width: 100%; height:112px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=2491982&type=picture&secret=gOWJGliHXn0Tx10tFId0kqAJXtezqrvh81vlUjeS&timestamp=1656880090" style=" position:absolute; width:364.836px; height:79.65586px; top:16px; left:-185px; max-width:none; " > </div> </div> </div> </div> </div> </div> </div> </div> <style> #box75474584 { position: absolute; left: 33.333333333333%; top: 3720px; height: 720px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474584" class="box" style="width: 66.666666666667%" data-type="group" > <div style="position: relative; overflow:hidden; height: 720px; background: transparent"> <style> #box75474632 { position: absolute; left: 0%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474632" class="box" style="width: 50%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 20px; margin-right: 4px; margin-left: 4px; height: 52px; background: #ffffff"> <div class="overflowHidden height100"><h2><a href="https://www.afsi.eu/page/89702-portraits-rencontres"><strong><em> </em></strong><span style="font-size:24px;"><em><strong><span style="color:#223f93;">PORTRAITS/RENCONTRES</span></strong></em></span></a></h2></div> </div> </div> </div> <style> #box75474634 { position: absolute; left: 0%; top: 60px; height: 660px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474634" class="box" style="width: 100%" data-type="post" > <div style="position: relative; overflow:hidden; margin-left: 12px; height: 660px; border: 2px solid #223f93; border-radius: 15px; background: transparent"> <a href="/page/89702-portraits-rencontres" > <iframe src="ressources/posts?boxId=75474634&pageId=89702" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" width="100%" height="100%" allowtransparency="true" ></iframe> </a> </div> </div> </div> </div> </div> </div> <style> #box75474633 { position: absolute; left: 91.666666666667%; top: 3720px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474633" class="box" style="width: 8.3333333333333%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> <a href="/page/89702-portraits-rencontres" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:92px; max-width: 100%; height:60px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=2624821&type=picture&secret=VXWVFy4GSzwOy5YKwxi7zetS53JCh1sngni7RKG8&timestamp=1662375400" style=" position:absolute; width:35.51232px; height:35.51232px; top:9px; left:-16px; max-width:none; " > </div> </div></a> </div> </div> </div> <style> #box75474636 { position: absolute; left: 0%; top: 4500px; height: 600px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474636" class="box" style="width: 33.333333333333%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 20px; padding-right: 12px; padding-bottom: 4px; padding-left: 12px; margin-top: 4px; margin-right: 4px; height: 596px; border-radius: 20px; background: #dadfe1"> <div class="overflowHidden height100"><p><span style="color:#223f93;"><span style="font-size:24px;"><em><strong> <a href="https://www.scanzone.fr/fr">SCANZONE</a></strong></em></span></span></p> <p style="text-align:justify;"><span style="font-size:18px;"><strong>Scanzone est une application d'évaluation des risques HF dans la gamme des fréquences TV en analogique et en numérique sur le territoire Français.</strong><br /> <br /> Après 10 années de services assurés par <em>TAPAGES & NOCTURNES</em>, Scanzone fait partie de l’<em>AFSI</em> depuis janvier 2021.</span></p> <p style="text-align:justify;"> </p> <p style="text-align:justify;"> </p> <p style="text-align:justify;"><a href="https://www.scanzone.fr/fr"><img alt src="https://site.assoconnect.com/services/storage?id=2624762&type=picture&secret=CRGmR1eBV8ye5TDJ97wZZPHxd9hLhmURko97MhoM&timestamp=1662374317" style="height:173px;width:601px;" title /></a></p> <p> </p> <p style="text-align:center;"> </p></div> </div> </div> </div> <style> #box75474585 { position: absolute; left: 33.333333333333%; top: 4500px; height: 300px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474585" class="box" style="width: 66.666666666667%" data-type="group" > <div style="position: relative; overflow:hidden; height: 300px; background: transparent"> <style> #box75474637 { position: absolute; left: 0%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474637" class="box" style="width: 37.5%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; padding-left: 4px; margin-top: 20px; margin-right: 4px; margin-left: 4px; height: 32px; background: #ffffff"> <div class="overflowHidden height100"><h2><a href="https://www.afsi.eu/page/1185893-environnement"><span style="font-size:24px;"><em><strong><span style="color:#223f93;">ENVIRONNEMENT</span></strong></em></span></a></h2></div> </div> </div> </div> <style> #box75474639 { position: absolute; left: 0%; top: 60px; height: 240px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474639" class="box" style="width: 100%" data-type="post" > <div style="position: relative; overflow:hidden; margin-left: 12px; height: 240px; border: 2px solid #223f93; border-radius: 15px; background: transparent"> <a href="/page/1185893-environnement" > <iframe src="ressources/posts?boxId=75474639&pageId=1185893" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" width="100%" height="100%" allowtransparency="true" ></iframe> </a> </div> </div> </div> </div> </div> </div> <style> #box75474638 { position: absolute; left: 91.666666666667%; top: 4500px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474638" class="box" style="width: 8.3333333333333%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> <a href="/page/1185893-environnement" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:92px; max-width: 100%; height:60px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=2498876&type=picture&secret=8QkzMqBSrZaXJDE5n2lcbBSYRxh8E12kIKgtc7tU&timestamp=1657029687" style=" position:absolute; width:37.81344px; height:37.81344px; top:9px; left:-20px; max-width:none; " > </div> </div></a> </div> </div> </div> <style> #box75474586 { position: absolute; left: 33.333333333333%; top: 4800px; height: 300px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474586" class="box" style="width: 66.666666666667%" data-type="group" > <div style="position: relative; overflow:hidden; height: 300px; background: transparent"> <style> #box75474640 { position: absolute; left: 0%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474640" class="box" style="width: 37.5%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; padding-left: 4px; margin-top: 20px; margin-right: 4px; margin-left: 4px; height: 32px; background: #ffffff"> <div class="overflowHidden height100"><h2><a href="https://www.afsi.eu/page/89703-essais-materiel"><span style="font-size:24px;"><em><strong><span style="color:#223f93;">ESSAIS MATERIEL</span></strong></em></span></a></h2></div> </div> </div> </div> <style> #box75474642 { position: absolute; left: 0%; top: 60px; height: 240px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474642" class="box" style="width: 100%" data-type="post" > <div style="position: relative; overflow:hidden; margin-left: 12px; height: 240px; border: 2px solid #223f93; border-radius: 15px; background: transparent"> <a href="/page/89703-essais-materiel" > <iframe src="ressources/posts?boxId=75474642&pageId=89703" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" width="100%" height="100%" allowtransparency="true" ></iframe> </a> </div> </div> </div> </div> </div> </div> <style> #box75474641 { position: absolute; left: 91.666666666667%; top: 4800px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474641" class="box" style="width: 8.3333333333333%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> <a href="/page/89703-essais-materiel" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:92px; max-width: 100%; height:60px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=2625839&type=picture&secret=uJlteR3r6A4TdcUi9fmhx5ZEKzeRGJxkuRKsbkTD&timestamp=1662391097" style=" position:absolute; width:37.34016px; height:37.34016px; top:10px; left:-16px; max-width:none; " > </div> </div></a> </div> </div> </div> <style> #box75474587 { position: absolute; left: 0%; top: 5160px; height: 780px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474587" class="box" style="width: 33.333333333333%" data-type="group" > <div style="position: relative; overflow:hidden; height: 780px; background: transparent"> <style> #box75474643 { position: absolute; left: 0%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474643" class="box" style="width: 100%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 20px; padding-left: 12px; height: 60px; border-radius: 15px; background: #dadfe1"> <div class="overflowHidden height100"><h2><a href="https://www.afsi.eu/page/1010583-nos-partenaires"><span style="color:#223f93"><strong><em>NOS PARTENAIRES </em></strong></span></a></h2></div> </div> </div> </div> <style> #box75474646 { position: absolute; left: 0%; top: 60px; height: 720px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474646" class="box" style="width: 100%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 720px; border-radius: 10px; background: transparent"> <a href="/page/1010583-nos-partenaires" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:368px; max-width: 100%; height:720px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=5156037&type=picture&secret=0OErrNQlw5uWnestiaoDm545aNa9CS98tRaxIAXq&timestamp=1734543809" style=" position:absolute; width:397.68px; height:757.249px; top:-16px; left:-197px; max-width:none; " > </div> </div></a> </div> </div> </div> </div> </div> </div> <style> #box75474588 { position: absolute; left: 33.333333333333%; top: 5160px; height: 780px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474588" class="box" style="width: 66.666666666667%" data-type="group" > <div style="position: relative; overflow:hidden; height: 780px; background: transparent"> <style> #box75474644 { position: absolute; left: 0%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474644" class="box" style="width: 37.5%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 20px; padding-left: 12px; margin-right: 4px; margin-left: 4px; height: 52px; background: #ffffff"> <div class="overflowHidden height100"><h2><a href="https://www.afsi.eu/page/306551-actualites-des-partenaires"><span style="color:#223f93;"><span style="background-color:#ffffff;"><strong><em>... ET LEURS ACTUS</em></strong></span></span><span style="color:#223f93;"><strong><em><span style="background-color:#ffffff;"> </span></em></strong></span></a></h2></div> </div> </div> </div> <style> #box75474645 { position: absolute; left: 87.5%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474645" class="box" style="width: 12.5%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> <a href="/page/306551-actualites-des-partenaires" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:92px; max-width: 100%; height:60px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=2596573&type=picture&secret=2WWL2L4ZL3zu416vhTLogruKImnkqxEJvua4vYFy&timestamp=1661609357" style=" position:absolute; width:35.83464px; height:35.83464px; top:11px; left:-19px; max-width:none; " > </div> </div></a> </div> </div> </div> <style> #box75474647 { position: absolute; left: 0%; top: 60px; height: 720px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474647" class="box" style="width: 100%" data-type="post" > <div style="position: relative; overflow:hidden; margin-left: 16px; height: 720px; border: 1px solid #000000; border-radius: 15px; background: transparent"> <a href="/page/306551-actualites-des-partenaires" > <iframe src="ressources/posts?boxId=75474647&pageId=306551" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" width="100%" height="100%" allowtransparency="true" ></iframe> </a> </div> </div> </div> </div> </div> </div> <style> #box75474648 { position: absolute; left: 0%; top: 6000px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474648" class="box" style="width: 50%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 20px; padding-right: 4px; padding-bottom: 4px; padding-left: 8px; height: 56px; background: transparent"> <div class="overflowHidden height100"><p><span style="font-size:24px;"><span style="color:#223f93;"><em><strong>NOS ADHÉRENTS AU GÉNÉRIQUE</strong></em></span></span></p></div> </div> </div> </div> <style> #box75474649 { position: absolute; left: 50%; top: 6000px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474649" class="box" style="width: 33.333333333333%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent"> <div class="overflowHidden height100"><p style="text-align:center;"><span style="font-size:14px;"><span style="background-color:#fde3a7;">Certains adhérents étaient bloqués pour mettre leurs travaux en ligne ! C'est fini, il n'y a plus besoin d'avoir une adresse chez Google !</span></span></p> <p> </p> <p> </p></div> </div> </div> </div> <style> #box75474650 { position: absolute; left: 0%; top: 6060px; height: 360px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474650" class="box" style="width: 100%" data-type="iframe" > <div style="position: relative; overflow:hidden; margin-right: 20px; margin-left: 4px; height: 340px; background: transparent"> <iframe src="https://airtable.com/embed/appuOShuChHwEhv91/shrn9tCcOKwZgrzkI?backgroundColor=blue&viewControls=on" scrolling="yes" frameborder="0" style="border:none; overflow:auto;" width="100%" height="100%" allowtransparency="true" allowfullscreen="true" ></iframe> </div> </div> </div> <style> #box75474589 { position: absolute; left: 0%; top: 6420px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474589" class="box" style="width: 100%" data-type="group" > <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> <style> #box75474651 { position: absolute; left: 0%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474651" class="box" style="width: 25%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 20px; padding-right: 4px; padding-bottom: 4px; margin-top: 12px; margin-right: 12px; height: 44px; background: transparent"> <div class="overflowHidden height100"><p><span style="font-size:14px;"><span style="color:#223f93;"><strong><em>Cliquez sur l'affiche pour le détail</em></strong></span></span></p></div> </div> </div> </div> <style> #box75474652 { position: absolute; left: 41.666666666667%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474652" class="box" style="width: 58.333333333333%" data-type="button" > <div style="position: relative; overflow:hidden; padding-bottom: 16px; margin-top: 16px; margin-left: 20px; height: 28px; background: transparent"> <a href="/page/954500-a-l-affiche" target="_blank" ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:#00b2e8;"><div class="buttonDIYText" style="font-size: 18px;font-weight: bold;">Affichage détaillé et/ou Ajouter votre film</div></div></div></div></a> </div> </div> </div> </div> </div> </div> <style> #box75474653 { position: absolute; left: 0%; top: 6540px; height: 360px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474653" class="box" style="width: 33.333333333333%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 20px; padding-right: 12px; padding-left: 8px; margin-top: 8px; margin-right: 4px; height: 344px; border-radius: 20px; background: #dadfe1"> <div class="overflowHidden height100"><h3><a href="https://www.afsi.eu/articles/52269-la-liste-integrale-de-tous-les-ateliers"><span style="color:#223f93"><span style="font-size:24px"><em><strong>LES ATELIERS</strong></em></span></span></a></h3> <h3><a href="https://www.afsi.eu/articles/52269-la-liste-integrale-de-tous-les-ateliers"><span style="font-size:24px"> </span></a><a href="https://www.afsi.eu/articles/52269-la-liste-integrale-de-tous-les-ateliers"><span style="font-size:24px">► </span><span style="font-size:18px"><em><strong>La liste intégrale de tous les ateliers AFSI</strong></em></span></a></h3> <h2 style="text-align:justify"><span style="font-size:16px"><a href="https://www.afsi.eu/articles/52269-la-liste-integrale-de-tous-les-ateliers"><span style="color:#1d4e8f">Vous cherchez un compte-rendu, une vidéo ou un podcast sur un sujet qui vous intéresse</span></a><span style="color:#1d4e8f"> </span><a href="https://www.afsi.eu/articles/52269-la-liste-integrale-de-tous-les-ateliers"><span style="color:#1d4e8f">particulièrement ? L'AFSI, depuis plus de 11 ans, a organisé des ateliers qui peuvent répondre à vos questionnements ou votre curiosité.</span></a></span></h2> <p> </p></div> </div> </div> </div> <style> #box75474590 { position: absolute; left: 33.333333333333%; top: 6540px; height: 1200px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474590" class="box" style="width: 66.666666666667%" data-type="group" > <div style="position: relative; overflow:hidden; height: 1200px; background: transparent"> <style> #box75474654 { position: absolute; left: 0%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474654" class="box" style="width: 62.5%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; padding-left: 4px; margin-top: 16px; margin-right: 4px; margin-left: 4px; height: 36px; background: #ffffff"> <div class="overflowHidden height100"><h2><a href="https://www.afsi.eu/page/987136-comptes-rendus"><span style="color:#223f93;"><em><strong><span style="background-color:#ffffff;">COMPTES-RENDUS D'ATELIER</span></strong></em></span></a></h2></div> </div> </div> </div> <style> #box75474655 { position: absolute; left: 0%; top: 60px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474655" class="box" style="width: 75%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; margin-top: 20px; margin-right: 8px; margin-left: 8px; height: 32px; background: #ffffff"> <div class="overflowHidden height100"><h2><a href="https://www.afsi.eu/page/987136-comptes-rendus"><span style="color:#223f93;"><strong><em>Comptes-rendus réservés aux adhérents</em></strong></span></a></h2></div> </div> </div> </div> <style> #box75474656 { position: absolute; left: 87.5%; top: 60px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474656" class="box" style="width: 12.5%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> <a href="https://www.afsi.eu/page/118450-compte-rendus-reserves-aux-adherents" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:92px; max-width: 100%; height:60px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=2596638&type=picture&secret=hFyaog5dhWBanubSaUxP0GY02vQVKS5sBX9XA6lv&timestamp=1661610264" style=" position:absolute; width:34.1292px; height:34.1292px; top:12px; left:-18px; max-width:none; " > </div> </div></a> </div> </div> </div> <style> #box75474657 { position: absolute; left: 0%; top: 120px; height: 480px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474657" class="box" style="width: 100%" data-type="post" > <div style="position: relative; overflow:hidden; margin-left: 12px; height: 480px; border: 1px solid #000000; border-radius: 15px; background: transparent"> <a href="/page/118450-compte-rendus-reserves-aux-adherents" > <iframe src="ressources/posts?boxId=75474657&pageId=118450" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" width="100%" height="100%" allowtransparency="true" ></iframe> </a> </div> </div> </div> <style> #box75474661 { position: absolute; left: 0%; top: 660px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474661" class="box" style="width: 62.5%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; margin-top: 20px; margin-right: 8px; margin-left: 8px; height: 28px; background: #ffffff"> <div class="overflowHidden height100"><h2><a href="https://www.afsi.eu/page/987136-comptes-rendus"><strong><em> </em></strong><span style="color:#223f93;"><strong><em>Comptes-rendus ouverts à tous</em></strong></span></a></h2></div> </div> </div> </div> <style> #box75474662 { position: absolute; left: 87.5%; top: 660px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474662" class="box" style="width: 12.5%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 52px; border-radius: 10px; background: transparent"> <a href="/page/123165-compte-rendus-publics" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:92px; max-width: 100%; height:52px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=2629685&type=picture&secret=mFabX33AmNdjXMQWMTLVKMMDS35bcaUPK7v7xxS2&timestamp=1662472643" style=" position:absolute; width:37.34016px; height:37.34016px; top:12px; left:-17px; max-width:none; " > </div> </div></a> </div> </div> </div> <style> #box75474663 { position: absolute; left: 0%; top: 720px; height: 480px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474663" class="box" style="width: 100%" data-type="post" > <div style="position: relative; overflow:hidden; margin-left: 12px; height: 460px; border: 1px solid #000000; border-radius: 15px; background: transparent"> <a href="/page/123165-compte-rendus-publics" > <iframe src="ressources/posts?boxId=75474663&pageId=123165" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" width="100%" height="100%" allowtransparency="true" ></iframe> </a> </div> </div> </div> </div> </div> </div> <style> #box75474658 { position: absolute; left: 0%; top: 6900px; height: 240px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474658" class="box" style="width: 33.333333333333%" data-type="iframe" > <div style="position: relative; overflow:hidden; height: 240px; background: transparent"> <iframe src="https://player.vimeo.com/video/1042152222?title=0&byline=0&portrait=0&badge=0&autopause=0&player_id=0&app_id=58479" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" width="100%" height="100%" allowtransparency="true" allowfullscreen="true" ></iframe> </div> </div> </div> <style> #box75474659 { position: absolute; left: 0%; top: 7140px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474659" class="box" style="width: 25%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent"> <div class="overflowHidden height100"><h2><span style="font-size:16px"><span style="background-color:transparent">EXTRAITS FILMS AFSI</span></span></h2></div> </div> </div> </div> <style> #box75474660 { position: absolute; left: 0%; top: 7200px; height: 540px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474660" class="box" style="width: 33.333333333333%" data-type="agenda" > <div style="position: relative; overflow:hidden; padding-top: 20px; margin-right: 4px; margin-left: 4px; height: 520px; border: 1px solid #292e34; border-radius: 10px; background: transparent"> <iframe src="ressources/agenda-diy?boxId=75474660" scrolling="no" frameborder="0" style="border:none; overflow:hidden;background:transparent;" width="100%" height="100%" allowtransparency="true" allowfullscreen="true" ></iframe> </div> </div> </div> <style> #box75474664 { position: absolute; left: 0%; top: 7740px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474664" class="box" style="width: 58.333333333333%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 12px; height: 44px; background: #ffffff"> <div class="overflowHidden height100"><h2><strong><em> </em></strong><span style="color:#223f93;"><em><strong>L'AFSI sur les réseaux </strong></em></span></h2></div> </div> </div> </div> <style> #box75474591 { position: absolute; left: 16.666666666667%; top: 7800px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474591" class="box" style="width: 75%" data-type="group" > <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> <style> #box75474665 { position: absolute; left: 0%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474665" class="box" style="width: 11.111111111111%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> <a href="https://vimeo.com/user29429111" target="_blank" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:92px; max-width: 100%; height:60px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=4399190&type=picture&secret=PkQhu5NfMyt9ugvNht8luiYwKfb3Oh8nx2bg4YZm&timestamp=1715791318" style=" position:absolute; width:59.99634px; height:59.99634px; top:0px; left:-30px; max-width:none; " > </div> </div></a> </div> </div> </div> <style> #box75474666 { position: absolute; left: 11.111111111111%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474666" class="box" style="width: 11.111111111111%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> <a href="https://soundcloud.com/afsi-1" target="_blank" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:92px; max-width: 100%; height:60px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=4399191&type=picture&secret=oYnafDwj39QYeg7vM3SUy9XCR2NvOTsKZ5sNDF8G&timestamp=1715791362" style=" position:absolute; width:93.081px; height:93.081px; top:-17px; left:-47px; max-width:none; " > </div> </div></a> </div> </div> </div> <style> #box75474667 { position: absolute; left: 22.222222222222%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474667" class="box" style="width: 11.111111111111%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> <a href="https://www.instagram.com/afsi_eu/" target="_blank" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:92px; max-width: 100%; height:60px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=4399192&type=picture&secret=WAqevS899tI01Ir8F1dCzK5CKbZxacX1JG1qBoDl&timestamp=1715791397" style=" position:absolute; width:58.73508px; height:59.9982px; top:0px; left:-29px; max-width:none; " > </div> </div></a> </div> </div> </div> <style> #box75474668 { position: absolute; left: 33.333333333333%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474668" class="box" style="width: 11.111111111111%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> <a href="https://fr.linkedin.com/company/afsi" target="_blank" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:92px; max-width: 100%; height:60px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=4399194&type=picture&secret=YRJYgyGNOMNMhMH2niR4288qff3lLMVM5y8s16v4&timestamp=1715791446" style=" position:absolute; width:59.9982px; height:59.9982px; top:0px; left:-30px; max-width:none; " > </div> </div></a> </div> </div> </div> <style> #box75474669 { position: absolute; left: 44.444444444444%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474669" class="box" style="width: 11.111111111111%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> <a href="https://www.facebook.com//afsiFrance" target="_blank" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:92px; max-width: 100%; height:60px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=4399195&type=picture&secret=tPmDfCQc4rqnLNus8FNTUrbEebm9Pq8dmNHWeBuB&timestamp=1715791470" style=" position:absolute; width:59.9982px; height:59.9982px; top:0px; left:-30px; max-width:none; " > </div> </div></a> </div> </div> </div> <style> #box75474670 { position: absolute; left: 55.555555555556%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474670" class="box" style="width: 11.111111111111%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; height: 60px; background: transparent"> <div class="overflowHidden height100"><p><em><span style="color:#223f93;"><span style="font-size:18px;"><strong>Page officielle</strong></span></span></em></p></div> </div> </div> </div> <style> #box75474671 { position: absolute; left: 66.666666666667%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474671" class="box" style="width: 11.111111111111%" data-type="picture" > <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> <a href="https://www.facebook.com/groups/54291592482" target="_blank" > <div class="overflowHidden displayInlineBlock positionRelative" style=" width:92px; max-width: 100%; height:60px; text-align: center; border-radius: 10px;"> <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> <img src="https://app.assoconnect.com/services/storage?id=4399199&type=picture&secret=NbFWnZLY2QfNFPwXdm8B6Zhr7nZRYxuKis9R3wJi&timestamp=1715791507" style=" position:absolute; width:59.9982px; height:59.9982px; top:0px; left:-30px; max-width:none; " > </div> </div></a> </div> </div> </div> <style> #box75474672 { position: absolute; left: 77.777777777778%; top: 0px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474672" class="box" style="width: 22.222222222222%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; height: 60px; background: transparent"> <div class="overflowHidden height100"><p><em><span style="color:#223f93;"><strong><span style="font-size:18px;">Groupe de discussion</span></strong></span></em></p></div> </div> </div> </div> </div> </div> </div> <style> #box75474673 { position: absolute; left: 8.3333333333333%; top: 7860px; height: 60px; padding: 0; margin: 0!important; border: 0; } </style> <div class="boxLandmark "> <div id="box75474673" class="box" style="width: 33.333333333333%" data-type="text" > <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent"> <div class="overflowHidden height100"></div> </div> </div> </div> </div> </div> </div> </div> </div> </article>  <footer id="templateFooterWrapper"> <div id="templateFooter"> <div id="templateFooterText">AFSI | 26 rue Damrémont 75018 PARIS</div> <div id="templateFooterBlockContainer"> <div class="row"> <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12"> <div id="templateFooterBlockWrapper" class="row">  <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <span>.</span> <ul> <li> <a href=" /page/84968-nous-contacter "> Nous contacter </a> </li> <li> <a href=" /page/85420-adherer "> Adhérer à l'AFSI </a> </li> </ul> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <span>L'AFSI</span> <ul> <li> <a href=" https://afsi-prod.assoconnect.com/page/84950 "> FAQ </a> </li> <li> <a href=" /page/86384-liens-utiles "> Liens </a> </li> </ul> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <span>.</span> <ul> <li> <a href=" /page/118751-cgu-du-site-afsi "> CGU du Site AFSI </a> </li> </ul> </div> </div> </div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> <form id="templateFooterNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateFooterNewsletter"><input type="hidden" name="_origin" value="/page/1978651-accueil"><input type="hidden" name="_formMulti" value="67b41e667e2ba|78047690d64b8d8294cda04b112e4fec27038491"><script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> $("#templateFooterNewsletterForm").on("submit", function(){ var _this = $(this); var renable = true; if(_this.data("multi-submit-protection")){ return false; } else{ // Blocage à la prochaine soumission _this.data("multi-submit-protection", true); // Blocage & chargement sur les boutons _this.find("button[type='submit']").each(function(){ var text = $(this).text(); var buttonDOM = $(this); var buttonInterval; buttonDOM .addClass("disabled") .prop("disabled", true) .css("width", buttonDOM.outerWidth() + "px") .text(".") .inDOM(function() { // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) buttonInterval = setInterval(function() { if(buttonDOM.text().length === 3) { buttonDOM.text("."); } else { buttonDOM.text(buttonDOM.text() + "."); } }, 300); }); // Déblocage au bout de 1 seconde if(renable){ window.setTimeout(function(){ clearInterval(buttonInterval); buttonDOM .prop("disabled", false) .removeClass("disabled") .removeAttr("style") .text(text); }, 1000); } }); // Déblocage au bout de 1 seconde if(renable){ window.setTimeout(function(){ _this.data("multi-submit-protection", false); }, 1000); } // Retour return true; } }); </script> <div class="row colsMiddle"> <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12"> <div class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateFooterBlocNewsletterEmailNotice"></div> <label id="templateFooterBlocNewsletterEmailLabel" for="templateFooterBlocNewsletterEmail" > Je m'abonne à la newsletter </label> <input type="email" data-typo-check="true" name="templateFooterBlocNewsletterEmail" class="" value="" placeholder="Renseignez votre email" autocomplete="email" id="templateFooterBlocNewsletterEmail" > <div class="clearBoth"></div> </div> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> $("#templateFooterBlocNewsletterEmail").on("change", function() { _spark.form.mail.check("templateFooterBlocNewsletterEmail"); }); </script> </div> <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 valignBottom"> <button type="submit" id="templateFooterBlocNewsletterSubmit" class=" button buttonOrange textAlignCenter buttonLarge " > <span class="valignInitial">OK</span> </button> </div> </div> </form> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> $("#templateFooterNewsletterForm") // Init .data("dirty", 0) // Form submit is possible .on("submit", function(){ window.onbeforeunload = null; }) // On change .find("input, textarea").on("change", function(){ if(document.readyState === "complete"){ $("#templateFooterNewsletterForm").data().dirty++; } }); // Ajout _spark.dirty.push(function(){ return $("#templateFooterNewsletterForm").data("dirty") > 0; }); </script> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> _spark.form.mail.initMailGroup("templateFooterNewsletter"); </script> <div id="templateFooterSocialWrapper"> <a href="https://www.facebook.com//afsiFrance" target="_blank" id="templateFooterSocialFacebook" > <img src="https://web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net/legacy/common/ico/ico.facebook.24.color.png" class="_gif icoFacebook24Color" alt="icoFacebook24Color" title="Facebook" id="image_67b41e667e356" > </a> <a href="https://linkedin.com/" target="_blank" id="templateFooterSocialLinkedin" > <img src="https://web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net/legacy/common/ico/ico.linkedin.24.color.png" class="_gif icoLinkedin24Color" alt="icoLinkedin24Color" title="Linkedin" id="image_67b41e667e3a8" > </a> </div> </div> </div> </div> </div> <div id="templateFooterInformation"> <ul>  <li> <a href="/infos/plan/ 16773 ">Plan du site</a> </li>  <li> <a href="/infos/licenses">Licences</a> </li>  <li> <a href="/infos/legal-notice">Mentions légales</a> </li> <li> <a href="/infos/tos">CGUV</a> </li>  <li> <a id="configureCookies" href="#">Paramétrer les cookies</a> </li>  <li> <a id="templateNavButtonLoginButtonLink" href="https://www.afsi.eu/contacts/login?redirect=%2Fpage%2F1978651-accueil" class="" target="" rel="noopener" > <div id="templateNavButtonLoginButton" class=" button textAlignCenter buttonBlue buttonLarge valignMiddle margin0 valignMiddle " ><span class="valignInitial">Se connecter</span></div></a> </li> </ul> <ul> <li class="paddingTop0"> <a href="https://www.assoconnect.com/" target="_blank"> Propulsé par AssoConnect, le logiciel des associations </a> </li> </ul> </div> </footer>  </div>  <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> /** * Calcule la hauteur de templatePage en fonction des boxes, du menu et du header pour les pages du DIY */ function templatePageHeight() { var boxes = $("#boxes"); var heightMax = 0; var templatePage = $("#templatePage"); var templateNavContainer = $("#templateNavContainer"); // Cherche la box la plus basse dans la page boxes.find("> .boxLandmark > .box").each(function() { heightMax = Math.max(heightMax, $(this).height() + $(this).offset().top); }); // templatePage prend la hauteur du menu si : heightMax < templateNavContainer if(templateNavContainer.height() > $(window).height() && heightMax < templateNavContainer.height()) { return templateNavContainer.height() - templatePage.offset().top; } // templatePage prend la hauteur de la fenêtre si : heightMax < window else if(heightMax < $(window).height()) { return $(window).height() - templatePage.offset().top; } // templatePage prend la hauteur du dernier élément DIY else { var templateNavContainerHeight = 0; // Cherche la hauteur du menu si il est en mode horizontal et n'est pas en absolute if(templateNavContainer.width() === $(document).width() && templateNavContainer.css("position") !== "absolute") { templateNavContainerHeight = templateNavContainer.height(); } return Math.round(heightMax - $("#templatePageWrapper").offset().top); } } /** * Force templatePage à prendre toute la hauteur pour les pages du DIY */ $(window).on("load", function() { if($("#boxes").children().length) { $("#templateFooterWrapper").show(); // Hack pour ne pas voir le footer bouger au chargement de la page $("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px"); // Après un redimensionnement de l'écran var resized; $(window).on("resize orientationChanged", function() { clearTimeout(resized); resized = setTimeout(function() { $("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px"); }, 200); }); } }); /** * Load Youtube upon consent */ window._axcb.push(function(axeptio) { axeptio.on('cookies:complete', function(choices){ if (choices.youtube) { $(".video-youtube").each(function() { $(this) .after($("<iframe>") .attr("src", "https://www.youtube.com/embed/" + $(this).data("video-id") + "?rel=0&start=" + $(this).data("video-start")) .attr("style", "width: 100%; height: 100%; border: 0px;") .attr("allow", "fullscreen") ) .remove(); }); } }); }); $(".video-youtube").each(function() { $(this).on("click", function() { openAxeptioCookies(); }); }); </script> <script nonce="d8d62bb4-d208-4fa9-93f3-91885c4c16cb"> if(window.console && window.console.log){ // Affichage des notices non capturées } </script> </body> </html>

CINXE.COM

ACCUEIL | AFSI