/* 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: #00F; }
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: #00F; }

#menu A#logo { display: block; width: 169px; height: 9px; position: absolute; bottom: 1px; 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: 403px; }
#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; }

	/* 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: #00F; }
	
	/* 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: #00F; }
	
	.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: #00F; }
	.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; }
	
	.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: #00F; }
	.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: #00F; border: none; background: none; margin: 30px 0 0 178px; width: 35px; cursor: pointer; }
	
	/* 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; }
	
/* Colonne de droite */
#colDroite { float: left; width: 285px; }
#colDroiteTissus { float: left; width: 349px; }
#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; }

/* Sous-menu */
.ssmenu { }
.ssmenu UL { list-style: none; }
.ssmenu UL LI { display: inline; }
.ssmenu UL LI A.active { color: #00F; }

/* 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: #00F; }

/* 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; }

/* 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: #00F; }

/* 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: #00F; 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: #00F !important; }