/***************************************/
/*           Menu Horizontal           */
/***************************************/
@import url(default_ToolTip.css);

/*CSS : éléments généraux composant la page*/
img#ctl00_ctl00_cphMain_cphMid_wucSlide_imbSlide 
{
	display: none;
	}
body
{
}
#container
{
	margin: 0 auto 0 auto;
}
#bandeau-haut
{
	width: auto;
	height: 16px;
}
.footer
{
	float: left;
	font-size: 10px;
	text-align: center;
	padding-top: 2px;
}
.updProgress
{
	text-align: center;
}

.divErrorMessage
{
	color: #BF2323;
}
/*Elements composant les Classes des popup aide*/

.jqmWindow
{
	display: none;
	height: auto;
	position: fixed;
	top: 17%;
	left: 30%;
	margin-right: 300px;
	width: auto; /*width: 250px;*/
	margin-top: 50px;
	background-color: #EEE; /*couleurs de fond par défaut*/
	color: #000;
	border: 1px solid black;
	padding: 12px;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
}
.jqmlink
{
	margin-left: 230px;
	margin-right: 10px;
	text-align: right;
	font-size: 12px;
}
.jqmClose
{
	color: #BF3B3D;
	font-weight: bold;
}
/** html .jqmWindow 
{
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}*/

.jqmOverlay
{
	background-color: #000;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow
{
	position: absolute;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) +  'px' );
}
/*Elements composant les classes dans les paniers : Tableau zone de quantité*/

.divInterPanier .divConsumerCategory .divOrderItem_quantity
{
	/*float: left;*/
}
.divText_name
{
	padding-left: 10px;
	width: auto;
}
.divProductPrice_amount
{
	padding-right: 10px;
	text-align: right;
	width: 80px;
}
.divOrderItem_quantity
{
	width: 180px;
	padding-left: 10px;
	text-align:center;
}
.divQuantitePanier
{
	/*float: left;*/
}
/*.divRowStyle .divOrderItem_quantity .divQuantitePanier .boxQuantity .boxQ
{
	width: 60px;
}
.boxQuantity
{
	float: left;
	width: 60px;
	height:21px;
}
td.boxQuantity
{
	float: none;
	width: 60px;
	height:21px;
}
.imgQuantity
{
	float: left;
	width: 21px;
	height:21px;
}
td.imgQuantity
{
	float: none;
	width: 21px;
	height:21px;
}*/

.boxQ {
	width:80px;
}
.boxQuantity {
	/*width:auto;*/
	float:left;
}
.imgQuantity {
	float:left;
	width:17px;
}

.divPromotion
{
	margin-left: 160px;
}

/*---------     Page Identification     ----------*/
#divIdentification .fieldset
{
	float: left;
}
.divInformationIdentification .divInformationIdText
{
	text-align: center;
}
.divInformationIdentification .divInformationIdBloc
{
	margin-left: 4px;
	text-align: left;
}
.divBlocIdentification .imaAide
{
	margin-top: 5px;
	float: right;
}
.divBlocIdentification .imbButton
{
	/*margin-top: 4px;*/
	text-align: center;
}
.divBlocIdentification .divTxt
{
	font-size: 10px;
}
.divBlocPanier
{
	min-height: 60px;
	_height: 60px;
	height: auto;
}
/*.divLitDroplistContact {margin-left:150px;}*/
/*----------     Page coordonnée     ------------*/
#divBloc
{
	width: auto;
}
#divCoordonnee
{
	margin: 0px 0px 5px 1px; /*padding:3px; 	color:black; 	overflow:auto;*/
}
#divCoordonnee h1
{
	text-align: center;
}
.imbNext
{
	float: right;
	padding-right: 10px;
}
.imbReset
{
	float: left;
}
.divLigne
{
	/*float:left;*/
	padding-top: 2px;
}
.divLit
{
	float: left;
}
.divLitLogPass
{
	float: left;
}
#divLoginPassword
{
	text-align: justify;
	font-size: 10px;
}
/*Zone pré paiement*/
#divPaymentMode
{
	float: left;
}
#divPaymentModeMessage
{
	padding: 10px;
}
#divPaymentCheque
{
	width: 200px;
	padding: 10px;
	float: left;
}
#divPaymentCB
{
	width: 200px;
	padding: 5px;
	float: left;
}
#divPaymentMode .imbNext
{
	float: right;
	padding-top: 10px;
	padding-right: 10px;
	border-top: 1px solid #999999;
}
.fieldset
{
	margin: 3px 5px 3px 5px; /*width:auto;*/
	float: left;
	padding: 3px 3px 3px 5px;
}
.titleFieldset
{
	/*color:#171d2b;*/
	padding: 0px 5px 0px 2px;
}
.fieldset .divInformationIdentification
{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	padding: 0px 1px 4px 1px;
}
.fieldset .divZoneIdentification
{
	/*float:left;*/
	vertical-align: top;
	height: auto;
	color: Red;
	float: left;
	font-size: 10px;
}
.fieldset .divZoneIdentification input
{
	font-size: 11px;
}
.fieldset .imbNext
{
	vertical-align: middle;
	float: right;
	padding-top: 5px;
}
.fieldset .divZoneIdentification .imaAide
{
	vertical-align: bottom;
}

