/* CSS Document */
.obligatory {
	font-size: 8px;
	color: #ff0000;
}
.mandatory {color:#FF0000;}
#mandatoryfields {clear:both; color:#FF0000; width:200px;}

.clear {clear:both;}

.text50 {width:50px;}
.text100 {width:100px;}
.text150 {width:150px;}
.text200 {width:200px;}

/* Menu de gauche */
#menu_client {float:left; margin:10px 0 10px 0;}
#menu_client h3 {background:url(../images/espace_client/header_menu.gif) no-repeat;	width:192px;height:19px;padding: 5px 0 0 40px;text-transform:uppercase;font-size:11px;font-weight:bold;color:#FFFFFF;}
#menu_content {border: solid 1px #ff6600;width:230px;height:400px;padding:0px;margin:0px;}
#menu_content ul {border: #f1f4fb 5px solid;width:220px;height:390px;padding:0px;margin:0px;}
#menu_content ul li {text-transform:uppercase;font-size:10px;padding:8px 0 8px 20px;margin-bottom:2px;}
#menu_content ul li ul {background: none;border:none;padding:0px;margin: 5px 0 0 5px;height: auto;}
#menu_content ul li ul li {text-transform: none;font-size:10px;padding:2px 0 2px 5px;}
.menuitem_on {color: #ff6600;background:url(../images/espace_client/puce_on.gif) no-repeat 5px 9px #ffffff;}
.menuitem_on a {color: #ff6600;}
.menuitem_off {background:url(../images/espace_client/puce_off.gif) no-repeat 5px 9px #f1f4fb;}
.menuitem_off a {color: #003399;}
ul#smenu li a.subitem_on {color: #ff6600;}
ul#smenu li a.subitem_off {color: #1F78F7;}
ul#smenu li.subitem_disable {color: #576A76;}


/* ---------------------------------------------------- Page erreur ------------------------------------------------------- */
#conteneur_erreur {float:left; margin: 10px 0 10px 10px; width:526px;}


/* ---------------------------------------------------- Page profil ------------------------------------------------------- */


#Content_profil {float:left; margin: 10px 0 0 10px; padding-bottom:20px; width:526px;}
#Content_profil h3 {font-size:11px; text-transform:uppercase; color:#ff6600; padding:5px 0 0 0; background:url(../images/img/espace_client/fond_profil.gif) no-repeat 490px 0; height:19px; margin:0;}

#Bloc_profil {border-left: solid 1px #9999cc; border-top: solid 1px #9999cc; border-right: solid 1px #9999cc; width: 524px;}
#Bloc_profil h3 {background-color:#f1f4fb; width: 524px; background-image:none; font-size:10px; text-transform:uppercase; font-weight:bold; padding: 5px 20px 0px 20px; color:#666666;}

#Content_profil_Footer {width:526px; height:22px; background:url(../images/img/espace_client/footer_bloc_contenu.gif) no-repeat;}

#Bloc_profil_content {width: 518px; background-image:none; font-size:10px; text-transform:none; font-weight:normal; padding: 15px 20px 15px 20px;}
.nom_champ_profil {float:left; width:200px; font-weight:bold; margin-bottom:8px;}
.valeur_champ_profil {float:left; font-weight:normal; margin-bottom:8px; width:250px;}

.user_check_right {clear:both;width:30px; font-weight:bold; margin-bottom:8px;}
.user_check_right_value {float:left; font-weight:normal; margin-bottom:8px; width:420px;}

#bt_profil {text-align:right; border-left: solid 1px #9999cc; border-right: solid 1px #9999cc; width:194px; padding-right:10px; padding-left:320px;}

/* ---------------------------------------------------- Page envois en cours ------------------------------------------------------- */

#Content_envois {float:left; margin: 10px 0 10px 10px; width:526px;}
#Content_envois h3 {float:left; font-size:11px; text-transform:uppercase; color:#ff6600; padding:5px 0 0 0; height:19px; margin:0;}
#Content_envois h6 {float:right; font-size:10px; font-weight:normal; text-transform:none; padding:10px 0 0 0;}

#Bloc_envois {border-left: solid 1px #9999cc; border-top: solid 1px #9999cc; border-right: solid 1px #9999cc; width: 524px;}

#Content_envois_Footer {width:526px; height:22px; background:url(../images/img/espace_client/footer_bloc_contenu.gif) no-repeat;}

#Bloc_envois_content {width: 524px; background-image:none; font-size:10px; text-transform:none; font-weight:normal; padding: 15px 0px 15px 0px;}

#tab_envois {}
#tab_envois th {font-weight:bold; padding: 5px 5px 5px 20px;}
#tab_envois td {font-weight:normal; padding: 5px 5px 5px 20px;}

.col_1 {background-color:#f1f4fb;}
.col_2 {background-color:#ffffff;}

.link_details {float:left; background:url(../images/img/espace_client/picto_detail.gif) no-repeat; padding:4px 0 0 30px; height:14px;}

#bt_envois {text-align:right; border-left: solid 1px #9999cc; border-right: solid 1px #9999cc; width:194px; padding-right:10px; padding-top:20px; padding-left:320px;}

.bt_modify_white_185 {
	border : 0;
	display : block;
	padding : 0 12px 0 24px;
	background:url(../images/bouton/bt_modify_white_185.GIF) no-repeat;
	height : 20px;
	width:185px;
	max-width:185px;
	line-height : 20px;
	font-family: MS Shell Dlg;
	font-size : 11px;
	font-weight : bold;
	text-align : left;
	text-decoration : none;
	color : #2175ef;
	cursor : pointer;
}

a.bt_modify_white_185, a.bt_modify_white_185:hover{
	text-decoration : none;
}

/* ---------------------------------------------------- Page historique commandes ------------------------------------------------------- */

#Content_historique {float:left; margin: 10px 0 10px 10px; width:526px;}
#Content_historique h3 {float:left; font-size:11px; text-transform:uppercase; color:#ff6600; padding:5px 0 0 0; height:19px; margin:0;}
#Content_historique h4 {float:left; font-size:11px; text-transform:uppercase; background:url(../images/img/picto_colis.gif) no-repeat 464px 0; color:#ff6600; width:524px; padding:5px 0 0 0; height:19px; margin:0;}
#Content_historique h6 {float:right; font-size:10px; font-weight:normal; text-transform:none; padding:10px 0 0 0;}

#Bloc_historique {border-left: solid 1px #9999cc; border-top: solid 1px #9999cc; border-right: solid 1px #9999cc; width: 524px;}

#Content_historique_Footer {width:526px; height:22px; background:url(../images/img/espace_client/footer_bloc_contenu.gif) no-repeat;}

#Bloc_historique_content {width: 524px; background-image:none; font-size:10px; text-transform:none; font-weight:normal; padding: 15px 0px 0px 0px;}

table#tab_historique {clear:both; margin-top:10px;}
table#tab_historique th {font-weight:bold; padding: 5px 5px 5px 20px;}
table#tab_historique td {font-weight:normal; padding: 5px 5px 5px 20px;}

.headerHistoriqueTable {
	color : #576A76;
	text-decoration : none;
}

.col_1 {background-color:#f1f4fb;}
.col_2 {background-color:#ffffff;}

.link_details {float:left; background:url(../images/img/espace_client/picto_detail.gif) no-repeat; padding:4px 0 0 30px; height:14px;}

#bt_historique {text-align:right; border-left: solid 1px #9999cc; border-right: solid 1px #9999cc; width:514px; padding-right:10px; padding-top:20px;}


#info_commande {padding:0 0 20px 20px; width:100%;}
.numcommande {font-size:11px; font-weight:bold; color:#ff6600; margin-bottom:10px;}
.zoneghistog {clear:both; float:left; width:235px;}
.zonedhistod {float:left; width:260px;}
.champghisto {width:135px; margin-bottom:5px;}
.champghisto2 {width:75px; margin-bottom:5px;}
.champghisto3 {margin-bottom:5px; }
.champghisto4 {clear:both; margin-bottom:5px;width:100%;}


a.print_link {float:left; color:#FF6600; background:url(../images/img/espace_client/picto_imprimer.gif) no-repeat; padding:2px 0 0 20px; height:15px; width:140px;}

.numitemshisto {padding: 5px 20px 5px 20px; width: 500px; border-top: solid 1px #9999cc; border-bottom: solid 1px #9999cc;}

#total_historique {clear:both; float:left; border-left: solid 1px #9999cc; border-top: solid 1px #9999cc; width:525px;}
#soustotal_historique {clear:both; float:left; margin-top:20px; border-top: solid 1px #9999cc; width:524px; background-color:#f1f4fb;}

.colnametotal {float:left; text-align:right; width:420px;  border-right: solid 1px #9999cc;}
.colnametotal p {padding:5px 15px 5px 5px;}

.colvaluetotal {float:left}
.colvaluetotal p {padding:5px 5px 5px 17px;}

.tthisto {border-bottom: solid 1px #9999cc; background-color:#999999; color:#FFFFFF; text-transform:uppercase; font-weight:bold;}
.tthisto2 {background:url(../images/img/espace_client/corner_total.gif) no-repeat; color:#FFFFFF; text-transform:uppercase; font-weight:bold; width:82px; height:13px;}

.bt_retourcommande {clear:both; float:left; margin-top:10px;}

.bt_back_white_250 {
	border : 0;
	display : block;
	padding : 0 12px 0 24px;
	background:url(../images/bouton/bt_back_white_250.GIF) no-repeat;
	height : 20px;
	width:231px;
	max-width:231px;
	line-height : 20px;
	font-family: MS Shell Dlg;
	font-size : 11px;
	font-weight : bold;
	text-align : left;
	text-decoration : none;
	color : #2175ef;
	cursor:pointer;
}

a.bt_back_white_250, a.bt_back_white_250:hover{
	text-decoration : none;
}

.refcommande {padding-left:20px; font-size:11px; font-weight:bold; color:#ff6600; margin-bottom:10px;}

#infocommande_histo {clear:both; float:left; border-top: solid 1px #9999cc; width:267px;}
#infocommande_histo h4 {background-color:#f1f4fb; background-image:none; font-size:10px; font-weight:bold; color:#666666; text-transform:none; padding:5px 0px 0px 20px; width:267px;}

.nom_produit_histo {clear:both; padding: 10px 0 0 20px; background:url(../images/img/espace_client/picto_produit.gif) no-repeat 5px 9px;}
.options_produit_histo {clear:both; padding: 10px 0 0 20px; background:url(../images/img/espace_client/picto_options.gif) no-repeat 5px 9px;}


#datecommande_histo {float:left; border-top: solid 1px #9999cc; width:257px;}
#datecommande_histo h4 {background-color:#f1f4fb; background-image:none; font-size:10px; font-weight:bold; color:#666666; text-transform:none; padding:5px 0px 0px 20px; width:257px;}
#datecommande_histo p {float:left; padding: 10px 0 0 20px; }

#expecommande_histo {float:left; border-top: solid 1px #9999cc; width:267px; margin-top:20px;}
#expecommande_histo h4 {background-color:#f1f4fb; background-image:none; font-size:10px; font-weight:bold; color:#666666; text-transform:none; padding:5px 0px 0px 20px; width:257px;}
#expecommande_histo p {float:left; padding: 10px 0 0 20px;}

#destcommande_histo {float:left; border-top: solid 1px #9999cc; width:257px; margin-top:20px;}
#destcommande_histo h4 {background-color:#f1f4fb; background-image:none; font-size:10px; font-weight:bold; color:#666666; text-transform:none; padding:5px 0px 0px 20px; width:257px;}
#destcommande_histo p {float:left; padding: 10px 0 0 20px; width:220px;}

#reclamation_histo {float:left; border-top: solid 1px #9999cc; width:524px; margin-top:20px;}
#reclamation_histo h4 {background:url(../images/img/espace_client/picto_reclamation.gif) no-repeat #f1f4fb 10px 3px; font-size:10px; font-weight:bold; color:#666666; text-transform:none; padding:5px 0px 0px 20px; width:524px; margin-bottom:10px;}
#reclamation_histo p {padding: 0 0 0 20px;}


/* ---------------------------------------------------- Pages prélevement fin de mois ------------------------------------------------------- */
#Content_findemois {float:left; margin: 10px 0 10px 10px; width:526px;}
#Content_findemois h3 {font-size:11px; text-transform:uppercase; color:#ff6600; padding:5px 0 0 0; height:19px; margin:0;}

#Bloc_findemois {border-left: solid 1px #9999cc; border-top: solid 1px #9999cc; border-right: solid 1px #9999cc; width: 524px; padding-bottom:30px;}
#Bloc_findemois h3 {background-color:#f1f4fb; width: 524px; background-image:none; font-size:10px; text-transform:uppercase; font-weight:bold; padding: 5px 20px 0px 20px; color:#666666;}
#Bloc_findemois p {padding:0 0 0 20px;}

#Content_findemois_Footer {width:526px; height:22px; background:url(../images/img/espace_client/footer_bloc_contenu.gif) no-repeat;}

#Bloc_findemois_content {width: 524px; background-image:none; font-size:10px; text-transform:none; font-weight:normal; padding: 15px 0px 0px 0px;}

.link_findemois {margin-top:10px;}

#tab_findemois {}
#tab_findemois th {font-weight:bold; padding: 5px 5px 5px 20px;}
#tab_findemois td {font-weight:normal; padding: 5px 5px 5px 20px;}

.companyname {font-size:11px; margin-bottom:10px; text-transform:uppercase;}

.colgfindemois {float:left; width:260px;}
.coldfindemois {float:left}

#rib_findemois {padding: 0 0 30px 0px;}
#rib_findemois p {float:left; margin-right:10px;}

.input_guichet {width:80px; margin-top:3px;}
.input_rib {width:30px; margin-top:3px;}
.input_numcpte {margin-top:3px;}


#bt_action_findemois {width:90px; text-align:right; padding:10px 10px 0 0; padding-left:434px;}

#bt_action_findemois_100 {width:100px; text-align:right; padding:10px 10px 0 0; padding-left:424px;}

#bt_action_findemois_2 {width:240px; text-align:right; padding:10px 10px 0 0; padding-left:287px;}

.bt_validate_white_85 {
	border : 0;
	display : block;
	padding : 0 12px 0 24px;
	background:url(../images/bouton/bt_validate_white_85.GIF) no-repeat;
	height : 18px;
	width:85px;
	max-width:85px;
	line-height : 18px;
	font-family: MS Shell Dlg;
	font-size : 11px;
	font-weight : bold;
	text-align : left;
	text-decoration : none;
	color : #2175ef;
	cursor:pointer;
}

a.bt_validate_white_85, a.bt_validate_white_85:hover{
	text-decoration : none;
}

.bt_validate_white_100 {
	border : 0;
	display : block;
	padding : 0 12px 0 24px;
	background:url(../images/bouton/bt_validate_white_100.GIF) no-repeat;
	height : 18px;
	width:100px;
	max-width:100px;
	line-height : 18px;
	font-family: MS Shell Dlg;
	font-size : 11px;
	font-weight : bold;
	text-align : left;
	text-decoration : none;
	color : #2175ef;
	cursor:pointer;
}

.bt_modifySpear_white_85 {
	border : 0;
	display : block;
	padding : 0 12px 0 24px;
	background:url(../images/bouton/bt_modifySpear_white_85.GIF) no-repeat;
	height : 18px;
	width:85px;
	max-width:85px;
	line-height : 18px;
	font-family: MS Shell Dlg;
	font-size : 11px;
	font-weight : bold;
	text-align : left;
	text-decoration : none;
	color : #2175ef;
	cursor:pointer;
}

a.bt_modifySpear_white_85, a.bt_modifySpear_white_85:hover{
	text-decoration : none;
}

.txtintro_findemois {border-left: solid 1px #9999cc; border-top: solid 1px #9999cc; border-right: solid 1px #9999cc; width: 484px; padding:20px;}

/* ---------------------------------------------------- Page carnet adresses ------------------------------------------------------- */

#Content_carnet {float:left; margin: 10px 0 10px 10px; width:526px;}
#Content_carnet h3 {float:left; font-size:11px; text-transform:uppercase; color:#ff6600; padding:5px 0 0 0; height:19px; margin:0;}
#Content_carnet h4 {float:left; font-size:11px; text-transform:uppercase; background:url(../img/picto_colis.gif) no-repeat 464px 0; color:#ff6600; width:524px; padding:5px 0 0 0; height:19px; margin:0;}
#Content_carnet h5 {font-size:11px; text-transform:uppercase; color:#ff6600; padding:5px 0 0 0; background:url(../images/img/espace_client/fond_profil.gif) no-repeat 490px 0; height:19px; margin:0;}
#Content_carnet h6 {float:right; font-size:10px; font-weight:normal; text-transform:none; padding:10px 0 0 0;}

#Bloc_carnet {border-left: solid 1px #9999cc; border-top: solid 1px #9999cc; border-right: solid 1px #9999cc; width: 524px;}
#Bloc_carnet h3 {background-color:#f1f4fb; width: 524px; background-image:none; font-size:10px; text-transform:uppercase; font-weight:bold; padding: 5px 20px 0px 20px; color:#666666;}

#Content_carnet_Footer {width:526px; height:22px; background:url(../images/img/espace_client/footer_bloc_contenu.gif) no-repeat;}

#Bloc_carnet_content {width: 524px; background-image:none; font-size:10px; text-transform:none; font-weight:normal; padding: 15px 0px 0px 0px;}

table#tab_carnet {clear:both; margin-top:10px;}
table#tab_carnet th {font-weight:bold; padding: 5px 5px 5px 5px;}
table#tab_carnet td {font-weight:normal; padding: 5px 5px 5px 5px;}

.col_1 {background-color:#f1f4fb;}
.col_2 {background-color:#ffffff;}

.link_carnet_new {clear:both;padding:4px 0 0 0; height:14px;}
.link_carnet_supp {padding:4px 0 0 10px; height:14px;}
.link_carnet_modif {padding:4px 0 0 10px; height:14px;}
.link_carnet_send {padding:4px 0 0 10px; height:14px;}


#Bloc_carnet_edit {width: 518px; background-image:none; font-size:10px; text-transform:none; font-weight:normal; padding: 15px 20px 15px 20px;}
.nom_champ_carnet {float:left; width:200px; font-weight:bold; margin-bottom:8px;}
.valeur_champ_carnet {float:left; font-weight:normal; margin-bottom:8px; width:250px;}