body, td, th, input, textarea, select{
	outline: none;
	font-size: 14px;
	font-family: Arial, sans-serif;
}
body, h1, h2, h3, h4, h5, p, img, a{
	border: 0;
	margin: 0;
	padding: 0;
	outline: none;
}
a, .link, .but{
	cursor: pointer;
	text-decoration: none;
}
.but{
	text-transform: uppercase;
}
select, input[type="text"], input[type="password"], textarea{
	width: 450px;
	background-color: white;
	border: 1px solid #2D2D2D;
	padding-left: 5px;
	padding-right: 5px;
	resize: none;
}
input[type="file"]{
	width: 450px;
	background-color: white;
	border: 1px solid #2D2D2D;
}
textarea{
	height: 75px;
}
textarea.param{
	height: 350px;
}
input.param, textarea.param{
	width: 550px;
}
input.int{
	width: 80px;
}
select.search, input.search{
	width: 150px;
}
#page, #popupbg{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
#popupbg{
	z-index: 100;
	display: none;
}
#popupbg.overall{
	z-index: 10000;
}
#logo{
	top: 15px;
	left: 15px;
	z-index: 25;
	width: 80px;
	height: 80px;
	position: fixed;
}
#header{
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 110px;
	position: fixed;
	background: white;
}
#htop{
	height: 26px;
	margin: 15px 15px 0 124px;
}
#htop p.left{
	float: left;
	height: 25px;
	font-size: 20px;
	line-height: 25px;
	margin-left: -14px;
	position: relative;
	text-transform: uppercase;
	background: transparent url(../images/sep-left.png) no-repeat left top;
}
#htop p.left:hover,
#htop p.left.over{
	z-index: 20;
}

#htop p.left.notes:hover,
#htop p.left.notes.over{
	background-color: #ff9000;
}
#htop p.left.bo-multi:hover,
#htop p.left.bo-multi.over,
#htop p.left.syntheses:hover,
#htop p.left.syntheses.over,
#htop p.left.backoffice:hover,
#htop p.left.backoffice.over{
	background-color: #ad030c;
}
#htop p.left.ecommerce:hover,
#htop p.left.ecommerce.over{
	background-color: #7e0e96;
}
#htop p.left.emailing:hover,
#htop p.left.emailing.over{
	background-color: #00709e;
}
#htop p.left.ftp:hover,
#htop p.left.ftp.over{
	background-color: #74a400;
}
#htop p.left.settings:hover,
#htop p.left.settings.over{
	background-color: #2d2d2d;
}
#htop p.left.planning:hover,
#htop p.left.planning.over{
	background-color: #7e0e96;
}
#htop p.left.compta:hover,
#htop p.left.compta.over{
	background-color: #cf9d00;
}

#htop p.left a{
	display: inline-block;
	padding: 0 25px 0 25px;
	background: transparent url(../images/sep-right.png) no-repeat right top;
}

#htop p.left.notes a{
	color: #ff9000;
}
#htop p.left.bo-multi a,
#htop p.left.syntheses a,
#htop p.left.backoffice a{
	color: #ad030c;
}
#htop p.left.ecommerce a{
	color: #7e0e96;
}
#htop p.left.emailing a{
	color: #00709e;
}
#htop p.left.ftp a{
	color: #74a400;
}
#htop p.left.settings a{
	color: #2d2d2d;
}
#htop p.left.planning a{
	color: #7e0e96;
}
#htop p.left.compta a{
	color: #cf9d00;
}

#htop p.left:hover a,
#htop p.left.over a{
	color: white;
}

