/**
Styles simples
**/

body {
font-family: Verdana, arial;
font-size:11px;
text-align:center;
}

div.page{
margin-left:auto;
margin-right:auto;
width:994px;
}

a {color: black;}

a:hover{color: #666;}

p {
text-align:left;
line-height:18px;
}

form{display:inline;}

table {
font-family:arial;
font-size:11px;
}

textarea{border: 1px solid #999;}

input.textInput{border: 1px solid #999;}

ul{
list-style-type:none;
margin:0;
padding:2px;
}

ul.simple{
margin-left:15px;
padding:5px;
}

ul.simple li{
text-align:left;
float:None;
margin-left:32px;
padding:1px;
}

/* Spacer pour gérer le repositionnement après des élements 
flottants */
.spacer {
  clear: both;
  visibility:hidden;
  height:0;
  margin:0px;
  padding:0px;
}

/* éléments pour un tableau classique HTML */
table.basicTable{
width:98%;
margin:1%;
}

table.basicTable th {
text-align:center;
background-color:#faf9f4;
border-left: 2px solid #e2decd;
border-right: 2px solid #e2decd;
border-bottom: 2px solid #b3d4ff;
border-top: 1px solid #e2decd;
}

table.basicTable th.leftBasic {
border-bottom:1px solid #e2decd;
text-align:left;
}

table.basicTable td {
text-align:center;
border: 1px solid #e2decd;
background-color:white;
}

.basicRow{
height:14px;
width:100%;
}

/**
Styles liés à la toolbar
**/

div.topbar{
display:block;
text-align:left;
background-color:#faf9f4;
border: 1px solid #808080;
border-bottom:0;
height:64px;
background:url(/TT/images/logo.jpg) no-repeat;
background-position:6px;
}

.toolBarCol{
margin:0;
padding:0;
}

.toolBarCol li{
margin:0;
padding:0;
}

ul.toolbar{
margin:0;
padding:0;
}

ul.toolbar li{
float:left;
padding:24px 0 0 88px;
text-align:center;
}

.toolbar #logo{
text-align:center;
font-size:30px;
font-weight:bold;
color:black;
}

.toolbar #flags{
margin-left:4px;
}

.toolBarBanner{/*margin: 10 0 0 80;*/}

/* drapeaux */

#flags{text-align:center;}

#flags label{margin:4px;}

/* choix de la langue */

#lang{
text-align:center;
background-color:#e9e6d9;
}

#lang a{
display:block;
text-decoration:None;
margin:0px;
padding:5px;
}

#lang a:hover{
background-color:#d7d5c9;
}

#rubriques{
margin-bottom:12px;
}

#univers{
margin-bottom:4px;
}

/**
La boite de recherche
**/

.searchBox{
text-align:left;
background-color:#faf9f4;
border:1px solid #808080;
padding-top:8px;
padding-bottom:4px;
margin-top:16px;
}

.searchBox em{
font-style:normal;
display:block;
width:12em;
}

.searchBox table{border-collapse: collapse;}

.searchBox td{padding:0 10px;}


/**
La barre verticale sur la gauche (page de sélection et page de 
tableaux) 
**/

.leftSide, .leftSideActionPage{
position:relative;
float:left;
width:147px;
margin:7px 10px 10px 0;
background-color:#faf9f4;
border: 1px solid #808080;
text-align:center;
height:534px;
}

.leftSideActionPage{height:594px;}

.leftSide h1, .leftSideActionPage h1{
margin:0;
padding:4 20;
font-size:11px;
font-weight:normal;
text-align:center;
background-color:#B3D4FF;
}

.leftSide h1 img, .leftSideActionPage h1 img{margin-left:5px;}

/**
Fenetre de contenu en dessous de la zone de recherche 
**/ 
#content_div{
margin-left:auto;
margin-right:auto;
text-align:center;
position:relative;
float:left;
width:100%;
background-color:#333;
background:url(/TT/images/titre.jpg) no-repeat;
background-color:#333;
background-position:194px 34px;
}

/**
Zone principale d'affichage de la page
**/

.mainContent{
display:block;
float:left;
text-align:center;
margin-top:7px;
width:100%;
margin-bottom:20px;
}

.mainContent h2{
padding:2px;
margin:0px;
background-color:#faf9f4;
color:black;
font-size:14px;
font-weight:bold;
border: 1px solid #fcc247;
border-bottom: 2px solid #fcc247;
text-align:center;
}

.mainContent h3{
font-size:12px;
font-variant:small-caps;
margin:0px;
margin-bottom:12px;
padding-left:6px;
background-color:#b3d4ff;
}

.mainContent h4{font-size:11px;}

/**
Le cadre contenant le tableau
**/

.tableBox{
position:relative;
float:left;
width:700px;
}

/* titre de tableau */

