/*--
  Centre Pompidou Virtuel
  Copyright (C) 2011-2013 Centre Pompidou

  The .css of the personal space.
-- */
body * {
	box-sizing: content-box;
}

.small {
    font-size: 100%;
}

#header * {
	box-sizing: border-box;
}
#footer * {
	box-sizing: border-box;
}

/* ESPACE PERSONNEL
---------------------------------------- */
#espace_perso{
	z-index:201; 
	position:absolute; 
	width:902px; 
	top:0px; 
	left:-887px; 
	background: #FE3100;
}

#espace_perso.small{
	width:251px; 
	background-size:251px auto;
	
}

/* surcharge le .small:85% de bootstrap */
#espace_perso .small, #espace_perso .small{
	font-size: 10px;
}

/*
#espace_perso.large{
	width:700px; 
	background-size:724px auto;
}
 */

/* *** */
.langfr #espace_perso li.perso { height:179px;}
#espace_perso li.perso span{
	height:175px;
}
#personalspace-tabs #favorites-tab-h span{
	margin-top: 0;
}

#espace_perso h1:hover, #espace_perso h1.hover{background-position: top right;}
#espace_perso.ouvert h1{background-position: bottom left;}
#espace_perso.ouvert h1:hover, #espace_perso.ouvert h1.hover{background-position: bottom right;}
#espace_perso p.error { margin: 20px; display: block; color: #fff; }
#tab-administration p.error { color: #000; }

/* ESPACE PERSONNEL- SIDE PANEL
---------------------------------------- */
.sidePanel {
	margin-bottom:20px; 
	padding-bottom: 70px;
	color:#fff; width:251px;
	font-family:"Din"; font-weight:normal;font-style:normal;
	position: absolute;
	top: 0;
}
.mainSide .sidePanel {
	position: relative;
}
.sidePanel h1 { font-size:60px; text-transform:uppercase; }
.sidePanel h2 {font-size:25px; text-transform:uppercase;}
.sidePanel h3 {font-size:18px; text-transform:uppercase;}
#administrationPanel h4 {
	font-size:18px;
	text-transform:uppercase;
	color:#000;
    border-bottom: solid 2px #666;
    margin-bottom: 20px;
}
.sidePanel h5 {font-size:11px; }

* html .sidePanel{margin-bottom:0;}		/* ie6 */
*:first-child+html #espace_perso article{margin-bottom: 0;}		/* ie7 */

/* ESPACE PERSONNEL- SIDE PANEL - TOP SPACE
---------------------------------------- */

.userInfo .widg-userProfile a { color: #FFF;  }
.userInfo .widg-userProfile .dropArrow { background: transparent url(../images/icons/triangle-bas-blanc.png) center center no-repeat; }
.userInfo .widg-userProfile:hover .dropArrow { background: transparent url(../images/icons/triangle-bas-noir.png) center center no-repeat; }
.userInfo .widg-userProfile .profileMenu ul li a { color:#000; }
.userInfo .widg-userProfile .profileMenu ul li a:hover { color:#999; }

.sidePanel .userInfo {
	margin: 20px 20px 0 20px; 
	border-bottom-color: #FFF; 
	border-bottom-style: dashed;
	border-bottom-width: 1px; 
}

.userInfo p {
	color: #000;
    font-size: 11px;
    font-family: Verdana;
    margin: 5px 0 5px 0;
}

.userInfo .linkButton {
	height:19px; 
	background-color:#000; 
	color:#fff; 
	font-size: 11px;
	font-family: Verdana;
	border-radius: 3px; 
	vertical-align:middle; 
	padding-left:8px; 
	padding-right:8px;
	line-height:17px; 
	text-align:center; 
	display: inline-block;
	margin : 15px 0;

}

.userInfo .widg-userProfile a textarea {
    width : 157px;
    height : 68px;
    margin: 0px;
    border: none;
    resize : none;
    overflow:hidden;
    background-color : #FE3100;
    color: white;
    font-family: "Verdana";
    font-size: 13px;
    padding : 0;
}
.userInfo .widg-userProfile:hover a textarea{ color: #000;  }

.userInfo .widg-userProfile a textarea:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

.detailledPanel .userInfo .widg-userProfile a textarea {
    background-color : #F2F2F2;
    color: black;
    text-align : right;
    width : 500px;
    height : 35px;
}
.detailledPanel .userInfo .widg-userProfile:hover a textarea {
	color: #FB6441
}
.detailledPanel .userInfo .widg-userProfile .user {
	width : 500px;
	max-width: 500px;
	height : 40px;
}

.detailledPanel .widg-userProfile .profileMenu {
	right: 90px;
}
/* ESPACE PERSONNEL- SIDE PANEL - CONTENT
---------------------------------------- */

.panelContent p {color:#000; font-size:11px; font-family:"Verdana"; text-transform:none; display: inline; }


/* ESPACE PERSONNEL- DETAILLED PANEL
---------------------------------------- */
.detailledPanel {
	background: #f2f2f2;
	margin: 0;
	padding: 21px 72px;
	margin-left: -1068px;
	width: 924px;
	position: absolute;
	top: 0;
}
.mainDetailled .detailledPanel {
	position: relative;
	margin-left: -819px;
}

.detailledPanel .userInfo {
	height: 44px;
}

.detailledPanel label {
	display :inline;
}

.detailledPanel h2 {
	line-height: 60px;
	background: transparent url(../images/centre_pompidou_biglogo.png) right center no-repeat;
	background-size: 76px, 36px;
	border-top: 1px #B3B3B3 dashed;
	border-bottom: 1px #B3B3B3 dashed;
	color: #FE3100;
	clear: both;
	text-transform: uppercase;
	text-align: right;
	font-size: 50px;
	margin: 0 0 45px;
	padding-right: 100px;
}

.widg-userProfileEdition h2 {
	width: 810px;
}

.detailledPanel h3 { color: black; font-size:18px; margin: 0 0 18px; }
.detailledPanel .panelContent {
	margin: 0 -10px;
	overflow: hidden;
}

.detailledPanel .panelContent .widget {
	background: white;
	margin: 10px;
	padding: 25px;
	width: 375px;
	float: left;
}
.detailledPanel .panelContent .widget p {
	color: #808080;
}
.detailledPanel .panelContent .widget-column {
	float: left;
	padding: 0 10px;
	width: 445px;
	overflow: hidden;
}

.edituserprofile-link-delete {
	float: left;
	padding-top: 6px;
}

/* ESPACE PERSONNEL- DETAILLED PANEL - TOP SPACE
---------------------------------------- */
.detailledPanel .widg-userProfile { float: right; width: 525px; height: 40px; }
.detailledPanel .widg-userProfile a { color: #000; }
.detailledPanel .widg-userProfile .dropArrow { background: transparent url(../images/icons/triangle-bas-noir.png) center center no-repeat; }
.detailledPanel .widg-userProfile:hover .dropArrow { background: transparent url(../images/icons/triangle-bas-orange.png) center center no-repeat; }
.detailledPanel .widg-userProfile .profileMenu ul li a { color:#000; }
.detailledPanel .widg-userProfile .profileMenu ul li a:hover { color:#999; }

/* ESPACE PERSONNEL- TABS
---------------------------------------- */
#personalspace-tabs {
	position: relative;
}
#personalspace-tabs ul { 
	position: absolute;
	left: 100%;
	width:24px;
	margin-top:90px;
}

#personalspace-tabs li.tab { background-color: #FE3100; }

#personalspace-tabs li.tab.inactive { background-color: #333333; }

#personalspace-tabs li.tab.grey { background-color: #333333; }

#personalspace-tabs li.disabled{ cursor: default; }

.ie8 #personalspace-tabs li.disabled, 
.ie7 #personalspace-tabs li.disabled { 
	background-color: #ff9880; 
}
.ie8 #personalspace-tabs li.disabled.inactive, 
.ie7 #personalspace-tabs li.disabled.inactive { 
	background-color: #808080; 
}


/* Class IMPORTANT is used to change the 
color of the favorites tab when user add a 
history entry to his favorites
---------------------------------------- */
#personalspace-tabs li.tab.important {background-color: #FE3100;}


/* BIG TAB is for Personal Space languet and SMALL TAB is for the other languets
---------------------------------------- */
#personalspace-tabs li.bigtab, #personalspace-tabs li.bigtab.inactive {
	cursor: pointer;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	background-color: transparent;
}

#personalspace-tabs li.smalltab {
	background-position: 3px 15px;
	margin-bottom: 4px;
	cursor: pointer;
	height: 50px;
	border-radius: 0 3px 3px 0;
	behavior: url(/cpv/css/lib/PIE.htc);
}

/* Icon inside a tab */
#personalspace-tabs li.tab span{
	display:block;
	height: 50px;
	text-indent:-9999px;
	background-position: center;
}


/* ESPACE PERSONNEL- ESPACE PERSONNEL TAB ICON
---------------------------------------- */
#espace_perso.ouvert li.perso.active { 
	background: url("../images/icons/onglet-fleche-orange2.png"); 
	background-repeat: no-repeat;
	background-position:top; 
}
#espace_perso.ouvert li.perso.active:hover { 
	background: url("../images/icons/onglet-fleche-orange2-hover.png") top no-repeat; 
}
#espace_perso li.perso, #espace_perso li.perso.active {
	background: url("../images/icons/onglet-fleche-orange1.png");
	background-repeat: no-repeat;
	background-position:top;
	cursor:pointer;
	margin: 0;
}
#espace_perso li.perso.active:hover { 
	background: url("../images/icons/onglet-fleche-orange1-hover.png") top no-repeat; 
}
#espace_perso li.perso.inactive { 
	background: url("../images/icons/onglet-fleche-gris2.png") no-repeat scroll; 
	background-position:top; 
}
#espace_perso li.perso.inactive:hover { 
	background: url("../images/icons/onglet-fleche-gris2-hover.png") top no-repeat;
}
#espace_perso li.perso div {
	width: 25px;
	height: 170px;
}
.langfr #espace_perso li.active.perso div { background: transparent url('../images/icons/espace-perso-orange.png') no-repeat bottom center; }
.langfr #espace_perso li.inactive.perso div { background: transparent url('../images/icons/espace-perso-gris.png') no-repeat bottom center; }
.langen #espace_perso li.active.perso div { background: transparent url('../images/icons/espace-perso-orange-en.png') no-repeat 5px 62px; }
.langen #espace_perso li.inactive.perso div { background: transparent url('../images/icons/espace-perso-gris-en.png') no-repeat 5px 62px; }
.langes #espace_perso li.active.perso div { background: transparent url('../images/icons/espace-perso-orange-es.png') no-repeat 5px 55px; }
.langes #espace_perso li.inactive.perso div { background: transparent url('../images/icons/espace-perso-gris-es.png') no-repeat 5px 55px; }

