/******************************************************************************
			Page setting
			2007 / BDD pour l'offre territoriale / All rights reserved
			Brest Metropole Oceane / Technopole Brest Iroise / Diateam
*******************************************************************************
General
******************************************************************************/

/*
body {
color:#3E5058;
background-image : url(images/entete2.gif);
background-repeat : no-repeat;
background-position : 50% 5px;
padding : 120px 0px 0px 0px;
}
*/

a {color: #004A99;text-decoration : none;}
a:hover {color: #38BAD4;;text-decoration : underline;}
a.link_button {
background: #badafa;
border: 1px solid #fff;
}
a:hover.link_button {
background: #fff;
}

h2 a, h3 a {
background:url(images/menu_puce_2.gif) no-repeat;
}
h2.open a, h3.open a {
background:url(images/menu_puce_2.gif) 0 -12px no-repeat;
margin-right : 10px;
}
#menu h2.disabled a, #menu h2.disabled a:hover {
background:url(images/menu_puce_2.gif) bottom left no-repeat !important;
}

/******************************************************************************
Forms
******************************************************************************/
fieldset {
border: 1px none #004A99;
background-color : #F5F5F5;
margin-bottom : 5px;
}

fieldset legend {
text-transform:uppercase;
color : #B1C800;
background-color : #F5F5F5;
margin-left : 5px;
padding : 2px 10px;
}

fieldset label {
border-top: 1px dotted #a3cbf3;
}

/******************************************************************************
Bandeau non admin
******************************************************************************/
#header {
background: #333;
}

#header h1 {
margin:0;
padding: 10px 5px 5px;
color: #fff;
}

/******************************************************************************
Elements
*******************************************************************************
contenu
******************************************************************************/
#mask {
background: url(images/mask.gif);
}

#wait {
background: #fff url(images/wait.gif) left center no-repeat;
border:1px solid #999;
}

#contenu .onglets li a {
color: #ccc;
}

#contenu .onglets li a:hover, #contenu .onglets li.current a {
background:#74b4f4 url(images/onglet_bl_tl.jpg) no-repeat;
color: #fff;
}
#contenu .onglets li a:hover span, #contenu .onglets li.current a span {
background:#74b4f4 url(images/onglet_bl_tr.jpg) top right no-repeat;
}

#contenu h2, #contenu h3 {
color:#fff;
/*background: #333 url(../images/titre_tl.jpg) top left no-repeat;*/
text-transform:uppercase;
margin-bottom : 5px;
font-size : 11px;
font-weight : bold;
height : auto;
letter-spacing: 5px;
word-spacing: 5px;
}
#contenu h3 {
margin-top : 10px;
}
#contenu h2 {
background:url(images/sectionFd_main.gif) 0px 0px repeat-y;
background-color : #B1C800;
font-size : 16px;
}
#contenu h3 {
background:url(images/sectionFd.gif) 0px 0px repeat-y;
background-color : #E7E7E8;
}

#contenu h2 span, #contenu h3 span {
/* background:url(images/titre_tr.jpg) top right no-repeat; */
}

/*#contenu .tab_content .tab_content {*/

#contenu .tab_content {
background: #E8E8E8;
}

#contenu .tab_content.sub, #contenu .tab_content .tab_content {
background: transparent;
}

#contenu .tab_content {
/*background: #E8E8E8;*/
/*margin-bottom : 20px;*/
margin-bottom : 10px;
display : block;
width : 100%;
clear : both;
position : static;
}

#contenu .tab_content .bloc{
background: #E8E8E8;
}



#contenu .box {
color: #333;
}

#contenu .box .box {
color: #333;
}

#contenu table thead td {
background:#B1C800;
text-transform:uppercase;
color:#fff;
}

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

#contenu table tr tbody td {
background:#f1f1f1;
}

#contenu table tbody tr.alt td {
background:#e9e9e9;
}

#contenu table.results tbody tr:hover td , #contenu table tbody tr.selected td {
background:#abd0f4;
}

#contenu table.results tbody tr:hover.alt td, #contenu table tbody tr.alt_selected td  {
background:#9bc3eb;
}


#contenu h4 {
border-bottom: 1px solid #fff;
}

#contenu .boxy_list li {
background: #badafa;/*
border: 1px solid #fff;*/
background: #B2E1EA;
}

#contenu .boxy_list li.alt {
background: #a3cff9;
background: #94D7E4;
}

#contenu .boxy_list li.all {
background: #fff;
}

#contenu .boxy_list li:hover {
background: #fff;
}

#contenu .popup {
background: #333;
}

#contenu .popup h4 {
background: url(images/bg_popup_tl.gif) top left no-repeat;
color: #74b4f4;
}

#contenu .popup h4 span {
background: url(images/bg_popup.gif) top right;
color: #74b4f4;
}

#contenu .popup h4 .close_popup {
background: url(images/close_popup.gif);
}

#contenu .popup h4 a:hover.close_popup {
background: url(images/close_popup.gif) bottom left;
}

#contenu .popup_list li {
background: #5e9ad6;
border: 1px solid #3a73ad;
}

#contenu .popup_list li:hover {
border: 1px solid #74b4f4;
color: #000;
}

