/* CSS du Catalogue de Produits */

.titre_catalogue_commande{
	float: left;
	text-align: center;
	margin: 10px 170px 5px;
	font-size: 16px;
	font-weight:bold;
	clear:both;
}

.info {
	width: 500px;
	font-size:11px;
	color:#347dc2;
	margin:10px 0px;
}

.bouton{
	color:#333333;
	font-weight:bold;
	padding:5px;
	background-color:#E9E9E9;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-family:Arial, Helvetica;
	display:block;
	margin-right:5px;
	float:left;
}

.bouton:hover {
	cursor: pointer;
	background-color:#c6dea5;
}

#catalogue .c_body .c_produit.c_lien:hover {
	background-color: #FFFFCC;
	cursor: pointer;
}

input, select { font-family:Arial, Helvetica, sans-serif; }



/*************************************************************************/
/**************************** MESSAGES ***********************************/
/*************************************************************************/

#catalogue_erreur  {
	width:40%;
	padding: 10px;
	border: 1px solid #FF0000;
	background-color: #FFFFCC;
	text-align: center;
	clear:both;
	margin-top:4px;
}

#catalogue_message  {
	width: 600px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #00FF00;
	background-color: #F0FFF0;
	text-align: center;
}

#catalogue_notice  {
	width: 580px;
	margin: 5px 15px 0px;
	padding: 10px;
	border: 1px solid #FFD700;
	background-color: #FFFFDD;
	text-align: left;
}


/***************************************************************/
/********************* CATALOGUE EN TANT QUE TEL ***************/
/***************************************************************/

#catalogue {
	border: 1px solid;
}

#catalogue .c_head {
	float:left;
	text-align: center;
}

#catalogue .c_foot {
	padding-top: 5px;
	height: 25px;
	background-color: lightblue;
}

#catalogue .c_foot .bgp_contenant{
	height: 30px;
	text-align: center;
	
}

#catalogue .c_foot .bgp_contenant .bgp_lien{
	font-size: 0.9em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#626162;
}

#catalogue .c_foot .bgp_contenant .bgp_lien a{
	font-size: 0.8em;
	text-decoration: none;
	color:#626162;
}

#catalogue .c_body .c_produit:nth-child( even ){ background-color: #F4F4F4; }

#catalogue .c_body .c_produit {
	width: 780px;
	padding: 10px;
}

#catalogue .c_label { 
	font-weight: bold; 
}

#catalogue .c_nom_produit { 
	width: 480px;
	padding-left: 20px;
	float: left; 
}

#catalogue .c_nom_produit .c_entree{
	font-weight: bold; 
}

#catalogue .c_prix_total_produit,
#catalogue .c_prix_taux_produit,
#catalogue .c_prix_rabais_produit,
#catalogue .c_prix_taux_rabais_produit {
	display: none; 
}

#catalogue .c_prix_reduit_produit {
	width: 110px;
	float: right;
}

#catalogue .c_prix_reduit_produit .c_entree{
	width: 70px;
	height: 18px;
	float: right;
}

#catalogue .c_description_produit {
	width: 580px;
	height: 92px;
	float: left;
	padding-left: 20px;
	padding-top: 10px;
}

#catalogue .c_image_produit {
	width: 160px;
	height: 120px;
	float: left;
}

#catalogue .c_label { display: none; }



/***********************************************************************/
/**************************** RECHERCHE ********************************/
/***********************************************************************/

#catalogue_recherche {
	width: 304px;
	margin: 10px 238px;
	padding: 10px;
	border: 1px solid;
}

#catalogue_recherche .c_full_texte {
	width: 260px;
	height: 22px;
	float:left;
}

#catalogue_recherche .c_full_texte .c_label {
	margin-right: 10px;
}


/**************************************************************************/
/*********************** DETAIL DU PRODUIT *******************************/
/**************************************************************************/

#catalogue_detail {
	border: 1px solid;
}

