/* CSS Commun pour les services */
/* JCL 25/11/2010 */
#header span  {
  position: absolute;
  right: 0px;
  bottom: 15px;
  font-size: 0.9em;
}

#header span a  {
  font-size: 1.1em;
  font-weight: bold;
}

.pagination
{
    list-style-image: none;
    margin-left: 0px;
}

.pagination li { 
  float: left;  
}

.pagination li a {  
  text-decoration: none;  
  display: block;  
  padding: 0px 4px;
}

.pagination li a:hover, .pagination li a.select  {
  background-color: #a8a5a5;
  color: #fff;
  font-weight: bold;
}

.pagination li a.select {
  background-color: #757575;
}


/* Boutons de navigation */
.pagination li a.pg_debut, .pagination li a.pg_prec, .pagination li a.pg_suiv, .pagination li a.pg_fin {
    position: relative;
    width: 7px;
    height: 11px;
    padding: 3px 4px;
    text-decoration: none;
}
.pagination li a.pg_debut span, .pagination li a.pg_prec span, .pagination li a.pg_suiv span, .pagination li a.pg_fin span {
    display: block;
    width: 7px;
    height: 11px;
    background-image: url(../interface/sprite_common.png);
    text-decoration: none;
}


.pg_debut:visited, .pg_prec:visited, .pg_suiv:visited, .pg_fin:visited {
  text-decoration: none;
}

.pg_debut span {  background-position: -61px -48px; }
.pg_debut:hover span {  background-position: -89px -48px; }

.pg_prec span { background-position: -68px -48px; }
.pg_prec:hover span { background-position: -96px -48px; }

.pg_suiv span { background-position: -75px -48px; }
.pg_suiv:hover span { background-position: -103px -48px; }

.pg_fin span {  background-position: -82px -48px; }
.pg_fin:hover span {  background-position: -110px -48px; }

/* Liste action  simple */
.act_liste  {
  list-style-image: none;
  margin-left: 0px;
}

.act_liste li {
  margin-bottom : 5px;
}
/* Liste action standards */
.liste_act_std
{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  vertical-align: middle;
  margin-left: 0px;
  list-style-image: none;
}

.liste_act_std li { 
  float: left;
}
.liste_act_std li a 
{
  padding: 4px 10px;
  background-color: #757575;
  color: #f1f1f1;
  text-decoration: none;
  font-size: 0.9em;
  border-right: 1px solid #3d3d3d;
  border-left: 1px solid #b0b0b0;
}

.liste_act_std li a:hover, .liste_act_std li a.over
{
  background-color: #898989;
  color: #fff;
}

.liste_act_std li:first-child a 
{
  border-left-width:0px;
  font-weight: bold;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
}

.liste_act_std li:last-child a 
{
  border-right-width: 0px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
}

li.selection_mess a img 
{
  position: relative;
  top: -2px;
  left: 4px;
}

li.selection_mess { position: relative; }

li.selection_mess input 
{
  position: relative;
  top: 2px;
  margin: 0px;
  padding: 0px;
}

ul#selectionner
{
  list-style-image: none;
  position: absolute;
  top: 20px;
  left: 5px;
  margin-left: 0px;
}

ul#selectionner li
{
  float: none;
  height: 26px;
}

ul#selectionner li a
{
  display: block;
  width: 60px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom: 1px solid #757575;
  background-color: #8e8e8e;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

ul#selectionner li a:hover, ul#selectionner li a.selected  { 
  background-color: #fafbc9;
  color: #3d3d3d;
}

ul#selectionner li:last-child a 
{
  border-bottom-width: 0px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
}
/* Messagerie */
/* Boite ajout contact message */
div#blc_destinataires {
  position: relative;
  cursor: text;
  background-color: #F0F0F0;
  border: 1px solid transparent;
  color: #636363;
  min-height: 21px;
}

