/***********************************************************
Netfective technology
Intermarché Ecommerce - Feuille de style crée par Joan AMORENA
************************************************************/
/* STYLES GENERAUX */
body {
	background-color:#F7F7F7;
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	font-family: Arial;
	font-size: 11px;
	color: #262626;
	min-width: 994px;
	border: 0 none;
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
a {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
img {
	border: 0px;
}
input {
	border:1px solid #a0a0a0;
}
input:focus {
	border:1px solid black;
}
.noBorder {
	border:0;
}
select {
	border:1px solid #b3b3b3;
	font-family:Tahoma;
	font-size:9px;
	font-weight:bold;
	color:Black;
}
h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-align: center;
}
/** Polices **/
.orange {
	color:#ef8410;
}
.bold {
	font-weight:bold;
}
.ligneGrise {
	background:#e6e6e6;
}
.ligneBleue {
	background:#b7d5f2;
}
.tahomaBold11pxBlack {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
}
.tahomaBold9pxBlackBold {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#000;
}
.tahoma11pxRougeBold {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#bf0000;
}
.tahoma12px {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}
.tahoma12pxGris {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#8a8a8a;
}
.tahoma12pxNoir {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000;
}
.tahoma12pxNoirBold {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
}
.arial9pxgris, .arial9pxgris a {
	font-family:Arial, Helvetica, sans-serif;
	color:#7f7e7e;
	font-size:9px;
}
.arial10pxBlack {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	font-weight:normal;
}
.arial10pxRedBold {
	color:#990000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
.arial11pxMajuscule {
	font-family:Arial;
	font-size:11px;
	color:#818181;
	font-variant:small-caps;
	font-weight:bold;
}
.arial11pxGrey, .arial11pxGrey a {
	color:#717171;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.arial12pxRougeBold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#bf0000;
}
.arial13pxNoir {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
}
.tahoma9pxBoldOrange {
	color:#ef8410;
	font-size:9px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
}
.arial14pxBlackBold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	font-weight:bold;
}
.arial18pxRougeBold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#bf0000;
}
.tahoma16pxBold {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
}
.arial16BlackBold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	font-weight:bold;
}
.arial14pxBlack {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}
.arial14pxBlackBold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	font-weight:bold;
}
.arial14pxBoldRed {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#bf0000;
}
.arial9pxNoir {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:9px;
}
.arial9pxNoirBold {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:9px;
	font-weight:bold;
}
.arial11pxOrangeBold {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ff9600;
}
.arial12pxWhiteBold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
}
.arial12pxWhite {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}
.arial16pxWhiteBold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
}
.arial11pxWhite, .arial11pxWhite a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
}
.arialBold18pxRed {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#bf0000;
}
.arial22pxBoldVert {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#7f9781;
}
.arial22pxBoldOrange {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#ffb236;
}
.arial22pxBoldMarron {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#8c8477;
}
.arial20pxBoldMarron {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#8c8477;
}
.tahoma14RougeBold {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#bf0000;
	font-weight:bold;
}
.tahomaOrange9pxBold {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#ef8410;
}
.tahoma11pxBlack {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#000;
}
.tahoma11pxBoldBlack {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000;
}
.tahoma10pxBlack {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	color:#000;
}
.arialMarron10px, .arialMarron10px a {
	color:#65544a;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.arialMarron11px, .arialMarron11px a {
	color:#65544a;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.arialMarronBold11px {
	color:#65544a;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
.arial11pxMarron, .arial11pxMarron a {
	color:#65544a;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.arialVert11px, .arialVert11px a {
	color:#74840b;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.tahomaRed10pxBold {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	color:#bf0000;
	font-weight:bold;
}
.arialBlack20px {
	font-family:Arial, Geneva, sans-serif;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-1px;
}
.blancGrasPourBtnRouge a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
.arial10pxGris, .arial10pxGris a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#7f7f7f;
}
.arial10pxGrisClair, .arial10pxGrisClair a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#969696;
}
.arial11pxBold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
.arial12pxBold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.arial18pxBlack {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#000;
}
.arialRed18px {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#bf0000;
}
.arialRed11pxBold {
	font-size:11px;
	font-weight:bold;
	color:#bf0000;
}
.arial11pxGris, .arial11pxGris a {
	color:#969696;
	font-size:11px;
	font-family:Arial;
}
.tahoma9px {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9px;
}
.tahoma9pxBold {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9px;
	font-weight:bold;
}
.tahomaRouge12pxBold {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#bf0000;
}
.arialBold18pxBlack {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000;
}
.rougeBold {
	color:#bf0000;
	font-weight:bold;
}
.articleBDMenuIntersection {
	float:left;
	width:1px;
	height:48px;
	background:url(/Ressources/images/bg/border_gris.gif) no-repeat center;
}
.arialVert11pxBold {
	font-weight:bold;
	color:#83a00a;
	padding-left:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.arialRouge13pxBold {
	font-weight:bold;
	color:#990000;
	font-size:13px;
}
/*mise en page*/
.picto_droite66 {
	width:66px;
	height:66px;
}
.picto_droite43 {
	width:43px;
	height:43px;
}
.txt-orange-gras {
	font-weight: bold;
	color: #ff9400;
}
.txt-orange-gras-big {
	font-weight: bold;
	color: #ff9400;
	font-size: 14px;
}
.txt-rouge-gras {
	font-weight: bold;
	color: #ff1c00;
}
.txt-green {
	color: #84bf14;
}
.txt_explain {
	color: #CCCCCC;
	font-size: 10px;
}
.separ6 {
	padding-top: 6px;
}
.input-form {
	width: 100px;
	border: #e5e5e5 solid 1px;
	font-size: 11px;
	height: 14px;
}
.input-form-alerte {
	width: 100px;
	border: #ff1c00 solid 1px;
	font-size: 11px;
	height: 14px;
}
.input-form1 {
	width: 20px;
	border: #e5e5e5 solid 1px;
	font-size: 11px;
	height: 14px;
}
.input-form1-alerte {
	width: 20px;
	border: #ff1c00 solid 1px;
	font-size: 11px;
	height: 14px;
}
.input-form2 {
	width: 150px;
	border: #e5e5e5 solid 1px;
	font-size: 11px;
	height: 14px;
}
.input-form2-alerte {
	width: 150px;
	border: #ff1c00 solid 1px;
	font-size: 11px;
	height: 14px;
}
.input-form3 {
	width: 360px;
	border: #e5e5e5 solid 1px;
	font-size: 11px;
	height: 14px;
}
.input-form3-alerte {
	width: 360px;
	border: #ff1c00 solid 1px;
	font-size: 11px;
	height: 14px;
}
.input-form4 {
	width: 50px;
	border: #e5e5e5 solid 1px;
	font-size: 11px;
	height: 14px;
}
.input-form4-alerte {
	width: 50px;
	border: #ff1c00 solid 1px;
	font-size: 11px;
	height: 14px;
}
.input-form5 {
	border: #e5e5e5 solid 1px;
	font-size: 11px;
}
.error {
	color: #ff1c00;
}
/* container global */
.contain-all {
	width: 100%;
}
.border-left {
	width: 4px;
	background: url(/ressources/images/bg/bg_left.gif) repeat-y;
}
.border-right {
	width: 4px;
	background: url(/ressources/images/bg/bg_right.gif) repeat-y;
}
.recherche-bg {
	width: 100%;
	height: auto;
	background: url(/Ressources/images/bg/bg_recherche.jpeg);
}
.detail-liste-bg {
	width: 100%;
	height: auto;
	background: url(/Ressources/images/bg/bg_ListeCourses_Haut.jpeg);
}
.top_bandeau {
	width: 672px;
	height: 145px;
}
/*menu*/
.contain-menu {
	background: url(/ressources/images/bg/bg_menu.gif) repeat-x;
	width: 100%;
	height:49px;
}
.menu {
	width:969px; /* width: 952px; /* FCA - 05/05/2010 : modification temporaire de la largeur pour faire entrer l'ombrage à droite des popups univers */
	text-align: left;
	padding-right : 0;/*padding-right : 15px;*/
	position:static;
	margin:0 auto;
}
.contain-recherche {
	float: left;
}
.contain-recherche2 {
	float: left;
	padding-top: 6px;
}
.contain-recherche2 input {
	border: #FFFFFF solid 0px;
	width: 110px;
}
.contain-recherche3 {
	float: left;
	padding-top: 6px;
	padding-left: 5px;
}
.contain-recherche4 {
	float: left;
	padding-top: 6px;
	margin-left: 3px;
}
.contain-recherche4 input {
	border: #e5e5e5 solid 2px;
	width: 250px;
}
/* Pages index */
.logo-index-drive {
	background: url(/ressources/images/bg/bg_logo_drive_index.gif) no-repeat;
}
.logo-index {
	background: url(/ressources/images/bg/bg_logo_index.gif) no-repeat;
}
.contain-index {
	width: 967px;
	margin-top: 200px;
}
.container-global-index {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 573px;
	width: 945px;
	margin-left: -471px;
	margin-top: -286px;
	background: #FFFFFF;
	border: outset 2px Gray;
	padding: 0px 0px 0px 0px;
}
.container-central-index {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
}
.border-left-index {
	width: 25px; /*background:url(/ressources/images/bg/bg_left-index.gif) repeat-y*/
}
.border-right-index {
	width: 25px; /*background:url(/ressources/images/bg/bg_right-index.gif) repeat-y*/
}
.bottom-index {
	width: 967px;
	background: url(/ressources/images/bg/bg_bottom-index.gif) no-repeat;
	height: 91px;
	margin-right: 4px;
	margin-top: 2px;
	font-size: 10px;
	text-align: right;
	color: #777777;
}
.bottom-index div {
	text-align: center;
}
.bottom-index a {
	font-size: 10px;
	color: #9d9d9d;
	text-decoration: none;
}
.contain-bottom {
	width: 967px;
	background: #FFFFFF;
}
a.link-index:link, a.link-index:visited, a.link-index:active {
	color: #333333;
}
a.link-index:hover {
	color: #333333;
	text-decoration: none;
}
.pic1 {
	float: left;
	margin: 10px;
	padding-left: 10px;
}
.pic2 {
	float: left;
	margin: 10px;
}
.bg_pave_haut {
	background: url(/Ressources/images/bg/bg_pavehaut.gif) repeat-x;
	padding: 2px;
	height: 191px;
	width: 254px;
	margin: 0;
}
.bg_pave_bas {
	background: url(/Ressources/images/bg/bg_pavebas.gif) repeat-x;
	padding: 2px;
	height: 191px;
	width: 254px;
	margin: 0;
}
.pave_haut {
	height: 187px;
	width: 254px;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 11px;
	background-color: White;
	border: 0;
}
.pave_haut_titre {
	background: url(/Ressources/images/homepage/titre-choix-pdv.gif) no-repeat;
	padding: 0;
	margin: 0;
	width: 254px;
	height: 27px;
}
.pave_bas {
	/*height: 187px; */
	width: 254px;
	float: left;
	margin: 0;
	background-color: White;
	border: solid 2px #505559;
}
.pave_contenu {
	/*background: url(/ressources/images/bg/bg_deja_total.gif) no-repeat;*/ /*padding-right : 9px;*/
	/*border-bottom: solid 1px #DBDBDB;*/
	height: 127px;
}
.pave_bas_titre {
	background: url(/Ressources/images/homepage/titre-choix_password.png) no-repeat;
	padding: 0;
	margin: 0;
	width: 254px;
	height: 27px;
}
.pave_bas_pied {
	background: url(/Ressources/images/homepage/picto_bas_cadenas.gif) no-repeat;
	padding-left: 30px;
	padding-top: 10px;
	vertical-align: bottom;
	position: relative;
	height: 21px;
	border-top: solid 1px #DBDBDB;
	margin-top:20px;
}
.pave_haut_pied {
	background: url(/Ressources/images/homepage/picto_haut_carte.gif) no-repeat;
	padding-left: 38px;
	padding-top: 10px;
	vertical-align: bottom;
	position: relative;
	height: 20px;
}
.table-titre-index {
	background: url(/ressources/images/bg/bg-index-thead.gif) repeat-x;
	border-left: #e1dfdb solid 1px;
	border-right: #e1dfdb solid 1px;
}
.index-titre {
	padding: 14px 0 0 3px;
	margin: 0 0 -14px 20px;
	font-size: 14px;
	color: #a4a3a3;
	font-weight: bold;
	background: url(/ressources/images/bg/bg-index-thead-font.gif) repeat-x;
	height: 44px;
}
.table-titre-index-alone {
	background: url(/ressources/images/bg/bg-index-thead.gif) repeat-x;
	border-left: #e1dfdb solid 1px;
	border-right: #e1dfdb solid 1px;
	border-top: #e1dfdb solid 1px;
}
.table-central-index {
	border-bottom: #e1dfdb solid 1px;
	border-left: #e1dfdb solid 1px;
	border-right: #e1dfdb solid 1px;
	border-top: #e1dfdb solid 0px;
}
.table-central-index thead td {
	background: #f1f1f1;
	border-bottom: #c8c7c7 dashed 0px;
	padding: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #434343;
}
.table-central-index-separ {
	border: #FFFFFF solid 0px;
	height: 10px;
	background: #fff;
	display: inherit;
}
.table-central-index tfoot td {
	border: 0px;
	height: 32px;
	background: url(/ressources/images/bg/bg_foot-index.gif) repeat-x;
}
.table-central-index td {
	border-bottom: #c8c7c7 dashed 1px;
	padding: 2px 2px 2px 6px;
}
.table-central-index div {
	margin: 10px 5px 20px 5px;
}
a.table-index-link:link, a.table-index-link:active, a.table-index-link:visited {
	font-size: 12px;
	color: #ff8200;
	font-weight: bold;
	text-decoration: none;
}
a.table-index-link:hover {
	font-size: 12px;
	color: #ff8200;
	font-weight: bold;
	text-decoration: underline;
}
.bt-bottom-index {
	text-align: center;
	margin: 5px;
}
/*pages formulaires*/

.table-form-liste {
	border-bottom: #e1dfdb solid 1px;
	border-left: #e1dfdb solid 1px;
	border-right: #e1dfdb solid 1px;
	border-top: #e1dfdb solid 1px;
	margin: 8px 0 8px 0;
}
.table-form-liste thead td {
	background: #f1f1f1;
	border-bottom: #c8c7c7 dashed 0px;
	padding: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #434343;
}
.table-form-liste td {
	border-bottom: #c8c7c7 dashed 0px;
	padding: 4px;
}
.table-form-liste select {
	width: 150px;
	font-size: 11px;
	height: 19px;
}
.table-creneaux {
	border-bottom: #e1dfdb solid 1px;
	border-left: #e1dfdb solid 1px;
	border-right: #e1dfdb solid 1px;
	border-top: #e1dfdb solid 1px;
	margin: 8px 0 8px 0;
	padding: 10px;
}
.table-creneaux thead td {
	background: #f1f1f1;
	border-bottom: #c8c7c7 dashed 0px;
	padding: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #434343;
}
.table-creneaux td {
	border-bottom: #c8c7c7 dashed 0px;
}
.table-brique {
	border: #e1dfdb solid 1px;
	margin: 10px;
}
.table-brique td {
	padding: 4px 4px 4px 8px;
}
.pdv-brique {
	height: 57px;
	width: 340px;
	background: url(/ressources/images/bg/bg_pdv_brique.gif) no-repeat;
	margin: -4px -4px -4px -8px;
	padding-top: 1px;
}
.entete-form {
	background: url(/ressources/images/bg/bg_entete_form.gif) repeat-x;
	font-weight: bold;
	font-size: 12px;
	color: #434343;
	height: 30px;
}
.contain-enete-picto {
	float: left;
}
.contain-enete-txt {
	padding-top: 8px;
}
.contain-enete-right {
	float: right;
	margin-top: -23px;
}
.table-form {
	border-bottom: #e1dfdb solid 1px;
	border-left: #e1dfdb solid 1px;
	border-right: #e1dfdb solid 1px;
	border-top: #e1dfdb solid 0px;
	margin: 0 0 8px 0;
}
.table-form td {
	padding: 4px;
}
.table-form2 {
	border-bottom: #e1dfdb solid 0px;
	border-left: #e1dfdb solid 1px;
	border-right: #e1dfdb solid 1px;
	border-top: #e1dfdb solid 0px;
	margin: 0 0 0 0;
}
.table-form2 thead td {
	background: #f1f1f1;
	border-top: #e1dfdb solid 1px;
	padding: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #434343;
}
.table-form2 td {
	padding: 4px;
}
.table-form2 select {
	width: 150px;
	font-size: 11px;
	height: 19px;
}
.table-gray2 {
	padding: 4px 0 4px 8px;
	background: #f1f1f1;
	border-bottom: #e1dfdb solid 0px;
	border-left: #e1dfdb solid 1px;
	border-right: #e1dfdb solid 1px;
	border-top: #e1dfdb solid 0px;
	margin: 0 0 0 0;
}
.table-gray {
	padding-left: 4px;
	background: #f1f1f1;
	border-bottom: #e1dfdb solid 1px;
	border-left: #e1dfdb solid 1px;
	border-right: #e1dfdb solid 1px;
	border-top: #e1dfdb solid 0px;
	margin: -8px 0 8px 0;
}
.table-commande {
	border-bottom: #dedede solid 1px;
	border-left: #dedede solid 1px;
	border-right: #dedede solid 1px;
	border-top: #dedede solid 0px;
	border-collapse: collapse;
}
.table-commande thead td {
	background: #f1f1f1;
	border-bottom: #c8c7c7 dashed 0px;
	padding: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #434343;
	font-size: 11px;
	font-weight: normal;
}
.table-commande td {
	font-size: 11px;
	color: #000;
	border-right: #e5e3e4 dashed 1px;
	border-top: #e5e3e4 solid 1px;
	padding: 2px;
}
.table-commande tfoot td {
	border-top: #e5e3e4 solid 1px;
	height: 32px;
	background: url(/ressources/images/bg/bg_foot-index.gif) repeat-x;
}
.table-commande tfoot span {
	font-size: 10px;
	color: #777777;
}
.table-liste-course {
	border-bottom: #dedede solid 1px;
	border-left: #dedede solid 1px;
	border-right: #dedede solid 1px;
	border-top: #dedede solid 0px;
	border-collapse: collapse;
}
.table-liste-course thead td {
	background: #f1f1f1;
	border-bottom: #c8c7c7 dashed 0px;
	padding: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #434343;
	font-size: 11px;
	font-weight: normal;
}
.table-liste-course td {
	font-size: 11px;
	color: #000;
	border-right: #e5e3e4 dashed 1px;
	border-top: #e5e3e4 solid 1px;
	padding: 2px;
}
a.bulle {
	margin: 0;
	position: relative;
	text-decoration: none;
}
a.bulle div {
	display: none;
	width: 134px;
	height: 108px;
}
a.bulle:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
	font-size: 11px;
	color: #000;
}
a.bulle:hover div {
	display: inline;
	position: absolute;
	top: -8em;
	left: 2em;
	background-image: url(/ressources/images/bulle.gif);
	filter: alpha(opacity=95);
	background-repeat: no-repeat;
	text-align: left;
	color: #000000;
	width: 132px;
	height: 108px;
	padding: 8px 0 0 8px;
}
img.info_image {
	margin: 5px 0 0 5px;
}
/*Séparateur*/
.separ {
	background-color: #FFFFFF;
	float: left;
	width: 100%;
}
/* partie centrale */
.contain-content {
	width: 100%;
	float: left;
}
.container-central {
	background-color: #FFFFFF;
	vertical-align: top;
	width:967px;
	border-left: 1px solid #e8e4e3;
	border-right: 1px solid #e8e4e3;
	border-top:1px solid #e8e4e3;
	margin-left : auto;
	margin-right: auto;
}
.contain-contenu {
	width: 100%;
	padding-bottom: 10px;
}
.onglets-central {
	background: url(/ressources/images/bg/bg_onglet.gif) repeat-x;
	text-align: center;
	width: 100%;
	height: 51px;
}
.table-central-home {
	padding: 5px 5px 5px 5px;
	border-bottom: #e1dfdb solid 1px;
	border-left: #e1dfdb solid 1px;
	border-right: #e1dfdb solid 1px;
}
.td-contenu-magasin {
	padding: 10px 4px 0 1px;
}
.td-contenu {
	padding: 10px 4px 0 10px;
}
.titre {
	background: url(/ressources/images/bg/bg_titre.gif) repeat-x;
	height: 58px;
	border-bottom: #f0eeee solid 1px;
}
.pic-titre {
	float: left;
}
.align-titre {
	padding-top : 15px;
	position: inherit;
	left: 345px;
	top: 135px;
	width: 318px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
}
.pdv {
	float: right;
	height: 58px;
	width: 388px;
	background: url(/ressources/images/bg/bg_pdv.gif) no-repeat;
}
.pdv-map {
	float: left;
}
.pdv-adresse {
	width: 148px;
	margin-top: 6px;
	font-family: Arial;
	font-size: 11px;
	float: left;
}
.pdv-zoom {
	float: right;
	margin-top: 8px;
}
a.link:link, a.link:visited, a.link:active {
	color: #f30a02;
}
a.link:hover {
	color: #f30a02;
	text-decoration: none;
}
.step {
	float: right;
	height: 58px;
	width: 320px;
	background: url(/ressources/images/bg/bg_pdv.gif) no-repeat;
}
.fil {
	background: url(/ressources/images/bg/bg_fil.gif) no-repeat;
	height: 20px;
}
a.link-fil:link, a.link-fil:visited, a.link-fil:active {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	text-decoration:underline;
}
a.link-fil:hover {
	color: #000000;
	font-size: 11px;
	text-decoration: underline;
}
a.link-fil-select:link, a.link-fil-select:visited, a.link-fil-select:active {
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	cursor : default;
}
a.link-fil-select:hover {
	color: #f81203;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}
.table-central {
	padding: 10px 2px 10px 2px;
}
.contain-rayon {
	background: url(/ressources/images/bg/bg_rayon.gif) no-repeat;
	height: 71px;
	width: 195px;
	float: left;
	padding-bottom: 10px;
}
a.rayon:link, a.rayon:visited, a.rayon:active {
	color: #ff9400;
	text-decoration: none;
	font-weight: bold;
	padding: 0 0 0 2px;
}
a.rayon:hover {
	color: #ff9400;
	font-weight: bold;
	text-decoration: underline;
	padding: 0 0 0 2px;
}
a.rayon-pdt:link, a.rayon-pdt:visited, a.rayon-pdt:active {
	color: #000000;
	text-decoration: none;
}
a.rayon-pdt:hover {
	color: #000000;
	text-decoration: underline;
}
.table-rayon thead tr {
	background: url(/ressources/images/bg/bg-rayons-thead.gif) repeat-x;
	height: 27px;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	text-align: center;
	border-top: #e5e3e4 solid 0px;
}
.table-rayon tfoot td {
	border-top: #e5e3e4 solid 1px;
	height: 32px;
	background: url(/ressources/images/bg/bg_foot-index.gif) repeat-x;
}
.table-rayon tfoot span {
	font-size: 10px;
	color: #777777;
}
.table-rayon td {
	font-size: 11px;
	color: #000;
	border-right: #e5e3e4 dashed 1px;
	border-top: #e5e3e4 solid 1px;
	padding: 2px;
}
.table-rayon-recherche {
	border-bottom: #d2d4d3 solid 1px;
	border-left: #d2d4d3 solid 1px;
	border-right: #d2d4d3 solid 1px;
	border-top: #e5e3e4 solid 1px;
	border-collapse: collapse;
}
.table-rayon-recherche thead tr {
	background-color: #B3B3B3;
	height: 34px;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	text-align: center;
	padding-top: 5px;
	vertical-align: text-top;
}
.table-rayon-recherche tfoot td {
	border-top: #e5e3e4 solid 1px;
	height: 32px;
	background: url(/ressources/images/bg/bg_foot-index.gif) repeat-x;
}
.table-rayon-recherche tfoot span {
	font-size: 10px;
	color: #777777;
}
.table-rayon-recherche td {
	font-size: 11px;
	color: #000;
	border-right: #e5e3e4 dashed 1px;
	border-top: #e5e3e4 solid 1px;
	padding: 2px;
}
.table-number {
	border: #000000 solid 0px;
}
.table-number td {
	border: #000000 solid 0px;
}
.categorie {
	background-color: #a6caf0;
	height: 25px;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
}
.contain-produit {
	float: left;
	margin: 2px;
}
.photo-produit {
	background: url(/ressources/images/bg/bg_mea_fat.gif) no-repeat;
	padding-top: 5px;
}
/*Créneaux horaires*/

.creneau-bt {
	text-decoration: none;
	color: #3a3a3a;
	width: 55px;
	height: 17px;
	float: left;
	font-size: 11px;
}
a.creneau-bt {
	text-decoration: none;
	color: #3a3a3a;
	background: url(/ressources/images/planning/planning_disponible.gif) no-repeat;
	width: 55px;
	height: 17px;
	text-align: center;
	padding-top: 2px;
	margin-bottom: -2px;
}
a.creneau-bt:hover {
	text-decoration: none;
	color: #fff;
	background: url(/ressources/images/planning/planning_disponibleb.gif) no-repeat;
	width: 55px;
	text-align: center;
}
a.creneau-sel {
	width: 55px;
	height: 17px;
	float: left;
	text-decoration: none;
	color: #fff;
	background: url(/ressources/images/planning/planning_disponible_on.gif) no-repeat;
	text-align: center;
	padding: 2px 0 0 5px;
	margin: 0 -5px -2px 0;
	text-align: left;
}
a.creneau-sel:hover {
	width: 55px;
	height: 17px;
	float: left;
	text-decoration: none;
	color: #fff;
	background: url(/ressources/images/planning/planning_disponible_on.gif) no-repeat;
	text-align: center;
	padding: 2px 0 0 5px;
	margin: 0 -5px -2px 0;
	text-align: left;
}
.creneau-bt-offert {
	text-decoration: none;
	color: #3a3a3a;
	width: 55px;
	height: 34px;
	float: left;
	font-size: 11px;
}
a.creneau-bt-offert {
	text-decoration: none;
	color: #3a3a3a;
	background: url(/ressources/images/planning/planning_disponible_offert.gif) no-repeat;
	width: 55px;
	height: 34px;
	text-align: center;
	padding-top: 2px;
	margin-bottom: -2px;
}
a.creneau-bt-offert:hover {
	text-decoration: none;
	color: #fff;
	background: url(/ressources/images/planning/planning_disponibleb_offert.gif) no-repeat;
	width: 55px;
	text-align: center;
}
a.creneau-sel-offert {
	width: 55px;
	height: 34px;
	float: left;
	text-decoration: none;
	color: #fff;
	background: url(/ressources/images/planning/planning_disponible_offert_on.gif) no-repeat;
	text-align: center;
	padding: 2px 0 0 5px;
	margin: 0 -5px -2px 0;
	text-align: left;
}
a.creneau-sel-offert:hover {
	width: 55px;
	height: 34px;
	float: left;
	text-decoration: none;
	color: #fff;
	background: url(/ressources/images/planning/planning_disponible_offert_on.gif) no-repeat;
	text-align: center;
	padding: 2px 0 0 5px;
	margin: 0 -5px -2px 0;
	text-align: left;
}
/*partie gauche*/
.container-left {
	width: 182px;
	background-color: #E1E1E1;
	vertical-align: top;
}
.left-magasin {
	margin: 0 0 0 2px;
	padding: 2px 0 0 4px;
	background: url(/ressources/images/bg/bg_magasin_left.gif) no-repeat;
	width: 175px;
	height: 68px;
}
.left-magasinbt {
	height: 68px;
	margin: 1px 0 0 3px;
	padding: 0 0 0 3px;
	background: #f7f7f7;
	width: 168px;
	border: #f7f7f7 solid 1px;
	cursor: hand;
}
a.left-magasinlink {
	font-family: Arial;
	font-size: 11px;
	color: #93908e;
}
a.left-magasinlink:hover {
	font-family: Arial;
	font-size: 11px;
	color: #93908e;
	text-decoration: none;
}
.left-adresse {
	margin: 0 0 0 2px;
	padding: 2px 0 0 4px;
	background: url(/ressources/images/bg/bg_adresse_left.gif) no-repeat;
	width: 175px;
	height: 75px;
}
.left-adressebt {
	margin: 1px 0 0 3px;
	padding: 0 0 0 3px;
	background: #f7f7f7;
	width: 168px;
	height: 72px;
	border: #f7f7f7 solid 1px;
	cursor: hand;
}
a.left-adresselink {
	font-family: Arial;
	font-size: 11px;
	color: #93908e;
}
a.left-adresselink:hover {
	font-family: Arial;
	font-size: 11px;
	color: #93908e;
	text-decoration: none;
}
.contain-left-link {
	margin: 3px;
}
.contain-left-txt {
	margin: 8px;
}
/*Menu gauche*/

.menutree {
	width: 183px;
	height: 22px;
	font-weight: bold;
	float: left;
	font-size: 12px;
	font-family: Arial;
}
a.menutree, a.menutree:visited {
	text-decoration: none;
	color: #7b8282;
	background: url(/ressources/images/tree/tree_rayons_1.gif) no-repeat;
	padding: 4px 0px 0px 12px;
	margin: 0 -12px -4px 0;
}
a.menutree:hover {
	text-decoration: none;
	color: #fff;
	background: url(/ressources/images/tree/tree_rayons_2.gif) no-repeat;
}
.menutree-sel {
	width: 183px;
	height: 22px;
	font-weight: bold;
	float: left;
	font-size: 12px;
	font-family: Arial;
	padding: 4px 0px 0px 14px;
	margin: 0 -14px -4px 0;
	text-decoration: none;
	color: #fff;
	background: url(/ressources/images/tree/tree_rayons_3.gif) no-repeat;
}
.sousmenutree {
	width: 183px;
	height: 17px;
	font-weight: bold;
	float: left;
	font-size: 11px;
	font-family: Arial;
}
a.sousmenutree, a.sousmenutree:visited {
	text-decoration: none;
	color: #aeb2b2;
	background: url(/ressources/images/tree/tree_pdt_1.gif) no-repeat;
	padding: 1px 0px 0px 12px;
	margin: 0 -12px -1px 0;
}
a.sousmenutree:hover {
	text-decoration: none;
	color: #fff;
	background: url(/ressources/images/tree/tree_pdt_2.gif) no-repeat;
	padding: 1px 0px 0px 16px;
	margin: 0 -16px -1px 0;
}
.sousmenutree-sel {
	width: 183px;
	height: 17px;
	font-weight: bold;
	float: left;
	font-size: 11px;
	font-family: Arial;
	padding: 1px 0px 0px 16px;
	margin: 0 -16px -1px 0;
	text-decoration: none;
	color: #fff;
	background: url(/ressources/images/tree/tree_pdt_2.gif) no-repeat;
}
/* ListBoxes */
.disabledListBox {
	background-color: #E2E2E2;
	color: Black;
}
.enabledListBox {
	background-color: White;
	color: Black;
}
/* TreeView des listes de course du FrontOffice */

.titreliste {
	font-weight: bold;
	color: White;
	background: url(/ressources/images/tree/tree_rayons_3.gif) no-repeat;
	padding: 4px 0px 0px 16px;
	margin: 0 -12px -10px 0;
}
 @media screen, print {
/* Turn off list bullets */
    ul.mktree li {
	list-style: none;
	line-height: 20px;
	background-image: url(/ressources/images/tree/tree_pdt_1.gif);
	background-repeat: no-repeat;
}
/* Control how "spaced out" the tree is */
    ul.mktree, ul.mktree ul, ul.mktree li {
	margin-left: 0px;
	padding: 0px;
}
ul.mktree li li {
	margin-left: 10px;
}
/*ul.mktree { font-size: 90%; }*/
    /* Provide space for our own "bullet" inside the LI */
    /*ul.mktree  li           .bullet { padding-left: 15px; }*/
    /* Show "bullets" in the links, depending on the class of the LI that the link's in */
    ul.mktree li.liOpen {
	cursor: pointer;
	background-image: url(/ressources/images/tree/tree_pdt_4.gif);
	background-repeat: no-repeat;
}
ul.mktree li.liOpen a {
	color: White;
}
ul.mktree li.liClosed {
	cursor: pointer;
}
ul.mktree li.liBullet .bullet {
	cursor: default;
	background: url(/ressources/images/tree/puce-noire.gif) center left no-repeat;
	margin-left: 10px;
	padding-left: 10px;
}
/* Sublists are visible or not based on class of parent LI */
    ul.mktree li.liOpen ul {
	display: block;
}
ul.mktree li.liClosed ul {
	display: none;
}
/* Format menu items differently depending on what level of the tree they are in */
    /*ul.mktree  li { font-weight: bold; font-size: 90%}
                                        	ul.mktree  li ul li {  font-weight: normal; }*/

    ul.mktree li a {
	text-decoration: none; /* color:Black;*/
	font-weight: bold;
	color: Gray;
}
}
.m {
	text-decoration: underline;
	color: Black;
	background: none;
}
/*url(/ressources/images/tree/tree_pdt_3.gif) no-repeat*/



/*MEA droite*/

.titre-mea {
	color: #f30f01;
	font-weight: bold;
}
.titre-mea a {
	color: #f30f01;
	font-weight: bold;
}
.titre-mea a:hover {
	color: #f30f01;
	font-weight: bold;
	text-decoration: none;
}
a.link-mea {
	color: #000000;
	text-decoration: none;
}
a.link-mea:hover {
	color: #666666;
	text-decoration: none;
}
a.link-aide {
	color: #000000;
	text-decoration: underline;
}
a.link-aide:hover {
	color: #666666;
	text-decoration: none;
}
.contain-mea {
	width: 177px;
	float: right;
}
.contain-prix-mea {
	background: url(/ressources/images/bg/bg_prix_mea.gif) no-repeat;
	height: 40px;
	width: 64px;
}
.prix-mea1 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 2px 0px 0px 0px;
}
a.prix-mea1 {
	color: #000000;
	text-align: right;
	text-decoration: none;
}
a.prix-mea1:hover {
	color: #f30f01;
	text-decoration: none;
	text-align: right;
}
.prix-mea2 {
	font-size: 9px;
	text-align: right;
	color: #FFFFFF;
	padding: 0px 2px 0px 0px;
	vertical-align: top;
}
/*MEA centre*/
.contain-mea-centre {
	float: left;
	margin: 2px;
}
.titre-mea2 {
	color: #ff6d02;
	font-weight: bold;
}
.titre-mea2 a {
	color: #ff6d02;
	font-weight: bold;
}
.titre-mea2 a:hover {
	color: #ff6d02;
	font-weight: bold;
	text-decoration: none;
}
a.link-mea2 {
	color: #000000;
	text-decoration: none;
}
a.link-mea2:hover {
	color: #666666;
	text-decoration: none;
}
.contain-mea2 {
	width: 290px;
	float: right;
}
.contain-prix-mea2 {
	background: url(/ressources/images/bg/bg_prix_mea2.gif) no-repeat;
	height: 40px;
	width: 64px;
}
.prix-mea2-2 {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	padding: 3px 5px 0 0;
	cursor: hand;
}
.prix-fiche-article {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	padding: 3px 5px 0 0;
}
a.prix-mea2-2 {
	color: #000000;
	text-align: right;
	text-decoration: none;
}
a.prix-mea2-2:hover {
	color: #f30f01;
	text-decoration: none;
	text-align: right;
}
.prix-mea2-3 {
	font-size: 11px;
	text-align: right;
	color: #FFFFFF;
	padding: 1px 7px 2px 0;
}
.input-mea {
	width: 16px;
	border: #CCCCCC solid 1px;
}
.titre-mea3 {
	color: #ff6d02;
	font-weight: bold;
	border-bottom: #e5e3e4 dashed 1px;
	padding-bottom: 5px;
	font-size: 14px;
}
/*Panier*/
.contain-panier {
	width: 168px;
	float: right;
}
.table-panier {
	background: url(/ressources/images/bg/bg_panier.gif) no-repeat bottom;
	border-bottom: #e9e8e8 solid 1px;
	border-left: #e9e8e8 solid 1px;
	border-right: #e9e8e8 solid 1px;
	width: 168px;
}
.panier-left-1 {
	padding-left: 3px;
}
.panier-right-1 {
	padding-right: 3px;
	text-align: right;
}
.panier-left-2 {
	padding-left: 3px;
	background: #ebe8e6;
}
.panier-right-2 {
	padding-right: 3px;
	text-align: right;
	background: #ebe8e6;
}
.panier-left-3 {
	padding-left: 3px;
	background: #aeb2b2;
	font-weight: bold;
	color: #FFFFFF;
}
.panier-right-3 {
	padding-right: 3px;
	text-align: right;
	background: #aeb2b2;
	font-weight: bold;
	color: #FFFFFF;
}
.panierbt-left {
	float: left;
}
.panierbt-right {
	float: right;
}
.basketerror {
	color: #c00;
	font-size: 80%;
	display: block;
	font-weight: bold;
	text-align: center;
}
/*Planning*/
.bg-planning-heure {
	background: url(/ressources/images/planning/planning_bg_horaire.gif) no-repeat;
	font-size: 10px;
	text-align: center;
	padding-top: 1px;
	height: 17px;
	width: 74px;
}
.bg-planning-jour {
	background: url(/ressources/images/planning/planning_bg_jour.gif) no-repeat;
	font-size: 11px;
	text-align: center;
	padding-top: 1px;
	height: 17px;
	width: 55px;
}
.bg-planning-indisponible {
	background: url(/ressources/images/planning/planning_indisponible.gif) no-repeat;
	font-size: 10px;
	text-align: center;
	height: 17px;
	width: 55px;
}
.bg-planning-disponible {
	background: url(/ressources/images/planning/planning_disponible.gif) no-repeat;
	font-size: 10px;
	text-align: center;
	height: 17px;
	width: 55px;
}
.bg-planning-heure-offert {
	background: url(/ressources/images/planning/planning_bg_horaire_offert.gif) no-repeat;
	font-size: 10px;
	text-align: center;
	padding-top: 1px;
	height: 34px;
	width: 74px;
}
.bg-planning-jour-offert {
	background: url(/ressources/images/planning/planning_bg_jour_offert.gif) no-repeat;
	font-size: 11px;
	text-align: center;
	padding-top: 1px;
	height: 34px;
	width: 55px;
}
.bg-planning-indisponible-offert {
	background: url(/ressources/images/planning/planning_indisponible_offert.gif) no-repeat;
	font-size: 10px;
	text-align: center;
	height: 34px;
	width: 55px;
}
.bg-planning-disponible-offert {
	background: url(/ressources/images/planning/planning_disponible_offert.gif) no-repeat;
	font-size: 10px;
	text-align: center;
	height: 34px;
	width: 55px;
}
.promo {
	text-decoration: line-through;
	font-size: 80%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	color: #777;
	line-height: 1em;
}
/*bottom*/
.border-bottom-left {
	width: 4px;
	background: url(/ressources/images/bottom/bottom_left.gif) no-repeat;
	height: 43px;
}
.border-bottom-right {
	width: 4px;
	background: url(/ressources/images/bottom/bottom_right.gif) no-repeat;
	height: 43px;
}
.bottom-left {
	width: 182px;
	background: url(/ressources/images/bottom/bottom_left_2.gif);
	height: 43px;
}
.bottom {
	background: url(/ressources/images/bottom/bottom.gif) repeat-x;
	height: 43px;
	text-align: right;
	width: 100%;
}
.bottom div {
	margin-right: 4px;
	margin-top: 2px;
	font-size: 10px;
	text-align: right;
	color: #777777;
}
.bottom a {
	font-size: 10px;
	color: #9d9d9d;
	text-decoration: none;
}
/*liste écrans*/
a.modif {
	margin: 0;
	position: relative;
	text-decoration: none;
}
a.modif div {
	display: none;
}
a.modif:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
	font-size: 11px;
	color: #000;
}
a.modif:hover div {
	display: inline;
	position: absolute;
	top: -2em;
	left: 2em;
	background: #FFFFFF;
	border: #CC0000 solid 1px;
	text-align: left;
	color: #000000;
	padding: 8px;
}
/*popup*/
/*.containerpopup {Position:absolute; background:#FFFFFF; padding:10px; margin:10px; top:225px; visibility:hidden; display:none;  z-index:505}
.popup_search {Position:absolute; background-color:#999999; filter:alpha(opacity=40); visibility:hidden; display:none; opacity:0.4}*/
.popupContenu {
	background: #FFFFFF;
	padding: 10px;
	margin: 10px;
	top: 225px;
}
.popupBackground {
	background-color: Gray;
	filter: alpha(opacity=40);
	opacity: 0.4;
}
.titre-popup {
	background: url(/ressources/images/bg/bg_titre.gif) repeat-x;
	height: 58px;
	border-bottom: #f0eeee solid 1px;
}
.txt-titre-popup {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding: 17px 0 0 5px;
	float: left;
}
.close-popup {
	float: right;
	margin: 3px;
}
/* Style popup creneaux */
div.contenuPopup {
	position: absolute;
	z-index: 4;
	background: #FFFFFF;
}
div.bgPopup {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: Gray;
	z-index: 2;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
/* Tables scrollables
--------------------------------------------------------------*/

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	height: 200px;
	overflow: auto;
}
/* define height and width of scrollable area. */
div.tableContainer2 {
	clear: both;
	height: 189px;
	overflow: auto;
}
/* Reset overflow value to hidden for all non-IE browsers. */
html > body div.tableContainer {
	overflow: hidden; /*	width: 766px*/
}
/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html > body tbody.scrollContent {
	display: block;
	height: 400px;
	overflow: auto;
	width: 100%;
}
/* Pager
----------------------------------------------------------------------------------------------*/
.pager .backcontrols {
	margin: 0;
}
.pager .nextcontrols {
	margin: 0;
}
.pager .backcontrols span {
	margin-right: 7px;
}
.pager .nextcontrols span {
	margin-left: 7px;
}
.pager .pageslabel {
	font-weight: bold;
}
.pager .currentPage {
	padding: 2px 3px 2px 4px;
	border: 1px solid #000;
}
.pager a.page {
	padding: 2px 4px 2px 5px;
	color: #bbb;
	border: 1px solid #FFF;
}
.pager a.page:hover {
	padding: 2px 4px 2px 5px;
	border: 1px solid #666;
	color: #666;
}
.pager a.page:visited {
	padding: 2px 4px 2px 5px;
	color: #bbb;
	border: 1px solid #FFF;
}
.pager .results {
	display: block;
	color: #aaa;
	margin-top: 5px;
}
.choix-nombre {
	border: 0px;
	float: left;
}
.choix-nombre select {
	margin-top: 5px;
}
.non-dispo {
	background-color: #C1C1C1;
}
.marge-texte {
	margin-left: 7px;
	margin-bottom: 0px;
}
.marge-texte-large {
	margin-left: 7px;
	margin-bottom: 0px;
	font-size: large;
}
.marge-puce {
	margin-left: 40px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.marge-puce-large {
	margin-left: 40px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: large;
}
/*Barre Navigation Utilisateur */
.txt-Bienvenue {
	font-size: 13px;
	font-weight: bold;
	color: White;
	text-decoration: none;
}
.txt-liensNav {
	font-size: 11px;
	color: White;
	text-decoration: none;
}
.bg-BarreNav {
	font-size: 11px;
	color: White;
	text-decoration: none;
	background-image: url(/Ressources/images/menu/Fond.png);
	height: 27px;
	background-repeat: repeat-x;
}
/* Page de sélection du magasin*/
div.choixMagasin {
	position: absolute;
	visibility: hidden;
	background-color: Green;
	width: 250px;
	text-align: center;
}


/********************************************************/
/*              STYLES BANNIERE HAUTE                   */
/********************************************************/

/* CSS Document */

/*html, body
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}*/

a img {
	border: 0;
}
/** englobant tous les DIVS **/
#rd_shape {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
}
/** Englobant partie du haut **/
#rd_brand {
	width: auto;
	height: 136px;
}
#rd_brand #rd_brand_01,#rd_brand #rd_brand_02,#rd_brand .rd_brand_03 {
   left:7px; 
}

