@import "commonStructure.css";
@import "commonColor.css";

/*
*/

*
{
	margin: 0;
	padding: 0;
}
*
{
	font-size: 11px;
	font-family: arial, verdana, helvetica, sans-serif;
}
body
{
	padding: 0 0 0 0;
	text-align: center;
	cursor: default;
	background-image: url( "/ImagesCentral/Images/elt_relook_VU/background/bkg_main.gif" ); /*background-repeat: repeat; 	background-position: center;*/
	background-repeat: repeat-x;
	background-position: center; /*height: 601px; 	width: 1018px;*/
}
a
{
	text-decoration: none;
	cursor: hand;
}
a img
{
	border: none;
}
fieldset
{
	border: none;
}
ul
{
	list-style-type: none;
}

/*
	Le cadre principal du configurateur
*/
.conteneurGeneral
{
	height: 693px;
	width: 1018px;
	margin: auto;
	padding-left: 25px;
	padding-right: 36px;
	text-align: left; /* padding-top:75px; background-image: url("/ImagesCentral/Images/site/media/logo.gif"); background-position:left top; background-repeat:no-repeat;*/
}
* > .conteneurGeneral
{
	/*width: 1024px;*/
}

.conteneurGeneral
{
	background-color: Transparent; /*border: 1px solid #C6C6C6;*/
}

#conteneurGeneral_Content
{
	height: 565px; !height:585px;
width:971px;!width:990px;
}
* > #conteneurGeneral_Content
{
	width: 971px; !width:972px;
height:565px;!height:585px;
}
/*
		Le cadre de gauche des étapes option couleur acs et serv
*/
.ActiveStep
{
	background-image: url(/ImagesCentral/Images/elt_relook_VU/bordures/BlocGauche/fond.png);
	background-repeat: repeat-y;
	padding-left: 16px;
	padding-right: 16px; /*padding-top: 13px;*/
	padding-bottom: 6px;
	width: 626px;
	height: 478px;
}

* > .ActiveStep
{
}

.Step
{
	height: 457px; !height:442px;
display:block;
padding-top:13px!IMPORTANT;
}
* > .Step
{
	padding-left: 9px;
	padding-right: 7px;
}

/* 
		Layer infos
*/
#LegalMentionsForm
{
	z-index: 99999;
}

#LegalMentionsForm .LayerButtons
{
	text-align: center;
}

.globalLayerInfos
{
	top: 50px;
	left: 340px;
	padding: 5px;
	width: 280px;
	line-height: 12px;
	z-index: 9999;
	position: absolute;
	background-color: white;
	border: 5px solid #CCCCCC;
}


.globalLayerInfos .LayerText, .globalLayerInfos .LayerButtons, .globalLayerInfos .LayerButtonsHB
{
	behavior: url(/ImagesCentral/Images/site/layout/png.htc);
	width: 300px;
	height: 70px;
	display: block;
}
* > .globalLayerInfos .LayerText
{
	width: 270px;
	height: auto;
}
.globalLayerInfos .LayerText
{
	padding-left: 15px;
	padding-top: 20px;
	padding-right: 20px; /*background: transparent url(/ImagesCentral/Images/site/layout/Layer_Top.png) top left repeat-x;*/
}
.globalLayerInfos .LayerText label, .globalLayerInfos .LayerText h2
{
	font-size: 13px;
	line-height: 16px;
}
.globalLayerInfos .LayerText h2
{
	margin-left: 10px;
}
.globalLayerInfos #msgMentions, .globalLayerInfos #msgLegalMentions, .globalLayerInfos #msgMentionsSend
{
	margin-left: 10px;
	margin-bottom: 10px;
}
.globalLayerInfos #msgLegalMentions
{
	margin-bottom: 0px;
	margin-top: 10px;
}
.globalLayerInfos .LayerText table
{
	width: 100%;
}
.globalLayerInfos .LayerText table textarea
{
	width: 100%;
	height: 60px;
	margin-left: 10px;
	margin-right: 10px;
	overflow-y: auto;
}
* > .globalLayerInfos .LayerText table textarea
{
	width: 90%;
}

.globalLayerInfos .LayerButtons, .globalLayerInfos .LayerButtonsHB
{
	height: 70px; /*background: transparent url(/ImagesCentral/Images/site/layout/Layer_Bottom.png) top left repeat-x;*/
}

