*
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.dontDisplay
{
	display: none;
}


/* FORMULAIRES */
div.formLibelle
{
	margin: 4px;
	margin-top: 6px;
	margin-bottom: 6px;
	width: 150px;
	float: left;
}

div.formField
{
	margin: 4px;
	margin-top: 6px;
	margin-bottom: 6px;
	float: left;
	width: 370px;
}

div.formField input[type=text], select
{
	width: 200px;
}


div.formComponent
{
	float: left;
}

div.formComponentResume
{
	float: left;
	padding-left: 10px;
}

div.formLibelleResume
{
	margin: 2px;
	width: 150px;
	float: left;
	background-image: url( '../img/navigation/content-header-bullet.gif' );
	background-position: 0pt 0.35em;
	background-repeat: no-repeat;
	padding-left: 14px;
	font-weight: bold;
}

div.formFieldResume
{
	margin: 2px;
	float: left;
	width: 300px;
}

div.clear
{
	clear: both;
}

div.calendarToFade
{
	display: none;
	margin: 4px;
	background-color: White;
	z-index: 2;
	position: absolute;
	border-color: silver;
	border-width: 1px;
	border-style: solid;
}

div.closeNotice
{
	display: none;
	background-image: url( '../img/navigation/triangle_dialog.gif' ); /*background-position:0pt 1px;*/
	background-position: 30px 25px;
	background-repeat: no-repeat;
	z-index: 3;
	position: absolute;
	margin-top: -54px;
	margin-left: -10px;
	height: 37px;
	font-weight: bold;
}

div.innerCloseNotice
{
	z-index: 2;
	padding: 4px;
	background-color: #f9f8f8;
	border-color: silver;
	border-width: 1px;
	border-style: solid;
	color: Blue;
}


img.imgCalendar
{
	cursor: pointer;
}


.formField /* champ de formulaire normal */
{
	font-size: 12px;
}

.errorFormField /* champ de formulaire lorsque une erreur sur le champ est constatée */
{
	border-width: 1px;
	border-style: solid;
	border-color: red;
}

.noticeMessage /* message d'information */
{
	font-size: 12px;
	color: orange;
}

.errorMessage /* message d'erreur */
{
	background: url( '../img/icons/danger.png' ) no-repeat top left;
	margin-left: 3px;
	padding-left: 22px;
	font-size: 12px;
	font-weight: bold;
	color: red;
}

.warningMessage /* message d'erreur */
{
	background: url( '../img/icons/danger.png' ) no-repeat top left;
	margin-left: 3px;
	padding-left: 22px;
	font-size: 12px;
	font-weight: bold;
	color: orange;
}

.errorMessage li
{
	font-weight: normal;
	color: red;
}

.progressMessage /* message pendant un chargement */
{
	background: url( '../img/icons/progress.gif' ) no-repeat top left;
	margin-left: 3px;
	padding-left: 22px;
	font-size: 12px;
}


.importantData
{
	color: orange;
	font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
}

.importantData2
{
	color: orange;
	font-size: 14px;
	font-weight: bold;
}

div.subFunctionDiv
{
	margin-top: 6px;
	margin-left: 10px;
	float: left;
}

div.informationForm
{
	padding: 5px;
	text-align: justify;
}



/* ETAPES */

div.etapeImage
{
	margin: 2px;
	width: 40px;
	float: left;
}

div.etapeDesc
{
	margin: 2px;
	padding-top: 6px;
	float: left;
	width: 190px;
}

div.current
{
	font-weight: bold;
}

div.etapeComponent
{
	float: left;
}

.montrerLine
{
	float: left;
	padding-left: 4px;
}

.montrerBlock
{
	display: block;
}

.cacher
{
	visibility: hidden;
}

.montrerLine2
{
	float: left;
	padding-left: 4px;
	visibility: visible;
}

/* recherche de doublons */

div.ficheClientDoublons
{
	border-color: Silver;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	-moz-border-radius: 12px;
	width: 240px;
}

div.infoFicheForme
{
	border-color: Silver;
	border-style: solid;
	border-width: 0px;
	border-left-width: 4px;
	padding-left: 6px;
}


