/*
  Style général - BLINCKERS© Groups
  static.blinckers-groups.com/css/theme_principal.css

  Merci de laisser cette feuille de style en l'état
  Si cette feuille de style vous intéresse, merci de 
  contacter un membre de l'équipe.

  irc.freenode.net - #html-fr
*/

#ALERTE{
  position:absolute; top:1.6em; left:0;
  width:100%;
  text-align:center;
  font-size:2em;
  font-weight:bold;
  color:red;
}

  body{
    margin:0; padding:0;
    background:#CCD2E6 url('../images/fond.png') top left repeat-y;
    font-family:Arial, Verdana, sans-serif;
    font-size:0.80em !important; font-size:80%;
  }

  abbr{
    cursor:help;
  }
  a{
    text-decoration:none;
    color:#939393;
  }
    a:hover{
      text-decoration:underline;
      color:#000000;
    }

  #header{
    margin:0.6em 0 0 0.6em;
    height:142px;
    background:transparent url('../images/fond_titre.png') top left no-repeat;
  }
    h1{
      margin:0 0 0 200px; padding-top:63px !important; padding-top:70px;
      height:0 !important; height:63px;
      overflow:hidden;
      background:transparent url('../images/titre.png') top left no-repeat;
    }

    #searchForm{
      position:absolute; top:6.6em; left:20em;
    }
      #searchForm input{
        font-size:0.9em;
        background-color:transparent;
        border:0 none #FFF;
      }
      #searchText{
        padding-left:20px;
        background-image:url('../images/icon/search.png');
        background-position:0 50%;
        background-repeat:no-repeat;
      }



    #rapidMenu{
      position:absolute; top:10.2em; left:20em;
    }
    #bas{ 
      margin:1em;
      text-align:center;
    }
        
      #rapidMenu ul, #bas ul{
        margin:0; padding:0;
        list-style-type:none;
      }
        #rapidMenu li, #bas li{
          display:inline;
          margin-right:0.4em;
        }
          .goContent, .writeComment, .addBookmark, .sendToFriend, .print{
            padding-left:20px;
            background-position:0 50%;
            background-repeat:no-repeat;
          }
          .goContent{ background-image:url('../images/icon/viewcontent.png'); }
          .writeComment{ background-image:url('../images/icon/newcoment.png'); }
          .addBookmark{ background-image:url('../images/icon/bookmark.png'); }
          .sendToFriend{ background-image:url('../images/icon/mail_post_to.png'); }
          .print{ background-image:url('../images/icon/print.png'); }

    #menus{
      position:absolute; top:14em; left:1em;
      width:17em;
      border-left:1px solid #939393;
      background:#EEEFF0 url('../images/fond_menu.png') top left repeat-y;
    }
      #menus ul{
        margin:0 0 0 4px; padding:2px 0;
        list-style-type:none;
      }
        #menus li{
          margin:2px 0; 
          font-size:0.98em;
        }
          #menus li p{
            padding:6px 4px 0 40px;
            background:transparent url('../images/puce_1.png') 0 0 no-repeat;
            font-weight:bold;
          }
          #menus li li{
            margin:0 0 0 10px;
            font-size:0.98em;
          }
            #menus li li p{
              margin:0; padding:2px 4px 1px 20px;
              background:transparent url('../images/puce_2.png') 0 50% no-repeat;
            }
            #menus li li li p{
              background-image:none;
            }

        #menus a{
          display:block;
          padding:1px 4px;
          height:1%;
          text-decoration:none;
          font-weight:normal;
          color:#939393;
        }
          #menus a:hover{
            background:transparent url('../images/fond_header.gif') 0 0 repeat;
            text-decoration:underline;
            color:#000000;
          }
        #menus #liens a{
          margin-left:2em;
        }
          #menus #liens a:hover{
            background-image:none;
          }

    #content{
      margin-left:20em; margin-right:1em; padding:1em 0 2em 0;
      border-bottom:1px solid #939393;
    }
      h2{
        padding:0.3em;
        background:#D3D3D3 url('../images/fond_menu.png') top right repeat-y;
      }
      h3{
        padding:0.4em;
        border-left:1px solid #939393;
        background:transparent url('../images/fond_header.gif') 0 0 repeat;
      }
      h4{
        padding:0.2em 0.8em;
      }
      #content p, #content ul, #content code{
        margin-left:1em;
      }

      .auth{
        float:left;
        position:relative; left:-1em;
        padding:4px;
        border:1px dashed #939393;
        background:transparent url('../images/fond_header.gif') 0 0 repeat;
        font-size:0.8em;
      }
      .top{
        clear:both;
        position:relative; left:-1em;
        margin:2em 0 0 0; padding:0;
      }
        .top a{
          padding:2px 0 2px 25px;
          background:transparent url('../images/icon/go-up.png') left 50% no-repeat;
        }

        #commentaire div{
          margin-bottom:0.5em;
          border:1px solid #939393;
          background:#FFF url('../images/fond_header.gif') top left repeat;
        }
         #commentaire p{
          margin:0.2em; padding:0.2em;
          border:1px solid #939393;
        }
          #commentaire p.text{
            background-color:#FFF;
          }
          #commentaire .noBorder{ border:0 none #FFF; }


    #footer{
      margin-left:18em; padding:1em 0 2em 0;
      font-size:0.8em;
      text-align:center;
    }

/* General Effect */

.underline{
  text-decoration:underline;
}
img{ border:0 none #FFF; }

/* Force Effect */
.forceBlock{
  display:block;
  padding:2px 2px 4px 2px;
  border:1px dashed #FF4E0E;
  background-color:#FAD2A0;
}
  div.forceBlock{
    margin-left:1em;
  }
.forceInline{
  display:inline;
  padding:2px 2px 4px 2px;
  border:1px dashed #8297AD;
  background-color:#A6C2DE;
}
  .forceInline.gray{
    border:1px dashed #7C7372;
    background-color:#C0C0C0;
  }

.forceLeft{ float:left; }
.forceRight{ float:right; }
  img.forceLeft{ margin-right:1em; }


/* Color tags - Code */
.codeCssValue, .codeHtmlValue{ color:#800000; font-weight:normal; }
.codeHtmlAttribute{ color:#008000; font-weight:normal; }
.codeHtmlText{ color:#000; font-weight:normal; }
.codeLineSilver{ background-color:#D3D3D3; }
code{
  padding:2px 3px 1px;
  border:1px dashed #939393;
  background-color:#FFF;
  font-weight:bold;
}

ol code{
  display:block;
  height:1%;
  border:0 none #FFF;
}
ol pre{
  margin:0;
}


.clear{ clear:both; }