/* ESPACE PERSONNEL- FAVORITES TAB ICON
---------------------------------------- */
#personalspace-tabs li.fav span {
	background-image: url('../images/icons/etoileL17-blanc.png');
	background-repeat: no-repeat;
}
#personalspace-tabs li.fav.active span:hover,#espace_perso li.fav span:hover{
	background-image: url('../images/icons/etoileL17-noir.png');
}
#personalspace-tabs li.fav.inactive span:hover{
	background-image: url('../images/icons/etoileL17-orange.png');
}
#personalspace-tabs li.fav.disabled span:hover{
	background-image: url('../images/icons/etoileL17-blanc.png');
	cursor: default;
}

/* ESPACE PERSONNEL- CONTRIBUTIONS TAB ICON
---------------------------------------- */
#personalspace-tabs li.contrib span {
	background-image: url('../images/icons/crayonL17-blanc.png');
	background-repeat: no-repeat;
}
#personalspace-tabs li.contrib.active span:hover,#espace_perso li.contrib span:hover{
	background-image: url('../images/icons/crayonL17-noir.png');
}
#personalspace-tabs li.contrib.inactive span:hover{
	background-image: url('../images/icons/crayonL17-orange.png');
}
#personalspace-tabs li.contrib.disabled span:hover{
	background-image: url('../images/icons/crayonL17-blanc.png');
	cursor: default;
}

/* ESPACE PERSONNEL- HISTORY TAB ICON
---------------------------------------- */
#personalspace-tabs li.histo span {
	background-image: url('../images/icons/histoL17-blanc.png');
	background-repeat: no-repeat;
}
#personalspace-tabs li.histo.active span:hover,#espace_perso li.histo span:hover{
	background-image: url('../images/icons/histoL17-noir.png');
}
#personalspace-tabs li.histo.inactive span:hover{
	background-image: url('../images/icons/histoL17-orange.png');
}
#personalspace-tabs li.histo.disabled span:hover{
	background-image: url('../images/icons/histoL17-blanc.png');
	cursor: default;
}

/* ESPACE PERSONNEL- ADMINISTRATION TAB ICON
---------------------------------------- */
#personalspace-tabs li.admin {
	margin-top: 20px;
}
#personalspace-tabs li.admin span{
	background-image: url('../images/icons/adminL17-blanc.png');
	background-repeat: no-repeat;
}
#personalspace-tabs li.admin.active span:hover,#espace_perso li.admin span:hover{
	background-image: url('../images/icons/adminL17-noir.png');
}
#personalspace-tabs li.admin.inactive span:hover{
	background-image: url('../images/icons/adminL17-orange.png');
}
#personalspace-tabs li.admin.disabled span:hover{
	background-image: url('../images/icons/adminL17-blanc.png');
	cursor: default;
}

/* *** */
#esppers_public{color:#000; padding-right:50px;}
#esppers_public label{margin-right:5px;}
/* *** */
.sidePanel .esppersCheckbox {
	color:#000;
	font-family:"Arial";
	font-size:10px; 
	margin-top: 5px;
}
.sidePanel img.cpv-checkbox{
    height: 11px;
    vertical-align: middle;
    width: 11px;
	border-radius: 3px;
	background: #FFF;
	}
.sidePanel img.cpv-checkbox.checked {
	background-image: url("../images/icons/cocherH13.png");
	background-repeat: no-repeat;
	background-size:70%;
	background-position: center;
	background-color: #FFF;
}

/* ESPACE PERSO - FORM
---------------------------------------- */

