html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: "Segoe UI", Helvetica, "Lucida Sans Unicode", Arial, clean, sans-serif;
	font-size: 12px;
	font-style: normal;
}
body {
	min-width: 990px;
}

span.modifAjax {
	background: url(../imgs/transfert.gif) no-repeat 10px center;
	padding-left: 35px;
	height: 30px;
	color: #808080;
}
a.ficheClient {
	color: black;
	text-decoration: none;
	margin-left: 10px;
	padding-left: 22px;
	color: red;
	background: url(../imgs/eye.png) no-repeat 2px center;
	height: 24px;
	line-height: 24px;
}
a.changeInterloc {
	color: black;
	text-decoration: none;
	margin-left: 10px;
	padding-left: 22px;
	color: red;
	background: url(../imgs/refresh.png) no-repeat 2px center;
	height: 24px;
	line-height: 24px;
}

/* -- Rapport de bugs -- */
#rapportBug {
	float: right;
	margin: 10px;
	padding-right: 10px;
	padding-top: 70px;
}
#rapportBug span {
	background: #960b0b;
	color: white;
	border-radius: 6px;
	padding: 3px 10px;
	padding-left: 50px;
	font-weight: bold;
}
#rapportBug div.surprise {
	height: 32px;
	width: 32px;
	z-index: 10;
	background: url(../imgs/surpris.png);
	position: absolute;
	margin-top: -7px;
	margin-left: 10px;
}
#rapportBug span:hover {
	background-color: #a3a3a3;
	color: #960b0b;
	cursor: pointer;
}
/* -- Fin Rapport de bugs -- */

/* -- Annuaire -- */
#annuaireRapidos {
	float: right;
	margin: 10px;
	padding-right: 10px;
	padding-top: 70px;
}
#annuaireRapidos span {
	background: #960b0b;
	color: white;
	border-radius: 6px;
	padding: 3px 10px;
	padding-left: 50px;
	font-weight: bold;
}
#annuaireRapidos div.tel {
	height: 32px;
	width: 32px;
	z-index: 10;
	background: url(../imgs/annuaire.png);
	position: absolute;
	margin-top: -7px;
	margin-left: 10px;
}
#annuaireRapidos span:hover {
	background-color: #a3a3a3;
	color: #960b0b;
	cursor: pointer;
}
/* -- Fin Annuaire -- */

#naviguateurs {
	padding: 0;
	margin: 10;
	list-style: none;
}
#naviguateurs li {
	height: 64px;
	line-height: 64px;
	padding-left: 75px;
	margin-top: 10px;
	font-size: 19px;
}
#naviguateurs li a.down {
	padding-right: 20px;
	background: url(../imgs/down.png) right center no-repeat;
	text-decoration: none;
	color: black;
	font-weight: bold;
}
#naviguateurs li.chrome {
	background: url(../imgs/chrome.jpg) no-repeat 2px center;
}
#naviguateurs li.firefox {
	background: url(../imgs/firefox.jpg) no-repeat 2px center;
}

#sombre {
	background: black;
	left: 0px;
	top: 0px;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 99999;
}
#chargement {
	height: 80px;
	width: 250px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -125px;
	margin-top: -40px;
	background: url(../imgs/ajax-loader.gif) no-repeat 15px center black;
	border: solid 1px white;
	z-index: 999999;
	text-indent: 60px;
	line-height: 80px;
	color: white;
}
.page-onglet {
	width: 980px;
	margin: 0 auto;
}

h1.Section {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	height: 25px;
	line-height: 25px;
	background: url(../imgs/pixelGris.gif) repeat-x center center;
}
h1.Section span {
	background: white;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
}

/* Globaux */
.txt-align-center {
	text-align: center;
}
.txt-align-left {
	text-align: left;
}
.txt-align-right {
	text-align: right;
}

/* Bandeau */
#header {
	height: 75px;
	background: url(../imgs/background.jpg) repeat-x;
	min-width: 800px;
}
#bandeau {
	float: left;
	height: 54px;
}
#separateurBandeau {
	float: right;
	width: 16px;
	height: 75px;
	background: url(../imgs/header/separateur.jpg) no-repeat top center;
}
#profilBandeau {
	float: right;
	min-width: 200px;
	height: 72px;
	padding: 3px;
}

/* Barre d'onglet */
#menuOnglets {
	background: url(../imgs/fondTab.png) repeat-x;
	height: 84px;
	min-width: 800px;
}
#onglets {
	height: 42px;
	padding: 0;
	margin: 0;
}
#onglets ul {
	margin: 0;
	list-style: none;
	height: 42px;
}
#onglets ul li {
	float: left;
	height: 42px;
	padding: 0px 2px 0px 2px;
}
#onglets ul li a {
	text-decoration: none;
	color: white;
	font-weight: bold;
}
#onglets ul li a span.gaucheOnglet {
	float: left;
	height: 42px;
	background: url(../imgs/spritesOnglets.png) no-repeat bottom left;
	width: 10px;
}
#onglets ul li a span.droiteOnglet {
	float: left;
	height: 42px;
	background: url(../imgs/spritesOnglets.png) no-repeat bottom right;
	width: 10px;
}
#onglets ul li a span.contenuOnglet {
	line-height: 42px;
	float: left;
	background: url(../imgs/spritesInterieurOnglets.png) repeat-x bottom left;
}
#onglets ul li a.actif {
	color: black;
}
#onglets ul li a.actif span.gaucheOnglet {
	float: left;
	height: 42px;
	background: url(../imgs/spritesOnglets.png) no-repeat top left;
	width: 10px;
}
#onglets ul li a.actif span.droiteOnglet {
	float: left;
	height: 42px;
	background: url(../imgs/spritesOnglets.png) no-repeat top right;
	width: 10px;
}
#onglets ul li a.actif span.contenuOnglet {
	line-height: 42px;
	float: left;
	background: url(../imgs/spritesInterieurOnglets.png) repeat-x top left;
}

.ssMenu {
	line-height: 40px;
	vertical-align: middle;
	margin-left: 15px;
}
.ssMenu div a {
	margin-left: 15px;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	line-height: 16px;
	vertical-align: middle;
}
.ssMenu div a img {
	margin-left: 3px;
	margin-right: 3px;
	vertical-align: middle;
}

.ssmenuonglet {
	position: relative;
	float: left;
}
.ssmenuongletfermer {
	position: relative;
	float: right;
	margin-right: 15px;
}

/* Informations de profil */
#menuUtilisateur {
	width: 195px;
	height: 28px;
	background: black;
	margin: 10px 0px 10px 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.utilisateurGauche {
	float: left;
	height: 28px;
	width: 28px;
	line-height: 35px;
	text-align: center;
	cursor: default;
}
.utilisateurCentre {
	float: left;
	height: 28px;
	width: 139px;
	line-height: 28px;
	text-align: left;
	color: white;
	max-width: 139px;
	cursor: default;
}
.utilisateurCentre a {
	float: left;
	height: 28px;
	width: 139px;
	line-height: 28px;
	text-align: left;
	color: white;
	max-width: 139px;
	cursor: default;
	text-decoration: none
}
.utilisateurDroite {
	float: left;
	height: 28px;
	width: 28px;
	line-height: 33px;
	text-align: center;
	cursor: pointer;
}
#sousMenuUtilisateur {
	display: none;
	position: absolute;
	width: 195px;
	background: black;
	margin-top: -17px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 99999999999999999999;
}
#sousMenuUtilisateur ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sousMenuUtilisateur li {
	color: white;
	padding: 6px 2px 6px 6px;
	cursor: pointer;
}
#sousMenuUtilisateur li a {
	text-decoration: none;
	color: white;
	padding-left: 22px;
}
#sousMenuUtilisateur li:hover {
	background: #940b0b;
	color: white;
}
#sousMenuUtilisateur li:hover a {
	color: white;
}
#sousMenuUtilisateur li a#deconnexion {
	background: url(../imgs/deconnexion.png) no-repeat;
}
#sousMenuUtilisateur li a#usersConnectes {
	background: url(../imgs/eye.png) no-repeat;
}
#infosProfil {
	margin: 0;
	margin-top: 5px;
	float: right;
}
#infosProfil a {
	color: black;
	text-decoration: none;
}
.iconeInfosProfil {
	float: left;
	height: 16px;
	width: 16px;
	padding: 3px 6px 1px 6px;
}
.contenuInfosProfil {
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #7d4207;
}
.contenuInfosProfil span.num {
	margin-left: 2px;
	margin-right: 5px;
	height: 25px;
	line-height: 25px;
	padding: 0px 5px;
	background: #940b0b;
	color: white;
	border-radius: 5px;
	font-size: 12px;
}
.ligneInfosProfil div.urgence {
	margin: 4px 0px 0px 4px;
	float: right;
	width: 20px;
	height: 20px;
}
.ligneInfosProfil div.AVenir {
	background: url(../imgs/reveil.png) no-repeat
}
.ligneInfosProfil div.DuJour {
	background: url(../imgs/attention.png) no-repeat
}
.ligneInfosProfil div.EnRetard {
	background: url(../imgs/stopAlerte.png) no-repeat
}
#infosMaintenance {
	margin: 0;
	margin-top: 5px;
	float: right;
	margin-right: 3px;
}
#infosMaintenance a {
	color: black;
	text-decoration: none;
}

span.titreStatut {
	float: left;
	padding-right: 5px;
}
ul#etatUtilisateur {
	list-style: none;
	margin: 0;
	float: left;
}
ul#etatUtilisateur li {
	float: left;
}
ul#etatUtilisateur li a {
	display: block;
	padding-left: 16px;
	padding-right: 5px;
	height: 16px;
	line-height: 18px;
}
ul#etatUtilisateur li a#etatEnLigne {
	background: url(../imgs/etat-en-ligne.png) no-repeat;
}
ul#etatUtilisateur li a#etatOccupe {
	background: url(../imgs/etat-occupe.png) no-repeat;
}
ul#etatUtilisateur li a#etatAbsent {
	background: url(../imgs/etat-absent.png) no-repeat;
}

