/********************************************
 * Domaine : ultra-fluide.com
 *
 * Exploitant : Ultra-fluide
 *
 * Rôle : Feuille de style générale
 *
 * Auteur : Ultra-Fluide, copyright 2010
 ********************************************/

* { margin: 0; padding: 0; }

html { font-size: 100%; }

body { margin: 0 auto; position: relative; font: 62.5%/1.6em  Arial, sans-serif; background: #e9e8e5 url(images/fond.png) center top no-repeat; width: 852px; color: #8c8c90; }

fieldset { border: 0; }

h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; color: #c22f19;}
h3 { font-size: 1.2em; margin: 10px 0 0 0; }
h4 { font-size: 1.2em; font-style: italic; font-weight: normal;}

ul { list-style: none; font-size: 1.1em; }
p, dl { font-size: 1.2em; line-height: 1.5em; text-align: justify;}
dt { font-weight: bold; margin: 4px 0 2px;}
hr { clear: both; margin: 0; height: 0; border: 0; visibility: hidden; }

a { color: #8c8c90; }
  a:hover {text-decoration: none; }
  a img {border: 0; }
/* Header */
#header { padding: 0 56px; background: url(images/header.png) no-repeat center top; margin: 30px 0 0 0; }
  #header h1 { text-align: right; font-variant: small-caps; font-size: 1.2em; letter-spacing: 4px; color: #C22F19; position: absolute; top: 35px; right: 54px; }
#logo {position: relative;top: 15px;left: -5px;}
/* Menu déroulant */
#menu0 {width: 738px;height: 65px;margin: 18px 0 0 0;background: url(images/menu-fond.png) right top repeat-x; }
  #menu0 li {float: left;height: 57px;padding: 0 0 10px 0;position: relative;z-index: 5; }
  #menu0 .niv0-selection {background: url(images/menu-active.png) 0 57px no-repeat; }
  #menu0 .avant-selection, #menu0 li.avant-avant-selection {background: url(images/menu-inactive.png) 0 57px no-repeat; }
    #menu0 li a {line-height: 1.3em;background: #C22F19 url(images/menu-separateur.png) top right no-repeat;display: block;padding: 41px 6px 2px 6px;color: white;text-decoration: none;position: relative; }
      #menu0 .niv0-selection a {font-weight: bold;}
      #menu0 .niv0-selection li a {font-weight: normal;}
    /* 2ème niveau */
    #menu0 li:hover ul {display: block; }
    #menu0 .deroulant {display: none;position: absolute;text-align: left;left: 0; top: 66px;border: #e3720b 1px solid;padding:5px;background: white; z-index: 8;}
      #menu0 .deroulant li {height: auto;float: none;border: 0;padding: 0;z-index: 3; }
        #menu0 .deroulant li a {padding: 0;white-space: nowrap;background: white;color: #8c8c90;font-size: .9em;z-index: 3; }
        #menu0 .deroulant li a:hover { color: #c22f19; }
        
/* Corps de la page */
#contenu { width: 738px; padding: 0 56px; background: url(images/contenu.png) repeat-y center; }

#colonne-gauche {width: 215px;float: left;padding: 2em 0 0 0; }
  #colonne-gauche ul {margin: 0 0 20px 0; }
    #colonne-gauche ul a {text-decoration: none; }
    #colonne-gauche ul a:hover {/*color: #e8314d;*/ color:#c22f19;}

#colonne-droite {float: right;margin: -2px 0 0 0;position: relative; min-height:323px; }
  #colonne-droite a {color: #303030; }

/* Formulaire inscription newsletter */
#newsletter-form fieldset {padding: 15px 0 10px 10px; }
  #newsletter-form fieldset p {margin: 10px 0 0 0; }
  #newsletter-form fieldset .input {width: 180px; height: 18px;}

#newsletter-archive h3 {padding-top: 0; margin: 0;}
#newsletter-archive .img-left {float: left;margin: 0 5px 25px 0;border: 0; }

/* News */
.news { padding: 25px 0 0 0; margin: 0 27px; width: 738px; height: 50px; background: white url(images/news.png) top left no-repeat;}
  .news-in {float: right;width: 202px;padding: 0 25px 0 0;position: relative; }
    .news-in:hover a {display: block; }
    .news-in a {display: none; }
    .news-in img {border: #8c8c90 1px solid;position: absolute;cursor: pointer; }
    .news-in h2, .news-in p {padding: 0 0 0 52px;font-size: 1em; }

/* Recherche et input */
.input { border: #8c8c90 1px solid; background: #FFF9DA; color: #8c8c90; height:18px;}
.recherche .input { margin: 7px 0 0 5px; width: 156px; vertical-align: top; font-size: 1.1em; }

/* Pied de page */
#conforme { background: url(images/conforme.png) bottom no-repeat; margin: 0 -50px 0 -50px; padding: 12px 79px 120px 79px;  position: relative; }
#conforme.has-news { background: url(images/conforme-news.png) bottom no-repeat; padding: 0 79px 120px 79px; }
#compatibility { position: absolute; margin: 18px 0 0 27px; font-size: 1em; letter-spacing: 1px;}

/* Tableaux */
table { border-collapse: collapse;}
  table.no-border {background: #FFF9DA;width: 100%;text-align: left; font-size: 1.2em;}
  #colonne-droite .no-border h2 {font-size: 1.1em; margin:0;}
  .no-border td { width: auto; padding: .2em;}
  .no-border .bloc { font-size: 1.2em; margin: 10px 0 0 0}
  th { background: #E3720B; color: white;padding: 0 .2em;}
  td { width: 70px;}
  td.legende { width: 120px;}
  .references td { padding: 0 0 20px 0;}
  tr.fonce { background: #FFE7A6;}
.mondrian td {vertical-align: middle;font-size:1.2em; width: auto;}
  .mondrian td .bloc {font-size:1.1em;}
td.tarif { width:100px;vertical-align:top;text-align:right}
/* Geleries */
.galerie td {width: 330px;}