/********************************************************************************************/
/********************************************************************************************/
/*	CAFE CENTRAL - www.cafecentral.fr

/*	COPYRIGHT		2004-2009 Michaël V. Dandrieux
/*	DISTRIBUTION	Sous licence, tel que decrit dans le fichier licence.txt

/*	FICHIER			media/css/common.css
/*	AUTEUR			mvd (mvd@cafecentral.fr)
/*	TYPE			Feuille de style SCREEN
/*	DESCRIPTION		Met en forme les parties communes Site/Square
/********************************************************************************************/
/********************************************************************************************/

/********************************************************************************************/
/*	Retours
/********************************************************************************************/
.succes, .succes a	{color:#88CC00;}
.alerte, .alerte a	{color:#ff8c00;}
.echec, .echec a	{color:#D54E21;}

.loading {
	background-image:url('../image/loading.gif') !important;
	background-repeat:no-repeat !important;
	background-position:50% 50% !important;
	opacity:0.8;
}

/********************************************************************************************/
/*	Menu Café Central
/********************************************************************************************/
#mncc {
	z-index:100;
	width:100%;
	height:55px;
	top:0;
	position:relative;
	background:#333333;
}
#mncc .bg img {
	width:100%;
}
#mncc .padding {
	margin:0 30px 0 50px;
	top:55px;
	position:relative;
}

/* tous les menus ! */
#mncc ul {}
#mncc ul li {
	position:relative;
	list-style-type:none;
	color:#888888;
}
#mncc ul li#recherche {
	color:#cccccc;
	padding-left:10px;
}
#mncc ul li a {
	color:#aaaaaa;
	border:none;
}
#mncc ul li.on {
	background:url('../image/dropped_bottom_bg_white.png') bottom center no-repeat;
}
#mncc ul li.on a {
	color:#ffffff;
}
#mncc ul li.off a:hover {
	border-bottom:1px solid;
}

/* mnuser ! */
ul#mnuser {
	left:0;
	position:absolute;
	bottom:0;
	height:60px;
	font-size:16px;
}
ul#mnuser li {
	float:left;
	margin-right:10px;
}
ul#mnuser li.clientlogo  {
	top:18px;
}
ul#mnuser li.clientlogo a  {
	border:5px solid #333333;
	width:40px;
	height:40px;
	padding:2px;
	text-align:center;
	background:#ffffff;
	display:block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
ul#mnuser li.clientlogo a:hover {
	border-color:#88CC00;
}
ul#mnuser li.clientlogo img  {
	max-width:40px;
	max-height:40px;
}
ul#mnuser li.me {
	top:35px;
}
ul#mnuser li.me a {
}
ul#mnuser li.me a#avatar {
	font-family:georgia;
}
ul#mnuser li.me a#avatar .image {
	border:1px solid #dddddd;
	width:40px;
	height:40px;
	text-align:center;
	overflow:hidden;
}
ul#mnuser li.me a#avatar .image img {
	height:100%;
}
ul#mnuser li.site a,
ul#mnuser li.square a {
	position:relative;
	top:34px;
	font-size:10px;
	padding:3px 7px 3px 18px;
	background:5px 2px no-repeat;
}
ul#mnuser li.site a {background-image:url('../image/ico_site_white.png');}
ul#mnuser li.square a {background-image:url('../image/ico_cafecentral_white.png');}

/* mnpage ! */
ul#mnpage {
	right:0;
	bottom:0;
	position:absolute;
	font-size:12px;
}
ul#mnpage>li {
	float:left;
	padding:10px 0 10px 0;
	height:20px;
	line-height:20px;
}
ul#mnpage>li.divider {
	color:#555555;
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
}
ul#mnpage>li .etat {
	padding:4px 8px;
	position:absolute;
	bottom:30px;
	right:-21px;
}
ul#mnpage>li .etat .ornement {
	position:absolute;
	bottom:-8px;
	left:10px;
	width:8px;
	height:8px;
	background-image:url('../image/bulle_ornement_black_right.png');
}
ul#mnpage>li .dropped {
	top:35px;
}

/* Langue */
#langue {
	border:none;
	font-size:12px;
	background:transparent;
	color:#cccccc;
}
#langue option {
	background:#444444;
}

