/* --- Basic --- */

* { margin: 0 auto; padding: 0; }
* { box-sizing: border-box; }
* { border-radius: 0; }

@font-face { font-family: 'Questrial'; font-style: normal; font-weight: 400; src: local('Questrial'), local('Questrial-Regular'), url(include/app.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
body { font-family: "Questrial", sans-serif; font-size: 16px; background: #000000; }

a:link, a:visited, a:hover, a:focus, a:active { color: #019892; text-decoration:none; }


																				/* --- Mise en page --- */

#container { max-width: 411px; text-align: center; color: #f8fff8;}


																				/* --- Fond & menu --- */
.fond {
	position: fixed;
	z-index: -3;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.backmenu {
	position: fixed;
	z-index: 80;
	top: 12px;
	right: 7px;
	height: auto;
	min-width: 90px;
	padding: 10px 10px 10px 10px;
	font-size: 20px;
	line-height: 20px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	border-radius: 5px 5px 5px 5px;
	background-color: rgba(135, 131, 133, 0.8);}
.hamb { height: 16px; vertical-align: middle; }

																				/* --- Block du bas --- */
.zonebas {
	position: fixed;
	z-index: 3;
	bottom: 0;
	left: 0;
	width: 100%;
}
.info {
	max-width: 290px;
	text-align: left;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.infomini {
	display: block;
	font-size: 20px;
}
.infobig {
	display: block;
	margin: 2px 0px 30px 0px;
	font-size: 28px;
}
.infocolor { color: #f1dca5; }

input:focus, select:focus, textarea:focus { outline: none !important; }
.inputa, select, textarea, .boutcentral {
	height: 46px;
	margin-bottom: 8px;
	font-size: 20px;
	line-height: 48px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 5px 5px 5px 5px;
	border: 0px;
	color: #f8fff8;	background-color: rgba(197, 158, 119, 0.8);}
.inputa:-moz-placeholder { color: #f8fff8; }
.inputa::-webkit-input-placeholder { color: #f8fff8; }
.inputa { 
	width: 280px;
	padding: 0px 5px 0px 12px;
}
.inputb {width: 250px;
	padding: 0px 16px 0px 16px;
	text-align: center;
}

.boutcentral { width: 250px; }

.infobastxt, .ifbtb {
	padding: 4px 0px 20px 0px;
	max-width: 250px;
	font-size: 14px;
	line-height: 16px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.ifbtb { padding: 12px 0px 12px 0px; }
.bcb { margin-bottom: 0px; }

.textareaesp {
	font-family: 'Questrial';
	padding: 12px 16px 0px 16px;
	height: 90px;
	font-size: 20px;
	line-height: 25px;
}





																				/* --- Liste de produit ( à vérifier code beurk ) --- */
.bandeimage {
	position: relative;
	z-index: 5;
	min-height: 120px;
	width: 100%;
}
.epuise {
	position: absolute;
	z-index: 50;
	bottom: 0px;
	right: 10px;
	width: 60px;
	height: 58px;
	font-size: 20px;
	line-height: 58px;
	color: #ffffff;
	overflow: hidden;
}
.bandetel {
	position: absolute;
	z-index: 50;
	bottom: 8px;
	right: 4px;
	width: 60px;
	height: 60px;
	padding: 10px 0px 0px 0px;
	border-radius: 30px 30px 30px 30px;
	background-color: rgba(4, 199, 4, 0.8);
}
.bandetelb {
	position: absolute;
	z-index: 50;
	bottom: 5px;
	right: 7px;
	width: 50px;
	height: 50px;
	padding: 10px 0px 0px 0px;
	border-radius: 25px 25px 25px 25px;
	background-color: rgba(135, 131, 133, 0.4);}
.bandenoire {
	position: absolute;
	z-index: 8;
	bottom: 0;
	width: 100%;
	height: 58px;
	background-color: rgba(0, 0, 0, 0.6);
}
.bandetxtb {
	position: absolute;
	z-index: 18;
	bottom: 0;
	width: 100%;
	color: #ffffff;
}
.epuisegau {
	height: 58px;
	font-size: 20px;
	line-height: 58px;
	color: #ffffff;	display: block;
	z-index: 18;
	padding-left: 10px;
	text-align: left;	
	overflow: hidden;
}
.bandecentre {
	display: block;
	z-index: 18;
	min-width: 90%;
	padding: 0px 10px 7px 10px;
	text-align: left;
	font-size: 18px;
}
.jaune { font-size: 22px; font-weight: 700; color: #fff15f; }
.jaunemini { font-size: 14px; line-height: 22px; }
.vert { color: #2dfd2d; }






																				/* --- Découverte --- */

.img { display: block; max-width: 100%; vertical-align: middle; }
p.txxt {
	max-width: 86%;
	text-align: left;
	padding: 10px 0px 10px 0px;
	line-height: 20px;
	color: #592902;
}
.txtbig { display: block; font-size: 22px; padding: 14px 0px 14px 0px; }
p.bas { padding-bottom: 20px; }



																				/* --- Menu --- */

.titre { padding-top: 50px; font-size: 20px; }
.menubouton {
	display: inline-block;
	margin: 3px 3px 3px 3px;
	padding: 12px 0px 8px 0px;
	min-height: 50px;
	width: 90px;
	font-size: 14px;
	line-height: 14px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 5px 5px 5px 5px;
	border: 0px;
	background-color: rgba(197, 158, 119, 0.8);}
.txtmini { font-size: 13px; }
.menuespace { padding-top: 8px; }
.filtrerouge { background-color: rgba(253, 3, 3, 0.6); }









.parrain { font-size: 20px; font-weight: 700; }





#faqa, #faqb, #faqc, #faqd, #faqe, #faqf, #faqg, #faqh, #faqi, #faqj, #faqk, #faql, #faqm, #faqn {
	display: none;
	max-width: 86%;
	text-align: left;
	padding-bottom: 10px;
	color: #438a02;
}





																				/* --- Equipe --- */

.txtbl { padding: 10px 0px 20px 0px; color: #592902; }
.round { padding: 20px 20px 0px 20px; line-height: 20px; color: #592902; }
.roundedImage {
	overflow:hidden;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	height: 90px;
	width: 90px;
	margin-bottom: 10px;
}







																				/* --- Votre compte --- */

.bouton { max-width: 250px; text-align: center; overflow: hidden; }
.boutgauche, .boutdroit {
	float: left;
	width: 130px;
	border-radius: 5px 0px 0px 5px;
	text-align: center;
}
.boutdroit {
	float: right;
	width: 120px;
	border-radius: 0px 5px 5px 0px;
	background-color: rgba(162, 112, 69, 0.8);}
.boutcentransp {
	border: 1px dashed;
	color: #592902;
	background-color: rgba(255, 255, 255, 0.1);
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
}





.framephoto { max-width: 250px; max-height: 46px; margin-bottom: 8px; }





.boutmia { width: 212px; text-align: center; }
.boutmib { width: 70px; }
table {
	border-spacing: 6px;
	border-collapse: separate;
	width: 80%;
}
td {
	border-radius: 5px 5px 5px 5px;
	height: 60px;
	min-width: 90px;
	max-width: 90px;
	vertical-align: middle;
	padding: 8px;
	word-wrap: break-word;
	color: #f8fff8;	background-color: rgba(197, 158, 119, 0.8);}
.tablefont { font-size: 22px; }
.infobastxttd { margin-top: 6px; margin-bottom: 20px; }


.boutond { width: 282px; text-align: center; overflow: hidden; }






																				/* --- Citizy à changer --- */

.blancq { background: #ffffff; text-align: center; color: #000000; }
hr { height: 2px; width: 80%; color: darkgrey; }

.framezex { height: auto; width: 100%; text-align: center; }
#frameze { min-height: 190px; max-width: 100%; }

.infoq { max-width: 80%; padding-top: 12px; margin-bottom: 8px; }
.infow { max-width: 80%; padding-top: 8px; margin-bottom: 8px; }
.big { display: block; font-size: 25px; padding: 0px 0px 4px 0px; }

.infomenudiv { min-width: 100%; font-size: 14px; }
.infomenuspan { min-width: 20%; float: left; }
.infomenuspanb { min-width: 20%; float: left; margin-top: 6px; margin-bottom: 8px; }
.infoicoo { vertical-align: top; }
.infocx { max-width: 80%; padding-top: 12px; margin-bottom: 8px; text-align: left; }
a.claa { color:#0aa302; }

.itiner { margin-top: 10px; line-height: 8px; }
.itinertxt { vertical-align: bottom; }
.bolddcolor { color: #1c9957; }





																				/* --- Citizy map --- */
#mymap { height: 500px; width: 100%; }

.mapp-point { max-width: 100px; font-size: 11px; }
.imgmap { width: 100px; margin: 6px 0px 6px 0px; }