/** Englobant menu noir partie 1 **/
#rd_brand_01 {
	position: absolute;
	/*left: 7px; /*265px;*/ /** pour déplacer le menu noir sur la page **/
	top: 9px;
	width: 665px;
	font-size: 11px;
	color: #FFFFFF;
}
#rd_brand_01 a, #rd_brand_01 a:visited, #rd_brand_02 a, #rd_brand_02 a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#rd_brand_01 a:hover, #rd_brand_02 a:hover, #rd_brand_02 a:link {
	color: #FFFFFF;
	text-decoration: none;
}
/** coin arrondi à gauche **/
#rd_brand_01_left {
	background: url(/Ressources/images/bandeauhaut/fondMenuG.png) no-repeat;
	width: 3px;
	height: 26px;
	float: left;
	margin: 0;
	padding: 0;
}
/** menu partie noire  **/
#rd_brand_01_l1 {
	background: url(/Ressources/images/bandeauhaut/fondMenu.png) repeat-x;
	width: 656px;
	height: 26px;
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
	float: left;
}
.rd_brand_01_l1_contenu {
	width: auto;
	float: left;
	margin: 0px;
	padding: 0px;
	margin-top: 6px;
}
#rd_brand_01_l1_sous_panier {
	position: absolute;
	left: 744px;
	top: 35px;
	width: auto;
}
#rd_brand_01_l1_produits_gauche {
	background: url(/Ressources/images/bandeauhaut/fondMenuPanierRougeBasDroite.png) no-repeat;
	width: 6px;
	height: 26px;
	float: left;
	margin: 0;
	padding: 0;
}
#rd_brand_01_l1_produits {
	background: url(/Ressources/images/bandeauhaut/fondMenuPanierRouge.png) repeat-x;
	height: 26px;
	width: 119px;
	padding-top: 8px;
	position: absolute;
}
/** menu 2 rouge **/
#rd_brand_02 {
	position: absolute;
	/*left: 264px; /*221px;*/ /** taille du menu rouge **/
	top: 35px;
	/*width: 711px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9px;
	float: right;
	cursor: pointer;
	display: none;
}
#rd_brand_02_left_vide {
	width: 537px; /** taille modifiable pour la gauche **/
	height: 26px;
	float: left;
	margin: 0;
	padding: 0;
}
#rd_brand_02_left {
	background: url(/Ressources/images/bandeauhaut/fondMenuPanierRougeBasGauche.png) no-repeat;
	width: 6px;
	height: 26px;
	float: left;
	margin: 0;
	padding: 0;
}
/** menu partie rouge  **/
#rd_brand_02_l1 {
	background: url(/Ressources/images/bandeauhaut/fondMenuPanierRouge.png) repeat-x;
	width: 109px;
	height: 26px;
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
	float: left;
}
#rd_brand_02_l1_contenu {
	width: 97px; /** taille modifiable pour gérer la droite **/
	float: left;
	margin: 0px;
	padding: 0px;
	margin-top: 8px;
}
/** texte blanc et gras **/
#rd_brand_02_l1_contenu a, #rd_brand_02_l1_contenu a:link, #rd_brand_02_l1_contenu a:hover {
	font-weight: bold;
	text-decoration: none;
}
#rd_brand_02_l2_contenu {
	width: auto;
	float: left;
	margin: 0px;
	padding: 0px;
	margin-top: 8px;
}
#rd_brand_02_right {
	background: url(/Ressources/images/bandeauhaut/fondMenuPanierRougeBasDroite.png) no-repeat;
	width: 7px;
	height: 26px;
	float: left;
	margin: 0;
	padding: 0;
}
/** Englobant menu 3 **/
.rd_brand_03 {
	position: absolute;
	/*left: 308px; /*271px;*/ /** permet de décaler le menu 3 **/
	top: 36px;
	width: 662px; /** taille modifiable **/
	color: #FFFFFF;
	background: url(/Ressources/images/bandeauhaut/fondMenu3.png) repeat-x;
	height: 105px;
	color: #000000;
	display: none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
}
#rd_brand_03_left {
	padding-top: 14px;
	padding-left: 4px;
	padding-right: 4px;
	width: 90px;
	height: 80px;
	float: left;
}
#rd_brand_03_middle {
	padding-top: 8px;
	width: auto;
	height: auto;
	float: left;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
}
.rd_brand_03_border {
	width: 52px;
	border: 1px solid #D8D8D8;
	position: relative;
	margin-top: -20px;
	padding: 0px;
	margin-left: 8px;
}
.rd_brand_03_black_bouton {
	height: 13px;
	border: 1px solid #FFFFFF;
	background: url(/Ressources/images/bandeauhaut/fondBtnNoir.png) repeat-x #000000;
	color: #FFFFFF;
	text-align: center;
	width: 50px;
}
#rd_brand_03_right {
	padding-top: 9px;
	/*padding-left: 2px;*/
	float: left;
	font-weight: bold;
	height: 80px;
	vertical-align: top;
	margin-left: 1px;
	width: 139px;
	font-weight:bold;
	font-size:9px;
}
#rd_brand_03_right_text {
	padding: 0;
	margin: 0;
	margin-left: 5px;
	padding-bottom: 14px;
	width:150px;
}
.rd_brand_03_red_bouton {
	float: left;
	margin-bottom: 5px;
	margin-left:10px;
}
/** Styles class **/


