/****
ma -> master
wp -> webpart
co -> common
hc -> html content
***/
/************** GLOBAL **************/
* { padding:0; margin:0; }
li { list-style:none; }
select { min-width:1.5em; }
body { font-family:Verdana, Arial, sans-serif; font-size:63%; background:#ffffff; color:#000; }
input, select, textarea, button { font-family:Verdana, Arial, sans-serif; font-size:1.1em; }
a img { border:0; }
table { border-collapse:collapse; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
td { vertical-align:top;}
button { cursor:pointer; }

.maCenter { width:1000px; margin:0 auto;}

/********* HEADER + NAV *********/
.maLogin { width:100%; background:url(/ITGCFiles/Common/images/header/maPanelBG.png) no-repeat bottom center; }
.maLogin .maForm { background: #f2f1f5; overflow:hidden; width:100%; }
.maLogin .maPanel { height:30px; display:none;}
.maLogin .logInContent { height:30px; float:right; padding-left:38px; line-height:30px;
	 background:#f2f1f5  url(/ITGCFiles/Common/images/header/maCornerLogIn.png) no-repeat bottom left;}
.maLogin .logInContent .userName { margin-right:14px; float:left; display:inline;}
.maLogin .logInContent .actions { float:left; line-height:30px; margin-right:11px; line-height:30px; }
.maLogin .logInContent .actions a { margin:7px 5px 0 0; padding-right:7px; display:inline; float:left; height:18px;
  background:url(/ITGCFiles/Common/images/header/maSmallBtn.png) no-repeat right top;
  color:#fff; font-weight:bold; text-decoration:none;}
.maLogin .logInContent .actions a span { padding-left:14px; float:left; line-height:16px; height:18px; cursor:pointer;
	background:url(/ITGCFiles/Common/images/header/maSmallBtn.png) no-repeat left top; }
.maLogin .logInContent .actions a:hover { text-decoration:underline; }

.maLogin .searchPanel { float:left; margin:6px 0 0 0; display:inline; }
.maLogin .searchPanel .searchBox { width:144px; height:20px; float:left; display:inline; background:#dcdbe1;}
.maLogin .searchPanel .searchBox input { border:none; background:#dcdbe1; width:140px; height:15px; padding:3px 0 0 4px; float:left;}
.maLogin .searchPanel button { height:20px; border:none; cursor:pointer;
                               background:#48BCF7; color:#fff; font-size:1.2em; font-weight:bold; float:left;}

/**** LOG IN PANEL *****/
.maFormPanel {background:#dcdbe1; overflow:hidden; margin-top:5px; position:relative;}
.maFormPanel .maFormPanelInner { padding-top:8px; overflow:hidden; 
	background:#dcdbe1 url(/ITGCFiles/Common/images/header/formLogInBG.png) no-repeat left top; }
.maFormPanel .maFormPanelBottom {background:#dcdbe1 url(/ITGCFiles/Common/images/header/formLogInBG.png) no-repeat right bottom; 
	font-size:1px; height:10px; overflow:hidden; clear:left; }
.maFormPanel .elementEmail { float:left; display:inline; margin: 0 0 0 19px; overflow:hidden;}
.maFormPanel .lblEmail { width:85px; height:15px; margin-bottom:3px; display:block; font-size:1.3em; }
.maFormPanel .elementEmail input,
.maFormPanel .elementPassword input { border:solid 3px #bebcc7; width:204px; padding:3px 0 2px 4px;
    color:#79c4eb; font-size:1.1em; font-weight:bold; }
.maFormPanel .elementPassword { float:left; width:242px; display:inline; overflow:hidden; margin-left:19px;}
.maFormPanel .elementPassword input { margin-bottom:3px; }
.maFormPanel .lblPassword { height:15px; margin-bottom:3px; font-size:1.3em; display:block;}
.maFormPanel .elementPassword a {background:url(/ITGCFiles/Common/images/pictos.png) no-repeat left -48px; margin-left:4px;
    padding-left:8px; color:#57575B; }
.maFormPanel .resendPassword { margin-top:5px;}
.maFormPanel .otherElement { float:left;}
.maFormPanel .otherElement .keepLogIn { margin-top:21px; float:left; display:inline; margin-right:20px; }
.maFormPanel .otherElement .keepLogIn input { width:auto; height:auto; position:relative; top:2px; margin-right:5px; }
.maFormPanel .otherElement .keepLogIn label { }
/*added */
.maFormPanel .otherElement .btnLogin{background:url(/ITGCFiles/Common/images/header/login.png) no-repeat;height:23px;width:45px;margin-top:15px;}
.maFormPanel .otherElement button {float:left; display:inline; border:none; height:24px; 
	margin-top:18px; background:#48BCF7; color:#fff; font-size:1.3em; font-weight:bold;}
.maFormPanel .otherElement button.sendIt { width:55px; margin-top:18px;}
.maFormPanel .closePanel { position:absolute; top:10px; right:10px; width:100px; }
.maFormPanel .closePanel a {line-height:24px; height:24px; text-align:right; display:inline; float:right;
	color:#525157; font-weight:bold;}
.maFormPanel .closePanel a span { background:url(/ITGCFiles/Common/images/pictos.png) no-repeat left -75px; cursor:pointer;
                                 height:24px; float:right; width:24px; display:inline; margin-left:5px;}
 /*ADDED*/
.maFormPanel .Confirmation { text-align:center;font-weight:bold;font-size:1.2em;color:#79C4EB; }

.maFormPanel .error { float:left; color:#D51655; margin:24px 0 0 15px; font-size:1.1em; font-weight:bold; width:260px; }

.maHeader { clear:both; height:90px; position:relative; display:none;}
.maHeader .maLogo {position:absolute; top:-15px; display:inline; }
.maHeader .maLogo .logo { float:left; height:70px; }
.maLogo .maQuickLink {height:17px; margin:12px 0px 0 0; clear:left; float:left;
                    background:url(/ITGCFiles/Common/images/header/quickLinkBG.png) no-repeat left top;padding-left:7px; }
.maLogo .maQuickLink div {height:17px; padding-right:7px; float:left;
                    background:url(/ITGCFiles/Common/images/header/quickLinkBG.png) no-repeat right top;}
					
.maLogo .maQuickLink div {height:17px; padding-right:7px; float:left;
                    background:url(/ITGCFiles/Common/images/header/quickLinkBG2.png) no-repeat right top;}
					
.maLogo .maQuickLink a {background:url(/ITGCFiles/Common/images/pictos.png) no-repeat left -19px; padding-left:6px; margin-right:16px;
                        line-height:15px; color:#57575b;}
.maHeader .maBanner { float:right; margin-top:7px; display:inline; float:right;}

/**MASTER NAVIGATION**/
.maNavigation ul { overflow:hidden; display:none;}
.maNavigation li { float:left; height:33px; margin-right:20px; }
.maNavigation li a { display:block; height:33px; background:#fff no-repeat; 
	line-height:33px; font-size:1.6em; color:#333; }

.maNavigation .underNavigation { height:24px; background-image:url(/ITGCFiles/Common/images/header/underNavBG.jpg); display:none;}


/**MASTER 3 COLUMN**/
.maGlobalContent { overflow:hidden;}
.maThreeColumn .leftColumn,
.maTwoColumn .leftColumn { width:223px; float:left; position:relative; display: none;}
.maThreeColumn .centerColumn { width:524px; float:left; position:relative; padding-top:10px;}
.maThreeColumn .rightColumn { width:253px; float:right; position:relative; padding-top:41px;}
/**MASTER 2 COLUMN**/

.maTwoColumn .centerColumn { width:777px; float:left; position:relative; padding-top:10px;}

/**MASTER COUPON**/
.maCoupon .leftColumn { width:671px; float:left; position:relative; padding-top:10px;}
.maCoupon .rightColumn { width:329px; float:left; position:relative; padding-top:10px;}


/**MASTER FOOTER**/
.maFooter { background:#f2f1f5 url(/ITGCFiles/Common/images/footer/background.png) repeat-x top center;
            overflow:hidden; color:#57575B; height:200px; margin-top:10px; display:none;}
.maFooter .maCenter { padding:32px 0; height:137px; }
.maFooter .maNewsletter { display:inline; float:left; width:350px; height:137px; 
						  background:url(/ITGCFiles/Common/images/footer/newsletterBG.png) no-repeat;}
.maFooter .maNewsletter .inner { margin:18px 0 0 10px; width:297px;}
.maFooter .maNewsletter .inner label { display:block; height:20px; font-size:1.5em; }
.maFooter .maNewsletter .inner p {line-height:17px;}
.maFooter .maNewsletter .inner p a {color:#79c4eb;}
.maFooter .inscriptionNewsletterInput { margin-top:5px; overflow:hidden;}
.maFooter .inscriptionNewsletterInput input { border:solid 3px #bebcc7; width:228px; padding:3px 0 2px 4px; 
	margin-right:7px; color:#79c4eb; font-size:1.1em; font-weight:bold; float:left;}
.maFooter .inscriptionNewsletterInput button { border:none; height:24px; background:#48BCF7; color:#fff; font-size:1.3em; font-weight:bold; }
.maFooter .maSiteMap { display:inline; float:left; border-top:solid 1px #dcdbe1; width:650px;}
.maFooter .maSiteMap ul { float:left; width:324px; margin-top:20px; display:inline;}
.maFooter .maSiteMap li { margin-bottom:7px; float:left; width:162px;}
.maFooter .maSiteMap li a {background:url(/ITGCFiles/Common/images/pictos.png) no-repeat left -32px;
                           padding-left:10px; color:#57575B;}

/********* LEFT MENU *********/
/*** WP LEFT NAV LOGO ***/
.wpLeftNav {width:213px;}
.wpLeftNav .logo { padding-top:111px;}
.wpLeftNav p { padding:0 0 0 21px; height:44px;
               color:#fff; font-size:1.4em; font-weight:bold; font-family:Arial;}
               
/*** WP LEFT NAV ***/
.wpLeftNav .innerNav { width:188px; margin:0 auto;}
.wpLeftNav ul { margin:9px 0 15px 0px;}
.wpLeftNav li {margin-bottom:2px; }
.wpLeftNav ul a { color:#fff; text-decoration:none; height:21px; display:block; line-height:18px; font-size:1.2em;
                   padding-left:20px; }
.wpLeftNav ul a:hover, .wpLeftNav ul a.active {text-decoration:none;}
.wpLeftNav ul a em { font-size:0.8em; font-style:normal;}

/*** WP SORTBY ***/
.wpLeftNav .brandSelect { width:188px; margin:0 auto;}
.wpLeftNav .inner { margin:10px 0 0 4px; height:35px;}
.wpLeftNav .inner select { width:163px; height:18px; border:none; font-size:1.1em; }
.wpLeftNav span { display:block; padding:13px 0 0 7px; font-weight:bold; font-size:1.1em; text-transform:uppercase;}


/********* CENTER COLUMN *********/
/*** WP COMMON BLOCK ***/

.coSmallButton { margin:7px 5px 0 0; padding-right:7px; display:inline; height:18px;
  background:url(/ITGCFiles/Common/images/header/maSmallBtn.png) no-repeat right top;
  color:#fff; font-weight:bold; text-decoration:none; white-space:nowrap;}
.coSmallButton span { padding-left:14px; float:left; line-height:16px; height:18px; cursor:pointer;
	background:url(/ITGCFiles/Common/images/header/maSmallBtn.png) no-repeat left top; }

.coBlockBig { background:url(/ITGCFiles/Common/images/coBlockBG.png) repeat-y -777px 0; width:777px; overflow:hidden;}
.coBlockBig .titleBg { background:url(/ITGCFiles/Common/images/coBlockBG.png) no-repeat 0 0; width:777px; height:48px;}
.coBlockBig .bottom { background:url(/ITGCFiles/Common/images/coBlockBG.png) no-repeat -1554px bottom; width:777px; height:23px;}
.coBlockBig .titleBg div,
.coBlockGreyBig .titleBg div { background:url(/ITGCFiles/Common/images/h1Bg.png) no-repeat right top #f2f1f5; padding:0 58px 0 0; float:left; margin-left:12px; display:inline;}
.coBlockBig .titleBg div h1,
.coBlockGreyBig .titleBg div h1 { height:20px; margin-top:8px; font-weight:normal; font-size:20px;}

.coBlockGreyBig { background:url(/ITGCFiles/Common/images/coBlockGreyBg.png) repeat-y -777px 0; width:777px; overflow:hidden;}
.coBlockGreyBig .titleBg { background:url(/ITGCFiles/Common/images/coBlockGreyBg.png) no-repeat 0 0; width:777px; height:48px;}
.coBlockGreyBig .bottom { background:url(/ITGCFiles/Common/images/coBlockGreyBg.png) no-repeat -1554px bottom; width:777px; height:23px;}

.coBlockGreyBig { background:#f2f1f5; width:776px; overflow:hidden; margin-bottom:20px;}
.coBlockGreyBig .coBlockGreyBigTop { background:url(/ITGCFiles/Common/images/coBlockGreyBigBg.png) no-repeat 0 0; width:776px; padding-top:6px;}
.coBlockGreyBig .coBlockGreyBigBottom { background:url(/ITGCFiles/Common/images/coBlockGreyBigBg.png) no-repeat -776px bottom; width:776px; padding-bottom:6px;}

.coBlockSmall .innerContent,
.coBlockGreyBig .innerContent,
.coBlockBig .innerContent { padding:3px 0 0 0px; margin:0 0 0 18px; overflow:hidden;}
.coBlockSmall { background:url(/ITGCFiles/Common/images/coBlockSmallBg.png) repeat-y -506px 0; width:506px; overflow:hidden;}
.coBlockSmall .titleBg { background:url(/ITGCFiles/Common/images/coBlockSmallBg.png) no-repeat 0 0; width:506px; height:54px;}
.coBlockSmall .titleBg .rightCorner { background:url(/ITGCFiles/Common/images/h1Bg.png) no-repeat right top #f2f1f5; margin-top:7px; padding:0 48px 0 13px; float:left;}
.coBlockSmall .titleBg .pictoId {margin-left:7px; float:left; height:54px; width:59px;}
.coBlockSmall .titleBg div h1 { height:20px; margin-top:8px; font-weight:normal; font-size:20px;}
.coBlockSmall .bottom { background:url(/ITGCFiles/Common/images/coBlockSmallBg.png) no-repeat -1012px top; width:506px; height:56px;}
.coBlockSmall  .bottomLink { background:url(/ITGCFiles/Common/images/coBlockSmallBg.png) no-repeat -1518px top;}
.coBlockSmall .bottom .leftCorner { background: url(/ITGCFiles/Common/images/leftCorner2.png) no-repeat left 18px; float:right;
                                    margin-top:5px; padding:14px 10px 10px 55px;}
.coBlockSmall .bottom .leftCorner a { display:block; line-height:16px; display:block; height:26px;}

.coSmallBox { width:329px; background:url(/ITGCFiles/Common/images/coSmallBox.png) repeat-y -329px 0;}
.coSmallBoxTop { width:329px; background:url(/ITGCFiles/Common/images/coSmallBox.png) no-repeat 0 0; padding-top:12px;overflow:hidden;}
.coSmallBoxBottom { width:329px; height:12px; background:url(/ITGCFiles/Common/images/coSmallBox.png) repeat-y -658px 0;}


/* carrousel */
.coCarousel { width:777px; overflow:hidden;}
.coCarousel .carPrevious { float:left; display:block; text-indent:-9999px; overflow:hidden; height:121px; width:18px;
                           background:url(/ITGCFiles/Common/images/carouselSlider.png) no-repeat left center;}
.coCarousel .carNext { float:left; display:block; text-indent:-9999px; overflow:hidden; height:121px; width:18px;
                           background:url(/ITGCFiles/Common/images/carouselSlider.png) no-repeat right center;}
.coCarousel .coCarouselBg { height:121px; width:741px; float:left; text-align:center;
                 background:url(/ITGCFiles/Common/images/carouselBigBg.png) no-repeat left center;}
.coCarousel .coCarouselPad { padding:16px 15px 0 15px; position:relative; }
.coCarousel ul { width:710px; height:100px; overflow:hidden; }
.coCarousel ul li { float:left; display:inline; width:81px; margin:0px 10px 0 10px; height:111px;}
.coCarousel ul li img { width:81px; display:block; }
.coCarousel ul li a { display:block; color:#a09ea8; margin-top:3px;}

/* social */
.coSocialFacebook { text-indent:-9999px; overflow:hidden; float:left; height:15px; width:15px;
                  background:url(/ITGCFiles/Common/images/socialNetwork.png) no-repeat left top; }
.coSocialTweeter { text-indent:-9999px; overflow:hidden; float:left; height:15px; width:15px;
                  background:url(/ITGCFiles/Common/images/socialNetwork.png) no-repeat left -15px; }

/*Layer*/
.maLayer { width:100%; height:100%; position:absolute; top:0; left:0; z-index:999; display:none; }
.maLayerBg { position:absolute; top:0; left:0; background:#000; width:100%; height:100%; }
.maLayerPanel { position:relative; width:540px; margin:0 auto; }
.maLayerTop {width:540px; height:34px; background:url(/ITGCFiles/Common/images/layer/background.png) no-repeat 0 0; overflow:hidden;}
.maLayerBody { background:url(/ITGCFiles/Common/images/layer/background.png) repeat-y -540px 0 #fff; position:relative; }
.maLayerBody .loading { background:url(/ITGCFiles/Common/images/ajax-loader.gif) no-repeat center; width:540px; height:100px;  }
.maLayerBody iframe { margin-left:6px; width:528px; }
.maLayerBottom {width:540px; height:12px; background:url(/ITGCFiles/Common/images/layer/background.png) no-repeat -1080px bottom;}

.maLayer .leftCorner { float:right; height:22px; width:54px;
                       background:url(/ITGCFiles/Common/images/layer/leftCorner.png) no-repeat;}
.maLayer .closeLayer { float:right; margin-right:8px; display:inline; height:22px;
                       background:#f2f1f5 url(/ITGCFiles/Common/images/layer/backgroundCloseLink.gif) repeat-x; }
.maLayer .closeLayer a { background:url(/ITGCFiles/Common/images/pictos.png) no-repeat right -105px; line-height:24px; margin-top:5px;
    padding-right:32px; color:#57575b; font-size:1.4em; font-weight:bold; display:block;}


.maLayerContent { overflow:hidden; width:511px; }
.maLayerContent .innerLayer { padding:17px 18px 20px 19px; overflow:hidden; position:relative;}
.maLayerContent h1 { font-size:2em; color:#79c4eb; margin-bottom:6px;}
.maLayerContent h1 strong { color:#1079ae;}
.maLayerContent p { color:#57575b;}
.maLayerContent p strong { color:#79c4eb;}


/** LOG IN LAYER + REGISTER LAYER **/
.wpLogin .innerLayer { padding:0px; overflow:hidden; position:relative;height:358px;
                       background:url(/ITGCFiles/Common/images/layer/logInBg.jpg) no-repeat center bottom;}
.wpLogin .registerCol { float:left; width:246px; display:inline; margin-left:19px;}
.wpLogin h1 {color:#d51655; margin-top:17px;}
.wpLogin .registerStep1 { margin-top:65px;}
.wpLogin p.Member { font-size:1.4em; font-weight:bold;}
.wpLogin  p.Member span { font-size:1.4em;}
.wpLogin .emailLabel, .passwordLabel { display:block; font-size:1.4em; margin-top:14px;}
.wpLogin .emailInput, .passwordInput { margin:4px 0 0 0; border:solid 3px #bebcc7; width:200px; height:16px; padding-top:2px;
                             color:#db1414; font-weight:bold;}
.wpLogin .registerStep1 button { margin-top:14px; border:none; width:78px; height:24px;background:url(/ITGCFiles/Common/images/layer/boutons.png) no-repeat 0 0;}

.wpLogin .logInCol { width:246px; height:283px; float:left; background:url(/ITGCFiles/Common/images/layer/logInInnerBg.png) no-repeat; margin-top:56px;}
.wpLogin .logInCol div { margin:19px 0 0 18px;}
.wpLogin .logInCol button { margin:5px 18px 0 0; border:none; width:60px; height:24px; text-indent:-9999px; float:right; display:inline;
                    background:url(/ITGCFiles/Common/images/layer/boutons.png) no-repeat 0 -24px;}

.wpLogin .logInCol .reminderMe { margin:0; overflow:hidden; margin-top:4px;}
.wpLogin .logInCol .reminderMe input { width:17px; height:17px; float:left; display:inline; margin-right:5px; }
.wpLogin .logInCol .reminderMe label { float:left; line-height:17px;}
.wpLogin .logInCol .passwordLabel { margin-top:7px;}
.wpLogin .logInCol a.forgotPassword { color:#57565a; padding-left:7px;display:block;
                                      background:url(/ITGCFiles/Common/images/pictos.png) no-repeat 0 -48px;}

.wpRegister .registerForm label { color:#57575b; font-size:1.1em;}
.wpRegister .innerLayer h1 { color:#D51655;}
.wpRegister .registerForm {/*height:450px;*/ overflow:auto;}
.wpRegister .registerForm .emailOn { overflow:hidden; margin-bottom:5px;}
.wpRegister .registerForm .emailOn label { width:96px; float:left;
                                text-align:left; margin:0; line-height:normal;}
.wpRegister .registerForm .emailOn p { float:left; display:inline; margin-right:14px; font-weight:bold; font-size:1.1em;}
.wpRegister .registerForm .emailOn a { float:left; color:#d51655;}
.wpRegister .registerForm .minscrir{ float: left; width: 100px;}
.wpRegister .registerForm .formLine { overflow:hidden; margin-bottom:2px;}
.wpRegister .registerForm .formLine label { clear:both; float:left; width:167px; text-align:right; display:inline;
                      margin-right:15px; line-height:18px; font-size:1.1em; }
.wpRegister .registerForm .formLine .inputText { border:solid 3px #bebcc7; width:195px; height:18px;padding-top:2px;
                             color:#010101; font-weight:bold;}
.wpRegister .registerForm .radioLine input { float:left; width:18px; height:18px;}
.wpRegister .registerForm .radioLine label { clear:none; width:30px; margin:0; text-align:left;}
.wpRegister .registerForm .selectLine  select { width:61px;border:solid 3px #bebcc7; font-size:9px;}
.wpRegister .registerForm h2 { font-size:1.4em; padding-bottom:2px;}
.wpRegister .registerForm .globalAdressBloc { overflow:hidden; margin-bottom:2px;}
.wpRegister .globalAdressBloc .adressBloc { margin-bottom:2px;}
.wpRegister .registerForm .globalAdressBloc label { width:90px; float:left; line-height:18px; font-size:1.1em;}
.wpRegister .registerForm .globalAdressBloc input {border:solid 3px #bebcc7; height:18px;padding-top:2px; float:left; width:287px;}
.wpRegister .registerForm .globalAdressBloc .inputCity {width: 144px;}
.wpRegister .registerForm .globalAdressBloc .inputAdress { width:260px;}
.wpRegister .registerForm .globalAdressBloc .postCodeBloc { clear:left; float:left; overflow:hidden; }
.wpRegister .globalAdressBloc .cityBloc,.wpRegister .globalAdressBloc .adressBloc{ overflow:hidden; }
.wpRegister .registerForm .globalAdressBloc .inputPostCode { width:55px;}
.wpRegister .registerForm .globalAdressBloc .lblCity { width:64px; text-align:right; margin-right:3px;}
.wpRegister .peopleAtHome,.wpRegister .validateButton {clear:both; overflow:hidden;}
.wpRegister .peopleAtHome label { float:left; margin-right:28px;}
.wpRegister .peopleAtHome select { width:40px;border:solid 3px #bebcc7; float:left; margin-bottom:2px;}
.wpRegister .emailOption li { clear:left; margin-bottom:2px;}
.wpRegister .registerForm button { margin:2px 18px 0 0; border:none; width:78px; height:24px; text-indent:-9999px; float:right; display:inline;
                    background:url(/ITGCFiles/Common/images/layer/boutons.png) no-repeat 0 -0px; overflow:hidden;}
.wpRegister .legalMention { clear:left; margin-top:19px;}

.UpdateProgress{filter: alpha(opacity=70);opacity: 0.7;width: 100%;height: 200px;position: absolute;background-color: white;left: 20px;}

/*** START: Print Specimen coupon ***/
.PrinterTestSpecimenClass { display:inline;}
.specimenPrintLaunch { display:none;}
/*** END: Print Specimen coupon ***/