/* Contenu de la page */
#contenu {
	background: url(../imgs/fondContenu.png) repeat-x left top;
	min-height: 100%;
	position: relative;
}

/* Bas de page */
#footer {/*left:0; bottom:0; position:absolute;*/
	min-height: 30px;
	padding: 5px;
	padding-bottom: 0px;
	width: 100%;
	background: url(../imgs/footer.png) repeat-x top left;
	color: #7a878f; /*padding-top:7px; padding-left:3px;*/
	font-size: 12px;
}
#footer a {
	color: #54626b;
}
/*#blockFooter{ min-height:55px; margin-bottom:0; }*/
div.exception {
	float: right;
	padding: 0;
	padding-top: 10px;
}
#footer div.separateur {
	width: 10px;
	background: url(../imgs/sepBarreBas.png) no-repeat center 3px;
	height: 36px;
	float: right;
}
#footer div.exception span {
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	background: #f00;
	color: white;
	font-weight: bold;
	border-radius: 5px;
}
#footer div.gestBug {
	float: right;
	width: 42px;
	height: 36px;
	background: url(../imgs/bugGris.png) no-repeat center center;
	cursor: pointer;
}
#footer div.gestBug:hover {
	background-image: url(../imgs/bug.png);
}
#footer div.infos {
	float: right;
	width: 42px;
	height: 36px;
	background: url(../imgs/infoIcoGris.png) no-repeat center center;
	cursor: pointer;
}
#footer div.infos:hover {
	background-image: url(../imgs/infoIco.png);
}
#footer div.account {
	float: right;
	width: 42px;
	height: 36px;
	background: url(../imgs/myAccountGris.png) no-repeat center center;
	cursor: pointer;
}
#footer div.account:hover {
	background-image: url(../imgs/myAccount.png);
}
#footer div.annuaire {
	float: right;
	width: 42px;
	height: 36px;
	background: url(../imgs/annuaireGris.png) no-repeat center center;
	cursor: pointer;
}
#footer div.annuaire:hover {
	background-image: url(../imgs/annuaire.png);
}
#footer div.lstTickets {
	float: right;
	width: 42px;
	height: 36px;
	background: url(../imgs/listTicketsGris.png) no-repeat center center;
	cursor: pointer;
}
#footer div.lstTickets:hover {
	background-image: url(../imgs/listTickets.png);
}
#footer div.shortcut {
	margin-left: 20px;
	margin-top: 25px;
	font-size: 9px;
	padding: 0px 4px;
	text-align: center;
	background: #960B0B;
	color: white;
	width: 12px;
	border-radius: 3px;
}

#footer div.dataEvents {
	float: right;
	width: 42px;
	height: 36px;
	background: url(../imgs/calGris.png) no-repeat center center;
	cursor: pointer;
}
#footer div.dataEvents:hover {
	background-image: url(../imgs/cal.png);
}

/* Form A propos */
#aProposGauche {
	float: left;
	width: 120px;
	text-align: center;
}
#aProposDroite {
	float: left;
	width: 520px;
	text-align: justify;
	padding-left: 10px;
}
#aProposDroite h2 {
	margin-top: 8px;
}
#aProposDroite ul {
	list-style-image: url(../imgs/bullet_blue.png);
}

/* Todo */
div.zoneTodo {
	height: 100px;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #c3c3c3;
}
div.zoneLectureTodo {
	height: 330px;
	overflow-x: hidden;
	overflow-y: hidden;
	border: 1px solid #c3c3c3;
	margin-top: 10px;
	padding: 0;
}
div.zoneLectureTodo div.menuTodo {
	height: 65px;
	background: #f3f3f3;
	border-bottom: 1px solid #c3c3c3;
}
div.zoneLectureTodo div.menuTodo div {
	padding-left: 5px;
}
div.zoneLectureTodo div.menuTodo div.titreTodo {
	height: 30px;
	line-height: 30px;
	padding-left: 5px;
	font-weight: bold;
}
div.zoneLectureTodo div.menuTodo div.dateLimite {
	float: left;
	height: 30px;
	line-height: 30px;
	padding-bottom: 3px
}
div.zoneLectureTodo div.menuTodo div.dateLimite span.btnEnregistrer {
	vertical-align: middle
}
div.zoneLectureTodo div.menuTodo div.actionTodoEnCours {
	height: 30px;
	line-height: 30px;
	margin-top: 5px
}
div.zoneLectureTodo div.menuTodo div.actionTodoEnCours ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.zoneLectureTodo div.menuTodo div.actionTodoEnCours ul li {
	float: right;
	padding: 2px 10px;
	height: 21px;
	margin-right: 5px;
	line-height: 21px;
}
div.zoneLectureTodo div.menuTodo div.actionTodoEnCours ul li.suppr {
	background: url(../imgs/cross.png) no-repeat 5px center;
	padding-left: 25px;
}
div.zoneLectureTodo div.menuTodo div.actionTodoEnCours ul li.suppr:hover {
	background: url(../imgs/cross.png) no-repeat 5px center #383838;
	border-radius: 3px;
	cursor: pointer;
	color: white;
}
div.zoneLectureTodo div.menuTodo div.actionTodoEnCours ul li.fait {
	background: url(../imgs/tick.png) no-repeat 5px center;
	padding-left: 25px;
}
div.zoneLectureTodo div.menuTodo div.actionTodoEnCours ul li.fait:hover {
	background: url(../imgs/tick.png) no-repeat 5px center #383838;
	border-radius: 3px;
	cursor: pointer;
	color: white;
}
div.zoneLectureTodo div.menuTodo div.actionTodoEnCours ul li.pasfait {
	background: url(../imgs/reveil.png) no-repeat 5px center;
	padding-left: 25px;
}
div.zoneLectureTodo div.menuTodo div.actionTodoEnCours ul li.pasfait:hover {
	background: url(../imgs/reveil.png) no-repeat 5px center #383838;
	border-radius: 3px;
	cursor: pointer;
	color: white;
}

div.zoneLectureTodo div.contentTodo {
	height: 270px;
	background: white;
	overflow-x: hidden;
	overflow-y: auto;
}
div.actionsTodo {
	height: 30px;
	margin-top: 10px;
	background: #f3f3f3;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #c3c3c3;
	border-radius: 5px;
}
div.actionsTodo ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	padding-left: 3px;
}
div.actionsTodo ul li {
	float: left;
	padding: 2px 10px;
	height: 21px;
	line-height: 21px;
}
div.actionsTodo ul li.add {
	background: url(../imgs/add.png) no-repeat 5px center;
	padding-left: 25px;
}
div.actionsTodo ul li.add:hover {
	background: url(../imgs/add.png) no-repeat 5px center #383838;
	border-radius: 3px;
	cursor: pointer;
	color: white;
}
div.actionsTodo ul li.net {
	background: url(../imgs/box.png) no-repeat 5px center;
	padding-left: 25px;
}
div.actionsTodo ul li.net:hover {
	background: url(../imgs/box.png) no-repeat 5px center #383838;
	border-radius: 3px;
	cursor: pointer;
	color: white;
}

li.todoEnCours a {
	text-indent: 15px;
	background: url(../imgs/reveil.png) no-repeat 5px center;
}
li.todoFaits a {
	text-indent: 15px;
	background: url(../imgs/tick.png) no-repeat 5px center;
}
div.zoneTodo ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
div.zoneTodo ul li {
	padding: 3px;
	cursor: default;
}
div.zoneTodo ul li:nth-child(even) {
	background: #f3f3f3;
}
div.zoneTodo ul li.selected {
	background: #8bDEF3;
}
div.section.todo {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	background: url(../imgs/pixelGris.gif) repeat-x center center;
}
div.section.todo span {
	background: white;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
}
div.chargerTodo {
	height: 25px;
	line-height: 25px;
	background: url(../imgs/transfert.gif) no-repeat 5px center;
	padding-left: 30px;
}

