/********* Formulaires Styles **************/
.formClass {
	position: relative;
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	background-Color: #ffffff;
	margin: 0px 0px 0px 0px;
	border: 0px solid #ffffff;
	clear: both;
}

/** Div contenant le titre d'une divForm **/
.divFormTitle {
	position: relative;
	float: left;
	width: 750px;
	border: 0px dotted #cccccc;
	padding: 0px;
	margin-top: 2px;
	clear: both;
}

.divFormTitle h1 {
	float: left;
	clear: left;
}

.divFormTitlePlus {
	position: relative;
	float: right;
	clear: right;
}

.divForm {
	position: relative;
	float: left;
	width: 750px;
	border: 1px dotted #cccccc;
	background-Color: #ffffff;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	clear: both;
	text-align: left;
}


.divForm2 {
	position: relative;
	float: left;
	width: 100%;
	border: 1px dotted #cccccc;
	background-Color: #ffffff;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	clear: both;
	text-align: left;
}

.divForm.size {	
	width: 1000px !important;
}

.divDisplayForm {
	position: relative;
	float: left;
	width: 750px;
	border: 1px dotted #cccccc;
	background-color: #fff;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	clear: both;
}

.divMainForm {
	position: relative;
	float: left;
	width: 450px;
	border: 1px dotted #cccccc;
	background-color: #fff;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	clear: right;
}

.divMainIndexForm {
	position: relative;
	float: left;
	width: 350px;
	border: 1px dotted #cccccc;
	background-color: #fff;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: right;
}

.divMultiForm {
	position: relative;
	float: left;
	border: 0px dotted #cccccc;
	padding: 0px;
	margin: 0px;
	clear: left;
	text-align: left;
}

.divFreeForm {
	position: relative;
	float: left;
	border: 1px dotted #cccccc;
	background-Color: #ffffff;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	text-align: left;
}

.divMenuForm {
	position: relative;
	float: left;
	width: 120px;
	border: 1px dotted #cccccc;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	clear: left;
}

.divRightForm {
	position: relative;
	float: left;
	width: 630px;
	border: 1px dotted #cccccc;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	margin-left: 5px;
	clear: right;
}

.divCatForm {
	position: relative;
	width: 100%;
	float: none;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	border: 0px solid #000;
	text-align: center;
}

.divCatFormHidden {
	position: relative;
	width: 100%;
	display: none;
	float: left;
	padding: 5px 0px 0px 0px; margin : 0px;
	clear: both;
	margin: 0px;
}

.divHeaderForm {
	position: relative;
	width: 100%;
	float: left;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	clear: both;
	text-align: left;
}

.divHeaderFormHidden {
	position: relative;
	width: 100%;
	float: left;
	background-Image: url(../images/layout/triangle.gif);
	background-Color: #6699cc;
	background-Position: left center;
	background-Repeat: no-repeat;
	background-Attachment: scroll;
	border: 1px solid #ffffff;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	clear: both;
	text-align: left;
}

.divHeaderFormHidden2 {
	position: relative;
	width: 100%;
	float: left;
	background-Image: url(../images/layout/triangle.gif);
	background-Color: #ffffff;
	background-Position: left center;
	background-Repeat: no-repeat;
	background-Attachment: scroll;
	border: 1px solid #005FA9;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	clear: both;
}

.divHeaderFormNoDisplay {
	position: relative;
	width: 100%;
	float: left;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	clear: both;
	display: none;
}

.divHeaderFormVisible {
	position: relative;
	width: 100%;
	float: left;
	background-Image: url(../images/layout/opentriangle.gif);
	background-Color: #ffffff;
	background-Position: left center;
	background-Repeat: no-repeat;
	background-Attachment: scroll;
	border: 1px solid #ffffff;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	clear: both;
	text-align: left;
}

.divLeftHeaderForm {
	position: relative;
	width: 49%;
	float: left;
	text-align: left;
}

.divRightHeaderForm {
	position: relative;
	width: 49%;
	float: right;
	text-align: right;
}

.divHeaderForm h1,.divLeftHeaderForm h1,.divRightHeaderForm h1 {
	font: Bold 14px Arial, sans-serif;
	color: #005FA9;
	margin: 0px;
	padding: 0px;
}

