.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
.invisible {display: none}
img.alignleft, table.alignleft {float: left; margin: 0 5px 5px 0; text-align: left;}
img.alignright, table.alignright {float: right; margin: 0 0 5px 5px; text-align: left;}
table.aligncenter {margin: auto; text-align: left;}
a img {border-width: 0;}
form {margin: 0; padding: 0;}

/**********/
/* LAYOUT */
/**********/
body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #506368;
	background: #fff url(images/body.png) repeat-x 0 0;
}
a {
	color: #506368;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#document {
	width: 1000px;
	margin: auto;
	background: #fff url(images/document.png) repeat-y 0 0;
}
#documentInner {
	background: #fff url(images/documentInner.png) repeat-y 100% 0;
	padding-right: 4px;
	margin-left: 4px
}
#corps {
	width: 100%;
	overflow: hidden;
}
#colonneGauche {
	float: left;
	width: 128px;
}
#colonneDroite {
	float: right;
	width: 161px;
	margin: 1px 4px 0 0;
	background: #C6F3A4 url(images/colonneDroite.png) no-repeat 0 50px;
	font-size: 11px;
}
#contenu {
	float: left;
	width: 680px;
	margin-left: 15px;
}

/***************/
/* bandeauHaut */
/***************/
#bandeauHaut {
	background: url(images/bandeauHaut.png) no-repeat 100% 0;
	width: 100%;
	overflow: hidden;
	height: 110px;
}
#bandeauHaut h1 {
	margin: 20px 0 0 25px;
	padding: 0;
	float: left;
}
#bandeauHaut h1 img {
	display: block;
}

/*****************/
/* colonneGauche */
/*****************/
#formRecherche {
	background: url(images/formRecherche.png) no-repeat left top;
	height: 49px;
	margin-bottom: 8px;
}
#formRecherche p {
	padding: 22px 0 0 9px;
	margin: 0;
}
#clientPrivilege {
	margin: 0 ;
	background: transparent url("images/clientPrivilege.gif") no-repeat scroll -50px 0  ;
	padding-top: 25px;
	font-size: 11px;
	height:127px;
}
#clientPrivilegeInner {
	padding-bottom: 5px;
	width:121px
}
#clientPrivilege a {
	color: #000;
}
#clientPrivilege label {
	color: #000;
	line-height: 18px;
	font-weight: bold;
}
#clientPrivilege p {
	margin: 0;
	padding: 2px 4px;
}
#CLI_FACEMAIL_LOG, #CLI_PASSWORD_LOG, #searchString {
	border: 1px solid #5A443F;
	width: 85px;
	padding: 1px;
	margin: 0;
	font-size: 10px;
}
#CLI_SUBMIT_LOG, #searchSubmit {
	border: 1px solid #5A443F;
	border-left: none;
	cursor: pointer;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 8px;
	background-color: #A7EDB4;
	color: #5A443F;
}
#enUnClic {
	margin: 0 0 1px 5px;
}
#enUnClic img {
	display: block;
	margin-bottom: 1px;
}

/*****************/
/* colonneDroite */
/*****************/
#colonneDroiteInner {
	background: url(images/colonneDroiteInner.png) no-repeat 0 100%;
	padding-bottom: 5px;
	color: #4D4C36;
}
#colonneDroiteInner a {
	color: #4D4C36;
}
#dernierProduit {
	padding: 0 5px;
}
#dernierProduit h5 {
	font-size: 12px;
	margin: 0;
	padding: 5px 0 0 0;
	font-weight: normal;
	color: #BE1125;
}
#dernierProduit p {
	margin: 0;
	padding: 0;
}
#triPanier {
	font-style: italic;
	padding : 5px 5px 5px 7px;
}
#triPanier a.selected {
	color: #BE1125;
}
#panier {
	font-size: 9px;
	border-collapse: collapse;
	width: 151px;
	margin: auto;
}
#panier input {
	border: 1px inset #000;
	width: 15px;
	font-size: 9px;
	padding: 0px 1px;
	margin: 0;
}
#panier td {
	white-space: nowrap;
}
#panier th {
	font-weight: normal;
	text-align: left;
	padding: 6px 0 6px 2px;
}
#panier h4 {
	border-top: 1px solid #BE1125;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 5px 0;
}
#panier img {
	vertical-align: middle;
}
#totalPanier {
	text-align: center;
	background: url(images/totalPanier.png) no-repeat 0 0;
}
#totalPanier p {
	font-size: 13px;
	margin: 0;
	padding: 7px 0;
	font-weight: bold;
}
#totalPanier p strong {
	color: #BE1125;
}

