/* CSS Supersmart */

BODY {
	background-color: #F5F5F5;
	font: 1em/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

H1 {
        margin: 1px 0px 4px 0px;
	font: bold 21px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 2px;
	color: #cf7220;
}

H2 {
    margin-top: 1.5em;
    margin-bottom: 1em;
	font: 21px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	color: #A16600;
}

H3 {
    margin: 3px;
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #A16600;
}

H4 {
   	margin-top: 2em;
   	margin-bottom: 2em;
	font: 21px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	color: #A16600;
}

H5 {
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 2px;
	color: #cf7220;
}

/* Referencement: ces balises se veulent le plus neutres possible afin de ne pas modifier les styles existants */
H6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	padding: 0px;
	display:inline;
}

A.ref:visited, A.ref:active, A.ref:link, A.ref:hover{
	text-decoration: none;
}

/* /Referencement */

TABLE.base_table {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

TABLE.table_pages {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

TABLE.table_vert_clair {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #DAE8C7;
}

SPAN.titre_marron {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #A16600;
}

DIV.titre_marron {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #A16600;
}

DIV.titre_noir {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

DIV.titre_orange {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #cf7220;
}

DIV.titre_vert {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #006837;
}

SPAN.titre_vert {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #006837;
}

DIV.fond_image_article {
	background-color:#dae8c7;
}

TABLE.fond_image_article {
	margin-left:5px;
	margin-right:10px;
	background-color:#dae8c7;
}

SPAN.titre_categorie {
	font: bold 21px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
        /* color: #006837; */
}

DIV.base_div {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	text-align: left;
}

DIV.base_div_center {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	text-align: center;
}

DIV.description {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	text-align: left;
	line-height: 16px;
	/* border: 1px solid black; */
	/* text-indent: 10px; */
}

DIV.description:first-letter {
	font-size: 15px;
	/* float: left; */
}

DIV.small_desc {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

DIV.small_desc:first-letter {
	font-size: 12px;
}

SPAN.small {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

SPAN.warning {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #DC143C;
}

DIV.promo {
	display: inline;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
 	border: 2px solid gray;
	padding: 7px;
	color: #cf7220;	
}

DIV.promo2 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
 	border: 2px solid gray;
	padding: 7px;
	color: #cf7220;	
}

SPAN.promo {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	color: #cf7220;	
}

SPAN.good {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	/* color: #228B22; */
	color: #cf7220;
}

SPAN.posowarn {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
}

TABLE.table_compo {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	background:  #DAE8C7;
	border: 3px solid #006837;
	border-collapse: collapse;
}

.table_compo TD {
	border: 3px solid #006837;
	padding: 3px;
}

TABLE.cmd_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid gray;
}

TR.lignes_cmd_head {
	background: #BFDB9B; /*ButtonFace;*/
}

.lignes_cmd_head TD {
	/* border:	1px solid gray;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; */
	white-space: nowrap;
	text-align: center;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor : help;
}

A.menu_link {
	color: #006837;
/*	color: #CF7220;*/
	font-weight: bold;
}

A.menu_link:visited {
	color: #669900;
	text-decoration: none;
}

A.menu_link:active, A.menu_link:link {
	text-decoration: none;
}

A.menu_link:hover {
	text-decoration: underline;
}

A.small_menu_link {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #006837;
}

A.small_menu_link:active, A.small_menu_link:link, A.small_menu_link:visited {
	text-decoration: none;
}

A.small_menu_link:hover {
	text-decoration: underline;
}

A.bt_link {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #006837;
}

A.bt_link:visited, A.bt_link:active, A.bt_link:link, A.bt_link:hover {
	text-decoration: none;
}

A.moncompte_navig:visited, A.moncompte_navig:active, A.moncompte_navig:link, A.moncompte_navig:hover {
	text-decoration: none;
}

A.articles_navig:visited, A.articles_navig:active, A.articles_navig:link, A.articles_navig:hover {
	text-decoration: none;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #006837;
}

.articles_navig_2 {
	text-decoration: none;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;	
	background: #BFDB9B;
	/* border: 1px solid #006837; */
}

IMG.img_cadre {
	border: 1px solid gray;
}

DIV.serror {
	padding: 15px;
	text-align: center;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

DIV.error {
    	margin-top: 3em;
    	margin-bottom: 3em;
	border: 1px solid gray;
	width: 70%;
	padding: 20px;
	text-align: center;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

TD.log {
	margin: 20px;
	padding: 20px; 
	border: 1px solid gray;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

FORM {
	margin: 0;
}

FIELDSET {
	display: inline;
	background-color: #F5F5F5;
	/* padding-top: 50px; don't work */
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
}

LEGEND {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	/* font-style: italic; */
	/* letter-spacing: 1px; */
	color: black;
}

LABEL {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	cursor : help;
}

LABEL.small {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	cursor : help;
}

SELECT { 
	background-color: #FFF8DC;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

INPUT.itext {
	background-color: #FFF8DC;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

INPUT.icheckbox { 
    	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
/*	width: 16px;
	height: 16px; */
}

INPUT.ibutton { 
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	padding: 1px;
}

INPUT.mibutton { 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 1px;
}

INPUT.cibutton { 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 1px;
	background: #DCDCDC;
}

INPUT.delbutton { 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	background: #DCDCDC;
	width: 16px;
	height: 20px;
	padding: 0px;
	color: red;
}

TABLE.form_table {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

LI {
	list-style: disc;
}

DIV.bt_menu {
    	cursor: pointer;
}

.sort-table {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	border-top: 0px;
	/* empty-cells: show; */
}

.sort-table thead {
	background: ButtonFace;
}

.sort-table thead td {
	border:	1px solid gray;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	cursor:	pointer;
	white-space: nowrap;
	text-align: center;
}

.sort-table thead td:active {
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	padding: 3px 4px 1px 6px;
}

.sort-table thead td[_sortType=None]:active {
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	padding: 2px 5px;
}

.sort-table td {
	padding: 2px 5px;
}

.sort-arrow {
	width: 11px;
	height:	11px;
	background-repeat: no-repeat;
	background-position: bottom center;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 3px;
	margin-bottom: 1px;
}

.sort-arrow.descending {
	background-image: url("../images/downsimple.png");

}

.sort-arrow.ascending {
	background-image: url("../images/upsimple.png");
}

TR.even {
	background: #fff;
}

TR.odd {
	background: #eee; /* #dddddd */
}