h2.table_title{
padding:0px;
margin:8px 0;
background-color:#faf9f4;
color:black;
font-size:12px;
font-weight:bold;
border: 0px solid;
border-bottom: 0px solid;
text-align:left;
}


/** 
Cadre de délimitation des pages de choix des sélections et de choix 
multicritères
**/

#option_layout{width:600px;}

/* cadres contenant des combos */
.combo_line{
padding:1px;
padding-bottom:10px;
margin:0;
text-align:left;
}

/* entete des pages de choix des sélections, de choix multicritères */

.mainHead{
padding:4px;
background-color:#B3D4FF;
color:black;
border: solid 1px #808080;
border-bottom:None;
font-size:13px;
font-weight:bold;
text-align:center;
}

/* corps des pages de choix des sélections, de choix multicritères */

.mainBody{
text-align:left;
padding:4px;
height:auto;
background-color:#faf9f4;
color:black;
border:1px solid #808080;
}

/**
Cadre de contenu des pages d'administration
**/

.contentDefault{
padding:18px;
height:auto;
background-color:#faf9f4;
color:black;
border:1px solid #808080;
text-align:left;
}

/**
Cadre destiné à contenir les templates
**/

.importedContent{
padding:18px;
height:auto;
color:black;
border:1px solid #808080;
border-left:None;
border-right:None;
text-align:left;
margin-left :200px;
margin-right: 200px;
background-color: #FFF;
}

.importedContent img{
width:556px;
}

.importedContent h1{
font-size:22px;
}

.importedContent h2{
font-weight:default;
border:None;
text-align:left;
color: #163901; padding-bottom: 5px;
border-bottom: 1px dotted #163901;
background-color: #FFF;
margin-top: 30px
}

.importedContent h3{
font-weight:default;
border:None;
text-align:left;
background-color:#faf9f4;
}

.importedContent h4{
font-weight:default;
border:None;
text-align:left;
background-color:#faf9f4;
}

.importedContent ul{
list-style-type:None;
list-style-image:url(/TT/images/dot.jpg);
background-color:#F9F9F9;
border:1px solid #EEE;
margin:0 28px;
padding-top:12px;
}

.importedContent ul ul{
border:0;
}


.importedContent li
{
text-align:left;
float:None;
margin-left:32px;
margin-bottom:12px;
padding:1px;
line-height:18px
}


.importedContent em{
font-weight:bold;
font-style:normal;
}

/**
Styles inhérents à la liste des tableaux/actions
**/

.actions a{
display:block;
width:140px;
padding:2px;
text-align:left;
text-decoration:none;
}

.actions li.section{
font-weight:bold;
color:black;
text-align:left;
margin-top:4px;
}

.actions li{margin-bottom:6px;}

.actionSelected{font-weight:bold;}

.actionTitle{
text-align:left;
font-weight:bold;
color:black;
margin:8px;
}

.actionList{margin-top:36px;}

.actionList hr{
color: #fcc247;
background-color: #fcc247;
height: 1px;
border: 0;
margin: 5px;
}

/* simple espacement entre la barre du haut et les tableaux pour caler
la hauteur */

#visuspage_spacer{
height: 8px;
border:0;
margin:0;
padding:0;
}

/* conteneur de la barre de navigation entre les pages */

#navigationPath{
text-align:left;
margin-top:6px;
margin-bottom:4px;
font-size:12px;
color:#555;
}

/* pied de page */
#footer{
clear: both;
height: 30px;
margin-bottom: 0px;
border: 1px solid #666;
text-align: left;
background: url(/TT/images/css/sprite.png) repeat-x 0 0;
}

/* résumé des critères de recherche au dessus du tableau de sélection */
.criteriaSumary{
text-align:left;
margin-top:8px;
margin-bottom:4px;
overflow:auto;
font-variant:small-caps;
}

/* critères à l'interieur de la combo de choix des crières */
p.criteria{
text-align:left;
width:400px;
margin-left:46px;
}

/* flèche au dessus des cases à cocher */
#sel_down_arrow{
text-align:left;
margin:2px;
margin-left:3px;
}

div.contourSimple{
border:1px solid;
padding:0;
margin:5px;
}

/**
Formulaires de gestion des sélections
**/

#col_selection_1{
text-align:left;
float:left;
width:300px;
}

#col_selection_2{
text-align:left;
float:left;
width:285px;
overflow:auto;
}

/* cadre contenant les sélections enregistrées */
.selecteur{
height:260px;
background-color:white;
border:1px solid #808080;
margin:25px;
overflow:auto;
}

/* dossier selectionné */
.select_dossier{
font-weight:bold;
font-style:italic;
}

/**
Boite scrollable contenant l'arbre des critères de la page de 
sélection des critères
**/
div#criteria_layout{
height:350px;
width:590px;
overflow:auto;
}

/**
Style des chiffres DSH
**/

.em_dsh{
color:blue;
}
