/* CSS Document - Author: ENIGMATIC */  

*{
   margin: 0;
   padding:0;
   border:0;
}

body{
    font-family: "Tahoma", "Geneva", sans-serif;
    font-size: 12px;
}

#enigmatic{
  clear: both; 
  display: block;  
  background: url(images/enigmatic.gif) no-repeat;
  width: 106px;
  height: 42px;
}
.ie6 #enigmatic{
  margin-top: 0;
}
    #enigmatic span{display: none;}

/*---------------------------------------classes communes-----------------------------------------*/
a{text-decoration: none;}
a:hover{text-decoration: underline;}


h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
  /*font-family: "Georgia", "Times New Roman", "Palatino", serif;*/
  font-weight: normal;
  letter-spacing: 0.07em;
  clear: both;
}

p, ul, ol{ margin-bottom: 0.5em; line-height: 1.5em; text-align: justify; }
li{list-style-position: inside;}

strong{ color: #7E1F59; font-weight: normal; font-size: 1.1em;}

.clear{
  clear: both;
  height:0px;
  padding:0px;
  margin:0px;
  _font-size: 1px;
}
            
/*----------------------------------------------- mise en page -----------------------------------------*/

.page{
    width: 1024px;
    margin: auto;
}

.top h1 {float: left;}
.top h1 span{display: none;}
.top h1 a img{border: none;}


.menu li{
  list-style-type: none; 
  float: left;
}
  .menu li, .menu li a{
    color: #333; 
    letter-spacing: 1px;
    display: block;
  }
    .menu li a:hover{
      color: #CF7900;
      text-decoration: none;
    }

/*------------------------------------------- document (commun) --------------------------------------*/
#document.conteneur{
  background: url(images/ban_repeat.gif) repeat-x 0 133px;
  _background-position: 0 136px;
  margin-top: 10px;
}
.top h1 {margin-left: 31px;}

/*--menu--*/
#document .menu{
  float: left;
  height: 108px;
  padding-top: 25px; 
  margin-left: 0px;
}
  #document .menu li, #document .menu li a{font-size: 13px; padding-top: 8px;}
  
    #document #nous     a{width: 86px; height: 76px; background: url(images/menu_nous.jpg) no-repeat; padding-left: 20px;}
    #document #offre    a{width: 85px; height: 85px; background: url(images/menu_offre.jpg) no-repeat; padding-top: 18px; padding-left: 5px;}
    #document #produits  {width: 155px; height: 81px; background: url(images/menu_produits.jpg) no-repeat; padding-left: 1px;}
    #document #couleurs a{width: 85px; height: 84px; background: url(images/menu_couleurs.jpg) no-repeat; padding-top: 18px; padding-left: 17px;}
    #document #contact  a{width: 65px; height: 73px;  background: url(images/menu_contact.jpg) no-repeat; padding-top: 9px; padding-left: 15px;}
    
        #document #produits span {padding-left: 18px;}
        #document #produits #polyester, #document #produits #polyamide{padding: 0;}
          
          #document #produits #polyester a, #document #produits #polyamide a{
            font-size: 9px; 
            color: #FFF;
            background: none;
          }
          #document #produits #polyester a:hover, #document #produits #polyamide a:hover{ 
            color: #FFB64F;
          }
          
          #document #produits #polyester a{padding-left: 10px; padding-top: 2px;}
          #document #produits #polyamide a{padding-left: 80px; padding-top: 0px;}
          
          
/*--banniere--*/         
#document .banniere{
  clear: both;
  background: url(images/ban.jpg) no-repeat 50% 0;
  height: 96px;
}

#document .contenu{
  padding-left: 31px;
}


/*--contenu variable texte--*/
#document .contenu-img{
  float: left;
  padding-left: 165px;
  padding-right: 30px;
  width: 480px;
}

  #document .nousconnaitre .contenu-img{ background: url(images/img_nous.jpg) no-repeat; }
  #document .notreoffre .contenu-img{ background: url(images/img_offre.jpg) no-repeat; }
  #document .polyamide .contenu-img{ background: url(images/img_polyamide.jpg) no-repeat; }
  #document .polyester .contenu-img{ background: url(images/img_polyester.jpg) no-repeat; }
  #document .noscouleurs .contenu-img{ background: url(images/img_couleurs.jpg) no-repeat; }
  #document .contact .contenu-img{ background: url(images/img_contact.jpg) no-repeat; }
  #document .legal .contenu-img{ background: url(images/img_nous.jpg) no-repeat; }

#document .contenu h1{
  background : url(images/h1_bg.jpg) no-repeat;  
  padding-left: 30px;
  padding-bottom: 30px;
  font-family: "Tahoma", "Geneva", sans-serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 52px;
}

#document .contenu p.titre{
letter-spacing: normal;
color: #666;
}

#document .contenu h2{
    font-size: 17px;
    color: #ff9900;
    padding: 1.5em 0 0.5em 0;
}
#document .contenu h3{
    font-size: 15px;
    color: #ff9900;
    padding: 1.5em 0 0.5em 0;
    border-bottom: 1px dotted;
}
#document .contenu h4{
    font-size: 12px;
    color: #ff9900;
    padding: 1.5em 0 0.5em 0;
}

#document .contenu a{color: #BE551E;}
#document .contenu a:hover{text-decoration: underline;}

#document .contenu dt{line-height: 1.5em; float: left; margin-right: 10px;}
#document .contenu dd{ color: #666; line-height: 1.5em; margin-bottom: 0.5em;}
  #document .contenu dd.multiligne{ clear: both; margin-left: 20px;}