/********/
/* menu */
/********/
#menu {
	height: 59px;
	margin: 0 6px 0 5px;
	background: url(images/menu.png) repeat-x 0 100%;
}
#menuJS {
	line-height: 11px;
}

/***********/
/* contenu */
/***********/
h2 {
	color: #fff;
	font-size: 18px;
	margin: 0 0 7px 0;
	padding: 5px 0 0 20px;
	height: 50px;
	background: url(images/h2.png) no-repeat 0 0;
	font-weight: normal;
	font-style: italic;
}
h2 a {
	color: #fff;
}
h4 {
	font-size: 11px;
	margin: 0 0 7px 0;
	padding: 5px 0 0 0px;
	font-weight: bold;
}
#contenu input, #contenu select, #contenu textarea, button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	border: 1px solid #000;
	padding: 0 2px;
}
#contenu select {
	padding: 0;
}
#contenu input.radio, #contenu input.checkbox, #contenu input.image {
	border: none;
}
#contenu input.submit, button {
	border-color: #1F4E6A;
	font-weight: bold;
	font-style: italic;
	margin: 3px 6px;
	cursor: pointer;
	background: #D7DE5B url(images/input.png) repeat-x 0 0;
	color: #000;
	font-size: 13px;
}


#ajoutListe{
cursor:pointer;
margin:0px ;
padding:0px;
float:right;
}



div.texte {
	padding: 0 5px;
}
div.texte p {
	margin: 0;
	padding: 5px 0;
}
div.texte ul {
	margin: 0;
	padding: 0 0 5px 35px;
}


/********************/
/* blocNomenclature */
/********************/
#blocNomenclature {
	width: 98%;
	margin: auto;
	overflow: hidden;
	margin-bottom: 10px;
}

/***********/
/* cmdHaut */
/***********/
#cmdHaut {
	border-collapse: collapse;
	margin: 5px 0
}
#cmdHaut td {
	width: 120px;
	color: #006A00;
	font-size: 14px;
	font-style: italic;
	font-weight: 500;
}
#cmdHaut td.selected {
	font-weight: 900;
}

/*******************/
/* tablo0 + tablo1 */
/*******************/
caption {
	background: url(images/caption.png) no-repeat 0 0;
	color: #006A00;
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	margin: 8px 0 0 0;
	padding: 5px 0;
	text-align: left;
}
.tablo0, .tablo1 {
	margin: 5px 0 15px 0;
	border-collapse: collapse;
	width: 100%;
}
.tablo1 a {
	color: #000;
}
.tablo1 tr.alter1 {
	background-color: #E9F0F2;
}
.tablo1 tr.alter2 {
	background-color: #D8E4E7;
}
.tablo1 th {
	background-color: #A9C523;
	color: #000;
	font-size: 13px;
	border: 1px solid #fff;
	font-style: italic
}
.tablo1 th a.selected {
	text-decoration: underline;
}
.tablo1 td {
	border: 1px solid #fff;
	padding: 2px 3px;
	color: #000;
}
.tablo1 td.planning {
	text-align: center;
}

/**********/
/* tablo2 */
/**********/
.tablo2 {
	margin: 5px auto 10px auto;
	border-collapse: collapse;
	width: 95%;
}
.tablo2 td {
	padding: 10px;
	width: 25%;
	text-align: center;
	vertical-align: bottom;
}
.tablo2 a img {
	display: block;
}
.tablo2 a.noImg {
	color: #174A13;
	display: block;
	font-weight: 900;
	font-size: 13px;
	border: 1px solid #C5CDDF;
	background: url(images/noImg.png) repeat-x 0 100%;
}

