/* CSS Document */
body {
font-family:'Astron';
color:#4a4a45;
}


.g-recaptcha div {
	margin:0 auto !important;
}
.g-recaptcha {
	/*padding-bottom:30px;*/
}
#loading_spinner {
	position:absolute;
	width:100%;
	height:100%;
	background-color: rgba(165, 164, 164, 0.7);
	background-image:url(/wp-content/spinner.gif);
	background-position: center;
	background-repeat: no-repeat;
	display:none;
}
.container_chemin {
width:100%;
text-align: center;
margin-bottom:20px;
height:46px;
}
#etapes {
height:46px;
width:100%;
padding:0px;
margin:0px;
border:solid 1px #f6f6f6 ;
}
#etapes p {
display:inline-block;
width:25%;
height:46px;
line-height:46px;
font-size:13px;
padding:0px !important;
margin:0px !important;
}
#etapes p a{
text-decoration:none;
color:#4a4a45;
}

#etapes p:last-child {
}

#etapes p.actif {
font-weight:bold;
background-image: url(img/etape-active.png);
background-position: center right;
background-repeat: no-repeat;
text-transform:uppercase;
font-size:15px;
}
#etapes p.actif span {
padding-right:10px;
}

#etapes p.actif:last-child {
	background-image:none;
	background-color: #f6f6f6;
}


#etapes p.etape_prev {
background-image: url(img/etape-prev.png);
background-position: center right;
background-repeat: no-repeat;
}

#etapes p.etape_prev_prev {
background-color: #ffe100 ;
background-image: none;

}

#etapes p.etape_prev a, #etapes p.etape_prev_prev a{
	font-weight:bold;
	color:#ffffff;
}

.container_eshop {
padding:30px 0px;
background-color: #f6f6f6;
min-height:500px;
}

.container_form {
	padding:50px;
}
.container_form .ligne_form {
height:90px;
width:49%;
display:inline-block;
padding-bottom:15px;
margin:0 auto;
vertical-align: top;
}


.libelle{
text-transform:uppercase;
font-weight:bold;
font-size:14px;
display:block;
padding-bottom:3px;
}
.champ input {
	padding:10px;
	border:none;
	width:90% !important;
	font-size:14px;
	color:#7f8385;
}

.container_submit input[type="submit"]{
    background-color: #ffe100 !important;
    color: #363f44;
    padding: 5px 15px !important;
    text-transform: uppercase;
    margin-left: 0px !important;
    margin-right: 0px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	font-family:"Astron";
	font-weight:bold;
	border:none;
	cursor:pointer;
	font-size:15px;
}

.container_submit .disabled {
	opacity:0.5;
}

.validation_errors {
	width:1000px;
	background-color: #ECBDBD;
	border:solid 1px #7B0406;
	color:#7B0406;
	padding:15px;
	margin:0 auto;
	margin-bottom:20px;

}

span.error {
/*display:block;
margin-bottom:5px;*/
font-size:12px;
font-weight:bold;
color:red;
}

.titre {
	text-transform: uppercase;
	padding-bottom:10px;
	font-size:22px;
	padding:0px 30px 10px 30px;
}

.separator {
	width:120px;
	height:2px;
	background-color: #f4d300;
	margin-bottom:15px;
	margin-left:30px;
	border:none !important;
}

.container_recherche {
	background-color:#ffffff;
	padding:10px;
	margin-bottom:25px;
	margin-left:30px;
	margin-right:30px;
}

.container_recherche input{
	border:none;
	border-bottom:solid 1px #000000;
	width:550px;
	font-size:15px;	
}

.container_articles {
	padding:30px;
}
.article_item {
	background-color: #ffffff;
	width:270px;
	float:left;
	margin:30px 29px;
	position: relative;

}
.article_item .sticker_1mois {
	position:absolute;
	right:-30px;
	top : -30px;
}
.article_item .titre {
	font-weight:bold;
	font-size:22px;
	text-align: left;
	padding-top:15px;
	height:50px;
}
.article_item.prepayer {
	border:solid 2px #ffe100;
}
.article_item.prepayer .titre {
	text-align: left;
}
.article_item .separator {
	width:120px;
	height:2px;
	background-color: #f4d300;
	margin:10px auto 10px auto;

}

.header_article {
	margin:0 10px 10px 10px;
	border-bottom:solid 1px #000000;
	padding:0 10px 10px 10px;

}
/*
.header_article span{
	display:block;
	font-weight:900;
	color:red;
}*/

.article_item .nom {
	text-transform: uppercase;
	padding-bottom:15px;
	font-size:22px;
}
/*
.article_item .conditions span:first-child {
	display:block;
	font-weight:700;
	padding-bottom:5px;
	font-size:22px;
}
.article_item .conditions span:last-child {
	display:block;
	padding-bottom:15px;
	font-size:12px;
	
}
*/
.article_item .frais_texte, .article_item .engagement_texte,  .article_item .mensualite_texte {
	padding:0px 15px;
	font-size:18px;
	line-height:31px;
	padding-top:20px !important;
}

.article_item .frais_texte span, .article_item .engagement_texte span,  .article_item .mensualite_texte span {
	color:#ffe100 ;
	font-size:26px;
	padding-right:5px;
	font-weight:bold;
}
.article_item .frais_montant,.article_item .engagement_montant,.article_item .mensualite_montant {
	padding:0px 40px !important;
	font-size:20px;
	font-weight:bold;
	padding-left:25px;
	line-height:22px;

}

