@charset "iso-8859-1";
/* CSS Document */

/* commander ------------ */

@keyframes afficheFidelite {
    0% {
        transform: translateY(200px) rotateY(180deg);
    }
    50% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(0px) rotateY(360deg);
    }
}


@keyframes cacheFidelite {
    0% {
        transform: translateY(0px) rotateY(180deg);
    }
    50% {
        transform: translateY(0px) rotateY(180deg);
    }
    100% {
        transform: translateY(0px) rotateY(180deg);
    }
}


.cacheBlocFidelite {
	animation: cacheFidelite 2s; 
	transition:all 0.5s ease 0s;
	transform:translateY(-1000px);
	right: -1000px !important;
	}

.afficheBlocFidelite {
	animation: afficheFidelite 2s; 
/*	transition:all 0.5s ease 0s;
	transform:translateY(0px); 
	transform: rotateY(180deg); */ 
	right: 50px !important;
	}


.blocFidelite {

display: flex;
align-content: center;
align-items: start;
flex-wrap: wrap;


position: fixed;
right: 50px;
top: 200px;
z-index: 1000;

background-color: rgb(255, 255, 255);
border: 4px solid #a3d500;
border-radius: 173px;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
height: 160px;
padding: 10px;
text-align: center;
width: 165px;
font-size: 1rem;
color: #000;
	}

.blocFideliteMob {
background-color: #a3d10e;
border-radius: 5px;
padding: 10px;
text-align: center;
color: #fff;
margin-top:10px;
	}
	
.blocFideliteTexte {
display: block;
line-height: 120%;
margin: auto;
padding: 0 5px;
	}

.blocFidelitePoints {
font-size:1.2em; text-align:center; padding:10px;margin: auto;
	}

	
.blocParrain {
margin: 20px 0;
border: 1px solid rgba(255,255,255,0.35);
background-color: rgba(255, 255, 255, 0.7);
padding: 20px;
border: 1px solid #ccc;
}
	

.mentionArt {
    margin-top: 16px;
    font-size: 0.7em;
    color: #FF6600;
}

.codeParainOK {background-color:#09F ; padding:4px 10px; font-size:0.9em;}
.codeParainKO {
	font-size:0.9em;
	background-color: #F99;
	padding:4px 10px; 
}
#repCodeParrain { color:#FFF; width:100%;}
#repCodeParrain p { color:#FFF !important}


/* mon compte ------------ */
zoneFidelite {

display: inline-flex;
float: right;
	}
	

.titreBlocCompte {
	margin: 0 !important;

}

.blocPoints {
border: 2px solid #bfb470;
float: right;
text-align: center;
margin-right: 5px;
}

.blocPointsTexte {
	display: block;
	font-size: 0.8em;
	line-height: 120%;
	margin-top: 20px;
	padding: 0 5px;
}

.blocPointsPoints {
	font-size: 1.2em;
	text-align: center;
	padding: 10px;
}

.blocPoints a {
display: inline-block;
background-color: #B3B3B3;
margin: 3px;
color: #fff !important;
font-size: 0.8em;
width: auto;
padding: 2px 8px;
border-radius: 5px;
}

.blocPoints a:hover {
	background-color: #c5c5c5;
	color:#fff !important;
	text-decoration:none !important;
	transition:all 0.25s ease 0s;
}

/* modale envoi code */

		#modalCheck{
			display: none;
		}
		.modalLayer{
			display: none;
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background-color: rgba(0, 0, 0, 0.5);
		}
		#modalCheck:checked + .modalLayer, #modalContent:target{
			display: block;
		}
		.popup_block{
			background: #fff;
			padding: 20px;
			border: 20px solid #ccc8b1;
			position: relative;
			margin: 10% auto;
			width: 40%;
			box-shadow: 0px 0px 20px #000;
			border-radius: 10px;
			text-align:left;
		}
		img.btn_close {
float: right;
margin: -55px -55px 0 0;
cursor: pointer;
right: 55px;
position: absolute;
padding: 5px;
		}
		.button{
			cursor: pointer;
display: block;
background-color: #9AAF01;
margin: 3px;
color: #fff !important;
font-size: 0.8em;
		}

#EnvoiCodeBtn {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #9AAF01;
color: #FFF !important;
font-family: Arial, Helvetica, sans-serif;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
width: 150px;
text-align: center;
margin-left: auto;
margin-right: auto;
border: 1px solid #FFF;
text-shadow: none;
cursor:pointer;
	}
	
table {}

.ptsOK { background-color: #C69A00;
border-radius: 3px;
padding: 0 5px;
color: #fff;}
.ptsKO { background-color: #888; border-radius:3px; padding: 0 5px; color:#fff;}