.sidePanel form p {color: #000; font-size:11px; font-family:"Arial"; padding-top:5px;margin: 0px; }

.sidePanel form button {
	height:19px; 
	background-color:#000; 
	color:#fff; 
	font-family:"Arial"; 
	font-size:11px;
	border-radius: 3px; 
	vertical-align:middle; 
	padding-left:8px; 
	padding-right:8px;
	line-height:17px; 
	text-align:center; 
	margin: 5px 5px 5px 0;
}
.sidePanel form button[disabled]{opacity: 0.4; text-shadow: none;}
.sidePanel form button.disabled { background: #981d00; color: #c4492c;}

.sidePanel form button:hover{color: #fff; background-color: #999;}
.sidePanel form button[disabled]:hover{color: #fff; background-color: #000;}

.sidePanel input, .sidePanel select {color:#808080;
							border:0px solid #fe3100; margin: 0 0 5px; height:19px; width: 201px;
							padding-left:10px; border-width: 1px; line-height: 16px; }

.sidePanel form input:focus,  .sidePanel form select:focus {color:#000; border-color: #000000; }

.sidePanel form input.invalid{border-color:#000;}

.sidePanel form select{border:2px solid #fe3100; background-color:#fff;}

/* *** */
.loginsignin_errors{
	padding:4px 5px 5px 5px; 
	display:block;
	margin:0px 0 7px;
	background-color:#000; 
	color:#fff; 
	font-size:11px; 
	font-family:"Verdana";
}
/* ESPACE PERSO - TAB CONTENT
---------------------------------------- */
.panelContent{
	clear: both;
	padding: 15px 20px 0 20px;	
}
.panelContent.large {
	padding: 0;	
}

/* ESPACE PERSO - TWEETS
---------------------------------------- */
#tweets h4 {text-transform: uppercase; font-size:18px ; font-family:"Din"; padding-bottom: 15px; margin-top: 15px;}
.tweet h5 {font-size:13px ; font-family:"Arial"; margin-top:10px; margin-left: 60px; color:#FFF; font-weight: bold; }
.tweet h6 {font-size:11px ; font-family:"Arial"; color:#FFF; margin-left: 60px; opacity:0.3;}
.tweet p {font-size:11px ; font-family:"Arial"; color:#000; margin-bottom: 10px; word-wrap: break-word;}
.tweet div {margin-left: 60px;}
.tweet a {color:#000;}



.tweet img {width:50px; height: 50px; float: left; border-radius: 3px; margin-top:10px; margin-bottom: 10px;}
.tweet {clear:both;border-top-color:rgba(255, 255, 255, 0.3); border-top-style: solid; border-top-width: 1px; margin-bottom: 10px; }




/* ESPACE PERSO - TABS CONTENT
---------------------------------------- */
.tab-content {
	font-family:"Verdana"; 
}
.tab-content h3 {
	font-family:"Din"; 
	border-bottom: 1px solid #FFF; 
}
.tab-content h4{
	font-size:11px;
	border-bottom: 1px solid #FFF;
	text-transform: none;
	min-height: 20px;
	padding: 8px 0 3px 0;
	margin-top: 15px;
}
/* ESPACE PERSO - TABS CONTENT - SECTIONS
---------------------------------------- */
.tab-content .section {
 	border-bottom: 1px solid #FFF; 
	min-height: 20px;
	padding: 8px 0 3px 0;
}
.tab-content .section h5{
	cursor: pointer;
	min-height: 20px;
}

.tab-content .section.browseFavorites h5{
    cursor: pointer;
    height: 100%;
}

.tab-content .section h5:hover {
	color: #000;
}

#topCircuit .tab-content .section h5:hover {
    color: #fff;
}

#topCircuit .tab-content .section {
    border-bottom: 0px solid #FFF;
}

.tab-content .section h5 .arrow { /* White arrow points up */
	width: 10px; 
	height: 20px; 
	display: inline-block; 
	float: left;
	margin-right: 5px;
	background: #FE3100 url('../images/clicini_blancnoir_fdrouge.gif') no-repeat 3px 3px;
}
.tab-content .section h5 .arrow.deplie { /* White Arrow points down */
	background: #FE3100 url('../images/clicini_blancnoir_fdrouge.gif') no-repeat 3px -90px;
}
.tab-content .section h5:hover .arrow { /* Black Arrow points up */
	background: #FE3100 url('../images/clicini_blancnoir_fdrouge.gif') no-repeat 3px -195px;
}
.tab-content .section h5:hover .arrow.deplie {  /* Black Arrow points down */
	background: #FE3100 url('../images/clicini_blancnoir_fdrouge.gif') no-repeat 3px -290px;
}
.tab-content .section .section-content { 
	width: 100%;
	display: none;
}


/* ESPACE PERSO - MES FAVORIS
---------------------------------------- */
/* #userFavorites {margin-left: 20px; margin-right: 20px;} */
/* .userFavorites div {overflow:hidden;} */
/* .userFavorites h4 {font-size:18px ; font-family:"Din"; border-bottom: 1px solid #fff; } */
/* .userFavorites h5 {font-size:11px ; font-family:"Verdana"; padding-bottom:3px; margin-top: 10px; padding-left:15px; cursor: pointer; }
.userFavorites h6 {font-size:11px ; font-family:"Verdana"; color:#000; margin-bottom:3px; margin-left: 15px;}
.userFavorites {padding-top:3px;padding-bottom:3px;} */
.userFavorites .resource {
	color: #000;
	font-size: 11px;
	font-family: "Verdana";
	text-transform: none;
	margin-top: 5px;
	clear: right;
	cursor: pointer;
}

/* .userFavorites a.arrow {
	width: 10px; height: 20px; float: left; margin-top: 10px;
	background: #FE3100 url('../images/clicini_blancnoir_fdrouge.gif') no-repeat 3px 3px;
}
.userFavorites a.arrow.deplie {
	background: #FE3100 url('../images/clicini_blancnoir_fdrouge.gif') no-repeat 3px -90px;}
.userFavorites a.arrow:hover,
	.userFavorites a.arrow.deplie:hover{
	width: 10px; height: 20px; float: left;
	background: #FE3100 url('../images/clicini_noirouge.gif') no-repeat 3px -90px;
} */

.browseFavorites h5,
.browseFavorites .favoritesListItem .resource {
	position: relative;
}
.userFavorites .readNote {
	position: absolute;
	float: right;
	top: 8px;
	width: 8px;
	height: 8px;
    background: #FE3100 url('../images/icons/plus-noir.png') no-repeat
}

.userFavorites .readNote:hover, 
.userFavorites .readNote.selected {
	background: #FE3100 url('../images/icons/plus-blanc.png') no-repeat
}
.transitionTextListItem .readTransitionText {
    position: absolute;
    float: left;
    width: 8px;
    height: 8px;
    background: #FE3100 url('../images/icons/plus-noir.png') no-repeat
}
.transitionTextListItem .readTransitionText:hover, 
.transitionTextListItem .readTransitionText.selected {
    background: #FE3100 url('../images/icons/plus-blanc.png') no-repeat
}

.userFavorites .descriptionCategory {
    margin-right: 10px; margin-left: 2px;
    margin-top: 2px; margin-bottom: 10px;
    width: 8px;
    height: 8px;
    float: right;
    background: #FE3100 url('../images/icons/plus-blanc.png') no-repeat ;
}
.userFavorites .descriptionCategory:hover, 
.userFavorites .descriptionCategory.selected {
	background: #FE3100 url('../images/icons/plus-noir.png') no-repeat ;
}
.userFavorites .editBookmark, 
	.userFavorites .editCategory {
	width: 20px; 
	height: 20px; 
	float: right;
	background: #FE3100 url('../images/icons/crayonH13-blanc.png') no-repeat ;
}
.userFavorites .editBookmark:hover, 
	.userFavorites .editCategory:hover {
	background: #FE3100 url('../images/icons/crayonH13-noir.png') no-repeat ;
}
.userFavorites a.shareCategory {
	width: 20px; height: 20px; float: right;  
	background: #FE3100 url('../images/icons/partageH13-blanc.png') no-repeat ;
}
.userFavorites a.shareCategory:hover {
	background: #FE3100 url('../images/icons/partageH13-noir.png') no-repeat ;
}
.userFavorites .keyword {color:#000; font-size:11px; font-family:"Verdana"; text-transform:none;
							float: right; font-weight:bold; display: -webkit-box;
							clear:left; margin:0px; ; padding-bottom: 5px; }
.userFavorites li { 
	position: relative; 
	padding-left: 20px; 
}

.userFavorites .circuit-option { 
	position: relative; 
	padding-left: 15px;
	margin: 5px 0px;
}

.userFavorites li a { 
	font-size:11px ; 
	font-family:"Arial";
	color:#000000; 
	display: inline-block; 
	max-width: 175px; 
}

.userFavorites li a.selected { 
    color:#FFFFFF; 
}

#userFavorites li.favoritesListItem:hover,
#userFavorites li.transitionTextListItem:hover,
#userFavorites li.favoritesListItem.tooltipOpened,
#userFavorites li.transitionTextListItem.tooltipOpened { 
	cursor:url(../images/icons/openhand.cur), move; 
	cursor:hand;
	cursor: grab;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	background: #FE3100 url('../images/icons/gratte-gratte1-blanc.png') 8px 0 repeat-y; 
}
.userFavorites li.transitionTextListItem.ui-sortable-helper,
.userFavorites li.favoritesListItem.ui-sortable-helper { 
	cursor: grabbing;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor:url(../images/icons/cursor-grabbing.png), move; 
}
.userFavorites li.favoritesListItem:hover a,
.userFavorites li.favoritesListItem.tooltipOpened a { 
	color: #FFF; 
}

.userFavorites .conversationNumber {float: right; }
.userFavorites .conversationNumber:hover {color:#000;}
/* .browseFavorites {border-bottom: 1px solid #fff; } */

/** this work also in IE except for the ellipsis */
.browseFavorites .category_title, .browseFavorites .userFavorites{
    display: inline-block;
    width:132px;
    overflow: hidden;
}
.browseFavorites .userFavorites {
    text-overflow: ellipsis;
    max-height: 2.4em;/* line-height is 1.2em */
}

.browseFavorites .userFavorites span{
	text-overflow: ellipsis;
}
/* .favoritesConsultation {border-bottom: 1px hidden #fff;} */
.userFavorites { font-family:"Verdana" }
.userFavorites .categoryDetails { color:#FFF; font-size:11px; opacity: 0.5; padding-left:15px; margin-bottom: 5px;}
.userFavorites .categoryDetails:hover { color:#000; opacity: 1; }
.userFavorites form input {border:0px; margin-top: 10px;}

.userFavorites .edit{float: right;}
.userFavorites button{
	font-size:11px; font-family: "Arial"; line-height:1; text-align:center; color:#fff; background-color:#000; height: 19px;
		margin-top: 20px; margin-bottom: 20px; border-radius: 3px; vertical-align:middle;
		padding-left:10px;padding-right: 10px;margin-left: 5px;
}

.userFavorites .favoritesContent {
	margin-bottom: 10px;
	clear:both;
}

.userFavorites #ajoutCategorie {
	margin-top: 10px;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
}

/* Bootstrap override box sizing */
.userFavorites #ajoutCategorie > span, .userFavorites #ajoutCategorie > span > input {
    box-sizing: border-box;
}
.userFavorites #ajoutCategorie #newCategoryLabel {
	width: 140px;
}

.userFavorites #ajoutCategorie #createBookmarkCategory {
	width: 54px;
	padding: 0 8px;
}
.userFavorites #ajoutCategorie #createBookmarkCategory:hover{
	color: #ffffff;
	background-color: #999999;
	border-color: #999999;
	opacity: 1;
}

.audienceCircuit {
	padding-top : 5px;
}

.audienceCircuit .deleteAudience {
    background-image: url('../images/icons/fermer-noir.png');
    background-repeat: no-repeat;
    background-position: 0px 4px;
    margin-left: 5px;
    top: 3px;
    right: 0;
    width: 10px;
}

.audienceCircuit .deleteAudience:hover {
    cursor: pointer;
}

.personalSpaceCircuitAdministration .circuitAdministration {
    padding-top: 5px;
    padding-bottom: 5px;
}

.personalSpaceCircuitAdministration .contextCircuitAdministration {
    border-top: 1px solid #FFF;
}

.personalSpaceCircuitAdministration .otherInformationCircuitAdministration {
    border-bottom: 1px solid #FFF;
}

.personalSpaceCircuitAdministration .otherInformationCircuitAdministration div {
	display: inline
}

.bookmarkCategoryEditForm .modifyCircuitDescription {
    padding-bottom: 10px;
}


.submitBookmarkForm {
    padding: 0 8px;
    color: #ffffff;
	background-color: #000000;
	border-color: #000000;
	border-radius: 3px;
	border-style: solid;
	cursor: pointer;
	-webkit-appearance: none;
	overflow: visible;
	font-size: 11px;
	font-family: Verdana;
	text-align: center;
	height: 19px;
	float : right
}

.submitBookmarkForm:hover {
    color: #ffffff;
    background-color: #999999;
    border-color: #999999;
    opacity: 1;
}

.modifyBookmarkTitle {
	border-bottom-color: #fff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 7px;
	margin-bottom: 7px;
}
#newCategoryLabel {
	height: 19px;
	line-height: 19px;
	color: #808080;
	background: #ffffff;
	padding-left: 10px;
	margin-left: 0px;
	border-color: transparent; 
}
#newCategoryLabel:focus {
	border-color: #000000;
}

.input-title {
	margin-top: 7px;
	margin-bottom: 7px;
    border-width: 0;
    padding: 2px;
    width: 175px;
}

.userFavorites .editBookmark {
	position: absolute;
	top: 5px;
	right: 0;
	display: none;
}

.userFavorites .favoritesListItem:hover .editBookmark,
.userFavorites .transitionTextListItem:hover .editBookmark,
.userFavorites .favoritesListItem.tooltipOpened .editBookmark,
.userFavorites .transitionTextListItem.tooltipOpened .editBookmark {
	display: block;
}

.bookmark-edit_tooltip .cpv-close,
	.modify-title_tooltip .cpv-close {
	margin-top: -8px;
	margin-right: -6px;
}

.modify-title_tooltip div.delete,
	.bookmark-edit_tooltip div.delete {
	border-top-color: #fff;
	border-top-style: solid;
	border-top-width: 1px;
}

.bottom-trigger {
	padding-top: 5px;
}

.top-trigger {
	padding-bottom: 5px;
}

.modify-title_tooltip div.edit,
	.bookmark-edit_tooltip div.edit {
	margin-bottom: 27px;
}

.bookmark-edit_tooltip .modifyBookmarkNote, .addTransitionText {
	margin-bottom: 4px;
}

.note_tooltip {
	max-width: 450px;
}

.note_tooltip .commentHeader {
	font-weight: bold;
	padding-right: 20px;
}

.note_tooltip .comment, .note_tooltip .comment p {
    margin-bottom : 5px;
}

.note_tooltip_desc {
	max-width: 450px;
}
.note_tooltip_desc .comment {
	padding-right: 20px;
	padding-bottom: 5px;
	padding : 2px;
}
.transition_text_tooltip .comment, .transition_text_tooltip .comment p {
    margin-bottom : 5px;
}

/* Rules for share Qtip*/

.favoris-share_tooltip div:first-child{
    padding-top: 2px;
}

.favoris-share_tooltip div {
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #FFF;
}
.favoris-share_tooltip div .atclear {
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.favoris-share_tooltip div.public_circuit {
    padding-top: 15px;
    padding-bottom: 0px;
    border-bottom: none;
}

label.circuitVisibility {
    color:#000;
}

.favoris-accept_share_tooltip {
	width: 190px;
	margin: 5px 0;

}

.favoris-accept_share_tooltip .cpv-close.close_black {
	float: right;
	width: 10px;
	margin-left: 10px;
}

.favoris-accept_share_tooltip .accept_share {
	float: left;
	width: 170px;
}

.favoris-accept_share_tooltip .sharing_validation {
	display: inline-block;
	width: 100%;
	margin-top: 10px;
}

.favoris-accept_share_tooltip .sharing_validation .share_accept {
	float: right;
	margin-right: 5px;
}

/* ESPACE PERSO - MES CONTRIBUTIONS
---------------------------------------- */

/* #userContributions {margin-left: 20px; margin-right: 20px;} */
.userContributions div {overflow:hidden;}
/* .userContributions h4 {font-family:"Din"; border-bottom: 1px solid #fff; margin-top:15px; font-size: 18px;} */
/* .userContributions h5 {font-size:11px ; font-family:"Verdana","Arial"; border-bottom: 1px solid #fff; margin-top:20px; padding-bottom:3px; cursor: pointer;}
.userContributions h6 {font-size:11px ; font-family:"Verdana","Arial"; color:#fff; padding-bottom:3px; margin-top: 10px;} */
.userContributions p {font-size:11px ; font-family:"Verdana","Arial"; color:#fff;}

/* .keywordContribution {border-bottom: 1px solid #fff; padding-top:3px;padding-bottom:3px;} */
.userContributions .resource {color:#000; font-size:11px; font-family:"Verdana"; text-transform:none;
								margin-top:5px; clear: right; cursor: pointer;}

/* .userContributions a.arrow.up {
	width: 10px; height: 20px; float: left; 
	background: #FE3100 url('../images/clicini_blancnoir_fdrouge.gif') no-repeat 3px 3px; 
	margin-right: 5px;
}
.userContributions a.arrow.up:hover {
	background: #FE3100 url('../images/clicini_noirouge.gif') no-repeat 3px -90px;
}
.userContributions a.arrow.down {
	width: 10px; height: 20px; float: left;
	background: #FE3100 url('../images/clicini_blancnoir_fdrouge.gif') no-repeat 3px -90px; 
	margin-right: 5px;
}
.userContributions a.arrow.down:hover {
	background: #FE3100 url('../images/clicini_noirouge.gif') no-repeat 3px -90px;
	margin-right: 5px;
} */

.userContributions .keyword {color:#000; font-size:11px; font-family:"Verdana"; text-transform:none;
							float: right; font-weight:bold; display: -webkit-box;
							clear:left; margin:0px; ; padding-bottom: 5px; text-align: right; }
.userContributions li {padding-left: 10px;}
.userContributions li a {font-size:11px ; font-family:"Arial";color:#000000; clear: both;}
.userContributions li a:hover {font-size:11px ; font-family:"Arial";color:#fff;}

.userContributions .conversationNumber {float: right; }
.userContributions .conversationNumber:hover {color:#000;}
.userContributions .seeAll {clear: both; margin-bottom:5px; }

/* Widget: comments */
.contributionComments { padding: 20px 16px; width: 300px; }
.contributionComments .commentHeader {font-weight: bold;}
.contributionComments li {padding-right: 60px; padding-bottom:10px; overflow: auto;}
.contributionComments li.offset {padding-left: 30px; padding-right: 0px;}
.contributionComments textarea { box-sizing: border-box; padding: 5px; width:100%; resize: none; }
.contributionCommentSubmission div textarea:focus { 
	outline: none;
	box-shadow: 0 0 0;
	border: 1px solid #000;
	color: #000;
}
.contributionComments .contributionCommentSubmission div { text-align: right; padding-top: 10px; }
a.tooltip_close_button { font-size: 13px; font-weight: bold; position: absolute; right: 5px; top: 0; }
a.tooltip_close_button:hover {
	color: #000;
}
.contributionComments .commentCpLogo{
	width: 40px;
	height: 40px;
	float: left;
	border-radius: 3px;
	margin-right: 10px;
}
.userContributions .cInfo{
	display: none;
}

/* ul.contributionsList{
	padding-left: 5px;
} */

.contributionsList li.hiddenContribution{
	display: none;
}
.contributionsList li.displayedContribution{
	display: block;
}

.openContributionBubble{
	border-color: #b3b3b3;
	background-color: #e6e6e6;
}

.noteBubble{
    border-color: #b3b3b3;
    border-width: 2px;
    background-color: #e6e6e6;
    max-width: 250px;
}

.contributionsList .seeAll a{
	margin-bottom: 10px;
}

.thesaurusLink{
	color: #000;
	font-size:11px ;
	font-family:"Arial";
	margin: 20px 0px 0px 5px;
}

#userContributionsTable .thesaurusLink {
    margin: 20px 0px 0px 0px;
}

#userContributionsTable td.history_comments {
    text-align:center;
}

#userContributionsTable {
    background: white;
    padding: 25px;
    margin: 10px;
    font-family: Verdana;
    font-size: 11px;
}
#userContributionsTable .title div.hideOverflow{
	width:400px;
}
#userContributionsTable .content div.hideOverflow{
	width:200px;
}

/* ESPACE PERSO - USER HISTORY
---------------------------------------- */
/* .userHistory {margin-left: 20px; margin-right: 20px;} */
.userHistory p {color: #fff;}
/* .historyContainer {border-bottom-color: #fff; border-bottom-width: 1px; border-bottom-style: solid ; overflow:hidden;} */
/* .userHistory h4 {text-transform: uppercase; font-size:18px ; font-family:"Din"; border-bottom:1px solid #fff; margin-top:15px;} */
/* .userHistory h5 {font-size:11px ; font-family:"Verdana"; margin-top:10px; padding-left:20px;
					padding-bottom:5px; cursor: pointer; } */

/* #user_History p, p a {font-size:11px ; font-family:"Verdana";color:#000; margin-left:20px; } */
.userHistory p a:hover {color:#FFF}
.historyContent li {margin-bottom: 10px;}
/* .userHistory a.arrow {width: 10px; height: 20px; float: left;
					background: #FE3100 url('../images/clicini_blancnoir_fdrouge.gif') no-repeat 3px 13px;}
.userHistory a.arrow.deplie {
					background: #FE3100 url('../images/clicini_blancnoir_fdrouge.gif') no-repeat 3px -80px;}
.userHistory a.arrow:hover {width: 10px; height: 20px; float: left;
					background: #FE3100 url('../images/clicini_noirouge.gif') no-repeat 3px -80px;} */
.userHistory button{
	font-size:11px; 
	font-family: "Arial"; 
	line-height:17px; 
	text-align:center; 
	color:#fff; 
	background-color:#000; 
	height: 19px;
	margin: 20px 0 20px 5px; 
	border-radius: 3px; 
	vertical-align:middle;
	padding-left:10px;
	padding-right: 10px;
}
.userHistory button:hover:enabled{color: #fff; background-color: #999;}
.userHistory button:disabled, .userHistory button:hover:disabled{opacity: 0.4; background-color:#000;}
.userHistory button.disabled { background: #981d00; color: #c4492c;}
.userHistory .historyCheckbox img { 
	float: left; 
	margin-top:3px; 
	width: 11px; 
}
.userHistory .historyCheckbox label {
	padding-left: 1em; 
	padding-top: 0.2em; 
	display: inline-block; 
	width: 180px; 
}
/* .userHistory .historyCheckbox a{color:#000;font-family:"Verdana";font-size:11px; padding-left: 2em; padding-top: 0.2em; display: inline-block;} */
.userHistory .historyCheckbox a:hover { color:#FFF; } 
/* .userHistory .historyCheckbox li { position: relative; }
.userHistory .historyCheckbox li img { position: absolute;  top: 0; left: 0; } */

/* .historyCheckbox input[type=checkbox]{ height: 11px;
  							  vertical-align: middle;
   								 width: 11px;
								border-radius: 3px;
								background: #FFF;
								}
.historyCheckbox input[type=checkbox]:checked {background-image: url("../images/icons/cocherH13.png");
									background-repeat: no-repeat;
									background-size:70%;
									background-position: center;
									background-color: #FFF;
									} */

/* ESPACE PERSO - ADMINISTRATION PANEL
---------------------------------------- */
.administrationPanel {
	margin: 0px 20px;
	width: 900px;
}
/* .administrationPanel h4 {
	color: #000000;
	text-transform: uppercase;
	font-size:18px;
	font-family:"Din";
	padding: 0 0 10px 0;
	border-bottom:1px solid #fff;
} */

.noneContributionList {
	display:none;
}

.resources-protected {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #FFF;
}

.resources-protected-title {
	padding-top: 20px;
}

.blockContributionList {
	display:block;
}

.adminBlock {
	background: white;
	padding: 25px;
	margin: 10px;
	margin-top: 25px;
	font-family: Verdana;
	font-size: 11px;
}
.adminBlock.separation-contributions {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.adminBlock.separation-resources {
    margin-top: 0px;
}
.adminBlocksWrapper {
	overflow: hidden;
}
.adminBlocksWrapper .adminBlock {
	float: left;
	width: 380px;
}

#statisticsAttributes .separation-resources ,#resourcesProtectedAdminPanel .separation-resources, #usersInSelectedGroup {
    padding-top: 25px;
	overflow : hidden;
    margin-top: 25px;
    border-top-color: #000;
    border-top-style: dashed;
    border-top-width: 1px;
	
}

#statisticsExport .leftAlign {
	margin-top : 5px;
}

/** General table in Administration detailled panel */
#espace_perso .detailledPanel table{
	width : 100%;
	margin-top: 20px;
}
#espace_perso .detailledPanel th { 
    border-bottom: solid 2px #666;
    padding: 5px 2px;
    max-width : 100px;
}
#espace_perso .detailledPanel td { 
	border-bottom: solid 1px #666;
}
#espace_perso .detailledPanel th.black-column{ 
    color: #000;
}
#espace_perso .detailledPanel th.grey666-column{ 
    color: #666;
}
#espace_perso .detailledPanel td { 
	padding: 5px 2px;
	color: #000;
}
#espace_perso .detailledPanel td.grey666-cell{ 
    color: #666;
}
/** Table customization */
#espace_perso #contributionAdminPanel table {
	width: 830px;
}

.ie7 #espace_perso #contributionAdminPanel td{
    zoom: 1; /*offre le layout à un élément (*)*/
    display: inline;	
}

