/*grid.css*/
.container{ width:950px; margin:0 auto}.showgrid{  background:url(src/grid.png)}body{ margin:1.5em 0}div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24{ float:left; margin-right:10px}div.last{margin-right:0}.span-1 {width:30px}.span-2 {width:70px}.span-3 {width:110px}.span-4 {width:150px}.span-5 {width:190px}.span-6 {width:230px}.span-7 {width:270px}.span-8 {width:310px}.span-9 {width:350px}.span-10{width:390px}.span-11{width:430px}.span-12{width:470px}.span-13{width:510px}.span-14{width:550px}.span-15{width:590px}.span-16{width:630px}.span-17{width:670px}.span-18{width:710px}.span-19{width:750px}.span-20{width:790px}.span-21{width:830px}.span-22{width:870px}.span-23{width:910px}.span-24,div.span-24{width:950px;margin:0}.append-1 {padding-right:40px} .append-2 {padding-right:80px}.append-3 {padding-right:120px}.append-4 {padding-right:160px}.append-5 {padding-right:200px}.append-6 {padding-right:240px}.append-7 {padding-right:280px}.append-8 {padding-right:320px}.append-9 {padding-right:360px}.append-10{padding-right:400px}.append-11{padding-right:440px}.append-12{padding-right:480px}.append-13{padding-right:520px}.append-14{padding-right:560px}.append-15{padding-right:600px}.append-16{padding-right:640px}.append-17{padding-right:680px}.append-18{padding-right:720px}.append-19{padding-right:760px}.append-20{padding-right:800px}.append-21{padding-right:840px}.append-22{padding-right:880px}.append-23{padding-right:920px}.prepend-1 {padding-left:40px} .prepend-2 {padding-left:80px}.prepend-3 {padding-left:120px}.prepend-4 {padding-left:160px}.prepend-5 {padding-left:200px}.prepend-6 {padding-left:240px}.prepend-7 {padding-left:280px}.prepend-8 {padding-left:320px}.prepend-9 {padding-left:360px}.prepend-10{padding-left:400px}.prepend-11{padding-left:440px}.prepend-12{padding-left:480px}.prepend-13{padding-left:520px}.prepend-14{padding-left:560px}.prepend-15{padding-left:600px}.prepend-16{padding-left:640px}.prepend-17{padding-left:680px}.prepend-18{padding-left:720px}.prepend-19{padding-left:760px}.prepend-20{padding-left:800px}.prepend-21{padding-left:840px}.prepend-22{padding-left:880px}.prepend-23{padding-left:920px}div.border{ padding-right:4px; margin-right:5px; border-right:1px solid #eee}div.colborder{ padding-right:24px; margin-right:25px; border-right:1px solid #eee}.pull-1{margin-left:-40px}.pull-2{margin-left:-80px}.pull-3{margin-left:-120px}.pull-4{margin-left:-160px}.pull-5{margin-left:-200px}.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-5{ float:left;position:relative}.push-1{margin:0 -40px 1.5em 40px}.push-2{margin:0 -80px 1.5em 80px}.push-3{margin:0 -120px 1.5em 120px}.push-4{margin:0 -160px 1.5em 160px}.push-5{margin:0 -200px 1.5em 200px}.push-0,.push-1,.push-2,.push-3,.push-4,.push-5{ float:right;position:relative} .box{ padding:1.5em; margin-bottom:1.5em; background:#E5ECF9}hr{ background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none}hr.space{ background:#fff; color:#fff}.clearfix:after,.container:after{ content:"."; display:block; height:0; clear:both; visibility:hidden}.clearfix,.container{display:inline-block}* html .clearfix,* html .container{height:1%}.clearfix,.container{display:block}.clear{clear:both}


* { 
	margin: 0;
	padding: 0;
}

html, body {
	font-size: 0.87em;
	font-family: verdana,arial,helvetica,sans-serif;
	margin: 0;
    height: 100%;
}

a, a:hover, a:visited {
	color: black;
	text-decoration: none;
}

.container { 
    margin: 0 auto;
	min-height: 100%;
}

.right { float: right; }
.tright { text-align: right; }
.left  { float: left; }
.center { text-align:center; }

.hide { display: none; }
.strong { font-weight: bold; }

.spacer { clear:both; }


.jelix-msg-error {
    color: red;
    font-size: 1.2em;
    font-weight: bold;
}
/*#messages{
padding: 0;
margin: 0;
font-size: 14px;
font-weight: bold;
margin-top: 4px;
clear: all;
white-space: nowrap;
}

.message {
padding: 4px;
width: 100%;
color: #ffffff;
background-color: #aaa9a6;
float: left;
margin-bottom: 3px;
}

.warning {
padding: 4px;
width: 100%;
color: #ffffff;
background-color: #ff9900;
float: left;
margin-bottom: 3px;
}

.success {
padding: 4px;
width: 100%;
color: #ffffff;
background-color: #009000;
float: left;
margin-bottom: 3px;
}

.error {
padding: 4px;
width: 100%;
color: #ffffff;
background-color: #900000;
float: left;
margin-bottom: 3px;
}*/

/* Sidebar
----------------------------------------------- */
#sidebar {
    margin-top: 15px;
}