/**********/
/* tabloP */
/**********/
.tabloP {
	margin: 5px auto 10px auto;
	border-collapse: collapse;
	width: 98%;
}
.tabloP table {
	width: 95%;
	height: 213px;
	margin: 0 auto 15px auto;
	background:#EFF4CC  url(images/tabloP.png) repeat-x 0 100%;
	border:1px solid #DDE1E5;
}
.tabloP h4 {
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.tabloP strong {
	font-size: 16px;
}


/******************/
/* blocPagination */
/******************/
.blocPagination {
	width: 90%;
	margin: 0px auto 0px auto;
	position:relative;top:-10px;
	border-collapse: collapse; background-color: #E8EBEE;
}
.blocPagination td {
	width: 33%;
}
.blocPagination select {
	color: #506368;;
}
.blocPagination .col1 {text-align: left;}
.blocPagination .col2 {text-align: center;}
.blocPagination .col3 {text-align: right;}


/***********/
/* produit */
/***********/
#produit {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
}
#produit caption {
	text-align: left;
	font-size: 13px;
	font-style: italic;
	color: #506368;
	background: none;
}
#produit td {
	vertical-align: top;
	padding: 5px;
}
#produit td#produitDescription {
	width: 60%;
	font-size: 12px;
}
#produit td#produitDescription .texte {
	background: url(images/caption.png) no-repeat 0 0;
	padding: 5px;
	margin: 10px 0;
}
#produit td#produitPrix {
	color: #37592C;
	background: url(images/tabloP.png) repeat-x 0 100%;
	text-align: center;
	font-size: 12px;
	height: 5px;
}
#produit td#produitPrix strong {
	font-size: 16px
}
#produit td#produitPrix img {
	vertical-align: middle;
}
#produitLogo {
	background: url(images/caption.png) no-repeat 0 0;
}
#produitLogo img {
	margin: 5px;
}

/**************/
/* bandeauBas */
/**************/
#piedDePage {
	margin-top: 10px;	padding-left: 20px;
	padding: 5px 17px  5px;
	text-align: left;
	background: url(images/piedDePage.png) no-repeat 50% 0;
	color: #fff;
	height: 43px;
}

#piedDePage strong{
		padding: 5px 17px  5px;
}


#piedDePage a {
	color: #fff;
	padding: 0 10px;
	font-size: 11px;
	font-weight: bold;
}


/***********/
/* accueil */
/***********/
#accueil1 {
	width: 100%;
	border-collapse: collapse;
}
#blocNews {
	width: 184px;
	background: url(images/blocNews.png) no-repeat 6px 140px;


}

#blocNews div.scroll { overflow:auto; padding: 26px 6px 5px 8px; }


#blocPromo {
	width: 195px;
	background: #C6F3A4 url(images/blocPromo.png) no-repeat 0 0;
	padding: 10px 5px 5px 5px;
	font-size: 14px;
	color: #AB1123;
	font-weight: bold;
}
#blocPromo strong {
	color: #68674B;
}

#accueil2 {
	margin: 20px auto 0 auto;
	width: 98%;
	height: 129px;
	background: transparent /*url(images/accueil2.png)  100% 100%  */;
	border-collapse: collapse;
}
#accueil2 h2 {
	color: #BE1125;
	font-size: 16px;
	margin: 0 0 4px -10px;
	padding: 0 0 0 20px;
	background: url(images/accueilH2.png) no-repeat 0 2px;
	font-style: normal;
	white-space: nowrap;
}

#blocBG {
	background: /*url(images/accueilBG.png) no-repeat 0 0 */;
}
#blocBC {
	background: /* url(images/accueilBC.png) no-repeat 0 0 */;
}
#blocBD {
	background: /*url(images/accueilBD.png) no-repeat 0 0  */ ;
}

/********************/
/*	Lightbox		*/
/********************/
#cover {
	display: block;
	z-index: 100;
	filter: alpha(Opacity = 55);
	opacity: .55;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #555;
	cursor: wait;
}
#ownFrame iframe{
	padding: 0;
	margin: 0;
	width: 100%;
}
#documentPopup{
	overflow: hidden;
	margin: 0;
	padding: 0px 10px 10px 10px;
}

#documentPopup h2 {
    background-image:none ;
	color: #466D3E;
	font-size: 16px;
	margin: 0 0 0px -10px;
	padding: 0 0 0 10px;
	font-style: normal;
	white-space: nowrap;
	font-weight:bold; height:20px;
}



#hautProduit {
display: block;
background-color:#388C23;
height: 20px;
font-size: 11px;

color: #000000;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}

#hautProduit table.tablo1 td{ font-size: 11px!important;   }

/* =========================== LISTE DE COURSES =================================== */


#listeDecourse {
background: #fff url("images/voslistedecourses.gif") no-repeat scroll 0px 0 ;
height:126px;
padding-bottom:20px;
  }
#listeDecourse h3 {  padding:10px 6px 0; font-size:13px ;margin:0 0 0 0;text-indent:20px;}
#listeDecourse p {  padding:4px 6px 0;margin:0 0 0 0}
#listeDecourse p a {
font-weight:bold;
padding:0 0 0 10px;margin:0 0 0 0
}