#htop div.right{
	float: right;
}
#htop div.right p{
	color: #2D2D2D;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 5px;
	padding-right: 19px;
	text-transform: uppercase;
	background: transparent url(../images/arrow-bottom-right.png) no-repeat center right;
}
#htop p.account-info{
	float: right;
	color: #2D2D2D;
	font-size: 12px;
	line-height: 12px;
	margin-right: 30px;
	padding-top: 2px;
	text-transform: uppercase;
}
#hvertsep{
	height: 7px;
	margin: 10px 15px 0 110px;
	background: transparent url(../images/header-vertical-sep.png) repeat-x top left;
}
#hbot{
	height: 27px;
	margin: 10px 15px 0 110px;
	background: transparent url(../images/header-bottom-bg.png) repeat-x bottom left;
}
#hbot p{
	float: left;
	line-height: 16px;
	position: relative;
}
#hbot p.right{
	float: right;
}
#hbot p.sep{
	margin: 0 16px 0 16px;
}
#hbot p.sep.first{
	margin-left: 0;
}
#page #header #hbot a{
	color: #2D2D2D;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
}
#page #header #hbot p.right a{
	font-size: 12px;
	margin-left: 16px;
	padding-right: 19px;
	background: transparent url(../images/arrow-bottom-right.png) no-repeat center right;
}
#content{
	top: 110px;
	left: 30px;
	position: absolute;
	padding-bottom: 50px;
}
#content .sel{
	color: red;
	font-weight: bold;
}
table.main th{
	text-align: left;
	padding-bottom: 1px;
	white-space: nowrap;
}
table.main td.sep{
	width: 30px;
	white-space: nowrap;
}
table.main td.actions{
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
}
table.main td.nav{
	height: 30px;
	line-height: 30px;
	text-align: right;
	padding-left: 30px;
	white-space: nowrap;
}
table.list th{
	color: white;
	text-align: center;
	font-weight: normal;
	padding: 2px 5px 2px 5px;
	background-color: #ad030c;
}
table.list td{
	white-space: nowrap;
	padding: 2px 5px 2px 5px;
	background-color: #FFFFFF;
}
table.wrap td{
	white-space: normal;
}
table.list td.odd{
	background-color: #EEEEEE;
}
#page #content table.list a{
	color: #000000;
}
#alert{
	top: 0;
	left: 0;
	width: 100%;
	height: 20px;
	z-index: 10000;
	position: fixed;
	text-align: center;
}
#alert span{
	color: black;
	line-height: 20px;
	font-weight: bold;
	display: inline-block;
	padding: 0 20px 0 20px;
	background-color: yellow;
}
#popup{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
	position: absolute;
	border: 1px solid #2D2D2D;
	background-color: #EEEEEE;
	box-shadow: 10px 10px 5px #888888;
}
#popup div.pinner{
	float: left;
}
#popup table{
	margin: 5px;
}
#popup th{
	text-align: right;
	font-weight: normal;
	vertical-align: top;
	padding: 2px 0 2px 0;
}
#popup td{
	padding: 2px 0 2px 5px;
}
#popup td.titre{
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	white-space: nowrap;
	text-transform: uppercase;
}
#popup td.sep{
	padding: 0;
	height: 10px;
}
#popup td.button{
	padding-top: 10px;
}
#popup th.hidden,
#popup tr.hidden{
	display: none;
}

#page #header #htop div.right .link{
	color: #2D2D2D;
}

ul.autocomplete,
ul.options{
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	display: none;
	z-index: 10000;
	position: absolute;
	list-style-type: none;
	border: 1px solid black;
	background-color: #EEEEEE;
}
ul.autocomplete li,
ul.options li{
	height: 20px;
	cursor: default;
	line-height: 20px;
	white-space: nowrap;
	padding: 0 10px 0 10px;
}
ul.autocomplete li.over,
ul.options li.over{
	background-color: #cccccc;
}
.googlebut{
	margin: 0;
	display: none;
	text-align: center;
	padding: 0 0 10px 0;
}
.googlebut span{
	color: white;
	cursor: pointer;
	font-weight: bold;
	line-height: 14px;
	display: inline-block;
	border: 1px solid white;
	text-transform: uppercase;
	padding: 5px 30px 5px 30px;
}
#tags{
	width: 200px;
	white-space: normal;
	text-align: justify;
}
#tags span{
	cursor: pointer;
	text-transform: uppercase;
}
#progress {
	margin-bottom: 30px;
    border:1px solid #ccc;
    float:left;
    height:14px;

    border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    -webkit-border-radius:10px;

    background: -moz-linear-gradient(#66cc00, #4b9500);
    background: -ms-linear-gradient(#66cc00, #4b9500);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66cc00), color-stop(100%, #4b9500));
    background: -webkit-linear-gradient(#66cc00, #4b9500);
    background: -o-linear-gradient(#66cc00, #4b9500);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00', endColorstr='#4b9500');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00', endColorstr='#4b9500')";
    background: linear-gradient(#66cc00, #4b9500);
}
#pool{
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
}