/*
  Feuille de style annecy.org 2010 pour les services
  Elements du network
  25/02/10 - CITIA
*/

/* Menu network */
#menu_network {
}

div#menu_network h3  {
  margin : 0px !important;
}

#menu_network h3#mp_nw_home {
  margin: 0;
  height: 36px;
  width: 158px;
  display: block;
  text-indent: -9999px;
  padding: 0px !important;
}

h3#mp_nw_home a  {
  display: block;
  height: 36px;
  background: url(../interface/head_annecy_network.png) no-repeat 0 0;
  text-indent: -9999px;
}

h3#mp_nw_home a:hover  {
  background-position: 0px -36px;
}

img.footer_menu_network {
  position: relative;
  top : -8px;
}

div#menu_network .menu1 {
 margin-top: 0px;
} 

div#menu_network .menu1 ul li {
  margin: 0px;
}

div#blc_tags ul.tags_contacts li input {
  background-color: #fff;
}

a.picto_btn:hover {
  background-color: #7f7f7f;
}

/** Messagerie **/
ul.afficher {
  margin-top: 0px;
}

ul.liste_select li, ul.afficher li
{
  color:#8280B0;
}

ul.liste_select li a
{
  color: #96BD0D;
}

ul.afficher li a.num_page:hover {
  background-color: #464266;
}

ul.afficher li a.num_page.select
{
  color: #fff;
  font-weight: bold;
}

table.main_tab
{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #27253f;
}

table.main_tab tr.film  {
  cursor: pointer;
}

table.main_tab, table.main_tab tr td.cleaner {
  background-color: #1e1d32;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

table.main_tab tr.entetes th, table.main_tab tr td {
  padding-top : 5px;
  padding-bottom : 5px;
  text-align: left;
}

table.main_tab tr th, table.main_tab tr td {
  padding-left : 10px;
  border-bottom: #8e8dd2 1px dotted;
  vertical-align:middle;
}

table.main_tab th h6  {
  margin-left : 0px;
}

table.main_tab th h6 a, table.main_tab th a  {
  color:#96BD0D;
  position: relative;
  padding-left : 10px;
}

table.main_tab tr.message *
{
  color: #8e8dd2;
}

table.main_tab tr.message.msg_non_lu *  {
  color: #CDCCFF;
}

table.main_tab tre td, table.main_tab tr td h6
{
  font-size: 1em;
}

table.main_tab tr td a {
  text-decoration: none;
}

table.main_tab tr.msg_non_lu
{
  font-weight: bold;
}

div#messagerie h2 span
{
  color: #b1c903;
}

.bloc_survol > *
{
  background-color: #312e4f !important;
}

table.main_tab tr.entetes th a.asc span, 
table.main_tab tr.entetes th a.asc:hover span, 
table.main_tab tr.entetes th a.desc span, 
table.main_tab tr.entetes th a.desc:hover span  {
  background-image: url(../interface/sprite_annecy.png);
  background-repeat: no-repeat;
  width: 10px;
  height: 5px;
  display: inline-block;
  position: absolute;
  top : 5px;
  left : 0px;
  text-decoration: none;
}

table.main_tab tr.entetes th a.asc span {
  background-position: -100px -85px;
}
table.main_tab tr.entetes th a.asc:hover span  {
  background-position: -100px -90px;
}

table.main_tab tr.entetes th a.desc span  {
  background-position: -110px -90px;
}

table.main_tab tr.entetes th a.desc:hover span  {
  background-position: -110px -90px;
}

/*********************** Nouveau messages */
div#blc_destinataires {
  color : #cbcaff;
  background-color : #4c4a7c;
  border: 1px solid #0d0d1a;
}

div#blc_destinataires ul#liste_dest li input#chp_rech  {
  border: 0px;
  background-color : transparent;
}

div#blc_destinataires ul#choix_destinataire {
 background-color: #27253f;
 border : 1px solid #484473;
 z-index:999;
}

div#blc_destinataires ul#choix_destinataire li a  {
  color : #cbcaff;
  font-weight: normal;
 /* background-color: #4c4a7c;*/
}

div#blc_destinataires ul#choix_destinataire li a:hover {
  /*background-color: #8e8dd2;*/
  color: #96bd0d;
}
a.hover_dest  {
  /*background-color: #8e8dd2;*/
  color: #96bd0d !important;
}
div#blc_destinataires ul#liste_dest li.nom_dest:hover  {
  color: #ffffff !important;
  background-color: #4c4a7c;
}
div#blc_destinataires ul#liste_dest li.nom_dest a.picto_suppr {
  background-position: -60px 0px;
}

