/********************************************
 * Domaine : telmma.com
 *
 * Exploitant : Telmma
 *
 * Rôle : Feuille de style pages intérieures
 *
 * Auteur : Ultra-Fluide, copyright 2010
 ********************************************/

#content {background: url(images/content-page.png) top center no-repeat; }
  #content h1 {font-size: 2.7em;line-height: 1em;margin: 0 0 1em 0;}
    #content h1 .petit {font-size: .7em;}
  #content h2, #facebox h2 {font-size: 1.7em;line-height: 1.2em;color: #E65127;margin: 2em 0 .6em 0;text-transform: uppercase;clear: both;}
  #content h3 {color: #7b6766;font-size: 1.3em;margin: .5em 0;background: url(images/puce-orange.png) 0 3px no-repeat;padding: 0 0 0 20px;} 

  .ariane {color: #999999;font-size: 1em;margin: 0 20px 2em 20px;}
    .ariane a {color: #999999;text-decoration: none;}
    .ariane a:hover {text-decoration: underline;}

#left {float: left;width: 228px;font-size: 1.5em;}
/* Menu */
  #left ul {font-size: 1em;}
    #left ul a {color: #999999;text-decoration: none;border-bottom: 1px solid #cccccc;display: block;padding: 0 0 .3em 0;font-weight: bold;}
    #left ul a:hover, #left ul .active a:hover {background: #f7f7f7 url(images/menu-focus-orange.png) right center no-repeat;color: #E65127;}
    
    #left ul ul {font-size: .8em;font-weight: normal;}
      #left ul ul a {border: 0;padding: .5em 0;}
      #left li li {border-bottom: 1px dotted #cccccc;}
        #left li li li {border-bottom: 0;padding: 0 0 0 20px;background: #FFF url(images/puce-grise.jpg) 5px 9px no-repeat;zoom: 1;}
        #left li li li:hover, #left li li li.active:hover {background: #f7f7f7 url(images/menu-puce-orange.png) 5px 9px no-repeat;}
        #left li li li.active {background: #f7f7f7 url(images/menu-puce-noire.png) 5px 9px no-repeat;}

  #left .active {color: #000;background: #f7f7f7 url(images/menu-focus-noire.png) right center no-repeat;}
    #left .active ul a {color: #000;background: #FFF;}
    #left .active li a {color: #999999;background: #FFF;}

#right {float: right;width: 660px;padding: 0 10px 0 0;}
  #right a {color: #E65127;}
  #right ul, #facebox ul {list-style: disc inside;line-height: 1.6em;margin: 1em 0 1em 1em; }
  #right p, #facebox p { margin: .6em 0 1em 0;}
  #right p.date { margin: 0; }
    #right .date a, #right h3 a { color: #555555;}

/* Schema */
/*table { text-align: center; font-size: 1.1em;}
  table table { border: 1px dotted #CCCCCC; width: 100%;font-size:1em;}
  td, th { padding: 2px; }
  table table td { border: 1px solid #999999; }
  table table td.no-border {border: 0;}
  table table a { display: block;text-decoration:none;}
  table table a:hover {text-decoration: underline;}
  th { font-weight: normal;vertical-align: top;border: 1px dotted #CCCCCC;}
  table table th { border: 0;} 
    th strong {font-size: 1.2em;}*/

/* Schema */
#schema {line-height: 1.3em;border-collapse:collapse;color:#685553;}
#schema .relation {color: #B3B2B2;}
#schema th {font-weight: normal;}
#schema th strong {font-weight: bold;font-size:1.1em;text-transform:uppercase;}
#schema a {text-decoration: none;}
#schema a:hover {text-decoration: underline;}
#schema .tab-title {background:url(images/tab-title.png) bottom left no-repeat;height:20px;}
#schema .border-brun {border:#685553  1px solid; padding: 5px;}
#schema .border-brun table {border-collapse: separate;}
#schema .fleche-mandant {background:url(images/fleche-mandant.png) no-repeat center;width: 100px;}
#schema .patrimoine {width:140px;}
#schema .fleche-gere-orange {background: url(images/fleche-gere-orange.png) left center no-repeat;padding:0 0 65px 28px;}
#schema .inter-unique {background: url(images/fleche-inter-unique.png) 20px center no-repeat; height: 60px; text-align: center;}
#schema .vide {width: 70px;}
#schema .telmma {border-bottom: 1px solid #E85127; width: 100%;border-collapse:collapse;}
#schema .telmma th strong {text-transform: uppercase; color: #E85127;margin:-2px -3px 0 -3px;padding: 10px 0 0 0;display: block; background:#FFF url(images/tab-encadre.png) bottom right no-repeat;font-size:1.1em;}
#fonctions {width:135px;border-left: 1px solid #E85127;}
#fonctions table { background: url(images/tab-fonction.png) right bottom no-repeat;border-collapse: separate;}
#fonctions td {border: 1px solid #685553;text-align: center;margin: 2px 0 0 0; padding: 1px;}
#fonctions .link {border: 1px solid #E85127;}
.telmma .appui-conseil {background: url(images/fleche-appui-conseil.png) no-repeat center center; width: 55px; height: 30px;text-align: center;}
.telmma .appui-conseil-legende {vertical-align:bottom;width: 55px;}
#responsables { width: 360px;vertical-align:top;padding:35px 0 0 0;}
#responsables .responsable {text-align: center; border: 1px solid #685553;height: 30px;width: 125px;}
#responsables table {width: 100%;}
#dia1, #dia2 {width: 120px; height: 60px;}
#dia1 {background: url(images/fleche-dia-1.png) no-repeat right center;border-right:50px solid #FFFFFF;}
#dia2 {background: url(images/fleche-dia-2.png) no-repeat left center;}
#res-patrimoine {margin: auto;padding: 0 80px 0 135px;}

/* Popup*/
#facebox {width:400px;position: absolute;top: 0;left: 0;z-index: 100;text-align: left;background:white;padding:2em;border: 1px solid #CCCCCC;}
  #facebox h2 {margin: 0 0 .6em 0; }
.notice { border-top: 1px solid #CCCCCC; font-size: .9em; margin: 2em 0 0 0;}
.hide .notice { display: none;}
.thin { width: 120px;}
.fat {height: 150px;}
.middle-size {height: 60px;background: url("images/fleche.png") no-repeat scroll 15px center;}
.fleche-hr {width: 50px;background: url("images/fleche-hr.png") no-repeat 0 15px;}
#facebox_overlay {background: rgba(30,30,30,.5);position: fixed;top: 0px;left: 0px;height:100%;width:100%;z-index:20;}
/* Maps */
.tx-wecmap-pi1 { float: right;margin: -50px 0 1em 0; border: 1px solid #7B6766;}