/*
  $Id: stylesheet.css,v 1.26 2003/06/30 20:03:50 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2002 osCommerce

  Released under the GNU General Public License
*/

/* links */
/*
a:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; }
a:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; }
a:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; }
a:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: underline; }
*/

a.headerLink:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: none; }
a.headerLink:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: none; }
a.headerLink:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: none; }
a.headerLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: underline; }

a.menuBoxHeadingLink:link { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:visited { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:active { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:hover { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }

a.menuBoxContentLink:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: none; }
a.menuBoxContentLink:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: none; }
a.menuBoxContentLink:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: none; }
a.menuBoxContentLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: underline; }

a.splitPageLink:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: underline; background-color: #FFFF33; }

/* menu box */
.menuBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; background-color: #ffffff; }
.menuBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; }

/* page */
.headerBar { background-color: #B3BAC5; }
.headerBarContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; padding: 2px; }
.columnLeft { background-color: #F0F1F1; border-color: #999999; border-width: 1px; border-style: solid; padding: 2px; }
.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 18px; color: #727272; font-weight: bold; }

/* data table */
.dataTableHeadingRow { background-color: #C9C9C9; }
.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.dataTableRow { background-color: #F0F1F1; }
.dataTableRowSelected { background-color: #DEE4E8; }
.dataTableRowOver { background-color: #FFFFFF; cursor: pointer; cursor: hand; }
.dataTableContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* data table pour la packing list */
.dataTableHeadingRowP { background-color: #FFF; }
.dataTableHeadingContentP { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000; font-weight: bold; border:1px solid #777; }
.dataTableRowP { background-color: #FFF; }
.dataTableContentP { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; border:1px solid #777; }

/* info box */
/* .infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; background-color: #B3BAC5; } */
.infoBoxHeading { /* gag */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff; 
	background-color: #0066a7;
	padding-left: 8px;
}

/* .infoBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #DEE4E8; } */
.infoBoxContent { /* gag */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000; 
	background-color: #edf2fb;
	padding: 8px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 4px;
}

.id_table_box { /* gag */
 	width:300px;
 	margin: 0px;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
  	border:1px solid #AFD3EB;
}

.id_table_box2 { /* infobox plus large */
 	width:700px;
 	margin: 0px;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
  	border:1px solid #AFD3EB;
}

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* forms */
/* CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, FILE { font-family: Verdana, Arial, sans-serif; font-size: 11px; } */
FORM { display: inline; }

CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, FILE { /* gag */
   font-family: Verdana, Arial, Helvetica, sans-serif;
   border:1px solid #AFD3EB;
   background: #ffffff;
   color: #444;
   font-size: 12px;
}


/* account */
.formArea { background-color: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }

/* attributes */
.attributes-odd { background-color: #f4f7fd; }
.attributes-even { background-color: #ffffff; }

/* miscellaneous */
.specialPrice { color: #ff0000; }
.oldPrice { text-decoration: line-through; }
.fieldRequired { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.smallTextAn { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #777; }

.TextFoot { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #888;}
.TextFoot a { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #888;}

.separ_pointil {
    clear: both;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px dashed #D1D1D1;
}

.main { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.main2 { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #0066a7; }
.main2top { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #0066a7; vertical-align: top; text-align: left; }
.errorText { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.errorText2 { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #ff0000; font-weight: bold; }
.successText2 { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #008000; }

.encadre_pres img {

	border:1px solid #ccc;
	padding:5px;
}

h1 { /*gag*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #f18200;
    font-size: 20px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}

#Tableback2 td {
	/*padding-bottom: 10px;*/
	text-align: left;
	vertical-align:middle;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0px;
	font-size: 12px;
	border:1px solid #AFD3EB;
}
#Tableback2 { /* pour faire une bordure de 1 pixel */
	border-collapse : collapse;
}

.Tableback3 td {
	border:1px solid #AFD3EB;
}
.Tableback3 { /* pour faire une bordure de 1 pixel */
	border-collapse : collapse;
}

.dataTableRow2 { background-color: #edf2fb; }

.Tableback4 td {
	border:1px solid #AFD3EB;
	background-color: #edf2fb; 
}
.Tableback4 { /* pour faire une bordure de 1 pixel */
	border-collapse : collapse;
}

#TableAction td {
	border:0px;
}


.underln {
	border-bottom-color: #AFD3EB;
	border-bottom-width: 1px;
    border-bottom-style: solid;
}

.underln2 {
	border-bottom-color: #f18200;
	border-bottom-width: 1px;
    border-bottom-style: solid;
}

hr {
clear: both;
width: 100%;
border: 0; /* enleve toute bordure */
border-bottom: 1px #f18200 solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
}


.LabelTrt {
	color: #777;
	background-color: #edf2fb; 
	border:1px solid #AFD3EB;
	text-align: left;
	vertical-align:middle;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0px;
	font-size: 12px;
}

.LabelChamp {
	color: #333;
	border:1px solid #AFD3EB;
	
	text-align: left;
	vertical-align:middle;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0px;
	font-size: 12px;
}

/*
=================================================================================================================
================================================ BACK OFFICE ====================================================
=================================================================================================================
*/
body {
	background-color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;  /*pour pouvoir travailler en em => ex : 12 pixels => font-size: 1.2em;*/
	color: #333;
}
#wrapper {
	text-align: left;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

img {border: 0;}

a {
	color:#0088E4;
	text-decoration: underline;
	font-size:100%;
	font-family:Verdana,Tahoma,Arial,sans-serif;
}

/*
a:visited { 
	color:#0088E4;
}
*/

a:hover { 
	color:#0088E4;
	text-decoration:underline;
}

#id_content {
	clear: both;
}

#id_content_log {
	clear: both;
	border: 1px solid #d0d0d0;
	background-color: #FFFFFF;
}


#id_content_login {
	margin-left : 300px;
    margin-top : 30px;
	font-size: 11px;
	margin-bottom : 30px;
}

.login_button {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #2499e3; /*#777777;*/
	border-bottom-color: #315f7d; /*#333333;*/
	border-right-color: #2d719b; /*#555555;*/
	border-left-color: #22a4f6; /*#BBBBBB;*/
	border-top-color: #34b1ff; /*#DDDDDD;*/
	border-width: 1px;
    border-style: solid;
}

/*------------------------- Header ------------------------*/

#id_header {
	background-color: #0066a7;
	height: 40px;
	color: #FFFFFF;
	margin-bottom: 15px;
	font-size: 1.1em;
}

#id_adsense {
	margin-bottom: 15px;
	margin-top: 15px;
	/* margin-left:116px; */
	font-size: 1.1em;
}




#logo_header {
	float: left;
	padding-top: 7px;
	padding-left: 20px;
}

#logo_header a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 180%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}


#menu_header {
	float: left;
	margin-top: 13px;
	margin-left: 140px;
}

#menu_header a {
	color: #FFFFFF;
	text-decoration: none;
}

#menu_header a:hover {
	text-decoration: underline;
}

#header_right {
	float: right;
	margin-top: 13px;
	margin-right: 10px;
	font-weight: bold;
}

/*------------------------- Navigation gauche ------------------------*/

#id_left_global {
	width:150px;
	float:left;
	margin-right:8px;
}

#id_left_nav {
	border:1px solid #AFD3EB;
	font-size: 1.1em;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}

#id_left_nav ul {
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	line-height: 250%;
	margin: 0px;
}

#id_left_nav ul li {
	padding: 0px;
	padding-left: 8px;
	margin: 0px;
}

#id_left_nav ul li a {
	color: #333;
	text-decoration: none;
}

#id_left_nav ul li a:hover {
	text-decoration: none;
	color: #777;
}

.left_nav_active {
	background-color: #d2eaf6;
}

/*------------------ page bon de livraison -----------------*/

#id_pack_list {
	width:700px;
	padding:8px;
	border:1px solid #AFD3EB;
	font-size: 12px;
	margin:5px;
}


/*------------------ contenu fenetre de droite -----------------*/

#id_right_content {
	width:770px;
	padding:8px;
	border:1px solid #AFD3EB;
	float:right;
	font-size: 1.1em;
}

/*------------------ tableau page de garde -----------------*/
#id_table_garde {
 	width:600px;
 	margin: 0px;
	padding: 0px;
	margin-left:130px;
/*	margin-left: auto;
    margin-right: auto; */
}

#id_table_garde td img {
	margin: 10px;
}

#id_table_garde td a {
	color:#0088E4;
	text-decoration: underline;
	font-size: 14px;
}

