/* Vert : #b6d905 - Bleu : #01acb0 - Marron : #432f22 */

:root{
	--yy: #432f22;
	--loyalty: #e07fff;
	--header: 75px;
	scroll-behavior: auto;
}

/* GLOBAL */
body {
	font: 400 0.95em 'Roboto', Sans-serif;
	/*color: #444;*/
	/*color: #634f42;*/
	color: #432f22;
	line-height: 1.5;
}
.container {
	max-width: 810px;
}
h1, h2, h3, h4, h5, h6, .h6 {
    color: #b6d905;
	margin: 0;
	font-weight: 700;
	/*font-family: 'Roboto';*/
}
a {
	text-decoration: none;
}
img {
	max-width: 100%;
	/*height: 100%;*/
}
p {
	margin: 0 0 15px;
}
ul {
	padding: 0;
}
a {
	color: #432f22;
}
/*a, a:hover, a:focus {
	color: #432f22;
}*/
.btn, a.btn, .btn:hover, .btn:active, input[type=submit] {
	/*background-color: var(--yy) !important;*/
	background-color: #01acb0;
	color: #fff !important;
	/*width: 100%;*/
	line-height: 35px;
	font-size: 0.95rem;
	/*padding: 0 0.75rem;*/
	padding: 0 1.5rem;
	/*font-size: 19px;*/
	border: none;
	/*font-weight: 600;*/
}
.ajax {
	cursor: pointer;
}
hr {
	border-top: solid 1px var(--yy);
	/*border-top: solid 1px #dee2e6;*/
}
/*input[type=text], input[type="text"]:focus, input[type="text"]:focus-visible {
	background-color: #fff;
	width: 100%;
	border: none;
	box-shadow: 0 0 2px #aaa;
	padding: 0 15px;
	height: 38px;
	outline: none;
}*/
.mobile-on {
	display: block !important;
}
.mobile-off {
	display: none !important;
}


/* HEADER */
header {
	background-color: var(--yy);
	position: fixed;
	top: 0;
	width: 100%;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	z-index: 10;
}
.header {
	height: var(--header);
	transition: height .3s;
}
.header.smaller {
	height: 55px !important;
}
.header .fa {
	color: #fff;
}
.header .fa-arrow-left {
	display: inline-block;
	width: 40px;
}
.logo img {
	/*width: 170px;*/
	height: 50px;
	transition: height .3s;
}
.header.smaller .logo img {
	height: 40px;
}

.header h1 {
	text-align: center;
	font-size: 1.5em;
	line-height: 1;
}
.header h1.product-title {
	font-size: 1.4em;
}
.header h1 .fa-gift {
	font-size: 0.7em;
	vertical-align: middle;
}

#toggle-nav {
	text-align: center;
	cursor: pointer;
}
.fa-bars, .fa-xmark, .fa-arrow-left, header .fa-brands {
	font-size: 22px;
	width: 40px;
	line-height: 40px !important;
}
.fa.fa-bars, .collapsed .fa.fa-xmark {
	display: none;
}
.collapsed .fa.fa-bars {
	display: block;
}



/* NAV */
.offcanvas-backdrop {
	z-index: 9;
}
#nav a {
	color: #fff;
}
#nav ul {
	padding: 0;
	list-style: none;
	font-family: 'Lato';
}
#nav ul li {
	border-bottom: dotted 1px rgba(255,255,255, 0.5);
}
#nav ul a {
	display: block;
	font-size: 1.05em;
	line-height: 1.8;
	font-weight: 600;
	text-decoration: none;
}
#nav ul li i {
	font-size: 0.95em;
	margin-right: 7.5px;
}
#nav ul li.d-flex i {
	margin-right: 5px;
}
#nav ul li.d-flex a {
	font-size: 0.95em;
}