#hellouser {
    text-align: center;
}

#hellouser .login {
    font-weight: bold;
}

#sidebar ul {
    margin: 10px 0 0 30px;
    padding: 0;
    list-style-type: none;
}

#sidebar ul li {
    margin-bottom: 5px;
    padding: 2px 7px;
    height: 15px;
/*    width: 100%;*/
/*    border: 1px #E4E4E4 solid;*/
}

#sidebar ul li {
    background: #BBB url('/themes/default/images/bouton-inactif.png') repeat-x top left;
    border: 1px #E4E4E4 solid;
}
#sidebar ul li.selected {
    background: #BBB url('/themes/default/images/bouton-actif.png') repeat-x top left;
}

#sidebar ul li.selected a {
    color: #FFF;
}

/* Actionbar
----------------------------------------------- */
#actionbar {
    background: #BBB url('/themes/default/images/fond-nav-ht.png') repeat-x top left;
    border: 1px #B3B3B3 solid;
    height: 33px;
}
#actionbar .button {
    padding: 6px 0 2px 10px;   
    height: 23px;
    border-right: 1px #B3B3B3 solid;
}
#actionbar #filtre {
    width: 186px;
    float: left;
    cursor: pointer;
}
#actionbar #view-choice {
    width: 130px;
    float: left;
}

#actionbar #view-choice a {
    width: 29px;
    height: 28px;
    display: block;
    border: none;
    float: right;
    margin-top: -4px;
}

#actionbar #view-choice .text {
    display: none;
}

#actionbar #view-choice a#view-list-active { 
    background: transparent url('/themes/default/images/liste-act-ht.png') no-repeat;
}
#actionbar #view-choice a#view-gallery-active { 
    background: transparent url('/themes/default/images/vignette-act-ht.png') no-repeat;
}
#actionbar #view-choice a#view-list { 
    background: transparent url('/themes/default/images/liste-inact-ht.png') no-repeat;
}
#actionbar #view-choice a#view-gallery { 
    background: transparent url('/themes/default/images/vignette-inact-ht.png') no-repeat;
}


.file-dl, .file-delete, .file-changedest,
#actionbar #allaction * {
    width: 29px;
    height: 28px;
    display: block;
    border: none;
    float: left;
    border-bottom: 3px transparent solid;
    border: none;
}

#content .file-dl:hover, #content .file-delete:hover, 
#content .file-changedest:hover {
    border: none;
}

.file-dl .text, .file-delete .text, 
.file-changedest .text, 
#actionbar #allaction .text {
    display: none;
}

a.changedest,
.file-changedest { 
    background: transparent url('/themes/default/images/bouton-partage.png') no-repeat;
}

#allaction a.delete,
.file-delete { 
    background: transparent url('/themes/default/images/bouton-supp.png') no-repeat;
}

#allaction a.dl,
.file-dl { 
    background: transparent url('/themes/default/images/bouton-copie.png') no-repeat;
}

