/******************************************************************************
			Page setting
			2007 / BDD pour l'offre territoriale / All rights reserved
			Brest Metropole Oceane / Technopole Brest Iroise / Diateam
/******************************************************************************
Forms
******************************************************************************/
span {display:none;}
#zones_geographiques_tree span {display:inline;}
#poles_competences_tree span {display:inline;}

fieldset {
margin: 0;
padding: 2px;
position: relative;
}

.clear_left {
clear: left;
}
fieldset label {
font-weight:normal;
margin: 2px 5% 0;
display: block;
}
fieldset input,fieldset textarea {
margin: 0 5% !important;
width: 90% !important;
}
fieldset input.radioBox {
margin: 0 2px !important;
width: 11px !important;
}
fieldset label input {
display: inline !important;width: 12px !important;margin:0 !important;
}

.check {display: inline !important;width: 12px !important;margin:0 !important;}

h2 a, h3 a {
background:url(../images/menu_puce.jpg) no-repeat;
display:block;
float:left;
height:12px;
margin:5px 1px;
width:12px;
}

h2 a span, h3 a span {
display:none !important;
}

h2.open a, h3.open a {
background: #ff0 url(../images/menu_puce.jpg) 0 -12px no-repeat;
}

h2.open a.title {
display:block;
height:12px;
}

#menu ul.close {
display:none !important;
}

#menu h2.disabled a, #menu h2.disabled a:hover {
background:url(../images/menu_puce.jpg) bottom left no-repeat !important;
}

h4 {
font-size: 12px;
}

#lang_bar {
position: absolute;
top: 5px;
right: 50px;
z-index: 1001;
width: 300px;
height: 21px;
}

#logout {
position: absolute;
top: 2px;
right: 20px;
z-index: 1000;
width: 25px;
height: 21px;
}

#lang_bar a {
width: 17px;
height: 10px;
background-position: 0 -10px;
display: block;
float: right;
margin: 4px 2px;
}

#lang_bar a span {
display:block;
float:right;
height:10px;
width:17px;
margin:0;
background: url(../images/mask.gif);
}

#lang_bar a span:hover, #lang_bar a span.selected {
background: none;
}

#lang_bar a:hover, #lang_bar a.current {
background-position: 0 0;
}
/******************************************************************************
Elements
*******************************************************************************
contenu
******************************************************************************/
#mask {
position: absolute;
width: 100%;
height: 100%;
z-index: 200;
}

#wait {
position: absolute;
top: 50%;
left: 50%;
margin: -30px 0 0 -75px;
width: 150px;
line-height: 60px;
padding-left: 60px;
font-weight: bold;
text-align: center;
}

#contenu .onglets {
display: block;
overflow: hidden;
margin:0;
padding:0 0 0 3px;
height: 17px;
background: #333;
}

#contenu .onglets li {
padding:0;
height: 19px;
line-height: 19px;
display: inline;
float: left;
margin: 0 2px;
}

#contenu .onglets li a {
padding-left: 4px;
height: 19px;
line-height: 19px;
text-decoration: none;
font-weight: bold;
}

#contenu .onglets li a span {
padding-right: 4px;
display:inline;
}

#contenu .onglets li a:hover span, #contenu .onglets li.current a span {
display:inline;
}

#contenu h2, #contenu h3 {
font-size:12px;
height:24px;
line-height:24px;
margin:3px 0 0;
padding:0;
}

#contenu h2 span, #contenu h3 span {
padding:0 4px;
display: block;
}

#contenu h2.error span, #contenu h3.error span {
background: #c00;
padding:0 4px;
display: block;
text-transform: none;
}

#contenu h2.info span, #contenu h3.info span {
background: #393;
padding:0 4px;
display: block;
text-transform: none;
}

#contenu .toolbar li {
display: inline;
list-style-type: none;
}

#contenu .toolbar {
margin: 5px 2px 0;
padding:0;
}

#contenu .tab_content {
clear:both;
width: 100%;
position: relative;
}

