.gray3{color:#333}
.gray6{color:#666}
.gray9{color:#999}
.fs10{font-size:10px; line-height: 14px;}
.fs11{font-size:11px; line-height: 13px;}
.fs12{font-size:12px; line-height: 16px;}
.fs13{font-size:13px; line-height: 17px;}
.fs14{font-size:14px; line-height: 18px;}
.fs15{font-size:15px; line-height: 19px;}
.fs16{font-size:16px; line-height: 20px;}
.fs17{font-size:17px; line-height: 21px;}
.fs18{font-size:18px; line-height: 22px;}
.fs20{font-size:20px; line-height: 22px;}
.fs26{font-size:26px; line-height: 28px;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.alJustify{text-align:justify}
.alCenter{text-align:center}
.alLeft{text-align:left}
.alRight{text-align:right}
.flLeft{float: left;}
.flRight{float: right;}
.white{color:#fff}
.darkBlue{color: #1E2768;}
.block{display:block}
.orange{color:#f2a938}
.red{color: #900;}
.black{color:#000}
.normal{font-weight: normal; font-style: normal;}
.hidden{display:none}
body{font-size: 11px;}
sup{vertical-align: super; font-size:10px} 

#xnetBody{position: relative; min-height: 600px; border-bottom-left-radius:25px; border-bottom-right-radius:25px; box-shadow: 1px 1px 12px #555;}
#xnetBody{position: relative; overflow:  hidden;}
#xnetContent{position: relative; overflow:  hidden;}

#xnetToolbar{overflow:hidden; padding-bottom: 10px; height: 72px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;border: 1px solid #666; border-top: none;; background: #eee; margin:0; padding:3px; padding-top:5px; margin-bottom:0px; list-style:none; overflow: hidden;}
#xnetToolbar ul{overflow: hidden; float: none}
#xnetToolbar li{width:70px; height: 70px; padding:2px 0; margin:0;float: left; margin-right: 4px; overflow: hidden;}
#xnetToolbar a{display:inline-block; width:70px; height:20px; padding-top:50px; font-size: 8px; color:#666; text-decoration:none; text-align:center; background-position: top center; background-repeat: no-repeat;border:0px solid #999;background-color: #eee; }
#xnetToolbar a:hover{border:0px solid #fff;background-color: #ddd; }
#xnetToolbar a.xnetHome{background-image: url(../img/xnetHome.png);}
#xnetToolbar a.xnetSearch{background-image: url(../img/xnetSearch.png);}
#xnetToolbar a.xnetLogout{background-image: url(../img/xnetLogout.png); float:right}
#xnetToolbar a.xnetAccount{background-image: url(../img/xnetAccount.png); float:right}
#xnetToolbar a.smartFormSave{background-image: url(../img/xnetSave.png);}
#xnetToolbar a.xnetNavBack{background-image: url(../img/xnetBack.png); }
#xnetToolbar a.xnetSendmail{background-image: url(../img/xnetSendmail.png);}
#xnetToolbar a.xnetList{background-image: url(../img/xnetList.png);}
#xnetToolbar a.xnetNew{background-image: url(../img/xnetNew.png);}
#xnetToolbar a.xnetEdit{background-image: url(../img/xnetEdit.png);}
#xnetToolbar a.xnetSave{background-image: url(../img/xnetSave.png);}
#xnetToolbar a.xnetDelete{background-image: url(../img/xnetDelete.png);}
#xnetToolbar a.xnetPrint{background-image: url(../img/xnetPrint.png);}
#xnetToolbar a.running{background-image: url(../img/xnetLoading48px.gif);}
#xnetToolbar a.xnetAlert{background-image: url(../img/xnetAlert.png);}
#xnetToolbar a.ggCalendar{background-image: url(../builtInResources/ggCalendar/img/icon42px.png);}
#xnetToolbar a.xnetNewsfeed{background-image: url(../builtInResources/newsfeed/img/icon42px.png);}
#xnetToolbar a.typology{background-image: url(../builtInResources/typology/img/appIcon48px.png);}
#xnetToolbar a.bookmarks{background-image: url(../builtInResources/bookmarks/img/appIcon48px.png);}

#xnetToolbar li.flRight{float:right;}
#xnetToolbarAccount, #xnetToolbarAccount li{list-style: none;}
#xnetToolbarAccount{height: 30px; padding-top: 5px; text-align: right; font-size:11px; overflow: hidden;}
#xnetToolbarAccount li{float: right; margin-left: 5px; padding-left: 5px; border-left: 1px dotted #999;}
#xnetToolbarAccount li.user{border:none}
#xnetToolbarAccount li.onlineUsers{min-width: 120px}
#xnetToolbarAccount a{text-decoration: none; color:#888}
#xnetToolbarAccount a:hover{text-decoration: underline;}

a.xnetRefresh{display: inline-block; width: 22px; height:  22px; background: url(../img/iconRefresh22px.png);}



#msExtranetContent{position: relative}


form#msExtranetLoginForm{text-align:center}
form#msExtranetLoginForm fieldset{width: 430px; border-radius:7px; border: 1px solid #999; padding:5px;text-align:center }
form#msExtranetLoginForm legend{padding:0px 5px; font-weight:bold}
form#msExtranetLoginForm table { margin:10px auto}
form#msExtranetLoginForm table td{padding:7px;text-align:left; white-space: nowrap;}
form#msExtranetLoginForm table td.label{text-align:right; padding-top:10px; }
form#msExtranetLoginForm table td.lostPW{text-align:right}
form#msExtranetLoginForm input.text{width:200px;}
form#msExtranetLoginForm input.missing{border: 1px #800 solid; }

form#msExtranetLoginForm td.remerberMe{font-size:11px} 




a{color:#900}
#xnetHome fieldset.xnetResourcesGroup{border-radius:7px; border: 1px solid #999; padding:5px; margin-top:15px; padding:5px; overflow: hidden;}
#xnetHome fieldset.xnetResourcesGroup legend{font-size: 14px; padding:0 5px }
#xnetHome fieldset.xnetResourcesGroup ul{margin: 10px 10px 15px 10px;}
div.xnetLoading{background:url(../img/xnetLoading-bg.gif) bottom center no-repeat; min-height:150px ;}
#xnetFrontTopMessage

#xnetFrontTopMessage{padding-top:10px}
#xnetFrontTopMessage h2 {font-size:16px; color:#666; border-bottom:1px solid #666; padding-bottom: 7px; margin:10px 0;}
#xnetFrontTopMessage .newsTexte{overflow: hidden; line-height:16px; padding-left:25px; border-left: 5px solid #aaa; margin-bottom:10px}
#xnetFrontTopMessage .newsTexte p{padding-bottom:7px}
#xnetFrontTopMessage ul__{margin-left:15px; list-style: disc inside;}
#xnetFrontTopMessage li{margin-left:25px; padding-left:7px;list-style: disc }
#xnetFrontLeftColumn{float:left; width:250px; overflow: hidden;}
#xnetFrontLeftColumn .smartTreeContainer{width:220px; margin:0}
#xnetFrontCenterColumn{float:right;width:650px; overflow: hidden;}
p.backlink{padding:25px 10px}
p.backlink a{float:left; display:block; padding:7px; border-radius: 5px; background: #eee; color:#333; text-decoration: none; text-transform: uppercase; font-size:10px; font-weight: bold;;}
p.backlink a:hover{text-decoration: underline;}

/* XNETATTACHMENTS */
ul.xnetAttachmentItems{margin-top: 15px; overflow: scroll; height: inherit;}
li.xnetAttachmentItem{margin: 0 7px 7px 7px ; padding-left:80px; height:54px; overflow: hidden; position: relative }
li.xnetAttachmentItem{border-left: 7px solid #999; border-bottom:1px solid #999; background-position: 10px 0px; background-repeat: no-repeat; }
li.xnetAttachmentItem:hover{background-color: #FCE591;}
li.xnetAttachmentItem p.attTitle{font-weight: bold;text-align: left; padding:3px 0 5px 0;  }
li.xnetAttachmentItem p.attInfos{text-align: left;line-height:14px;white-space: nowrap; overflow: hidden; width: inherit;  font-size:10px}
li.xnetAttachmentItem .attToolbar{position:absolute;top:3px; right: 3px;width: 90px; text-align: right}
li.xnetAttachmentItem a{margin: 0; padding: 0; display: inline-block; margin-left: 5px; width:22px; height: 22px; background-position: center center; background-repeat: no-repeat; border:1px solid #999; }
li.xnetAttachmentItem a:hover{border-color: #555}
li.xnetAttachmentItem a.zoom{background-image: url(../img/iconFullscreen16px.png);}
li.xnetAttachmentItem a.edit{background-image: url(../img/iconEdit16px.png);}
li.xnetAttachmentItem a.unlink{background-image: url(../img/iconRemove16px.png);}

#xnetAttachmentEdit .toolbar {margin-top:15px}
#xnetAttachmentEdit label.rowLabel{width: 120px;}
#xnetAttachmentEdit fieldset.bloc {margin:0  15px 15px 15px}
#xnetAttachmentEdit fieldset.bloc fieldset {margin-bottom:3px}
#xnetAttachmentEdit textarea, #xnetAttachmentEdit input.text{width: 600px;}
#xnetAttachmentEdit li.xnetAttachmentItem a.edit{display:none}
#xnetAttachmentTitleDlg{font-size: 14px}
#bloc1Dlg{background-position: 10px 20px; background-repeat: no-repeat;}
#attachmentContainerDlg {height:110px; min-height:10px; width: auto; margin :5px 15px; overflow: hidden;}
#attachmentContainerDlg legend{font-size: 12px;}




/* smartforms */
#msExtranetBody .smartForm {font-size:11px}
#msExtranetBody .smartForm .toolbar{float: right; margin-bottom:0; height: 32px;}
#msExtranetBody .smartForm .tabbar{float: left; width: 450px;}
#msExtranetBody form.dirty .toolbar input.button{color: #f00}
#msExtranetBody form.dirty .toolbar input.button:hover{color: #080}
#msExtranetBody .smartForm span.comment{padding-top: 5px; line-height: 14px;} 
#msExtranetBody #msDPG_mentionsRequis{font-size:10px; list-style: disc;}


/* smartGrids */
.smartGrid .xnetElementOpen {width: 25px; text-align: center;}
.smartGrid .xnetElementOpen input{background: url("../builtInResources/common/img/loupe.png") no-repeat scroll center center transparent; width:22px; height: 22px; cursor:pointer}
.smartGrid .required span {display:none}
.smartGrid tbody tr{min-height:25px; vertical-align: middle;}

/* boxe récupération de mot de passe */
#LostPSW{}
#LostPSW table{width:380px}
#LostPSW table td {padding:7px; font-size:12px; line-height: 16px; }
#LostPSW table td.intro{width:380px}
#LostPSW table td.label{text-align: right;}
#LostPSW table td.input{text-align: left;}
#LostPSW table td.ou{text-align: center; font-size:16px; font-weight: bold; }
#LostPSW table td.buttons{text-align: center; padding-top: 15px;}
#LostPSW table td.buttons input{font-size:12px} 
#LostPSW table td.buttons input.submit{margin-right:15px;}
/* boxe obtention d'un mot de passe */
#GetPWD{}
#GetPWD table{width:380px}
#GetPWD table td {padding:7px; font-size:12px; line-height: 16px; }
#GetPWD table td.intro{width:380px}
#GetPWD table td.label{text-align: right;}
#GetPWD table td.input{text-align: left;}
#GetPWD table td.ou{text-align: center; font-size:16px; font-weight: bold; }
#GetPWD table td.buttons{text-align: center; padding-top: 15px;}
#GetPWD table td.buttons input{font-size:12px} 
#GetPWD table td.buttons input.submit{margin-right:15px;}

/* Dialog userInfos */
#userInfosDlg{}
#userInfosDlg .dcTitle {padding-top: 15px}
#userInfosDlg table{width:460px; margin-top: 15px;}
#userInfosDlg table td {padding:7px; font-size:12px; line-height: 16px; vertical-align: top; }
#userInfosDlg .userImage{width:180px; text-align: center}
#userInfosDlg .avatar{margin-bottom: 15px; box-shadow: 1px 1px 12px #555; border:3px solid #fff;  cursor: pointer}
#userInfosDlg .userInfos{padding-left: 15px; border-left: 1px dotted #fff}
#userInfosDlg li{padding-bottom:10px; line-height: 18px; font-size: 11px}
#userInfosDlg li label{display:inline-block; width: 50px; color:#666}
#userInfosDlg .xnetUserText{padding-top: 55px}

/* Dialog onlineUser */
#onlineUsersDlg{}
#onlineUsersDlg .dcTitle {padding-top: 15px}
#onlineUsersDlg ul{padding: 15px}
#onlineUsersDlg li{padding-bottom:10px; line-height: 18px; font-size: 11px}
#onlineUsersDlg li label{display:inline-block;}
#onlineUsersDlg li label.fullname{width: 350px;}
#onlineUsersDlg li label.link{display:inline-block; width: 50px; color:#666; text-align: right}


/* fieldsets dans les promptBox */
#applicationUserPromptBoxContent{padding: 0;}
#applicationUserPromptBox fieldset{border: 1px solid #999; border-radius: 10px; padding:10px; line-height: 16px;}
#applicationUserPromptBox legend{font-weight: bold; padding: 0 5px; }
#applicationUserPromptBox p{padding-bottom:7px}
#applicationUserPromptBox .red{color:#900}


/* fieldsets dans les boites msDialogs */

.msDialog fieldset{border: 1px solid #999; border-radius: 10px; padding:10px; margin: 10px; line-height: 16px;}
.msDialog fieldset.noborder{border: none }
.msDialog legend{font-weight: bold; padding: 0 5px; }
.msDialog p{padding-bottom:7px}
.msDialog .red{color:#900}

/* widget Calendar */
.wCalendar {position:relative; margin: 0;	padding: 0;	font-size: 10px; width: inherit;}
.wcHeader {position:relative; padding: 3px 15px;	background: #dadada;font-size:  12px; text-align:center	}
.wcHeader a{display: block; position:absolute; top:3px; font-weight: bold; text-decoration: none; color:#222}
.wcHeader a:hover{text-decoration: underline;}
.wcHeader a.left{left:10px}
.wcHeader a.right{right:10px}
.wCalendar table{width: 100%;}
.wCalendar th {border-bottom: 1px solid #ccc;	padding: 3px;  font-weight: bold;	background: #fff;	}
.wCalendar td {border: 1px solid #fff;	padding: 3px  3px 7px 3px;	width:15px ;	text-align: center;	background: #fff;}
.wCalendar a {	color: #000;	text-decoration: none;	}
.wCalendar td:hover, .calendar td.today:hover, .calendar td.selected:hover, .calendar td.highlighted:hover {	background: #cff;	}
.wCalendar td.pad {color: #999;	background: #fff;	}
.wCalendar .sunday, .saturday {width:12px;	background: #dadada;}
.wCalendar td.disabled{background: #cacaca;}
.wCalendar td.passed{background: #eaeaea;}
.wCalendar .sat.passed{background: #e0e0e0;}
.wCalendar .sun.passed{background: #e0e0e0;}

.wCalendar td.today {border:2px solid #900}
/* .wCalendar td.selected {	border: 1px dotted #ff7800;	} */
.wCalendar td.highlighted {	background: #fc9;	}
.wCalendar td.pad:hover {	background: none;	border: 0;	}
.wCalendar .year {	padding: 0;	width: 500px;	list-style: none;	}
.wCalendar .year:after {	content: "";	display: block;	height: 0;	clear: both;	visibility: hidden;	}
.wCalendar .year li {	float: left;	padding: 0 .5em .5em 0;	height: 150px;	}
.wCalendar .event{display: none;}
.wCalendarEventsBox{position:absolute; background: #fafafa; padding: 10px; border-radius:10px; top:0; left :0; border:2px solid #999}


/* generic */
.xnetRotateL3{-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);transform: rotate(-3deg);}
.xnetRotateL5{-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);transform: rotate(-5deg);}

.xnetRaquoList{	list-style: none;margin-left: 0;padding-left: 1em;text-indent: -1em;}
.xnetRaquoList li:before {content: "\00BB \0020";}
.xnetRaquoList dd:before {content: "\00BB \0020";}


.xnetGrayscale{ filter: gray; -webkit-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); }
.xnetGrayscale:hover{filter: none;  -webkit-filter: grayscale(0%); }