#id_table_garde td a:hover { 
	color:#0088E4;
	text-decoration:none;
}


/*------------------ tableau de liste des items -----------------*/

#id_table_list {
 	width:760px;
 	margin: 0px;
	padding: 0px;
  	border: 1px solid #edf2fb; /*#d0d0d0;*/
}

#Tableback td {
	/*padding-bottom: 10px;*/
	text-align: left;
	vertical-align:middle;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0px;
	font-size: 12px;
}

.TableBackOdd {
	background-color: #edf2fb;  /*#f7f7f7; */
}

.TableBackOdd2{
	background-color: #fbedf1;  /*#f7f7f7; */
}

.LabelTitre {
	font-weight: bold;
	color: #4166CC;
	text-align: left;

}
.LabelNom  {
	color:#0088E4;
}

.LabelNom a {
	color:#0088E4;
	text-decoration: underline;
}

.LabelNom a:hover {
	text-decoration: none;
}

.LabelWarning {
	color: #FF0000;
}

.LabelNormal {
	color: #777;
}

.LabelAvalider {
	color: #08ae18;
}

.LabelBlack {
	color: #000;
}
.LabelAction {
	color: #777;
}

.LabelAction a {
	color: #777;
	text-decoration: underline;
}

.LabelAction a:hover {
	text-decoration: none;
	color: #333;
}