div#blc_destinataires ul#liste_dest {
  margin: 0;
  padding: 0;
  list-style-image: none;
  border: 0px;
  background-color : transparent;
}

div#blc_destinataires ul#liste_dest li {
  float: left;
  margin-left: 2px;
  margin-bottom: 1px;
  margin-top:1px;
  top: 3px
  height: 22px;
}
/*div#blc_destinataires ul#liste_dest li:first-child { margin-left: 0px; }*/

div#blc_destinataires ul#liste_dest li.nom_dest {
  position: relative;
  padding : 2px 15px 2px 4px;
  background-color: #636363;
  color: #f2f2f2;
}

div#blc_destinataires ul#liste_dest li input#chp_rech  {
  width: 100px;
  border: 0px;
  display: inline;
  margin : 0px;
  padding : 0px;
  z-index : 500;
  background-color: transparent;
  font-family: Arial;
  border: 0px;
  margin-left : 5px;
}

div#blc_destinataires ul#liste_dest li a.btn_fermer_petit_negatif  {
  top: 5px;
  right: 2px;
}

div#blc_destinataires ul#choix_destinataire {
  padding : 0px;
  position: absolute;
  top : 23px;
  left : -1px;
  margin-left : 0px;
  border-width: 0px;
  z-index:999;
}

div#blc_destinataires ul#choix_destinataire li
{
  list-style-type: none;
  display:block;
}

div#blc_destinataires ul#choix_destinataire li:last-child a {
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
div#blc_destinataires ul#choix_destinataire li a  {
  padding : 3px 5px;
  text-decoration: none;
  display: block;
  font-weight: normal;
  background-color: #696868;  
  color: #e8e8e8;
  border-top: 1px solid #909090;
  border-bottom: 1px solid #505050;
}

div#blc_destinataires ul#choix_destinataire li a:hover, div#blc_destinataires ul#choix_destinataire li a.hover_dest { 
  background-color: #575757;
  color: #fff;
}

div#blc_destinataires ul#liste_dest li.nom_dest:hover  {
  /*background-color: #757575;*/
}

/* File upload */
#file_upload  {
  position: relative;
  left: -137px;
  height: 18px;
  cursor: hand;
  /*
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  */
}
#message  {
  min-height: 200px;
  max-width: 538px;
}

#blc_reponse  { position: relative; }