/* Messagerie */
#tbl-boite-reception, #tbl-boite-envoi {
	width: 100%;
	border-collapse: collapse;
	white-space: nowrap;
}
#tbl-boite-reception thead, #tbl-boite-envoi thead {
	height: 23px;
	line-height: 23px;
	background: url(images/bg_fallback.png) repeat-x;
}
#tbl-boite-reception tfoot, #tbl-boite-envoi tfoot {
	height: 23px;
	line-height: 23px;
	background: url(images/bg_fallback.png) repeat-x;
}
#tbl-boite-reception td.tbl-icon, #tbl-boite-envoi td.tbl-icon {
	width: 25px;
}
#tbl-boite-reception td.tbl-date, #tbl-boite-envoi td.tbl-date {
	width: 110px;
	text-align: center;
}
#tbl-boite-reception td.tbl-expdest, #tbl-boite-envoi td.tbl-expdest {
	width: 220px;
	text-align: center;
}
#tbl-boite-reception td.tbl-actions, #tbl-boite-envoi td.tbl-actions {
	width: 80px;
	text-align: center;
}
#tbl-boite-reception tbody td, #tbl-boite-envoi tbody td {
	height: 21px;
}
#tbl-boite-reception tbody td.date, #tbl-boite-reception tbody td.expdest, #tbl-boite-envoi tbody td.date, #tbl-boite-envoi tbody td.expdest {
	text-align: center;
	white-space: nowrap;
	line-height: 21px;
}
#tbl-boite-reception tbody td.icons, #tbl-boite-envoi tbody td.icons {
	text-align: center;
}
#tbl-boite-reception tbody td.icons img, #tbl-boite-envoi tbody td.icons img {
	padding-top: 4px;
	cursor: pointer;
}
#tbl-boite-reception tbody tr.msg, #tbl-boite-envoi tbody tr.msg {
	padding: 0;
	height: 21px;
	background: url(../imgs/selLigneMessagerie.png) repeat-x top left;
}
#tbl-boite-reception tbody tr.msg:hover, #tbl-boite-envoi tbody tr.msg:hover {
	background-position: 0px -27px;
	cursor: pointer;
}
#tbl-boite-reception tbody tr.actif, #tbl-boite-envoi tbody tr.actif {
	padding: 0;
	height: 21px;
	background-position: bottom left;
}
#boite-reception, #boite-envoi {
	height: 355px;
}
/*#bandeauMessage{ height: 100px; background: url(../imgs/hautMessage.png) bottom left; margin-left:-17px; margin-top:-10px; margin-right:-14px; }*/
#iconeMail {
	float: left;
	height: 100px;
	width: 100px;
	background: url(../imgs/imgMessage.png) no-repeat center center;
}
#zoneDestinataires {
	float: right;
	height: 85px;
	width: 645px;
	padding: 6px;
	color: white;
}
#listDestinataires {
	height: 70px;
	overflow-y: auto;
}
#listDestinataires ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
#listDestinataires li {
	float: left;
	margin: 3px;
	padding: 4px 0px 4px 0px;
	border: solid 1px #2f3c44;
	background: url(../imgs/fondDestinataire.png);
}
#listDestinataires li span {
	padding: 0px 10px 0px 28px;
	background: url(../imgs/arrow_right.png) no-repeat 10px -1px;
	cursor: default;
}
#listDestinataires li input {
	display: none;
}
#btnsMessage {
	float: right;
	width: 35px;
	height: 80px;
	text-align: center;
	padding-top: 10px;
}
#gaucheHautMessage {
	float: left;
	width: 545px;
	height: 90px;
}
#listContacts {
	padding: -10px;
	height: 280px;
	max-height: 280px;
	overflow-y: auto;
	overflow-x: hidden;
	border: solid 1px gray;
}
#listContacts ul {
	margin: 0;
	padding: 0;
}
#listContacts ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	cursor: pointer;
	height: 22px;
	line-height: 22px;
	padding-left: 4px;
	background: url(../imgs/selLigne.png) repeat-x top left;
	border-bottom: solid 1px #c3c3c3;
}
#listContacts ul li:hover {
	background-position: -22px left;
}
#listContacts ul li.actif {
	background-position: bottom left;
}
#listContacts ul li input[type=checkbox] {
	display: none;
}
.chargerMsg {
	background: url(../imgs/loadMessage.gif) no-repeat 3px center;
	min-width: 50px;
	text-indent: 23px;
}
#conteneurLectureMessage {
	padding-top: 10px;
	border-top: solid 1px gray;
	margin-top: 10px;
}
#cartoucheLectureMail .gauche {
	float: left;
}
#cartoucheLectureMail .droite {
	float: right;
}
#tbl-boite-reception tbody tr.msg input[type=checkbox], #tbl-boite-envoi tbody tr.msg input[type=checkbox] {
	display: none;
}
#contenuLectureMessage {
	height: 190px;
	width: 670px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid #c3c3c3;
}
#infosLectureMessage {
	font-size: 12px;
}
.pager-messagerie tr td span {
	height: 16px;
	width: 16px;
	background: white;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 5px;
}
.pager-messagerie tr td span.active {
	font-weight: bold;
}
.classDialMessagerie div.ui-dialog-content {
	background: url(../imgs/fondContenu.png) repeat-x;
}
.classDialMessagerie ul.havenInput-havenInput {
	background: white;
	border: 1px solid #c3c3c3;
	width: 657px;
	height: 54px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-left: 2px;
}
.classDialMessagerie input.ui-autocomplete-input {
	background: white;
}

.classDialOutlook div.ui-dialog-content {
	padding: 0;
}
.classDialOutlook div.ui-dialog-content select {
	padding: 1px;
}
.classDialOutlook div.ui-dialog-content input {
	padding: 1px;
	height: 21px;
}
.classDialOutlook div.ui-dialog-buttonpane {
	margin: 0;
}
.classDialOutlook div#arboOutlook table.outlook td.zone {
	padding: 0;
	margin: 0;
	vertical-align: top;
}
.classDialOutlook div#arboOutlook table.outlook td#recep {
	height: 34px;
	max-height: 32px;
	background: url(../imgs/fondTab.png) repeat-x top left;
}
.classDialOutlook div#arboOutlook table.outlook td#recep div {
	background: url(../imgs/msg-recep.png) no-repeat 3px center;
	height: 32px;
	padding-left: 38px;
	line-height: 32px;
}
.classDialOutlook div#arboOutlook table.outlook td#envoi {
	height: 34px;
	max-height: 32px;
	background: url(../imgs/fondTab.png) repeat-x top left;
}
.classDialOutlook div#arboOutlook table.outlook td#envoi div {
	background: url(../imgs/msg-envoi.png) no-repeat 3px center;
	padding-left: 38px;
	height: 32px;
	line-height: 32px;
}
.classDialOutlook div#arboOutlook table.outlook td#envoi.act, .classDialOutlook div#arboOutlook table.outlook td#recep.act {
	background-position: bottom left;
	font-weight: bold;
	color: white;
}
.classDialOutlook td.headerMsg {
	height: 55px;
	background: url(../imgs/fondContenu.png) repeat-x;
	vertical-align: top;
}
.classDialOutlook td.contentMsg div.mess {
	height: 243px;
	padding: 5px;
	background: white;
	vertical-align: top;
	overflow-x: hidden;
	overflow-y: auto;
	color: black;
	border-top: solid 1px #d8d8d8;
}

.classDialClient div.ui-dialog-content {
	padding: 0;
}
.classDialClient div.ui-dialog-content select {
	padding: 1px;
}
.classDialClient div.ui-dialog-content input {
	padding: 1px;
	height: 21px;
}
.classDialClient div.ui-dialog-buttonpane {
	margin: 0;
}
.classDialClient div#arboClients table.cli td.zone {
	padding: 0;
	margin: 0;
	vertical-align: top;
	width: 680px;
}
.classDialClient div#arboClients table.cli td.zone div.dataClients {
	overflow-x: hidden;
	overflow-y: auto;
	height: 433px;
}
.classDialClient div#arboClients table.cli td#infosG {
	height: 34px;
	max-height: 32px;
	background: url(../imgs/fondTab.png) repeat-x top left;
}
.classDialClient div#arboClients table.cli td#infosG div {
	background: url(../imgs/myAccount.png) no-repeat 3px center;
	height: 32px;
	padding-left: 38px;
	line-height: 32px;
}

.classDialClient div#arboClients table.cli td#ident {
	height: 34px;
	max-height: 32px;
	background: url(../imgs/fondTab.png) repeat-x top left;
}
.classDialClient div#arboClients table.cli td#ident div {
	background: url(../imgs/messg.png) no-repeat 3px center;
	height: 32px;
	padding-left: 38px;
	line-height: 32px;
}

.classDialClient div#arboClients table.cli td#blocN {
	height: 34px;
	max-height: 32px;
	background: url(../imgs/fondTab.png) repeat-x top left;
}
.classDialClient div#arboClients table.cli td#blocN div {
	background: url(../imgs/infoIco.png) no-repeat 3px center;
	height: 32px;
	padding-left: 38px;
	line-height: 32px;
}

.classDialClient div#arboClients table.cli td#utils {
	height: 34px;
	max-height: 32px;
	background: url(../imgs/fondTab.png) repeat-x top left;
}
.classDialClient div#arboClients table.cli td#utils div {
	background: url(../imgs/users.png) no-repeat 3px center;
	height: 32px;
	padding-left: 38px;
	line-height: 32px;
}

.classDialClient div#arboClients table.cli td#local {
	height: 34px;
	max-height: 32px;
	background: url(../imgs/fondTab.png) repeat-x top left;
}
.classDialClient div#arboClients table.cli td#local div {
	background: url(../imgs/ggmaps.png) no-repeat 3px center;
	height: 32px;
	padding-left: 38px;
	line-height: 32px;
}

.classDialClient div#arboClients table.cli td#antennes {
	height: 34px;
	max-height: 32px;
	background: url(../imgs/fondTab.png) repeat-x top left;
}
.classDialClient div#arboClients table.cli td#antennes div {
	background: url(../imgs/bati.png) no-repeat 3px center;
	height: 32px;
	padding-left: 38px;
	line-height: 32px;
}

.classDialClient div#arboClients table.cli td#logisfil {
	height: 34px;
	max-height: 32px;
	background: url(../imgs/fondTab.png) repeat-x top left;
}
.classDialClient div#arboClients table.cli td#logisfil div {
	background: url(../imgs/annuaire.png) no-repeat 3px center;
	height: 32px;
	padding-left: 38px;
	line-height: 32px;
}
.classDialClient div#arboClients table.cli td#module {
	height: 34px;
	max-height: 32px;
	background: url(../imgs/fondTab.png) repeat-x top left;
}
.classDialClient div#arboClients table.cli td#module div {
	background: url(../imgs/module.png) no-repeat 3px center;
	height: 32px;
	padding-left: 38px;
	line-height: 32px;
}

.classDialClient div#arboClients table.cli td#cacheclient {
	height: 34px;
	max-height: 32px;
	background: url(../imgs/fondTab.png) repeat-x top left;
}
.classDialClient div#arboClients table.cli td#cacheclient div {
	background: url(../imgs/cacherClient.png) no-repeat 3px center;
	height: 32px;
	padding-left: 38px;
	line-height: 32px;
}

.classDialClient div#arboClients table.cli td#retablirclient {
	height: 34px;
	max-height: 32px;
	background: url(../imgs/fondTab.png) repeat-x top left;
}
.classDialClient div#arboClients table.cli td#retablirclient div {
	background: url(../imgs/retablirClient.png) no-repeat 3px center;
	height: 32px;
	padding-left: 38px;
	line-height: 32px;
}