#contenu .box {
float:left;
width:30%;
position: relative;
margin: 4px 1.5%;
font-weight: bold;
}

* html #contenu .box {
margin:4px 1.1%;
}

#contenu .tree {
float: right !important;
margin: 4px 1.5% 4px 0;
}

* html #contenu .tree {
margin: 4px 1.1% 4px 0;
}

#contenu .box .box {
float:left;
width:90%;
position: relative;
margin: 4px 1%;
font-weight: bold;
}

#contenu table {
font-size:11px;
width:100%;
border-collapse: collapse;
}

#contenu table thead td {
padding:0 2px;
text-transform:uppercase;
font-weight: bold;
}

#contenu table tr tbody td {
padding:0 2px;
}

#contenu .boxy_list {
position: relative;
padding:0;
margin:0;
font-weight: normal;
}

#contenu h4 {
margin:0;
padding: 2px;
}

#contenu .boxy_list li {
border-top: 0;
list-style-type: none;
}

#contenu .popup {
z-index: 9990;
position: relative;
width: 100%;
padding:0;
margin: 10px 0px;
font-weight: normal;
top: 10px;
}

#contenu .popup h4 {
height: 16px;
line-height: 16px;
overflow: hidden;
position: absolute;
top:-15px;
left:0;
width: 100%;
margin:0;
padding:0;
border: 0;
}

#contenu .popup h4 span {
display:block;
height: 16px;
line-height: 16px;
margin:0 0 0 3px;
padding:0;
border: 0;
}

#contenu .popup h4 .close_popup {
position: absolute;
top: 5px;
right: 3px;
margin:0;
display: block;
width: 6px;
height: 6px;
line-height: 6px;
}

#contenu .popup h4 .close_popup span{
display: none;
}

#contenu .popup p {
clear:both;
text-align: center;
margin: 0;
padding: 4px;
}

#contenu .popup_list li {
margin: 1px;
list-style-type: none;
}

#contenu .boxy_list li a.take_off {
z-index: 2000;
display:block;
float: right;
width: 8px;
margin: 3px;
height: 8px;
line-height: 8px;
}

#contenu .boxy_list li a.take_on {
z-index: 2001;
display:block;
float: right;
width: 8px;
margin: 3px;
height: 8px;
line-height: 8px;
}

* html #contenu .boxy_list li a.take_off,
* html #contenu .boxy_list li a.take_on {
position: absolute;
right:2px;
display:block;
width: 8px;
margin: 3px;
height: 8px;
line-height: 8px;
}

#contenu a.take_on span {
display: none;
}

#contenu .box p {
font-size: 9px;
font-weight: normal;
}

#contenu .box input, #contenu .box textarea {
font-size:11px;
margin: 1px;
}

#contenu .popup .boxy_list {
margin: 2px;
padding: 2px;
}

#contenu .popup .boxy_list li, #contenu .popup .boxy_list li.alt {
padding: 5px;
}

* html #contenu .popup .boxy_list li, * html #contenu .popup .boxy_list li.alt {
position: relative;
}

#contenu a.open_button {
width: 12px;
height: 12px;
display: block;
position: absolute;
top: 2px;
left: -20px;
}

html>/**/body #contenu .box li label {
display: block;
}

* html #contenu .box li label {
display: inline;
}

#contenu a.get_button {
width: 12px;
height: 12px;
display: block;
position: absolute;
top: 2px;
left: -20px;
}

#contenu .containerTableStyle td {
background: none;
}

#contenu .bloc {
padding: 2px 2px 1px 150px;
position: relative;
display: block;
}

#contenu .bloc h6 {
font-size: 11px;
position: absolute;
width: 145px;
left: 2px;
padding:0;
margin: 0;
}

* html #contenu .bloc h6 {
position: absolute;
left: -143px;
}

#contenu .bloc p, #contenu .bloc ul {
font-size: 11px;
margin: 0 0 2px;
padding: 0;
}
#contenu .box .bloc li {
margin-left: 20px;
}