/* Tableau de résultats */
table.main_tab
{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


table.main_tab {
  background-color: #d2d2d2;
  padding-top : 5px;
  padding-bottom : 5px;
  text-align: left;
}

table.main_tab tr.entetes
{
  background-color: #c2c2c2;
}


table.main_tab tr th, table.main_tab tr td {
  padding : 5px;
  padding-left : 10px;
  border-bottom: #585858 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:#272727;
  position: relative;
  text-decoration: none;
  padding-left : 15px;
}

table.main_tab tr.message *
{
  color: #3a3a3a;
}

table.main_tab tr.bloc_survol, table.main_tab tr.message.msg_non_lu.bloc_survol td { 
  cursor: pointer; 
  background-color: #eeeeee; 
}

table.main_tab tr.message.msg_non_lu td  {  background-color: #e3e3e3;  }

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.message td strong, strong.edition_prec { color: #ba2d01; }
table.main_tab tr.msg_non_lu  {  font-weight: bold; }

ul.liste_attach  {
  margin-left: 0px;
  margin-top : 10px;
  list-style-image: none;
}

ul.liste_attach li  {
  position: relative;
  background-color: #B1C800;
  padding: 4px;
  margin-bottom : 5px;
}

ul.liste_attach li a.btn_fermer_commun  {
  top: 8px;
  right: 8px;
}


/*************************
  Liste des participants
**************************/
div.blc_mes_contact {
}

div.blc_mes_contact h6 {
  margin-top : 0px;
}

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;
}

div.blc_mes_contact ul li {
  margin-bottom : 2px;
}

/*************************
  Liste des participants : Affichage détaillé d'un utilisateur
**************************/
.blc_aff_pro
{
  display: none;
  margin-left:70px;
  min-height:100px;
  position:absolute;
  width:330px;
  padding: 10px;
  z-index: 999;
  background-color: #eeeeee;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 2px 2px 6px #5b5b5b;  
  -webkit-box-shadow: 2px 2px 6px #5b5b5b;  
  box-shadow: 2px 2px 6px #5b5b5b;  
}

div.blc_aff_pro img {
  float: left;
  margin-right: 10px;
}

div.blc_aff_pro ul
{
  float: left;
  list-style-type: none;
  list-style-image : none;
  margin-left: 0px;
}

div.blc_aff_pro ul li
{
  margin-bottom : 5px;
}

.filtres_contacts {
  list-style-type: none;
  list-style-image: none;
  margin-top : 10px;
  margin-left: 0px;
  /*width: 298px;*/
}

.filtres_contacts li  {
  margin-bottom : 5px;
  padding : 7px 10px;
  position: relative;
  background-color: #c4c4c4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


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

/*************************
  Vidéothèque : 
**************************/
div#extrait {
  width: 650px;
  height: 490px;
}
/*************************
  messagerie : Affichage d'un mesage
**************************/
a.old_msg {
  display: block;
  padding: 5px 20px;
  text-decoration: none;
  background-color: #c3c3c3;
  border-top: 1px solid #e6e6e7;
}

a.old_msg:hover { background-color: #cccccc;  }

a.old_msg:first-of-type  {
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top: 0px;
}

a.old_msg:last-of-type  {  padding: 10px 20px;  }
a.old_msg span  {  float: right;  }

div.blc_mess  {
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #e6e6e7;
  padding: 10px 20px;  
}

div.aff_message {
  margin : 20px;
}

#duree_rdv  {
  width: 83px;
}

/********************
 Boite de dialogue
 ********************/
div#boite_dial_o_n ul {
  list-style-image: none;
  margin-left: 0px;
}

div#boite_dial_o_n ul li  {
  float: left;
  margin-right : 25px;
}


/*************************
  Tableau de bord
**************************/
ul#liste_feed { 
  list-style-image: none;  
  margin-left: 0px;
}

ul#liste_feed li {
  border-bottom: 1px solid #c3c3c3;
  border-top: 1px solid #e6e6e6;
  background-color:#d7d7d7;
  cursor:pointer;
  padding: 4px 6px;
}

ul#liste_feed li:first-child  {  border-top: 0px; }
ul#liste_feed li:last-child  {  border-bottom: 0px; }

ul#liste_feed li:hover  { 
  border-color: #d4d4d4;
  background-color: #ddd;
}

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

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

ul#liste_feed span.cat {
  color: #fff;
  font-weight: normal;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding : 1px 3px;
}

ul#liste_feed li a  { text-decoration: none;  }
ul#liste_feed li a span { font-weight: normal;  }

.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;  }

/********************
 CSS messagerie
 ********************/
