1683 lines
88 KiB
HTML
1683 lines
88 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
|
||
|
||
<head>
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||
<meta name="language" http-equiv="content-language" content="fr" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
|
||
|
||
<title>Faire un don au Planning Familial Planning Familial 44 (copie) (copie) (copie) (copie) (copie) (copie) (copie)
|
||
</title>
|
||
|
||
<link href='https://fonts.googleapis.com/css?family=Raleway:400,700' rel='stylesheet' type='text/css'>
|
||
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
|
||
|
||
|
||
<link rel="shortcut icon" href="https://don.planning-familial.org/uploads/img/5c7d3181c5e68.png">
|
||
|
||
<!--[if lt IE 9]>
|
||
<script src="/front/js/respond.min.js" cache="false"></script>
|
||
<script src="/front/js/html5shiv.min.js" cache="false"></script>
|
||
<![endif]-->
|
||
<script src="https://don.planning-familial.org/front/js/jquery-3.3.1.min.js"></script>
|
||
<script src="https://don.planning-familial.org/front/js/popper.js"></script>
|
||
<script src="https://don.planning-familial.org/front/js/bootstrap.min.js"></script>
|
||
<script src="https://js.stripe.com/v3/"></script>
|
||
|
||
<link rel="stylesheet" media="screen" href="https://don.planning-familial.org/front/css/custom-bootstrap.css"/>
|
||
<link rel="stylesheet" media="screen" href="https://don.planning-familial.org/front/css/s-don.css"/>
|
||
<link rel="stylesheet" media="screen" href="https://don.planning-familial.org/front/froala/css/froala_style.min.css" />
|
||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
|
||
|
||
<script>
|
||
$(document).ready(function(){
|
||
|
||
|
||
$("#izi_formdonbundle_ordermodel_client_orga, #izi_formdonbundle_ordermodel_clientPaie_orga").bind("click keyup focus", function(e) {
|
||
displayOrga();
|
||
});
|
||
|
||
|
||
$("#izi_formdonbundle_ordermodel_hasClientPaie").bind("click keyup focus", function(e) {
|
||
displayHasClientPaie();
|
||
});
|
||
|
||
$("#izi_formdonbundle_ordermodel_client_notAnonymous").bind("click keyup focus", function(e) {
|
||
displayAnonymous();
|
||
});
|
||
|
||
function displayOrga(){
|
||
if($('#izi_formdonbundle_ordermodel_client_orga').prop('checked')){
|
||
$("#orga-field").fadeIn();
|
||
} else {
|
||
$("#orga-field").fadeOut();
|
||
};
|
||
if($('#izi_formdonbundle_ordermodel_clientPaie_orga').prop('checked')){
|
||
$("#orga2-field").fadeIn();
|
||
} else {
|
||
$("#orga2-field").fadeOut();
|
||
};
|
||
if($('#izi_formdonbundle_ordermodel_clientPaie_orga').prop('checked') || $('#izi_formdonbundle_ordermodel_client_orga').prop('checked')){
|
||
$("#is-tab").trigger('click');
|
||
} else {
|
||
$("#ir-tab").trigger('click');
|
||
};
|
||
}
|
||
|
||
function displayHasClientPaie(){
|
||
if($('#izi_formdonbundle_ordermodel_hasClientPaie').prop('checked')){
|
||
$("#hasClientPaie-field").fadeIn();
|
||
} else {
|
||
$("#hasClientPaie-field").fadeOut();
|
||
};
|
||
}
|
||
|
||
function displayAnonymous(){
|
||
if($('#izi_formdonbundle_ordermodel_client_notAnonymous').prop('checked')){
|
||
$(".anonymous-field").fadeIn();
|
||
} else {
|
||
$(".anonymous-field").fadeOut();
|
||
};
|
||
displayOrga();
|
||
}
|
||
|
||
$('.quantity').each(function(){
|
||
$(this).focus(function(){
|
||
if($(this).val() == 0) {
|
||
$(this).val('');
|
||
}
|
||
});
|
||
});
|
||
|
||
|
||
displayOrga();
|
||
displayHasClientPaie();
|
||
displayAnonymous();
|
||
|
||
}); $(document).ready(function(){
|
||
|
||
$(".submit").bind("click",function(e) {
|
||
if(!$(e.target).data('means')){
|
||
$(".means").val($(e.target).parent('.submit').data('means')); //pour chrome
|
||
}else{
|
||
$(".means").val($(e.target).data('means'));
|
||
}
|
||
$('.error').removeClass('error');
|
||
});
|
||
|
||
$("input,select").one("focus", function(e) {
|
||
$(e.target).parents('.form-group').removeClass('error').val('');
|
||
});
|
||
|
||
$(".amount-box").bind("click keyup focus", function(e) {
|
||
|
||
var target = e.target;
|
||
if(!$(target).hasClass('amount-box')) {
|
||
target = $(target).parent();
|
||
}
|
||
|
||
if($(target).hasClass('single-amount-box')) {
|
||
$('.multi-amount-box').val('');
|
||
$('.sponsorship-amount-box').val('');
|
||
}
|
||
|
||
if($(target).hasClass('multi-amount-box')) {
|
||
$('.single-amount-box').val('');
|
||
$('.sponsorship-amount-box').val('');
|
||
}
|
||
|
||
if($(target).hasClass('sponsorship-amount-box')) {
|
||
$('.single-amount-box').val('');
|
||
$('.multi-amount-box').val('');
|
||
}
|
||
|
||
if(!$(target).hasClass('multi-amount-box') && !$(target).hasClass('single-amount-box') && !$(target).hasClass('sponsorship-amount-box') ) {
|
||
$('.single-amount-box').val('');
|
||
$('.multi-amount-box').val('');
|
||
$('.sponsorship-amount-box').val('');
|
||
}
|
||
|
||
$(".error-amount").remove();
|
||
|
||
$('.amount-box').removeClass('selected');
|
||
$('.block').removeClass('selected');
|
||
$('.custom-amount').removeClass('selected');
|
||
|
||
$(target).parents('.block').addClass('selected');
|
||
$(target).addClass('selected');
|
||
$('#block20').addClass('selected');
|
||
|
||
$('.type').val($(target).data('type'));
|
||
$('.purpose').val($(target).data('purpose'));
|
||
|
||
if($(target).data('amount') == 'set'){
|
||
$(target).parents('.custom-amount').addClass('selected');
|
||
|
||
var cleanVal = $(target).val();
|
||
cleanVal = cleanVal.replace(/[^0-9\.]/g,'');
|
||
$(target).val(parseInt(cleanVal) || '');
|
||
$('.amount').val(parseInt(cleanVal) || '');
|
||
}else{
|
||
$('.amount').val($(target).data('amount'));
|
||
}
|
||
$('.quantity').val(0);
|
||
$('#product_'+$(target).data('id')).val(1);
|
||
|
||
displayButton();
|
||
mathsRed();
|
||
//displayAff();
|
||
|
||
});
|
||
|
||
|
||
$(".tab").bind("click",function(e) {
|
||
$('.tab').removeClass('selected');
|
||
$(e.target).addClass('selected');
|
||
displayRed();
|
||
});
|
||
|
||
$("#izi_formdonbundle_ordermodel_affs").click(function(){
|
||
if(!$(this).parents('.block').hasClass('selected')){
|
||
$('.block').removeClass('selected');
|
||
$(this).parents('.block').addClass('selected');
|
||
$('.amount').val('');
|
||
$('.type').val('');
|
||
$('.purpose').val('');
|
||
$('.amount-box').removeClass('selected');
|
||
}
|
||
})
|
||
$("#izi_formdonbundle_ordermodel_affsSponsor").click(function(){
|
||
if(!$(this).parents('.block').hasClass('selected')){
|
||
$('.block').removeClass('selected');
|
||
$(this).parents('.block').addClass('selected');
|
||
$('.amount').val('');
|
||
$('.type').val('');
|
||
$('.purpose').val('');
|
||
$('.amount-box').removeClass('selected');
|
||
}
|
||
})
|
||
|
||
|
||
$('#monthly-checkbox').click(function(){
|
||
$('.quantity').val(0);
|
||
if($('#monthly-checkbox').prop('checked')) {
|
||
$('#multi-block').show();
|
||
$('#single-block').hide();
|
||
|
||
//reinit AMOUNT
|
||
$('.block').removeClass('selected');
|
||
$('#multi-block').parents('.block').addClass('selected');
|
||
$('.type').val('M');
|
||
$('.purpose').val('D');
|
||
|
||
} else {
|
||
$('#multi-block').hide();
|
||
$('#single-block').show();
|
||
|
||
//reinit AMOUNT
|
||
$('.block').removeClass('selected');
|
||
$('#single-block').parents('.block').addClass('selected');
|
||
$('.type').val('S');
|
||
$('.purpose').val('D');
|
||
}
|
||
|
||
amount();
|
||
|
||
});
|
||
|
||
function mathsRed(){
|
||
var amount = 0;
|
||
var isf = 0;
|
||
var ir66 = 0;
|
||
var ir75 = 0;
|
||
var is = 0;
|
||
|
||
if ($.isNumeric($('.amount').val())){
|
||
|
||
amount = Number($('.amount').val());
|
||
|
||
isf = ir75 = (amount*0.25).toFixed(0);
|
||
ir66 = (amount*0.34).toFixed(0);
|
||
is = (amount*0.40).toFixed(0);
|
||
if (amount>530){
|
||
ir75 = ((530*0.25)+((amount-530)*0.34)).toFixed(0);
|
||
}
|
||
|
||
}
|
||
//alert('test');
|
||
$('.amount-give').text(amount);
|
||
$('#amount-red-isf').text(isf);
|
||
$('#amount-red-66').text(ir66);
|
||
$('#amount-red-75').text(ir75);
|
||
$('#amount-red-is').text(is);
|
||
|
||
}
|
||
function displayRed(){
|
||
$('.red').hide();
|
||
$('#'+$('.tab.selected').data('id')).show();
|
||
}
|
||
|
||
function initRed(){
|
||
$('.tab').first().trigger('click');
|
||
mathsRed();
|
||
displayRed();
|
||
}
|
||
|
||
function amount(){
|
||
|
||
|
||
if($('.amount').val() == ''){
|
||
$('.amount').val(50.00);
|
||
$('#product_2897').val(1);
|
||
$('.type').val('S');
|
||
$('.purpose').val('D');
|
||
}
|
||
|
||
var amount_is_set = false;
|
||
|
||
$('.amount-box').each(function() {
|
||
if(
|
||
($(this).data('purpose') == $('.purpose').val() && $(this).data('type') == $('.type').val() && $(this).data('amount') == parseFloat($('.amount').val()))
|
||
){
|
||
$(this).addClass('selected');
|
||
$(this).parents('.block').addClass('selected');
|
||
$('#product_'+$(this).data('id')).val(1);
|
||
amount_is_set = true;
|
||
}
|
||
});
|
||
|
||
if(!amount_is_set){
|
||
if($('.purpose').val() == 'P') {
|
||
$('.sponsorship-amount-box').val($('.amount').val());
|
||
$('.sponsorship-amount-box').parents('.block').addClass('selected');
|
||
$('.sponsorship-amount-box').addClass('selected');
|
||
$('.sponsorship-amount-box').parents('.custom-amount').addClass('selected');
|
||
$('#product_'+$('.sponsorship-amount-box').data('id')).val(1);
|
||
} else if($('.type').val() == 'M') {
|
||
$('.multi-amount-box').val($('.amount').val());
|
||
$('.multi-amount-box').parents('.block').addClass('selected');
|
||
$('.multi-amount-box').addClass('selected');
|
||
$('.multi-amount-box').parents('.custom-amount').addClass('selected');
|
||
$('#product_'+$('.multi-amount-box').data('id')).val(1);
|
||
} else {
|
||
$('.single-amount-box').val($('.amount').val());
|
||
$('.single-amount-box').parents('.block').addClass('selected');
|
||
$('.single-amount-box').addClass('selected');
|
||
$('.single-amount-box').parents('.custom-amount').addClass('selected');
|
||
$('#product_'+$('.single-amount-box').data('id')).val(1);
|
||
}
|
||
}
|
||
|
||
if($('.type').val() == 'M' && $('.purpose').val()=='D'){
|
||
$('#multi-block').show();
|
||
$('#single-block').hide();
|
||
$('#monthly-checkbox').prop('checked', true);
|
||
}
|
||
|
||
displayButton();
|
||
|
||
}
|
||
|
||
function displayButton(){
|
||
|
||
var sepa = '';
|
||
var paper = 'PR';
|
||
var ps = '';
|
||
var cb = 'PR';
|
||
|
||
if($('.type').val() == 'S'){
|
||
$('.paiement-pa').html('Je donne par chèque');
|
||
$('.paiement-ps').html('Je donne par bulletin de versement');
|
||
if(sepa == 'P' || sepa == 'PR' ){
|
||
$('.paiement-se').fadeIn();
|
||
$('.paiement-cb').removeClass('selected');
|
||
$('.paiement-se').addClass('selected');
|
||
}else{
|
||
$('.paiement-se').fadeOut();
|
||
$('.paiement-se').removeClass('selected');
|
||
$('.paiement-cb').addClass('selected');
|
||
}
|
||
if(paper == 'P' || paper == 'PR' ){
|
||
$('.paiement-pa').fadeIn();
|
||
}else{
|
||
$('.paiement-pa').fadeOut();
|
||
}
|
||
if(ps == 'P' || ps == 'PR' ){
|
||
$('.paiement-ps').fadeIn();
|
||
}else{
|
||
$('.paiement-ps').fadeOut();
|
||
}
|
||
if(cb == 'P' || cb == 'PR' ){
|
||
$('.paiement-cb').fadeIn();
|
||
}else{
|
||
$('.paiement-cb').fadeOut();
|
||
}
|
||
}
|
||
|
||
if($('.type').val() == 'M'){
|
||
$('.paiement-pa').html('Je donne par prélèvement automatique');
|
||
$('.paiement-ps').html('Je donne par débit direct');
|
||
if(sepa == 'R' || sepa == 'PR' ){
|
||
$('.paiement-se').fadeIn();
|
||
$('.paiement-cb').removeClass('selected');
|
||
$('.paiement-se').addClass('selected');
|
||
}else{
|
||
$('.paiement-se').fadeOut();
|
||
$('.paiement-se').removeClass('selected');
|
||
$('.paiement-cb').addClass('selected');
|
||
}
|
||
if(paper == 'R' || paper == 'PR' ){
|
||
$('.paiement-pa').fadeIn();
|
||
}else{
|
||
$('.paiement-pa').fadeOut();
|
||
}
|
||
if(ps == 'R' || ps == 'PR' ){
|
||
$('.paiement-ps').fadeIn();
|
||
}else{
|
||
$('.paiement-ps').fadeOut();
|
||
}
|
||
if(cb == 'R' || cb == 'PR' ){
|
||
$('.paiement-cb').fadeIn();
|
||
}else{
|
||
$('.paiement-cb').fadeOut();
|
||
$('.paiement-cb-se').fadeOut();
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
|
||
|
||
amount();
|
||
displayButton();
|
||
|
||
initRed();
|
||
|
||
});
|
||
|
||
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- script OREJIME -->
|
||
<style>
|
||
#orejime .orejime-Notice {
|
||
bottom: 0;
|
||
right: 0;
|
||
max-width: inherit;
|
||
background-color: #00304b;
|
||
box-shadow: none;
|
||
border-radius: 0;
|
||
font-size: 1em;
|
||
}
|
||
|
||
#orejime .orejime-Notice-body {
|
||
margin: auto;
|
||
padding: 22px;
|
||
max-width: 1366px;
|
||
}
|
||
|
||
@media (min-width: 1025px) {
|
||
#orejime .orejime-Notice-body {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
}
|
||
|
||
#orejime .orejime-Notice-text {
|
||
width: 50rem;
|
||
max-width: 100%;
|
||
}
|
||
|
||
#orejime .orejime-Notice-title {
|
||
font-size: 1.3rem
|
||
}
|
||
|
||
@media (min-width: 1025px) {
|
||
#orejime .orejime-Notice-title {
|
||
font-size: 1.5rem
|
||
}
|
||
}
|
||
|
||
#orejime .orejime-Notice-description {
|
||
font-size: 1.1rem
|
||
}
|
||
|
||
@media (min-width: 1025px) {
|
||
#orejime .orejime-Notice-description {
|
||
font-size: 1.25rem
|
||
}
|
||
}
|
||
|
||
#orejime .orejime-Notice-actions {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
flex-shrink: 0;
|
||
gap: 10px;
|
||
}
|
||
|
||
@media (min-width: 1025px) {
|
||
#orejime .orejime-Notice-actions {
|
||
flex-direction: row;
|
||
text-align: right;
|
||
gap: 0;
|
||
}
|
||
}
|
||
|
||
#orejime button.orejime-Button {
|
||
margin-left: 20px;
|
||
}
|
||
|
||
#orejime .orejime-Main button,
|
||
#orejime .orejime-Modal button:not(.orejime-Modal-closeButton) {
|
||
display: flex;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
box-shadow: none;
|
||
border: 3px solid;
|
||
border-radius: 30px;
|
||
text-decoration: none;
|
||
text-align: center;
|
||
font-family: Bellaboo,Arial,sans-serif;
|
||
font-size: 20px;
|
||
}
|
||
|
||
#orejime button.orejime-Button--save,
|
||
#orejime button.orejime-Button--accept,
|
||
#orejime button.orejime-Button.orejime-AppToggles-enableAll {
|
||
color: #fff;
|
||
border-color: #079b7f;
|
||
background-color: #079b7f;
|
||
transition: background-color 0.25s ease-in-out;
|
||
opacity: 1;
|
||
}
|
||
|
||
#orejime button.orejime-Button--save:hover,
|
||
#orejime button.orejime-Button--save:focus,
|
||
#orejime button.orejime-Button--accept:hover,
|
||
#orejime button.orejime-Button--accept:focus,
|
||
#orejime button.orejime-Button.orejime-AppToggles-enableAll:hover,
|
||
#orejime button.orejime-Button.orejime-AppToggles-enableAll:focus {
|
||
color: #079b7f;
|
||
border-color: #079b7f;
|
||
background-color: #fff;
|
||
}
|
||
|
||
#orejime .orejime-Notice-actions button.orejime-Button--decline {
|
||
color: #fff;
|
||
border-color: #00304b;
|
||
background-color: #00304b;
|
||
transition: background-color 0.25s ease-in-out;
|
||
}
|
||
|
||
#orejime button.orejime-Button.orejime-AppToggles-disableAll::after,
|
||
#orejime .orejime-Notice-actions button.orejime-Button--decline::after {
|
||
content: "x";
|
||
display: inline-block;
|
||
padding-left: 10px;
|
||
}
|
||
|
||
#orejime .orejime-Notice-actions button.orejime-Button--decline:hover,
|
||
#orejime .orejime-Notice-actions button.orejime-Button--decline:focus {
|
||
color: #00304b;
|
||
border-color: #00304b;
|
||
background-color: #fff;
|
||
}
|
||
|
||
#orejime .orejime-Notice-actions button.orejime-Button--decline:hover,
|
||
#orejime .orejime-Notice-actions button.orejime-Button--decline:focus,
|
||
#orejime .orejime-Notice-actions button.orejime-Button--decline:active {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
#orejime .orejime-AppToggles-disableAll,
|
||
#orejime .orejime-Notice-actions button.orejime-Button--info,
|
||
#orejime .orejime-Notice-actions button.orejime-Button--decline,
|
||
#orejime button.orejime-Button--save, button.orejime-Button--accept,
|
||
#orejime button.orejime-Button.orejime-AppToggles-enableAll {
|
||
display: inline-block;
|
||
padding: 4px 20px 6px;
|
||
}
|
||
|
||
#orejime button.orejime-Button--save::after,
|
||
#orejime button.orejime-Button.orejime-AppToggles-enableAll::after {
|
||
content: "✓";
|
||
display: inline-block;
|
||
padding-left: 10px;
|
||
font-size: 2rem;
|
||
line-height: 1rem;
|
||
vertical-align: sub;
|
||
margin-right: -10px;
|
||
}
|
||
|
||
#orejime .orejime-Notice-actions button.orejime-Button--info {
|
||
color: #fff;
|
||
border-color: #e4457d;
|
||
background-color: #e4457d;
|
||
transition: background-color 0.25s ease-in-out;
|
||
}
|
||
|
||
#orejime .orejime-Notice-actions button.orejime-Button--info:hover,
|
||
#orejime .orejime-Notice-actions button.orejime-Button--info:focus {
|
||
color: #e4457d;
|
||
border-color: #e4457d;
|
||
background-color: #fff;
|
||
}
|
||
|
||
/* MODAL */
|
||
#orejime .orejime-ModalOverlay,
|
||
#orejime .orejime-NoticeOverlay {
|
||
background: rgba(0,0,0,0.6);
|
||
}
|
||
|
||
#orejime .orejime-ModalWrapper {
|
||
width: 80%;
|
||
}
|
||
|
||
#orejime .orejime-ModalWrapper,
|
||
#orejime .orejime-Modal {
|
||
background-color: #e4457d;
|
||
}
|
||
|
||
#orejime .orejime-Modal {
|
||
margin: auto;
|
||
padding: 22px;
|
||
max-width: 1366px;
|
||
}
|
||
|
||
#orejime .orejime-ModalWrapper,
|
||
#orejime .orejime-Modal {
|
||
background-color: #e4457d;
|
||
}
|
||
|
||
#orejime .orejime-Modal {
|
||
position: relative;
|
||
padding: 10px;
|
||
border-radius: 0;
|
||
box-shadow: none;
|
||
color: #fff;
|
||
}
|
||
|
||
@media (min-width: 481px) {
|
||
#orejime .orejime-Modal {
|
||
padding: 20px;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 768px) {
|
||
#orejime .orejime-Modal {
|
||
padding: 30px;
|
||
}
|
||
}
|
||
|
||
#orejime .orejime-Modal-header {
|
||
padding: 0;
|
||
border: 0;
|
||
}
|
||
|
||
@media (max-width: 1025px) {
|
||
#orejime .orejime-Modal-title {
|
||
padding-right: 60px;
|
||
line-height: 1.1;
|
||
margin: 10px 0;
|
||
}
|
||
}
|
||
|
||
#orejime .orejime-Modal .orejime-Modal-closeButton {
|
||
border: none;
|
||
cursor: pointer;
|
||
padding: 10px 20px;
|
||
border-radius: 30px;
|
||
}
|
||
|
||
#orejime .orejime-Modal .orejime-Modal-closeButton:hover,
|
||
#orejime .orejime-Modal .orejime-Modal-closeButton:focus {
|
||
background-color: white;
|
||
color: #e4457d;
|
||
}
|
||
|
||
#orejime .orejime-Modal button {
|
||
display: flex;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
box-shadow: none;
|
||
}
|
||
|
||
#orejime .orejime-Modal-form {
|
||
color: #00304b;
|
||
}
|
||
|
||
#orejime .orejime-Modal-description {
|
||
font-size: 1.1rem;
|
||
}
|
||
|
||
@media (min-width: 1025px) {
|
||
#orejime .orejime-Modal-description {
|
||
font-size: 1.25rem;
|
||
}
|
||
}
|
||
|
||
#orejime .orejime-Modal-body {
|
||
padding: 0;
|
||
margin: 20px 0;
|
||
}
|
||
|
||
@media (min-width: 1025px) {
|
||
#orejime .orejime-Modal-body {
|
||
margin: 40px 0;
|
||
}
|
||
}
|
||
|
||
#orejime .orejime-AppToggles {
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
@media (min-width: 1025px) {
|
||
#orejime .orejime-AppToggles {
|
||
display: flex;
|
||
margin-bottom: 40px;
|
||
}
|
||
}
|
||
|
||
@media(max-width: 1025px) {
|
||
#orejime .orejime-AppToggles .orejime-AppToggles-button {
|
||
margin: 10px 0;
|
||
}
|
||
}
|
||
|
||
#orejime .orejime-AppToggles .orejime-AppToggles-disableAll {
|
||
background-color: transparent;
|
||
border: none !important;
|
||
}
|
||
|
||
#orejime .orejime-AppToggles .orejime-AppToggles-disableAll:hover,
|
||
#orejime .orejime-AppToggles .orejime-AppToggles-disableAll:focus {
|
||
background-color: white;
|
||
color: #e4457d;
|
||
}
|
||
|
||
#orejime .orejime-AppList {
|
||
padding: 10px;
|
||
background: #fff;
|
||
border: solid 1px #000;
|
||
}
|
||
|
||
@media (min-width: 768px) {
|
||
#orejime .orejime-AppList {
|
||
padding: 40px;
|
||
}
|
||
}
|
||
|
||
#orejime .orejime-AppList-item {
|
||
line-height: inherit;
|
||
}
|
||
|
||
#orejime .orejime-AppList-item:not(:last-of-type) {
|
||
margin-bottom: 30px;
|
||
padding-bottom: 30px;
|
||
border-bottom: solid 1px #079b7f;
|
||
}
|
||
|
||
#orejime .orejime-AppItem {
|
||
margin-left: 20px;
|
||
}
|
||
|
||
#orejime .orejime-AppItem-label {
|
||
position: inherit !important;
|
||
padding-left: 0 !important;
|
||
text-transform: none;
|
||
font-size: 1.25rem;
|
||
font-weight: bold;
|
||
}
|
||
|
||
#orejime .orejime-AppItem-slider {
|
||
box-shadow: none;
|
||
background-color: #e4457d;
|
||
}
|
||
|
||
#orejime .orejime-AppItem-input:checked + .orejime-AppItem-label .orejime-AppItem-slider {
|
||
background: #079b7f;
|
||
}
|
||
|
||
#orejime .orejime-AppItem-description {
|
||
font-size: 1.1rem;
|
||
}
|
||
|
||
@media (min-width: 1025px) {
|
||
#orejime .orejime-AppItem-description {
|
||
font-size: 1.25rem;
|
||
}
|
||
}
|
||
|
||
#orejime .orejime-AppItem-switchLabel,
|
||
#orejime .orejime-AppItem-purposes {
|
||
font-size: 1rem;
|
||
}
|
||
|
||
#orejime .orejime-Modal-footer {
|
||
padding: 0;
|
||
text-align: right;
|
||
border: 0;
|
||
}
|
||
|
||
#orejime .orejime-Modal-footer button.orejime-Button--save {
|
||
margin-left: auto;
|
||
margin-right: 0;
|
||
margin-bottom: 20px;
|
||
border-color: #079b7f;
|
||
}
|
||
|
||
#orejime .orejime-Modal-poweredByLink {
|
||
padding: 5px 20px;
|
||
bottom: 0;
|
||
color: #fff;
|
||
}
|
||
</style>
|
||
|
||
<link rel="stylesheet" href="https://unpkg.com/orejime@latest/dist/orejime.css" />
|
||
<script src="https://unpkg.com/orejime@latest/dist/orejime.js"></script>
|
||
<script>
|
||
window.cookiesCategories = window.cookiesCategories || []; // Initialisation
|
||
window.dataLayer = window.dataLayer || []; // Initialisation
|
||
|
||
var orejimeConfig = {
|
||
elementID: "orejime",
|
||
appElement: "#main-content", // L'élément contenant votre site/app
|
||
cookieName: "orejime",
|
||
cookiePath: "/",
|
||
cookieDomain: ".planning-familial.org",
|
||
cookieExpiresAfterDays: 365,
|
||
cookieSecure: true, // Obligatoire pour HTTPS
|
||
privacyPolicy: "https://planning-familial.org/fr/mentions-legales-165",
|
||
mustConsent: false,
|
||
mustNotice: false,
|
||
lang: "fr",
|
||
logo: false,
|
||
debug: true, // Activez pour vérifier les logs dans la console
|
||
callbacks: {
|
||
onSave: function(consent) {
|
||
console.log("Consent saved:", consent);
|
||
if (Object.keys(consent).length > 0) {
|
||
console.log("Reloading page...");
|
||
window.location.reload();
|
||
}
|
||
},
|
||
onUpdate: function(consent) {
|
||
console.log("Consent updated:", consent);
|
||
|
||
// Réinitialisation des catégories de cookies
|
||
window.cookiesCategories = [];
|
||
|
||
// Ajout des catégories activées
|
||
if (consent["strictly_necessary"]) {
|
||
window.cookiesCategories.push('system');
|
||
console.log("System added to cookiesCategories:", window.cookiesCategories);
|
||
}
|
||
if (consent["iframe_youtube"]) {
|
||
window.cookiesCategories.push('youtube');
|
||
console.log("YouTube added to cookiesCategories:", window.cookiesCategories);
|
||
}
|
||
if (consent["tracking"]) {
|
||
window.cookiesCategories.push('tracking');
|
||
console.log("Tracking added to cookiesCategories:", window.cookiesCategories);
|
||
}
|
||
if (consent["marketing"]) {
|
||
window.cookiesCategories.push('marketing');
|
||
console.log("Marketing added to cookiesCategories:", window.cookiesCategories);
|
||
}
|
||
|
||
// Envoi de l'événement au dataLayer
|
||
window.dataLayer.push({
|
||
'event': 'orejimeUpdate',
|
||
'cookiesCategories': window.cookiesCategories
|
||
});
|
||
console.log("Event pushed to dataLayer:", window.dataLayer);
|
||
}
|
||
},
|
||
translations: {
|
||
fr: {
|
||
consentModal: {
|
||
title: "Informations collectées",
|
||
description: "Vous trouverez et pouvez modifier les informations collectées ci-dessous.",
|
||
privacyPolicy: {
|
||
name: "politique de confidentialité",
|
||
text: "Pour en savoir plus, consultez notre {privacyPolicy}."
|
||
}
|
||
},
|
||
consentNotice: {
|
||
title: "Utilisation des cookies",
|
||
description: "Vous pouvez choisir les cookies utilisés ci-dessous.",
|
||
learnMore: "En savoir plus"
|
||
},
|
||
accept: "Accepter",
|
||
save: "Sauvegarder",
|
||
decline: "Refuser"
|
||
}
|
||
},
|
||
apps: [
|
||
{
|
||
name: "strictly_necessary",
|
||
title: "Cookies nécessaires",
|
||
description: "Ces cookies sont nécessaires au bon fonctionnement du site.",
|
||
purposes: ["system"],
|
||
required: true, // Requis
|
||
default: true, // Activé par défaut
|
||
callback: function(consent, app) {
|
||
if (consent) {
|
||
console.log("Activating System Cookies");
|
||
window.cookiesCategories.push('system');
|
||
window.dataLayer.push({
|
||
'event': 'orejimeUpdate',
|
||
'cookiesCategories': window.cookiesCategories
|
||
});
|
||
}
|
||
}
|
||
},
|
||
{
|
||
name: "tracking",
|
||
title: "Tracking",
|
||
description: "Ces cookies sont utilisées pour collecter des informations, analyser le trafic et pour voir comment les utilisateurs parcourent le site.",
|
||
purposes: ["Suivi"],
|
||
required: false,
|
||
default: false, // Désactivé par défaut
|
||
callback: function(consent, app) {
|
||
if (consent) {
|
||
console.log("Activating Tracking");
|
||
window.cookiesCategories.push('tracking');
|
||
window.dataLayer.push({
|
||
'event': 'orejimeUpdate',
|
||
'cookiesCategories': window.cookiesCategories
|
||
});
|
||
}
|
||
}
|
||
},
|
||
{
|
||
name: "iframe_youtube",
|
||
title: "YouTube",
|
||
description: "Cookies permettant de lire des vidéos youtube sur le site.",
|
||
purposes: ["Vidéo"],
|
||
required: false,
|
||
default: false, // Désactivé par défaut
|
||
callback: function(consent, app) {
|
||
if (consent) {
|
||
console.log("Activating YouTube embeds");
|
||
window.cookiesCategories.push('youtube');
|
||
window.dataLayer.push({
|
||
'event': 'orejimeUpdate',
|
||
'cookiesCategories': window.cookiesCategories
|
||
});
|
||
}
|
||
}
|
||
},
|
||
{
|
||
name: "marketing",
|
||
title: "Marketing",
|
||
description: "Ces cookies sont spécifiquement conçus pour affiner le ciblage publicitaire, mesurer la performance des campagnes et le comportement des internautes sur le site.",
|
||
purposes: ["Marketing"],
|
||
required: false,
|
||
default: false, // Désactivé par défaut
|
||
cookies: [ // Ajout des noms des cookies
|
||
"ADS_VISITOR_ID",
|
||
"AEC",
|
||
"APISID",
|
||
"CONSENT",
|
||
"HSID",
|
||
"NID",
|
||
"S",
|
||
"SAPISID",
|
||
"SID",
|
||
"SIDCC",
|
||
"SSID",
|
||
"__Secure-1PAPISID",
|
||
"__Secure-1PSID",
|
||
"__Secure-1PSIDCC",
|
||
"__Secure-1PSIDTS",
|
||
"__Secure-3PAPISID",
|
||
"__Secure-3PSID",
|
||
"__Secure-3PSIDCC",
|
||
"__Secure-3PSIDTS",
|
||
"__Secure-ENID",
|
||
"_gcl_au",
|
||
"MUID",
|
||
"ANON",
|
||
"NAP",
|
||
"MH",
|
||
"MR",
|
||
"TOptOut",
|
||
"_EDGE_S",
|
||
"_SS",
|
||
"SRCHD",
|
||
"SRCHUID",
|
||
"SRCHUSR",
|
||
"_EDGE_V",
|
||
"_RwBf",
|
||
"_U"
|
||
],
|
||
callback: function(consent, app) {
|
||
if (consent) {
|
||
console.log("Activating Marketing");
|
||
window.cookiesCategories.push('marketing');
|
||
window.dataLayer.push({
|
||
'event': 'orejimeUpdate',
|
||
'cookiesCategories': window.cookiesCategories
|
||
});
|
||
}
|
||
}
|
||
}
|
||
]
|
||
};
|
||
document.addEventListener("DOMContentLoaded", function() {
|
||
// Initialisation
|
||
Orejime.init(orejimeConfig);
|
||
|
||
document.querySelectorAll('.cookie-link').forEach(function(element) {
|
||
element.addEventListener('click', function(e) {
|
||
e.preventDefault();
|
||
|
||
orejime.show();
|
||
|
||
document.querySelectorAll('.orejime-Modal-saveButton').forEach(function(saveButton) {
|
||
saveButton.addEventListener('click', function() {
|
||
document.location.reload();
|
||
});
|
||
});
|
||
});
|
||
});
|
||
|
||
document.querySelectorAll('.orejime-Button--save').forEach(function(saveButton) {
|
||
saveButton.addEventListener('click', function() {
|
||
document.location.reload();
|
||
});
|
||
});
|
||
});
|
||
</script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- END script OREJIME -->
|
||
|
||
</head>
|
||
|
||
<body>
|
||
|
||
|
||
<header>
|
||
<div class="container">
|
||
<div class="row">
|
||
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-120 col-xl-120" id="header" style="background-image: url(https://don.planning-familial.org/uploads/img/5c627cc0d30c5.jpeg); background-size:cover;">
|
||
<div class="row" id="subHeader">
|
||
<div class="offset-xl-8 col-sm-120 col-md-120 col-lg-120 col-xl-104">
|
||
<div class="fr-view"><p data-empty="true"><img src="https://don.planning-familial.org/uploads/img/1/5c52fb9d4065a.png" class="fr-fic img-fluid fr-dii"></p><h1><span style="color: rgb(228, 69, 125);">Faites un don</span></h1><h2><span style="color: rgb(255, 255, 255);">au planning familial Planning Familial 44</span></h2><p><span style="color: rgb(255, 255, 255);">Le Planning Familial a plus que jamais besoin de votre soutien pour remplir son<br>rôle d'information, de prévention et d'éducation populaire. Dans le contexte actuel<br>de régression sociale, les droits des femmes sont toujours menacés en France, en Europe et<br>dans le Monde.</span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
|
||
|
||
<form name="izi_formdonbundle_ordermodel" method="post" action="./11%3Fhttps:%252F%252Fdon.planning-familial.org%252Floireatlantique-1.html" novalidate="novalidate" id="izi_formdonbundle_ordermodel">
|
||
<div class="container">
|
||
|
||
<input type="text" id="izi_formdonbundle_ordermodel_amount" name="izi_formdonbundle_ordermodel[amount]" required="required" class="amount d-none" />
|
||
<input type="hidden" id="izi_formdonbundle_ordermodel_means" name="izi_formdonbundle_ordermodel[means]" class="means" value="CB" />
|
||
<input type="hidden" id="izi_formdonbundle_ordermodel_type" name="izi_formdonbundle_ordermodel[type]" class="type" />
|
||
<input type="hidden" id="izi_formdonbundle_ordermodel_purpose" name="izi_formdonbundle_ordermodel[purpose]" class="purpose" />
|
||
<input type="hidden" id="izi_formdonbundle_ordermodel_step" name="izi_formdonbundle_ordermodel[step]" class="step" value="2" />
|
||
<input type="hidden" id="izi_formdonbundle_ordermodel__token" name="izi_formdonbundle_ordermodel[_token]" style="display:none" value="ScCGWWGU1WIZQi7Dfx_5OIaV4Io-H1KRGiZXH4eMWAQ" />
|
||
<input type="text" id="izi_formdonbundle_ordermodel_errorMessage" name="izi_formdonbundle_ordermodel[errorMessage]" required="required" style="display:none" />
|
||
|
||
<div class="row">
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-120 col-xl-120" id="main-content">
|
||
<div class="row">
|
||
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-120 col-xl-120">
|
||
|
||
<h2 class="title">
|
||
Mon don
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-80 col-xl-80">
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-120 col-xl-120">
|
||
<div class="block" >
|
||
<div id="single-block">
|
||
|
||
<h2>Je fais un don ponctuel</h2>
|
||
|
||
|
||
|
||
<div class="row no-padding">
|
||
<div class="col-120 col-sm-120 col-md-20 col-lg-20 col-xl-20">
|
||
<div class="amount-box d-flex" data-amount="20.00" data-type="S" data-purpose="D" data-id="2896">
|
||
<div class="col-120 my-auto">20 €</div>
|
||
</div>
|
||
</div>
|
||
<input type="hidden" name="product_quantity_2896" id="product_2896" class="quantity" value="" autocomplete="HackChromeBug" />
|
||
|
||
|
||
|
||
<div class="col-120 col-sm-120 col-md-20 col-lg-20 col-xl-20">
|
||
<div class="amount-box d-flex" data-amount="50.00" data-type="S" data-purpose="D" data-id="2897">
|
||
<div class="col-120 my-auto">50 €</div>
|
||
</div>
|
||
</div>
|
||
<input type="hidden" name="product_quantity_2897" id="product_2897" class="quantity" value="" autocomplete="HackChromeBug" />
|
||
|
||
|
||
|
||
<div class="col-120 col-sm-120 col-md-20 col-lg-20 col-xl-20">
|
||
<div class="amount-box d-flex" data-amount="100.00" data-type="S" data-purpose="D" data-id="2898">
|
||
<div class="col-120 my-auto">100 €</div>
|
||
</div>
|
||
</div>
|
||
<input type="hidden" name="product_quantity_2898" id="product_2898" class="quantity" value="" autocomplete="HackChromeBug" />
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="col-120 col-sm-120 col-md-60 col-lg-60 col-xl-60">
|
||
<div class="custom-amount" style="margin-top:0px;">
|
||
<input type="text" class="form-control amount-box single-amount-box" autocomplete="HackChromeBug" placeholder="Montant libre" name="product_amount_2900" data-amount="set" data-type="S" data-purpose="D" data-id="2900" value=""/>
|
||
<span class="currency">€</span>
|
||
</div>
|
||
</div>
|
||
<input type="hidden" name="product_quantity_2900" id="product_2900" class="quantity" value="" autocomplete="HackChromeBug" />
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-120 col-xl-120">
|
||
<div class="block" style="display: none;" >
|
||
<div id="multi-block">
|
||
<h2>Je donne tous les mois</h2>
|
||
|
||
|
||
<div class="row no-padding">
|
||
<div class="col-120 col-sm-120 col-md-40 col-lg-40 col-xl-40">
|
||
<div class="amount-box d-flex" data-amount="1.00" data-type="M" data-purpose="D" data-id="2901">
|
||
<div class="col-120 my-auto">
|
||
1
|
||
€
|
||
/ mois
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<input type="hidden" name="product_quantity_2901" id="product_2901" class="quantity" value="" autocomplete="HackChromeBug" />
|
||
|
||
|
||
|
||
<div class="col-120 col-sm-120 col-md-40 col-lg-40 col-xl-40">
|
||
<div class="amount-box d-flex" data-amount="2.00" data-type="M" data-purpose="D" data-id="2902">
|
||
<div class="col-120 my-auto">
|
||
2
|
||
€
|
||
/ mois
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<input type="hidden" name="product_quantity_2902" id="product_2902" class="quantity" value="" autocomplete="HackChromeBug" />
|
||
|
||
|
||
|
||
<div class="col-120 col-sm-120 col-md-40 col-lg-40 col-xl-40">
|
||
<div class="amount-box d-flex" data-amount="3.00" data-type="M" data-purpose="D" data-id="2903">
|
||
<div class="col-120 my-auto">
|
||
3
|
||
€
|
||
/ mois
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<input type="hidden" name="product_quantity_2903" id="product_2903" class="quantity" value="" autocomplete="HackChromeBug" />
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
<div class="custom-amount">
|
||
<input type="text" class="form-control amount-box multi-amount-box" autocomplete="HackChromeBug" placeholder="Montant libre" name="product_amount_2905" data-amount="set" data-type="M" data-purpose="D" data-id="2905" value=""/>
|
||
<span class="currency">€</span>
|
||
</div>
|
||
<input type="hidden" name="product_quantity_2905" id="product_2905" class="quantity" value="" autocomplete="HackChromeBug" />
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-120">
|
||
<div class="ong" style="display:none;" >
|
||
<div id="tabs" class="d-flex">
|
||
<h3 class="text-center flex-fill"><span id="ir-tab" class="tab" data-id="ir">Particulier</span></h3>
|
||
<h3 class="text-center flex-fill"><span id="is-tab" class="tab" data-id="is">Société</span></h3>
|
||
</div>
|
||
<div id="content">
|
||
<!-- <h2>Ma déduction fiscale</h2>
|
||
<div id="ir" class="red">Votre transaction de <span class="pink"><span class="amount-give">0</span> €</span>, ne vous coûte que <span class="pink"><span id="amount-red-66">0</span> €</span> après réduction d'impôts de <span class="pink">66%</span>, dans la limite de 20% de votre revenu imposable. Le surplus étant reportable 5 ans.</div>
|
||
<div id="is" class="red">Votre transaction de <span class="pink"><span class="amount-give">0</span> €</span>, ne vous coûte que <span class="pink"><span id="amount-red-is">0</span> €</span> après réduction d'impôts de <span class="pink">60%</span> dans la limite de 0,5% du chiffre d'affaires.</div>
|
||
-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<h2 class="title">Mes coordonnées</h2>
|
||
<div>
|
||
|
||
<div class="form-group form-check" id="orga-checkbox">
|
||
<input type="checkbox" id="izi_formdonbundle_ordermodel_client_orga" name="izi_formdonbundle_ordermodel[client][orga]" required="required" class="form-check-input" value="1" />
|
||
<label class="form-check-label required" for="izi_formdonbundle_ordermodel_client_orga">J'agis pour une organisation ou une société</label>
|
||
</div>
|
||
<span class="notice">Tous les champs sont obligatoires</span>
|
||
<div class="row">
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-60 col-xl-60 d-none">
|
||
<div class="form-group ">
|
||
<label for="izi_formdonbundle_ordermodel_client_title" class="required">Civilité *</label><br/>
|
||
<select id="izi_formdonbundle_ordermodel_client_title" name="izi_formdonbundle_ordermodel[client][title]" required="required" class="form-control"><option value=""></option><option value="MMME" selected="selected">Monsieur et Madame</option><option value="MME">Madame</option><option value="MLLE">Mademoiselle</option><option value="M">Monsieur</option></select>
|
||
<div class="displayed"></div>
|
||
</div>
|
||
</div>
|
||
<div id="orga-field" class="col-120 col-sm-120 col-md-120 col-lg-120 col-xl-120">
|
||
<div class="input-group ">
|
||
<div class="input-group-prepend">
|
||
<div class="input-group-text">Raison sociale de l'organisation</div>
|
||
</div>
|
||
<input type="text" id="izi_formdonbundle_ordermodel_client_organism" name="izi_formdonbundle_ordermodel[client][organism]" required="required" class="form-control" />
|
||
</div>
|
||
<div class="displayed"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-60 col-xl-60">
|
||
<div class="input-group ">
|
||
<div class="input-group-prepend">
|
||
<div class="input-group-text">Prénom</div>
|
||
</div>
|
||
<input type="text" id="izi_formdonbundle_ordermodel_client_firstname" name="izi_formdonbundle_ordermodel[client][firstname]" required="required" class="form-control" />
|
||
</div>
|
||
<div class="displayed"></div>
|
||
</div>
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-60 col-xl-60">
|
||
<div class="input-group ">
|
||
<div class="input-group-prepend">
|
||
<div class="input-group-text">Nom</div>
|
||
</div>
|
||
<input type="text" id="izi_formdonbundle_ordermodel_client_lastname" name="izi_formdonbundle_ordermodel[client][lastname]" required="required" class="form-control" />
|
||
</div>
|
||
<div class="displayed"></div>
|
||
</div>
|
||
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-120 col-xl-120">
|
||
<div class="input-group ">
|
||
<div class="input-group-prepend">
|
||
<div class="input-group-text">E-mail</div>
|
||
</div>
|
||
<input type="text" id="izi_formdonbundle_ordermodel_client_email" name="izi_formdonbundle_ordermodel[client][email]" required="required" class="form-control" />
|
||
</div>
|
||
<div class="displayed"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="d-none" >
|
||
<div class="checkbox anonymous form-group form-check">
|
||
<input type="checkbox" id="izi_formdonbundle_ordermodel_client_notAnonymous" name="izi_formdonbundle_ordermodel[client][notAnonymous]" required="required" class="form-check-input" checked="checked" value="1" /><label class="form-check-label required" for="izi_formdonbundle_ordermodel_client_notAnonymous">Je souhaite obtenir mon attestation fiscale</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="anonymous-field">
|
||
<div class="row">
|
||
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-120 col-xl-120">
|
||
<div class="input-group ">
|
||
<div class="input-group-prepend">
|
||
<div class="input-group-text">Adresse</div>
|
||
</div>
|
||
<input type="text" id="izi_formdonbundle_ordermodel_client_address1" name="izi_formdonbundle_ordermodel[client][address1]" required="required" class="form-control address1" />
|
||
</div>
|
||
<div class="displayed"></div>
|
||
</div>
|
||
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-120 col-xl-120">
|
||
<div class="input-group d-none">
|
||
<div class="input-group-prepend">
|
||
<div class="input-group-text">Complément d'adresse</div>
|
||
</div>
|
||
<input type="text" id="izi_formdonbundle_ordermodel_client_address2" name="izi_formdonbundle_ordermodel[client][address2]" required="required" class="form-control" />
|
||
</div>
|
||
<div class="displayed"></div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-60 col-xl-60">
|
||
<div class="input-group ">
|
||
<div class="input-group-prepend">
|
||
<div class="input-group-text">Code postal</div>
|
||
</div>
|
||
<input type="text" id="izi_formdonbundle_ordermodel_client_zipcode" name="izi_formdonbundle_ordermodel[client][zipcode]" required="required" class="form-control zipcode" />
|
||
</div>
|
||
<div class="displayed"></div>
|
||
</div>
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-60 col-xl-60">
|
||
<div class="input-group ">
|
||
<div class="input-group-prepend">
|
||
<div class="input-group-text">Ville</div>
|
||
</div>
|
||
<input type="text" id="izi_formdonbundle_ordermodel_client_city" name="izi_formdonbundle_ordermodel[client][city]" required="required" class="form-control city" />
|
||
</div>
|
||
<div class="displayed"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-60 col-xl-60">
|
||
<div class="input-group ">
|
||
<div class="input-group-prepend">
|
||
<div class="input-group-text">Pays</div>
|
||
</div>
|
||
<select id="izi_formdonbundle_ordermodel_client_country" name="izi_formdonbundle_ordermodel[client][country]" class="form-control country"><option value="AF">Afghanistan</option><option value="ZA">Afrique du Sud</option><option value="AL">Albanie</option><option value="DZ">Algérie</option><option value="DE">Allemagne</option><option value="AD">Andorre</option><option value="AO">Angola</option><option value="AI">Anguilla</option><option value="AQ">Antarctique</option><option value="AG">Antigua-et-Barbuda</option><option value="SA">Arabie saoudite</option><option value="AR">Argentine</option><option value="AM">Arménie</option><option value="AW">Aruba</option><option value="AU">Australie</option><option value="AT">Autriche</option><option value="AZ">Azerbaïdjan</option><option value="BS">Bahamas</option><option value="BH">Bahreïn</option><option value="BD">Bangladesh</option><option value="BB">Barbade</option><option value="BE">Belgique</option><option value="BZ">Belize</option><option value="BJ">Bénin</option><option value="BM">Bermudes</option><option value="BT">Bhoutan</option><option value="BY">Biélorussie</option><option value="BO">Bolivie</option><option value="BA">Bosnie-Herzégovine</option><option value="BW">Botswana</option><option value="BR">Brésil</option><option value="BN">Brunéi Darussalam</option><option value="BG">Bulgarie</option><option value="BF">Burkina Faso</option><option value="BI">Burundi</option><option value="KH">Cambodge</option><option value="CM">Cameroun</option><option value="CA">Canada</option><option value="CV">Cap-Vert</option><option value="EA">Ceuta et Melilla</option><option value="CL">Chili</option><option value="CN">Chine</option><option value="CY">Chypre</option><option value="CO">Colombie</option><option value="KM">Comores</option><option value="CG">Congo-Brazzaville</option><option value="CD">Congo-Kinshasa</option><option value="KP">Corée du Nord</option><option value="KR">Corée du Sud</option><option value="CR">Costa Rica</option><option value="CI">Côte d’Ivoire</option><option value="HR">Croatie</option><option value="CU">Cuba</option><option value="CW">Curaçao</option><option value="DK">Danemark</option><option value="DG">Diego Garcia</option><option value="DJ">Djibouti</option><option value="DM">Dominique</option><option value="EG">Égypte</option><option value="AE">Émirats arabes unis</option><option value="EC">Équateur</option><option value="ER">Érythrée</option><option value="ES">Espagne</option><option value="EE">Estonie</option><option value="VA">État de la Cité du Vatican</option><option value="FM">États fédérés de Micronésie</option><option value="US">États-Unis</option><option value="ET">Éthiopie</option><option value="FJ">Fidji</option><option value="FI">Finlande</option><option value="FR" selected="selected">France</option><option value="GA">Gabon</option><option value="GM">Gambie</option><option value="GE">Géorgie</option><option value="GS">Géorgie du Sud et îles Sandwich du Sud</option><option value="GH">Ghana</option><option value="GI">Gibraltar</option><option value="GR">Grèce</option><option value="GD">Grenade</option><option value="GL">Groenland</option><option value="GP">Guadeloupe</option><option value="GU">Guam</option><option value="GT">Guatemala</option><option value="GG">Guernesey</option><option value="GN">Guinée</option><option value="GQ">Guinée équatoriale</option><option value="GW">Guinée-Bissau</option><option value="GY">Guyana</option><option value="GF">Guyane française</option><option value="HT">Haïti</option><option value="HN">Honduras</option><option value="HU">Hongrie</option><option value="CX">Île Christmas</option><option value="AC">Île de l’Ascension</option><option value="IM">Île de Man</option><option value="NF">Île Norfolk</option><option value="AX">Îles Åland</option><option value="KY">Îles Caïmans</option><option value="IC">Îles Canaries</option><option value="CC">Îles Cocos</option><option value="CK">Îles Cook</option><option value="FO">Îles Féroé</option><option value="FK">Îles Malouines</option><option value="MP">Îles Mariannes du Nord</option><option value="MH">Îles Marshall</option><option value="UM">Îles mineures éloignées des États-Unis</option><option value="PN">Îles Pitcairn</option><option value="SB">Îles Salomon</option><option value="TC">Îles Turques-et-Caïques</option><option value="VG">Îles Vierges britanniques</option><option value="VI">Îles Vierges des États-Unis</option><option value="IN">Inde</option><option value="ID">Indonésie</option><option value="IQ">Irak</option><option value="IR">Iran</option><option value="IE">Irlande</option><option value="IS">Islande</option><option value="IL">Israël</option><option value="IT">Italie</option><option value="JM">Jamaïque</option><option value="JP">Japon</option><option value="JE">Jersey</option><option value="JO">Jordanie</option><option value="KZ">Kazakhstan</option><option value="KE">Kenya</option><option value="KG">Kirghizistan</option><option value="KI">Kiribati</option><option value="XK">Kosovo</option><option value="KW">Koweït</option><option value="RE">La Réunion</option><option value="LA">Laos</option><option value="LS">Lesotho</option><option value="LV">Lettonie</option><option value="LB">Liban</option><option value="LR">Libéria</option><option value="LY">Libye</option><option value="LI">Liechtenstein</option><option value="LT">Lituanie</option><option value="LU">Luxembourg</option><option value="MK">Macédoine</option><option value="MG">Madagascar</option><option value="MY">Malaisie</option><option value="MW">Malawi</option><option value="MV">Maldives</option><option value="ML">Mali</option><option value="MT">Malte</option><option value="MA">Maroc</option><option value="MQ">Martinique</option><option value="MU">Maurice</option><option value="MR">Mauritanie</option><option value="YT">Mayotte</option><option value="MX">Mexique</option><option value="MD">Moldavie</option><option value="MC">Monaco</option><option value="MN">Mongolie</option><option value="ME">Monténégro</option><option value="MS">Montserrat</option><option value="MZ">Mozambique</option><option value="MM">Myanmar (Birmanie)</option><option value="NA">Namibie</option><option value="NR">Nauru</option><option value="NP">Népal</option><option value="NI">Nicaragua</option><option value="NE">Niger</option><option value="NG">Nigéria</option><option value="NU">Niue</option><option value="NO">Norvège</option><option value="NC">Nouvelle-Calédonie</option><option value="NZ">Nouvelle-Zélande</option><option value="OM">Oman</option><option value="UG">Ouganda</option><option value="UZ">Ouzbékistan</option><option value="PK">Pakistan</option><option value="PW">Palaos</option><option value="PA">Panama</option><option value="PG">Papouasie-Nouvelle-Guinée</option><option value="PY">Paraguay</option><option value="NL">Pays-Bas</option><option value="BQ">Pays-Bas caribéens</option><option value="PE">Pérou</option><option value="PH">Philippines</option><option value="PL">Pologne</option><option value="PF">Polynésie française</option><option value="PR">Porto Rico</option><option value="PT">Portugal</option><option value="XA">Pseudo-Accents</option><option value="XB">Pseudo-Bidi</option><option value="QA">Qatar</option><option value="HK">R.A.S. chinoise de Hong Kong</option><option value="MO">R.A.S. chinoise de Macao</option><option value="CF">République centrafricaine</option><option value="DO">République dominicaine</option><option value="RO">Roumanie</option><option value="GB">Royaume-Uni</option><option value="RU">Russie</option><option value="RW">Rwanda</option><option value="EH">Sahara occidental</option><option value="BL">Saint-Barthélemy</option><option value="KN">Saint-Christophe-et-Niévès</option><option value="SM">Saint-Marin</option><option value="MF">Saint-Martin</option><option value="SX">Saint-Martin (partie néerlandaise)</option><option value="PM">Saint-Pierre-et-Miquelon</option><option value="VC">Saint-Vincent-et-les-Grenadines</option><option value="SH">Sainte-Hélène</option><option value="LC">Sainte-Lucie</option><option value="SV">Salvador</option><option value="WS">Samoa</option><option value="AS">Samoa américaines</option><option value="ST">Sao Tomé-et-Principe</option><option value="SN">Sénégal</option><option value="RS">Serbie</option><option value="SC">Seychelles</option><option value="SL">Sierra Leone</option><option value="SG">Singapour</option><option value="SK">Slovaquie</option><option value="SI">Slovénie</option><option value="SO">Somalie</option><option value="SD">Soudan</option><option value="SS">Soudan du Sud</option><option value="LK">Sri Lanka</option><option value="SE">Suède</option><option value="CH">Suisse</option><option value="SR">Suriname</option><option value="SJ">Svalbard et Jan Mayen</option><option value="SZ">Swaziland</option><option value="SY">Syrie</option><option value="TJ">Tadjikistan</option><option value="TW">Taïwan</option><option value="TZ">Tanzanie</option><option value="TD">Tchad</option><option value="CZ">Tchéquie</option><option value="TF">Terres australes françaises</option><option value="IO">Territoire britannique de l’océan Indien</option><option value="PS">Territoires palestiniens</option><option value="TH">Thaïlande</option><option value="TL">Timor oriental</option><option value="TG">Togo</option><option value="TK">Tokelau</option><option value="TO">Tonga</option><option value="TT">Trinité-et-Tobago</option><option value="TA">Tristan da Cunha</option><option value="TN">Tunisie</option><option value="TM">Turkménistan</option><option value="TR">Turquie</option><option value="TV">Tuvalu</option><option value="UA">Ukraine</option><option value="UY">Uruguay</option><option value="VU">Vanuatu</option><option value="VE">Venezuela</option><option value="VN">Vietnam</option><option value="WF">Wallis-et-Futuna</option><option value="YE">Yémen</option><option value="ZM">Zambie</option><option value="ZW">Zimbabwe</option></select>
|
||
</div>
|
||
<div class="displayed"></div>
|
||
</div>
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-60 col-xl-60">
|
||
<div class="input-group ">
|
||
<div class="input-group-prepend">
|
||
<div class="input-group-text">Téléphone</div>
|
||
</div>
|
||
<input type="text" id="izi_formdonbundle_ordermodel_client_phone" name="izi_formdonbundle_ordermodel[client][phone]" required="required" class="form-control" placeholder="(facultatif)" />
|
||
</div>
|
||
<div class="displayed"></div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="checkbox form-group form-check " id="grpd-checkbox">
|
||
<input type="checkbox" id="izi_formdonbundle_ordermodel_checkGRPD" name="izi_formdonbundle_ordermodel[checkGRPD]" required="required" class="form-check-input" value="1" />
|
||
<label class="form-check-label required" for="izi_formdonbundle_ordermodel_checkGRPD">En soumettant ce formulaire, j'accepte que les informations saisies soient exploitées dans le cadre du traitement de ma commande et des communications diffusées par l'organisation.</label>
|
||
<div class="displayed"></div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<h2 class="title">Mon règlement</h2>
|
||
<div class="block">
|
||
<div class="row">
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-120 offset-xl-17 col-xl-84">
|
||
<button type="submit" class="btn btn-primary selected submit paiement-cb" data-means="CB" id="trackingDonCB1" >Je donne par carte bancaire</button>
|
||
<button type="submit" class="btn btn-primary submit paiement-pa" data-means="PA" id="trackingDonPA1">Je donne par courrier</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div id="sidebar" class="col-120 col-sm-120 col-md-120 col-lg-40 col-xl-40">
|
||
|
||
<div class="block margin-title" style="display:none;">
|
||
<h2>Pourquoi donner au planning familial ?</h2>
|
||
<div class="item">
|
||
<img src="https://don.planning-familial.org/front/img/girl.png" />
|
||
<div class="amount">10 €</div>
|
||
<div class="description">permettent l'achat d'une contraception d'urgence et un test de grossesse pour sensibiliser/accompagner une femme et éviter une grossesse non désirée</div>
|
||
</div>
|
||
<div class="item">
|
||
<img src="https://don.planning-familial.org/front/img/meeting.png" />
|
||
<div class="amount">20 €</div>
|
||
<div class="description">permettent de financer le trajet d'une femme pour qu'elle participe à un groupe de parole pour les femmes victimes de violences</div>
|
||
</div>
|
||
<div class="item">
|
||
<img src="https://don.planning-familial.org/front/img/condom.png" />
|
||
<div class="amount">50 €</div>
|
||
<div class="description">permettent d'acheter des préservatifs internes et externes et de les distribuer lors de festivals / d'acheter des documents de prévention et de les donner lors de manifestations publiques</div>
|
||
</div>
|
||
<div class="item">
|
||
<img src="https://don.planning-familial.org/front/img/hands-up.png" />
|
||
<div class="amount">100 €</div>
|
||
<div class="description">nous permettent d'intervenir gratuitement dans une classe pour faire une séance d’Éducation à la sexualité, parler cyber harcèlement avec des collégien.nes /d’acheter un outil pédagogique pour intervenir auprès de plus jeunes enfants</div>
|
||
</div>
|
||
</div>
|
||
<div class="block margin-title">
|
||
<div class="fr-view"><h2 style="text-align: center;">Pourquoi donner au planning familial ?</h2><p style="text-align: center;"><img src="https://don.planning-familial.org/front/img/girl.png" class="fr-fic fr-dii"></p><h2 style="text-align: center;"><span style="color: rgb(228, 69, 125);">10 €</span></h2><p style="text-align: center;"><span style="font-size: 16px;">permettent l'achat d'une contraception d'urgence et un test de grossesse pour sensibiliser/accompagner une femme et éviter une grossesse non désirée</span></p><p style="text-align: center;"><img src="https://don.planning-familial.org/front/img/meeting.png" class="fr-fic fr-dii"></p><h2 style="text-align: center;"><span style="color: rgb(228, 69, 125);">20 €</span></h2><p style="text-align: center;"><span style="font-size: 16px;">permettent de financer le trajet d'une femme pour qu'elle participe à un groupe de parole pour les femmes victimes de violences</span></p><p style="text-align: center;"><img src="https://don.planning-familial.org/front/img/condom.png" class="fr-fic fr-dii"></p><h2 style="text-align: center;"><span style="color: rgb(228, 69, 125);">50 €</span></h2><p style="text-align: center;"><span style="font-size: 16px;">permettent d'acheter des préservatifs internes et externes et de les distribuer lors de festivals / d'acheter des documents de prévention et de les donner lors de manifestations publiques</span></p><p style="text-align: center;"><img src="https://don.planning-familial.org/front/img/hands-up.png" class="fr-fic fr-dii"></p><h2 style="text-align: center;"><span style="color: rgb(228, 69, 125);">100 €</span></h2><p style="text-align: center;"><span style="font-size: 16px;">nous permettent d'intervenir gratuitement dans une classe pour faire une séance d’Éducation à la sexualité, parler cyber harcèlement avec des collégien.nes /d’acheter un outil pédagogique pour intervenir auprès de plus jeunes enfants</span></p>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
|
||
<div class="block" style="display:none;">
|
||
<h2><img src="https://don.planning-familial.org/front/img/lock.png" /> Paiement 100% sécurisé</h2>
|
||
<div class="description">
|
||
<span class="bold">Ce site internet est 100% sécurisé</span>
|
||
<p>Les informations bancaires nécessaires au traitement de votre paiement sont intégralement sécurisées. Elles ne sont pas conservées sur nos systèmes informatiques. Grâce au cryptage SSL de vos données bancaires, vous êtes assurés de la fiabilité de vos transactions sur Internet.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="block">
|
||
<div class="fr-view"><h2><img src="https://don.planning-familial.org/front/img/lock.png" class="fr-fic fr-dii"> Paiement 100% sécurisé</h2><div class="description"><span class="bold">Ce site internet est 100% sécurisé</span><p>Les informations bancaires nécessaires au traitement de votre paiement sont intégralement sécurisées. Elles ne sont pas conservées sur nos systèmes informatiques. Grâce au cryptage SSL de vos données bancaires, vous êtes assurés de la fiabilité de vos transactions sur Internet.</p></div>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="modal-like" style="">
|
||
<div class="container" >
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-80 col-xl-80 offset-xl-lg-20">
|
||
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-120 col-xl-120">
|
||
<h1>
|
||
Mandat de <strong>prélèvement SEPA</strong>
|
||
<a class="close" href="./11%3Fhttps:%252F%252Fdon.planning-familial.org%252Floireatlantique-1.html"> <span aria-hidden="true">×</span></a>
|
||
</h1>
|
||
</div>
|
||
|
||
<div class="block">
|
||
<p>Veuillez saisir les coordonnées bancaires du compte à prélever. Vous devez être le titulaire de ce compte, ou disposer des autorisations nécessaires pour agir en son nom.</p>
|
||
|
||
<div class="col-120 col-sm-120 col-md-100 col-lg-100 col-xl-100 offset-xl-md-10">
|
||
<div class="form-group ">
|
||
<label for="izi_formdonbundle_ordermodel_vadsBic" class="required">BIC *</label>
|
||
<input type="text" id="izi_formdonbundle_ordermodel_vadsBic" name="izi_formdonbundle_ordermodel[vadsBic]" required="required" class="form-control" />
|
||
<div class="displayed"></div>
|
||
</div>
|
||
<div class="form-group ">
|
||
<label for="izi_formdonbundle_ordermodel_vadsIban" class="required">IBAN *</label>
|
||
<input type="text" id="izi_formdonbundle_ordermodel_vadsIban" name="izi_formdonbundle_ordermodel[vadsIban]" required="required" class="form-control" />
|
||
<p>Pour recevoir le code SMS nécessaire à la signature électronique du mandat SEPA, merci saisir votre numéro de téléphone mobile
|
||
</p>
|
||
<div class="displayed"></div>
|
||
</div>
|
||
<div class="form-group ">
|
||
<label for="izi_formdonbundle_ordermodel_client_cell" class="required">Téléphone mobile au format international. Par exemple +33601234567</label>
|
||
<input type="text" id="izi_formdonbundle_ordermodel_client_cell" name="izi_formdonbundle_ordermodel[client][cell]" required="required" class="form-control" />
|
||
<div class="displayed"></div>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary selected submit" data-means="SE" id="trackingDonSEPA2">Recevoir le SMS <strong>de validation</strong></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="modal-like" style="">
|
||
<div class="container" >
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-80 col-xl-80 offset-xl-lg-20">
|
||
<h1>Mandat de <strong>prélèvement SEPA</strong></h1>
|
||
<div class="block">
|
||
<p>
|
||
Numéro ICS : <br/>
|
||
Montant : € <br/>
|
||
Type de paiement : Paiement régulier <br/>
|
||
IBAN : <br/>
|
||
BIC :
|
||
</p>
|
||
|
||
<div class="col-120 col-sm-120 col-md-100 col-lg-100 col-xl-100 offset-xl-md-10">
|
||
|
||
|
||
<div class="form-group ">
|
||
<label for="izi_formdonbundle_ordermodel_code" class="required">Code de validation *</label>
|
||
<input type="text" id="izi_formdonbundle_ordermodel_code" name="izi_formdonbundle_ordermodel[code]" required="required" class="form-control" />
|
||
<div class="displayed"></div>
|
||
</div>
|
||
|
||
<p>En saisissant votre code de validation, vous apposez votre signature sur le mandat SEPA. Vous autorisez Planning Familial 44 à envoyer des instructions à votre banque pour débiter votre compte, et votre banque à débiter votre compte conformément à ces instructions.
|
||
</p>
|
||
<button type="submit" class="btn btn-primary selected submit" data-means="SE" id="trackingDonSEPA3" >Confirmer <strong>mon prélèvement</strong></button>
|
||
</div>
|
||
</div>
|
||
<i>Vous recevrez une notification préalable et un exemplaire de votre mandat, au minimum 8 jours avant votre premier prélèvement. Vous bénéficiez d'un droit à remboursement par votre banque selon les conditions décrites dans la convention que vous avez passée avec elle. Toute demande de remboursement doit être présentée dans les 8 semaines suivant la date de débit de votre compte.
|
||
</i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="modal-like" style="">
|
||
<div class="container" >
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-80 col-xl-80 offset-md-20 offset-xl-20">
|
||
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-120 col-xl-120">
|
||
<h1 class="title">
|
||
Carte à prélever
|
||
<a class="close" href="./11%3Fhttps:%252F%252Fdon.planning-familial.org%252Floireatlantique-1.html"> <span aria-hidden="true">×</span></a>
|
||
</h1>
|
||
</div>
|
||
|
||
<input type="hidden" name="cardToken" id="cardToken" value="" />
|
||
<div class="block">
|
||
<p>Merci de bien vouloir remplir le formulaire ci-dessous.</p>
|
||
<div class="col-120 col-sm-120 col-md-100 col-lg-100 col-xl-100 offset-md-10 offset-xl-10">
|
||
<div class="form-group">
|
||
<label for="card-element">
|
||
Numéro de la carte
|
||
</label>
|
||
<div id="card-element" class="form-control"></div>
|
||
<div id="card-errors" class="help-block" role="alert"></div>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary submit paiement-cb" data-means="CB" data-wallet="" id="trackingDonCB2">Je donne par carte bancaire</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="modal-like" style="">
|
||
<div class="container" >
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-80 col-xl-80 offset-xl-lg-20">
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-120 col-xl-120">
|
||
<h1 class="title">
|
||
Carte à prélever
|
||
<a class="close" href="./11%3Fhttps:%252F%252Fdon.planning-familial.org%252Floireatlantique-1.html"> <span aria-hidden="true">×</span></a>
|
||
</h1>
|
||
</div>
|
||
<div class="block">
|
||
<p>Merci de bien vouloir remplir le formulaire ci-dessous.</p>
|
||
|
||
<div class="row">
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-120 col-xl-120">
|
||
<label class="radio-inline"><input type="radio" name="vads_payment_cards" value="VISA" checked="checked" />VISA</label>
|
||
<label class="radio-inline"><input type="radio" name="vads_payment_cards" value="CB" />CB</label>
|
||
<label class="radio-inline"><input type="radio" name="vads_payment_cards" value="MASTERCARD" />MASTERCARD</label>
|
||
<label class="radio-inline"><input type="radio" name="vads_payment_cards" value="MAESTRO" />MAESTRO</label>
|
||
<label class="radio-inline"><input type="radio" name="vads_payment_cards" value="AMEX" />AMEX</label>
|
||
<div class="displayed"></div>
|
||
|
||
<div class="form-group">
|
||
<label for="vads_card_number" class="required">Numéro de votre carte *</label>
|
||
<input id="vads_card_number" name="vads_card_number" required="required" class="form-control" value="" type="text">
|
||
<div class="displayed"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-120 col-sm-120 col-md-40 col-lg-40 col-xl-40">
|
||
<div class="form-group ">
|
||
<label for="vads_expiry_month" class="required">Mois d’expiration *</label>
|
||
<select id="vads_expiry_month" name="vads_expiry_month" class="form-control" >
|
||
<option value="01" selected="selected">01 - Janvier</option>
|
||
<option value="02" >02 - Février</option>
|
||
<option value="03" >03 - Mars</option>
|
||
<option value="04" >04 - april</option>
|
||
<option value="05" >05 - Mai</option>
|
||
<option value="06" >06 - Juin</option>
|
||
<option value="07" >07 - Juillet</option>
|
||
<option value="08" >08 - Août</option>
|
||
<option value="09" >09 - Septembre</option>
|
||
<option value="10" >10 - Octobre</option>
|
||
<option value="11" >11 - Novembre</option>
|
||
<option value="12" >12 - Décembre</option>
|
||
</select>
|
||
<div class="displayed"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-120 col-sm-120 col-md-40 col-lg-40 col-xl-40">
|
||
<div class="form-group ">
|
||
<label for="vads_expiry_year" class="required">Année d’expiration *</label>
|
||
<select id="vads_expiry_year" name="vads_expiry_year" class="form-control" >
|
||
<option value="2025" >2025</option>
|
||
<option value="2026" >2026</option>
|
||
<option value="2027" >2027</option>
|
||
<option value="2028" >2028</option>
|
||
<option value="2029" >2029</option>
|
||
<option value="2030" >2030</option>
|
||
<option value="2031" >2031</option>
|
||
<option value="2032" >2032</option>
|
||
<option value="2033" >2033</option>
|
||
<option value="2034" >2034</option>
|
||
<option value="2035" >2035</option>
|
||
</select>
|
||
<div class="displayed"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-120 col-sm-120 col-md-40 col-lg-40 col-xl-40">
|
||
<label for="vads_cvv" class="required">Code de sécurité *</label>
|
||
<input id="vads_cvv" name="vads_cvv" required="required" class="form-control" type="text" value="" >
|
||
<div class="displayed"></div>
|
||
</div>
|
||
<div class="col-120 col-sm-120 col-md-80 col-lg-80 col-xl-80 offset-xl-md-20">
|
||
<button type="submit" class="btn btn-primary submit paiement-cb" data-means="CB" data-wallet="" id="trackingDonCB3">Je donne par carte bancaire</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="overlayPaiement" style="display:none;"></div>
|
||
|
||
|
||
|
||
|
||
|
||
<input type="hidden" id="izi_formdonbundle_ordermodel_vadsSubscription" name="izi_formdonbundle_ordermodel[vadsSubscription]" /><input type="hidden" id="izi_formdonbundle_ordermodel_utmSource" name="izi_formdonbundle_ordermodel[utmSource]" /><input type="hidden" id="izi_formdonbundle_ordermodel_utmMedium" name="izi_formdonbundle_ordermodel[utmMedium]" /><input type="hidden" id="izi_formdonbundle_ordermodel_utmTerm" name="izi_formdonbundle_ordermodel[utmTerm]" /><input type="hidden" id="izi_formdonbundle_ordermodel_utmContent" name="izi_formdonbundle_ordermodel[utmContent]" /><input type="hidden" id="izi_formdonbundle_ordermodel_utmCampaign" name="izi_formdonbundle_ordermodel[utmCampaign]" /><input type="hidden" id="izi_formdonbundle_ordermodel_externalId" name="izi_formdonbundle_ordermodel[externalId]" /><input type="hidden" id="izi_formdonbundle_ordermodel_mediaCode" name="izi_formdonbundle_ordermodel[mediaCode]" /></form>
|
||
|
||
|
||
|
||
|
||
<footer>
|
||
<div class="container" id="main">
|
||
<div class="row">
|
||
<div class="offset-xl-8 col-sm-120 col-md-120 col-lg-60 col-xl-52">
|
||
<img src="https://don.planning-familial.org/front/img/logo-footer.png" class="img-fluid" id="logo"/>
|
||
<p>
|
||
Mouvement féministe et d'éducation populaire,<br>
|
||
le Planning Familial milite pour le droit à <br>
|
||
l'éducation à la sexualité, à la contraception,<br>
|
||
à l'avortement, à l'égalité des droits entre <br>
|
||
les femmes et les hommes et combat toutes<br>
|
||
formes de violences et de discriminations.
|
||
|
||
|
||
</p>
|
||
<img src="https://don.planning-familial.org/front/img/quote.png" class="img-fluid" id="quote"/>
|
||
</div>
|
||
<div class="col-sm-120 col-md-120 col-lg-60 col-xl-50" id="private">
|
||
<h2>RESPECT DE VOTRE VIE PRIVÉE</h2>
|
||
<p>
|
||
Vos coordonnées nous sont indispensables pour vous envoyer le reçu fiscal, elles seront conservées dans un délai raisonnable.
|
||
</p>
|
||
<p>
|
||
Les informations personnelles recueillies sur ce formulaire vont faire l’objet d’un traitement informatique destiné à vous tenir informé.e des actions du Planning Familial et faire appel à votre générosité. Vos informations ne seront pas échangées avec d'autres associations caritatives ou sociétés commerciales.
|
||
</p>
|
||
<p>
|
||
Vous pouvez vous opposer à ce traitement en vous adressant à l'adresse suivante : <a href="mailto:relations.donateur.ices@planning-familial.org">relations.donateur.ices@planning-familial.org</a>
|
||
</p>
|
||
<p>
|
||
Vous pouvez nous contacter par mail : <a href="mailto:relations.donateur.ices@planning-familial.org">relations.donateur.ices@planning-familial.org</a> ou par téléphone 07 69 27 37 50 du lundi au vendredi de 09h30 à 12h30 et de 14h à 17h30.
|
||
</p>
|
||
<p>
|
||
Vous disposez d’un droit d’accès, de suppression et de rectification des données vous concernant.
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container" id="bottom">
|
||
<div class="row">
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-47 col-xl-47 offset-xl-3 text-left">
|
||
<ul>
|
||
<li><a href="https://www.planning-familial.org/fr" target=_blank >Mentions légales</a></li>
|
||
<li class="separator">/</li>
|
||
<li><a href="https://www.planning-familial.org/fr" target=_blank >CGU</a></li>
|
||
<li class="separator">/</li>
|
||
<li><a href="https://www.planning-familial.org/fr" target=_blank >Plan du site</a></li>
|
||
<li class="separator">/</li>
|
||
<li><a href="./11%3Fhttps:%252F%252Fdon.planning-familial.org%252Floireatlantique-1.html#" class="cookie-link menu-link">Gestion des cookies</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-24 col-xl-24 offset-xl-1 text-center">
|
||
<img src="https://don.planning-familial.org/front/img/secure-by.png" class="img-fluid"/>
|
||
</div>
|
||
<div class="col-120 col-sm-120 col-md-120 col-lg-45 col-xl-45 text-right">
|
||
<ul>
|
||
<li>Site conçu par <img src="https://don.planning-familial.org/front/img/logo_ecedi.svg" class="img-fluid"/></li>
|
||
<li class="separator">/</li>
|
||
<li>Illustration : <img src="https://don.planning-familial.org/front/img/logo-youpi.svg" class="img-fluid"/></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="fr-view"></div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
</footer>
|
||
|
||
|
||
</body>
|
||
|
||
</html> |