
/* ombre légère sur tableau principal */
table.body {
 -moz-box-shadow: 0px 8px 16px #CCC;    /* mozilla */
 -webkit-box-shadow: 0px 8px 16px #CCC; /* chrome + safari */
 box-shadow: 0px 8px 16px #CCC;         /* opéra */
}

/* version "pro" */
table.body_pro {
 -moz-box-shadow: 0px 8px 26px #366AB1;    /* mozilla */
 -webkit-box-shadow: 0px 8px 100px #366AB1; /* chrome + safari */
 box-shadow: 0px 8px 100px #366AB1;         /* opéra */
}

/* taille de police générale */
body, div, td { font-size: 10pt; }

/* couleur de police des texte */
div, td, div.page_header {
  color: #252324;
}

/* Les liens */
a:link, a:visited { /*color: #004276;*/ text-decoration: none; }
a:hover { color: /*#CA0002*/ #CA4200; text-decoration: none; }

/* taille de police dans le cartouche des webcasts en page d accueil */
div.browse_event_entete { font-size: 8pt; }

/* pas de plus grosses taille de police pour les lightbox, car ascenceurs sinon */
#TB_window, #TB_window div { font-size: 12px; }
#TB_secondLine, #TB_window div { font: 10px; }

/* Bonjour, XXX */
a.hello { font-size: 13px; }

/* pas de plus grosses taille de police pour la deuxième barre de menus */
td.menu_user a.menu_item { font-size: 11px; }

/* taille de police l'intérieur des last news */
div.network_content td {
  font-size: 11px;
}

/* taille de police des liens à l'intérieur des last news */
div.network_content td a {
  font-size: 11px;
}

/* taille de police des libellés de bookmarking en vis-à-vis des cases à cocher */
td.profile td {
  font-size: 11px;
}
/* taille de police à l intérieur des onglets */
div.profile_content td, #event_intervenants {
  font-size: 12px;
}
td#webcast_description, td#webcast_description DIV, td#webcast_description P {
  font-size: 13px;
}

/* cartouches de résultats */
div.event_pages_top, div.browse_pages, div.group_pages_top
{
  background: white;
  border-top: 0px;
}

/* dans les onglets */
td.profile_tab a, td.event_tab a, td2.profile_tab a, td2.event_tab a, td.group_tab a, td2.group_tab a {
  font-size: 8pt;
  /*font-weight: normal;*/
}


/* bannière (pour forcer éventuellement la hauteur) */
tr.banniere {
  height: 130px;
  /* background: url(''); */
}


/*****************************************************************************************/
/* perso Jean 09/06/2010 */


/* police */
/*
html, body, div, td, div.page_header, td.home_menu1 a {
  font-family: georgia, sans-serif;
}
*/

/* couleur de fond */
body { background: transparent; }

/* corps du site */
td.site_body {
  padding: 0px 10px 0px 10px;
  background: transparent;
}

/* grosse image d'accueil : ne doit pas dépendre de la marge appliquée ci-dessus */
div.home_above_html {
  position: relative;
  left: -14px;
  top: -10px;
}

/* idem, mais avec l'autre gabarit */
/*
div.home_above_html_home_v2 {
  position: relative;
}
*/

/* Les gros titres */
div.page_header, div.cartouche_event a.main_event_link {
  color: #396280;
  font-size: 17pt;
}

/* Les encarts du genre "Nuage de chaînes" */
td.header, div.header, td.messages_header, .comment_headline,
td#se_debug_window_menu, div.album_headline,
td.blog_header, div.blog_headline,
td.event_header, div.poll_headline {
  font-size: 11px;
  color: white;
  background-image: url(images/tribune/tooltipC.png);
  border: 0px;

  background-position: left top;
  height: 35px;
  font-weight: bold;

  padding: 10px 0 0 15px;
  padding-top: 4px;
  color: #fff;
  text-shadow: 0.1em 0.1em #000;
  /*
  text-transform: uppercase;
  */
}
div.header a { color: #D30101; }

/* Coins haut gauche et haut droit arrondis dans les bandeaux des blocs du genre "Nuage de chaînes" */
td.header, div.header, td.messages_header, .comment_headline,
td#se_debug_window_menu, div.album_headline,
td.blog_header, div.blog_headline,
td.event_header, div.poll_headline {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  -webkit-border-radius: 0px;
}

/* pas de séparation entre les encarts */
div.spacer10 { margin-top: 0px; }
td.home_right div.spacer10 { margin-top: 10px; }

/* partie droite du newsfeed */
td.home_right {
    padding-top: 42px;
}


/* zone de recherche */
.zone_search {
  padding-bottom: 20px;
  padding-right: 10px;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  color: #3C3C3C;
}

/* zone de saisie pour la recherche */
input.search_text {
  background: white/* url(images/tribune/search.png)*/;
  height: 24px;
  border: 1px solid #C4C4C4;
  padding-left: 5px;
  font-size: 14px;
  font-weight: bold;
}

/* Les boutons */
input.button {
}

/* barre de menus principale */
td.top_menu, td.top_menu2 {
  border-color: #BBBBBB;

  height: 33px;
  margin-left: 4px;
  margin-right: 4px;
  border-right-width: 0px;
}

table#table_nav_bar {
  -moz-box-shadow: 4px 1px 2px #DDD;    /* mozilla */
  -webkit-box-shadow: 4px 1px 2px #DDD; /* chrome + safari */
  box-shadow: 4px 1px 2px #DDD;         /* opéra */
}