/*
div#messagerie {

  padding: 0px;
}

div#messagerie h4 {
  margin-left : 0px;
}

div#messagerie ul#actions li a {
  margin-right : 5px;
}

div#messagerie ul#selectionner li a {
  padding : 2px;
  padding-left : 2px;
}

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

ul.afficher li {
  float: left;
}

ul.afficher li.act {
  margin : 2px 1px;
  display: block;
  width : 13px;
  height : 13px;
}

ul.afficher li a.num_page  {
  display: block;
  text-decoration: none;
  width : auto;
  min-width: 14px;
  height : 16px;
  text-align: center;
  padding-left: 2px;
}

table.main_tab  {
  margin-top : 10px;
  margin-bottom : 10px;
}

table.main_tab table th {
  text-align: left;
}

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

table.main_tab tr.message, table.main_tab tr.ligne {
  cursor: pointer;
}

table.main_tab tr td  {
   padding-top : 1px;
   vertical-align: middle;
}

table.main_tab tr td.cleaner {
  height: 1px;
  margin : 0px;
  padding : 0px;
  border-bottom-width : 0px;
  
}

table.main_tab input  {
  border: 0px;
  background-color: transparent;
}

div#messagerie div.cleaner_trait  {
  width: 100%;
}

div#boite_dial_o_n  {
  text-align: center;
}

div#boite_dial_o_n input, div#boite_dial_o_n a  {
  margin : 0 10px;
}



.old_msgs
{
   padding-left: 5px;
   margin-left:0px !important;
}
*/
/**********************
 MES CONTACTS
**********************/
/*
div#blc_tags {
  margin-top : 20px;
}

div#blc_tags ul.tags_contacts {
  list-style-type: none;
}

div#blc_tags ul.tags_contacts li {
  display: inline;
  margin-right : 20px;
}

div#blc_tags ul.tags_contacts li h3 {
 float : left;
 margin-top : 5px;
}

div#blc_tags ul.tags_contacts li input {
  vertical-align: middle;
  border: 0px;
  margin : 5px;
}

div#blc_tags a#ajouter_filtre  {
  float: right;
}

div#mes_contacts h2 img {
  position: relative;
  top : 15px;
}

a.picto_btn {
  display: inline-block;
}

a.picto_btn.ml_24 {
  margin-left: 24px;
}

a.croix_fermer  {
  display: inline-block;
  width : 20px;
  height : 20px;
  text-decoration: none !important;
}

#boite_dialogue ul li
{
  list-style-type: none;
  vertical-align: middle;
  line-height: 25px;
}

#boite_dialogue h3, #boite_dialogue h4
{
  margin: 0px !important;
}

.liste_act_std
{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  vertical-align: middle;
  line-height: 18px;
  margin-left: 0px;
}


.liste_onglets
{
  height: 25px;
}

.liste_onglets li
{
  display: inline;
}

.main_content tr td
{
  padding: 5px;
}
*/
/*********************** Nouveau messages */
/*
div#nouveau_message {
  position: relative;
}
div#nouveau_message h4  {
  margin-left : 0px;
}

div#nouveau_message input {
  width: 120px;
}

div#nouveau_message a.btn_fermer  {
  position: absolute;
  right : 10px;
  top : 10px;
}

div#nouveau_message input.btn_action  {
  border: 0px;
  width: 450px;
  margin-top : 10px;
}

div#nouveau_message textarea {
  height : 200px;
}

.main_content tr td
{
  padding: 5px;
}


*/
/*********************** Message unique */
/*

div#aff_message h2 span {
  font-size: 0.85em;
  font-family: Arial, Verdana, Helvetica, Trebuchet;
}

div#aff_message p.corps_mess  {
  margin-top : 20px;
  font-size: 1.2em;
}

a.btn_fermer  {
  position: absolute;
  right : 23px;
  top : 50px;
}
*/
/** Profil pro **/
/*
ul.select_scroll {
  height:90px;
  margin-bottom:10px;
  margin-top:5px;
  overflow:auto;
  text-align:left;
}

.blc_aff_pro
{
  display: none;
  margin-left:70px;
  min-height:100px;
  position:absolute;
  width:330px;
  padding: 5px;
  z-index:20;
}

div.blc_aff_pro ul
{
  list-style-type: none;
  margin-left: 0px;
}

.logo
{
  padding-right: 5px;
}

ul.liste_mb_soc
{
  float:left;
  margin-top:15px;
  width:250px;
  list-style-type: none;
}

ul.liste_mb_soc > li
{
  font-size:1.1em;
  height:150px;
  margin-bottom:10px;
}

#add_dest_contact
{
  display: inline-block;
}

#logo_soc
{
  width: 120px;
  height: 120px;
}
*/