
/* Les balises standards redefinies */

*,html,body,div,td,ol,p,dl,dd,dt,ul,li,form,fieldset
               {margin:0;padding:0;border:0;font-family:verdana,arial,helvetica,sans-serif;}
body           {background-color:#D5E8F7;color:#000000;text-align:center;font-size:11px;overflow:hidden;font-weight:normal;}
img            {border-width:0;vertical-align:middle;}
u              {text-decoration:none;white-space: nowrap;}
.lien          {text-decoration:none;color:#000;cursor:pointer;white-space:nowrap}
.lienover      {text-decoration:underline;color:#000;cursor:pointer;white-space:nowrap}
li             {text-align:center;text-decoration:none;cursor:pointer}
.cible         {}
.cadre         {background:#fff;color:#000000;text-decoration:none;}
input          {border:1px solid #BFB1A5;background:#fff;vertical-align:middle;color:#000;}
textarea       {border:1px solid #BFB1A5;background:#fff;color:#000000;width:98%;height:62px;font-size:12px;font-family:arial;}
.copyright     {font-size:9px;color:#fff;padding-top:15px}
.logint        {color:#000;background:#FFF1D5;width:180px;height:40px;font-size:30px;text-align:center}
.passwordt     {color:#000;background:#FFF1D5;width:120px;text-align:center}
.validert      {color:#000;background:#FFF1D5;width:50px}


/* Les cadres internes */

#frame_content {position:absolute;width:82%;height:100%;right:0;}
#frame_galerie {position:absolute;width:100%;top:36px;    right:0;bottom:36px;visibility:visible;overflow:auto}
#frame_detail  {position:absolute;width:100%;left:0%;top:40%;        right:0;bottom:0;margin-left:6px;margin-top:36px;margin-bottom:36px;visibility:hidden; overflow:hidden}
#frame_adresse {position:absolute;width:100%;top:-36px;   right:0;height:36px;visibility:visible;overflow:visible;vertical-align:middle;}
#frame_infos   {position:absolute;width:100%;bottom:-36px;right:0;height:36px;visibility:visible;overflow:visible;}
#frame_demande {position:absolute;width:100%;bottom:36px; right:0;height:30px;text-align:center;padding-top:12px;visibility:hidden;z-index:100;color:#000}
#playermp3     {position:absolute;background: url('Standard/images/fondplayer.png');width:100%;bottom:0px;left:0px;text-align:center;height:74px;z-index:500;display:none;}
#playermp3new  {position:absolute;width:180px;bottom:0px;left:0px;text-align:center;height:255px;z-index:500;display:none;}

#frame_file    {position:absolute;width:100%;top:40%;     right:0;height:0;height:36px;visibility:hidden;overflow:visible;vertical-align:middle;}
#frame_dossier {position:absolute;width:18%; top:0;left:-100%;height:100%;visibility:visible;overflow:visible;text-align:left;z-index:101;background:#fff;color:#fff}
#frame_favoris {position:absolute;width:100%;top:0;    left:0;height:100%;display:none;overflow:auto;   text-align:center;z-index:101;padding-top:0px;color:#fff}
#arbre         {position:absolute;width:100%;top:0;    left:0;height:auto;overflow:hidden;margin-top:7px;color:#000}
#arborescence  {position:absolute;width:100%;top:40px; left:0;bottom:0px; visibility:visible;padding:0px;overflow:auto;color:#000}
#resize_dossier{position:absolute;width:6px; top:0;right:-6px;height:100%;visibility:visible;overflow:visible;text-align:left;z-index:101;cursor:w-resize;background:url('Standard/images/fonddossier.png')}
#resize_content{position:absolute;width:100%;top:0;    left:0;height:6px; visibility:visible;overflow:visible;text-align:left;z-index:101;cursor:s-resize;display:none}

#cadrpic       {position:absolute;width:100%;top:0;    left:0;height:100%;overflow:hidden;text-align:left;}
#exifpic       {position:absolute;width:100%;bottom:0; left:0;height:auto;overflow:visible;text-align:center;padding-top:5px}
#util,#tools   {position:absolute;right:0;padding-left:15px;top:5px;top:expression('3px')}
#adresse, #file{position:absolute;width:100%;left:15px;top:5px;height:24px;border:1px solid #bFb1a5;background:#fff;vertical-align:middle;padding-right:15px;overflow:hidden;text-align:left}
#infos_rep     {position:absolute;left:15px;top:12px;color:#000;}
#horloge       {position:absolute;border:0px;background:#fff;left:380px;right:295px;left:expression('40%');top:11px;height:14px;overflow:hidden;font-weight:bold}
#infos_user    {position:absolute;right:15px;top:1px;color:#000;}
#apercu        {width:100%;height:100%;border:none;background:#fff;overflow:auto;}
#util img, #utilpic img, #tools img  {margin:1px}
#tools         {padding-top:1px;height:30px}
#visuImg       {cursor:move}
#util img:hover, #utilpic img:hover, #tools img:hover
               {margin:0;border:1px solid #BFB1A5;background:#FFF1D5;cursor:pointer}
.cadre_select  {margin:0;background:#3C6378;color:#000000;}
#frame_galerie .cadre_select  {border:0;}
#frame_favoris .rubrique, #arborescence .rubrique {border:0;}

/* L'habillage */

#logo          {background: url('Standard/images/logo.jpg') no-repeat center center; position:relative;width:100%;height:41px;}
#wslogo        {background: url('Standard/images/fondlogo3.jpg') no-repeat center center; position:absolute;left:50%;top:15%;margin-left:-170px;margin-top:-40px;width:340px;height:85px;}
.invite        {background: url('Standard/images/fondinvite3.jpg') left top no-repeat;position:absolute;text-align:center;left:50%;margin-left:-122px;top:50%;margin-top:-82px;width:245px;height:165px;font-size:12px;}
.frame_invite  {background: url('Standard/images/fondident3.jpg') center;text-align:center;}
#frame_adresse {background: url('Standard/images/fondbarre.png') repeat-x bottom;}
#frame_file    {background: url('Standard/images/fondbarre.png') repeat-x bottom;}
#frame_infos   {background: url('Standard/images/fondbarre.png') repeat-x top;background-color:#fff;}
#frame_demande {background: url('Standard/images/fonddemande.png') repeat-x center top #fff;}
#utilpic       {background: url('Standard/images/fondbarre.png') repeat-x bottom #fff ;}
#exifpic       {background: url('Standard/images/fonddemande.png') repeat-x top;}
#cadrpic       {background: url('Standard/images/fondgalerie.jpg') repeat-x top;}
#fileExist     {background: url('Standard/images/fonddemande.png');}
#arborescence  {background: url('Standard/images/fondvide.png');}
#context_box   {background: url('Standard/images/fondcontext.png');}
#charge        {background: url('Standard/images/fondvide.png');}
.detail_photo  {background: url('Standard/images/fonddetail.png');}
#barre_logo    {background: #fff url('Standard/images/fondbarre.png') repeat-x scroll center top;height:36px}
#frame_favoris {background: #fff;}
#divlogin      {height:55px;}
#divpass       {height:30px;}
#divvalid      {height:30px;}
#util, #tools  {background: transparent;}
#message       {text-align:center;width:250px;height:30px;margin-top:9px;z-index:50;color:#fff}
.invite td     {text-align:center;height:18px}
.invite input  {border:1px solid #D5E1E1;background:#F9FDFF;}
.repArbre u, u, .recherche b, #frame_dossier .lien u, #frame_dossier .lien b, #frame_dossier .lien u:hover,.extension b  {color:#000}
.repArbre      {z-index:200}
.cadrcom       {border:1px solid #BFB1A5}
#frame_demande input {border:1px solid #BFB1A5;background:#FFF1D5;color:#000000;width:150px;font-size:13px;font-weight:bold;font-family:Trebuchet MS,Arial;vertical-align:middle}


/* Elements divers */

#context_box   {position:absolute;width:192px; border:1px solid #9D9DA1; font-size:11px; cursor:default; display:none;padding:3;z-index:500;}
.context_item  {width:190px;padding-left:0px; padding-right:0px;font-family:Verdana;color:#000000;text-align:left;border:1px solid #ffffff;}
.context_des   {width:190px;padding-left:0px; padding-right:0px;font-family:Verdana;color:#888888;text-align:left;}
.context_sel   {width:190px;padding-left:0px; padding-right:0px;font-family:Verdana;background:#FFF1D5;text-align:left;border:1px solid #bFb1a5;}
#boite         {left:10px;width:124px;overflow:hidden;visibility:visible;position:absolute;}
#liens,#infotitre,#charge {position:relative;font-family:Verdana;font-size:12px;font-weight:normal;top:2px;top:expression('0px');}

#frame_hidden  {overflow:hidden;visibility:hidden;display:none;}
.masque        {overflow:hidden;visibility:hidden;display:none;}
.devoile       {overflow:hidden;visibility:hidden;display:block;position:absolute}
.montre        {overflow:hidden;visibility:visible;font-family:Arial;font-size:11px;padding-left:15px;color:#000000;}

.recherche     {width:95%;text-align:left;padding-left:6px;color:#000}
#close_favoris,#close_exif {position:absolute;right:18px;top:6px;width:18px;height:18px;z-index:301}
#close_arbre   {position:absolute;right:-9px;top:50%;width:18px;height:18px;z-index:301;visibility:visible}
.detail_photo  {position:relative;width:450px;padding-top:15px;font-size:10px;text-align:center}
.viewComment   {width:100%;height:50px;text-align:left;padding:8px;background:#FFF1D5;overflow:auto;z-index:100}
.rubrique      {position:relative;margin:0;border:1px solid #BFB1A5;background:#FFF1D5;color:#440600;font-size:13px;text-decoration:none;margin-bottom:7px;}
.infosexif li  {position:relative;list-style-type:none;float:left;display:block;}
.lienfichier   {text-decoration:none;color:#000;cursor:pointer;white-space:nowrap;margin-top: 2px; margin-left: 15px;}
#divExif dt,#divExif dl,#divCommentaire dt {float:none;display:block;text-align:left;}
#divExif dt,#divCommentaire dt {padding:1px;border:1px;margin:1px}
#dragLayer     {margin-left:6px;}
#headerDetails, .headerDetails
               {position:relative;background: url('Standard/images/fonddemande.png') repeat-x center top #fff;width:100%;height:auto;font-weight:bold;padding-top:10px;padding-bottom:10px}


/* Selon le type d'affichage des dossiers */
.v1 img,.v2 img,.v3 img,.v4 img {vertical-align:top}

/* Miniatures */
.v1 ul         {list-style-type:none;cursor:pointer}
.v1 li         {position:relative;width:103px;height:120px;float:left;display:block;padding:1px;padding-top:5px;padding-left:2px}
.v1 .caseimg   {position:relative;width:100px;height:80px; overflow:hidden;margin-left:1px;cursor:pointer}
.v1 .extension {position:relative;width:100px;height:12px; text-align:center; font-size:9px; font-weight:normal;color:#440600;margin-top:2px}
.v1 .nom,
.selections    {position:relative;width:100px;height:16px; text-align:center; font-size:12px;font-weight:bold;background:#F5F8FA;overflow:hidden;color:#000;margin-top:4px;white-space: nowrap;}
.selections, .selections u {background:#3C6378;color:#FFF;}
.v1 .cadre     {background: url('Standard/images/case1.jpg') no-repeat center center;}

/* Listing */
.v2 ul         {list-style-type:none;cursor:pointer}
.v2 li         {float:left;display:block;position:relative;width:200px;height:32px; text-align:left;vertical-align:middle;overflow:hidden;cursor:pointer;white-space:nowrap}
.v2 .caseimg   {position:relative;width:40px; height:100%; text-align:center; top:0px;vertical-align:middle;cursor:pointer}
.v2 .nom       {position:relative;width:150px;height:24px; text-align:left;   top:4px;font-size:11px;font-weight:normal;overflow:hidden;vertical-align:middle;white-space: nowrap;}
.v2 .cadre     {background: url('Standard/images/case2.jpg') no-repeat center center;}

/* Détails */
.v3 ul         {list-style-type:none;cursor:pointer}
.v3 li         {border:0;margin:0;float:left;display:block;position:relative;width:100%; height:32px; text-align:left;vertical-align:middle;}
.v3 .caseimg   {position:relative;width:40px; height:100%; text-align:center; top:0px;left:8px;  overflow:hidden;cursor:pointer}
.v3 .nom       {position:absolute;width:40%;  height:100%; text-align:left;   top:8px;left:50px;  font-size:11px;font-weight:normal;white-space: nowrap;}
.v3 .apercucmt {position:absolute;width:280px;height:100%; text-align:left;   top:8px;right:310px;font-size:11px;font-weight:normal;}
.v3 .extension {position:absolute;width:50px; height:100%; text-align:center; top:8px;right:185px;font-weight:bold}
.v3 .taille    {position:absolute;width:60px; height:100%; text-align:left;   top:8px;right:240px;}
.v3 .datemodif {position:absolute;width:180px;height:100%; text-align:right;  top:8px;right:8px;}
.v3 .cadre     {background: url('Standard/images/case3.jpg') repeat-x center;}

/* Grandes icones */
.v4 ul         {list-style-type:none;cursor:pointer}
.v4 li         {float:left;display:block;position:relative;width:250px;height:64px; text-align:left;vertical-align:top}
.v4 .caseimg   {position:absolute;width:64px; height:64px; text-align:center; overflow:hidden;vertical-align:middle;cursor:pointer}
.v4 .nom       {position:relative;width:170px;             text-align:left;left:70px;top:0px;font-size:11px;font-weight:bold;margin-right:70px;overflow:hidden;white-space: nowrap;}
.v4 .extension {position:relative;width:250px;height:10px; text-align:left;left:70px;top:4px;font-size:9px; font-weight:normal;}
.v4 .datemodif {position:relative;width:250px;height:10px; text-align:left;left:70px;top:0px;}
.v4 .cadre     {background: url('Standard/images/case4.jpg') no-repeat center center;}

@media print {

#frame_content {position:absolute;width:100%;height:100%;right:0;}
#frame_galerie {position:absolute;width:100%;top:0px; right:0;height:auto;visibility:visible;overflow:visible}
#frame_detail  {position:absolute;width:100%;top:0px; right:0;height:auto;visibility:visible;overflow:visible}
#utilpic       {position:absolute;display:none}
#frame_adresse {position:absolute;display:none}
#frame_infos   {position:absolute;display:none}
#context_box   {position:absolute;display:none}
#frame_dossier {position:absolute;display:none}

}

#fenetre       {position:absolute;width:250px;height:160px;left:50%;top:50%;margin-left:-125px;margin-top:-75px;display:none}
#fenetre table {width:250px;height:160px}
#fenetre table, #fenetre td, #fenetre tr {margin:0;padding:0;border:0;}
#fenetre .mini {width:1px;height:1px;font-size:4px}
#fenetre #contenu_fenetre {position:relative;width:100%;text-align:center;font-size:11px;color:#000}
#fenetre .fond_fenetre {background: #fff url('Standard/images/fonddemande.png') repeat-x top center;}

/*<group=Toolbar>*/
  .tool_bar                { width:100%; height: 22px; margin:0px; padding:0px; border:0px; vertical-align:middle; border-bottom:1px solid #aaa; background:#fff; color:#000 }
  .tool_bar a              { padding:3px 2px; color:#000; font: 11px/20px arial; font-weight:bold; text-decoration:none; display:inline; vertical-align: middle; cursor:pointer; margin: 1px; }
  .tool_bar a:hover        { background:#FFF1D5;padding:3px 2px; margin: 0px; line-height: 20px; font-size: 11px; border:1px solid #BFB1A5; }
  .tool_bar .btn_img       { padding: 4px 8px; background-position: center center; text-decoration:none; color:#000; }
  .tool_bar .btn_img:hover { padding: 4px 8px; }
  .tool_bar .menu_start    { background:url('Standard/images/toolbar_start.png') no-repeat center; width:3px; display:inline;padding:0px 0px 0px 5px; }
  .tool_bar .divider       { background:url('Standard/images/lh_divider.png') no-repeat center; width:3px; display:inline;}
  .wdebug {width:100%;height:0px;border:0px;margin:0px;}
/*</group>*/

/*<group=Page Status Bar>*/
  #page_status_bar         { width:100%;height:20px;border:1px outset rgb(242,242,242);background:#FFF1D5;}
  #page_status_bar tr td   { border:1px inset rgb(242,242,242);}
/*</group>*/

/*<group=File Upload List>*/
  #list_body               { width: 100%; }
  #list_body tr td         { font: 11px Arial; line-height:16px; border: 0px; height: 16px; padding: 0px 0px 0px 4px; cursor: pointer; vertical-align:middle; }
  #list_body .on           { background:#FFF1D5;}
/*</group>*/

/*<group=Upload Bar>*/
  #upload_bar              { background: #FFF1D5; border: 1px solid #BFB1A5; height: 12px; padding: 0px;  margin: 0px; }
  #upload_bar div          { background: #000000; border: 1px solid #BFB1A5; height: 12px; line-height:12px; font-size:10px; margin: 0px; padding: 0px; }
  .upload_filename         { color: rgb(0,0,0);  font-weight: bold;font-size: 12px;}
  .upload_stats            { color: rgb(100,100,100);font-size: 10px;}
/*</group>*/