#actionbar #allaction {
    margin-top: -5px;
    float: right;
}


#actionbar #allaction a#changedest_all { 
    background: transparent url('/themes/default/images/partage-inact-ht.png') no-repeat;
}

#actionbar #allaction a#delete_all { 
    background: transparent url('/themes/default/images/sup-inact-ht.png') no-repeat;
}

#actionbar #allaction a#dl_all { 
    background: transparent url('/themes/default/images/copie-inact-ht.png') no-repeat;
}



#allaction {
    width: 90px;
}
#selectall {
    width: 130px;
}

#choice-share {
    background-color: #F0F8E3;
    border: 1px solid black;
    padding: 10px;
    margin-right: 10px;
}


/* Content
----------------------------------------------- */
#content {
	padding: 10px 20px;
}

#content h1 {
    margin: 10px 0 20px 0;
    font-size: 1.6em;
}

#content a {
/*  border-bottom: 1px dotted #446699;*/
    border: none;
}


#content a:hover {
	border-bottom-style:solid;
	border-color:#BB5555;
}

#content p {
	margin: 5px;
}
#content .bigbutton {
	color: black;
	background: #F3F3F3;
	border: 1px solid black;
	padding: 4px;
    font-size: 1.1em;
/*    text-align:right;*/
/*    float: right;*/
/*    display: block;*/
}

#content .bigbutton-yui {
    
    	color: black;
    	background: #F3F3F3;
    	border: 1px solid black;
    	padding: 4px;
        font-size: 1.1em;
    /*    text-align:right;*/
    /*    float: right;*/
        display: block;
}

#content .bigbutton a,
#content .bigbutton a:hover {
	text-decoration: none;
	border: none;
	color: black;
}

input[type=text],
input[type=password], 
input[type=button], 
textarea {
    border: 1px black solid;
    padding: 3px;
}

input.submit, input.reset, input.preview {
	border: 1px solid #515151;
	padding: 3px;
}
	
input[type=submit], 
input[type=reset], 
input[type=button] {
	color: #333;
	background: #F3F3F3;
	border: 1px solid #515151;
	padding: 3px;
    font-weight: bold;
    font-size: 1.1em;
}



/* Breadcrumb envoi
---------------------------------------------- */
#breadcrumb {
    height: 40px;
    margin-bottom: 25px;
}
#breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
    display: inline;
}
#breadcrumb ul li {
    float: left;
    margin: 0;
    padding: 0;
    background-image: url('/themes/default/images/etape-inact.png');
    text-indent: 0;
    padding: 11px 0 13px 0px;
    width: 110px;
    margin-left: -10px;
    position: absolute;
}
#breadcrumb ul li.active {
    background-image: url('/themes/default/images/etape-act.png');
}
#breadcrumb ul li a{
    padding-left: 5px;
    text-decoration: none;
    border: none;
}

#breadcrumb ul li#partage {
    z-index: 3;
    display: block;
    width: 110px;
}

#breadcrumb ul li#select {
    z-index:2;
    margin-left:85px;
}
#breadcrumb ul li#select a {
    margin-left: 17px;
}
#breadcrumb ul li#send {
    margin-left:180px;
}
#breadcrumb ul li#send a {
    margin-left: 30px;
}

/* TWICE */
#breadcrumb ul#second li#select {
    z-index:2;
    margin-left:0px;
}
#breadcrumb ul#second li#send {
    margin-left:85px;
}

/* Table
----------------------------------------------- */
#yui-pager {
    text-align: right;
}

#pager {
/*    padding: 7px 0 0 4px;*/
}





table {
	border-collapse:collapse;
/*  font-size: 1em;*/
	margin: 0px 0 20px 0;
}

table input[type=text], table input[type=password], table textarea {
	width: 90%;
}

tr {
/*  border-bottom:1px solid #000;*/
}

td, th {
	padding:0.3em 0.5em;
	color: black;
}

th .jforms-label, th label  {
    text-align: right;
    float: right;
}
fieldset {
    padding: 0.5em 1em;
    border: none;
}



