@import url("../fonts/stylesheet.css");

/* General */
body{
    position:relative;
}
label {
    font-weight: normal;
}
header{
    padding-bottom:0px;
}
.block .col-md-1, .block .col-md-2, .block .col-md-3, .block .col-md-4, .block .col-md-5, .block .col-md-6, .block .col-md-7, .block .col-md-8, .block .col-md-9, .block .col-md-10, .block .col-md-11, .block .col-md-12{
    padding-left:5px;
    padding-right:5px;
}
.title {
    border: 1px solid #bfbfbf;
    border-bottom:none;
    margin-bottom: 30px;
    font-size:22px;
    line-height: 40px;
    text-transform:uppercase;
}
.title .selectedCurrency {
    float:right;
    margin-top:5px;
}
.block {
    padding: 20px 10px 15px 10px;
    margin-bottom: 25px;
}
.block h2 {
    margin: 0px;
    font-size: 18px;
    margin-bottom:15px;
    padding:0px 5px;
}
.block h3 {
    font-family: 'Bitter', serif;
    font-size: 14px;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 15px;
}
.block .currency {
    top: 1px !important;
    right: 25px !important;
    font-weight: bold;
    height:20px;
}
.row.padding {
    padding:0px 10px;
}
.amount-box{
    border-radius: 5px;
    font-weight: bold;
    cursor:pointer;
    padding:20px;
    margin-bottom:10px;
    text-align:center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.custom-amount .amount-box{
    padding:0px;
}
.custom-amount{
    margin-bottom:15px;
}
.custom-amount span {
    position: absolute;
    top: 25px;
    right: 0;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
footer {
    padding: 20px 0px;
    font-size: 12px;
        background: none !important;
}
button, a.button, a.button:hover{
    display:block;
    text-decoration:none;
    width:100%;
    padding-left:15px;
    padding-top:15px;
    padding-bottom:15px;
    border:none;
    margin-bottom:20px;
    text-align:left;
    font-size:20px;
}
.dropMenu, .dropMenu:hover, .dropMenu:active {
    width: 240px;
    padding: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    background: #FFF;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    border: none !important;
    text-align: left;
    color: #003b55;
    font-weight: bold;
}
.form-group .displayed {
    display:none;
}
.form-group.error, .form-group.error .displayed {
    color:#F00;
    display:block;    
}
.form-group.error input, .form-group.error select{
    border:1px solid #F00;
}
.error-amount{
    color:#F00;
    margin-bottom:10px;
    padding:10px;
}

.ong{
    padding-left:10px;
    padding-right:10px;
    //border-bottom:1px solid ;
}
.ong span.tab{
    display:inline-block;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
    margin-bottom:10px;
    //text-decoration:underline;    
}
.ong span.tab.selected{
    font-weight:bold;
    text-decoration:none; 
    
    background-color:#0075B0;
    color:#FFF;
}
.ong .red{
    padding-top:10px;
    padding-bottom:10px;
    display:none;
}

.red span {
    font-weight: bold;
}

h2.prog{

}
h2.prog strong{
    font-size:38px;
}
.progress{
    height:30px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;    
    margin-bottom:5px;
}
.progress-bar {
    line-height: 30px;
}

.overlay{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    background-color:#FFF;
    opacity:0.9;
    z-index:100;
}


.step2, .step3{
    display:none;
    position:absolute;
    width:100%;
    top:200px;
    z-index:200;
}

.paiement-cb,.paiement-se,.paiement-wallet {
    border-radius: 0 !important;
    margin: 0 !important;
    width:100% !important;
    text-align:center !important;

    
}

.paiement-se {
    margin-bottom: 20px !important;
}  
.paiement-wallet {
    margin-top: 20px !important;
    font-size: 28px !important;
	font-family: 'ITCFranklinGothicStd-BkCp' !important;
    font-weight: normal !important;
    line-height: 30px !important;
    background: #21659e !important;
}   

.paiement-pa {
    border-radius: 0 !important;
    margin: 0 !important;
    width:100% !important;
    text-align:center !important;
    background: #8f8581 !important;
    padding: 5px !important;
    margin-top: 20px !important;
    color: #FFFFFF !important;
    font-size: 16px ! important;
}

.paiement-ps{
    border:none;
    background-color:none;
    background:none;
    padding:0px;
    font-size:14px;
    text-align:left;
    padding-left:10px;
}
.paiement-cb-se{
    border:none;
    background-color:none;
    background:none;
    padding:0px;
    font-size:14px;
    text-align:center;
}
.picture-link {
    border-radius: 0 !important;
    margin: 0 !important;
    width:100% !important;
    text-align:center !important;
    background: #8f8581 !important;
    padding: 5px !important;
    margin-top: 20px !important;
    color: #FFFFFF !important;
    font-size: 16px ! important;
}

.flag{
    position:absolute;
    z-index:30;
    top:10px;
    right:10px;
}

.notice{
    font-size:11px;
    font-style:italic;
}

.subtitle {
    color :#003e5c;
    font-size: 14px;
    position: relative;
    top: -10px;
    left: 13px;
}

.link {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width:90px;
    height:90px;
}

#ue-link {
    background-image : url(../img/UE---Logo.gif);
    margin-left: 10px;
}

#ue-link:hover {
    background-image : url(../img/UE---Lettres.gif);
}

