1<!DOCTYPE html> 2<html lang="fr"> 3 <head> 4 5 <!-- META --> 6 <meta name="robots" content="index, follow"> 7 <meta property="og:type" content="website"> 8 <meta property="og:site_name" content="AssoConnect"> 9 <title>Classe et collectivités | [email protected]</title> 10 <meta property="og:title" content="Classe et collectivités | [email protected]"> 11 <meta name="description" content="LA DISCIPLINE POSITIVE® - Classe et collectivités - CLASSE ET COLLECTIVITÃS..."> 12 <meta property="og:description" content="LA DISCIPLINE POSITIVE® - Classe et collectivités - CLASSE ET COLLECTIVITÃS..."> 13 <meta property="og:locale" content="fr_FR"> 14 <meta property="og:url" content="https://www.disciplinepositive.fr/page/2574411-classe-et-collectivites"> 15 <meta property="og:image" content="https://app.assoconnect.com/services/storage?id=3444753&type=picture&secret=jX64zPTgckGJKUme2ZZkaqeXHsgk3VSeghUxmbk2&timestamp=1776071405"> 16 <meta property="og:image:width" content="540"> 17 <meta property="og:image:height" content="282"> 18 <meta name="viewport" property="viewport" content="width=device-width, initial-scale=1.0"> 19<meta charset="utf-8"> 20<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 21<meta name="google-signin-use_fedcm" content="true"> 22 <link rel="canonical" href="https://www.disciplinepositive.fr/page/2574411-classe-et-collectivites"> 23 24 <!-- Favicon --> 25 <link rel="icon" type="image/png" href="https://www.disciplinepositive.fr/services/favicon/2TMKWV3MFGTEHVN8QTBBT9G000"> 26 27 <!-- https://dev.twitter.com/web/overview/widgets-webpage-properties --> 28 <meta name="twitter:widgets:csp" content="on"> 29 30 <!-- CSS --> 31 32 33<!-- jQuery UI --> 34<!-- Le CSS de jQuery UI utilise des chemins relatifs pour les images, on ne peut donc pas l'inclure dans le CSS global --> 35<link 36 rel="stylesheet" 37 href="https://code.jquery.com/ui/1.14.1/themes/base/jquery-ui.css" 38 integrity="sha512-Ikr9iIb48ljzg7k903d77p0AITNsf4DxtxK4g5R4UiqHpCdroXAX0zqr0uPSWskJOJ1pQoAOXCb8WPkohWY3Bw==" 39 crossorigin="anonymous" 40> 41 42<!-- Layout --> 43<link rel="stylesheet" href="https://cdn.assoconnect.com/public/build/css/common.-.layout.-.public-horizontal.DESKTOP.26681dc.css"> 44 45<!-- Template --> 46<style>/** 47 * Breaking points pour les media queries 48 */ 49/** 50 * Différentes fonctions less utilisées dans le site 51 */ 52/** 53 * Arrondir les coins 54 */ 55/** 56 * Ajouter une bordure 57 */ 58/** 59 * Ombre sur le texte 60 */ 61/** 62 * Ombre sur les box 63 */ 64/** 65 * Taille de la box prenant en compte ou non les bordures et le padding 66 */ 67/** 68 * Effet de transition lors du changement d'état 69 */ 70/** 71 * Effet de rebond 72 */ 73@keyframes bounce { 74 20% { 75 transform: translateY(10px); 76 } 77 50% { 78 transform: translateY(-10px); 79 } 80 60% { 81 transform: translateY(5px); 82 } 83 90% { 84 transform: translateY(-5px); 85 } 86} 87#boxes { 88 position: relative; 89 text-align: left; 90} 91#boxes .boxLandmark { 92 position: relative; 93 width: 100%; 94 max-width: 1104px; 95 margin: auto; 96} 97#boxes .box { 98 overflow: hidden; 99} 100#boxes .box h2, 101#boxes .box h3, 102#boxes .box p, 103#boxes .box ul, 104#boxes .box ol { 105 margin-top: 0; 106} 107#boxes .box h2:first-child, 108#boxes .box h3:first-child { 109 margin-top: -5px !important; 110} 111#boxes .box p:first-child, 112#boxes .box ul:first-child, 113#boxes .box ol:first-child { 114 margin-top: -2px !important; 115} 116#boxes .box[data-type="button"] .buttonDIYContainer { 117 text-align: center; 118 height: 100%; 119} 120#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper { 121 border-radius: 20px; 122 display: inline-block; 123 background: #316bf2; 124 height: 100%; 125} 126#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY { 127 border-radius: 20px; 128 display: table; 129 height: 102%; 130 text-decoration: none; 131} 132#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY .buttonDIYText { 133 color: #ffffff; 134 display: table-cell; 135 vertical-align: middle; 136 padding: 0 10px; 137} 138#boxes .box[data-type="button"] .buttonDIYWrapper { 139 text-align: center; 140 height: 100%; 141} 142#boxes .box[data-type="horizontalSeparator"] .separatorWrapper, 143#boxes .box[data-type="verticalSeparator"] .separatorWrapper { 144 width: 100%; 145 height: 100%; 146} 147#boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div, 148#boxes .box[data-type="verticalSeparator"] .separatorWrapper > div { 149 text-align: center; 150 width: 100%; 151 height: 100%; 152} 153#boxes .box[data-type="horizontalSeparator"] .separatorWrapper { 154 display: table; 155} 156#boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div { 157 display: table-cell; 158 vertical-align: middle; 159} 160#boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div .separator { 161 width: 100%; 162} 163#boxes .box[data-type="verticalSeparator"] .separatorWrapper .separator { 164 height: 100%; 165 display: inline-block; 166}
167#boxes .box .boxBackgroundOverlay, 168#boxes .box .boxBackgroundPicture { 169 position: absolute; 170 top: 0; 171 bottom: 0; 172 left: 0; 173 right: 0; 174 text-align: center; 175} 176#boxes .box .boxBackgroundPicture { 177 background-size: cover; 178 background-repeat: no-repeat; 179 background-position: center; 180} 181#boxes .box .boxBackgroundOverlay { 182 opacity: .3; 183} 184@media (max-width: 970px) { 185 #boxes .box { 186 position: relative !important; 187 top: auto !important; 188 right: auto !important; 189 bottom: auto !important; 190 left: auto !important; 191 width: 100% !important; 192 } 193 #boxes .box[data-type="button"] { 194 height: 100%; 195 padding: 5px; 196 } 197 #boxes .box[data-type="background"] { 198 height: auto !important; 199 } 200 #boxes .box[data-type="background"] > div { 201 height: auto !important; 202 } 203 #boxes .box[data-type="group"] { 204 height: auto !important; 205 } 206 #boxes .box[data-type="group"] > div { 207 height: auto !important; 208 } 209 #boxes .box[data-type="text"] { 210 height: auto !important; 211 } 212 #boxes .box[data-type="text"] > div { 213 height: auto !important; 214 } 215 #boxes .box[data-type="picture"] { 216 text-align: center !important; 217 font-size: 0 !important; 218 } 219 #boxes .box[data-type="facebookLike"], 220 #boxes .box[data-type="twitterTimeline"] { 221 text-align: center; 222 } 223 #boxes .box[data-type="verticalSeparator"] { 224 display: none; 225 } 226 #boxes .tableWrapper { 227 width: 100%; 228 max-width: 100%; 229 overflow: auto; 230 } 231} 232</style> 233 234<!-- Google Font --> 235 <!-- :400,700 for bold --> 236 <link href="https://fonts.googleapis.com/css?family=Dosis:400,500,700" rel="stylesheet"> 237 <style> 238 html, body {font-family: "Dosis", Roboto, sans-serif;} 239 </style> 240 241 242<!-- Choices.js --> 243 244<!-- ContentTools --> 245 246<!-- Cropper --> 247 248<!-- FullCalendar --> 249 250<!-- Simplelightbox --> 251 <link 252 rel="stylesheet" 253 href="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/1.12.0/simplelightbox.min.css" 254 integrity="sha256-IZ7V7DBQggiyHjLI/74Zert2QmZh4a5cpvGQPJC7JyY=" 255 crossorigin="anonymous" 256 > 257 258<!-- Leaflet --> 259<!-- Leaflet MarkerCluster --> 260 261<style nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 262 #teamblue-widget-container { 263 position: fixed; 264 bottom: 0; 265 left: 0; 266 width: 0; 267 height: 0; 268 overflow: hidden; 269 } 270</style> 271 272 <!-- JS --> 273
273<script async nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 274 // Browser check 275 // https://stackoverflow.com/a/55655928/7671937 276 function isCrappyIE() { 277 var ua = window.navigator.userAgent; 278 var crappyIE = false; 279 var msie = ua.indexOf('MSIE '); 280 if (msie > 0) { // IE 10 or older => return version number 281 crappyIE = true; 282 } 283 var trident = ua.indexOf('Trident/'); 284 if (trident > 0) { // IE 11 => return version number 285 crappyIE = true; 286 } 287 return crappyIE; 288 } 289 290 if(isCrappyIE()) { 291 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. "); 292 } 293</script>
293 294
295<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 296 var SIZE_FIXED = "fixed"; 297 var SIZE_FREE = "free"; 298 var SIZE_MIN = "min"; 299 var SIZE_MIN_WIDTH = "min-width"; 300 var SIZE_MIN_HEIGHT = "min-height"; 301 var SIZE_MAX = "max"; 302 var SIZE_MAX_WIDTH = "max-width"; 303 var SIZE_MAX_HEIGHT = "max-height"; 304 var ORIGINAL_WIDTH = 1200; 305 var ORIGINAL_HEIGHT = 628; 306 var SIZE_STANDARD = "standard"; 307 var SIZE_USER = "user"; 308 var SIZE_VENDOR = "vendor"; 309 var THUMB_WIDTH = 352; 310 var THUMB_HEIGHT = 184; 311 var USER_NORMAL = 200; 312</script>
vendor: 1 bytes, line 312
312
313<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 314 var HOST_PUBLIC = "https:\/\/assets.assoconnect.com\/legacy"; 315 var HOST_SPARK = "https:\/\/assets.assoconnect.com\/legacy\/spark"; 316 var SPARK_VERSION = "26681dc"; 317 var SPARK_FORM_UPLOAD_MAX_SIZE = 10485760; 318 var SPARK_FORM_UPLOAD_MAX_NAME_LENGTH = 249; 319 var URI_CLIENT = "\/page\/2574411-classe-et-collectivites"; 320 var URI_SERVER = "\/page\/index"; 321 var VENDOR_ID = 76934; 322 var _GIFS = []; 323 var RECAPTCHA = "6Ldy5hwUAAAAAGrMqPOdhVGOLd79KcXDcHg7mjgH"; 324 var MAPBOX_TOKEN = "pk.eyJ1IjoiYXNzb2Nvbm5lY3QiLCJhIjoiY2pycTlxaGh0MDEyMTQzcGZ0eTlidmdmciJ9.-lrrOF0HPATIKSl8luHqwA"; 325 var CSP_NONCE = "c52bee38-5334-451e-b2c3-8ed64d2ec588"; 326 var I18N_CURRENCY = "EUR"; 327 var I18N_LOCALE = "fr-FR"; 328 var I18N_TIMEZONE = "Europe\/Paris"; 329 var SITE_CODE = "a"; 330</script>
330 331 332<!-- Translator Method -->
333<script 334 nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588" 335 src="https://cdnjs.cloudflare.com/ajax/libs/intl-messageformat/5.1.0/intl-messageformat.min.js" 336 integrity="sha256-jkYwyAJTaU4esUDFkWA92xz+ARjXOmPO8ul5jjY3MWk=" 337 crossorigin="anonymous" 338></script>
vendor: 1 bytes, line 338
338
339<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 340 window.trans = function trans(key, params) { 341 // Translation key not found 342 if(window.translations.hasOwnProperty(key) === false) { 343 return key; 344 } 345 346 var translation = window.translations[key]; 347 348 var translator = new IntlMessageFormat.IntlMessageFormat(translation, I18N_LOCALE); 349 350 return translator.format(params); 351 }; 352 353 window.transCurrency = new Intl.NumberFormat( 354 I18N_LOCALE, 355 { style: 'currency', currency: "EUR"} 356 ).format; 357 358 window.transDate = new Intl.DateTimeFormat(I18N_LOCALE, { 359 timeZone: I18N_TIMEZONE, 360 }).format; 361 362 window.transDateFromYMD = function(value) { 363 value = String(value).replaceAll('-', ''); 364 // YYYYMMDD or YYYYMMDDHHiiss 365 if (String(value).length !== 8 && String(value).length !== 14) { 366 return '' 367 } 368 369 var date = new Date(value.substr(0, 4) + "-" + value.substr(4, 2) + "-" + value.substr(6, 2)); 370 371 // Invalid date 372 if (isNaN(date)) { 373 return '' 374 } 375 376 return transAbsoluteDate(date); 377 } 378 379 window.transDateTime = new Intl.DateTimeFormat(I18N_LOCALE, { 380 timeZone: I18N_TIMEZONE, 381 year: "numeric", 382 month: "2-digit", 383 day: "2-digit", 384 hour: "numeric", 385 minute: "numeric", 386 second: "numeric", 387 }).format; 388 389 // Trans date created with new Date('1986-06-02') 390 window.transAbsoluteDate = new Intl.DateTimeFormat(I18N_LOCALE, { 391 timeZone: "UTC", 392 }).format; 393 394 // Trans date formatted as YYYYMMDDHHiiss 395 window.transAbsoluteDateYMD = function (value) { 396 // YYYYMMDD or YYYYMMDDHHiiss 397 if (String(value).length !== 8 && String(value).length !== 14) { 398 return '' 399 } 400 401 var date = new Date(value.substr(0, 4) + "-" + value.substr(4, 2) + "-" + value.substr(6, 2)); 402 403 // Invalid date 404 if (isNaN(date)) { 405 return '' 406 } 407 408 return transAbsoluteDate(date); 409 } 410 411 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","form.uploadPicture.remove.confirm.text":"Voulez-vous vraiment supprimer l'image \u00ab {filename} \u00bb ?","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'avez pas les droits suffisants 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 risquez 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.invalid":"L'IBAN est incorrect.","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"
411:"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.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 codes 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.name":"Le nom du fichier est trop long (max. {limit} caract\u00e8res, extension exclue).","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.remove.confirm.text":"Voulez-vous vraiment supprimer le fichier \u00ab {filename} \u00bb ?","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.
411warning.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.","fraud.quickEmails.probationLimit":"Vous ne pouvez pas contacter autant de personnes. Il vous reste {remaining} emails \u00e0 envoyer aujourd'hui."},window.translations); 412 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); 413</script>
413 414 415<!-- jQuery -->
416<script 417 nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588" 418 src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" 419 integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" 420 crossorigin="anonymous" 421></script>
vendor: 1 bytes, line 421
421
422<script 423 nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588" 424 src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.14.1/jquery-ui.min.js" 425 integrity="sha512-MSOo1aY+3pXCOCdGAYoBZ6YGI0aragoQsg1mKKBHXCYPIWxamwOE7Drh+N5CPgGI5SA9IEKJiPjdfqWFWmZtRA==" 426 crossorigin="anonymous" 427></script>
vendor: 1 bytes, line 427
427
428<script 429 nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588" 430 src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.2/i18n/jquery-ui-i18n.min.js" 431 integrity="sha256-q/EiPw4hDxf7AKJEkIHWBspsML3nLL0VB729yuwz+cc=" 432 crossorigin="anonymous" 433></script>
vendor: 1 bytes, line 433
433
434<script 435 nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588" 436 src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.2/js/bootstrap-switch.min.js" 437 integrity="sha256-sAkXLwDFSAB/S09JCOWRvnoOnhGYDu9VqMnbCKAhMzI=" 438 crossorigin="anonymous" 439></script>
vendor: 1 bytes, line 439
439
440<script 441 nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588" 442 src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.9/jquery.mousewheel.min.js" 443 integrity="sha256-+ZWJyex7JtGOxCSSRu/QgpDkiTWQEqBuE2O8xHMVZCQ=" 444 crossorigin="anonymous" 445></script>
445 446 447<!-- Layout -->
448<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588" src="https://cdn.assoconnect.com/public/build/js/common.-.layout.-.public.26681dc.js"></script>
448 449 450<!-- CKEditor --> 451 452<!-- intl-tel-input --> 453 454<!-- reCAPTCHA --> 455 456<!-- Validator --> 457 458<!-- Algolia --> 459 <!-- Placé à l'extérieur pour l'annuaire --> 460
460<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 461 var ALGOLIA_CONFIG = { 462 allowTyposOnNumericTokens: false, 463 facets: [], 464 facetFilters: [], 465 query: "", 466 page: 0, 467 numericFilters: [], 468 removeWordsIfNoResults: "lastWords", 469 tagFilters: [], 470 typoTolerance: "strict", 471 advancedSyntax: true 472 }; 473 </script>
473 474 475<!-- Charts.js --> 476 477<!-- Choices.js --> 478 479<!-- ContentTools --> 480 481<!-- Cropper --> 482 483<!-- Dompurify --> 484 485<!-- FullCalendar --> 486 487<!-- HTML2Canvas --> 488 489<!-- Parallax --> 490
490<script 491 nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588" 492 src="https://cdnjs.cloudflare.com/ajax/libs/parallax.js/1.5.0/parallax.min.js" 493 integrity="sha256-Jhqqct9kdspgS5FC1W1f/cBOkdDoWMV3eWhU14cqzoY=" 494 crossorigin="anonymous" 495 ></script>
495 496 497<!-- TimeAgo --> 498 499<!-- Simplelightbox --> 500
500<script 501 nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588" 502 src="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/1.12.0/simple-lightbox.min.js" 503 integrity="sha256-91WTAly9a0bVj+qqtK5TltwOfUMuOCAO+dUFo9KOU9U=" 504 crossorigin="anonymous" 505 ></script>
505 506 507<!-- Leafleft --> 508<!-- Leaflet MarkerCluster --> 509 510 511 512 513
514<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 515 window.dataLayer = window.dataLayer || []; 516 function gtag(){dataLayer.push(arguments);} 517 518 // Google Consent Mode v2 (advanced): the Google tag loads for every visitor but is denied 519 // any storage until Iubenda reports consent for purpose 4 (Measurement), see below. 520 // Visitors who never answer the banner are still counted through cookieless pings. 521 // Do NOT prior-block the tag below with _iub_cs_activate: a blocked tag never runs, 522 // so non-consenting visitors send nothing at all and disappear from the statistics. 523 gtag('consent', 'default', { 524 ad_storage: 'denied', 525 ad_user_data: 'denied', 526 ad_personalization: 'denied', 527 analytics_storage: 'denied', 528 wait_for_update: 500 529 }); 530 531 gtag('js', new Date()); 532 533 gtag('config', "G-PB0RXMTS9D", { 534 send_page_view: false 535 }); 536 gtag('event', 'page_view', {"send_to":"G-PB0RXMTS9D","dimension1":"AssoConnect","dimension2":"school46714","dimension4":"PROD","dimension3":"unknown","dimension5":"SCHOOL"}); 537 538 </script>
vendor: 64 bytes, lines 538-539
538 539<script async src="https://www.googletagmanager.com/gtag/js?id=
539G-PB0RXMTS9D
vendor: 58 bytes, lines 539-540
539" nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"></script> 540
541<!-- Iubenda -->
542<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 543 window.openIubendaCookies = function() { 544 if (window._iub && window._iub.cs && window._iub.cs.api) { 545 window._iub.cs.api.openPreferences(); 546 } 547 }; 548 549 var _iubendaHadConsent = false; 550 window._iub = window._iub || []; 551 window._iub.csConfiguration = window._iub.csConfiguration || {}; 552 window._iub.csConfiguration.cookieDomain = location.hostname; 553 window._iub.csConfiguration.storage = { type: 'local_storage' }; 554 window._iub.csConfiguration.emitGtmEvents = true; 555 // Mirrors the Iubenda choice into Google Consent Mode. Called on every page load once the 556 // preference is known, so returning visitors who consented are measured again immediately. 557 function _iubendaSyncGoogleConsent() { 558 if (typeof gtag !== 'function') { 559 return; 560 } 561 var purposes = window._iub.cs.consent && window._iub.cs.consent.purposes; 562 gtag('consent', 'update', { 563 analytics_storage: (purposes && purposes[4]) ? 'granted' : 'denied' 564 }); 565 } 566 567 function _iubendaActivateYoutube() { 568 $(".video-youtube").each(function() { 569 var $el = $(this); 570 $el 571 .after($("<iframe>") 572 .attr("src", "https://www.youtube.com/embed/" + $el.data("video-id") + "?rel=0&start=" + $el.data("video-start")) 573 .attr("style", "width: 100%; height: 100%; border: 0px;") 574 .attr("allow", "fullscreen") 575 ) 576 .remove(); 577 }); 578 } 579 580 function _iubendaActivateFacebook() { 581 $(".feed-facebook").each(function() { 582 var $el = $(this); 583 $el 584 .after($("<iframe>") 585 .attr("src", $el.data("src")) 586 .attr("style", "width: 100%; height: 100%; border: none; overflow: hidden") 587 .attr("scrolling", "no") 588 .attr("allowtransparency", "true") 589 ) 590 .remove(); 591 }); 592 } 593 594 window._iub.csConfiguration.callback = { 595 onConsentGiven: function() {
596 _iubendaHadConsent = true; 597 _iubendaSyncGoogleConsent(); 598 _iubendaActivateYoutube(); 599 _iubendaActivateFacebook(); 600 }, 601 onPreferenceExpressedOrNotNeeded: function() { 602 _iubendaSyncGoogleConsent(); 603 if (window._iub.cs.consent.purposes && window._iub.cs.consent.purposes[4]) { 604 _iubendaActivateYoutube(); 605 _iubendaActivateFacebook(); 606 } 607 }, 608 onConsentRejected: function() { 609 _iubendaSyncGoogleConsent(); 610 if (_iubendaHadConsent) { 611 location.reload(); 612 } 613 } 614 }; 615 616 (function(d, s) { 617 var t = d.getElementsByTagName(s)[0], e = d.createElement(s); 618 e.async = true; e.src = "https:\/\/embeds.iubenda.com\/widgets\/eaf21570-70f8-4ba0-a750-f2c4d7c78a13.js"; 619 t.parentNode.insertBefore(e, t); 620 })(document, "script"); 621 </script>
621 622 623<!-- Tracking -->
624<script async nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 625 626 627 /** 628 * RudderStack common functions 629 */ 630 631 /** 632 * This method allows you to track any actions that your users might perform. Each of these actions is commonly referred to as an event. 633 * 634 * https://docs.rudderstack.com/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk#3-4-track 635 */ 636 function track(event, properties, options, callback) { 637 if(window.rudderanalytics) { 638 window.rudderanalytics.track(event, properties, options, callback); 639 } 640 } 641 642 /** 643 * This method lets you record information about the web page being viewed by the user. 644 * 645 */ 646 function trackPage(event, properties, options, callback) { 647 if(window.rudderanalytics) { 648 window.rudderanalytics.track(event, properties, options, callback); 649 } 650 } 651 652 /** 653 * This method allows you to track any click that your users might perform on a link. 654 * 655 * @param {string} selector jQuery selector of the tracked link 656 * Otherwise same params of the track function: https://docs.rudderstack.com/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk#3-4-track 657 */ 658 function trackLink(selector, event, properties, options, callback) { 659 $(selector).on("click", function(e) { 660 if(window.rudderanalytics) { 661 var _this = $(this); 662 window.rudderanalytics.track(event, properties, options, callback); 663 // Wait for the tracking request to have time to go 664 var timeoutDelay = 300; 665 setTimeout(function() { 666 var href = _this.attr("href"); 667 var target = _this.attr("target"); 668 // New tab 669 if (target) { 670 window.open(href, target || '_blank'); 671 } 672 // Current tab 673 else { 674 window.location.href = href; 675 } 676 }, timeoutDelay); 677 return false; 678 } 679 }); 680 } 681 682 // GTM 683 </script>
683 684 </head> 685 <body> 686 <!-- Layout --> 687 <div id="layoutWrapper" class="nav"> 688 689<!-- Vielle version IE --> 690 691<!-- Thème --> 692<style nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 693 694 /** 695 * Couleur principale 696 */ 697 698 /* Transforme @blue et @body en blanc en fonction de la couleur du menu */ 699 700 /* Color */ 701 h1, 702 h3, 703 .textImportant, 704 a, 705 a:link, 706 a:visited, 707 a:active, 708 .colorBlue, 709 .checkbox input[type="checkbox"].custom-checkbox:checked + .icons, 710 .checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked, 711 .radio input[type="radio"].custom-radio:checked + .icons, 712 .radio input[type="radio"].custom-radio:checked + .icons .icon-checked, 713 .accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitle, 714 .buttonWhite, 715 .buttonWhiteAlt:active, 716 .buttonWhiteBlue, 717 .buttonTransparent:hover, 718 .radioAlt.colorWhite.radioAltSelected, 719 #thumbPostSlider .thumbPostSlide .thumbPostSlideContent h2, 720 .thumbPostWrapper h2, 721 .thumbWrapper .thumbCommon .thumbDetails .thumbName, 722 .thumbWrapper .thumbCommon .thumbDetails .thumbMore, 723 #templateBreadcrumb #breadCrumbItems .breadCrumbNextStep:not(.button):hover, 724 #templateBreadcrumb #breadCrumbItems .breadCrumbNextStep .breadCrumbItem.breadCrumbActive, 725 #templateTabulation .active, 726 #messagesWrapper .message .messageContent .messageIcon svg { 727 color: #ec6048; 728 } 729 #agendaWrapper, 730 div:not(#agendaWrapper) > #agendaEvent, 731 #agendaWrapper #agendaEvent #agendaEventName, 732 div:not(#agendaWrapper) > #agendaEvent #agendaEventName, 733 #agendaWrapper #agendaList .agendaDate, 734 #donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton { 735 color: #ec6048; 736 } 737 738 /* Fix event colors */ 739 #agendaEvent #agendaEventDate, #agendaEvent #agendaEventDescription, #agendaEvent #agendaEventAddress { 740 color: #595959; 741 } 742 743 #agendaEventReturn svg path{ 744 fill: #ec6048; 745 } 746 747 #templateNavWrapper #templateNav ul li, 748 #templateNavWrapper #templateNav ul li a, 749 #templateNavBar, 750 #templateNavSubBarWrapper, 751 #templateNavSubBarWrapper #templateNavSubBar a, 752 #templateSubNavWrapper ul li a, 753 #agendaWrapper #agendaList .agendaListEvent.colorBodyOrWhite, 754 #agendaWrapper #agendaList h3.colorBodyOrWhite, 755 #agendaWrapper #agendaList .eventColor.colorBodyOrWhite, 756 #eventWrapper #eventDateLeftWrapper{ 757 color: #595959; 758 } 759 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton { 760 color: #ffffff; 761 } 762 .buttonWhiteBlue:hover { 763 color: #d45640; 764 } 765 .buttonWhiteBlue:active, 766 .buttonTransparent:active { 767 color: #c8513d; 768 } 769 #agendaWrapper #agendaList h3.colorBodyOrWhite, 770 #agendaWrapper #agendaList .eventColor.colorBodyOrWhite { 771 border-color: #595959; 772 } 773 .buttonBlue, 774 .backgroundBlue { 775 color: #ffffff; 776 } 777 .backgroundTheme { 778 background-color: #ffffff; 779 color: #595959; 780 } 781 /* Background */ 782 .backgroundBlue, 783 .accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitleNumber, 784 .buttonBlue, 785 .dialogDotWrapper .dialogDot.dialogDotCurrent, 786 .progressbar-blue div, 787 .radioAlt.colorBlue:not(.eventColor), /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ 788 #messagesWrapper .message, 789 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper, 790 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper, 791 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton, 792 #templateNavWrapper #templateNav #navBasket { 793 background-color: #ec6048; 794 } 795 .formUpload .formUploadInputWrapper input:hover ~ div, 796 .buttonBlue:hover, 797 .radioAlt.colorBlue.radioAltSelected, 798 #messagesWrapper .message, 799 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton:hover, 800 #templateNavWrapper #templateNav #navBasket:hover { 801 background-color: #c8513d; 802 } 803 .radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ 804 background-color: #ff6e52; 805 } 806 .dialogDotWrapper .dialogDot:hover { 807 background-color: #ff7356; 808 } 809 .buttonBlue:active, 810 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton:active { 811 background-color: #bc4c39; 812 } 813 .dialogDotWrapper .dialogDot { 814 background-color: #ff7c5d; 815 } 816 .buttonWhiteBlue:active { 817 background-color: #ff8161; 818 } 819 .buttonWhiteBlue:hover { 820 background-color: #ff8664; 821 } 822 /* Border */ 823 .backgroundBlueLight, 824 input[type="text"]:hover, 825 input[type="search"]:hover:not(.choices__input), 826 .choices:hover, 827 input[type="password"]:hover, 828 input[type="date"]:hover, 829 input[type="tel"]:hover, 830 input[type="number"]:hover, 831 input[type="datetime-local"]:hover, 832 input[type="email"]:hover, 833 input[type="url"]:hover, 834 textarea:hover, 835 select:hover, 836 input[type="text"]:focus, 837 input[type="search"]:focus:not(.choices__input), 838 .choices.is-focused, 839 input[type="password"]:focus, 840 input[type="date"]:focus, 841 input[type="tel"]:focus, 842 input[type="number"]:focus, 843 input[type="datetime-local"]:focus, 844 input[type="email"]:focus, 845 input[type="url"]:focus, 846 textarea:focus, 847 select:focus, 848 .radioImageWrapper.radioImageChecked, 849 .accordion .accordionContent.accordionColor .accordionTitleWrapper, 850 .buttonWhiteBlue, 851 .dropdownMenu div h2, 852 .radioAlt.colorWhite.radioAltSelected, 853 #templateBreadcrumb #breadCrumbItems .breadCrumbNextStep .breadCrumbItem.breadCrumbActive, 854 #postViewMore { 855 border-color: #ec6048; 856 } 857 #agendaWrapper #agendaEvent #agendaEventReturn, 858 div:not(#agendaWrapper) > #agendaEvent #agendaEventReturn { 859 border-color: #ec6048; 860 } 861 .buttonWhiteBlue:hover { 862 border-color: #ff694f; 863 } 864 .buttonWhiteBlue:active { 865 border-color: #ff6e52; 866 } 867 .radioAlt.colorWhite:hover:not(.radioAltSelected), 868 .radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ 869 border-color: #ff7356; 870 } 871 .radioAlt.colorBlue.radioAltSelected { 872 border-color: #a54332; 873 } 874 .buttonWhiteAlt:active { 875 outline-color: #ec6048; 876 } 877 .buttonWhiteAlt:hover { 878 border-color: #ff7356; 879 } 880 881 /** 882 * Couleur du menu 883 */ 884 @media (min-width: 1151px) { 885 #templateNavWrapper, 886 #templateNavWrapper:before, 887 #templateNavBar { 888 background-color: #ffffff; 889 border-bottom: 1px solid #eeeeee; 890 } 891 #templateSubNavWrapper { 892 background-color: 893 #f2f2f2 ; 894 } 895 #templateHeaderWrapper #templateHeader #templateHeaderMargin { 896 display: none; 897 } 898 } 899 @media (max-width: 1150px) { 900 #templateNavWrapper, 901 #templateNavWrapper:before, 902 #templateNavBar, 903 #templateSubNavWrapper { 904 background-color: #ffffff; 905 } 906 } 907 #templateNavSubBarWrapper, 908 #templateNavSubBarWrapper #templateNavSubBarLeft, 909 #templateNavSubBarWrapper #templateNavSubBarRight { 910 background-color: #f2f2f2; 911 } 912 #agendaWrapper, 913 div:not(#agendaWrapper) > #agendaEvent, 914 #donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton, 915 #eventWrapper #eventDateLeftWrapper { 916 background-color: #ffffff; 917 } 918 #eventWrapper #eventPicture #eventInfos #eventName { 919 border-color: #ffffff; 920 } 921 /* Couleur des hovers */ 922 #templateNavWrapper #templateNav ul li.active a,
923 #templateNavWrapper #templateNav ul li:not(.hideHover):hover a { 924 color: #ec6048; 925 } 926 @media (min-width: 1151px) { 927 #templateSubNavWrapper ul li.active a, 928 #templateSubNavWrapper ul li:hover a { 929 color: #ec6048; 930 } 931 } 932 @media (max-width: 1150px) { 933 #templateNavSubBarWrapper #templateNavSubBar li.active a { 934 color: #ec6048; 935 } 936 } 937 938 /** 939 * Couleur du fond 940 */ 941 body { 942 background-color: #ffffff; 943 } 944 945 /** 946 * Couleur du bas de page 947 */ 948 #templateFooterWrapper { 949 background-color: #ff735e; 950 } 951 952 /** 953 * Texture du menu (non applicable si le menu est transparent) 954 */ 955 #templateNavWrapper, 956 #templateNavWrapper:before, 957 #templateSubNavWrapper, 958 #templateNavBar, 959 #templateNavSubBarWrapper, 960 #templateNavSubBarWrapper #templateNavSubBarLeft, 961 #templateNavSubBarWrapper #templateNavSubBarRight { 962 background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png"); 963 } 964 965 /** 966 * Texture du fond 967 */ 968 body { 969 background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png"); 970 } 971 972 /** 973 * Texture du bas de page 974 */ 975 #templateFooterWrapper { 976 background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png"); 977 } 978 979 /** 980 * Autres 981 */ 982 983 /* Permet d'afficher le haut de page dans l'édition */ 984 #templateHeaderWrapper { 985 display: none; 986 } 987 988 /* Hauteur du haut de page */ 989 #templateHeaderWrapper { 990 height: 200px 991 } 992 993 /* Position de l'image de l'organisation dans le haut de page */ 994 #templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture { 995 display: none; 996 } 997 998 /* Taille texte bloc */ 999 #templateHeaderBlockTitleWrapper { 1000 font-size: 0px; 1001 } 1002 1003 /* Taille image bloc */ 1004 #templateHeaderBlockVendorPictureWrapper img { 1005 width: 0px; 1006 } 1007 1008 /* Type de bloc */ 1009 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { 1010 background-color: rgba(49, 70, 107, .5); 1011 } 1012 1013 @media (min-width: 1151px) { 1014 /* Position du logo dans le menu */ 1015 #templateNavWrapper #templateNav #navVendorWrapper { 1016 display: none; 1017 } 1018 1019 /* Place le haut de page sous le menu si le menu est transparent */ 1020 1021 /* Hauteur du menu (les ">" pour ignorer les sous-menus) */ 1022 #templateNavWrapper #templateNav > ul > li { 1023 height: 80px; 1024 } 1025 #templateSubNavWrapper ul li { 1026 height: 40px; 1027 line-height: 40px; 1028 } 1029 #templateNavWrapper #templateNav > ul > #navVendorPicture > div > a > img { 1030 max-height: 80px; 1031 } 1032 1033 /* Type de bloc */ 1034 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { 1035 background-color: transparent; 1036 width: 600px; 1037 text-align: left; 1038 } 1039 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlock > div:not(.displayNone) { 1040 -moz-border-radius: 10px; 1041 -webkit-border-radius: 10px; 1042 border-radius: 10px; 1043 background: rgba(49, 70, 107, .5); 1044 display: table; 1045 } 1046 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockSocialWrapper img { 1047 margin: 20px 5px !important; 1048 } 1049 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockSocialWrapper a { 1050 padding-left: 5px; 1051 padding-right: 5px; 1052 } 1053 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockNewsletterContainer form, 1054 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockTitleWrapper div, 1055 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockButtonWrapper a { 1056 padding: 20px; 1057 } 1058 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockNewsletterContainer { 1059 width: 500px; 1060 } 1061 1062 /* La largeur du haut de page ne dépasse pas la largeur du contenu du site */ 1063 1064 /* Arrondi les coins du menu, du haut de page et du contenu */ 1065 1066 /* Séparation des différents éléments */ 1067 1068 /* Position du bloc */ 1069 #templateHeaderWrapper #templateHeader { 1070 text-align: left; 1071 } 1072 1073 /* Texte du menu en gras */ 1074 #templateNavWrapper #templateNav, 1075 #templateSubNavWrapper { 1076 font-weight: bold; 1077 } 1078 1079 /* Texte du menu en majuscule */ 1080 1081 /* Cache les icônes */ 1082 #templateNav ._gif:not(.noHide) { 1083 display: none; 1084 } 1085 1086 /* Espacement entre les items du menu */ 1087 #templateNavWrapper #templateNav ul li a, 1088 #templateNavWrapper #templateNav ul li ul li a, 1089 #templateSubNavWrapper ul li a { 1090 padding: 0 15px; 1091 } 1092 1093 /* Alignement du contenu du menu */ 1094 #templateNavWrapper #templateNav, 1095 #templateSubNavWrapper { 1096 text-align: center; 1097 } 1098 1099 /* Hauteur du logo de l'organisation dans le haut de page */ 1100 #templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture img { 1101 height: 250px; 1102 } 1103 } 1104 1105 @media (max-width: 1150px) { 1106 #templateNavBarVendorPicture { 1107 display: none; 1108 } 1109 1110 /* Cache le bloc en responsive si le site dispose d'un logo d'organisation */ 1111 1112 /* Alignement du menu en fonction de la barre d'administration */ 1113 #templateNavWrapper { 1114 top: 55px; 1115 } 1116 1117 } 1118 1119 /* Fond fullscreen dans les pages personnalisées */ 1120 #layoutWrapper #templatePageWrapper, 1121 #layoutWrapper #templatePageWrapper::before,
1122 #boxes .boxLandmarkBackground { 1123 max-width: none; 1124 } 1125 #layoutWrapper #templatePageWrapper #templatePage { 1126 padding: 0; 1127 } 1128 #templateTabulationWrapper { 1129 max-width: 1131px; 1130 margin: 20px auto; 1131 padding-left: 13.5px; 1132 padding-right: 13.5px; 1133 } 1134 #editButton { 1135 position: absolute; 1136 right: 10px; 1137 z-index: 151; /* 151 pour être au dessus des fonds en parallaxe qui sont en 150 */ 1138 } 1139 1140 /* Arrondi des champs */ 1141 input[type="text"], 1142 input[type="search"]:not(.choices__input), 1143 .choices, 1144 input[type="password"], 1145 input[type="date"], 1146 input[type="tel"], 1147 input[type="number"], 1148 input[type="datetime-local"], 1149 input[type="email"], 1150 input[type="url"], 1151 textarea { 1152 border-radius: 20px; 1153 padding: 9px 15px; 1154 } 1155 select { 1156 border-radius: 20px; 1157 } 1158 .selected-flag, 1159 .buttonBig, 1160 .buttonLarge, 1161 .buttonSmall, 1162 .bootstrap-switch, 1163 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper, 1164 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper .buttonDIY, 1165 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper, 1166 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY { 1167 border-radius: 20px; 1168 } 1169 .buttonLarge { 1170 padding: 10px; 1171 } 1172 .buttonSmall { 1173 padding: 5px 10px; 1174 } 1175</style> 1176<!-- Message --> 1177<!-- Affichage Spark\Notification::message --> 1178<div id="messagesWrapper"> 1179 </div> 1180
1181<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 1182 $('.message-support .messageClose').click(function(event) { 1183 _spark.cookie.set("supportMessage-" + $(this).data('message-id'), "true", 1); 1184 }); 1185</script>
1185 1186<!-- Misc Spark --> 1187 1188<div class="displayNone" id="sparkTemplateTableExportColumns"> 1189 <form id="sparkTemplateTableExportColumnsForm" method="POST"><input type="hidden" name="_form" value="sparkTemplateTableExportColumns"><input type="hidden" name="_origin" value="/page/2574411-classe-et-collectivites"><input type="hidden" name="_formMulti" value="6aba0d36088fd|3b2b1be24c5bcd683225f3c34cb0f2a41f5c862b">
1189<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 1190 $("#sparkTemplateTableExportColumnsForm").on("submit", function(){ 1191 var _this = $(this); 1192 var renable = false; 1193 if(_this.data("multi-submit-protection")){ 1194 return false; 1195 } 1196 else{ 1197 // Blocage à la prochaine soumission 1198 _this.data("multi-submit-protection", true); 1199 // Blocage & chargement sur les boutons 1200 _this.find("button[type='submit']").each(function(){ 1201 var text = $(this).text(); 1202 var buttonDOM = $(this); 1203 var buttonInterval; 1204 buttonDOM 1205 .addClass("disabled") 1206 .prop("disabled", true) 1207 .css("width", buttonDOM.outerWidth() + "px") 1208 .text(".") 1209 .inDOM(function() { 1210 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 1211 buttonInterval = setInterval(function() { 1212 if(buttonDOM.text().length === 3) { 1213 buttonDOM.text("."); 1214 } 1215 else { 1216 buttonDOM.text(buttonDOM.text() + "."); 1217 } 1218 }, 300); 1219 }); 1220 // Déblocage au bout de 1 seconde 1221 if(renable){ 1222 window.setTimeout(function(){ 1223 clearInterval(buttonInterval); 1224 buttonDOM 1225 .prop("disabled", false) 1226 .removeClass("disabled") 1227 .removeAttr("style") 1228 .text(text); 1229 }, 1000); 1230 } 1231 }); 1232 // Déblocage au bout de 1 seconde 1233 if(renable){ 1234 window.setTimeout(function(){ 1235 _this.data("multi-submit-protection", false); 1236 }, 1000); 1237 } 1238 // Retour 1239 return true; 1240 } 1241 }); 1242 </script>
1242 <div id="sparkTableExportColumnWrapper" class=""><div class="notice fontBold" id="sparkTableExportColumnNotice"></div> 1243 <label 1244 id="sparkTableExportColumnLabel" 1245 > 1246 Exporter les lignes sélectionnées 1247 1248 1249 </label> 1250 <div class="formContent"> 1251 1252 <div id="sparkTableExportColumn_allWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> 1253 <label class="radio" for="sparkTableExportColumn_all"> 1254 <input 1255 type="radio" 1256 name="sparkTableExportColumn" 1257 id="sparkTableExportColumn_all" 1258 value="all" 1259 1260 1261 class="" 1262 > 1263 <span id="sparkTableExportColumn_allLabel">Exporter toutes les colonnes</span> 1264 </label> 1265 </div> 1266
1266<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 1267 if(document.readyState === "complete"){ 1268 $("#sparkTableExportColumn_all").radiocheck(); 1269 } 1270 </script>
1270 1271 1272 <div id="sparkTableExportColumn_filterWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> 1273 <label class="radio" for="sparkTableExportColumn_filter"> 1274 <input 1275 type="radio" 1276 name="sparkTableExportColumn" 1277 id="sparkTableExportColumn_filter" 1278 value="filter" 1279 1280 1281 class="" 1282 > 1283 <span id="sparkTableExportColumn_filterLabel">Exporter uniquement les colonnes affichées</span> 1284 </label> 1285 </div> 1286
1286<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 1287 if(document.readyState === "complete"){ 1288 $("#sparkTableExportColumn_filter").radiocheck(); 1289 } 1290 </script>
1290 1291 </div></div> </form> 1292
1292<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 1293 _spark.form.mail.initMailGroup("sparkTemplateTableExportColumns"); 1294 </script>
1294 1295 </div> 1296 1297<!-- Barre d'administration --> 1298 1299<!-- Barre de navigation responsive --> 1300<div id="templateNavBar"> 1301 1302 <div id="templateNavBarVendorPicture"> 1303 <!-- Une organisation en particulier --> 1304 <a href="/"> 1305 <img src="https://app.assoconnect.com/services/storage?id=3444753&type=picture&secret=jX64zPTgckGJKUme2ZZkaqeXHsgk3VSeghUxmbk2&timestamp=1776071405&size=small" alt="[email protected]"> 1306 </a> 1307 <!-- L'organisation principale --> 1308 </div> 1309 1310 <div id="templateNavBarToggleMenu"> 1311 <span>Menu</span> 1312 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.menu2.32.dark.png" class="_gif icoMenu232Dark" alt="icoMenu232Dark" title="" id="templateNavBarToggleMenuOpen" > <img src="https://assets.assoconnect.com/legacy/common/ico/ico.cross.32.dark.png" class="_gif icoCross32Dark" alt="icoCross32Dark" title="" id="templateNavBarToggleMenuClose" > </div> 1313 1314 <div class="clearBoth"></div> 1315 1316</div> 1317 1318 <div id="templateNavSubBarWrapper"> 1319 <div id="templateNavSubBarLeft"><</div> 1320 <div id="templateNavSubBarRight">></div> 1321 <ul id="templateNavSubBar"> 1322 <li > 1323 <a href="/page/2467750-la-discipline-positive"> 1324 La Discipline Positive® </a> 1325 </li> 1326 <li > 1327 <a href="/page/2586037-notre-mission"> 1328 Notre mission </a> 1329 </li> 1330 <li class="active"> 1331 <a href="/page/2574411-classe-et-collectivites"> 1332 Classe et collectivités </a> 1333 </li> 1334 <li > 1335 <a href="/page/2574427-petite-enfance"> 1336 Petite enfance </a> 1337 </li> 1338 <li > 1339 <a href="/page/2574055-parentalite"> 1340 Parentalité </a> 1341 </li> 1342 <li > 1343 <a href="/page/2574465-relations-professionnelles"> 1344 Relations professionnelles </a> 1345 </li> 1346 <li > 1347 <a href="/page/2583522-couple"> 1348 Couple </a> 1349 </li> 1350 </ul> 1351 </div> 1352 1353<!-- Header top --> 1354 1355<!-- Navigation et réseaux sociaux --> 1356 1357<!-- Container obligatoire afin de passer le menu et son sous-menu en position absolute avec le thème transparent --> 1358<div id="templateNavContainer"> 1359 1360 <div id="templateNavWrapper"> 1361 1362 <!-- Ãditable et hover --> 1363 <div id="templateNavWrapperHover" class="templateHover"></div> 1364 <div id="templateNavWrapperEditable" class="templateEditable templateEditableNav"> 1365 <div class="displayTable height100 width100"> 1366 <div class="displayTableCell valignMiddle"> 1367 <p class="displayInlineBlock">Ajoutez un logo, un bouton, des réseaux sociaux</p> 1368 <div class="templateEditableButton">Cliquez pour éditer</div> 1369 </div> 1370 </div> 1371 </div> 1372 1373 <!-- Réseaux sociaux --> 1374 <div id="templateNavSocialWrapper"> 1375 </div> 1376 1377 <!-- Navigation --> 1378 <nav id="templateNav"> 1379 <ul id="navVendorWrapper"> 1380 <!-- Nom & logo de l'organisation --> 1381 <li id="navVendorPicture"> 1382 <div class="displayTable height100"><!-- displayTable = fix #8392 --> 1383 <a class="displayTableCell width100 valignMiddle" href="/"> 1384 <img src="https://app.assoconnect.com/services/storage?id=3444753&type=picture&secret=jX64zPTgckGJKUme2ZZkaqeXHsgk3VSeghUxmbk2&timestamp=1776071405&size=small" alt="[email protected]"> 1385 </a> 1386 </div> 1387 </li> 1388 </ul> 1389 <ul> 1390 <li 1391 data-templatesubnav="2467749" 1392 class=" 1393 templateNavResponsiveToggleChildren 1394 active 1395 " 1396 > 1397 <a 1398 href="/page/2467750-la-discipline-positive" 1399 class="displayTable height100" 1400 > 1401 <div class="displayTableCell valignMiddle"> 1402 </div> 1403 <div class="displayTableCell valignMiddle"> 1404 LA DISCIPLINE POSITIVE® <sp
1404an class="arrowTop">▴</span><span class="arrowDown">▾</span> 1405 </div> 1406 </a> 1407 <ul> 1408 <li > 1409 <a href="/page/2467750-la-discipline-positive"> 1410 La Discipline Positive® </a> 1411 </li> 1412 <li > 1413 <a href="/page/2586037-notre-mission"> 1414 Notre mission </a> 1415 </li> 1416 <li class="active"> 1417 <a href="/page/2574411-classe-et-collectivites"> 1418 Classe et collectivités </a> 1419 </li> 1420 <li > 1421 <a href="/page/2574427-petite-enfance"> 1422 Petite enfance </a> 1423 </li> 1424 <li > 1425 <a href="/page/2574055-parentalite"> 1426 Parentalité </a> 1427 </li> 1428 <li > 1429 <a href="/page/2574465-relations-professionnelles"> 1430 Relations professionnelles </a> 1431 </li> 1432 <li > 1433 <a href="/page/2583522-couple"> 1434 Couple </a> 1435 </li> 1436 </ul> 1437 </li> 1438 <li 1439 data-templatesubnav="273382" 1440 class=" 1441 " 1442 > 1443 <a 1444 href="/page/3901412-formation-et-outils-2026-05-04" 1445 class="displayTable height100" 1446 > 1447 <div class="displayTableCell valignMiddle"> 1448 </div> 1449 <div class="displayTableCell valignMiddle"> 1450 FORMATIONS ET OUTILS <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1451 </div> 1452 </a> 1453 <ul> 1454 </ul> 1455 </li> 1456 <li 1457 data-templatesubnav="2574029" 1458 class=" 1459 " 1460 > 1461 <a 1462 href="/page/2581577-trouver-une-formation" 1463 class="displayTable height100" 1464 > 1465 <div class="displayTableCell valignMiddle"> 1466 </div> 1467 <div class="displayTableCell valignMiddle"> 1468 TROUVER UNE FORMATION <sp
1468an class="arrowTop">▴</span><span class="arrowDown">▾</span> 1469 </div> 1470 </a> 1471 <ul> 1472 </ul> 1473 </li> 1474 <li 1475 data-templatesubnav="565121" 1476 class=" 1477 templateNavResponsiveToggleChildren 1478 " 1479 > 1480 <a 1481 href="/page/2400223-trouver-un-intervenant-par-region-et-par-domaine" 1482 class="displayTable height100" 1483 > 1484 <div class="displayTableCell valignMiddle"> 1485 </div> 1486 <div class="displayTableCell valignMiddle"> 1487 TROUVER UN PROFESSIONNEL <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1488 </div> 1489 </a> 1490 <ul> 1491 <li > 1492 <a href="/page/2400223-trouver-un-intervenant-par-region-et-par-domaine"> 1493 Trouver un intervenant par région et par domaine </a> 1494 </li> 1495 <li > 1496 <a href="/page/2662485-contacter-adpf"> 1497 Contacter ADPF </a> 1498 </li> 1499 </ul> 1500 </li> 1501 <li 1502 data-templatesubnav="4066889" 1503 class=" 1504 " 1505 > 1506 <a 1507 href="/page/4066932-partenariats" 1508 class="displayTable height100" 1509 > 1510 <div class="displayTableCell valignMiddle"> 1511 </div> 1512 <div class="displayTableCell valignMiddle"> 1513 PARTENARIATS <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1514 </div> 1515 </a> 1516 <ul> 1517 </ul> 1518 </li> 1519 <li 1520 data-templatesubnav="2574032" 1521 class=" 1522 templateNavResponsiveToggleChildren 1523 " 1524 > 1525 <a 1526 href="/page/2598614-etudes-scientifiques" 1527 class="displayTable height100" 1528 > 1529 <div class="displayTableCell valignMiddle"> 1530 </div> 1531 <div class="displayTableCell valignMiddle"> 1532 EN SAVOIR PLUS <sp
1532an class="arrowTop">▴</span><span class="arrowDown">▾</span> 1533 </div> 1534 </a> 1535 <ul> 1536 <li > 1537 <a href="/page/2598614-etudes-scientifiques"> 1538 Ãtudes scientifiques </a> 1539 </li> 1540 <li > 1541 <a href="/page/571037-revue-de-presse"> 1542 Revue de presse </a> 1543 </li> 1544 <li > 1545 <a href="/page/3522355-amis-de-la-discipline-positive"> 1546 Amis de la Discipline Positive® </a> 1547 </li> 1548 <li > 1549 <a href="/page/2617354-contact"> 1550 Contact </a> 1551 </li> 1552 </ul> 1553 </li> 1554 <!-- Mon compte --> 1555 <!-- Panier --> 1556 <!-- Boutons --> 1557 <li id="templateNavButton1Container" class="hideHover "> 1558 <a href="https://adpf.assoconnect.com/page/2460402-accueil-espace-membres" class="height100 displayTable"> 1559 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 --> 1560 <div class="displayTableCell valignMiddle"> 1561 1562 <div 1563 id="templateNavButton1Button" 1564 class=" 1565 button 1566 textAlignCenter 1567 buttonBlue 1568 buttonLarge 1569 1570 valignMiddle 1571 " 1572 ><span class="valignInitial">ESPACE MEMBRES</span></div> </div> 1573 </a> 1574 </li> 1575 <li id="templateNavButton2Container" class="hideHover displayNone"> 1576 <a href="" class="height100 displayTable"> 1577 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 --> 1578 <div class="displayTableCell valignMiddle"> 1579 1580 <div 1581 id="templateNavButton2Button" 1582 class=" 1583 button 1584 textAlignCenter 1585 buttonBlue 1586 buttonLarge 1587 1588 valignMiddle 1589 " 1590 ><span class="valignInitial"></span></div> </div> 1591 </a> 1592 </li> 1593 <!-- Connexion --> 1594 <li id="templateNavButtonLoginContainer" class="hideHover displayNone"> 1595 <a href="/contacts/login?redirect=%2Fpage%2F2574411-classe-et-collectivites" class="height100 displayTable"> 1596 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 et #7665 --> 1597 <div class="displayTableCell valignMiddle"> 1598 1599 <div 1600 id="templateNavButtonLoginButton" 1601 class=" 1602 button 1603 textAlignCenter 1604 buttonBlue 1605 buttonLarge 1606 1607 valignMiddle 1608 " 1609 ><span class="valignInitial">Se connecter</span></div> </div> 1610 </a> 1611 </li> 1612 </ul> 1613 </nav> 1614 1615 </div> 1616 1617 <div id="templateSubNavWrapper"> 1618 1619 <div id="templateSubNav"> 1620 <ul data-templatesubnav="2467749"> 1621 <li > 1622 <a href="/page/2467750-la-discipline-positive"> 1623 La Discipline Positive® </a> 1624 </li> 1625 <li > 1626 <a href="/page/2586037-notre-mission"> 1627 Notre mission </a> 1628 </li> 1629 <li class="active"> 1630 <a href="/page/2574411-classe-et-collectivites"> 1631 Classe et collectivités </a> 1632 </li> 1633 <li > 1634 <a href="/page/2574427-petite-enfance"> 1635 Petite enfance </a> 1636 </li> 1637 <li > 1638 <a href="/page/2574055-parentalite"> 1639 Parentalité </a> 1640 </li> 1641 <li > 1642 <a href="/page/2574465-relations-professionnelles"> 1643 Relations professionnelles </a> 1644 </li> 1645 <li > 1646 <a href="/page/2583522-couple"> 1647 Couple </a> 1648 </li> 1649 </ul> 1650 <ul data-templatesubnav="565121"> 1651 <li > 1652 <a href="/page/2400223-trouver-un-intervenant-par-region-et-par-domaine"> 1653 Trouver un intervenant par région et par domaine </a> 1654 </li> 1655 <li > 1656 <a href="/page/2662485-contacter-adpf"> 1657 Contacter ADPF </a> 1658 </li> 1659 </ul> 1660 <ul data-templatesubnav="2574032"> 1661 <li > 1662 <a href="/page/2598614-etudes-scientifiques"> 1663 Ãtudes scientifiques </a> 1664 </li> 1665 <li > 1666 <a href="/page/571037-revue-de-presse"> 1667 Revue de presse </a> 1668 </li> 1669 <li > 1670 <a href="/page/3522355-amis-de-la-discipline-positive"> 1671 Amis de la Discipline Positive® </a> 1672 </li> 1673 <li > 1674 <a href="/page/2617354-contact"> 1675 Contact </a> 1676 </li> 1677 </ul> 1678 1679 </div> 1680 1681 </div> 1682 1683</div> 1684
1685<!-- Header bottom (importe également le header en mode édition si header none mais le cache avec un if dans le fichier inc.DESKTOP.public.header.php) --> 1686 1687<!-- Page --> 1688<article id="templatePageWrapper" class="layout-md"> 1689 <div id="templatePage"> 1690 <!-- #templateIframe permet de mesurer la hauteur de la page pour afficher le site dans une iframe --> 1691 <div id="templateIframe"> 1692 <!-- Tabulations --> 1693 <!-- Affiche les onglets pour les organisation dépendantes --> 1694 1695 <!-- Importe les tabulations, sauf pour le layout admin qui les importes dans son layout afin d'afficher le titre des pages dans le menu mobile --> 1696 1697 <!-- Tabulations en mode Fil d'Ariane --> 1698 <!-- Une tabulation, juste le titre s'affiche --> 1699 <div class="templatePageHeader" data-id="component_Header"> 1700 <div> 1701 <div id="templateTitle" class="templatePageHeaderPart"> 1702 <span class="displayInlineBlock valignMiddle"></span> 1703 </div> 1704 </div> 1705 </div> 1706 <div id="templateTabulationWrapper"> 1707 <div> 1708 <div id="templateTabulation"> 1709 1710 1711 <a 1712 id="tab_page-la-discipline-positive" 1713 href="/page/2467750-la-discipline-positive" 1714 class="" 1715 > 1716 La Discipline Positive® </a> 1717 <a 1718 id="tab_page-notre-mission" 1719 href="/page/2586037-notre-mission" 1720 class="" 1721 > 1722 Notre mission </a> 1723 <a 1724 id="tab_page-classe-et-collectivites" 1725 href="/page/2574411-classe-et-collectivites" 1726 class="active" 1727 > 1728 Classe et collectivités </a> 1729 <a 1730 id="tab_page-petite-enfance" 1731 href="/page/2574427-petite-enfance" 1732 class="" 1733 > 1734 Petite enfance </a> 1735 <a 1736 id="tab_page-parentalite" 1737 href="/page/2574055-parentalite" 1738 class="" 1739 > 1740 Parentalité </a> 1741 <a 1742 id="tab_page-relations-professionnelles" 1743 href="/page/2574465-relations-professionnelles" 1744 class="" 1745 > 1746 Relations professionnelles </a> 1747 <a 1748 id="tab_page-couple" 1749 href="/page/2583522-couple" 1750 class="" 1751 > 1752 Couple </a> 1753 </div> 1754 </div> 1755 </div> 1756 <!-- Titre uniquement --> 1757 <!-- Titre uniquement --> 1758<!-- Empêche un bug d'affichage du menu admin (https://github.com/sylfabre/buypacker-dev/issues/6376) --> 1759<div class="clearBoth"></div> 1760<!-- Template --> 1761<div class="templatePageWrapper layout-md"> 1762 <div class="templatePageContent "> 1763 <div class="templatePageContentHeader"> 1764 </div> 1765 1766 1767 1768 1769 1770<!-- Lien d'édition --> 1771 1772<!-- Contenu de la page --> 1773<div id="boxes"> 1774 1775 <style> 1776 #box78903968 { 1777 position: absolute; 1778 left: 0%; 1779 top: 0px; 1780 height: 180px; 1781 min-height:180px; 1782 padding: 0; 1783 margin: 0!important; 1784 border: 0; 1785 } 1786 </style>
1787 <div class="boxLandmark boxLandmarkBackground"> 1788 <div 1789 id="box78903968" 1790 class="box" 1791 style="width: 100%" 1792 data-type="background" 1793 > 1794 <div style="position: relative; overflow:hidden; height: 180px; background: #31466b; min-height: 180px"> 1795 1796 <style> 1797 #box78903991 { 1798 position: absolute; 1799 left: 25%; 1800 top: 0px; 1801 height: 180px; 1802 1803 padding: 0; 1804 margin: 0!important; 1805 border: 0; 1806 } 1807 </style> 1808 <div class="boxLandmark "> 1809 <div 1810 id="box78903991" 1811 class="box" 1812 style="width: 50%" 1813 data-type="picture" 1814 > 1815 <div style="position: relative; overflow:hidden; margin-right: 20px; margin-left: 20px; height: 180px; border-radius: 10px; background: transparent"> 1816 1817 <div class="overflowHidden displayInlineBlock positionRelative" style=" 1818 width:552px; 1819 max-width: 100%; 1820 height:180px; 1821 text-align: center; 1822 1823 border-radius: 10px;"> 1824 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 1825 <img 1826 src="https://app.assoconnect.com/services/storage?id=4178300&type=picture&secret=ubAokrOay7K07vOTmUbiKo25inrjqUz8qNVGZGaF&timestamp=1776273985" 1827 style=" 1828 position:absolute; 1829 width:313.428px; 1830 height:113.09527px; 1831 top:31px; 1832 left:-153px; 1833 max-width:none; 1834 " 1835 > 1836 </div> 1837 </div> 1838 </div> 1839 </div> 1840 </div> 1841 1842 </div> 1843 </div> 1844 </div> 1845 1846 <style> 1847 #box78903969 { 1848 position: absolute; 1849 left: 0%; 1850 top: 180px; 1851 height: 180px; 1852 min-height:180px; 1853 padding: 0; 1854 margin: 0!important; 1855 border: 0; 1856 } 1857 </style> 1858 <div class="boxLandmark boxLandmarkBackground"> 1859 <div 1860 id="box78903969" 1861 class="box" 1862 style="width: 100%" 1863 data-type="background" 1864 > 1865 <div style="position: relative; overflow:hidden; height: 180px; min-height: 180px"> 1866 <div class="boxBackgroundPicture" style="background-image:url(https://app.assoconnect.com/services/storage?id=4037377&type=picture&secret=jt4PMmMBxav3HZj6PUZmpP6BDlG99yZyUa5g0wpM×tamp=1776226241)"></div><div class="boxBackgroundOverlay" style="background-color:"></div> 1867 <style> 1868 #box78903992 { 1869 position: absolute; 1870 left: 33.333333333333%; 1871 top: 0px; 1872 height: 60px; 1873 1874 padding: 0; 1875 margin: 0!important; 1876 border: 0; 1877 } 1878 </style> 1879 <div class="boxLandmark "> 1880 <div 1881 id="box78903992" 1882 class="box" 1883 style="width: 25%" 1884 data-type="horizontalSeparator" 1885 > 1886 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 1887 <div class="separatorWrapper"><div><div class="separator" style="background:#ec6048;height:1px"></div></div></div> 1888 </div> 1889 </div> 1890 </div> 1891 1892 <style> 1893 #box78903993 { 1894 position: absolute; 1895 left: 25%; 1896 top: 60px; 1897 height: 60px; 1898 1899 padding: 0; 1900 margin: 0!important; 1901 border: 0; 1902 } 1903 </style> 1904 <div class="boxLandmark "> 1905 <div 1906 id="box78903993" 1907 class="box"
1908 style="width: 50%" 1909 data-type="text" 1910 > 1911 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent"> 1912 <div class="overflowHidden height100"><p style="text-align:center;"><span style="font-size:48px;"><span style="color:#ffffff;"><strong>CLASSE ET COLLECTIVITÃS</strong></span></span></p></div> 1913 </div> 1914 </div> 1915 </div> 1916 1917 <style> 1918 #box78903994 { 1919 position: absolute; 1920 left: 41.666666666667%; 1921 top: 120px; 1922 height: 60px; 1923 1924 padding: 0; 1925 margin: 0!important; 1926 border: 0; 1927 } 1928 </style> 1929 <div class="boxLandmark "> 1930 <div 1931 id="box78903994" 1932 class="box" 1933 style="width: 25%" 1934 data-type="horizontalSeparator" 1935 > 1936 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 1937 <div class="separatorWrapper"><div><div class="separator" style="background:#ec6048;height:1px"></div></div></div> 1938 </div> 1939 </div> 1940 </div> 1941 1942 </div> 1943 </div> 1944 </div> 1945 1946 <style> 1947 #box78903970 { 1948 position: absolute; 1949 left: 0%; 1950 top: 360px; 1951 height: 1380px; 1952 min-height:1380px; 1953 padding: 0; 1954 margin: 0!important; 1955 border: 0; 1956 } 1957 </style> 1958 <div class="boxLandmark boxLandmarkBackground"> 1959 <div 1960 id="box78903970" 1961 class="box" 1962 style="width: 100%" 1963 data-type="background" 1964 > 1965 <div style="position: relative; overflow:hidden; height: 1380px; background: #ffffff; min-height: 1380px"> 1966 1967 <style> 1968 #box78903995 { 1969 position: absolute; 1970 left: 0%; 1971 top: 60px; 1972 height: 600px; 1973 1974 padding: 0; 1975 margin: 0!important; 1976 border: 0; 1977 } 1978 </style> 1979 <div class="boxLandmark "> 1980 <div 1981 id="box78903995" 1982 class="box" 1983 style="width: 50%" 1984 data-type="picture" 1985 > 1986 <div style="position: relative; overflow:hidden; height: 600px; border-radius: 10px; background: transparent"> 1987 1988 <div class="overflowHidden displayInlineBlock positionRelative" style=" 1989 width:552px; 1990 max-width: 100%; 1991 height:600px; 1992 text-align: center; 1993 1994 border-radius: 10px;"> 1995 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 1996 <img 1997 src="https://app.assoconnect.com/services/storage?id=3946030&type=picture&secret=TDtOo2jONOGVSz7HS8bdIsk3yR0aLWTn1QHEz6bR&timestamp=1776202551" 1998 style=" 1999 position:absolute; 2000 width:471.499px; 2001 height:471.499px; 2002 top:60px; 2003 left:-237px; 2004 max-width:none; 2005 " 2006 > 2007 </div> 2008 </div> 2009 </div> 2010 </div> 2011 </div> 2012 2013 <style> 2014 #box78903979 { 2015 position: absolute; 2016 left: 50%; 2017 top: 60px; 2018 height: 1200px; 2019 2020 padding: 0; 2021 margin: 0!important; 2022 border: 0; 2023 } 2024 </style> 2025 <div class="boxLandmark "> 2026 <div 2027 id="box78903979" 2028 class="box"
2029 style="width: 50%" 2030 data-type="group" 2031 > 2032 <div style="position: relative; overflow:hidden; height: 1200px; background: transparent"> 2033 2034 <style> 2035 #box78903996 { 2036 position: absolute; 2037 left: 0%; 2038 top: 0px; 2039 height: 660px; 2040 2041 padding: 0; 2042 margin: 0!important; 2043 border: 0; 2044 } 2045 </style> 2046 <div class="boxLandmark "> 2047 <div 2048 id="box78903996" 2049 class="box" 2050 style="width: 100%" 2051 data-type="text" 2052 > 2053 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 20px; padding-bottom: 4px; padding-left: 20px; margin-right: 20px; margin-left: 20px; height: 660px; background: transparent"> 2054 <div class="overflowHidden height100"><h2><span style="color:#31466b;"><strong><span style="font-size:36px;">Pour les enseignants<br /> 2055et les professionnels<br /> 2056de lâenfance qui veulent tendre versâ¦</span></strong></span></h2> 2057 2058<p><span style="color:#31466b;"><strong><span style="font-size:36px;"><img alt src="https://site.assoconnect.com/services/storage?id=4128446&type=picture&secret=QUT1OamWxd3PU5COIVUlREBh3zGMOuoeb55l3IRs&timestamp=1707842627" style="height:20px;width:52px;" /></span></strong></span></p> 2059 2060<h2><span style="color:#31466b;">La création dâun climat de classe <strong>serein, apaisé<br /> 2061et respectueux. </strong></span></h2> 2062 2063<h2><span style="color:#31466b;">La mise en place dâun <strong>cadre sécurisant</strong><br /> 2064et dâune <strong>bonne ambiance</strong> de groupe. </span></h2> 2065 2066<h2><span style="color:#31466b;">La motivation de chaque élève à <strong>apprendre<br /> 2067et progresser. </strong></span></h2> 2068 2069<h2><span style="color:#31466b;">Le développement des <strong>compétences psychosociales</strong> au service de lâindividu<br /> 2070et du collectif. </span></h2></div> 2071 </div> 2072 </div> 2073 </div> 2074 2075 <style> 2076 #box78903998 { 2077 position: absolute; 2078 left: 0%; 2079 top: 660px; 2080 height: 540px; 2081 2082 padding: 0; 2083 margin: 0!important; 2084 border: 0; 2085 } 2086 </style> 2087 <div class="boxLandmark "> 2088 <div 2089 id="box78903998" 2090 class="box" 2091 style="width: 100%" 2092 data-type="picture" 2093 > 2094 <div style="position: relative; overflow:hidden; height: 540px; border-radius: 10px; background: transparent"> 2095 2096 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2097 width:552px; 2098 max-width: 100%; 2099 height:540px; 2100 text-align: center; 2101 2102 border-radius: 10px;"> 2103 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2104 <img 2105 src="https://app.assoconnect.com/services/storage?id=3946035&type=picture&secret=k8ZjaWaPl5ZsWlIK3SXjwPiWavVzWzFNp9PjxBzt&timestamp=1776202552" 2106 style=" 2107 position:absolute; 2108 width:460.999px; 2109 height:460.999px; 2110 top:38px; 2111 left:-236px; 2112 max-width:none; 2113 " 2114 > 2115 </div> 2116 </div> 2117 </div> 2118 </div> 2119 </div> 2120 2121 </div> 2122 </div> 2123 </div> 2124 2125 <style> 2126 #box78903997 { 2127 position: absolute; 2128 left: 0%; 2129 top: 720px; 2130 height: 540px; 2131 2132 padding: 0; 2133 margin: 0!important; 2134 border: 0; 2135 } 2136 </style> 2137 <div class="boxLandmark "> 2138 <div 2139 id="box78903997" 2140 class="box"
2141 style="width: 50%" 2142 data-type="text" 2143 > 2144 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 20px; padding-bottom: 4px; padding-left: 20px; margin-right: 20px; margin-left: 20px; height: 540px; background: transparent"> 2145 <div class="overflowHidden height100"><h1><span style="font-size:36px;"><span style="color:#31466b;"><strong>Face aux défis du quotidienâ¦</strong></span></span></h1> 2146 2147<p><img alt src="https://site.assoconnect.com/services/storage?id=4128424&type=picture&secret=v0BqUE9stEZRpkwYZ0iRsEiOcj1b5bnjYgGYoSEx&timestamp=1707842353" style="height:25px;width:50px;" /></p> 2148 2149<h2><span style="color:#31466b;">La <strong>passivité</strong> et le <strong>manque de motivation</strong><br /> 2150de certains jeunes. </span></h2> 2151 2152<h2><span style="color:#31466b;"><strong>Les conflits et moqueries</strong> entre les enfants<br /> 2153et lâabsence de <strong>respect</strong> ou lâ<strong>insolence</strong> envers<br /> 2154les adultes.  </span></h2> 2155 2156<h2><span style="color:#31466b;"><strong>Lâagitation,</strong> le bavardage, les <strong>oublis</strong> de matériel<br /> 2157et la <strong>prise de parole </strong>intempestive. </span></h2> 2158 2159<h2><span style="color:#31466b;"><strong>La transgression répétitive</strong> des règles. </span></h2> 2160 2161<h2><span style="color:#31466b;">Une mauvaise gestion des <strong>émotions</strong> des élèves,<br /> 2162des collègues et des parents. </span></h2></div> 2163 </div> 2164 </div> 2165 </div> 2166 2167 <style> 2168 #box78903999 { 2169 position: absolute; 2170 left: 0%; 2171 top: 1260px; 2172 height: 60px; 2173 2174 padding: 0; 2175 margin: 0!important; 2176 border: 0; 2177 } 2178 </style> 2179 <div class="boxLandmark "> 2180 <div 2181 id="box78903999" 2182 class="box" 2183 style="width: 25%" 2184 data-type="horizontalSeparator" 2185 > 2186 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 2187 <div class="separatorWrapper"><div><div class="separator" style="background:#ffffff;height:1px"></div></div></div> 2188 </div> 2189 </div> 2190 </div> 2191 2192 </div> 2193 </div> 2194 </div> 2195 2196 <style> 2197 #box78903971 { 2198 position: absolute; 2199 left: 0%; 2200 top: 1740px; 2201 height: 60px; 2202 min-height:60px; 2203 padding: 0; 2204 margin: 0!important; 2205 border: 0; 2206 } 2207 </style> 2208 <div class="boxLandmark boxLandmarkBackground"> 2209 <div 2210 id="box78903971" 2211 class="box" 2212 style="width: 100%" 2213 data-type="background" 2214 > 2215 <div style="position: relative; overflow:hidden; height: 60px; min-height: 60px"> 2216 <div class="boxBackgroundPicture" style="background-image:url(https://app.assoconnect.com/services/storage?id=3952523&type=picture&secret=SQH64VsJbidy6mIzagYIDqg9jwnfOGjX30WSFfBz×tamp=1776204219)"></div><div class="boxBackgroundOverlay" style="background-color:"></div> 2217 </div> 2218 </div> 2219 </div> 2220 2221 <style> 2222 #box78903972 { 2223 position: absolute; 2224 left: 0%; 2225 top: 1800px; 2226 height: 1080px; 2227 min-height:1080px; 2228 padding: 0; 2229 margin: 0!important; 2230 border: 0; 2231 } 2232 </style> 2233 <div class="boxLandmark boxLandmarkBackground"> 2234 <div 2235 id="box78903972" 2236 class="box"
2237 style="width: 100%" 2238 data-type="background" 2239 > 2240 <div style="position: relative; overflow:hidden; height: 1080px; background: #ec6048; min-height: 1080px"> 2241 2242 <style> 2243 #box78904000 { 2244 position: absolute; 2245 left: 33.333333333333%; 2246 top: 0px; 2247 height: 60px; 2248 2249 padding: 0; 2250 margin: 0!important; 2251 border: 0; 2252 } 2253 </style> 2254 <div class="boxLandmark "> 2255 <div 2256 id="box78904000" 2257 class="box" 2258 style="width: 25%" 2259 data-type="horizontalSeparator" 2260 > 2261 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 2262 <div class="separatorWrapper"><div><div class="separator" style="background:#ec6048;height:1px"></div></div></div> 2263 </div> 2264 </div> 2265 </div> 2266 2267 <style> 2268 #box78904001 { 2269 position: absolute; 2270 left: 16.666666666667%; 2271 top: 60px; 2272 height: 240px; 2273 2274 padding: 0; 2275 margin: 0!important; 2276 border: 0; 2277 } 2278 </style> 2279 <div class="boxLandmark "> 2280 <div 2281 id="box78904001" 2282 class="box" 2283 style="width: 66.666666666667%" 2284 data-type="text" 2285 > 2286 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 240px; background: transparent"> 2287 <div class="overflowHidden height100"><h2 style="text-align:center;"><strong><span style="font-size:48px;"><span style="color:#ffffff;">La Discipline Positive® propose </span></span></strong><strong><span style="font-size:48px;"><span style="color:#ffffff;">une démarche et des outils pour enseigner dans la coopération</span></span></strong></h2></div> 2288 </div> 2289 </div> 2290 </div> 2291 2292 <style> 2293 #box78903980 { 2294 position: absolute; 2295 left: 0%; 2296 top: 240px; 2297 height: 660px; 2298 2299 padding: 0; 2300 margin: 0!important; 2301 border: 0; 2302 } 2303 </style> 2304 <div class="boxLandmark "> 2305 <div 2306 id="box78903980" 2307 class="box" 2308 style="width: 33.333333333333%" 2309 data-type="group" 2310 > 2311 <div style="position: relative; overflow:hidden; height: 660px; background: transparent"> 2312 2313 </div> 2314 </div> 2315 </div> 2316 2317 <style> 2318 #box78904002 { 2319 position: absolute; 2320 left: 0%; 2321 top: 240px; 2322 height: 60px; 2323 2324 padding: 0; 2325 margin: 0!important; 2326 border: 0; 2327 } 2328 </style> 2329 <div class="boxLandmark "> 2330 <div 2331 id="box78904002" 2332 class="box" 2333 style="width: 16.666666666667%" 2334 data-type="horizontalSeparator" 2335 > 2336 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 2337 <div class="separatorWrapper"><div><div class="separator" style="background:#ec6048;height:1px"></div></div></div> 2338 </div> 2339 </div> 2340 </div> 2341 2342 <style> 2343 #box78903981 { 2344 position: absolute; 2345 left: 0%; 2346 top: 300px; 2347 height: 600px; 2348 2349 padding: 0; 2350 margin: 0!important; 2351 border: 0; 2352 } 2353 </style> 2354 <div class="boxLandmark "> 2355 <div 2356 id="box78903981" 2357 class="box"
2358 style="width: 33.333333333333%" 2359 data-type="group" 2360 > 2361 <div style="position: relative; overflow:hidden; height: 600px; background: transparent"> 2362 2363 </div> 2364 </div> 2365 </div> 2366 2367 <style> 2368 #box78904003 { 2369 position: absolute; 2370 left: 0%; 2371 top: 300px; 2372 height: 540px; 2373 2374 padding: 0; 2375 margin: 0!important; 2376 border: 0; 2377 } 2378 </style> 2379 <div class="boxLandmark "> 2380 <div 2381 id="box78904003" 2382 class="box" 2383 style="width: 33.333333333333%" 2384 data-type="picture" 2385 > 2386 <div style="position: relative; overflow:hidden; height: 540px; border-radius: 10px; background: transparent"> 2387 2388 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2389 width:368px; 2390 max-width: 100%; 2391 height:540px; 2392 text-align: center; 2393 2394 border-radius: 10px;"> 2395 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2396 <img 2397 src="https://app.assoconnect.com/services/storage?id=4001097&type=picture&secret=ONXcaPfSUOUojoLs7zVfT3pOOwZeWMlq1oJ3n7lk&timestamp=1776216664" 2398 style=" 2399 position:absolute; 2400 width:283.584px; 2401 height:539.9912px; 2402 top:0px; 2403 left:-142px; 2404 max-width:none; 2405 " 2406 > 2407 </div> 2408 </div> 2409 </div> 2410 </div> 2411 </div> 2412 2413 <style> 2414 #box78903982 { 2415 position: absolute; 2416 left: 33.333333333333%; 2417 top: 300px; 2418 height: 600px; 2419 2420 padding: 0; 2421 margin: 0!important; 2422 border: 0; 2423 } 2424 </style> 2425 <div class="boxLandmark "> 2426 <div 2427 id="box78903982" 2428 class="box" 2429 style="width: 33.333333333333%" 2430 data-type="group" 2431 > 2432 <div style="position: relative; overflow:hidden; height: 600px; background: transparent"> 2433 2434 </div> 2435 </div> 2436 </div> 2437 2438 <style> 2439 #box78903983 { 2440 position: absolute; 2441 left: 33.333333333333%; 2442 top: 300px; 2443 height: 600px; 2444 2445 padding: 0; 2446 margin: 0!important; 2447 border: 0; 2448 } 2449 </style> 2450 <div class="boxLandmark "> 2451 <div 2452 id="box78903983" 2453 class="box" 2454 style="width: 33.333333333333%" 2455 data-type="group" 2456 > 2457 <div style="position: relative; overflow:hidden; height: 600px; background: transparent"> 2458 2459 </div> 2460 </div> 2461 </div> 2462 2463 <style> 2464 #box78904004 { 2465 position: absolute; 2466 left: 33.333333333333%; 2467 top: 300px; 2468 height: 540px; 2469 2470 padding: 0; 2471 margin: 0!important; 2472 border: 0; 2473 } 2474 </style> 2475 <div class="boxLandmark "> 2476 <div 2477 id="box78904004" 2478 class="box" 2479 style="width: 33.333333333333%" 2480 data-type="picture" 2481 > 2482 <div style="position: relative; overflow:hidden; height: 540px; border-radius: 10px; background: transparent"> 2483 2484 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2485 width:368px; 2486 max-width: 100%; 2487 height:540px; 2488 text-align: center; 2489 2490 border-radius: 10px;"> 2491 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2492 <img 2493 src="https://app.assoconnect.com/services/storage?id=4001100&type=picture&secret=vSJKhk8BwzJIlX1pZWUoa5WXoRg5TIAXhlMKnFQd&timestamp=1776216664" 2494 style=" 2495 position:absolute; 2496 width:283.584px; 2497 height:539.9912px; 2498 top:0px; 2499 left:-142px; 2500 max-width:none; 2501 " 2502 > 2503 </div> 2504 </div> 2505 </div> 2506 </div> 2507 </div> 2508 2509 <style> 2510 #box78903984 { 2511 position: absolute; 2512 left: 66.666666666667%; 2513 top: 300px; 2514 height: 600px; 2515 2516 padding: 0; 2517 margin: 0!important; 2518 border: 0; 2519 } 2520 </style> 2521 <div class="boxLandmark "> 2522 <div 2523 id="box78903984" 2524 class="box"
2525 style="width: 33.333333333333%" 2526 data-type="group" 2527 > 2528 <div style="position: relative; overflow:hidden; height: 600px; background: transparent"> 2529 2530 </div> 2531 </div> 2532 </div> 2533 2534 <style> 2535 #box78903985 { 2536 position: absolute; 2537 left: 66.666666666667%; 2538 top: 300px; 2539 height: 600px; 2540 2541 padding: 0; 2542 margin: 0!important; 2543 border: 0; 2544 } 2545 </style> 2546 <div class="boxLandmark "> 2547 <div 2548 id="box78903985" 2549 class="box" 2550 style="width: 33.333333333333%" 2551 data-type="group" 2552 > 2553 <div style="position: relative; overflow:hidden; height: 600px; background: transparent"> 2554 2555 </div> 2556 </div> 2557 </div> 2558 2559 <style> 2560 #box78904005 { 2561 position: absolute; 2562 left: 66.666666666667%; 2563 top: 300px; 2564 height: 540px; 2565 2566 padding: 0; 2567 margin: 0!important; 2568 border: 0; 2569 } 2570 </style> 2571 <div class="boxLandmark "> 2572 <div 2573 id="box78904005" 2574 class="box" 2575 style="width: 33.333333333333%" 2576 data-type="picture" 2577 > 2578 <div style="position: relative; overflow:hidden; height: 540px; border-radius: 10px; background: transparent"> 2579 2580 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2581 width:368px; 2582 max-width: 100%; 2583 height:540px; 2584 text-align: center; 2585 2586 border-radius: 10px;"> 2587 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2588 <img 2589 src="https://app.assoconnect.com/services/storage?id=4001103&type=picture&secret=RuByi9RDj1SOULBf7KuIj1M3nBuayLdIy0GFyjTe&timestamp=1776216665" 2590 style=" 2591 position:absolute; 2592 width:283.584px; 2593 height:539.9912px; 2594 top:0px; 2595 left:-142px; 2596 max-width:none; 2597 " 2598 > 2599 </div> 2600 </div> 2601 </div> 2602 </div> 2603 </div> 2604 2605 <style> 2606 #box78904006 { 2607 position: absolute; 2608 left: 0%; 2609 top: 840px; 2610 height: 60px; 2611 2612 padding: 0; 2613 margin: 0!important; 2614 border: 0; 2615 } 2616 </style> 2617 <div class="boxLandmark "> 2618 <div 2619 id="box78904006" 2620 class="box" 2621 style="width: 25%" 2622 data-type="horizontalSeparator" 2623 > 2624 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 2625 <div class="separatorWrapper"><div><div class="separator" style="background:#ec6048;height:1px"></div></div></div> 2626 </div> 2627 </div> 2628 </div> 2629 2630 <style> 2631 #box78904007 { 2632 position: absolute; 2633 left: 41.666666666667%; 2634 top: 840px; 2635 height: 60px; 2636 2637 padding: 0; 2638 margin: 0!important; 2639 border: 0; 2640 } 2641 </style> 2642 <div class="boxLandmark "> 2643 <div 2644 id="box78904007" 2645 class="box"
2646 style="width: 25%" 2647 data-type="horizontalSeparator" 2648 > 2649 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 2650 <div class="separatorWrapper"><div><div class="separator" style="background:#ec6048;height:1px"></div></div></div> 2651 </div> 2652 </div> 2653 </div> 2654 2655 <style> 2656 #box78904008 { 2657 position: absolute; 2658 left: 75%; 2659 top: 840px; 2660 height: 60px; 2661 2662 padding: 0; 2663 margin: 0!important; 2664 border: 0; 2665 } 2666 </style> 2667 <div class="boxLandmark "> 2668 <div 2669 id="box78904008" 2670 class="box" 2671 style="width: 25%" 2672 data-type="horizontalSeparator" 2673 > 2674 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 2675 <div class="separatorWrapper"><div><div class="separator" style="background:#ec6048;height:1px"></div></div></div> 2676 </div> 2677 </div> 2678 </div> 2679 2680 <style> 2681 #box78904009 { 2682 position: absolute; 2683 left: 8.3333333333333%; 2684 top: 900px; 2685 height: 120px; 2686 2687 padding: 0; 2688 margin: 0!important; 2689 border: 0; 2690 } 2691 </style> 2692 <div class="boxLandmark "> 2693 <div 2694 id="box78904009" 2695 class="box" 2696 style="width: 33.333333333333%" 2697 data-type="picture" 2698 > 2699 <div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent"> 2700 2701 <a 2702 href="/page/2400223-trouver-un-intervenant-par-region-et-par-domaine" 2703 2704 > 2705 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2706 width:368px; 2707 max-width: 100%; 2708 height:120px; 2709 text-align: center; 2710 2711 border-radius: 10px;"> 2712 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2713 <img 2714 src="https://app.assoconnect.com/services/storage?id=4037982&type=picture&secret=467FdeG95NgL89S3ixvgUVvEgBFQ21K7uZTxNNvj&timestamp=1776226406" 2715 style=" 2716 position:absolute; 2717 width:368.004px; 2718 height:65.62738px; 2719 top:27px; 2720 left:-184px; 2721 max-width:none; 2722 " 2723 > 2724 </div> 2725 </div></a> 2726 2727 </div> 2728 </div> 2729 </div> 2730 2731 <style> 2732 #box78904010 { 2733 position: absolute; 2734 left: 58.333333333333%; 2735 top: 900px; 2736 height: 120px; 2737 2738 padding: 0; 2739 margin: 0!important; 2740 border: 0; 2741 } 2742 </style> 2743 <div class="boxLandmark "> 2744 <div 2745 id="box78904010" 2746 class="box" 2747 style="width: 33.333333333333%" 2748 data-type="picture" 2749 > 2750 <div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent"> 2751 2752 <a 2753 href="/page/2581577-trouver-une-formation" 2754 2755 > 2756 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2757 width:368px; 2758 max-width: 100%; 2759 height:120px; 2760 text-align: center; 2761 2762 border-radius: 10px;"> 2763 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2764 <img 2765 src="https://app.assoconnect.com/services/storage?id=4037984&type=picture&secret=hSiWGfqaR7WG9HYjmrQrP7UFJViCn6H3yT0kNV0S&timestamp=1776226407" 2766 style=" 2767 position:absolute; 2768 width:368.004px; 2769 height:65.62738px; 2770 top:27px; 2771 left:-184px; 2772 max-width:none; 2773 " 2774 > 2775 </div> 2776 </div></a> 2777 2778 </div> 2779 </div> 2780 </div> 2781 2782 </div> 2783 </div> 2784 </div> 2785 2786 <style> 2787 #box78903973 { 2788 position: absolute; 2789 left: 0%; 2790 top: 2880px; 2791 height: 1200px; 2792 min-height:1200px; 2793 padding: 0; 2794 margin: 0!important; 2795 border: 0; 2796 } 2797 </style>
2798 <div class="boxLandmark boxLandmarkBackground"> 2799 <div 2800 id="box78903973" 2801 class="box" 2802 style="width: 100%" 2803 data-type="background" 2804 > 2805 <div style="position: relative; overflow:hidden; height: 1200px; background: #31466b; min-height: 1200px"> 2806 2807 <style> 2808 #box78904011 { 2809 position: absolute; 2810 left: 33.333333333333%; 2811 top: 0px; 2812 height: 60px; 2813 2814 padding: 0; 2815 margin: 0!important; 2816 border: 0; 2817 } 2818 </style> 2819 <div class="boxLandmark "> 2820 <div 2821 id="box78904011" 2822 class="box" 2823 style="width: 25%" 2824 data-type="horizontalSeparator" 2825 > 2826 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 2827 <div class="separatorWrapper"><div><div class="separator" style="background:#31466b;height:1px"></div></div></div> 2828 </div> 2829 </div> 2830 </div> 2831 2832 <style> 2833 #box78904012 { 2834 position: absolute; 2835 left: 8.3333333333333%; 2836 top: 60px; 2837 height: 180px; 2838 2839 padding: 0; 2840 margin: 0!important; 2841 border: 0; 2842 } 2843 </style> 2844 <div class="boxLandmark "> 2845 <div 2846 id="box78904012" 2847 class="box" 2848 style="width: 83.333333333333%" 2849 data-type="text" 2850 > 2851 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 180px; background: transparent"> 2852 <div class="overflowHidden height100"><h2 style="text-align:center;"><span style="font-size:48px;"><span style="color:#ffffff;"><strong>" La Discipline Positive® m'aide à agir<br /> 2853comme l'enseignant que j'ai envie d'être "</strong></span></span></h2></div> 2854 </div> 2855 </div> 2856 </div> 2857 2858 <style> 2859 #box78904013 { 2860 position: absolute; 2861 left: 16.666666666667%; 2862 top: 240px; 2863 height: 60px; 2864 2865 padding: 0; 2866 margin: 0!important; 2867 border: 0; 2868 } 2869 </style> 2870 <div class="boxLandmark "> 2871 <div 2872 id="box78904013" 2873 class="box" 2874 style="width: 66.666666666667%" 2875 data-type="text" 2876 > 2877 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent"> 2878 <div class="overflowHidden height100"><h1 style="text-align:center;"><span style="color:#ffffff;"><strong>Les professionnels de lâéducation témoignentâ¦</strong></span></h1></div> 2879 </div> 2880 </div> 2881 </div> 2882 2883 <style> 2884 #box78903986 { 2885 position: absolute; 2886 left: 8.3333333333333%; 2887 top: 300px; 2888 height: 660px; 2889 2890 padding: 0; 2891 margin: 0!important; 2892 border: 0; 2893 } 2894 </style> 2895 <div class="boxLandmark "> 2896 <div 2897 id="box78903986" 2898 class="box" 2899 style="width: 33.333333333333%" 2900 data-type="group" 2901 > 2902 <div style="position: relative; overflow:hidden; height: 660px; background: transparent"> 2903 2904 <style> 2905 #box78904014 { 2906 position: absolute; 2907 left: 0%; 2908 top: 0px; 2909 height: 120px; 2910 2911 padding: 0; 2912 margin: 0!important; 2913 border: 0; 2914 } 2915 </style> 2916 <div class="boxLandmark "> 2917 <div 2918 id="box78904014" 2919 class="box"
2920 style="width: 100%" 2921 data-type="picture" 2922 > 2923 <div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent"> 2924 2925 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2926 width:368px; 2927 max-width: 100%; 2928 height:120px; 2929 text-align: center; 2930 2931 border-radius: 10px;"> 2932 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2933 <img 2934 src="https://app.assoconnect.com/services/storage?id=4128472&type=picture&secret=PSTaA7LVY1B3PXh9HFmfhxTyYvIxufJ8ypFW1EC8&timestamp=1776260224" 2935 style=" 2936 position:absolute; 2937 width:107.21016px; 2938 height:107.21016px; 2939 top:3px; 2940 left:-55px; 2941 max-width:none; 2942 " 2943 > 2944 </div> 2945 </div> 2946 </div> 2947 </div> 2948 </div> 2949 2950 <style> 2951 #box78904016 { 2952 position: absolute; 2953 left: 0%; 2954 top: 120px; 2955 height: 540px; 2956 2957 padding: 0; 2958 margin: 0!important; 2959 border: 0; 2960 } 2961 </style> 2962 <div class="boxLandmark "> 2963 <div 2964 id="box78904016" 2965 class="box" 2966 style="width: 100%" 2967 data-type="text" 2968 > 2969 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 540px; background: transparent"> 2970 <div class="overflowHidden height100"><h2 style="text-align:center;"><span style="font-size:32px;"><span style="color:#ffffff;"><strong>"Grâce à la Discipline Positive®, <br /> 2971jâai pu créer un climat de classe coopératifâ¦"</strong></span></span></h2> 2972 2973<h2 style="text-align:center;"><span style="font-size:24px;"><span style="color:#ffffff;">Cette  formation mâa permis dâavoir une nouvelle approche avec mes élèves et mâa donné des stratégies pratiques.  Je vais mettre en place lâespace « Temps de pause » pour les élèves aux comportements énergivores et les aider à mieux entrer dans les apprentissages.</span></span></h2> 2974 2975<p style="text-align:center;"><strong><span style="font-size:24px;"><span style="color:#ffffff;">Sébastien, professeur de collège</span></span></strong></p></div> 2976 </div> 2977 </div> 2978 </div> 2979 2980 </div> 2981 </div> 2982 </div> 2983 2984 <style> 2985 #box78903987 { 2986 position: absolute; 2987 left: 58.333333333333%; 2988 top: 300px; 2989 height: 840px; 2990 2991 padding: 0; 2992 margin: 0!important; 2993 border: 0; 2994 } 2995 </style> 2996 <div class="boxLandmark "> 2997 <div 2998 id="box78903987" 2999 class="box" 3000 style="width: 33.333333333333%" 3001 data-type="group" 3002 > 3003 <div style="position: relative; overflow:hidden; height: 840px; background: transparent"> 3004 3005 </div> 3006 </div> 3007 </div> 3008 3009 <style> 3010 #box78903988 { 3011 position: absolute; 3012 left: 58.333333333333%; 3013 top: 300px; 3014 height: 840px; 3015 3016 padding: 0; 3017 margin: 0!important; 3018 border: 0; 3019 } 3020 </style> 3021 <div class="boxLandmark "> 3022 <div 3023 id="box78903988" 3024 class="box"
3025 style="width: 33.333333333333%" 3026 data-type="group" 3027 > 3028 <div style="position: relative; overflow:hidden; height: 840px; background: transparent"> 3029 3030 <style> 3031 #box78904015 { 3032 position: absolute; 3033 left: 0%; 3034 top: 0px; 3035 height: 120px; 3036 3037 padding: 0; 3038 margin: 0!important; 3039 border: 0; 3040 } 3041 </style> 3042 <div class="boxLandmark "> 3043 <div 3044 id="box78904015" 3045 class="box" 3046 style="width: 100%" 3047 data-type="picture" 3048 > 3049 <div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent"> 3050 3051 <div class="overflowHidden displayInlineBlock positionRelative" style=" 3052 width:368px; 3053 max-width: 100%; 3054 height:120px; 3055 text-align: center; 3056 3057 border-radius: 10px;"> 3058 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 3059 <img 3060 src="https://app.assoconnect.com/services/storage?id=3952594&type=picture&secret=l0LNXEtxoatF9NK3DHaMvescYbi61JJTcPJzci5V&timestamp=1776204237" 3061 style=" 3062 position:absolute; 3063 width:54.35216px; 3064 height:22.16996px; 3065 top:53px; 3066 left:-38px; 3067 max-width:none; 3068 " 3069 > 3070 </div> 3071 </div> 3072 </div> 3073 </div> 3074 </div> 3075 3076 <style> 3077 #box78904017 { 3078 position: absolute; 3079 left: 0%; 3080 top: 120px; 3081 height: 720px; 3082 3083 padding: 0; 3084 margin: 0!important; 3085 border: 0; 3086 } 3087 </style> 3088 <div class="boxLandmark "> 3089 <div 3090 id="box78904017" 3091 class="box" 3092 style="width: 100%" 3093 data-type="text" 3094 > 3095 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 720px; background: transparent"> 3096 <div class="overflowHidden height100"><h2 style="text-align:center;"><span style="font-size:32px;"><span style="color:#ffffff;"><strong>"Je cherchais des outils pour fonctionner différemment<br /> 3097avec mes classes"</strong></span></span></h2> 3098 3099<h2 style="text-align:center;"><span style="font-size:24px;"><span style="color:#ffffff;">L'an passé, mes élèves ne répondaient qu'aux injonctions, aux phrases courtes à l'impératif, au ton ferme, à la limite du rapport de force.... Dès qu'il y avait un peu de bienveillance affichée envers eux, ils la rejetaient.... Une considération impensable pour eux !  Je n'ai pas baissé les bras et jâai cherché à mettre en place des solutions que jâavais pratiquées dans les formations de Discipline Positive®. Cette démarche m'a permis de les faire réfléchir et de les amener à d'autres types de relations.</span></span></h2> 3100 3101<p style="text-align:center;"><strong><span style="font-size:24px;"><span style="color:#ffffff;">Béatrice, enseignante au collège</span></span></strong></p></div> 3102 </div> 3103 </div> 3104 </div> 3105 3106 </div> 3107 </div> 3108 </div> 3109 3110 <style> 3111 #box78903989 { 3112 position: absolute; 3113 left: 8.3333333333333%; 3114 top: 360px; 3115 height: 660px; 3116 3117 padding: 0; 3118 margin: 0!important; 3119 border: 0; 3120 } 3121 </style> 3122 <div class="boxLandmark "> 3123 <div 3124 id="box78903989" 3125 class="box"
3126 style="width: 33.333333333333%" 3127 data-type="group" 3128 > 3129 <div style="position: relative; overflow:hidden; height: 660px; background: transparent"> 3130 3131 </div> 3132 </div> 3133 </div> 3134 3135 <style> 3136 #box78904018 { 3137 position: absolute; 3138 left: 33.333333333333%; 3139 top: 1140px; 3140 height: 60px; 3141 3142 padding: 0; 3143 margin: 0!important; 3144 border: 0; 3145 } 3146 </style> 3147 <div class="boxLandmark "> 3148 <div 3149 id="box78904018" 3150 class="box" 3151 style="width: 25%" 3152 data-type="horizontalSeparator" 3153 > 3154 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 3155 <div class="separatorWrapper"><div><div class="separator" style="background:#31466b;height:1px"></div></div></div> 3156 </div> 3157 </div> 3158 </div> 3159 3160 </div> 3161 </div> 3162 </div> 3163 3164 <style> 3165 #box78903974 { 3166 position: absolute; 3167 left: 0%; 3168 top: 4080px; 3169 height: 60px; 3170 min-height:60px; 3171 padding: 0; 3172 margin: 0!important; 3173 border: 0; 3174 } 3175 </style> 3176 <div class="boxLandmark boxLandmarkBackground"> 3177 <div 3178 id="box78903974" 3179 class="box" 3180 style="width: 100%" 3181 data-type="background" 3182 > 3183 <div style="position: relative; overflow:hidden; height: 60px; min-height: 60px"> 3184 <div class="boxBackgroundPicture" style="background-image:url(https://app.assoconnect.com/services/storage?id=3952618&type=picture&secret=TjJR3b6CXrCZJJFcTeXeUtUmQpkVw976gIqfy4GZ×tamp=1776204243)"></div><div class="boxBackgroundOverlay" style="background-color:"></div> 3185 </div> 3186 </div> 3187 </div> 3188 3189 <style> 3190 #box78903975 { 3191 position: absolute; 3192 left: 0%; 3193 top: 4140px; 3194 height: 1260px; 3195 min-height:1260px; 3196 padding: 0; 3197 margin: 0!important; 3198 border: 0; 3199 } 3200 </style> 3201 <div class="boxLandmark boxLandmarkBackground"> 3202 <div 3203 id="box78903975" 3204 class="box" 3205 style="width: 100%" 3206 data-type="background" 3207 > 3208 <div style="position: relative; overflow:hidden; height: 1260px; background: #ffffff; min-height: 1260px"> 3209 3210 <style> 3211 #box78904019 { 3212 position: absolute; 3213 left: 33.333333333333%; 3214 top: 0px; 3215 height: 60px; 3216 3217 padding: 0; 3218 margin: 0!important; 3219 border: 0; 3220 } 3221 </style> 3222 <div class="boxLandmark "> 3223 <div 3224 id="box78904019" 3225 class="box" 3226 style="width: 25%" 3227 data-type="horizontalSeparator" 3228 > 3229 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 3230 <div class="separatorWrapper"><div><div class="separator" style="background:#ffffff;height:1px"></div></div></div> 3231 </div> 3232 </div> 3233 </div> 3234 3235 <style> 3236 #box78904020 { 3237 position: absolute; 3238 left: 8.3333333333333%; 3239 top: 60px; 3240 height: 120px; 3241 3242 padding: 0; 3243 margin: 0!important; 3244 border: 0; 3245 } 3246 </style> 3247 <div class="boxLandmark "> 3248 <div 3249 id="box78904020" 3250 class="box"
3251 style="width: 83.333333333333%" 3252 data-type="text" 3253 > 3254 <div style="position: relative; overflow:hidden; padding-top: 16px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 120px; background: transparent"> 3255 <div class="overflowHidden height100"><h2 style="text-align:center;"><span style="font-size:48px;"><span style="color:#31466b;"><strong>Les enseignants témoignent : </strong></span></span></h2></div> 3256 </div> 3257 </div> 3258 </div> 3259 3260 <style> 3261 #box78904021 { 3262 position: absolute; 3263 left: 33.333333333333%; 3264 top: 180px; 3265 height: 60px; 3266 3267 padding: 0; 3268 margin: 0!important; 3269 border: 0; 3270 } 3271 </style> 3272 <div class="boxLandmark "> 3273 <div 3274 id="box78904021" 3275 class="box" 3276 style="width: 33.333333333333%" 3277 data-type="picture" 3278 > 3279 <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> 3280 3281 <div class="overflowHidden displayInlineBlock positionRelative" style=" 3282 width:368px; 3283 max-width: 100%; 3284 height:60px; 3285 text-align: center; 3286 3287 border-radius: 10px;"> 3288 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 3289 <img 3290 src="https://app.assoconnect.com/services/storage?id=3952635&type=picture&secret=6Jod2nd7tWrl2pBEwS7nu21KQZYPrRrYtDgQIBif&timestamp=1776204247" 3291 style=" 3292 position:absolute; 3293 width:59.63416px; 3294 height:22.75514px; 3295 top:8px; 3296 left:-35px; 3297 max-width:none; 3298 " 3299 > 3300 </div> 3301 </div> 3302 </div> 3303 </div> 3304 </div> 3305 3306 <style> 3307 #box78904022 { 3308 position: absolute; 3309 left: 0%; 3310 top: 240px; 3311 height: 300px; 3312 3313 padding: 0; 3314 margin: 0!important; 3315 border: 0; 3316 } 3317 </style> 3318 <div class="boxLandmark "> 3319 <div 3320 id="box78904022" 3321 class="box" 3322 style="width: 41.666666666667%" 3323 data-type="youtubeVideo" 3324 > 3325 <div style="position: relative; overflow:hidden; margin-top: 20px; height: 260px; background: transparent"> 3326 3327 <div 3328 class="video-youtube" 3329 data-video-id="pN9oJNTsuz4" 3330 data-video-start="0" 3331 style="width: 100%; position: absolute; top: 50%; text-align: center" 3332 > 3333 <a href="#">Veuillez accepter les cookies pour lire cette vidéo.</a> 3334 </div> 3335 3336 </div> 3337 </div> 3338 </div> 3339 3340 <style> 3341 #box78904023 { 3342 position: absolute; 3343 left: 58.333333333333%; 3344 top: 240px; 3345 height: 300px; 3346 3347 padding: 0; 3348 margin: 0!important; 3349 border: 0; 3350 } 3351 </style> 3352 <div class="boxLandmark "> 3353 <div 3354 id="box78904023" 3355 class="box" 3356 style="width: 41.666666666667%" 3357 data-type="youtubeVideo" 3358 > 3359 <div style="position: relative; overflow:hidden; margin-top: 20px; height: 260px; background: transparent"> 3360 3361 <div 3362 class="video-youtube" 3363 data-video-id="0NssD0JsDA4" 3364 data-video-start="0" 3365 style="width: 100%; position: absolute; top: 50%; text-align: center" 3366 > 3367 <a href="#">Veuillez accepter les cookies pour lire cette vidéo.</a> 3368 </div> 3369 3370 </div> 3371 </div> 3372 </div> 3373 3374 <style> 3375 #box78904024 { 3376 position: absolute; 3377 left: 0%; 3378 top: 540px; 3379 height: 180px; 3380 3381 padding: 0; 3382 margin: 0!important; 3383 border: 0; 3384 } 3385 </style> 3386 <div class="boxLandmark "> 3387 <div 3388 id="box78904024" 3389 class="box"
3390 style="width: 50%" 3391 data-type="text" 3392 > 3393 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 20px; padding-bottom: 4px; padding-left: 20px; margin-right: 20px; margin-left: 20px; height: 180px; background: transparent"> 3394 <div class="overflowHidden height100"><h2 style="text-align:center;"><span style="color:#ec6048;"><strong><span style="font-size:32px;">Lâimplication des élèves a piqué la curiosité du profâ¦</span></strong></span></h2> 3395 3396<h2 style="text-align:center;"><span style="color:#31466b;"><span style="font-size:24px;"><strong>Chahra Joubrel-Merahi</strong></span></span></h2></div> 3397 </div> 3398 </div> 3399 </div> 3400 3401 <style> 3402 #box78904025 { 3403 position: absolute; 3404 left: 58.333333333333%; 3405 top: 540px; 3406 height: 180px; 3407 3408 padding: 0; 3409 margin: 0!important; 3410 border: 0; 3411 } 3412 </style> 3413 <div class="boxLandmark "> 3414 <div 3415 id="box78904025" 3416 class="box" 3417 style="width: 41.666666666667%" 3418 data-type="text" 3419 > 3420 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 20px; padding-bottom: 4px; padding-left: 20px; margin-right: 20px; margin-left: 20px; height: 180px; background: transparent"> 3421 <div class="overflowHidden height100"><h2 style="text-align:center;"><span style="color:#ec6048;"><strong><span style="font-size:32px;">De la colère destructrice<br /> 3422à la responsabilisation.</span></strong></span></h2> 3423 3424<h2 style="text-align:center;"><span style="color:#31466b;"><strong>Clotilde Bacqué</strong></span></h2></div> 3425 </div> 3426 </div> 3427 </div> 3428 3429 <style> 3430 #box78904026 { 3431 position: absolute; 3432 left: 25%; 3433 top: 720px; 3434 height: 300px; 3435 3436 padding: 0; 3437 margin: 0!important; 3438 border: 0; 3439 } 3440 </style> 3441 <div class="boxLandmark "> 3442 <div 3443 id="box78904026" 3444 class="box" 3445 style="width: 50%" 3446 data-type="youtubeVideo" 3447 > 3448 <div style="position: relative; overflow:hidden; margin-top: 20px; margin-right: 20px; margin-left: 20px; height: 260px; background: transparent"> 3449 3450 <div 3451 class="video-youtube" 3452 data-video-id="fHZrgsQH3DQ" 3453 data-video-start="0" 3454 style="width: 100%; position: absolute; top: 50%; text-align: center" 3455 > 3456 <a href="#">Veuillez accepter les cookies pour lire cette vidéo.</a> 3457 </div> 3458 3459 </div> 3460 </div> 3461 </div> 3462 3463 <style> 3464 #box78904027 { 3465 position: absolute; 3466 left: 25%; 3467 top: 1020px; 3468 height: 180px; 3469 3470 padding: 0; 3471 margin: 0!important; 3472 border: 0; 3473 } 3474 </style> 3475 <div class="boxLandmark "> 3476 <div 3477 id="box78904027" 3478 class="box" 3479 style="width: 50%" 3480 data-type="text" 3481 > 3482 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 20px; padding-bottom: 4px; padding-left: 20px; margin-right: 20px; margin-left: 20px; height: 180px; background: transparent"> 3483 <div class="overflowHidden height100"><h2 style="text-align:center;"><span style="color:#ec6048;"><strong><span style="font-size:32px;">Avec la Discipline Positive®, le calme revient en 3 secondes !</span></strong></span></h2> 3484 3485<h2 style="text-align:center;"><span style="color:#31466b;"><span style="font-size:24px;"><strong>Amandine, Enseignante de maternelle</strong></span></span></h2></div> 3486 </div> 3487 </div> 3488 </div> 3489 3490 <style> 3491 #box78904028 { 3492 position: absolute; 3493 left: 41.666666666667%; 3494 top: 1200px; 3495 height: 60px; 3496 3497 padding: 0; 3498 margin: 0!important; 3499 border: 0; 3500 } 3501 </style> 3502 <div class="boxLandmark "> 3503 <div 3504 id="box78904028" 3505 class="box"
3506 style="width: 25%" 3507 data-type="horizontalSeparator" 3508 > 3509 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 3510 <div class="separatorWrapper"><div><div class="separator" style="background:#ffffff;height:1px"></div></div></div> 3511 </div> 3512 </div> 3513 </div> 3514 3515 </div> 3516 </div> 3517 </div> 3518 3519 <style> 3520 #box78903976 { 3521 position: absolute; 3522 left: 0%; 3523 top: 5400px; 3524 height: 360px; 3525 min-height:360px; 3526 padding: 0; 3527 margin: 0!important; 3528 border: 0; 3529 } 3530 </style> 3531 <div class="boxLandmark boxLandmarkBackground"> 3532 <div 3533 id="box78903976" 3534 class="box" 3535 style="width: 100%" 3536 data-type="background" 3537 > 3538 <div style="position: relative; overflow:hidden; height: 360px; background: #e9e7e4; min-height: 360px"> 3539 3540 <style> 3541 #box78904029 { 3542 position: absolute; 3543 left: 33.333333333333%; 3544 top: 0px; 3545 height: 180px; 3546 3547 padding: 0; 3548 margin: 0!important; 3549 border: 0; 3550 } 3551 </style> 3552 <div class="boxLandmark "> 3553 <div 3554 id="box78904029" 3555 class="box" 3556 style="width: 33.333333333333%" 3557 data-type="picture" 3558 > 3559 <div style="position: relative; overflow:hidden; height: 180px; border-radius: 10px; background: transparent"> 3560 3561 <div class="overflowHidden displayInlineBlock positionRelative" style=" 3562 width:368px; 3563 max-width: 100%; 3564 height:180px; 3565 text-align: center; 3566 3567 border-radius: 10px;"> 3568 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 3569 <img 3570 src="https://app.assoconnect.com/services/storage?id=3952669&type=picture&secret=tiKjcQTNLL67Z6UI020S0fw9KmigqLUOJQNIDQHU&timestamp=1776204255" 3571 style=" 3572 position:absolute; 3573 width:124px; 3574 height:124px; 3575 top:31px; 3576 left:-66px; 3577 max-width:none; 3578 " 3579 > 3580 </div> 3581 </div> 3582 </div> 3583 </div> 3584 </div> 3585 3586 <style> 3587 #box78904030 { 3588 position: absolute; 3589 left: 8.3333333333333%; 3590 top: 180px; 3591 height: 60px; 3592 3593 padding: 0; 3594 margin: 0!important; 3595 border: 0; 3596 } 3597 </style> 3598 <div class="boxLandmark "> 3599 <div 3600 id="box78904030" 3601 class="box" 3602 style="width: 83.333333333333%" 3603 data-type="text" 3604 > 3605 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent"> 3606 <div class="overflowHidden height100"><h2 style="text-align:center;"><span style="color:#31466b;"><strong><span style="font-size:32px;">Trouver la Discipline Positive® près de chez vous</span></strong></span></h2></div> 3607 </div> 3608 </div> 3609 </div> 3610 3611 <style> 3612 #box78904031 { 3613 position: absolute; 3614 left: 33.333333333333%; 3615 top: 240px; 3616 height: 120px; 3617 3618 padding: 0; 3619 margin: 0!important; 3620 border: 0; 3621 } 3622 </style> 3623 <div class="boxLandmark "> 3624 <div 3625 id="box78904031" 3626 class="box"
3627 style="width: 33.333333333333%" 3628 data-type="picture" 3629 > 3630 <div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent"> 3631 3632 <a 3633 href="/page/2581577-trouver-une-formation" 3634 3635 > 3636 <div class="overflowHidden displayInlineBlock positionRelative" style=" 3637 width:368px; 3638 max-width: 100%; 3639 height:120px; 3640 text-align: center; 3641 3642 border-radius: 10px;"> 3643 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 3644 <img 3645 src="https://app.assoconnect.com/services/storage?id=3952677&type=picture&secret=Um5fzmI3Omtf8WOxdWSlz1ahsYqBIqxtQDlciR18&timestamp=1776204258" 3646 style=" 3647 position:absolute; 3648 width:210.7144px; 3649 height:64.8352px; 3650 top:17px; 3651 left:-118px; 3652 max-width:none; 3653 " 3654 > 3655 </div> 3656 </div></a> 3657 3658 </div> 3659 </div> 3660 </div> 3661 3662 </div> 3663 </div> 3664 </div> 3665 3666 <style> 3667 #box78903977 { 3668 position: absolute; 3669 left: 0%; 3670 top: 5760px; 3671 height: 1200px; 3672 min-height:1200px; 3673 padding: 0; 3674 margin: 0!important; 3675 border: 0; 3676 } 3677 </style> 3678 <div class="boxLandmark boxLandmarkBackground"> 3679 <div 3680 id="box78903977" 3681 class="box" 3682 style="width: 100%" 3683 data-type="background" 3684 > 3685 <div style="position: relative; overflow:hidden; height: 1200px; background: #ffffff; min-height: 1200px"> 3686 3687 <style> 3688 #box78904032 { 3689 position: absolute; 3690 left: 33.333333333333%; 3691 top: 0px; 3692 height: 60px; 3693 3694 padding: 0; 3695 margin: 0!important; 3696 border: 0; 3697 } 3698 </style> 3699 <div class="boxLandmark "> 3700 <div 3701 id="box78904032" 3702 class="box" 3703 style="width: 25%" 3704 data-type="horizontalSeparator" 3705 > 3706 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 3707 <div class="separatorWrapper"><div><div class="separator" style="background:#ffffff;height:1px"></div></div></div> 3708 </div> 3709 </div> 3710 </div> 3711 3712 <style> 3713 #box78904033 { 3714 position: absolute; 3715 left: 8.3333333333333%; 3716 top: 60px; 3717 height: 120px; 3718 3719 padding: 0; 3720 margin: 0!important; 3721 border: 0; 3722 } 3723 </style> 3724 <div class="boxLandmark "> 3725 <div 3726 id="box78904033" 3727 class="box" 3728 style="width: 83.333333333333%" 3729 data-type="text" 3730 > 3731 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 120px; background: transparent"> 3732 <div class="overflowHidden height100"><h2 style="text-align:center;"><span style="font-size:48px;"><span style="color:#31466b;"><strong>Essayez la Discipline Positive®</strong></span></span></h2></div> 3733 </div> 3734 </div> 3735 </div> 3736 3737 <style> 3738 #box78904034 { 3739 position: absolute; 3740 left: 33.333333333333%; 3741 top: 180px; 3742 height: 60px; 3743 3744 padding: 0; 3745 margin: 0!important; 3746 border: 0; 3747 } 3748 </style> 3749 <div class="boxLandmark "> 3750 <div 3751 id="box78904034" 3752 class="box"
3753 style="width: 33.333333333333%" 3754 data-type="picture" 3755 > 3756 <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> 3757 3758 <div class="overflowHidden displayInlineBlock positionRelative" style=" 3759 width:368px; 3760 max-width: 100%; 3761 height:60px; 3762 text-align: center; 3763 3764 border-radius: 10px;"> 3765 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 3766 <img 3767 src="https://app.assoconnect.com/services/storage?id=3952716&type=picture&secret=6wsOdtd3LFAfn6hAnlTAFXUeYZy6hR09eOxMgcby&timestamp=1776204269" 3768 style=" 3769 position:absolute; 3770 width:59.63416px; 3771 height:22.75514px; 3772 top:11px; 3773 left:-30px; 3774 max-width:none; 3775 " 3776 > 3777 </div> 3778 </div> 3779 </div> 3780 </div> 3781 </div> 3782 3783 <style> 3784 #box78904035 { 3785 position: absolute; 3786 left: 16.666666666667%; 3787 top: 240px; 3788 height: 120px; 3789 3790 padding: 0; 3791 margin: 0!important; 3792 border: 0; 3793 } 3794 </style> 3795 <div class="boxLandmark "> 3796 <div 3797 id="box78904035" 3798 class="box" 3799 style="width: 66.666666666667%" 3800 data-type="text" 3801 > 3802 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 120px; background: transparent"> 3803 <div class="overflowHidden height100"><h2 style="text-align:center"><span style="font-size:32px"><span style="color:#31466b"><strong>Téléchargez dès maintenant cette sélection dâoutils pour la classe et les collectivités.</strong></span></span></h2></div> 3804 </div> 3805 </div> 3806 </div> 3807 3808 <style> 3809 #box78904036 { 3810 position: absolute; 3811 left: 33.333333333333%; 3812 top: 360px; 3813 height: 240px; 3814 3815 padding: 0; 3816 margin: 0!important; 3817 border: 0; 3818 } 3819 </style> 3820 <div class="boxLandmark "> 3821 <div 3822 id="box78904036" 3823 class="box" 3824 style="width: 33.333333333333%" 3825 data-type="picture" 3826 > 3827 <div style="position: relative; overflow:hidden; height: 240px; border-radius: 10px; background: transparent"> 3828 3829 <div class="overflowHidden displayInlineBlock positionRelative" style=" 3830 width:368px; 3831 max-width: 100%; 3832 height:240px; 3833 text-align: center; 3834 3835 border-radius: 10px;"> 3836 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 3837 <img 3838 src="https://app.assoconnect.com/services/storage?id=4000987&type=picture&secret=uGMQBVCy080wH5EptA3Op2mgibWLE2RXDmpZPhTf&timestamp=1776216635" 3839 style=" 3840 position:absolute; 3841 width:317.68px; 3842 height:211.185px; 3843 top:14px; 3844 left:-159px; 3845 max-width:none; 3846 " 3847 > 3848 </div> 3849 </div> 3850 </div> 3851 </div> 3852 </div> 3853 3854 <style> 3855 #box78904037 { 3856 position: absolute; 3857 left: 16.666666666667%; 3858 top: 600px; 3859 height: 240px; 3860 3861 padding: 0; 3862 margin: 0!important; 3863 border: 0; 3864 } 3865 </style> 3866 <div class="boxLandmark "> 3867 <div 3868 id="box78904037" 3869 class="box"
3870 style="width: 75%" 3871 data-type="text" 3872 > 3873 <div style="position: relative; overflow:hidden; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 240px; background: transparent"> 3874 <div class="overflowHidden height100"><h2> </h2> 3875 3876<h2><span style="font-size:32px"><span style="color:#31466b"><strong><img alt src="https://site.assoconnect.com/services/storage?id=4041362&type=picture&secret=qiU4xQNcrYAFXjOwzajXIyo5DscYaK8wN6wZWmt0&timestamp=1705504249" style="float:left; height:50px; margin:5px 30px; width:50px" /></strong></span></span><span style="font-size:24px"><span style="color:#31466b"><strong>5 Critères pour la Discipline Positive®</strong>, une discipline qui enseigne</span></span></h2> 3877 3878<h2><span style="font-size:32px"><span style="color:#31466b"><strong><img alt src="https://site.assoconnect.com/services/storage?id=4041362&type=picture&secret=qiU4xQNcrYAFXjOwzajXIyo5DscYaK8wN6wZWmt0&timestamp=1705504249" style="float:left; height:50px; margin:5px 30px; width:50px" /></strong></span></span><span style="font-size:24px"><span style="color:#31466b"><strong>La Roue des Choix </strong>pour gérer les colères<strong> </strong></span></span></h2> 3879 3880<h2><span style="font-size:32px"><span style="color:#31466b"><strong><img alt src="https://site.assoconnect.com/services/storage?id=4041362&type=picture&secret=qiU4xQNcrYAFXjOwzajXIyo5DscYaK8wN6wZWmt0&timestamp=1705504249" style="float:left; height:50px; margin:5px 30px; width:50px" /></strong></span></span><span style="font-size:24px"><span style="color:#31466b"><strong>Questions de curiosité </strong>pour faire émerger des solutions </span></span></h2></div> 3881 </div> 3882 </div> 3883 </div> 3884 3885 <style> 3886 #box78904038 { 3887 position: absolute; 3888 left: 33.333333333333%; 3889 top: 840px; 3890 height: 120px; 3891 3892 padding: 0; 3893 margin: 0!important; 3894 border: 0; 3895 } 3896 </style> 3897 <div class="boxLandmark "> 3898 <div 3899 id="box78904038" 3900 class="box" 3901 style="width: 33.333333333333%" 3902 data-type="picture" 3903 > 3904 <div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent"> 3905 3906 <a 3907 href="https://1ddaa081.sibforms.com/serve/MUIFAC9Ag_r0BXE72_lWIqFA5X9pB0ayf-DxRG9H0bhtwXSKcWZR404XciNxiWHBEcmMdEk-fIIZdq2S1vZrKcXlaDhSngiVYNZ5bspncUiV6yE90n_WkbeWUZdggXmWSyPWTS9s901RYuGzpMqjU9DLsDM8iqK_D2DNBkPyFLQGEmSEuj9vt0kblB-pQP6yfIPGKt81db9EOvwf" 3908 target="_blank" 3909 > 3910 <div class="overflowHidden displayInlineBlock positionRelative" style=" 3911 width:368px; 3912 max-width: 100%; 3913 height:120px; 3914 text-align: center; 3915 3916 border-radius: 10px;"> 3917 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 3918 <img 3919 src="https://app.assoconnect.com/services/storage?id=5144667&type=picture&secret=qxcfbsDoaj4B8sBEw863oJZp8F2JvnNxFMfoKpjd&timestamp=1776962990" 3920 style=" 3921 position:absolute; 3922 width:265.5646px; 3923 height:77.95606px; 3924 top:24px; 3925 left:-135px; 3926 max-width:none; 3927 " 3928 > 3929 </div> 3930 </div></a> 3931 3932 </div> 3933 </div> 3934 </div> 3935 3936 <style> 3937 #box78904039 { 3938 position: absolute; 3939 left: 41.666666666667%; 3940 top: 1020px; 3941 height: 120px; 3942 3943 padding: 0; 3944 margin: 0!important; 3945 border: 0; 3946 } 3947 </style> 3948 <div class="boxLandmark "> 3949 <div 3950 id="box78904039" 3951 class="box"
3952 style="width: 16.666666666667%" 3953 data-type="picture" 3954 > 3955 <div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent"> 3956 3957 <a 3958 href="/page/2574411-classe-et-collectivites" 3959 3960 > 3961 <div class="overflowHidden displayInlineBlock positionRelative" style=" 3962 width:184px; 3963 max-width: 100%; 3964 height:120px; 3965 text-align: center; 3966 3967 border-radius: 10px;"> 3968 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 3969 <img 3970 src="https://app.assoconnect.com/services/storage?id=4059138&type=picture&secret=C3cw7nAkGTWRKfz1S7RigofwmZ7v3QDaj3pjKTFK&timestamp=1776232097" 3971 style=" 3972 position:absolute; 3973 width:83.592px; 3974 height:83.592px; 3975 top:19px; 3976 left:-41px; 3977 max-width:none; 3978 " 3979 > 3980 </div> 3981 </div></a> 3982 3983 </div> 3984 </div> 3985 </div> 3986 3987 <style> 3988 #box78904040 { 3989 position: absolute; 3990 left: 41.666666666667%; 3991 top: 1140px; 3992 height: 60px; 3993 3994 padding: 0; 3995 margin: 0!important; 3996 border: 0; 3997 } 3998 </style> 3999 <div class="boxLandmark "> 4000 <div 4001 id="box78904040" 4002 class="box" 4003 style="width: 25%" 4004 data-type="horizontalSeparator" 4005 > 4006 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 4007 <div class="separatorWrapper"><div><div class="separator" style="background:#ffffff;height:1px"></div></div></div> 4008 </div> 4009 </div> 4010 </div> 4011 4012 </div> 4013 </div> 4014 </div> 4015 4016 <style> 4017 #box78903978 { 4018 position: absolute; 4019 left: 0%; 4020 top: 6960px; 4021 height: 180px; 4022 min-height:180px; 4023 padding: 0; 4024 margin: 0!important; 4025 border: 0; 4026 } 4027 </style> 4028 <div class="boxLandmark boxLandmarkBackground"> 4029 <div 4030 id="box78903978" 4031 class="box" 4032 style="width: 100%" 4033 data-type="background" 4034 > 4035 <div style="position: relative; overflow:hidden; height: 180px; background: #c35b49; min-height: 180px"> 4036 4037 <style> 4038 #box78904041 { 4039 position: absolute; 4040 left: 8.3333333333333%; 4041 top: 0px; 4042 height: 180px; 4043 4044 padding: 0; 4045 margin: 0!important; 4046 border: 0; 4047 } 4048 </style> 4049 <div class="boxLandmark "> 4050 <div 4051 id="box78904041" 4052 class="box" 4053 style="width: 25%" 4054 data-type="picture" 4055 > 4056 <div style="position: relative; overflow:hidden; height: 180px; border-radius: 10px; background: transparent"> 4057 4058 <div class="overflowHidden displayInlineBlock positionRelative" style=" 4059 width:276px; 4060 max-width: 100%; 4061 height:180px; 4062 text-align: center; 4063 4064 border-radius: 10px;"> 4065 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 4066 <img 4067 src="https://app.assoconnect.com/services/storage?id=4057008&type=picture&secret=HSyxiNo8qZsrvToSd4WKzbIFpqprkAVGalmvtL2m&timestamp=1776231542" 4068 style=" 4069 position:absolute; 4070 width:276.00118px; 4071 height:99.281px; 4072 top:40px; 4073 left:-138px; 4074 max-width:none; 4075 " 4076 > 4077 </div> 4078 </div> 4079 </div> 4080 </div> 4081 </div> 4082 4083 <style> 4084 #box78904042 { 4085 position: absolute; 4086 left: 33.333333333333%; 4087 top: 0px; 4088 height: 180px; 4089 4090 padding: 0; 4091 margin: 0!important; 4092 border: 0; 4093 } 4094 </style> 4095 <div class="boxLandmark "> 4096 <div 4097 id="box78904042" 4098 class="box"
4099 style="width: 33.333333333333%" 4100 data-type="text" 4101 > 4102 <div style="position: relative; overflow:hidden; padding-top: 20px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-top: 20px; height: 160px; background: transparent"> 4103 <div class="overflowHidden height100"><h3 style="text-align:center">4<a href="https://adpf.assoconnect.com/page/2460402-accueil-espace-membres"><span style="color:#ffffff">space membres</span></a><br /> 4104<br /> 4105<a href="mailto:asso.adpf@disciplinepositive.fr?subject=Contact%20%C3%A0%20travers%20le%20site%20ADPF&body=Bonjour%2C%0A%0AJe%20souhaite%20des%20informations..."><span style="color:#ffffff">Contactez-nous</span></a></h3> 4106 4107<h3 style="text-align:center"><span style="color:#ffffff">Tous droits réservés © 2024 ADPF</span></h3> 4108 4109<h2> </h2></div> 4110 </div> 4111 </div> 4112 </div> 4113 4114 <style> 4115 #box78903990 { 4116 position: absolute; 4117 left: 66.666666666667%; 4118 top: 60px; 4119 height: 60px; 4120 4121 padding: 0; 4122 margin: 0!important; 4123 border: 0; 4124 } 4125 </style> 4126 <div class="boxLandmark "> 4127 <div 4128 id="box78903990" 4129 class="box" 4130 style="width: 25%" 4131 data-type="group" 4132 > 4133 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 4134 4135 <style> 4136 #box78904043 { 4137 position: absolute; 4138 left: 0%; 4139 top: 0px; 4140 height: 60px; 4141 4142 padding: 0; 4143 margin: 0!important; 4144 border: 0; 4145 } 4146 </style> 4147 <div class="boxLandmark "> 4148 <div 4149 id="box78904043" 4150 class="box" 4151 style="width: 33.333333333333%" 4152 data-type="picture" 4153 > 4154 <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> 4155 4156 <a 4157 href="https://www.instagram.com/asso_disciplinepositive_france/?hl=fr" 4158 target="_blank" 4159 > 4160 <div class="overflowHidden displayInlineBlock positionRelative" style=" 4161 width:92px; 4162 max-width: 100%; 4163 height:60px; 4164 text-align: center; 4165 4166 border-radius: 10px;"> 4167 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 4168 <img 4169 src="https://app.assoconnect.com/services/storage?id=4057012&type=picture&secret=G8BU2FuZuVMoxoVTkuya8oqsPqF2LFnmopiTSjbw&timestamp=1776231543" 4170 style=" 4171 position:absolute; 4172 width:73.00965px; 4173 height:73.00965px; 4174 top:-4px; 4175 left:-38px; 4176 max-width:none; 4177 " 4178 > 4179 </div> 4180 </div></a> 4181 4182 </div> 4183 </div> 4184 </div> 4185 4186 <style> 4187 #box78904044 { 4188 position: absolute; 4189 left: 33.333333333333%; 4190 top: 0px; 4191 height: 60px; 4192 4193 padding: 0; 4194 margin: 0!important; 4195 border: 0; 4196 } 4197 </style> 4198 <div class="boxLandmark "> 4199 <div 4200 id="box78904044" 4201 class="box" 4202 style="width: 33.333333333333%" 4203 data-type="picture" 4204 > 4205 <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> 4206 4207 <a 4208 href="https://www.facebook.com/disciplinepositivefrance" 4209 target="_blank" 4210 > 4211 <div class="overflowHidden displayInlineBlock positionRelative" style=" 4212 width:92px; 4213 max-width: 100%; 4214 height:60px; 4215 text-align: center; 4216 4217 border-radius: 10px;"> 4218 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 4219 <img 4220 src="https://app.assoconnect.com/services/storage?id=4057011&type=picture&secret=O3Om8kr525KBBdoho0RsbZbLPxMGgFtzEyBod0ri&timestamp=1776231543" 4221 style=" 4222 position:absolute; 4223 width:29.2248px; 4224 height:29.2248px; 4225 top:19px; 4226 left:-16px; 4227 max-width:none; 4228 " 4229 > 4230 </div> 4231 </div></a> 4232 4233 </div> 4234 </div> 4235 </div> 4236 4237 <style> 4238 #box78904045 { 4239 position: absolute; 4240 left: 66.666666666667%; 4241 top: 0px; 4242 height: 60px; 4243 4244 padding: 0; 4245 margin: 0!important; 4246 border: 0; 4247 } 4248 </style> 4249 <div class="boxLandmark "> 4250 <div 4251 id="box78904045" 4252 class="box"
4253 style="width: 33.333333333333%" 4254 data-type="picture" 4255 > 4256 <div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent"> 4257 4258 <a 4259 href="https://www.linkedin.com/company/association-discipline-positive-france/" 4260 target="_blank" 4261 > 4262 <div class="overflowHidden displayInlineBlock positionRelative" style=" 4263 width:92px; 4264 max-width: 100%; 4265 height:60px; 4266 text-align: center; 4267 4268 border-radius: 10px;"> 4269 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 4270 <img 4271 src="https://app.assoconnect.com/services/storage?id=4057010&type=picture&secret=DqLCLVvCiKAfa5hGKxM69L8YZWF3YghC9lXw5i9Q&timestamp=1776231542" 4272 style=" 4273 position:absolute; 4274 width:54.87465px; 4275 height:54.87465px; 4276 top:7px; 4277 left:-30px; 4278 max-width:none; 4279 " 4280 > 4281 </div> 4282 </div></a> 4283 4284 </div> 4285 </div> 4286 </div> 4287 4288 </div> 4289 </div> 4290 </div> 4291 4292 </div> 4293 </div> 4294 </div> 4295 </div> </div> 4296</div> 4297 </div> 4298 </div> 4299</article> 4300 4301<!-- Footer --> 4302<footer id="templateFooterWrapper"> 4303 <div id="templateFooter"> 4304 <div id="templateFooterBlockContainer"> 4305 <div class="row"> 4306 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12"> 4307 <div id="templateFooterBlockWrapper" class="row"> 4308 <!-- Liste des pages de l'organisation principal --> 4309 </div> 4310 </div> 4311 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 4312 <form id="templateFooterNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateFooterNewsletter"><input type="hidden" name="_origin" value="/page/2574411-classe-et-collectivites"><input type="hidden" name="_formMulti" value="6aba0d3659cdc|b551f6ed41207f321a6a0f86889595648170475d">
4312<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 4313 $("#templateFooterNewsletterForm").on("submit", function(){ 4314 var _this = $(this); 4315 var renable = true; 4316 if(_this.data("multi-submit-protection")){ 4317 return false; 4318 } 4319 else{ 4320 // Blocage à la prochaine soumission 4321 _this.data("multi-submit-protection", true); 4322 // Blocage & chargement sur les boutons 4323 _this.find("button[type='submit']").each(function(){ 4324 var text = $(this).text(); 4325 var buttonDOM = $(this); 4326 var buttonInterval; 4327 buttonDOM 4328 .addClass("disabled") 4329 .prop("disabled", true) 4330 .css("width", buttonDOM.outerWidth() + "px") 4331 .text(".") 4332 .inDOM(function() { 4333 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 4334 buttonInterval = setInterval(function() { 4335 if(buttonDOM.text().length === 3) { 4336 buttonDOM.text("."); 4337 } 4338 else { 4339 buttonDOM.text(buttonDOM.text() + "."); 4340 } 4341 }, 300); 4342 }); 4343 // Déblocage au bout de 1 seconde 4344 if(renable){ 4345 window.setTimeout(function(){ 4346 clearInterval(buttonInterval); 4347 buttonDOM 4348 .prop("disabled", false) 4349 .removeClass("disabled") 4350 .removeAttr("style") 4351 .text(text); 4352 }, 1000); 4353 } 4354 }); 4355 // Déblocage au bout de 1 seconde 4356 if(renable){ 4357 window.setTimeout(function(){ 4358 _this.data("multi-submit-protection", false); 4359 }, 1000); 4360 } 4361 // Retour 4362 return true; 4363 } 4364 }); 4365 </script>
4365 <div class="row colsMiddle"> 4366 <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12"> 4367 <div class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateFooterBlocNewsletterEmailNotice"></div> 4368 <label 4369 id="templateFooterBlocNewsletterEmailLabel" 4370 for="templateFooterBlocNewsletterEmail" 4371 > 4372 Je m'abonne à la newsletter 4373 4374 4375 </label> 4376 <input 4377 type="email" 4378 data-typo-check="true" 4379 name="templateFooterBlocNewsletterEmail" 4380 class="" 4381 value="" 4382 placeholder="Renseignez votre email" 4383 autocomplete="email" 4384 4385 4386 id="templateFooterBlocNewsletterEmail" 4387 > 4388 4389 <div class="clearBoth"></div> 4390 </div> 4391
4391<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 4392 $("#templateFooterBlocNewsletterEmail").on("change", function() { 4393 _spark.form.mail.check("templateFooterBlocNewsletterEmail"); 4394 }); 4395 </script>
4395 4396 </div> 4397 <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 valignBottom"> 4398 4399 <button 4400 type="submit" 4401 id="templateFooterBlocNewsletterSubmit" 4402 class=" 4403 button 4404 buttonOrange 4405 textAlignCenter 4406 buttonLarge 4407 4408 4409 " 4410 4411 > 4412 4413 <span class="valignInitial">OK</span> 4414 </button> 4415 </div> 4416 </div> 4417 4418 </form> 4419
4419<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 4420 $("#templateFooterNewsletterForm") 4421 // Init 4422 .data("dirty", 0) 4423 // Form submit is possible 4424 .on("submit", function(){ 4425 window.onbeforeunload = null; 4426 }) 4427 // On change 4428 .find("input, textarea").on("change", function(){ 4429 if(document.readyState === "complete"){ 4430 $("#templateFooterNewsletterForm").data().dirty++; 4431 } 4432 }); 4433 // Ajout 4434 _spark.dirty.push(function(){ 4435 return $("#templateFooterNewsletterForm").data("dirty") > 0; 4436 }); 4437 </script>
4437 4438 4439
4439<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 4440 _spark.form.mail.initMailGroup("templateFooterNewsletter"); 4441 </script>
4441 4442 <div id="templateFooterSocialWrapper"> 4443 </div> 4444 </div> 4445 </div> 4446 </div> 4447 </div> 4448 <div id="templateFooterInformation"> 4449 <ul> 4450 <!-- Plan du site --> 4451 <li> 4452 <a href="/infos/plan/ 4453 76934 ">Plan du site</a> 4454 </li> 4455 4456 <!-- Licences --> 4457 <li> 4458 <a href="/infos/licenses">Licences</a> 4459 </li> 4460 4461 <!-- CGU --> 4462 <li> 4463 <a href="/infos/legal-notice">Mentions légales</a> 4464 </li> 4465 <li> 4466 <a href="/infos/tos">CGUV</a> 4467 </li> 4468 4469 <!-- CGU --> 4470 <li> 4471 <a id="configureCookies" href="#">Paramétrer vos cookies</a> 4472 </li> 4473 4474 <!-- Connexion/déconnexion et mon compte --> 4475 <li> 4476 4477 <a 4478 id="templateNavButtonLoginButtonLink" 4479 href="https://www.disciplinepositive.fr/contacts/login?redirect=%2Fpage%2F2574411-classe-et-collectivites" 4480 class="" 4481 target="" 4482 rel="noopener" 4483 > 4484 <div 4485 id="templateNavButtonLoginButton" 4486 class=" 4487 button 4488 textAlignCenter 4489 buttonBlue 4490 buttonLarge 4491 valignMiddle margin0 4492 valignMiddle 4493 " 4494 ><span class="valignInitial">Se connecter</span></div></a> 4495 </li> 4496 </ul> 4497 <ul> 4498 <li class="paddingTop0"> 4499 <a href="https://www.assoconnect.com/associations/logiciel-association-education/" target="_blank"> 4500 Propulsé par AssoConnect, le logiciel des associations d'Ãducation </a> 4501 </li> 4502 </ul> 4503 </div> 4504 </footer> 4505 4506<!-- Footer - Global --> 4507 </div> 4508 4509 <!-- JS --> 4510
4510<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 4511 /** 4512 * Calcule la hauteur de templatePage en fonction des boxes, du menu et du header pour les pages du DIY 4513 */ 4514function templatePageHeight() { 4515 var boxes = $("#boxes"); 4516 var heightMax = 0; 4517 var templatePage = $("#templatePage"); 4518 var templateNavContainer = $("#templateNavContainer"); 4519 4520 // Cherche la box la plus basse dans la page 4521 boxes.find("> .boxLandmark > .box").each(function() { 4522 heightMax = Math.max(heightMax, $(this).height() + $(this).offset().top); 4523 }); 4524 4525 // templatePage prend la hauteur du menu si : heightMax < templateNavContainer 4526 if(templateNavContainer.height() > $(window).height() && heightMax < templateNavContainer.height()) { 4527 return templateNavContainer.height() - templatePage.offset().top; 4528 } 4529 // templatePage prend la hauteur de la fenêtre si : heightMax < window 4530 else if(heightMax < $(window).height()) { 4531 return $(window).height() - templatePage.offset().top; 4532 } 4533 // templatePage prend la hauteur du dernier élément DIY 4534 else { 4535 var templateNavContainerHeight = 0; 4536 4537 // Cherche la hauteur du menu si il est en mode horizontal et n'est pas en absolute 4538 if(templateNavContainer.width() === $(document).width() && templateNavContainer.css("position") !== "absolute") { 4539 templateNavContainerHeight = templateNavContainer.height(); 4540 } 4541 4542 return Math.round(heightMax - $("#templatePageWrapper").offset().top); 4543 } 4544} 4545 4546/** 4547 * Force templatePage à prendre toute la hauteur pour les pages du DIY 4548 */ 4549$(window).on("load", function() { 4550 if($("#boxes").children().length) { 4551 $("#templateFooterWrapper").show(); // Hack pour ne pas voir le footer bouger au chargement de la page 4552 $("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px"); 4553 // Après un redimensionnement de l'écran 4554 var resized; 4555 $(window).on("resize orientationChanged", function() { 4556 clearTimeout(resized); 4557 resized = setTimeout(function() { 4558 $("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px"); 4559 }, 200); 4560 }); 4561 } 4562}); 4563 4564$(".video-youtube, .feed-facebook").each(function() { 4565 $(this).on("click", function() { 4566 if (window.openIubendaCookies) { 4567 window.openIubendaCookies(); 4568 } 4569 }); 4570}); 4571 </script>
vendor: 1 bytes, line 4571
4571
4572<script nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588"> 4573 if(window.console && window.console.log){ 4574 // Affichage des notices non capturées 4575 } 4576</script>
4576 4577 4578 4579
4579<script 4580 nonce="c52bee38-5334-451e-b2c3-8ed64d2ec588" 4581 src="https://cdn.hub-prod.team.blue/loader/widget-loader.js" 4582 data-teamblue-footer 4583 data-footer="hidden" 4584 ></script>
4584 4585 </body> 4586</html> 4587
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.