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

/*CSS : éléments généraux composant la page*/

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 {
	border:0 none;
	width:140px;
	padding-left:10px;
}
.divQuantitePanier{
	float:left;
}
.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;
	border:0px;
}