.div_border {
	border: 2px solid black;
	background-color: #EEEAE9;
	width: 379px;
	overflow:hidden;
	height: 75px;
	padding:1px;
	text-align:left;
	position:relative;
}
.div_border_child {
	padding:0;
	margin:0;
	position:relative;
}
.div_border ul {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	vertical-align:top;
	position:relative;
}
.div_border li {
	width: 73px;
	height:73px;
	border:solid 1px #dbd3d2;
	position: relative;
	float: left;
	list-style: none;
	display:inline;
	margin-right:1px;
	background-color:White;
}
.red {
	color: #E30119;
}
.red_2 {
	color: #BF0000;
}
.champ {
	float: left;
	position: relative;
	margin: 0;
	padding-top: 20px;
}
.champClient {
	float: left;
	position: relative;
	margin: 0;
	padding-top: 5px;
}
.champ label.fieldlabel {
	float: left;
	padding: 0 0 0 11px; /*background: transparent url(/ressources/images/backgrounds/puce-bleue.gif) 4px 2px no-repeat; */
	width: 130px;
	margin: 0;
	position: relative;
	top: 2px;
	height: auto;
}
.champEntreeFO {
	float: right;
	position: relative;
	margin: 0;
	padding-top: 15px;
	padding-right: 9px;
}
.champEntreeFO label.fieldlabelEntreeFO {
	float: left;
	padding: 0 16px 0 11px; /*background: transparent url(/ressources/images/backgrounds/puce-bleue.gif) 4px 2px no-repeat; */
	width: 108px;
	margin: 0;
	position: relative;
	top: 2px;
	height: auto;
}
.popupErreur {
	position: absolute;
	overflow: hidden;
	display: none;
	background-color: White;
	/*border: solid 1px Gray;*/
	cursor: pointer;
	width: 254px;
	text-align:center;
}
/* default.aspx**/
.champ .popupErreurDefaut {
	position: absolute;
	overflow: hidden;
	display: none;
	border: none;
	cursor: pointer;
	width: 254px;
	margin-top:3px;
	text-align:center;
	z-index:2; /* permet d'afficher le texte correctement sur le opacity du select */
}
/* entreeSelectionMagasin*/
#topRecapTexte .popupErreurDefaut {
	position: absolute;
	overflow: hidden;
	display: none;
	background-color: White;
	border: none;
	padding-left: 1px;
	padding-right: 1px;
	cursor: pointer;
	width: 205px;
	margin-top:2px;
	margin-left:211px;
}
/*******************/
/** Popup univers **/
/*******************/
.popupUnivers {
	width: 700px;
	height: 365px;
	position: absolute;
	z-index: 15;
	border-style: solid;
	border-width: 1px;
	display: none;
}
div.popupUnivers table {
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
}
div.popupUnivers a {
	cursor: hand;
	text-decoration: none;
}
.titre-univers {
	text-align: left;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	padding-left: 16px;
	padding-top: 3px;
}
#rayon-gauche {
	text-decoration: underline;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	margin-left: -25px;
}
#rayon-gauche a {
	font-weight: bolder;
	margin-bottom: 5px;
}
#Rayon-leader {
	width: 100%;
	padding-left: 16px;
}
#Rayon-leader a {
	font-weight: bolder;
}
#Famille-leader {
	width: 100%;
	padding-left: 33px;
	padding-bottom:4px;
}
#Famille-leader a {
	color: Black;
	font-family: Tahoma;
	font-size: 11px;
	/*font-weight: bold;*/
}
#Sousfamille-leader {
	width: 100%;
	padding-left: 43px;
	background:url(/Ressources/images/bg/bg_univers_sousFamille.png) repeat-y;
	padding-bottom:2px;
}
#Sousfamille-leader a {
	color: Black;
	font-family: Arial;
	font-size: 11px;
}
#rayon-leader-tout {
	color: Black;
	text-decoration: underline;
	padding-left: 33px;
}
#rayon-leader-tout a {
	color:black;
	
}
#rayon-leader-tout:hover  {
	text-decoration:none;
}