/* Pagelinks
----------------------------------------------- */
#pagelinks {
    width: 100%;
    margin: 0 auto;
    height: 25px;
    text-align: center;
}
#pagelinks table {
    border: none;
/*    border-collapse: none;*/
    margin: 0;
    width: auto;
}
#pagelinks tr {
    margin: 0 2px;
}
#pagelinks td {
    
}
#pagelinks a {
    text-decoration: none;
}


/* Galerie
----------------------------------------------- */
#gallery div.photo {
    margin-bottom: 30px;
    height: 250px;
    padding: 0 13px;
}
#gallery div.photo span.img {
    height: 160px;
    color: transparent;
    display: block;
    vertical-align: middle;
}


/* Autres
----------------------------------------------- */
#loginForm fieldset, #loginForm tr {
    border: none;
}


.gros {
    font-size: 1.5em;
}


#list {
    margin-top: 15px;
}

#list .list-case {
    width: 13px;
}

#list .list-icon {
    width: 13px;
    
}

ul {
    margin: 0 0 20px 50px;
}

#chooixdest span.jforms-radio {
    display:block;
    margin: 7px 0 3px 30px;
}

#chooixdest span.jforms-radio input {
    margin-right: 10px;
}

.deroulant-a {
    background: transparent url('/css/img/plus.png') top left no-repeat;
    padding-left: 20px;
}
.canopen {
    display: none;
}

#choice-share #submit {
    margin-top: 50px;
}

#loginForm {
    size: 1.1em;
    font-weight: bold;
    color: #000;
    width: 400px;
    margin-top: 50px;
}

#loginForm input[type=text],
#loginForm input[type=password] {
    width: 200px;
}

.mini {
    font-size: 0.7em;
    color: red;
    font-weight: bold;
}

.jforms-chkbox, .jforms-radio {
    display: block;
/*    float: left;*/
    text-align: left;
}
.jforms-chkbox label, .jforms-radio label {
    margin-left: 10px;
}

#choixdest .jforms-chkbox {
    margin-left: 50px;
}
table.listfiles {
/*    margin-left: 40px;*/
}

table.listfiles tr {
    border: none;
}

#allcontacts .current {
    font-weight: bold;
}

#allcontacts h3 {
    font-weight: normal;
}
#allcontacts .jforms-chkbox {
    margin-left: 11px;
}

#resume ul {
    margin-top: 10px;
}

#resume ul li {
    margin-left: -20px;
}

#content a.file-action {
    border: none;
}
#content a.file-action img {
    border:none;
}


#list {
/*    border: 1px black solid;*/
    padding: 5px;
}

#list ul.file-info {
    position: absolute;
    margin: -5px 0 0 0px;
    *margin:27px 0 0 -75px;
    background-color:#D5F1CF;
    background-position:bottom; background-repeat:repeat-x;
    line-height:30px;
    border-left:2px solid #8FB60C;
    border-right:2px solid #8FB60C;
    border-bottom:2px solid #8FB60C;
    *white-space: nowrap;
    *width:100%;
    /*padding: 0 5px 5px 5px;*/
}

#list ul.file-info {
    list-style-type: none;
    list-style-position:outside;
}
#list ul.file-info li {
    padding:0 5px;
}

#gallery {
    margin-top: 30px;
}

#gallery a {
    border: none;
}

/* Change dest ?
----------------------------------------------- */



#changedest #partage-gros {
    margin-top: -85px;
    position: absolute;
    left: 10px;
}
#changedest #legend {
/*    position: absolute;*/
/*    margin-top: -50px;*/
    margin-left: 150px;
}

#changedest #block-choice {
    margin-top: 40px;
}

#file-modal .changedest {
    height: 95%;
    overflow: auto;
    margin-top: 60px;
}

#page {
/*    min-height: 100%;*/
	padding-bottom: 40px;
}

#common-msg div,
#common-msg ul {
    margin: 15px 5px 10px 10px;
    padding: 10px 5px;
    background-color: #A2D64F;
}
#common-msg ul {
    padding-left: 25px;
}

#choixdest, 
#resume {
    background-color: #FFF;
}