/* Tables de la page d'accueil */

.tableContent td
{
	padding: 4px;
}

a.tableLink
{
	color: #5555DD;
	text-decoration: underline;
}

.tableHeader td, th
{
	padding: 4px;
	background-color: #F15E22;
	border-style: none;
}

.importantData2Titre
{
	color: #f88b16;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
	border-style: none;
	border-bottom-style: solid;
	width: 60%;
	border-bottom-color: silver;
	border-bottom-width: 1px;
}

div.EmptyDataTemplate
{
	border-style: none;
}


div.homeAction
{
	margin-left: 20px;
	float: left;
}

div.homeActionIcon
{
	margin: 2px;
	width: 40px;
	float: left;
}

div.homeActionDesc
{
	margin: 2px;
	line-height: 30px;
	float: left;
	width: 160px;
}

/* FICHE PROJET */

div.optionFicheProjet
{
	border-color: black;
	border-width: 1px;
	border-style: solid;
	margin: 4px;
	padding: 4px;
	width: 420px;
	font-weight: bold;
	font-size: 15px;
	color: #F15E22;
	line-height: 20px;
}

div.optionFicheProjet div.optionParameterFicheProjet
{
	font-size: 11px;
	font-weight: normal;
	color: Black;
	margin: 2px;
	line-height: 15px;
}

div.optionFicheProjet div.CelluleFicheProjet
{
	font-size: 11px;
	border-color: Silver;
	border-width: 1px;
	border-style: dotted;
	margin: 4px;
	padding: 4px;
	width: 190px;
	line-height: 20px;
}

div.optionFicheProjet div.CelluleFicheProjet div.CelluleParameterFicheProjet
{
	font-size: 11px;
	font-weight: normal;
	color: Black;
	line-height: 15px;
}

/* PAGE DE FIN DE CREATION DE PROJET */

div.desiredOption
{
	border-color: Silver;
	border-width: 1px;
	border-style: dotted;
	margin-left: 20px;
	margin-top: 10px;
	padding: 4px;
	height: 140px;
}

div.desiredOptionComponent
{
	clear: left;
}

div.desiredOptionLibelle
{
	float: left;
	width: 200px;
	line-height: 20px;
	padding-left: 10px;
}

div.desiredOptionValue
{
	float: left;
	line-height: 20px;
}

.TXT50 input[type=text]
{
	width: 50px;
}
.TXT75 input[type=text]
{
	width: 75px;
}
.TXT100 input[type=text]
{
	width: 100px;
}
.TXT125 input[type=text]
{
	width: 125px;
}
.TXT150 input[type=text]
{
	width: 150px;
}
.TXT200 input[type=text]
{
	width: 200px;
}
.TXT250 input[type=text]
{
	width: 250px;
}


/* formulaires portefeuilles */

div.formLibelle2
{
	margin: 4px;
	margin-top: 6px;
	margin-bottom: 6px;
	width: 150px;
	float: left;
}

div.formField2
{
	margin: 4px;
	margin-top: 6px;
	margin-bottom: 6px;
	float: left;
	width: 250px;
}

div.formField2 input[type=text], select
{
	width: 200px;
}


div.formComponent2
{
	float: left;
}

.currentOption
{
	font-weight: bold;
	color: Black;
}

