/** POUR LES MESS D'ERREURS **/
.formError {
	color: red;
	font-weight: bold;
}

/* STYLES RAJOUTER PAR L'INTEGRATION LE 7-11-2007*/
#texte #panier  a.lien-couleur, #texte #panier  a:visited.lien-couleur {color:#62B67B; font-weight:bold; margin-left:10px;}
#texte #panier  a:hover.lien-couleur, #texte #panier  a:active.lien-couleur {color:#CCC; text-decoration:none;}

#texte #panier  a.lien-couleur2, #texte #panier  a:visited.lien-couleur2 {color:#62B67B; font-weight:bold;}
#texte #panier  a:hover.lien-couleur2, #texte #panier  a:active.lien-couleur2 {color:#CCC; text-decoration:none;}

table.tab-panier {
	margin:0 0 0 20px;
	/*width:560px;*/
	padding-bottom:5px;
	border-bottom:1px solid #CCC;
	}

table.tab-panier th{
  background-color:#47AB6C; 
  font:bold 13px "Trebuchet MS";
  font-weight:bold;
  color:#FFF;
  text-align:center;
  padding: 3px;
  border:1px solid #FFF;
  }
 
table.tab-panier th.mini {width:30px;} 
table.tab-panier th.petit {width:50px;}
table.tab-panier th.medium {width:80px;}
table.tab-panier th.grand {width:350px; }

table.tab-panier td{
  padding:2px;
  border:1px solid #FFF;
  text-align:center;
  font: normal 11px "Trebuchet MS";
  color: #333;
  background-color:#D6E9DA; 
  }


.input-qte {
	text-align:center; 
	background-color:#56b175; 
	border:#3e463f 1px solid; 
	margin-top:2px;
	color:#FFF;
	}


span.span-decale {margin-left:40px;}


img.continuer {border:none;}
/*----------- Couleurs des textes ---------*/
#panier, #compte_client  {
	color:black;
}
#panier .total{
	color:red;
}
#commande #commande_detail .del {
	color:red;
}
#panier a{
	color:green;
}
#commande #commande_detail .libelles_panier td {
	background-color:#56b175;
	color:#FFFFFF;
}
#panier h1, #compte_client h1 {
	color:#000000;
	font-weight:bold;
	background: url(../images/charte/puce-dt.gif) no-repeat;
	padding:0 0 0 25px;
	height:20px;
	line-height:15px;
	margin:0;
	text-align:left;
}

#panier h2, #compte_client h2 {
	color:#000000;
	background: url(../images/charte/puce-dt.gif) no-repeat;
	padding:0 0 0 5px;
	margin-top:0;
	height:20px;
} 
#panier #etapes {
	
	/*border-bottom: 1px solid #000000;*/
}
#compte_client #mes_commandes .libelles_recap td {
	color:#000000;
}
#etapes .inacc {/*Visuel par défaut --non validée non accessible--*/
	color: #000000;
} 
#etapes .encours {/*--Etape en cours pas de lien html--*/
	color:#000000;
} 
#etapes .valider_acc {/*--Etapes validées et accessibles lien html--*/
	color:#000000;
} 
#messages_info li { /*--Message d'info--*/
	color: red;
	font-weight:bold;
} 
/*----------- CSS PANIER IDEP MULTIMEDIA ---------*/
#panier, #compte_client {
	margin:0 auto;
	width:100%;
	font: 12px Trebuchet MS, Arial, sans-serif;
	text-align:justify;
}
#panier a{
	font: 0.9em Trebuchet MS, Verdana, sans-serif;
}
#panier h2, #panier ul, #panier li, #panier form {
	font-family:Trebuchet MS, Arial, sans-serif;
	margin:0;
	padding:0;
}
#panier h1, #compte_client h1{
	font-size: 14px;
	font-family:Trebuchet MS, Arial, sans-serif;
}
#panier h2, #compte_client h2 {
	font-size: 14px;
	background: url(../images/charte/puce-dt.gif) no-repeat;
	padding:0 0 0 20px;
	margin-top:0;
} 
#panier p, #compte_client p{
	margin:0 0 0 0;
	clear:both;
	letter-spacing:0;
}
#panier .right{
	text-align:right;
}
#panier .total{
	font-weight:bold;
}
#panier .ecotaxeProduit{
	font-size:10px;
}

