@font-face {
	font-family: HelveticaNeueThin;
	src: url('helveticaneueltstd-th-webfont.eot');
	src: url('helveticaneueltstd-th-webfont.eot?#iefix') format('embedded-opentype'),
			 url('helveticaneueltstd-th-webfont.woff') format('woff'),
			 url('helveticaneueltstd-th-webfont.ttf') format('truetype'),
			 url('helveticaneueltstd-th-webfont.svg#HelveticaNeueThin') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueUltraThin';
	src: url('helveticaneueltstd-ultlt.eot');
	src: url('helveticaneueltstd-ultlt.eot?#iefix') format('embedded-opentype'),
			 url('helveticaneueltstd-ultlt.woff') format('woff'),
			 url('helveticaneueltstd-ultlt.ttf') format('truetype'),
			 url('helveticaneueltstd-ultlt.svg#helveticaneueltstd-ultlt') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	background:#fff url(../images/bg.png) center 9px no-repeat;
	font:11px Arial, Helvetica, sans-serif;
	color:#383838;
}
.notLogIn {
	background:#fff url(../images/bg-log-off.png) center top no-repeat;
}
.popup {
	background:none;
	padding:10px;
}

.page {
	position:relative;
	min-height: 550px;
	width:1000px;
	margin:0 auto;
}

a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.button, button {
	padding:2px 6px;
	margin: 1px;
	background-color: #636363;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	font: 12px Arial,Helvetica,sans-serif;
}
.button {
	display:inline-block;
}
.button:hover, button:hover {
	background-color: #484848;
	text-decoration:none;
}

/* Menu déroulant à largeur fixe */
.dropTool {
	position:relative;
	font-size:12px;
}
.dropLink {
	display:block;
	height:20px;
	width:136px;
	padding:3px 25px 0 11px;
	background:url(../Images/bg-drop-admin.png) left top no-repeat;
	color:#787878;
}
.dropLink:hover, .open .dropLink {
	background-position:left bottom;
	color:#fff;
	text-decoration:none;
}
.dropList {
	display:none;
	position:absolute;
	left:0;
	top:22px;
	width:150px;
	padding:13px 10px;
	margin:0;
	list-style:none;
	background:#fff;
	border:1px solid #a9a9a9;
	z-index:9999;
}
.dropList li {
	padding:5px 0;
}
.dropList li a {
	display:block;
	padding:0 0 0 10px;
	color:#000;
	font-size:11px;
	background:url(../Images/puce-drop-list.png) left -88px no-repeat;
}
.dropList li a:hover, .dropList li a.selected {
	color:66cc00;
	background-position:left 4px;
}

