/*********************************************
 *              Global 
 *********************************************/
body,* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: none;
}

body {
	background-color: #293D46;
	background-image: url(../images/V6/smub_home/fond.png);
	background-position: right top;
	background-repeat: repeat-x;
	color: #4F6270;
}


/***********************************************
* VALEURS DES DIMENSIONS DE LA PAGE
****************************************************/

/* LARGEUR DU CADRE */
div.top, 
div.bottom,
.main-panel-main-cell,
.welcome-container  {
	width:920px;
}

/* LARGEUR INTERIEUR = LARGEUR DU CADRE - 60 */
.frame-panel,
.frame-panel-small,
.scroll-panel  {
	width: 860px;
}

.faqpanel_scroll {
	padding-top: 10px;
}

/* LARGEUR DE LA COLONNE TAF */
.tagpanel-cell  {
	width: 180px;
}



.frame-panel {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	height: 95%;
	background-color: #F3F3F5;
	position: relative;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
}

.frame-panel-small {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 30px;
	height: 100%;
	background-color: #F3F3F5;
	position: relative;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
}

div.top {
	background-color: transparent;
	background-image: url(../images/V6/all/top-920.png);
	background-repeat: no-repeat;
	background-position: 12px 0;
	height: 16px;
	left: -20px;
	top: -16px;
	position: absolute;
}

div.bottom {
	background-color: transparent;
	background-image: url(../images/V6/all/bottom-920.png);
	background-repeat: no-repeat;
	background-position: 12px 0;
	height: 16px;
	left: -20px;
	bottom: -16px;
	position: absolute;
}

div.right {
	background-color: transparent;
	background-image: url(../images/V6/all/border-right.png);
	background-repeat: repeat-y;
	background-position: 0px 0;
	position: absolute;
	height: 100%;
	width: 15px;
	top: 0px;
	right: -7px;
}

div.left {
	background-color: transparent;
	background-image: url(../images/V6/all/border-left.png);
	background-repeat: repeat-y;
	background-position: 0px 0;
	position: absolute;
	height: 100%;
	width: 8px;
	top: 0px;
	left: -8px
}

.columnleft, .columnright, .columnmiddle {
	width: 273px;
	float: left;
	display: inline;
}

.columnmiddle {
	margin-left: 20px;
	margin-right: 20px;
}

.scroll-panel {
	overflow: auto;
	height: 574px;
	margin-bottom: 0;
	margin-top: -8px;
	margin-right: -10px;
	margin-left: 0;
}

.font-inherit {
	font: inherit;
}

.error {
	color: red;
	font-size: 10px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.link-message {
	color: #C46226;
	padding: 0px 2px;
	text-decoration: underline;
}

/*********************************************
 *              GWT Style
 *********************************************/
.gwt-TextBox,.gwt-PasswordTextBox {
	height: 20px;
	vertical-align: middle;
	cursor: text;
	color: #293D47;
	border: 1px solid #AAAAAA;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
}

.gwt-Button-image,.gwt-Button-image-close,.gwt-Button-image:hover,.gwt-Button-image-close:hover
	{
	background-color: transparent;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	background-image: none;
	border: 0;
}

.gwt-PushButton td {
	padding-bottom: 0;
}

.gwt-PushButton {
	cursor: pointer;
	font-size: 12px;
	text-transform: uppercase;
	white-space: nowrap;
	color: #FFFFFF;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 18px;
	border: 0 none;
	float: left
}

.gwt-PushButton TABLE {
	display: inline-table;
}

.gwt-PushButton-selected .pushButton-center-up,.pushButton-center-up {
	background-color: transparent;
	background-position: center center;
	color: #FFFFFF;
}

.gwt-PushButton-up-disabled .pushButton-center-up {
	color: #cccccc;
}

.gwt-PushButton-selected .pushButton-right-up,.pushButton-right-up {
	background-repeat: no-repeat;
	background-position: right center;
	width: 5px
}

.gwt-PushButton-selected .pushButton-left-up,.pushButton-left-up {
	background-repeat: no-repeat;
	background-position: left center;
	width: 5px
}

.pushButton-left-up {
	background-image:
		url(../images/V6/gwt/pushbutton/pushButton-left-up.png);
}

.pushButton-center-up {
	background-repeat: repeat-x;
	background-image: url(../images/V6/gwt/pushbutton/pushButton-center-up.png);
	line-height: 21px;
	min-width: 46px;
	text-align: center;
}

.pushButton-right-up {
	background-image: url(../images/V6/gwt/pushbutton/pushButton-right-up.png);
}

.gwt-PushButton-selected .pushButton-left-up,.gwt-PushButton-up-hovering .pushButton-left-up
	{
	background-image: url(../images/V6/gwt/pushbutton/pushButton-left-up-hover.png);
}

.gwt-PushButton-selected .pushButton-center-up,.gwt-PushButton-up-hovering .pushButton-center-up
	{
	background-repeat: repeat-x;
	background-image: url(../images/V6/gwt/pushbutton/pushButton-center-up-hover.png);
	line-height: 21px;
	min-width: 46px;
	text-align: center;
}

.gwt-PushButton-selected .pushButton-right-up,.gwt-PushButton-up-hovering .pushButton-right-up
	{
	background-image: url(../images/V6/gwt/pushbutton/pushButton-right-up-hover.png);
}


/* Specific for signup */
.gwt-PushButton-SignUp .pushButton-left-up  {
	background-image: url(../images/V6/gwt/pushbutton/pushButton-signup-left-up.png);
	width:15px;
}

.gwt-PushButton-SignUp .pushButton-center-up {
	background-image: url(../images/V6/gwt/pushbutton/pushButton-signup-center-up.png);
	font-size:30px;
	height:76px;
	width:130px;
}

.gwt-PushButton-SignUp .pushButton-right-up  {
	background-image: url(../images/V6/gwt/pushbutton/pushButton-signup-right-up.png);
	width:15px;
}

.gwt-PushButton-SignUp.gwt-PushButton-up-hovering .pushButton-left-up {
	background-image: url(../images/V6/gwt/pushbutton/pushButton-signup-left-up-hover.png);
}

.gwt-PushButton-SignUp.gwt-PushButton-up-hovering .pushButton-center-up{
	background-image: url(../images/V6/gwt/pushbutton/pushButton-signup-center-up-hover.png);
}

.gwt-PushButton-SignUp.gwt-PushButton-up-hovering .pushButton-right-up {
	background-image: url(../images/V6/gwt/pushbutton/pushButton-signup-right-up-hover.png);
}

.over-Label-Box {
	display: inline-block;
}

.over-Label {
	padding-left: 3px;
	padding-top:2px;
	font-size: 11px;
	overflow: hidden;
	width: 100%;
	height: 100%;
}




.gwt-Label,.gwt-Hyperlink {
	display: inline;
	overflow: hidden;
}

.Hyperlink {
	float: left;	
}

.gwt-ListBox {
	border: 1px solid #4F6270;
	color:#4F6270;
	font-weight:bold;
	padding: 1px 2px 1px 2px;
	height: 20px;
}

.gwt-TextArea {
	padding: 2px;
	cursor: text;
	color: #293D47;
	border: 1px solid #AAAAAA;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
}

.gwt-RichTextArea {
	width: 100%;
	border: 1px solid #AAAAAA;
	background-color: #FFFFFF;
	color: #293D47;
}

.gwt-TextArea,.gwt-ListBox option {
	padding: 2px;
}

.gwt-SuggestBox-invalid,.gwt-TextBox-invalid,.gwt-PasswordTextBox-invalid {
	background: #FFFFFF url(../images/ui/invalid_line.gif) repeat-x scroll
		center bottom;
	border: 1px solid #DD7870;
}

.gwt-TextBox-disabled {
	background-color: #ECEDEF;
}

.gwt-TextBox-readonly {
	background-color: #ECEDEF;
}

.gwt-DialogBox-Mask, .loading-Mask {
	background-color: #2E4E63;
	opacity: 0.7;
	filter: alpha(opacity =   20);
}

.loading-Mask-Panel {
	background-color: #ffffff;
	padding: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #aaaaaa;
}
	
.gwt-SuggestBox {
	border: 1px solid #AAAAAA;
	background-color: #ffffff;
}

.gwt-SuggestBox {
	padding: 2px 2px 0px 2px;
	vertical-align: baseline;
	box-sizing: border-box;
	font-size: 12px;
	margin: 0px 0 0px 0;
	font-weight: normal;
	-webkit-border-radius: 5px;
	font-family: Helvetica;
	width: 100%;
}

.gwt-SuggestBox textarea {
	height: 50px;
}

.gwt-SuggestBoxPopup {
	padding: 5px;
	background-color: white;
	border: 1px solid #4F6270;
	z-index: 20001;
}

.gwt-SuggestBoxPopup STRONG {
	font-size: 12px;
	font-weight: normal;
}

.gwt-SuggestBoxPopup .item,.gwt-ListBox option {
	font-size: 12px;
	color: #4F6270;
}

.gwt-SuggestBoxPopup .item-selected {
	color: #C46226;
	background-color: #DDDDDD;
	cursor: pointer;
}

.gwt-RadioButton label {
	vertical-align: Bottom;
}



/*********************************************
 *                 popupPanel
 *********************************************/
.gwt-PopupPanel {
	background-color: #929BA2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 1px;
	z-index: 10000;
}

/*.gwt-PopupPanel p{
  color: #F3F3F5;
}*/
.gwt-PopupPanel .popupContent {
	background-color: #F2F2F2;
	padding: 5px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px;
	-webkit-border-radius: 10px;
}

.gwt-PopupPanel.TipsInformationDialog .popupContent{
	background-color: #FFFFE0;
}

#TipsInformationDialog_top {
	background-image:url(../images/V6/tips/tips-top.png);
	background-position:0 0;
	background-repeat:no-repeat;
	position: absolute;
	top: -23px;
	left: 280px;
	height:24px;
	width:42px;
}