/* liens de la barre de menus principale */
a.top_menu_item {
  display: block;
  font-size: 10pt;
  font-weight: normal;
  text-transform: uppercase;
  text-shadow: 0.1em 0.1em #fff;
  /*height: 33px;*/
  /*width: 100%;*/
}
a.top_menu_item:link, a.top_menu_item:visited {
  color: #292525;
}

table#table_nav_bar a.volunteer { color: #0F970F; }
table#table_nav_bar a.volunteer:hover { color: white; }

div.top_menu_link_container a.top_menu_item_active,
div.top_menu_link_container_end a.top_menu_item_active,
a.top_menu_item:hover {
  color: #CA0002;
}

/* menus flottants issus de la barre de menus */
div.menu_item_dropdown a {
  color: #292525;
  background: #F7F5F5;
  font-size: 11px;
  font-weight: normal;
  /*border-left: 3px solid #2F4B59;*/
  border-left: 0px;
}
div.menu_item_dropdown a:hover {
  color: white;
  background: #CA0002;
  border-left: 0px;
  text-shadow: 0.1em 0.1em #333;
}

/* menu flottant entier */
div.menu_dropdown, div.submenuitem {
  border: 1px solid #BCBCBC;
}

/* Texte "Bonjour XXX" */
font.hello { color: #8DA4A7; }

/* zones et cases diverses */
tr.list_item2, td.profile_viewcomments_postcomment, div.browse_result, div.search_result1, tr.messages_unread, tr.list_item2, div.event_members_result, div.group_members_result {
  background-color: #F3F5F8;
}

/* style du prompteur (résumé ou tete d'intro d'un sujet) */
.prompteur {
/*
  padding: 10px;
  background-color: #F4F8FB;
  border: 1px solid #E7EDF5;
*/
}

/* couleur de fond des onglets */
td.tab2 {
  background: #F2F4F7;
}

/* liens vers page en mode brouillon */
div.menu_item_dropdown a.com_manager {
  color: green;
}

/* barres de séparation dans les menus */
div.separ_bas {
  border-bottom: 1px dotted #3E3E3E;
}
div.separ_haut {
  border-top: 1px dotted #3E3E3E;
}

/* séparations verticales entre menus plus claires */
div.top_menu_link_container, div.top_menu_link_container_end {
  border-left: 1px dotted #6A6A6A;
}
/* pas de séparation verticale à gauche du premier item du menu */
div.top_menu_link_container_begin {
  border-left: 0px;
}

/* pas de bordure droite à la barre de menus (à droite de "BLOGS") */
div.top_menu_link_container_end, div.not_end {
  border-right-width: 0px;
}


/* premier item d'une liste d'events */
div.event_first_item, div.event_first_item_tournage, div.event_first_item_task {
  padding: 10px 10px 15px 10px;
  border: 0px;
  margin-top: 15px;
  margin-bottom: 25px;
}

/* items suivants (= pas le premier) d'une liste d'events */
div.event_item, div.event_item_tournage, div.event_item_task {
  /*
  background: url(images/magnet/afterpost.jpg) no-repeat bottom center;
  */
  background: url(images/tribune/dot.png) repeat-x bottom;
  padding: 10px 10px 35px 10px;
  margin-bottom: 25px;
  text-align: left;
  border: 0px;
}

div.event_first_item, div.event_first_item_tournage, div.event_first_item_task,
{
  border-bottom: 3px solid #333333;
  /*
  background: url(images/magnet/afterpost.jpg) no-repeat bottom center;
  */
  border-radius: 0px;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  -webkit-border-radius: 0px;
}

/* zone de recherche "intra-menu" */
form.menu_search {
  vertical-align: top;
  width: 363px;
  height: 26px;
  padding: 0px;
  background: url(/images/tribune/search.png) no-repeat 342px 6px;
  border: 1px solid #A7A7A7/*#C4C4C4*/;
  -moz-box-shadow: 1px 2px 8px #EEE;    /* mozilla */
  -webkit-box-shadow: 1px 2px 8px #EEE; /* chrome + safari */
  box-shadow: 1px 2px 8px #EEE;         /* opéra */
}
input.menu_search {
  margin: 0px;
  float: normal;
  color: #4F4747;
  border: 0px;
  width: 240px;
  height: 26px;
  padding: 6px;
  font-size: 12px;
}
td.zone_search {
  text-align: right;
}

/* champ et bouton d'abonnement RSS footer */
/* champ de saisie de son email */
input.abonnement_rss {
  padding-left: 5px;
  border-radius: 11px 0px 0px 11px;
  -moz-border-radius: 11px 0px 0px 11px !important;
  -khtml-border-radius: 11px 0px 0px 11px !important;
  -webkit-border-radius: 11px 0px 0px 11px !important;
}

/* couleur de fond par défaut des zones permanentes de login et mot de passe */
.header_ident_input {
  background: #DCE4ED;
  color: white;
}
/* couleurs de police dans la banniere */
form.menu_search_color, label.menu_search_color, a.menu_search_color {
  color: #83ACC2;
}
/* zone de login dans la bannière */
#login_container {
  margin-right: 280px;
}