.divHeaderForm h2,.divLeftHeaderForm h2,.divRightHeaderForm h2 {
	font: Bold 12px Arial, sans-serif;
	text-indent: 15px;
	color: #005FA9;
	margin: 0px;
	padding: 0px;
}

.divHeaderFormHidden h1 {
	font: Bold 14px Arial, sans-serif;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.divHeaderFormHidden h2 {
	font: Bold 12px Arial, sans-serif;
	text-indent: 15px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.divHeaderFormHidden2 h1 {
	font: 14px Arial, sans-serif;
	color: #005FA9;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.divHeaderFormHidden2 h2 {
	font: 12px Arial, sans-serif;
	text-indent: 15px;
	color: #005FA9;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.divHeaderFormVisible h1 {
	font: Bold 14px Arial, sans-serif;
	color: #005FA9;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.divHeaderFormVisible h2 {
	font: Bold 12px Arial, sans-serif;
	text-indent: 15px;
	color: #005FA9;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.divContentForm {
	position: relative;
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	clear: both;
}

.divContentFormHidden {
	position: absolute;
	float: left;
	width: 100%;
	visibility: hidden;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	clear: both;
}

.divContentFormHidden2 {
	position: absolute;
	float: left;
	width: 100%;
	visibility: hidden;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	display: none;
	clear: both;
}

.divContentDisplayForm {
	position: relative;
	float: left;
	width: 100%;
	visibility: visible;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	clear: both;
}

.divContentDisplay2Form {
	position: relative;
	float: left;
	width: 100%;
	visibility: visible;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	clear: both;
}

.divContentDisplayFormHidden {
	position: absolute;
	float: left;
	width: 100%;
	visibility: hidden;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	clear: both;
}

.divRightContentForm {
	position: relative;
	float: right;
	text-align: left;
	padding: 5px 5px 0px 0px;
	clear: right;
}

.divLeftContentForm {
	position: relative;
	float: left;
	text-align: left;
	padding: 5px 5px 0px 0px;
}

.divcontentresultnull{
	position: relative;
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	display: none;
	clear: both;
}

.divcontentresult{
	position: relative;
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	display: inline;
	clear: both;
}

.tabContentForm {
	padding: 2px;
	margin: 0px;
	border: 2px ridge #006699;
	background-color: #F5f7f7;
	text-align: left;
}

.tabContentFormInfos {
	padding: 2px;
	margin: 0px;
	border: 0px solid #006699;
	background-color: #fff1a8;
	text-align: left;
}

.tabContentFormWithoutBorder {
	padding: 2px;
	margin: 0px;
	border: 0px ridge #006699;
	background-color: #F5f7f7;
	text-align: left;
}

.tabContentForm td,.tabContentFormWithoutBorder td,.tabContentFormInfos td {
	font-size: 12px;
	color: #000000;
	vertical-align: top;
}

.tabContentForm label,.tabContentFormWithoutBorder label,.tabContentFormInfos label {
	font-size: 12px;
	color: #000000;
	vertical-align: top;
}

.tabContentForm hr {
	border-top: 2px ridge #006699;
}

.tabContentFormInfos a {
}

.divContentDisplayForm td {
	font: 100% Arial, sans-serif;
	color: #000000;
}

.divContentDisplay2Form td {
	font: 100% Arial, sans-serif;
}

.divContentDisplayFormHidden td {
	font: 100% Arial, sans-serif;
	color: #000000;
}

.underTabContentForm {
	padding: 0px;
	margin: 0px;
	border: 1px solid #006699;
	background-color: #ffffff;
}

.underTabContentGroupForm {
	padding: 0px;
	margin: 0px;
	border: 1px solid #006699;
	background-color: rgb(211, 211, 211);
}

.underTabWarningContentForm {
	padding: 0px;
	margin: 0px;
	border: 1px solid #006699;
	background-color: #000000;
}

.underTabWarningContentForm td {
	color: #ffffff;
}

.underTabDisableContentForm {
	padding: 0px;
	margin: 0px;
	border: 1px solid #006699;
	background-color: #f5f7f7;
}

.underTabContentForm th {
	font: 100% Arial, sans-serif;
	color: #000000;
	background-color: #F5f7f7;
}

.underTabContentForm tr.even {
	background-color: #ddeeff;
	vertical-align: top;
}

.underTabContentForm tr.odd {
	background-color: #ffffff;
	vertical-align: top;
}

.underTabContentForm td.alignRightSmall {
	text-align: right;
	font-size: 9px;
}

.validationDemandeLibelle {
	color: #005FA9;
	text-decoration: none;
	cursor: pointer;
}

.validationDemandeImg {
	cursor: pointer;
}

.underTabContentNotDisplayForm {
	padding: 0px;
	margin: 0px;
	border: 0px solid #006699;
	width: 730px;
}

.underTabContentNotDisplayForm td {
	font: 12px Arial, sans-serif;
}

.libellegrise {
	color: #666666;
}

.libellegras a{
	font-weight: bold;
}
.libellenormal a{
	font-weight: normal;
}

/*****************************/ /***** GESTION CATALOGUES ****/
.divElemEna {
	position: relative;
	float: left;
	border: 1px solid #006699;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.divElemDis {
	position: absolute;
	float: left;
	border: 1px solid #006699;
	visibility: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.divElemEna table.divElemEnaTable {
	padding: 0px;
	margin: 0px;
}

.divElemEna table.divElemEnaTable tr.even {
	background-color: #ddeeff;
}

.divElemEna table.divElemEnaTable tr.odd {
	background-color: #ffffff;
}

.spanDivRoot span.spanRoot, .spanDivRoot span.spanNorm{
	font: bold 100% Arial, sans-serif;
}

.spanDivNorm span.spanNorm, .spanDivNorm span.spanRoot{
	font: 100% Arial, sans-serif;
}

/************************/ /******** SUGGEST *******/
#contactSuggDiv2 {
	position: relative;
	visibility: hidden;
	float: left;
	display: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	clear: both;
	z-index: 90;
	border: 1px solid #006699;
	background-color: #ffffff;
}

#contactSugg {
	visibility: hidden;
}

.tabLayoutSuggest {
	padding: 0px;
	border: 0px solid #000000;
}

.tabLayoutSuggest span {
	font: 80% Arial, sans-serif;
	color: #000000;
}

.suggestionList {
	position: absolute;
	background-color: #69c;
	border: 1px solid #000000;
	visibility: hidden;
	z-index: 1;
}

.suggForm {
	padding: 1px 1px 1px 1px;
	float: left;
	visibility: visible;
	position: absolute;
	border: 1px solid #aaaaaa;
	background-color: #ffffff;
	margin-top: 0px;
	text-align: left;
	z-index: 1000;
}

.suggTable {
	padding: 0px;
	border: 1px solid #000000;
}

.subTabContentForm {
	padding: 0px;
	margin: 0px;
	border: 1px solid #fff;
	background-color: #F5f7f7;
}

.subTabContentForm th {
	font: 12px Arial, sans-serif;
	border: 1px solid #fff;
	color: #fff;
	background-color: #69c;
}

.subTabContentForm tr.odd {
	background-color: #fff;
}

.subTabContentForm tr.even {
	background-color: #def;
}

.subTabContentForm td {
	font: 12px Arial, sans-serif;
	border: 0px solid #000000;
	text-align: left;
	color: #000000;
}

.subTabContentForm td.alignRight {
	font: 12px Arial, sans-serif;
	border: 0px solid #000000;
	text-align: right;
	color: #000000;
}

.subTabContentForm td.alignRightRed {
	background-color: #FF0000;
	font: 12px Arial, sans-serif;
	border: 0px solid #000000;
	text-align: right;
	color: #000000;
}

.subTabContentFormImportant td {
	font: 12px Arial, sans-serif;
	color: #ff0000;
}

.subTabContentForm td.unselectTd {
	font: 12px Arial, sans-serif;
	border: 0px solid #000000;
	text-align: left;
	color: #000000;
}

.subTabContentForm td.selectTd {
	font: 12px Arial, sans-serif;
	border: 0px solid #000000;
	text-align: left;
	color: #000000;
	background-color: #fff1a8;
}

.subTabContentForm td.separateTd {
	font: 11px Arial, sans-serif;
	color: #ff0000;
	border-right: 1px solid #000000;
}

/*****************************/ 
/******** DIV ABSOLUTE *******/
.divabsolutehidebutton {
	position: relative;
	width: 750px;
	float: left;
	background-Image: url(../images/layout/triangle.gif);
	background-Color: #ffffff;
	background-Position: left center;
	background-Repeat: no-repeat;
	background-Attachment: scroll;
	border: 1px solid #005FA9;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	text-indent: 15px;
	vertical-align: top;
	clear: both;
}

.divabsoluteshowbutton {
	position: relative;
	width: 762px;
	float: left;
	background-Image: url(../images/layout/opentriangle.gif);
	background-Color: #ffffff;
	background-Position: left top;
	background-Repeat: no-repeat;
	background-Attachment: scroll;
	border: 1px solid #005FA9;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 5px 0px;
	text-indent: 15px;
	vertical-align: top;
	clear: both;
}

.divabsolute {
	position: absolute;
	visibility: hidden;
	clear: both;
	width: 100%;
	float: left;
	background-color: #fff;
}

/************************/ /******* LEGENDES *******/
.elementLegend {
	position: relative;
	float: left;
	width: 100%;
	top: 0%;
}

.legendForm {
	padding: 1px 1px 1px 1px;
	visibility: hidden;
	position: absolute;
	float: right;
	border: 3px solid #69c;
	background-color: #ffffff;
	margin-top: 0px;
	text-align: center;
	clear: both;
	z-index: 1000;
}

.legendTable {
	font: 100% Arial, sans-serif;
	border: 0px solid #000000;
	text-align: center;
	color: #ffffff;
	z-index: 100;
}

.legendTable td {
	font: 100% Arial, sans-serif;
	border: 0px solid #69c;
	text-align: center;
	color: #000000;
}

/************************/ /******** ONGLETS *******/
.ongletMain {
	border-right: #006699 2px ridge;
	border-top: medium none;
	border-left: #006699 2px ridge;
	border-bottom: #006699 2px ridge;
	padding: 0px 0px 0px 0px;
}

.ongletTextEna {
	font: Bold 12px Arial, sans-serif;
	border-right: #006699 2px ridge;
	border-top: #006699 2px ridge;
	border-left: #006699 2px ridge;
	COLOR: #FFFFFF; /*#005386; */
	border-bottom: medium none;
	background-color: #6699cc;
	text-align: center;
}

.ongletTextDis {
	font: Bold 12px Arial, sans-serif;
	border-right: #006699 2px ridge;
	border-top: #006699 2px ridge;
	border-left: #006699 2px ridge;
	COLOR: #005FA9;
	border-bottom: #006699 2px ridge;
	background-color: #FFFFFF;
	text-align: center;
}

.ongletTextEnaUnique {
	font: Bold 12px Arial, sans-serif;
	color: #005FA9;
	border-bottom: #006699 2px ridge;
	background-color: #FFFFFF;
	text-indent: 15px;
	text-align: left;
}

.ongletTextErr {
	border-right: #c5c5c5 1px solid;
	border-top: #c5c5c5 1px solid;
	font-weight: bold;
	font-size: 10px;
	border-left: #c5c5c5 1px solid;
	COLOR: #FFFFFF;
	border-bottom: #80add6 2px solid;
	font-family: verdana;
	background-color: #ED4F50;
	text-align: center;
}

.ongletMiddle {
	border-right: #006699 2px ridge;
	border-top: medium none;
	font-size: 1px;
	border-left: #006699 2px ridge;
	border-bottom: medium none;
	background-color: #F5f7f7;
}

.ongletSpace {
	border-bottom: #006699 2px ridge;
}

/************************/ /** Page de chargement **/
#hidepage {
	float: left;
	padding: 10px;
	position: absolute;
	visibility: hidden;
	clear: both;
	background-color: #FFFFFF;
}