#TipsInformationDialog_close label {
	font-size: 10px;
}
/*********************************************
 *                 messageBox
 *********************************************/
.messageBox-dialog {
	-moz-border-radius: 10px;
	background-color: #FFFFFF;
	padding: 10px;
}

.messageBox-dialog .popupContent {
	
}

.messageBox-dialog-error {
	
}

.messageBox-dialog .Caption,.gwt-DialogBox .Caption {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	background-color: #F2F2F2;
}

.messageBox-dialog .caption-left,.gwt-DialogBox .caption-left {
	
}

.messageBox-dialog .caption-center,.gwt-DialogBox .caption-center {
	text-align: left;
	cursor: default;
	width: 100%;
}

.messageBox-dialog .caption-text,.gwt-DialogBox .caption-text {
	margin: 0 10px;
}

.messageBox-dialog .caption-right {
	
}

.messageBox-dialog .gwt-Button-image-close,.gwt-DialogBox .gwt-Button-image-close
	{
	padding: 0;
}

.messageBox-dialog .content {
	
}

.messageBox-dialog .messageBox {
	margin-top: 10px;
}

.messageBox-message-area {
	
}

.messageBox-errorIcon {
	
}

.messageBox-icon {
	
}

.messageBox-separator {
	
}

.messageBox-message-label {
	
}

.messageBox-button-area {
	margin-top: 10px;
}

.messageBox-ok-button {
	
}

.message-box-button {
	
}

/*********************************************
 *                 gTable
 *********************************************/
.GTable-Hint {
	font-size: 16px;
	text-align: center;
	padding-top: 20px;
	background-color: white;
}
	
	
.HeaderRenderer {
	font-size: 12px;
	background-color: #4F6270;
	color: white;
	cursor: inherit;
	overflow: hidden;
	padding: 0px 3px;
	margin-right: 1px;
	height: 100%;
	text-align: center;
	padding-top: 2px;
}
.column-header-icon {
	width: 10px;
	height: 7px;
	margin-left: 4px;
	background-image: url(../images/V6/encarts-smub/empty.gif);
	background-repeat: no-repeat;
}

.HeaderRenderer-asc-sorted .column-header-icon {
	background-image: url(../images/V6/encarts-smub/header-sort-asc.gif);
	background-repeat: no-repeat;
}

.HeaderRenderer-desc-sorted .column-header-icon {
	background-image: url(../images/V6/encarts-smub/header-sort-desc.gif);
	background-repeat: no-repeat;
}

.HeaderCell-hover .HeaderRenderer {
	background-color: #C46226;
}
.GTable {
	table-layout: fixed;
}

.GTable TD {
	-moz-user-select: none;
}

.TableRow-over {
	background-color: #C46226;
}

.CellRenderer {
	white-space: nowrap;
	overflow: hidden;
	padding: 3px;
	border-right: 1px solid #cccccc;
	background-color: #cccccc;
	color: black;
}

.URLRenderer {
	cursor: pointer;
	color: navy;
}

.URLRenderer A {
	color: navy;
}

.CellRenderer-even {
	background-color: #F3F3F5;
}

.TableRow-selected .CellRenderer {
	background-color: #C46226;
	color: #ffffff;
}

.TableRow-over .CellRenderer {
	background-color: transparent;
	color: white;
}

.CheckRenderer {
	background-image: url(../images/V6/mybookmarks/checkbox_off.gif);
	background-repeat: no-repeat;
	background-position: 3px -1px;
	cursor: default;
}

.TableRow-over .CheckRenderer {
	background-image: url(../images/V6/mybookmarks/checkbox_off_over.gif);
	background-repeat: no-repeat;
	background-position: 3px -1px;
	cursor: default;
}

.TableRow-selected .CheckRenderer {
	background-image: url(../images/V6/mybookmarks/checkbox_on.gif);
	background-repeat: no-repeat;
	background-position: 3px -1px;
	cursor: default;
}

.TableRow-selected .CellRenderer-even .CheckRenderer {
	background-image: url(../images/V6/mybookmarks/checkbox_on_over.gif);
	background-repeat: no-repeat;
	background-position: 3px -1px;
	cursor: default;
}

.TableRow-over .URLRenderer {
	text-decoration: underline;
	color: navy;
}

.ImageRenderer {
	visibility: hidden;
}

.TableRow-over .ImageRenderer {
	visibility: visible;
}




/*********************************************
 *              Grid panel
 *********************************************/
.smub-panel {
	width: 700px;
	padding: 10px;
	margin: 10px;
	background-color: #F3F3F5;
}

.smubs-cell {
	vertical-align:top;
	padding-left: 10px;
}

.smubs-table {
	width: 100%;
}

/*********************************************
 *              Pagination
 *********************************************/
.pagination-bar {
	margin:5px 0px;
}

.pagination-bar .gwt-Label {
	padding:10px;
	margin-top:100px;
}

.pagination-label, .pagination-label-selected {
	background-color: #FFFFFF;
	border:1px solid #FFFFFF;
	cursor: pointer;
	margin: 0px 5px;
	padding: 3px 10px;
	text-align: center;
	font-weight: bold;
	color: #4F6270;
}

.pagination-btn {
	cursor: pointer;
}

.pagination-label-selected  {
	color: #C46226;
	border-color: #C46226;
}

/*********************************************
 *              Chart Panel
 *********************************************/
.chartpanel {
	border:1px solid #4F6270;
	margin:2px;
}

.chartpanel-label, .chartpanel-label-selected {
	background-color: #4F6270;
	color:#FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	padding:3px;
	margin:2px;
	font-weight:bold;
	cursor:pointer;
	text-align: center;
}
.chartpanel-label-selected {
	background-color: #C46226;
}	

/*********************************************
 *              Font Style
 *********************************************/
h1 {
	color: #C46226;
	font-size: 20px;
	padding-bottom: 10px;
	padding-top: 2px;
	margin-left: 20px;
	text-transform: uppercase;
}