div.saveMessage
{
	width: 140px;
	border: 2px solid black;
	background-color: White;
	color: black;
	text-align: center;
	position: absolute;
	top: 90%;
	left: 50%;
	margin-left: -70px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.buttonToHide
{
	display: none;
}


/* FreeTextBox */
.ftbDropDownStyle
{
	width: 85px;
}

div.nlField
{
	margin-bottom: 15px;
}


a.printLink
{
	background-image: url( '../img/navigation/print.gif' ); /*background-position:0pt 1px;*/
	background-position: right 1px;
	background-repeat: no-repeat;
	padding-right: 17px;
}

a.addLink
{
	background-image: url( '../img/navigation/add.png' ); /*background-position:0pt 1px;*/
	background-position: 0px 1px;
	background-repeat: no-repeat;
	padding-left: 20px;
}


/* Ecran d'accueil global */

div.homeMenu
{
	clear: both;
	width: 250px;
	height: 50px;
	border-color: orange;
	background-color: #FF8C00; /* darkorange */
	border-width: 2px;
	border-style: solid;
	padding: 10px;
	margin: 10px;
	-moz-border-radius: 15px;
}

div.homeMenu:hover
{
	background-color: #FF8C00; /* darkorange */
}


div.homeMenuIcon
{
	float: left;
}
div.homeMenuDesc
{
	float:left;
}

div.homeMenuDesc a
{
	font-size:20px;
	line-height:50px;
	margin-left:10px;
	color:White;
}

div.timeForRedac
{
	background-image: url(../img/navigation/time-bg.png);
	background-repeat: repeat-y;
	height: 65px;
	margin-top: -5px;
}

div.timeForRedac p
{
	margin-left: 55px;
	font-weight: bold;
	width: 480px;
}


/* search apple style */
#search
{
	font-size: 10px;
	color: #80808C;
	height: 20px;
	width: 160px;
	border: 0;
	background-color: white;
	background: url( '../img/navigation/searchField.jpg' ) no-repeat;
	background-position: 170px top;
}

.modalBackground
{
	background-color: Black;
	filter: alpha(opacity=50); /* Internet Explorer 6     */
	-moz-opacity: 0.5; /* Mozilla 1.6 et infér.   */
	opacity: 0.5; /* CSS3 et Mozilla récents */
}

.popup
{
	background-color: #ffffff;
	border: solid 2px black;
	padding: 10px;
	text-align: center;
}

.boxAsLabel
{
	border: none 0px white;
	width: 75px;
}

.simpleCheckbox
{
	width: 160px;
}

div.PaddingPanel
{
	padding: 0px 10px 10px 10px;
}

.bold
{
	font-weight: bold;
}

/* Détails actions commerciales*/

div.HistoActionGlobale
{
	border: 1px solid;
	padding: 6px;
	width: 800px;
	margin-bottom: 10px;
}

div.HistoActive
{
	border-color: Green;
	background: url( '../img/icons/histo_valid.png' ) no-repeat top right;
}

div.HistoInactive
{
	border-color: Red;
	background: url( '../img/icons/histo_inprogress.png' ) no-repeat top right;
}

div.HistoHeader
{
	line-height: 25px;
	border: 0px solid grey;
	border-bottom-width: 1px;
	width: 300px;
}

/* PAGE DE SAISIE DES HEURES */

.task
{
	border: 1px solid black;
	padding: 2px;
	margin: 2px;
	color: black;
	font-size: 10px;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	width: 150px;
	cursor: pointer;
}

.proj
{
	border: 1px solid black;
	padding: 2px;
	margin: 2px;
	font-size: 10px;
	color: black;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	width: 180px;
	cursor: pointer;
	overflow: hidden;
}

.selected
{
	border: 1px solid red;
	padding: 2px;
	margin: 2px;
	font-size: 10px;
	font-weight: bold;
	color: black;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	cursor: pointer;
	overflow: hidden;
}

.unselectable
{
	border: 1px solid grey;
	color: grey;
	padding: 2px;
	margin: 2px;
	font-size: 10px;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	width: 180px;
}

.workPeriod
{
	background-image: url( '../img/icons/fondWP.png' ) !important;
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src= '../img/icons/fondWP.png' );
	background-repeat: repeat-x;
	background-position: top left;
	border: 1px solid white;
	border-top: none;
	border-bottom: none;
	border-right: none;
	cursor: pointer;
	position: absolute;
	z-index: 1000;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	height: 60px;
}

.workPeriodEditing
{
	background: url( '../img/icons/fondWP.png' ) repeat-x top left;
	cursor: pointer;
	position: absolute;
	z-index: 2000;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	height: 60px;
	overflow: hidden;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}

#poubelle, #poubelle img, #poubelle img:hover
{
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	cursor: pointer;
	z-index: 500;
}