#catalogue_detail .c_controls {
	width: 350px;
	height: 120px;
	float:right;
	clear:none;
	padding:4px;
	font-size: 0.9em;
}

#catalogue_detail .c_controls .c_retour {
	float:right;
}

#catalogue_detail .c_controls .c_ajouter {
	position: absolute;
	bottom: 0;
	left: 100px;
}

#catalogue_detail .c_controls .c_quantite_panier.c_label {
	position: absolute;
	bottom: 63px;
	left: 115px;
}

#catalogue_detail .c_controls .c_quantite_panier.c_entree {
	position: absolute;
	bottom: 60px;
	left: 195px;
}

#catalogue_detail .c_controls .c_quantite_panier input {
	width: 30px;
}

#catalogue_detail .c_controls .c_notes_panier.c_label {
	position: absolute;
	bottom: 33px;
	left: 20px;
}

#catalogue_detail .c_controls .c_notes_panier.c_entree {
	position: absolute;
	bottom: 30px;
	left: 80px;
}

#catalogue_detail .c_controls .c_notes_panier input {
	width: 220px;
}

#catalogue_detail .c_produit {
	width: 410px;
	clear:none;
	padding: 10px;
}

#catalogue_detail .c_detail {
	display: block;
}

#catalogue_detail .c_nom_produit .c_entree {
	font-weight: bold; 
}

#catalogue_detail .c_prix_reduit_produit { 
	margin-bottom: 20px; 
}

#catalogue_detail .c_quantite_produit {
	margin-bottom: 20px; 
}

#catalogue_detail .c_description_produit {
	margin-bottom: 20px; 
}

#catalogue_detail .c_nom_produit .c_label,
#catalogue_detail .c_description_produit .c_label {
	display: none;
}

#catalogue_detail .c_banque_image {
	clear: none;
	width:340px;
	padding:15px;
}

#catalogue_detail .c_image_entree {
	float:left;
	margin:3px;
}

#catalogue_detail .c_image_entree .highslide img{
	border:1px solid black;
}


/******************************************************************/
/********************** PANIER D'ACHAT ***************************/
/******************************************************************/

#catalogue_panier {
	width:100%;
	padding-bottom: 10px;
	margin-top:15px;
}

#catalogue_panier .header {
	width:100%;
	text-align:left;
	background-color:#e5e5e5;
	float:left;
	font-size:10px;
}

#catalogue_panier .footer {
	width: 100%;
	padding: 5px 0px 0px 0px;
	text-align: center;
	clear:both;
	float:left;
	margin-bottom:20px;
}

#catalogue_panier .c_body {
	float: left;
	width:100%;
	clear: both;
}

#catalogue_panier .label {
	display: inline; 
}

#catalogue_panier .entree {
	display: inline;
	font-size:10px;
}

#catalogue_panier .c_body .c_produit:nth-child( even ){ background-color: #F4F4F4; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }


#catalogue_panier .prix_grand_total {
	float:right;
	padding:5px;
	clear:both;
}

#catalogue_panier .prix_grand_total_rabais {
	float:right;
	padding-right:5px;
	clear:both;
	font-size:10px;
}

#catalogue_panier .prix_grand_total_reduit {
	float:right;
	margin:5px;
	clear:both;
}

#catalogue_panier .prix_grand_total_escompte {
	float:right;
	margin:5px;
	clear:both;
	font-size:10px;
}

#catalogue_panier .prix_grand_total_final {
	float:right;
	margin:5px;
	clear:both;
	font-size:13px;
	font-weight:bold;
}

#catalogue_panier .prix_grand_total_taxes {
	float:right;
	padding-right:5px;
	clear:both;
	font-size:10px;
}

