@charset "iso-8859-1";

/*------------------*/
.container{
  padding-left: 0px;
  padding-right: 0px;
}

	div.status_box
	{
		/*position:relative;*/
		margin-left:auto;
		margin-right:auto;
		/*width:450px;*/
		text-align:center;
	}
	div.result_message
	{
		position:relative;
		margin-left:2px;
		margin-right:2px;
		margin-bottom:4px;
		padding:4px;
		text-align:center;
		background-color:#F9B2AD;
		font-weight:bold;
	}

	div.subscriptions_box
	{
		position:relative;
		margin-left:auto;
		margin-right:auto;
		width:540px;
		text-align:center;
	}

	tr.subscriptions_row_header
	{
		font-weight:bold;
	}

	tr.subscriptions_row
	{
		font-weight:normal;
	}

	div.credits_box
	{
		position:relative;
		margin-left:auto;
		margin-right:auto;
		width:500px;
		text-align:center;
	}

	div.memberships_box
	{
		position:relative;
		font-size: 12px;
	}
	div.memberships_box table
	{
		font-size: 12px;
	}
	.no a:link, .no a:visited {
		border: 1px solid #671d22;
		background: #671d22;
		color: #fff;
		padding: 1px 10px;
		margin: 0 10px;
		display: block;
		}
	.no a:hover, .no a:active {
		background: #fff;
		color: #671d22;
		}

	div.membership_line
	{
		position:relative;
		left: -80px;
		font-size: 12px;
	}
select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
option {
	padding: 0 10px 0 0;
	}
	