.classDialClient div#arboClients table.cli td#supprimerticketsclient {
	height: 34px;
	max-height: 32px;
	background: url(../imgs/fondTab.png) repeat-x top left;
}
.classDialClient div#arboClients table.cli td#supprimerticketsclient div {
	background: url(../imgs/supprimerTickets.png) no-repeat 3px center;
	height: 32px;
	padding-left: 38px;
	line-height: 32px;
}

.classDialClient div#arboClients table.cli td.hide {
	display: none;
}

.classDialClient div#arboClients table.cli td#infosG.act, .classDialClient div#arboClients table.cli td#ident.act, .classDialClient div#arboClients table.cli td#blocN.act, .classDialClient div#arboClients table.cli td#utils.act, .classDialClient div#arboClients table.cli td#local.act, .classDialClient div#arboClients table.cli td#antennes.act, .classDialClient div#arboClients table.cli td#module.act, .classDialClient div#arboClients table.cli td#logisfil.act, .classDialClient div#arboClients table.cli td#cacheclient.act, .classDialClient div#arboClients table.cli td#retablirclient.act
.classDialClient div#arboClients table.cli td#supprimerticketsclient.act {
	background-position: bottom left;
	font-weight: bold;
	color: white;
}

/* Annuaire */
.classDialAnnuaire div.ui-dialog-content {
	padding: 0;
}
.classDialAnnuaire div.ui-dialog-buttonpane {
	margin: 0;
}

.imageModuleStructure {
	margin-left: 30px;
}
.imageModuleTicket {
	margin-left: 15px;
}

.spanActiviteStructure {
	margin-left: 30px;
}
.infosAnnuaire {
	background: url(../imgs/directions-alt.png) no-repeat center 60px white;
	height: 360px;
	line-height: 450px;
	color: #a9a9a9;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
}
/* Fin Annuaire */

/* Bloc-note */
div#contenuBlocNotes {
	width: 680px;
	height: 225px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0px;
	padding-top: 12px;
	padding-right: 5px;
	background: url(../imgs/fondContenu.png) repeat-x white;
	line-height: 13px;
}
div#contenuBlocNotes textarea {
	width: 100%;
	height: 170px;
}

/* Connexion */
#formconnexion label {
	display: block;
	width: 110px;
	float: left;
	text-align: right;
	height: 26px;
	line-height: 26px;
	padding-right: 10px;
}
div.dialConnexion div.ui-dialog-content {
	padding-left: 85px;
	background: url(../imgs/CoinGauchePerso.jpg) no-repeat -5px -5px;
}
div#msgConnexion {
	position: absolute;
	left: 200px;
	top: 75px;
	height: 70px;
	width: 200px;
	background: white url(../imgs/ajaxConnect.gif) no-repeat 50px center;
	color: #909090;
	line-height: 70px;
	padding-left: 100px;
	display: none;
}

/* Validation commentaire */
div.dialValidation div.ui-dialog-content {
	padding-left: 95px;
	padding-top: 15px;
	background: url(../imgs/CoinGaucheValider.jpg) no-repeat -5px -5px;
}
div.dialCommInterne div.ui-dialog-content {
	padding-left: 95px;
	padding-top: 15px;
	background: url(../imgs/CoinGaucheCommInterne.jpg) no-repeat -5px -5px;
}
div.dialTransfert div.ui-dialog-content {
	padding-left: 95px;
	padding-top: 15px;
	background: url(../imgs/CoinGaucheTransfert.jpg) no-repeat -5px -5px;
}
div.dialCommClient div.ui-dialog-content {
	padding-left: 95px;
	padding-top: 15px;
	background: url(../imgs/CoinGaucheClient.jpg) no-repeat -5px -5px;
}

/* Utilisateur */
#infoGenerales label {
	display: block;
	width: 120px;
	float: left;
}
#infoNewGenerales label {
	display: block;
	width: 120px;
	float: left;
}
#infoConnexion label {
	display: block;
	width: 180px;
	float: left;
}
.buttonUserPanel img {
	width: 48px;
	height: 48px;
	margin-left: auto;
	margin-right: auto;
}

#infoCompteGenerales label {
	display: block;
	width: 200px;
	float: left;
}
#infoCompteConnexion label {
	display: block;
	width: 200px;
	float: left;
}

/* Liste des utilisateurs */
.lstUsers {
	width: 980px;
	margin: 0 auto;
}

/* Mon compte */
#ongletMonCompte {
	width: 945px;
	margin-left: auto;
	margin-right: auto;
}

/* Treeview */
.treeviewNoeuds {
	width: 300px;
	min-width: 300px;
	max-width: 300px;
	height: 400px;
	min-height: 400px;
	max-height: 400px;
	border: 1px solid #c3c3c3;
	background: white;
	overflow-x: hidden;
	overflow-y: auto;
}
.treeviewNoeuds input.cache {
	display: none;
}
.pathNoeud {
	width: 292px;
	height: 60px;
}

.flexigrid div.fbutton .refresh {
	background: url(../imgs/refresh.png) no-repeat center left;
}
.flexigrid div.fbutton .add {
	background: url(../imgs/add.png) no-repeat center left;
}

/* Sections */
.treeviewSections {
	width: 250px;
	min-width: 250px;
	max-width: 250px;
	height: 400px;
	min-height: 400px;
	max-height: 400px;
	border: 1px solid #c3c3c3;
	background: white;
	overflow-x: hidden;
	overflow-y: auto;
}
.treeviewSections input.cache {
	display: none;
}
div.contenuSectionSite {
	height: 200px;
	border: 1px solid #c3c3c3;
}

/* Dashbord */
div.elementDashBoard {
	border: 1px solid #709bab;
	border-radius: 5px;
	background: #e8f3f9; /*width: 950px;*/
	max-width: 950px;
	margin: 0 auto;
	margin-top: 20px;
}
div.elementDashBoard div.title {
	height: 31px;
	line-height: 31px;
	background: url(../imgs/entetedash.jpg) repeat-x;
	font-weight: bold;
	font-size: 16px;
	color: white;
	padding-left: 10px;
}
div.elementDashBoard div.contenu {
}

.dashboard-wrapper {
	list-style: none;
	padding: 0;
	margin: 15px;
}
.dashboard-wrapper li {
	float: left;
	position: relative;
	background: url(../imgs/fondBoutton1.png) no-repeat;
	width: 103px;
	height: 102px;
	cursor: pointer;
	margin-right: 12px;
	margin-bottom: 12px;
}
.dashboard-wrapper li img {
	margin-left: 28px;
	margin-right: 27px;
	margin-top: 10px;
}
.dashboard-wrapper li:hover {
	background: url(../imgs/fondBoutton2.png) no-repeat;
}
.dashboard-wrapper li div {
	width: 103px;
	text-align: center;
	color: #2f718b;
	font-size: 11px;
	line-height: 100%;
	padding-top: 5px;
}
.dashboard-wrapper li.cache {
	opacity: 0.3;
	-moz-opacity: 0.3;
	-ms-filter: "alpha(opacity=30)"; /* IE 8 */
	filter: alpha(opacity=30); /* IE < 8 */
	cursor: default;
}
.dashboard-wrapper li:hover.cache {
}

/* Gestion des options */
.gestion-options {
	background: url(../imgs/fdInput.jpg) repeat-x white;
	border: 1px solid #c3c3c3;
	padding: 4px;
}
.gestion-options ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 18px;
}
.gestion-options a {
	color: black;
	text-decoration: none;
}
.gestion-options li {
	text-indent: 25px;
	background: url(../imgs/application.png) no-repeat transparent;
}
.gestion-options li.root {
	text-indent: 25px;
	background: url(../imgs/folder.png) no-repeat transparent;
}
.gestion-options li a {
	float: left;
}
.gestion-options li div.actions {
	float: right;
	height: 20px;
	line-height: 20px;
	width: 75px;
	border-left: solid 1px #c3c3c3;
}
.gestion-options li div.visible {
	float: right;
	height: 20px;
	line-height: 20px;
	width: 55px;
	border-left: solid 1px #c3c3c3;
}
.gestion-options li div.monterDescendre {
	float: right;
	height: 20px;
	line-height: 20px;
	width: 75px;
	border-left: solid 1px #c3c3c3;
}
.zone-treeview-ajout {
	width: 300px;
	min-width: 300px;
	max-width: 300px;
	height: 420px;
	min-height: 420px;
	max-height: 400px;
	border: 1px solid #c3c3c3;
	background: white;
	overflow-x: hidden;
	overflow-y: auto;
	margin-right: 10px;
}

/* Tickets */
input.path.cache, input.codeNoeud.cache {
	display: none;
}
.treeviewTicket {
	height: 550px;
	width: 300px;
	max-width: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}
.treeviewMailDiffusion {
	height: 550px;
	width: 600px;
	max-width: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}