#catalogue_panier .quantite_produit 			{ padding:5px; width:7%; float:left; text-align:center; }
#catalogue_panier .nom_produit 					{ padding:5px; width:40%; float:left; }
#catalogue_panier .prix_unitaire 				{ padding:5px; width:12%; float:left; text-align:right; }
#catalogue_panier .sous_total	 				{ padding:5px; width:10%; float:left; display:none; }
#catalogue_panier .rabais_unite				 	{ padding:5px; width:8%; float:left; display:none; }
#catalogue_panier .rabais_total					{ padding:5px; width:8%; float:left; display:none; }
#catalogue_panier .taux_rabais		 			{ padding:5px; width:10%; float:left; display:none; }
#catalogue_panier .prix_unitaire_reduit			{ padding:5px; width:18%; float:left; text-align:right; }
#catalogue_panier .produit_total				{ padding:5px; width:8%; float:left; text-align:right; }
#catalogue_panier .supprimer_produit		 	{ padding:5px; width:2%; float:left; }
#catalogue_panier .taxe							{ padding:5px; width:5%; float:left; display:none; }

#catalogue_panier .btn_supprimer_produit,
#catalogue_panier .c_plus_quantite_produit,
#catalogue_panier .c_moins_quantite_produit	{
	display: inline-block;
	zoom: 1;
	cursor: pointer;
	width:10px;
	height:10px;
	text-align: center;
	background-color:#e5e5e5;
	border:1px solid #d4d4d4;
	line-height:8px;
	float:left;
}

#catalogue_panier .notes_produit {
	font-size:10px;
	padding:5px;
}

#catalogue_panier .notes_confirmer_produit {
	font-size:10px;
	margin-left: 9%;
	width: 50%;
	float: left;
	padding: 0px 5px 5px;
}

#catalogue_panier .valeur_quantite_produit {
	display: inline-block;
	zoom: 1;
	*display: inline;
	float:left;
	padding:0px 3px;
	font-size:11px;
}

#catalogue_panier .c_produit {
	clear:both;
}

#catalogue_panier .total_bas {
	float: right;
	padding-bottom:5px;
	padding-top:5px;
	width:100%;
	background-color:#e5e5e5;
	border-top:1px dotted #666666;
	border-bottom:1px dotted #666666;
}

#catalogue_panier .total_bas .c_label {
	float:left;
}

#catalogue_panier .total_bas .c_entree {
	padding-right:10px;
	font-weight:bold;
	float:left;
}
#catalogue_panier .boutons_panier {
	float:right;
	padding-top:10px;
	text-align:right;
}

/*****************************************************************/
/***************** ONGLETS ***************************************/
/*****************************************************************/
#titre_page {
	width:100%;
	border-bottom:1px dotted #666666;
	height:40px;
}

.titrecatalogue {
	font-family:Arial;
	font-size:26px;
	line-height:40px;
	color:#333333;
	font-weight:bold;
}


#catalogue_onglets {
	width:100%;
	padding-top:10px;
	height:45px;
	border-bottom:1px dotted #666666;
	text-align:center;
} 

.onglet {
	float:left;
	margin-right:3px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	padding:8px;
	font-weight:bold;
	cursor: pointer;
	margin-bottom: 5px;
	font-size:14px;
	color:#999999;
	border:1px solid #cccccc;
}

.onglet:hover {
	background-color:#e9e9e9;
}

.onglet_courant {
	background-color:#e9e9e9;
	color:#333333;
	cursor: default;
}

.onglet_disabled {
	color:#CCCCCC;
	cursor: default;
}

.onglet_disabled:hover {
	background-color:#ffffff;
}


/***********************************************/
/**************** CONTROLES ********************/
/***********************************************/

.controls {
	width:100%;
	font-size:11px;
	margin-top:10px;
	height:30px;
	clear:both;
}

.etape_precedente{
	float: left;
	padding: 5px;
	cursor: pointer;
	background-color:#E9E9E9;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-family:Arial, Helvetica;
}

.etape_precedente:hover {
	background-color:#c6dea5;
}