#espace_perso #contributionAdminPanel td.content div,
#espace_perso #contributionAdminPanel td.title div,
#espace_perso #contributionAdminPanel td.pseudo div {
	width: 100px; 
}
#espace_perso #circuitsAttributes td.title div {
    width: 200px; 
}

#espace_perso #circuitsAttributes div.params {
    display: inline-block;
}

#espace_perso #contributionAdminPanel td.conceptType div{
    width: 85px; 
}
#espace_perso #contributionAdminPanel td.history_comments {
	text-align:center;
}
#espace_perso #contributionAdminPanel .saveButton{
	clear : both;
	float: right;
	padding-top: 20px;
}

#espace_perso #searchContributionsAdminForm select{
    width: 150px;
}

#espace_perso #contributionsAdminForm{
	overflow : hidden;
	padding-bottom: 25px;
	border-bottom-color: #000;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
}

th.center, td.center{
	text-align: center;
}
#espace_perso #usersAttributes td, #espace_perso #usersAttributes th {
	padding: 5px 0;
}
#espace_perso #usersAttributes .usersList{
	text-align: center;
}

#usersAttributes .selectUser{
	width:14px;
}
#usersAttributes .pseudo, #usersAttributes .pseudo div.hideOverflow{
	width:90px;
}
#usersAttributes .lastname, #usersAttributes .lastname div.hideOverflow{
	width:80px;
}
#usersAttributes .firstname, #usersAttributes .firstname div.hideOverflow{
	width:80px;
}
#usersAttributes .email, #usersAttributes .email div.hideOverflow{
	width:200px;
}
#usersAttributes .creationDate{
	width:95px;
}
#usersAttributes .subscriberId{
	width:85px;
}
#usersAttributes .profile{
	width:90px;
}
#usersAttributes .getinfo{
	width:90px;
}
#usersAttributes .getinfo .sort-name-div{
	width: 55px;
	display: inline-block;
	vertical-align: middle;
}
.ie7 #usersAttributes .getinfo .sort-name-div{
    zoom: 1; /*offre le layout à un élément (*)*/
    display: inline;
}
#usersAttributes .contributor{
	width:80px;
}
#usersAttributes .contributor .sort-name-div{
	width: 55px;
	display: inline-block;
	vertical-align: middle;
}
.ie7 #usersAttributes .contributor .sort-name-div{
    zoom: 1; /*offre le layout à un élément (*)*/
    display: inline;
}
#usersAttributes .creationDate .sort-name-div{
    width: 55px;
    display: inline-block;
    vertical-align: middle;
}
.ie7 #usersAttributes .creationDate .sort-name-div{
    zoom: 1; /*offre le layout à un élément (*)*/
    display: inline;
}
#usersAttributes .subscriberId .sort-name-div{
    width: 55px;
    display: inline-block;
    vertical-align: middle;
}
.ie7 #usersAttributes .subscriberId .sort-name-div{
    zoom: 1; /*offre le layout à un élément (*)*/
    display: inline;
}
#usersAttributes .groups .sort-name-div{
    width: 45px;
    display: inline-block;
    vertical-align: middle;
}
.ie7 #usersAttributes .groups .sort-name-div{
    zoom: 1; /*offre le layout à un élément (*)*/
    display: inline;
}