.article_item .frais_montant {
	font-size:15px;
	font-weight:normal;
}
.article_item .engagement_texte {
	padding:0px 15px;
	font-size:16px;
	line-height:31px;
	padding-top:20px !important;
}

.article_item .mensualite_montant_1 {
	padding:0px 40px !important;
	font-size:16px;
	font-weight:bold;
	padding-left:25px;
	line-height:22px;
}


.article_item .mensualite_montant_2 {
	padding:0px 40px !important;
	font-size:15px;
	font-weight:normal;
	padding-left:25px;
	line-height:22px;
}


.article_item .mensualite_montant span {
	font-size:22px;
	font-weight:normal;
}

.article_item .frais {
	display:block;
	padding-bottom:15px;
	font-size:12px;
}

.article_item.alone {
	margin:0 auto !important;
	float:none;
}


.club_item {
	margin:0 30px 20px 30px;
	background-color: #ffffff;
	cursor:pointer;
}
.club_item.invisible {
	visibility :hidden;
	display:none !important;
}
.club_item .left {
	float:left;
	width:50%;
}
.club_item .right {
	float:right;
	width:50%;
}
.club_item .nom {
	text-transform: uppercase;
	font-weight:bold;
	font-size:17px;
	padding-left:20px;
	padding-top:25px;
}
.club_item .nom a{
	color:#4a4a45;
	text-decoration: none;
}
.club_item .separateur {
	margin-left:20px;
	height:2px;
	width:150px;
	margin-top:15px;
	margin-bottom:15px;
	background-color: #ED6E55 ;
	padding:0px !important;
	border:none !important;
}
.club_item .adresse {
	font-size:17px;
	padding-left:20px;
	padding-bottom:15px;
}

.club_item .right {
text-align: right;
height:150px;
overflow:hidden;
}

.club_item  .image {
max-height:150px;
}

#cta_suite {
	cursor:pointer;
	width:150px;
	margin:20px auto;
	background-color: #a11111 !important;
    color: #363f44;
    padding: 3px 5px !important;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 20px !important;
	text-align: center;
}


.container_texte_promo {
background-color: #ffffff;
padding:15px 40px;
}

.container_texte_promo .titre_promo{
	text-decoration:uppercase;
	font-weight:bold;
	font-size:22px;
}
.container_texte_promo .descriptif_promo{
	padding-top:20px;
	font-size:14px;
}

.container_cta_inscire {
	margin-top:20px;
	background-color: #a11111;
	padding:5px 0;
	text-align: center;
}

.container_cta_inscire input {
	background: none;
	border:none;
	font-weight:bold;
	fotn-family:"Astron";
	font-size:19px;
	color:#272d31;
	cursor:pointer;
}
.container_type_insc {
	background-color:#3b4449;
	padding:15px;
	color:#ffffff;
	font-size:12px;
	line-height:16px;

}

.message_final {
	padding:50px;
	text-align: center;
}

.civilite select {
	padding: 10px;
    border: none;
	width:100px !important;
    font-size: 14px;
    color: #7f8385;
	background-color: #ffffff;
}

.naissance select {
	padding: 10px;
    border: none;
    font-size: 14px;
    color: #7f8385;
	background-color: #ffffff;
}
.naissance select:last-child {
	padding: 10px;
    border: none;
    font-size: 14px;
    color: #7f8385;
}


.card_type select {
	padding: 10px;
    border: none;
    width: 90% !important;
    font-size: 14px;
    color: #7f8385;
}

.card_expire select {
	padding: 10px;
    border: none;
	width:100px !important;
    font-size: 14px;
    color: #7f8385;
}

.card_crypto input {
	width:100px !important;
}


@media (max-width:767px) {
	#etapes p {
		font-size:9px;
	}
	#etapes p.actif {
		font-weight: bold;
		background-image: url(img/etape-active.png);
		background-position: center right;
		background-repeat: no-repeat;
		text-transform: uppercase;
		font-size: 9px;
	}	
	.container_recherche {
	}
	#autocomplete_geoloc {
		width:220px;
		margin-top:20px;
	}
	.club_item .left {
		float:none;
		width:95%;
	}
	.club_item .right {
		float:none;
		width:100%;
		height:auto !important;
		text-align: center !important;
		padding-bottom:10px!important;
	}
	
	.container_form .ligne_form {
		width:100%;
	}
	
	.ligne_form.hide_on_mobile {
	display:none !important;
	}

}
@media (max-width:1200px) {
	.column_container_eshop  {
		width:auto!important;
	}
}
@media (max-width:1000px) {
	.section_container_eshop .section_inner {
		width:85% !important;
	}
	.column_container_eshop  {
		width:100%!important;
		margin:0px auto !important;
	}
	
	#etapes #cdf_step2.actif {
		font-size:7px;
	}
	
	.container_articles .article_item  {
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
	
	.container_eshop .container_form {
		padding:30px 15px;
	}
}

.input_info_age {
	padding:2px;
	margin-top:-5px;
	cursor:pointer;
	display:block;
	float:right;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background-color: #a11111;
	width:15px;
	height:15px;
	text-align: center;
	line-height:15px;
	margin-right:13px;
	margin-top:5px;
	font-size:10px;
}

.info_bulle_age {
	font-size:11px;
	display:block;
	background-color: #3b444b;
	color:#ffffff;
	padding:5px;
	position:absolute;
	line-height:12px;
	display:none;
}