/* Boite grise */
.box {
	padding:15px;
	margin-bottom:10px;
	border:1px solid #c0c0c0;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}

/**
 * Clearfix helper
 * Used to contain floats: h5bp.com/q
 */

.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.lnkMoreInfo, .lt-ie8 h3 .lnkMoreInfo {float:right;}
.lnkMoreInfo a {color:#787878; font-size:12px;}

.lnkMoreInfo .button {position:relative; top:3px;}


.hidden {
	display:none !important;
}

/*Système de Grid */
.line,.lastUnit{overflow:hidden; *overflow:visible;*zoom:1;}
.unit{float:left;}
.unitRight{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{float:none;width:auto;_position:relative;_left:-3px;_margin-right:-3px;}

/* Page de login et logout */
.notLogIn .title {
	position:absolute;
	left:70px;
	top:190px;
	font:54px HelveticaNeueUltraThin, Arial, Helvetica, sans-serif;
	color:#49166d;
}

.lt-ie9 .notLogIn .title {
	font-family:HelveticaNeueThin, Arial, Helvetica, sans-serif;
}

.loginZone {
	position:absolute;
	right:0;
	top:110px;
	width:170px;
	padding:25px 65px 25px 25px;
	background:#000 transparent;
	background:rgba(0, 0, 0, 0.12);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000, endColorstr=#20000000);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000)";
}

.loginZone div {
	padding-bottom:5px;
}

.loginZone span {
	display:block;
	padding-bottom:2px;
	color:#505050;
	font-size:12px;
}

.loginZone input[type="text"], .loginZone input[type="password"], .loginZone select {
	background:#cececb;
	border:1px solid #c0c0be;
	color:#000;
}
.loginZone input[type="text"], .loginZone input[type="password"] {
	width:164px;
	padding:1px 3px;
}
.loginZone select {
	width:170px;
}

.loginZone .btnLogin {
	display:block;
	width:170px;
	height:43px;
	margin-bottom:5px;
	cursor:pointer;
	text-indent:-9999px;
}
.fr .loginZone .btnLogin {
	background:url(../Images/btnLoginFr.png) left top no-repeat;
}
.en .loginZone .btnLogin {
	background:url(../Images/btnLoginEn.png) left top no-repeat;
}
.loginZone .btnLogin:focus {
	outline:none;
}

.loginZone .modifyPassword {
	display:block;
	float:right;
	padding-left:7px;
	background:url(../Images/puce-verte.png) left 3px no-repeat;
	color:#000;
}

.loginZone .btnRetour, .logoutZone .btnRetour {
	display:block;
	width:136px;
	height:26px;
	background:url(../Images/btnRetour.png) left top no-repeat;
	color:#fff;
	padding:0 0 0 34px;
	font:14px HelveticaNeueThin, Arial, Helvetica, sans-serif;
	line-height:26px;
}

.appVersion {
	position: absolute;
	left: 70px;
	top: 570px;
}

.corpsLogo {
	position:absolute;
	left:0;
	top:85px;
}
.logoLogOut {
	position:absolute;
	left:0;
	top:85px;
}

.refuse {
	position:absolute;
	right:0;
	top:75px;
	width:210px;
	padding:0 25px;
	font-weight:bold;
	color:#c00;
}

.logoutZone {
	position:absolute;
	right:0;
	top:100px;
	width:300px;
	padding:25px;
	background:#000 transparent;
	background:rgba(0, 0, 0, 0.12);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000, endColorstr=#20000000);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000)";
}

.logoutZone .close {
	display:inline-block;
	padding-left:7px;
	margin-top:8px;
	background:url(../Images/puce-verte.png) left 3px no-repeat;
	color:#000;
}


/* Entête */
header {
	position:relative;
	height:196px;
	margin-bottom:30px;
}

.logo img {
	position:absolute;
	left:30px;
	top:16px;
}

#profile {
	position:absolute;
	right:0;
	top:0;
	width:210px;
	height:136px;
	padding:10px 28px 0;
	background:#000 transparent;
	background:rgba(0, 0, 0, 0.12);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000, endColorstr=#20000000);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000)";
}

#profile span {
	display:block;
	margin-bottom:5px;
	font-size:12px;
	color:#787878;
}
#profile .name {
	font-size:14px;
}
#profile .identification {
	font-size:12px;
	font-weight:bold;
}

#profile .zone-buttons {
	margin-top:10px;
}
#profile .button {
	display:inline-block;
	width:120px;
	padding:0 0 0 8px;
	margin:10px 0 0;
	background:url(../images/btnLogin.png) left top no-repeat;
	font:14px/26px HelveticaNeueThin, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
}

.zoneButtonHeader {
	position:absolute;
	left:0;
	top:157px;
	width:1000px;
	height:39px;
}

.zoneButtonHeader p {
	position:absolute;
	height:36px;
	padding:0 12px 0 0;
	margin:0;
	color:#66cc00;
	font:24px/36px HelveticaNeueThin, Arial, Helvetica, sans-serif;
}

.btnDemande {
	display:inline-block;
	float:right;
	width:120px;
	margin:5px;
	background:url(../images/btn.png) left top no-repeat;
	font:14px/26px HelveticaNeueThin, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
}

/* Haut du grid */
.zoneProjets {
	float:left;
	width:575px;
	height:20px;
}

.zoneProjets .projectSelector {
	padding-bottom:5px;
}
.zoneProjets .projectSelector span {
	float:left;
	display:block;
	padding-right:5px;
	font-size:12px;
	font-weight:bold;
}
.zoneProjets .projectSelector select {
	float:left;
	display:block;
	width:530px;
	font-size:12px;
}

.zoneProjets .statutSelector {
	padding-left:46px;
}

.statutSelector input {
	position:relative;
	top:2px;
}

.statutSelector label {
	padding:0 15px 0 5px;
	color:#666;
}

.zoneRecherche {
	float:right;
	width:350px;
	height:20px;
}

.zoneRecherche .searchInput {
	padding-bottom:5px;
}

.zoneRecherche .searchInput input[type="text"] {
	width:260px;
	color:#666;
}

.zoneCriteres {
	clear:both;
}

.zoneCriteres label {
	float:left;
	padding:2px 5px 0 0;
	font-weight:bold;
}

.zoneCriteres .requestStatut {
	float:left;
	width:396px;
}

.zoneCriteres .requestStatut select {
	width:275px;
	color:#666;
	font-size:12px;
}

.zoneCriteres .filter {
	float:left;
	position:relative;
	width:570px;
}