.globalLayerInfos .CustomButtonBox a
{
	height: 17px;
}
.globalLayerInfos #hlConfirm, .globalLayerInfos #hlCancel, .globalLayerInfos #hlOk, .globalLayerInfos #inputToFill, .globalLayerInfos #inputCancel, .globalLayerInfos #btnCancel, .globalLayerInfos #btnSaveConf, .globalLayerInfos #btnCancel2, .globalLayerInfos #btnCloseLegalMentions, .globalLayerInfos #btnSendMailToFriend, .globalLayerInfos #BA_href_Confirm, .globalLayerInfos #BA_href_Cancel
{
	text-align: center; /*	display:-moz-inline-box; 	-moz-box-pack: center; 	!display:inline-block; 	padding-top:15px;*/
}
.globalLayerInfos #hlOk
{
	/*width:100%;*/ !display:block;
}
.globalLayerInfos #hlConfirm, .globalLayerInfos #hlCancel, .globalLayerInfos #inputToFill, .globalLayerInfos #inputCancel, .globalLayerInfos #btnCancel, .globalLayerInfos #btnSaveConf, .globalLayerInfos #btnCancel2, .globalLayerInfos #btnCloseLegalMentions, .globalLayerInfos #btnSendMailToFriend, .globalLayerInfos #BA_href_Confirm, .globalLayerInfos #BA_href_Cancel
{ /*width:49%;*/
}


/*
	Masque gris
*/
#gli_mask, #mask_body
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 7;
	width: 100%;
	height: 100%;
}

#gli_mask, #mask_body
{
	filter: alpha(opacity=40); -moz-opacity:.40;
opacity:.40;
background:transparent;
background-color:#7f7f7f;
}


#wait_step1
{ /* display:none; */
	filter: alpha(opacity=90); /* Internet Explorer */ -moz-opacity:0.9;/* Mozilla Firefox 	 */
opacity:0.9;/* Opera 			 */
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:20;
background:no-repeat;
background-image:url("/ImagesCentral/Images/elt_relook_VU/background/bkg_main.gif");/*background-repeat: repeat; 	background-position: center;*/
background-repeat:repeat-x;
background-position:center;
background-color:White;
}

/*layer de sauvegarde*/
.globalLayerInfos #sauvegardesOk, .globalLayerInfos #sauvegardesAnnuler
{
	text-align: center;
	margin: 0 auto; /*display:-moz-inline-box; 	-moz-box-pack: center; 	!display:inline-block; 	width:49%; 	padding-top:15px;*/
}

.sauvegardesOkTD
{
	width: 50%;
}

.LayerButtonsTable
{
	margin-top: 15px;
	text-align: center;
	width: 100%;
}

.Safari .LayerButtonsTable
{
	margin-top: 0px;
	padding-top: 15px;
}
.globalLayerInfos legend
{
	font-weight: bold;
}
.globalLayerInfos label
{
	margin-top: 10px;
}
.globalLayerInfos input, .globalLayerInfos label
{
	display: block; /*margin-left: 10px;*/
}
.globalLayerInfos #ltrErrorCheckMail
{
	text-align: center;
	display: -moz-inline-box; -moz-box-pack:center;
width:100%;
!display:block;
padding-top:15px;
}


.globalLayerInfos label.lblCheckMentions
{
	font-size: 10px;
	display: inline;
	line-height: normal;
}

.globalLayerInfos .legalMentionsLink
{
	width: 100%;
	text-align: center;
}

.globalLayerInfos input
{
	width: 95%;
}
* > .globalLayerInfos input
{
	width: 90%;
}
.globalLayerInfos #cbMentions, .globalLayerInfos #cbMentionsSend
{
	display: inline;
	width: 15px;
	margin-right: 5px;
}

#tip_rollover_text, #tip_rollover_bottom, #tip_rolloverPacks_text, #tip_rolloverPacks_bottom, #tip_rolloverEcolo_text, #tip_rolloverEcolo_bottom, #tip_rolloverEcoloRecap_text, #tip_rolloverEcoloRecap_bottom
{
	behavior: url(/ImagesCentral/Images/site/layout/png.htc);
	height: 20px;
	display: block;
}
#tip_rollover_text, #tip_rollover_bottom
{
	width: 148px;
}
#tip_rolloverPacks_text, #tip_rolloverPacks_bottom, #tip_rolloverEcolo_text, #tip_rolloverEcolo_bottom, #tip_rolloverEcoloRecap_text, #tip_rolloverEcoloRecap_bottom
{
	width: 222px;
}
#tip_rollover, #tip_rolloverPacks, #tip_rolloverEcolo, #tip_rolloverEcoloRecap
{
	height: auto;
	z-index: 8;
	position: absolute;
	text-align: justify;
}
#tip_rollover, #tip_rolloverPacks
{
	width: 148px;
}
#tip_rolloverPacks, #tip_rolloverEcolo, #tip_rolloverEcoloRecap
{
	width: 222px;
}
#tip_rollover_text, #tip_rolloverPacks_text, #tip_rolloverEcolo_text, #tip_rolloverEcoloRecap_text
{
	padding: 15px;
	height: auto;
}