#uk-link {
    background-image : url(../img/UK---Logo.gif);
    margin-right: 10px;
}

#uk-link:hover {
    background-image : url(../img/UK---Lettres.gif);
}

#us-link {
    margin-left: 10px;
    margin-right: 10px;
    background-image : url(../img/US---Logo.gif);
}

#us-link:hover {
    background-image : url(../img/US---Lettres.gif);
}

.link-separator{
    display: inline-block;
    width:1px;
    height:60px;
    border-right: 1px solid #bfbfbf;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
}

#link-block .picture-link {
    padding: 10px !important;
    display: block !important;
    margin: 0 !important;
}

#link-block .link-thumbnail {
    margin-top: 20px;
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}



.block{
    margin: 0px;
    margin-top:0px;
    border: 1px solid #bfbfbf;
    border-top:none;
}
#block1,#block4, #block5, #block6, #block7, #block8, #block9, #block10, #block11, #block12, #block13, #block14{
    padding-top:0px;
}
#block5{
    margin-bottom:30px;
}
#block5, #block6 {
    border:none;
}
.block-separator{
    margin: auto;
    margin-top: 15px;
    padding-bottom: 15px;
    width: 70%;
    border-top:1px solid #bfbfbf;
}
#block2,#block3, #block15, #block19, #block20{
    border-top:none;
}
#block1, #block2 {
    border-bottom:none;
    padding-bottom:0px;
}

#block17{
    margin-top:20px;
    border:none;
    background:none;
}

#donation h2 {
    border-bottom:1px solid #bfbfbf;
    margin-bottom: 30px;
}

#payment .title {
    border-left: none;
    border-right: none;
}

.block-no-style{
    border:none;
	background:none;
	padding-left:0px;
	padding-right:0px;
}

.block-margin{
    margin-top:20px; 	
}
.block-title{
    padding-top:40px;
    margin-top:-25px;
}
.block-no-top{
    border-top:0px;
}
.block-dash-bottom{
    border-bottom:1px dashed #bfbfbf;
}

.title {
    color: #0075b0;
    text-transform: initial;
    padding-top: 5px;
    margin-bottom:0px;
    padding-left:13px;
}
.title strong{
    font-weight:normal;
}

.form-control{
    background-image: none;
    border: 1px solid #ccc;
    padding: 4px;
    width: 100%;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;    
    height:32px;
    line-height:32px;
}
h2{
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 0px;
    text-transform: initial;
    color: #003e5c;
    font-size:17px !important;
}
label{
    padding-bottom: 0px;
    margin-bottom: 0px;    
}