#usersAttributes .groups{
	max-width:45px;
	width:45px; 
	text-align: center;
}

#espace_perso #usersAttributes .usersList .userGroupsInfoTrigger:hover, 
	#espace_perso #usersAttributes .usersList .allUserInfoTrigger:hover {
	cursor: pointer;
}

.userGroupsInfo {
	margin: 5px 2px;
}

.userGroupsInfo .category {
	font-weight: bold;
	margin: 5px 0;
}

.userGroupsInfo .group {
	padding-left: 5px;
}

#espace_perso #usersAttributes .usersList .userColumn.center{
	text-align: center;
}

.users-sort:hover, .contributions-sort:hover, .resources-protected-sort:hover {
	cursor: pointer;
}
.sortParam {
	font-weight: bold;
}
.sort-div {
	width: 10px;
	display: inline-block;
	vertical-align: middle;
}
.ie7 .sort-div{
    zoom: 1; /*offre le layout à un élément (*)*/
    display: inline;    
}

.sort-div .sortingAsc {
	background-image: url('../images/icons/triangle-haut-gris.png');
	background-repeat: no-repeat;
	width:10px;
	height:14px;
}
.sort-div .sortingAsc:hover{
	background-image: url('../images/icons/triangle-haut-noir.png');
}
.sortParam.ASC .sortingAsc{
	background-image: url('../images/icons/triangle-haut-orange.png');
}
.sort-div .sortingDesc {
	background-image: url('../images/icons/triangle-bas-gris.png');
	background-repeat: no-repeat;
	width:10px;
	height:10px;
}
.sort-div .sortingDesc:hover {
	background-image: url('../images/icons/triangle-bas-noir.png');
}
.sortParam.DESC .sortingDesc{
	background-image: url('../images/icons/triangle-bas-orange.png');
}

