.client_type_selection_block{
	text-align:center;
}
#subscribe_container #client_type_selection_block .row div{
	vertical-align: middle;
	display:inline-block;   
	height: 200px;
	line-height: 200px;
	cursor: pointer;
	
}

.dotted-rounded{       
   border:  1px dotted #000;
   border-radius: 25px;
}
	

.space-container{
	width: 12.5%;
}
.subscription_block_half{
	width: 35%;
	max-width: 450px
}
.ou_block{
	text-align: center;
	font-size: medium;
	display: inline-block;
	font-size: 1.5625rem;
}

/* for fadding effect */
.hidden {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 1s, opacity 800ms linear;
}

.clear{
	display: block;
	clear:both;        
}

.renouvellement-selection{
	text-align:left;
	display:inline-block;
	margin:0 8px 0 0;
	float:left;
}

/******* Subscription images **********/
.subscription_number{
	position: relative;
	display: inline-block;
	margin: 50px auto;
	margin-top:0;
	width: calc(50% - 2rem);
}
.client_type_selection_block.selected .subscription_number{
	width: calc(25% - 2rem);
	margin:25px 0;
	margin-top:0;
}
.client_type_selection_block.selected .ou_block{
	font-size:1rem;
}
.subscription_number .img-btm{
	width:100%;
}
.subscription_number .img-top {
	display: none;
	opacity: 0.25;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width:100%;
	-webkit-transition: 1s ease; /* For Safari 3.0 to 6.0 */
	transition: 1s ease; /* For modern browsers */
}
.subscription_number:hover .img-top, #client_type_selection_block .client-selection {
	display:inline-block;
	opacity: 1;        
}


/***********************/

#mode_payments_imgs{
	text-align: center;
}
#mode_payments_imgs div,
.mode_payments_imgs div{
	display: inline-block;
	width: 50px;
	line-height: 100px;
	height: 100px;
   /* margin-left: 1px;*/
	vertical-align: middle;
	cursor: pointer;
	font-size: 0.875rem;
}
#mode_payments_imgs #IBAN{
	width: 80px;
	/*background: url("/<?php echo __ASSET_VERSION__;?>/images/forfaits/iban.png") no-repeat;*/
	background: url(/version-202001/images/forfaits/iban.png) no-repeat;
}
#mode_payments_imgs #CB, .mode_payments_imgs .paymentMethod_cb{
	width: 175px;
	/*background: url("/<?php echo __ASSET_VERSION__;?>/images/forfaits/creditcard.png") no-repeat;*/
	background: url(/version-202001/images/forfaits/creditcard.png) no-repeat;
}
.mode_payments_imgs .paymentMethod_paypal{
	width: 80px;
	/*background: url("/<?php echo __ASSET_VERSION__;?>/images/forfaits/paypal.png") no-repeat;*/
	background: url(/version-202001/images//forfaits/paypal.png) no-repeat;
}

.paymentWrap {
	padding: 5px;
}

.cb_block_inner_text {
	padding: 5px 0;
}

.hand_pointer{
	cursor: pointer;
	cursor: hand;
}

#enregistrement_panel_container .panel-body{
	min-height: 21.04em!important;
}

.personal_details_group .input-group.info_client_email_input_group:before,.personal_details_group .input-group.info_client_email_confirm_input_group:before{
	content: '';
	position: absolute;
	left: 10px;
	top: 10px;
	width: 32px;
	height: 34px;
	z-index: 4;
	/*background: url("/<?php echo __ASSET_VERSION__;?>/images/contact/email.svg") no-repeat;*/
	background: url(/version-202001/images/contact/email.svg) no-repeat;
	
}

.rio_info {
	transition: all 0.5s ease-in-out;
}

.subscription_number svg {
	vertical-align:middle;
}

.search-container{
	position: relative;        
	min-width: 588px;
	width: 6vw;
	margin: 0 auto;
	max-height: 1000px;
	z-index: 1;
	left: 0;
	right: 0;
	border: 1px solid #FFF;
	border-top: none;
	border-radius: 0 0 1em 1em;
	margin-top:2em;
}
.search-container:after{
	position: absolute;
	content: ' ';
	background: url("../../images/contact/arrow_down.svg") no-repeat;
	width: 21px;
	height: 12px;
	right: 10px;
	top: -5px;
	bottom: 0;
	transition:transform .3s 
}
.search-container:before{
	position: absolute;
	content: '';
	background: url("../../images/contact/search_icon.svg") no-repeat;
	width: 26px;
	height: 26px;
	left: 50px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.search-container:hover:before{
	z-index: 1;
	left: 13px;
	top: -11px;
}
.search-container > input.search-sav{
	min-width: 589px;
	height: 55px;
	border: 1px solid #707070;
	border-radius: 1.6em;
	margin-bottom: 30px;
	position: relative;
	left: -1px;
	top: -28px;
	padding:0 100px;
}
.search-container > input.search-sav:focus{
	outline-width: 0;
}
.search-container > input.search-sav::placeholder{
	text-align:center;
}
.search-container:hover{
	border: 1px solid #000;
}
.search-container:hover::after{
	transform:rotate(180deg);
}
.search-container:hover > #auto_address_list{
	max-height: 500px;
}
.search-container > #auto_address_list{
	background-color: #FFF;
	margin-top: -47px;
	border-radius: 0 0 1em 1em;
	max-height: 0px;
	overflow-y: scroll;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.search-container > #auto_address_list > div{
	padding: 10px;
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid;
	border-bottom-style: dashed;
	cursor:pointer;
}
.search-container > #auto_address_list > div:last-child {
	cursor:unset;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */

	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
}
.search-container > #auto_address_list > div:last-child{
	border-bottom: none;
}  
.search-container > #auto_address_list > div:hover {
	background-color: #ededed;
}

#address_manual_container{
	font-size:.8em;
	background-color:#f9f9f9
}

#address_manual_container form > div{
	font-size:.7em;
	flex: 0 calc(100% / 5);	
}
#address_manual_container form > div:first-child{	
	flex: 0 calc(100% / 3.1);	
}

#address_manual_container input,#address_manual_container input::placeholder{
	font-size: 1.1em;
}

#address_manual_container button{
	width:100%;
	font-size:1.1em;
}

@media  (max-width: 767px) {
	 .subscription_number{
		width:100%;
		padding: 0 1rem;
		margin:0 auto;
	 }
	 .client_type_selection_block.selected .subscription_number{
		width: 100%;
		/* width:calc(50% - 2rem); */
		padding: 0 1rem;
		margin: 0 auto;
	 }
	 .subscription_number:first-of-type{
		margin-top:3rem; 
	 }
	 .ou_block{
		 display:block;
	 }
	.subscription_block_half{
		width: 100%;
	}
	.search-container {
		min-width: 100%;
		width: 100%;
	}
	.search-container > input.search-sav {
			min-width: 100%;          
			left: 0;       
			padding: 0;

			font-size: .8em;
			text-align: center;
		
	}	
	/*.search-container > #auto_address_list > div {
		width:100%;
	}*/
	.search-container > input.search-sav {
		min-width: 100%;
		left: 0;
		padding: 0;
	}

	#address_manual_container form > div,#address_manual_container form > div:first-child{		
		flex: 0 100%;	
		padding: .3em;
	}
}