.amount-box{
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    width:inherit ;
    border-radius: 5px;
    font-weight: bold;
    cursor:pointer;
    text-align:center;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 6px;
    padding: 8px 0;
    text-align: center;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;        
}
.amount-box-container {
    display: table;
    margin-bottom: 10px;
}
.custom-amount .amount-box{
    padding:0px;    
}
.custom-amount .amount-box {
    width: 100%;
    height:35px;
}
.custom-amount{
    margin-bottom:15px;
}
.custom-amount-6 .amount-box {
    height:60px;
}
.custom-amount-6 ::-webkit-input-placeholder {
    font-size: 10px;
}
.custom-amount-6 ::-moz-placeholder {
    font-size: 10px;
}
.custom-amount-6 :-ms-input-placeholder{
    font-size: 10px;
}
.custom-amount-6 input:-moz-placeholder{
    font-size: 10px;
}
.custom-amount span {
    position: absolute;
    top: 1px;
    right: 25px;
    display: block;
    width: 26px;
    height: 26px;
    line-height: 34px;
    text-align: center;
    font-weight:bold;
}
button.submit, a.button, a.button:hover{
    display:block;
    text-decoration:none;
    width:80%;
    margin:auto;
    padding-left:15px;
    padding-top:15px;
    padding-bottom:15px;
    border:none;
    margin-bottom:20px;
    text-align:left;
    font-size:20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;      
}

.paiement-pa, .paiement-ps{
    text-align:center;
    color:#333;
    padding:0px;
    margin-bottom:0px;
}



/* color style */
body {
    font-family: "Muli",sans-serif;
    color: #333333;
}

.block, button, a.button {
    background-color:#FFF;
    border-color:#bfbfbf;
}

button, a.button {
    background-color:#CCCCCC;
    border-color:#CCCCCC;
    color: #fff;
}
.block.selected .amount-box, .custom-amount.selected .currency{
    color: #333333;
}
.amount-box, .custom-amount input{
    background-color: #FFF; 
    border: 1px solid #bfbfbf;    
}
footer {
}
button.selected, a.button.selected, .progress-bar-success{
    background-color: #0075b0;
    color:#FFF;
}

.block.selected .amount-box.selected, .custom-amount.selected .currency{
    background-color: #0075b0;
    color:#FFF;
}

.amount-box .amount {
    display:table-cell;
    vertical-align:middle;
    height:40px;
    margin-left:10px;
    width:25%;
}

.amount-box .text {
    border-left:1px solid #2D3F53;
    font-weight:normal;
    padding-left:10px;
    padding-right:10px;
    display:table-cell;
    vertical-align:middle;
    height:40px;
    width:70%;
    text-align:left;
}

.amount-box.selected .text {
    border-left: 1px solid #fff;
}


.project {
    margin-top:10px;
    margin-bottom:10px;
    padding:0px;
}

.project .progress-bar {
    background: #cccccc;
    border: none;
    height: 10px;
    width: 100%;
    margin-bottom: 5px;
}
.project .progression {
    height: inherit;
    background: #CD3027;
}

.project a {
    border-radius : 0px;
    border:none;
    background: #2D3F53;
    color : #FFF;
}

.project a:hover {
    color : #FFF;
}

.display-table {
    display:table;
    padding-top : 5px;
    padding-bottom : 5px;
}

@media (max-width:992px) {    
    .amount-box-container {
        width: 100%;
    }
    .amount-box-container .amount-box {
        width: 100%;
    }
    .custom-amount-6 ::-webkit-input-placeholder {
        font-size: 14px;
    }
    .custom-amount-6 ::-moz-placeholder {
        font-size: 14px;
    }
    .custom-amount-6 :-ms-input-placeholder{
        font-size: 14px;
    }
    .custom-amount-6 input:-moz-placeholder{
        font-size: 14px;
    }
}



