/* CSS Document by e-Lixir */
*          { margin: 0; padding: 0; }
HTML       { height: 100%; }
BODY       { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
A          { text-decoration: none; color: #000; outline: none; }
A:hover, A.active   { color: #000 !important; text-decoration: underline; }
IMG        { border: none; }

/* Centrage du site */
#global { position: relative; left: 50%; margin: 52px 0 0 -490px; width: 981px; overflow: hidden; background: #FFF url(../pics/charte/bg-global.gif) left top repeat-y; }

/* Menu de gauche */
#menu { position: relative; float: right; width: 171px;  padding: 0 0 0 25px; background: #FFF url(../pics/charte/bg-global.gif) left top repeat-y; height: 509px; }
#menu UL { list-style: none; }
#menu UL LI { margin: 0 0 8px 0; }
#menu UL LI A.active { color: #000; text-decoration: underline; }

#menu A#logo { display: block; width: 169px; height: 45px; position: absolute; bottom: 0px; background: url(../pics/charte/logo.png) left top no-repeat; text-indent: -10000px; font-size:0; line-height: 0; text-decoration: none; }

/* Contenu */
#content { float: left; width: 753px; padding: 0 9px 0 22px; }

/* Colonne de gauche */
#colGauche { float: left; width: 467px; position: relative; }
#colGaucheTissus { float: left; width: 423px; }
#colGaucheFacon { float: left; width: 403px; }
#colGaucheGlossaire { float: left; width: 347px; padding: 0 0 0 15px; }
#colGaucheGlossaireInterne { float: left; width: 420px; padding: 0 0 0 15px; }
#colGaucheNewsletter { float: left; width: 370px; }
#colGaucheCollection2011 { float: left; width: 400px; position: relative; }
#colGaucheCollection2012 { float: left; width: 400px; position: relative; }

	/* Page collection */
	.haut .number_coll { float: right; width: 23px; position: relative; height: 18px; padding: 38px 0 0 0; }
	.bas .number_coll { float: right; width: 23px; position: relative; height: 18px; padding: 0 0 38px 0; }
	#navCollection { height: 110px; margin: 25px 10px 0 0; overflow: hidden; }
	.haut .blkNoir { position: absolute; width: 27px; height: 56px; background: #000; top: 0; left: -8px; }
	.bas .blkNoir { position: absolute; width: 27px; height: 56px; background: #000; bottom: 0; left: -8px; }

	.contDescription { padding: 59px 0 0 0; height: 297px; position: relative; background: #FFF; }
	.contDescription P { line-height: 16px; }
	.contDescription H2 { float: left; font-size: 49px; font-weight: normal; color: #A6A6A6; line-height: 38px; margin: 0 0 8px 0; }
	.contDescription H2.look { float: left; font-size: 49px; font-weight: normal; color: #A6A6A6; line-height: 38px; margin: 0 0 8px -3px; }
	.description SPAN { color: #A3A3A3; }
	.description { width: 370px; height: 160px; position: relative; background: #FFF; }

	div.zone, div.offre { background: #FFF; }
	h2 { }
	.contDescription A.leftArrow  { display: block; float: left; width: 8px; font-size: 14px; /*margin: 23px 0 0 19px;*/position: absolute; right: 10px; top: 83px; zoom:1; }
	.contDescription A.rightArrow { display: block; float: left; width: 8px; font-size: 14px; /*margin: 23px 0 0 8px;*/  position: absolute; right: 0; top: 83px; zoom:1; }

	.description A.leftArrow { display: block; float: left; width: 8px; font-size: 14px; /*margin: 23px 0 0 19px;*/position: absolute; right: 200px; top: 18px; zoom:1; }
	.description A.rightArrow { display: block; float: left; width: 8px; font-size: 14px; /*margin: 23px 0 0 8px;*/  position: absolute; right: 190px; top: 18px; zoom:1; }

	#collec { padding-top: 89px !important }
	#collec A.leftArrow  { display: block; float: left; width: 8px; font-size: 14px; /*margin: 23px 0 0 19px;*/position: absolute; right: 10px; top: 18px; }
	#collec A.rightArrow { display: block; float: left; width: 8px; font-size: 14px; /*margin: 23px 0 0 8px;*/  position: absolute; right: 0px; top: 18px; }

	.description A.HleftArrow  { display: block; float: left; width: 8px; font-size: 14px; /*margin: 23px 0 0 19px;*/position: absolute; right: 240px; top: 18px; }
	.description A.HrightArrow { display: block; float: left; width: 8px; font-size: 14px; /*margin: 23px 0 0 8px;*/  position: absolute; right: 230px; top: 18px; }

	/* Page tissus */
	.accroche { background: #FFF url(../pics/charte/bg-accroche.gif) left top no-repeat; margin: 20px 0 0 60px; padding: 45px 0 0 35px; }
	.accroche P { margin: 0 0 10px 0; line-height: 16px; }

	/* Pade direction artistique */
	.accrocheDirection { padding: 100px 18px 0 0; }
	.accrocheDirection H2 { font-size: 49px; font-weight: normal; color: #A6A6A6; line-height: 38px; margin: 0 0 8px 0; }
	.accrocheDirection P  { margin: 0 0 10px 0; line-height: 16px; }

	/* Page collection */
	.contDescriptionHisto { padding: 115px 0 0 0; height: 241px; }
	.contDescriptionHisto P { line-height: 16px; }
	.contDescriptionHisto H2 { float: left; font-size: 49px; font-weight: normal; color: #A6A6A6; line-height: 38px; margin: 0 0 8px 0; }
	.hautHisto .number_coll { float: right; width: 35px; position: relative; height: 18px; padding: 38px 0 0 0; }
	.hautHisto .blkNoir { position: absolute; width: 27px; height: 56px; background: #000; top: 0; left: -2px; }
	 .shareColl {display: block; position: absolute; bottom: -3px;right: 10px; }
	*>#content .shareColl { display: block; position: absolute; bottom: -3px;right: 10px; }
	#partage { position: absolute; top: 175px; left: 50%; z-index: 3; width: 302px; height: 163px; background: url(../pics/charte/bg-partage.png) left top no-repeat; }
	#partage P { padding: 50px 0 0 0; text-align: center; }
	#partage A#close { position: absolute; right: 16px; top: 12px; }

	/* Page glossaire - Home */
	.contDescriptionGlossaire { padding: 205px 0 0 0; height: 297px; }
	.contDescriptionGlossaire P { line-height: 16px; }
	.contDescriptionGlossaire H2 { float: left; font-size: 49px; font-weight: normal; color: #A6A6A6; line-height: 38px; margin: 0 0 8px 0; }
	.contDescriptionGlossaire H2.look { float: left; font-size: 49px; font-weight: normal; color: #A6A6A6; line-height: 38px; margin: 0 0 8px -3px; }

	#bigArrow { padding: 18px 0 0 0; }
	#bigArrow A { font-size: 13px; color: #000; }
	#bigArrow A:hover { color: #000; text-decoration: underline; }

	/* Page glossaire - Interne */
	.contDescriptionGlossaireInterne { padding: 205px 0 0 0; height: 297px; }
	.contDescriptionGlossaireInterne P { line-height: 16px; }
	.contDescriptionGlossaireInterne H2 { float: left; font-size: 49px; font-weight: normal; color: #A6A6A6; line-height: 38px; margin: 0 0 8px 0; }
	.contDescriptionGlossaireInterne H2.look { float: left; font-size: 49px; font-weight: normal; color: #A6A6A6; line-height: 38px; margin: 0 0 8px -3px; }

	#navGlossaire { height: 50px; margin: 33px 0 30px 0; }
	#navGlossaire .bas .number_coll { float: right; width: 18px; position: relative; height: 18px; text-align: center; }

	*>#navGlossaire .bas .number_coll { float: right; width: 14px; position: relative; height: 18px; text-align: center;; }

	#navGlossaire .bas .number_coll A { width: 10px; display: block; float: left; }
	#navGlossaire .bas .blkNoir { position: absolute; width: 400px; height: 13px; padding: 43px 22px 0 0; background: url(../pics/charte/bg-blkNoir-glossaire.gif) right top no-repeat; bottom: 0; left: -408px;  }
	#navGlossaire .bas .two { height: 26px !important; padding-top: 30px !important; }
	#navGlossaire .bas .blkNoir A { z-index: 3; width: auto !important; position: relative; display: inline !important; float: none !important; }

	#bigArrow { padding: 18px 0 0 0; }
	#bigArrow A { font-size: 14px; color: #000; }
	#bigArrow A:hover { color: #000; text-decoration: underline; }

	.collection #navGlossaire .bas SPAN { float: right; }

	/* Contact */
	.points { padding: 0 0 0 70px; }

	.pdvNav { height: 11px; background: url(../pics/charte/bg-contact-pdv.gif) left top no-repeat; padding: 45px 0 40px 38px;  margin: 15px 0 0 0; }
	.pdvNav A.active { color: #000; text-decoration: underline; }
	.points H2 { color: #B6B6B6; font-size:  51px; font-weight: normal; margin: 0 0 10px -4px; line-height: 38px; }

	.pointsLeft { float: left; width: 220px; }
	.pointsLeft P { line-height: 17px; margin: 0 0 15px 0; padding: 0 30px 0 0; }

	.rp { padding: 130px 0 0 10px; }
	.rp H2 { color: #B6B6B6; font-size:  51px; font-weight: normal; margin: 0 0 5px -4px; line-height: 38px; }
	.rp P { line-height: 17px; }

	/* Offres */
	#offresemplois { position: absolute; top: 95px; left: 131px; width: 300px; height: 100px; }
	#offresstages { position: absolute; top: 95px; left: 213px; width: 300px; height: 100px; }
	.offre { float: right; width: 365px; padding: 30px 5px 0 0; }
	.offre UL { list-style: inside; }

	/* News */
	.actu { width: 550px; margin: 0 0 50px 0; }
	.conteneur { position: relative; }
	.actu .share { position: absolute; bottom: -3px; left: -60px; }
	.actu .date { font-size: 12px; font-size: 14px; margin-bottom: 18px; }
	.actu IMG { margin: 0 0 20px 0; }
	.actu P { line-height: 16px; }
	.actu H2 { font-size: 50px !important; color: #A4A4A4; font-weight: normal; line-height: 38px; margin-bottom: 10px; }

	#pagination A { display: block; float: left; width: 15px; text-align: center;}
	#pagination SPAN { display: block; float: left; }
	#pagination SPAN.total { width: 50px; }
	#pagination SPAN.blue { display: inline; float: none; }
	#pagination SPAN.current { display: block; float: left; width: 18px; text-align: center; color: #000; text-decoration: underline; }
	.video { width: 550px; height: 290px; margin: 0 0 20px 0; }
	*> .video { min-height: 290px; height: auto; }
	/* credits */
	#credits { padding: 95px 0 0 0; }
	#credits P { text-align: center !important; margin: 0 0 15px 0; }
	#credits P.blue { margin: 0 0 0 0; }

	/* mentions */
	#mentions { padding: 55px 0 0 0; }
	#mentions H2 { color: #A4A4A4; font-size: 51px; font-weight: normal; line-height: 38px; margin-top: 20px; margin-bottom: 10px; }
	#mentions P { margin: 0 0 15px 0; }
	#mentions P.blue { margin: 0 0 0 0; }

	/* newsletter */
	.pointsNews{ padding: 0 0 0 62px; }
	.pdvNews { height: 11px; background: url(../pics/charte/bg-contact-pdv.gif) left top no-repeat; padding: 45px 0 40px 38px;  margin: 15px 0 0 0; }

	FORM#newsletter { padding: 25px 0 0 0;}
	FORM#newsletter P { margin: 0 0 8px 0; }
	FORM#newsletter LABEL { display: block; float: left; width: 112px; }
	FORM#newsletter LABEL.inline { width: 180px; padding: 0 10px 0 13px; text-align: right; }
	FORM#newsletter INPUT { width: 101px; border: 1px solid #000; font-size: 11px; }
	FORM#newsletter SELECT { width: 103px; border: 1px solid #000; font-size: 11px; }
	FORM#newsletter INPUT.chk { width: auto !important; border: none; }
	FORM#newsletter INPUT.btn { color: #000; text-decoration: underline; border: none; background: none; margin: 30px 0 0 178px; width: 35px; cursor: pointer; }

	/* ventes privées */
	DIV.ventesMsg { width:340px; margin:0 0 0 -51px; text-align:center; line-height:16px; }
	DIV.ventesMsg.bottom { position:absolute; bottom:0; width:340px; margin:0 0 0 -51px; text-align:center; line-height:16px; }
	FORM#ventesForm { width:320px; margin:0 0 0 -41px; padding: 10px 0 0 0; }
	FORM#ventesForm P { margin: 0 0 5px 0; }
	FORM#ventesForm LABEL { display: block; float: left; width: 140px; padding: 0 0 0 41px;  }
	FORM#ventesForm LABEL.inline { width: 180px; padding: 0 10px 0 13px; text-align: right; }
	FORM#ventesForm INPUT { width: 101px; border: 1px solid #000; font-size: 11px; }
	FORM#ventesForm SELECT { width: 103px; border: 1px solid #000; font-size: 11px; }
	FORM#ventesForm INPUT.btn { color: #000; text-decoration: underline; border: none; background: none; margin: 10px 0 0 240px; width: 35px; cursor: pointer; }
	FORM#ventesForm P#msgnl { text-align:center; }
	#boutiques { position:absolute; bottom:10px; width:340px; text-align:center; line-height:14px; }

	/* facebook */
	#iframeFacebook { width: 492px; height:615px; background: url(../pics/bg-iframe-facebook.jpg) left top no-repeat; }
	FORM#facebook { width:160px; padding:280px 0 0 320px; }
	FORM#facebook P { margin: 0 0 8px 0; color:#3B3B3B; }
	FORM#facebook LABEL { display: block; width: auto; font-weight:bold; line-height:16px; }
	FORM#facebook INPUT { width: 112px; height:17px; padding:0 4px 0 7px; border: 1px solid #000; font-size: 11px; line-height:16px; color: #3B3B3B; }
	FORM#facebook SELECT { width: 125px; height:20px; padding:0 0 0 4px; border: 1px solid #000; font-size: 11px; color: #3B3B3B; }
	FORM#facebook INPUT.btn { float:right; color: #3B3B3B; margin:10px 32px 0 0!important; padding:0; text-decoration: underline; border: none; font-size: 10px; font-weight:bold; background: none; width:auto; cursor: pointer; }

	#messageFb { padding:310px 0 0 320px; color:#3B3B3B; }
	#messageFb { margin: 0 0 8px 0; line-height:18px; }

	/* Presse */
	#presseGauche { float: left; width: 100px; height: 509px; position: relative; }
	#presseGauche P.media { padding: 450px 0 0 0; }
	#presseGauche P.arrow { position: absolute; bottom: 0; }

	#presseDroite { float: right; width: 647px; text-align: right; }

	/* Chemises */
	DIV.chemises { height: 500px; }
	DIV#conteneurChemise { padding: 7px 0 0 0; }

	DIV.chemiseGauche { float: left; width: 335px; /*height: 471px;*/ padding: 11px 0 0 41px;/* background: #0b5;*/ }
	DIV.chemiseDroite { float: right; width: 326px; padding: 11px 0 0 50px; /*background: #C0A;*/ }

	DIV.chemiseGauche IMG, DIV.chemiseDroite IMG { margin: 0 0 19px 0; }
	DIV.chemiseGauche P, DIV.chemiseDroite P { padding: 0 0 0 20px; }

/* Colonne de droite */
#colDroite { float: left; width: 285px; }
#colDroiteTissus { float: left; width: 329px; }
#colDroiteTissus IMG { display: block; float: right; margin: 0 0 8px 0; }
#colDroiteTissus A { display: block; float: right; margin: 0 0 8px 0; }
#colDroiteFacon { float: left; width: 349px; text-align: right; padding: 90px 0 0 0; }
#colDroitePerso { float: left; width: 349px; text-align: right; }
#colDroiteGlossaire { float: right; width: 376px; text-align: right; }
#colDroiteGlossaireInterne { float: right; width: 310px; padding: 90px 0 0 0; }
#colDroiteNewsletter { float: right; width: 376px; }
#colDroiteCollection2011 { float: left; width: 350px; }
#colDroiteCollection2012 { float: left; width: 350px; }

/* Sous-menu */
.ssmenu { }
.ssmenu UL { list-style: none; }
.ssmenu UL LI { display: inline; }
.ssmenu UL LI A.active { color: #000; text-decoration: underline; }

/* Sous-menu */
.ssmenu2 { height: 23px; float: left; width: 450px; }
.ssmenu2 UL { list-style: none; }
.ssmenu2 UL LI { display: inline; }
.ssmenu2 UL LI A.active { color: #000; text-decoration: underline; }

/* Sous-menu */
.ssmenu3 { height: 23px; float: left; width: 380px; }
.ssmenu3 UL { list-style: none; }
.ssmenu3 UL LI { display: inline; }
.ssmenu3 UL LI A.active { color: #000; text-decoration: underline; }

/* Zone de droite campagne */
#zoneDroite { float: left; width: 300px; }
#zoneDroite A.leftArrow  { margin: -1px 2px 0 0; float: left; }
#zoneDroite A.rightArrow { margin: -1px 15px 0 0; float: left; }
#zoneDroite A.share      { float: left;  }
#zoneDroite SPAN         { float: left; width: 135px; padding: 0 0 0 90px; }

#zoneDroiteCampagne { float: left; width: 350px; }
#zoneDroiteCampagne A.leftArrow  { margin: -1px 2px 0 39px; float: left; }
#zoneDroiteCampagne A.rightArrow { margin: -1px 15px 0 0; float: left; }
#zoneDroiteCampagne A.share      { float: left;  }
#zoneDroiteCampagne SPAN         { float: left; width: 120px; padding: 0 0 0 0px; }
#zoneDroiteCampagne A.other      { float: left; width: 120px; padding: 0 0 0 0px; }

/* Footer */
#footer { position: relative; left: 50%; margin: 0 0 0 -490px; width: 980px; overflow: hidden; padding: 55px 0 20px 0; }
#footer P { color: #BDBDBD; font-size: 10px; }
#footer P A { color: #BDBDBD; }
#footer P A:hover,#footer P A.active { color: #000; text-decoration: underline; }

/* Magic box */
.MagicZoom img { border: 0 !important; padding: 0 !important; margin: 0 !important; }
.MagicZoomBigImageCont { }
.zoom-big { position: absolute; top: 0; left: 0; }
.MagicZoomPup { cursor: move; }
.MagicZoomLoading { border: 1px solid #CCC; background: #000; padding: 4px 4px 4px 24px !important; margin: 0; text-decoration: none; text-align: left; font-size: 8pt; font-family: sans-serif; color: #444; }

/* Général */
.spacer { clear: both; height: 0px; line-height: 0px; font-size: 0px; }
.center { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.l { float: left; }
.r { float: right; }
.gris { color: #A3A3A3 !important; }
.maj  { /*text-transform: uppercase;*/ }
.blue { color: #000 !important; }

/* Plugins carousel */
#carousel-wrapper { width: 752px; height: 507px; overflow: hidden; }
#carousel-content { width: 752px; }
#carousel-content .slide { float: left; width: 752px; height: 507px; position: relative; }

#chemise_nav { position: absolute; top: 475px; left: 385px; width: 44px; text-align: center; }
#btnLeft { }
#btnRight { }