/* Watch  */
.watch {
	padding:0 8px !important;
	position:absolute;
	z-index:100;
	bottom:28px;
	right:-21px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-size:9px;
	line-height:18px;
	background:#D54E21;
	color:#ffffff !important;
	font-weight:bold;
	text-decoration:none !important;
	display:block;
	border:0 !important;
	opacity:0.8;
	text-shadow:1px 1px 1px #666666;
}
.watch:hover {
	opacity:1;
}
.watch .ornement {
	background:#D54E21;
	position:absolute;
	bottom:-8px;
	right:8px;
	width:8px;
	height:8px;
	background-image:url('../image/bulle_ornement_black_right.png');
	display:block;
}

/********************************************************************************************/
/*	Boutons
/********************************************************************************************/
#mncc .button {
	padding:3px 5px;
	position:relative;
	cursor:pointer;
	color:#ffffff !important;
	background-color:#88cc00 !important;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-size:12px;
	text-decoration:none;
}
#mncc .button:hover {
	color:#ffffff !important;
	text-decoration:none;
}

/********************************************************************************************/
/*	Différents états
/********************************************************************************************/
.etat {
	background:#666666 center center no-repeat;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width:13px;
	height:13px;
}
.etat .ornement {
	background:#666666;
	position:absolute;
	bottom:-8px;
	left:14px;
	width:8px;
	height:8px;
	background-image:url('../image/bulle_ornement_white_right.png');
}