body {
	font-family: 'ITCFranklinGothicStd-DmCp';
}
.new-design #subHeader {
    background:#21659e;
    color:#FFF;
    font-weight:normal;
    text-align:center;
    font-size:28px;
    line-height:24px;
    padding:20px;
}
.new-design #subHeader.background-white {
    color:#21659e;
    background:#fff;
}

.new-design #subHeader a, .new-design #subHeader a:hover {
    color:#FFF;
}
.new-design #subHeader.background-white a, .new-design #subHeader.background-white a:hover {
    color:#21659e;
}
.new-design #subHeader p {
    margin: 0px;
    padding: 0px;
}
.new-design h1.title {	
    font-family: 'ITCFranklinGothicStd-MdCdIt';
    font-size: 38px;
    padding-top: 8px;
    padding-bottom: 14px;
    color: #21659e;
}

.new-design #donation {
    min-height: 647px;
}
.new-design #donation h2 , .new-design label, .new-design .aff-label {
    color:#21659e;
    font-weight:normal;
    font-size: 28px !important;
    margin-top: 14px;
    margin-bottom: 15px;
    padding-bottom: 0px;
}

.new-design #donation h2  {
    margin-top: 0px;
}
.new-design .aff-label {
	font-family: 'ITCFranklinGothicStd-BkCp';
    font-weight:normal;
    margin-top:4px;
    line-height:22px;
}
.new-design #donation h2:after{ 
    content: ">";
    font-weight:normal;
    font-size:24px !important;
    margin-left:5px;
    vertical-align: middle;
}
.new-design .ong {
    border-top: 1px solid #579dd1;
    padding-top: 10px;
}
.new-design .ong span.tab, .new-design .ong span.tab.selected, .new-design .ong .red , .new-design .block .currency{
    font-weight:normal;
    font-family: 'ITCFranklinGothicStd-BkCp';
    font-size:22px;
    line-height:22px;
}
.new-design .block .currency{
    top:14px !important
}
.new-design .block, .new-design h1.title, .new-design #donation h2, .new-design .form-control, .new-design .form-group-content, .new-design #block5, .new-design #block6 , .new-design .block-separator {
    border-color: #579dd1;
}
.new-design .error .form-group-content {
    border-color:#F00 !important;
}
.new-design #block2 {
    padding-top:32px;
}
.new-design #block3 { 
    padding-top:5px;
    min-height: 358px;
}
.new-design #block5, .new-design #block6, #payment .title, .new-design #link-block .link  {
    border: 1px solid #579dd1;
}
.new-design #block5, .new-design #block6 {
    border-top: none;
    border-bottom: none;
}
.new-design #block5 {
    margin-bottom:0px;
}
.new-design #payment .title {
    border-bottom:none;
}
.new-design .amount-box-container {
    padding-left: 10px;
    padding-right: 10px;
}
.new-design .amount-box{
    border-color: #a6cbe7;
    color:#000000;
    height: 38px;
    font-weight:normal;
    font-family: 'ITCFranklinGothicStd-BkCp';
}
.new-design .custom-amount input.amount-box, .new-design .form-control {
    height: 30px;
    font-size: 24px;
    font-weight: normal;
    color:#000000;
    margin-top:10px;
    font-weight:normal;
    font-family: 'ITCFranklinGothicStd-BkCp';
}
.new-design .form-control { 
    margin-top:0px;
    font-size: 18px;
}
.new-design .form-group  label {
    margin:0px;
}
.new-design .custom-amount {
    position:relative;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
}
.new-design .form-group {
    margin-bottom:0px;
}
.new-design .amount-box, .new-design .form-group-content, .new-design #link-block .link {
	-webkit-transform:skew(-20deg);
	-moz-transform:skew(-20deg);
	-o-transform:skew(-20deg);
	tranform:skew(-20deg);
}
.new-design .form-group-content {
    border-width: 1px;
    border-style: solid;
    margin: 0px 10px;
}