h2 {
	color: #C46226;
	font-size: 18px;
	padding: 10px 0px 10px;
}

h2#rssTitle {
	color: #697B89;
}

h3 {
	color: #C46226;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 0px 0px;
}

h4 {
	color: #C46226;
	font-size: 12px;
	font-style: italic;
	font-weight: bolder;
}

h5 {
	color: #000000;
	font-size: 9px;
	font-style: italic;
	font-weight: bolder;
}

h6 {
	color: #516371;
	font-size: 10px;
}

h7 {
	color: #516371;
	font-size: 8px;
}

.url {
	color: #C46226;
	font-size: 13px;
}

.frame-panel-small h2 {
	color: #4F6270;
	font-size: 14px;
	font-weight: bold;
}

.frame-panel-small-header {
	border-bottom: 1px solid #4F6270;
	margin-bottom: 10px;
}

.frame-panel-small h2.with-image {
	text-indent: 52px;
}

a.no-link,a.no-link img {
	text-decoration: none;
	border: 0 none;
}

img.with-image {
	float: left;
}

a {
	color: #C46226;
	text-decoration: underline;
	cursor: pointer;
}

a.faq_link {
	background-image: url(../images/V6/faqs/link.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
	background-color: transparent;
	font-weight: bold;
	padding-left: 15px;
}

#link_hideToolBar {
	cursor:pointer;
}

a.faq_link {
	background-image: url(../images/V6/faqs/link.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
	background-color: transparent;
	font-weight: bold;
	padding-left: 15px;
}

.link, .link-selected  {
	color: #697B89;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: underline;
}

.link-selected {
	color: #C46226;
}

.a-link {
	color: #C46226;
	font-size: 13px;
	cursor: pointer;
	font-weight: bold;
	display: inline;
}

.textfield {
	cursor: pointer;
	color: #293D47;
	border: 1px solid #AAAAAA;
	background-color: #FFFFFF;
}

.titre,.titre2 {
	color: #C46226;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}

.titre2 {
	font-size: 14px;
}

.titre {
	font-size: 12px;
}

ul {
	margin: 0 1.5em;
}

ul li {
	padding: 0;
	font-size: 12px;
}

ol {
	padding-left: 20px;
}

li {
	color: #4F6270;
	font-size: 20px;
	padding: 20px 0px 10px;
}

.small {
	color: #4F6270;
	text-align: justify;
	font-size: 10px;
}

.message {
	color: #C46226;
	font-size: 10px;
	padding-left: 10px;
}

.buildversion-text {
	color: #293D46;
}

p {
	margin-bottom: 5px;
}

.hint-message {
	padding-left: 19px;
	color: #007f00;
	width: 290px;
}

.hint-error {
	padding-left: 19px;
	color: #DD7870;
	background-image: url(../images/V6/gwt/validation-icon.gif);
	background-repeat: no-repeat;
	width: 290px;
	padding-bottom: 2px;
	margin-top: 2px;
	z-index: 10100;
}

/*********************************************
 *              Action Bar panel
 *********************************************/
/*.actionbarpanel-container {
	margin: 0px auto 0px;
	background-image: url(../images/V6/smub_home/actionbarpanel-header-920.gif);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: transparent;
	padding-top: 10px;
	position: relative;
}*/

/*.actionbarpanel-left {
	float: left;
}

.actionbarpanel-right {
	float: right;
}

.actionbarpanel-right-content {
	padding-top: 10px;
	background-color: #fff;
}*/

.actionbarpanel-tab, .actionbarpanel-tab-selected, .actionbarpanel-tab-news, .actionbarpanel-signin {
	text-align: center; 
	height: 22px;
	border:1px solid #31454C;
	font-weight:bold;
	text-transform: uppercase;
	font-size: 13px;
	cursor:pointer;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	background-image: url(../images/V6/smub_home/actionbarpanel-tab.gif);
	color:#FFFFFF;
	margin: 13px 0px 0px;
	padding: 12px 20px 0px; 
}

.actionbarpanel-signin {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	position: relative;
	top: -42px;
	right: -1px;
	height:23px;
	float:right;
	width:50px;
}

.actionbarpanel-signin-popup {
	z-index:10;
	position:relative;
	right:0px;
	float:right;
	top: -50px;
}

.actionbarpanel-tab-selected {
	border-bottom:0 none;
	padding: 15px 20px 0px;
	margin-top: 7px;
	text-align: center;
	height: 26px;
	color:#C46226;
	background-image: url(../images/V6/smub_home/actionbarpanel-tab-selected.gif);
}

.actionbarpanel-tab-news {
	color:#FFFFFF;
	margin-left:50px;
	background-image: url(../images/V6/smub_home/actionbarpanel-tab-news.gif);
}

.actionBarButton{
	display: inline;
	float: left;
	margin-right: 5px;
}

.actionbarpanel-newrelease {
	margin-left: 0px; 
	margin-top: 10px; 
	padding-top: 6px; 
	height: 32px;
	background-image:url(../images/V6/smub_home/actionbarpanel-tab-news.gif);
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 13px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	width: 120px;
}

.actionbarpanel-newrelease .gwt-Label {
	background-image:url(/images/V6/new_features/arrow.png);
	background-position:4px 0;
	background-repeat:no-repeat;
	height:34px;
	margin-top:0;
	padding-left:34px;
	padding-top:7px;
	text-align:center;
	display: block;
	cursor: pointer;
	
}
#ActionBarPanel_SignIn {
	float:right;
	width: 192px;
}
/*********************************************
 *               Contact Panel
 *********************************************/
.contactpanel-table {
	margin: 5px 10px 0px 0px;
	width: 100%;
}

.contactpanel-fieldtitle {
	color: #4F6270;
	font-size: 12px;
	margin: 5px 0px;
	text-align: right;
	padding-right: 5px;
	white-space: nowrap;
}

.contactpanel-field {
	margin: 5px 0px;
	width: 340px;
}

.contactpanel-submit {
	cursor: pointer;
	/*padding:10px 0px;*/
	padding-top: 10px;
}

/*********************************************
 *              Create account panel
 *********************************************/
.createaccountpanel-formtable {
	margin: 20px 0px 20px 0px;
	width: 478px;
}

.createaccountpanel-formcheck {
	text-align: right;
	vertical-align: top;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-right: 8px;
}

.createaccountpanel-formlabel {
	color: #4F6270;
	font-size: 13px;
	margin-left: 5px;
	text-align: right;
	padding:5px 5px 5px 0;
	white-space: nowrap;
}

.createaccountpanel-submitbutton {
	padding: 2px 0px 3px 6px;
	margin: 0px 0px 5px 5px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	background-color: #C46226;
	color: #FFFFFF;
	text-align: center;
}

/*********************************************
 *              Edit Smub panel
 *********************************************/
.webshot-cell {
	padding: 0px;
}

.editsmubpanel-title-line {
	color: #FFFFFF;
	font-size: 13px;
	background-image: url(../images/V6/mybookmarks/background.gif);
	background-position: top center;
	background-repeat: repeat-x;	
	padding:5px 0px 4px 10px;
	margin-right:5px;
	width:650px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: no-wrap;
}

.editsmubpanel-webshot {
	cursor: pointer;
	border: 1px solid #929BA2;
	margin-left: 5px;
}

.editsmubpanel-loading {
	padding:40px 49px 39px 55px;
	margin-left: 5px;
}

.editSmub-comment {
	height: 80px;
}

.editpanel {
	width: 100%;
	background:#FFFFFF;
}

.editpanel-table {
	width: 100%;
}

/*.editpanel-table input {
	width: 100%;
	margin-bottom:3px;
}*/

.editpanel-input {
	margin-bottom:0px;
	padding-top: 2px;
}

.editpanel-table textarea {
	width: 100%;
}

.editpanel-table .gwt-Label {
	font-weight: bold;
	white-space: nowrap;
	padding-right:5px;
}

.editpanel-not-edit .edit-field {
	background-color: transparent;
	border-color: transparent;
}

.editpanel-loadingsmall {
	margin:71px 0px;
}

.editpanel-loadingmedium {
	margin:99px 0px;
}

.editpanel-loadinglarge {
	margin:152px 0px;
}

/*********************************************
 *              Edit profile panel
 *********************************************/
.editprofile-table {
	width: 865px;
}

.editprofile-error {
	margin-left: 10px;
}

.editprofile-error-text {
	padding-left: 5px;
	color: red;
	font-size: 12px;
	white-space: nowrap;
}

.editprofile-table2 {
	width: 100%;
}

.editprofile-title {
	color: #C46226;
	font-size: 30px;
	font-weight: bold;
}

.editprofile-title-table {
	border-bottom: 2px dotted gray;
	margin-bottom: 24px;
	padding-bottom: 5px;
	width: 100%;
}

.editprofile-menu {
	border-right:1px solid #4F6270;
	padding-right:5px;
}

.editprofile-menu-table {
	width: 140px;
	text-align:center;
	vertical-align: top;
}

.editprofile-menu-table img{
	padding:2px 0px 8px 0px;
}

.editprofile-menu-border {
	height: 430px;
}

.editprofile-menu-btn {
	background-color: #4F6270;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 2px 10px; 
	text-align:left;
}

.editprofile-menu-btn-contacts {
	display: none;
	color: #4F6270;
	cursor: auto;
	font-size: 5px;
	font-weight: bold;
	margin-bottom: 7px;
	margin-left: 5px;
	margin-top: 5px;
	padding: 2px;
}

.editprofile-menu-btn-selected {
	background-color: #C46226;
}

.editprofile-menu-image-edit {
	position: absolute;
	left:91px;
	top:76px;
	cursor:pointer;
}

.editprofile-user-table, .editprofile-contacts-table, .editprofile-sharesites-table {
	margin: 0px 0px 10px 28px;
	width:680px;
}

.editprofile-user-title, .editprofile-contacts-title, .editprofile-sharesites-title {
	color: #C46226;
	font-size: 17px;
	padding-bottom: 16px;
	border-bottom: 1px solid #C46226;
}

.editprofile-sharesite-cell {
	width:113px;
	align:center;	
}

.editprofile-sharesite-image {
	padding:13px 5px 3px;
	cursor: pointer;
}

.editprofile-sharesite-label, .editprofile-sharesite-label-selected {
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 15px;
}

.editprofile-sharesite-label-selected {
	color: #C46226;
}

.editprofile-sharesite-valid {
	display:none
}

.editprofile-sharesite-valid-selected {
	display:inline;
	position: absolute;
	padding-top:60px;
	padding-left:15px;
	cursor: pointer;
}

.editprofile-user {
	width: 100%;
}

.editprofile-user-highlight, .editprofile-contacts-highlight {
	background-color:#cdd0d5;
	color: #4F6270;
	font-size: 14px;
	font-weight:bold;
	padding-right: 10px;
	text-align: justify;
	padding:4px;
	margin:5px;
	text-transform:uppercase;
}

.editprofile-user-highlight #username {
	text-transform:none;
}