/*----------- MON PANIER --------------*/
#panier .bt_medium {	
	float:right;
	width:83px;
	height:33px;
	font-size:0;
	text-decoration:none;
}
#panier .bt_small {	
	float:right;
	width:55px;
	height:25px;
	font-size:0;
	text-decoration:none;
}
#merci .bt_small {
	float:right;
	width:63px;
	height:22px;
	font-size:0;
	text-decoration:none;
}
.valider_panier .bt_medium {
	margin-top:10px;
	text-align:right;
}
.poursuivre_achat .bt_medium {
	margin:10px 10px 0 0;
	text-align:right;
	border:0;
}
.cpt_client .bt_medium {
	margin-top:10px;
	border:0;
}
.accueil .bt_medium {
	margin:10px 10px 0 0;
	border:0;
}
.continuer .bt_medium {
	margin-top:-35px;
	padding-right:25px;
	background: url(../images/panier/etape_suivante.gif) no-repeat 0px 0px;
}
.imprimer .bt_small-2{
	border:0;
	float:left;
	margin-left:180px;
	margin-top:-15px;
}


#infos .bt_small {
}
#infos p{
}
#reduction .bt_small {
	float:left;
	margin-left:15px;
	background: url(../images/panier/valider.gif) no-repeat 0px 0px;
}
#log .bt_small {
	float:left;
	margin-left:15px;
	background: url(../images/panier/valider.gif) no-repeat 0px 0px;
}
#log .valider .bt_small {
	float:right;
	margin:-25px 30px 0 0;
	background: url(../images/panier/valider.gif) no-repeat 0px 0px;
}
#paiement .continuer .bt_medium {
	background: url(../images/panier/valider_commande.gif) no-repeat 0px 0px;
}
/*----------- IDENTIFICATION --------------*/
#panier #log {
	float:left;
	width:100%;
}
#log #nouveau_client {
	float:left;
	width:46%;
}
#log #login {
	float:left;
	width:46%;
	margin-left:7.5%;
}
#log #login label {
	float:left;
	width:100%;
	font-weight:bold;
	font-size:0.9em;
}
#login .last_input {
	float:left;
	width:120px;
}

/*----------- OUVERTURE COMPTE/ADRESSES ------------*/
#panier #log {
	float:left;
	width:100%;
}
#log #identifiants {
	float:left;
	width:100%;
	margin-top:20px;
}
#infos_perso label,#identifiants label{
	float:left;
	width:100%;
	font-weight:bold;
	font-size:0.9em;
}
#infos_perso .lb_prenom{
	float:left;
	width:13.5em;
}
#infos_perso .lb_cp{
	float:left;
	width:13.5em;
}
#infos_perso .lb_tel{
	float:left;
	width:13.5em;
}
#identifiants .lb_pass{
	float:left;
	width:16.5em;
}
#panier .formulaire {
	float:left;
	width:100%;
}
/*------------ ADRESSES -------------------*/
#panier #adresses {
	float:left;
	width:100%;
	margin-bottom:10px;
}
#adresses #adr_livraison {
	float:left;
	width:46%;
}
#adresses #adr_facturation {
	float:left;
	width:46%;
	margin-left:7.5%;
}
#adresses .adr {
	float:left;
	width:30%;
	text-align:left;
	padding-right:3%;
	height:130px;
}
/*------------ DETAIL_PANIER --------------*/
#panier #commande {
	float:left;
	width:100%;
	margin:0 0 10px 0;
}
#commande #commande_detail td {
	text-align:center;
	vertical-align:top;
}
#commande #commande_detail .del {
	font-size:0.8em;
}
#commande #commande_detail .libelles_panier td {
	font-weight:bold;
	text-align:center;
	/*padding-bottom:15px;*/
	font-size:1em;
}