.new-design .custom-amount input{
	-webkit-transform:skew(0deg);
	-moz-transform:skew(0deg);
	-o-transform:skew(0deg);
	tranform:skew(0deg);
}
.new-design .amount-box .amount-content, .new-design #izi_formdonbundle_ordermodel_client_status, .new-design  .form-control#izi_formdonbundle_ordermodel_affs, .new-design #link-block .link span  {
	-webkit-transform:skew(20deg);
	-moz-transform:skew(20deg);
	-o-transform:skew(20deg);
	tranform:skew(20deg);
}

.new-design .amount-box .amount-content {
    font-size:16px !important;
}
.new-design select {
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    position:relative;
    background-image: url('../img/arrow-down.png');
    background-repeat:no-repeat;
    background-position: 95% center;
    padding-top:0px;
}

.new-design select:after {
    position:absolute;
    right:0;
}
.new-design #izi_formdonbundle_ordermodel_client_status, .new-design .form-control#izi_formdonbundle_ordermodel_affs {
    border:none;
    box-shadow:none;
    width:90%;
    margin:auto;
}
.new-design .form-control#izi_formdonbundle_ordermodel_affs {
    font-size: 22px;
    font-weight:normal;
    font-family: 'ITCFranklinGothicStd-BkCp';
}
.new-design #izi_formdonbundle_ordermodel_client_phone {
    margin-bottom:25px;
}
.new-design .checkbox  {
    margin:5px 0px 0px 0px;
}
.new-design .checkbox label {
    font-family: 'ITCFranklinGothicStd-BkCp';
    color:#000101;
    font-size:16px !important;
    font-weight:normal;
}
.new-design .notice {
    font-style:initial;
}
.new-design #link-block {
    border: 1px solid #579dd1;
    border-top:none;
}
.new-design #link-block .link {
    display:block;
    width:85%;
    height:auto;
    padding:5px;
    margin:auto;
    margin-bottom:16px;
    font-size:18px;
    font-weight:normal;
    text-align:center;
}
.new-design #link-block .link:hover{
    background: #21659e;
    color:#fff;
    text-decoration:none;
}

.new-design #link-block .link span {
    display:block;
}
.new-design #last-block { 
    border:none;
    background:none;
    margin-top:65px;
}

.new-design #last-block .img-responsive{ 
    margin:auto;
}

.new-design .paiement-pa {
    margin-top:0px !important;
    font-size:14px !important;
	font-family: 'ITCFranklinGothicStd-BkCp';
    background:none !important;
    border:none !important;
    color:#21659e !important;
}
.new-design .block-separator {
    width:100%;
    padding-bottom:0px;
    margin-top:38px;
    margin-bottom:8px;
}

.new-design footer .img-responsive {
    margin:auto;
}
.new-design button.paiement-cb.submit.selected {
    font-size: 28px;
	font-family: 'ITCFranklinGothicStd-BkCp';
    font-weight: normal;
    line-height: 30px;
    background: #21659e;
}

.new-design .block.selected .amount-box.selected, .new-design .ong span.tab.selected{
    background: #21659e;
}
.new-design .custom-amount.selected .currency, .new-design #link-block .link {
    color: #21659e;
}

@media (min-width:992px) and (max-width:1200px) {    
    .new-design #subHeader, .new-design #donation h2, .new-design button.paiement-cb.submit.selected {
        font-size: 24px !important;
    }
    .new-design h1.title {
        font-size:30px;
    }
    .new-design label, .new-design .aff-label {
        font-size:22px !important;
    }
    .new-design .ong span.tab, .new-design .ong span.tab.selected, .new-design .ong .red, .new-design .block .currency {
        font-size:18px;
    }
}

@media (max-width:992px) {
    body {
        background-image: none;
    }
    .new-design #subHeader {
    font-size: 20px;
    line-height: 20px;
    }
}

.modal-like{
    display:none;
    position:absolute;
    width:100%;
    top:200px;
    z-index:200;
}
.overlay, .overlayPaiement{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    background-color:#FFF;
    opacity:0.9;
    z-index:100;
}