#aide
{
	position: absolute;
	z-index: 20000;
	text-align: center;
	width: 700px;
	padding: 15px;
	top: 60px;
	left: 100px;
	visibility: hidden;
	border: 2px solid black;
	background-color: White;
	filter: alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity: 0.95;
}

#commentField
{
	z-index: 20000;
	position: absolute;
	padding: 15px;
	visibility: hidden;
	top: 100px;
	left: 280px;
	filter: alpha(opacity=90);
	opacity: 0.90;
	-moz-opacity: 0.90;
	background: url( '../img/icons/comment-this.gif' ) no-repeat top left;
}

#commentField textarea
{
	font-family: Calibri;
	font-size: 11px;
}

#dayContent
{
	background: url( '../img/icons/fond-saisie-heures.png' ) no-repeat bottom left;
}

span.projWP
{
	font-weight: bold;
	background: url( '../img/icons/note-empty.png' ) no-repeat 3px 1px;
}

span.full
{
	background: url( '../img/icons/note-filled.png' ) no-repeat 3px 1px;
}

span.projWP a
{
	text-decoration: none;
}

span.timeWP
{
	font-size: 9px;
}

.clear
{
	clear: both;
}

span.indexTop
{
	margin-left: -4px;
}

#compteurWP, #warningESC
{
	padding: 2px;
	font-size: 10px;
	border: 1px solid black;
	background-color: #fffdc1;
}

/* FN DE PAGE DE SAISIE DES HEURES */

div.TitreActionCo
{
	background-color: #F15E22;
	margin-top: 10px;
	color: White;
}

div.sousTitreActionCo
{
	background-color: #FDBC30;
	width: 100%;
}

div.LigneActionCo
{
	width: 100%;
}

div.AtteinteActionCo
{
	background-color: #FDBC30;
	width: 100%;
}

div.RecapActionCo
{
	width: 200px;
}

div.ConteneurRecapActionCo
{
	width: 200px;
}

div.margeDate
{
	margin-left: 15px;
}

div.conteneurDate
{
	margin-bottom: 15px;
}

div.ConteneurGroupeLigneActionCo
{
	width: 200px;
}

div.ConteneurSousGroupeLigneActionCo
{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

div.LargeurIMG
{
	width: 7%;
	margin: 0px;
	padding: 0px;
}

div.LargeurCol
{
	width: 93%;
}

.PanelActionGauche
{
}

.PanelActionColonne
{
	float: left;
}

.semaineActionCo
{
	margin-top: 8px;
	text-align: center;
}


#conteneurTab
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 12px;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	overflow: visible;
	width: 2000px;
}

#conteneurEdit
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-size: 12px;
	width: 670px;
}

#divColonne
{
	text-align: right;
	width: 55px;
}

.imageActionCo
{
	margin: 0px;
	padding: 0px;
}

div.grisActionCo
{
	background-color: #EBEBEB;
	width: 100%;
	height: 100%;
}

div.conteneurColonneActionCo
{
	float: left;
	padding-left: 1px;
	margin-left: 1px;
}

div.OrangeVideActionCo
{
	width: 100%;
	background-color: #F15E22;
}

.dayOfWork
{
	font-weight: bold;
	padding: 2px;
	padding-bottom: 7px;
	padding-left: 8px;
	width: 18px;
}

.dayOfWeekFilled
{
	color: Green;
	background: url( '../img/icons/saisie-ok.gif' ) no-repeat bottom left;
}

.dayOfWeekMissing
{
	color: Red;
	background: url( '../img/icons/saisie-ko.gif' ) no-repeat bottom left;
}

.dayOfWeekDisabled
{
	color: Gray;
}

.dayOfWeekActual
{
	color: Orange;
	background: url( '../img/icons/arrow-top.gif' ) no-repeat 6px 19px;
}

.backMois
{
	font-weight: bold;
	margin-left: 2px;
	background-color: #DFDFDF;
}

.backPeriode
{
	background-color: #CACACA;
	font-weight: bold;
	margin-right: 2px;
}

.backPeriode2
{
	background-color: #BAB9D0;
	font-weight: bold;
	margin-right: 2px;
}