.Bloc-rayon-leader {
	display: block;
	width: 227px;
	height: 135px;
	text-align: left;
	float: left;
}
div.popupUnivers ul li {
	list-style-type: none;
}
/************/
/** Panier **/
/************/

div.popupProduitPanier {
	width: 228px;
	border-bottom: 0;
	height: 100px;
	position: absolute;
	display:none;
	z-index:20;/* doit être superieur à 12 (bandeau univers)*/
	margin-left:-8px;
	margin-top:-76px;
}
.popupProduitPanier div.infosProduit {
	padding: 4px 2px 4px 5px;
	width:195px;
	height:71px;
	background-color: #FFF;
	border-right: solid 1px #d5d5d5;
	border-left: solid 1px #d5d5d5;
	float:left;
}
.popupProduitPanier span.marque {
	position: relative;
	display: block;
	height:28px;
	overflow:hidden;
}
.popupProduitPanier span.marque a {
	color:#bf0000;
	font-weight:bold;
	text-decoration:none;
}
.popupProduitPanier span.libelle {
	display: block;
	position: relative;
	vertical-align: top;
	height:27px;
	overflow:hidden;
}
.popupProduitPanier div.divprix {
	margin-top: 3px;
	position: relative;
	height: 18px;
	padding-left: 77px;
}
.popupProduitPanier span.prixQuantite {
	white-space: nowrap;
}
.popupProduitPanier span.prix {
	top: -2px;
	position: relative;
	float: right;
	width: 52px;
	border: 1px solid #D8D8D8;
	padding: 0px;
}
.popupProduitPanier div.modifProduit {
	border-top: solid 1px #e3e3e3;
	border-right: solid 1px #d5d5d5;
	width: 202px;
	background: url(/Ressources/images/bandeauhaut/fondBtnGris.png) repeat-x;
	border-left: solid 1px #d5d5d5;
	height: 27px;
	float:left;
}
.popupProduitPanier div.ajoutProduit {
	margin-left: 15px;
	position: relative;
	height: 100%; /*padding-top:3px;*/
	margin-right: 15px;
	float: left;
	width:60px;
}
.popupProduitPanier div.ajoutProduitPictoMoins {
	float:left;
	padding-top:6px;
	padding-right:2px;
	width:9px;
	margin-left:7px;
}
.popupProduitPanier img.retirerProduit {
	margin-top: 3px;
	cursor: pointer;
}
.popupProduitPanier img.ajouterProduit {
	margin-top: 3px;
	cursor: pointer;
}
.popupProduitPanier input.tbQuantite {
	margin-top: 3px;
	width: 15px;
	margin-left: 3px;
	margin-right: 2px;
	text-align:center;
}
.popupProduitPanier img.imgSeparation {
	position: relative;
	float: left;
	margin-top: 2px;
}
.popupProduitPanier div.supprProduit {
	position: relative;
	float: left;
}
.popupProduitPanier img.imgSupprProduit {
	position: relative;
	margin-right: 10px;
	float:left;
	cursor : pointer;
}
.popupProduitPanier a.lienSupprProduit {
	color: Black;
	text-decoration: underline;
	cursor: pointer;
	position: relative;
	float:left;
	margin-top:6px;
}
.popupProduitPanier .PrixNoir {
	height: 13px;
	border: 1px solid #FFFFFF;
	background: url(/Ressources/images/bandeauhaut/fondBtnNoir.png) repeat-x #000000;
	color: #FFFFFF;
	text-align: center;
	width: 50px;
}
/* degradé autour de la popup panier */

.popupProduitPanier .extGauche {
	background:url(/Ressources/images/bg/bg_panier_extGauche.png) repeat-y;
	width:12px;
	height:107px; /*108*/
	float:left;
}
.popupProduitPanier .extDroite {
	background:url(/Ressources/images/bg/bg_panier_extDroite.png) repeat-y;
	width:12px;
	height:108px;
	float:right;
}
.popupProduitPanier .borderHautGauche {
	width:74px;
	float:left;
	height:1px;
}
.popupProduitPanier .borderHautDroite {
	width:130px;
	float:left;
	border-top: solid 1px #d5d5d5;
}
.popupProduitPanier .extCoinBasGauche {
	background:url(/Ressources/images/bg/bg_panier_extCoinBasGauche.png) top no-repeat;
	width:12px;
	height:12px;
	float:left;
	margin-top:-1px;
}
.popupProduitPanier .extBas {
	background:url(/Ressources/images/bg/bg_panier_extBas.png) top repeat-x;
	width:202px;
	height:12px;
	float:left;
}
.popupProduitPanier .extCoinBasDroite {
	background:url(/Ressources/images/bg/bg_panier_extCoinBasDroite.png) top no-repeat;
	width:12px;
	height:12px;
	float:left;
}
/* scrollbar du panier */
#rd_brand_03_middle .scrollbar {
	width:304px;
	height:7px;
	position:relative;
	margin:0;
	padding:0;
	background-image:url(/Ressources/images/scrollbar/scroll_milieu.gif);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	margin: auto auto auto 25px;
	border:0;
}
.divScroll {
	position:relative;
	width:380px;
	vertical-align:top;
	height:7px;
	padding-top:4px;
}
.scrollGauche {
	float:left;
	position:relative;
	cursor:pointer;
	top:-1px;
}
.scrollDroite {
	float:right;
	position:relative;
	top:-1px;
	cursor:pointer;
}
/********************/
/** Popup créneaux **/
/********************/
.popupCreneaux {
	position: absolute;
	z-index: 4;
	background: #FFFFFF;
	display: none;
}
.backgroundPopupCreneaux {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: Gray;
	z-index: 2;
	filter: alpha(opacity=50);
	opacity: 0.5;
	display: none;
}

#divPopupCreneaux td.menuGauche 
{
    width:140px; 
    vertical-align:top; 
    background-color:#E1E1E1; 
    height:100%; 
    border-top:1px solid #9C9C9C;
}

#divPopupCreneaux td.zoneCreneaux
{
    border-top:1px solid #9C9C9C; 
    background-image:url(/Ressources/images/planning/bg_planning.gif); 
    background-repeat:repeat-x; 
    padding-left:10px; 
    padding-top:10px; 
    padding-right:7px;
}

#divPopupCreneaux th.vide 
{
    border-right:1px solid #797979;
    border-bottom:1px solid #797979;
}

#divPopupCreneaux th.jour 
{
    border-bottom:1px solid #797979;
    border-top:1px solid #797979;
    border-right:1px solid #797979;
    background-image:url(/Ressources/images/planning/bg_entete.png); 
    background-repeat:repeat-x; 
    width:65px;
    height:32px;
    font-weight:normal;
}

#divPopupCreneaux td.horaire 
{
    border-right:1px solid #797979;
    border-left:1px solid #797979;
    border-bottom:1px solid #797979;
    width:78px;
    height:31px;
    background-image:url(/Ressources/images/planning/bg_entete.png); 
    background-repeat:repeat-x;
}

#divPopupCreneaux td.creneau 
{
    border-right:1px solid #797979;
    border-bottom:1px solid #797979;
    background-repeat:repeat-x;  
    width:69px;
    height:32px;
    color:Black;
}

#divPopupCreneaux td.ferie 
{
    background-image:url(/Ressources/images/planning/ferie.gif); 
    font-weight:bold;
}

#divPopupCreneaux td.indisponible 
{
    background-color:#E6E6E6; 
}

#divPopupCreneaux td.completPromo 
{
    background-image:url(/Ressources/images/planning/complet_promo.gif); 
    font-weight:bold;
}

#divPopupCreneaux td.complet
{
    background-image:url(/Ressources/images/planning/complet.gif); 
}

#divPopupCreneaux td.fraiszero
{
    background-image:url(/Ressources/images/planning/normal.gif); 
    cursor:pointer;
    font-weight:bold;
}

#divPopupCreneaux td.fraisofferts {
    background-image:url(/Ressources/images/planning/normal.gif); 
    cursor:pointer;
}

#divPopupCreneaux td.normal {
    background-image:url(/Ressources/images/planning/normal.gif); 
    cursor:pointer;
    font-weight:bold;
}

#divPopupCreneaux td.promotion
{
    background-image:url(/Ressources/images/planning/promo.gif);
    cursor:pointer;
}

/********************/
/* Tous les rayons  */
/********************/

.backgroundPopupTousLesRayons {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: Gray;
	z-index: 50;
	filter: alpha(opacity=50);
	opacity: 0.5;
	display: none;
}
.TousLesRayonsMain {
	position:relative;
	z-index:50;
}
/*****************/
/* Achat express */
/*****************/


