.homeBloc_sam {
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0;
	text-align: left !important;
	font: 14px OpenSans, Arial, sans-serif;
}
.sp_popup_content .homeBloc_sam {
	padding: 20px;
}
.homeBloc_sam .icon-etoile-pleine {
    display: inline-block;
    font-size: 20px;
    margin: 4px;
}
.title_sam,	.homeTitle {
	font: 30px OpenSansCond, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #363636;
	margin: 1em 0;
}
.homeTitle {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
}
/* .homeTitle > span:nth-child(2) {
	flex: 1 auto;
	margin-left: 1em;
	height: 3px;
	background-color: #363636;
} */
.homeTitle::after {
	content: '';
	flex: 1 auto;
	margin-left: 1em;
	height: 3px;
	background-color: #363636;
}
/* #intro_sam {
	text-align:center;
}
#intro_sam img {
	width: 320px;
} */
.points_mobile_sam {
	font-size: 1.75em;
	padding: 0.5em 0;
}
#join_sam {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2em;
	border-bottom: 1px solid #e4e4e4;
}
#join_sam div {
	display: flex;
	align-items: center;
	font-family: OpenSansCond, Arial, sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
}
#join_sam .btn_sam {
	font-size: 0.8em;
}
.jauge_sam {
	position: relative;
	width: 100%;
	padding: 1em 0;
}
.jauge_sam_anim {
	height: 20px;
	border-radius: 4px;
	background-color: #c40030;
}
.jauge_sam_bg {
	width: 100%;
	height: 20px;
	border-radius: 4px;
	background-color: #e1e1e1;
	-moz-border-radius: 5px;
	box-shadow: inset 0 1px 2px #919191;
	-webkit-box-shadow: inset 0 1px 2px #919191;
	-moz-box-shadow: inset 0 1px 2px #919191;
}
.content_triangle_sam_jauge {
	display: flex;
	justify-content: space-evenly;
}
.content_triangle_sam_jauge > div:nth-child(1) {
	transform: translate(10px);
}
.content_triangle_sam_jauge > div:nth-child(2) {
	transform: translate(-10px);
}
.content_text_sam_jauge {
	display: flex;
	justify-content: space-around;
}
.content_text_sam_jauge {
	margin: -1em 0 1em 0;
}
.content_text_sam_jauge > div {
	text-align: center;
}
.triangle_sam {
 	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #e1e1e1 transparent transparent;
}
.sam_red {
	border-color: #c40030 transparent transparent;
}
.text_sam_jauge {
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: bold;
}
.bronze_text_sam {
	color: #9c9c9c;
}
.silver_text_sam {
	color: #ee8bac;
}
.gold_text_sam {
	color: #c30040;
}
.statut_text_sam {
	margin-bottom: 2%;
	font-size: 1.3em;
}
.how_text_sam{
	width: 70%;
	padding: 2em;
	font: 14px OpenSans, Arial, sans-serif;
}
.how_text_sam p{
	margin: 0 0 0 1.4em;
}
.title_how_sam {
	color: #c30040;
	font: bold 30px OpenSansCond, Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 3%!important;
}
.subtitle_how_sam {
	margin: 0.6em 0 0.35em 0;
	font: bold 17px OpenSans, Arial, sans-serif;
}
.how_sam_u {
	display: inline-block;
	min-width: 65px;
	text-transform: uppercase;
	font-weight: bold;
}
.rose {
	color:#c30040;
	font-family: OpenSans, Arial, sans-serif;
	font-weight: bold;
}
.btn_sam {
	display: inline-block;
  border-radius: 4px;
  background-color: #628f00;
  color: #ffffff;
	font-family: OpenSansCond, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.5em 1em;
  margin: 1em 0 1em 0;
  transition: background-color .4s ease-out .05s;
  -moz-box-shadow: 4px 4px 0px 0px #c0c0c0;
  -webkit-box-shadow: 4px 4px 0px 0px #c0c0c0;
  -o-box-shadow: 4px 4px 0px 0px #c0c0c0;
  box-shadow: 4px 4px 0px 0px #c0c0c0;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=134, Strength=0);
}
.btn_sam .icon-valider,
.btn_sam .icon-annuler {
	display: inline-block;
	font-size: 1.2em;
	margin-right: 0.2em;
	transform: translate(0,0.15em);
}
.btn_sam:hover {
  background-color: #363636;
}
#aussi_sam {
	display: flex;
	justify-content: center;
}
#aussi_sam p:first-of-type {
	font: bold 18px OpenSansCond, Arial, sans-serif;
	text-transform:uppercase;
}
.aussi_text_sam {
	width: 34%;
	margin-right: 10%;
	display: inline-block;
}
.aussi_text_sam p {
	text-align: justify!important;
}
#aussi_sam p {
	margin: 0;
}
#aussi_sam div:nth-of-type(2n+1) {
	margin-right: 2%;
}
#aussi_sam img {
	width: 75px;
	display: inline-block;
	overflow: hidden;
	min-height: 0;
	min-width: 0;
}
#aussi_sam i {
	font-size: 60px;
	color: #c30040;
}
/* AFFICHAGE DANS LE COMPTE */

