/* ---------------------------------------- OVERALL */
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;
	border-style: none;
}
html,body  {height:100%;width:100%;font-family:Tahoma;font-size:12px;background:#b386cc url(../images/home_bg.png) no-repeat top left;}
a {font-size:11px;color:#54768F;text-decoration:none;}
table {font-family:Tahoma;font-size:12px;}

/* ---------------------------------------- MAIN DIVS DEFINITION */
#container {margin:0px auto 0 76px;width:980px;text-align:left;}
#container #whitePage {margin:0;width:100%;background-color:#fff;}
#container #whitePage .title {margin:0 0 5px 26px;}
#container #whitePage #topPanel {width:980px;padding-top:8px;height:30px;}
#container #whitePage #leftPanel {float:left;width:580px;}
#container #whitePage #rightPanel {float:left;width:390px;padding-left:30px;}

/* TOP BANNER */
#topLogo {float:left;width:250px;height:72px;}
#topWelcomeText {float:right;width:auto;height:20px;color:#fff;font-size:11px;margin-top:5px;}
#topMenu {float:right;width:740px;}
#topMessage {float: left; width: 500px; margin-top: 20px; padding-top: 10px; color: #FFFFFF;}
#topCueillette {float:right;width:200px;margin-top:20px;text-align:right;}
#topMessage a {color: #FFFFFF;}

/* TOP PANEL TEXT AND CB PICTOS */
#topPanel #centralText {float:left;width:350px;margin-left:340px;color:#5c0e15;font-size:11px;text-align:center;}
#topPanel #rightPictos {float:left;width:320px;text-align:right;}

/* BIG IMAGES */
.bigImage {height:auto;margin-bottom:35px;}
.bigImage .leftPictos {float:left;width:48px;padding-top:220px;text-align:right;}
.bigImage .rightImage {float:left;width:535px;}
.bigImage .details {width:535px;margin-left:48px;width:535px;text-align:center;font-weight:bold;font-size:11px;}

/* RIGHT PANELS */
#rightPanel #catalogue {margin-bottom:-50px;}
#rightPanel #catalogue #images {float:left;margin-top:35px;}
#rightPanel #catalogue #rightText {float:left;width:147px;height:415px;padding-left:3px;margin-left:3px;background:transparent url(../images/bg_catalogue_grey.png) no-repeat bottom right;}
#rightPanel #catalogue #rightText h1 {color:#3e3d3d;font-size:17px;margin:10px 0 20px 0;}
#rightPanel #catalogue #rightText .itemName {color:#3e3d3d;font-size:12px;font-weight:bold;line-height:20px;}
#rightPanel #catalogue #rightText .itemDetails {color:#3e3d3d;font-size:10px;}
#rightPanel #catalogue #bottomTitle {position:relative;top:-70px;text-align:center;}

#rightPanel .imgRightTitle {width:auto;text-align:right;margin-right:20px;}

#rightPanel #bestSellers {width:376px;margin-top:20px;}
#rightPanel #bestSellers .subInfos {font-size:11px;}

#rightPanel #edito {width:390px;margin-left:-14px;margin-top:45px;letter-spacing:1px;}
#rightPanel #edito .leftImage {float:left;margin-right:5px;}
#rightPanel #edito h1 {color:#000;font-size:13px;font-weight:bold;margin:5px 0 8px 0;letter-spacing:0px;}
#rightPanel #edito h2 {color:#000;font-size:12px;font-weight:bold;margin:8px 0 3px 0;letter-spacing:0px;}

#rightPanel #lookBook {width:390px;margin-left:-14px;margin-top:70px;}
#rightPanel #lookBook .imgLink {margin:5px 0 2px 0;}
#rightPanel #lookBook .details {width:390px;text-align:right;margin-bottom:10px;color:#4b292b;font-weight:bold;}
#rightPanel #lookBook .details a {color:#1d0092;}

#rightPanel #myDressing {width:385px;margin:70px 0 10px -14px;background:transparent url(../images/title_my_dressing.png) no-repeat top left;}
#rightPanel #myDressing .title {margin:10px 0 0 335px;height:70px;}
#rightPanel #myDressing .subTitle {width:385px;text-align:right;font-size:14px;font-weight:bold;color:#4b292b;margin-bottom:10px;}
#rightPanel #myDressing .headerLeft {float:left;color:#3f3132;font-size:11px;font-weight:bold;margin-bottom:15px;}
#rightPanel #myDressing .headerRight {float:right;color:#866c6d;font-size:11px;font-weight:bold;}
#rightPanel #myDressing .details {margin-bottom:10px;}
#rightPanel #myDressing .details .picture {float:left;width:65px;}
#rightPanel #myDressing .details .leftInfos {float:left;color:#4b292b;font-size:11px;font-weight:bold;}
#rightPanel #myDressing .details .leftInfos .red {color:#a80a1c;}
#rightPanel #myDressing .details .leftInfos a {color:#1e0099;text-decoration:underline;}
#rightPanel #myDressing .details .rightInfos {float:right;color:#4b292b;font-size:11px;text-align:right;}
#rightPanel #myDressing .details .rightInfos .enCompet {color:#1e0099;}
#rightPanel #myDressing .details .rightInfos .horsCompet {color:#960070;}

/* VERICAL MENU */
div#topMenu ul.level1 { float:left;width:auto;cursor:pointer;color:#181212; }
div#topMenu ul.level1 li { float:left;list-style:none;margin:0;padding:0; }
div#topMenu ul.level2 { position:absolute;padding:0;width:200px;background:white;border:1px solid #aaa;width:auto;display:none; }
div#topMenu ul.level2 li { float:none;position:relative;list-style:none;margin:0;padding:2px 25px 2px 12px;text-transform:capitalize;font-size:11px; }
div#topMenu ul.level2 li.supSeparator { border-top:1px solid #000;margin-top: 10px; padding-top:10px; margin-left:0;}
div#topMenu ul.level2 li.subSeparator { border-bottom:1px solid #000;padding-bottom:10px;  margin-left:0;}
div#topMenu ul.level2 li.title, #topMenu ul.level2 li.greyTitle { font-weight:bold;padding-top:15px;padding-bottom:5px; }
div#topMenu ul.level2 li.greyTitle { color:#694c4d; }
div#topMenu ul.level2 li a:hover { text-decoration:underline; }

/* ---------------------------------------- INPUTS */
.inputBox {font-family:Tahoma;font-size:9px;color:#6B686F;background-color:#FFFFFF;padding:2px;width:100px;height:17px;border:solid 1px #7f7f7f;}

/* ---------------------------------------- MISC */
.smallLink {font-size:10px;text-decoration:underline;cursor:pointer;}
.link { cursor: pointer}
.underline { text-decoration: underline; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
