/* Carte cadeau css */
#cc_form{
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
}
#carte{
	padding-top:15px;
	padding-bottom:15px;
	border-radius:15px;
	background-image:url("/maca_icerns_portal/static/src/img/bienvenue_icerns.jpg");
	background-position: 50% 50%;
	background-size: cover;
}
.img_title{
	text-align:center;
}
.img_title > img{
	width:50%;
	height:auto;
}
.ul_form{
	max-width:500px;
	min-width:280px;
	width:100%;
	list-style-type: none;
	flex:1;
	padding-left:4%;
	padding-right:4%;
}
.ul_form li{
}
.ul_form label{
	margin-top:5px;
	font-weight: 500;
	width:100%;
	padding-left:10px;
	font-size:1.2rem;
}
#carte > label{
	background-color: rgba(232, 232, 232, 0.95);
}
.required label:after{
	content:'*';
}
.required_shine{
	color:red;
}
.required_shine input{
	border:1px solid red;
}
#carte > .input_text{
	background-color: rgba(232, 232, 232, 0.95);
	margin-bottom:5px;
	border-radius:5px;
}
#montant_li{
	text-align:center;
}
#montant_li>p{
	width:200%;
}
#label-montant{
	width:100%;
}
#plus{
	display:block;
	height:45px;
	width:16%;
	cursor:pointer;
	color:white;
	background:#303E91;
	font-weight:bold;
	text-align:center;
	border-radius:5px;
	margin-bottom:5px;
}
#moins{
	padding:5px 5%;
	cursor:pointer;
	color:white;
	background:#303E91;
	font-weight:bold;
	text-align:center;
	border-radius:5px;
	margin-bottom:5px;
}
#montant{
	font-size:1.5rem;
	text-align:center;
	height:45px;
}
.propo{
	cursor:pointer;
	color:white;
	background:#303E91;
	font-weight:bold;
	text-align:center;
	border-radius:5px;
	margin-bottom:5px;
	padding:5px 5px;
	font-size:1.2rem;
}
.propo:hover{
	color:#303E91;
	background:#bbb;
}
.input_text input{
	width:100%;
	font-size:1.2rem;
}
.input_radio input{
	margin-right:5px;
	margin-left:10px;
}
.ul_form textarea{
	width:100%;
	height:150px;
}
.separator{
	margin-top:10px;
	font-size:1.5rem;
	font-weight:bold;
	margin-bottom:5px;
	border-radius:5px;
	padding: 10px 10px;
}
.separator > img{
	height:30px;
	width:auto;
	margin-right:10px;
}
.comment{
	margin-top:10px;
	font-size:1.2rem;
	margin-bottom:5px;
	border-radius:5px;
	padding: 10px 10px;
	background-color: rgba(232, 232, 232, 0.95);
}

#carte > .separator{
	background-color: rgba(232, 232, 232, 0.95);
}
.asterix{
	width:100%;
	text-align:center;
}
#bouton_payer{
	margin:0 auto;
	width:90%;
	border-radius:10px;
	font-weight:bold;
	font-size:1.4rem;
}