#tip_rollover_text
{
	background-image: url(/ImagesCentral/Images/site/layout/ToolTip_Info_TL_Top.png);
	width: 148px;
}
#tip_rolloverPacks_text
{
	background-image: url(/ImagesCentral/Images/site/layout/ToolTip_Info_Pack_Top.png);
	width: 222px;
}
#tip_rolloverEcolo_text
{
	background-image: url(/ImagesCentral/Images/site/layout/ToolTip_Info_Ecolo_Top.png);
	width: 222px;
}
#tip_rolloverEcoloRecap_text
{
	background-image: url(/ImagesCentral/Images/site/layout/ToolTip_Info_Ecolo_Right_Top.png);
	width: 222px;
}
* > #tip_rollover_text
{
	width: 118px;
}
* > #tip_rolloverPacks_text, * > #tip_rolloverEcolo_text, * > #tip_rolloverEcoloRecap_text
{
	width: 192px;
}
#tip_rollover_bottom, #tip_rolloverPacks_bottom, #tip_rolloverEcolo_bottom, #tip_rolloverEcoloRecap_bottom
{
	font-size: 5px;
	height: 15px;
	background-repeat: no-repeat;
}
#tip_rollover_bottom, #tip_rolloverPacks_bottom
{
	width: 148px;
	background-image: url(/ImagesCentral/Images/site/layout/ToolTip_Info_TL_Bottom.png);
}
#tip_rolloverPacks_bottom
{
	width: 222px;
	background-image: url(/ImagesCentral/Images/site/layout/ToolTip_Info_Pack_Bottom.png);
}
#tip_rolloverEcolo_bottom
{
	width: 222px;
	background-image: url(/ImagesCentral/Images/site/layout/ToolTip_Info_Ecolo_Bottom.png);
}
#tip_rolloverEcoloRecap_bottom
{
	width: 222px;
	background-image: url(/ImagesCentral/Images/site/layout/ToolTip_Info_Ecolo_Bottom.png);
}
.LayerButtonsHB #hlCancel, .LayerButtonsHB #hlOk
{
	/*width:49%; 	float:left;*/
}
* > .LayerButtonsHB #hlCancel, .LayerButtonsHB #hlOk
{
	/*float:none; 	!display:block; */
}
.LayerButtonsHB .hlCancelTD
{
	width: 50%;
}
#legal_mentions #legalMentionsContent
{
	display: block;
	float: left;
	height: 120px;
	margin: 3px 0 0 5px;
	text-align: left;
	width: 230px;
}
/* Gestion de la page legalMentions */

#legal_mentions #line1
{
	width: 235px;
}

#legal_mentions #line2
{
	margin: 0px 0 0 0;
	width: 235px;
}

#legal_mentions #lmPopupFermer
{
	margin-top: -3px;
}

#legal_mentions #title
{
	background: transparent url(/ImagesCentral/Images/site/media/logo_popup.gif) -5px -12px no-repeat;
	margin-left: 0px;
	margin-top: 10px;
	padding-left: 60px;
}

#hautdepage
{
	height: 70px;
}

#hautdepage img
{
	float: left;
	padding-right: 10px;
	background: transparent url(/ImagesCentral/Images/elt_relook_vu/separation/separation.png) right repeat-y;
}
#titreHeader
{
	color: #000000;
	display: none;
	font-size: 16px;
	font-weight: bold;
	margin-left: 90px;
	padding-top: 44px;
	text-align: left;
}


#part_prof
{
	/*padding: 25px 0px 25px 25px;*/
	top: 152px; /*left:495px;*/ /*left:345px;*/
	behavior: url(/ImagesCentral/Images/site/layout/png.htc);
	display: none;
	width: 290px;
	line-height: 20px;
	z-index: 21 !important;
	position: absolute;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	height: auto;
}

#part_prof .top
{
	background: transparent url(/ImagesCentral/Images/site/layout/Layer_Top.png) top left no-repeat;
	z-index: 21 !important;
	padding: 20px 10px 0px 20px;
	text-align: left;
	height: auto;
}

