.menuLien
	{
	box-sizing:border-box;
	padding:15px 20px;
	background-color:rgb(50,50,50);
	background:transparent;
	display:inline-block;
	font-size:13px;
	line-height:18px;
	color:white;
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
	transition:all .2s ease-in;
	margin:0;
	vertical-align:middle;
	cursor:pointer;
    position: relative;
	}
	.menuLienActif:after
	{
	content: "";
	display: block;
	border: 9px solid #fff;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -12px;
	}
	.c-hamburger
	{
	vertical-align:middle;
	position:relative;
	width:15%;
	overflow:hidden;
	margin:0;
	padding:0;
	width:40px;
	height:48px;
	text-indent:-9999px;
	border:none;
	background-color:transparent;
	cursor;pointer;
	}
	.c-hamburger span 
	{
	display:block;
	position:absolute;
	top:24px;
	left:10px;
	right:10px;
	height:2px;
	background:#fff
	}
	.c-hamburger span::after, .c-hamburger span::before 
	{
	position:absolute;
	display:block;
	left:0;
	width:100%;
	height:2px;
	background-color:#fff;
	content:""
	}
	.c-hamburger span::before 
	{
	top:-6px
	}
	.c-hamburger span::after 
	{
	bottom:-6px
	}
	.c-hamburger--htx span 
	{
	-webkit-transition:background 0s .3s;
	transition:background 0s .3s
	}
	.c-hamburger--htx span::after, .c-hamburger--htx span::before 
	{
	-webkit-transition-duration:.3s, .3s;
	transition-duration:.3s, .3s;
	-webkit-transition-delay:.3s, 0s;
	transition-delay:.3s, 0s
	}
	.c-hamburger--htx span::before 
	{
	-webkit-transition-property:top, -webkit-transform;
	transition-property:top, transform
	}
	.c-hamburger--htx span::after 
	{
	-webkit-transition-property:bottom, -webkit-transform;
	transition-property:bottom, transform
	}
	.c-hamburger--htx.is-active span 
	{
	background:0 0
	}
	.c-hamburger--htx.is-active span::before 
	{
	top:0;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
	}
	.c-hamburger--htx.is-active span::after 
	{
	bottom:0;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg)
	}
	.c-hamburger--htx.is-active span::after, .c-hamburger--htx.is-active span::before 
	{
	-webkit-transition-delay:0s, .3s;
	transition-delay:0s, .3s
	}
	.boutonOuvrir
	{
	width:20px;
	padding:10px;
	cursor:pointer;
	}
	.listeRecherche
	{
	font-size:13px;
	border:1px solid rgb(150,150,150);
	margin:1px;
	transition:border-color .2s ease-in;
	width:10%;
	padding:7px 10px !important;
	border-radius:2px;
	}
	.listeRecherche:focus
	{
	border:2px solid;
	border-color:#3498db;
	margin:0;
	}
	.listeExtractionBouton
	{
	background-color:white;
	border:1px solid #3498db;
	border-radius:2px;
	font-size:13px;
	color:#3498db;
	cursor:pointer;
	padding: 7px 10px;
	display:inline-block;
	transition:all .2s ease-in;
	box-sizing:border-box;
	}
	.listeExtractionBouton:hover
	{
	border:1px solid #3498db;
	color:white;
	background-color:#3498db;
	}
	.listeTable
	{
	width:100%;
	background-color:white;
	border-collapse:collapse;
	}
	.listeSelectionnee > td
	{
	background-color:white !important;
	}
	.listeSelectionnee > td:first-child
	{
	border-left:10px solid #3498db !important;
	}
	.listePrecommande > td
	{
	background-color:rgb(250, 250, 250) !important;
	color:rgb(180,180,180) !important;
	}
	.listePrecommande > td a
	{
	color:rgb(180,180,180) !important;
	}
	.listePrecommande > td a *
	{
	color:rgb(180,180,180) !important;
	}
	.listeDetails > td
	{
	font-size:14px;
	color:white;
	padding:5px 10px;
	background-color:#B4C8FF;
	}
	.listeObjet > td
	{
	padding:10px;
	font-size:13px;
	border-bottom:1px solid rgb(245,245,245);
	background-color:white;
	color:rgb(130,130,130);
	}
	.listeObjet:hover > td
	{
	background-color:rgb(240,240,240);
	color:black;
	}
	.listeObjet:hover > td > .listeLien
	{
	color:black;
	}
	.listeLien
	{
	display:block;
	font-size:13px;
	color:rgb(130,130,130);
	}
	.listeLien:hover
	{
	text-decoration:underline;
	}
	.listeBoutonActif
	{
	font-size:12px;
	padding:3px 5px;
	background-color:#2dcc70;
	color:white;
	border-radius:3px;
	}
	.listeBoutonInactif
	{
	font-size:12px;
	padding:3px 5px;
	background-color:#F62459;
	color:white;
	border-radius:3px;
	}
	.listeCategorie
	{
	font-size:10px;
	padding:3px 5px;
	background-color:rgb(150,150,150);
	border:1px solid white;
	color:white;
	border-radius:3px;
	display:inline-block;
	}
	.listeStatutVert
	{
	vertical-align:middle;
	font-size:10px;
	padding:3px 5px;
	background-color:#1abc9c;
	color:white;
	border-radius:3px;
	display:inline-block;
	}
	.listeStatutOrange
	{
	vertical-align:middle;
	font-size:10px;
	padding:3px 5px;
	background-color:#e67e22;
	color:white;
	border-radius:3px;
	display:inline-block;
	}
	.listeStatutRouge
	{
	vertical-align:middle;
	font-size:10px;
	padding:3px 5px;
	background-color:#F62459;
	color:white;
	border-radius:3px;
	display:inline-block;
	}
	.listeStatutOrange
	{
	vertical-align:middle;
	font-size:10px;
	padding:3px 5px;
	background-color:#f68224;
	color:white;
	border-radius:3px;
	display:inline-block;
	}
	.listeStatutGris
	{
	vertical-align:middle;
	font-size:10px;
	padding:3px 5px;
	/* background-color:rgb(150,150,150); */
	background-color:rgb(210,210,210);
	color:white;
	border-radius:3px;
	display:inline-block;
	}
	.listeBoutonDetail
	{
	font-size:12px;
	padding:2px 10px;
	border:1px solid #3498db;
	background-color:white;
	color:#3498db;
	border-radius:3px;
	transition:all .2s ease-in;
	}
	.listeBoutonDetail:hover
	{
	background-color:#3498db;
	border:1px solid #3498db;
	color:white;
	}
	.listeImage
	{
	max-height:30px;
	max-width:30px;
	}
	/*######################## Page d'accueil ########################*/
	.moduleAccueil
	{
	
	}
	.statistiquesPrincipalesAccueil
	{
	width:900px;
	margin:20px auto 0 auto;
	box-sizing:boder-box;
	display:flex;
	padding:10px;
	text-align:left;
	}
	.partieAccueil
	{
	width:900px;
	margin:20px auto 0 auto;
	box-sizing:boder-box;
	flex-grow:1;
	padding:10px;
	text-align:left;
	background-color:white;
	box-shadow: 0px 0px 2px rgb(150,150,150);
	border-radius:3px;
	}
	.statistiquesAccueil
	{
	flex-grow:1;
	margin:10px;
	padding:10px;
	border:1px solid rgb(200,200,200);
	background-color:white;
	text-align:left;
	}
	.partieAccueil > h1
	{
	font-size:16px;
	color:rgb(100,100,100);
	font-weight:normal;
	padding:0 5px 10px 5px;
	margin:0;
	vertical-align:middle;
	}
	.partieAccueil > h1 > span
	{
	vertical-align:middle;
	}
	.voyantVertAccueil
	{
	font-size:30px;
	line-height:18px;
	color:#1abc9c;
	margin-right:10px;
	}
	.voyantRougeAccueil
	{
	font-size:30px;
	line-height:18px;
	color:#F62459;
	margin-right:10px;
	}
	.voyantBleuAccueil
	{
	font-size:30px;
	line-height:18px;
	color:#3498db;
	margin-right:10px;
	}
	.partieAccueil > h2
	{
	font-size:14px;
	color:rgb(80,80,80);
	font-weight:normal;
	margin:0;
	}
	.partieAccueil > table
	{
	display:block;
	width:100%;
	max-height:300px;
	overflow-y:scroll;
	border-collapse:collapse;
	margin:0;
	padding:0;
	}
	.commande
	{
	background-color:rgb(250,250,250);
	border-bottom:5px solid white;
	}
	.commande > td
	{
	padding:5px;
	color:rgb(150,150,150);
	}
	.commande > td > div
	{
	font-size:13px;
	color:rgb(150,150,150);
	}
	.commande > td > div > input
	{
	max-width:100px;
	padding:5px;
	border:1px solid grey;
	font-size:12px;
	}
	.commandeLien
	{
	font-weight:bold;
	font-size:13px;
	color:rgb(130,130,130);
	}
	.commandeImageLivraison
	{
	height:30px;
	}
	.boutonAccueilExpedier
	{
	font-size:12px;
	color:#1abc9c;
	padding:5px;
	border:1px solid #1abc9c;
	background-color:transparent;
	cursor:pointer;
	border-radius:2px;
	transition:all .2s ease-in;
	}
	.boutonAccueilExpedier:hover
	{
	color:white;
	background-color:#1abc9c;
	}
	.boutonAccueilAnnuler
	{
	font-size:12px;
	color:#F62459;
	padding:5px;
	border:1px solid #F62459;
	background-color:transparent;
	cursor:pointer;
	border-radius:2px;
	transition:all .2s ease-in;
	}
	.boutonAccueilAnnuler:hover
	{
	color:white;
	background-color:#F62459;
	}
	.boutonActionAccueil
	{
	margin-bottom:1px;
	font-size:11px;
	/* color:white; */
	/* background-color:#3498db; */
	border-radius:2px;
	display:inline-block;
	/* border:1px solid #3498db; */
	}
	.boutonActionAccueil > span
	{
	font-size:11px;
	padding:0 5px;
	min-width:80px;
	display:inline-block;
	color:#3498db;
	}
	.boutonActionAccueil > a
	{
	font-size:11px;
	color:#3498db;
	cursor:pointer;
	transition:all .2s ease-in;
	display:inline-block;
	padding:3px 5px;
	}
	.boutonActionAccueil > a > svg
	{
	height:15px;
	transition:all .2s ease-in;
	}
	.boutonActionAccueil > a > svg > path
	{
	transition:all .2s ease-in;
	fill:rgb(100,100,100);
	}
	.boutonActionAccueil > a > svg:hover > path
	{
	fill:#3498db;
	}
	.boutonsAccueilActionGlobale
	{
	text-align:right;
	}
	.boutonAccueilActionGlobale
	{
	font-size:12px;
	color:white;
	padding:5px;
	border:1px solid #3498db;
	background-color:#3498db;
	cursor:pointer;
	border-radius:2px 2px 0 0;
	transition:all .2s ease-in;
	color:white;
	display:inline-block;
	}
	.boutonAccueilActionGlobale:hover
	{
	color:#3498db;
	background-color:transparent;
	}
	.boutonAccueilActionGlobaleRouge
	{
	font-size:12px;
	color:white;
	padding:5px;
	border:1px solid #F62459;
	background-color:#F62459;
	cursor:pointer;
	border-radius:0 0 2px 2px;
	transition:all .2s ease-in;
	color:white;
	display:inline-block;
	}
	.boutonAccueilActionGlobaleRouge:hover
	{
	color:#F62459;
	background-color:transparent;
	}
	.statistiquesAccueil
	{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:900px;
	margin:20px auto 0 auto;
	box-sizing:boder-box;
	padding:10px;
	border:1px solid rgb(200,200,200);
	background-color:white;
	border-radius: 5px;
	box-shadow: 1px 1px 3px rgb(150,150,150);
	text-align:left;
	}
	.information
	{
	flex-grow:1;
	max-width:50%;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	}
	.information h1
	{
	font-size:16px;
	color:#3498db;
	margin:20px 0 0 0;
	font-weight:bold;
	}
	.information > p
	{
	font-size:12px;
	color:rgb(150,150,150);
	}
	.information > table
	{
	margin-top:10px;
	width:100%;
	text-align:center;
	}
	.informationTableGauche
	{
	text-align:left;
	font-size:12px;
	color:#3d566e;
	}
	.informationTableDroite
	{
	text-align:right;
	font-size:14px;
	color:#3498db;
	font-weight:bold;
	}
	.informationLogo
	{
	vertical-align:top;
	font-size:50px;
	color:#3498db;
	min-width:50px;
	line-height:50px;
	text-align:center;
	}
	.informationLogo > svg
	{
	height:50px;
	width:50px;
	}
	.informationLogo > svg > path
	{
	fill:#3498db;
	}
	.information > div
	{
	text-align:left;
	vertical-align:top;
	}
	.informationTitre
	{
	font-size:19px;
	color:#3498db;
	font-weight:normal;
	text-align:center;
	}
	.informationTexte
	{
	font-size:12px;
	color:#3d566e;
	text-align:center;
	}
	/*######################## Listes dans les modules ########################*/
	.tableauModule
	{
	width:100%;
	min-height:150px;
	max-height:200px;
	overflow-y:scroll;
	}
	.listeModule
	{
	width:100%;
	border-collapse:collapse;
	overflow-y:scroll;
	}
	.listeModuleDetails > td
	{
	font-size:13px;
	background-color:#cbd4de;
	color:white;
	}
	.listeModuleObjet > td
	{
	font-size:13px;
	border-bottom:1px solid #cbd4de;
	padding:2px 0 2px 0;
	color:rgb(100,100,100);
	}
	.listeModuleObjet > td > a
	{
	color:rgb(100,100,100);
	}
	/*######################## Présentation section ########################*/
	.titre
	{
	color:rgb(150,150,150);
	font-size:22px;
	font-weight:normal;
	text-align:left;
	margin:20px 0 20px 5%;
	padding-left:20px;
	}
	.chiffres
	{
	padding-top:20px;
	background-color:#d9dfe9;
	}
	.chiffres > h1
	{
	font-size:28px;
	color:white;
	font-weight:normal;
	}
	.chiffres > div
	{
	font-size:35px;
	color:rgb(150,150,150);
	}
	.chiffres > p
	{
	font-size:18px;
	margin:0 0 30px 0;
	border-top:1px solid #c9d4e6;
	display:inline-block;
	}
	.astuces
	{
	padding-top:20px;
	padding-bottom:20px;
	background-color:#cad0db;
	}
	.astuces > h1
	{
	font-size:28px;
	color:white;
	font-weight:normal;
	}
	.astuces > h2
	{
	font-size:30px;
	color:rgb(150,150,150);
	display:inline-block;
    margin:10px 10px 10px 0;
    width:50px;
    background:white;
    height:50px;
    text-align:center;
    border-radius:50px;
    line-height: 50px;
	font-weight:normal;
	}
	.astuces > p
	{
	font-size:18px;
	color:rgb(100,100,100);
	margin:0 0 30px 0;
	border-top:1px solid #c9d4e6;
	}
	
	.flecheBas 
	{
	position: relative;
	background:transparent;
	border-bottom:1px solid rgb(150,150,150);
	}
	.flecheBas:after, .flecheBas:before 
	{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	}
	.flecheBas:after 
	{
	border-color: rgba(50,50,50, 0);
	border-top-color: rgb(230,230,230);
	border-width: 19px;
	margin-left: -19px;
	}
	.flecheBas:before 
	{
	border-color: rgba(50,50,50, 0);
	border-top-color:rgb(150,150,150);
	border-width: 20px;
	margin-left: -20px;
	}
	.flecheBas2
	{
	position: relative;
	background:transparent;
	border-bottom:1px solid rgb(150,150,150);
	}
	.flecheBas2:after, .flecheBas2:before 
	{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	}
	.flecheBas2:after 
	{
	border-color: rgba(50,50,50, 0);
	border-top-color:#d9dfe9;
	border-width: 19px;
	margin-left: -19px;
	}
	.flecheBas2:before 
	{
	border-color: rgba(50,50,50, 0);
	border-top-color:rgb(150,150,150);
	border-width: 20px;
	margin-left: -20px;
	}
	/*######################## Outil SEO produit ########################*/
	.SEOaffichage
	{
	display:block !important;
	padding:10px;
	background:white;
	width:auto;
	}
	.SEOaffichageTitre
	{
	font-size: 18px;
	color: #1A0DAB;
	}
	.SEOaffichageUrl
	{
	font-size: 14px;
	color: #006621;
	}
	.SEOaffichageResume
	{
	color: #545454;
	font-size: 14px;
	}
	.SEODescription
	{
	min-height:150px !important;
	}
	/*######################## DoIt Bar ########################*/
	.doItBar
	{
	z-index:1;
	background-color:white;
	position:fixed;
	width:85%;
	text-align:left;
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-bottom:1px solid rgb(200,200,200);
	}
	.doItBar > h1
	{
	padding:15px 20px;
	text-align:right;
	display:inline-block;
	font-size:20px;
	font-weight:normal;
	margin:0;
	text-align:center;
	color:rgb(140,140,140);
	}
	.doItBar > div
	{
	display:flex;
	align-items:center;
	justify-content:space-between;
	}
	.doItBar > h1 > a
	{
	color:rgb(140,140,140);
	}
	.doItBar > h1 > span
	{
	color:rgb(80,80,80);
	}
	.boutonSauvegarder
	{
	margin-right:20px;
	background-color:#3498db;
	border:1px solid #3498db;
	text-align:center;
	cursor:pointer;
	color:white;
	font-size:14px;
	padding:10px;
	border-radius:3px;
	transition:all .2s ease-in;
	}
	.boutonSauvegarder:hover
	{
	background-color:white;
	color:#3498db;
	}
	.boutonStatut
	{
	margin:0 20px 0 0;
	background-color:#3498db;
	border:1px solid #3498db;
	text-align:center;
	cursor:pointer;
	color:white;
	font-size:14px;
	padding:8px 10px;
	border-radius:3px;
	transition:all .2s ease-in;
	}
	.boutonStatut:focus
	{
	color:white;
	background-color:#3498db;
	border:1px solid #3498db;
	border-radius:3px;
	}
	.boutonStatut:focus > option
	{
	border:none;
	outline:0px;
	}
	.boutonStatut > option
	{
	text-align:center;
	background-color:white;
	color:#3498db;
	display:block;
	margin:0;
	padding:5px;
	border:none;
	outline:0px;
	}
	.boutonStatut > option[class=statutVert]
	{
	color:#1abc9c;
	}
	.boutonStatut > option[class=statutOrange]
	{
	color:#f68224;
	}
	.boutonStatut > option[class=statutRouge]
	{
	color:#F62459;
	}
	.boutonStatut > option[class=statutGris]
	{
	color:rgb(150,150,150);
	}
	.boutonAjouter
	{
	margin-right:20px;
	border:1px solid transparent;
	text-align:center;
	cursor:pointer;
	font-size:14px;
	padding:5px 10px;
	border-radius:3px;
	transition:all .2s ease-in;
	background-color:transparent;
	color:#3498db;
	}
	.boutonAjouter:hover
	{
	border:1px solid #3498db;
	}
	.boutonAjouter > a
	{
	color:#3498db;
	font-size:14px;
	margin:0;
	padding:5px;
	display: inline-block;
	}
	.boutonListe
	{
	margin-right:20px;
	border:1px solid transparent;
	text-align:center;
	cursor:pointer;
	color:#3498db;
	font-size:14px;
	padding:5px 10px;
	border-radius:3px;
	transition:all .2s ease-in;
	}
	.boutonSupprimer
	{
	border:1px solid transparent;
	color:#F62459;
	padding:10px;
	text-align:center;
	cursor:pointer;
	font-size:14px;
	border-radius:3px;
	transition:all .2s ease-in;
	}
	.boutonSupprimer:hover
	{
	background-color:#F62459;
	color:white;
	}
	.flecheDoItBar
	{
	width:70px;
	vertical-align:middle;
	}
	.doItBarBasse
	{
	background-color:rgb(230,230,230);
	text-align:left;
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-top:1px solid rgb(200,200,200);
	border-bottom:1px solid rgb(200,200,200);
	padding:5px 0;
	margin-top:20px;
	}
	.doItBarBasse > h1
	{
	padding:15px 20px;
	text-align:right;
	display:inline-block;
	font-size:20px;
	font-weight:normal;
	margin:0;
	text-align:center;
	color:rgb(140,140,140);
	}
	.doItBarBasse > div
	{
	display:flex;
	align-items:center;
	justify-content:space-between;
	}
	/*######################## Modules ########################*/
	.modules
	{
	width:90%;
	padding-left:5%;
	padding-right:5%;
	}
	/*######################## Suivi commande ########################*/
	.suiviTableau
	{
	border-collapse:collapse;
	}
	.suiviTableau *
	{
	font-size:14px;
	color:rgb(150,150,150);
	}
	.suiviTitre
	{
	padding:10px 0;
	}
	.suiviDate
	{
	border-right:1px solid grey;
	border-bottom:1px solid grey;
	border-left:1px solid grey;
	border-top:1px solid grey;
	padding:5px 10px;
	}
	.suiviMessage
	{
	padding:5px 10px;
	border-right:1px solid grey;
	border-bottom:1px solid grey;
	border-top:1px solid grey;
	}
	/*######################## Commentaires ########################*/
	.commentaire
	{
	
	}
	.commentaire > h2
	{
	color:rgb(100,100,100);
	font-size:14px;
	margin:10px auto 0 auto;
	}
	.commentaire > h2 > svg
	{
	height:15px;
	width:15px;
	}
	.commentaire > h2 > svg > path
	{
	fill:rgb(150,150,150);
	}
	.commentaire > h2 > input
	{
	color:#F62459;
	padding:2px 3px;
	text-align:center;
	cursor:pointer;
	font-size:12px;
	border-radius:2px;
	transition:all .2s ease-in;
	border:1px solid transparent;
	background-color:white;
	}
	.commentaire > h2 > input:hover
	{
	border:1px solid #F62459;
	}
	.commentaire > p
	{
	padding:5px;
	color:rgb(100,100,100);
	font-size:14px;
	border-bottom:1px solid rgb(200,200,200);
	}
	.commentaire > a
	{
	color:rgb(180,180,180);
	font-size:12px;
	display:block;
	float:right;
	}
	.commentaire > a:hover
	{
	color:#3498DB;
	}
	/*######################## DoIt Bar ########################*/
	.totalTTC
	{
	display:block;
	font-size:16px !important;
	font-weight:bold;
	}
	/*###################### Color picker ########################*/
	.colorView
	{
	font-size: 16px;
	border: 1px solid #969696;
	padding: 5px 10px;
	color: #969696;
	margin:1px;
	cursor: text;
	border-radius: 1px;
	transition: border-color 0.2s ease-in 0s;
	box-sizing: border-box;
	cursor:default;
	}
	.colorView:focus
	{
	border: 2px solid #1ABC9C;
	margin:0;
	}
	div.colorpicker 
	{
	margin: 0;
	position: relative;
	}
	div.colorpicker canvas 
	{
	float: left;
	}
	div.colorpicker div.circle 
	{
	border-radius: 100%;
	position: absolute;
	top: 0;
	background-clip: padding-box;
	}
	div.colorpicker div.circle.alpha 
	{
	background-image: url('../medias/images/transparent.gif');
	opacity: 0.0;
	}
	div.colorpicker div.circle.lightness 
	{
	background-color: rgba(0,0,0,0.0);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	border: 1px solid #fff;
	margin: -1px 0 0 -1px;
	}
	div.colorpicker span.picker, div.colorpicker span.handle 
	{
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: rgba(0,0,0,0.4);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 4px #000 inset;
	border: 1px solid #fff;
	cursor: pointer;
	margin: -5px;
	position: absolute;
	z-index: 2;
	}
	div.colorpicker div.slider 
	{
	width: 6px;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 6px;
	border: 1px solid #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.2) inset;
	float: left;
	margin: -1px 0 0 10px;
	}
	div.colorpicker div.slider span.handle 
	{
	margin: -5px -2px -5px -2px;
	}
	div.colorpicker div.slider.lightness 
	{
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
	background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
	}
	div.colorpicker div.slider.alpha 
	{
	background: -webkit-linear-gradient(top, rgba(255,255,255,1.0), rgba(255,255,255,0.6)), url('../medias/images/transparent.gif') center;
	background: -moz-linear-gradient(top, rgba(255,255,255,1.0), rgba(255,255,255,0.6)), url('../medias/images/transparent.gif') center;
	background: linear-gradient(top, rgba(255,255,255,1.0), rgba(255,255,255,0.6)), url('../medias/images/transparent.gif') center;
	}
	div.colorpicker input.colorInput 
	{
	margin-top: 10px;
	border: 1px solid #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	background-color: #fafafa;
	border-radius: 3px;
	padding: 5px 8px;
	}
	/*######################## Prix HT / TVA / TTC ########################*/
	.float-label
	{
	width:100%;
	}
	.float-label .control 
	{
	float: left;
	position: relative;
	width: 100%;
	padding-top: 23px;
	padding-bottom: 10px;
	}
	.float-label .control.small 
	{
	width:25%;
	margin-right:15px;
	}
	.float-label input
	{
	display: block;
	width: 100%;
	margin-right:5px;
	box-sizing: border-box;
	border: 1px solid #969696;
	border-radius: 1px;
	margin: 1px;
	}
	.float-label input + label
	{
	position: absolute;
	top: 10px;
	transition: top 0.7s ease, opacity 0.7s ease;
	opacity: 0;
	font-size: 14px;
	font-weight: normal;
	color: #505050;
	}
	.float-label input:valid + label
	{
	opacity: 1;
	top: 3px;
	}
	.float-label input:focus + label
	{
	font-size: 14px;
	color: #505050;
	font-weight: normal;
	}
	.float-label input:focus 
	{
	border:2px solid #1abc9c;
	margin:0px;
	}
	/*######################## Caisse enregistreuse ########################*/
	.adresseUtilisateur
	{
	margin:10px;
	padding:10px;
	transition:all .2s ease-in;
	cursor:pointer;
	}
	.adresseUtilisateur:hover
	{
	margin:10px;
	padding:10px;
	background:rgb(240,240,240);
	}
	.adresseUtilisateur > p
	{
	font-size:14px;
	color:rgb(180,180,180);
	margin:0;
	text-align:center;
	}
	.adresseUtilisateur > p > input
	{
	cursor:pointer;
	}
	.adresseUtilisateur > div > p
	{
	font-size:14px;
	color:rgb(180,180,180);
	text-align:center;
	}
	.adresseUtilisateurChoix
	{
	margin:10px;
	padding:10px;
	background:rgb(240,240,240);
	}
	.adresseUtilisateurChoix > p
	{
	font-size:14px;
	color:#1abc9c;
	margin:0;
	text-align:center;
	}
	.adresseUtilisateurChoix > p > input
	{
	cursor:default;
	}
	.adresseUtilisateurChoix > div > p
	{
	font-size:14px;
	color:#1abc9c;
	text-align:center;
	}
	.listeProduits
	{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	}
	.listeProduits > p
	{
	font-size:14px;
	color:#969696;
	text-align:center;
	width:100%;
	}
	.ficheProduit
	{
	flex-grow:1;
	padding:10px;
	margin:10px;
	border:1px solid rgb(200,200,200);
	font-size:10px;
	box-sizing:border-box;
	position:relative;
	text-align:center;
	}
	.ficheProduit:hover
	{
	background: url('../medias/images/triangle.gif') right top no-repeat;
	background-size:25px;
	border:2px solid #1abc9c;
	margin:9px;
	}
	.ficheProduit > h1
	{
	font-size:14px;
	text-align:center;
	font-weight:normal;
	color:rgb(150,150,150);
	vertical-align:middle;
	width:150px;
	display:inline-block;
	margin:0;
	}
	.ficheProduit > h1 > span
	{
	font-size:16px;
	font-weight:thin;
	margin:0;
	display:block;
	color:rgb(100,100,100);
	margin-top:10px;
	margin-bottom:10px;
	}
	.ficheProduitQtte
	{
	margin-bottom:10px;
	}
	.ficheProduitQtte
	{
	width:30px;
	padding:5px;
	padding:5px;
	border:1px solid rgb(150,150,150);
	border-radius:1px;
	box-sizing:border-box;
	font-size:11px;
	display:inline-block;
	text-align:center;
	transition:all .2s ease-in;
	}
	.ficheProduitAjouter
	{
	background-color: #1abc9c;
	border: 1px solid #1abc9c;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	font-size: 11px;
	padding: 5px 10px;
	border-radius: 3px;
	transition: all 0.2s ease-in 0s;
	display:inline-block;
	}
	.ficheProduitAjouter:hover
	{
	background-color:white;
	color:#1abc9c;
	}
	.ficheProduitImage
	{
	width:150px;
	height:200px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	}
	.ficheProduitImage > a > img
	{
	position:absolute;
	top:-200px;
	bottom:-200px;
	right:-200px;
	left:-200px;
	margin:auto;
	max-width:150px;
	max-height:200px;
	}
	.listePaiements
	{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	}
	.listePaiements > div
	{
	flex-grow:1;
	padding:10px;
	margin:10px;
	border:1px solid rgb(200,200,200);
	font-size:10px;
	box-sizing:border-box;
	position:relative;
	text-align:center;
	}
	.listePaiements > div:hover
	{
	background: url('../medias/images/triangle.gif') right top no-repeat;
	background-size:25px;
	border:2px solid #1abc9c;
	margin:9px;
	}
	.listePaiements > div > form
	{
	
	}
	.listePaiements > div > form > input
	{
	border:none;
	cursor:pointer;
	transition: all 0.2s ease-in 0s;
	}
	.listePaiements > div > form > input:hover
	{
	color:#1abc9c;
	}
	.listePaiements > div > a
	{
	color:rgb(150,150,150);
	transition: all 0.2s ease-in 0s;
	}
	.listePaiements > div > a:hover
	{
	color:#1abc9c;
	}
	.listePaiements > form
	{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	}
	.recapitulatifsCommande
	{
	display:flex;
	justify-content:space-around;
	flex-wrap:nowrap;
	}
	.recapitulatifCommande
	{
	padding:10px;
	margin:10px;
	background:rgb(230,230,230);
	box-sizing:border-box;
	}
	.recapitulatifCommande > h1
	{
	margin:0;
	background:white;
	font-size:14px;
	font-weight:normal;
	color:rgb(100,100,100);
	margin:-10px -10px 0 -10px;
	text-align:left;
	}
	.utilisateur
	{
	flex-grow:2;
	text-align:center;
	max-width:20%;
	}
	.utilisateur > p
	{
	font-size:14px;
	color:rgb(150,150,150);
	}
	.panier
	{
	flex-grow:3;
	box-sizing:border-box;
	max-width:50%;
	}
	.panier > table
	{
	overflow-y:scroll;
	border-collapse:collapse;
	}
	.panier > table > tr > td
	{
	vertical-align:middle
	}
	.panierImage > a > img
	{
	max-width:30px;
	max-height:30px;
	padding:5px;
	}
	.panierTexte
	{
	font-size:13px;
	color:rgb(150,150,150);
	}
	.panierSupprimer
	{
	font-size:13px;
	color:#3498DB;
	background-color:transparent;
	border:none;
	transition: all 0.2s ease-in 0s;
	cursor:pointer;
	}
	.panierSupprimer:hover
	{
	text-decoration:underline;
	}
	.livraison
	{
	flex-grow:1;
	text-align:center;
	}
	.livraison > p
	{
	font-size:14px;
	color:rgb(150,150,150);
	}
	.recapitulatif
	{
	flex-grow:2;
	text-align:center;
	}
	.recapitulatif > p
	{
	font-size:14px;
	color:rgb(150,150,150);
	}
	.recapitulatifVide
	{
	font-size:14px;
	color:rgb(150,150,150);
	text-align:center;
	}
	.recapitulatifVide > svg
	{
	margin:auto;
	display:block;
	width:30px;
	height:30px;
	}
	.recapitulatifVide > svg > path
	{
	fill:rgb(180,180,180);
	}
	.recapitulatifLien
	{
	font-size:12px;
	color:#3498DB;
	}
	.recapitulatifLien:hover
	{
	color:#3498DB;
	text-decoration:underline;
	}
	.recapitulatifImage
	{
	margin-top:10px;
	width:100px;
	max-height:100px;
	}
	.recapitulatifProduits
	{
	margin-left:-10px;
	margin-right:-10px;
	border-collapse:collapse;
	}
	.recapitulatifProduitsDetails > td
	{
	font-size:13px;
	background-color:#cbd4de;
	color:white;
	}
	.validationCommandeTitre
	{
	font-size:16px;
	color:rgb(130,130,130);
	font-weight:normal;
	}
	.validationCommande
	{
	width:500px;
	margin:auto;
	font-size:14px;
	color:rgb(150,150,150);
	}
	.validationCommande > p
	{
	font-size:14px;
	color:rgb(150,150,150);
	}
	.validationCommande > a
	{
	font-size:12px;
	color:#3498db;
	}
	.validationCommandeReussite
	{
	float:left;
	}
	.validationCommandeReussite > svg
	{
	height:30px;
	width:30px;
	}
	.validationCommandeReussite > svg > path
	{
	fill:#1abc9c;
	}
	.validationCommandeEchec
	{
	float:left;
	}
	.validationCommandeEchec > svg
	{
	height:30px;
	width:30px;
	}
	.validationCommandeEchec > svg > path
	{
	fill:#F62459;
	}