#commande #commande_detail .designation img {border:1px solid #47AB6C;}
#commande #commande_detail .designation {
	text-align:left;
	padding:3px 0 0 3px;
}
#commande #infos {
	float:left;
	width:50%;
	margin-top:30px;
}
#commande #commande_total table{
	float:right;
	margin-top:0;
	width:45%;
	margin-top:2px;
	margin-right:70px;
}

#commande #commande_total2 table{
	float:right;
	margin-top:0;
	width:250px;
	margin-top:2px;
	margin-right:10px;
}

#commande #commande_total2 .designation2 {
	text-align:right;
	width:150px;
	font-weight: bold;
	padding-right:25px;
}


#commande #commande_total3 table{
	float:right;
	margin-top:0;
	width:350px;
	margin-top:2px;
	margin-right:-40px;
}

#commande #commande_total3 .designation3 {
	text-align:right;
	width:250px;
	font-weight: bold;
	padding-right:25px;
}




#commande #commande_total td {
	padding:0 10px 2px 0;
	text-align:right;
	vertical-align: bottom;
}
#commande #commande_total .designation {
	text-align:right;
	width:50%;
	font-weight: bold;
}
#reduction {
	float:left;
	width:100%;
	margin-bottom:10px;
}
#reduction .last_input {
	float:left;
	width:150px;
}
/*----------- COMMENTAIRES (recap)---------*/
#panier #commentaires {
	float:left;
	width:100%;
}
#panier #commentaires textarea {
	font-family: Arial, sans-serif;
	font-size: 12px;
}
/*----------- MODE DE LIVRAISON -------------*/
#panier #livraison {
	float:left;
	width:100%;
	margin:10px 0;
}
#panier #livraison ul {
	list-style-type:none;
}
/*----------- MOYEN DE PAIEMENT -------------*/
#panier #paiement {
	float:left;
	width:100%;
}
#panier #paiement ul {
	list-style-type:none;
}
#panier #cgv-panier {
	margin-top:15px;
	text-align:left;
}

/*----------- MERCI -------------*/
#merci #reglement {
	float:left;
}
#merci #reglement ul {
	margin:15px 35% 15px 35px;
	
}
#merci .adr_cheque {
	margin:10px 0 15px 35px;
	font-weight:bold;
}

/*----------------------------------------*/
/*------       ETAPES           ----------*/
/*----------------------------------------*/
#panier #etapes {
	float:left;
	width:100%;
	margin-top:5px;
	margin-bottom:40px;
	margin-left:10px;
	/*padding-bottom:10px; */
}
#panier #etapes li {
	list-style-type:none; float:left;
}
#panier #etapes li a{
	font:0.9em Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	padding:1px 0 1px 20px;
	margin:0;
	display:block;
	height:20px;
}
#etapes .et_panier {
	width:20%;
}
#etapes .et_log {
	width:23%;
}
#etapes .et_recap {
	width:22%;
}
#etapes .et_livraison {
	width:18%;
}
#etapes .et_paiement {
	width:15%;
}
#etapes .inacc {
	/* background: url(../images/panier/etapes.gif) no-repeat 0 -21px; */
	padding:1px 0 1px 20px; font:1.0em Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	color:#666;
} /*Visuel par défaut --non validée non accessible--*/
#panier #etapes ul li.et_panier a.encours {
	font: bold 1.0em Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	
	/*background: url(../images/panier/etapes.gif) no-repeat 0 0; */
} /*--Etape en cours pas de lien html--*/
#etapes .valider_acc {
	/*background: url(../images/panier/etapes.gif) no-repeat 0 -40px;*/
} /*--Etapes validées et accessibles lien html--*/
#etapes .valider_inacc {
	/*background: url(../images/panier/etapes.gif) no-repeat 0 -40px;*/
} /*--Etapes validées et non accessibles pas de lien html--*/
#etapes a {
	font-size:18px;
}
#etapes a:hover {color:#47AB6C; text-decoration:none;}
#47AB6C
/*----------------------------------------*/
/*------       COMPTE CLIENT    ----------*/
/*----------------------------------------*/
#accueil_gcl .continuer {
	float:right;
	width:63px;
	height:22px;
	font-size:0;
	text-decoration:none;
	border:0;
}
#info_perso {
	float:left;
	width:47%;
	height:10em;
	margin-right:2.5%;
}
#password{
	float:left;	
	width:47%;
	height:12em;
}
#carnet_adr{
	float:left;
	width:47%;
	height:10em;
	margin-right:2.5%;
}
#commandes{
	float:left;
	width:47%;
	height:12em;
}
#commandes table{
	width:100%;
}
#compte_client #mes_commandes .libelles_recap td {
	font-weight:bold; padding-bottom:15px; font-size:1.1em;
}
#admin_panier {
	margin:0 auto; width:100%; font: /*0.7em Verdana,*/ 0.75em Arial, sans-serif; text-align:justify; 
}