#listingParamsForm {
	overflow: hidden;
	margin-bottom: 10px;
}
#listingParamsForm div {
	float: left;
}
#sortingParams {
	margin-right: 110px;
}
#paginationParams {
	margin-left: 18px;
}
#usersCount {
	display: inline-block;
	width: 50px;
}
#sortField,
	#sortOrder {
	display: inline-block;
	width: 100px;
	margin-right: 10px;
}
#userButtons {
	clear: both;
	padding-top: 20px;
}
#editionForm .cpv-input.text,
.userForm .cpv-input.text{
	width: 220px;
}
.userForm .cpv-input.cpv-select {
	width: 230px;
}

.userForm dt{
	margin: 10px 0 2px;
}
.userForm dd{
	margin: 2px 0 10px;
}
.adminBlock.adminOptions td {
	padding-right: 10px;
}
#searchUsersAdminForm input.select-emulator, #searchContributionsAdminForm input.select-emulator,
#searchContributionsUserForm input.select-emulator, #statisticsContributors input.select-emulator,
#contributionStatistics input.select-emulator {
	width: 200px;
}
#searchUsersAdminForm ul {
    width: 200px;
}
#searchUsersAdminForm li {
    padding-bottom: 4px;
}
#searchUsersAdminForm .leftAlign {
    float: left;
}
#searchUsersAdminForm .list-wrapper {
   margin-left: 430px;
}

#searchContributionsAdminForm div,
#searchContributionsUserForm div {
	margin-top: 5px;
}

#searchContributionsAdminForm .cpv-input,
#searchContributionsUserForm .cpv-input {
	margin-right: 5px;
}

#searchContributionsAdminForm .search-results div,
	#searchContributionsUserForm .search-results div {
	/* display: none; */
	display: inline;
}

#searchContributionsAdminForm .search-results .reset-search,
	#searchContributionsUserForm .search-results .reset-search {
	display: inline-block;
	background-image: url('../images/icons/fermer-orange.png');
	background-repeat: no-repeat;
	background-position: 2px;
	width: 10px;
}

#searchContributionsAdminForm .search-results .reset-search:hover,
	#searchContributionsUserForm .search-results .reset-search:hover {
	cursor: pointer;
	background-image: url('../images/icons/fermer-noir.png');
}

.widg-adminUserEdit .backToUsersButton, .widg-adminUserEdit .backToAdminButton {
	margin-top: 20px;
	float: right;
	margin-left: 50px;
}
#passwordResetInfo p {
	color: #fe3100;
	display: none;
}

/* Widget - Common forms.
---------------------------------------- */
.widget .messages {
	margin: 6px 0;
}

.widget .formFields dt {
	padding: 10px 0 2px;
}
.widget .formFields dd {
	margin: 2px 0 10px;
}
.widget .formButtons {
	margin: 18px 0 0;
}
.widget .formButtons button {
	margin-right: 15px;
	float: right;
}

/*
    Widget - Alerts
*/

.alerts_modification .cpv-input.button.cpv-select{
    width:200px;
}

.alerts_modification .userAlertFrequency {
    margin: 10px 0 10px 15px;
    padding: 0 13px;
	font-size: xx-small;
    border-left: solid #B3B3B3 1px;
}

.alerts_modification .addGroupButton {
    padding-bottom: 5px;
    border-bottom: solid #B3B3B3 1px;
}
.alerts_modification .addGroupButton .cpv-input.cpv-select {
	margin-right: 5px;
}
.userAlertListItem {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: solid #B3B3B3 1px;
}

.userAlertList li.hiddenAlert{
    display: none;
}

.userAlertList li.displayedAlert{
    display: block;
}

.alerts_modification .alert_deletion{
    background-image: url('../images/icons/fermer-orange.png');
    background-repeat: no-repeat;
	position: absolute;
	top: 3px;
	right: 0;
	width: 10px;
}
.alerts_modification .alert_deletion:hover{
    background-image: url('../images/icons/fermer-noir.png');
    cursor: pointer;
}

.userAlertGroup {
	position: relative;
	padding-left: 10px;
	cursor: pointer;
}
.userAlertGroup:hover {
	color: #000;
}
.userAlertGroup .alertArrow {
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
    height: 10px; 
}
.userAlertGroup .alertArrow {
    background: url('../images/clicini_noirouge.gif') no-repeat 3px 3px;
}

.userAlertGroup .alertArrow.deplie {
    background: #FFFFFF url('../images/clicini_noirouge.gif') no-repeat 3px -90px;
} 
.userAlertGroup .alert_title {
	margin-left: 5px;
}
.userAlertGroup .alert_title:hover {
    cursor: pointer;
}

.alerts_modification .number_alert_notification {
	position: absolute;
	top: 0;
	right: 15px;
}

.userAlertFrequency .alert_frequency_title {
	margin-top: 5px;
}

.userAlertFrequency .alert_frequency {
	margin-right: 5px;
}

.alert_list {
    margin: 5px 0;
}