/* FOOTER */
footer {
	background-color: var(--yy);
	color: #aaa;
	font-size: 0.95em;
}
footer h3 {
	font-size: 1.2em;
	line-height: 1.5;
	margin-bottom: 15px;
}
.payment-mode {
	background: linear-gradient(#606060, #000);
	text-align: center;
}
.payment-mode img {
	height: auto;
	max-height: 50px;
	background: linear-gradient(#fff, #e7e7e7);
	border-radius: 7.5px;
}
.payment-mode h4 {
	font-size: 0.9em;
	line-height: 1.1;
	font-weight: 700;
	color: #aaa;
}
footer section a {
	color: #aaa;
}
footer b {
	color: #fff;
}
footer ul {
	list-style: none;
	line-height: 32px;
}
footer p {
	line-height: 1.4;
}
footer .copyright {
	color: #fff;
	font-size: 0.9em;
}
footer .copyright a {
	color: #fff;
}
.links {
	text-align: center;
	line-height: 24px;
	margin-bottom: 30px;
}
footer .links a {
	color: #fff;
}

.timetable {
	list-style: none;
	padding-left: 0;
	line-height: 28px;
}
.timetable li.on {
	color: #fff;
}
.timetable span {
	display: inline-block;
	width: 50%;
}

footer .fa-brands, footer .fa-light, .taftaf-icon {
	color: #fff;
	margin-right: 15px;
	font-size: 19px;
	vertical-align: text-top;
}
.taftaf-icon {
	display: inline-block;
	width: 1.25em;
	text-align: center;
	vertical-align: bottom;
}



/* PAGE */
.page {
	padding-top: var(--header);
}
.page-content h1 {
	font-size: calc(1.4rem + 0.5vw);
	margin-bottom: 0.75rem;
}
.page-content h2 {
	font-size: calc(1.2rem + .3vw);
	color: #01acb0;
	margin-bottom: 0.5rem;
}
.page-content h3 {
	font-size: calc(1rem + .2vw);
	line-height: 1.25;
	color: #432f22;
	margin-bottom: 0.5rem;
}
.page-content ul {
	padding-left: 1.25rem;
}
.page-content a {
	color: #b6d905;
	text-decoration: underline;
}



/* HOME */
.home {
	background-color: #f7f7f7;
	/*color: #432f22;*/
	color: #230f02;
	border-top: solid 1px rgba(182, 217, 5, 0.35);
	border-bottom: solid 1px rgba(182, 217, 5, 0.35);
}
.home h1 {
	font-size: 1.4rem;
}

.pictograms {
	line-height: 1.25;
}
.pictograms .fa-light {
	font-size: 1.7rem;
	margin-bottom: 0.75rem;
}
.pictograms b {
	display: block;
	font-size: 1.1rem;
	color: #b6d905;
}
.pictograms div:nth-of-type(1), .pictograms div:nth-of-type(3) {
	border-right: solid 1px rgba(182, 217, 5, 0.35);
}
.pictograms hr {
	border-top: solid 1px rgba(182, 217, 5, 0.35);
	opacity: 1;
}

/* Vert : #b6d905 - Bleu : #01acb0 - Marron : #432f22 */
/* SPONSORS */
.sponsors h2 {
	border-bottom: solid 1px rgba(182, 217, 5, 0.35);
}
.sort a {
	color: #01acb0;
	border-radius: 2.5px;
}
.sort a.on {
	background-color: #01acb0;
	color: #fff;
}

h2.list-title  {
	font-size: 1.1rem;
	/*color: #432f22;*/
	color: #634f42;
	/*border-bottom: solid 1px rgba(182, 217, 5, 0.35);*/
}

ul.table-list li {
	padding: 0.25rem 0;
	font-size: 0.95em;
	line-height: 1.7;
	border-bottom: solid 1px rgba(182, 217, 5, 0.35);
}
ul.table-list li > div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
ul.table-list li > div:first-child, .operation-trees > div div:first-child {
	font-weight: bold;
}
ul.table-list li:first-child {
	border-top: solid 1px rgba(182, 217, 5, 0.35);
	font-weight: bold;
	color: #b6d905;
}
ul.table-list li:nth-child(even) {
	background-color: #f3f3f3;
}
.operation-trees > div {
	/*white-space: nowrap;*/
	border-bottom: solid 1px rgba(182, 217, 5, 0.35);
}
.operation-trees > div:last-child {
	border-bottom: none;
}
.operation-details, .operation-trees {
	display: none;
}
#filters .form-control {
	font-size: 0.9em;
	padding-left: 0.375rem;
	padding-right: 0.375rem;
}
.show-details, .show-trees {
	cursor: pointer;
}

.sponsors ul li {
	font-weight: bold;
	height: 60px;
	/*border-bottom: solid 1px rgba(0, 0, 0, 0.075);*/
	
}
.sponsors ul li:first-child {
	height: auto;
	/*background-color: #b6d905;*/
	/*color: #b6d905;*/
	border-top: none;
}
.sponsors ul.table-list li:nth-child(even) {
	/*background-color: #fff;*/
	background: linear-gradient(0.25turn, #fff, #f3f3f3 50%);
}
/*.sponsors ul.table-list li div:first-child {
	background-color: #fff;
}*/
.sponsors ul img {
	max-height: 45px;
}
.sponsors ul a {
	color: #444;
}
.sponsors ul li div:nth-child(3) {
	line-height: 1.2;
}
.sponsors ul span {
	font-weight: normal;
	font-size: 11px;
}

.campaigns {
	line-height: 1.05;
}
.campaigns > div {
	border-bottom: solid 1px rgba(182, 217, 5, 0.35);
}
.campaigns > div:last-child {
	border-bottom: none;
}
.campaigns img {
	max-height: 180px;
}
.campaigns b {
	display: block;
	font-size: 1.25rem;
	color: #b6d905;
}
.campaigns span {
	font-size: 0.8rem;
}

.highlight b {
	color: #b6d905;
	white-space: nowrap;
}


/* MAPS */
#map {
	/*height: 470px;*/
	/*height: 515px;*/
	width: 100%;
	height: calc(100vh - 170px);
	background-color: #eee;
	z-index: 5;
}

.leaflet-popup-content {
	line-height: 1.5;
}
.leaflet-popup-content b {
	color: #b6d905;
	display: inline-block;
	margin-bottom: 5px;
}


/* SPECIES */
.more {
	background-color: #f3f3f3;
	border-top: solid 1px rgba(182, 217, 5, 0.35);
	border-bottom: solid 1px rgba(182, 217, 5, 0.35);
}
.more h2 {
	font-size: 1.3rem;
}














/* PAGE MENU (+HOME) */
.list-item {
	display: block;
	position: relative;
	background-color: #f7f7f7;
	background-size: cover;
	width: 100%;
	padding-bottom: 100%;
}
.list-item > div {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.05);
	color: #fff;
	padding: 15px 0;
}
.list-item > div::after {
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
    content: '';
}
.list-item h1 {
    display: inline-block;
    vertical-align: middle;
	margin: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 21px;
	line-height: 1;
	text-shadow: 0 0 5px #000;
}
.col-4 .list-item h1 {
	font-size: 19px;
}
.list-item h1 p {
	font-family: "Lato",sans-serif;
	font-size: 15px;
	font-weight: normal;
	margin: 15px 0 0;
}

