/********************************************
 * Domaine : ultra-fluide.com
 *
 * Exploitant : Ultra-fluide
 *
 * Rôle : Feuille de style pages
 *
 * Auteur : Ultra-Fluide, copyright 2010
 ********************************************/
#colonne-gauche {min-height: 300px}
  #colonne-gauche ul a {display: block;}
  #colonne-gauche ul li {padding: 0 0 0 40px;margin: 10px 0 0 0;zoom: 1;background: url(images/menu-gauche-ligne.png) left top no-repeat; }#colonne-gauche ul ul {margin: 0; }
    #colonne-gauche ul ul li {padding: 0;margin: 0;background: transparent; }
      #colonne-gauche ul ul li a {padding: 0 0 0 10px;font-size: .9em;background: url(images/carre-rouge.png) left center no-repeat; }
    #colonne-gauche ul .selection {background: url(/images/menu-gauche-animation.gif) left top no-repeat;padding: 5px 0 0 40px;margin: 5px 0 0 0; }
      #colonne-gauche ul .selection li {margin: 0; }
      #colonne-gauche ul .selection a {color:#c22f19;/*color: #e8314d;*/ }
      #colonne-gauche ul .selection li a {color: #8c8c90; }
      #colonne-gauche ul .selection li a:hover {color: #c22f19; }
      #colonne-gauche ul ul .selection {background: transparent;padding: 0; }
      #colonne-gauche ul .selection .selection a {color: #e8314d; }
      #colonne-gauche p a {text-decoration: none;background; color:#c22f19 ;padding: 0 0 0 5px;font-weight: bold;}


#colonne-droite {width: 505px;padding: 35px 8px 5px 8px;}
  #colonne-droite h1 {margin: 1em 0; }
  #colonne-droite h2 {margin: 16px 0 0 0; }
  #colonne-droite h2.margin-left {margin: 0 0 0 50px;}
  #colonne-droite p {margin: 4px 0 12px 0; }
  #colonne-droite ul, #colonne-droite ol {font-size: 1.2em;line-height: 1.5em;list-style-position: inside;}
  #colonne-droite ul {list-style-type: disc;margin: 4px 0 12px 2em;line-height: 1.6em;}
    #colonne-droite ul ul {font-size: 1em;}
  #colonne-droite table {margin: 10px 0 0 0;line-height: 1.5em; }
    #colonne-droite table tr {vertical-align: top; }
      #colonne-droite .references {background: white;}
        #colonne-droite .references td {width: auto; padding: 0 0 20px 0;}
        #colonne-droite .references td.legende {width: 120px; }
          #colonne-droite table td a img {margin: 0 5px 0 0; }
          #colonne-droite table .vide {background: url(images/carre-gris.jpg) left top no-repeat; }

  #colonne-droite .margin-left {margin: 16px 0 0 75px;}
  #colonne-droite p.margin-left {margin: 0 0 0 75px;}
    #colonne-droite .margin-left-large {margin: 0 0 0 100px;}
      #colonne-droite .margin-left-large-large {margin: 0 0 0 125px;}   

/* SItemap */
#sitemap h1 {color: #c22f19;margin: 1em 0 .3em 50px;font-size: 1.3em;}
  #sitemap h1 a {color: #C22F19;}
#sitemap h2 {margin: 0.8em 0 0 75px;color: #8C8C90;}
#sitemap p {margin: 4px 0 4px 50px;}
#sitemap h3 {margin: 0.8em 0 0 100px;color: #8C8C90;font-weight: normal;}
#sitemap h4 {margin: 0.8em 0 0 125px;color: #8C8C90;font-size: 1.2em;font-weight: normal;}
  #sitemap h2 a, #sitemap h3 a, #sitemap h4 a {color: #8C8C90;}
  #sitemap span {font-weight: normal;font-size: .9em;color: #8C8C90;}

/* Page référence */     
#colonne-droite .link-reverse p {line-height: 1.3em;}
#colonne-droite .link-reverse a {text-decoration: none;color: #8C8C90;}
#colonne-droite .link-reverse a:hover {text-decoration: underline;}

/* Pages resources */
.encadre { padding: 0 0 0 5px;}
  #colonne-gauche .encadre a { padding: 0;}
.bloc {background: #FFE7A6;border: 1px solid #8C8C90;margin: 10px 0 10px 10px;padding: 5px;font-size: 1.4em;line-height: 1em;display: block;font-family: monospace,Arial,sans-serif}
  .bloc code {font-size: 1em;}
#colonne-droite ul.bloc {margin: 10px 0 10px 10px;font-family: monospace;font-size: 1.4em;}
code {background: #FFE7A6;font-size: 1.1em;}
pre {font-family: monospace,Arial,sans-serif}
code.bloc {font-size: 1.2em}

dl.references dt {float: left;clear: left;height: 45px;width: 40px;margin: 0;}
dl.references dd {height: 45px;font-size: .95em;line-height: 1.2em;}

.form-semark {border: 1px solid #FA9AA6; padding: .5em; font-size: 1.2em;}
  .form-semark fieldset {border: 1px solid #FA9AA6; margin: .5em 0; padding: .5em;}
  .form-semark legend {color: #E8314D; font-size: 1.1em;font-weight: bold;}
  .form-semark label { margin: 0 0 .5em 0; display: block;}
  .form-semark [disabled] {background: #DDDDDD;}

/* Menu */
#colonne-droite #menu1 {font-size:1.1em; margin: 0;}
#menu1 {position: absolute;background: white url(images/menu1-active.png) no-repeat left top;height: 15px;top:0;right: 0;padding: 0 0 0 15px;}
  li.niv1, li.niv1-biais, li.niv1-selection {float:left;list-style: none outside;font-size:1em;height: 25px;line-height:15px;position: relative;}

    #menu1 a {text-decoration: none;color:white;background: #e3720b;padding: 0 10px 0 0;display:block;}
    #menu1 .niv1-selection a {/*color: #c81c32;*/color:#c22f19;}
    #menu1 .niv1-selection ul a, #menu1 ul a {font-weight: normal;color:#8C8C90;}

      #colonne-droite #menu1 li:hover ul {display:block;position: absolute;z-index: 0;}
      #colonne-droite #menu1 ul {display: none;list-style: none outside;min-width: 95px;line-height: 1.3em;margin: 0;top: 16px;left:0;border: #e3720b 1px solid;padding: 5px;background: white; }
        #menu1 ul a {background:transparent;padding:0;}
        #menu1 li li {float: none;white-space:nowrap;}
        #menu1 li li a:hover {color: #c22f19;}