/********************************************
 * Domaine : telmma.com
 *
 * Exploitant : Telmma
 *
 * Rôle : Feuille de style page accueil
 *
 * Auteur : Ultra-Fluide, copyright 2010
 ********************************************/

#left { width: 440px; float: left;}
  #left h2 { font-size: 1.5em; line-height: 1.5em; color: #000; position: relative; z-index: 1;}
    #left h2 strong {font-size: 1.3em;}
    #left h2 span { display: block; padding: 10px; background: url(images/blanc-transparent.png); position: absolute; bottom: 0; left: 0; width: 420px;}
  #left h3 { color: #e65127; margin: 2em 0 1em 10px; font-size: 1.4em;}
  #left ul { padding: 0 0 0 50px; background: url(images/left-ul.png) repeat-y left; margin: 0 0 4em 0;}
    #left li { margin: 0 0 .5em 0;}
    #left ul strong { color: #e65127;}

#right { height: 500px; width: 510px; float: right;}

#focus { width: 270px; background: #FFFFFF url(images/focus.png) no-repeat bottom; float: left; margin: 0 0 35px 0;}
  #focus h3 { padding: 1em 15px; color: #e65127; font-size: 1.4em; line-height: 1.6em; background: transparent url(images/focus-h3.png) no-repeat top;}
  #focus ul { padding: 0 15px 3em 15px;}
    #focus li { background: transparent url(images/focus-puce.png) no-repeat 0 5px; line-height: 2em; margin: 0 0 .7em 0; padding: 0 0 0 24px;}

#contact { width: 210px; float: right; background: #7b6766 url(images/contact.png) no-repeat bottom; color: white;}
  #contact h3 { background: url(images/contact-h3.png) no-repeat top; padding: 10px 10px 0 10px; height: 37px;}
  #contact ul { padding: 0 5px 0 10px;}
    #contact li { height: 24px; margin: 0 0 10px 0; padding: 0 0 0 25px; line-height: 20px;}
      #contact li a { color: #FFFFFF; text-decoration: none;}
      #contact li a:hover { text-decoration: underline;}

#telephone { background: url(images/contact-telephone.png) no-repeat top left;}

#email { background: url(images/contact-email.png) no-repeat top left;}

#recrutement { border: 1px solid #dddddd; background: white; float: right; width: 190px; padding: 0 9px; margin: 35px 0;}
  #recrutement h3 { color: #7b6766; padding: .5em 0; border-bottom: 1px solid #dddddd;}
  #recrutement p { font-size: 1.1em; line-height: 1.4em;}
  #recrutement .date { color: #e65127; margin: 1em 0 0 0; font-size: 1.2em; line-height: 1.6em;}
  #recrutement p.right-align { margin: 1.5em 0 .5em 0; color: #e65127;}
    #recrutement p.right-align a { padding: 0 15px 0 0; background: url(images/annonces-fleche.png) no-repeat right center; display: block; color: #e65127;}
  #recrutement a { text-decoration: none; color: #000;}
#recrutement a:hover { text-decoration: underline;}