table
{
/*    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
width : 98%; 
margin : auto;
    border-collapse: collapse;
	border: medium solid black;
}
td
{
    border: 1px solid black;
}

.references
{
display: inline-block;
/*	border: 1px solid black;*/
	    vertical-align: top;
		width:50%;
}
.panier
{
display: inline-block;
/*	border: 1px solid black;*/
	    vertical-align: top;
		width: 49%;
}		

#bouton
{
	margin-top: 10px;
	margin-bottom: 10px;
}

/*
table
{
width : 100%; 
margin : auto;
    border-collapse: collapse;
	border: medium solid black;
}
*/
#formulaire input[type="submit"]:hover
{
	background-color: #66CC33;
	cursor: pointer;
}

#formulaire input[type="submit"]
{
	float: right;
	margin-right: 10%;
}


body {
padding: 0;
font-family: Arial;/*---------------------------------------------->Correspond a la police d'écriture.<----------------*/
font-size: 18px;/*----------------------------------------------->Correspond a la taille de la police.<----------------*/
}
.bouton-effet {
/*margin-left: 25%;/*--------->Ajoutez cette valeur si vous n'utilisez pas de tableau, cela auras pour effet à décaler le bouton
 vers la droite.*/

padding: 0;
list-style-type: none;
}
.bouton-effet li {
margin: 0;
padding: 0;
width: 350px;/*--------------------------------------------------------------->Correspond a la largeur du bouton.<-------------------*/
}
.bouton-effet li a {
border: 3px outset #FFCC66;
border-radius: 30px;/*----------------->Ajoutez cette valeur si vous souhaitez avoir des bords arrondis.<-----------*/
margin: 0;
padding: 10px;/*--------------------------------->Marge espace entre la police et les bords du bouton.<----------------------*/
text-align: center;
text-decoration: none;
background-color: #00D020;/*-------------------------->Couleur de fond du bouton au départ.<--------------------------------*/
color: #000000;/*---------------------------------------------->Couleur de la police de départ.<------------------------------------*/
display: block;
}
.bouton-effet li a:hover {
border-style: outset;
background-color: #008000;/*------------------->Couleur de fond du bouton au survole de la souris<---------------------------*/
color: #FFFFCC;/*------------------------------------>Couleur de la police au survole de la souris.<-------------------------------*/
}

.bouton-effet li a:active {
border: 3px inset #777777;/*--------------------->Couleur de la bordure une fois le bouton cliquer.<----------------------------*/
width: 320px;
background-color: #005080;/*----------------------->Couleur de fond du bouton une fois cliquer.<---------------------------*/
color: #d40203;/*------------------------------------->Couleur de la police une fois le bouton cliquer.<-------------------------*/
}