/* CSS Document */

html{}
body{ margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; overflow:hidden;}
a{text-decoration:none;}
h1{ padding:0; margin:0;}
ul, li {padding:0; margin:0; list-style:none;}

/* mise en forme principal */
#bgimg {position:absolute; z-index:-15; overflow:hidden;}
#master{}
#left{width:243px; float:left;}
#right{width:auto; float:right; padding:0 0 0 10px; overflow:hidden;} /*border:#0C0 1px solid;*/

/* paves de contenu */
/* -- accueil -- */
#index{ padding:150px 60px 0 0; position:relative; left:1024px;}
#index #intro{ width:370px; height:159px; background:url(../../imgs/interface/menu-fond-principal.png); float:right; padding:10px 15px 10px 15px;}
#index #intro h1{ font-size:24px; font-weight:normal;}
#index #intro .titre{ border-bottom:#000 1px solid; padding:0 0 5px 0;}
#index #intro .contenu{ font-family:Verdana, Geneva, sans-serif; text-align:left;}

/* -- histoire intro -- */
#histoire{ padding:150px 21px 0 0; position:relative; left:1024px;}
#histoire #chapeau{ width:235px; height:32px; background:#000; color:#FFF; font-size:11px; padding:10px 10px 8px 10px; margin:0 0 3px 0; }
#histoire ul{}
#histoire li a{ text-align:right; color:#3f3f3f; padding:2px 10px 2px 0; font-size:24px; margin:0 0 3px 0; width:245px; background: url(../../imgs/interface/menu-fond-principal-off.png); display:block;}
#histoire-block{ height:380px;}

/* -- histoire siécle -- */
.histoire-siecle{ padding:150px 52px 0 0; position:relative; left:1024px;}
#histoire-menu{ padding:0 0 5px 0;}
#histoire-menu .bouton{height:17px; width:125px; background:#000; float:right; margin:0 0 0 5px; padding:2px 10px 0 0; text-align:right; color:#FFF; font-size:11px; font-family:Verdana, Geneva, sans-serif;}
#histoire-menu .bouton a{ color:#FFF;}

/* -- histoire contenu -- */
#histoire-contenu{width:660px; height:330px; background:url(../../imgs/interface/menu-fond-principal.png); float:right; padding:10px 15px 10px 15px; font-size:11px; position:relative;}
#histoire-contenu h1{font-size:32px; font-weight:normal;}
#histoire-contenu #article{ padding:30px 0 0 0;}
#histoire-contenu #article #visuel{ float:left; width:260px; /* background:url(../../imgs/interface/menu-fond-principal.png); */ text-align:center; margin:0 25px 0 10px; display:block;}
#histoire-contenu #article #commentaire{float:left; width:340px; height:200px; padding:10px 0 0 20px; margin:10px 0 0 0; border-left:#000 1px solid;}
#histoire-contenu #article #commentaire .contenu{font-family:Verdana, Geneva, sans-serif;  /* background:url(../../imgs/interface/menu-fond-principal.png);*/ padding:10px 0 0 10px; margin:10px 0 0 0; font-size:11px;}

/* -- histoire date -- */
#histoire-contenu #date{ width:658px; height:32px; border-top:#000 1px solid; border-bottom:#000 1px solid;}
#histoire-contenu #date .bouton{ height:32px; width:65px; font-size:21px; font-weight:bold; float:left; margin:0; text-align:center; z-index:3; position:relative;}
#histoire-contenu #calage-date-18{width:130px; float:right;}
#histoire-contenu #calage-date-19{width:525px; float:right;}
#histoire-contenu #calage-date-20{width:525px; float:right;}
#histoire-contenu #calage-date-21{width:390x; float:right;}

/*#histoire-contenu #date .bouton a{ color:#000; position:relative; z-index:2;}*/
#histoire-contenu #date .bouton-special{height:32px; width:65px; float:left; margin:0; text-align:center; font-size:12px; font-weight:normal; z-index:3; position:relative;}
#histoire-contenu #date .bouton-on-18{ background: url(../../imgs/interface/histoire-bouton-on.png); height:32px; width:65px; position:absolute; top:49px; left:542px;}
#histoire-contenu #date .bouton-on-19{ background: url(../../imgs/interface/histoire-bouton-on.png); height:32px; width:65px; position:absolute; top:49px; left:147px; }
#histoire-contenu #date .bouton-on-20{ background: url(../../imgs/interface/histoire-bouton-on.png); height:32px; width:65px; position:absolute; top:49px; left:147px;}
#histoire-contenu #date .bouton-on-21{ background: url(../../imgs/interface/histoire-bouton-on.png); height:32px; width:65px; position:absolute; top:49px; left:348px;}