.ticket-gauche {
	float: left;
	min-width: 305px;
	width: 305px;
	max-width: 305px;
}
.ticket-droite {
	float: right;
	width: 650px;
	padding: 3px;
}
.liste-client-diffusion {
	float: left;
	min-width: 505px;
	width: 505px;
	max-width: 505px;
}
.contenu-mail {
	float: right;
	width: 650px;
	padding: 3px;
}
.nouveau-ticket, .lecture-ticket {
	width: 980px;
	margin: 0 auto;
}
.mail-diffusion, .lecture-ticket {
	width: 1180px;
	margin: 0 auto;
}
.documentation-contenu {
	width: 1180px;
	margin: 0 auto;
}
div.infosClient div.structure {
	float: left;
	padding: 5px 0px 8px 60px;
	background: url(../imgs/maison.png) no-repeat 10px 10px #f0f0f0;
	width: 455px;
}
div.infosClient div.actionsStructure {
	float: right;
	width: 40px;
}
div.infosClient div.actionsStructure ul {
	list-style: none;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0;
}
div.infosClient div.actionsStructure ul li {
	background-color: #707070;
	color: white;
	float: left;
	margin: 0px;
	padding: 5px;
	padding-bottom: 1px;
}
div.infosClient div.actionsStructure ul li img {
	margin: 0px;
	padding: 0px;
}
div.infosClient div.contact {
	float: right;
	padding: 5px 0px 5px 60px;
	width: 395px;
	background: url(../imgs/contact.png) no-repeat 10px 10px #f0f0f0;
}
div.infosClient div.infos {
	float: right;
	margin-top: 5px;
	padding: 5px 0px 12px 65px;
	width: 390px;
	background: url(../imgs/infoTicket.png) no-repeat 10px center #f0f0f0;
}
div.infosClient span.tel {
	height: 22px;
	background: url(../imgs/telephone.png) no-repeat 2px center;
	line-height: 22px;
	padding-left: 22px;
}
div.infosClient span.fax {
	height: 22px;
	background: url(../imgs/printer.png) no-repeat 2px center;
	line-height: 22px;
	padding-left: 22px;
}
div.infosClient span.mail {
	height: 22px;
	background: url(../imgs/email.png) no-repeat 2px center;
	line-height: 22px;
	padding-left: 22px;
}
div.cheminInfologis {
	background: #f3f3f3;
	border: 1px solid #c3c3c3;
	border-radius: 5px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*div.fichiers{ background:#f3f3f3; border:1px solid #c3c3c3; padding:10px; margin-top:10px; border-radius:5px; }*/
div.fichiers div.list {
	background: white;
	padding: 5px;
	margin-top: 0px;
	max-width: 910px;
}
div.fichiers ul {
	background: white;
	margin: 0;
	list-style: none;
}
div.fichiers ul li.file {
	background: url(../imgs/files/page_white.png) no-repeat 4px center;
	float: left;
	padding: 5px 15px;
	padding-left: 25px;
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	margin-right: 10px;
	background-color: #f3f3f3;
}
div.fichiers ul li.file:hover {
	background-color: #cee3fb;
	border-color: #4593ea;
	cursor: pointer;
}
div.fichiers ul li a {
	text-decoration: none;
	color: black;
}

div.fichiers div.actionsFichiers {
	float: right;
	width: 40px;
	background: white;
}
div.fichiers div.actionsFichiers ul {
	list-style: none;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0;
}
div.fichiers div.actionsFichiers ul li {
	background-color: #707070;
	color: white;
	float: right;
	margin: 0px;
	margin-right: 8px;
	padding: 5px;
	padding-bottom: 1px;
}
div.fichiers div.actionsFichiers ul li img {
	margin: 0px;
	padding: 0px;
}
div.fichiers div.actionsFichiers form {
	display: none
}

.treeviewStyle {
	height: 550px;
	width: 300px;
	max-width: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

.titreSectionTicket {
	background: url(../imgs/pixelGris.gif) repeat-x center center;
	margin-top: 10px;
	margin-bottom: 5px;
}
.titreSectionTicket span {
	padding-left: 10px;
	padding-right: 10px;
	background: white;
	margin: 15px;
	color: #909090;
}
.titreSectionTicket div.swap {
	float: right;
	margin-right: 15px;
	background-color: white;
	width: 25px;
	height: 18px;
	cursor: pointer;
}
.titreSectionTicket div.swap.bas {
	background-image: url(../imgs/fbas.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.titreSectionTicket div.swap.haut {
	background-image: url(../imgs/fhaut.png);
	background-repeat: no-repeat;
	background-position: center center;
}
/*div.objetTicket { float:left; padding:5px 0px 8px 60px; background: url(../imgs/maison.png) no-repeat 10px 10px #f0f0f0; width:455px; }*/
div.objetTicket div.actionsTitre ul {
	list-style: none;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0;
}
div.objetTicket div.actionsTitre ul li {
	background-color: #707070;
	color: white;
	float: right;
	margin: 0px;
	margin-right: 8px;
	padding: 5px;
	padding-bottom: 1px;
}
div.objetTicket div.actionsTitre ul li img {
	margin: 0px;
	padding: 0px;
}

/* -- les mimes-types -- */
div.fichiers ul li.file.application-pdf {
	background-image: url(../imgs/files/page_white_acrobat.png);
}
div.fichiers ul li.file.application-xml, div.fichiers ul li.file.text-xml {
	background-image: url(../imgs/files/page_white_code.png);
}
div.fichiers ul li.file.application-zip {
	background-image: url(../imgs/files/page_white_compressed.png);
}
div.fichiers ul li.file.application-octet-stream {
	background-image: url(../imgs/files/page_white_edit.png);
}
div.fichiers ul li.file.image-gif, div.fichiers ul li.file.image-jpeg, div.fichiers ul li.file.image-png {
	background-image: url(../imgs/files/page_white_picture.png);
}
div.fichiers ul li.file.text-csv {
	background-image: url(../imgs/files/page_white_excel.png);
}
div.fichiers ul li.file.application-msword, div.fichiers ul li.file.application-vnd-openxmlformats-officedocument-wordprocessingml-document {
	background-image: url(../imgs/files/page_word.png);
}
div.fichiers ul li.file.application-vnd-ms-excel, div.fichiers ul li.file.application-vnd-openxmlformats-officedocument-spreadsheetml-sheet {
	background-image: url(../imgs/files/page_excel.png);
}

div.messageInitial div {
	background: white;
	padding: 5px;
	margin-top: 5px;
	border-radius: 3px;
}

div.messageInitial div.modifMessageInitial {
	margin: 0;
	padding: 4px;
	background: #e2fee3 url(../imgs/edit_gris.png) 5px center no-repeat;
	color: #196e1d;
	width: 120px;
	font-weight: bold;
	padding-left: 25px;
}
div.messageInitial div.modifMessageInitial a {
	color: inherit;
	text-decoration: none;
}
div.messageInitial div.modifMessageInitial:hover {
	color: #e2fee3;
	background-color: #196e1d;
	cursor: pointer;
}

div#btnsModifMessage {
	padding: 0;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
div#btnsModifMessage div.boutonModif {
	float: right;
	width: 60px;
	padding: 3px;
	border-radius: 3px;
	margin-right: 5px;
	padding-left: 25px;
	text-weight: bold;
}
div#btnsModifMessage div.boutonModif.rouge {
	background-color: #f9c3c3;
	color: red;
	background-image: url(../imgs/cross_gris.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
div#btnsModifMessage div.boutonModif.rouge a {
	color: inherit;
	text-decoration: none;
}
div#btnsModifMessage div.boutonModif.rouge:hover {
	background-color: red;
	color: #f9c3c3;
}
div#btnsModifMessage div.boutonModif.vert {
	background-color: #e2fee3;
	color: #196e1d;
	background-image: url(../imgs/tick_gris.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
div#btnsModifMessage div.boutonModif.vert a {
	color: inherit;
	text-decoration: none;
}
div#btnsModifMessage div.boutonModif.vert:hover {
	background-color: #196e1d;
	color: #e2fee3;
}

div.historiqueTraitement {
	margin-top: 10px;
	margin-bottom: 10px;
}
div.historiqueTraitement div.commentaires {
	background: white;
	padding: 10px;
	margin-top: 5px;
}
div.historiqueTraitement div.commentaires ul {
	list-style: none;
	margin: 0;
}
div.historiqueTraitement div.commentaires li {
	margin-bottom: 10px;
	padding: 5px;
	color: white;
	min-height: 120px;
	/*-moz-border-radius:3px;
	 border-radius:3px;
	 -webkit-box-shadow:0 0 3px #000000;
	 -moz-box-shadow:0 0 3px #000000;
	 box-shadow:0 0 3px #000000;*/
}

div.historiqueTraitement div.commentaires li.interne-interne {
	background: #ef561a url(../imgs/commentaireInterne.png) no-repeat right bottom;
}
div.historiqueTraitement div.commentaires li.interne-externe {
	background: #058dc7 url(../imgs/commentaireExterneEnvoi.png) no-repeat right bottom
}
div.historiqueTraitement div.commentaires li.externe-interne {
	background: #77ab13 url(../imgs/commentaireExterneRecu.png) no-repeat right bottom;
}
div.historiqueTraitement div.commentaires li.validation {
	background: #ae432e url(../imgs/validationTicket.png) no-repeat right bottom;
}
div.historiqueTraitement div.commentaires li div.message {
	padding: 0px;
	min-height: 80px;
	margin-right: 50px;
	margin-left: 10px;
	padding-left: 10px;
	border-left: solid 3px white;
}
div.historiqueTraitement div.commentaires li div.message p {
	padding: 0px;
	margin: 0px;
}
div.historiqueTraitement div.commentaires li.interne-interne div.message {
	background: #d13800;
}
div.historiqueTraitement div.commentaires li.interne-externe div.message {
	background: #006fa9;
}
div.historiqueTraitement div.commentaires li.externe-interne div.message {
	background: #598d00;
}
div.historiqueTraitement div.commentaires li.validation div.message {
	background: #902510;
}
div.infosCommentaire {
	background-color: inherit;
	display: block;
}
div.infosCommentaire div {
	margin-left: 10px;
	margin-right: 10px;
}
div.infosCommentaire div.expediteur {
	float: left;
	background-color: inherit;
	background-image: none;
}
div.infosCommentaire div.destinataire {
	float: left;
	background-color: inherit;
	background-image: none;
}
div.historiqueTraitement li div.horodatage {
	margin-left: 10px;
	height: 18px;
	font-size: 10px;
	line-height: 18px;
	padding-left: 20px;
	background: url(../imgs/timestamp.png) no-repeat left center;
}
div.historiqueTraitement div.legendTraitement {
	padding-top: 5px;
}
div.historiqueTraitement div.legendTraitement div.actionsHistorique {
	float: right;
	width: 250px;
}
div.historiqueTraitement div.legendTraitement div.actionsHistorique ul {
	list-style: none;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0;
}
div.historiqueTraitement div.legendTraitement div.actionsHistorique ul li {
	background-color: #707070;
	color: white;
	float: right;
	margin: 0px;
	margin-right: 8px;
	padding: 5px;
	padding-bottom: 1px;
}
div.historiqueTraitement div.legendTraitement div.actionsHistorique ul li img {
	margin: 0px;
	padding: 0px;
}
div.historiqueTraitement span.legendTraitement {
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	color: black;
	padding-left: 5px;
	padding-right: 15px;
}

/* Liste des tickets */
.lstTickets {
	width: 980px;
	margin: 0 auto;
}
div.filtresTickets {
	height: 80px;
	padding-bottom: 5px;
}

div.panneauTVRechTick {
	position: absolute;
	height: 100%;
	border-top-right-radius: 10px;
	z-index: 100;
}
div.panneauTVRechTick div {
	background: white;
	padding-left: 5px;
	float: left;
}
div.panneauTVRechTick div.TVRechTick {
	box-shadow: 4px 4px 2px #888;
	width: 1px;
}
div.panneauTVRechTick div.protect {
	display: none;
}
div.panneauTVRechTick div.ongletTVRechTick {
	box-shadow: 4px 4px 2px #888;
	position: static;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 20px;
	height: 26px;
	z-index: 101;
}
div.panneauTVRechTick div.ongletTVRechTick.ouvert {
	background: white url(../imgs/flecheGauche.png) no-repeat;
	background-position: 5px 5px;
}
div.panneauTVRechTick div.ongletTVRechTick.ferme {
	background: white url(../imgs/flecheDroite.png) no-repeat;
	background-position: 5px 5px;
}

/* Style des tableaux */
.tbl-style thead, .tbl-style tfoot {
	height: 23px;
	line-height: 23px;
	background: url(images/bg_fallback.png) repeat-x;
}
.tbl-style tfoot {
	text-align: right;
}
.tbl-style {
	width: 100%;
	border-collapse: collapse;
	white-space: nowrap;
}
.tbl-style-actions {
	width: 70px;
}
.tbl-style tbody tr {
	padding: 0;
	height: 23px;
	background: url(../imgs/selLigneMessagerie.png) repeat-x top left;
}
.tbl-style tbody tr:hover {
	background-position: 0px -27px;
	cursor: pointer;
}
.tbl-style tfoot span {
	height: 16px;
	width: 16px;
	background: white;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 5px;
}
.tbl-style tfoot span.active {
	font-weight: bold;
}

/* FAQ */
div.apercuFaq {
	border: 1px #c3c3c3 solid;
	padding: 0;
}
div.apercuFaq div.infosFaq {
	background: #f3f3f3;
	height: 32px;
	border-bottom: 1px solid #c3c3c3;
	font-size: 12px;
	padding: 4px;
}
div.apercuFaq div.contenuApercuFaq {
	background: #fff;
	height: 274px;
	overflow-y: auto;
	overflow-x: hidden;
}
div.apercuFaq div.contenuApercuFaq.FaqVide {
	background: url(../imgs/videFaq.png) no-repeat center 35px;
	text-align: center;
}
div.apercuFaq div.contenuApercuFaq.FaqVide div {
	padding-top: 170px;
	font-size: 20px;
	font-weight: bold;
	color: #d3d3d3;
}
div.apercuFaq div.infosFaq div#chargeContentFaq {
	position: relative;
	height: 26px;
	background: url(../imgs/chargeFaq.gif) no-repeat 5px center;
	line-height: 26px;
	color: #808080;
	padding-left: 30px;
	margin: 2px;
}

/* Gestion des clients */
.gestion-clients {
	width: 980px;
	margin: 0 auto;
}
div.gestion-clients div.legendEtat {
	padding-top: 5px;
}
div.gestion-clients span.legendEtat {
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	color: black;
	padding-left: 5px;
	padding-right: 15px;
}
div#gMaps {
	height: 400px;
	width: 730px;
	z-index: 999999999999;
	padding: 0;
	margin: 0;
}

