/* General Settings */
*         { font-family: Verdana; font-size: 7pt; }
form      { margin: 0; }

input[type="text"],
input[type="password"]        { width: 98%; border: solid 1pt #aac; margin: 1pt; }
input[type="text"].hover,
input[type="password"].hover  { border: solid 1pt #f55; margin: 1pt; }

body      { margin: 0; cursor: default; }
body      { xbackground-color: #eef; color: #fff; }

.handle   { cursor: move; }

/* Portal Template */
div.tpl-header      { display: none; width: 50%; margin: 0px; padding: 0px; }
div.tpl-main        { width: 100%; margin: 0px; padding: 0px; }
div.tpl-main > div  { margin: 0px; padding-left: 0px; min-height: 100px; }

div.tpl-footer { width: 100%; display: table; table-layout: fixed; background-color: #222; margin-top: 10px; padding-bottom: 50px; }
div.tpl-footer > div   { display: table-cell; margin: 0 2%; }

div.tpl-footer h5    { font-size: 125%; }
div.tpl-footer ul    { list-style: none; margin: 0; padding: 0; }
div.tpl-footer ul li { margin-top: 5px; }
div.tpl-footer ul *  { color: #aaa; font-weight: bold; }
div.tpl-footer a     { text-decoration: none; }
div.tpl-footer a:hover  { color: #fff; }

ul.tpl    { width: 100%; xheight: 200px; list-style: none; margin: 0; padding: 0; border: 0; }
li.tpl    { margin: 0 1px 1px 0; }

/* 
 * responsive template layout : 
 * - single linear column for mobiles
 * - table with equal width columns for larger screens
 */
@media only screen and (max-width: 480px) {
    *                         { font-size: 9pt; }
    div.portlet:not(.mobile)  { display: none; }
    div.tpl-footer            { display: none; }
    div.tpl-main > div        { min-height: 0px; }
}
@media only screen and (min-width: 480px) {
    div.tpl-main        { display: table; table-layout: fixed; }
    div.tpl-main > div  { display: table-cell; }
}

/* other portlet properties */
th        { font-weight: bold; text-align: left; }
td        { text-align: left; }

table.menu          { background-color: #447; table-layout: fixed; }
table.menu th       { padding: 0px; margin: 0px; color: #aad; }
table.menu input    { color: #447; }
div.menu            { color: #aad; }

/* Sync Progress Bar */
.sync-progress-bar      { height: 10pt; width: 100%; background-color: #ddd; xborder: solid 1pt #aaa; xdisplay: none; }
.sync-progress-bar div  { height: 10pt; width: 0; background-color: #e80; xborder: solid 1pt #c60; xtext-align: right; font-size: 6pt; font-weight: bold; color: #fff; }


/* Portlet Structure */
div.portlet                 { width: 100%; border: 0; }
div.portlet_header          { }
div.portlet_header > div    { padding: 1pt; text-align: left; }
div.portlet .handle         { width: 100%; margin-left: 2pt; }
div.portlet_header img.ajax { border: 0; }
div.portlet .title          { font-weight: bold; }
div.portlet_controls        { text-align: right; position: absolute; right: 0; top: 0; margin-right: 2pt; }

.portlet ul                 { list-style: none; margin: 0; padding: 0; border: 0; }
.portlet li                 { margin: 0 2px 0 2px; }
.portlet li.separator       { line-height: 5pt; }
.portlet li a               { text-decoration: none; }

.portlet table           { width: 100%; border-collapse: collapse; border: 0; }
.portlet tr td.field     { font-weight: bold; }
x.portlet tr.s            { height: 1pt; }
.portlet tr.separator td { font-size: 2pt; }
.portlet .prefix         { font-weight: bold; text-decoration: underline; margin-right: 2pt; }
.portlet .suffix:before  { content: " - " }


/* Bord Arrondis pour les Portlet Headers */
/*
div.portlet_header        { background:url(/images/block-tl.png) no-repeat 0% 0%; }
div.portlet_header > div  { background:url(/images/block-tr.png) no-repeat 100% 0%; }
*/

/* Portlet Behavious */
.portlet:hover li.separator   { display: none; }
.portlet .hidden            { display: none; }
.portlet:hover .hidden      { display: block; }


/* Portlet Colors */
.portlet-colors(@base) {
  option&,
  .portlet_header,
  th                    { background-color: @base; color: @base + #666; }
  th.header             { background-color: @base + #555; color: @base; }
  td,
  li:nth-of-type(odd)   { background-color: @base + #555; color: @base + #777; 
    .suffix, a          { color: @base + #777; } }
  li:nth-of-type(even)  { background-color: @base + #666; color: @base + #444; 
    .suffix, a          { color: @base + #444; } }
  li:hover              { background-color: @base; color: @base + #666; }
  .prefix               { color: @base; }
  input                 { color: @base; }
  select                { color: @base; }
  .cloud0               { color: @base + #333; font-size: 6pt; }
  .cloud1               { color: @base + #222; font-size: 7pt; }
  .cloud2               { color: @base + #111; font-size: 8pt; }
  .cloud3               { color: @base; font-size: 9pt; font-weight: bold; }
}

.directory { .portlet-colors(#447); }
.favorite { .portlet-colors(#744); }
.news { .portlet-colors(#474); }
.palette1 { .portlet-colors(#774); }
.palette2 { .portlet-colors(#747); }
.palette3 { .portlet-colors(#477); }

/*
option.directory,
.directory .portlet_header,
.directory th                   { background-color: #447; color: #aad; }
.directory th.header            { background-color: #99c; color: #447; }
.directory td,
.directory li:nth-of-type(odd)  { background-color: #99c; color: #bbe; }
.directory li:nth-of-type(even) { background-color: #aad; color: #88b; }
.directory li:nth-of-type(odd) .suffix,
.directory li:nth-of-type(odd) a  { color: #bbe; }
.directory li:nth-of-type(even) .suffix,
.directory li:nth-of-type(even) a { color: #88b; }
.directory li:hover             { background-color: #447; color: #aad; }
.directory .prefix              { color: #447; }
.directory input                { color: #447; }
.directory select               { color: #447; }

option.favorite,
.favorite .portlet_header,
.favorite th                    { background-color: #744; color: #daa; }
.favorite th.header   		      { background-color: #c99; color: #744; }
.favorite td,
.favorite li:nth-of-type(odd)   { background-color: #c99; color: #ebb; }
.favorite li:nth-of-type(even)  { background-color: #daa; color: #b88; }
.favorite li:nth-of-type(odd) .suffix,
.favorite li:nth-of-type(odd) a   { color: #ebb; }
.favorite li:nth-of-type(even) .suffix,
.favorite li:nth-of-type(even) a  { color: #b88; }
.favorite li:hover              { background-color: #744; color: #daa; }
.favorite .prefix               { color: #744; }
.favorite input                 { color: #744; }
.favorite select                { color: #744; }
.favorite .cloud0               { color: #b88; font-size: 7pt; }
.favorite .cloud1               { color: #b88; font-size: 8pt; }
.favorite .cloud2               { color: #744; font-size: 8pt; }
.favorite .cloud3               { color: #744; font-size: 8pt; font-weight: bold; }

option.news,
.news .portlet_header,
.news th                    { background-color: #474; color: #ada; }
.news th.header             { background-color: #9c9; color: #474; }
.news td,
.news li:nth-of-type(odd)   { background-color: #9c9; color: #beb; }
.news li:nth-of-type(even)  { background-color: #ada; color: #8b8; }
.news li:nth-of-type(odd) .suffix,
.news li:nth-of-type(odd) a   { color: #beb; }
.news li:nth-of-type(even) .suffix,
.news li:nth-of-type(even) a  { color: #8b8; }
.news li:hover              { background-color: #474; color: #ada; }
.news .prefix               { color: #474; }
.news input                 { color: #474; }
.news select                { color: #474; }

option.palette1,
.palette1 .portlet_header,
.palette1 th                      { background-color: #774; color: #dda; }
.palette1 th.header               { background-color: #cc9; color: #774; }
.palette1 td,
.palette1 li:nth-of-type(odd)     { background-color: #cc9; color: #eeb; }
.palette1 li:nth-of-type(even)    { background-color: #dda; color: #bb8; }
.palette1 li:nth-of-type(odd) .suffix,
.palette1 li:nth-of-type(odd) a   { color: #eeb; }
.palette1 li:nth-of-type(even) .suffix,
.palette1 li:nth-of-type(even) a  { color: #bb8; }
.palette1 li:hover                { background-color: #774; color: #dda; }
.palette1 .prefix		       		    { color: #774; }
.palette1 input                   { color: #774; }
.palette1 select                  { color: #774; }

option.palette2,
.palette2 .portlet_header,
.palette2 th                      { background-color: #747; color: #dad; }
.palette2 th.header               { background-color: #c9c; color: #747; }
.palette2 td,
.palette2 li:nth-of-type(odd)    	{ background-color: #c9c; color: #ebe; }
.palette2 li:nth-of-type(even)    { background-color: #dad; color: #b8b; }
.palette2 li:nth-of-type(odd) .suffix,
.palette2 li:nth-of-type(odd) a   { color: #ebe; }
.palette2 li:nth-of-type(even) .suffix,
.palette2 li:nth-of-type(even) a  { color: #b8b; }
.palette2 li:hover                { background-color: #747; color: #dad; }
.palette2 .prefix                 { color: #747; }
.palette2 input                   { color: #747; }
.palette2 select                  { color: #747; }

option.palette3,
.palette3 .portlet_header,
.palette3 th                      { background-color: #477; color: #add; }
.palette3 th.header               { background-color: #9cc; color: #477; }
.palette3 td,
.palette3 li:nth-of-type(odd)  		{ background-color: #9cc; color: #bee; }
.palette3 li:nth-of-type(even)    { background-color: #add; color: #8bb; }
.palette3 li:nth-of-type(odd) .suffix,
.palette3 li:nth-of-type(odd) a   { color: #bee; }
.palette3 li:nth-of-type(even) .suffix,
.palette3 li:nth-of-type(even) a  { color: #8bb; }
.palette3 li:hover                { background-color: #477; color: #add; }
.palette3 .prefix                 { color: #477; }
.palette3 input                   { color: #477; }
.palette3 select                  { color: #477; }
*/


/* Popup */
table.directorypopup              { width: 100%; color: #447; }
table.directorypopup th           { background-color: #447; color: #aad; }
table.directorypopup th input     { xbackground-color: #447; color: #aad; font-weight: bold; }
table.directorypopup tr.c0        { background-color: #99c; }
table.directorypopup tr.c1        { background-color: #aad; }
table.directorypopup td.header    { color: #447; font-weight: bold; }
table.directorypopup b            { color: #77a; font-weight: normal; }
table.directorypopup input        { color: #447; }

table.directorypopupaction         { background-color: #447; width: 100%; border: 0; }
table.directorypopupaction td      { text-align: center; padding: 2pt 5pt 2pt 5pt; width: 150pt; }
table.directorypopupaction td.sep  { width: 50%; }
table.directorypopupaction input   { background-color: #aad; color: #447; width: 80pt; font-weight: bold; }


/* Tag List Autocomplete */
div#taglist 				{ xvisibility: hidden; background-color: #daa; overflow-x: hidden; overflow-y: auto; }
div#taglist *				{ color: #fff; }
div#taglist h3			{ color: #744; display: block; padding-top: 1pt; padding-bottom: 1pt; margin-bottom: 2pt; font-weight: bold; text-decoration: underline; }
div#taglist a 			{ display: block; text-decoration: none; }
div#taglist a:hover { background-color: a25; xcolor: #aad; }

.selector .portlet_header       { background-color: #744; color: #daa; }
.selector .c0    { background-color: #c99; color: #ebb; }
.selector .c1    { background-color: #daa; color: #b88; }
.selector tr.recent { color: #fff; }
.selector b        { color: #a77; font-weight: normal; }
.selector .prefix  { color: #744; font-weight: bold; }
div.selectorresult      { background-color: #ccf; xdisplay: none; }


/* Portlet : homepage_web_portlet_RSS */
div#news_preview  { position: absolute; width: 200pt; xheight: 200pt; background-color: #474; color: #ada; }


/* Portlet : homepage_web_portlet_bookmarks_*** */
img#thumbnail	  { position: absolute; width: 120; height: 90; filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=3) }


/* Portlet : homepage_web_portlet_bookmarks_RecommenderThumbnails */
div[pclass="Homepage\\Web\\Portlet\\Bookmarks\\RecommenderThumbnails"] div.portlet_content img { margin: 2pt; border: solid 1pt #fff; width: 75px; }
div[pclass="Homepage\\Web\\Portlet\\Bookmarks\\RecommenderThumbnails"] div.portlet_content li { float: left }


/* Portlet : homepage_web_portlet_Sytadin */
table.sytadin          { width: 100%; table-layout: fixed; background-color: #774444; }
table.sytadin th       { width: 80%; background-color: #774444; color: #ddaaaa; }
table.sytadin tr       { background-color: #ddaaaa; color: #eebbbb; }
img#sytadin				     { xwidth: 180px; }


/* Portlet : homepage_web_portlet_Photo */
div.homepage_web_portlet_Photo div.portlet_content td         { text-align: center; }
div.homepage_web_portlet_Photo div.portlet_content li         { float: left }
div.homepage_web_portlet_Photo div.portlet_content img.photo  { margin: 0; padding: 0; xborder: solid 1px #fff; }

div.homepage_web_portlet_Photo div.photo_controls       { display: none; position: absolute; right: 0; }
div.homepage_web_portlet_Photo:hover div.photo_controls { display: block; }
div.homepage_web_portlet_Photo div.photo_controls img   { margin: 1pt; border: 0; }


/* @todo : to be refactored for IE11
div.photocal { width: 100%; position: relative; }
div.photocal img.photo {
  filter: progid:DXImageTransform.Microsoft.Matrix();
  position: absolute;
  top:0;
  left:0;
  border: solid 2pt #fff;
}
*/

/* Portlet : homepage_web_portlet_bookmarks_Search */
input.searchinput               { }
div.searchresult                { margin: 0; }
div.searchresult .searchcount   { text-align: center }
div.searchresult .searchgroup   { }


/* All Portlets */
.portlet .recent,
.portlet li.recent a        { color: #ffffff; }


table.tools                 { background-color: #aaddaa; width: 100%; table-layout: fixed; }
table.tools th              { background-color: #447744; color: #aaddaa; }
table.tools th.off          { background-color: #669966; color: #aaddaa; }
table.tools th.on           { background-color: #447744; color: #aaddaa; }
table.tools .subtitle       { color: #447744; font-weight: bold; background-color: #ccccff; height: 18pt; vertical-align: bottom; }
table.tools tr.subtitle td  { text-align: left; }
table.tools td              { color: #447744; text-overflow: ellipsis; }
table.tools td a            { color: #447744; }
table.tools input           { color: #447744; }
table.tools select          { color: #447744; }
table.tools .c0             { background-color: #99cc99; }
table.tools .c1             { background-color: #aaddaa; }
.toolsTitle                 { color: #dd8800; font-weight: bold; }
.resultTitle                { color: #dd8800; font-weight: bold; }
table.tools th.highlight    { background-color: #aa2222; color: #ff6666; }
table.tools tr.highlight td	{ background-color: #ff6666; color: #aa2222; text-overflow: ellipsis; }


table.toolsaction         { background-color: #447744; width: 100%; border: 0; }
table.toolsaction td      { text-align: center; padding: 2pt 5pt 2pt 5pt; width: 150pt; }
table.toolsaction td.sep  { width: 100%; }
table.toolsaction input   { background-color: #aaddaa; color: #447744; width: 80pt; font-weight: bold; }

fieldset.tools { background-color: #ffcc33; width: 180; }

/*
table.toolbox { background-color: #ffcc33; width: expression(document.body.clientWidth/6-10); }
xtable.toolbox { background-color: #ffcc33; width: 180; }
table.toolboxFrame { background-color: #ffcc33; width: 164; }
th.toolbox { background-color: #dd8800; }
th.toolboxOn { background-color: #aa5500; }
.toolbox0 { background-color: #ffdd44; }
.toolbox1 { background-color: #ffcc33; }
.toolboxTitle { color: #dd8800; font-weight: bold; }
.resultTitle { color: #dd8800; font-weight: bold; }
fieldset.toolbox { background-color: #ffcc33; width: 180; }
*/

table.translate { background-color: #ffcc33; }
th.translate { background-color: #dd8800; }

x.fond { background-color: #aaaadd; }

.arrow {font-family:webdings; color:white; padding:0; font-size:10px; height:11px; width:10px; overflow:hidden; margin-bottom:2; margin-top:-3; padding-bottom: 2; }

font.rateDown { font: bold; color: #ff2222; }
font.rateUp { font: bold; color: #22cc22; }

/*
fieldset.tennis { xwidth: 300px; table-layout: fixed; border-color: #000066; }
*/
table.tennis            { xwidth: 300px; table-layout: fixed; background-color: #000066; }
table.tennis td         { width: 20%; }
table.tennis th         { background-color: #000066; color: #aaaadd; }
table.tennis tr.c0      { background-color: #9999cc; }
table.tennis tr.c1      { background-color: #aaaadd; text-overflow : ellipsis; }
table.tennis tr.footer  { background-color: #ccccff; color: #000066; font-weight: bold; font-style: italic; text-align: right; }
table.tennis td.action  { color: #000066; font-weight: bold; }

table.form 				{ width: 100%; table-layout: fixed; }
table.form .name 	{ color: #000066; font-weight: bold; }
table.form .link 	{ color: #aaaadd; font-weight: bold; }

table.scc { xwidth: 300px; table-layout: fixed; background-color: #000066; }
table.scc td { width: 20%; }
table.scc th { background-color: #000066; color: #aaaadd; }
table.scc tr.c0 { background-color: #9999cc; }
table.scc tr.c1 { background-color: #aaaadd; text-overflow : ellipsis; }

table.chien { xwidth: 300px; xtable-layout: fixed; background-color: #000066; }
table.chien td { width: 20%; }
table.chien th { background-color: #000066; color: #aaaadd; }
table.chien tr.c0 { background-color: #9999cc; }
table.chien tr.c1 { background-color: #aaaadd; text-overflow : ellipsis; }



div.autocomplete 									{ position:absolute; width:250px; margin:0px; padding:0px; background-color:white; border:1px solid #888; }
div.autocomplete ul 							{ list-style-type:none; margin:0px; padding:0px; }
div.autocomplete ul li.highlight 	{ font-weight: bold; }
div.autocomplete ul li.selected 	{ background-color: #ffb; }
div.autocomplete ul li 						{ list-style-type:none; display:block; cursor:pointer; }