.hidePageDivForm {
	float: left;
	width: 750px;
	border: 1px dotted #cccccc;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	clear: both;
}

.hidePageDivCatForm {
	width: 100%;
	float: left;
	padding: 5px 0px 0px 0px;
	margin-top: 0px;
	clear: both;
}

.hidePageDivHeaderForm {
	width: 100%;
	float: left;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	clear: both;
}

.hidePageDivContentForm {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	clear: both;
}

.tabLoadContentForm {
	padding: 0px;
	border: 2px ridge #FF0000;
	background-color: #F5f7f7;
}

/**************************/ /** Select element liste **/
.elementdiv {
	float: left;
	border: 0px dotted #cccccc;
	color: #005FA9;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	width: 100%;
}

.elementdivactive {
	float: left;
	border: 0px dotted #cccccc;
	color: #ffffff;
	background-color: #005FA9;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	width: 100%;
}

.elementdivactive a.anchorelementdiv {
	color: #ffffff;
}

.elementdiv a.anchorelementdiv {
	color: #005FA9;
}

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

.divcontentresult {
	float: left;
	border: 1px solid #005FA9;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px 0px;
	clear: both;
}

.spanselecthidden {
	float: left;
	visibility: hidden;
	position: absolute;
	clear: both;
}

.spanselecthidden .textfieldselect {
	BORDER: #116486 1px solid;
	font-weight: lighter;
	font-size: 12px;
	color: #005baa;
	line-height: 13px;
	font-family: Verdana;
}