.alert_list .event_date {
    width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.alert_list .keyword_info {
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.alert_list .keyword_label {
	width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.alert_list .event_type {
    width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.alert_list .event-info-title {
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.alert_list .event-info-date {
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

/* Widget - User login.
---------------------------------------- */
.widg-user-login { 
	padding-bottom: 5px;
}
.widg-user-login-smalltab {
	min-height : 195px;
}
.widg-user-login p, .widg-user-login a {
	color:#000; 
	font-size:11px; 
	font-family:"Verdana"; 
	text-transform:none;
	display: inline;
	vertical-align: baseline; 
}

.widg-user-login input {
	
}
.widg-user-login .buttons-wrapper {
	margin: 10px 0;
}

.widg-user-login button.loginButton { 
	display: block; 
	margin: 15px 0; 
	font-size: 11px;
	font-family: Verdana;
}
.widg-user-login .esppers_loginMDP {
	margin-right: 14px;
	padding-left: 1px;
}
.widg-user-login .esppers_loginMDP a {
	font-family:"Arial";
	font-size:10px;
}

/* Widget - Forgotten password.
---------------------------------------- */
.widg-userForgottenPassword {
	padding-top: 10px;
	border-top-color: #FFF;
	border-top-style: dashed;
	border-top-width: 1px;
}
.widg-userForgottenPassword label {
	font-family: "Verdana";
	font-size: 11px;
	margin-bottom: 5px;
	display: block;
}	
.widg-userForgottenPassword .esppers_loginMDP {
	text-align: right;
	padding-left: 15px;
	padding-bottom: 10px;
}

.widg-userForgottenPassword .esppers_loginMDP a {
	font-family:"Arial";
	font-size:10px;
}

.widg-userForgottenPassword #validate-forgot-password-button {
	font-family:"Verdana";
	font-size:11px;
}
/* Widget - User profile.
---------------------------------------- */
.widg-userProfile {padding:0px; margin: 0px; height:75px;}
.widg-userProfile a {text-transform:capitalize; float:left; font-size:13px; font-family: "Verdana"; position:relative;  max-width: 195px;}
.widg-userProfile .dropArrow { display: block; margin-left: 3px; width: 10px; height: 16px; }
.widg-userProfile .profileMenu {position: absolute; margin-top: 20px;}
.widg-userProfile .profileMenu ul li {clear: left;}
.widg-userProfile .profileMenu ul li a {font-family:"Verdana" ;font-size:11px; padding-left:10px; padding-top: 4px;
							min-width:144px; height: 19px; background-color: #FFF; margin-top:1px; vertical-align: middle;}

/* Widget - User profile edition.
---------------------------------------- */

.widg-userProfileEdition {
	margin-top: 13px;
}
.widg-userProfileEdition dd.title li {
	display: inline;
	margin-right: 10px;
}
.widg-userProfileEdition dd.email input { width: 30em; }
.widg-userProfileEdition dd.familyName input { width: 30em; }
.widg-userProfileEdition dd.givenName input { width: 30em; }
.widg-userProfileEdition dd.membershipNumber input { width: 20em; }
.widg-userProfileEdition dd.oldpassword input { width: 20em; }
.widg-userProfileEdition dd.password input { width: 20em; }
.widg-userProfileEdition dd.passwordConfirmation input { width: 20em; }

.widg-userProfileEdition dd.pseudo input { width: 30em; }
.widg-userProfileEdition dd.web_site input { width: 30em; }
.widg-userProfileEdition dd.adress input { width: 30em; }
.widg-userProfileEdition dd.phone input { width: 30em; }
.widg-userProfileEdition dd.number input { width: 30em; }

.widg-userProfileEdition h4 {
	margin: 1.4em 0 .7em;
	font-weight: bold;
}

/* Widget -  Social */
.psPanel .social-panel { 
	margin-bottom: 15px;
	vertical-align: baseline; 
} 
.psPanel .social-panel p {
	display: block;
	float: left;
	margin-top: 7px;
}

.psPanel .social-panel form.tw_signin { 
	display: block;
	float: left;
}
.psPanel .social-panel button {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	line-height: 1.2; text-align: left; vertical-align: baseline; margin-left: 5px;
}

.social-logo {
	cursor:pointer;
	display: inline-block;
	width: 18px;
	height: 15px;
	padding-right: 4px;
}
.social-text {
	display: inline-block;
	padding-right: 4px;
}

.social-logo.twitter {
	background: transparent url("../images/icons/twitterH15-gris.png") no-repeat bottom left;
}
.social-logo.twitter.linked {
	background: transparent url("../images/icons/twitterH15-bleu.png") no-repeat bottom left;
}
.social-logo.twitter.black,
.social-logo.twitter:hover {
	background: transparent url("../images/icons/twitterH15-noir.png") no-repeat bottom left;
}
.social-logo.facebook {
	background: transparent url("../images/icons/facebookH15-gris.png") no-repeat bottom left;
}
.social-logo.facebook.linked {
	background: transparent url("../images/icons/facebookH15-bleu.png") no-repeat bottom left;
}
.social-logo.facebook.black,
.social-logo.facebook:hover {
	background: transparent url("../images/icons/facebookH15-noir.png") no-repeat bottom left;
}
.edutheque-unbind.linked {
	cursor:pointer;
    background: transparent url("../images/icons/logo-edutheque-on.jpg") no-repeat bottom left;
    width: 70px;
    height: 15px;
    display: inline-block;
    
}

/* Widget - User signin.
---------------------------------------- */
.detailledPanel .panelContent .widget.widg-userSignUp { width: 440px; }

.widg-userSignUp form p {
	padding: 10px 0 2px;
	font-size: 100%;
	display: block;
}

.widg-userSignUp .formFields {
	margin-bottom: 20px;
}
.widg-userSignUp dd.title li {
	display: inline;
	margin-right: 10px;
}
.widg-userSignUp dd.email input { width: 30em; }
.widg-userSignUp dd.familyName input { width: 30em; }
.widg-userSignUp dd.givenName input { width: 30em; }
.widg-userSignUp dd.membershipNumber input { width: 20em; }
.widg-userSignUp dd.oldpassword input { width: 20em; }
.widg-userSignUp dd.password input { width: 20em; }
.widg-userSignUp dd.passwordConfirmation input { width: 20em; }

.widg-userSignUp dd.pseudo input { width: 30em; }
.widg-userSignUp dd.web_site input { width: 30em; }
.widg-userSignUp dd.adress input { width: 30em; }
.widg-userSignUp dd.phone input { width: 30em; }
.widg-userSignUp dd.number input { width: 30em; }

.widg-userSignUp ul li {
	margin-bottom: 20px;
}

.widg-userSignUp div.widg-user-login {
	margin: 0;
	min-height: 0;
}
.widg-userSignUp .social-panel p {
	margin-top: 14px;
	color: #777; 
}

.widg-userSignUpGroups h4 {
	margin: 1.4em 0 .7em;
	font-weight: bold;
}

/* Page content.
---------------------------------------- */
#pageContent {
}

/*
    Administration Alerts
*/
#adminAlertsSubscriptionsTitle {
    margin-left: 15px;
}
#seeAllContributions {
	margin: 10px 10px 10px 0;
	display: inline-block;
}

.adminAlertListItem h6 {
    font-size:11px ;
    font-family:"Verdana";
    color:#FFF;
    margin-bottom:3px;
    margin-left: 15px;
    margin-right: 15px;
}
.adminAlertList .alert_list span {
	font-size:10px;
    font-family:"Verdana";
    color:#000;
}
.adminAlertList .groupEmpty {
	font-size:10px;
	font-family:"Verdana";
	color:#FFF;
	display: inline-block;
	margin: 5px 0 10px 15px;
}

.adminAlertList li.hiddenAlert{
    display: none;
}

.adminAlertList li.displayedAlert{
    display: block;
}


.adminAlertGroup {
	position: relative;
}

/* .adminAlertGroup {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: solid #FFF 1px;
} */


.adminAlertGroup .alertArrow, .adminAlertGroup .alertArrow.deplie:hover {
    width: 10px;
    height: 10px; 
    float: left;
    background: url('../images/clicini_blancnoir_fdrouge.gif') no-repeat 3px 3px;
}

.adminAlertGroup .alertArrow:hover, .adminAlertGroup .alertArrow.deplie {
    width: 10px;
    height: 10px; 
    float: left;
    background: #FE3100 url('../images/clicini_noirouge.gif') no-repeat 3px -90px;
}
.adminAlertGroup .alert_title {
    width: 170px;
}
.adminAlertGroup .alert_title:hover {
    cursor: pointer;
}

.adminAlertGroup .number_alert_notification {
    position: absolute;
    top: 0;
    right: 5px;
}
/* .adminAlertList {
	margin-left: 15px;
} */
/* .adminAlertList .alert_list {
    margin: 0px 15px 10px 15px;
} */

.adminAlertList .alert_list .event_date {
    width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.adminAlertList .alert_list .keyword_info {
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.adminAlertList .alert_list .keyword_label {
	margin-left: 15px;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.adminAlertList .alert_list .event_type {
    width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    float: right;
    text-align: right;
}

/* Administration - User editing
---------------------------------------- */
.widg-adminUserEdit {
	overflow: hidden;
}
.widg-adminUserEdit div.adminUserFunction{
	float: left;
}
.widg-adminUserEdit dd.title li {
	display: inline;
	margin-right: 10px;
}

/* Administration - Contributions : Paging */
.paging {
	padding: 25px 0px 5px 0px;
}

.paging input[type="button"] {
	border: 0;
	background: none;
	cursor: pointer;
	outline: none;
}
.paging .navigation {
	float: right;
}
.paging .resultCount {
	float: left;
}
.paging .navigation input[type="button"], .paging .navigation .disabled {
	width: 12px;
	display:inline-block;
}
.paging .navigation input[type="button"] {
	text-indent: 50px;
	overflow: hidden;
}
.paging .first input[type="button"] {	
	background: url('../images/icons/trianglebar-gauche-noir.png') no-repeat 0px 50%;
}
.paging .previous input[type="button"] {	
	background: url('../images/icons/triangle-gauche-noir.png') no-repeat 0px 50%;
}
.paging .next input[type="button"] {	
	background: url('../images/icons/triangle-noir.png') no-repeat 0px 50%;
}
.paging .last input[type="button"] {	
	background: url('../images/icons/trianglebar-droit-noir.png') no-repeat 0px 50%;
}
.paging .first .disabled {	
	background: url('../images/icons/trianglebar-gauche-gris.png') no-repeat 0px 50%;
}
.paging .previous .disabled {	
	background: url('../images/icons/triangle-gauche-gris.png') no-repeat 0px 50%;
}
.paging .next .disabled {	
	background: url('../images/icons/triangle-gris.png') no-repeat 0px 50%;
}
.paging .last .disabled {
	background: url('../images/icons/trianglebar-droit-gris.png') no-repeat 0px 50%;
}
.changeFetchedResultCount.selected{
	font-weight: bold;
}

/* Administration - Groups */
#groupsAttributes th {
	vertical-align : middle;
}

#groupsAttributes .pseudo, #groupsAttributes .pseudo div.hideOverflow {
	width: 90px;
}
#groupsAttributes .lastname, #groupsAttributes .lastname div.hideOverflow{
    width:80px;
}
#groupsAttributes .firstname, #groupsAttributes .firstname div.hideOverflow{
    width:80px;
}
#groupsAttributes .email, #groupsAttributes .email div.hideOverflow{
    width:200px;
}
#groupsAttributes .creationDate{
    width:95px;
}
#groupsAttributes .subscriberId{
    width:85px;
}
#groupsAttributes .profile{
    width:90px;
}
#groupsAttributes .getinfo{
    width:90px;
}
#groupsAttributes .getinfo .sort-name-div{
    width: 55px;
    display: inline-block;
    vertical-align: middle;
}
.ie7 #groupsAttributes .getinfo .sort-name-div{
    zoom: 1; /*offre le layout à un élément (*)*/
    display: inline;
}
#groupsAttributes .contributor{
    width:80px;
}
#groupsAttributes .contributor .sort-name-div{
    width: 55px;
    display: inline-block;
    vertical-align: middle;
}
.ie7 #groupsAttributes .contributor .sort-name-div{
    zoom: 1; /*offre le layout à un élément (*)*/
    display: inline;
}
#groupsAttributes .creationDate .sort-name-div{
    width: 55px;
    display: inline-block;
    vertical-align: middle;
}
.ie7 #groupsAttributes .creationDate .sort-name-div{
    zoom: 1; /*offre le layout à un élément (*)*/
    display: inline;
}
#groupsAttributes .subscriberId .sort-name-div{
    width: 55px;
    display: inline-block;
    vertical-align: middle;
}
.ie7 #groupsAttributes .subscriberId .sort-name-div{
    zoom: 1; /*offre le layout à un élément (*)*/
    display: inline;
}
#groupsAttributes .groups .sort-name-div{
    width: 45px;
    display: inline-block;
    vertical-align: middle;
}
.ie7 #groupsAttributes .groups .sort-name-div{
    zoom: 1; /*offre le layout à un élément (*)*/
    display: inline;
}