.list-item > div.hover {
	display: none;
	background-color: #e0001a;
}
.list-item:hover > div.hover {
	display: block;
}
.list-item > div.hover h2 {
	text-shadow: none;
}



/* PAGE CATEGORIE */
.category-product {
	height: auto;
	text-align: center;
	margin-bottom: 15px;
}
.description {
	position: relative;
}
.description div {
	display: none;
	position: absolute;
	background: linear-gradient(#fbfbfb, #f3f3f3);
	color: #424242;
	color: #000;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.25;
	border-radius: 2.5px;
	box-shadow: 1px 1px 1.5px rgba(0, 0, 0, 0.25);
}
.description.on div {
	display: block;
}
.category-product p {
	color: #727272;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	margin: 0;
}
.category-product h3 {
	position: relative;
	color: #000;
	font-size: 14px;
	line-height: 1.1;
	margin-bottom: 5px;
	height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.category-product .btn {
    font-size: 16px;
    padding: 6px 0;
	height: 40px;
	line-height: 28px;
}
/*.btn:active {
	color: var(--yy);
	background-color: #f7f7f7;
}*/
.loyalty-product p, .loyalty-disabled p {
	/*color: var(--loyalty);*/
	color: var(--yy);
}
.loyalty-product .btn {
	/*background-color: var(--loyalty) !important;*/
}
.loyalty-disabled h3 {
	color: #ccc;
}
.loyalty-disabled .btn {
	background-color: #ccc !important;
}
.loyalty-disabled .qty {
	background-color: #ccc;
}

.btn-rounded {
	border-radius: 2.5px;
}
.in-cart, .in-cart-options {
	box-shadow: 0 0 2px 1px #e0001a;
	border-radius: 2.5px;
	overflow: hidden;
}
.in-cart h3, .in-cart-options h3 {
	padding: 0 2.5px;
}
.in-cart .btn-rounded {
	border-radius: 0 0 2.5px 2.5px;
}
.quantity {
	position: absolute;
	top: 0px;
	right: 15px;
	background-color: #e0001a;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	width: 22px;
	text-align: center;
	border-radius: 50%;
}
.qty {
	background-color: #e0001a;
	color: #fff;
	line-height: 40px;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	display: none;
}
.no-option.in-cart .qty {
	display: block;
}
.qty .btn {
	width: 30%;
	float: right;
	border-radius: 0;
	border: none;
}
.qty .btn.minus {
	float: left;
}
.no-option.in-cart .no-qty {
	display: none;
}



/* RECHERCHE TAFTAF */
/*.search {
	float: left;
	margin-top: 47.5px;
	background-color: #fff;
	color: #bbb;
	font-weight: 500;
	line-height: 1;
	font-size: 19px;
	border: solid 1px #ff203a;
	border: solid 1px rgba(224, 0, 26, 0.35);
	border-radius: 4px;
	transition: margin .3s;
}
.search a, .search span {
	display: inline-block;
	padding: 7.5px 0;
	width: 40px;
	text-align: center;
}
.search img {
	height: 25px;
}*/

/*#search {
	display: none;
	display: inline-block;
	position: relative;
	line-height: 25px;
	vertical-align: middle;
}
#search input {
	display: inline-block;
	width: 160px;
	height: 37px;
	line-height: 37px;
	box-shadow: none;
	margin: 0;
	padding: 0 15px;
	font-size: 19px;
	color: #000;
	border: none;
}
#search input::placeholder {
	color: #bbb !important;
}
#logo {
	position: absolute;
	top: 10px;
	left: 66px;
	height: 21px;
}
#close-search {
	display: none;
	cursor: pointer;
}*/



/* PAGE PRODUIT */
h2.promess {
	display: block;
	color: #000;
	font-size: 15px;
	margin-bottom: 15px;
}
h2.promess a {
	color: #000;
}
.price {
	font-weight: 700;
	font-size: 15px;
	line-height: 2;
	border-bottom: dotted 1px #ddd;
}
.price.mb-1 {
	font-size: 14px;
}
.price span {
	float: right;
	color: #51575b;
}
.btn .fa-plus {
	font-size: 18px;
}




/* PAGE VALIDATION */
.payment {
	margin: 0;
	text-align: left;
	font-size: 13px;
}
#popup .payment {
	margin: 15px 0 0;
	text-align: left;
}
.payment label {
	margin-bottom: 0;
	width: 100%;
	padding: 7.5px;
	text-align: center;
	color: #51575b;
	font-weight: 700;
	border-radius: 3px;
}
.payment label.selected {
	background-color: #f6f6f6;
	box-shadow: 0 0 2px 1px #e0001a;
}
.payment label img {
	display: block;
	height: 20px;
	margin: 7.5px auto 5px;
}
.payment label[for=cash] img {
	height: 28.5px;
	margin: 2px auto;
}
/* Mise en avant de Wave et Maxit */
.payment label[for=wave] img, .payment label[for=maxit] img {
	height: 50px;
	margin: 7.5px auto 5px;
	border-radius: 7.5px;
}
.payment label[for=wave], .payment label[for=maxit] {
	font-size: 17px;
	color: #000;
}
.payment input[type=radio] {
	display: none;
}
.validate-button:disabled {
	background-color: #ddd;
}

.validate li .fa {
	color: #51575b;
	margin-left: 7.5px;
}
.connect-failure {
	background-color: #000;
	color: #fff;
	text-align: center;
	margin: 0;
}
.pending {
	/*margin-top: 15px;*/
	display: none;
}

.validate h2 {
	/*color: var(--yy);*/
	display: inline-block;
	margin-right: 15px;
	/*font-size: 20px;*/
}
.validate h4 {
	color: #000;
	font-size: 1.05em;
}
.cart h2 {
	display: block;
	color: #000;
	margin-right: 0;
}
.cart h3 {
	color: #000;
	font-size: 1.1em;
}
.validate .text-center h2 {
	margin-bottom: 7.5px;
}
.extra {
	background-color: #f7f7f7;
}
.extra img {
	margin: 7.5px;
	max-width: calc(100% - 15px);
	box-shadow: 0 0 15px #fff;
}
.validate-infos {
	background-color: #000;
	color: #fff;
}
.validate-infos h3 {
	text-align: center;
	line-height: 1.5;
}
.validate-infos h3 i.fa {
	margin-right: 7.5px;
}
.validate-infos h3 {
	font-size: 17px;
}
/*.validate h3, .validate h4 {
	color: #505050;
}*/
.validate h3 i.fa {
	color: #505050;
	margin-right: 7.5px;
}
.validate .ajax {
	display: inline-block;
}
.validate .ajax:hover {
	text-decoration: underline;
}
.row.delivery-line {
	margin-bottom: 0;
}
.validate ul {
	margin: 15px 0;
	list-style: circle;
}
.validate .back {
	color: #e0001a;
}
.validate .back:hover {
	text-decoration: underline;
}
section .validate a, .validate .ajax {
	color: #505050;
	/*text-decoration: underline;*/
}



/* TRACKER */
#tracker-bg {
	padding: 0;
	max-width: 800px;
	margin: auto;
	/*margin: -15px auto -7.5px;*/
	/*background: url(../images/tracker800.jpg) no-repeat center center;*/
	background: no-repeat center center;
	background-size: cover;
}
#tracker-bg > div {
	position: relative;
	padding: 105px 0;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 60px 60px rgba(255, 255, 255, 1) inset;
}
#order-amount {
	position: absolute;
	top: 10px;
	width: 100%;
	text-align: center;
	z-index: 2;
}
#order-amount h3 {
	color: #000;
}
#tracker {
	width: 240px;
	height: 240px;
	/*margin: 15px auto 60px;*/
	margin: auto;
	position: relative;
	background-color: rgba(255, 255, 255, 0.25);
	box-shadow: 0 0 7.5px 7.5px rgba(255, 255, 255, 1);
	border-radius: 120px;
}
.circle {
	width: 240px;
	height: 240px;
	border: solid 20px #e5e5e5;
	border-radius: 120px;
	position: absolute;
	box-shadow: 0 0 7.5px 7.5px rgba(255, 255, 255, 1) inset;
	z-index: 2;
}
.circle-right {
	clip: rect(0px, 240px, 240px, 120px);
}
.circle-left {
	clip: rect(0px, 120px, 240px, 0px);
}
.circle-red {
	top: 1px;
	left: 1px;
	width: 238px;
	height: 238px;
	border: solid 18px #e0001a;
	border-radius: 119px;
	clip: rect(0px, 238px, 238px, 119px);
}
#progress {
	clip: rect(0px, 119px, 238px, 0px);
}
#tracker .fa-angle-right {
	font-size: 48px;
	line-height: 20px;
	width: 20px;
	height: 20px;
	color: #fff;
	position: absolute;
	z-index: 9;
	text-shadow: -2px 0 0px #fff;
}
#tracker .start {
	width: 8px;
	height: 20px;
	background-color: #fff;
	position: absolute;
	left: 116px;
	z-index: 9;
}
#tracker h2 {
	/*display: none;*/
	position: absolute;
	top: 70px;
	left: 0px;
	width: 240px;
	margin: 0;
	text-align: center;
	font-size: 19px;
	line-height: 1.7em;
	color: #51575b;
	z-index: 11;
}
#tracker h2 span {
	display: block;
	font-size: 12px;
	line-height: 1.5em;
	width: 120%;
	margin-left: -10%;
}
#tracker h2 .fa {
	color: #51575b;
	font-size: 45px;
}
#tracker h2 .fa.fa-motorcycle, #tracker h2 .fa.fa-bicycle, #tracker h2 .fa.fa-fire {
	font-size: 50px;
	line-height: 42px;
}
#tracker h2 .fa.small {
	font-size: 21px;
	/*margin-left: 5px;*/
}
#tracker img {
	width: 185px;
	margin-top: -42.5px;
	border-radius: 92.5px;
	margin-bottom: 37.5px;
}
#tracker a {
	color: #51575b;
	text-decoration: none;
}
/*.testline {
	transform: rotate(90deg);
	height: 240px;
	width: 1px;
	top: 0;
	left: 50%;
	background-color: #000;
	position: absolute;
	z-index: 11;
}*/



