CINXE.COM
<!DOCTYPE HTML> <html> <head> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <link rel="stylesheet" href="/gerico/skins/default/css/responsive.css" type="text/css"/> <script type="text/javascript" language="javascript" src="/gerico/js/edeal/custom/jquery/jquery.js"></script> <script type="text/javascript" language="javascript" src="/gerico/js/edeal/libraries/jquery/plugins/jquery.migrate/jquery-migrate-1.2.1.min.js"></script> <script type="text/javascript" language="javascript" src="/gerico/js/edeal/tools/nowloading/nowLoading.js"></script> <script type="text/javascript" language="javascript" src="/gerico/js/ajax/ajax.js"></script> <script type="text/javascript" language="javascript" src="/gerico/js/edeal/tools/utils.js"></script> <link rel="stylesheet" href="/gerico/skins/default/css/louvre_profile_edit.css" type="text/css" /> <script> var isNewUser =false; (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-37938107-2', 'auto'); ga('send', 'pageview'); </script> <script language="javascript"> var RecaptchaOptions = { theme : 'white' }; window.onload = function() { if(false) { errorMessage('La signature indiquée n\'est pas valide.','err1'); } $("#abos").hide(); $(".valider1").show(); if(false) { $("#PerMail").val('null'); $("input[name=civilite][value=null]").attr('checked', 'checked'); $("#PerMailConfirmation_").val('null'); $("#PerMailConfirmation_").attr('readonly','readonly'); $("#PerMail").attr('readonly','readonly'); $("#PerName").val('null'); $("#PerFstName").val('null'); // mis à jour des abonnements // mis à jour des centres interets // mis à jour des infos Vous et le Louvre // mis à jour de la reception infos partenaire $( "input[id='infosFalse']" ).attr('checked',true); // mis à jour de la transmition infos partenaire $("input[id='infosTransmisFalse']").attr('checked', true); $("input[id='PerTransmettreEmailPartenaires_']" ).val(false); $("input[id='PerRecevoirEmailPartenaires_']" ).val(false); $("input[id='PerProximite_']" ).val('null'); $("#abos").show(); $("#viePrivee").show(); $(".valider1").hide(); } }; function clearLogin() { $("#PerMail").val(""); $("#PerMailConfirmation_").val(""); $("#PerName").val(""); $("#PerFstName").val(""); $("input[name=civilite]").removeAttr('checked'); } function errorMessage(errorText,errId) { var oTextNode = document.createTextNode(errorText); document.getElementById(errId).replaceChild(oTextNode, document.getElementById(errId).firstChild); document.getElementById(errId).style.display = "block"; return false; } function checkControlRobot() { var control = document.getElementById('PerControl').value; if (control !=4) { errorMessage('Le calcul n\'est pas exact, merci de le saisir à nouveau.','err1'); window.scrollTo(0, 0); return false; }else{ errorMessage('','err1'); return true; } } function checkForm(){ $("#valider1").hide(); var mail = document.getElementById('PerMail').value; var mail2 = document.getElementById('PerMailConfirmation_').value; if (mail.match(/^[a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/) == null) { errorMessage("L'adresse courriel est invalide, merci de la saisir à nouveau au format adresse@exemple.com .","err1"); window.scrollTo(0, 0); $("#valider1").show(); return false; }else{ errorMessage('','err1'); } if (mail != mail2) { errorMessage('Les adresses courriel ne sont pas identiques, merci de les saisir à nouveau.','err1'); window.scrollTo(0, 0); $("#valider1").show(); return false; }else{ errorMessage('','err1'); } if(document.getElementById('PerFstName').value == '' || document.getElementById('PerName').value == '' || $("#civilite:checked").val() == '' || $("#civilite:checked").val() == undefined){ errorMessage('Merci de renseigner tous les champs obligatoires','err1'); window.scrollTo(0, 0); $("#valider1").show(); return false; }else{ errorMessage('','err1'); } if(checkControlRobot()) { if(verify()) return true; else { $("#valider1").show(); return false; } } else { $("#valider1").show(); return false; } } function verify() { var url = '/gerico/search_person_ajax.fl'; var data; data = { 'mail': $("#PerMail").val() }; $.ajax({ url: url, data: data, dataType: "json", context: this, success: function(data, textStatus, jqXHR) { if (data.retour != null && data.retour == "OK") { saveFormulaireInitial(); isNewUser = true; } else { $("#viePrivee").show(); var msg = "Vous êtes déjà enregistré(e). Vous allez recevoir dans quelques instants un courriel " + "contenant un lien direct vers votre formulaire d'abonnement que vous pourrez ensuite modifier"; errorMessage(msg, 'err1'); window.scrollTo(0, 0); sendMail('LOUVRERAPPEL'); return false; } }, error: function(jqXHR, textStatus, errorThrown) { console.log("error :"); console.log("jqXHR :"); console.log(jqXHR); console.log("textStatus :"); console.log(textStatus); console.log("errorThrown :"); console.log(errorThrown); } }); } function saveFormulaireInitial() { if (isNewUser) { return false; } var args; if ($("#PerMail").val() != null) { args = args + "&PerMail=" + encodeURIComponent($("#PerMail").val()); } if ($("#PerMailConfirmation_").val() != null) { args = args + "&PerMailConfirmation_=" + encodeURIComponent($("#PerMailConfirmation_").val()); } if ($("#civilite:checked").val() != null) { args = args + "&civilite=" + encodeURIComponent($("#civilite:checked").val()); } if ($("#PerFstName").val() != null) { args = args + "&PerFstName=" + encodeURIComponent($("#PerFstName").val()); } if ($("#PerName").val() != null) { args = args + "&PerName=" + encodeURIComponent($("#PerName").val()); } var url = '/gerico/save_person_without_permission.fl?' + args; var data = {}; $.ajax({ url: url, data: data, dataType: "json", context: this, success: function(data, textStatus, jqXHR) { if (data.retour != null && data.retour == "OK") { //si la personne n'existe pas en base $("#valider1").show(); $("#viePrivee").show(); addInfosSup(); sendMail('LOUVREBIENVENUE'); } } }); } function sendMail(code) { var urlSendMail = '/gerico/send_mail_to_individu_ajax.fl?' + '&code=' + code + '&mail=' + encodeURIComponent($("#PerMail").val()); $.ajax({ url: urlSendMail, data: {}, timeout: 20000, contentType: "application/json;charset=utf-8", dataType: "json", context: this, success: function(data, textStatus, jqXHR) { } }); } function addInfosSup() { $("#valider1").hide(); $("#abos").show(); } var idStatic = ""; function do_when_checkedProximite(obj, id) { if ($(obj).get(0).checked == true) { document.getElementById("PerProximite_").setAttribute("value", id); } } function do_when_checkedAbonnements(obj, id) { if ($(obj).get(0).checked == true) { if (document.getElementById("PerAbonnementNewsletter_").getAttribute("value") == null) { document.getElementById("PerAbonnementNewsletter_").setAttribute("value", id); } else { document.getElementById("PerAbonnementNewsletter_").setAttribute("value", document.getElementById("PerAbonnementNewsletter_").getAttribute("value") + "|" + id); } } else { var myabo = $("#PerAbonnementNewsletter_").val(); myabo = myabo.replace(id, ""); $("#PerAbonnementNewsletter_").val(myabo); } } function do_when_checkedCentreInteret(obj, id) { if ($(obj).get(0).checked == true) { if (document.getElementById("PerCentreInteretMusee_").getAttribute("value") == null) { document.getElementById("PerCentreInteretMusee_").setAttribute("value", id); } else { document.getElementById("PerCentreInteretMusee_").setAttribute("value", document.getElementById("PerCentreInteretMusee_").getAttribute("value") + "|" + id); } } else { var myabo = $("#PerCentreInteretMusee_").val(); myabo = myabo.replace(id, ""); $("#PerCentreInteretMusee_").val(myabo); } } function do_when_SelectedInfosPartenaires(obj, id) { if ($(obj).get(0).checked == true) { if (id == "1") $("#PerRecevoirEmailPartenaires_").val(true); else $("#PerRecevoirEmailPartenaires_").val(false); } } function do_when_TransmettreInfosAPartenaires(obj, id) { if (id == "1") $("#PerTransmettreEmailPartenaires_").val(true); else $("#PerTransmettreEmailPartenaires_").val(false); } function waitNrefreshSL(arrIndex) { if (eDealXmlhttpArr[arrIndex].readyState == 4) { hideWaiting(); } } save = function(e) { var mail = document.getElementById('PerMail').value; var mail2 = document.getElementById('PerMailConfirmation_').value; if (mail.match(/^[a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/) == null) { errorMessage("L'adresse courriel est invalide, merci de la saisir à nouveau au format adresse@exemple.com .", "err1"); window.scrollTo(0, 0); return false; } else { errorMessage('', 'err1'); } if (mail != mail2) { errorMessage('Les adresses courriel ne sont pas identiques, merci de les saisir à nouveau.', 'err1'); window.scrollTo(0, 0); return false; } else { errorMessage('', 'err1'); } if (document.getElementById('PerFstName').value == '' || document.getElementById('PerName').value == '' || $("#civilite:checked").val() == '' || $("#civilite:checked").val() == undefined) { errorMessage('Merci de renseigner tous les champs obligatoires', 'err1'); window.scrollTo(0, 0); return false; } else { errorMessage('', 'err1'); } if (!checkForm2()) { return false; } $("#valider1").hide(); saveAllFields(); } function checkForm2() { if (document.getElementById('PerRecevoirEmailPartenaires_').value == '' || document.getElementById('PerTransmettreEmailPartenaires_').value == '') { errorMessage('Merci de renseigner tous les champs obligatoires', 'err1'); window.scrollTo(0, 0); return false; } return true; } function saveAllFields() { var f = window.document.forms[0]; var args = '&type=Person&$$presentFields='; if (document.getElementById("PerTransmettreEmailPartenaires_").getAttribute("value") != null) { args = args + "&PerTransmettreEmailPartenaires_=" + encodeURIComponent(document.getElementById("PerTransmettreEmailPartenaires_").getAttribute("value")); } if (document.getElementById("PerCentreInteretMusee_").getAttribute("value") != null) { args = args + "&PerCentreInteretMusee_=" + encodeURIComponent(document.getElementById("PerCentreInteretMusee_").getAttribute("value")); } if (document.getElementById("PerAbonnementNewsletter_").getAttribute("value") != null) { args = args + "&PerAbonnementNewsletter_=" + encodeURIComponent(document.getElementById("PerAbonnementNewsletter_").getAttribute("value")); } if (document.getElementById("PerRecevoirEmailPartenaires_").getAttribute("value") != null) { args = args + "&PerRecevoirEmailPartenaires_=" + encodeURIComponent(document.getElementById("PerRecevoirEmailPartenaires_").getAttribute("value")); } if (document.getElementById("PerTransmettreEmailPartenaires_").getAttribute("value") != null) { args = args + "&PerTransmettreEmailPartenaires_=" + encodeURIComponent(document.getElementById("PerTransmettreEmailPartenaires_").getAttribute("value")); } if (document.getElementById("PerProximite_").getAttribute("value") != null) { args = args + "&PerProximite_=" + encodeURIComponent(document.getElementById("PerProximite_").getAttribute("value")); } if ($("#PerMail").val() != null) { args = args + "&PerMail=" + encodeURIComponent($("#PerMail").val()); } if ($("#PerMailConfirmation_").val() != null) { args = args + "&PerMailConfirmation_=" + encodeURIComponent($("#PerMailConfirmation_").val()); } if ($("#civilite:checked").val() != null) { args = args + "&civilite=" + encodeURIComponent($("#civilite:checked").val()); } if ($("#PerFstName").val() != null) { args = args + "&PerFstName=" + encodeURIComponent($("#PerFstName").val()); } if ($("#PerName").val() != null) { args = args + "&PerName=" + encodeURIComponent($("#PerName").val()); } var url = '/gerico/save_person_without_permission.fl?' + args; var data = {}; $.ajax({ url: url, data: data, dataType: "json", context: this, success: function(data, textStatus, jqXHR) { if (data.retour != null && data.retour == "OK") { $("#valider1").show(); window.document.location.href = '/gerico/louvre_profile_edit_success.fl?'; // si c'est un nouvel user on lui envoie plus ce mail if (!isNewUser) { sendMail('LOUVREMISAJOUR'); } } } }); } </script> </head> <body> <form action="/gerico/?" id="creationNewslettersForm" method="POST" name="Person_form" > <input type="password" name="noautocomplete" style="display: none;"/> <input type="hidden" name="id" value=""> <input type="hidden" name="type" value="Person"> <input type="hidden" name="criteria.title" value=""> <input type="hidden" name="customListID" value=""> <input type="hidden" name="title" value=""> <input type="hidden" name="obj.title" value=""> <input type="hidden" name="code" value=""> <input type="hidden" name="lc" value=""> <input type="hidden" name="sc" value=""> <input type="hidden" name="cu" value=""> <input type="hidden" name="$$OrderBy" value=""> <input type="hidden" name="$$ReverseOrderBy" value=""> <input type="hidden" name="$$idx" value=""> <input type="hidden" name="$$nb" value=""> <input type="hidden" name="$$preview" value=""> <input type="hidden" name="selectedTab" value=""> <input type="hidden" name="doList" value=""> <input type="hidden" name="ignoreCriteria" value=""> <input type="hidden" name="SfwID" value=""> <input type="hidden" name="nameGridJs" value=""> <input type="hidden" name="olToken" value=""> <input type="hidden" name="au" value=""> <input type="hidden" name="fastInsert" value=""> <input type="hidden" name="justSavedID" value=""> <input type="hidden" name="$$presentFields" value=""> <input type="hidden" id="$$multivalSeparator" name="$$multivalSeparator" value="|"> <input type="hidden" id ="PerProximite_" property="PerProximite_"/> <input type="hidden" id ="PerCentreInteretMusee_" property="PerCentreInteretMusee_"/> <input type="hidden" id ="PerAbonnementNewsletter_" property="PerAbonnementNewsletter_"/> <input type="hidden" id ="PerRecevoirEmailPartenaires_" property="PerRecevoirEmailPartenaires_"/> <input type="hidden" id ="PerTransmettreEmailPartenaires_" property="PerTransmettreEmailPartenaires_"/> <table class="container"> <tr> <td valign="top" style="background-repeat: no-repeat; background-position: center top;"> <table class="general"> <!-- Entête --> <tr> <td height="6"> <table class="general"> <tr> <td height="25"> <table class="general"> <tr> <td></td> </tr> </table> </td> </tr> <tr> <td height="55"> <table class="general"> <tr> <td width="" align="center"></td> <td width="" align="left"><a href="http://www.louvre.fr" target="_blank" class="mylogo"><img style="display: block; overflow: hidden;" src="/gerico/skins/default/images/custom/cdp/louvre-logo_04.jpg" border="0" /></a></td> <td width="" align="center"></td> </tr> </table> </td> </tr> <tr> <td height="26"> <table class="general"> <tr> <td></td> </tr> </table> </td> </tr> </table> </td> </tr> <!-- Fin Entête --> <!-- La Pyramide du Louvre --> <tr> <td height="" bgcolor="#ffffff"> <table class="general" bgcolor="#ffffff"> <tr> <td bgcolor="#ffffff" style="padding: 0;"><img style="display: block; overflow: hidden;" src="/gerico/skins/default/images/custom/cdp/PyramideDuLouvre.jpg" border="0" /></td> </tr> </table> </td> </tr> <!-- Fin La Pyramide du Louvre --> <!-- Le Louvre et Vous --> <tr> <td height="152" bgcolor="#ffffff"> <table> <tr> <td width="32" bgcolor="#ffffff"> </td> <td width="" align="left" bgcolor="#ffffff"> <table height="152"> <tr height="29"> <td bgcolor="#ffffff"> <table bgcolor="#ffffff"> <tr> <td></td> </tr> </table> </td> </tr> <tr height="44"> <td> <table bgcolor="#ffffff"> <tr> <td bgcolor="#ffffff"><font color="#000000" face="Georgia" size="6" style="font-size: 42px;" class="titre">Le Louvre et Vous<br /> </font></td> </tr> </table> </td> </tr> <tr> <td height="47"> <table height="47" class="general2" bgcolor="#ffffff"> <tr> <td bgcolor="#ffffff" style="text-align: left !important;"><font color="#6A6A6A" face="Arial" size="3" style="font-size: 16px; line-height: 20px;" class="myintro">Gérez vos abonnements aux lettres électroniques du musée du Louvre et recevez de l'information en fonction de vos centres d'intérêt.<br /> </font></td> </tr> </table> </td> </tr> <tr> <td height="" bgcolor="#ffffff"> <table class="general2" bgcolor="#ffffff"> <tr> <td bgcolor="#ffffff"></td> </tr> </table> </td> </tr> </table> </td> <td width="" bgcolor="#ffffff"></td> </tr> </table> </td> </tr> <!-- Fin Le Louvre et Vous --> <!-- Newsletter --> <!-- Fin Newsletter --> <tr bgcolor="#222222"> <td width="" align="center"> <form name="louvreform"> <table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#222222"> <tr> <!-- colonne 1 --> <td width="32" align="center" bgcolor="#222222"> <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" bgcolor="#222222"> <tr> <td width="" align="center" bgcolor="#222222"></td> </tr> </table> </td> <!-- Fin colonne 1 --> <!-- colonne 2 --> <td width="" align="center"> <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#222222"> <tr> <td> <table width="" cellpadding="0" cellspacing="0" border="0" bgcolor="#222222"> <!-- espace --> <tr> <td width="" height="25" bgcolor="#222222"> <table width="" height="25" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#222222"> <tr> <td width="" height="25" bgcolor="#222222"></td> </tr> </table> </td> </tr> <!-- Fin espace --> <tr> <td width="" height="25" bgcolor="#222222"> <table width="" cellpadding="0" cellspacing="0" border="0" align="left" bgcolor="#222222" style="display: block; clear: both;"> <tr> <td width="" align="left" style="color: #cc0000; font-size: 20px; font-family: Arial, Verdana, sans-serif;"><span class="error" id="err1"><span></span> <div class="ec-errors"></div> </span></td> </tr> </table> <div style="display: block; clear: both;"> <div> <table cellpadding="0" cellspacing="0" border="0" align="left" bgcolor="#222222"> <tr> <td width="" height="20" bgcolor="#222222" align="left"><font color="#82c8d7" face="arial" size="4" style="font-size: 21px;"><b>Vous...</b></font><br /></td> </tr> <!-- espace --> <tr> <td width="" height="5" bgcolor="#222222"></td> </tr> <!-- Fin espace --> <tr> <td width="" height="1" bgcolor="#434343"></td> </tr> <!-- espace --> <tr> <td width="" height="15" bgcolor="#222222"></td> </tr> <!-- Fin espace --> </table> </td> </tr> <tr> <td> <table> <tr> <td width="" bgcolor="#222222"> <table width="" bgcolor="#222222" cellpadding="0" cellspacing="0" valign="middle" align="left" border="0" class="myform"> <tr> <td bgcolor="#222222" width="" height="" align="left"><font color="#ffffff" face="arial" size="3" style="font-size: px; line-height: 12px;">Votre courriel<font color="#c82d00"><b> *</b></font> : </font></td> <td bgcolor="#222222" width="" height="" align="left"><font color="#ffffff" face="arial" size="3" style="font-size: px; line-height: 12px;"></font> <input name="Person" property="PerMail" size="40" id="PerMail" alt=""/> </tr> <tr> <td height="3"></td> </tr> <tr> <td bgcolor="#222222" width="" align="left"><font color="#ffffff" face="arial" size="3" style="font-size: px; line-height: 12px;">Confirmez votre courriel<font color="#c82d00"><b> *</b></font> : </font></td> <td bgcolor="#222222" width="" align="left"><font color="#ffffff" face="arial" size="3" style="font-size: px; line-height: 12px;"> <input name="Person" property="PerMailConfirmation_" size="40" id="PerMailConfirmation_" alt=""/> </font> </td> </tr> <tr> <td height="3"></td> </tr> <tr> <td bgcolor="#222222" width="" align="left"><font color="#ffffff" face="arial" size="3" style="font-size: px; line-height: 12px;">Civilité : <font color="#c82d00"><b> *</b></font> </font></td> <td bgcolor="#222222" width="" align="left" valign="middle" class="mycivilite"><font color="#ffffff" face="arial" size="3" style="font-size: px; line-height: 12px;"> <input id = "civilite" name="civilite" value="00011c0000000393" type="radio" onclick=""/> Mme <input id = "civilite" name="civilite" value="00011c0000000399" type="radio" onclick=""/> Mr </font> </td> </tr> <tr> <td bgcolor="#222222" width="" align="left"><font color="#ffffff" face="arial" size="3" style="font-size: px; line-height: 12px;">Nom<font color="#c82d00"><b> *</b></font> : </font></td> <td bgcolor="#222222" width="" align="left"><font color="#ffffff" face="arial" size="3" style="font-size: px; line-height: 12px;"> <input id="PerName" name="Person" property="PerName" size="40" alt=""/> </font> </td> </tr> <tr> <td height="3"></td> </tr> <tr> <td bgcolor="#222222" width="" align="left"><font color="#ffffff" face="arial" size="3" style="font-size: px; line-height: 12px;">Prénom<font color="#c82d00"><b> *</b></font> : </font></td> <td bgcolor="#222222" width="" align="left"><font color="#ffffff" face="arial" size="3" style="font-size: px; line-height: 12px;"> <input name="Person" property="PerFstName" id="PerFstName" size="40" alt=""/> </font> </td> </tr> <tr> <td height="3"></td> </tr> </br> </br> <tr > <td class="robot" bgcolor="#222222" width="" align="left"><font color="#ffffff" face="arial" size="3" style="font-size: px; line-height: 12px;"><i>combien font 1+3</i><font color="#c82d00"><b> *</b></font> : </font></td> <td class="robot" bgcolor="#222222" width="" align="left"><font color="#ffffff" face="arial" size="3" style="font-size: px; line-height: 12px;"> <input name="Person" property="PerControl" id="PerControl" size="40" alt=""/> </font> </td> </tr> <tr> <td height=""></td> </tr> <tr> <td bgcolor="#222222" width="" align="left"><font color="#ffffff" face="arial" size="1" style="font-size: 12px; line-height: 12px;margin-top:10px;"><font color="#c82d00"><b>*</b></font> Champs Obligatoires</font></td> </tr> </table> </td> </tr> <!-- Fin champs1 --> </table> </td> </tr> <!-- champs1 --> <!-- espace --> <tr> <td width="" height="20" bgcolor="#222222"></td> </tr> <!-- Fin espace --> <tr> <td> <table align="left"> <tr class="valider1" style="display: none;" id="valider1"> <td width="" height="29" align="center"> <table class="valider1" style="display: none;"> <tr> <td width="" height="29" bgcolor="#222222" align="center"><a onclick="javascript:checkForm();">Valider</a></td> <td width="" height="29" bgcolor="#222222" align="center"></td> </tr> </table> </td> </tr> <!-- espace --> <tr> <td width="" height="20"></td> </tr> <!-- Fin espace --> <!-- champs2 --> <tr> <td> <table id="abos" class="" style=""> <tr> <td width=""> <table width="" align="left"> <!-- espace --> <tr> <td height="15"></td> </tr> <!-- Fin espace --> <tr> <td height="20" class="grostitre"><font color="#82c8d7" face="arial" size="4" style="font-size: 21px;"><b>Vos abonnements</b></font></td> </tr> <!-- espace --> <tr> <td height="5" bgcolor="#222222"></td> </tr> <!-- Fin espace --> <tr> <td height="1" bgcolor="#434343"></td> </tr> <!-- espace --> <tr> <td height="15" bgcolor="#222222"></td> </tr> <!-- Fin espace --> </table> </td> </tr> <tr> <td width="" height=""> <table height="" align="center" bgcolor="#222222"> <tr> <td width="" align="left"></td> </tr> <tr> <td width="" align="left"> <table width="" height="" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#222222"> <tr> <td> <table border="0" class="myabo"> <tr> <td width="" valign="top" align="left"> <input id="00011c0000000001" type="checkbox" value="00011c0000000001" onclick="do_when_checkedAbonnements(this,this.value)" /> <b class="titreabonnements"> Actualités du Louvre </b> <br /> <br /> <span class="detailabonnements"> Recevez chaque mois le programme du musée du Louvre et de son auditorium. </span> <br /> <br /> <input id="00011c0000000004" type="checkbox" value="00011c0000000004" onclick="do_when_checkedAbonnements(this,this.value)" /> <b class="titreabonnements"> Enseignants et professionnels de l'éducation </b> <br /> <br /> <span class="detailabonnements"> En plus des Actualités du Louvre,recevez la newsletter trimestrielle sur l’actualité pédagogique du musée (formations, rencontres, ressources pédagogiques…) </span> <br /> <br /> </td> <td width="" bgcolor="#222222" valign="center" align="center"> <table width="14" bgcolor="#222222" valign="center" align="center" cellpadding="0" cellspacing="0" border="0"> <tbody> <tr> <td width="14" bgcolor="#222222" valign="center" align="center"></td> </tr> </tbody> </table> </td> <td width="" valign="top" align="left"> <input id="00011c0000000005" type="checkbox" value="00011c0000000005" onclick="do_when_checkedAbonnements(this,this.value)" /> <span class="titreabonnements"> Publics aveugles ou malvoyants </span> <br /> <br /> <span class="detailabonnements"> La newsletter trimestrielle d’information sur les visites descriptives et tactiles à destination des personnes malvoyantes ou non-voyantes. </span> <br /> <br /> <input id="00011c0000000006" type="checkbox" value="00011c0000000006" onclick="do_when_checkedAbonnements(this,this.value)" /> <span class="titreabonnements"> Publics sourds ou malentendants </span> <br /> <br /> <span class="detailabonnements"> La newsletter trimestrielle d’information sur les visites en langue des signes, lecture labiale ou langage parlé complété. </span> <br /> <br /> </td> </tr> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> <!-- espace --> <tr> <td width="" height="7" bgcolor="#222222"></td> </tr> <!-- Fin espace --> <tr> <td width="" bgcolor="#222222"> <table width="" align="left"> <!-- espace --> <tr> <td height="15"></td> </tr> <!-- Fin espace --> <tr> <td height="20" class="grostitre" align="left">Vos centres d'intérêt</td> </tr> < <!-- espace --> <tr> <td height="5"></td> </tr> <!-- Fin espace --> <tr> <td height="1" bgcolor="#434343"></td> </tr> <!-- espace --> <tr> <td height="15" bgcolor="#222222"></td> </tr> <!-- Fin espace --> </table> </td> </tr> <!-- champs3 --> <tr> <td width="" align="left"> <table valign="center"> <tr> <td width="" valign="top"> <table class="mycentres"> <tr> <td width="" valign="top"> <input id="00011c0000000327" type="checkbox" value="00011c0000000327" onclick="do_when_checkedCentreInteret(this,this.value)" /> <span class="titreCentreInteret"> Activite Enfants Familles </span> <br /> <input id="00011c0000000328" type="checkbox" value="00011c0000000328" onclick="do_when_checkedCentreInteret(this,this.value)" /> <span class="titreCentreInteret"> Antiquite Archeologie </span> <br /> <input id="00011c0000000329" type="checkbox" value="00011c0000000329" onclick="do_when_checkedCentreInteret(this,this.value)" /> <span class="titreCentreInteret"> Architecture Museographie </span> <br /> <input id="00011c000000032a" type="checkbox" value="00011c000000032a" onclick="do_when_checkedCentreInteret(this,this.value)" /> <span class="titreCentreInteret"> Art Contemporain </span> <br /> <input id="00011c000000032b" type="checkbox" value="00011c000000032b" onclick="do_when_checkedCentreInteret(this,this.value)" /> <span class="titreCentreInteret"> Arts Islam </span> <br /> <input id="00011c000000032c" type="checkbox" value="00011c000000032c" onclick="do_when_checkedCentreInteret(this,this.value)" /> <span class="titreCentreInteret"> Cinema </span> <br /> <input id="00011c000000032d" type="checkbox" value="00011c000000032d" onclick="do_when_checkedCentreInteret(this,this.value)" /> <span class="titreCentreInteret"> Conferences Histoire Art </span> <br /> </td> <td width="" valign="top"> <input id="00011c000000032e" type="checkbox" value="00011c000000032e" onclick="do_when_checkedCentreInteret(this,this.value)" /> <span class="titreCentreInteret"> Dessin </span> <br /> <input id="00011c000000032f" type="checkbox" value="00011c000000032f" onclick="do_when_checkedCentreInteret(this,this.value)" /> <span class="titreCentreInteret"> Musique Classique </span> <br /> <input id="00011c0000000330" type="checkbox" value="00011c0000000330" onclick="do_when_checkedCentreInteret(this,this.value)" /> <span class="titreCentreInteret"> Musiques Actuelles </span> <br /> <input id="00011c0000000331" type="checkbox" value="00011c0000000331" onclick="do_when_checkedCentreInteret(this,this.value)" /> <span class="titreCentreInteret"> Nocturnes </span> <br /> <input id="00011c0000000332" type="checkbox" value="00011c0000000332" onclick="do_when_checkedCentreInteret(this,this.value)" /> <span class="titreCentreInteret"> Offre Pedagogique </span> <br /> <input id="00011c0000000333" type="checkbox" value="00011c0000000333" onclick="do_when_checkedCentreInteret(this,this.value)" /> <span class="titreCentreInteret"> Peinture Sculpture Arts Decos </span> <br /> <input id="00011c0000000334" type="checkbox" value="00011c0000000334" onclick="do_when_checkedCentreInteret(this,this.value)" /> <span class="titreCentreInteret"> Spectacle Vivant </span> <br /> <input id="00011c0000000335" type="checkbox" value="00011c0000000335" onclick="do_when_checkedCentreInteret(this,this.value)" /> <span class="titreCentreInteret"> Visites Guidees </span> <br /> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td width="" bgcolor="#222222"> <table width="" align="left"> <!-- espace --> <tr> <td height="22"> </td> </tr> <!-- Fin espace --> <tr> <td height="20" class="grostitre">Informations sur nos partenaires</td> </tr> <!-- espace --> <tr> <td height="5"></td> </tr> <!-- Fin espace --> <tr> <td height="1" bgcolor="#434343"></td> </tr> <!-- espace --> <tr> <td height="15"></td> </tr> <!-- Fin espace --> </table> </td> </tr> <!-- champs4 --> <tr> <td width="" height="25"> <table height="25" align="left" bgcolor="#222222"> <tr> <td valign="center" align="left"><span class="annonces"> Le musée du Louvre travaille régulièrement en partenariat avec d'autres institutions (musées, théâtres…) susceptibles de vous proposer des offres. <br /> <br /> Vous acceptez de recevoir, <strong>de la part du musée du Louvre</strong>, des informations ou des offres sur les programmes d'établissements culturels partenaires </span> <span class="mandatory"> * </span> <span> : </span> <br /> <input id="infosTrue" name="infos" value="1" type="radio" onclick="do_when_SelectedInfosPartenaires(this, this.value)" /> <span class="infosPartenaire"> Oui <input id="infosFalse" name="infos" value="0" type="radio" onclick="do_when_SelectedInfosPartenaires(this, this.value)" /> </span> <span class="infosPartenaire"> Non </span> <br /> <br /> <span class="annonces"> Vous acceptez que le Louvre transmette votre adresse courriel à un établissement culturel partenaire susceptible de vous envoyer une offre </span> <span class="mandatory"> * </span> <span> : </span> <br /> <input id="infosTransmisTrue" name="infosTransmis" value="1" type="radio" onclick="do_when_TransmettreInfosAPartenaires(this, 1)" /> <span class="infosPartenaire"> Oui <input name="infosTransmis" id="infosTransmisFalse" value="0" type="radio" onclick="do_when_TransmettreInfosAPartenaires(this, 0)" /> <span class="infosPartenaire"> Non </span> <br /> <br /></td> </tr> <tr> <td height="7"></td> </tr> <tr> <td height="" align="left"><span class="annonces"><span class="mandatory"> * </span> Champs Obligatoires</span> <br /> <br /></td> </tr> </table> </td> </tr> <!-- Fin champs4 --> <tr> <td width="" bgcolor="#222222"> <table width="" cellpadding="0" cellspacing="0" border="0" align="left" bgcolor="#222222"> <!-- espace --> <tr> <td width="" height="15" bgcolor="#222222"></td> </tr> <!-- Fin espace --> <tr> <td width="" height="20" bgcolor="#222222" align="left"><font color="#82c8d7" face="arial" size="4" style="font-size: 21px;"><b>Vous et le Louvre</b></font><br /></td> </tr> <!-- espace --> <tr> <td width="" height="5" bgcolor="#222222"></td> </tr> <!-- Fin espace --> <tr> <td width="" height="1" bgcolor="#434343"></td> </tr> <!-- espace --> <tr> <td width="" height="15" bgcolor="#222222"></td> </tr> <!-- Fin espace --> </table> </td> </tr> <tr> <td width="" align="left"> <table width="" cellpadding="0" cellspacing="0" border="0" align="left" bgcolor="#222222" style="margin-bottom: 40px;"> <tr> <td width="" bgcolor="#222222" align="left" valign="center"><font color="#ffffff" face="arial" size="3" style="font-size: 14px; line-height: 17px;"><span class="annonce">Cette information vous est demandée à titre statistique.<br /> <br />A quelle durée totale estimez-vous le temps de trajet entre votre domicile et le musée du Louvre (en fonction du moyen <br />de transport que vous privilégiez) ?<br/ > <br /> </span></font> <input id="00011c000000166b" type="radio" name="group1" value="00011c000000166b" onclick="do_when_checkedProximite(this,this.value)" /> <span class="detailabonnements"> moins de 1h </span> <br /> <input id="00011c000000166c" type="radio" name="group1" value="00011c000000166c" onclick="do_when_checkedProximite(this,this.value)" /> <span class="detailabonnements"> entre 1h et 3h </span> <br /> <input id="00011c000000166d" type="radio" name="group1" value="00011c000000166d" onclick="do_when_checkedProximite(this,this.value)" /> <span class="detailabonnements"> plus de 3h </span> <br /> </td> </tr> </table> <br /> <br /> </td> </tr> <tr> <td width="" bgcolor="#222222"> <table width="" cellpadding="0" cellspacing="0" border="0" align="left" bgcolor="#222222"> <tr> <td width="" height="29" bgcolor="#222222" align="center"> <table width="" height="29" align="center" cellspacing="0" cellpadding="0" border="0" bgcolor="#222222" class="valider2"> <tr> <td width="" height="29" bgcolor="#222222" align="center"><a onclick="javascript:save();" class="myvalider2">Valider</a></td> <td width="" height="29" bgcolor="#222222" align="center"></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <tr> <td> <table id="viePrivee" class=""> <tr> <td width="" bgcolor="#222222"> <table width="" cellpadding="0" cellspacing="0" border="0" align="left" bgcolor="#222222"> <!-- espace --> <tr> <td width="" height="15" bgcolor="#222222"></td> </tr> <!-- Fin espace --> <tr> <td width="" height="20" bgcolor="#222222" align="left"><font color="#82c8d7" face="arial" size="4" style="font-size: 21px;"><b>Protection des données personnelles</b></font><br /></td> </tr> <!-- espace --> <tr> <td width="" height="5" bgcolor="#222222"></td> </tr> <!-- Fin espace --> <tr> <td width="" height="1" bgcolor="#434343"></td> </tr> <!-- espace --> <tr> <td width="" height="15" bgcolor="#222222"></td> </tr> <!-- Fin espace --> </table> </td> </tr> <tr> <td width="" height="20" bgcolor="#222222" align="center"> <table width="" height="20" bgcolor="#222222" align="center" cellspacing="0" cellpadding="0" border="0"> <tr> <td width="" height="20" bgcolor="#222222" align="left"><font color="#cccccc" face="arial" size="1" style="font-size: 11px; line-height: 17px;">Les données personnelles recueillies dans ce formulaire sont nécessaires pour permettre au musée du Louvre de vous adresser les communications que vous souhaitez recevoir et de réaliser des statistiques. Vous trouverez toutes les informations relatives à ce recueil de données et à vos droits en la matière dans <a href="https://www.louvre.fr/politique-de-protection-des-donnees-personnelles">la Politique de protection des données personnelles</a> accessible sur le site internet du Musée du Louvre.<br /> </font></td> </tr> </table> </td> </tr> </table> </td> </tr> < </td> </tr> <tr> <td> <table> <tr> <td width="" bgcolor="#222222"></td> </tr> <tr> <td width="" height="20" bgcolor="#222222" align="center"></td> </tr> </table> </td> </tr> <!-- espace --> <tr> <td width="" height="5" bgcolor="#222222"></td> </tr> <!-- Fin espace --> </table> </td> </tr> </table> </td> </tr> </table> </td> <!-- Fin colonne 2 --> <!-- colonne 3 --> <td width="32" bgcolor="#222222"> <table width="" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#222222"> <tr> <td width="" bgcolor="#222222"></td> </tr> </table> </td> <!-- Fin colonne 3 --> </tr> </table> <br> <br> <br> <br> </form> </td> </tr> </table> </td> </tr> </table> </form> </body> </html>