/**** IDENTIFICATION DANS etape LIVRAISON  *****/
#log #login_livraison_fleuriste {
	float:left;
	width:100%;
}
#log #login_livraison_fleuriste b {
	color:black;
}
#log #login_livraison_fleuriste p {
	font-size:0.9em;
}

/******* speciale  pour  *****/
#livraison_fleuriste {
	width:680px;
	font-size:0.9em;
}
#livraison_fleuriste #dest_message_theme {
	width:300px;
	float:left;
	margin-right:40px;
	margin-top:20px;
}

#livraison_fleuriste #dest_message_theme h3{
	font-size:1.2em;
	font-weight:bold;
	line-height:1em;
	text-align:left;
	color:#000;
	margin:10px 0px 5px 19px;
} 

#livraison_fleuriste #dest_message_theme h3 a{
	font-size:12px;
	font-weight:bold;
}




#info_cordonnees h3.ss-titre, #livraison_fleuriste #dest_message_theme  h3.ss-titre {
	font-weight:bold;
	font-size:13px;
	margin:17px 0px 0 15px;
	} 

#livraison_fleuriste #dest_message_theme h3.ss-titre {
	font-weight:bold;
	font-size:13px;
	margin:17px 0px 0 17px;
	} 
	
	
	
	
#livraison_fleuriste #dest_message_theme textarea,select{
	border:#7F9DB9 1px solid;
	width:200px;
}
#livraison_fleuriste #dest_message_theme input#adresse_theme, input#adresse_duree_jour{
	border:0;
	width:10px;
}

#livraison_fleuriste #info_cordonnees {
	width:280px;
	float:left;
	margin-top:40px;
}
#livraison_fleuriste #info_cordonnees textarea,select{
	border:#7F9DB9 1px solid;
	width:200px;
}

/* back ground spécialae pour  ce dossier */
#contenu{
background:url(../images/charte/bg-contenu_panier.jpg) no-repeat top left;
}

/* Ajouté par ben */
#divLogin{
	padding:10px;
	position:absolute;
	top:200px;
	left:300px;
	width:400px;
	cursor:move;
	border-top:1px solid #DEDEE6;
	border-left:1px solid #DEDEE6;
	border-right:1px solid #040404;
	border-bottom:1px solid #040404;
	display:none;
	background-color:#D4D5DB;
}

/* Ajouté par ben */
#divPasseOublie{
	padding:10px;
	position:absolute;
	top:100px;
	left:200px;
	width:400px;
	cursor:move;
	border-top:1px solid #DEDEE6;
	border-left:1px solid #DEDEE6;
	border-right:1px solid #040404;
	border-bottom:1px solid #040404;
	display:none;
	background-color:#D4D500;
	z-index:100;
}