.etape_suivante{
	float: right;
	padding: 5px;
	cursor: pointer;
	background-color:#E9E9E9;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-family:Arial, Helvetica;
}

.etape_suivante:hover {
	background-color:#c6dea5;
}

.client_lien_mdp {
	float: left;
	width: 130px;
	font-size: 0.8em;
	margin: 0px 80px 10px;
	padding: 5px;
	color: darkblue;
	text-align: center;
	cursor: pointer;
}

.client_lien_mdp:hover {
	text-decoration: underline;
}


/***********************************************************************/
/*************************** COMMANDE **********************************/
/**********************************************************************/

#catalogue_commande {
	width: 100%;
	margin:10px 0px;
}

#catalogue_commande .entete {
	font-size:20px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight:bold;
	color:#8F887D;
	
}

#catalogue_commande .login,
#catalogue_commande .commande_nouveau_compte
{
	margin:10px 0px;
	width:320px;
	float:left;
	background-color:#f4f4f4;
	padding:10px;
	border:1px solid #e5e5e5;
	text-align:center;
}

#catalogue_commande .login {
	font-size:12px;
	text-align:center;
}

#catalogue_commande .login .bouton {
	margin-top:10px;
	margin-left:180px;
	width:100px;
}

#catalogue_commande .titreboite {
	font-size: 13px;
	font-weight:bold;
	text-align: left;
	margin-bottom: 10px;
	border-bottom:1px dotted black;
	margin-right:4px;
}

#catalogue_commande .commande_login {
	display:block;
	height:30px;
}

#catalogue_commande .password_commande {
}

#catalogue_commande .login .label {
	width:140px;
	float:left;
	text-align:right;
	line-height:20px;
}

#catalogue_commande .login .entree {
	float:left;
	margin-left:10px;
}

#catalogue_commande .login input { width:140px; }

#catalogue_commande .commande_login .c_confirmer_login {
	margin: 10px 85px;
}

#catalogue_commande .login .erreur_login {
	display:none;
	text-align: left;
	font-size: 10px;
	color: red;
	margin-bottom:5px;
}

#catalogue_commande .commande_nouveau_compte {
	float:left;
	margin-left:10px;
	text-align:center;
	width:300px;
}

#catalogue_commande .commande_nouveau_compte .nouveau_login {
	margin: 4px 60px;
}

/******************************************************************/

#catalogue_commande .c_commande_form,
#catalogue_commande .commande_paiement {
	margin:10px 0px;
	background-color:#f4f4f4;
	padding:10px;
	border:1px solid #e5e5e5;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#catalogue_commande .c_commande_form {
	width:97%;
	position: relative;
	float: left;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	}

#catalogue_commande .c_commande_form .deconnexion
{
	position: absolute;
	top: 30px;
	right: 10px;
	cursor: pointer;
	padding-right: 5px;
	text-align: right;
	font-size: 11px;
	font-weight:bold;
}

#catalogue_commande .c_commande_form #colonne1 {
	float:left;
	width:45%;
	margin-bottom:15px;
}
#catalogue_commande .c_commande_form #colonne2 {
	float:left;
	width:45%;
	margin-top:35px;
	margin-bottom:15px;
}

.champ_obligatoire {
	color: red;
	font-size: 11px;
	font-weight:bold;
	padding-right:3px;
}

#catalogue_commande .c_message {
	padding-top: 5px;
	padding-bottom: 5px;
}

.c_commande_form select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:165px;
}

.c_commande_form .label 		{ float:left; width:100px; display:inline; line-height:30px; }
.c_commande_form .entree 		{ float:left; width:40px; padding:3px; display:inline; }

#catalogue_commande .c_commande_form .entree input { font-family:Arial, Helvetica, sans-serif;
	font-size:12px; width:160px; }
	
#catalogue_commande .c_commande_form .entree input[readonly] { background-color:#f4f4f4; font-weight:bold; color:#333333; border:1px solid #f4f4f4; }