/* RATING */
.rating strong {
	font-size: 16px;
}
#form-rating p {
	margin-bottom: 7.5px;
}
.rating .fa-star {
	color: #ddd;
	font-size: 26px;
	line-height: 32px;
	cursor: pointer;
}
.rating .fa-star.on {
	color: #ffea00;
}
.rating hr {
	border-top: solid 1px #f0f0f0;
}
#form-rating .btn {
	margin: 45px 0 30px;
}
#form-comment textarea {
	width: 100%;
	height: 90px;
	padding: 7.5px;
}
#form-comment .btn {
	margin: 30px 0;
}
.rating .fa-thumbs-up {
	color: #606060;
	font-size: 75px;
}


/* POPUP */
.modal-header {
	background-color: var(--yy);
}
.btn-close {
	filter: invert(100%);
}
.modal-body a, .modal-body a:hover, .modal-body a:focus {
	color: var(--yy);
}
.modal-body a.btn, .modal-body a.btn:hover, .modal-body a.btn:focus {
	color: #fff;
}
.modal-body h2 {
	color: #000;
	font-size: 1.125em;
}
.modal-body h3 {
	color: #000;
	font-size: 1.1em;
}
.modal-body h4 {
	color: #000;
	font-size: 1.05em;
}
.no-thanks {
	display: inline-block;
	margin: 15px 0 7.5px;
	cursor: pointer;
}