.editprofile-user-highlight .gwt-Label {
	font-size: 14px;
	padding:4px;
}

.editprofile-user-text, .editprofile-user-url, .editprofile-contacts-text, .editprofile-password-text, .editprofile-sharesites-text {
	color: #000000;
	font-size: 12px;
	padding: 10px 0px 10px 200px;
	text-align: justify;
	align:left;
}

.editprofile-user-btn, .editprofile-contacts-text, .editprofile-password-text, .editprofile-sharesites-text {
	padding: 10px 0px;
}

.editprofile-user-btn, .gwt-PushButton {
	width:100%;
}

.editprofile-upload-img {
	padding: 10px;
	width:70px;
}

.editprofile-user-url {
	font-weight: bold;
	padding: 0px  0px 0px 200px;
}

.editprofile-user-textbox {
	padding: 10px 0px 10px 200px;
}

.editprofile-password-text {
	padding-right:70px;
	white-space: nowrap;
}


.editprofile-user-textbox .gwt-TextBox, .editprofile-password-textbox .gwt-PasswordTextBox {
	width: 150px;
}

.editprofile-password-table {
	width: 100%;
}

.editprofile-password-error {
	font-size: 8px;
	color: red;
}


/*********************************************
 *              Edit Smub panel
 *********************************************/
.editSmub-bt {
	cursor: pointer;
	font-size: 8px;
	text-transform: uppercase;
	white-space: nowrap;
	color: #FFFFFF;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	line-height: 20px;
	text-align: center;
}

div.editSmub-bt-enable {
	background-image: url(../images/V6/mybookmarks/editSmub-Bt-out.png);
}

div.editSmub-bt-enable:hover {
	background-image: url(../images/V6/mybookmarks/editSmub-Bt-over.png);
}

div.editSmub-bt-disable {
	background-image: url(../images/V6/mybookmarks/editSmub-Bt-disable.png);
	color: #A0A0A0;
}

.editSmub-titre {
	border-right: 1px solid #86A39E
}

/*********************************************
 *              Feedback Panel
 *********************************************/
.feedbackpanel-field {
	width: 100%;
}

.feedbackpanel-contentfield {
	height: 100px;
	width: 100%;
	margin-top: 5px;
}

/*********************************************
 *              Footer panel
 *********************************************/
.footerpanel-footer {
	text-align: center;
	border-top:1px solid #F2F2F2;
}

.footer-image {
	background: transparent;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.footerpanel-a, .footerpanel-a a {
	color: #FFFFFF;
	cursor: pointer;
	font-size: 10px;
	margin: 0px 2px;
	text-decoration: none;
}

.footerpanel-content {
	margin-top: 5px;
	color: #FEFFFF;
}

.footerpanel-footer-content {
	color: #909090;
	font-size: 65%;
	float: right;
	text-transform: uppercase;
	margin-top: 10px;
}

#FooterPanel_hyperlink {
	padding-top: 10px;	
}

/*********************************************
 *              header panel
 *********************************************/
.headerpanel-table {
	width: 100%;
}

.headerpanel-table-rightcolumn {
	width: 100%;
	padding-left: 20px;
}

.headerpanel-table-leftcolumn {
	width: 215px;
}

/********************************************* 
 *           Import Bookmarks Panel
 *********************************************/
.bookmarks-table {
	margin: 10px 30px;
	width: 600px;
}

.bookmarks-label {
	color: #4F6270;
	text-align: justify;
	padding-top: 10px;
}

.bookmarks-label-small {
	color: #4F6270;
	text-align: justify;
	font-size: 10px;
}

.bookmarks-title {
	color: #4F6270;
	font-weight: bold;
	padding: 20px 0pt 5px 0px;
	font-size: 13px;
}

.bookmarks-upload-bar {
	margin: 10px 0px;
}

.bookmarks-upload-msg {
	color: #C46226;
	font-size: 9px;
	padding-left: 10px;
}

.bookmarks-upload-icon {
	padding: 0px 0px 0px 10px;
}

.bookmarks-howto {
	padding-left: 15px;
	color: #4F6270;
}

.bookmarks-browser {
	color: #C46226;
	padding: 0px 2px;
	text-decoration: underline;
	cursor: pointer;
}

.bookmarks-mysmubspage {
	color: #C46226;
	font-weight: bold;
}

.bookmarks-checkbox {
	padding-top: 10px;
	padding-right: 5px;
}

.bookmarks-howto-step {
	color: #4F6270;
	text-align: justify;
}

.bookmarks-close {
	margin-top: 20px;
}

/********************************************* 
 *           Import Contacts Panel
 *********************************************/
.contact-table {
	margin-top: 10px;
}

.contact-form {
	padding-bottom: 10px;
}

.contact-text {
	color: #4F6270;
	white-space: nowrap;
}

.contact-text2 {
	color: #4F6270;
	white-space: nowrap;
	padding-bottom: 5px;
}