#groupsAttributes .groups{
    max-width:45px;
    width:45px; 
    text-align: center;
}

#userInGroupButtons {
	padding-top: 20px;
}

#espace_perso #groupsAttributes .usersList .userGroupsInfoTrigger:hover, 
    #espace_perso #groupsAttributes .usersList .allUserInfoTrigger:hover {
    cursor: pointer;
}

#espace_perso #groupsAttributes .usersList .userColumn.center{
    text-align: center;
}

.mainIntrestsRegistrationTitle{
	text-align:center;
	width: 100px;	
}

.commandButtons{margin: 10px 0; clear: both;}
.commandButtons #addGroupButton { margin-right: 5px; }

.addGroupName{float:left;}
.addGroupName dd label{display:inline-block;width: 100px}
.addGroupName li{margin: 5px 0;}

.addGroupDescription{float:left; clear:both}
.addGroupDescription dd label{
	display:inline-block;
	width: 100px; 
	float:left;
	margin-left: 4px;}
.addGroupDescription li{margin: 5px 0;}
.addGroupDescription textarea {
	resize: none;
	width: 250px;
}

.addGroupCategory{clear:both; padding-top:10px;width:250px;}

.addGroupPublic{padding-top:10px;padding-bottom: 10px;}

#addGroupDiv dt{padding-bottom: 5px;}
.addGroupName input,.addGroupDescription input{width:250px;}


.commandButtons #modifyGroupButton { margin-right: 5px; }

.modifyGroupName{float:left;}
.modifyGroupName dd label, #addResourceAlert dd label, #addSearchAlert dd label, #addEventAlert dd label{display:inline-block;width: 100px}
.modifyGroupName li{margin: 5px 0;}

.modifyGroupDescription{float:left; clear:both}
.modifyGroupDescription dd label{
    display:inline-block;
    width: 100px; 
    float:left;
    margin-left: 4px;}
.modifyGroupDescription li{margin: 5px 0;}
.modifyGroupDescription textarea {
    resize: none;
    width: 250px;
}

.modifyGroupCategory{clear:both; padding-top:10px;width:250px;}

.modifyGroupPublic{padding-top:10px;padding-bottom: 10px;}

#modifyGroupDiv dt, #addResourceAlert dt, #addSearchAlert dt, #addResourceAlert dd, #addSearchAlert dd, #addEventAlert dd {padding-bottom: 5px;}
.modifyGroupName input,.modifyGroupDescription input, #addResourceAlert input, #addSearchAlert input, #addEventAlert input {width:250px;}


#searchUsersAdminForm input, #searchContributionsAdminForm input{width:200px;}

.groups_alerts .alert-label, .alert-info.alert_search_delete {
	display: inline-block;
}

.alert-label .alert_delete, .alert-info.alert_search_delete {
    background-image: url('../images/icons/fermer-orange.png');
    background-repeat: no-repeat;
    background-position: 100%;
    width: 10px;
}
.alert-label .alert_delete:hover .alert-info.alert_search_delete:hover {
    background-image: url('../images/icons/fermer-noir.png');
    cursor: pointer;
}

.group-description-column {
	width: 200px;
	height: 2.4em;
	overflow: hidden;
}

/* ESPACE PERSONNEL - MESSAGES
---------------------------------------- */

.pspace-messages {
	margin: -40px 6em 1.4em;
}

.pspace-message {
	border: #fe3100 3px solid;
	background-color: #fff;
	marging: .2em;
	padding: .2em;
	width: 940px;
}

.pspace-message > .cpv-close {
	background: transparent url('../images/icons/fermer-orange.png') center center no-repeat;
	float: right;
	display: block;
	width: 12px;
	height: 12px;
	cursor: pointer;
	margin: .3em;
}

.pspace-message > .content {
	padding: .4em;
	font-size: 1.2em;
}

/* ESPACE PERSONNEL - MESSAGES DECONNEXION
---------------------------------------- */

#personalspace-tabs #message_deconnexion {
	background-color: #fe3100;
	padding: 11px 10px;
	width: 200px;
	color: white;
}


#personalspace-tabs #message_deconnexion div span {
	text-indent: 0px;
}
#personalspace-tabs #message_deconnexion .close_deconnexion {
	width: 100%;
}

#personalspace-tabs #message_deconnexion .close_deconnexion span{
	float: right;
	width: 12px;
	height: 12px;
	cursor: pointer;
	margin: .3em;
	font-weight: bold;
}

#message_deconnexion .content{
	margin-top: 20px;
	text-transform: uppercase;
	line-height: 20px;
	word-wrap:break-word;
}