/* ======================= Paiements ==================== */
.paiementLogos > img
{
width:40px;
display:inline-block;
vertical-align:middle;
margin-right:10px;
}
.paiementLogos > input
{
display:inline-block;
vertical-align:middle;
margin:0;
}
.paiementNumero
{
margin:20px auto 10px auto;
}
.paiementNumero > input
{
font-size:16px;
border:1px solid grey;
box-sizing:border-box;
padding:5px;
color:grey;
width:300px;	
}
.paiementPorteur
{
margin:10px auto;
}
.paiementPorteur > input
{
font-size:16px;
border:1px solid grey;
box-sizing:border-box;
padding:5px;
color:grey;
width:300px;	
}
.paiementDate
{
margin:10px auto;
text-align:left;
width:300px;
}
.paiementDate > div > select
{
font-size:16px;
border:1px solid grey;
padding:5px;
color:grey;	
}
.paiementCarte
{
margin:20px auto;
text-align:left;
width:300px;
font-size:14px;
}
.paiementCarte > input
{
display:inline-block;
vertical-align:middle;
margin:0 5px 0 0;
}
.paiementCarte > p
{
display:inline-block;
vertical-align:middle;
margin:0;
color:grey;
}
.paiementCarte > img
{
width:50px;
float:right;
}
.paiementAutreCarte
{
display:block;
margin:5px auto;
text-align:center;
width:300px;
clear:both;
font-size:14px;
color:grey;
}
.paiementCrypto
{
margin:10px auto;
text-align:left;
width:300px;
font-size:16px;
}
.paiementCrypto > input
{
float:left;
margin:5px 5px 20px 0;
width:50px;
box-sizing:border-box;
font-size:16px;
border:1px solid grey;
padding:5px;
color:grey;
vertical-align:top;
}
.paiementCrypto > p
{
font-size:16px;
margin:5px 0 0 0;
}
.paiementCrypto > div
{
font-size:13px;
line-height:18px;
margin:5px 0 0 0;
vertical-align:top;
}
.paiementCrypto > div > img
{
float:right;
height:35px;
}
.paiementSouvenir
{
margin:20px auto 10px auto;
width:300px;
}
.paiementSouvenir > p
{
font-size:14px;
}
.paiementBouton
{
clear:both;
margin:10px auto;
padding:5px 10px;
text-align:center;
width:150px;
transition:all ease 0.2s;
cursor:pointer;
border:1px solid black;
font-size:13px;
}
.paiementBouton:hover
{
color:white;
background:black;
}

