/* Reset css here (http://meyerweb.com/eric/tools/css/reset/) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/**/

/* GENERAL STYLE */
.clear{ clear:both; display:block; float:none; width:0; height:0; margin:0; padding:0; border:0; outline:0; background:transparent; font-size:0; line-height:0;}
.strong{ font-weight:bold;}
.m5_top { margin-top:5px;}
.m15_top { padding-top:15px;}
.brand_color { color:#6b888a;}

/**/

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#26231f; background-color:#f2e9e2;}
h1 { font-size:21px; font-style:italic;}
h2 { padding:20px 0 0 0; font-size:16px; font-style:italic;}
p { margin:10px 0 0 0;}
a,
a:link,
a:active,
a:visited{ color:#6b888a; font-weight:bold; text-decoration:none;}
a:hover{ text-decoration:underline;}

#container { position:relative; margin:0 auto; padding:131px 0 0 0; width:960px; background:url(../img/ml/bg_zanussi.jpg ) no-repeat top left #f2e9e2;}
#branding { position:absolute; top:25px; left:67px;}
#firstname {position:absolute; top:70px; right:70px;}
#logout {position:absolute; top:95px; right:70px;}
#content { margin:0 auto 0 auto; width:823px;}
	#content #step {}
	#content #step_info { margin:0 0 0 283px; width:260px; background:#FFF;}
		#content #step_info p { margin:0; padding:10px 0 10px 10px; width:240px; font-size:11px; font-weight:bold; color:#494743;}
		
	#content #txt { margin:25px auto 0 auto; width:660px;}
	#content #brand_team_home {}
		#content #brand_team_home img { margin:35px 10px 0 0;}
#nav_supp { margin:20px auto 20px auto; padding:15px 0 0 0; width:823px; font-weight:bold; text-align:center; border-top:1px solid #bfb2a9;}
	#nav_supp .container {}
		#nav_supp .container .wanabe a,
		#nav_supp .container .wanabe a:link,
		#nav_supp .container .wanabe a:active,
		#nav_supp .container .wanabe a:visited { color:#26231f; font-weight:bold; text-decoration:none;}
		#nav_supp .container .wanabe a:hover { text-decoration:underline;}

/* FORM BASKET */	
	#content #form_basket { margin:0 auto; width:660px;}	
		#content #form_basket .btn_next { margin:15px 0 0 0; float:right;}
		/* FORM BASKET = FORM DEVICE */
		#content #form_basket #form_device {float:left; width:318px; }
			#content #form_basket #form_device #obligation { margin:10px 0 0 0; font-size:10px;}
			/* FIELDSET */
			#content #form_basket #form_device fieldset{ margin:0; padding: 0 0 20px 30px; width:285px; min-height:550px; _height:550px; border:1px solid #26231f;}
			/* LEGEND */
			#content #form_basket #form_device fieldset legend {margin:0 0 10px 10px; padding:15px; font-size:18px; color:#26231f; font-weight:normal; border:none;}
			*+html #content #form_basket #form_device fieldset legend {margin:0px auto;}/* for IE7 */
			html[xmlns*=""] #content #form_basket #form_device fieldset legend {margin:0px; padding:15px;}/* for SAFARI */
			/* LABEL */
			#content #form_basket #form_device fieldset label {display:block; padding:15px 0 3px 0; width:250px; font-weight:normal;}
			/* INPUT */
			#content #form_basket  #form_device fieldset input { padding:2px 0 0 5px; width:250px; height:20px; color:#23201c; border:1px solid #26231f;}
			/* SELECT */
			#content #form_basket #form_device fieldset select { padding:0; width:260px; height:24px; color:#23201c; border:1px solid #26231f;}
			/* BUTTON*/
			#content #form_basket #form_device fieldset #btn_registred { margin:20px 0 0 0; padding:0; width:197px; height:24px; border:none;}		
		#content #form_basket #form_device_list { float:right; width:318px;}
			/* FIELDSET */
			#content #form_basket #form_device_list fieldset{ margin:0; padding: 0 10px 20px 20px; width:285px; min-height:550px; _height:550px; border:1px solid #26231f;}
			/* LEGEND */
			#content #form_basket #form_device_list fieldset legend {margin:0 0 10px 10px; padding:15px; font-size:18px; color:#26231f;} 				
			/* FORM BASKET = FORM DEVICE LIST */
			#content #form_basket #form_device_list fieldset .device_selected { margin:0 0 7px 0; padding:6px 0 6px 10px; width:272px; color:#26231f; border:1px solid #6b888a;}
			#content #form_basket #form_device_list fieldset .device { margin:0 0 7px 0; padding:6px 0 6px 10px; width:272px; color:#26231f; border:1px solid #494743;}
				#content #form_basket #form_device_list fieldset .device_selected .container , #content #form_basket #form_device_list fieldset .device .container { width:260px;}
					#content #form_basket #form_device_list fieldset .device_selected .container p, #content #form_basket #form_device_list fieldset .device .container p { margin:0 0 5px 0;}
					#content #form_basket #form_device_list fieldset .device_selected .container p.brand, #content #form_basket #form_device_list fieldset .device .container p.brand { font-size:16px; font-weight:bold;}
					#content #form_basket #form_device_list fieldset .device_selected .container .btn_edition_device, #content #form_basket #form_device_list fieldset .device .container .btn_edition_device { margin:0 5px 0 0;}

/* FORM PERSO = USE FOR FORM CONTACT = USE FOR FORM HOME RESELLERS*/	
	#content #form_perso { margin:0 auto; width:660px;}
		#content #form_perso fieldset{ margin:0; padding: 0 0 20px 30px; width:628px; border:1px solid #26231f;}
		#content #form_perso fieldset legend {margin:0 0 10px 10px; padding:15px; font-size:18px; color:#26231f; font-weight:normal; border:none;}
			*+html #content #form_perso fieldset legend {margin:0px auto;}/* for IE7 */
			html[xmlns*=""] #content #form_perso fieldset legend {margin:0px; padding:15px;}/* for SAFARI */
				/* LABEL */
				#content #form_perso fieldset label {display:block; padding:15px 0 3px 0; width:250px; font-weight:normal;}
				/* INPUT */
				#content #form_perso fieldset input { padding:2px 0 0 5px; width:250px; height:20px; color:#23201c; border:1px solid #26231f;}
				/* TEXTAREA */
				#content #form_perso fieldset textarea{ padding:2px 0 0 5px; color:#23201c; border:1px solid #26231f;}
				/* SELECT */
				#content #form_perso fieldset select { padding:0; width:260px; height:24px; color:#23201c; border:1px solid #26231f;}
				/* INPUT CHECKBOX */
				#content #form_perso fieldset input.checkbox {float:left ; border:none; width:20px;}
				#content #form_perso fieldset .checkboxTxt {display:inline; float:left ; margin:3px 0 0 0; padding:0 0 5px 10px; width:500px; text-align:left; font-weight:normal;}
				#content #form_perso #btn_send { margin:15px 0 0 0; float:right;}
				#content #form_perso #obligation { margin:10px 0 0 0; font-size:10px;}
				
/* FORM BASKET RESUME = USE FOR FORM CONFIRM*/
	#content #device_list { margin:0 auto; width:660px;}
		#content #device_list fieldset { margin:0; padding: 0 0 20px 30px; width:628px; border:1px solid #26231f;}
		#content #device_list fieldset legend {margin:0 0 10px 10px; padding:15px; font-size:18px; color:#26231f; font-weight:normal; border:none;}
			*+html #content #device_list fieldset legend {margin:0px auto;}/* for IE7 */
			html[xmlns*=""] #content #device_list fieldset legend {margin:0px; padding:15px;}/* for SAFARI */
		
		#content #device_list fieldset .device { margin:0 0 7px 0; padding:6px 0 6px 10px; width:585px; color:#26231f; border:1px solid #494743;}
				 #content #device_list fieldset .device .container { position:relative; width:573px;}
					#content #device_list fieldset .device .container p { margin:0 0 5px 0;}
					#content #device_list fieldset .device .container p.brand { font-size:16px; font-weight:bold;}
					#content #device_list fieldset .device .container .btn_edition_device { margin:0 5px 0 0;}
					#content #device_list fieldset .device .container .price { position:absolute; bottom:0; right:0; font-weight:bold;}
						#content #device_list fieldset .device .container .price .price_device { font-size:16px;}
			#content #device_list fieldset .price_total { padding:15px 0 0 0; width:595px; font-weight:bold; text-align:right;}
				#content #device_list fieldset .price_total_device {font-size:20px; color:#6b888a}
				#content #device_list fieldset p { width:595px;}
				#content #device_list fieldset .visu_visa { float:left; padding:15px 0 0 0;}
				#content #device_list fieldset .visu_ogone { float:right; padding:15px 30px 0 0;}
		#content #device_list input.checkbox {float:left ; border:none; width:20px;}
		#content #device_list .checkboxTxt {display:inline; float:left ; margin:3px 0 0 0; padding:0 0 5px 10px; width:500px; text-align:left; font-weight:normal;}
		#content #device_list .btn_end_transaction { margin:15px 0 0 0; float:right;}
		#content #device_list .brand_team { margin:25px auto 0 auto; width:580px;}
			#content #device_list .brand_team img { margin:15px 40px 0 0;}
			
/* SPLASH PAGE*/	
#splash { height:600px;}
#branding_splash {position:absolute; top:217px; left:160px;}
#menu_fr { position:absolute; top:200px; left:500px; width:227px; height:64px; background:url(../img/ml/bg_menu_fr.jpg);}
	#menu_fr ul { margin:0 0 0 104px; padding:10px 0 0 0;}
		#menu_fr ul li.private {}
			#menu_fr ul li.private a,
			#menu_fr ul li.private a:link,
			#menu_fr ul li.private a:active,
			#menu_fr ul li.private a:visited { display:block; width:93px; height:20px; background:url(../img/fr/sub_menu_private.jpg);}
			#menu_fr ul li.private a:hover { display:block; width:93px; height:20px; background:url(../img/fr/sub_menu_private.jpg) no-repeat; background-position:0 -20px;}
		#menu_fr ul li.retailer { margin:5px 0 0 0;}
			#menu_fr ul li.retailer a,
			#menu_fr ul li.retailer a:link,
			#menu_fr ul li.retailer a:active,
			#menu_fr ul li.retailer a:visited { display:block; width:93px; height:20px; background:url(../img/fr/sub_menu_retailer.jpg);}
			#menu_fr ul li.retailer a:hover { display:block; width:93px; height:20px; background:url(../img/fr/sub_menu_retailer.jpg) no-repeat; background-position:0 -20px;}
			
#menu_nl { position:absolute; top:300px; left:500px; width:227px; height:64px; background:url(../img/ml/bg_menu_nl.jpg);}
	#menu_nl ul { margin:0 0 0 104px; padding:10px 0 0 0;}
		#menu_nl ul li.private {}
			#menu_nl ul li.private a,
			#menu_nl ul li.private a:link,
			#menu_nl ul li.private a:active,
			#menu_nl ul li.private a:visited { display:block; width:93px; height:20px; background:url(../img/nl/sub_menu_private.jpg);}
			#menu_nl ul li.private a:hover { display:block; width:93px; height:20px; background:url(../img/nl/sub_menu_private.jpg) no-repeat; background-position:0 -20px;}
		#menu_nl ul li.retailer { margin:5px 0 0 0;}
			#menu_nl ul li.retailer a,
			#menu_nl ul li.retailer a:link,
			#menu_nl ul li.retailer a:active,
			#menu_nl ul li.retailer a:visited { display:block; width:93px; height:20px; background:url(../img/nl/sub_menu_retailer.jpg);}
			#menu_nl ul li.retailer a:hover { display:block; width:93px; height:20px; background:url(../img/nl/sub_menu_retailer.jpg) no-repeat; background-position:0 -20px;}


/* css pour la tooltip lien avec preview */
#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#26231f;
}
/* css pour la tooltip image preview */
#preview{
        position:absolute;
        border:1px solid #000;
        background:#26231f;
        padding:5px;
        display:none;
        color:#000;
		width:240px;
}
/* css pour la tooltip normal */
#tooltip{
        position:absolute;
        border:1px solid #26231f;
        background:#26231f;
        padding:2px 5px;
        color:#000;
        display:none;
}