#catalogue_commande .c_commande_form .utilisateur			{float:left; clear:both; }
#catalogue_commande .c_commande_form .motdepasse			{float:left; clear:both; }
#catalogue_commande .c_commande_form .motdepasse2			{float:left; clear:both; }

#catalogue_commande .c_commande_form .nom					{ float:left; clear:both; }
#catalogue_commande .c_commande_form .ville 				{ float:left; clear:both; }
#catalogue_commande .c_commande_form .adresse 				{ float:left; clear:both; }
#catalogue_commande .c_commande_form .code_postal 			{ float:left; clear:both;}
#catalogue_commande .c_commande_form .pays					{ float:left;clear:both; }
#catalogue_commande .c_commande_form .province				{ float:left;clear:both; display:none; }
#catalogue_commande .c_commande_form .telephone_1			{ float:left;clear:both; }
#catalogue_commande .c_commande_form .telephone_2			{ float:left;clear:both; }
#catalogue_commande .c_commande_form .fax					{ float:left;clear:both; }
#catalogue_commande .c_commande_form .courriel				{ float:left;clear:both; }

#catalogue_commande .c_commande_form .courriel .label 		{ width:160px; }
#catalogue_commande .c_commande_form .utilisateur .label	{ width:160px; }
#catalogue_commande .c_commande_form .motdepasse .label		{ width:160px; }
#catalogue_commande .c_commande_form .motdepasse2 .label	{ width:160px; }



#catalogue_commande .c_commande_form .meme_adresse			{ float:left; clear:both; font-weight:bold; margin-bottom:10px;}

#catalogue_commande .c_commande_form .adresse_livraison		{ float:left; clear:both; }
#catalogue_commande .c_commande_form .pays_livraison		{ float:left; clear:both; }
#catalogue_commande .c_commande_form .province_livraison	{ float:left; clear:both; display:none; }
#catalogue_commande .c_commande_form .ville_livraison		{ float:left; clear:both; }
#catalogue_commande .c_commande_form .code_postal_livraison	{ float:left; clear:both; }


#affichage_validation {
	margin: 3px 5px 4px 5px;
	line-height: 23px;
	vertical-align: middle;
	overflow: hidden;
}

#btn_validation { 
	display: inline; 
	overflow: hidden;
	margin-left:130px;
	margin-top:-2px;
}

#catalogue_commande .c_commande_form .password2_commande {
	margin-bottom: 20px; 
}


#catalogue_commande .c_commande_form .livraison_commande {
	padding-left: 0px;
}

#catalogue_commande .c_commande_form .meme_adresse .label {
	width: 160px;
}

#catalogue_commande .c_commande_controls .c_annuler_commande,
#catalogue_commande .c_commande_controls .c_confirmer_commande {
	margin: 0px 10px;
}

/*****************************************************************************/

#catalogue_commande .commande_paiement, {
	float:left;
}

#zone_paiement_commande {
	width:97%;
	margin-left:15px;
}

#catalogue_commande .commande_paiement .type_paiement .label	{ 
	text-align:left;
	width: 110px;
	display:inline;
}

#catalogue_commande .commande_paiement .type_paiement .entree	{ 
	text-align:center;
	width: 450px;
	display:inline;
}

#catalogue_commande .commande_paiement .description_paiement { 
	display: block;
	margin-bottom: 8px;
	padding: 10px;
	font-size:11px;
}

#catalogue_commande .commande_paiement .type_paiement select	{ width: 120px; }
.type_paiement input[readonly] {
	background-color:#f4f4f4;
	font-weight:bold;
	border:1px solid #f4f4f4;
}

#catalogue_commande .commande_paiement .type_paiement .type_paiement_option {
	text-align:left;
}

#catalogue_commande .commande_paiement .type_paiement .type_paiement_option:first-child {
	margin-top:10px;
}

.boutons input {
	width: 80px;
}