.etat.active,
.etat.active .ornement 		{background-color:#88CC00;}
.etat.active				{background-image:url('../image/ico_action_active_white.png');}

.etat.asleep,
.etat.asleep .ornement		{background-color:#2971A7;}
.etat.asleep				{background-image:url('../image/ico_action_asleep_white.png');}

.etat.inprogress,
.etat.inprogress .ornement	{background-color:#2971A7;}
.etat.inprogress			{background-image:url('../image/ico_action_inprogress_white.png');}

.etat.standby,
.etat.standby .ornement 	{background-color:#D54E21;}
.etat.standby				{background-image:url('../image/ico_action_standby_white.png');}

.etat.archive,
.etat.archive .ornement 	{background-color:#666666;}
.etat.archive				{background-image:url('../image/ico_action_archive_white.png');}

.etat.system,
.etat.system .ornement 		{background-color:#666666;}
.etat.system				{background-image:url('../image/ico_action_system_white.png');}

.etat.sync,
.etat.sync .ornement 		{background-color:#ff8c00;}
.etat.sync					{background-image:url('../image/ico_action_sync_white.png');}

.etat.feed					{background-image:url('../image/ico_page_feed_white.png');}
.etat.groupe				{background-image:url('../image/ico_groupe_white.png');}
.etat.sort					{background-image:url('../image/ico_action_sort_white.png');}
.etat.smartlist				{background-image:url('../image/ico_search_white.png');}
.etat.workflow				{background-image:url('../image/ico_workflow_white.png');}

/********************************************************************************************/
/*	Dropped
/********************************************************************************************/
.dropped {
	font-size:10px !important;
	position:absolute;
	z-index:1000;
	-moz-box-shadow: 0 13px 10px -10px rgba(0, 0, 0, 0.3);
}

/* dropped Where ? */
.dropped.bottom {
	left:50% !important;
	top:24px;
	padding-top:7px !important;
	background:url('../image/dropped_bottom_bg_black.png') no-repeat center top;
}
.dropped.top {
	left:50%;
	bottom:23px;
	padding-bottom:7px !important;
	background:url('../image/dropped_top_bg_black.png') no-repeat center bottom;
}
.dropped.left {
	left:50%;
	top:23px;
	padding-right:7px !important;
	background:url('../image/dropped_left_bg_black.png') no-repeat center right;
}
.dropped.right {
	left:50%;
	top:23px;
	padding-left:7px !important;
	background:url('../image/dropped_right_bg_black.png') no-repeat center left;
}
* html .dropped.bottom,
* html .dropped.top,
* html .dropped.left,
* html .dropped.right {
	background:none; /* ie6*/
}

/* dropped size ? */
.dropped,
.dropped.large {
	width:300px;
	margin-left:-150px;
}
.dropped.small {
	width:200px;
	margin-left:-100px;
}
.dropped ul {
	padding:20px 20px 10px 20px !important;
	background-color:#1a171c !important;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	margin:0 !important;
	border:none !important;
}
.dropped.small ul {
	padding:10px 10px 5px 10px !important;
	-moz-border-radius:3px !important;
	-webkit-border-radius:3px !important;
	border-radius:3px !important;
}
.dropped ul li,
.dropped.large ul li {
	margin:0 0 10px 0 !important;
}
.dropped.small ul li{
	padding-left:17px !important;
	background-repeat:no-repeat;
	margin:0 0 5px 0 !important;
}

/* Lignes */
.dropped ul li {
	list-style-type:none !important;
	color:#bbbbbb !important;
	text-align:left !important;
	line-height:1.5em !important;
	display:block !important;
	border:none !important;
	float:none !important;
	padding:0 !important;
}
.dropped ul li a {
	color:#ffffff !important;
}
.dropped ul li a .chapo  {
	display:block;
}
.dropped ul li a:hover .titre  {
	border-bottom:1px solid !important;
}
.dropped ul li p {
	margin:0 !important;
	font-size:10px !important;
	padding:0 0 0 17px;
}
.dropped ul li.titre {
	line-height:14px !important;
	font-weight:bold !important;
	font-size:16px !important;
}
.dropped ul li.titre span {
	float:right;
	font-size:10px !important;
	font-weight:normal !important;
}
.dropped ul li .titre {
	font-weight:bold !important;
}

.dropped ul li .chapo {
	color:#bbbbbb !important;
}

.dropped ul li.divider {
	border-bottom:1px dotted #333333 !important;
	padding-bottom:3px;
}

/* Fermer ? */
.dropped ul li.fermer {
	text-align:center;
	font-size:10px !important;
	background:url('../image/ico_action_close_white.png') left center no-repeat;
	padding:0 0 0 13px !important;
}

/* dropped user */
ul#mnuser .dropped {
	left:-5px !important;
	margin-left:0;
	background-position:15px top;
	top:25px;
}

/* dropped edit */
#mnedit {
	left:-60px !important;
	background-position:160px top;
}

/********************************************************************************************/
/* Tous les Smartlist
/********************************************************************************************/
.smartlist {
}
.smartlist input,
.smartlist a {
	color:#666666;
}
.smartlist input {
	background:#ffffff url('../image/ico_search_black.png') 5px 3px no-repeat;
	width:80% !important;
	padding:3px 3px 3px 20px !important;
	margin:0 !important;
	border:1px solid #b3b3b3;
	-moz-box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.4);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	line-height:12px;
	color:#666666;
}

/********************************************************************************************/
/* Global Smartlist
/********************************************************************************************/
#globalsmartlist {
/*	display:none;*/
}
#globalsmartlist .smartlist {
	width:100px !important;
	position:relative;
}
#globalsmartlist .smartlist #globalsmartlistresults {
	position:absolute;
	right:-28px !important;
	left:auto !important;
	width:350px;
	top:25px;
	margin:0 !important;
	background-position:265px 0px !important; /* alignement optique */
}

/* Liste des résulats */
#globalsmartlist .smartlist #globalsmartlistresults ul li {
	border-bottom:1px solid #333333 !important;
	padding-bottom:12px !important;
}
#globalsmartlist .smartlist #globalsmartlistresults ul li .icon {
	background:#333333 center center no-repeat;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	position:absolute;
	width:13px;
	height:13px;
}
#globalsmartlist .smartlist #globalsmartlistresults ul li .titre,
#globalsmartlist .smartlist #globalsmartlistresults ul li .chapo {
	margin-left:23px;
}
#globalsmartlist .smartlist #globalsmartlistresults ul li .chapo {
	display:block;
}
#globalsmartlist .smartlist #globalsmartlistresults ul li strong {
	color:#f1edb9;
}
#globalsmartlist .smartlist #globalsmartlistresults ul li.fermer {
	border:none !important;
	padding-bottom:0 !important;
}

/********************************************************************************************/
/*	Can update
/********************************************************************************************/
.canupdate {
	letter-spacing:0 !important;
	font-size:10px !important;
	text-transform:none !important;
	margin-left:5px !important;
	padding:1px 5px !important;
	border:none !important;
	font-weight:normal !important;
	text-decoration:none !important;
	color:#88CC00 !important;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.canupdate:hover {
	background:#88CC00 !important;
	color:#ffffff !important;
}