/*page contact*/
#document .contact .contenu dl{font-size: 14px; margin-top: 30px; margin-left: 30px;}
  #document .contact .contenu dt{float: left; clear: left; width: 20px; margin-bottom: 1em; text-align: right; margin-right: 10px; line-height: 1.5em;}
  #document .contact .contenu dd{color: #666; margin-bottom: 1em; display: block; line-height: 1.5em;}

#document .contact .contenu dt.nom{font-weight: bold; width: inherit; margin-bottom: 0.5em;}
#document .contact .contenu dd.nom{clear: both;}

/*page couleurs*/
#document .noscouleurs .contenu a { border: 1px solid #CCC; display: block; float: left; margin: 5px 10px 5px 0px;}
#document .noscouleurs .contenu a:hover { border-color: #666; }
#document .noscouleurs .contenu a img{ margin: 3px;} 

#document .contenu p.info{font-style: italic; color: #666; margin-bottom: 0;}
#document .nousconnaitre .contenu-img img{margin: 0 10px 10px 0;}
/*--encart droite : mot du gérant--*/
#document .contenu-encart{
  float: left;
  background: url(images/barre_d_bg.gif) no-repeat 0 8px;
  width: 185px;
  padding: 30px;
  padding-top: 0px;
  margin-top: 30px;
}
  #document .contenu-encart h3{
    font-family: "Tahoma", "Geneva", sans-serif;
    font-size: 16px;
    color: #ff9900;
    margin: 0;
    margin-bottom: 1em;
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  #document .contenu-encart p{
    font-size: 11px;
    color: #555;
    letter-spacing: 0;
  }
  
  #document .contenu-encart p span{
      font-size: 18px;
      color: #ff9900;
  }
  #document .contenu-encart p.auteur{color: #ff9900; font-size: 12px; text-align: right;}
  #document .contenu-encart p.auteur-fct{text-align: right;}


/*--pied de page--*/
#document .btm{
  clear: both;
  background: url(images/btm_repeat.gif) repeat-x 0 42px;
  height: 120px;
}

#document .btm #menu_btm{
  background: url(images/btm_bg.jpg) no-repeat;
  width: 1024px;
  margin: auto;  
  height: 32px;
}
#document .btm #menu_btm li{ display: inline; line-height: 32px; color: #999;}

  #document .btm #menu_btm li a{ color: #333;}
  #document .btm #menu_btm li a:hover{ color: #ff9900; text-decoration: none;}

#document .btm #menu_btm li.first{ margin-left: 160px; }
#document .btm #menu_btm li#legal{ margin-left: 80px; }

#document .btm #menu_btm li.legal, #document .btm #menu_btm li.legal a{ color: #666; }
#document .btm #menu_btm li.legal a:hover{ color: #ff9900; }

/*----------------------------------------------- accueil -----------------------------------------*/
/*accueil logo + banniere*/

#accueil.conteneur{
  background: url(images/home_ban_repeat.gif) repeat-x 0 141px;
  margin-top: 30px;
}

#accueil .top h1{
 margin-left: 103px;
}
#accueil .top h2{
  clear: none;
  float: left;
  width: 388px;
  height: 81px;
  background: url(images/home_filacoudre.gif) no-repeat;
  margin-top: 60px;
}
#accueil .top h2 span{display: none;}

#accueil .banniere{
  clear: both;
  background: url(images/home_ban.jpg) no-repeat 50% 0;
  height: 131px;
}
  .banniere h3{
    text-align: right;
    padding-right: 65px;
    padding-top: 11px;
    font-family: "Tahoma", "Geneva", sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
  }
  
/*menu*/
#accueil .menu{
  height: 200px;
  padding-top: 80px; 
  margin-left: 100px;
}

#accueil .menu li, #accueil .menu li a{font-size: 17px; padding-top: 14px;}

    #accueil #nous     a{width: 131px; height: 102px; background: url(images/home_menu_nous.jpg) no-repeat; padding-left: 45px;}
    #accueil #offre    a{width: 115px; height: 115px; background: url(images/home_menu_offre.jpg) no-repeat; padding-top: 27px; padding-left: 2px;}
    #accueil #produits {width: 210px; height: 111px; background: url(images/home_menu_produits.jpg) no-repeat; }
    #accueil #couleurs a{width: 128px; height: 113px; background: url(images/home_menu_couleurs.jpg) no-repeat; padding-top: 28px; padding-left: 25px;}
    #accueil #contact  a{width: 106px; height: 98px;  background: url(images/home_menu_contact.jpg) no-repeat; padding-top: 16px; padding-left: 25px;}

      #accueil #produits span {padding-left: 35px;}
      #accueil #produits #polyester, #accueil #produits #polyamide{padding: 0;}
        
          #accueil #produits #polyester a, #accueil #produits #polyamide a{
            font-size: 13px; 
            color: #FFF;
            background: none;
          }
          #accueil #produits #polyester a:hover, #accueil #produits #polyamide a:hover{ 
            color: #FFB64F;
          }
          
        #accueil #produits #polyester a{padding-left: 19px; padding-top: 5px;}
        #accueil #produits #polyamide a{padding-left: 111px; padding-top: 0px;}


/*accueil texte bas*/
#accueil .btm{
  clear: both;
  background: url(images/home_btm_repeat.gif) repeat-x;
  padding-top: 4px;
}

#accueil .btm .btm-in{
  width: 924px;
  margin: auto;  
  height: 68px;
}
.big{
font-size: 1.1em;
}
  #accueil .btm .col_g, #accueil .btm .col_d {
    width: 48%; 
    color: #666; 
    text-align: justify; 
    font-size: 10px;
  }
  #accueil .btm .col_g{ float: left;}
  #accueil .btm .col_d{ float: right;}