/* $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: "Trebuchet MS", 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-size: 8pt;
}

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 !important;
  -khtml-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
}
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 {
    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; }

/* Jean 31/01/2010 */
a.newupdates:link { font-size: 12px; }

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: 3px solid #AAAAAA;
    border-bottom: none;
    font-weight: bold;
    padding: 6px 8px 6px 8px;
}
td.tab2 {
    background: #F8F8F8;
    border: 1px solid #CCCCCC;
    border-top: 3px 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 {
    max-width: 475px;
    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;
    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: 70px;
}
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: #EEEEEE;
    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: #F4F4F4;
    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;
}








div.profile_content {
    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: 9pt;
    font-weight: bold;
    padding-left: 3px;
}
div.search_result_text2 {
    font-weight: normal;
    font-size: 7pt;
    color: #777777;
}
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;
}



/*************************** 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 !important;
  padding: 0 !important;
}
.sociable ul li {
  background: none;
  display: inline !important;
  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 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; }

.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 */



/* 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 {
  background-color: #E9EAF8;
  border-radius: 7px;
  -moz-border-radius: 7px !important;
  -khtml-border-radius: 7px !important;
  -webkit-border-radius: 7px !important;
  border: 1px solid #D5D8EE;
  padding-top: 15px;
  padding-bottom: 10px;
  width: 380px;
  padding: 3px;

  /* 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 */
}
/* zone de recherche */
.zone_search {
  padding-bottom: 26;
  text-align: right;
}
/* couleurs de police dans la banniere */
form.menu_search_color, label.menu_search_color, a.menu_search_color,  {
  color: #5C544E;
}
/* 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 "volontaire" (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;
}

/* 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 du webcast ou du tournage */
#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: 17px;
  line-height: 24px;
}

/* Les chapitres d'une vidéo */
a.chapitre {
  font-size: 11px;
}
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;
}
.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: 5px;
  -moz-border-radius: 5px !important;
  -khtml-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
}
/* liens contenus dans ces zones */
div.case_lien_vignette a, div.case_lien_vignette label {
  cursor: pointer;
  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;
}

/* gros compte à rebours pour les tournages à venir */
div.cpt_rebours {
  background: #85A3C9;
  padding: 2px 0px 5px 0px;
  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_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;
}

/* 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: 3px;
  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;
  padding-bottom: 4px;
}
td.event_infos_header_big_template, td.event_infos_value_big_template, td.event_infos_value_big_template a {
  font-size: 11px;
}

/* 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, td.event_infos_value a {
  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;
}

/* 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;
  padding: 6px;
  color: #777777;
}

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

td.big_template_cell div.avatars {
  border: 1px solid #D4D4D4;
  background: #FCFCFD; 
}

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


td.big_template_cell div.infos_diverses {
  border-bottom: 1px solid #D4D4D4;
  background: #F5F5F6;
  margin-bottom: 10px;
  padding: 5px;
}

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

td.event_desc_big_template {
  padding: 10px;
  font-weight: normal;
  /*background-color: #333333; color: white;*/
  border: 0px solid black;
}

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 !important;
  -khtml-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
}

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

/* mise en évidence des simples propositions de tournage dans une liste d'events */
font.propositions {
  font-size: 14px;
  background: #EFFF97;
  font-weight: bold;
}
/* 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 !important;
  -khtml-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
}

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


/* item d'une liste d'events CORRESPONDANT À UNE TÂCHE */
div.event_first_item_task, div.event_item_task {
  border: 1px solid #BBDEFB;
  background: #F4F7FF;
}