.contact-text-small {
	color: #4F6270;
	font-size: 8px;
	padding-bottom: 10px;
}

.contact-text-arobase {
	color: #4F6270;
	padding: 0px 10px;
}

.contact-field {
	width: 200px;
	color: #4F6270;
}

.contact-title {
	color: #4F6270;
	font-weight: bold;
	padding: 10px 0px;
}

.contact-upload-btn {
	padding-left: 40px;
}

.contact-upload-fieldsselection-field {
	color: #4F6270;
	padding-right: 10px;
	text-align: right;
}

.contact-upload-fieldsselection-select {
	color: #4F6270;
}

.contact-upload-fieldsselection-btn {
	padding-left: 10px;
}

.contact-upload-fieldsselection-title {
	padding: 10px 0px;
	color: #4F6270;
}

.contact-message-table {
	padding-top: 20px;
}

.contact-message-libelle {
	color: #4F6270;
	padding-left: 5px;
}

/*********************************************
 *                Login Panel
 *********************************************/


.loginpanel,.loginpanel * {
	color:#FFFFFF;
	font-size:11px;
}

.loginpanel {
	background-color:#6A7D8B;
	padding:8px;
	width: 175px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

#LoginPanel_LoginTextBox {
}

#LoginPanel_RememberMeCheckBox {
	padding-left:30px;
	padding-right:5px;
	display:inline;
}
#LoginPanel_Submit {
	display: inline;	
}

.loginpanel-top {
	height: 6px;
	background-repeat: repeat-x;
	background-image: url(../images/V6/gwt/decoratorpanel/border-top-short.png);
}

.loginpanel-bottom {
	height: 6px;
	background-repeat: repeat-x;
	background-image: url(../images/V6/gwt/decoratorpanel/border-bottom-short.png);
}

.loginpanel-middle TD{
	background-color: #FFFFFF;
	padding: 2px;
	white-space: nowrap;
}

.loginpanel-connected-table {
	margin-top: 8px;
	margin-left: 8px;
}

.loginpanel-title {
	display: inline;
	font-size: 11px;
	margin-left: 5px;
	margin-right: 5px;
	text-transform: uppercase;
	color: #C46226;
	font-weight: bold;
	border-right: 1px solid #C46226;
	padding-right: 3px;
}

.logoutpanel-title {
	display: inline;
	font-size: 11px;
	margin-left: 5px;
	margin-right: 5px;
	color: #FFFFFF;
	font-weight: bold;
	border-right: 1px solid #FFFFFF;
	padding-right: 5px;
	padding-top: 0px;
}

.loginpanel-logout {
	color: #FFFFFF;
	font-size: 11px;
	text-transform: capitalize;
}

h3.loginpanel-title {
	font-size: 11px;
	font-weight: bold;
	border-right: 0px solid #C46226;
	padding-right: 0px;
}

.loginpanel .gwt-TextBox,
.loginpanel .gwt-PasswordTextBox {
	width: 175px;
	height: 17px;
	color:#000000;
}

.loginPanel .gwt-Button {
	cursor: pointer;
	font-size: 12px;
	text-transform: uppercase;
	white-space: nowrap;
	margin: 0px 2px;
	margin-top: 1px;
	height: 20px;
	width: 36px;
	color: #FFFFFF;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 18px;
	border: none;
	padding-bottom: 1px;
	background-image: url(../images/V6/smub_home/fond-bt-ok-over.png);
}

.loginPanel .gwt-Button:hover, .go-button:hover {
	background-image: url(../images/V6/smub_home/fond-bt-ok-over.png);
}

.loginpanel gwt-CheckBox {
	vertical-align: middle;
}

.loginpanel .gwt-InlineLabel {
	color: #FFFFFF;
	font-size: 9px;
	text-decoration: underline;
	margin-right: 3px;
	cursor: pointer;
	widht: 100px;
}

.error-loginpanel {
	padding-left: 160px;
}

#forgottenPassword {
	padding-top: 6px;	
}
                

/*********************************************
 *              MainPanel
 *********************************************/
.main-panel {
	background-image: none;
}

.main-panel-footer-cell {
	width: 100%;
	padding-top: 0px;
	background-color: transparent;
	height:20px;
}

.main-panel-main-cell {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding-bottom:10px;
	background-color: #FFFFFF;
}

