/* $Id: styles.css 65 2009-02-20 03:03:23Z john $ */


/* GLOBAL STYLES */

html { 
    min-height: 99%;
    /*margin-bottom: 1px;*/
}
body {
    background: #FFFFFF;
    position: relative;
    text-align: center;
    font-size: 8pt;
    margin: 0px; 
}

table.body {
   width: 1100px;
}

p {
    margin: 0px;
    padding: 0px;
}

div, td {
    font-family: tahoma, "Trebuchet MS", arial, serif;
    font-size: 8pt;
    color: #555555;
    line-height: 140%;
}

td.top_menu {
    background-image: url(../images/topbar_bg.gif); 
    background-repeat: repeat-x; 
    border-top: 1px solid #CCCCCC; 
    border-bottom: 1px solid #BBBBBB;
}

td.top_menu2 {
    /*width: 20%; */
    text-align: right; 
    border-right: 1px solid #BBBBBB; 
    border-top: 1px solid #CCCCCC; 
    border-bottom: 1px solid #BBBBBB; 
    background-image: url(../images/topbar_bg.gif); 
    background-repeat: repeat-x;
}

div.top_menu_link_container, div.top_menu_link_container_end {
    float: left;
    height: 31px;
    border-left: 1px solid #CCCCCC;
}

div.top_menu_link_container_end {
    border-left: 1px solid #CCCCCC;
}

/* Jean 09/06/2010 */
div.not_end {
  border-right: 1px solid #CCCCCC;
}

div.top_menu_link {
    font-weight: bold;
    font-size: 10pt;
    padding-top: 5px;
    padding: 6px 10px 0px 10px;
}

div.top_menu_link_loggedin {
    height: 25px;
    text-align: right;
    font-weight: bold;
    font-size: 10pt;
    padding-top: 5px;
    padding: 6px 0px 0px 10px;
}

div.menu {
    width: 150px; 
    border: 1px solid #CCCCCC; 
    border-left: 3px solid #7391a8;
    background: #EEEEEE; 
    padding: 0px 0px 10px 10px;
    margin-right: 10px;
}

div.menu_header {
    margin-top: 10px;
    margin-bottom: 7px;
}

td.menu_user {
    background-image: url(../images/menu_user.gif); 
    background-repeat: repeat-x; 
    background-color: #FFFFFF;
    padding: 5px 10px 5px 10px; 
    border: 1px solid #CCCCCC; 
    border-top: none; 
    text-align: left;
}

div.menu_item {
    float: left;
    padding-right: 10px;
    font-weight: bold;
    background: none;
}

div.menu_sep {
    padding: 2px 0px 0px 10px;
    float: left;
    background: none;
}

img.menu_icon {
    display: block;
    float: left; 
    margin-right: 4px;
}

img.menu_icon2 {
    margin-bottom: -3px;
    margin-right: 4px;
}

div.menu_arrow {
    padding: 2px;
    float: left;
}

div.menu_item_dropdown {
    background: #FEFEFE;
}

div.menu_item_dropdown a {
    padding: 3px 40px 5px 7px;
    font-weight: normal;
    border-left: 3px solid #DDDDDD;
    display: block;
    background: transparent;
}

div.menu_item_dropdown a:hover {
    padding: 3px 40px 5px 7px; 
    font-weight: normal;
    background: #F2F2F2;
    border-left: 3px solid #BBBBBB;
    text-decoration: none;
    display: block;
}



/* Jean 08/03/2010 : Sous-menus */
div.submenuitem a {
}
div.submenuitem a:hover {
}



/* Jean 06/03/2010 */
div.separ_bas {
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
}
div.separ_haut {
    border-top: 1px solid #CCCCCC;
    width: 100%;
}
div.espacement {
    height: 6px;
}

div.menu_dropdown {
    border: 1px solid #CCCCCC; 
    border-top: none; 
    background-color: #DDDDDD; 
    position: absolute; 
    margin-top: 6px;
    margin-left: -11px;
    z-index: 99;
    width: auto; 
    white-space: nowrap; 
}

td.topbar1 {
    padding-bottom: 5px;
}

td.topbar2, td.topbar2_right {
    background-image: url(../images/menu_bg.gif); 
    background-repeat: repeat-x; 
    font-weight: bold; 
    font-size: 11pt; 
    padding: 10px 10px 8px 15px; 
    color: #FFFFFF;
    border-bottom: 1px solid #31537D;
}

td.topbar2_right {
    font-weight: normal;
    padding: 10px 15px 8px 10px; 
    text-align: right;
}

td.content {
    vertical-align: top;
    text-align: left;
    background: #FFFFFF;
}

div.content {
    width: 1092px; 
    padding: 10px 0px 20px 0px; 
    text-align: left; 
    margin-left: auto; 
    margin-right: auto;
    background-color: white;
}

div.copyright {
    background: #EEEEEE; 
    padding: 4px; 
    text-align: right; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 20px; 
    color: #444444;
    border-top: 1px solid #AAAAAA;
}

div.page_header {
    font-size: 15pt;
    color: #555555;
    margin-bottom: 0px;
    font-family: Arial, verdana, serif;
}

td.header {
    padding: 4px 5px 5px 6px;
    border: 1px solid #DDDDDD;
    font-weight: bold;
    background-image: url(../images/header.gif);
    background-repeat: repeat-x;
    color: #333333;
}

div.header {
    padding: 4px 5px 5px 6px;
    border: 1px solid #DDDDDD;
    font-weight: bold;
    background-image: url(../images/header.gif);
    background-repeat: repeat-x;
    color: #333333;
}

div.newupdates {
    position: absolute; 
    height: 31px; 
    width: 150px; 
    margin: 0px;
    background-image: url(../images/newupdates_rev_green.png); 
    background-repeat: no-repeat;
}

div.newupdates_content {
    text-align: left;
    padding: 2px 5px 5px 10px;
    color: #FFFFFF;
}

/* Jean 19/03/2010 */

/* petite infobulle des notifications */
div.newupdates_container { top: -26px; }

/* Image transparente par dessus la bannière pour le retour à l'accueil */
img.img_trans_ret_accueil {
  width: 420px;
  height: 120px;
}


div.box {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-top: none;
    padding: 10px;
}

td.shadow {
    background-image: url(../images/shadow.gif); 
    background-repeat: repeat-x; 
    padding-bottom: 5px;
}

input.text, input.text_small {
    border: 1px solid #AAAAAA;
    font-family: arial, verdana, serif;
    font-size: 9pt;
    color: #333333;
    vertical-align: middle;
    padding-left: 2px;
}

input.text_small, font.text_small {
    font-size: 8pt;
}
font.text_small {
    font-weight: normal;
}
input.search {
    vertical-align: middle; 
    background-image: url(../images/search.gif); 
    background-repeat: no-repeat; 
    color: #555555; 
    font-size: 12pt; 
    padding-left: 23px; 
    font-weight: bold;
    font-family: arial, verdana, serif;
}