.backgroundPopupExpress {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: Gray;
	z-index: 20;
	filter: alpha(opacity=50);
	opacity: 0.5;
	display: none;
}
#achatExpress {
	position:absolute;
	width:888px;
	height:497px;
	display:none;
	z-index:60;
}
.achatExpressMain {
	position:relative;
	z-index:50;
}
#achatExpress ul {
	margin:0;
	padding-left:2px;
	padding-top:4px;
	list-style-type: none;
}
ul.borderGris {
	margin:0;
	width:173px;
	padding-left:0px;
}
ul.borderGris li {
	margin:0;
	width:173px;
	padding-left:0px;
	list-style-type: none;
}
#achatExpressTop {
	width:888px;
	height:39px;
	background:url(/Ressources/images/achatexpress/achatFondHaut.gif) no-repeat top;
}
.borderAchatExpress {
	border-left:solid 1px #9a9a9a;
	border-right:solid 1px #9a9a9a;
}
#achatExpressBottom {
	width:888px;
	height:18px;
	background:url(/Ressources/images/achatexpress/achatFondBas.gif) no-repeat top;
}
#achatExpressTop img {
	border:0;
	float:right;
	vertical-align:top;
	margin:10px;
}
/** Menu 1 **/
.separation {
	width:6px;
	background:url(/Ressources/images/achatexpress/bg_droite_menu.gif) repeat-y;
}
#aeMenu1 {
	width:162px;
	height:458px;
	float:left;
	background-color:#e1e1e1;
	font-family:Arial;
	font-size:12px;
}
#aeMenu1 a {
	color:#000;
	text-decoration:none;
}
#aeMenu1 ul {
	padding-left:13px;
}
/** Menu 2 **/
#aeMenu2 {
	width:172px;
	height:458px;
	float:left;
	background:#f4f5f1;
	font-family:Arial;
	font-size:12px;
}
#aeMenu2 a {
	color:#000;
	text-decoration:none;
}
#aeMenu2 ul {
	padding-left:13px;
}
#aeMenu3 {
	width:212px; /* A modifier pour la taille du hover */
	float:left;
	font-family:Arial;
	font-size:11px;
	padding-top:5px;
	padding-bottom:5px;
}
#aeMenu3 div.tvca {
	display:block;
	_background: #fff;
	_filter: alpha(opacity=0);
	background-image:url(/Ressources/images/pictos/picto_moins_selection.png);
	border: none;
	height: 9px;
	width: 9px;
	position: absolute;
	top: 3px;
	left: 3px;
	_left: -21px; /* Pour iE */
	cursor: pointer;
	z-index: 50;
}
#aeMenu3 div.tv-famille {
	cursor:pointer;
	width:175px;
}
#aeMenu3Rayon a {
	color:#000;
	text-decoration:none;
}
#aeMenu3Rayon {
	padding-bottom:5px;
	padding-left:5px;
}
#aeMenu3Rayon:hover {
	background-color:#b7dceb;
}
#aeMenu3RayonSelected, #aeMenu3RayonSelected a {
	background-color:#b7dceb;
	margin-top:5px;
	color:#000;
	padding-bottom:5px;
	padding-left:5px;
}
.borderGris a {
	text-decoration:underline;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
#article {
	margin-left:-10px; /* Permet d'afficher le hover sur la gauche */
	padding-left:18px; /* Modifie la position des articles */
	padding-bottom:2px;
	background:url(/Ressources/images/achatexpress/border_left_gris.gif) repeat-y;
}
#article a {
	text-decoration:underline;
	color:#000;
}
/* style barre grise verticale + cellule bleue ne marchant qu'avec le hover */
#article:hover {
	background-color:#85bed8;
}
#articleSelected {
	background-color:#85bed8;
	margin-left:-10px;
	padding-left:18px;
	color:#000;
}
#articleSelected a {
	color:#000;
}
/* gère le scroll du menu 3  */
.outerMenu3 {
	width:212px;
	background:#f4f5f1;
}
.innerMenu3 {
	overflow-x:hidden;
	overflow-y:auto;
	width:212px;
	height:456px;
}
/* fin du scroll intérieur */

/* menu 4 */

/* Scroll Menu 4 **/ 
.outerMenu4 {
	/*width:326px;*/
	background-color:White;
}
.innerMenu4 {
	width:321px;
	height:456px;
}
/* Fin scroll  **/

.titreRouge {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	color:#bf0000;
	font-weight:bold;
}
#aeMenu4 {
	padding-top:4px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
}
#aeMenu4Image {
	float:left;
}
#aeMenu4Texte {
	width:auto;
	margin-left:80px;
	height:36px;
	overflow:hidden;
}
#achatExpress .zonePictos {
    float:left;
    padding-top:23px;
}
.aeMenu4BlocBlanc {
	float:right;
	width:44px;
	height:13px;
	background:url(/Ressources/images/achatexpress/bg_prixNoir.png) repeat-x;
	color:#FFF;
	text-align:right;
}
.aeMenu4BlocNoir {
	float:right;
	height:16px;
	margin-right:11px;
	padding-top:2px;
}
#aeMenu4BlocGris {
	width:170px;
	height:24px;
	float:right;
	border:1px solid #e8e8e8;
	background:url(/Ressources/images/achatexpress/bg_menuGris.png) repeat-x bottom;
	margin-top:5px;
}
#aeMenu4Montant {
	width:98px;
	float:left;
	margin-top:4px; /* Centre verticalement */
	text-align:center;
}
#aeMenu4Liste {
	width:82px;
	padding-left:16px;
	float:left;
	margin-top:4px; /* Centre verticalement */
}
#aeMenu4Separation {
	background:url(/Ressources/images/achatexpress/picto_separationMenuGris.gif) no-repeat center;
	width:2px;
	height:24px;
	float:left;
}
#aeMenu4Bouton {
	float:left;
	width:34px;
	padding-top:4px;
	text-align:center;
}
.selected {
	text-decoration:none;
	font-weight:bold;
}
/*****************/
/* Bandeau métier*/
/*****************/
.div-bandeau-metier {
	width: 746px;
	height: 52px;
}
.img-bandeau-metier {
	width: 746px;
	height: 52px;
}
/******************************/
/** Barre Navigation du haut **/
/******************************/
.navCadre {
	width: 750px;
	background: url(/Ressources/images/bg/bg_fondBarreNavGris.gif) repeat-x top;
	border: 1px solid #c1c1c1;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9px;
	color: #000;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
	display:none;
}
.navIntersection {
	width: 1px;
	background: url(/Ressources/images/bg/border_grisNav.gif) no-repeat center;
}
.navCadre #tri_msdd {
    background:none;    
}
.navBloc2 {
	width:120px;
}
.f_size_9 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9px;
}
.tableSansBord {
	width:100%;
	border-style:none;
	border-width:0px;
	border-collapse:collapse;
}
.page {
	font-weight: normal;
	text-decoration:underline;
	cursor: hand;
}
.selectionnee {
	font-weight: bold;
	text-decoration:none;
	cursor: default;
}

.deactivee{
	font-weight: normal;
	text-decoration:none;
	cursor: auto;
	color:Gray;
}
/*** TREEVIEW UNIVERS FRONT OFFICE ***/




ul {
	list-style: none;
}
.tv li {
	position: relative;
	margin: 0;
	padding: 0px 0 3px 20px;
	z-index: 10;
}
div.tvca {
	_background: #fff;
	_filter: alpha(opacity=0);
	background-image:url(/Ressources/images/pictos/picto_moins_selection.png);
	border: none;
	height: 9px;
	width: 9px;
	position: absolute;
	top: 3px;
	left: 3px;
	_left: -21px; /* Pour iE */
	cursor: pointer;
	z-index: 50;
}
div.tvct {
	_background: #fff;
	_filter: alpha(opacity=0);
	background-image:url(/Ressources/images/pictos/picto_moins_selection.png);
	border: none;
	height: 9px;
	width: 9px;
	position: absolute;
	top: 3px;
	left: 3px;
	_left: -21px; /* Pour iE */
	cursor: pointer;
	z-index: 50;
}
.tvic {
	text-decoration:none;
	z-index: 100;
}
.tviu {
	text-decoration:underline;
}
.tviun {
	text-decoration:none;
}
.tvie {
	background: url(/Ressources/js/jquery/treeview/images/treeview-gray-line.gif) no-repeat left top;
}
.tvle {
}
.tvlc {
}
#menuNavigationUnivers {
	width: 198px;
	background-color: #e1e1e1;
}
.headerAccordion {
	cursor:pointer;
}
.headerAccordion img.plus {
	float: left;
	padding-top: 2px;
}
#menuNavigationUniversTitre {
	height: 35px;
	padding-top: 14px; /* jouer avec height et padding-top pour centrer le texte verticalement */
	background: url(/Ressources/images/bg/bg_univers_titre.gif) repeat-x top;
	border-bottom: 1px solid #FFF;
	font-size: 20px;
	text-align: center;
	font-family: Impact, arial;
	font-size: 20px;
	color: #7f9781;
}
#menuNavigationUniversTousRayons {
	height:25px;
	padding-left:5px;
	padding-top:12px;
	background-color:White;
	border-bottom:1px solid #EFEDEE;
}
#menuNavigationUniversTousRayons b {
	font-size:16;
}
#menuNavigationUniversTousRayons span {
	position:relative;
	padding-left:5px;
}
#menuNavigationUniversTousRayons span a {
	color:Black;
	text-decoration:underline;
}
#menuNavigationUnivers ul {
	margin: 0;
	padding-left: 10px;
	list-style-type: none;
	font-size:10px;
}
.menuNavigationUniversContenu {
	margin:0;
	padding-left:10px;
}
.menuNavigationUniversSousTitreContenu {
	display:none;  /* Menu accordéon, on cache par défaut les blocs de contenu*/
	background-color:#E1E1E1;
}
.menuNavigationUniversDeplie, .menuNavigationUniversDeplie a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: none;
}
.menuNavigationUniversDeplie li {
	margin-bottom: 3px;
	margin-top: 1px;
}
.menuNavigationUniversArticlesSelected {
	border-left: 1px solid #8c8c8c;
}
.NavigationUniversArticle, .NavigationUniversArticle a {
	text-decoration: underline;
	color: #000;
	margin-left: -28px;
	text-align:left;
	display:block;
	z-index:0;
	padding-top: 2px;
}
.NavigationUniversArticleSelected, .NavigationUniversArticleSelected a {
	font-weight: bold;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	margin-top: 3px;
	margin-left: -28px;
	text-align:left;
	display:block;
}
.borderBasBlancGris {
	background: url(/Ressources/images/bg/border_basBlancGris.gif) repeat-x bottom;
}
.borderHautBlancGris {
	background: url(/Ressources/images/bg/border_basBlancGris.gif) repeat-x top;
	padding-top: 10px;
	padding-bottom: 8px;
	overflow:hidden;
}
/*** PAGE AUTHENTIFICATION ***/
#contenuCentral {
	width:956px;
	height: auto;
	border:1px solid #e8e4e3;
	border-bottom:0;
	float:left;
	background-color:#FFF;
	padding-left:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:12px; /* A voir, pas le même comportement entre IE et Firefox */
	min-height:400px;
}
#blocMonCompte {
	width:937px;
	height: 100%; /*height:328px;*/
	min-height:85px;
	background:url(/Ressources/images/bg/bg_blocMonCompte.png) repeat-x;
	border-top:1px solid #c2c2c2;
	padding:5px;
	margin-top:16px;
}
/** classes de texte **/
.titreMonCompte {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bolder;
	letter-spacing:-1px;
}
.titreBoxMonCompte {
	font-family:Arial, Geneva, sans-serif;
	font-size:20px;
	color:#ef8410;
	font-weight:bold;
	letter-spacing:-1px;
}
.blancGrasPourBtnRouge a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
.boxDegradeBas {
	background:url(/Ressources/images/bg/bg_boxBas.png) repeat-x;
	height:12px;
}
/* zone client à gauche */
#zoneClient {
	width:453px;
	float:left;
	padding-left:11px;
	padding-bottom:10px;
}
#boxClient {
	height:150px;
	border:1px solid #cccccc;
	padding-left:17px;
	padding-top:8px;
	background:url(/Ressources/images/bg/bg_zoneInscription.png) repeat-x top;
}
#boxClientCentrage {
	width:380px;
	height:35px;
	margin-left: auto;
	margin-right:auto;
	margin-top:15px;
}
/** Identification **/
#zoneIdent {
	width:453px;
	float:left;
	padding-left:11px;
	padding-bottom:10px;
}
#boxIdent {
	height:110px;
	border:1px solid #cccccc;
	padding-left:17px;
	padding-top:8px;
	background:url(/Ressources/images/bg/bg_zoneInscription.png) repeat-x top;
}
#boxIdentMotDePasse {
	width:434px;
	height:37px;
	background:#dedfdf;
	border:1px solid #cccccc;
	border-top:0;
	padding-left:17px;
	padding-top:2px;
}
#boxIdent input {
	border:1px solid #a0a0a0;
}
#boxIdent input:focus {
	border:1px solid #666;
}
/** Bouton NOIR **/
.bt_noirGauche {
	width:10px;
	height:34px;
	background:url(/Ressources/images/bt/bt_noirGauche.gif) no-repeat top;
	float:left;
}
.bt_noirMilieu {
	background:url(/Ressources/images/bt/bt_noirMilieu.gif) repeat-x top;
	height:26px;
	float:left;
	padding-top:8px;
}
.bt_noirMilieu a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
.bt_noirDroite {
	width:10px;
	height:34px;
	background:url(/Ressources/images/bt/bt_noirDroite.gif) no-repeat top;
	float:left;
}
/** FIN BOUTON NOIR **/
/** Bouton NOIR popuop accès point de retrait privé**/
.bt_imgFermerGauche {
	width:10px;
	height:34px;
	background:url(/Ressources/images/bt/bt_noirGauche.gif) no-repeat top;
	float:left;
}
.bt_imgFermerMilieu {
	background:url(/Ressources/images/bt/bt_noirMilieu.gif) repeat-x top;
	height:26px;
	float:left;
	padding-top:8px;
}
.bt_imgFermerMilieu a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
.bt_imgFermerDroite {
	width:10px;
	height:34px;
	background:url(/Ressources/images/bt/bt_noirDroite.gif) no-repeat top;
	float:left;
}
/** FIN BOUTON NOIR popuop accès point de retrait privé**/


.lnkBtn {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
/**** Bouton Bleu ****/
#centrageBtnInscription {
	margin-left:20px;
}
.btnBleuGauche {
	background:url(/Ressources/images/bt/btn_bleuGauche.png);
	width:31px;
	height:34px;
	float:left;
	margin-left:25px;
}
.btnBleuMilieu {
	background:url(/Ressources/images/bt/btn_bleuMilieu.png) repeat-x top;
	float:left;
	height:26px;
	padding-top:8px;
}
.btnBleuMilieu a {
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	font-size:11px;
}
.btnBleuDroite {
	background:url(/Ressources/images/bt/btn_bleuDroite.png);
	width:11px;
	height:34px;
	float:left;
}
.btnBleuAuthGauche {
	background:url(/Ressources/images/bt/btn_bleuGauche.png);
	width:31px;
	height:34px;
	float:left;
	margin-left:25px;
}
.btnBleuAuthMilieu {
	background:url(/Ressources/images/bt/btn_bleuMilieu.png) repeat-x top;
	float:left;
	height:26px;
	padding-top:8px;
}
.btnBleuAuthMilieu a {
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	font-size:11px;
}
.btnBleuAuthDroite {
	background:url(/Ressources/images/bt/btn_bleuDroite.png);
	width:11px;
	height:34px;
	float:left;
}
/****/