/* infos générales dans chaque item d'un liste d'events */
div.magnet_event_infos {
  text-align: left;
  font-family: Tahoma;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #979DA1;
}
div.magnet_event_infos a {
  color: #8D9BAB;
}
div.magnet_event_infos a:hover {
  color: #4777BE;
}

/* catégorie (type vidéo) */
div.boutons_actions_event div.browse_event_category {
  font-size: 9px;
  text-transform: uppercase;
}

/* vignettes events et avatars en page d'accueil */
/*
.browse_events_photo, .browse_events_video {
  border: 1px solid #B9C5C9;
  background-color: white;
  padding: 4px;
}
*/


/* sous-titre juste en dessous */
div.event_item_subtitle {
  padding-top: 5px;
  font-size: 14px;
  color: #383560;
  font-weight: normal;
}

/* item de menu "Autres types vidéos" */
div.other_video_types {
  background: #1E1E1E;
  color: #B5B5B5;
  font-size: 12px;
  padding-top: 6px;
  padding-left: 6px;
}

/* Les titres d'event dans les listes d'events */
a.gros_lien_event {
  text-decoration: none;
}
a.gros_lien_event font.titre_event_list {
  line-height: 28pt;
}
/* le titre de chaque webcast de la liste */
font.titre_event_list, a.gros_lien_event {
  font-weight: normal;
  /*color: #004276;*/
}

/* le titre du PREMIER webcast de la liste */
div.first_title font.titre_event_list, div.first_title a.gros_lien_event {
  font-size: 25.5pt;
}
a.gros_lien_event:hover font.titre_event_list {
  color: #CA0002;
}
font.titre_event_list {
  padding: 15px 0px 30px 0px;
  margin: 15px 0px 30px 0px;
}

/* Gros liens d'affinage en page d'accueil */
div.affinage_events {
/*
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 3px solid #333333;
*/
  padding: 10px;
  line-height: 18px;
  text-align: center;
  background: #FAFAFA;
  border: 1px solid #ECECEC;
  border-radius: 11px;
  -moz-border-radius: 11px !important;
  -khtml-border-radius: 11px !important;
  -webkit-border-radius: 11px !important;
}
div.affinage_events, a.affine_tournages, a.affine_webcasts {
  letter-spacing: 0px;
  font-weight: normal;
  color: #9C9898;
}
a.affine_tournages, a.affine_webcasts {
  font-size: 16px;
  text-decoration: none;
}
a.affine_tournages:hover, a.affine_webcasts:hover {
  color: #696565;
  text-decoration: underline;
}

div.affinage_events a.com_manager {
  color: #5B9951;
}

/* texte "affiner par" */
.affiner_par {
  padding: 2px 10px 2px 10px;
  margin-right: 10px;
  background: #9C9898;
  color: #FAFAFA;
  border-top: 0px dotted #DDDDDD;

  border-radius: 14px;
  -moz-border-radius: 14px;
  -khtml-border-radius: 14px;
  -webkit-border-radius: 14px;

  -moz-box-shadow: 0px 0px 20px #FFFFFF;    /* mozilla */
  -webkit-box-shadow: 0px 0px 20px #FFFFFF; /* chrome + safari */
  box-shadow: 0px 0px 10px #FFFFFF;         /* opéra */
}