/* Stats */
.statscontenu {
	width: 980px;
	margin: 0 auto;
}
span#tempMoyenResolution {
	height: 19px;
	line-height: 19px;
	font-size: 16px;
	min-width: 30px;
}
span.chargeStats {
	background: url(../imgs/chargeStat.gif) 2px center no-repeat white;
}
.tableauStats {
	width: 300px;
}

/* Base de connaissance */
div.rechercheBase {
	height: 31px;
	padding-top: 4px;
}
div.rechercheBase div.flt-gch {
	float: left;
	height: 31px;
}
input#token-input-txt-recherche {
	background: none;
}
div.gestion-base div.gauche {
	float: left;
	min-width: 160px;
	min-height: 600px;
	width: 20%;
	margin-bottom: 35px;
	overflow-y: auto;
	aoverflow-x: hidden;
}
div.gestion-base div.gauche div.arborescence {
	height: 100%;
	float: left;
	min-height: 600px;
	width: 100%;
	overflow-y: auto;
	aoverflow-x: hidden;
}
div.gestion-base div.gauche div.arborescence div {
	margin: 2px;
	padding: 2px;
	min-height: 592px;
	overflow-x: hidden;
	overflow-y: auto;
}
div.gestion-base div.droite {
	float: left;
	min-width: 640px;
	min-height: 600px;
	width: 80%;
	margin-bottom: 35px;
}
div.gestion-base div.droite div.resultats {
	float: left;
	min-width: 640px;
	height: 600px;
	width: 100%;
}
div.gestion-base div.droite div.resultats div {
	margin: 2px;
	height: 596px;
	overflow-x: none;
	overflow-y: auto;
}
div.zoneBase {
	border: #c3c3c3 1px solid;
}
ul.resultats {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.resultats li {
	padding: 0;
	margin: 0;
}
ul.resultats li.loadingBaseConnaissance {
	height: 30px;
	line-height: 30px;
	padding-left: 35px;
	background: url(../imgs/rechercheCo.gif) no-repeat 5px center;
	font-size: 16px;
}
table#lstDocuments {
	width: 100%;
	border-collapse: collapse;
}
table#lstDocuments thead {
	height: 21px;
	line-height: 21px;
	background: url(images/bg_fallback.png) repeat-x;
}
table#lstDocuments thead tr {
	border-bottom: solid 1px #c3c3c3;
}
table#lstDocuments thead th.icon {
	width: 22px;
}
table#lstDocuments thead th.typeDocument {
	width: 180px;
}
table#lstDocuments thead th.dateDocument {
	width: 130px;
}
table#lstDocuments thead th.actions {
	width: 90px;
}
table#lstDocuments thead th {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #b3b3b3;
}
table#lstDocuments thead th:first-child {
	border-left: none;
}
table#lstDocuments thead th:last-child {
	border-right: none;
}
table#lstDocuments thead td {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #b3b3b3;
}
table#lstDocuments thead td:first-child {
	border-left: none;
}
table#lstDocuments thead td:last-child {
	border-right: none;
}
table#lstDocuments tbody tr:nth-child(even) {
	background: #f3f3f3;
}
table#lstDocuments tbody tr {
	height: 23px;
	line-height: 23px;
}
table#lstDocuments tbody td img {
	padding-top: 5px;
	padding-left: 3px;
	cursor: pointer;
}
.treeviewBase input.cache {
	display: none;
}
.treeviewBase {
	max-width: 252px;
	max-height: 598px;
}
li.havenInput-havenInput {
	width: 800px;
}
div.presentationBase {
	padding: 10px;
	margin: 10px;
	padding-left: 140px;
	background: url(../imgs/presbaseco.png) no-repeat 12px center #BEEBFF;
	height: 120px !important;
	border: 1px solid #99DEFD;
}
div.presentationBase h1 {
	margin-top: 2px;
}
div.baseNoResultat {
	padding: 10px;
	margin: 10px;
	padding-left: 40px;
	background: url(../imgs/cross.png) no-repeat 12px center #ffbebe;
	height: 20px !important;
	border: 1px solid #fd9999;
	line-height: 20px;
}
div.baseNoResultat p {
	margin: 0;
	padding: 0;
	font-size: 15px;
}
#documentPopupContainer {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 20000;
	background: #f3f3f3;
	border: 1px solid #c3c3c3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
	margin-top: 5px;
	margin-left: 5px;
}

span.chargeData {
	padding-left: 25px;
	background: url(../imgs/loadPopup.gif) no-repeat 2px center;
}