input.button, input.round_button {
    font-family: arial, verdana, serif;
    font-size: 8pt;
    padding: 3px;
    color: #333333;
    font-weight: bold;
    background: #EEEEEE;
    vertical-align: middle;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #777777;
    border-right: 1px solid #777777;
}
input.round_button {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
input.radio, input.checkbox {
    vertical-align: middle;
}

textarea {
    border: 1px solid #AAAAAA;
    font-family: arial, verdana, serif;
    color: #333333;
    padding-left: 2px;
    font-size: 10pt;
}

select, select.small {
    color: #333333;
    font-family: arial, verdana, serif;
    font-size: 9pt;
    vertical-align: middle;
    margin-top: 1px;
}
select.small, select.just_small {
    font-size: 8pt;
}
.icon {
    vertical-align: top;
    margin-right: 5px;
}
.icon2 {
    vertical-align: top;
    margin-right: 1px;
}
.icon_big {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

img.photo, div.photo {
    border: 1px solid #DDDDDD;
}

div.small, font.small {
    font-size: 7pt;
    font-family: arial, serif;
}

div.small {
    font-size: 8pt;
}

font.big {
    font-size: 9pt;
    font-family: verdana, arial, serif;
    font-weight: bold;
}

font.bold {
    font-weight: bold;
}

font.disabled {
    color: #AAAAAA;
}

form {
    margin: 0px;
}

div.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.error {
    vertical-align: middle;
    color: #FF0000;
}

div.spacer10 {
    margin-top: 10px;
    height: 0px;
    font-size: 1pt;
}

img.button {
    display: block;
    float: left; 
    margin-right: 4px;
}

a:link { color: #336699; text-decoration: none; }
a:visited { color: #336699; text-decoration: none; }
a:hover { color: #3399FF; text-decoration: underline; }

a.top_menu_item:link { color: /* Jean 05/05/2009 #31949B*/#777777; text-decoration: none; }
a.top_menu_item:visited { color: /* Jean 05/05/2009 #31949B*/#777777; text-decoration: none; }
a.top_menu_item:hover { color: /* Jean 05/05/2009 #5F7D81*/#444444; text-decoration: underline; }

a.menu_item:link { color: #3c718f; text-decoration: none; }
a.menu_item:visited { color: #3c718f; text-decoration: none; }
a.menu_item:hover { color: #60b1df; text-decoration: underline; }

/* taille des liens de notif */
a.newupdates:link { font-size: 11px; }

a.newupdates:link { color: #F2F2F2; text-decoration: none; }
a.newupdates:visited { color: #F2F2F2; text-decoration: none; }
a.newupdates:hover { color: #FFFFFF; text-decoration: underline; }

a.copyright:link { color: #336699; text-decoration: none; }
a.copyright:visited { color: #336699; text-decoration: none; }
a.copyright:hover { color: #3399FF; text-decoration: underline; }

a.portal_signup:link { color: #336699; text-decoration: none; }
a.portal_signup:visited { color: #336699; text-decoration: none; }
a.portal_signup:hover { color: #437ab1; text-decoration: none; }

label:hover { color: #3399FF; text-decoration: underline; }


/* Jean 31/01/2010 */
div.browse_event_entete {
  font-size: 9pt;
  line-height: 17px;
}









table.tabs {
    margin-bottom: 10px;
}
td.tab {
    background: #FFFFFF;
    padding-left: 1px;
    border-bottom: 1px solid #CCCCCC;
}
td.tab0 {
    font-size: 1pt;
    padding-left: 7px;
    border-bottom: 1px solid #CCCCCC;
}
td.tab1 {
    border: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: none;
    font-weight: bold;
    padding: 6px 8px 6px 8px;
}
td.tab2 {
    background: #F8F8F8;
    border: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    font-weight: bold;
    padding: 6px 8px 6px 8px;
}
td.tab3 {
    background: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    padding-right: 12px;
    width: 100%;
    text-align: right;
    vertical-align: middle;
}













table.list {
    width: 100%;
    border: 1px solid #DDDDDD;
    border-bottom: none;
}

td.list_header {
    background: #EEEEEE;
    font-weight: bold;
    padding: 3px 5px 3px 7px;
    border-bottom: 1px solid #DDDDDD;
    vertical-align: middle;
}

tr.list_item1 {
    padding: 5px 7px 5px 7px;
    border-bottom: 1px solid #DDDDDD;
}

tr.list_item2 {
    padding: 5px 7px 5px 7px;
    background: #F5F5F5;
    border-bottom: 1px solid #DDDDDD;
}

td.form1 {
    padding: 12px 0px 5px 10px;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}
td.form2 {
    padding: 10px 0px 5px 10px;
}

div.form_desc {
    font-size: 8pt;
    padding: 5px 0px 5px 0px;
}
div.form_error {
    margin-bottom: 10px;
    color: #FF0000;
}
div.success {
    line-height: 16pt;
}
td.button {
    text-align: left;
    border: 1px solid #DDDDDD;
    border-left: 5px solid #DDDDDD;
    background: #FFFFFF;
    padding: 7px 8px 7px 6px;
    font-weight: bold;
}
div.button {
    font-weight: bold;
}
td.result {
    font-weight: bold;
    text-align: center;
    border: 1px dashed #CCCCCC;
    background: #FFFFFF;
    padding: 7px 8px 7px 7px;
}
td.error {
    font-weight: bold;
    color: #FF0000;
    text-align: center;
    padding: 7px 8px 7px 7px;
    background: #FFF3F3;
}
td.success {
    font-weight: bold;
    padding: 7px 8px 7px 7px;
    background: #f3fff3;
}

/* STYLES FOR AD BANNERS */
div.ad_top {
    padding: 10px;
    text-align: center;
}
div.ad_belowmenu {
    padding: 0px 0px 10px 0px;
    text-align: center;
}
div.ad_left {
    padding: 10px 10px 10px 0px;
    vertical-align: top;
    text-align: center;
}
div.ad_right {
    padding: 10px 0px 10px 10px;
    vertical-align: top;
    text-align: center;
}
div.ad_bottom {
    padding: 10px 0px 0px 0px;
    text-align: center;
}

/* STYLES FOR RECENT ACTION */
.recentaction_div_media {
    padding: 10px 10px 10px 20px;
}
.recentaction_div_media img {
    max-width: 300px;
    width: expression(this.width > 300 ? 300: true);
}
img.recentaction_media {
    float: left;
    margin: 3px; 
    border: solid 1px #777777;
}
.recentaction_div {
    padding: 10px 20px 10px 20px;
    position: relative; 
    max-height: 125px;
    max-width: 300px; 
    overflow: auto;
}
/* IE7 MAX-HEIGHT/MAX-WIDTH HACK */
*:first-child+html .recentaction_div {
    overflow: visible;
    overflow-y: expression(this.scrollHeight > 125? "auto" : "hidden" );
    overflow-x: auto;
    padding-bottom: 25px;
    height: expression(this.scrollHeight > 125? "125px" : "auto" );
    width: expression(this.scrollWidth > 300? "300px" : "auto" );
}
/* IE6 AND UNDER MAX-HEIGHT/MAX-WIDTH HACK */
html>body .recentaction_div {
    overflow: visible;
    overflow-y: expression(this.scrollHeight > 125? "auto" : "hidden" );
    overflow-x: auto;
    padding-bottom: 25px;
    height: expression(this.scrollHeight > 125? "125px" : "auto" );
    width: expression(this.scrollWidth > 300? "300px" : "auto" );
}
.recentaction_div img {
    max-width: 300px;
    width: expression(this.width > 300 ? 300: true);
}




/* STYLES FOR FRIEND SUGGEST FEATURE */
.suggest_item a {
    padding: 3px 3px 3px 5px; 
    background: #F7F7F7; 
    border-bottom: 1px solid #CCCCCC;
    width: 181;
    display: block;
}
.suggest_item a:hover {
    background: #003366;
    color: #FFFFFF;
}
div.suggest {
    position: absolute; 
    background-color: #FFFFFF; 
    text-align: left; 
    border: 1px solid #AAAAAA;
    padding: 0px;
    display: none;
} 
a.suggest:link { color: #555555; text-decoration: none; }
a.suggest:visited { color: #555555; text-decoration: none; }
a.suggest:hover { color: #FFFFFF; text-decoration: none; }



/* LOGIN PAGE */
td.login_middle {
    vertical-align: middle;
    text-align: center;
    padding-bottom: 30px;
    font-weight: bold;
    font-size: 16pt;
}
td.login_right {
    vertical-align: middle;
    text-align: center;
    padding-bottom: 30px;
}








/* PORTAL PAGE (HOME.PHP) */
div.portal_spacer {
    height: 10px;
}
div.portal_content {
    border: 1px solid #DDDDDD;
    border-top: none;
    padding: 10px;
    background: #FFFFFF;
}
td.portal_text {
    vertical-align: top; 
    padding: 10px 20px 10px 10px;
}
table.portal_table {
    margin-bottom: 10px;
}
div.portal_login {
    padding: 25px 10px 25px 10px;
    background: #FFFFFF; 
    text-align: center;
    font-weight: bold;
    border: 1px solid #DDDDDD;
}
td.portal_member {
    padding: 10px 7px 10px 7px;
    text-align: center;
    font-weight: bold;
}
div.portal_action {
    padding: 6px 6px 6px 6px; 
    border-top: 1px solid #DEDEDE; 
}
div.portal_action_top {
    padding: 6px 6px 6px 6px; 
}
div.portal_action_date {
    float: right; 
    color: #999999;
    padding-left: 5px;
}
div.portal_whatsnew {
    border: 1px solid #DDDDDD;
    padding: 4px 10px 4px 10px;
}
div.portal_signup a, div.portal_signup a:hover {
    font-size: 14pt; 
    line-height: 0px;
    text-align: center; 
    padding: 8px 15px 5px 7px; 
    background-image: url(../images/portal_join_bg.gif); 
    background-repeat: repeat-x;
    border: 1px solid #FFFFFF;
    display: block;
}
div.portal_signup_container1 {
    border: 1px solid #CCCCCC;
}
div.portal_signup_container1:hover {
    border: 1px solid #AAAAAA;
}














/* WHATS NEW PAGE */
td.home_left {
    vertical-align: top;
    text-align: left;
    padding-right: 10px;
}
td.home_right {
    vertical-align: top;
}
td.home_stats {
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    text-align: center;
    vertical-align: middle;
}
td.home_menu {
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
}
td.home_menu1 {
    font-weight: bold;
}
td.home_notification {
    text-align: left;
    border: 1px solid #DDDDDD;
    background: #FFFFFF;
    padding: 7px 8px 7px 6px;
}
div.home_photo {
    border: 1px solid #DDDDDD;
    padding: 5px;
    background: #FFFFFF;
    margin-bottom: 10px;
}
td.home_box {
    border: 1px solid #DDDDDD;
    border-top: none;
    padding: 8px;
    background: #FFFFFF;
}
table.home_menu {
    border: 1px solid #DDDDDD;
    border-bottom: none;
    margin-bottom: 10px;
}
td.home_menu1 a {
    background-color: #FFFFFF;
    background-image: url(../images/menu_bg1.gif);
    background-repeat: repeat-y;
    background-position: top right;
    border-bottom: 1px solid #DDDDDD;
    padding: 5px 5px 5px 7px;
    font-size: 8pt;
    font-family: tahoma, "Trebuchet MS", verdana, arial, serif;
    display: block;
}
td.home_menu1 a:hover {
    background-color: #F5F5F5;
    background-image: url(../images/menu_bg2.gif);
}
div.home_action {
    padding: 6px 6px 6px 6px; 
    border-top: 1px solid #DEDEDE; 
}
div.home_action_top {
    padding: 6px 6px 6px 6px; 
}
div.home_action_date {
    float: right; 
    color: #999999;
    padding-left: 5px;
}
div.home_whatsnew {
    border: 1px solid #CCCCCC; 
    padding: 5px 10px 5px 10px;
}
div.home_updated {
    font-size: 7pt;
    color: #888888;
    padding-top: 2px;
}












/* WHATS NEW - MY NETWORK PAGE */
div.network_content {
    border: 1px solid #DDDDDD;
    border-top: none;
    padding: 8px;
}



div.extra_colmn {
    border: 1px solid #DDDDDD;
    border-top: none;
    padding: 8px;
}
















/* VIEW PROFILE PAGE */
td.profile {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-top: none;
    padding: 5px 7px 5px 7px;
    margin-bottom: 12px;
}
td.profile_leftside {
    padding-top: 5px;
    vertical-align: top;
}
td.profile_rightside {
    padding-left: 10px;
    padding-top: 5px;
    vertical-align: top;
}
div.profile_field_value {
    max-width: 500px;
    overflow: auto;
}
/*
tr.profile_field_tr{
    margin-top:10px;
}
*/
tr.profile_field_tr td {
    padding-top: 8px;
}
div.profile_friend_photo {
    float: left; 
    width: 90px; 
    text-align: center; 
    border: 1px solid #DDDDDD;
}
div.profile_friend_info {
    float: left; 
    padding-left: 10px;
}
div.profile_friend_options {
    text-align: right; 
    padding-left: 10px;
}
div.profile_friend_name {
    font-size: 10pt;
    font-weight: bold;
}
div.profile_friend_details div {
    color: #888888;
    font-size: 7pt;
}
div.profile_image {
    float: left;
    padding: 5px;
    text-align: center;
    width: 111px;
}
div.profile_bar {
    padding: 0px;
    margin-top: 15px;
    margin-bottom: 10px;
}
td.profile_item1 {
    padding: 5px 0px 5px 0px;
    text-align: center;
    vertical-align: top;
}
td.profile_item2 {
    padding: 5px 5px 5px 5px;
    vertical-align: top;
}
div.profile_comment_author {
    float: left;
    padding: 5px 7px 5px 7px;
    background: #F1F1F1;
    border-top: 1px solid #AAAAAA;
}
div.profile_comment_date {
    text-align: right;
    padding: 5px 7px 5px 7px;
    background: #F1F1F1;
    border-top: 1px solid #AAAAAA;
}
div.profile_comment_body {
    clear: left;
    padding: 5px 7px 5px 7px;
    overflow: auto;
    max-width: 550px;
}
/* IE7 MAX-HEIGHT/MAX-WIDTH HACK */
*:first-child+html .profile_comment_body {
    overflow: visible;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 25px;
    width: expression(this.scrollWidth > 550? "550px" : "auto" );
}
/* IE6 AND UNDER MAX-HEIGHT/MAX-WIDTH HACK */
html>body .profile_comment_body {
    overflow: visible;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 25px;
    width: expression(this.scrollWidth > 550? "550px" : "auto" );
}
div.profile_comment_body img {
    /* Jean 15/12/2010 : plus de redim auto de l'image */
    /*
    max-width: 550px;
    */
    width: expression(this.width > 475 ? 475: true);
}
div.profile_comment_links {
    text-align: right;
    padding-right: 7px;
}
table.profile_menu {
    border: 1px solid #DDDDDD;
    border-bottom: none;
}
td.profile_menu1 a, div.nolink {
    background-image: url(../images/menu_bg1.gif);
    background-color: #FFFFFF;
    background-repeat: repeat-y;
    background-position: top right;
    border-bottom: 1px solid #DDDDDD;
    padding: 5px 5px 5px 7px;
    font-size: 8pt;
    display: block;
}
td.profile_menu1 a:hover {
    background-color: #F5F5F5;
    background-image: url(../images/menu_bg2.gif);
    text-decoration: none;
}
td.profile_photo {
    vertical-align: middle; 
    text-align: center; 
    border: 1px solid #DDDDDD;
    padding: 5px;
    background: #FFFFFF;
    /* Jean 11/01/2011 */
    /*height: 150px;*/
}
td.profile_viewcomments_postcomment {
    padding: 10px 16px 10px 16px;
    border: 1px solid #CCCCCC;
    background: #F5F5F5;
}
div.profile_postcomment {
    border: 1px solid #BBBBBB;
    background: #F4F4F4;
    margin-bottom: 10px;
    padding: 10px 14px 8px 10px;
}
.comment_area {
    font-family: "Lucida Sans", verdana, arial, serif;
    color: #888888; 
    width: 100%;
    /*height: 40px;*/
}
div.profile_action {
    padding: 0px 0px 5px 0px; 
    border-bottom: 1px solid #EAEAEA; 
    margin-bottom: 5px;
}
div.profile_action_bottom {
    padding-bottom: 2px;
}
div.profile_action_date {
    color: #999999;
    float: right;
    padding-left: 5px;
}




td.profile_tab a {
    background-color: #F5F5F5;
    background-image: url(../images/whiteline.gif);
    background-repeat: repeat-x;
    background-position: top left;
    padding: 7px 10px 7px 10px;
    border: 1px solid #AAAAAA; 
    border-left: none;
    font-weight: bold; 
    display: block;
}
td.profile_tab a:hover {
    background-color: #F8F8F8;
    background-image: url(../images/whiteline.gif);
    background-repeat: repeat-x;
    background-position: top left;
    padding: 7px 10px 7px 10px;
    border: 1px solid #AAAAAA; 
    border-left: none;
    font-weight: bold; 
    display: block;
}
td.profile_tab2 a {
    background-color: #FFFFFF;
    background-image: url(../images/whiteline.gif);
    background-repeat: repeat-x;
    background-position: top left;
    padding: 7px 10px 8px 10px;
    border: 1px solid #AAAAAA; 
    border-left: none;
    border-bottom: none;
    font-weight: bold; 
    display: block;
}
td.profile_tab2 a:hover {
    background-color: #FFFFFF;
    background-image: url(../images/whiteline.gif);
    background-repeat: repeat-x;
    background-position: top left;
    padding: 7px 10px 8px 10px;
    border: 1px solid #AAAAAA; 
    border-left: none;
    border-bottom: none;
    font-weight: bold; 
    display: block;
}
#profile_tabs_profile { 
    border-left: 1px solid #AAAAAA;
}
td.profile_tab_end {
    border-bottom: 1px solid #AAAAAA;
}







/* à l'intérieur des onglets */
div.profile_content {
  background-color: white;
  /*
  padding: 10px; 
  */
  border: 1px solid #AAAAAA;
  border-top: none;
}
div.profile_headline, div.profile_headline2 {
    font-size: 10pt; 
    margin-bottom: 7px;
    font-weight: bold;
}
div.profile_headline2 {
    margin-top: 10px;
}














/* BROWSE PAGE */
td.browse_field {
    padding: 5px;
}
div.browse_field_radio {
    padding: 0px 5px 0px 1px;
    margin-top: 1px;
}
div.browse_fields {
    border: 1px solid #DDDDDD;
    border-top: none;
    padding: 5px 7px 5px 7px;
    margin-bottom: 12px;
}
td.browse_header {
    padding: 5px 5px 3px 7px;
    font-size: 9pt;
    font-family: arial, serif;
    font-weight: bold;
    border: 1px solid #DDDDDD;
    border-bottom: none;
    background: #EEEEEE;
}
td.browse_result {
    vertical-align: top;
    text-align: center;
    width: 150px;
    padding: 5px 5px 10px 5px;
    font-weight: bold;
}
div.browse_result{
  /* padding: 5px; */
  border: 1px solid #E4E4E4;
  background: #F5F5F5;
  margin-right: 4px;

  /* Jean 22/07/2010 : ombrage */
  -moz-box-shadow: 2px 2px 3px #EEE;     /* mozilla */
  -webkit-box-shadow: 2px 2px 3px #EEE;  /* chrome + safari */
  box-shadow: 2px 2px 3px #EEE;          /* opéra */
}

div.browse_pages {
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
    background: #EEEEEE;
    padding: 5px 0px 5px 0px;
}

/* SEARCH PAGE */
td.search {
    width: 475px;
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
}
div.search_header {
    font-weight: bold;
    background: #F3F3F3;
    border: 1px solid #CCCCCC;
    padding: 5px 5px 5px 10px;
    font-size: 9pt;
}
div.search_results {
    padding: 0px 10px 10px 10px;
}
div.search_result1 {
    padding: 10px;
    background: #F5F5F5;
}
div.search_result2 {
    padding: 10px;
}
div.search_result_text {
    font-size: 8pt;
    font-weight: normal;
    padding-left: 3px;
}
div.search_result_text a {
    font-weight: normal;
}
/* Jean 17/01/2011 */
div.search_result_text a.main_event_link {
    font-weight: bold;
}
div.search_result_text2 {
    font-weight: normal;
    font-size: 7pt;
    color: #777777;
}

/* Jean 27/01/2011 */
div.search_result_text2 div.com_manager {
  color: #79BC5C;
}

div.search_context {
    color: #555555;
}
div.search_url {
    color: #115599;
}
td.search_pages_bottom {
    padding-top: 8px;
    padding-right: 12px;
    border-top: 1px solid #CCCCCC;
    text-align: right;
}

/* HELP PAGES */
div.faq {
    margin: 10px;
    padding: 5px 5px 5px 10px;
    border-left: 3px solid #DDDDDD;
}
div.faq_questions {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-top: none;
    padding: 5px 7px 5px 8px;
}


/* MESSAGES */
table.messages_table {
    border: 1px solid #DDDDDD;
}
td.messages_header {
    padding: 4px 5px 5px 6px;

    font-weight: bold;
    background-image: url(../images/header.gif);
    background-repeat: repeat-x;
    color: #333333;
}
td.messages_left {
    width: 100%;
    text-align: left;
    vertical-align: middle;
}
td.messages_right {
    text-align: right;
    vertical-align: middle;
}
tr.messages_unread {
    background: #F5F5F5;
    font-weight: bold;
}
tr.messages_read {
    background: #FFFFFF;
}
td.messages_message {
    border-top: 1px solid #CCCCCC;
    padding: 7px 5px 7px 7px;
    vertical-align: top;
}
td.messages_photo {
    border-top: 1px solid #CCCCCC;
    padding: 7px 0px 7px 7px;
    vertical-align: top;
}
td.messages_view2 {
    background: #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    padding: 5px 7px 12px 7px;
    vertical-align: top;
}
td.messages_view2_bottom {
    background: #FFFFFF;
    padding: 5px 7px 12px 7px;
    vertical-align: top;
}
td.messages_view1 {
    vertical-align: top;
    padding-right: 15px;
}
div.messages_author {
    padding-bottom: 5px;
    font-weight: bold;
}
div.messages_date {
    font-size: 7pt;
    color: #777777;
}
td.messages_authorbox {
    width: 100px;
    text-align: right; 
    vertical-align: top; 
    padding: 5px 10px 0px 0px;
}



/* MY FRIENDS */
div.friends_search {
    width: 450px;
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    margin-left: auto; 
    margin-right: auto;
}
td.friends_sort {
    padding-top: 5px;
}
div.friends_result {
    padding: 5px;
    border: 1px solid #DDDDDD;
    margin-top: 10px;
    background: #FFFFFF;
}
td.friends_result0 {
    padding: 5px;
}
td.friends_result1 {
    vertical-align: top;
    padding: 5px;
}
td.friends_result2 {
    padding: 5px;
    vertical-align: top;
    text-align: right;
}
div.friends_name {
    font-size: 10pt;
    font-weight: bold;
    padding-bottom: 3px;
}
div.friends_stats div {
    color: #888888;
    font-size: 7pt;
}


/* BROWSE FRIENDS */
td.browse_friends_sort {
    padding-top: 5px;
}
div.browse_friends_result {
    padding: 5px;
    border: 1px solid #DDDDDD;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FFFFFF;
}
td.browse_friends_result0 {
    padding: 5px;
}
td.browse_friends_result1 {
    padding: 5px;
}
td.browse_friends_result2 {
    padding: 5px;
    text-align: right;
}


/* EDIT PROFILE */
td.editprofile_photoleft {
    text-align: center;
    padding-right: 10px;
}
td.editprofile_photoright {
    vertical-align: top;
}
td.editprofile_photo {
    height: 150px;
    vertical-align: middle; 
    text-align: center; 
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    padding: 5px;
}
table.editprofile_options {
    margin-left: 10px;
}
div.editprofile_bar {
    border-bottom: 1px solid #DDDDDD;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}
td.editprofile_item1 {
    padding: 5px;
    text-align: center;
    vertical-align: top;
}
td.editprofile_item2 {
    padding: 5px 5px 5px 5px;
    vertical-align: top;
}
div.editprofile_examplecss, div.editprofile_examplecss:hover {
    width: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 5px 5px 5px;
    text-align: center;
    float: left;
    border: 1px solid #DDDDDD;
}
div.editprofile_examplecss:hover {
    border: 1px solid #BBBBBB;
}
div.editprofile_examplecss_selected {
    width: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 5px 5px 5px;
    text-align: center;
    float: left;
    border: 1px solid #AAAAAA;
    background: #EEEEEE;
}


/* EDIT ACCOUNT SETTINGS */
td.account1 {
    padding: 5px 5px 5px 7px;
    font-weight: bold;
    border: 1px solid #CCCCCC;
    background: #EEEEEE;
}
td.account2 {
    padding: 7px 5px 5px 5px;
    border: 1px solid #CCCCCC;
    border-top: none;
}



/* SIGNUP PAGE */
img.signup_code {
    vertical-align: middle;
}
div.signup_header {
    width: 500px;
    padding: 6px 9px 6px 9px;
    background: #F1F1F1;
    font-weight: bold;
    font-size: 9pt;
    margin-bottom: 10px;
}
div.signup_photo_desc {
    padding: 5px 5px 5px 0px;
}
td.signup_photo {
    padding: 10px; 
    background: #FFFFFF; 
    border: 1px solid #CCCCCC;
}



/* COMMENT STYLES */
.comment_headline {
    padding: 4px 0px 5px 6px;
    border: 1px solid #CCCCCC;
    border-bottom: none;
    font-weight: bold;
    background-image: url(../images/header.gif);
    background-repeat: repeat-x;
    color: #333333;
}



/* PROFILE PHOTOS STYLES */
div.media {
    border: 1px solid #DDDDDD; 
    background: #F2F2F2; 
    padding: 10px;
}
div.media_caption {
    text-align: left; 
    padding: 0px 5px 0px 5px; 
    margin-left: auto; 
    margin-right: auto;
}
div.media_title {
    margin-bottom: 2px;
    font-weight: bold;
}
div.media_date {
    margin-top: 10px; 
    font-size: 7pt; 
    color: #777777;
}



/* CAROUSEL */
td.carousel_item_active {
    border: 1px solid #BBBBBB; 
    background: #EEEEEE;
    padding: 5px;
}
td.carousel_item {
    padding: 5px;
}
td.carousel_item:hover {
    border: 1px solid #CCCCCC;
    padding: 4px;
}



/* PHOTO TAG CLASSES */
div.tag_div_hidden {
    position: absolute;
    z-index: 98;
}
div.tag_div {
    position: absolute;
    border: 2px solid #FFFFFF;
    z-index: 98;
}
div.tag_label {
    position: absolute;
    padding: 3px 5px 3px 5px;
    border: 1px solid #777777;
    background: #FFFFFF;
    font-weight: bold;
    z-index: 98;
}
div.media_photo_div {
    position: relative; 
    margin-bottom: 10px; 
    margin-left:auto;
    margin-right:auto;
}
div.media_photo_tagform {
    display: none; 
    border: 1px solid #888888; 
    width: 150px; 
    position: absolute; 
    opacity: 1; 
    background: #FFFFFF;
}
div.media_photo_tagform_titlebar {
    text-align: left; 
    padding: 5px; 
    border-bottom: 1px solid #AAAAAA; 
    background: #EEEEEE; 
    font-weight: bold;
}
div.media_photo_friendlist {
    overflow: auto; 
    margin: 4px 0px 4px 0px; 
    height: 130px; 
    text-align: left; 
    padding-left: 4px; 
    border: 1px solid #AAAAAA;
}


/* styles for the debugger */
div#se_debug_window_container
{
}

table#se_debug_window
{
  background: #ffffff;
  border: 1px solid #cccccc;
  width: 500px;
  height: 400px;
}

td#se_debug_window_menu
{
    padding: 4px 5px 5px 6px;
    border: 1px solid #DDDDDD;
    font-weight: bold;
    background-image: url(../images/header.gif);
    background-repeat: repeat-x;
    color: #333333;
  cursor: move;
}

div#se_debug_window_body_container
{
  width: 500px;
  height: 375px;
  overflow: auto;
}

/* styles for main menu and profile tab dropdowns */

div.top_menu_main_link_container
{
  text-align: left;
}

div.menu_main_dropdown
{
    border: 1px solid #CCCCCC;
    border-top: none;
    position: absolute;
    margin-top: 7px;
    margin-left: -1px;
    z-index: 100;
    width: auto;
    white-space: nowrap;
}

div.menu_main_item_dropdown a
{
  color: #777777;
    padding: 3px 40px 5px 7px;
    font-weight: bold;
    display: block;
    background: #EFEFEF;
}

div.menu_main_item_dropdown a:hover
{
  color: #444444;
  background: #FAFAFA;
  text-decoration: none;
}

div.menu_main_item
{
    float: left;
    padding-right: 10px;
    font-weight: bold;
    background: none;
}

div.menu_profile_dropdown
{
    border: 1px solid #CCCCCC;
  border-top: none;
    background: #FFFFFF;
    position: absolute;
    margin-top: 31px;
    margin-left: -63px;
    z-index: 99;
    width: auto;
    white-space: nowrap;
}

div.menu_profile_item_dropdown a
{
    padding: 3px 40px 5px 7px;
    font-weight: bold;
    display: block;
    background: #FFFFFF;
}

div.menu_profile_item_dropdown a:hover
{
    background: #F0F0F0;
    text-decoration: none;
}


/* user_event_edit */

input.button_etape {
  border-width: 1px 2px 2px 1px;
  border-color: #4D79B2;
  border-style: solid;
  font-size: 9pt;
  padding: 3px 10px 3px 10px;
  background: #E4EBF3;
  color: #3E608E;
 }

#zone_message_annule_mails {
  width: 640px;
  text-align: left;
  border: 1px dashed;
  border-color: #999999 #CCCCCC #CCCCCC #999999;
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 7px;
  background: #F4FFEA;
  color: #6C582F;
  font-weight: normal;
}
table td #zone_message_annule_mails { font-size: 14px; }
#zone_message_annule_mails a { color: #FD4000; text-decoration: underline; font-weight: bold; }
#zone_message_annule_mails a:hover { color: #FF622D; text-decoration: none; }


/*************************** sociable *****************************************/
div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
  position: absolute;
  display: block;
  top: -5em;
  background: #ffe;
  border: 1px solid #ccc;
  color: black;
  line-height: 1.25em;
}
.sociable span {
  display: block;
}
.sociable ul {
  display: inline;
  margin: 0;
  padding: 0;
}
.sociable ul li {
  background: none;
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
  float: none;
  width: 16px;
  height: 16px;
  border: 0;
  margin: 0;
  padding: 0;
}

.sociable-hovers {
  opacity: .4;
  -moz-opacity: .4;
  filter: alpha(opacity=40);
}
.sociable-hovers:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

/* Jean 17/10/2010 : triangle précédant un titre de page dans un event */
img.triangle_img { width: 25px; height: 16px; }


/* Jean 27/08/2009 : pour qu'à l'impression, tous les commentaires soient imprimés */
@media print {
 .not_for_print { display: none; }
 .profile_leftside { display: none; }
 .profile_content { overflow: visible; width: 670px; border-width: 0px; }
 #event_profile { border-width: 0px; }
}
/* Jean 27/08/2009 : pour qu'à l'impression, tous les commentaires soient imprimés */
@media screen {
 .profile_content { overflow: auto; }
}

/* oliv 20  oct 09 cat-cloud-sidebar */
.cat-cloud-sidebar{
 line-height:130%
}

/*Jean 13/11/2009 : pour le formulaire d'inscription + OpenID connect */
.required { color: #D20B0B; }
.required_CM {
  background: #EBFFD7;
  color: #3D6631;
  font-weight: normal;
  padding: 2px;
  border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
}
.no_required .required { color: #5EA041; }

.header_ident_input { background: #F0F5FE; }

div.page, div.page div, td.page, span.page, font.page { font-size: 12pt; }


/* Jean 04/03/2010 : migration du fichier de conf vers le CSS */



/* titre de l'event en mode "BUZ" dans la page d'un event */
font.event_main_title_buz { font-size: 26px; font-weight: bold; }
div.prompteur_buz #zone_summary_content {
  font-size: 16px;
  line-height: 23px;
  padding: 0px 4px 12px 4px;
}
div.event_desc_buz {
  background: #FDFDFE;
  font-size: 13px;
}


/* couleur de fond par défaut des zones permanentes de login et mot de passe */
.header_ident_input {
  background: #FDFDFD;
}

/* style du prompteur (résumé ou tete d'intro d'un sujet) */
.prompteur {
  padding-top: 14px;
/*
  background-color: #E9EAF8;
  border: 1px solid #D5D8EE;
  padding-bottom: 10px;
  width: 380px;

  -moz-box-shadow: 4px 4px 6px #DDD;
  -webkit-box-shadow: 4px 4px 6px #DDD;
  box-shadow: 4px 4px 6px #DDD;
*/
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

/* les images dans le prompteur ne doivent pas excéder une certaine taille */
.prompteur img {
  max-width: 400px;
}

/* zone de recherche */
.zone_search {
  padding-bottom: 50px;
  text-align: right;
}
/* couleurs de police dans la banniere */
form.menu_search_color, label.menu_search_color, a.menu_search_color {
  color: #5C544E;
}

/* zone de recherche du template "TRIBUNE" */
form.tribune_search input.menu_search {
  width: 325px;
}

/* bannière (pour forcer éventuellement la hauteur) */
tr.banniere {
  /* height: ; */
  /* background: url(''); */
  background-repeat: no-repeat;
}
/* Image de fond de la barre de menus principale */
td.top_menu, td.top_menu2 {
  background: url(images/menu_bg_clair.gif);
}
/* Couleur de fond du lien "Inviter des collègues ou amis" */
div.inviteFriends {
  background: #F7F0CA;
}
div.inviteFriends a.menu_item {
  color: #888066;
}

/* couleur de police de "sponsoriser ce sujet" et de "je me porte volontaire pour participer à ce sujet" (cases à cocher d'intentions) */
font.volunteer, a.volunteer {
  color: #0F970F;
  font-weight: bold;
}
/* Idem mais lien intégré à la vignette d'un tournage */
div.case_lien_vignette font.volunteer {
  color: white;
}
/* "Je me porte volontaire pour participer à ce sujet !" */
font.wanttakepart {
  color: black;
  font-weight: bold;
}

/* couleur de police de "sponsoriser ce sujet" et de "volontaire" (cases à cocher d'intentions) */
/*
font.volunteer, a.volunteer, font.wanttakepart {
  color: inherit;
  font-weight: inherit;
}
*/

/* Gros liens de haut page dans "tournages" */
a.affine_tournages {
  color: #1F59E0;
  text-decoration: underline;
}
a.affine_tournages:hover {
  text-decoration: none;
}
div.page_header a.affine_tournages {
  font-size: 17px;
}

/* Gros liens de haut page dans "webcasts" */
a.affine_webcasts {
  font-size: 15px;
  color: #1F59E0;
  text-decoration: underline;
}
a.affine_webcasts:hover {
  text-decoration: none;
}

/* paragraphes des articles */
/*
#webcast_description p {
  padding: 3px 0px 3px 0px;
}
*/

/* formulaire e-commerce */
.price {
  border: 1px solid #DAF0B9;
  padding: 2px 3px 2px 4px;
  background: #F1FBDD;
  font-size: 11px;
  float: right;
  width: 80px;
  margin-left: 4px;
  color: #A31D1D;
}
.price .fee {
  color: #4F784E;
}
.cgv {
  padding: 3px 0px 3px 0px;
  height: 233px;
  overflow: auto;
  padding: 3px;
  border: 1px solid #C0C0C0;
  background: #F8F8F8;
  display: none;
}

/* labels "Email" et "Mode de passe" dans la bannière */
font.menu_search_color  {
  font-size: 11px;
}

/* Les titres d'event dans les listes d'events */
font.titre_event_list, a.gros_lien_event {
  font-size: 14px;
  line-height: 24px;
}

/* résumé des webcasts en "mode blog" */
div.home_summary { margin: 15px 0px 15px 0px; }

/* options de feedback */
a.univ_feedback { font-size: 11px; }

/* Les chapitres d'une vidéo */
td.home_video_right_side { padding-left: 10px; }

td.event_chapters a.chapitre {
   color: #222222;
   font-size: 12px;
}
td.event_chapters a.chapitre:hover { color: #3399FF; }

div.group_chapters a.chapitre { font-size: 12px; }
div.chapitre { padding: 3px 1px 3px 1px; }
/*
div.chapitre_border_top { border-top: 1px solid #DDDDEC;}
div.chapitre_1 { background-color: transparent; }
div.chapitre_2 { background-color: #EDEFFE; }
*/

img.chapter_li, img.chapter_li_on {
  background-color: #CCCCCC;
  margin: 0px 4px 2px 0px;
}
img.chapter_li_on { background-color: #3399FF; }

.search_text { width: 156px; }

/* Grosses zones cliquables accolées à la vignette d'un event */
div.case_lien_vignette {
  height: 20px;
  background: #85A3C9;
  padding: 4px 0px 1px 0px;
  margin-top: 3px;
  text-align: left;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
/* liens contenus dans ces zones */
div.case_lien_vignette a, div.case_lien_vignette label {
  cursor: pointer;
}
div.case_lien_vignette a, div.case_lien_vignette label, div.case_lien_vignette font {
  color: white;
  font-size: 10pt;
  font-weight: bold;
  text-shadow: 1px 1px 0 #777777;
}
/* croix pour fermer ces zones */
div.case_lien_vignette a.lien_fermer, div.lien_fermer a.lien_fermer {
  font-weight: bold;
  color: white;
  font-size: 11pt;
}

div.case_lien_vignette_top {
  border-radius: 6px 6px 0px 0px !important;
  -moz-border-radius: 6px 6px 0px 0px !important;
  -webkit-border-radius: 6px 6px 0px 0px !important;
}
div.case_lien_vignette_between {
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
}
div.case_lien_vignette_bottom {
  border-radius: 0px 0px 6px 6px !important;
  -moz-border-radius: 0px 0px 6px 6px !important;
  -webkit-border-radius: 0px 0px 6px 6px !important;
}

/* div#zone_cpt_rebours_container div.lien_fermer a.lien_fermer { color: #BBBBBB; } */

/* gros compte à rebours pour les tournages à venir */
div.cpt_rebours {
  background: #444444;
  padding: 8px 0px 7px 0px;
  /*margin: 0px 1px 0px 1px;*/
  color: white;
  font-weight: bold;
  font-size: 12pt;
  font-family: Arial;
  text-align: center;
}
/* version miniature du compte à rebours */
div.cpt_rebours_duree, div.cpt_rebours_duree_live {
  padding-top: 3px;
  font-size: 16.5pt;
  color: white;
}
div.cpt_rebours_duree_live {
  padding-top: 10px;
}
div.cpt_rebours_mini {
  font-weight: bold;
  color: #85A3C9;
}


/* Zone "MA SOCIÉTÉ POURRAIT PEUT-ÊTRE SPONSORISER CE SUJET - DONNEZ-MOI DES INFOS !" */
#zoneSponsoring {
  height: 38px;
  background: #11A611;
  padding: 4px 0px 1px 0px;
  margin-top: 3px;
  text-align: left;
}

/* Zone affichage du sponsor principal et de son logo */
div.zone_sponsor_display, div.zone_sponsor_display_big_template {
  margin-right: 10px;
  margin-top: 12px;
}
div.zone_sponsor_display_big_template {
  margin-top: 15px;
  /*width: 230px;*/
}

/* "Ce sujet vous intéresse ? cliquez ici pour en voir d autres connexes sur la web tv de..." */
div.sponsor_connected {
  /*font-style: italic;*/
  color: #818181;
}
/* "Ce sujet est sponsorisé par :" */
div.sponsor_name {
  color: #333333;
  font-weight: bold;
}
div.sponsor_connected, div.sponsor_name {
  font-size: 11px;
  margin-bottom: 3px;
}

/* logo sponsor */
img.img_sponsor {
  margin-bottom: 8px;
  margin-right: 10px;
}

/* Lien "je me porte volontaire pour participer à ce sujet(projet)" */
font.wanttotakepart {
}

/* Liens de partage */
td.liens_buz {
  padding-top: 8px;
}
td.liens_buz, td.liens_buz a, .liens_buz, .liens_buz a {
  font-size: 11px;
}

/* encart dans la page d'un event */
table.encart {
  margin-top: 10px;
}

/* zone de lien vers le formulaire d'e-commerce */
div.eCommerce {
  color: #888888;
  font-size: 11px;
  border: 1px solid #D4D4D4;
  margin-top: 3px;
  padding: 10px;
  padding-top: 0px;
}

/* recherche de personnes dans les onglets d'un event */
input.search_event_guys {
  height: 15px;
  width: 80px;
  padding: 1px 1px 0px 1px;
  font-size: 11px;
  margin-left: 2px;
}

/* lignes d'infos diverses dans le cartouche d'un event */
td.event_infos_header, td.event_infos_header_big_template {
  text-align: right;
  padding-right: 8px;
  color: gray;
}
td.event_infos_header, td.event_infos_header_big_template, td.event_infos_value, td.event_infos_value_big_template {
  padding-bottom: 10px;
}
td.event_infos_header_big_template, td.event_infos_value_big_template, td.event_infos_value_big_template a, td.event_infos_value font {
  font-size: 11px;
}

td.event_infos_header_big_template {
  padding-top: 4px;
}

/* champs liés à la catégorie d'un event (affichés dans un event) */
td.profile_field_value, td.event_infos_value div.profile_field_value, td.event_infos_value div.profile_field_value a  {
  font-size: 10px;
}

/* Infos diverses d'un event */
td.event_infos_header, div.profile_content td.event_infos_header, td.event_infos_value, div.tab_content td.event_infos_value, td.event_infos_value a,
td.event_infos_header font {
  font-size: 11px;
}

/* Titre d'un event au sein du cartouche d'infos */
td.event_small_title {
  font-weight: bold;
}

/* Zone des commentaires */
div.comments_area {
 padding: 5px;
}
div.comments, div.comments_big_template {
  margin-left: auto;
  margin-right: auto;
}
div.post_comment {
}
div.comments_big_template, div.post_comment_big_template {
  width: 370px;
}

font.comment_origin {
  font-size: 11px;
  color: #9699A9;
}
div.author_html_tags {
  font-size: 11px;
  color: #777777;
  float: left;
}

/* conteneur d'un bloc de commentaire */
div.comment_block_container {
  margin-top: 10px;
  margin-right: 4px;
  margin-bottom: 12px;
}

/* message pour inviter à démarrer le chat live */
div.chat_live_started {
  font-style: italic;
  color: #777777;
  /*font-weight: bold;*/
  padding-bottom: 20px;
}

/* conteneur d'un bloc de commentaire en mode "chat live" */
div.comment_block_container_live {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 6px;
}

/* bloc de commentaire */
div.comment_block {
  border: 1px solid white;
}

/* bloc commentaire en version "chat live" */
table.profile_comment_live {
  width: 99%;
  margin-top: 0px;
}

/* nom d'un commentateur en mode "chat live" */
td.profile_comment_author_live {
  vertical-align: top;
  padding-left: 4px;
  height: 17px;
  /*width: 150px;*/
  /*text-align: right;*/
}
/* date d'un commentaire en mode "chat live" */
td.profile_comment_date_live {
  width: 10px;
  text-align: right;
  vertical-align: top;
  padding: 0px 5px 0px 5px;
  color: #777777;
  font-size: 11px;
}

/* quand la souris passe au-dessus d'un commentaire avec au moins 1 bouton d'actions */
div.comment_block_over {
  background-color: #E2E9EB;
  border: 1px solid #DAE2E4;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}

/* corps d'un commentaire en mode "chat live" */
td.profile_comment_body_live {
  vertical-align: top;
  padding: 0px 30px 3px 20px;
}
div.commentLinks_live {
  float: right;
  display: none;
  padding: 1px 3px 0px 10px;
  height: 16px;
  overflow: hidden;
  background: white;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}

a.commentDeleteLink, a.commentInviteLink, a.commentReplyLink, a.commentEditLink {
  font-size: 11px;
  /*color: #777777;*/
}
a.commentDeleteLink:hover { color: #B73535; }
/*
a.commentReplyLink:hover, a.commentEditLink:hover { color: #1F1F1F; }
*/
div.commentLinks_live a.commentDeleteLink, div.commentLinks_live a.commentReplyLink, div.commentLinks_live a.commentEditLink { /*font-size: 12px;*/ /*color: #AAAAAA;*/ }
/*
div.commentLinks_live a.commentDeleteLink:hover, div.commentLinks_live a.commentReplyLink:hover, div.commentLinks_live a.commentEditLink:hover { color: #AAAAAA; }
*/

font.commentSeparLinks { color: #BBBBBB; }

/* article lié à un event */
#webcast_description {
  width: 660px;
  padding-top: 15px;
}

/* liens "modifier" */
#webcast_description .com_manager,
#table_prompteur .com_manager {
  font-size: 12px;
}

/* Les différentes zones spécifiques aux templates "650px" */
td.big_template_main {
  padding: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

td.big_template_cell {
  padding-left: 0px;
  padding-right: 0px;
}

div.prompteur_big_template {
/*
  border: 1px solid #D4D4D4;
  background: #FCFCFD;
  color: #777777;
  padding: 6px 0px 6px 30px;
*/
  width: 655px;
}

span.zone_summary_content_big_template {
  display: block;
  background-image: url(../images/big_open_quote_light_inv.png); /* big_open_quote_gray_inv.png; */
  background-repeat: no-repeat; 
  background-position: left top; 
  padding: 14px 0px 10px 44px;
  font-size: 13px;
  line-height: 25px;
  color: #4B698D;
  padding-right: 30px;
  /*border-right: 1px dotted #AAB3C4;*/
}

div.prompteur_big_template td.profile { padding: 3px; }
div.prompteur_big_template td.profile a { font-size: 11px; }

td.cadre_video_big_template {
  background: #759ED0/*#5588CA*/;
  padding: 6px 1px 1px 1px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-width: 0px;
}

td.big_template_main div.vignette {
  width: 650px;
  padding-left: 0px;
  padding-bottom: 0px;
}

/* infos diverses et avatars dans un gros gabarit */
td.big_template_cell div.zone_infos_et_avatars_big_template {
  border: 1px solid #728CAD;
  background: #FCFCFD;
}

div.titre_avatars {
  padding: 10px 0px 0px 10px;
  font-size: 11px;
  font-weight: bold;
  color: #666F93;
}

div.avatars {
  padding: 10px;
}

div.avatar {
  margin: 2px;
  float: left;
  width: 85px;
  height: 85px;
  font-size: 10px;
  text-align: center;
}

/* sous-titre d'un event gros gabarit */
.event_subtitle {
  display: block;
  padding: 0px 25px 4px 14px;

  /*background: #FBFCFF;*/
  /*border-top: 1px dotted #AAB3C4;*/
  /*
  background: #4E80C2 url(images/menu_bg_clair.gif);
  border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  */
}

.event_subtitle_big_template {
  border-bottom: 1px dotted #AAB3C4;
  color: #60769F;
  font-size: 13px;
}

td.big_template_cell td.avatars {
  text-align: center;
  vertical-align: top
  padding: 4px 4px 4px 4px;
  width: 85px;
}


td.big_template_cell div.infos_diverses {
  border-bottom: 0px;
  background: #759ED0/*#F5F5F6*/;
  padding: 5px;
}
td.big_template_cell div.infos_diverses td.event_infos_value_big_template,
td.big_template_cell div.infos_diverses td.event_infos_header_big_template {
  color: white;
}
td.big_template_cell div.infos_diverses td.event_infos_value_big_template a {
  color: #F2F5FF;
}


div.mini_comments {
  width: 435px;
  overflow: auto;
  background: white;
  margin-top: 20px;
}

td.event_desc_big_template {
  padding-right: 20px;
  border-right: 1px dotted #AAB3C4;
}

td.prompteur_big {
  padding: 3px;
  font-weight: normal;
  background-color: #333333;
  color: white;
  border: 0px solid black;
}


/* ******************************** */
/*          LISTE d'EVENTS          */
/* ******************************** */

div.vignettes_videos {
  text-align: center;
  width: 1110px;
}


option.extranet label.option_speciale { color: #CC601E; }

/* texte "tournage planifié le xxx" */
div.planified {
  color: #429710; /* #CC601E */
  font-weight: bold;
  font-weight: normal;
}

table.liste_events_main {
  margin-top: 10px;
}

td.liste_events_main {
  padding: 0px 10px 0px 0px;
}


/* premier item d'une liste d'events */
/*
div.event_first_item, div.event_first_item_tournage, div.event_first_item_task {
  padding: 25px 10px 10px 10px;
  border: 1px solid #CCCCCC;

  margin-bottom: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
*/
/* infos principales sur 1 event */
/*
div.cartouche_event {
  font-weight: bold;
  font-size: 10pt;
  padding-bottom: 5px;
}
*/



/* lien "changer de fuseau" */
a.change_timezone {
  font-weight: normal;
  font-style: italic;
  color: gray;
  font-size: 11px;
}
/* texte "enregistré le" (dans liste d'events) */
div.recorded {
  color: #777777;
  margin-bottom: 2px;
}

/* liste d'intervenants (dans liste d'events) */
div.speakers {
  color: #777777;
  margin-bottom: 5px;
}


div.speakers, div.speakers span {
  font-size: 11px;
}

/* mise en évidence des simples propositions de tournage dans une liste d'events */
font.propositions {
  font-size: 11px;
  background: #EFFF97;
  font-weight: bold;
}

font.event_item_CM_infos font {
  font-size: 11px;
}

/* lignée de boutons d'action sur tel event (au sein d'une liste d'event) */
div.boutons_actions_event {
  background: transparent;
  height: 20px;
  margin-top: 10px;
}

/* infos textuelles d'un event (dans une liste d'events) */
td.event_first_item_text_infos {
  vertical-align: top;
  padding-left: 10px;
}

div.event_first_item_title {
  font-size: 10.5pt;
}
font.event_first_item_title_prefix {
  font-style: italic;
  font-weight: bold;
}
/* texte "Live en cours !" */
font.event_first_item_title_live {
  color: #EC5555;
  font-size: 20px;
}
/* vignettes des types vidéos */
div.vignettes_types_vid {
  padding: 0px 0px 10px 0px;
  width: 870px;
}

div.event_item, div.event_item_tournage, div.event_item_task,
div.event_first_item, div.event_first_item_tournage, div.event_first_item_task {
  margin-right: 10px;
}

/* items suivants (= pas le premier) d'une liste d'events */
div.event_item, div.event_item_tournage, div.event_item_task {
  padding: 10px;
  margin-top: 15px;
  margin-bottom: 40px;
  text-align: left;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

/* item d'une liste d'events CORRESPONDANT À UN TOURNAGE */
div.event_first_item_tournage, div.event_item_tournage {
  border: 2px solid #CBE2BC/*#FAD5BC*/;
  background: #F9FCF8/*#FCFFF9 #FFFAF4*/;
}

/* l'encart "VOICI MON FEEDBACK" pour un tournage d'une liste d'events */
div.event_first_item_tournage div.cartouche_interest,
div.event_item_tournage div.cartouche_interest {
  margin: 4px;
}
div.event_first_item_tournage div.cartouche_interest td.header,
div.event_item_tournage div.cartouche_interest td.header {
  background: #429710;
  color: #FFFFFF;
  border: 0px;
}

/* Les titres d'event correspondant à des TOURNAGES (dans les listes d'events) */
div.event_first_item_tournage a.gros_lien_event,
div.event_item_tournage font.titre_event_list,
div.event_first_item_tournage a.gros_lien_event,
div.event_item_tournage font.titre_event_list {
  color: #429710;
}

/* photo du premier event d'une liste */
#first_photo {
  width: expression($('first_photo').offsetWidth > 380 ? "380px" : "auto");
  max-width: 380px;
}

/* encart Facebook fans */
div.facebook_fans {
  padding: 10px 0px 0px 0px;
}
div.facebook_fans_footer {
  font-size: 8px;
  padding-right: 10px;
  width: 100%;
  text-align: right;
}

input.abonnement_rss {
  width: 80px;
  text-transform: lowercase;
}
/* bouton */
input.rss, table.intra_footer_ds input.rss {
  border: 0px;
  border-radius: 0px 11px 11px 0px;
  -moz-border-radius: 0px 11px 11px 0px;
  -webkit-border-radius: 0px 11px 11px 0px;
}

/* ******************************************************* */
/*   Encart de cases à cocher d'intéressement à un event   */
/* ******************************************************* */

div.cartouche_interest {
  float: right; width: 408px;
}
div.cartouche_interest td.header {
  border-color: #CCCCCC #999999 #AAAAAA #CCCCCC;
}
div.cartouche_interest td.profile {
  background: #FDFDFD;
  border-color: #AAAAAA #999999 #888888 #CCCCCC;
}
/* chaque ligne de case à cocher d'intéressement à un event */
td.interest_checkbox {
  vertical-align: middle;
}
td.interest_checkbox2 {
  vertical-align: middle;
  padding: 0px 3px 7px 0px;
}
td.interest_checkbox3 {
  vertical-align: top;
  padding: 10px 3px 10px 0px;
}
td.interest_label {
  vertical-align: middle;
}

td.interest_checkbox,
td.interest_label {
  padding: 6px 3px 0px 0px;
}

/* texte "ma demande a été rejetée" */
font.request_rejected {
  font-weight: bold;
  color: #575915;
}

/* texte "ma candidature a été acceptée" */
font.request_accepted {
  color: #487900;
  border: 1px solid #D8E1A2;
  padding: 2px;
  background: #F1FFA4;
  font-weight: bold;
  text-transform: lowercase;
}

/* texte "ma candidature est toujours en attente" */
font.request_still_waiting {
  color: #9A977E;
  border: 1px solid #D1D3AF;
  padding: 2px;
  background: #F5F2EF;
  font-weight: bold;
  text-transform: lowercase;
}


/* texte "JE TRAVAILLE DESSUS EN CE MOMENT" */
/*
font.working, font.i_have_finished {
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  padding: 1px 5px 1px 5px;
  background: #F54A00;
  border: 0px solid #FB3A02;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
*/

/* texte "JE CONSIDÈRE QUE MA PARTIE EST TERMINÉE ICI, VOUS VALIDEZ ?" */
/*
font.i_have_finished {
  background: #659E05;
  border: 0px solid #80C806;
}
*/

/* menu flottant entier (de la barre de menus) */
div.menu_dropdown, div.submenuitem {
  border: 1px solid #B0B1B3;
  -moz-box-shadow: 4px 4px 6px #DDD;    /* mozilla */
  -webkit-box-shadow: 4px 4px 6px #DDD; /* chrome + safari */
  box-shadow: 4px 4px 6px #DDD;         /* opéra */
}
div.menu_dropdown {
  border-top: 0px;
}

/* item dans une liste d'events sur la page d'une chaîne */
li.item_event_inside_group {
  padding-top: 4px;
}
li.item_event_inside_group div {
  padding-left: 20px;
  font-size: 11px;
}

/* derniers webcasts d'une chaîne */
td.last_events div {
  padding: 1px 0px 1px 0px;
}

/* texte description d'une chaîne */
.desc_chaine {
  font-size: 12px;
  /*
  border: 1px solid #D8D8D8;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  padding: 10px;
  background: #FDFDFD;
  */
}

/* saisie du login dans la bannière */
input.header_ident_login {
  width: 120px;
  font-size: 9px;
}
/* saisie du password dans la bannière */
input.header_ident_password {
  width: 45px;
  font-size: 9px;
}

/* sous-titre d'un event dans une liste d'events */
div.event_item_subtitle { padding-bottom: 7px; }

/* label "Se souvenir de moi" */
label.persistent { font-size: 9px; }
/* Texte "Mot de passe oublié ?" dans la banner */
a.header_lost_pwd { font-size: 9px; font-style: italic; }
a.header_lost_pwd:hover { color: #616161; text-decoration: underline;  }


/* titre d'un lien vers un event dans une liste principale d'events */
a.gros_lien_event { text-decoration: underline; font-weight: bold; }
a.gros_lien_event:hover { text-decoration: none; }

/* item d'une tasklist */
.task_item_waiting, .task_item_done, .task_item_done_for_me {
  padding-top: 5px;
  padding-bottom: 5px;
}
/* tâche clôturée */
.task_item_done .task_item_line {
  text-decoration: line-through;
}
/* tâche pas clôturée, mais que j'ai personnellement terminée */
.task_item_done_for_me .task_item_line {
/*
  background-image: url(../images/dashed.png);
  background-repeat: repeat-x;
  background-position: -3 7;
*/
}

/* édition des champs client */
.client_edit
 {
  border: 1px solid #B9E7A3;
  background: #F2FCEF;
  border-radius: 15px;

  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;

  /* Jean 22/07/2010 : ombrage */
  -moz-box-shadow: 4px 4px 6px #DDD;    /* mozilla */
  -webkit-box-shadow: 4px 4px 6px #DDD; /* chrome + safari */
  box-shadow: 4px 4px 6px #DDD;          /* opéra */
 }

/* Jean 16/09/2009 */
.com_manager, TD.com_manager, TR.com_manager TD, td#webcast_description a.com_manager, ul.post-meta li.com_manager {
  color: #79BC5C;
}
.com_manager A,
.com_manager A.copyright,
.copyright .com_manager select option,
td.group_tab2 a.com_manager, td.group_tab a.com_manager,
td.event_tab2 a.com_manager, td.event_tab a.com_manager,
TR.com_manager TD A, A.com_manager
 {
  color: #60A343;
 }

input.com_manager, textarea.com_manager
 {
  color: #60A343;
  border: 1px solid #A2B492;
 }

.copyright .com_manager
 {
  background-color: #ECF3E9;
 }
.copyright .com_manager select {
  background-color: #F7FAF5;
}

.com_manager b, .com_manager p {
  color: #60A343;
}

/* commentaires en mode community manager */
.com_manager .comment_headline {
  color: #60A343;
}


/* cartouche de filtre des events dans la page "tournages" */
.ev_list_filter_header {
  height: 70px;
}

/* liens dans les menus correspondant à une aide contextuelle */
div.menu_item_help {
  text-align: right;
  font-style: normal;
  font-size: 12px;
}
div.menu_item_help a {
  color: #636A87;
}

/* ligne "client" dans un item de liste d'event */
div.browse_event_entete_client {
  font-weight: bold;
  padding: 12px 0px 12px 0px;
  font-size: 16px;
}

/* cartouche d'affinages divers au dessus de la liste d'events en page d'accueil */
div.affinage_events {
  text-align: left;
  padding: 20px 0px 10px 0px;
  line-height: 25px;

  /* Jean 22/07/2010 : ombrage */
  -moz-box-shadow: 3px 3px 4px #EEE;    /* mozilla */
  -webkit-box-shadow: 3px 3px 4px #EEE; /* chrome + safari */
  box-shadow: 3px 3px 4px #EEE;          /* opéra */
}

/* notes internes par défaut */

/* un bloc dans les notes internes */
div.privnotes_part {
  border: 1px solid #CCE6C1;
  background: #FCFDFB;
  padding: 5px;
  margin: 5px;
}

/* un titre de bloc */
div.privnotes_part div.privnotes_title {
  font-size: 15px;
  font-weight: bold;
  margin-bottom:;
  font-variant: small-caps;
}

/* liste de thématiques sur le côté de la liste de chaînes */
.thematics_container {
  margin-top: 10px;
  padding: 5px;
  background: #F2F2F2;
  border: 1px solid #BBBBBB;
  margin: 10px 0px 10px 0px;
  /*
  font-weight: bold;
  */
}
.thematics {
  padding: 5px 8px 5px 8px; border: 1px solid #DDDDDD; background: #FFFFFF;
}

/* chaque item d'une liste de thématiques sur le côté d'une liste de chaînes */
.thematics_item_container {
  padding: 5px 8px 5px 8px;
  border: 1px solid #DDDDDD;
  border-top: none;
  background: #FFFFFF;
}
.thematics_item {
  font-weight: normal;
}

/* chaque item d'une liste de chaînes */
.group_item_container {
  padding: 10px;
  border: 1px solid #CCCCCC;
  margin-bottom: 10px;
}
.group_item_main_cell_container {
  vertical-align: top;
  padding-left: 6px;
  text-align: left;
}
.group_item_main_cell {
  font-weight: bold;
  font-size: 10.5pt;
}
.group_item_infos {
  color: #777777;
  font-size: 7pt;
  margin-bottom: 5px;
 }
.group_item_cpt_cell {
  vertical-align: top;
  padding-right: 2px;
  text-align: right;
}
.group_item_cpt_cell_webcasts, .group_item_cpt_cell_tournages {
/*
  font-style: italic;
  font-size: 11px;
*/
}
.group_item_cpt_cell_tournages {
  color: #8096B7;
}
.group_item_infos_container {
  vertical-align: top;
  padding-left: 18px;
}

/* Style du texte "Ce projet est clôturé" */
.project_closed, .project_past, div.planified, div.event_scheduled {
  width: 195px;
  text-align: center;
  font-size: 14px;
  text-shadow: 1px 1px 0 #4A7B95/*#790000*/;
  margin-bottom: 10px;
  background: #47A8C4/*#F54A00*/;
  color: white;
  border: 0px solid #47A8C4/*#CA3D00*/;
  font-weight: bold;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}


/* sur pages profil : "les webcasts dans lesquel il est intervenu" / "les blogs qu il(elle) a commentés" / ..... */
span.interv_date, span.event_comment_date, span.blog_comment_date, span.blog_date, span.creation_date, span.interest_date {
  font-weight: bold;
  font-size: 10px;
  color: white;
  padding: 0px 4px 0px 4px;
  border: 1px solid #717884;
  text-shadow: 1px 1px 0 #717884;
  border-radius: 8px;
  margin-right: 4px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
span.interv_date { background: #D56F19; border-color: #B73C00; }
span.interv_date_CM { background: #F5FCF3; border-color: #AED1A5; color: #5AB335; text-shadow: none; }
span.event_comment_date { background: #5689CC/*#949DBE*/; border-color: #3A75C5; }
span.blog_comment_date { background: #A69C59; border-color: #8F874E; }
span.blog_date { background: #8AA43C; border-color: #769548; }
span.creation_date { background: #8D9C8D; border-color: #7E8F7E; }
span.interest_date { background: #E29547; border-color: #D77C22; text-shadow: 1px 1px 0 #9D6C57; }



div.project_past, div.event_scheduled {
  width: 75px;
  font-size: 12px;
  background-color: #E84500;
  text-shadow: 0.1em 0.1em #444444;
}

div.event_scheduled { margin-top: 6px; background-color: #156ABF; }
div.event_scheduled a { color: #F0F7FF; }
div.event_scheduled a:hover { color: white; }

.project_past, div.event_scheduled { padding: 2px 5px 2px 5px; }


/* Style du texte "La date butoir est dépassée !" */
.project_closed {
  text-shadow: 1px 1px 0 #247900;
  margin-bottom: 10px;
  background: #23B000;
  border: 1px solid #1C8C00;
}

/* texte "planifié le" (dans liste d'events) */
/* + texte "tournage en attente de financement" (dans liste d'events) */
div.planified_container, div.waiting_container {
  margin: 10px 0px 10px 0px;
}
div.planified, div.waiting_shoot {
  /*width: 260px;*/
  display: inline;
  height: 25px;
  padding: 2px 6px 2px 6px;
  background: #429710;
  color: white;
  font-size: 14px;
  text-shadow: 0px 0px 0 #253221;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

div.waiting_shoot {
  background: #ECEFE9;
  color: #429710;
  text-shadow: 0px 0px 0 #790000;
  border: 1px solid #DCE1D7;
}

/* "Attention, ceci est la page où nous préparons ce sujet [...]" */
div.beeing_prepared, div.beeing_prepared_but_late {
  width: 700px;
  border: 2px solid #D8E1F3;
  background: #D8E1F3 /*#F2F5F9*/;
  padding: 4px 0px 1px 0px;
  display: block;
  height: auto;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  text-align: left;
  color: #44526A;
  font-size: 11px;
  font-weight: normal;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding-bottom: 10px;
}
div.beeing_prepared a, div.beeing_prepared_but_late a {
  /*color: #154799*/;
  text-shadow: /*1px 1px 1 #91A9DD*/none;
  text-decoration: underline;
}
div.beeing_prepared a:hover, div.beeing_prepared_but_late a:hover { text-decoration: none; }

font.planified_on {
  color: #44526A;
  font-weight: bold;
}

/* "Projet supposé avoir été livré avant le" */
.project_late {
  color: #D50000;
  font-weight: bold;
}

/* boutons d'invitations */
.invite_btn_blue, .invite_btn_green, .invite_btn_orange {
  background: #73ACDB;
  padding: 5px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  border-color: #245E8C;
}
.invite_btn_blue a, .invite_btn_green a, .invite_btn_orange a {
  color: white;
  font-weight: bold;
  font-size: 10pt;
  text-shadow: 1px 1px 0 #777777;
}
.invite_btn_blue a:hover, .invite_btn_green a:hover, .invite_btn_orange a:hover {
  color: #FCFFE8;
}

.invite_btn_blue a.com_manager b, span.invite_btn_green a.com_manager b, .invite_btn_orange a.com_manager b {
  color: #F2FFF2;
}

.invite_btn_green {
  background: #7DA366;
  border-color: #384A2D;
}

.invite_btn_orange {
  background: #A89D62;
  border-color: #4A492D;
}

/* Pour choisir sa catégorie de profil lors de l'inscription */
div.affine_signup {
  text-align: center;
  font-size: 22px;
  color: gray;
}
a.affine_signup, a.affine_signup_disable {
  font-size: 18px;
  font-weight: bold;
}
a.affine_signup_disable { color: gray; }
a.affine_signup { text-decoration: underline; }
a.affine_signup:hover { text-decoration: none; }


/* Interface d'invitation */
div.people_to_invite { width: 100%; }
table.people_to_invite td { color: 100%; }
table.people_to_invite_infos {
  width: 100%;
  background: #FBFBFB;
  border-top: 1px solid #BBBBBB;
  border-left: 1px solid #C4C4C4;
  border-right: 1px solid #E2E2E2;
 }
table.people_to_invite td {
  line-height: 14px;
 }
table.people_to_invite_infos td {
  color: #222222;
  border-bottom: 1px solid #CCCCCC;
  padding: 2px;
  font-size: 10px;
  line-height: 12px;
}
table.people_to_invite_infos td.societe {
  color: white;
  background: #6F6F6F;
}
div.already_invited {
  background-color: #FFDFCC;
  border: 1px solid #FFC8A6;
}
div.already_invited td { color: #9B6A68; }
div.already_invited td.societe { background: #A98F83; }
div.already_invited table.people_to_invite_infos { background: #FDF5F2; }
/* zone d'avertissement "Déjà invité(e) !" */
div.already_invited_txt, div.contributor_txt {
  font-size: 11px;
  background: #F54A00;
  color: white;
  margin-right: 1px;
  border: 0px solid #CA3D00;
  font-weight: bold;
  text-shadow: 1px 1px 0 #B33500;
  padding: 2px;
  border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
}
div.contributor_txt {
  font-size: 9px;
  background: #A82D39;
}

/* 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: 4px 4px 0px 0px;
  -moz-border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
}

/* Chaque item (users) de l'interface d'invitation */
div.invit_box {
  margin-bottom: 3px;
  padding: 2px 5px 10px 5px;
  margin-bottom: 3px;
  padding: 2px 5px 10px 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

/* Jean 09/06/2010 : pour mettre un background autre que blanc dans le BODY de la page */
body {
  border-width: 0px;
}
div.content {
    padding: 10px 4px 20px 4px; 
}

/* encart "répondre à l'invitation", en haut à droite de l'event */
div.reply_to_invitation {
  background: #F54A00;
  float: right;
  border: 0px solid #EF8630;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 3px 5px 5px 5px;
  text-align: center;

  /* ombrage */
  -moz-box-shadow: 2px 4px 6px #BBBBBB;    /* mozilla */
  -webkit-box-shadow: 2px 4px 6px #BBBBBB; /* chrome + safari */
  box-shadow: 2px 4px 6px #BBBBBB;         /* opéra */
  line-height: 12px;
 }
div.reply_to_invitation a {
  color: white;
  font-weight: bold;
  font-size: 12px;
}

/* texte "A JUSTE ÉTÉ INVITÉ À ASSISTER DANS LE PUBLIC" */
.invited_to_attend {
  display: block;
  width: 140px;
  text-align: center;
  line-height: 14px;
  color: #F54A00;
  font-weight: bold;
  font-size: 11px;
  padding: 3px 10px 3px 10px;
  background: #FEF9F5;
  border: 1px solid #DB671A;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
 }

/* option de recherche intégrée à la bannière (non visible par défaut) */
div.zone_search_option {
  visibility: hidden;
  position: absolute;
  z-index: 1000;
  text-align: left;
  width: 315px;
  font-size: 12px;
  padding: 7px 8px 9px 9px;
  background: #FEFEFD;
  border: solid #BEBEBE;
  border-width: 1px 2px 2px 1px;

  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
 }


/* Bouton de login dans la bannière */
table.intra_header_ds input.button_header_login {
  height: 18px;
  padding: 0px 2px 0px 2px;
}

/* Bouton de recherche dans la bannière */
input.search_btn {
}

/* chaque type d'intérêt dans l'onglet des "Intéressés" */
li.li_member_interests {
  font-size: 10pt;
  font-weight: normal;
  color: #DB6D11;
}
li.li_member_interests_wantattend {
  color: #1D7027;
  font-weight: bold;
}
li.li_member_interests_sponsor, li.li_member_interests_paid {
  color: #79BC5C;
}

/* valeur du vote d'un user */
li.li_member_interests span.vote_value {
  font-size: 12pt;
  font-weight: bold;
  color: #C46200;
}
/* explication détaillée du vote d'un user */
li.li_member_interests div.vote_details_header, li.li_member_interests div.vote_details {
  width: 380px;
  font-size: 12px;
  padding: 2px 5px 2px 8px;
  border: 1px solid #BEBEBE;
  border: 0px;
}
li.li_member_interests div.vote_details_header {
  background: #C46200;
  color: white;
  font-weight: bold;
  margin-top: 5px;
  border-radius: 4px 4px 0px 0px;
  -moz-border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  border-bottom: 0px;
 }
li.li_member_interests div.vote_details {
  background: white;
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  border-top: 0px;
 }

/* "Pour la raison suivante" (texte précédant l'explication à saisir dans un textarea) */
td.profile tr#zone_vote_explain td {
  padding-top: 5px;
  font-size: 13px;
}

/* options de vote */
td.profile div.vote_choice, td.profile div.vote_choice label span {
  font-size: 13px;
}

/* item de menu "Autres types vidéos" */
div.other_video_types {
  height: 28px;
  padding-top: 8px;
  padding-left: 10px;
  color: #666666;
}

/* boîte de perso de l'outil de vote dans event_edit */
div.perso_vote_box {
  padding: 2px 2px 2px 6px;
  width: 100%;
  border: 1px solid #CCC139;
  background: #FCFBF3;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;

  /* Jean 22/07/2010 : ombrage */
  -moz-box-shadow: 4px 4px 6px #DDD;    /* mozilla */
  -webkit-box-shadow: 4px 4px 6px #DDD; /* chrome + safari */
  box-shadow: 4px 4px 6px #DDD;          /* opéra */
}
font.vote_header_title {
  font-weight: bold;
  color: #8B7049;
}
input.vote_option { width: 160px; }
textarea.vote_header_title {
  width: 240px;
  height: 55px;
}
td.vote_option_title {
  text-align: right;
  width: 75px;
}

/* Texte de saisie de la raison de son vote */
textarea.vote_explain {
  width: 380px;
  height: 39px;
}
/* Quand la zone du sondage est embedée dans le PITCH */
table#zone_sondage textarea.vote_explain {
  width: 360px;
}



/*****************************************************************/
/* EXTRA HEADER                                                  */
/*****************************************************************/
div.ds_header {
  background-color: #F5F5F5;
  background: url(../images/menu_bg_clair.gif) top repeat-x;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  border-bottom: 1px solid #CCCCCC;
}
div.ds_header select {
  background-color: #FAFAFA;
  border: 1px solid #BBBBBB;
  color: #333333;
}
div.ds_header, div.ds_header table td, div.ds_header table td div {
  color: #787E85;
  font-size: 13px;
}
div.ds_header a {
  color: #7E8989;
  font-weight: bold;
  font-family: Trebuchet MS;
}
div.ds_header table.extra_header_ds {
  width: 1116px;
}
div.ds_header table.intra_header_ds {
  height: 25px;
}
div.ds_header table.intra_header_ds td {
  vertical-align: middle;
}
div.ds_header table.intra_header_ds td.separ_gauche {
  padding-left: 30px;
}
div.ds_header div.top_menu_link_container_end, div.ds_header div.top_menu_link_container {
  float: normal;
  height: 28px;
}



/*****************************************************************/
/* GROS FOOTER */
/*****************************************************************/
div.ds_footer {
  margin-top: 30px;
  background: #37495A url(../images/magnet/footer_ds_big2.png) top repeat-x;
  width: 100%;
  height: 282px;
  margin-bottom: 15px;
}
table.extra_footer_ds_main/* table tr.extra_footer_ds_TR*/ {
  height: 245px;
  overflow: hidden;
}
div.ds_footer, div.ds_footer table td, div.ds_footer div {
  color: #F1F7FA;
  font-family: Arial;
}
div.ds_footer a {
  color: #98BED3;
  font-family: Trebuchet MS;
}
div.ds_footer a.com_manager {
  color: #8DDE99;
  font-family: Trebuchet MS;
}
div.ds_footer table.extra_footer_ds {
  width: 1100px;
}
div.ds_footer table.intra_footer_ds {
  height: 28px;
}
div.ds_footer table.intra_footer_ds td {
  vertical-align: top;
}
table.extra_footer_ds_mini {
  /*background: #1E252B;*/
}
table.extra_footer_ds_mini table td {
  vertical-align: middle;
}
table.extra_footer_ds_mini table td, table.extra_footer_ds_mini table td div {
  color: #ECF0F4;
}
table.extra_footer_ds_mini table td select {
  background-color: #404F5E;
  color: #DCE4ED;
  border: 0px;
}
div.ds_footer table.intra_footer_ds td.separ_gauche {
  padding-left: 30px;
}
div.ds_footer div.footer_mess1, div.ds_footer div.footer_mess2 {
  padding-left: 0px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #CED8DF;
  padding-bottom: 3px;
  width: 394px;
}
/*
div.ds_footer div.footer_mess1 {
  text-shadow: 1px 1px 0 #374955;
}
*/
div.ds_footer div.footer_mess2 {
  padding-left: 0px;
  color: #9EB0BE;
  font-size: 12px;
  font-weight: normal;
}
div.ds_footer td.trait_gauche {
  border-left: 1px solid #273947;
}
div.ds_footer table.intra_footer_ds div {
  padding-top: 7px;
}
div.ds_footer table.intra_footer_ds div div {
  padding-top: 0px;
  padding-bottom: 4px;
}
table.footer_bis tr td {
  padding-top: 5px;
}
div.ds_footer div.info_body {
  font-size: 12px;
  color: #949FB4;
}
div.ds_footer div.info_body a, div.ds_footer div.footer_mess2 a { text-decoration: underline; }
div.ds_footer div.info_body a:hover, div.ds_footer div.footer_mess2 a:hover { text-decoration: none; }
div.ds_footer div.info_tel {
   color: #30B9D6;
   font-size: 21px;
   font-weight: bold;
 }
div.ds_footer input.abonnement_rss {
  height: 26px;
  width: 170px;
  background: #E1EEF4;
}
div.ds_footer select {
  background-color: #DCE4ED;
}

.arrondi_leger {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.arrondi_moyen {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.arrondi_fort {
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
}

/* lien "Modifier" dans un item issu d'une recherche */
.search_and_edit, .serach_and_edit {
  float: right;
/*
  padding: 3px;
  color: #1E6613;
  font-weight: bold;
  margin: 4px;
  border: 1px solid #76CD5C;
  background: #E6FDDF;
  font-size: 10px;
*/
}

/* sous-titre dans un élément de recherche */
.search_subtitle {
  margin-top: 5px;
  color: #45527C;
  font-style: normal;
  font-size: 11px;
}

/* "M’informer par email des prochains commentaires" */
label.comment_notify_me { font-size: 11px; }
label.comment_notify_me_CM { color: gray; }

/******************************************************************/
/* Encarts "Sujet les plus comentés" et "Derniers commentaires"   */
/******************************************************************/

/* à l'intérieur de ces encarts */
div.network_content ul { padding: 0 15px 0 15px; }
div.network_content .meta, div.network_content .meta ul { color: #626a70; padding: 0px; margin: 0px; }
div.network_content ul li { list-style: none; padding: 7px 0 7px 0; width: 100%; border-bottom: 1px solid lightgray; }
div.network_content ul li ul li { background: none; list-style-type: square; }
.last_comments_item { display: inline;  float: left; width: 65px; }

.last_comment_guy { padding: 3px; margin: 0px 3px 3px 0px; }
.last_comment_guy img { border: 1px solid #E1E2E6; }


/* Infos contextuelles en entête d'une page projet (avant le titre) */
div.client_name, div.client_name a { color: #3D8031; }
div.page_header div.client_name a { color: #4DA633; font-size: 18px; }

font.whoose_channel, font.whoose_parent_project, font.event_main_title, font.event_type,
div.client_name, div.whoose_channel, div.whoose_parent_project, div.event_main_title, div.event_type {
 font-size: 13px;
}

div.client_name, div.event_special_info {
  float: right;
}



/* Exemples :  Projet supposé avoir été livré le... / Projet de tournage */
font.event_type { font-size: 15px; }

/* Ce projet est rangé dans... */
.event_thema_info {
  padding: 0px 5px 0px 5px;
  background: #F9F9F9;
  border: 1px solid #E8E8E8;
  font-style: italic;
  font-size: 11px;
}
/* encart de cases à cocher d'intéressement à un event */
td.interest_label label {
  font-size: 11px;
}

/* titre de l'event dans la page d'un event */
font.event_main_title { font-size: 20px; }


/* lien vers une chaîne principale dans le menu "Mes favoris" */
div.menu_item_dropdown a.bookmark_channel,
div.div_favourite_links a.bookmark_channel {
  font-size: 11px;
  height: 20px;
  padding: 2px 0px 0px 2px;
  width: 400px;
  margin-right: 20px;
  border-right: 1px solid #D3D3D3;
  border-top: 1px solid #D3D3D3;
  border-bottom: 1px solid #B9B9B9;
  color: #6C6D80;
  font-weight: bold;
  background: #F9F9F9;
  border-radius: 0px 11px 11px 0px;
  -moz-border-radius: 0px 11px 11px 0px;
  -webkit-border-radius: 0px 11px 11px 0px;
}

/* lien vers un event parent dans le menu "Mes favoris" */
div.menu_item_dropdown a.bookmark_parent_event,
div.div_favourite_links a.bookmark_parent_event {
  color: gray;
  font-size: 12px;
  height: 17px;
  padding: 0px 0px 0px 2px;
}

div.div_favourite_links a.bookmark_parent_event {
  font-size: 11px;
}

/* lien vers un event dans le menu "Mes favoris" */
div.menu_item_dropdown a.bookmark_event, div.menu_item_dropdown a.prior_bookmark_event {
  font-weight: normal;
  font-size: 11px;
  padding: 2px 2px 4px 2px;
}
/* les "favoris parmi les favoris" */
div.menu_item_dropdown a.prior_bookmark_event,
div.div_favourite_links a.prior_bookmark_event {
  font-weight: bold;
  padding-top: 6px;
  color: #FD6C02;
  font-size: 14px;
}

/* textes importants */
.important {
  color: #D90000;
}
.important a {
  color: #FF1111;
}

/* liste de tags dans la tasklist */
span.tasklist_tags, span.tasklist_client {
  font-size: 11px;
  padding: 2px 6px 3px 2px;
  margin-right: 5px;
  border: 1px solid #D6CEB4;
  color: #8F8B5C;
  font-weight: bold;
  background: #FCF9F5;
  /*
  border-radius: 0px 11px 11px 0px;
  -moz-border-radius: 0px 11px 11px 0px;
  -webkit-border-radius: 0px 11px 11px 0px;
  */
  border-radius: 11px 0px 11px 0px;
  -moz-border-radius: 11px 0px 11px 0px;
  -webkit-border-radius: 11px 0px 11px 0px;
}
span.tasklist_tags a, span.tasklist_client a { color: #9C8A07; text-decoration: underline; }
span.tasklist_tags a:hover, span.tasklist_client a:hover { text-decoration: none; }

/* raison sociale concernée par la tâche */
span.tasklist_client, span.tasklist_client a {
  color: #539F1A/*#FF661C*/;
}

/* auteur d'une tâche */
font.task_author { color: #D8570A; }
font.task_author a { color: #F4650F; text-decoration: underline; }
font.task_author a:hover { color: #F4650F; text-decoration: none; }

/* contenus d'onglets */
div.tab_content {
  background-color: white;
  padding: 10px;
}

/* texte "aller voir !" situé dans un item de liste d'events */
div.go_and_see { font-style: italic; padding-left: 4px; padding-top: 7px; }
div.go_and_see a { color: gray; }
div.go_and_see a:hover { color: #CA0002; }

div.coin_ecorne_video_payante, div.coin_ecorne_video_payante, div.coin_ecorne_video_100_pourcents {
  color: white;
  font-size: 12px;
  cursor: pointer;
  float: right;
  width: 120px;
  height: 60px;
  padding: 3px;
  background: url(../images/coin_ecorne_rouge.png) no-repeat right;
  text-align: right;
  line-height: 12px;
}

div.coin_ecorne_video_payante {
  line-height: 14px;
}

div.coin_ecorne_video_100_pourcents {
  background: url(images/coin_ecorne_vert.png) no-repeat right;
  line-height: 14px;
}

/* logo de la web-tv dont provient tel item d'une liste d'events */
a.event_item_webtv_logo {
  width: 32px;
  height: 32px;
}

/* contenant du diaporama en homepage */
div.diaporama_container {
  padding: 0px;
  margin: 0px;
  width: 100%;
  background-color: transparent; /* #181616 */
}

/* item du nuage de chaînes */
a.cloud_item       { text-decoration: none; }
a.cloud_item:hover { text-decoration: underline; }

/* box pour le choix de users dans l'édit */
div.users_choice, div.users_choice_event {
  background: #F7F9FB;
  border: 1px solid #E2E9E9;
  font-size: 9pt;
  color: #333333;
  vertical-align: middle;
  padding: 2px 4px 4px 6px;
  width: 218px;
  margin-left: 20px;

  /* bords arrondis */
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;

  /* ombrage */
  -moz-box-shadow: 4px 4px 6px #DDD;    /* mozilla */
  -webkit-box-shadow: 4px 4px 6px #DDD; /* chrome + safari */
  box-shadow: 4px 4px 6px #DDD;          /* opéra */
 }

input.users_choice {
  width: 192px;
  padding-left: 18px;
  background: white url('images/icons/plus16.gif') no-repeat left center;
}

/* idem, mais au sein d'une page d'event (en contextuel) */
div.users_choice_event {
  background-color: #FCFCFC;
  border: 1px solid #EDF1F1;
  padding: 10px;
  text-align: left;
  margin-left: 10px;
}

div.users_choice, div.users_choice_event,
div.users_choice span, div.users_choice_event span,
div.users_choice div, div.users_choice_event div {
  font-family: Arial;
}

div.users_choice div, div.users_choice_event div {
  font-size: 11px;
}

/* titre de la section des chaînes dans cette infobulle */
td.infobulle_channel_list_title {
  padding: 10px 0px 0px 0px;
}
a.infobulle_channel_title {
  font-weight: normal;
}

/* chaque titre d'encart dans l'infobulle d'une section */
td.infobulle_channel_list_title div {
  display: inline;
  padding: 2px 10px 2px 0px;
  font-size: 11px;
  font-weight: bold;
  color: #555555;
}

/* chaque item de cette liste de chaînes */
table.infobulle_channel_list td.infobulle_channel_other_items_link a {
  border-bottom: 0px;
  font-style: italic;
  font-weight: bold;
  padding-top: 5px;
}
/* titre d'une chaîne dans une liste de chaînes relatives à une section */
table.infobulle_channel_list td.infobulle_channel_item_title a {
  font-weight: normal;
  /*font-family: 'FranklinGothicMediumRegular';*/
}
td.infobulle_event_list ul { padding-left: 14px; }
td.infobulle_event_list li {
  padding-top: 10px;
  list-style: url('images/puce.png');
}

/* titre d'event dans une liste d'events relatifs à une section */
td.infobulle_event_list li a {
  font-weight: normal;
  /*font-family: 'FranklinGothicMediumRegular';*/
}

/* options d'intéressement à un event dans une infobulle de section */
td.infobulle_event_list li div.infobulle_event_options {
  padding-left: 10px;
}
td.infobulle_event_list li div.infobulle_event_options a {
  color: #435767;
  font-size: 11px;
  font-family: Arial;
  font-weight: normal;
}
td.infobulle_event_list li div.infobulle_event_options a.active_feedback {
  color: #888888;
}

table.infobulle_channel_list td {
  padding-top: 25px;
  border-bottom: 1px dotted #AAAAAA;
  padding-bottom: 4px;
  font-size: 11px;
}

table.infobulle_channel_list td.infobulle_channel_other_items_link {
  border-bottom: 0px;
}

td.infobulle_last_subjects {
  border-left: 1px dotted #BBBBBB;
  padding-left: 10px;
  width: 50%;
}

/* derniers commentaires */
div.network_content ul li.li_last_comment {
  padding: 7px 0px 0px 0px; 
}
div.last_comment_body {
  color: #3F4244;
}
div.last_comment_hour {
  font-size: 10px;
}
a.last_comment_event_url {
  font-size: 11px;
  font-weight: bold;
  color: #3F4244;
}
a.last_comment_event_url:hover { text-decoration: underline; }

/* page des favoris */
div.fav1 {
  padding-top: 20px;
}
div.fav2 {
}
div.fav3 {
  padding-top: 20px;
}

/* TOC dans une liste de chaînes présente dans une home de section */
div.TOC_groups { margin-left: 20px; }
div.TOC_groups label { font-weight: bold; }
div.TOC_groups li {
  padding-top: 3px;
  list-style: url('images/puce.png');
}


/* Petits boutons bleus arrondis */
td.event_infos_header input.small_submit_button,
input.small_submit_button,
td.event_infos_header input.small_cancel_button,
input.small_cancel_button,
input.small_blue_button {
  padding: 1px 10px 4px 10px;
  font-family: Trebuchet MS;
  font-size: 12px;
  height: 20px;
  color: white;
  border: 0px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  cursor: pointer;
}

td.event_infos_header input.small_submit_button,
input.small_submit_button {
  background: #6AAF16;
  border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
}

td.event_infos_header input.small_cancel_button,
input.small_cancel_button {
  /*background: #B3AAA6;*/
  background: #E9E7E4;
  color: #A2A2A2;
  border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
}

input.small_blue_button { background: #5F8ED6; }

/* bouton "Tout afficher par ordre chronologique uniquement" */
div.switch_display_mode_container {
  text-align: right;
  margin-bottom: 20px;
}
span.switch_display_mode {
  padding: 5px 6px 6px 10px;
  background: #F4F4F4;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border: 1px dotted #CCCCCC;
}
span.switch_display_mode a {
  color: #777777;
  font-weight: normal;
  margin-bottom: 10px;
}
span.switch_display_mode:hover { text-shadow: none; }
span.switch_display_mode a:hover { color: #444444; }

/*
span.switch_display_mode {
  padding: 5px 6px 3px 10px;
  font-size: 11px;
  font-weight: bold;
  background: #333333;
  border-radius: 14px 0px 0px 0px;
  -moz-border-radius: 14px 0px 0px 0px;
  -webkit-border-radius: 14px 0px 0px 0px;
}
span.switch_display_mode:hover {
  text-shadow: 0.1em 0.1em #6F6F6F;
}
span.switch_display_mode a {
  color: #DDDDDD;
}
*/



/*  TASK MAIL : xxxxxx ou yyyyyy (event.tpl)  */
div.taskmail_aliases {
}

div.taskmail_aliases a {
  font-style: normal;
}

div.edit_taskmail_aliases {
  margin: 18px 0px 0px 26px;
  left: 424px;
  width: 320px;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
}

#textarea_taskmail_aliases {
  width: 310px;
  height: 40px;
  display: block;
}


/******************************************************************/
/* encart des sujets connexes */

/* son titre */
div.connex_events_title {
  color: #81819B;
  padding: 0px 0px 2px 1px;
  /*
  border-radius: 0px 20px 0px 0px;
  -moz-border-radius: 0px 20px 0px 0px;
  -webkit-border-radius: 0px 20px 0px 0px;

  width: 201px;
  background-color: white;
  text-shadow: 0.1em 0.1em #AAAAAA;
  padding: 1px 1px 2px 6px;
  border: 1px solid #DDDDDD; border-bottom: 0px; color: #888888;
  */
}
div.connex_events_title_header {
  margin-bottom: 8px;
}
div.connex_events_title font {
  font-size: 12px;
  color: #666666;
}
/* encart lui-même */
table.connex_events {
}
table.connex_events td.connex_events_channel {
  padding: 2px;
}
table.connex_events table.connex_events_channel {
  width: 100%;
  background: transparent;
}
table.connex_events td.not_last_channel {
  border-right: 1px dotted #DDDDDD;
}
table.connex_events td.connex_events_channel_title {
  height: 38px;
  padding: 0px 0px 2px 0px;
}
table.connex_events li.connex_events_channel_title {
  list-style-type: none;
  color: #43608B;
  padding: 0px;
  width: 100%;
  display: block;
  /*
  border-top: 1px dotted #DDDDDD;
  padding-top: 2px;
  */
  border-bottom: 1px dotted #C1C1C1;
  padding-bottom: 3px;
}
table.connex_events li.connex_events_channel_title a {
  font-size: 12px;
/*
  font-weight: bold;
*/
}
td.connex_events_list {
  padding: 8px 1px 0px 1px;
  background: transparent;
}

/* bloc de sujets connexes en mode "vignettes v2" */
td.connex_events_list div.event_bloc_title {
  margin-top: 0px;
}
td.connex_events_list div.event_bloc_title a { text-decoration: underline; color: #444444; }
td.connex_events_list div.event_bloc_title a:hover { text-decoration: none; }

li.connex_event, li.connex_event_with_thumb {
  padding: 8px 1px 0px 1px;
  background: transparent;
  list-style-type: none;
  color: #43608B;
  padding-bottom: 6px;
  line-height: 14px;
}
li.connex_event a {
  font-size: 11px !important;
}

td.connex_events_list li.connex_event_with_thumb {
  height: 52px;
  overflow: hidden;
}
div.connex_event_with_thumb {
  float: left;
  margin-right: 3px;
  margin-top: 2px;
}
a.connex_event_title {
  font-size: 11px !important;
}
div.connex_event_sub_title_disp {
  font-size: 11px !important;
  color: #999999;
}

div.connex_event_sub_title {
  font-size: 11px !important;
  color: #777777;
}

td.connex_events_list div.more_events {
  text-align: center;
}
td.connex_events_list div.more_events a {
  /*
  background: #444444;
  color: white;
  */
  font-size: 11px !important;
}

/* event présenté en "bloc" (avec vignette) */
div.event_bloc_item {
  float: left;
  margin:  0px 4px 15px 5px !important;

  -moz-box-shadow: 3px 3px 4px #EEE;
  -webkit-box-shadow: 3px 3px 4px #EEE;
  box-shadow: 3px 3px 4px #EEE;
/*
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
*/
}

div.event_bloc_item div {
  margin: 0px !important;
}

/* titre d'une liste d'events présentés en blocs avec vignettes */
div.event_bloc_title {
  font-weight: bold;
  margin: 25px 0px 10px 0px;
  color: #444444;
}
div.event_bloc_title_top {
  margin-top: 0px;
}

div.event_bloc_title i { color: #999999; }

td.event_bloc_item_thumb {
  width: 10px; /* PARAM */
}

/* titre et sous-titre d'un item-event "bloc" (affiché à droite de la vignette) */
div.event_bloc_item_text {
  height: 46px;
  overflow: hidden;
  padding: 3px 2px 2px 4px;
  background: #F4F4F4;
  border: 1px solid #DDDDDD;
  border-width: 1px 1px 1px 0px;
}

/* couleur de fond d'un item-event "bloc" */
div.event_bloc_item_text, td.event_bloc_item_thumb {
  background: #F4F4F4;
}

/* bloc de vignettes d'event faisant l'objet d'un élément de diaporama */
li.event_diap_bloc {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}

td.TD_diap_prev, td.TD_diap_next {
  vertical-align: middle;
  width: 16px;
}
td.TD_diap_prev a img, td.TD_diap_next a img { background: #9B9897; }
td.TD_diap_prev a { background: url('images/diap_prev.png') no-repeat 0px 0px; }
td.TD_diap_next a { background: url('images/diap_next.png') no-repeat 0px 0px; }

td.TD_diap_prev a:hover img, td.TD_diap_next a:hover img { background: #CA4200; }
td.TD_diap_prev a:hover { background-image: url('images/diap_prev_on.png'); }
td.TD_diap_next a:hover { background-image: url('images/diap_next_on.png'); }

td.TD_diap_prev a, td.TD_diap_next a {
  font-weight: bold;
  font-size: 35px;
  position: relative;
  top: -8px;
}
div.slideshow_pager {
  display: inline;
  /*float: right;*/
}
div.slideshow_pager a {
  padding: 0px 4px 0px 4px;
  margin-left: 2px;
  border: 1px solid #DDDDDD;
  background: #E1E1E1;
  color: white !important;
  text-decoration: none !important;

  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
div.slideshow_pager a:hover, div.slideshow_pager a.activeSlide {
  background: #F7F7F7;
  color: #888888 !important;
}
/*
td.TD_diap_prev a { left: 6px; }
td.TD_diap_next a { left: -16px; }
td.TD_diap_prev img, td.TD_diap_next a img { position: absolute; z-index: 1001; }
*/


div.event_bloc_item_title {
  font-size: 11px !important;
}
div.event_bloc_item_container div.com_manager {
  color: #599D2D !important;
}

div.event_bloc_item_sub_title {
  margin-top: 3px;
  font-size: 11px !important;
  color: #999999;
}

/* event "bloc" */
table.event_bloc_item_container div.event_bloc_item_text {
  border-left: 0px;
  padding-left: 8px;
}

/* au passage de la souris sur un event "bloc" */
table.event_bloc_item_container_on div.event_bloc_item_text,
table.event_bloc_item_container_on td.event_bloc_item_thumb {
  background: #DDECFF;
  background-image: -moz-linear-gradient(top, #DDECFF, #ECF4FF);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#DDECFF), to(#ECF4FF));
}


/* sujets "PRO" */
td.sujets_pro a {
  /*
  color: #0089D2;
  */
  /*
  font-weight: bold;
  */
}
table.connex_events td.sujets_pro {
  background-color: white;
}
td.sujets_pro li.connex_events_channel_title a {
  /*
  border-bottom: 1px dotted #0089D2;
  */
}

div.under_connected_subjects {
  text-align: center;
  font-size: 13px;
  margin-bottom: 20px;
}

/******************************************************************/

/* explication détaillée d'une candidature ou d'une réponse à une invitation */
div.member_explain_header, div.member_explain_value,
div.profile_friend_details div.member_explain_header, div.profile_friend_details div.member_explain_value {
  width: 380px;
  padding: 2px 5px 2px 8px;
  border: 1px solid #11A611;
}
div.member_explain_header, div.profile_friend_details div.member_explain_header {
  background: #11A611;
  color: white;
  font-size: 11px;
  margin-top: 5px;
  border-radius: 7px 7px 0px 0px;
  -moz-border-radius: 7px 7px 0px 0px;
  -webkit-border-radius: 7px 7px 0px 0px;
  border-bottom: 0px;
}
div.member_explain_value, div.profile_friend_details div.member_explain_value {
  background: white;
  color: #444444;
  color: #70A655; /* couleur CM */
  font-size: 12px;
  border-radius: 0px 0px 7px 7px;
  -moz-border-radius: 0px 0px 7px 7px;
  -webkit-border-radius: 0px 0px 7px 7px;
  border: 1px solid #9CC497;
  border-top: 0px;
}
/* même chose mais dans user_event_edit_members : */
div.member_explain_light div.member_explain_header {
  margin-top: 15px;
  background: #EFF1EF;
  border: 1px solid #EFF1EF;
  color: #333333;
  text-shadow: 0.1em 0.1em #DDDDDD;
  padding: 0px 5px 0px 8px;
}
div.member_explain_light div.member_explain_value {
  background: #FCFCFC;
  border: 1px solid #EFF1EF;
  margin-bottom: 8px;
  font-size: 11px;
  color: #444444;
}

/* text situé au-dessus de la zone multiligne de réponse à une invitation (partie gauche de page event) */
div#zone_confirm_rsvp_title {
  font-size: 11px;
}
/* text au-dessus de la zone multiligne de candidature spontanée */
div#zone_confirm_volont_title {
  font-size: 11px;
  margin: 8px 0px 0px 0px;
}
/* Texte confirmation Ajax du type "Votre feedback a été transmis" */
#seEventProfileRSVPSuccess, #seEventProfileBookmarkSuccess {
  font-size: 12px;
  color: #EC4D00;
  font-weight: bold;
}

/* Zone d'édition du gabarit */
td.edit_template {
  padding-top: 25px;
  text-align: left;
}
td.edit_template div.edit_template_title {
  padding-bottom: 10px;
}
td.edit_template label {
  font-size: 11px;
}

/* Zone d'édition du vote */
td.edit_vote {
  padding-top: 25px;
  text-align: left;
}

/* Texte d'édition "Inverser les parties gauche et droite de la page" (user_event_edit) */
div.edit_event_inverse_sides
 {
  margin-top: 7px;
  font-size: 11px;
}

/* zone d'info "Cet invité a déjà été relancé par moi-même, le 17.12.2010 à 11:24" */
div.guest_revived_info, div.profile_friend_details div.guest_revived_info, div.guest_revived_info_light {
  float: none;
  font-size: 11px;
  background: #F2FCED;
  color: #885A55;
  border: 1px dotted #C9C79C;
  padding: 2px 4px 2px 4px;
}
div.guest_revived_info_light {
  background: white;
  color: #72942C;
}
div.guest_revived_info a, div.guest_revived_info_light a { color: #AA3C28;}
div.guest_revived_info_light a { color: #54AE11; }

.ombrage_leger {
  -moz-box-shadow: 1px 2px 4px #EEE;     /* mozilla */
  -webkit-box-shadow: 1px 2px 4px #EEE;  /* chrome + safari */
  box-shadow: 1px 2px 4px #EEE;          /* opéra */
}
.ombrage_moyen {
  -moz-box-shadow: 1px 2px 4px #CCC;     /* mozilla */
  -webkit-box-shadow: 1px 2px 4px #CCC;  /* chrome + safari */
  box-shadow: 1px 2px 4px #CCC;          /* opéra */
}
.ombrage_fort {
  -moz-box-shadow: 1px 2px 4px #BBB;     /* mozilla */
  -webkit-box-shadow: 1px 2px 4px #BBB;  /* chrome + safari */
  box-shadow: 1px 2px 4px #BBB;          /* opéra */
}

/* edit contextuel du pitch */
textarea#TEXTAREA_event_summary {
  width: 380px;
  height: 320px;
  margin-top: 5px;
}

/* ligne de boutons de sauvegarde de la date en bas du pitch */
div#zone_bottom_prompteur {
  margin-top: 16px;
}

div.icon_pitch {
  position: relative;
  top: -10px;
}

/* nombre de chaînes affiché dans chaque item du menu déroulant des chaînes */
.menu_cat_count, .menu_subcat_count {
  color: #8E97B3;
  font-size: 11px;
}

div.bottom_area div.bottom_area_pre_footer_title a { color: white; }

/* ************************************************************************** */
/* Jean 23/12/2010 */

/* créé par ... le ... dans la thématique ... [...] */
table.encart_debut_event {
  background: #F4F4F4;
  border: 1px solid #DDDDDD;

  background: transparent;
  border-bottom: dotted #E6E6E6;
  border-width: 0px 0px 3px 0px;
/*
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  background: #FEFEFE;
  border: 1px solid;
  border-color: #F8F8F8 #EFEFEF #EFEFEF #F8F8F8;
  -moz-box-shadow: 1px 2px 4px #F9F9F9;
  -webkit-box-shadow: 1px 2px 4px #F9F9F9;
  box-shadow: 1px 2px 4px #F9F9F9;
*/
}
table.encart_debut_event td {
  padding: 5px;
  color: #777777;
}
table.encart_debut_event td.last_TD {
  padding-right: 10px;
}

/* liste déroulante d'accès rapide dans la bannière */
div.banner_speed_acces {
  float: left;
}
div.banner_speed_acces select {
  background: #F4F4F4;
  color: #777777;
  font-size: 11px;
  border-color: #CCCCCC;
}

/* logo webtv fixe tout en haut à droite */
img.img_logo_coin_fixe {
  border: 0px;
  width: 150px;
  position: fixed;
  z-index: 10;
  top: 0px;
  right: 0px;
}

/* bordures plus light */
td.profile_tab a, td.profile_tab a:hover, td.profile_tab2 a, td.profile_tab2 a:hover, #profile_tabs_profile, td.profile_tab_end, div.profile_content,
td.event_tab a, td.event_tab_left a, div.seEventSearch, table.event_calendar, td.event_cell2, td.event_cell3, td.event_cellheader, .event_tab_end {
  border-color: #DDDDDD;
}
/* onglet actif */
td.profile_tab_active a, td.profile_tab_active a:hover,
td.event_tab_active a, td.event_tab_active a:hover
{
  border-bottom-color: white;
}
/* ************************************************************************** */

/* texte "save the date" (bas prompteur) */
font.save_the_date {
 color: #6785B1;
 font-weight: normal;
 font-size: 11px;
}

/* fermeture infobulles de notifications */
div.newupdates_close {
  float: right;
  padding-right: 25px;
}

/* un tag */
div.event_tags a { text-decoration: underline; }
div.event_tags a:hover { text-decoration: none; }

/* Titre d'une des pages d'édition d'un event */
div.page_header font.event_main_title { color: #444444; }
div.page_header font.event_main_title a, div.page_header font.event_main_title_ss_link { /*font-weight: bold;*/ }

/* champs spécifiques issus d'une recherche (tags, client, emplacements...) */
.search_extra {
  margin-top: 10px;
  border-top: 1px dashed #BBBBBB;
  font-size: 11px;
}
.search_extra a { color: #444444; }
.search_extra a:hover { color: #777777; }


/* autres onglets... */
td.tab {
    border-bottom: 1px solid #DDDDDD;
}
td.tab0 {
    border-bottom: 1px solid #DDDDDD;
}
td.tab1 {
    border: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid transparent;
}
td.tab2 {
    border: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
}
td.tab3 {
    border-bottom: 1px solid #DDDDDD;
}

/* site web associé à un workgroup (page entreprise) */
div.group_website { margin: 4px 0px 4px 0px; }
/*
div.group_website a { text-decoration: underline; }
div.group_website a:hover { text-decoration: none; }
*/

td.staff_title { text-align: left; }
div.staff_title {
  font-size: 11px;
  margin-bottom: 10px;
}
div.staff_content {
  padding-left: 12px;
}

/* secteur d'activité associé à un workgroup */
div.group_sector { margin-top: 4px 0px 4px 0px; /*font-size: 11px;*/ }

/* vidéo d'accueil dans une page de workgroup */
div.group_home_video {
  margin-bottom: 15px;
}
/* titre d'une vidéo d'accueil dans une page de workgroup */
div.group_home_video_intro {
  margin-top: 6px;
}

/* encart important dans une homepage de chaîne */
td.group_encart_text, div.group_encart_text {
  border: none;
  border-left: 5px solid #FF641A;
  background: #F6F6F6;
  padding: 0px 5px 5px 6px;
  font-size: 11px;
}

div.group_home_video_subtitle {
  color: #444444;
  font-size: 11px;
}

/* vidéo d'accueil en elle-même */
div.group_home_video_embed {
  margin-top: 8px;
}

/* page group.tpl > derniers events créés */
div.last_event_in_group {
  padding: 2px 0px 2px 1px;
  margin-top: 10px;
  border-top: 1px solid #DDDDEC;
}
td.last_events div.last_event_in_group_1 {
  border-top: 0px;
}
div.last_event_in_group_pair {
  background: #F2F2FC;
}

/* nombre de tâches et de commentaires annoncés pour un event de group.tpl */
span.nb_tasks_in_group_event {
  margin-left: 3px;
  font-size: 11px;
  border: 1px solid #DDDDDD;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #AAAAAA;
  background: #F7F7F7;
  padding: 0px 3px 0px 5px;

  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}
span.nb_tasks_in_group_event a {
  color: black;
  /*
  font-weight: bold;
  */
}

font.no_event_in_this_group {
  color: #AAAAAA;
}


/* éléments issus de la génération auto de la table des matière dans une chaîne */
div.tm_deroul_title {
  margin-top: 0px;
}
a.tm_deroul_chapter {
  display: block;
  font-weight: bold;
  padding-left: 5px;
}
div.tm_deroul_container {
  margin: 4px 0px 15px 0px;
}
div.tm_deroul_chapter {
  margin-top: 3px;
  margin-bottom: 9px;
}
div.tm_deroul_item {
  padding-left: 10px;
}
div.roadmap_chapter, div.group_content a.roadmap_chapter_title {
  display: block;
  margin: 12px 0px 5px 0px;
  font-weight: bold;
  color: #444444;
  border-left: 0px solid #BBBBBB;
  padding-left: 8px;
}

/* user_event_edit_webtv.tpl : "Publier directement sans passer par la case brouillon" */
label.direct_publish_option {
  font-size: 14px;
  font-weight: bold;
  background: #79BC5C;
  border: 1px dotted #66930B;
  color: #F4FFEC;
  text-shadow: 0.1em 0.1em #555555;
  padding: 2px;
}

/* boutons d'upload (image sponsor + resources/PJ) */
input.upload_button {
  height: 44px;
  margin-top: 20px;
  background: #1B5EA0;
  color: white;
  font-size: 17px;
  border: 0px;
  padding: 0px 10px 0px 10px;
}


/* Jean 24/01/2011 : présentation en arborescence d'un projet (thema, puis chaîne, puis event parent éventuels, puis event) */
div.cartouche_event div.event_item_arbo {
  font-weight: normal;
}
/* Jean 24/01/2011 : libellé projet parent + thema + chaîne dans liste en mode blog */
div.cartouche_event a.parent_link, div.event_item_subtitle_arbo {
  font-weight: normal;
  /*
  color: #222222;
  */
}
/* Jean 24/01/2011 : libellé tâche dans liste en mode blog */
div.cartouche_event a.main_event_link {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}
div.cartouche_event a.main_event_link:hover { text-decoration: none; }

/* la partie ascendante des titres d'events (parents, chaîne principale et théma) */
div.whoose_channel, div.whoose_channel a, .event_subtitle { font-weight: normal; }

/* Jean 03/06/2011 - task 10378 */
.event_subtitle {
  /*
  color: #777777;
  font-weight: bold;
  font-family: Calibri;
  */
}

/* quand les sujets connexes sont entre le full brief et les commentaires */
div.connex_events_above_comments {
  margin-top: 20px;
  padding: 14px 4px 0px 2px;
  border: 0px dotted #BBBBBB;
}


/* cartouche d'affinage d'une tasklist */
#zone_cartouche_tasks {
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 10px;
  text-align: right;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;

  border: 1px solid #F5F1F1;
  background: #FDFDFD;
}

/* mode d'affichage de la liste des sujets "enfants" */
div.tasklist_header {
  text-align: center;
  margin-bottom: 10px;
}

/* vue "mozaique" de la liste des tâches */
div.taklist_mozaique_header {
  text-align: center;
}
div#zone_tasklist_mode_mozaique {
  margin-top: 10px;
}
div#tasklist_mozaique_container {
  margin-top: 5px;
  text-align: left;
}
div.tasklist_mozaique_item {
  float: left;
  width: 208px;
  height: 224px;
  overflow: hidden;
  margin: 3px 3px 3px 2px;
  border: 1px solid #DDDDDD;
  background-color: white;
  line-height: 14px;
  /*
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  */
}
div.tasklist_mozaique_item_after_img_container {
  height: 80px;
  overflow: hidden;
}
div.tasklist_mozaique_item_header {
  width: 208px;
  height: 20px;
  position: absolute;
  z-index: 2;
}
div.tasklist_mozaique_item img {
/*
  border-radius: 7px 7px 0px 0px;
  -moz-border-radius: 7px 7px 0px 0px;
  -webkit-border-radius: 7px 7px 0px 0px;
*/
}
div.tasklist_mozaique_item_header div.date_publish {
  float: left;
  color: white;
}
div.tasklist_mozaique_item_header div.nb_comments {
  float: right;
  color: black;
  background: white;
  padding-right: 4px;
  font-size: 11px;
  font-weight: bold;
  opacity: .7;
  -moz-opacity: .7;
  filter: alpha(opacity=70);

  border-radius: 0px 0px 0px 7px;
  -moz-border-radius: 0px 0px 0px 7px;
  -webkit-border-radius: 0px 0px 0px 7px;
}
div.tasklist_mozaique_item_img_container {
  width: 210px;
  height: 118px;
  overflow: hidden;
}
a.tasklist_mozaique_item_title, a.tasklist_mozaique_item_subtitle, a.tasklist_mozaique_item_summary {
  margin: 0px 2px 0px 2px;
}
a.tasklist_mozaique_item_title {
  display: block;
  margin-top: 2px;
  line-height: 12px;
  font-size: 12px;
}
a.tasklist_mozaique_item_subtitle {
  display: block;
  margin-top: 4px;
  line-height: 12px;
  font-size: 10px;
  color: #333333;
}
a.tasklist_mozaique_item_summary {
  display: block;
  margin-top: 4px;
  line-height: 12px;
  font-size: 10px;
  color: #6A6A6A;
}
div.tasklist_mozaique_item_options {
  margin-top: 4px;
  line-height: 25px;
  padding-left: 9px;
}

/* corps de l'article */
td#webcast_description, td#webcast_description DIV, td#webcast_description P {
  font-family: Tahoma;
}
a.tasklist_mozaique_item_edit {
  display: block;
  position: absolute;
}

div.tip_header {
  font-weight: bold;
  color: #83672E;
  border-bottom: 1px dotted #E8D0AC;
  margin-bottom: 5px;
}

div.icon_state {
  padding-bottom: 5px;
}

div.success_message, div.success_message_bis {
  /*
  position: absolute;
  z-index: 2002;
  */
  margin-bottom: 4px;
  line-height: 9px;
  font-weight: normal;
  color: #F45000;
}

/* "Votre feedback a été transmis." */
div.success_message_bis {
  background: white;
  height: 20px;
  text-shadow: none;
  border: 1px solid #DDD2D0;
  padding: 8px 4px 0px 4px;
}

table.intra_header_ds a.header_new_messages {
  /* font-size: 12px; */
  color: #D71A1E;
}
table.intra_header_ds a.header_messages {
  /* font-size: 12px; */
}

/* un mail informant de xxxx a été envoyé à chacune des x personnes concernées : [...] */

div#generic_zone_mails_control_html {
  position: absolute;
  z-index: 2000;
  left: 0px;
  top: 235px;
 }
td.result_mail_dest_msg {
  background: #EEFFDF;
  border: 2px solid #C8D6C2;
  color: #20501B;
  text-align: left;

  /* bords arrondis */
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;

  /* ombrage */
  -moz-box-shadow: 4px 4px 6px #E5E5E5;    /* mozilla */
  -webkit-box-shadow: 4px 4px 6px #E5E5E5; /* chrome + safari */
  box-shadow: 4px 4px 6px #E5E5E5;          /* opéra */
}
font.result_mail_dest_msg_reason {
  color: gray;
  font-size: 9px;
}
td.result_mail_dest_msg li { padding-top: 0px; }
td.result_mail_dest_msg li a { color: #1F8114; }
div.result_mail_dest_msg_see_all { padding-top: 6px; }
td.result_mail_dest_msg a.result_mail_dest_msg_see_all { font-weight: bold; text-decoration: underline; }
td.result_mail_dest_msg a.result_mail_dest_msg_see_all:hover { text-decoration: none; }

div.close_zone_message_annule_mails, td.result_mail_dest_msg div.close_zone_message_annule_mails {
  text-align: right;
  padding-top: 4px;
  padding-bottom: 2px;
  display: block;
}
td.result_mail_dest_msg div.close_zone_message_annule_mails a, div.close_zone_message_annule_mails a {
  font-size: 18px;
  font-weight: bold;
}
div.close_zone_message_annule_mails a {
  color: #28506C;
}
td.result_mail_dest_msg div.close_zone_message_annule_mails a {
  color: #60A343;
}

td.result_mail_dest_msg div.header_zone_message_annule_mails {
  font-weight: bold;
  color: #377C34;
}

/* idem, mais pour les volets affichant une simulation */
td.result_mail_dest_msg_simulation {
  background: #FBFBFD/*#F4F7FF*/;
  border: 2px solid #E2E4EB;
  color: #424F66;
  font-weight: normal;
}
td.result_mail_dest_msg_simulation a,
td.result_mail_dest_msg_simulation li a { color: #4A5582; }
td.result_mail_dest_msg_simulation b {
  font-weight: bold;
}
td.result_mail_dest_msg_simulation div.header_zone_message_annule_mails { color: #313E60; }
td.result_mail_dest_msg_simulation div.close_zone_message_annule_mails a { color: #808AA2; }

/* lien "Choisir une heure à la minute près" */
div.link_precise_hour {
  padding-top: 15px;
}
div.link_precise_hour a {
  font-size: 11px;
  color: #999999;
  text-decoration: underline;
}
div.link_precise_hour a:hover { text-decoration: none; }


/* 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/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;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

td.event_edit_result {
  /* color: #0E8714; */
  font-weight: bold;
}

/* "NB. Toutes les données relatives à ce sujet viennent d'être automatiquement déployées sur les sujets jumeaux : [...]" */
div.notif_deploie_maj_urls {
  padding-left: 35px;
}
div.notif_deploie_maj_urls, .notif_deploie_maj_urls_header {
  font-weight: normal;
  color: #12361B;
}
.notif_deploie_maj_urls_header {
  margin-left: 4px;
  background: #739DBF;
  color: white;
  font-weight: bold;
  padding: 2px 4px 2px 4px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
div.notif_deploie_maj_urls ul {
  padding-top: 4px;
  margin-top: 0px;
  padding-left: 4px;
  margin-left: 4px;
  font-weight: normal;
  font-size: 11px;
  border-left: 3px solid #739DBF;
}
div.notif_deploie_maj_urls li {
  padding: 4px 0px 2px 2px;
  list-style: none;
}
div.notif_deploie_maj_urls a { color: #345154; }
div.notif_deploie_maj_urls a:hover { color: #CA4200; }


font.tasklist_volunteer {
  background: #959694/*#6D8266*/;
  border-radius: 7px 0px 7px 0px;
  -moz-border-radius: 7px 0px 7px 0px;
  -webkit-border-radius: 7px 0px 7px 0px;
}
div.tasklist_volunteer {
  border-left: 9px solid #DEE2DC;
  padding-left: 4px;
  margin-left: 0px;
}
li.tasklist_volunteer {
  padding-top: 2px;
  list-style: none;
  font-size: 11px;
  color: #888888;
  line-height: 14px;
}
li.tasklist_volunteer a {
  font-weight: bold;
  color: #666666;
}

div.lien_hidden_actions a { color: black; }
div.lien_hidden_actions a.com_manager { color: #58953E; }
div.lien_hidden_actions a:hover { color: #444444; }

table.small_fonts td {
  padding: 6px;
}
table.small_fonts td, table.small_fonts td a {
  font-size: 12px;
}

/* choix d'actions en version "flottante" dans un event */
div.zone_btn_actions_flottant {
  width: 355px;
  border: 3px solid #CCCCCC;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

/*
div.zone_btn_actions_flottant, div#zone_hidden_actions {
  -moz-box-shadow: -4px 4px 16px #666666;
  -webkit-box-shadow: -4px 4px 16px #666666;
  box-shadow: -4px 4px 16px #666666;
}
*/

/* zone de texte située à droite (facultative) en mode "gabarit simple", et contenant le texte de pitch */
div.encart_text_droite {
  float: right;
  margin: 0px 0px 15px 40px;
  width: 300px;
}
div.encart_text_droite div.encart_text_droite_content {
  padding: 10px 12px 10px 12px;
  border: 0px solid #CCCCCC;
  background: #F2F2F2;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

table.bookmarking_page_web td.interest_checkbox,
div.encart_text_droite td.interest_label {
  padding-top: 10px;
}

/* pour avoir les mêmes hauteurs d'onglet dans tous les nevigateurs, qu'il y ait saut de ligne ou non */
td.event_tab a {
  height: 18px;
  overflow: hidden;
  padding-top: 7px;
}

/* marge gauche devant les "barres d'onglet sans onglet" des gabarits "page web" */
table#event_tab_table td.profile_tab_before {
  width: 43px;
}

/* contenu des onglet en mode "page web" */
div.profile_content_gabarit_simple {
  border-width: 0px;
  margin-left: 30px;
  width: 1030px;
}

/* chaque ligne de case à cocher d'intéressement à un event, en mode "page web" */
table.bookmarking_page_web td.interest_checkbox { vertical-align: top; }

/* options d'intéressement dans la vue "par section" */
div.by_section_bookmark_options_container {
  padding-top: 10px;
}



/* balises "<div>" et "paragraphe" dans les textes d'intro et les full briefs */
div#zone_summary_content p, div#zone_summary_content div,
span#zone_desc_content p, span#zone_desc_content div,
.article p, .article div {
  margin: 8px 0px 8px 0px;
}

/* barre séparatrice au-dessus du full brief */
#webcast_description { border-top: 3px dotted #E6E6E6; }


/* contenu pitch + encart de cases à cocher d'intéressement à un event dans la colonne de droite d'une page web */
div.encart_text_droite div#zone_summary_content, div.encart_text_droite div#zone_summary_content div, div.encart_text_droite td.interest_label label {
  font-size: 11px;
  line-height: 12px;
}


/* "citations" */
div#zone_summary_content blockquote, div#zone_summary_content blockquote {
  margin-left: 0px;
  border-left: 2px solid #2C73C9;
  padding-left: 4px;
  font-style: italic;
  color: #2C73C9;
}

/* "citations" dans les commentaires */
div.profile_comment_body blockquote {
  margin-left: 0px;
  border-left: 2px dotted #A4A4A4/*#2C73C9*/;
  padding-left: 4px;
  margin-bottom: 0px;
  font-style: italic;
  color: #7A7A7A/*#2C73C9*/;
}


/* Message avant de se logguer */
.message_before_login {
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 8px 12px 8px 15px;
  width: 770px;
  background: #FAFAFA;
  border: 0;
  line-height: 30px;
  font-size: 13px;

  /* bords arrondis */
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;

  /* ombrage */
  -moz-box-shadow: 4px 4px 6px #E5E5E5;    /* mozilla */
  -webkit-box-shadow: 4px 4px 6px #E5E5E5; /* chrome + safari */
    box-shadow: 4px 4px 6px #E5E5E5;          /* opéra */
}
.message_before_login font.no_account_yet {
  font-size: 15px;
  color: #3D3038;
  font-weight: bold;
}
.message_before_login a { text-decoration: underline; }
.message_before_login a:hover { text-decoration: none; }

/* séparation des commentaires d avant la livraison de la vidéo et ceux d après la livraison de la vidéo */
table.comments_section_separ {
  width: 100%;
  margin: 30px 0px 30px 0px;
}
table.comments_section_separ td {
  text-align: left;
}
table.comments_section_separ td span {
  font-weight: bold;
}

table.comment_delivered_autre_section_separ { margin-top: 80px; }
table.comment_delivered_autre_section_separ td {
  border-top: 4px dotted #DDDDDD;
  padding-top: 10px;
}


div#generic_zone_maj_webtv_urls {
  position: absolute;
  z-index: 2000;
  left: 0px;
  top: 235px;

  background: #FDFEFF;
  border: 2px solid #DFEFFF;
  text-align: left;
  padding-right: 10px;

  /* bords arrondis */
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;

  /* ombrage */
  -moz-box-shadow: 4px 4px 6px #E5E5E5;    /* mozilla */
  -webkit-box-shadow: 4px 4px 6px #E5E5E5; /* chrome + safari */
  box-shadow: 4px 4px 6px #E5E5E5;         /* opéra */
 }

/* "Vous aussi, proposez vos propres sujets de plateaux TV !" */
div.container_proposer_un_sujet {
  float: left;
  position: relative;
  top: -36px;
}
a.btn_proposer_un_sujet, a.btn_proposer_un_sujet:hover {
  font-size: 19px;
  font-weight: bold;
  color: #4D4D4D;
  font-family: 'FranklinGothicMediumRegular',Calibri, Tahoma;
  font-size: 19px;
}
a.btn_proposer_un_sujet:hover { color: #626262; }

a.about_proposer_un_sujet {
  color: #4D4D4D;
  position: relative;
  top: 25px;
  left: -52px;
  font-family: 'FranklinGothicMediumRegular'; /* FranklinGothicMediumCondRg */
  font-size: 14px;
}

/* infos sur un membre d'une chaîne */
div.profile_friend_details div.groupmember_infos {
  color: #444444;
  font-size: 11px;
  width: 600px;
}
div.profile_friend_details div.groupmember_infos_soc {
  color: black;
}

/* commentaires de slides */
textarea.slide_comment_maj {
  width: 670px;
  height: 50px;
  margin-top: 20px;
  text-align: left;
}
.event_slide_comment, .event_slide_comment_empty {
  width: 670px;
  margin-top: 20px;
  font-size: 14px;
  text-align: left;
  color: #1B6D16;
}
.event_slide_comment_empty {
  color: #79BC5C;
  font-size: 12px;
  text-align: center;
}

span.nous_suivre_sur {
  color: #444444;
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: normal;
  /*
  font-family: 'FranklinGothicMediumCondRg';
  */
  /* FranklinGothicMediumRegular */
}

/* "sélectionner les instances de ce sujet devant passer à l état XXX :" */
#zone_confirm_state_by_webtv {

  width: 760px;
  margin: 20px 0px 20px 0px;
  padding: 10px 0px 25px 20px;
  color: #0E2747;
  font-weight: normal;

  background: #F2F4F7;
  border: 2px solid #DDDDDD;
  text-align: left;

  /* bords arrondis */
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;

  /* ombrage */
  -moz-box-shadow: 4px 4px 6px #E5E5E5;    /* mozilla */
  -webkit-box-shadow: 4px 4px 6px #E5E5E5; /* chrome + safari */
  box-shadow: 4px 4px 6px #E5E5E5;          /* opéra */
}


.separ_templates {
  height: 2px;
  margin-top: 8px;
  border-top: 1px dotted gray;
}

a.active_feedback {
  color: gray;
}

div.planning_day_title {
  margin-top: 35px;
  font-weight: bold;
}
div.planning_day_content { padding-top: 10px; padding-bottom: 5px; padding-left: 10px; }
div.planning_event_title, div.planning_sub_title, div.planning_event_planned { padding-left: 20px; }
div.planning_feedback_options {
  margin-top: 5px;
  padding-left: 20px;
}
div.planning_event_planned {
  margin: 10px 0px 10px 0px;
  padding-left: 20px;
  font-weight: normal;
  color: #445762;
  font-size: 11px;
}

div.planning_event_planned span {
  background: #EDF2FA;
  border: 1px solid #E1EAF7;
  padding: 2px 6px 2px 4px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

div.planning_event_title a { font-weight: bold; }
div.planning_sub_title {
  color: #777777;
  font-size: 11px;
}

a.feedback_sponsor { font-weight: bold; color: #00B050; }
a.feedback_vote { font-weight: bold; color: #7030B1; }
a.feedback_wantattend { color: #EC6C0A; }
a.feedback_wantatch { color: #7F7F7F; }

.lounge_upcoming_date {
  padding-bottom: 5px;
  border-bottom: 2px dotted #CCCCCC;
}

.classic_buz {
  margin-top: 5px;
  border-top: 2px dotted #CCCCCC;
}

.lounge_buz { padding-bottom: 10px; }

/* "Rapport d'envoi sur %1$s :" */
div.notif_report {
  text-align: left;
  margin-top: 20px;
  font-weight: bold;
}

div.result_unsubscribe_link { margin: 20px; color: #777777; font-size: 11px; }
div.result_unsubscribe_link span {
  background-color: #E1FFCC;
  border: 1px solid #81ED1F;
  color: #2D5706;
  padding: 6px;
  font-size: 12px;
  font-weight: bold;
}
div.result_unsubscribe_link a { text-decoration: underline; }
div.result_unsubscribe_link a:hover { text-decoration: none; }

div.rapport_stats { margin-top: 20px; }
td.rapport_stats_CM {
  vertical-align: top;
  width: 350px;
  padding: 20px;
}
td.rapport_stats_CM, td.rapport_stats_CM font, td.rapport_stats_CM label, div.rapport_stats li, div#zone_stats_report_dest, div#event_stats_mail_addr, div#event_stats_mail_addr a {
  font-family: Arial;
  font-size: 11px;
}
span.rapport_stat_as_well {
  display: block;
  color: ;
  padding-top: 16px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #DDDDDD;
}
div.rapport_stats_general {
  border: 3px solid #DDDDDD;
  margin: 10px 0px 10px 0px;
  padding: 10px;
  background-color: #F5F5F5;
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
}
div#zone_stats_report_dest { margin-top: 10px; }
div.hit_users { margin-top: 20px; }
div.hit_users span.nb_hits { color: gray; }
div.hit_users_list span.nb_hits_unauth { font-weight: bold; /*background-color: #EBFFCC;*/ }
div.hit_users_list span.special_status { color: #000000; background-color: white/*#EBFFCC*/; }
div.hit_users_list font.last_visit { color: #999999; }
div.hit_users_list li { list-style: none; padding-bottom: 4px; }
ul.hit_users_list { padding-left: 26px; }

div.rapport_stats_subtitle { margin-top: 10px; }

div.traces_traces_log, div.email_suffixes { margin-top: 10px; font-size: 11px; }
div.traces_traces_log ul { padding-left: 25px; }
div.traces_traces_log li { list-style-type: square; }
      <img src="images/icons/action_newtask.gif" border="0" align="absmiddle" />

a.invite_them_all {
  display: block;
  margin-top: 8px;
  margin-left: 20px;
}

/* titre d'une page affinée sur un traitement particulier */
div.traitement_home_title {
  padding: 20px 0px 0px 24px;
  font-size: 14px;
  color: #444444;
  font-weight: normal;
}
div.traitement_home_title b {
  font-weight: normal;
  color: black;
}


/* lien pour créer une nouvelle alerte */
a.new_alert {
  display: block;
  margin-top: 10px;
}

/* liste des alertes */
table.reminders {
  margin-bottom: 10px;
}
table.reminders td {
  vertical-align: top;
  padding-bottom: 4px;
  margin-bottom: 2px;
  border-bottom: 1px dotted #BBBBBB;
}
table.reminders tr.reminders_late td {
  color: #CC0000;
  background: #FDF7F7;
  border-bottom: 1px dotted #DCBABA;
}
table.reminders tr.reminders_past td,
table.reminders tr.reminders_is_done td {
  color: #C3C3C3;
  background: #FCFCFC;
}
table.reminders tr.reminders_past td img.img_clock,
table.reminders tr.reminders_is_done td img,
table.reminders tr.reminders_late td img.img_clock {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
table.reminders tr.reminders_is_done td {
  text-decoration: line-through;
  color: #B4B4B4;
}

/* ----------------------------------------------------- */
/* Les 3 colonnes de la homepage */
table.home_tree_columns {
  margin-left: 0px;
  width: 100%;
}
table.home_v2_tree_columns {
  margin-right: 10px;
  margin-left: 10px;
  width: 1073px;
}

/* tout est en plus petit */
table.home_v2_tree_columns td, table.home_v2_tree_columns a,
div#eventcat_container td, div#eventcat_container a {
  font-size: 11px;
}

div.here_are_echantillons {
  color: #777777;
  font-size: 11px;
  margin-top: 5px;
  margin-bottom: 20px;
  font-family: Arial;
  text-align: left;
}

/* Encart "Derniers sujets en préparation" */
table.home_v2_tree_columns td.container_en_coproduction { border-left: 0px solid #EDF2FC; }

/* Encart "Derniers sujets co-créés et diffusés" */
table.home_v2_tree_columns td.container_en_diffusion { border-left: 0px solid #EDF2FC; }

/* avatard d'un contributeur dans les colonnes de homepage */
img.contrib_avatar {
  opacity: 0.5;
  filter: alpha(opacity=50);
  margin-left: 0px;
  width: 22px;
  height: 22px;
}
img.contrib_avatar:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* ********************************** */
/* barre de menus principale dans la version "v2 / v3" de la home */

div.navbar_v3_container { top: 36px; width: 370px; }

table#table_nav_bar.navbar_v3 td.top_menu2 {
  height: auto;
}
table#table_nav_bar.navbar_v3 {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* liens de la barre de menus principale */
table#table_nav_bar.navbar_v3 td {
  border-top: 0px;
  border-bottom: 0px;
  background: transparent;
  border-left: 0px;
}
table#table_nav_bar.navbar_v3 a.top_menu_item {
  display: inline;
  text-transform: none;
  text-shadow: none;
  font-weight: normal;
  color: #858585;
  font-family: Tahoma; /*'FranklinGothicMediumRegular';*/ /* FranklinGothicMediumCondRg */
  font-size: 14px;
}
table#table_nav_bar.navbar_v3 a.top_menu_item:hover { color: #444444; text-decoration: none; }
table#table_nav_bar.navbar_v3 a.top_menu_item_active { color: #444444; }
table#table_nav_bar.navbar_v3 div.top_menu_link_container,
table#table_nav_bar.navbar_v3 div.top_menu_link_container_end { border-left: 0px; }


/* ********************************** */
/* barre de menus dédiée au sections */
td.home_tab table {
  overflow: hidden;
  text-align: left;
}
/*td.section_container{*/
td.home_tab table td {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
td.home_tab table td, td.above_banner {
  background: #F7F7F7 url(images/bg_home_tab.png) repeat-x; /*url(images/home_tab.png) no-repeat 1 0*/
}
td.home_tab table td {
  width: 134px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
}
td.home_tab table td.home_tab div {
  color: #787A7A/*#3C5784*/;
  text-shadow: 1px 1px 0 white;
  padding: 5px 4px 4px 2px;
  line-height: 13px;
  font-size: 13px;
  font-weight: normal;
  font-family: 'FranklinGothicMediumRegular'; /* FranklinGothicMediumCondRg */
}
td.home_tab table td.home_tab_active, td.home_tab table td.home_tab_hover, td.home_tab table td.home_tab:hover {
  background: #999999 url(images/tribune/downh.png) no-repeat right top; /*url(images/home_tab_active.png) no-repeat 1 0*/
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
td.home_tab table td.home_tab_hover {
  cursor: pointer;
}
td.home_tab table td.home_tab_active div, td.home_tab table td.home_tab:hover div, td.home_tab table td.home_tab_hover div {
  color: white/*#3C5784*/;
  text-shadow: 1px 1px 0 #555555;
}
td.home_tab table td div:hover {
  cursor: pointer;
}

td.home_tab table td.home_tab_end {
  border-right: 1px solid #CCCCCC;
}

/* La colonne du milieu a une légère couleur de fond */
table.home_v2_tree_columns td.container_en_coproduction,
table.home_v2_tree_columns #bottom_area_title_en_coproduction { background-color: #F8F8F8; }

table.home_v2_tree_columns td.container_en_coproduction { border: 1px solid #F1F1F1; }

table.home_v2_tree_columns div#next_shows_content table.tribune_event_item {
  border-bottom: 0px solid #DDDDDD;
  background-image: url('images/afterpost_white_trans.jpg') no-repeat bottom center;
  background-color: #F8F8F8;
}

/*
table.home_v2_tree_columns div#next_shows_content table.tribune_event_item { border-bottom: url('images/afterpost_white_trans.png'); }
*/

/* ********************************** */

/* texte "ils contribuent" */
td.they_contribute {
  /*
  font-family: 'FranklinGothicMediumRegular';
  */
  font-weight: normal;
  color: #999999;
  font-size: 11px;
  padding-right: 4px;
  vertical-align: top;
}


/* ce sur quoi la homepage est affinée */
div.home_title, div.home_title a {
  font-size: 11px;
  font-weight: bold;
}

/* items "chaîne" dans une homepage de section */
div.group_thumbs {
  overflow: auto;
  width: 1050px;
  font-size: 11px;
  color: #444444;
  font-family: Tahoma;
  margin: 0px 0px 20px 10px;
  padding-bottom: 10px;
}
span.group_thumb_header {
  display: block;
  margin: 0px 0px 10px 0px;
}
span.group_thumb img, span.group_thumb_on img, span.group_thumb_CM img {
  float: left;
  margin-right: 4px;
}
span.group_thumb, span.group_thumb_on, span.group_thumb_CM {
  float: left;
  width: 165px;
  height: 60px;
  overflow: hidden;

  cursor: pointer;
  font-size: l1px;
  font-family: Tahoma;

  margin: 0px 15px 14px 0px;
  padding: 4px 20px 4px 4px;

  border: 1px solid #E4E4E4;
  background: #FBFBFB /*url(images/home_group_thumb.png) repeat-x*/;

/*
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
*/
  -moz-box-shadow: 2px 2px 3px #EEE;
  -webkit-box-shadow: 2px 2px 3px #EEE;
  box-shadow: 2px 2px 3px #EEE;
}

span.group_thumb_on { background: #EBF1F7 url(images/home_group_thumb_on.png) repeat-x; }
span.group_thumb_CM { background: #EBF1F7 url(images/home_group_thumb_cm.png) repeat-x; }

span.group_totalmembers {
  display: block;
  margin: 4px 0px 0px 0px;
  color: #777777;
  font-size: 9px;
  font-family: Tahoma;
}


/* infobulle prospect */
div.infobulle_content_prospect { background-color: #F4F4F4/*#F1FBEE*/; }

/* infobulle compte */
div.infobulle_content_account { background-color: #DBDBDB/*#FAF4DE*/; }

/* dégradé */
div.infobulle_content_account, div.infobulle_content_prospect {
  background-image: -moz-linear-gradient(top, #DDDDDD, #FFFFFF);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF));
}

/* "aucun pour le moment" */
.none {
  color: #777777;
  font-style: italic;
  font-size: 11px;
}

/* infos de contact (CRM) */
table.encart td.profile_contact_infos {
  background: #F4F4F4;
  color: #222222;
  font-weight: normal;
}
td.profile_contact_infos a { color: black; text-decoration: underline; }
td.profile_contact_infos a:hover { text-decoration: none; }

/* fiche contact figurant dans une page société */
div.contact_in_account {
  background: #F5F5F5;
  border: 1px solid #DDDDDD;
  padding: 10px;
  margin: 5px 0px 20px 10px;
  /*width: 360px;*/
  /* float: left;*/
}

span.event_desc_bis a.child_event { text-decoration: underline; }
span.event_desc_bis a.child_event:hover { text-decoration: none; }

label.copy_children_option {
  color: #777777;
  font-size: 11px;
}

/* contenant d'une zone {vignette event + titre event} */
div.event_container_88 {
  overflow: hidden;
  width: 88px;  /* PARAM */
  height: 50px; /* PARAM */
}

/* si une vignette est accolée à la gauche d'un texte descriptif, alors pas de bordure droite */
td.event_bloc_item_thumb div.event_container_88 { border-right: none; }

/* contenant d'une vignette d'event améliorée */
div.event_thumb_container_88 {
  position: absolute;
  overflow: hidden;
  width: 88px;   /* PARAM */
  height: 50px;  /* PARAM */
}
img.event_thumb_container_88 {
  position: absolute;
  width: 88px;  /* PARAM */
}


/* item d'une liste d'épisodes avec option "avec vignettes" */
.event_child_with_thumb {
  height: 50px; /* PARAM */
  overflow: hidden;
  margin: 25px 0px 5px 0px;
}
.event_child_with_thumb div.photo { margin-right: 5px; }

table.home_item_thumb { position: absolute; }

table.home_item_thumb, table.home_event_thumb {
  width: 88px;  /* PARAM */
  height: 50px; /* PARAM */
  opacity: 0.7;
  filter: alpha(opacity=70);
}
table.home_item_thumb td, table.home_event_thumb td {
  color: white;
  font-size: 11px;
}

/* partie "vide" d'une vignette d'event améliorée */
tr.home_event_thumb_top_area {
  height: 37px;  /* PARAM */
}
/* partie inférieure : là où figurent les infos (nb. commentaires...) */
tr.home_event_thumb_bottom_area { background: black; }
tr.home_event_thumb_bottom_area td {
  padding-left: 3px;
  font-size: 10px;
}
/* nombre de participants */
td.home_event_thumb_nb_members {
  text-align: left;
  font-size: 10px !important;
}
/* nombre de commentaires */
td.home_event_thumb_nb_comments {
  padding-right: 3px;
  text-align: right;
  font-size: 10px !important;
}
img.home_event_thumb_nb_comments {
  width: 11px;
  height: 10px;
  margin-left: 2px;
}

.special_guest_infos {
  color: #777777;
  font-size: 11px;
}
.special_guest_infos a { color: #555555; }

/* Jean 28/06/2011 - Intégration d'une police non standard (cf. http://www.fontsquirrel.com/fontface/generator) */
@font-face {
  font-family: 'FranklinGothicMediumRegular';
  src: url('../include/fonts/FranklinGothicMediumRegular/framd-webfont.eot');
  src: url('../include/fonts/FranklinGothicMediumRegular/framd-webfont.eot?#iefix') format('embedded-opentype'),
       url('../include/fonts/FranklinGothicMediumRegular/framd-webfont.woff') format('woff'),
       url('../include/fonts/FranklinGothicMediumRegular/framd-webfont.ttf') format('truetype'),
       url('../include/fonts/FranklinGothicMediumRegular/framd-webfont.svg#FranklinGothicMediumRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FranklinGothicMediumCondRg';
  src: url('../include/fonts/FranklinGothicMediumCondRg/framdcn-webfont.eot');
  src: url('../include/fonts/FranklinGothicMediumCondRg/framdcn-webfont.eot?#iefix') format('embedded-opentype'),
       url('../include/fonts/FranklinGothicMediumCondRg/framdcn-webfont.woff') format('woff'),
       url('../include/fonts/FranklinGothicMediumCondRg/framdcn-webfont.ttf') format('truetype'),
       url('../include/fonts/FranklinGothicMediumCondRg/framdcn-webfont.svg#FranklinGothicMediumCondRg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EurostileRegular';
  src: url('../include/fonts/Eurostile/eurosti-webfont.eot');
  src: url('../include/fonts/Eurostile/eurosti-webfont.eot?#iefix') format('embedded-opentype'),
       url('../include/fonts/Eurostile/eurosti-webfont.woff') format('woff'),
       url('../include/fonts/Eurostile/eurosti-webfont.ttf') format('truetype'),
       url('../include/fonts/Eurostile/eurosti-webfont.svg#EurostileRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EurostileLTStdMedium';
  src: url('../include/fonts/EurostileLTStdMedium/eurostileltstd-webfont.eot');
  src: url('../include/fonts/EurostileLTStdMedium/eurostileltstd-webfont.eot?#iefix') format('embedded-opentype'),
       url('../include/fonts/EurostileLTStdMedium/eurostileltstd-webfont.woff') format('woff'),
       url('../include/fonts/EurostileLTStdMedium/eurostileltstd-webfont.ttf') format('truetype'),
       url('../include/fonts/EurostileLTStdMedium/eurostileltstd-webfont.svg#EurostileLTStdMedium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EurostileLTStdCondensed';
  src: url('../include/fonts/EurostileLTStdCondensed/eurostileltstd-cn-webfont.eot');
  src: url('../include/fonts/EurostileLTStdCondensed/eurostileltstd-cn-webfont.eot?#iefix') format('embedded-opentype'),
       url('../include/fonts/EurostileLTStdCondensed/eurostileltstd-cn-webfont.woff') format('woff'),
       url('../include/fonts/EurostileLTStdCondensed/eurostileltstd-cn-webfont.ttf') format('truetype'),
       url('../include/fonts/EurostileLTStdCondensed/eurostileltstd-cn-webfont.svg#EurostileLTStdCondensed') format('svg');
  font-weight: normal;
  font-style: normal;
}