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

body {
color:#002B78;
background:url(images/fond.gif);
}

a {color: #06f;}
a:hover {color: #FF6666;}
a.link_button {
color: #002B78;
border: 1px solid #002B78;
background-color: #F3F5F8;
}
a:hover.link_button {
background: #fff;
}

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

#container {
background:url(images/bandeau_fond.jpg) repeat-x !important;
width: 90%;
margin: 10px auto 0 auto;
padding: 0;
position: relative;
}

#header {
background:url(images/bandeau.jpg) top left no-repeat;
margin: 0;
padding: 90px 0 0 0;
}

#contenu {
margin: 0;
background: #fff;
padding: 5px;
}

#lang_bar {
right: 5px !important;
}

h1 {
font-size:14px;
line-height:24px;
margin:4px 0 0;
padding:0 4px;
text-transform:uppercase;
text-align: center;
}
/******************************************************************************
Forms
******************************************************************************/
fieldset {
border: 1px solid #a3cbf3;
}

fieldset legend {
text-transform:uppercase;
}

fieldset label {
}

/******************************************************************************
Elements
*******************************************************************************
Content
******************************************************************************/
#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:#e5e5e5 url(../images/onglet_bl_tl.jpg) no-repeat;
color: #fff;
}
#contenu .onglets li a:hover span, #contenu .onglets li.current a span {
background:#e5e5e5 url(../images/onglet_bl_tr.jpg) top right no-repeat;
}

#contenu h2, #contenu h3 {
color:#002B78;
background: url(images/titre.jpg);
text-transform:uppercase;
border: 1px solid #002B78;
border-bottom: 2px solid #002B78;
line-height: 21px;
height: 21px;
margin: 0;
padding: 0;
}

#contenu .tab_content {
background: #f0f0f0;
margin: 0;
padding: 0;
}

#contenu .box {
color: #006;
}

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

#contenu table.results thead td {
background:#ADBDD6;
text-transform:uppercase;
color:#002B78;
}

#contenu table.results tbody tr td {
background:#E0E0E0;
}

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

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

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


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

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

#contenu .boxy_list li.alt {
background: #ccc;
}

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

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

#contenu .popup {
background: #006;
}

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

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

#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 #e5e5e5;
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: #06f;
}

#contenu .box input, #contenu .box textarea {
background: #F3F5F8;
border: 1px solid #002B78;
color: #002B78;
}

#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: #e5e5e5;
border-color: #fff;
color: #006;
}

#contenu .pages li a {
color: #006;
}

#contenu .pages li.current a, #contenu .pages li.arrow a {
border: 1px solid #e5e5e5;
background: #dfe8f1;
}

#contenu .pages li a:hover {
border: 1px solid #006;
background: #dfe8f1;
}

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

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

/******************************************************************************
Menus
******************************************************************************/

.search_button, .cancel_button {
background-position: -3px 0 !important;
border: 1px solid #002B78;
color: #002B78;
width: 30%;
min-width: 90px;
margin 2px auto !important;
}

.search_button span, .cancel_button span {
background: #fff;
}

a:hover.search_button, a:hover.cancel_button {
border: 1px solid #00A;
color: #00A;
}

#footer p {
color: #fff;
font-size: 10px;
margin: 0;
text-align: center;
}


#contenu .bloc p {
border-bottom: 1px solid #002B78;
}
#contenu .bloc h6 {
background: #002B78;
color: #fff;
padding: 1px;
}