.spanselectvisible {
	float: left;
	visibility: visible;
	position: relative;
	clear: both;
}

.spanselectvisible .textfieldselect {
	border: #116486 1px solid;
	font-weight: lighter;
	font-size: 12px;
	COLOR: #005baa;
	line-height: 13px;
	font-family: Verdana;
}

/***************************/ /** div visible/invisible **/
.divvisible {
	float: left;
	visibility: visible;
	position: relative;
	clear: both;
}

.divinvisible {
	float: left;
	visibility: hidden;
	position: absolute;
	clear: both;
}

.divvisible2 {
	float: left;
	display: inline;
	visibility: visible;
	position: relative;
	clear: both;
}

.divinvisible2 {
	float: left;
	display: none;
	visibility:hidden;
	position: relative;
	clear: both;
}

.divvisible3 {
	float: left;
	clear: both;
}

.divinvisible3 {
	float: left;
	display: none;
	clear: both;
}

.divclockvisible {
	float: left;
	left: 0;
	display: inline;
	visibility: visible;
	position: absolute;
	clear: both;
}

.divclockinvisible {
	float: left;
	left: 0;
	display: none;
	visibility: visible;
	position: absolute;
	clear: both;
}

/***************************/ /**   span commentaires   **/
.descriptionspan {
	background-color: #000;
	color: #fff;
}