#part_prof .bottom
{
	background: transparent url(/ImagesCentral/Images/site/layout/Layer_Bottom.png) top left no-repeat;
	height: 70px;
	width: 290px;
	text-align: center;
	z-index: 21 !important;
	padding-top: 15px;
}

#part_prof .rbl
{
	display: block;
	z-index: 21 !important;
}

#part_prof .rbl a, #part_prof .rbl a:hover, #part_prof .rbl a:visited
{
	text-decoration: none;
	color: #000;
}


.CustomButton2 a
{
	height: 18px;
	color: #fff;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
}
.CustomButton2
{
	background: url(/ImagesCentral/Images/site/layout/customButton_Background.png) repeat-x left 0px;
	height: 18px;
	display: inline;
	margin-bottom: 2px;
}
.CustomButtonBox2
{
	display: inline;
}


.CustomButtonRight2
{
	width: 3px;
	height: 18px;
	background: url(/ImagesCentral/Images/site/layout/custom_Right.gif) no-repeat;
}
.CustomButtonLeft2
{
	width: 3px;
	height: 18px;
	background: url(/ImagesCentral/Images/site/layout/custom_Left.gif) no-repeat;
}



#airdreamImage
{
	behavior: url(/ImagesCentral/Images/site/layout/png.htc);
	width: 120px !important;
	height: 72px !important;
	cursor: default !important;
	margin: 0px !important;
	border: none !important;
}

.WithImage #airdreamImage
{
	position: absolute;
}
.WithoutImageButAirdream #airdreamImage
{
	display: block;
	text-align: center;
}
* > .WithoutImageButAirdream #airdreamImage
{
	margin-left: auto !important;
	margin-right: auto !important;
}


#recapPrice
{
	position: relative;
	z-index: 21 !important; /*behavior: url(/ImagesCentral/Images/site/layout/png.htc); 	background:transparent url(/ImagesCentral/Images/site/layout/tooltip_profesionalUse.png) top left no-repeat; 	height:60px; 	padding-top:13px; 	width:150px; 	font-size:7pt; 	color:#000; 	padding-left: 15px; 	padding-right: 23px; 	text-align:left;*/
	padding-left: 0px;
	width: 150px;
}

#recapPrice_top
{
	/*position:absolute;*/ /*z-index:21 !important;*/
	behavior: url(/ImagesCentral/Images/site/layout/png.htc);
	background: transparent url(/ImagesCentral/Images/site/layout/tooltip_right_top.png) top right no-repeat;
	height: auto;
	font-size: 8pt;
	color: #000;
	margin-left: 6px;
	padding-left: 10px;
	padding-right: 23px;
	padding-top: 10px;
	text-align: justify;
	width: 110px;
}
#recapPrice_bottom
{
	z-index: 21 !important;
	behavior: url(/ImagesCentral/Images/site/layout/png.htc);
	background: transparent url(/ImagesCentral/Images/site/layout/ToolTip_Info_TL_Bottom.png) top left no-repeat;
	height: auto;
	width: 110px !important;
	margin-left: 0px; /*padding-left: 15px;*/ /*height:60px; 	padding-top:13px; 	width:150px; 	font-size:7pt; 	color:#000; 	 	padding-right: 23px; 	text-align:left;*/
}
#recapPrice_bottom2
{
	z-index: 21 !important;
	behavior: url(/ImagesCentral/Images/site/layout/png.htc);
	background: transparent url(/ImagesCentral/Images/site/layout/ToolTip_Info_TL_Bottom.png) top left no-repeat;
	height: auto;
	width: 150px !important;
	margin-left: -6px;
}
.Netscape5 #recapPrice_top span
{
	/*padding-right: 36px;*/
	text-align: justify;
}
.Netscape5 #recapPrice_bottom
{
	height: 20px;
}

#RecapZone_infoPrice_profesionalUse
{
	background: transparent url(/ImagesCentral/Images/site/info/tip2.png) top left no-repeat;
	display: none;
	text-justify: distribute;
}
#infoPrice_profesionalUse
{
	behavior: url(/ImagesCentral/Images/site/layout/png.htc);
	background: transparent url(/ImagesCentral/Images/site/info/tip.png) top left no-repeat;
	display: none;
}

.confirm .hlCancelTD
{
	width: 50%;
}
.full .hlOkTD
{
	width: 100%;
}

.hlCancelTD, .hlOkTD, .hlConfirmTD
{
	/*display:inline;*/
	margin: 0 auto;
}
.hlCancelTD table, .hlOkTD table, .hlConfirmTD table
{
	margin: 0 auto;
}
.linkCancel a
{
	cursor: pointer;
}