#affiche #join_sam {
	flex-direction: column;
	align-items: stretch;
}
#affiche #how_sam {
	background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    background-color: #ef8a8e;
	justify-content: flex-start;
}
#affiche .how_text_sam {
	width: 55%;
}
#affiche .title_how_sam, #affiche #how_sam .rose  {
	color: #fff;
}

/* FIN AFFICHAGE DANS LE COMPTE */


/* cadre statut actif */
#sam_adv { position:relative; }
.sam_current_status { opacity: 1!important; }

#sam_status {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
}
#sam_status div {
	opacity: 0;
	box-sizing: border-box;
	box-shadow: 0 0 4px rgba(0, 0, 0, .5);
	border-radius: 4px;
	border: 1px solid #c0c0c0;
	width: 25%;
	height: 100%;
	background-color: rgba(180,180,180,.1);
}

#ligne1_sam {
	font: bold 20px OpenSansCond, Arial, sans-serif;
	text-transform: uppercase;
}
#avantages_sam {
	width: 100%;
	text-align: center;
}
#avantages_sam tr:nth-of-type(2n+2) {
	background-color: #f3f3f3;
}
#avantages_sam td {
	width: 25%;
	padding: 1%;
	border-right: 1px solid #cdcdcd;
}
#avantages_sam td:last-of-type {
	border-right: none;
}
#avantages_sam td:first-of-type {
	text-transform:uppercase;
}
#avantages_sam td:first-of-type > span {
	text-transform: lowercase;
	font-style: italic;
}
#avantages_sam img {
	width: 20px;
}
#ligne1_sam td div:nth-of-type(n+1) {
	width: 50%;
	margin: 0 auto;
	color: #fff;
}

#bronze_sam {
	background-color: #9c9c9c;
}
#silver_sam {
	background-color: #ee8bac;
}
#gold_sam {
	background-color: #c30040;
}

#how_sam {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-top: 3em;
	background-image: url(../images/spartoo-and-me_silhouette.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}
.popup_sam {
	font-size: 16px;
}
.form_sam {
	width: 70%!important;
	margin: auto;
	/*height:100px;*/
}
.btn-popup_sam {
	display: flex;
  justify-content: center;
  align-content: center;
  margin: 1em auto;
  align-items: center;
  border-radius: 3px;
}
#table_sam {
	position: relative;
	width: 100%;
}

/* FAQ */
.homeBloc_sam .faq {
	margin:40px auto;
	width: 80%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 1em;
}
.homeBloc_sam .faq > div {
	width: 45%;
	margin-bottom: 40px;
}
.homeBloc_sam .faq > div div:first-child {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 15px;
}

@media only screen and (max-device-width: 954px) {
	#join_sam,
	#join_sam div {
		display: block;
		text-align: center;
		font-size: 20px;
	}
	#join_sam img {
		max-width: 60%;
	}
	.homeBloc_sam {
		padding: 0 1em;
	}
	.points_mobile_sam,
	.statut_text_sam {
		font-size: 1.1em;
		margin: 1em 0;
	}
	.content_triangle_sam_jauge {
		font-size: 0.8em;
	}
	.content_text_sam_jauge {
		margin: 1em auto 0 auto;
	}
	.text_sam_jauge {
		font-size: 1em;
	}
	#table_sam {
		/* overflow-x: scroll; */
	}
	#sam_adv {
		width: 900px;
	}
	#how_sam {
		background: none;
	}
	.how_sam_u {
		display: block;
		margin-top: 0.5em;
	}
	.how_text_sam {
		width: 100%;
		padding: 0;
	}
	#how_sam .how_sam_text_explic {
		margin: 0 0 1em 1.4em;
	}
	#aussi_sam {
		flex-direction: column;
	}
	#aussi_sam > div {
		width: 100%;
	}
	#aussi_sam .aussi_text_sam {
		margin-bottom: 1.5em;
	}

	/* FAQ */
	.homeBloc_sam .faq {width: 90%; padding: 20px; font-size: 1.2em;}
	.homeBloc_sam .faq .title {padding-bottom: 20px; margin-bottom: 30px;}
	.homeBloc_sam .faq > div {width: 100%; margin-bottom: 30px;}
	.homeBloc_sam .faq > div div:first-child {font-size: 1.1em;}
}