div#blc_destinataires ul#liste_dest li.nom_dest a.picto_suppr:hover {
  background-position: -60px -15px;
}

div#ct_messagerie, div#new_message, div.main_content
{
 /*  background-color: #181728;
 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  */
}

/*********************** Message unique */
.aff_message {
  border: 1px dotted #484373;
  border-top-width : 0px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-bottom: 5px;
  background-color: #181728;
}

div#aff_message h2 span {
  color : #4f4f4f;
}

.liste_onglets
{
  margin-left: 30px !important;
}

.liste_onglets li a
{
  text-decoration: none;
  font-weight: bold;
  display:inline-block;
  margin-left: 5px;
  padding: 0px 10px;
  height: 25px;
  line-height: 25px;
  background-color: #1F1D32;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.liste_onglets li a:hover, .liste_onglets li a.onglet_select
{
  background-color: #96BD0D;
}

a.old_msg
{
  background-color: #181728;
  padding-top: 4px;
  padding-bottom: 4px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border: 1px dotted #484373;
  border-bottom-width : 0px;
  text-decoration: none;
}

a.old_msg:hover {
  color: #fff;
}

.aff_message strong
{
  color: #8E8DD2;
}

div#blc_reponse {
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px dotted #484373;
  background-color: #282642;
  /*
  padding-top : 10px;
  padding-bottom : 10px;
  */
}

/*
.old_msgs
{
  border-left: solid #9391C0 1px;
}

.show_old_msgs
{
  color: #9391C0 !important;
}
*/
div#boite_message
{
  background-color: #8e8dd2;
  border: #1F1D32 solid 1px;
  color: #0d0d1a;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

div#boite_message h4  {
  color: #0d0d1a;
  margin-bottom : 0px;
}

div#boite_message a.croix_fermer  {
  position: absolute;
  top : 5px;
  right : 5px;
}

a.croix_fermer
{
  background: transparent url(../interface/sprite_annecy.png) no-repeat scroll -60px -40px;
}

a.croix_fermer:hover
{
  background-position: -60px -60px;
}

ul.select_scroll
{
  background-color:#27253F;
  border-color:#1F1D38;
  border-style:solid;
  border-width:1px;
 /*max-width: 300px;*/
}

ul.select_scroll li
{
  list-style-image: none;
  list-style-type: none;
}

div.blc_aff_pro
{
  background: none;
  z-index: 999;
}

div.blc_aff_pro ul li
{
  line-height: 30px;
}

div.blc_aff_pro div.blc_haut  {
  height: 15px;
  background: transparent url(../interface/blc_pro_haut.png) no-repeat top center;
}

div.blc_aff_pro div.blc_centre  {
  background: url(../interface/blc_pro_centre.png) repeat-y 0 0;
  padding : 0px 10px;
}

div.blc_aff_pro div.blc_bas
{
  height: 30px;
  background: transparent url(../interface/blc_pro_bas.png) no-repeat top center;
}

/* mes contacts*/
div.blc_mes_contact {
  background-color: #181728;
  -moz-border-radius: 5px;
  -webkit-border: 5px;
  border-radius: 5px;
  padding : 10px;  
  /*min-height : 150px;*/
}

div.blc_mes_contact img {
  float: left;
  margin-right : 5px;
}

div.blc_mes_contact ul  {
  list-style-type: none;
  margin : 0px;
  margin-bottom : 10px;
  padding-top : 5px;
  border-top: #8e8dd2 1px dotted;
}

div.blc_mes_contact ul li {
  /*height: 22px;*/
  margin-bottom : 2px;
}

/**/

/* Popup jAlert */
#popup_container
{
  min-width: 270px;
	border: 4px solid #27253f;
	color: #fff;
	background-color: #0d0d1a;
}

#popup_title
{
/*
	color: #97BE0F !important;
	background-color: #413E64 !important;
	border: solid 1px #000 !important;
	*/
}

#popup_content
{
	background-color: #0d0d1a;
	margin : 10px;
}

/* Nouveau formulaires */
input.elmt_form, select.elmt_form,  textarea.elmt_form, ul.select_scroll.elmt_form {
  margin: 0px;
  margin-top: 4px;
  padding: 1px;
  color: #cbcaff;
  background-color: #4c4a7c;
  border: 1px solid #4c4a7c;
  height : 16px;
}
select.elmt_form, input.elmt_form.input_file  {
  height: 22px;
}