.header {
	position: relative;
	height: 67px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.header-left {
	position: absolute;
	top: 10px;
	left: 0;
}
.header-right {
	position: absolute;
	left:220px;
	top: 28px; 
	right: 0;
}

.header-image {
	margin-left: auto;
	margin-right: auto;
	width: 187px;
	height: 61px;
	border: 0 none;
}

.main-panel-header-cell {
	width: 100%;
}

.main-panel-leftcolumn {
	background-color: #C46226;
	width: 221px;
}

/*********************************************
 *            New password panel
 *********************************************/
.newpassword-table {
	width: 400px;
}

.newpassword-labelfield {
	color: #4F6270;
	padding-right: 5px;
	text-align: right;
}

.newpassword-field {
	margin: 5px 0px;
	width: 250px;
}

.newpassword-button {
	padding: 5px;
	cursor: pointer;
}

.newpassword-error {
	color: red;
	font-size: 10px;
}

/*********************************************
 *                 Floating window
 *********************************************/
.gwt-DialogBox-root {
	background-color: white;
	padding: 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.gwt-DialogBox {
	background-color: white;
}

.floatingwindow-subheader {
	
}

.floatingwindow-loading {
	
}

.floatingwindow-logo {
	background-color: white;
	padding-bottom: 5px;
	cursor: pointer;
}

.floatingwindow-title {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
	color: #C46226;
}

.floatingwindow-contenttabledotted {
	width: 403px;
	margin: 2px;
	/*border-color:#4F6270;  TODO CADRE DES POPUP */
	/*border-style:dotted;  TODO CADRE DES POPUP */
	/*border-width: 1px;  TODO CADRE DES POPUP */
}

.floatingwindow-table {
	margin: 10px 0px;
	width: 383px;
}

.floatingwindow-contenttable {
	width: 403px;
	margin: 2px;
}

.floatingwindow-leftcolumn {
	background-color: #C46226;
	height: 100%;
}

.floatingwindow-leftcontent {
	background-color: #C46226;
	color: white;
	text-align: right;
}

.floatingwindow-rightcolumn {
	margin-left: 5px;
}

.floatingwindow-imgtitle {
	margin-top: 5px;
	/*	padding-left: 5px; */
}

.floatingwindow-content {
	padding-left: 0px;
}

/*******************************************
		TOASTER BOX
********************************************/

.gwt-ToasterBox-root {
	background-color: #E0E0E0;
	opacity: 0.8;
	filter: alpha(opacity =   20);
	padding: 5px;
	border : 1px solid #C46226;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	width:200px;
}

.gwt-ToasterBox {
	width:100%;
	white-space: nowrap;
}

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

.form-row,.form-comments {
	text-align: left;
}

.form-row TD,.form-comments TD {
	padding-bottom: 6px;
}

.form-row {
	position: relative;
}

.form-label,.form-label-fixed {
	vertical-align: top;
	white-space: nowrap;
	display: inline-block;
	background-color: transparent;
	font-weight: bold;
	text-align: left;
}

LABEL.form-label,LABEL.form-label-fixed {
	display: inline-block;
}

.form-value,.form-value-box {
	width: 100%;
}

.form-error {
	padding-left: 19px;
	color: #DD7870;
	background-image: url(../images/V6/gwt/validation-icon.gif);
	background-repeat: no-repeat;
}

.form-comments {
	color: #000000;
	font-size: 8px;
	font-style: italic;
	font-weight: bolder;
}

/*********************************************
 *          Confirm floating window
 *********************************************/
.confirmdialog-table {
	margin: 0px 10px 0px 0px;
	width: 100%;
}

.confirmdialog-buttons {
	padding: 10px 0px 0px;
}

.confirmdialog-button {
	margin-left: 10px;
	cursor: pointer;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	background-color: transparent;
	color: #FFFFFF;
	padding: 2px;
	text-align: center;
	width: 90px;
}

.confirmdialog-question {
	padding: 10px 0px;
	color: #4F6270;
}

/*********************************************
 *        Information floating window
 *********************************************/
.informationDialog-table {
	width: 400px;
}

.informationDialog-content {
	padding: 10px 5px;
	color: #4F6270;
}

/*********************************************
 *      Forgotten password floating window
 *********************************************/
.forgottenpassword-table {
	margin: 5px 10px 0px 0px;
	width: 100%;
}

.forgottenpassword-libelle {
	padding: 10px 0px;
	color: #4F6270;
	font-size: 10px;
}

.forgottenpassword-field {
	margin: 5px 0px;
	width: 240px;
}

.forgottenpassword-fieldtitle {
	color: #4F6270;
	font-size: 12px;
	margin: 5px 0px;
	text-align: right;
	padding-right: 5px;
	white-space: nowrap;
}

.forgottenpassword-submit {
	margin-left: 10px;
	cursor: pointer;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	background-color: transparent;
	color: #FFFFFF;
	padding: 2px;
	text-align: center;
	width: 90px;
}

.forgottenpassword-cancel {
	display: none;
}

/********************************
* Redirection plugin JSP
*********************************/
.redir-plugin-table {
	background-color: #cccccc;
}

.redir-plugin-table TD {
	padding: 3px;
}

/*********************************************
 *        Registration Submittal dialog
 *********************************************/
	/*.registrationsmubmittal-table {
	width: 600px;
	margin-top: 10px;
}*/
.registrationsmubmittal-table .gwt-PushButton {
	background-color: #C46226;
	width: 50px;
}

.registrationsmubmittal-title {
	color: #4F6270;
	font-size: 13px;
	padding: 5px;
}

.registrationsmubmittal-title-end {
	color: #4F6270;
	font-size: 13px;
	padding: 5px;
	padding-top: 20px;
}

.registrationsmubmittal-nextstep {
	color: #C46226;
	font-size: 12px;
	padding-right: 5px;
}

.registrationsmubmittal-textlink {
	color: #4F6270;
	font-size: 12px;
	padding-right: 5px;
}

.registrationsmubmittal-download-table {
	padding: 10px 0px;
}

/*********************************************
 *              root panel
 *********************************************/
.rootpanel-content {
	background-color: transparent;
	margin: 0px 10px;
	padding: 0px 40px;
}

/*********************************************
 *              Search panel
 *********************************************/
.searchpanel-field {
	width: 300px;
	cursor:text;
}

/*********************************************
 *              Share Smub panel
 *              TODO Florent: A modifier 
 *********************************************/

.sharesmubpanel-share-table {
	/*height: 100%;*/
	height: 213px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	background-color:#FFFFFF;
}

.sharesmubpanel-noshare,  .sharesmubpanel-noshare a{
	height: 100px;
	width:580px;
	font-size: 14px;
	padding-top: 50px;
	font-weight:bold;
}

.sharesmubpanel-table {
	background-color: #d9d9d9;
	width: 100%;
	height: 108px;
}

.sharesmubpanel-webshot {
	
}

.sharesmubpanel-smubname-table {
	border-left: 1px solid #86a39e;
	height: 100%;
	padding-left: 5px;
}

.sharesmubpanel-share-title {
	font-weight: bold;
	padding-left: 5px;
}

.sharesmubpanel-share-button {
	padding: 10px 20px;
	cursor: pointer;
}

.sharesmubpanel-smubname-title {
	font-weight: bold;
	color: #000000;
}

.sharesmubpanel-url {
	text-decoration: underline;
	cursor: pointer;
	color: #C46226;
}

.sharesmubpanel-twitter-table {
	margin: 10px;
}

.sharesmubpanel-twitter-fieldtitle {
	color: #4F6270;
	padding-right: 5px;
	text-align: right;
	padding-top: 10px;
	white-space: nowrap;
}

.sharesmubpanel-twitter-information {
	color: #C46226;
	font-size: 10px;
	padding: 10px 0px;
	text-align: right;
}

.sharesmubpanel-twitter-field {
	margin-top: 10px;
	width: 250px;
}

.sharesmubpanel-twitter-deletecookielink {
	color: #4F6270;
	padding-top: 10px;
	cursor: pointer;
	text-decoration: underline;
}

.sharesmubpanel-twitter-content {
	height: 100px;
	margin-top: 10px;
	width: 250px;
}

.sharesmubpanel-twitter-charactersLeft {
	color: #4F6270;
	font-size: 10px;
}

.sharesmubpanel-twitter-charactersLeftNb {
	color: #4F6270;
	font-size: 12px;
}

.sharesmubpanel-twitter-postbtn {
	width: 100px;
	cursor: pointer;
}

.sharesmubpanel-twitter-error {
	color: red;
	font-size: 10px;
	text-align: right;
}

.sharesmubpanel-twitter-feedback {
	font-size: 10px;
	text-align: right;
}

.sharepanel-info {
	font-size: 10px;
	font-weight: normal;
}

.sendMail-form,.shareTwitter-form,.shareDelicious-form,.registerSuccess-form,.smubMade-form
	{
	background-color: #ffffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
}

.registerSuccess-form .gwt-TextBox {
	margin: 10px;
	width: 290px;
	margin-right:200px;
}

.sendMail-form .anonymous-row,.shareTwitter-form-logged .anonymous-row,.shareDelicious-form-logged .anonymous-row,.shareTwitter-form-anonymous .logged-row,.shareDelicious-form-anonymous .logged-row
	{
	display: none;
}

.sendMail-form-anonymous .anonymous-row,.shareTwitter-form-anonymous .anonymous-row,.shareDelicious-form-anonymous .anonymous-row,.shareTwitter-form-logged .logged-row,.shareDelicious-form-logged .logged-row
	{
	display: table-row;
}

/*********************************************
 *           Smub Made Panel
 *********************************************/
.smubmade-link {
	color: #C46226;
	text-decoration: underline;
	cursor: pointer;
}

/*********************************************
 *            SmubNotFound
 *********************************************/
.smubnotfound-table {
	margin: 5px;
	background-color: #FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.smubnotfound-title {
	border-bottom: 1px solid #86a39e;
	margin: 5px;
	font-size: 14px;
	color: #C46226;
}

.smubnotfound-content {
	color: #4F6270;
	padding: 10px;
}

/*********************************************
 *                Smub Page Panel
 *********************************************/
.plugin-top-cell {
	height: 100%;
}

.plugin-middle-cell {
	border: 1px dotted #4f6270;
	padding: 4px;
}

.plugin-bottom-cell {
	height: 100%;
}

.smubpagepanel-globaltable {
	height: 259px;
	width: 430px;
	/*border-color:#4F6270;  TODO CADRE DES POPUP */
	/*border-style:dotted;  TODO CADRE DES POPUP */
	/*border-width: 1px;  TODO CADRE DES POPUP */
}

.smubpagepanel-table { /*width:400px;*/
	
}

.smubpagepanel-optionlink {
	color: #C46226;
	font-size: 10px;
	margin: 5px 0px 0px 0px;
	cursor: pointer;
}

.smubpagepanel-optionlinkfleche {
	cursor: pointer;
}

.smubpagepanel-fieldlabel {
	color: #4F6270;
	font-size: 12px;
	text-align: right;
	padding-right: 5px;
	padding-left: 20px;
	white-space: nowrap;
}

.smubpagepanel-domain-cell {
	vertical-align: baseline;
}

.smubpagepanel-sep-cell {
	vertical-align: baseline;
	padding: 0 3px;
}

.smubpagepanel-cut-cell {
	vertical-align: baseline;
	width: 100%;
}

.smubpagepanel-field {
	margin: 5px 0px;
	width: 275px;
}

.smubpagepanel-smubcut {
	width: 100%
}

.smubpagepanel-error {
	color: red;
	font-size: 10px;
	text-align: right;
}

.smubpagepanel-buttons {
	padding: 10px 0px 0px 0px;
}

.smubpagepanel-left {
	padding-right: 5px;
}

.smubpagepanel-privacy-check {
	padding: 0px 5px 0px 0px;
}

.smubpagepanel-close-text {
	color: #C46226;
	font-size: 10px;
	padding: 0px 0px 5px;
	text-align: left;
}

.smubpagepanel-close {
	cursor: pointer;
}

.smubpagepanel-button {
	cursor: pointer;
}

.smubpagepanel-loading {
	margin-top: 20px;
}

.smubpagepanel-identity {
	color: #4F6270;
}

.smubpagepanel-logout {
	color: #C46226;
	cursor: pointer;
}


/*********************************************
 *              Tags panel
 *********************************************/
.tagpanel-cell {
	background-color: #F3F3F5;
	height: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../images/V6/mybookmarks/mybookmarks.png);
}

.tagpanel {
	margin-top: 39px;
	width: 150px;
	background-color: #CDD0D5;
	border:1px solid #AFAFAF;
}

/*********************************************
 *              Tags panel
 *********************************************/ /*.tagpanel-cell {
	background-color: #F2F2F2;
	width: 221px;
	height: 100%;
}

.tagpanel {
	margin-top: 50px;
	width: 150px;
	background-color: #CDD0D5;
}*/

.TagPanel-FollowTags *{
	display: inline;
}

.tagpanel-typeselect {
	padding-bottom: 5px;
	cursor: pointer;
}

.tagpanel-showall {
	padding-bottom: 5px;
	cursor: pointer;
}

.selected {
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
	width:75px;
	font-weight:bold;
}


.unselected {
	background-color:#4F6270;
	color:#FFFFFF;
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
	width:75px;
}

#TagPanel-tagContent{
	padding: 5px;
}

