html {
	font-size: 90%;
}
.row .col.bloc-don {
	padding: 0 0;
}
label {
	color: #424242;
}
div.bloc-don {
	margin-bottom: 1rem;
	background-color: white;
	padding: 0;
	border: solid 1px #0C3C7C;
}
div.bloc-don h2 {
	background-color: #0C3C7C;
	color: white;
	margin: 0;
	padding: 10px 5px;
	font-size: 1.2rem;
}
div.bloc-don h3 {
	margin: 5px 10px;
}

div.bloc-don div.maligneinput {
	margin-top: 0px;
	margin-bottom: 0px;
}
div.bloc-don p.radio {
	display: inline-block;
}
div.bloc-don input.monchamp {
	border: none;
	border-bottom: 1px solid black;
}
div.bloc-don input.monchamp+label {
	line-height: 0.2;
}
div.bloc-don abbr {
	color: red;
	font-weight: bold;
	text-decoration: none;
}

table.fondBleu {
	margin-top: 20px;
	width: 100%;
	border-collapse: unset;
}
div.optionsDon {
	margin: 5px 10px;
	display: table;
}
div.optionsRow {
	display: table-row;
}
div.optionsRow label {
	display: inline-block;
}
div.optionsRow input[type="text"] {
	display: inline-block;
	width: 50px;
}


div.optionsDon input[type="text"] {
	text-align: right;
}
div.optionsDon input[type="text"]+label {
	padding: 3px;
}

div#montantReel {
	display: inline-block;
	font-size: 1.5rem;
}
div#pourcentageReel {
	display: inline-block;
}


table.fondBleu td.champ {
	display: table;
}
table.fondBleu td.champ label {
	display: table-cell;
}
table.fondBleu td.champ label span {
	padding-left: 25px;
	padding-right: 20px;
}


a.souteniruneaction {
	display: inline-block;
	background-color: #0C3C7C;
	color: white;
	font-weight: bold;
	padding: 5px;
	border-radius: 5px;
}
a.moyenpaiement {
	display: inline-block;
	padding: 10px;
	width: auto;
	background-color: #0C3C7C;
	color: white;
	font-weight: bold;
	border-radius: 10px;
}

span.MontantReel, div#montantReel {
	font-weight: bold;
}

div.modal div.card div.card-image {
	padding: 5px;
}
div.modal div.card div.card-content {
	padding-top: 5px;
	padding-bottom: 10px;
}
div.modal div.card div.card-content h2 {
	padding: 5px 0px 10px 0px;
	margin: 0px;
	line-height: 1.0;
	color: #005daa;
	background-color: transparent;
}

.image {
	opacity: 0.6;
	display: inline-block;

	font-weight: bold;
	font-size: 1rem;
	padding-top: 10px!important;
	padding-bottom: 5px!important;
	border-radius: 5px;
	text-align: center;
 }
.image:hover {
	opacity: 1;
	cursor: pointer;
}
  
[type="radio"] + label:before,
[type="radio"] + label:after {
	display: none;
}

[type="radio"] + label {
	padding: 0;
}

[type="radio"]:not(:checked) + label div.image {
	border: 2px solid #0C3C7C;
}
[type="radio"]:checked + label div.image {
	border: 2px solid #0C3C7C;
	opacity: 1;
}

div.bloc-don button#btnvalidation {
	padding: 0.5rem 1.5rem;
	height: auto!important;
	background-color: transparent;
	color: black;
	border: 3px solid #0C3C7C;
	border-radius: 10px;
	font-size: 2.5rem;
	line-height: 3rem;
	cursor: pointer;
}
div.bloc-don button#btnvalidation span {
	margin-left: 1rem;
}
div.bloc-don .destination {
	opacity: 0.6;
	display: inline-block;

	font-weight: bold;
	font-size: 1rem;
	padding: 5px;
	border-radius: 5px;
	text-align: center;

	position: relative;
}
div.bloc-don .destination:hover {
	opacity: 1;
	cursor: pointer;
}
div.bloc-don .destination h2 {
	color: #005daa;
	background-color: transparent;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: inherit;
}
div.bloc-don .destination h3 {
	color: #005daa;
}
div.bloc-don .destination span.cliquezici {
	font-style: italic;
	text-align: center;
	width: 100%;
	float: left;
	font-size: 1rem;
}
div.bloc-don .destination span.invisible {
	visibility: hidden;
}
div.bloc-don .destination a {
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin-right: 6px;
	font-style: italic;
}
div.bloc-don [type=radio].modePaiement { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
div.bloc-don label {
	margin-right: 2rem;
}
div.bloc-don .modePaiement {
	position: relative;
}
div.bloc-don label img.check {
	position: absolute;
	width: 30px;
	height: 30px;
	left: 3px;
	top: 3px;
}
div.bloc-don label img.check.invisible {
	display: none;
}
div.bloc-don .modal h2 {
	color: #005daa;
	background-color: transparent;
	margin: 0;
	padding: inherit;
}

div.bloc-don.no-border {
	border: none;
}

[type="radio"]:not(:checked) + label div.destination {
	border: 2px solid #0C3C7C;
}
[type="radio"]:checked + label div.destination {
	border: 2px solid #0C3C7C;
	opacity: 1;
}

span.final {
	font-size: 1.3rem;
	color: #0C3C7C;
}

.explications {
	margin-top: 50px;
	color: #0C3C7C;

	display: flex;
	justify-content: space-around;
	
	/*border: solid 2px red;*/
}
.explications .content {
	padding-left: 20px;
	padding-right: 20px;
	border: solid 1px #0C3C7C;
	text-align: justify;
}
@media only screen and (min-width: 992px) {
	.explications {
		display: flex;
		justify-content: space-around;
	}
	.explications .content {
		margin-left: 10px!important;
		margin-right: 10px!important;
	}
}
@media only screen and (max-width: 991px) {
	.explications {
		display: inline-block;
	}
	.explications .content {
		margin-top: 10px!important;
	}
}
.explications .content h2 {
	color: #0C3C7C;
}
.explications .content h3 {
	color: #0C3C7C;
}
.explications .content ul {
}
.explications .content ul li {
	list-style-type: disc;
	margin-left: 20px;
}

div.card-content ul {
	list-style-type: disc;
}
div.card-content ul li {
	list-style-type: disc;
	margin-left: 20px;
}


/* Nouveaux styles */