body {
	font-family: Calibri, Arial;
	background-color:#f4f8d1;
	width: 1300px;
	margin:auto;
}

#menu {
	text-align:center;
}

#menu a {
	text-decoration:none;
	font-size: 20px;
	padding: 10px;
	color: #999999;
}

#menu a:hover {
	color: #283426;
	font-weight:bold;
}		

#logo {
	margin: 0 auto;
	display:block;
	width:300px;
	padding-bottom: 20px;
}

#ribbon{
	position:fixed;
	margin: 0 auto;
	top: -55px;
	right:150px;
	transition: transform 0.5s ease-in-out;
	-moz-transition: -moz-transform 0.5s ease-in-out;
	-o-transition: -o-transform 0.5s ease-in-out;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
}

#ribbon:hover{
	transform: translateY(20px);
	-moz-transform: translateY(20px);
	-o-transform: translateY(20px);
	-webkit-transform: translateY(20px);
}

#results {
	margin: 0 auto;
	display:block;
	
}

#tab{
	font-size: 13;
	border: medium solid #283426;
	border-collapse: collapse;
	width: 100%;
	margin-top: 10px;
}

#tab th {
	/*font-family: monospace;*/
	border: thin solid #283426;
	padding: 5px;
	background-color: #AEBC1F;
}
#tab td {
	/*font-family: sans-serif;*/
	border: thin solid #283426;
	padding: 5px;
	text-align: center;
}
#tab caption {
	/*font-family: sans-serif;*/
}

.tr_pair td{
	background-color: #FFFFFF;
}

.tr_impair td{
	background-color: #eaf0a6;
}

.errorMessage {
	color: red;
}

.title1 {
	color: #283426;
	font-size: 20;
	text-decoration: underline;
}

.link{
	color: black;
	text-decoration: none;
}

#logout {
	position:absolute;
	right:5px;
	top:10px;
}

#changePwd {
	position:absolute;
	right:5px;
	top:35px;
}

.arrow{
	cursor:pointer;
}

#form_add label,#formConnect label,#formChangePass label{
	float: left;
    text-align: left;
	width: 100px;
}

#gen_dir {
	position:relative;
	cursor: pointer;
	top:4px;
}

.eraser,.reload, .previous{
	position:relative;
	cursor: pointer;
	top:4px;
}

.pagination{
	cursor: pointer;
}

#currentPage{

}

.pagDisabled{
	color:#b2b2b2;
}

.headerTab{
	/*width:150px;*/
}

.actIco{
	width:20px;
	cursor:pointer;
}

#formConnect{
    position:relative;
	width:242px;
    margin:auto;
	top:10px;
}

#connectBut,#saveBut{
	display:block;
	margin: 0 auto;
}

.pages {
	text-align:center;
	font-size:20px;
	padding: 10px;
}

.pagination:hover {
	font-weight: bold;
}

#formChangePass label{
	float: left;
    text-align: left;
	width: 120px;
}

#formChangePass {
	position:relative;
	width:264px;
    margin:auto;
}

#form_add, #form_edit{
	position:relative;
    width : 500px;
    margin:auto;
}

#form_add label, #form_edit label{
	float: left;
    text-align: left;
	width: 200px;
}

.button {
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bacb21), color-stop(1, #afbc1f) );
	background:-moz-linear-gradient( center top, #bacb21 5%, #afbc1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bacb21', endColorstr='#afbc1f');
	background-color:#bacb21;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #283426;
	display:inline-block;
	color:#283426;
    cursor: pointer;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:1px 0px 0px #dce76b;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #afbc1f), color-stop(1, #bacb21) );
	background:-moz-linear-gradient( center top, #afbc1f 5%, #bacb21 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#afbc1f', endColorstr='#bacb21');
	background-color:#afbc1f;
}.button:active {
	position:relative;
	top:1px;
}

form h1 {
	text-align:center;
	font-size:15;
}

#footer p {
	padding-top: 50px;
	text-align: center;
}

#prefixInvalid{

	margin-left:120px;
}

#clickableFile {
	cursor:pointer;
}

#detailFile {
	position: absolute;
	top:150px;
	left:50%;
	width: 600px;
	padding-bottom:50px;
}

#formErrors {
	text-align:center;
}

#filesByInstance {
	position: relative;
	width:1300px;
}

.readonly{
    background-color: gainsboro;
    font-family: sans-serif;
    border:1px solid activecaption;
    color:grey;
}

#GroupeInstance fieldset{
    position:relative;
    display:inline-block;
    float: left
}

#GroupeInstance legend{
    font-weight: bold;
    font-size: 19px;
    border:1px solid #ABAEB4;
}

#GroupeInstance #zonequery, #editeurphp{
    position:relative;
    width:620px;
    height:230px;
    resize:none;
    text-align:left;
    color:#49132B;
    background-color: #FFF;
    font-family: arial, sans-serif;
}

.structure{
    position:relative;
    width:500px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.structure ul li{
    position:relative;
    display:inline-block;
    margin-left:5px;
}

.structure ul li a{
    text-decoration:none;
    color:black;
}

.cacheSmartyButton{
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
    color: #ffffff;
  background-color: #e5412d;
  border-color: #dd301b;
  margin-left: 30px;
}

.cacheSmartyButton a, .cacheSmartyButton a:visited{
    color: #fff;
    text-decoration: none;
    width: 300px;
}

.cacheSmartyButton:hover{
  color: #ffffff;
  background-color: #d02d1a;
  border-color: #a72515;
}

#imgDelSmty, #msgDelSmty{
    display: none;
}

#msgDelSmty{
    margin-left: 20px;
}