.zoneCriteres .filtersOpener a {
	display:inline-block;
	height:16px;
	width:454px;
	padding:3px;
	color:#666;
	background:url(../Images/filterSelect.png) left top no-repeat;
}
.zoneCriteres .filtersOpener a:hover {text-decoration:none;}

.zoneCriteres .filtersOpener a:hover, .zoneCriteres .filtersOpener.open a {
	background-position:left bottom;
}

.filtersListBox {
	position:absolute;
	left:99px;
	top:22px;
	display:none;
	width:438px;
	padding:10px;
	background:#fff;
	border:1px solid #adadad;
}

.filtersListBox .critere {
	float:left;
	width:210px;
	padding:0 5px 7px 0;
}

.filtersListBox .critere span {
	display:block;
}

.filtersListBox .zoneButton {
	text-align:right;
}


/* Detail d'une demande */
.enteteDemande  {font-weight:bold;}
.enteteDemande .titreDemande {font-size:12px;}
.enteteDemande .dropDownList {min-width:387px;}
.enteteDemande .PIVlabel {text-align: right;}

.detailDemande  {padding:15px 0;}
.enteteDemande .line, .detailDemande .line {padding:0 15px;}
.detailDemande .line .line, .popup .line .line {padding:0 0 3px;}

.labelColumn {font-weight:bold;}
.champ {width:210px;}
.champTitre {width:335px;}
.champURL {width:310px;}
.champPercent {width:30px;}
.champTime {width:20px;}
.detailDemande textarea  {width:983px; border:1px solid #d0d0d0; resize:vertical; padding:15px 0 0 15px;}

.goBtn {position:relative; top:-2px; display:inline-block; width:18px; height:18px; background:url(../Images/go.png) left top no-repeat; text-indent:-9999px;}
.goBtn:hover {background-position:left bottom;}

.detailDemande .evaluation {background:#c6c6c6; padding:3px 15px;}
.RadButtonCol input {cursor:pointer;}

.detailDemande .navigationDemandes {padding-top:15px;}
.navigationDemandes a {color:#666; margin-right:10px;}
.navigationDemandes a:hover {color:#66cc00;}

.MsgValidation {overflow:auto;padding:2px;border:1px solid #35435d;font-size:10px;}

/* popup */

/* Taille des champs de saisie */
.popup input[type="text"], .popup input[type="password"] {width:200px;}
.popup textarea {width:200px; height:75px;}
.popup select {width:206px;}
.popup input.code, .popup input.ordre, .popup input.tel, .popup input.fax {width:80px;}
.popup input.num {width:100px;}
.popup input.ext {width:45px;}
.popup .detailEmail input[type="text"] {width:400px;}

.popup .boxExt, .popup boxTel {float:left;}
.popup .boxTel {padding-left:5px;}

.popup .checkbox input {position:relative; top:2px;}
.popup .checkbox label {padding-left:5px;}

.sommaire {padding:5px 0; color:#c00;}
.popup .zoneButtons {text-align:right;}

.popup_backHidden {overflow: hidden;}
.popup_backVisible {overflow: auto;}

.popup .detailDemande {padding:0; font-size:12px;}
.popup .introDemande {display:none;}
.popup .numDemande {font-weight:bold;}
.popup .RadGrid_SkinTELUS {margin-bottom:10px;}
.popup .demandeBox {width:99%; height:250px; margin-bottom:10px;}

/* Page admin */
.selector {padding-bottom:10px;}
.selector .line {padding-top:10px;}
.selector .dateSelector .line {padding-top:0;}
.selector .line .floating div {float:left;}
.selector .dateSelector .line

.selector input[type="text"], .selector input[type="password"] {width:200px;}
.selector textarea {width:200px; height:75px;}
.selector select {width:206px;}

.choixImpression {padding:0 20px;}


/* Correcteurs pour RessourcesWeb */
.riTextBox {
	font-size:11px !important;
	border:1px solid #abadb3;
}
.lt-ie9	.riTextBox {border:1px solid #abadb3;}

td {font:11px Tahoma, Verdana, Arial;}

/* Pied de page */
.footer {padding:5px 0 50px;}
.footer .zoneBoutons {text-align:right;}
.footer .etiquettePrioritees {padding-right:10px;}
.footer .prioritee {float:left;}
.footer .titrePioritees {font-weight:bold;padding-right:10px;}
.etiquettePrioritees {padding-right:10px;}
/* Pied de page : Fin */

.footNotes {position:relative; width:1000px; margin:0 auto;background:#2c2c2c;}
.footNotes a {
	display:block;
	padding:5px;
	width:250px;
	font-size:12px;
	color:#66FF00;
}

.footNotes select {
	position:absolute;
	left:270px;
	top:5px;
}