:root
	{
	--section-gauche		: 350px;
	--section-droit			: calc(var(--largeur) - var(--section-gauche));
	}
/*
 Pour formulaire
*/
p#qte
	{
	vertical-align	: middle;
	text-align		: center;
	width			: 15px;
	height 			: 34px;
	font-size 		: 22px;
	}
#table-choix
	{
	margin			: auto;
	display			: table;
	border-collapse	: separate;
	box-sizing		: border-box;
	text-indent		: initial;
	border-spacing	: 2px;
	border-color	: grey;
	}
#td-couleur
	{
	width		: 150px;
	text-align	: center;
	}
#td-prix
	{
	width		: 70px;
	text-align	: center;
	}
#td-quantite
	{
	text-align	: center;
	}
td#prix
	{
	text-align	: right;
	}
td#article-prix
	{
	text-align	: center;
	}

.carre
	{
	display		: inline-block;
	width		: 28px;
	height		: 28px;
	font-size	: 0;
	cursor		: pointer;
	border		: 1px solid #fff;
	}
.case-couleur
	{
	margin-left	: 3px;
	width		: 30px;
	height		: 30px;
	border		: 1px solid #CCC;
	float		: left;
  display: flex;
  justify-content: center;
	}
.text-prenom
	{
	box-shadow	: 0px 0px 3px black;
	border 		: 1px solid black;
	}
.btn
	{
	display			: block;
	width 			: 280px;
	}
.svg-payment
	{
    display			: inline-block;
    width			: 48px;
    height			: 32px;
    border			: 1px solid #e2e2e2;
    background		: #ffffff;
    border-radius	: 4px;
    text-align		: center;
    vertical-align	: middle;
	}
.center
	{
	text-align		: center;
	}

/*
 Fin formulaire
*/
/*
Table panier */


.row-titre
	{
	height 			: var(--cell-titre-h);
	}


ul
	{
	padding-top		: 5px;
	margin			: 0 auto;
 width: 300px;
	list-style		: none;
	}
li
	{
	padding-top		: 3px;
	}
input[type=radio]
	{
	padding-top		: 3px;
	display			: table-cell;
	vertical-align	: middle;
	height			: 25px;
	width			: 25px;
	}
.bouton-modif
	{
	background-repeat	: no-repeat;
	}
/*
Fin table panier
*/
/*
 Classes pour corps
  */
.detail-image
	{
	width			: calc(var(--section-gauche) - 2px);
	display			: flex;
	justify-content	: center;
	align-items		: center;
	margin			: auto;
	}
.section-gauche
	{
	float			: left;
	width			: var(--section-gauche);
	height			: 390px;
	}
.section-droit
	{
	float			: left;
	width			: calc(var(--section-droit) - 2px);
	height			: 410px;
	}
.svg-payment-icon
	{
	display			: inline-block;
	width			: 48px;
	height			: 32px;
	border			: 1px solid #e2e2e2;
	background		: #fdfdfc;
	border-radius	: 3px;
	text-align		: center;
	box-shadow		: 0 1px 0 rgb(226 226 226 / 20%);
	vertical-align	: middle;
	}
button span
	{
	display			: inline-block;
	vertical-align	: middle;
	text-align		: center;    
	}