#backGroundMenuPrincipal {
	background:#efeded;
	margin-top:-10px;
}
#blocMilieuDePage {
	width:967px;
	margin:0 auto;
	position:relative;
	/*height:50px;/*padding-top:12px;*/
}
#zoneRechercheProduit {
	width:411px;
	height:50px;
	float:left;
}
#zoneRechercheProduit input {
	border:1px solid #7e7e7e;
	background:url(/Ressources/images/bg/bg_zoneRechercheProduitInput.png) repeat-x #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
}
#zoneLivraisonGratuite {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#openClose {
	float:right;
	margin-right:-3px;
}
/** classes de texte **/
.arial11pxBlack, .arial11pxBlack a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000;
}
.arial11pxGris {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#a2a2a2;
}
.arial12pxBlack {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
.blancGrasPourBtnRouge a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
.arial12pxBold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.marginRight2px {
	margin-right:2px;
}
.arial11pxRed {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#cc3c3c;
}
.arial16pxWhite {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:-1px;
}
.arialRed18px {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#bf0000;
}
.arialRedBold {
	font-size:11px;
	font-weight:bold;
	color:#bf0000;
}
/*****/
.marginRight5px {
	margin-right:5px;
}
.paddingTop7px {
	padding-top:7px;
}
.marginTop10px {
	margin-top:10px;
}
.marginTop40px {
	margin-top:40px;
}
.infosLegales {
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-left: 1px solid #e8e4e3;
	border-right: 1px solid #e8e4e3;
	width:967px;
	color:#84756d;
	height:40px;
}
.infosLegales a {
	color:#84756d;
	text-decoration:none;
}
.infosLegales a:hover {
	text-decoration:underline;
}
#copyright {
	width:966px;
	background:url('/Ressources/images/bg/bg_basDePage.png') #FFF repeat-x;
	height:53px;
	padding-top:15px;
	border: 1px solid #e8e4e3;
	border-top:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#84756d;
	font-weight:bold;
}
/** style contenu **/
#bloc1 {
	width:926px;
	height:328px;
	background:url(/Ressources/images/bg/bg_bloc1maCommande.png) repeat-x;
	border-top:1px solid #c2c2c2;
	padding:10px;
	margin-top:16px;
}
.bloc1_1 {
	float:left;
	width:304px;
	margin:2px;
	margin-bottom:0px;
}
.backGroundBloc1 {
	background:url(/Ressources/images/bg/bg_bloc1.png) #eeeeee repeat-x top;
	margin-right:2px;
}
.bloc1_1_1 {
	width:275px;
	height:175px;
	border:1px solid #c2c2c2;
	border-bottom:0;
	margin-top:10px;
	padding:5px;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:0px;
}
.blocSeparation {
	background:url(/Ressources/images/pictos/picto_separationInterBloc.gif) repeat-x;
	width:250px;
	height:2px;
	margin:4px;
}
.bloc1_bas {
	border:1px solid #C2C2C2;
	border-top:0;
	padding-left:20px;
	height:71px;
}
/***** Bloc 2  ******/
#bloc2 {
	width:926px;
	background:url(/Ressources/images/bg/bg_bloc1maCommande.png) repeat-x;
	border-top:1px solid #c2c2c2;
	padding:10px;
	margin-top:16px;
}
#bloc2_1 {
	width:924px;
	height:auto;
	border:1px solid #cbcbcb;
	background:url(/Ressources/images/bg/bg_bloc2.png) repeat-x top;
}
.paddingLeft35px {
	padding-left:35px;
}
.bloc_2_1_1 {
	width:488px;
	height:143px;
	border:1px solid #b4b4b4;
	background:url(/Ressources/images/bg/bg_bloc2_droite.png) #FFF bottom repeat-x;
	padding:5px;
}
/** Pour diminuer la hauteur du p dans le bloc 2 blanc ***/
.bloc_2_1_1 p {
	margin-top:	0.8em;
	margin-bottom:0.8em;
}
/** Rajouter un espace pour les champs input checkbox **/
#bloc2_1 input {
	margin-left:5px;
	margin-right:10px;
}
#bloc2_1 .rdTypeLivraison input {
    border:0;
}
/***** Bloc 3  ******/

#bloc3_1 {
	position:relative;
	width:274px;
	/*height:400px; calculé dans l'écran suivant la hauteur du planning */
	border:1px solid #cccccc;
	float:left;
	background:#FFF;
	margin-left:10px;
	margin-right:10px;
	padding:10px;
	padding-top:0;
	padding-bottom:0;
	background:url(/Ressources/images/bg/bg_bloc3.png) #ededed repeat-x top;
}
#bloc3_2 {
	width:598px;
	/*height:400px; calculé dans l'écran suivant la hauteur du planning */
	padding:10px;
	padding-bottom:0;
	padding-top:0;
	border:1px solid #cccccc;
	float:left;
	background:url(/Ressources/images/bg/bg_bloc3.png) #ededed repeat-x top;
}
#centrageBtnValiderCommande {
	position:relative;
}
.marginRightBtnNoir {
	margin-right:10px;
}
.w_btnNoirContenu {
	width:57px;
	text-align:center;
}
.underline {
	text-decoration:underline;
}
.pictoPoids {
	padding-top:3px;
	font-size:9px;
	color:#FFF;
}
.pictoPrix {
	padding-top:2px;
	font-weight:bold;
}
/** bouton gris **/

.btnGrisGauche {
	background:url(/Ressources/images/bt/btn_grisGauche.png) no-repeat top;
	width:31px;
	height:34px;
	float:left;
}
.btnGrisMilieu {
	background:url(/Ressources/images/bt/btn_grisMilieu.png) repeat-x top;
	height:26px;
	padding-top:8px;
	float:left;
	color:#525252;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
.btnGrisDroite {
	background:url(/Ressources/images/bt/btn_grisDroite.png) no-repeat top;
	height:34px;
	width:17px;
	float:left;
}
/**** Bouton Rouge ****/
.btnRougeGauche {
	background:url(/Ressources/images/bt/btn_rougeGauche.png);
	width:31px;
	height:26px;
	padding-top:8px;
	float:left;
}
.btnRougeMilieu {
	background:url(/Ressources/images/bt/btn_rougeMilieu.png) repeat-x top;
	float:left;
	height:26px;
	padding-top:8px;
}
.btnRougeMilieu a {
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	color:#FFF;
}
.btnRougeDroite {
	background:url(/Ressources/images/bt/btn_rougeDroite.png);
	width:11px;
	height:34px;
	float:left;
}
/**** Bouton Rouge Authentification ****/
.btnRougeAuthGauche {
	background:url(/Ressources/images/bt/btn_rougeGauche.png);
	width:31px;
	height:26px;
	padding-top:8px;
	float:left;
}
.btnRougeAuthMilieu {
	background:url(/Ressources/images/bt/btn_rougeMilieu.png) repeat-x top;
	float:left;
	height:26px;
	padding-top:8px;
}
.btnRougeAuthMilieu a {
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	color:#FFF;
}
.btnRougeAuthDroite {
	background:url(/Ressources/images/bt/btn_rougeDroite.png);
	width:11px;
	height:34px;
	float:left;
}
/**** Bouton Rouge popup d'accès a un point de retrait privé ****/
.btnRougeAccesPRGauche {
	background:url(/Ressources/images/bt/btn_rougeGauche.png);
	width:31px;
	height:26px;
	padding-top:8px;
	float:left;
}
.btnRougeAccesPRMilieu {
	background:url(/Ressources/images/bt/btn_rougeMilieu.png) repeat-x top;
	float:left;
	height:26px;
	padding-top:8px;
}
.btnRougeAccesPRMilieu a {
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	color:#FFF;
}
.btnRougeAccesPRDroite {
	background:url(/Ressources/images/bt/btn_rougeDroite.png);
	width:11px;
	height:34px;
	float:left;
}
/*************************************************/
/**** Styles pour EntreeSelectionTypeLivraion ****/
/*************************************************/
#cadreMagasinsZone {
	margin: 0;
	padding-left: 2px;
	padding-right: 3px;
	position: relative;
	width: 419px;
	padding-top:13px;
}
#cadreMagasinsGauche {
	zoom: 1; /* Correction du hasLayout */
	width: 400px;
	height: auto; /*border-left: 1px solid #999999;*/
	font-family: Arial, Helvetica, sans-serif; /*font-size: 0;*/
	font-size: 11px;
	font-weight: bold; /*position: relative;*/ /*overflow: hidden;*/
	float: left;
	padding-top:1px;
}
#cadreMagasinsGauche ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#magasinGauche {
	cursor: pointer;
	position: relative;
	width: 416px; /** taille à l'affichage de 405px **/
	height: 31px;
	background: #f0f0f0;
	padding-left: 5px;
	border: 1px solid #999999;
	margin-top:-1px;
	overflow:hidden;
}
#magasinGaucheSelected {
	cursor:pointer;
	position: relative;
	width: 428px; /** A modifier pour coller au div de droite **/
	height: 31px;
	background: #d3e07f;
	padding-left: 5px;
	border: 1px solid #999999;
	border-right: 0;
	margin-top:-1px;
	z-index: 999;
	overflow:hidden;
}
#cadreMagasinsGauche .noBorderTop {
	border-top: 0;
}
#cadreMagasinsGauche .borderTop {
/*border-top: 1px solid #999999;*/
}
#magasinGaucheMasquerFleche {
	visibility:hidden;
	display:none;
}
#magasinGaucheAfficherFleche {
	display:block;
}
#cadreMagasinsGauche .borderBottom {
/*border-bottom: 1px solid #999999;*/
}
#magasinGaucheTexte {
	position: relative;
	float: left;
	padding-top: 15px; /* permet de positionner verticalement le texte */
	width: 280px;
	height: 20px; /*border:1px solid black;*/
	cursor: pointer;
}
#magasinGaucheTexteImg {
	width: 20px;
	height: 20px;
	float: left; /*border:1px solid red;*/
	padding-right: 5px;
}
.magasinGaucheSelectedPuce {
	position: relative;
	/*padding-left:1px;*/
    display:none;
	/*background: url(/Ressources/images/pictos/image_vers.gif) no-repeat;*/
    display:none;
	width:36px;
}
/* Bloc de droite */
#magasinDetails {
	position: relative;
	float: left;
	border: 1px solid #999999;
	border-left:0px;
	width: 255px;
	height: 364px;
	background: #d3e07f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	z-index: 1;
}
#magasinDetails p img {
	position: relative; /*indispensable pour l'affichage des images magasins sous IE*/
}
#magasinDetails a {
	color: #000;
}
#magasinDetailsHaut {
	position: relative;
	float: left;
	width: 249px;
	height: 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* Permet de reduire la hauteur du saut de ligne */
#magasinDetailsHaut p {
	margin: 0.6em;
}
#magasinDetailsMenu {
	position: relative;
	float: left;
	width: 260px;
	height: 24px;
	cursor: pointer;
}
.magasinDetailsMenuDiv {
	position: relative;
	float: left;
	border-bottom: 1px solid #6a7040;
	border-top: 1px solid #6a7040;
	height: 19px;
	text-align: center;
	padding-top: 5px;
	background: url(/Ressources/images/bg/bg_magasinDetailMenu.gif) repeat-x top;
	padding-left: 5px;
	padding-right: 5px;
}
.magasinDetailsMenuDiv:hover {
	/*border-bottom: #d3e07f;*/
    font-weight: bold;
}
.magasinDetailsMenuDivActif {
	border-bottom: #d3e07f;
	font-weight: bold;
	text-decoration: none;
	background: #D3E07F;
}
.magasinDetailsBas {
	position: relative;
	float: left;
	padding-top: 8px;
	padding-left: 9px;/* width:280px*/
}
/* Tailles pour le magasinDetailmenu */#w_livraison {
	width: 70px;
	border-right: 1px solid #6a7040;
}
#w_paiement {
	width: 58px;
	border-right: 1px solid #6a7040;
}
#w_acces {
	width: 92px;
}
/* gère le scroll intérieur */.outer {
	position: relative;
	width: 698px;
}
.innera {
	overflow: auto;
	overflow-x: hidden;
	width: 698px;
	height: 400px;
	max-height: 400px;
	border: 1px solid #979797;
}
/* fin du scroll intérieur *//* menuTop */