/* Customizing ContextMenu JsTree */
li.menu-suppr, li.menu-suppr:hover {
	background: url(../imgs/cross.png) no-repeat 2px center;
}
li.menu-add, li.menu-add:hover {
	background: url(../imgs/add.png) no-repeat 2px center;
}
li.menu-mod, li.menu-mod:hover {
	background: url(../imgs/edit.png) no-repeat 2px center;
}
div.gestionTreeview {
	width: 980px;
	margin: 0 auto;
}
div.gestionTreeview div.treeviewNoeuds {
	width: 260px;
	float: left;
}
div.gestionTreeview div.infosNoeuds {
	width: 655px;
	float: right;
	background: white;
	height: 200px;
	padding: 5px;
	border: 1px solid #c3c3c3;
	overflow-y: auto;
	overflow-x: hidden;
}
div.gestionTreeview div.legendNoeuds {
	width: 655px;
	margin-top: 10px;
	float: right;
	background: white;
	height: 168px;
	padding: 5px;
	border: 1px solid #c3c3c3;
	overflow-y: auto;
	overflow-x: hidden;
}
div.treeviewNoeuds li.visible a {
	padding-right: 18px;
	background: url(../imgs/tick.png) no-repeat right center;
}
div.treeviewNoeuds li.visible a.jstree-hovered {
	padding-right: 18px;
	background: url(../imgs/tick.png) no-repeat right center #BEEBFF;
}
div.treeviewNoeuds li.visible a.jstree-clicked {
	padding-right: 18px;
	background: url(../imgs/tick.png) no-repeat right center #BEEBFF;
}
div.treeviewNoeuds li.invisible a {
	padding-right: 18px;
	background: url(../imgs/cross.png) no-repeat right center;
}
div.treeviewNoeuds li.invisible a.jstree-hovered {
	padding-right: 18px;
	background: url(../imgs/cross.png) no-repeat right center #BEEBFF;
}
div.treeviewNoeuds li.invisible a.jstree-clicked {
	padding-right: 18px;
	background: url(../imgs/cross.png) no-repeat right center #BEEBFF;
}
ul#ULlegendNoeuds {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#ULlegendNoeuds li.racine {
	background: url(../imgs/box.png) no-repeat 3px center;
	padding-left: 25px;
}
ul#ULlegendNoeuds li.parent {
	background: url(../imgs/folder.png) no-repeat 3px center;
	padding-left: 25px;
}
ul#ULlegendNoeuds li.final {
	background: url(../imgs/application.png) no-repeat 3px center;
	padding-left: 25px;
}
ul#ULlegendNoeuds li.visible {
	background: url(../imgs/tick.png) no-repeat 3px center;
	padding-left: 25px;
}
ul#ULlegendNoeuds li.invisible {
	background: url(../imgs/cross.png) no-repeat 3px center;
	padding-left: 25px;
}
div.gestionTreeview div.legendNoeuds p {
	padding: 5px;
	font-weight: bold;
}

/* Arborescence */
div.chargeArbo {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1000;
	display: block;
	position: relative;
	background: black;
	color: white;
	line-height: 150px;
	text-align: center;
	background: black url(../imgs/ajax-loader.gif) no-repeat center 20px;
}

/* Visionneuse PDF */
.visionneusePDF div.ui-dialog-content {
	padding: 0;
	margin: 0;
}
.visionneusePDF div.ui-dialog-content object {
	height: 99%;
	width: 100%;
}

/* Ajout d'un document */
.mcNouveau {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #99DEFD;
	background: #BEEBFF;
	padding: 3px;
	margin: 2px;
}
.zMotCle {
	width: 220px;
	height: 115px;
	border: 1px solid #c3c3c3;
	max-height: 115px;
	overflow-x: hidden;
	overflow-y: auto;
}

/* Planning */
div#planning {
	margin: 0 auto;
	width: 980px;
	height: 500px;
	z-index: 10000;
}

/* Syntaxique */
ol.syntax {
	border: 1px solid #c3c3c3;
	background: #c3c3c3;
	font-family: Courier;
	margin: 0;
	padding: 0;
}
ol.syntax li {
	margin-left: 40px;
	padding-left: 30px;
	background: white;
}
div.syntax {
	padding: 5px;
}

/* Agenda */
ul#listSalaries {
	list-style: none;
	font-family: Arial;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	height: 370px;
	overflow-y: auto;
}
ul#listSalaries li {
	margin: 3px;
	padding: 5px;
	background: url(../imgs/enLigne.png) no-repeat 5px center;
	padding-left: 28px;
}
ul#listSalaries li:hover {
	border-radius: 5px;
	background-color: #303030;
	color: white;
}
ul#listSalaries li.selected {
	border-radius: 5px;
	background-color: #b3b3b3;
	color: black;
}
.titreAgenda {
	font-size: 1.5em;
	line-height: 1.2;
	font-weight: bold;
}
a.aCharge {
	background: url(../imgs/reveil.png) left center no-repeat;
	padding-left: 20px;
	height: 20px;
	line-height: 20px;
}

span.textLegend {
	height: 15px;
	line-height: 15px;
	padding-left: 10px;
}

ul#listLegende {
	list-style: none;
	font-family: Arial;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	height: 130px;
	overflow-y: auto;
}
ul#listLegende li {
	padding: 3px;
}

/* G�n�rateur de documents */
ul#listGenerateur {
	padding: 5px;
	margin: 0;
	list-style: none;
	border: #c3c3c3 1px solid;
	height: 460px;
	overflow-y: auto;
}
ul#listGenerateur li {
	float: left;
	padding: 10px;
	margin: 5px;
	background: url(../imgs/GeneDoc.png) no-repeat 0px center;
	padding-left: 50px;
	width: 245px;
	border: 1px solid #f3f3f3;
}
ul#listGenerateur li:hover {
	background-color: #edf8ff;
	border-color: #0b5283;
	cursor: pointer;
}
ul#listGenerateur li span {
	font-size: 14px;
	font-weight: bold;
}
ul#listGenerateur li em {
	font-size: 11px;
	color: #808080;
}

/* Import CSV */
div.cacheImport {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: black url(../imgs/ajax-loader.gif) no-repeat 320px center;
	z-index: 1000;
	font-size: 22px;
	font-weight: bold;
	color: white;
	line-height: 550px;
	text-align: center;
}
div.importCSV span.transfert {
	background: 2px center url(../imgs/transfert.gif) no-repeat;
	padding-left: 25px;
	height: 21px;
	line-height: 21px;
}
div.importCSV span.termine {
	background: 2px center url(../imgs/tick.png) no-repeat;
	padding-left: 25px;
	height: 21px;
	line-height: 21px;
	color: green;
}
div.importCSV {
	height: 32px;
	line-height: 32px;
}
div.contenuImport {
	margin-top: 10px;
	border: solid 1px #c3c3c3;
	height: 480px;
	overflow-y: auto;
	overflow-x: hidden;
}
div.contenuImport table {
	width: 100%;
}
div.contenuImport table thead {
	height: 23px;
	line-height: 23px;
	background: url(images/bg_fallback.png) repeat-x;
}
div.contenuImport table th.colVisible {
	width: 80px;
}
div.contenuImport tbody td.noeud {
	background: url(../imgs/arrow_right.png) 5px center no-repeat;
	text-indent: 25px;
}
div.contenuImport tbody td.visible {
	background: url(../imgs/tick.png) center center no-repeat;
}
div.contenuImport tbody td.invisible {
	background: url(../imgs/cross.png) center center no-repeat;
}
div.contenuImport tbody tr {
	padding: 0;
	height: 23px;
	line-height: 23px;
	background: url(../imgs/selLigneMessagerie.png) repeat-x top left;
}

/* Livraison */
#tabLivraison {
	margin-top: 10px;
	border: 1px solid black;
}
#tabLivraison thead td {
	text-align: center;
	background: black;
	color: white;
}
#tabLivraison tbody td {
	text-align: center;
	color: black;
}
#tabLivraison td.left {
	text-align: left;
}

/* Carrousel */
.miniature {
	height: 98px;
	width: 204px;
	background: url(../imgs/fond_vignette.png) no-repeat top left;
}
.miniature img {
	margin: 10px;
}
.miniature.gauche {
	float: left;
}
.miniature.droite {
	float: right;
}
.commMiniature {
	height: 125px;
	background: url(../imgs/fleche_com.png) no-repeat white;
	width: 710px;
}
.commMiniature p {
	padding: 0;
	margin: 10px;
}
.commMiniature.gauche {
	background-position: top left;
	float: right;
}
.commMiniature.gauche p {
	margin-left: 20px;
}
.commMiniature.gauche div {
	margin-left: 20px;
	margin-right: 10px;
}
.commMiniature.droite {
	background-position: bottom left;
	float: left;
}
.commMiniature.droite p {
	margin-right: 20px;
}
.commMiniature.droite div {
	margin-left: 10px;
	margin-right: 20px;
}

a.modifCarr {
	background: url(../imgs/prop.png) no-repeat 2px center;
	padding-left: 20px;
}
a.suppCarr {
	background: url(../imgs/cross.png) no-repeat 2px center;
	padding-left: 20px;
}
a.monterCarr {
	background: url(../imgs/fhaut.png) no-repeat 2px center;
	padding-left: 20px;
}
a.descCarr {
	background: url(../imgs/fbas.png) no-repeat 2px center;
	padding-left: 20px;
}

ul#lstMiniatures {
	list-style: none;
	margin: 0;
	padding: 0;
}
#chargeSauvegardeMentions {
	background: url(../imgs/ajaxConnect.gif) no-repeat left center;
	height: 34px;
	line-height: 34px;
	padding-left: 45px;
}

ul.listArticlesSite {
	padding: 0;
	margin: 10px;
	list-style: none;
}
ul.listArticlesSite li {
	border: 1px solid #f3f3f3;
	margin-bottom: 10px;
	-webkit-box-shadow: 1px 1px 3px #c3c3c3;
	-moz-box-shadow: 1px 1px 3px #c3c3c3;
	box-shadow: 1px 1px 3px #c3c3c3;
}

ul#lstCategSite {
	padding: 0;
	margin: 0;
	list-style: none;
	height: 460px;
	margin-right: 10px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid #c8c8c8;
}
ul#lstCategSite li {
	margin: 4px;
	padding: 5px;
	padding-left: 25px;
	background: url(../imgs/folder.png) no-repeat 7px center;
}
ul#lstCategSite li.active {
	margin: 4px;
	padding: 5px;
	padding-left: 25px;
	background: url(../imgs/folder_go.png) no-repeat 7px center #eef4ff;
	color: white;
}
ul#lstCategSite li a {
	margin: 4px;
	padding: 5px;
	text-decoration: none;
}
ul#lstCategSite li:hover {
	border: 1px solid #466086;
	margin: 4px;
	padding: 4px;
	padding-left: 25px;
	background-color: #5f83b9;
}
ul#lstCategSite li:hover a {
	color: white;
}