.fieldset .PanelMailRenvoieMessage
{
	font-size: 8px;
	color: Red;
	text-decoration: none;
}
.fieldset .PanelMailRenvoieMessage a
{
	font-size: 8px;
	color: Red;
	text-decoration: none;
	float: left;
}

/*A Valider*/
#divIdentification .fieldset .divZoneIdentification input
{
	/*float:left;*/
	margin-right: 4px;
}
#divIdentification .fieldset input
{
	/*float:left;*/
}
#divIdentification .fieldset .imbNext
{
	margin-top: 0;
	margin-left: 4px;
	padding-top: 0;
}
.fieldset .PanelMailRenvoieMessage a
{
	margin-left: 5px;
}
/* ---- Paiement au passage ------ */

#divPaymentPassage
{
	width: auto;
	padding: 0 5px 0 10px;
}
#divPaymentPassage h1
{
	font-size: 14px;
}

#divPaymentPassage .imbButton
{
	float: right; /*margin-right:10px;*/
}

.divLitPayement
{
	width: 150px;
	float: left;
	padding-left: 10px;
	color: Black;
	height: 15px;
}
#divLoginPassword
{
	color: Black;
}
.divLitPayementLogPass
{
	width: 150px;
	float: left;
	padding-left: 10px;
	color: Black;
}
#updIdentification .divTxt
{
	float: left;
	font-size: 10px;
	height: 15px;
	width: 120px; /*Passé de 140 à 120 à voir à la longue (le 25/11 - AB)*/
}
#updIdentification
{
	float: left;
}