textarea.elmt_form  {
  height: 75px;
}

textarea.elmt_form.h195  {
  height: 195px;
}

.elmt_form.liste_civ  {
  height: 24px;
  margin-top: 0px;
  padding : 0px;
}

input.elmt_form.input_file  {
  border : 0px  solid #181728 !important;
}


/* Styles listes carrefour [a basculer dans styles_network_annecy */
ul.liste_participants_seance  {
  list-style-type: none;
}

ul.liste_participants_seance li {
  border-top: 1px dotted #8e8dd2;
  display: block;
  padding : 5px;
  position: relative;
}

ul.liste_participants_seance li p {
  margin-left : 10px;
  color : #8e8dd2;
}

ul.liste_participants_seance li:hover {
  background-color: #1f1e35;
}

ul.liste_participants_seance li.hors_limite {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

ul.liste_participants_seance li.li_message p  {
  color: #fff;
}

ul.liste_participants_seance li.li_message:hover  {
  background-color: #181728;
} 

ul.liste_action {
  position: absolute;
  right : 10px;
  top : 0px;
}

ul.liste_action li  {
  float: left;
  border-top : 0px;
}

/* pictogrammes */
a.picto_profil, a.picto_message, a.picto_suppr, a.picto_add, a.picto_orga,
a.lien_profil span, a.lien_message span, a.lien_message_disable span, a.lien_suppr span, a.lien_add span, a.lien_orga span  {
  width: 20px;
  height: 20px;
  color: #fff;
  background: url(../interface/sprite_annecy_network.png) no-repeat;
  text-indent: -999em;
}

a.picto_profil, a.picto_message, a.picto_suppr, a.picto_add, a.picto_orga  {
    position: relative;
    display: block;
}

a.lien_profil, a.lien_message, a.lien_message_disable, a.lien_suppr, a.lien_add, a.lien_orga  {
  position: relative;
  padding-left : 23px;
  color:#8280B0;
  text-decoration: none;
}

a.lien_profil:hover, a.lien_message:hover, a.lien_suppr:hover, a.lien_add:hover, a.lien_orga:hover {
  color:#fff;
}


a.lien_profil span, a.lien_message span, a.lien_message_disable span, a.lien_suppr span, a.lien_add span, a.lien_orga span {
  margin-right : 5px;
  position: absolute;
  top : -2px;
  left : 0px;
  text-decoration: none;
  display: inline-block;
}

/* picto bck ou span dans le lien */
a.picto_profil, a.lien_profil span  {
    background-position: 0px 0px;
}

a.picto_profil:hover, 
a.lien_profil:hover span, a.lien_profil span:hover  {
  background-position: 0px -20px;
}

a.picto_message, a.lien_message span  {
    background-position: -20px 0px;
}

a.picto_message:hover, 
a.lien_message:hover span, a.lien_message span:hover  {
  background-position: -20px -20px;
}

a.lien_message_disable span, a.lien_message_disable span:hover  {
  background-position: -20px -40px;
}

a.picto_suppr, a.lien_suppr span  {
    background-position: -40px 0px;
}
a.picto_suppr:hover, 
a.lien_suppr:hover span, a.lien_suppr span:hover {
  background-position: -40px -20px;
}

a.picto_add, a.lien_add span  {
    background-position: -75px 0px;
}

a.picto_add:hover, 
a.lien_add:hover span, a.lien_add span:hover {
  background-position: -75px -20px;
}

a.picto_orga, a.lien_orga span  {
    background-position: -95px 0px;
}

a.picto_orga:hover, 
a.lien_orga:hover span, a.lien_orga span:hover {
  background-position: -95px -20px;
}


/* Boite dialogue OUI NON */
div#boite_dial_o_n  {
  border : 6px solid #26264d;
  background-color: #131326;
  padding : 10px;
}

div#boite_dial_o_n h4 {
  color: #fff;
}