div.past_tournages {
  background: #FAFAFA;
  border-top: 1px dotted #DDDDDD;
  border-bottom: 1px dotted #DDDDDD;
}

.affichage_par_thematique {
  margin-top: 20px;
}


/******************************************************************/
/* Encarts "Sujet les plus comentés" et "Derniers commentaires"   */
/******************************************************************/

/* à l'intérieur de ces encarts */
div.header { /* text-transform: uppercase; font-family: Tahoma, Sans-Serif; font-size: 14px; letter-spacing: 1px; */ }
div.header { padding: 0px; padding-left: 7px; padding-top: 6px; }
div.network_content td {  padding-top: 0px; }

div.header { padding-top: 6px; }
td.header { padding-top: 0px; }


/* EXTRA HEADER */
div.ds_header { border-bottom: 1px solid #BBBBBB; }

/* premier article en colonnes */

.first_title {
  padding-bottom: 15px;
  background: url(images/tribune/dot.png) repeat-x bottom;
  margin-bottom: 18px;
}

.first_event_item_subtitle {
  font-size: 19pt;
  font-weight: normal;
  padding-bottom: 4px;
}

div.first_article {
  font-size: 13pt;
}

td.first_article_col_1 {
  padding-right: 10px;
}

td.first_article_col_2 {
  padding-left: 10px;
}

td.first_article_col_2 div.first_article {
  padding-bottom: 12px;
  border-bottom: 1px dotted #DDDDDD;
  margin-bottom: 10px;
}

div.first_event_totalcomments {
  float: right;
  font-size: 11px;
}

div.first_event_read_more {
  float: left;
  font-size: 11px;
  text-transform: uppercase;
}

/* il y a ... jours */
.first_event_since {
  /*
  float: right;
  */
  display: inline;
  padding: 0px 0px 4px 10px;
  color: #5B9951/*#E73838*/;
  font-style: italic;
  font-weight: bold;
  font-size: 13px;
}

/* encart largeur 100% de bas de page */
div.bottom_area {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 5px solid #333333;
}

/* Encarts "PROCHAINS PLATEAUX PLANIFIÉS", etc */
.bottom_area_title, div.bottom_area div.header {
  background-color: #CA0002;
  color: white;
  padding: 10px 6px 4px 8px;
  font-family: Helvetica;
  text-align: left;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  height: 21px;
}
.bottom_area_title a,
.bottom_area_title a:visited,
.bottom_area_title a:hover {
  color: white;
}


.bottom_area_title a:hover, div.bottom_area div.header a:hover {
  text-decoration: underline;
}

.bottom_area_title_a_livrer {
  margin-top: 30px;
}

div.bottom_area div.header {
  display: inline;
  background-image: none;
  border: 0px;
  font-family: Helvetica;
  text-shadow: none;
}

div.bottom_area div.network_content {
  border: 0px;
}


div.bottom_area td.tribune_encart_droite div.header a { text-decoration: underline; }
div.bottom_area td.tribune_encart_droite div.header a:hover { text-decoration: none; }

/* moins de séparation entre les avatars dans encarts "X contributeurs" */
div.bottom_area td.portal_member {
  padding: 4px 4px 1px 0px;
}

/* n commentaires */
div.tribune_event_item_ago a { color: #898386; }
div.tribune_event_item_ago a:hover { color: #CA0002; }


/* derniers commentaires */
div.network_content ul li.li_last_comment {
  border-bottom: 1px dotted #DDDDDD;
}

/* Lien "Sponsoriser ?" */
div.tribune_event_item_sponsor { text-align: right; }
div.tribune_event_item_sponsor a { font-size: 11px; text-transform: lowercase; }


/* titres des encarts par type vidéos tout en bas de la page */
div.bottom_area div.bottom_area_pre_footer_title {
  display: block;
  height: auto;
  line-height: 25px;
  background-color: #F4F4F4;
  border: 1px solid #DDDDDD;
  border-radius: 0px;
  padding-left: 6px;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  -webkit-border-radius: 0px;
}
div.bottom_area div.bottom_area_pre_footer_title a { color: #444444; }
div.bottom_area_pre_footer_title a:hover { color: #777777; }



/* Jean 24/01/2011 : libellé event dans liste en mode blog */
div.cartouche_event a.main_event_link {
  font-weight: normal;
  /*font-size: 17pt;*/
  /*color: #004276;*/
  text-decoration: none;
}
div.cartouche_event a.main_event_link:hover { text-decoration: underline; }

/* Jean 24/01/2011 : libellé sujet parent + thema + chaîne dans liste en mode blog */
div.cartouche_event a.parent_link {
  /*color: #004276;*/
}