#option-sauce_2_ {
	display: none;
}

/* POPUP CART */
.cart {
	font-size: 0.85em;
}
.cart .fa-gift {
	font-size: 0.95em;
	margin-right: 5px;
}



/* POPUP LOGIN */
#remember {
	margin-right: 10px;
}
label[for=remember] {
	margin-bottom: 0px;
}

#correct {
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
}
#check-login {
	display: none;
}
#check-login .modal-body {
	padding-top: 0;
}

.switch {
	color: var(--yy);
	font-size: 19px;
/*	line-height: 45px;
	margin-top: 15px;*/
}
.switch i {
	font-size: 23px;
	/*margin-right: 15px;*/	
}
.switch i.fa-refresh {
	font-size: 18px;
	/*margin-left: 15px;*/
}
.switch .ajax {
	display: inline-block;
}



/* POPUP LIVRAISON */
.addresses h3 {
	color: var(--yy);
	text-align: center;
	padding-bottom: 7.5px;
	/*margin-bottom: 7.5px;*/
	font-size: 16px;
	opacity: 0.5;
	cursor: pointer;
}
.addresses h3.on {
	opacity: 1;
	border-bottom: solid 3px var(--yy);
}
.addresses p {
	font-size: 0.95em;
}
.reward {
	border: dashed 1px #51575b;
	font-size: 1.1em;
}
.reward .fa-gift {
	font-size: 1.05em;
}
/*.reward {
	margin: 0;
	text-align: left;
	font-size: 0.95em;
	padding: 7.5px 15px;
	border: dashed 1px #51575b;
	margin-bottom: 15px;
}*/
/*.validate .reward {
	font-size: 1em;
}*/
.reward i {
	margin-right: 5px;
}
.reward span {
	font-size: 0.8em;
}
.validate .reward a {
	/*font-size: 12px;*/
	color: var(--yy);
	/*text-decoration: underline;*/
}