#TagPanel-tagList {
	max-height:480px;
	overflow-y: auto;
} 

.TagPanel-tagCloud {
	max-height:480px;
	overflow-y: auto;
}

div#TagPanel-showall, div#tag {
	cursor:pointer;
}

.lbSelected {
	cursor:pointer;
	font-weight:bold;
}

.tagLink {
	display: block;
	background-image: url('http://pp2.smub.it:8180/yoogetcore/images/V6/netvibes/smubLink.png');
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:5px;
}

.tag-1 a,.tagLink a {
	color: black;
	text-decoration: none;
	font-size: 12px;
}

.tag-2 a {
	color: black;
	text-decoration: none;
	font-size: 13px;
}

.tag-3 a {
	color: black;
	text-decoration: none;
	font-size: 14px;
}

.tag-4 a {
	text-decoration: none;
	color: #4F6270;
	font-size: 15px;
}

.tag-5 a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px;
}

.tag-6 a {
	text-decoration: none;
	color: #4F6270;
	font-size: 17px;
}

.tag-7 a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 18px;
}

.tag-8 a {
	color: black;
	text-decoration: none;
	font-size: 19px;
}

.tag-9 a {
	text-decoration: none;
	color: #4F6270;
	font-size: 20px;
}

.tag-10 a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 22px;
}

/*********************************************
 *        Show Tags
 *********************************************/

#smubPageShowTagsListLink {
	position: relative;
}
#smubPageTagsShowTagsList {
	margin-left:102px;
	margin-top:-2px;
	padding-right:0;
	width:458px;	
}

.showTagsList {
	padding-left:2px;
	padding-right:2px;
	display: block;
	border-color:#AAAAAA;
	border-style:solid;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:0px;
	text-decoration: none;
}

.tagsList {
	background-color:#F2F7FF;
}

.tagsImage {
	position:absolute;
	left:102px;
	top:-22px;
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
}

.tags-SuggestBox {
	margin-bottom: 0;
	margin-left: 19px;
}

.tagsList .gwt-Label {
	white-space:normal;
	cursor: pointer;
	padding-right:0px;
}

#editsmub_tagsCell {
	padding-left: 1px;
}

.gwt-Label .labelselected, .labelselected {
color:#990000;
}

/*********************************************
 *              Search panel
 *********************************************/
.searchpanel {
	background-color: #E0E4E7;
	width: 100%
}

.searchpanel-button {
	cursor: pointer;
	margin-left: 5px;
	margin-bottom: 2px;
	padding: 0 10px;
	border-right: 1px solid #86a39e;
}

.searchpanel-button-showall {
	cursor: pointer;
	margin-left: 20px;
	margin-bottom: 2px;
}

.searchpanel-label {
	text-transform: uppercase;
	color: #C46226;
	font-size: 13px;
	padding: 8px;
	cursor: default;
}

/*********************************************
 *              Smub Action panel
 *********************************************/
.smubactionpanel-table {
	
}

.smubactionpanel-icon {
	cursor: pointer;
}

/*********************************************
 *            Smub Header Bar panel
 *********************************************/
.smubheaderbarpanel-table {
	width: 100%;
	margin-bottom: 5px;
}

/*********************************************
 *            Webmaster panel
 *********************************************/
.webmasterpanel-table {
	margin-left: 20px;
}

.webmasterpanel-code {
	padding: 20px;
	background-color: #CED3D5;
	color: black;
	border: 1px solid #000000;
	font-family: comic Sans MS;
	font-size: 11px;
}

.webmasterpanel-icon {
	padding: 20px 0px;
}

.webmasterpanel-title {
	color: #4F6270;
	font-size: 22px;
	padding: 10px 0px;
}

.webmasterpanel-title2 {
	color: #4F6270;
	font-size: 13px;
	padding: 10px 0px;
}

/*********************************************
 *       SLIDEPANEL
 *********************************************/
.slidepanel {
	border: 1px solid #4F6270;
	margin: 0px;
}

.slidepanel IMG {
	margin: 2px;
	align: left;
}

.slidepanel-buttonDown,.slidepanel-buttonUp {
	width: 20px;
	color: white;
	font-weight: bold;
	border-width: 1px 0px;
	background-color: #4F6270;
	cursor: pointer;
}

.gwt-TabPanel-disabled .slidepanel-buttonDown,.gwt-TabPanel-disabled .slidepanel-buttonUp {
	visibility: hidden;
}

.gwt-TabPanel-disabled .slidepanel {
	border: none; 
}

.slidepanel-buttonDown {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.slidepanel-buttonUp {
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.slidepanel-buttonUp .gwt-PushButton,.slidepanel-buttonDown .gwt-PushButton
	{
	-webkit-border-image: none;
	border-width: 0;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 40px;
}

.slidepanel-buttonDown .gwt-PushButton {
	background-image: url(../images/V6/slidepanel/button-down.png)
}

.slidepanel-buttonUp .gwt-PushButton {
	background-image: url(../images/V6/slidepanel/button-up.png)
}

.slidepanel-buttonDown .gwt-PushButton-up-disabled,.slidepanel-buttonUp .gwt-PushButton-up-disabled
	{
	background-image: none;
	cursor: auto;
}

/*******************************************
	SHARE GRID
*******************************************/

	
.shareGrid .gwt-Label {
	font-size: 7px;
}

.sharesite-enabled {
	cursor:pointer;
}

/*********************************************
 *              Welcome panel
 *********************************************/
.welcomepanel {
	text-align:center;
}
 
.welcome-form {
	margin: 0px;
	padding: 0px;
	background-color: #F2F2F2;
}

.welcome-container {
	margin: 0px auto 0px;
	background-color: #FFFFFF;
	margin: 0px auto 0px;
	padding-top: 10px;
	background-color:transparent;
	height:340px;
}

.welcome-register {
	position: absolute;
	right: 425px;
	top: 24px;
	padding-top: 7px;
}

.welcome-flash-container {
	width: 700px;
	height: 290px;
	background-color: #F2F2F2;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
}

#WelcomePanel-rightContent {
	float:right;
	width:200px;
}

.welcome-p {
	font-size: 95%;
	color: #C46226;
	padding: 10px 0px;
	margin: 0px 0px;
}

.welcome-startsmubbing {
	padding: 5px 0px 0px 10px;
	width: 181px;
	height: 28px;
	cursor: pointer;
}

.welcome-header-img {
	margin: 5px 0px 0px 10px;
}

.welcome-left {
	float: left;
	width: 655px;
	height: 400px;
}

.welcome-logo {
	float: left;
	cursor: pointer;
}

.welcome-tagline {
	float: left;
	margin: 6px 0px 20px 40px;
}

.welcome-right {
	float: left;
	width: 325px;
}

.welcome-right-content {
	padding-top: 0px;
	background-color: #fff;
	font-size: 14px;
}

.welcome-right-content-p {
	padding: 0px;
	margin: 10px 10px;
	font-size: 95%;
	color: #C46226;
}

.welcome-header-img {
	margin: 14px 0px 0px 10px;
	padding: 0px;
}

.welcome-header {
	float: left;
	padding: 10px 0px 20px 0px;
}

.welcome-newrelease {
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	padding-bottom:3px;
	padding-top:3px;
}
.welcome-newrelease div {
	color: #FFFFFF;
}
.welcome-newrelease span#newsLabel {
	background-image:url(../images/V6/new_features/background.png);
	background-position: center center;
	background-repeat: repeat-x;
	color:#FFFFFF;
	padding:3px 10px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	font-size:9px;
	cursor: default;
}