/* Bordures orange */.topBorderOrange {
	border-top: 1px solid #ef8410;
}
.topBouton {
	border: 1px solid #cccccc;
	width: 164px;
	height: 28px;
	background: url(/Ressources/images/bg/bg_boutonTop.gif) repeat-x top;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	float: left;
	margin-right: 4px;
	cursor: pointer;
}
#topBoutonImg {
	width: 20px;
	height: 20px;
	position: relative;
	float: left; /*border:1px solid red;*/
	padding-top: 1px; /* Permet de positionner verticalement l'image */
	padding-right: 6px;
}
.topBoutonOff {
	background: #ebeaea;
	color: #999999;
	width: 164px;
	height: 28px;
	border: 1px solid #cccccc;
	margin-right:4px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	position: relative;
}
#topBoutonTexte {
	position: relative;
	float: left;
	padding-top: 5px;
}
#bordHautMagasin {
	position: relative;
	width: 697px;
	height: 368px;
	vertical-align: bottom;
	background: url(/Ressources/images/bg/cadreMagasinsZoneFondHaut.gif) repeat-x top;
	border: 1px solid #999999;
	border-left:0;
	padding: 0;/*padding-top:13px;*/
}
#bordHautMagasinVide {
	background:url(/Ressources/images/bg/bg_fog1_fondVide.png) repeat-x top;
	width:626px; /* total : 695px */
	height:220px;
	padding-top:28px;
	padding-left:30px;
	padding-right:40px;
}
.creneau {
	color: #9A0000;
	font-weight: bold;
}
.imageMagasinDetailsBas {
	position: relative;
	float: left;
	padding-right: 10px;
}
/** Bg rayons **/
.bg_fruitsLegumes {
	background:url(/Ressources/images/bg/bg_fruitsLegumes.png) repeat-x top;
}
.bg_cremerie {
	background:url(/Ressources/images/bg/bg_cremerie.png) repeat-x top;
}
.bg_produitsFrais {
	background:url(/Ressources/images/bg/bg_produitsFrais.png) repeat-x top;
}
.bg_epicerie {
	background:url(/Ressources/images/bg/bg_epicerie.png) repeat-x top;
}
.bg_surgeles {
	background:url(/Ressources/images/bg/bg_surgeles.png) repeat-x top;
}
.bg_bebe {
	background:url(/Ressources/images/bg/bg_bebe.png) repeat-x top;
}
.bg_animaux {
	background:url(/Ressources/images/bg/bg_animaux.png) repeat-x top;
}
.bg_boissons {
	background:url(/Ressources/images/bg/bg_boissons.png) repeat-x top;
}
.bg_hygieneEntretien {
	background:url(/Ressources/images/bg/bg_hygieneEntretien.png) repeat-x top;
}
.bg_bazar {
	background:url(/Ressources/images/bg/bg_bazar.png) repeat-x top;
}
.bg_loisirs {
	background:url(/Ressources/images/bg/bg_loisirs.png) repeat-x top;
}
/** Bg menu rayon dans le menu de gauche **/
.Rayon_fruitsLegumes {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.Rayon_cremerie {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.Rayon_produitsFrais {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.Rayon_epicerie {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.Rayon_surgeles {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.Rayon_bebe {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.Rayon_animaux {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.Rayon_boissons {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.Rayon_hygieneEntretien {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.Rayon_bazar {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.Rayon_loisirs {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
/** Bg menu rayon sélectionné dans le menu de gauche **/
.RayonSelectionne_fruitsLegumes {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.RayonSelectionne_cremerie {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.RayonSelectionne_produitsFrais {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.RayonSelectionne_epicerie {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.RayonSelectionne_surgeles {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.RayonSelectionne_bebe {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.RayonSelectionne_animaux {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.RayonSelectionne_boissons {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.RayonSelectionne_hygieneEntretien {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.RayonSelectionne_bazar {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
.RayonSelectionne_loisirs {
	background:transparent url(/Ressources/images/bg/bg_univers_menuSousTitre.gif) repeat-x scroll center top;
}
/** Bg dégradé dans le menu de gauche **/
.Degrade_fruitsLegumes {
	background:transparent url(/Ressources/images/bg/bg_bloc1maCommande.png) repeat-x scroll 0 0;
}
.Degrade_cremerie {
	background:transparent url(/Ressources/images/bg/bg_bloc1maCommande.png) repeat-x scroll 0 0;
}
.Degrade_produitsFrais {
	background:transparent url(/Ressources/images/bg/bg_bloc1maCommande.png) repeat-x scroll 0 0;
}
.Degrade_epicerie {
	background:transparent url(/Ressources/images/bg/bg_bloc1maCommande.png) repeat-x scroll 0 0;
}
.Degrade_surgeles {
	background:transparent url(/Ressources/images/bg/bg_bloc1maCommande.png) repeat-x scroll 0 0;
}
.Degrade_bebe {
	background:transparent url(/Ressources/images/bg/bg_bloc1maCommande.png) repeat-x scroll 0 0;
}
.Degrade_animaux {
	background:transparent url(/Ressources/images/bg/bg_bloc1maCommande.png) repeat-x scroll 0 0;
}
.Degrade_boissons {
	background:transparent url(/Ressources/images/bg/bg_bloc1maCommande.png) repeat-x scroll 0 0;
}
.Degrade_hygieneEntretien {
	background:transparent url(/Ressources/images/bg/bg_bloc1maCommande.png) repeat-x scroll 0 0;
}
.Degrade_bazar {
	background:transparent url(/Ressources/images/bg/bg_bloc1maCommande.png) repeat-x scroll 0 0;
}
.Degrade_loisirs {
	background:transparent url(/Ressources/images/bg/bg_bloc1maCommande.png) repeat-x scroll 0 0;
}
/** Puces **/
.Puce_fruitsLegumes {
	background:transparent url(/Ressources/images/pictos/picto_petiteFlecheVerte.gif) no-repeat scroll left center;
}
.Puce_cremerie {
	background:transparent url(/Ressources/images/pictos/picto_petiteFlecheVerte.gif) no-repeat scroll left center;
}
.Puce_produitsFrais {
	background:transparent url(/Ressources/images/pictos/picto_petiteFlecheVerte.gif) no-repeat scroll left center;
}
.Puce_epicerie {
	background:transparent url(/Ressources/images/pictos/picto_petiteFlecheVerte.gif) no-repeat scroll left center;
}
.Puce_surgeles {
	background:transparent url(/Ressources/images/pictos/picto_petiteFlecheVerte.gif) no-repeat scroll left center;
}
.Puce_bebe {
	background:transparent url(/Ressources/images/pictos/picto_petiteFlecheVerte.gif) no-repeat scroll left center;
}
.Puce_animaux {
	background:transparent url(/Ressources/images/pictos/picto_petiteFlecheVerte.gif) no-repeat scroll left center;
}
.Puce_boissons {
	background:transparent url(/Ressources/images/pictos/picto_petiteFlecheVerte.gif) no-repeat scroll left center;
}
.Puce_hygieneEntretien {
	background:transparent url(/Ressources/images/pictos/picto_petiteFlecheVerte.gif) no-repeat scroll left center;
}
.Puce_bazar {
	background:transparent url(/Ressources/images/pictos/picto_petiteFlecheVerte.gif) no-repeat scroll left center;
}
.Puce_loisirs {
	background:transparent url(/Ressources/images/pictos/picto_petiteFlecheVerte.gif) no-repeat scroll left center;
}
/** Flèches **/
.Fleche_fruitsLegumes {
	background:#FFFFFF url(/Ressources/images/pictos/picto_flecheGrise.png) no-repeat scroll right center;
}
.Fleche_cremerie {
	background:#FFFFFF url(/Ressources/images/pictos/picto_flecheGrise.png) no-repeat scroll right center;
}
.Fleche_produitsFrais {
	background:#FFFFFF url(/Ressources/images/pictos/picto_flecheGrise.png) no-repeat scroll right center;
}
.Fleche_epicerie {
	background:#FFFFFF url(/Ressources/images/pictos/picto_flecheGrise.png) no-repeat scroll right center;
}
.Fleche_surgeles {
	background:#FFFFFF url(/Ressources/images/pictos/picto_flecheGrise.png) no-repeat scroll right center;
}
.Fleche_bebe {
	background:#FFFFFF url(/Ressources/images/pictos/picto_flecheGrise.png) no-repeat scroll right center;
}
.Fleche_animaux {
	background:#FFFFFF url(/Ressources/images/pictos/picto_flecheGrise.png) no-repeat scroll right center;
}
.Fleche_boissons {
	background:#FFFFFF url(/Ressources/images/pictos/picto_flecheGrise.png) no-repeat scroll right center;
}
.Fleche_hygieneEntretien {
	background:#FFFFFF url(/Ressources/images/pictos/picto_flecheGrise.png) no-repeat scroll right center;
}
.Fleche_bazar {
	background:#FFFFFF url(/Ressources/images/pictos/picto_flecheGrise.png) no-repeat scroll right center;
}
.Fleche_loisirs {
	background:#FFFFFF url(/Ressources/images/pictos/picto_flecheGrise.png) no-repeat scroll right center;
}
/*************************************************/
/**** Styles pour composant LISTE PRODUIT     ****/
/*************************************************/
.articleTitre a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #bf0000;
	cursor: pointer;
	text-decoration: none;
}
/** Bloc articles **/
    
    #articleBloc {
	width: 748px;
	height: 110px;
	border-bottom: 1px solid #e6e6e6;
}
#articleBlocGauche {
	position: relative;
	float: left;
	width: 380px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}
.zonePictos img {
    padding-right:2px;
}
#articleBlocGauchePhoto {
	position: relative;
	float: left;
	width: 30%;
	color: #bebcba;
	font-size: 9px;
}
#articleBlocGauchePhoto a {
	text-decoration: none;
	color: #bebcba;
}
#articleBlocGaucheTexte {
	position: relative;
	float: left;
	width: 69%;
}
#articleBlocGaucheTexte .zonePictos {
    padding-left:2px;
    padding-top:2px;
    float:right;
    margin-right:-65px;
    width:110px;
}
#articleBlocGaucheTexte #libCourt {
    width:255px;
    float:left;
}

#articleBGTextePromo {
	background: #fffb00;
	color: #F00;
	font-size: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#articleBlocDroite {
	position: relative;
	float: left;
	width: 366px;
}
#articleBlocDroiteTexte {
	width: 100%;
	height: 60px;
}
#articleBDVide {
	width: 175px;
	position: relative;
	float: left;
	height: 40px;
}
#articleBlocDroiteMenu {
	width: 366px;
	height: 49px;
	background: url(/Ressources/images/bg/bg_fondGris.gif) repeat-x bottom;
	border: 1px solid #e1e1e1;
}
#articleBDMenu1 a {
	text-decoration: none;
	color: #000;
}
#articleBDMenu3 input {
	width: 18px;
	text-align:center;
}
#articleBDPVI {
	width: 68px;
	padding-left:2px;
	padding-right:2px;
	float: left;
	margin-top: 4px;
	height:45px;
	overflow:hidden;
	padding-top:10px;
}
.pictoEtiquetteListe {
	background: url(/Ressources/images/pictos/picto_prix.png) no-repeat;
	width: 88px;
	height: 40px;
	font-family: Tahoma, Geneva, sans-serif;
	position: relative;
	float: left;
	margin-top: 10px;
}
#ListeProduits {
	display: none;
}
/**Fin bloc articles **/
    
    #articleBDMenu1Vignette {
	width: 87px;
	float: left;
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9px;
	margin-top: 5px;
	padding-left: 5px;
}
#articleBDMenu2Vignette {
	width: 87px;
	float: left;
}
#articleBDMenu3Vignette {
	width: 74px;
	float: left;
	margin-top: 15px;
	text-align:center;
}
#articleBDPVIVignette {
	width: 70px;
	padding-left:2px;
	padding-right:2px;
	float: left;
	margin-top: 4px;
	height:45px;
	overflow:hidden;
	padding-top:10px;
}
.articleBDPVIMea {
	width: 66px;
	padding-left:2px;
	padding-right:2px;
	float: left;
	margin-top: 4px;
	height:45px;
	overflow:hidden;
	padding-top:10px;
}
#articleBDMenu4Vignette {
	width: 57px;
	float: left;
	text-align:center;
}
#articleBDMenu5Vignette {
	width: 51px;
	float: left;
	margin-top: 5px;
}
#articleBlocDroiteMenuVignette {
	width: 100%;
	height: 49px;
	background: url(/Ressources/images/bg/bg_fondGris.gif) repeat-x bottom;
	border-top: 1px solid #e1e1e1;
}
/**Picto etiquette **/
    #pictoEtiquetteVignette {
	background: url(/Ressources/images/pictos/picto_prix.png) no-repeat;
	width: 88px;
	height: 40px;
	font-family: Tahoma, Geneva, sans-serif;
	position: relative;
	float: right;
	margin-top: -10px;
	padding-right: 5px;
	font-size: 12px;
	font-weight: bold;
}
#vignetteArticle {
	width: 184px;
	height: 216px;
	border: 1px solid #dbd4d3;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
}
#vignetteArticleImage {
	height: 166px;
}
/* placement des pictos dynamique dans une vignette*/
#vignetteArticleImage .zonePictos {
    padding-left:4px;
    padding-top:10px;
    overflow:hidden;
    height:25px;
}
#vignetteArticleImage .zonePictos img {
    padding-bottom:10px;
}
.popUpDescriptif {
	background: url(/Ressources/images/bg/bg_picto_popUp.gif) #FFF bottom repeat-x;
	position: absolute;
	width: 182px;
	height: 82px;
	border: 1px solid #858585;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 9px;
	display: none;
	z-index: 49;
	margin-top:20px;
}
.popUpDescriptif p {
	margin: 0.8em;
}
.popUpDescriptif img {
	padding-right: 5px;
}
.popUpDescriptif .marque {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #bf0000;
}
.popUpDescriptif .orangeBold {
	color: #ef8410;
	font-weight: bold;
}
#VignetteArticles {
	display: none;
}
.panierImg, .listeDeCourseImg, .imgPictoMoins, .imgPictoPlus, imgPictoPlusPanier, imgPictoMoinsPanier {
	cursor: pointer;
}
#blocListeSousFamilles {
	display: none;
}
#blocTri div.backgroundFamille {
	vertical-align: top;
	height: 35px;
	width: 750px;
	background-image: url("/Ressources/images/bg/bg_filtre_categorie.png");
	color: rgb(255, 255, 255);
	margin-top: -2px;
}
#blocTri div.backgroundNoeudFinal {
	vertical-align: top;
	height: 35px;
	width: 750px;
	color: rgb(255, 255, 255);
}
.liEngineSelectorCentre input, .liEngineSelectorGauche input,.liEngineSelectorDroite input { 
    border:0;
}
.liEngineSelectorGauche {
	width: 249px;
	float: left;
	position: relative;
	display: inline;
	list-style: none;
}
.liEngineSelectorCentre {
	width: 229px;
	float: left;
	position: relative;
	display: inline;
	list-style: none;
	padding-left: 20px;
}
.liEngineSelectorDroite {
	width: 229px;
	float: left;
	position: relative;
	display: inline;
	list-style: none;
	padding-left: 20px;
}
.qteProduit {
	width: 17px;
}
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
/** style contenu **/
#bloc1Vert {
	width: 734px;
	border-top: 1px solid;
	padding: 10px;
	padding-bottom:0;
	float:left;
}
.sBlocSelection {
	width: 357px;
	height: 175px;
	border: 1px solid #dbd3d2;
	border-bottom: 0;
	float: left;
	background:#fff;
}
.picto_baisseDePrix {
	background: url(/Ressources/images/pictos/picto_baisseDePrix.png) #FFF right top no-repeat;
}
.pictoEtiquette {
	background: url(/Ressources/images/pictos/picto_prix.png) no-repeat;
	width: 88px;
	height: 40px;
	font-family: Tahoma, Geneva, sans-serif;
	position: relative;
	margin-top: 20px;
	margin-left: 50px;
	margin-bottom: 5px;
}
/**  styles **/
.articleTitre {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #bf0000;
	height:37px;
	overflow:hidden;
	float:left;
}
.selPourVousBloc .articleTitre
{
    float:none;
}
.articleLibCourt 
{ float:left;
  height:29px;
  overflow:hidden;
  width:100%;
}
#libCourt {
    float:left;
    height:30px;
    text-decoration:none !important;
}

#articleBlocGaucheTexte .articleTitre
{
    width:214px;
}


.articleTexte {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
}
.articlePosition {
	padding-left: 5px;
}
.blocGrosPlan {
	width: 357px;
	float: left;
	margin: 5px;
}
.sBlocSelectionImg {
	width: 128px;
	height: 128px;
	float: left;
}
.sBlocSelectionDroite {
	float: left;
	width: 229px;
	height: 128px;
}
.sBlocSelectionDroiteBas {
	width: 100%;
	height: 14px;
	float: left;
}
.sBlocSelectionDroiteBasJaune {
	background: #fffb00;
	color: #ff0000;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 2px;
	width:100%
}
.sBlocSelectionDroitePictos {
	float: left;
	padding-top: 7px;
	padding-left: 5px;
	width: auto;
}
.width359px {
	width: 359px;
}
/** Récup de l'ancienne feuille de style avec quelques modifs mineures **/
    
    #articleBDMenu1 {
	width: 74px;
	float: left;
	display: block;
	margin-top: 5px;
	padding-left: 2px;
	padding-right: 3px;
}
#articleBDMenu2 {
	width: 100px;
	float: left;
	vertical-align: middle;
	padding-right: 2px;
	text-align: center;
}
#articleBDMenu2 img {
	margin: 3px;
	margin-top: 10px;
}
.zoneFidLeft4 img  {
    margin:5px 2px 3px !important;
}
.arialOrangeBold {
	color: #ef8410;
	font-weight: bold;
}
.arial22VertBold {
	font-family: Arial;
	font-size: 24px;
	letter-spacing:-1px;
	color: #7f9781;
	font-weight:bold;
}
#articleBDMenu3 {
	width: 72px;
	float: left;
	margin-top: 15px;
}
#articleBDMenu4 {
	width: 55px;
	float: left;
}
#articleBDMenu5 {
/*	width: 48px;*/
	float: left;
	margin-top: 5px;
}
#articleBlocDroite #articleBDMenu5  { 
    width:54px;
}
#articleBDMenuIntersection {
	float: left;
	width: 1px;
	height: 48px;
	background: url(/Ressources/images/bg/border_gris.gif) no-repeat center;
}
#articleBlocDroiteMenu {
	width: 100%;
	height: 49px;
	background: url(/Ressources/images/bg/bg_fondGris.gif) repeat-x bottom;
	border: 1px solid #e1e1e1;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9px;
	color:Black;
}
#articleBlocDroiteMenu a img {
	border: 0;
}
#articleBlocDroiteMenu a {
	color: #000;
}
#articleBlocDroiteMenu a:hover {
	text-decoration: none;
}
.coche {
	position: relative;
	float: left;
	cursor: pointer;
}
.cocheDetail {
	position: relative;
	float: left;
	cursor: pointer;
}
#detailsProduit {
	position:absolute;
	/*width:888px;
	height:497px;*/
	display:none;
	z-index:50;
}
.espace20PxEntreBoutons {
	margin-right:20px;
}
/**************************/
/* Popup liste de courses */
/**************************/
#popUpCadrePanierVide {
	border: 1px solid #6f6f6f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 244px;
	height: 68px; /* 70px à la base mais 3 .lignes *23 = 69px */
	background: #ececec;
	display: none;
	position: absolute;
	z-index: 65;
}