/********************************************************************************************/
/* Popup communes
/********************************************************************************************/
#popup {
	position:absolute;
	width:100%;
	top:0;
	z-index:1000000;
}
/* Dark Overlay */
#popup #popupoverlay {
	background:#000000;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000000;
}
* html #popup #popupoverlay {position:absolute;} /* ie6 */
/* Box */
#popup #popupbox {
	position:relative;
	margin: 0 auto;
	z-index:1000000;
	overflow:hidden;
	-moz-box-shadow: 0 13px 10px -10px rgba(0, 0, 0, 0.5);
}
#popup #popupbox #popupcontent {
	min-height:50px; /* pour voir le login */
}
#popup #popupbox #popupclose {
	z-index:1000000;
}
#popup #popupbox #popupclose:hover {}
/* Actions */
#popup .action {}

/********************************************************************************************/
/* Hello ! (Login ?)
/********************************************************************************************/
#hello {
	font-family:Helvetica, "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#cccccc;
	width:420px;
}
#hello a {
	color:#FFFFFF;
	text-decoration:underline;
}

/* Déjà connecté */
#hello .content {
	line-height:1.3em;
	font-size:1.2em;
}

/* Form */
#hello .snapshot {
	border-color:#ffffff;
	float:left;
	position:relative;
	width:150px !important;
	height:193px !important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#ffffff;
}
#hello .snapshot .sizer {
	width:102px;
	height:145px;
	top:22px;
	left:23px;
	overflow:hidden;
	position:relative;
	background:#F2F2F2 url('../image/loading.gif') no-repeat center center;
}
#hello .snapshot .sizer img {
	width:100%;
}
#hello .snapshot img.iconbg {
	position:absolute !important;
	top:8px !important;
	left:5px !important;
	width:140px !important;
}
#hello form .weloveeurop	{
	font-size:2em;
	line-height:1em;
	margin:0 0 5px 0;
	font-weight:bold;
}
#hello form fieldset	{
	padding:0 !important;
	border:0 !important;
	margin-left:180px;
	clear:none !important;
}
#hello form fieldset .chapo	{
	font-size:0.9em;
	margin:0 0 10px 0;
	color:#666666;
}
#hello form fieldset ol {
	padding:0;
	margin:0;
	list-style-type:none;
}
#hello form fieldset ol li {
	margin-bottom:5px;
	padding:0;
}
#hello form fieldset ol li label {
	display:none;
}
#hello input.text	{
	border-color:#cecece !important;
	border-top-color:#8f8f8f !important;
	border-bottom-color:#e3e3e3 !important;
	background:#ffffff;
	font-size:0.9em;
	padding:5px !important;
	width:230px !important;
}
#hello input.submit	{
	width:auto;
	margin-top:5px;
}

/********************************************************************************************/
/* Rating
/********************************************************************************************/
ul.rating,
ul.rating a:hover,
ul.rating a:active,
ul.rating a:focus,
ul.rating .currentrating{
	background: url('../image/rating_star_small.gif') left -1000px repeat-x;
}
ul.rated a:hover,
ul.rated a:focus{
	display:none;
}
ul.rating{
	position:relative;
	list-style:none;
	margin:0 !important;
	padding:0 !important;
	background-position: left top !important;
}
ul.rating li{
	display: inline;
	margin:0 !important;
	padding:0 !important;
	float:none !important;
}
ul.rating a,
ul.rating span,
ul.rating .currentrating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	outline:none;
	border: none;
	padding:0 !important; /*pour être sûr*/
}
ul.rating a:hover,
ul.rating a:active,
ul.rating a:focus{
	background-position: left bottom !important;
}
ul.rating .rate1{
	width:20%;
	z-index:6;
}
ul.rating .rate2{
	width:40%;
	z-index:5;
}
ul.rating .rate3{
	width:60%;
	z-index:4;
}
ul.rating .rate4{
	width:80%;
	z-index:3;
}
ul.rating .rate5{
	width:100%;
	z-index:2;
}
ul.rating .currentrating{
	z-index:1;
	background-position: left center !important;
}