/* 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 {
  border: 0px;
  border-radius: 0px 11px 11px 0px;
  -moz-border-radius: 0px 11px 11px 0px !important;
  -khtml-border-radius: 0px 11px 11px 0px !important;
  -webkit-border-radius: 0px 11px 11px 0px !important;
}

/* ******************************************************* */
/*   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;
  padding: 0px 3px 3px 0px;
}
td.interest_checkbox2 {
  vertical-align: middle;
  padding: 0px 3px 7px 0px;
}
td.interest_checkbox3 {
  vertical-align: middle;
  padding: 10px 3px 10px 0px;
}
td.interest_label {
  vertical-align: middle;
  padding: 0px 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 !important;
  -khtml-border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
}

/* 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;
}
td.last_events a {
  font-size: 10px;
}

/* texte description d'une chaîne */
.desc_chaine {
  font-size: 11px;
  border: 1px solid #D8D8D8;
  border-radius: 15px;
  -moz-border-radius: 15px !important;
  -khtml-border-radius: 15px !important;
  -webkit-border-radius: 15px !important;

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


/* 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 !important;
  -khtml-border-radius: 15px !important;
  -webkit-border-radius: 15px !important;

  /* 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, TR.com_manager TD {
  color: #79BC5C;
}
.com_manager A,
.com_manager A.copyright,
.copyright .com_manager select option,
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;
}
.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.waiting_shoot {
  width: 195px;
  text-align: center;
  font-size: 14px;
  text-shadow: 1px 1px 0 #790000;
  margin-bottom: 10px;
  background: #F54A00;
  color: white;
  border: 1px solid #CA3D00;
  font-weight: bold;
  border-radius: 6px;
  -moz-border-radius: 6px !important;
  -khtml-border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
}

/* 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) */
div.planified {
  width: 300px;
  height: 32px;
  padding-top: 15px;
  background: white;
  color: gray;
  font-size: 16px;
  text-shadow: 0px 0px 0 #790000;
  border: 1px solid #B2B2B2;
  border-radius: 15px;
  -moz-border-radius: 15px !important;
  -khtml-border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
}

/* texte "tournage en attente de financement" (dans liste d'events) */
div.waiting_shoot {
  width: 300px;
  height: 30px;
  padding-top: 14px;
  background: white;
  color: #899E7A;
  text-shadow: 0px 0px 0 #790000;
  border: 1px solid #C8D1C0;
  border-radius: 15px;
  -moz-border-radius: 15px !important;
  -khtml-border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
}

/* boutons d'invitations */
.invite_btn_blue, .invite_btn_green, .invite_btn_orange {
  background: #73ACDB;
  padding: 5px;
  border-radius: 7px;
  -moz-border-radius: 7px !important;
  -khtml-border-radius: 7px !important;
  -webkit-border-radius: 7px !important;
  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_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;
  -khtml-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: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -khtml-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 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 !important;
  -khtml-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
}

/* 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: 1px solid #EF8630;
  border-radius: 10px;
  -moz-border-radius: 10px !important;
  -khtml-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
 }

/* texte "A JUSTE ÉTÉ INVITÉ À ASSISTER DANS LE PUBLIC" */
font.invited_to_attend {
  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 !important;
  -khtml-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
 }

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


/* Bouton de login dans la bannière */
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: 10px 10px 0px 0px;
  -moz-border-radius: 10px !important 10px !important 0px 0px;
  -khtml-border-radius: 10px !important 10px !important 0px 0px;
  -webkit-border-radius: 10px !important 10px !important 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 !important 10px !important;
  -khtml-border-radius: 0px 0px 10px !important 10px !important;
  -webkit-border-radius: 0px 0px 10px !important 10px !important;
  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;
}

td.profile div.vote_choice {
  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 !important;
  -khtml-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;

  /* 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;
}
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: 10px;
  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 !important;
  -khtml-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
}

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

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

/* 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;
  background: #E6FDDF;
  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;
}

/******************************************************************/
/* 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) */
font.client_name, font.whoose_channel, font.whoose_parent_project, font.event_main_title, font.event_type { font-size: 13px; font-style: italic; }
font.client_name, font.client_name a { color: #3D8031; }
div.page_header font.client_name a { color: #4DA633; font-size: 18px; }

/* 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 {
  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;
  -khtml-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 {
  color: gray;
  font-size: 12px;
  height: 17px;
  padding: 0px 0px 0px 2px;
}

/* 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 {
  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 {
  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;
  -khtml-border-radius: 0px 11px 11px 0px;
  -webkit-border-radius: 0px 11px 11px 0px;
}
span.tasklist_tags a { color: #9C8A07; text-decoration: underline; }
span.tasklist_tags a:hover { text-decoration: none; }

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

/* 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 {
  float: right;
  width: 32px;
  height: 32px;
}

/* contenant du diaporama en homepage */
div.diaporama_container {
  padding: 0px;
  margin: 0px;
  width: 100%;
  background-color: white; /* #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 {
  background: #F7F9FB;
  border: 1px solid #AAAAAA;
  font-family: arial,verdana,serif;
  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;
  -khtml-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/search16.gif') no-repeat left center;
}


/* titre de la section des chaînes dans cette infobulle */
td.infobulle_channel_list_title {
  padding: 10px 0px 0px 0px;
  border-bottom: 2px solid #58779A;
}
td.infobulle_channel_list_title div {
  display: inline;
  padding: 2px 10px 2px 10px;
  background: #58779A;
  color: #FAFAFA;
  border-top: 0px dotted #DDDDDD;
  /*
  width: 308px;
  font-style: italic;
  */
  border-radius: 0px 6px 0px 0px;
  -moz-border-radius: 0px 6px 0px 0px;
  -khtml-border-radius: 0px 6px 0px 0px;
  -webkit-border-radius: 0px 6px 0px 0px;
}

/* chaque item de cette liste de chaînes */
table.infobulle_channel_list td {
  padding-top: 5px;
  border-bottom: 1px dotted #CCCCCC;
  padding-bottom: 4px;
}

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