/********************************************
 * Domaine : telmma.com
 *
 * Exploitant : Telmma
 *
 * 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;width: 1001px;color: #555555;}
sup { line-height: 0; }

.left { float: left;}
.right { float: right;}
.right-align {text-align: right;}
.align-center {text-align: center;}
.petit {font-size: .8em; font-weight: normal;}
.img-left {float: left;margin: 0 25px 25px 0;}
.img-right {float: right;margin: 0 0 25px 25px;}
.clearer {clear: both;}
.encradre { background: url(images/quote.png) no-repeat top left;padding: 0 10px 0 45px;margin: 10px 0; }
.top {vertical-align: top;}

fieldset {border: 0; }

h1 {font-size: 1.4em; }
h2 {font-size: 1.3em; }
h3 {font-size: 1.2em; }
h4 {font-size: 1.2em;}

ul {list-style: none;font-size: 1.2em; }
  ul ul {font-size: 1em;}
p, dl {font-size: 1.2em;line-height: 1.7em;}
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 {height: 80px;background: url(images/header.png) top repeat-x;position: relative;padding: 20px 0 0 0; }
  #header p {width: 300px;float: left;}
  #header h1 {text-align: right;font-size: 1.65em;color: #e65127;padding: 30px 37px 0 0;font-style: italic;overflow: hidden;float: right; }

  /* Menu */
#nav {height: 22px;border-bottom: 1px solid #cccccc;padding: 1px 0 0 0;position: relative;z-index: 5;}
  #nav ul {position: absolute;}
    #nav ul li {float: left;height: 21px;background: #7b6766;border-top: #989a99 solid 1px;border-right: #989a99 solid 1px;border-left: #989a99 solid 1px;margin: 0 3px 0 0;position: relative;}
    #nav ul li.active, #nav ul li:hover {background: #eeeeee;border-top: #cccccc solid 1px;border-right: #cccccc solid 1px;border-left: #cccccc solid 1px;border-bottom: #eeeeee solid 1px;}
    #nav ul li a {padding: 0 25px;line-height: 21px;display: block;text-decoration: none;color: white;font-size: 1.1em;}
    #nav ul li.active a, #nav ul li a:hover, #nav li:hover a {color: #999999;}
  
  /* 2ème niveau */
  #nav ul ul {display: none;background: white;}
    #nav ul ul a {zoom:1; }
    #nav ul li:hover ul {display: block;border-right: 1px solid #7b6766;border-left: 1px solid #7b6766;border-bottom: 1px solid #7b6766;position: absolute;top: 21px;left: -1px;z-index: 5;}
      #nav ul ul li {background: #897777;border: none;margin: 0;float: none;height: auto;border-top: 1px solid #7b6766;white-space: nowrap;}
      #nav ul ul li:hover, #nav ul ul li.active {border: 0;border-top: 1px solid #7b6766;background: #e65127;}
        #nav li:hover ul a {color: #FFF;}
        #nav ul ul li a:hover {background: #e65127;color: white;}

#lang {float: right;border-top: #cccccc solid 1px;border-right: #cccccc solid 1px;border-left: #cccccc solid 1px;height: 21px;line-height: 0;font-size: 1.1em;}
  #lang a {display: block;text-decoration: none;padding: 0 33px 0 22px;line-height: 20px;width:85px;text-align:center;}
  #lang a:hover {color: #E65127;}

.english {background: url(images/uk.jpg) 115px .5em no-repeat;}
.francais {background: url(images/fr.jpg) 115px .5em no-repeat;}

/* Corps de la page */
#content {padding: 20px 0 0 0;border-right: #cccccc solid 1px;border-left: #cccccc solid 1px;border-bottom: #cccccc solid 1px;background: url(images/content.png) repeat-x; }

#left {margin: 0 0 20px 20px;min-height: 500px;}

#right {margin: 0 20px 20px 0;}

blockquote {clear: both;background: url(images/quote.png) no-repeat top left;padding: 10px 10px 0 45px;font-weight: bold;font-style: italic;color: #7b6766;}
  blockquote p {line-height: 1.5em;}
  blockquote .right-align {font-weight: normal;margin: 1em 0 0 0;}

#footer {clear: both;list-style: none;padding: .5em 0;background: #f7f7f7;}
  #footer li {display: inline;}
    #footer li a {padding: 0 15px;text-decoration: none;}
    #footer li a:hover {text-decoration: underline;}
    #footer li + li a {border-left: 1px solid #7b6766;}

#signature {color: #d0d0d0;text-align: center;font-size: .9em; position: absolute;  bottom: -35px; width: 1001px; padding: 0 0 10px 0;}
  #signature a { color: #d0d0d0; text-decoration: none;}

/* Formulaire abonnement */
#subscribe fieldset {padding: 5px 0 10px 0;}
#subscribe .champ {font-size:1em;border: 1px solid #DDDDDD;width:123px;height:19px;background: #f5f5f5;vertical-align:top;}
#subscribe label {color: #E65127;vertical-align:1px;padding: 0 5px 0 0;}
#subscribe .submit {background:url(images/ok.png) no-repeat;width: 23px;height:21px;border:0;}