/* -- savoir faire -- */
.savoir-faire{padding:150px 52px 0 0; position:relative; left:1024px;}
.savoir-faire h1{ font-size:24px; font-weight:normal;}
.savoir-faire #contenu{width:390px; height:300px; background:url(../../imgs/interface/menu-fond-principal.png); float:right; padding:10px 15px 10px 15px; font-size:11px;}
.savoir-faire #contenu .titre{ border-bottom:#000 1px solid; padding:0 0 5px 0;}
.savoir-faire #contenu .contenu{ font-family:Verdana, Geneva, sans-serif; text-align:left; height:155px;}
.savoir-faire #contenu .photo{}
.savoir-faire #contenu .photo .cadre-photo img{ border:#333 0px solid; margin:5px;}
.savoir-faire #contenu .photo .cadre-photo{float:right; margin: 0 10px 0 10px; height:76px; width:76px; text-align:center; display:block;}

/* -- savoir fabrication -- */
.savoir-faire-fabrication{padding:150px 0 0 0; position:relative; left:1024px;}
.savoir-faire-fabrication h1{ font-size:32px; font-weight:normal;}
.savoir-faire-fabrication #contenu .titre{ border-bottom:#000 1px solid; padding:10px 0 5px 0; margin:0 0 25px 0;}
.savoir-faire-fabrication #contenu{width:475px; height:380px; background:url(../../imgs/interface/menu-fond-principal.png);  float:right; padding:0 15px 10px 15px; font-size:11px;}
.savoir-faire-fabrication #contenu .contenu { height:280px;}
.savoir-faire-fabrication #contenu .contenu p{font-family:Verdana, Geneva, sans-serif;}
.savoir-faire-fabrication #contenu .carousel {height:88px; width:450px; padding:0 0 0 40px;}
.savoir-faire-fabrication #contenu #Carousel2 {}
.savoir-faire-fabrication #contenu #Carousel2 .item .key { display:none;}
.savoir-faire-fabrication #contenu #Carousel2 .item .picture { display:none;}
.savoir-faire-fabrication #contenu #Carousel2 .container {float:left; width:320px;}
.savoir-faire-fabrication #contenu #Carousel2 .container .box{overflow:hidden;}
.savoir-faire-fabrication #contenu #Carousel2 .items { width:2000px}
.savoir-faire-fabrication #contenu #Carousel2 .item { height:70px; width:70px; float:left;  padding:5px;}
.savoir-faire-fabrication #contenu #Carousel2 .item .icon img {border:#333 0px solid; margin:5px; cursor:pointer; display:block;}
.savoir-faire-fabrication #contenu #Carousel2 .navButton { float:left; margin:15px 0 0 0; width:50px; height:50px; cursor:pointer; display:block;}
.savoir-faire-fabrication #contenu #Carousel2 .navButton.previous {background:url(../../imgs/interface/diapo-precedent.png) no-repeat top left; }
.savoir-faire-fabrication #contenu #Carousel2 .navButton.next {background:url(../../imgs/interface/diapo-suivant.png) no-repeat top left; }

/* -- produits -- */
.produits{padding:150px 52px 0 0; position:relative; left:1024px;}
.produits h1{ font-size:24px; font-weight:normal;}
.produits #contenu{width:390px; background:url(../../imgs/interface/menu-fond-principal.png); float:right; padding:10px 15px 10px 15px; font-size:11px;}
.produits #contenu .titre{ border-bottom:#000 1px solid; padding:0 0 5px 0;}
.produits #contenu .contenu{ font-family:Verdana, Geneva, sans-serif; text-align:left;}
.produits #contenu .photo{}
.produits #contenu .photo .cadre-photo img{ border:#333 0px solid; margin:5px;}
.produits #contenu .photo .cadre-photo{float:right; margin: 10px 10px 10px 10px; height:76px; width:76px; text-align:center; display:block;}