#choice-share #title {
    margin-top: 25px;
}


/* list user 
----------------------------------------------- */
#allcontacts {
    background-color: #A2D64F;
    position:absolute;
    z-index:50;
    width: 186px;
    margin-top: 11px;
/*    color: #000;*/
    font-size: 0.9em;
    padding: 5px;
}



/* Upload
----------------------------------------------- */
#choixdest {
    padding: 10px;
}

#choices-empty {
    padding: 10px;
}

#form-upload {
    border: 1px solid black;
    padding: 30px 5px;
}

#browse-button .bigbutton {
    background-image: url('/themes/default/images/parcourir-inact.png');
    height: 37px;
    width: 209px;
    padding: 0;
    text-align: center;
}

#file-list {
    background-color: #E8F5D3;
    padding: 0 15px;
}

#file-list .bigbutton{
    background-image: url('/themes/default/images/envoyer-inact.png');
    height: 24px;
    width: 110px;
    padding: 0;
}

#file-list tr {
    border-bottom:1px solid #AAAAAA;
}

#file-list th {
    padding:0.3em 1.0em;
}


/* Footer
----------------------------------------------- */
#footer {
    text-align: center;
    margin: 10px auto;
    font-size: 0.9em;
    height: 2%;
/*    position: fixed;*/
/*    bottom: 0;*/
/*  clear: both;*/

	
}

/* Sprites */ 

table td.yui-dt0-col-licon span {
   background: transparent url(/css/img/filetype-sprites.png) no-repeat top left;
   height: 16px;
   width: 16px;
   display: block;
}
table .yui-dt0-col-licon span.icon-video2 { background-position: 0 -25px; } 
table .yui-dt0-col-licon span.icon-dirup { background-position: 0 -66px; } 
table .yui-dt0-col-licon span.icon-real { background-position: 0 -107px; } 
table .yui-dt0-col-licon span.icon-eps { background-position: 0 -148px; } 
table .yui-dt0-col-licon span.icon-sig { background-position: 0 -189px; } 
table .yui-dt0-col-licon span.icon-gif2 { background-position: 0 -230px; } 
table .yui-dt0-col-licon span.icon-archive { background-position: 0 -271px; } 
table .yui-dt0-col-licon span.icon-psd { background-position: 0 -312px; } 
table .yui-dt0-col-licon span.icon-exe { background-position: 0 -353px; } 
table .yui-dt0-col-licon span.icon-trans { background-position: 0 -394px; } 
table .yui-dt0-col-licon span.icon-fh10 { background-position: 0 -429px; } 
table .yui-dt0-col-licon span.icon-ttf { background-position: 0 -470px; } 
table .yui-dt0-col-licon span.icon-xls { background-position: 0 -511px; } 
table .yui-dt0-col-licon span.icon-binary { background-position: 0 -552px; } 
table .yui-dt0-col-licon span.icon-folder { background-position: 0 -593px; } 
table .yui-dt0-col-licon span.icon-video { background-position: 0 -634px; } 
table .yui-dt0-col-licon span.icon-swf { background-position: 0 -675px; } 
table .yui-dt0-col-licon span.icon-folder_open { background-position: 0 -716px; } 
table .yui-dt0-col-licon span.icon-setup { background-position: 0 -757px; } 
table .yui-dt0-col-licon span.icon-pdf { background-position: 0 -798px; } 
table .yui-dt0-col-licon span.icon-html { background-position: 0 -839px; } 
table .yui-dt0-col-licon span.icon-unknown { background-position: 0 -880px; } 
table .yui-dt0-col-licon span.icon-text { background-position: 0 -921px; } 
table .yui-dt0-col-licon span.icon-doc { background-position: 0 -962px; } 
table .yui-dt0-col-licon span.icon-jpg2 { background-position: 0 -1003px; } 
table .yui-dt0-col-licon span.icon-fla { background-position: 0 -1044px; } 
table .yui-dt0-col-licon span.icon-bg { background-position: 0 -1085px; } 
table .yui-dt0-col-licon span.icon-html { background-position: 0 -1118px; }