div.gaucheEditObjectif
{
	width: 187px;
	float: left;
	text-align: left;
}

div.droitEditObjectif
{
	width: 66px;
	margin-right: 3px;
	float: left;
}

div.separeEditObjectif
{
	clear: both;
	height: 1px;
}
.formFiewEditObjectif
{
	margin-top: 10px;
}

.titreEditObjectif
{
	clear: both;
	background-color: #F15E22;
	color: White;
	width: 180px;
	padding-left: 3px;
	float: left;
}

/* PAGE DE RESUME TIME REPORT PAR PERSONNE */

div.presentReportWeek
{
	width: 150px;
	padding-left: 3px;
	padding-right: 3px;
	border: 0px solid Gray;
	border-left-width: 1px;
}

div.presentReportWeekWP
{
	width: 144px;
	margin-bottom: 2px;
	padding-left: 6px;
	background: url( '../img/icons/backgroundWP.png' ) repeat top left;
}

span.presentReportWeekWPtache
{
	font-style: italic;
	font-size: 11px;
}
span.presentReportWeekWPproj
{
	font-weight: bold;
	font-size: 11px;
}

div.presentReportWeekHeures
{
	border-top-color: Gray;
	border-top-width: 1px;
	border-top-style: solid;
	padding: 0px;
	margin: 0px;
	padding-right: 5px;
	height: 59px;
	color: Gray;
	text-align: right;
}

div.presentReportWeekHeader
{
	font-weight: bold;
	text-align: center;
	height: 20px;
	vertical-align: middle;
}

.titre2EditObjectif
{
	float: left;
	background-color: #F15E22;
	color: White;
	width: 66px;
	margin-left: 3px;
	text-align: center;
}

.titre3EditObjectif
{
	background-color: #F15E22;
	color: White;
	width: 66px;
	margin-left: 3px;
	text-align: center;
}

.anneeEditObjetctif
{
	margin-left: 3px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.validatorEditObj
{
	float: left;
}

/* LISTES DE DIFFUSION : POPUP */

tr.diffContact
{
	text-align: left;
	font-size: 9px;
	background-color: #F0F0F0;
	filter: alpha(opacity=60);
	opacity: 0.60;
	-moz-opacity: 0.60;
}

tr.diffContactSelected
{
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	background-color: #FFFFFF;
	filter: alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity: 0.80;
}


/* FAQ */

.faqPanelDefault
{
	display: none;
}

.FAQquickAccess
{
	background-color: #E8E8E8;
	border: 1px dotted #313131;
	width: 95%;
	padding: 6px;
	margin-left: 10px;
}

.FAQquickAccess, .FAQquickAccess a
{
	color: #313131;
}

div.FAQArticle
{
	padding: 10px;
	margin-bottom: 15px;
}

div.FAQTitle
{
	padding: 3px;
	float: left;
	width: 80%;
	font-size: 15px;
	font-weight: bold;
}
div.FAQTitle, div.FAQTitle a
{
	color: Black;
	text-decoration: none;
}

div.FAQActions
{
	text-align: right;
	float: left;
	width: 15%;
	padding: 3px;
}

div.FAQAuthor
{
	margin-left: 15px;
	color: #8C8C8C;
	font-size: 11px;
}

div.FAQTags
{
	margin-left: 15px;
	color: #8C8C8C;
	font-size: 11px;
}

div.FAQContent
{
	margin-top: 10px;
	margin-left: 15px;
	font-size: 12px;
}

.faqPanelDefault
{
	display: none;
}

/*
Completion list
*/
.completionList
{
	z-index: 100;
	border: solid 1px black;
	background-color: White;
	padding: 10px;
}
.completionListItem
{
	z-index: 100;
	list-style-type: none;
	background-color: White;
	color: Black;
	font-size: small;
	text-align: left;
}

.completionListItemSelect
{
	z-index: 100;
	list-style-type: none;
	color: White;
	background-color: Blue;
	font-size: small;
	text-align: left;
}


a.excelButton
{
	background:url('../img/icons/excel.png') no-repeat top left;
	padding-left:20px;
}