.informationspan {
	font: italic 12px Arial, sans-serif;
	color: #444;
}

#cataloguesListe a:link,#cataloguesListe a:visited {
	color: #005FA9;
	font: Bold 100% Arial, sans-serif;
	text-decoration: underline;
}

#cataloguesListe a:hover {
	text-decoration: underline;
}

.photoArticleCatalogue {
	width: 100px !important;
	height: auto !important;
	width: min(parseInt(offsetWidth), 100 );
	height: min(parseInt(offsetHeight), 50 );
}

.photoEquipementReponse {
	width: 200px !important;
	height: auto !important;
	width: min(parseInt(offsetWidth), 200 );
	height: min(parseInt(offsetHeight), 100 );
}

.photoTiers {
	width: 100px !important;
	height: auto !important;
	width: min(parseInt(offsetWidth), 100 );
	height: min(parseInt(offsetHeight), 50 );
}

/***************************/ /**     Div OverFlow      **/
.divResultTableOverflow {
	width: 100%;
	height: 100px;
	overflow: auto;
	float: left;
	position: relative;
	clear: both;
}

.divResultTableNoOverflow {
	width: 100%;
	float: left;
	position: relative;
	clear: both;
}

.motdepasseoublie {
	font-size: 10px;
}

.linkSort {
	font: 12px Arial, sans-serif;
	color: #ffffff;
	text-align: center;
}

/*********************************/
.divDetailsTabContentForm {
	position: relative;
	float: left;
	width: 100%;
	border: 1px dotted #cccccc;
	background-color: #fff;
	padding: 5px 5px 5px 5px;
	/*margin: 5px 5px 5px 5px; */
	clear: right;
}

.detailsTabContentForm {
	padding: 0px;
	margin: 0px;
	border: 1px solid #006699;
	background-color: #ffffff;
}

.subdetailsTabContentForm {
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}

.detailsTabContentForm tr.odd {
	background-color: #6699cc;
	color: #ffffff;
	vertical-align: top;
}

.detailsTabContentForm td.odd {
	/*background-color: #F5f7f7;*/
	background-color: #6699cc;
	color: #ffffff;
	vertical-align: top;
}

.detailsTabContentForm td.even {
	background-color: #ffffff;
	vertical-align: top;
	color: #000000;
}

.detailsTabContentForm td.odd2 {
	background-color: #ffffff;
	/*background-color: #6699cc;*/
	color: #000000;
	vertical-align: top;
}