/* -- produits tissu -- */
.produits-tissus{padding:150px 21px 0 0; position:relative; left:1024px;}
.produits-tissus #chapeau{ width:235px; background:#000; color:#FFF; font-size:11px; padding:10px 10px 8px 10px; margin:0 0 3px 0;}
.produits-tissus ul{}
.produits-tissus li a{ text-align:right; color:#3f3f3f; padding:2px 10px 2px 0; font-size:24px; margin:0 0 3px 0; width:245px; background: url(../../imgs/interface/menu-fond-principal-off.png); display:block;}
.produits-tissus h1{ font-size:24px; font-weight:normal;}
.produits-tissus #contenu{width:390px; height:300px; background:url(../../imgs/interface/menu-fond-principal.png) #FFF; float:right; padding:0 15px 10px 15px; font-size:11px;}

/* -- porte documents -- */
.porte-documents{padding:150px 52px 0 0; position:relative; left:1024px;}
.porte-documents .cadre{width:470px; background:url(../../imgs/interface/cadre-actu.png);}
.porte-documents .cadre #contenu{width:420px; height:450px; background:url(../../imgs/interface/menu-fond-principal.png); float:right; margin:10px; padding:10px 15px 10px 15px; font-size:11px;}
.porte-documents .cadre #contenu h1{ font-size:24px; font-weight:normal;}
.porte-documents .cadre #contenu .titre{ border-bottom:#000 1px solid; padding:0 0 5px 0;}
.porte-documents .cadre #contenu .contenu{ font-family:Verdana, Geneva, sans-serif;}

/* -- porte documents presse -- */
.porte-documents-presse{padding:150px 52px 0 0; position:relative; left:1024px;}
.porte-documents-presse h1{ font-size:32px; font-weight:normal;}
.porte-documents-presse #contenu .titre{ border-bottom:#000 1px solid; padding:0 0 5px 0; margin-bottom:10px;}
.porte-documents-presse #contenu{width:625px; background:url(../../imgs/interface/menu-fond-principal.png); float:right; padding:0 15px 10px 15px; font-size:11px;}
.porte-documents-presse #contenu a{color:#000;}
.porte-documents-presse #contenu .contenu{font-family:Verdana, Geneva, sans-serif; text-align:left;}
.porte-documents-presse #contenu .left{float:left; width:270px; padding:0 10px 0 0;}
.porte-documents-presse #contenu .right{float:left; width:325px; border-left:#000 1px solid; padding-left:10px;}
.porte-documents-presse #contenu .left h2{ padding:2px; background:url(../../imgs/interface/menu-fond-principal.png); font-size:11px; font-weight:normal; width:190px;}
.porte-documents-presse #contenu .right h2{ padding:2px; background:url(../../imgs/interface/menu-fond-principal.png); font-size:11px; font-weight:normal; width:268px;}

/* -- porte documents newsletter -- */
.porte-documents-newsletter{padding:150px 52px 0 0; position:relative; left:1024px; color:#FFF;}
.porte-documents-newsletter #contenu{width:364px; background:url(../../imgs/interface/fond-newsletter.png); float:right; padding:10px 15px 10px 15px; font-size:11px; font-family:Verdana, Geneva, sans-serif;}
.porte-documents-newsletter #contenu .msg-error{ color:#F00;}
.porte-documents-newsletter #contenu input{ font-size:11px; font-weight:bold;}
.porte-documents-newsletter #contenu input .radiau{width:10px; background:none; height:10px;}
.porte-documents-newsletter #contenu .champs-texte{width:220px; background:url(../../imgs/interface/fond-newsletter-champ.png); height:80px; color:#FFF; border:#6E6E6E 1px solid; overflow:hidden;}
.porte-documents-newsletter #contenu .obligatoire, .porte-documents-newsletter #contenu .telephone{width:220px; background:url(../../imgs/interface/fond-newsletter-champ.png); height:16px; color:#FFF; border:#6E6E6E 1px solid;}
.porte-documents-newsletter #contenu .titre{ border-bottom:#F00 1px solid; padding:0 0 5px 0; margin:0 0 25px 0;}
.porte-documents-newsletter #contenu .bouton-form{ background:url(../../imgs/interface/bouton-form.png) no-repeat; color:#FFF; height:17px; width:84px; text-align:center; border:none;}

/* -- contacter coordonnées -- */
.contact-coordonnes{padding:150px 52px 0 0; position:relative; left:1024px;}
.contact-coordonnes h1{ font-size:32px; font-weight:normal;}
.contact-coordonnes #contenu .titre{ border-bottom:#000 1px solid; padding:0 0 5px 0;}
.contact-coordonnes #contenu{width:410px; background:url(../../imgs/interface/menu-fond-principal.png); float:right; padding:0 15px 10px 15px; font-size:11px;}
.contact-coordonnes #contenu a{color:#000;}
.contact-coordonnes #contenu .contenu, .contact-coordonnes #contenu .boutique {font-family:Verdana, Geneva, sans-serif; text-align:left;}
.contact-coordonnes #contenu .left{float:left; width:330px; padding:0 0 0 0;}
.contact-coordonnes #contenu .right{float:left; width:70px; padding:36px 0 0 0; text-align:center;}
.contact-coordonnes #contenu .pdf{}
.contact-coordonnes #contenu .tel{height:15px; width:330px; padding:2px; background:url(../../imgs/interface/menu-fond-principal.png);}
.contact-coordonnes #contenu .photo{ padding:10px 0 0 0; text-align:center;}

/* -- contacter filature -- */
.contact-filature{padding:150px 52px 0 0; position:relative; left:1024px;}
.contact-filature h1{ font-size:32px; font-weight:normal;}
.contact-filature #contenu .titre{ border-bottom:#000 1px solid; padding:0 0 5px 0;}
.contact-filature #contenu{width:540px; background:url(../../imgs/interface/menu-fond-principal.png); float:right; padding:0 15px 10px 15px; font-size:11px;}
.contact-filature #contenu a{color:#000;}
.contact-filature #contenu .contenu{font-family:Verdana, Geneva, sans-serif; text-align:left;}
.contact-filature #contenu .left{float:left; width:320px; padding:0 0 0 0;}
.contact-filature #contenu .right{float:left; width:200px; border-left:#000 1px solid; padding-left:10px;}
.contact-filature #contenu .tel{height:15px; width:330px; padding:2px; background:url(../../imgs/interface/menu-fond-principal.png);}
.contact-filature #contenu h2{ padding:2px; background:url(../../imgs/interface/menu-fond-principal.png); font-size:11px; font-weight:normal; width:190px;}

/* -- contacter presse -- */
.contact-presse{padding:150px 0 0 0; position:relative; left:1024px;}
.contact-presse h1{ font-size:32px; font-weight:normal;}
.contact-presse #contenu{width:475px; height:300px; background:url(../../imgs/interface/menu-fond-principal.png); float:right; padding:0 15px 10px 15px; font-size:11px;}

/* menu mise en forme */
#menu-block{ width:184px; padding:23px 0 0 50px; position:relative;  z-index:1;}
#menu-bouton{ background: url(../../imgs/interface/menu-bouton.png) no-repeat top left; height:69px; width:26px; position:absolute; left:-50px; top:150px;}
#menu{ width:184px; color:#3f3f3f; font-size:12px;}
#menu a{ color:#3f3f3f;}
#menu li a{padding:4px 0 0 15px; margin:0 0 3px 0; width:172px; height:19px; display:block;}
#menu .menu-bt-principal-histoire{ }
#menu .menu-bt-principal-histoire a{width:172px; height:19px; padding:4px 0 0 10px; background:url(../../imgs/interface/menu-tete-off.png) no-repeat top left; display:block;}
#menu .menu-bt-principal-histoire a:hover{width:172px; height:19px; padding:4px 0 0 15px; background:url(../../imgs/interface/menu-tete-on.png) no-repeat top left;}
#menu .menu-bt-principal-histoire .menu-on{width:172px; height:19px; padding:4px 0 0 15px; background: url(../../imgs/interface/menu-tete-on.png) no-repeat top left;}
#menu .menu-bt-principal {}
#menu .menu-bt-principal a{width:172px; height:19px; padding:4px 0 0 10px; background: url(../../imgs/interface/menu-fond-principal-off.png);}
#menu .menu-bt-principal a:hover{width:172px; height:19px; padding:4px 0 0 15px; background: url(../../imgs/interface/menu-fond-principal-on.png) no-repeat top left;}
#menu .menu-bt-principal .menu-on{width:172px; height:19px; padding:4px 0 0 15px; background: url(../../imgs/interface/menu-fond-principal-on.png) no-repeat top left;}
#menu .menu-bt-second {}
#menu .menu-bt-second a{width:172px; height:19px; padding:4px 0 0 10px; background: url(../../imgs/interface/menu-fond-second-off.png); display:block;}
#menu .menu-bt-second a:hover{background: url(../../imgs/interface/menu-fond-second-on.png) top left;}
#menu .menu-bt-second .menu-on {background: url(../../imgs/interface/menu-fond-second-on.png) top left;}

/* menu video */
#menu_video {margin-top:60px ; width:166px; padding:14px 8px ; background:url("../../imgs/interface/menu-fond-principal.png") repeat scroll 0 0 transparent; display:block; text-align:center }
#menu_video a { text-decoration:none; color:#000}
#menu_video img { border:0; margin-bottom:10px;}

/* texte */
.text-rouge12{ color:#F00;}
.text-noir11{color:#000;}

/* utile */
.hr{clear:both; display:block;}
#logo{ padding:26px 0 0 35px;}