/* CSS Document */

body
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background-color:#E5E4E4;
		font-size:10px;
	}
	
a
	{
		text-decoration:none;
		color:#000000;
	}
	
a:hover
{
	text-decoration:underline;
}

img
{

	border:0px;
}

table
	{
		border:0px;
		padding:0px;
		margin:0px;
	}
	
	tr
	{
		padding:0px;
		margin:0px;
		border:0px;
	}
	
	td{
		font-size:10px;;
		vertical-align:top;
		padding:0px;
		margin:0px;
		border:0px;
	}
	
.gros_txt
{
	font-size:11px;
}

/* ----------- DIV PRINCIPAL ------------- */
#back
{
	position:absolute;
		 top:0px;
		 left: 50%; 
		 width: 786px;
		 height:100%;
		 margin-left: -393px; /* half of the width */
		 padding:0px;
		 background-color:#E5E4E4;
		 overflow:visible;
		 background-image:url(images/back_contenant.gif);
		background-repeat:repeat-y;
}
#contenant
	{
		 position:absolute;
		 top:0px;
		 left: 50%; 
		 width: 785px;
		 margin-left: -393px; /* half of the width */
		 padding:0px;
		 background-color:#FFFFFF;
		 overflow:visible;
		 background-image:url(images/back_contenant.gif);
		background-repeat:repeat-y;
     }
#contenant div
{
	padding:0px;
	margin:0px;
	border:0px;
	width:785px;
	float:left;
	overflow:hidden;
	
}

/* ----------- FIN DIV PRINCIPAL ------------- */

/* ------------------DEFAULT.HTM-------------- */
.langue a
{
	text-align:center;
	font-size:18px;
	color:#000000;
	text-decoration:none;

	font-family:Arial, Helvetica, sans-serif;
}

.langue a:hover
{
	text-decoration:underline;
}
/* ------------------FIN DEFAULT.HTM-------------- */

/* ----------- MENU ------------- */

#menu
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:32px;
	overflow:hidden;
}

#menu td
{
	width:85px;
	vertical-align:middle;

	padding-right:6px;
}



#menu a
	{
		font-weight:bold;
		text-decoration:none;
		color:#000000;
	}
	
#menu a:hover
{
	text-decoration:underline;
}
/* ----------- FIN MENU ------------- */ 

/* ------------ PRIX ET BOUTON AJOUTER DES ITEMS ---------------- */ 
#info
{
	width:421px;
	height:16px;
	color:#FFFFFF;
	font-weight:bold;
}

#info tr
{
text-align:center;
}

#info td
{
	text-align:center;
	vertical-align:middle;
}

#ajouter
{
	background-color:#525252;
	cursor:pointer;
	border-left:solid 2px #FFF;
	text-align:left;
	vertical-align:middle;
	background-image:url(images/panier.gif);
	background-repeat:no-repeat;
	background-position:right;
}

/* ----------- FIN PRIX ET BOUTON AJOUTER DES ITEMS ------------- */ 
.titre
{
	font-size:12px;
	font-weight:bold;
}
 
.centre
	{
	 	width:740px;
		text-align:center;
	}
	
.centre a
{
font-size:11px;
font-weight:bold;
}
	
.fournisseur
{
	font-weight:bold;
}

.fournisseur a
{
	font-size:11px;
	font-weight:bold;
}

.gauche
	{
	 	width:100%;
		text-align:left;
	}
	
/* ------------------------------------COMMANDE ---------------------------------------- */
#titre_com
{
	width:416px;
	height:43px;
	background-color:#FFFFFF;
}

#titre_com td 
{
	
	background-repeat:no-repeat;
}
.com_barre /*barre du haut de la page de commande */
{
	width:323px;
	background-image:url(images/commande/votre_com.gif);
	background-repeat:no-repeat;
}

.com_barre1_1 /*barre du haut de la page de commande */
{
	width:35px;
	background-image:url(images/commande/etape1_1.gif);
}

.com_barre2_1 /*barre du haut de la page de commande */
{
	background-image:url(images/commande/etape2_1.gif);
	width:35px;
}

.com_barre3_1 /*barre du haut de la page de commande */
{
	background-image:url(images/commande/etape3_1.gif);
	width:35px;
}

.com_barre1_2 /*barre du haut de la page de commande */
{
	background-image:url(images/commande/etape1_2.gif);
	width:35px;
}

.com_barre2_2 /*barre du haut de la page de commande */
{
	background-image:url(images/commande/etape2_2.gif);
	width:35px;
}

.com_barre3_2 /*barre du haut de la page de commande */
{
	background-image:url(images/commande/etape3_2.gif);
	width:35px;
	
}

.com_barre2_3 /*barre du haut de la page de commande */
{
	background-image:url(images/commande/etape2_3.gif);
	width:35px;
}

.titre_panier /*Image avec titre */
{
	color:#3B3B3B;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:10px;
	padding-top:8px;
}

#liste_barre /*barre du haut de la liste de commande */
{
	height:20px;
	width:535px;
	background-image:url(images/commande/back_titre.gif);
	border:solid 1px #A9A9A9;
}

#liste_barre td
{
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#liste_items
{
	width:535px;
	background-color:#EBEBEB;
	border:solid 1px #A9A9A9;
	border-bottom:solid 1px #3B3B3B;
}

#liste_items td
{
	color:#3F3F3F;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#btn_commande /*BOUTONS DE LA COMMANDE ÉTAPE 1 */
{
	width:535px;
}

#btn_commande td
{
	width:175px;
	height:14px;
	background-image:url(images/commande/back_btn.gif);
	background-repeat:repeat-x;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #272727;
	border-top:solid 1px #D9D9D9;
	border-bottom:solid 1px #262626;
	cursor:pointer;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px
}

#table_taxes /*tableau avec les taxes et le grand total*/
{
	width:535px;
	background-color:#B2B2B2;
	border:solid 1px #A9A9A9;
	border-bottom:solid 1px #BEBEBE;
}

#table_taxes td
{
	color:#3F3F3F;
	font-size:10px;
	text-align:left;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:14px;
}

#barre_formulaire /*barre du haut de l'étape 2 de commande */
{
	height:20px;
	width:535px;
	background-image:url(images/commande/back_titre.gif);
	border:solid 1px #A9A9A9;
}

#carre_formulaire /* carré autour du formulaire  */
{
	border:solid 1px #A8A8A8;
	
	width:535px;
}

#carre_formulaire td
{
padding-left:25px;
padding-top:15px;
padding-bottom:15px;
}

#table_form /*table du formulaire  */
{
	width:485px;
}

#table_form td
{	
	font-size:12px;
	color:#3B3B3B;
	text-align:left;
	vertical-align:middle;
	height:30px;
	padding:0px;
	border:none;
	margin:0px;
}

.champs
{
	width:100%;
}

#table_info /*table qui reprend les informations de l'utilisateur */
{
	width:535px;
}

#table_info td
{
	font-size:12px;
	color:#3B3B3B;
	text-align:left;
	vertical-align:middle;
	height:20px;
	padding:0px;
	border:none;
	margin:0px;
	font-weight:bold;
}

.avertissement
{
	color:#FF0000;
}

.tablepadding
{
width:760px;
}
.tablepadding td
{
padding-left:20px;
padding-right:20px;
}