/*GG 27/5/15 */
	/*#inbox_newall {
		margin-left:-20px;
		margin-right:-10px;
		margin-top:-10px;
		position:relative;
		z-index:999999999;
		float:left;
		height:56px;
		width:31px;
		background:url(http://www.ouf2plaisir.ch/club-rencontre-libertin/media/images/bulle.png) no-repeat;
		background-position:0px 6px;
		padding-top:8px;
		text-align:center;
		color:#F1C807;
		font-weight:bold;
	}*/

  @media (min-width: 1201px) { /* PC */
    .pack_block{
      width: 50%;
    }
  }
  
	.pack_block{
		  /*GG height: 150px;*/
		  position: relative;
		  margin-bottom: 30px;
		  margin: auto;
	  }

	  .pack_block.special{
		  background-color: #efefef;
		  box-shadow: 0 5px 5px #ccc;
		  padding-bottom: 5px;
		  min-width: max-content;
	  }

	  .infoAbo{
		  margin: 10px;
		  border-radius: 20px;
		  background: #faded7;
		  padding: 10px;
	  }
	  .infoAbo a{
		  margin-top: 10px;
		  background: #a51800f5;
		  color: white;
	  }
	  .imgAbo{
		  margin: 6px 0;
	  }
		.imgAbo img{
			background: white;
			margin: 5px;
		}
	  .price_block{
		  box-shadow: 0 5px 5px #ccc;
		  /*GG height: 100px;
		  margin: 0 0 15px;
		  position: relative;
		  top: -50px; */
		  width: 100%;
	  }

	  .pack_block.special .price_block{
		  box-shadow: none;
	  }

	  .pack_block h2{
		  text-align: left;
		  margin-top: 10px;
		  margin-left: 10px;
		  padding-top: 12px;
		  text-transform: uppercase;
		  font-family: Helvetica , Arial, sans-serif;
	  }

		/*float: left;*/
	  .pack_block h2 em{
		  font-weight: normal;
		  font-size: 12px;
		  margin-right: 120px;
		  text-transform: none;
		  color: gray;
	  }

	  .pack_block p{
		  display: inline-block;
	  }

	  .pack_block p.percent-reduction{
		  border-radius: 10px 0 0 10px;
		  border-right: 2px solid #600600;
		  box-shadow: 0 0 3px #600600;
		  color: white;
		  font-size: 20px;
		  padding: 10px 0;
		  position: absolute;
		  right: 0;
		  text-align: center;
		  top: 0;
		  width: 80px;
		  background: #a51800; /* Old browsers */
		  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
		  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1MTgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MDA2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		  background: -moz-linear-gradient(top,  #a51800 0%, #600600 100%); /* FF3.6+ */
		  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a51800), color-stop(100%,#600600)); /* Chrome,Safari4+ */
		  background: -webkit-linear-gradient(top,  #a51800 0%,#600600 100%); /* Chrome10+,Safari5.1+ */
		  background: -o-linear-gradient(top,  #a51800 0%,#600600 100%); /* Opera 11.10+ */
		  background: -ms-linear-gradient(top,  #a51800 0%,#600600 100%); /* IE10+ */
		  background: linear-gradient(to bottom,  #a51800 0%,#600600 100%); /* W3C */
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a51800', endColorstr='#600600',GradientType=0 ); /* IE6-8 */
	  }

	  .pack_block strong {
		  color: darkred;
		  display: block;
		  font-size: 40px;
		  margin: 10px 10px 0;
		  text-align: left;
	  }

	  .pack_block strong small{
		  font-weight: normal;
		  font-size: 12px;
	  }

	  .pack_block strong em{
		  color: gray;
		  font-size: 12px;
		  font-weight: normal;
		  font-style: normal;
	  }

	  .pack_block label,
	  .btnPay{
		  background: #e6e6e6;
		  border-bottom: 1px solid #666666;
		  border-radius: 10px;
		  border-right: 2px solid #a6a3a6;
		  color: #992525;
		  cursor: pointer;
		  display: inline-block;
		  font-family: Arial;
		  font-size: 16px;
		  left: 0;
		  /*GG margin-top: 50px; */
		  margin: 5px;
		  padding: 10px 20px;
		  text-decoration: none;
		  /*GG width: 23%;*/
	  }

	  .btnPay submit{background:url(/checkout/images/bvr.gif) no-repeat;} /*GG*/

	  .pack_block label input{
		  display: none;
	  }

	  .pack_block p{
		  font-size: 10px;
	  }

	  div.membership_line{
		  left: 0 !important;
      text-align: center;
	  }

	  div.memberships_box, div.membership_line{
		  width: 100% !important;
	  }
	  
	  .pack_block.special > input {
 	      margin: 10px 0;
	  }
    
    .memberships_box{
      text-align: center;
    }

	.btnFirst{
		background-color: #eba0a0;
	}

.aboChoice{
	display: none;
}

#btnChoice h3{
	padding: 0;
	font-weight: bold;
	font-size: 20px;
	padding: 5px 0px;
}

#btnChoice .btnChoice:hover{
	background: #b5b5b5;
}

.selectTypeAbo input{
	width: 100%;
	background: #c7a5a0f5;
	font-weight: bold;
	border-color: #997878;
	border-style: solid;
}

.selectTypeAbo img{
	margin: 0 2px;
}

.blockCertification{
	text-align: left;
	display: flex;
	flex-direction: column;
	font-size: 15px;
}

.blockCertification div{
	margin-bottom: 10px;
}
.iconInfo {
	font-size: 20px;
	background: #0d49a3;
	padding: 0px 8px;
	border-radius: 5px;
	color: white;
	font-weight: bold;
}
/*
.info-text {
	animation: 0.3s ease-in 0s both running openMic;
}
*/
.info-text {
	max-height: 0;
	overflow: hidden;
	padding: 0 10px;
	border: 1px solid #ccc;
	background-color: #e0e6f5;
	border-radius: 4px;
	opacity: 0;
	transition: max-height 0.5s ease, opacity 0.5s ease;
}

.info-text.show {
	max-height: 100px; /* Ajustez cette valeur en fonction de la hauteur du contenu */
	opacity: 1;
	padding: 10px;
}

@keyframes openTextInfo {
	from {
		height: 0px
	}
	to   {
		height: 50px;

	}
}