/* tabs */
.ui-tabs .ui-tabs-nav li
{
  background-color: #11101c !important;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
  background-color: #181728 !important;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover
{
  background-color: #181728 !important;
}

.ui-tabs .ui-tabs-nav li a
{
  color: #7975b0 !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a
{
  color: #fff !important;
}
.ui-tabs .ui-tabs-panel
{
  background-color: #181728 !important;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;

}

.ui-widget-header
{
  color:#FFFFFF !important;
  font-weight:bold !important;
  background: none !important;
  border: none !important;
}

/* Datepicker */
#ui-datepicker-div
{
  outline: none;
  border: 1px solid #817eb8;
  background: #4c4a7c 50% 50% repeat-x;
  color: #cbcaff;
  font-weight: normal;
}

#ui-datepicker-div .ui-state-default a, #ui-datepicker-div .ui-state-default a:link, #ui-datepicker-div .ui-state-default a:visited
{
  color: #555;
  text-decoration: none;
  outline: none;
}

#ui-datepicker-div .ui-state-hover, #ui-datepicker-div .ui-widget-content .ui-state-hover, #ui-datepicker-div .ui-state-focus, #ui-datepicker-div .ui-widget-content .ui-state-focus
{
  background: #8e8dd2;
  font-weight: normal;
  color: #fff;
  outline: none;
}

#ui-datepicker-div .ui-state-hover a, #ui-datepicker-div .ui-state-hover a:hover
{
  color: #0d0d1a;
  text-decoration: none;
  outline: none;
}

#ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active
{
  border: 1px solid #aaaaaa;
  background: #ffffff;
  font-weight: normal;
  color: #212121;
  outline: none;
}

#ui-datepicker-div .ui-state-active a, #ui-datepicker-div .ui-state-active a:link, #ui-datepicker-div .ui-state-active a:visited
{
  color: #212121;
  outline: none;
  text-decoration: none;
}

#ui-datepicker-div .ui-corner-all
{
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#ui-datepicker-div .ui-widget-header
{
  border: 1px solid #aaaaaa;
  background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
  color: #222222;
  font-weight: bold;
}

#ui-datepicker-div .ui-icon
{
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

#ui-datepicker-div .ui-icon
{
  width: 16px;
  height: 16px;
  background-image: url(images/ui-icons_222222_256x240.png);
}

#ui-datepicker-div .ui-icon-circle-triangle-w
{
  background-position: -80px -192px;
}

#ui-datepicker-div .ui-icon-circle-triangle-e
{
  background-position: -48px -192px;
}

.ui-datepicker th
{
  color:#96BD0D;
}

.filtres_contacts li {
  margin-bottom : 5px;
  background-color: #27253f;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding : 2px 5px;
}

.filtres_contacts li .filtre
{
  padding-right : 20px;
}


/* tableau de bord */
div.blc_suggestion_nt h5 {
  font-size: 14px;
}

div.blc_suggestion_nt h6 {
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  background: url(../interface/pictos/fldb.png) no-repeat 0 3px;
  padding-left: 8px;  
  margin-left : 7px;
}

div.blc_suggestion_nt li  {
  margin-bottom : 10px;
  padding-bottom : 5px;
  border-bottom : 1px dotted #0d0d1a;
}

/* Notifications network */

ul.liste_feed li  {
  margin : 3px 0px;
  background-color: #1c1b2e;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}

ul.liste_feed li.no_bkg, ul.liste_feed li.no_bkg:hover  {
  background-color: #181728;
  cursor: default;
}
ul.liste_feed li:hover  {
  background-color: #3e3c69;
}

ul.liste_feed span.cat {
  color: #fff;
  font-weight: normal;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding : 1px 2px;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

ul.liste_feed li:hover span.cat {
  text-shadow:0.045em 0.045em 0.15em #4b4b4b;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

ul.liste_feed li a  {
  text-decoration: none;
  color: #fff;
}

ul.liste_feed li a span {
  font-weight: normal;
  color: #acabff;
}

.al_mess
{
  background: #be3df7;
}
/*
.al_mess:hover
{
  background: #c640ff;
}
*/
.al_recrutement
{
  background: #ff9c5f;
}
/*
.al_recrutement:hover
{
  background: #FFD07F;
}
*/
.al_rdv
{
  background: #e45c33;
}
/*
.al_rdv:hover
{
  background: #86ACEF;
}
*/
.al_echange
{
  background: #692af5;
}
/*
.al_echange:hover
{
  background: #FEFF9F;
}
*/
.al_film
{
  background: #f73d91;
}
/*
.al_film:hover
{
  background: #CF8181;
}
*/


#extrait
{
  width: 640px;
  height: 480px;
}

.fiche_film
{
  min-height: 160px;
}

ul.ui-sortable li h4
{
  cursor: move !important;
}

/* videotheque */
div#liste_video {

}

div#liste_video div.fiche_film {
  -moz-border-radius:5px 5px 5px 5px;
  background-color:#181728;
  padding:10px;
  margin-bottom : 10px;
}