/*** Anim paiement ***/
.spinner-wave {
margin: 17px auto;
width: 100px;
height: 15px;
text-align: center;
}
.spinner-wave > div {
background-color: rgba(1,1,1,0.3);
height: 100%;
width: 6px;
margin:2px;
display: inline-block;

-webkit-animation: wave 1.2s infinite ease-in-out;
animation: wave 1.2s infinite ease-in-out;
}

.spinner-wave div:nth-child(2) {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}

.spinner-wave div:nth-child(3) {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}

.spinner-wave div:nth-child(4) {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}

.spinner-wave div:nth-child(5) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes wave {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}

@keyframes wave {
0%, 40%, 100% { transform: scaleY(0.4); }
20% { transform: scaleY(1.0); }
}
	/*######################## Caisse enregistreuse ########################*/
	.cadreEditeurVisuel
	{
	display:none;
	background-color:rgba(0,0,0,.2);
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:110;
	/* transition:all .4s ease-in; */
	}
	.editeurVisuel
	{
	position:fixed;
	display:none;
	margin:auto;
	background-color:white;
	padding:0 10px 10px 10px;
	max-width:600px !important;
	max-height:350px !important;
	z-index:120;
	}
	.editeurVisuelMessage
	{
	display:none;
	font-size:14px;
	color:rgb(150,150,150);
	}
	.editeurVisuelMessage > svg
	{
	height:14px;
	}
	.editeurVisuelMessage > svg > path
	{
	fill:rgb(150,150,150);
	}
	.editeurVisuelInfo
	{
	font-size:12px;
	color:rgb(150,150,150);
	padding:5px;
	margin:0;
	}
	.editeurVisuelTexte
	{
	
	}
	.editeurVisuelFermer
	{
	color:rgb(80,80,80);
	font-size:20px;
	cursor:pointer;
	}
	.editeurVisuelActions
	{
	text-align:right;
	}
	.editeurVisuelActions > div
	{
	display:inline-block;
	margin:0;
	}
/* ======================= Produits ==================== */
	.boutonAjouterCaracteristique
	{
	display:block !important;
	margin:auto;
	transition:all ease .3s;
	padding:20px 0;
	cursor:pointer;
	font-size:15px;
	}
	.boutonAjouterCaracteristique:hover
	{
	color:grey;
	}
	.boutonSupprimerCaracteristique
	{
	font-size:12px;
	cursor:pointer;
	}
	.etoiles > svg
	{
	height:15px;
	width:15px;
	}