/* POPUP PIN */
.pin h2 span {
	opacity: 0.5;
}
.modal-header .fa-regular {
	margin-left: 15px;
	font-size: 23px;
	vertical-align: top;
    line-height: 29px;
	width: 32px;
	text-align: left;
	opacity: 0.5;
}
.modal-header .pin h2 .fa-regular {
	opacity: 1;
}

#pin-panel {
	/*display: none;*/
}
.pin #pin-panel {
	display: block;
}
.pin .init-form {
	display: none;
}

.fa-big {
	font-size: 40px;
	margin: 7.5px 0 15px;
}

#pin-pass {
	display: none;
}
#bullets {
	line-height: 45px;
	font-size: 25px;
	margin: 7.5px 0 15px;
	/*color: var(--yy);*/
}
#bullets b {
	display: inline-block;
	width: 30px;
	opacity: 0.5;
}
#bullets.on-4 b, #bullets.on-3 b, #bullets.on-2 b:nth-child(2), #bullets.on-2 b:first-child, #bullets.on-1 b:first-child {
	opacity: 1;
}
#bullets.on-3 b:last-child {
	opacity: 0.5;
}

.pad {
	max-width: 450px;
	margin: auto;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
						supported by Chrome, Edge, Opera and Firefox */
}
.pad a {
	display: inline-block;
	width: 33.33%;
	/*line-height: 45px;*/
	line-height: 60px;
	font-size: 20px;
	/*font-weight: 600;*/
	vertical-align: top;
	color: var(--yy);
	cursor: pointer;
	transition: font-size 0.2s;
}
.pad a:active {
	font-size: 30px;
	transition: none;
}