/* Bulle info */
ul.rating li .pop {
	text-align:center;
	position:absolute;
	bottom:15px;
	text-indent:0 !important;
}
ul.rating li:hover .pop {
	display:block !important;
}
ul.rated li:hover .pop {
	display:none !important;
}

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* tailles */
ul.rating{
	width:50px;
	height:10px;
}
ul.rating a:hover,
ul.rating a:active,
ul.rating a:focus,
ul.rating .currentrating{
	background-image: url('../image/rating_star_small.gif');
	line-height: 10px;
	height: 10px;
}

/********************************************************************************************/
/* Popup Café Central
/********************************************************************************************/
#popup.cafecentral {

}
/* Dar overlay */
#popup.cafecentral #popupoverlay {
	filter : alpha(opacity=40);
	-moz-opacity : 0.4;
	opacity : 0.4;
}
/* Box */
#popup.cafecentral #popupbox {
	width:480px;
	top:150px;
}
#popup.cafecentral #popupbox #popupcontent {
	padding:20px;
	background:#373737;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#F2F2F2;
	line-height:1.2em;
	opacity:1 !important;
}
#popup.cafecentral #popupbox #popupclose {
	position:absolute;
	top:15px;
	right:15px;
	width:15px;
	height:15px;
	opacity:0.8;
	display:block;
	background:#D54E21 url('../image/ico_action_close_white.png') center center no-repeat;
}
#popup.cafecentral #popupbox #popupclose:hover {opacity:1;}

/* Contenu */
#popup.cafecentral .titre {
	margin-bottom:5px;
	font-weight:bold;
}
#popup.cafecentral .chapo {
	color:#888888;
	font-size:0.8em;
	margin-bottom:5px;
}

/* Actions */
#popup.cafecentral .action {
	margin-top:15px;
	list-style-type:none;
}
#popup.cafecentral .action li {
	margin-left:10px;
	padding:2px 7px;
	float:right;
	font-size:0.8em;
}
#popup.cafecentral .action li.focus {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#88CC00;
	text-shadow:1px 1px 1px #666666;
}
#popup.cafecentral .action li.focus:hover {
	background:#d54e21;
}
#popup.cafecentral .action li.focus a {
	border:none;
}
#popup.cafecentral .action li a {
	color:#cccccc;
}

/* Multipublish */
#popup.cafecentral .multipublish {
	font-size:0.8em;
	padding:0;
}
#popup.cafecentral .multipublish .listtitre {
	border-bottom:1px solid #555555;
	padding-bottom:2px;
	margin-bottom:5px;
	font-size:0.8em;
	clear:both;
}
#popup.cafecentral .multipublish ul {
	margin-bottom:10px;
}
#popup.cafecentral .multipublish li {
	list-style-type:none;
	clear:both;
	margin-bottom:3px;
}
#popup.cafecentral .multipublish li .langue {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	float:left;
	margin-right:10px;
	min-width:30px;
	padding:0 5px;
	text-align:center;
	text-transform:uppercase;
	font-size:0.7em;
	text-shadow:1px 1px 1px #333333;
	background:#666666;
}
#popup.cafecentral .multipublish li .titre {
	font-weight:normal;
	color:#999999;
	font-size:10px;
	padding:1px 0; /* Alignement optique */
}
#popup.cafecentral .multipublish li .setetat {
	float:right;
}
#popup.cafecentral .multipublish li .setetat:before {
	content:'→';
	color:#999999;
}
#popup.cafecentral .multipublish li .setetat select {
	color:#F2F2F2;
	border:transparent;
	background:transparent;
	font-size:10px;
	padding:0;
	width:150px;
}
#popup.cafecentral .multipublish li .setetat select option {
	background:#444444;
}

/* Sync */
#popup.cafecentral .sync {
	width:315px;
	margin:10px auto;
}
#popup.cafecentral .sync .syncicon,
#popup.cafecentral .sync .syncarrow,
#popup.cafecentral .sync .syncclef {
	border:1px solid #666666;
	height:40px;
	text-align:center;
	line-height:40px;
}
#popup.cafecentral .sync .syncicon {
	width:40px;
	float:left;
	background:url('../image/ico_action_sync_white.png') center center no-repeat;
}
#popup.cafecentral .sync .syncarrow {
	float:left;
	width:40px;
	border:none;
	color:#999999;
}
#popup.cafecentral .sync .syncclef {
	width:230px;
	border:1px solid #666666;
	float:right;
	font-size:1.4em;
}