#popUpCadreAuthentifier {
	border: 1px solid #6f6f6f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 244px;
	height: 68px; /* 70px à la base mais 3 .lignes *23 = 69px */
	background: #ececec;
	display: none;
	position: absolute;
	z-index: 65;
}
#popUpCadre {
	border: 1px solid #6f6f6f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 244px;
	height: 68px; /* 70px à la base mais 3 .lignes *23 = 69px */
	background: #ececec;
	display: none;
	position: absolute;
	z-index: 65;
}
#popupListesDeCourse .popUpImageGauche {
	float: left;
	height: 55px;
	padding-top: 13px; /* Height + padding +padding-top doit faire 69px (taille de la pop up) sert à centrer l'image verticalement */
	background: url(/Ressources/images/bg/bg_imageGauche.gif) repeat-y right;
	width: 43px;
	padding-left:3px;
}
#popupListesDeCourse .ligne {
	position: relative;
	float: left;
	width: 188px;
	height: 19px;
	padding-top: 3px;
	padding-left: 10px;
}
#popupListesDeCourse .ligne:hover {
	background: #e0ecc3;
	cursor: pointer;
}
#popupListesDeCourse .ligneSelected {
	position: relative;
	float: left;
	width: 198px;
	height: 19px;
	padding-top: 3px; /* La somme de Height + padding-top doivent faire 23px */
	background: #e0ecc3;
	padding-left: 10px;
}
#popUpCadre2 {
	border: 1px solid #6f6f6f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 244px;
	height: 111px;
	background: #ececec;
	display: none;
	position: absolute;
	z-index: 65;
}
#popUpImageGauche2 {
	position:relative;
	background: url(/Ressources/images/bg/bg_imageGauche.gif) repeat-y right;
	float: left;
	height: 71px;
	padding-top: 40px; /* Height + padding +padding-top doit faire 110px (taille de la pop up) sert à centrer l'image verticalement */
	padding-right:4px;
	width:42px;
}
#outerPopUp {
	float:left;
	position: relative;
	width: 196px !important;
}
#outerPopUp > div.jScrollPaneContainer /* force la taille du jscrollPane sur la PopupListesDeCourse */ {
	width:199px !important;
}
#innerPopUp {
	height:111px;
	width:213px;
	overflow:auto;
}
#popupListesDeCourse .ligne2 {
	width: 187px;
	height: 14px;
	padding-top: 3px;
	padding-left: 10px;
}
#popupListesDeCourse .ligne2:hover {
	background: url(/Ressources/images/pictos/picto_rondPlus.png) #e0ecc3 no-repeat right;
	cursor: pointer;
}
#popupListesDeCourse .ligneSelected2 {
	width: 199px;
	height: 14px;
	padding-top: 3px; /* La somme de Height + padding-top doivent faire 23px */
	background: #e0ecc3;
	padding-left: 10px;
}
#popUpCadre3 {
	border: 1px solid #6f6f6f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 300px;
	height: 102px;
	background: #ececec;
	display: none;
	position: absolute;
	z-index: 65;
}
#popUpImageGauche3 {
	float: left;
	background: url(/Ressources/images/bg/bg_imageGauche.gif) repeat-y right;
	height: 65px;
	padding-top: 37px; /* Height + padding +padding-top doit faire 85px (taille de la pop up) sert à centrer l'image verticalement */
	padding-right:4px;
	width:42px;
}
#popUpDroite3 {
	position: relative;
	float: left;
	height: 65px;
	width: 234px;
	padding: 5px;
	padding-left: 14px;
}
#popupListesDeCourse .btn_gris, .btn_gris a {
	background: url(/Ressources/images/bg/bg_btn_gris.gif) repeat-x top;
	width: 95px;
	height: 16px;
	float: left;
	font-weight: bold;
	text-decoration: none;
}
#popUpDroite3 input {
	border: 1px solid black;
	background: url(/Ressources/images/bg/bg_input_gris.gif) repeat-x;
}
#popupListesDeCourse .spacer {
	float: left;
	width: 43px;
}
#btnCreerListeCourse, #btnAnnulerListeCourse {
	cursor : pointer;
}
#popupListesDeCourse .height10px {
	height :15px;
}
#popupListesDeCourse .disabled {
	color: Gray;
	text-decoration : none;
}
.choixNbProduitsParPage {
	float:left;
	padding-left:3px;
	padding-top:2px;
	text-align:center;
	width:70%;
}
.pagination {
	float:left;
	height:25px;
	width:25%;
}
#listeProduits {
	height:524px;
	width:666px;
	overflow:auto;
}
#listeProduitsEnCours {
	height:500px;
	width:674px;
	overflow:auto;
}
.holderCommande {
	float: left;
}
.navIntersectionPager {
	background:transparent url(/Ressources/images/bg/border_grisNav.gif) no-repeat scroll center center;
	float:left;
	height:26px;
	width:1px;
}
#FO_G12_MaListeDeCourses .navIntersectionPager {
	background:transparent url(/Ressources/images/bg/border_grisNav.gif) no-repeat scroll center center;
	float:left;
	height:26px;
	width:1px;
	margin-top:-4px;
	padding-right:5px;
}
.template {
	display:none;
}
.liPanier {
	cursor: pointer;
}
.infosProduit .fermer {
	float:right;
	cursor: pointer;
	padding:1px;
}
#menuHaut {
	z-index: 12; /* TODO à adapter avec les popups et background du site */
}
.lien {
	cursor:pointer;
}
/* Styles utilisés pour la validation JQUERY*/
.errorValidation {
	border:1px dotted red;
}
.formErrorContent {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-moz-box-shadow:0 0 6px #000000;
	background:#EE0101 none repeat scroll 0 0;
	border:2px solid #DDDDDD;
	color:#FFFFFF;
	font-family:tahoma;
	font-size:11px;
	padding:4px 10px;
	display:block;
	position:absolute;
	z-index:11;
}
#divPopupVeuillezPatienter {
	position: absolute;
	display: none;
	z-index:201;
}
#divBackgroundGeneral {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
	display: none;
	z-index:200;
}
#divErreur {
	background-color: White;
	position: absolute;
	width: 300px;
	border-color: #dde;
	border-style: outset;
	border-width: 2px;
	display: none;
	z-index:300;
}
#pagerHautListeCourse > div > div {
	float:left;
	padding-right:2px;
}
#pagerBasListeCourse> div > div {
	float:left;
	padding-right:2px;
}
#pagerHautDetail > div > div {
	float:left;
	padding-right:2px;
}
#pagerBasDetail > div > div {
	float:left;
	padding-right:2px;
}
.zoneEditoriale {
    width:70px;
}
.zoneFidLeft4 {
	float:left;
	/*margin-right:4px;*/
}
/** NAVIGATION pour images pubs en JQUERY **/
	#nav {
	z-index: 50;
	position: absolute;
	bottom: 0px;
	margin-left:8px;
	top:257px;
}
#navGauche {
	z-index: 5;
	position: absolute;
	bottom: 0px;
	width:565px;
	height:29px;
	background:url(/Ressources/images/bg/bg_accueil_pub.gif) repeat-x;
	top:257px;
}
#navGauche #sep {
	background:url(/Ressources/images/bg/bg_accueil_pub_separator.gif) no-repeat right;
	float:left;
	width:8px;
	height:29px;
}
#nav a {
	text-decoration: none;
}
#nav span.slide {
	background:url('/Ressources/images/bg/bg_accueil_pub_separator.gif') no-repeat right;
	float:left;
	width:19px;
	height:23px;
	padding-top:6px;
	text-align:center;
}
.slide a {
	font-family:Verdana;
	font-size:14px;
	color:#65544a;
	text-decoration:none;
	font-weight:bold;
}
#nav span.activeSlide {
	background:url('/Ressources/images/bg/bg_accueil_pub_hover.gif') repeat-x right;
}
.activeSlide a {
	color:#b31616 !important;
}
#nav a:focus {
	outline: none;
}
.controls {
	z-index: 1000;
	position: absolute;
	top: 110px;
	left: 0; /* pour la fleche de gauche */
	display: none;
	margin: 0;
	padding: 0;
}
/** permet de caler la fleche à droite pour garder le lien de l'image pub **/
.blocAnimationImages #flecheDroite {
	left:522px !important;
}
.controls .prec {
	float:left;
	/*background:url(/Ressources/images/bg/bg_accueil_fondGris_pub.png) repeat;*/
	height:140px;
	padding-top:117px;
}
.controls .next {
	float:right;
	/*background:url(/Ressources/images/bg/bg_accueil_fondGris_pub.png) repeat;*/
	height:140px;
	padding-top:117px;
}
.controls div.imgPrec {
	background:url(/Ressources/images/pictos/accueil_fleche_prec.png) no-repeat;
	width:43px;
	height:43px;
}
.controls div.imgNext {
	background:url(/Ressources/images/pictos/accueil_fleche_next.png) no-repeat;
	width:43px;
	height:43px;
}
/** hover **/
.controls div.imgPrec:hover {
	background:url(/Ressources/images/pictos/accueil_fleche_prec_off.png) no-repeat;
	cursor:pointer;
}
.controls div.imgNext:hover {
	background:url(/Ressources/images/pictos/accueil_fleche_next_off.png) no-repeat;
	cursor:pointer;
}
#navTexteAfficher {
	display:block;
	z-index:10; /*attention à ce que le texte ne passe pas au dessus des popups */
	float:left;
	position:absolute;
	text-align:right;
	width:450px;
	font-size:14px;
	color:#65544a;
	font-weight:bold;
	top:263px;
	left:110px;
}
/** FIN NAVIGATION **/
/** SELECT en JQUERY **/
/* Ecran Liste article */
#articleBDPVI div, #articleBDPVIVignette div {
	width:63px;
}
#tri_msdd > div {
	width:110px;
}
select#listeQuantiteListeProduits.listeQuantite {
	width:60px;
}
.orange {
	color:#ef8410;
}
/* popupPanier */
div.popupProduitPanier .ajoutProduit > div > div {
	width:65px !important;
}
#ZoneInfoLigneCommande #divSelector > div {
	width:200px !important;
}
/* popup PensezY */
#blocContenuProd_contenu2 .blocContenuProd_qte > div > div {
	width:67px !important;
}
#ZoneInfoPerso table div > div {
	width:323px !important;
}
/* Page d'accueil */
#articleBlocDroiteMenu .articleBDPVIMea > div {
	width:66px !important;
}
/* sur page listeProduits */
#articleBDPVI .txt_CommentaireFiche, #articleBDPVIVignette .txt_CommentaireFiche {
	width:70px;
	float:left;
	margin-top:20px;
	height:23px;
	overflow:hidden;
}
/* sur page d'accueil */
.articleBDPVIMea .txt_CommentaireFiche {
	width:66px;
	float:left;
	margin-top:2px;
	height:23px;
	overflow:hidden;
	float:left;
}
.titrePlanningFrais {
	font-family: Arial;
	font-size: 20px;
	color: #F1912A;
}

/* page d'erreur */
#contenuCentral_erreur {
    width:945px;
    height:420px;
    background:url(/Ressources/images/bg/bg_pageErreur.jpg) no-repeat;
    padding-left:20px;
    padding-top:10px;
    border:1px solid #E8E4E3;
}
#menuPanier_erreur {
	margin:0 auto; 
	width:100%;
}
#menuPanierLogo_erreur {
	background:url(/Ressources/images/bg/bg_top.png) repeat-x; 
	height:145px;
	width:auto;
}
#contain-menu_erreur {
	width:965px;
	text-align:left;	
}
#degradeMenuUnivers_erreur {
	background:url(/Ressources/images/bg/bg_fondHaut.jpg) repeat-x; 
	width:100%; 
	height:23px;	
}
/*FIN page d'erreur */

/** JQUERY UI DIALOG : popup orange & rouge d'alerte ou d'avertissement **/
/* Style de base : css rouge */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar_old { padding: .5em 1em .3em; position: relative;  }

.ui-dialog .ui-dialog-titlebar {position:relative;}
.ui-dialog .ui-dialog-title {float:left;height:28px;margin-top:5px; padding-left:10px; padding-right:20px;padding-top:15px;-moz-border-radius:10px 60px 0 0;background:url(/Ressources/images/titre/titre_popup_bg.png) repeat-x; font-family:Verdana; font-size:18px; font-weight:bold;}

.ui-dialog .ui-dialog-title_old { float: left; margin: .1em 16px .2em 0; background:#e4321f; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 0; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 0; background-image: none; position:relative;right:35%;width:100%; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* Style orange  */

.ui-orange { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-orange .ui-dialog-titlebar_old { padding: .5em 1em .3em; position: relative;  }

.ui-orange .ui-dialog-titlebar {position:relative;}
.ui-orange .ui-dialog-title {float:left;height:28px;margin-top:5px; padding-left:10px; padding-top:0; padding-right:20px;font-family:Arial; font-size:20px; font-weight:bold;color:#ef8410;letter-spacing:-1px;-moz-border-radius:0; background:0 }
.ui-orange .ui-dialog-title_old { float: left; margin: .1em 16px .2em 0; background:#e4321f; } 
.ui-orange .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 0; height: 18px; }
.ui-orange .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-orange .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-orange .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-orange .ui-dialog-buttonpane { text-align: left; border-width: 0; background-image: none; position:relative;right:35%;width:100%; }
.ui-orange .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-orange .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-orange .ui-widget-header {border-bottom:2px solid #ef8410;}

/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 2px solid #656565/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header-old { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header {border-bottom: 5px solid #da2f1d/*{borderColorHeader}*/; /*{background: #e4321f bgColorHeader}*/ color: white/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/

#rd_brand_03_middle .ui-state-default, #rd_brand_03_middle .ui-widget-content .ui-state-default {/* border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: url('/Ressources/images/bandeauhaut/btn_listeArticles.png') no-repeat;/*{bgColorDefault}*/ /*url(images/ui-bg_glass_75_e6e6e6_1x400.png)*//*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
/*.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}; background: #e6e6e6/*{bgColorDefault}*/ /*url(images/ui-bg_glass_75_e6e6e6_1x400.png)*//*{bgImgUrlDefault} 50%/*{bgDefaultXPos} 50%/*{bgDefaultYPos} repeat-x/*{bgDefaultRepeat}; font-weight: normal/*{fwDefault}; color: #555555/*{fcDefault}; }*/
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
/*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999/*{borderColorHover}; background: #dadada/*{bgColorHover} url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover} 50%/*{bgHoverXPos} 50%/*{bgHoverYPos}* repeat-x/*{bgHoverRepeat}*; font-weight: normal/*{fwDefault}*; color: #212121/*{fcHover}*; }*/
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }


.ui-widget-header .ui-icon_old {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-widget-header .ui-icon {background-image: url(/Ressources/images/bt/btn_croixRouge.gif)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
/*.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}; }*/
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/Ressources/images/bt/btn_croixRouge.gif)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all_old { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; 
                    padding: 8px/*{thicknessShadow}*/; 
                    background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; 
                    opacity: .3;
                    filter:Alpha(Opacity=30)/*{opacityShadow}*/; 
                    -moz-border-radius: 8px/*{cornerRadiusShadow}*/; 
                    -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; 
                    border-radius: 8px/*{cornerRadiusShadow}*/; 
}

/* permet de gérer la couleur des boutons en fonction de leur nom **/
.bt-Valider, .bt-Oui {
    background:url("/Ressources/images/bt/btn_rougeMilieu.png") repeat-x scroll center top transparent !important; 
    color:White !important;
    font-size:11px !important;
    font-weight:bold !important;  
    height: 34px !important;
}

.bt-Fermer, .bt-Non {
    background:url("/Ressources/images/bt/bt_noirMilieu.gif") repeat-x scroll center top transparent !important;
    color:White !important;
    font-size:11px !important;
    font-weight:bold !important;  
    height: 34px !important;
}
/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Button
----------------------------------*/

.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.5em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