/*.error {
	margin: 15px 0;
	text-align: left;
}*/
/*.error p {
	color: var(--yy);
	margin-bottom: 7.5px;
}*/

/* POPUP GEOLOC */
.geolocation {
	font-size: 0.95em;
}
.geolocation .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 10;
	display: flex;
}
.geolocation .mask p {
	margin: auto;
	color: #424242;
}
/*.geolocation label {
	vertical-align: top;
}*/
/*#map {
	height: 600px;
}
.geolocation #map {
	margin: 15px 0;
	height: 360px;
	background-color: #f7f7f7;
	display: flex;
}
.geolocation #map p {
	margin: auto;
}
.map-container {
	position: relative;
}
.geolocation #map .btn {
	background-color: #727272;
	width: auto;
}*/


/* BACK TO TOP */
#totop {
	position: fixed;
	z-index: 8;
	right: -40px;
	bottom: 0px;
	width: 40px;
	line-height: 40px;
	background-color: var(--yy);
	color: #fff;
	text-align: center;					
	/*opacity: 0.5;*/
	cursor: pointer;
	text-decoration: none;
	border-radius: 2.5px 0 0 0;
	-webkit-transition: right 0.4s ease 0s;
			transition: right 0.4s ease 0s;
}
#totop i {
	color: #fff;
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	vertical-align: top;
	-webkit-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;
}
#totop.visible {
	right: 0px;
}
#totop.gone {
	right: -40px;
}

/* Couleurs   : Rouge : #e0001a */