{"id":14291,"date":"2024-06-20T22:16:07","date_gmt":"2024-06-20T21:16:07","guid":{"rendered":"https:\/\/www.tewhoola.com\/accueil\/?page_id=14291"},"modified":"2025-08-19T15:23:19","modified_gmt":"2025-08-19T14:23:19","slug":"contact-agences-fc_j","status":"publish","type":"page","link":"https:\/\/www.tewhoola.com\/accueil\/contact-agences-fc_j\/","title":{"rendered":"Contact Agences FC_J"},"content":{"rendered":"\n\n\n<h2>Renseignement sur les tarifs et\/ou devis, merci de remplir le formulaire \u21e9.&nbsp; &nbsp; R\u00e9ponse sous 24h.<\/h2>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n<div class=\"responsive-iframe-container\">\n    <iframe src=\"https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vSnOu6rtGzBvf6r_CT-Sho92OhJE_bNLrgLVxiw_G8ysAFgsbf5Vr5es13LSrCbQkoOJuzS4VLtuptw\/pubhtml?widget=true&amp;headers=false\" \n            style=\"position: absolute; top: 0; left: 0; width: 100%; height: 230%; border: none;\"><br \/>\n    <\/iframe>\n<\/div>\n<p><!-- Aqu\u00ed est\u00e1 tu formulario debajo del iframe --><\/p>\n<div style=\"margin-top: 20px;\">\n    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f14290-o1\" lang=\"fr-FR\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/accueil\/wp-json\/wp\/v2\/pages\/14291#wpcf7-f14290-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulaire de contact\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"14290\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.9.8\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f14290-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<style>\n\/* Reglas de estilo CSS *\/\n.form-row {\n display: inline-flex;\n align-items: center;\n margin-bottom: 0.1px;\n}\n.form-submit-button {\n font-weight: bold;\n font-size: 1.8em; \/* Tama\u00f1o de fuente m\u00e1s grande *\/\n padding: 5px 30px; \/* Aumenta el espacio dentro del bot\u00f3n *\/\n border: 3px solid #ccc; \/* Borde *\/\n border-radius: 45px; \/* A\u00f1ade esquinas redondeadas al bot\u00f3n *\/\n background-color: #992508; \/* Color de fondo *\/\n color: white; \/* Color del texto *\/\n cursor: pointer; \/* Cambia el cursor al pasar el rat\u00f3n *\/\n transition: background-color 0.1s ease, color 0.9s ease, box-shadow 0.9s ease; \/* Transici\u00f3n suave para cambios de color de fondo, color del texto y sombra *\/ \n margin-left: auto; \/* Alinea el bot\u00f3n a la derecha *\/\n box-shadow: -7px 7px 4px rgba(0, 0, 0, 0.1); \/* Agrega una sombra suave *\/\n \n\/*para integrar poco a poco cuando el xlms este listo con el visual\n \n <option value=\"IA\">IA<\/option>\n <option value=\"TRICOLOR\">TRICOLOR<\/option>\n <option value=\"TRYCICLE MUSICAL\">TRYCICLE MUSICAL<\/option>\n <option value=\"SIRENES\">SIRENES<\/option>\n <option value=\"FLEUR EN LUMIERE\">FLEUR EN LUMIERE<\/option>\n <option value=\"CIRCOLOR\">CIRCOLOR<\/option>\n <option value=\"AMERIQUE\">AMERIQUE<\/option>\n <option value=\"ECHASSIER BLANC\">ECHASSIER BLANC<\/option>\n <option value=\"BATUCADA LUMINEUSE\">BATUCADA LUMINEUSE<\/option>\n <option value=\"LUMINEUSE D'HIVER\">LUMINEUSE D'HIVER<\/option>*\/\n \n}\n.form-submit-button:hover {\n background-color: #45a049; \/* Cambia el color de fondo al pasar el rat\u00f3n *\/\n color: #992508; \/* Cambia el color del texto al pasar el rat\u00f3n sobre el bot\u00f3n *\/\n box-shadow: 0 20px 20px rgba(0, 0, 0, 0.15); \/* Incrementa la sombra al pasar el rat\u00f3n sobre el bot\u00f3n *\/ \n}\n\n\n.form-submit-button:active {\n border-color: #357d44; \/* Cambia el color del borde cuando se hace clic en el bot\u00f3n *\/\n}\n.form-row input {\n width: 250px; \/* Ancho personalizado *\/\n height: 25px; \/* Altura personalizada *\/\nborder: 3px solid #ccc; \/* Borde *\/\n border-radius: 20px; \/* Esquinas redondeadas *\/\n box-sizing: border-box; \/* Incluye el borde y el relleno en el ancho y alto total *\/\n}\n\n.form-row Textarea {\n width: 618px; \/* Ancho personalizado *\/\n height: 50px; \/* Altura personalizada *\/\n padding: 5px; \/* Espaciado interno *\/\n font-size: 12px; \/* Tama\u00f1o de fuente *\/\n border: 2px solid #ccc; \/* Borde *\/\n border-radius: 12px; \/* Esquinas redondeadas *\/\n box-sizing: border-box; \/* Incluye el borde y el relleno en el ancho y alto total *\/\n}\n.form-row select {\n \n border: 2px solid #ccc; \/* Borde *\/\n border-radius: 12px; \/* Esquinas redondeadas *\/\n box-sizing: border-box; \/* Incluye el borde y el relleno en el ancho y alto total *\/\n}\n\t<style>\n\/* Tus estilos aqu\u00ed *\/\n\t<\/style>\n\n<!-- El formulario HTML aqu\u00ed -->\n\t<div class=\"form-row\">\n\t\t<p><label for=\"lastname\"> -Nom* : <input type=\"text\" id=\"lastname\" name=\"your-lastname\" value=\"Dussart\" readonly \/><\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"firstname\">Pr\u00e9nom* : <input type=\"text\" id=\"firstname\" name=\"your-firstname\" value=\"Julie\" readonly \/><\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"address\"> -Adresse* : <span class=\"wpcf7-form-control-wrap\" data-name=\"your-address\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"10 rue henry d&#039;oultreman\" type=\"text\" name=\"your-address\" \/><\/span><\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"postalcode\"> -Code postal* : <span class=\"wpcf7-form-control-wrap\" data-name=\"code-postal\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number\" min=\"1000\" max=\"99999\" aria-required=\"true\" aria-invalid=\"false\" value=\"59990\" type=\"number\" name=\"code-postal\" \/><\/span> <\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"city\"> -Ville* : <span class=\"wpcf7-form-control-wrap\" data-name=\"city\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"Rombies et marchipont\" type=\"text\" name=\"city\" \/><\/span><\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"telephone\"> -T\u00e9l\u00e9phone* : <span class=\"wpcf7-form-control-wrap\" data-name=\"tel-769\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"0632532546\" type=\"tel\" name=\"tel-769\" \/><\/span><\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"email\"> -E-mail* : <span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"julie@friendscie.com\" type=\"email\" name=\"your-email\" \/><\/span><\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"company\"> -Raison sociale* : <input type=\"text\" id=\"company\" name=\"your-company\" value=\"Friends cie\" readonly \/><\/label>\n\t\t<\/p>\n\t<\/div>\n\n\n<!-- Campo oculto para el c\u00f3digo de cliente -->\n<input type=\"hidden\" id=\"customer-code\" name=\"customer-code\" \/>\n\n<!-- Campo oculto para company code -->\n<input type=\"hidden\" id=\"company-code\" name=\"company-code\" \/>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n function generateCustomerCode() {\n \/\/ Obt\u00e9n los valores de los campos\n var lastname = document.getElementById('lastname').value;\n var firstname = document.getElementById('firstname').value;\n var postalcode = document.querySelector('[name=\"code-postal\"]').value;\n var company = document.getElementById('company').value;\n var companyCode = \"FC\";\n\n \/\/ Extrae las iniciales y primeros caracteres necesarios\n var lastnameInitial = lastname.charAt(0).toUpperCase();\n var firstnameInitial = firstname.charAt(0).toUpperCase();\n \/\/ Define el c\u00f3digo fijo \"FC\"\n \n\n \/\/ Genera el c\u00f3digo de cliente\n var customerCode = postalcode + companyCode + '-' + firstnameInitial+ lastnameInitial ;\n\n\n \/\/ Asigna el c\u00f3digo generado al campo correspondiente\n document.getElementById('customer-code').value = customerCode;\n \/\/ Asigna el c\u00f3digo fijo \"FC\" al campo oculto\n document.getElementById('company-code').value = companyCode;\n }\n\n \/\/ Llama a la funci\u00f3n para generar el c\u00f3digo de cliente\n generateCustomerCode();\n \n \/\/ Tambi\u00e9n puedes agregar listeners si necesitas actualizar el c\u00f3digo al cambiar los campos\n var postalcodeField = document.querySelector('[name=\"code-postal\"]');\n postalcodeField.addEventListener('input', generateCustomerCode);\n});\n<\/script>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"siret\"> -Siret* : <span class=\"wpcf7-form-control-wrap\" data-name=\"siret\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number\" min=\"10000000000\" max=\"999999999999999\" aria-required=\"true\" aria-invalid=\"false\" value=\"87960759600019\" type=\"number\" name=\"siret\" \/><\/span><\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"R\u00e9presentant\"> -R\u00e9presentant* : <span class=\"wpcf7-form-control-wrap\" data-name=\"text-269\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"DELFORTERIE Aur\u00e9lien\" type=\"text\" name=\"text-269\" \/><\/span><\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"Qualit\u00e9\"> -Qualit\u00e9* : <span class=\"wpcf7-form-control-wrap\" data-name=\"text-676\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"Pr\u00e9sident\" type=\"text\" name=\"text-676\" \/><\/span><\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"projectdate\"> -Date du projet* : <span class=\"wpcf7-form-control-wrap\" data-name=\"date-688\"><input class=\"wpcf7-form-control wpcf7-date wpcf7-validates-as-required wpcf7-validates-as-date form-row\" id=\"project-date\" min=\"2026-04-08\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Min\" value=\"\" type=\"date\" name=\"date-688\" \/><\/span> <\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"Heure\"> -Heure approximative* : <span class=\"wpcf7-form-control-wrap\" data-name=\"menu-960\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required form-row\" id=\"Heure\" aria-required=\"true\" aria-invalid=\"false\" name=\"menu-960\"><option value=\"Vers 8H00\">Vers 8H00<\/option><option value=\"Vers 9H00\">Vers 9H00<\/option><option value=\"Vers 10H00\">Vers 10H00<\/option><option value=\"Vers 11H00\">Vers 11H00<\/option><option value=\"Vers 12H00\">Vers 12H00<\/option><option value=\"Vers 13H00\">Vers 13H00<\/option><option value=\"Vers 14H00\">Vers 14H00<\/option><option value=\"Vers 15H00\">Vers 15H00<\/option><option value=\"Vers 16H00\">Vers 16H00<\/option><option value=\"Vers 17H00\">Vers 17H00<\/option><option value=\"Vers 18H00\">Vers 18H00<\/option><option value=\"Vers 19H00\">Vers 19H00<\/option><option value=\"Vers 20H00\">Vers 20H00<\/option><option value=\"Vers 21H00\">Vers 21H00<\/option><option value=\"Vers 22H00\">Vers 22H00<\/option><option value=\"Vers 23H00\">Vers 23H00<\/option><\/select><\/span><br \/>\n <\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"Ville du projet\"> -Ville du projet* : <span class=\"wpcf7-form-control-wrap\" data-name=\"text-728\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ville du projet\" value=\"\" type=\"text\" name=\"text-728\" \/><\/span><\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"postalCodeprojet\"> -Code postal du Projet* : <span class=\"wpcf7-form-control-wrap\" data-name=\"number-822\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number\" min=\"1000\" max=\"99999\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"00000\" value=\"\" type=\"number\" name=\"number-822\" \/><\/span><\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"Distance\"> -Distance depuis Bessancourt* : <span class=\"wpcf7-form-control-wrap\" data-name=\"number-227\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Kilom\u00e8tres depuis (95550)\" value=\"\" type=\"number\" name=\"number-227\" \/><\/span><\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"spectacle\"> -Spectacle : <select id=\"spectacle\" name=\"menu-890\">\n <option value=\"ETINCELLE\">ETINCELLE<\/option>\n <option value=\"BLEUMINEUX\">BLEUMINEUX<\/option>\n <option value=\"TONNERRE DE LUMIERE\">TONNERRE DE LUMIERE<\/option>\n <option value=\"BLANCOTON\">BLANCOTON<\/option>\n <option value=\"100% ECHASSES\">100% ECHASSES<\/option>\n \n<\/select> <\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"QArtistes\"> -Quantit\u00e9 d'artistes* : <span class=\"wpcf7-form-control-wrap\" data-name=\"number-796\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number\" min=\"1\" max=\"50\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"5\" value=\"\" type=\"number\" name=\"number-796\" \/><\/span><\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<p><label for=\"message\">Votre message (facultatif) : <Textarea id=\"message\" name=\"your-message\"><\/textarea>|''__-__''|<button type=\"submit\" class=\"form-submit-button\" > \ud83d\ude80 Envoyer <\/button> <\/label>\n\t\t<\/p>\n\t<\/div>\n <span class=\"wpcf7-form-control-wrap\" data-name=\"checkbox-467\"><span class=\"wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required\"><span class=\"wpcf7-list-item first last\"><label><span class=\"wpcf7-list-item-label\">Je suis d&#039;accord pour l&#039;utilisation de mes donn\u00e9es.<\/span><input type=\"checkbox\" name=\"checkbox-467[]\" value=\"Je suis d&#039;accord pour l&#039;utilisation de mes donn\u00e9es.\" \/><\/label><\/span><\/span><\/span> \n<!Aqui terminan las preguntas y abajo el boton -->\n<\/style><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n<\/div>\n<style>\n    .responsive-iframe-container {\n        position: relative;\n        width: 100%;\n        height: 0;\npadding-bottom: 46%; \/* Ajusta para aumentar el tama\u00f1o en vertical *\/\n       overflow: hidden; \/* Esconde el contenido fuera del \u00e1rea visible *\/\n    }\n   \/* Ajuste para pantallas m\u00e1s grandes (ordenadores) *\/\n    @media screen and (min-width: 1024px) {\n        .responsive-iframe-container {\n            padding-bottom: 27%; \/* Ajusta para pantallas grandes *\/\n        }\n    }\n \/* Si el dispositivo est\u00e1 en modo vertical (portrait) *\/\n    @media screen and (orientation: portrait) {\n        .responsive-iframe-container {\n            padding-bottom: 90%; \/* Ajusta para aumentar el tama\u00f1o en vertical *\/\n            min-height: 100px; \/* Altura m\u00ednima suficiente para evitar un iframe demasiado peque\u00f1o *\/\n        }\n    }<\/p>\n<p>    \/* Si el dispositivo est\u00e1 en modo horizontal (landscape) *\/\n    @media screen and (orientation: landscape) {\n        .responsive-iframe-container {\n            padding-bottom: 50%; \/* Mant\u00e9n o ajusta la relaci\u00f3n de aspecto en modo horizontal *\/\n        }\n    }\n <\/style>\n\n\n<div class=\"responsive-iframe-container\">\n    <iframe loading=\"lazy\" width=\"402\" height=\"346\" frameborder=\"0\" scrolling=\"no\" src=\"https:\/\/1drv.ms\/x\/c\/004f886166c7fcdb\/IQQ2o00-7dB2RIpyKq9XwfQkASN70-vBsmN82TlGu1zl988?em=2&#038;wdAllowInteractivity=False&#038;wdHideGridlines=True&#038;wdHideHeaders=True&#038;wdDownloadButton=True&#038;wdInConfigurator=True&#038;wdInConfigurator=True\"\n            style=\"position: absolute; top: 0; left: 0; width: 100%; height: 230%; border: none;\"><br \/>\n    <\/iframe>\n<\/div>\n<p><!-- Aqu\u00ed est\u00e1 tu formulario debajo del iframe --><\/p>\n<div style=\"margin-top: 20px;\">\n   \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f14897-o2\" lang=\"fr-FR\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/accueil\/wp-json\/wp\/v2\/pages\/14291#wpcf7-f14897-o2\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulaire de contact\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"14897\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.9.8\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f14897-o2\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<style>\n\/* Reglas de estilo CSS *\/\n.form-row {\n display: inline-flex;\n align-items: center;\n margin-bottom: 0.1px;\n}\n.form-submit-button {\n font-weight: bold;\n font-size: 1.8em; \/* Tama\u00f1o de fuente m\u00e1s grande *\/\n padding: 5px 30px; \/* Aumenta el espacio dentro del bot\u00f3n *\/\n border: 3px solid #ccc; \/* Borde *\/\n border-radius: 45px; \/* A\u00f1ade esquinas redondeadas al bot\u00f3n *\/\n background-color: #992508; \/* Color de fondo *\/\n color: white; \/* Color del texto *\/\n cursor: pointer; \/* Cambia el cursor al pasar el rat\u00f3n *\/\n transition: background-color 0.1s ease, color 0.9s ease, box-shadow 0.9s ease; \/* Transici\u00f3n suave para cambios de color de fondo, color del texto y sombra *\/ \n margin-left: auto; \/* Alinea el bot\u00f3n a la derecha *\/\n box-shadow: -7px 7px 4px rgba(0, 0, 0, 0.1); \/* Agrega una sombra suave *\/\n \n\n \n}\n.form-submit-button:hover {\n background-color: #45a049; \/* Cambia el color de fondo al pasar el rat\u00f3n *\/\n color: #992508; \/* Cambia el color del texto al pasar el rat\u00f3n sobre el bot\u00f3n *\/\n box-shadow: 0 20px 20px rgba(0, 0, 0, 0.15); \/* Incrementa la sombra al pasar el rat\u00f3n sobre el bot\u00f3n *\/ \n}\n\n\n.form-submit-button:active {\n border-color: #357d44; \/* Cambia el color del borde cuando se hace clic en el bot\u00f3n *\/\n}\n.form-row input {\n width: 250px; \/* Ancho personalizado *\/\n height: 25px; \/* Altura personalizada *\/\nborder: 3px solid #ccc; \/* Borde *\/\n border-radius: 20px; \/* Esquinas redondeadas *\/\n box-sizing: border-box; \/* Incluye el borde y el relleno en el ancho y alto total *\/\n}\n\n.form-row Textarea {\n width: 618px; \/* Ancho personalizado *\/\n height: 50px; \/* Altura personalizada *\/\n padding: 5px; \/* Espaciado interno *\/\n font-size: 12px; \/* Tama\u00f1o de fuente *\/\n border: 2px solid #ccc; \/* Borde *\/\n border-radius: 12px; \/* Esquinas redondeadas *\/\n box-sizing: border-box; \/* Incluye el borde y el relleno en el ancho y alto total *\/\n}\n.form-row select {\n \n border: 2px solid #ccc; \/* Borde *\/\n border-radius: 12px; \/* Esquinas redondeadas *\/\n box-sizing: border-box; \/* Incluye el borde y el relleno en el ancho y alto total *\/\n}\n<\/style>\n\n\n<!-- El formulario HTML aqu\u00ed -->\n<p>Nous formons une super Equipe! \ud83d\udc4c\ud83d\udc4f Maintenant respire... prends 2 minutes, assieds-toi confortablement, donne nous ton impression sur cette page! \ud83d\ude80\n<\/p>\n<p>Votre Appr\u00e9ciation compte pour nous:\n<\/p>\n<div class=\"form-row\">\n\t<p><button type=\"button\" class=\"form-submit-button\" id=\"like-button\"> \ud83d\ude00 J'aime! <\/button>\n\t<\/p>\n<\/div>\n<div class=\"form-row\">\n\t<p><button type=\"button\" class=\"form-submit-button\" id=\"dislike-button\"> \ud83d\ude41 Je n'aime pas! <\/button>\n\t<\/p>\n<\/div>\n<p><script>\n\/\/ Capturar el evento del clic para el bot\u00f3n \"J'aime!\"\ndocument.getElementById('like-button').addEventListener('click', function() {\n alert('Merci pour votre \u00e9valuation!\u2728');\n});\n\n\/\/ Capturar el evento del clic para el bot\u00f3n \"Je n'aime pas!\"\ndocument.getElementById('dislike-button').addEventListener('click', function() {\n alert('Merci pour votre \u00e9valuation! N\u2019oubliez pas d\u2019envoyer le formulaire en cliquant sur le bouton \"ENVOYER\".');\n});\n<\/script>\n<\/p>\n<p><!Aqui terminan las preguntas y abajo el boton -->\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n<\/div>\n<style>\n    .responsive-iframe-container {\n        position: relative;\n        width: 100%;\n        height: 0;\npadding-bottom: 46%; \/* Ajusta para aumentar el tama\u00f1o en vertical *\/\n       overflow: hidden; \/* Esconde el contenido fuera del \u00e1rea visible *\/\n    }\n   \/* Ajuste para pantallas m\u00e1s grandes (ordenadores) *\/\n    @media screen and (min-width: 1024px) {\n        .responsive-iframe-container {\n            padding-bottom: 27%; \/* Ajusta para pantallas grandes *\/\n        }\n    }\n \/* Si el dispositivo est\u00e1 en modo vertical (portrait) *\/\n    @media screen and (orientation: portrait) {\n        .responsive-iframe-container {\n            padding-bottom: 80%; \/* Ajusta para aumentar el tama\u00f1o en vertical *\/\n            min-height: 100px; \/* Altura m\u00ednima suficiente para evitar un iframe demasiado peque\u00f1o *\/\n        }\n    }<\/p>\n<p>    \/* Si el dispositivo est\u00e1 en modo horizontal (landscape) *\/\n    @media screen and (orientation: landscape) {\n        .responsive-iframe-container {\n            padding-bottom: 50%; \/* Mant\u00e9n o ajusta la relaci\u00f3n de aspecto en modo horizontal *\/\n        }\n    }\n <\/style>\n","protected":false},"excerpt":{"rendered":"<p>Renseignement sur les tarifs et\/ou devis, merci de remplir le formulaire \u21e9.&nbsp; &nbsp; R\u00e9ponse sous 24h.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14291","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tewhoola.com\/accueil\/wp-json\/wp\/v2\/pages\/14291"}],"collection":[{"href":"https:\/\/www.tewhoola.com\/accueil\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tewhoola.com\/accueil\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tewhoola.com\/accueil\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tewhoola.com\/accueil\/wp-json\/wp\/v2\/comments?post=14291"}],"version-history":[{"count":7,"href":"https:\/\/www.tewhoola.com\/accueil\/wp-json\/wp\/v2\/pages\/14291\/revisions"}],"predecessor-version":[{"id":14919,"href":"https:\/\/www.tewhoola.com\/accueil\/wp-json\/wp\/v2\/pages\/14291\/revisions\/14919"}],"wp:attachment":[{"href":"https:\/\/www.tewhoola.com\/accueil\/wp-json\/wp\/v2\/media?parent=14291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}