#contenu .boxy_list li a.take_off {
background: url(images/close.gif) bottom left no-repeat;
}
#contenu .popup .pages li {background: none;color:#666;}
#contenu a:hover.take_on {
background: url(images/ajouter.gif) top left no-repeat;
}

#contenu a.take_on {
background: url(images/ajouter.gif) bottom left no-repeat;
}


#contenu .boxy_list li a:hover.take_off {
background: url(images/close.gif) top left no-repeat;
}

#contenu .box p {
/*color: #fff;*/
color: #666666;
}

#contenu .box input, #contenu .box textarea {
/*background: #badafa;
border: 1px solid #fff;*/
background-color : #FFFFFF;
border : 1px #A2A2A2 solid;
color : #004A99;
font-size : 12px;
line-height : 12px;
padding : 2px;
font-weight : bold;
}

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

#contenu .popup .pages li a {
background: #444;
color: #ccc;
border-color: #555;
}

#contenu .popup .pages li.current a, #contenu .popup .pages li.arrow a {
background: #555;
color: #fff;
border-color: #666;
}

#contenu .popup .pages li a:hover {
background: #74b4f4;
border-color: #fff;
color: #333;
}

#contenu .pages li a {
/*color: #333;*/
color : #004A99;
border : none;
background : transparent;
}

#contenu .pages li.current a, #contenu .pages li.arrow a {
/*border: 1px solid #74b4f4;
background: #dfe8f1;*/
color : #38BAD4;
font-weight : bold;
border : none;
background : transparent;
}

#contenu .pages li a:hover {
/*border: 1px solid #333;
background: #dfe8f1;*/
color : #38BAD4;
border : none;
background : transparent;
}

#contenu a.open_button {
background: url(images/fleche_bas.jpg);
}

#contenu a.get_button {
background: url(images/plus.jpg);
}

/******************************************************************************
Surdefinitions
******************************************************************************/

#contenu {
  background-image : url(images/fd_site2.gif);
  background-position : 0px 100%;
  background-repeat : no-repeat;
  padding-bottom : 10px;
}

#container h1 {
  display : none;
}

#container {
  background-image : url(images/pied_de_page_bleu.gif);
  background-position : 100% 100%;
  background-repeat : no-repeat;
  padding-bottom : 38px;
  margin : 10px auto;
  width : 950px;
}

a.select_all, a.select_none {
border: 1px solid #004A99;
font-size: 9px;
background: #dfe8f1;
color:#004A99;
}
a:hover.select_all, a:hover.select_none {
border: 1px solid #38BAD4;
color: #38BAD4;
background: #dfe8f1;
}

#contenu .bloc {
padding: 2px 2px 1px 200px;
}
* html #contenu .bloc h6 {
left: -195px;
}

#contenu .bloc p,#contenu .bloc ul {
padding : 0px 5px;
margin: 0;
display : block;
list-style-type : none;
text-align : left;
}
#contenu .bloc ul li {
padding:0;
margin: 0;
display : block;
list-style-type : none;
text-align : left;
}

p.close {
text-align : right;
background-color : transparent;
background-image : none;
padding : 0px;
margin : 0px;
}
p.close a {
text-decoration : none;
font-size : 11px;
color : #888888;
}
p.close a:hover {
text-decoration : underline;
}

.search_button, .cancel_button, .save_button, .add_button, .delete_button,
.search_button_disabled, .cancel_button_disabled, .save_button_disabled, .add_button_disabled, .delete_button_disabled {
color: #004A99;
}

p.esPlus {
text-align : center;
background-color : transparent;
background-image : none;
clear : both;
margin : 0px auto 0px auto;
width : 150px;
padding : 0px;
}

p.esPlus a{
height: 30px;
line-height: 30px;
display: block; 
width: auto;
float: none;
font-size: 12px;
font-weight: bold;
padding-left: 30px;
margin: 5px 2px 5px;
text-decoration: none;
color: #74b4f4;
}
p.esPlus a span{
font-weight : bold;
text-align : center;
color : #90A300;
}
p.esPlus a:hover span{
font-weight : bold;
cursor : hand;
}

.search_button, .search_button_disabled {
background: #fff url(images/search_button_4.gif) top left no-repeat;
}
.cancel_button, .cancel_button_disabled {
background: #fff url(images/cancel_button_4.gif) top left no-repeat;
}
p.esPlus a {
background: #fff url(images/esp_button_4.gif) top left no-repeat;
}
.search_button span, .cancel_button span, p.esPlus a span,
.search_button_disabled span, .cancel_button_disabled span{
display: block;
background: transparent url(images/search_right_4.gif) top right no-repeat;
height: 30px;
line-height: 30px;
padding-right: 5px;
text-align: center;
}
.search_button span, .cancel_button span,p.esPlus a span {
background: #fff url(images/search_right_4.gif) top right no-repeat;
}
a:hover.search_button, a:hover.cancel_button, p.esPlus a:hover{
background-position: 0 -30px;
color: #38BAD4;
}
a:hover.search_button span, a:hover.cancel_button span, p.esPlus a:hover span{
background-position: 100% -30px;
color: #38BAD4;
}