ul#lstCategSite li a.ico {
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

ul#lstParagSite {
	padding: 0;
	margin: 0;
	list-style: none;
	height: 460px;
	overflow-y: auto;
	border: 1px solid #c8c8c8;
}
ul#lstParagSite li {
	margin: 8px;
	margin-bottom: 12px;
	min-height: 100px;
	padding: 10px;
	padding-bottom: 10px;
	border-radius: 6px;
	background: white;
	border: 1px solid #c4c4c4;
	box-shadow: 0px 0px 4px #c4c4c4;
}
ul#lstParagSite li.vide {
	margin: 8px;
	margin-bottom: 12px;
}

/* -- Gestion de projets -- */
div.gestion-projets {
	padding-top: 5px;
	background: url(../imgs/fondContenu.png) repeat-x;
}
div.gestion-projets div.gauche {
	float: left;
	width: 250px;
	padding: 5px;
	padding-top: 0px;
	display: block;
}
div.gestion-projets div.droite {
	margin-left: 260px;
	margin-right: 5px;
	display: block;
	padding: 0px;
	border: #b0b0b0 1px solid;
	background: #f3f3f3;
	min-height: 100px;
}
div.gestion-projets div.gauche div.ssMenuG {
	border: #b0b0b0 1px solid;
	background: #f3f3f3;
	margin-bottom: 5px;
	padding: 3px;
}
div.gestion-projets div.gauche div.ssMenuG div.titre {
	background: blue;
}
div#barOutilProjet {
	background: url(../imgs/selLigneMessagerie.png) repeat-x;
	height: 27px;
}
div#barOutilProjet ul {
	padding: 0;
	margin: 0;
}
div#barOutilProjet ul li {
	padding: 0;
	margin: 0;
	float: left;
	height: 19px;
	line-height: 19px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 4px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 11px;
}
div#barOutilProjet ul li:hover {
	border-radius: 12px;
	background: #d3d3d3;
	color: #606060;
	border: 1px solid #b0b0b0;
	border-top-color: white;
	border-right-color: white;
	margin-top: 3px;
	margin-left: 4px;
}

/* -- Nouveau Dashboard -- */
div.onglet-dash {
	padding-top: 5px;
	background: url(../imgs/fondContenu.png) repeat-x;
}
div.onglet-dash div.gauche {
	float: left;
	width: 250px;
	padding: 5px;
	padding-top: 0px;
	display: block;
}
div.onglet-dash div.droite {
	margin-left: 260px;
	margin-right: 5px;
	display: block;
	padding: 0px;
	min-height: 100px;
}
div.onglet-dash div.gauche div.visu {
	margin: 3px;
	margin-bottom: 15px;
	padding: 5px;
	/*border-radius:5px;*/
	border: #CCC 1px solid;
	background: white;
	/*-webkit-box-shadow:0 0 5px #000000;
	 -moz-box-shadow:0 0 5px #000000;*/
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

div.onglet-dash div.gauche div.visu:hover {
	box-shadow: 0 2px 4px rgba(0,0,128,0.3);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,128,0.3);
	-moz-box-shadow: 0 2px 4px rgba(0,0,128,0.3);
}

div.onglet-dash div.gauche div.visu ul {
	margin: 3px;
	padding: 0px;
	list-style: none;
}
div.onglet-dash div.gauche div.visu ul li {
	padding-left: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-position: 4px center;
	background-repeat: no-repeat;
	height: 18px;
	line-height: 18px;
}
div.onglet-dash div.gauche div.visu ul li.icone:hover {
	cursor: pointer;
	background-color: #A8D8EB;
	font-weight: bold;
}
div.onglet-dash div.gauche div.visu ul li.separateur {
	padding-left: 10px;
	background: center center repeat-x url(../imgs/pixelGris.gif);
	height: 16px;
	line-height: 16px;
}
div.onglet-dash div.gauche div.visu ul li.separateur span {
	background: white;
	color: #a0a0a0;
	padding-left: 5px;
	padding-right: 5px;
}

div.onglet-dash div.gauche div.visu ul li.gestArbo {
	background-image: url(../imgs/ico_menu/arbre.png);
}
div.onglet-dash div.gauche div.visu ul li.gestUsers {
	background-image: url(../imgs/ico_menu/users.png);
}
div.onglet-dash div.gauche div.visu ul li.newTick {
	background-image: url(../imgs/ico_menu/nouveau.png);
}
div.onglet-dash div.gauche div.visu ul li.listTick {
	background-image: url(../imgs/ico_menu/liste.png);
}
div.onglet-dash div.gauche div.visu ul li.baseConnais {
	background-image: url(../imgs/ico_menu/lab.png);
}
div.onglet-dash div.gauche div.visu ul li.maj {
	background-image: url(../imgs/ico_menu/maj.png);
}
div.onglet-dash div.gauche div.visu ul li.clients {
	background-image: url(../imgs/ico_menu/vcard.png);
}
div.onglet-dash div.gauche div.visu ul li.agenda {
	background-image: url(../imgs/ico_menu/agenda.png);
}
div.onglet-dash div.gauche div.visu ul li.maildiffusion {
	background-image: url(../imgs/ico_menu/email.png);
}
div.onglet-dash div.gauche div.visu ul li.documentation {
	background-image: url(../imgs/ico_menu/documentation.png);
}
div.onglet-dash div.gauche div.visu ul li.camion {
	background-image: url(../imgs/ico_menu/camion.png);
}
div.onglet-dash div.gauche div.visu ul li.colis {
	background-image: url(../imgs/ico_menu/colis.png);
}
div.onglet-dash div.gauche div.visu ul li.faq {
	background-image: url(../imgs/ico_menu/quest.png);
}
div.onglet-dash div.gauche div.visu ul li.internet {
	background-image: url(../imgs/ico_menu/internet.png);
}

/* -- ToolTip -- */
.tipsy {
	padding: 5px;
	font-size: 10px;
	opacity: .8;
	filter: alpha(opacity=80);
	background: url(../imgs/tooltip.gif) no-repeat;
}
.tipsy-inner {
	padding: 5px 8px 4px;
	background-color: black;
	color: white;
	max-width: 200px;
	text-align: center;
}
.tipsy-inner {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.tipsy-north {
	background-position: top center;
}
.tipsy-south {
	background-position: bottom center;
}
.tipsy-east {
	background-position: right center;
}
.tipsy-west {
	background-position: left center;
}

.btn-icon {

}

.toolbar {
	border-radius: 5px;
	background-color: #cfa0e9;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

.toolbar-button {
	background-position: left;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	color: white;
	font-weight: bold;
	margin: 5px;
	padding-left: 20px;
	display: inline;
}

#btnEditCategorie {
	background-image: url(../imgs/edit_gris.png);
}

#btnAddCategorie {
	background-image: url(../imgs/add.png);
}

#btnDeleteCategorie {
	background-image: url(../imgs/delete.png);
}

#btnValidateCategorie {
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../imgs/tick.png);
}

#btnCancelCategorie {
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../imgs/cross.png);
}

#btnEditDoc {
	background-image: url(../imgs/edit_gris.png);
}

#btnAddDoc {
	background-image: url(../imgs/add.png);
}

#btnDeleteDoc {
	background-image: url(../imgs/delete.png);
}

#btnValidateDoc {
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../imgs/tick.png);
}

#btnCancelDoc {
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../imgs/cross.png);
}

.fileuploadHidden {
	display: none;
}

table#listeCategorieDocumentation {
	border-collapse: collapse;
	width: 100%;
}

table#listeCategorieDocumentation tr:nth-child(odd) {
	background-color: #ecf6fc;
}

table#listeCategorieDocumentation tr:nth-child(even) {
	background-color: #fafafa;
}

.catDragClass {
	background-color: black;
}

table#listeCategorieDocumentation {
	border: 1px solid #555555;
}

table#listeCategorieDocumentation td {
	border-bottom: 1px solid #555555;
}

table#listeCategorieDocumentation td {
	padding-left: 10px;
	padding-right: 10px;
}

table#listeCategorieDocumentation tr td:nth-child(1) {
	display: none;
}

table#listeCategorieDocumentation td.tdcatcheck {
	width: 25px;
}

.tDnD_whileDrag {
	background-image: none !important;
	background-color: #cfa0e9 !important;
	color: white;
}

table#listeCategorieDocumentation tr.catselected {
	background-color: #cfa0e9;
	color: white;
}

table#listeCategorieDocumentation input[type="text"] {
	width: 500px;
}

table#listeDocumentationByCategorie {
	border-collapse: collapse;
	width: 100%;
}

table#listeDocumentationByCategorie tr:nth-child(odd) {
	background-color: #ecf6fc;
}

table#listeDocumentationByCategorie tr:nth-child(even) {
	background-color: #fafafa;
}

table#listeDocumentationByCategorie {
	border: 1px solid #555555;
}

table#listeDocumentationByCategorie td {
	border-bottom: 1px solid #555555;
}

table#listeDocumentationByCategorie td {
	padding-left: 10px;
	padding-right: 10px;
}

table#listeDocumentationByCategorie tr td:nth-child(1) {
	display: none;
}

table#listeDocumentationByCategorie tr.docselected {
	background-color: #cfa0e9;
	color: white;
}

.btnAddFichierDocumentation {
	background-image: url(../imgs/files/page_add.png);
	background-position: left;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	color: white;
	font-weight: bold;
	margin: 5px;
	padding-left: 20px;
	display: inline;
	width: 16px;
	height: 16px;
}

table#listeDocumentationByCategorie tr td:nth-child(2) {
	width: 50px;
}

table#listeDocumentationByCategorie tr td:nth-child(3) {
	width: 200px;
}

table#listeDocumentationByCategorie tr td:nth-child(4) {
	width: 400px;
}

table#listeDocumentationByCategorie tr td:nth-child(4) textarea {
	width: 100%;
}