#divPaymentPassage .updIdentification
{
	float: left;
}
.divBlocIdentificationPaymentPassage
{
	margin: 5px 0 5px 0;
	width: auto;
	min-height: 20px;
	height: 20px;
}
.divBlocIdentificationPaymentPassage .divTxt
{
	margin-right: 5px;
}
#divPaymentPassage .accordionHeaderSelected
{
	font-weight: normal;
	margin: 10px 2px 0px 2px;
	border: 1px solid Black;
	padding: 5px;
	min-height: 30px;
	overflow: auto;
	background-image: url(../images/blocAccordeonUp.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.accordionHeaderSelected blockquote
{
	margin: 2px 4px 2px 20px;
}
#divPaymentPassage .accordionContentStyle0
{
	border-left: 1px dashed Gray;
	border-right: 1px dashed Gray;
	border-bottom: 1px dashed Gray;
	padding: 5px;
	min-height: 30px;
	height: 30px;
	overflow: auto;
}
#divPaymentPassage .accordionHeader
{
	font-weight: normal;
	margin: 10px 2px 0px 2px;
	border: 1px solid Black;
	padding: 5px;
	background-image: url(../images/blocAccordeonDown.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	cursor: pointer;
}
#divPaymentPassage #divLitPayement
{
	width: auto;
	margin-bottom: 10px;
	text-align: right;
	color: Red;
}
#divPaymentPassage .accordionContent
{
	border-left: 1px dashed Gray;
	border-right: 1px dashed Gray;
	border-bottom: 1px dashed Gray;
	padding: 5px;
}
#divPaymentPassage .imbValid2
{
	float: right;
	padding-right: 10px;
}
#divCoordonneePaymentPassage #divContact_lastName input
{
	font-size: 10px;
	width: 150px;
}
#divCoordonneePaymentPassage #divBloc .divTxt
{
	font-size: 10px;
	width: 150px;
}
.divClient_PromotionCode
{
	color: Black;
}
.borderPage
{
	border: 1px solid Black;
	padding: 5px;
}

/*Page de paiement*/
#divCgv
{
	margin: 10px 0 0 0;
}
#divCommandeFinMailStationJustificatifs
{
	text-align: center;
	margin-top: 10px;
}
#divCommandeFin .imbPrint
{
	margin-top: 10px;
	float: left;
	padding-left: 10px;
}
#divCommandeFin .imbRetourSite
{
	margin-top: 10px;
	float: right;
	padding-right: 10px;
}

.pad30 .divPaymentAboRequestMessage
{
	margin-left: 10px;
	color: Red;
}

/*Questionnaire*/
#divQuestionnaire
{
	width: auto;
}
#divQuestionnaire .zoneFieldset
{
	width: auto;
	min-width: 400px;
}
#divQuestionnaire .zoneFieldset .fieldset .titleFieldset
{
	font-weight: bold;
	font-size: 13px;
}
#divQuestionnaire .zoneFieldset .fieldset .elementFieldsetBis .ThemeQuestion
{
	font-weight: bold;
	font-size: 13px;
	width: 400px;
	border-bottom: 1px solid Gray;
}
#divQuestionnaire .zoneFieldset .fieldset .elementFieldsetBis .questionCadre .question
{
	margin-top: 5px;
	font-size: 12px;
	text-align: justify;
}
#divQuestionnaire .zoneFieldset .fieldset .elementFieldsetBis .questionCadre .reponse
{
	margin-left: 10px;
	font-weight: bold;
}
#divQuestionnaire .zoneFieldset .fieldset .elementFieldsetBis .questionCadre .reponse textarea
{
	width: 350px;
}

/*Mise en forme : Synthèse de Commande */
.titreLabOrder
{
	font-weight: bold;
	color: #000;
	font-size: 13px;
	padding: 10px 0 4px 0;
}
.borderLabOrder
{
	border: 1px solid #AFAFAF;
	padding: 5px;
}
.elementCommandeLabOrder
{
	padding-left: 30px;
	border-bottom: 1px solid black;
	margin-bottom: 2px;
}
.numCommandeLabOrder
{
	font-weight: bold;
	color: #6F6F6F;
	font-size: 11px;
	padding: 1px 0 1px 0;
}
.intituleLabOrder
{
	font-weight: bold;
	color: #000;
	font-size: 11px;
	float: left;
	padding-right: 5px;
}
.reponseLabOrder
{
	color: #8F8F8F;
	font-size: 11px;
	padding: 1px 0 1px 0;
}
.imgLastOrder
{
	float: right;
	vertical-align: bottom;
	height: 22px;
	margin-bottom: 4px;
}
/*************************************************/

/*******************************************************/
/* WUC Browser Detect */
.ie6box
{
	font-family: Tahoma,Verdana,Arial,Helvetica,Sans-serif,Sans;
	font-size: 8pt;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	color: #000000;
	width: 980px;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	background: #ffe3a8 4px 4px no-repeat;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -490px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 10px;
	z-index: 10000;
}

#ie6box a, #ie6box a:link, #ie6box a:visited, #ie6box a:hover, #ie6box a:active
{
	color: #000099;
	font-weight: bold;
	text-decoration: none;
	border: none;
	background-color: transparent;
}
.ie6box a:hover
{
	text-decoration: underline;
}
.ie6msg
{
	font-size: 12px;
}
.btnfermer
{
	position: absolute;
	top: 5px;
	right: 5px;
}
.ie6box .ie6msg .navList
{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ie6box .ie6msg .navList a
{
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	margin-right: 10px;
	margin-left: 10px;
}
.ie6box .ie6msg .navList a:hover
{
	font-size: 14px;
	color: #003300;
	text-decoration: underline;
}
.ie6box .ie6msg .ie6warning
{
	width: 75px;
	float: left;
	margin-top: 6px;
}
.ie6box .ie6msg .navIco
{
	width: 75px;
	float: left;
}
.ie6box .ie6msg .navIco a img
{
	border: none;
	margin-top: 6px;
}
.ie6box .ie6msg .ie6txt
{
	font-size: 12px;
	margin-top: 6px;
	line-height: 16px;
}
div.ie6msgbox
{
	width: 520px;
	float: left;
	font-family: Arial, sans-serif;
}
.ie6msg .ie6title
{
	font-size: 14px;
	font-weight: bold;
	margin-top: 6px;
	line-height: 16px;
	color: #990000;
}
/*******************************************************/

/*Calendrier---------------------------------------------------------------------*/
.ClassicStyle
{
	background-color: #ffffff;
}
.ClassicStyle .TitleStyle table
{
	color: #ffffff;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #CFCFCF;
}
.ClassicStyle .TitleStyle td
{
	padding: 2px;
	color: Black;
}
.ClassicStyle .TitleStyle .DropDownStyle, .ClassicStyle .TitleStyle .DropDownOutStyle
{
	cursor: default;
}
.ClassicStyle .TitleStyle .DropDownOverStyle
{
	cursor: default;
}
.ClassicStyle .TitleStyle .CloseButtonStyle
{
	width: 13px;
	height: 13px;
	border: 0;
}
.ClassicStyle .BodyStyle
{
	font-family: verdana;
	font-size: 10px;
	background-color: #fff;
}
.ClassicStyle .BodyStyle .HeaderStyle
{
	font-weight: bold;
	padding: 2px 3px 2px 3px;
	cursor: default;
	white-space: nowrap;
}
.ClassicStyle .BodyStyle .DateStyle
{
	text-decoration: none;
	color: #000000;
	cursor: default;
	padding: 2px 0px 2px 4px;
	white-space: nowrap;
}
.ClassicStyle .BodyStyle .DaysOutOfMonthStyle
{
	color: #c0c0c0 !important;
}
.ClassicStyle .BodyStyle .WeekNumberStyle
{
	width: 20px;
	padding: 0px;
	text-align: center;
}
.ClassicStyle .BodyStyle .SelectedDateStyle
{
	border: 1px solid #a0a0a0;
}
.ClassicStyle .BodyStyle .DisableDateStyle
{
	text-decoration: line-through;
}
.ClassicStyle .BodyStyle .DayOverStyle
{
}
.ClassicStyle .TodayStyle
{
	cursor: default;
	font-size: 11px;
}
.ClassicStyle .TodayStyle .TextStyle
{
	font-family: arial;
	font-size: 11px;
	text-decoration: none;
	cursor: default;
}
.ClassicStyle .ListStyle
{
	/* Month And Year List */
	font-family: arial;
	font-size: 11px;
}
.ClassicStyle .ListStyle .OptionStyle, .ClassicStyle .ListStyle .OptionOutStyle .ClassicStyle .ListStyle .OptionOverStyle
{
}
.formIframe
{
	width: 450px;
	height: 350px;
}
/********************************/
/*  boxDropDownList Coordonnées */
/********************************/
.Withdraw_BoxDropDownList
{
	width: 240px;
}
/* ----------------------- Message ----------------------- */
.Message, .MessageError, .MessageCancel, .MessageValid, .MessageOK
{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 4px;
	margin: 4px 10px 10px 10px;
	border: solid 1px;
}

.Message
{
	color: #7B91A1;
	border-color: #849CAD;
	background-color: #E1EAF0;
}
.MessageError, .MessageCancel
{
	color: #A6270B;
	border-color: #DA3510;
	background-color: #FAD5CE;
}
.MessageValid, .MessageOK
{
	color: #768035;
	border-color: #9CD21D;
	background-color: #E1F1BB;
}
.MessageWarning
{
	color: #FF8A01;
	border-color: #FAA649;
	background-color: #FFF1CA;
}

#divCoordonnee .Justif_Global
{
	height:30px;
}