.welcome-newrelease span#newreleaseLk{
	background-image:url(../images/V6/new_features/background-white.png);
	background-position: center center;
	background-repeat: repeat-x;
	padding:0 10px 3px 10px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	cursor: pointer;
}

.welcome-newrelease .link{
	font-size: 9px;
	color:#C46226;
	font-weight: bolder;
	text-decoration: none;
}

#welcomeCell {
	padding-top: 0px;
	padding-right: 2px;	
}
.rssReader {
	padding: 10px;
}

#closeButton {
	margin-bottom: 10px;
	margin-top: 10px;
}


.andforpc {
	background-image: url(../images/V6/smub_home/and-for-pc-top.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 16px 0;
}

.button-footerpanel {
	display: inline-block;
	background-color: #FFFFFF;
	width:740px;
	padding:0 90px;
}

.button-footerpanel a,div.footer-button a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 13px;
}

.footer-button {
	height: 36px;
	width: 170px;
	padding: 18px 0px 30px 70px;
	margin: 2px;
	vertical-align: middle;
	text-align: left;
	display: inline-block;
	background-position: center top;
	background-repeat: no-repeat;
	cursor: pointer;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

div.footer-button-1 {
	background-image:
		url(../images/V6/smub_home/fond-bt-pc-right-clic-out.png);
}

div.footer-button-1:hover {
	background-image:
		url(../images/V6/smub_home/fond-bt-pc-right-clic-over.png);
}

div.footer-button-2 {
	background-image:
		url(../images/V6/smub_home/fond-bt-pc-shortcut-out.png);
}

div.footer-button-2:hover {
	background-image:
		url(../images/V6/smub_home/fond-bt-pc-shortcut-over.png);
}

div.footer-button-3 {
	background-image: url(../images/V6/smub_home/fond-bt-pc-safari-out.png);
}

div.footer-button-3:hover {
	background-image: url(../images/V6/smub_home/fond-bt-pc-safari-over.png)
		;
}

.smubLinkType {
	/*cursor: pointer;*/
}

/*********************************************
 *              Tweet
 *********************************************/
.tweetTitle {
	color:#243E3F;
	font-weight:bold;
	text-transform:uppercase;
	background-color: transparent;
	background-image: url(../images/V6/smub_home/twitter.png);
	background-repeat: no-repeat;
	background-position: 12px 0;
	display:inline-block;
	height:22px;
	margin-top:3px;
	margin-left: 22px;
	padding-top:3px;
	text-align:center;
	width:193px;
	cursor: pointer;
}

.tweet {
	padding-top:3px;
	font-size:10px;
	padding-left:3px;
	text-align: left;
}

.tweet a:hover {
	text-decoration: underline;
}

.tweet a {
	font-weight:bold; 
	text-decoration: none;
	font-size:11px;
}

.tweetContent,.tweetContent a {
	color:#456270;
	font-size:11px;
}


.tweetContentPair, .tweetContentPair a {
	color:#DD631B;
	font-size:11px;	
}

.tweetOwner {
}

.twitterThread {
	background-color:#FFFFFF;
	color:#293D47;
	width:200px;
	height:auto;
	overflow-x:hidden;
	overflow-y:hidden; 
}

#DisplaySmubPanel_WebshotZoom {
	height:16px;
	position:absolute;
	width:16px;
	cursor:pointer;
	left:1px;
	top:1px;
	margin-left: 10px;
}

#DisplaySmubPanel_email, #DisplaySmubPanel_stats {
	padding-left: 30px;
}

#DisplaySmubPanel_share, #DisplaySmubPanel_edit {
	padding-right: 20px;
}

#MySmubPanel_informationPanel {
	background-color: #FFFFFF;
	height: 168px;
	padding-top:50px;
	text-align : center;
}
#MySmubPanel_displayImg {
	background-color: #FFFFFF;
	height:16px;
	cursor: pointer;
}
#MySmubPanel_displayImg .gwt-HTML {
	padding-left: 22px;
}
#MySmubPanel_displayImg .gwt-HTML h4 {
	display:inline;
}

#MySmubPanel_displayContentPanel, #MySmubPanel_contentSmubPanel{
	border:1px solid #4F6270;
}

#MySmubPanel_gTablePanel {
	padding-bottom: 15px;
	border:1px solid #465C6C;
	background-color: #FFFFFF;
}

#MySmubPanel_gTablePanel .gwt-HTML {
	padding-left:5px;
	padding-top:5px;
}

#DisplaySmubPanel_ThumbnailWebshot {
	padding-left: 5px;
}

.BookmarksWebshotPanel_Title_Selected,
.BookmarksWebshotPanel_Image_Border_Selected  {
	background-color:#C46226;
}

.BookmarksWebshotPanel_Title,
.BookmarksWebshotPanel_Image_Border {
	background-color:#79858B;
}

.BookmarksWebshotPanel_Webshot .BookmarksWebshotPanel_Title,
.BookmarksWebshotPanel_Webshot .BookmarksWebshotPanel_Title_Selected {
	bottom:6px;
	color:#FFFFFF;
	cursor:pointer;
	display:inline;
	height:15px;
	margin-left:0;
	position:absolute;
	width:182px;
	padding-left: 1px;
	padding-right: 1px;
	z-index:3;
}

.BookmarksWebshotPanel_Title .gwt-Label,
.BookmarksWebshotPanel_Title_Selected  .gwt-Label{
	float:right;
	width: 167px;
}

.BookmarksWebshotPanel_Webshot .BookmarksWebshotPanel_Image_Border,
.BookmarksWebshotPanel_Webshot .BookmarksWebshotPanel_Image_Border_Selected {
	height:139px;
	position:absolute;
	width:184px;
	z-index:1;
}



.BookmarksWebshotPanel_Edit {
	bottom:22px;
	display:inline;
	position:absolute;
	right:0;
	z-index:4;
}

#BookmarksWebshotPanel_Webshot {
	height:160px;
	width: 183px;
	position:relative;
}

#BookmarksWebshotPanel_Webshot .gwt-Image-Webshot {
	padding:2px;
	position:absolute;
	z-index:2;
	width: 180px;
	height: 135px;
	
}

.BookmarksWebshotPanel_Webshot {
	display:inline-block;
	padding:3px;
	width:220px;
}

#SmubHeaderBarPanel_displayGTableView,
#SmubHeaderBarPanel_displayWebshotView {
	padding-left: 5px;
	padding-right: 5px;
}