/*--------------------- Grand bouton -----------------*/

.buttonA {
    width: 125px;
    line-height: 25px;
    height: 25px;
	font-size: 12px;
    margin: 0px;
    padding: 0px;
    text-align:center;
}

.buttonRelief a {
	text-decoration: none;
	height: 100%;
	width: 100%;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #2499e3; /*#777777;*/
	border-bottom-color: #315f7d; /*#333333;*/
	border-right-color: #2d719b; /*#555555;*/
	border-left-color: #22a4f6; /*#BBBBBB;*/
	border-top-color: #34b1ff; /*#DDDDDD;*/
	border-width: 3px;
    border-style: solid;
}

.buttonRelief a:hover {
	text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
	border-width: 3px;
    border-style: solid;
	background-color: #0066a7; /*#999999;*/
	border-bottom-color:  #001f33; /* #333333; */
	border-right-color: #003454; /*#555555;*/
	border-left-color:  #0073ba;  /* #BBBBBB; */
	border-top-color: #0089de;  /*#DDDDDD;*/

}

/*------------------------------------- Boite de dialogue ---------------------------------------------*/
.BoxDialA {
	width:300px;
	border:1px solid #AFD3EB;
}

.boxDialTitle {
	color: #FFFFFF;
	background-color: #0066a7;
	line-height: 25px;
	height: 25px;
	padding-left: 8px;
	font-weight: bold;
}

.boxDialTxt {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 20px;
	padding-left: 8px;
}

.boxDial ul {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 25px;
}

.boxDial li {
	display:inline;  /* liste avec les elts cote a cote */
	list-style-type: none;
	height: 25px;
	text-align:center;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}


.boxDial li a  {
	text-decoration: none;
	height: 100%;
	width: 100%;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #2499e3; /*#777777;*/
	border-bottom-color: #315f7d; /*#333333;*/
	border-right-color: #2d719b; /*#555555;*/
	border-left-color: #22a4f6; /*#BBBBBB;*/
	border-top-color: #34b1ff; /*#DDDDDD;*/
	border-width: 3px;
    border-style: solid;


}

.boxDial li a:hover {
	text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
	border-width: 3px;
    border-style: solid;
	background-color: #0066a7; /*#999999;*/
	border-bottom-color:  #001f33; /* #333333; */
	border-right-color: #003454; /*#555555;*/
	border-left-color:  #0073ba;  /* #BBBBBB; */
	border-top-color: #0089de;  /*#DDDDDD;*/

}

/*------------------- RIB ---------------------*/
table.transfer_tabs {
	border: 1px solid #777;
	border-collapse: collapse;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #0066a7;
}
table.transfer_tabs tr td {
	border: 1px solid;
	border: 1px solid #777;
}
table.transfer_tabs tr td.highlight {
background-color: #edf2fb;
}

/*------------------ Bar graph de progression ---------------*/
#boiteInfo {
	width:770px;
	padding:8px;
	border:1px solid #AFD3EB;
	float:right;
	font-size: 1.1em;
    display:none;
    text-align:center;
    background:#eeeeee;
}
.msg {
      width:300px;
      margin-left:auto;
      margin-right:auto;
      text-align:center;
      margin-top:100px;
	  margin-bottom:100px;
      padding:5px;
      border:1px solid gray;
      color:darkblue;
}
.msg img {
      margin-top:15px;
      margin-bottom:25px;
}