body
{
	 margin:0px 0px 0px 0px;
	 font-family:Verdana;
	 font-size:11px;
	 scrollbar-face-color: steelblue;
	 scrollbar-shadow-color: #FFFFFF;
	 scrollbar-highlight-color: steelblue;
	 scrollbar-darkshadow-color: black;
	 scrollbar-track-color: lavender;
	 scrollbar-arrow-color: #FFFFFF;
	 overflow:auto;
}

IMG
{
	border:0;	
}


A {
	FONT-SIZE: 11px;
	COLOR: black;
	FONT-FAMILY: verdana;
	TEXT-DECORATION: none;	
}

td {
	FONT-SIZE: 11px;
	FONT-FAMILY: verdana;
	TEXT-DECORATION: none;
}

select {
	FONT-SIZE: 11px;
	FONT-FAMILY: verdana;
	TEXT-DECORATION: none;
}


A.PeugeotLink
{
	FONT-SIZE: 11px;
	COLOR: blue;
	FONT-FAMILY: verdana;
	TEXT-DECORATION: underline;	
}



/**********
* HEADER
***********/

#Header 
{
	border-bottom-color:#0c2c84;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

#Header ul 
{
	margin: 0 0 0 0;
	padding: 0 0 0 3;
}

#Header li 
{
	display:inline;
	width:150px;
	padding:0 1 0 0;
	margin: 0 0 0 0;
}


	
#Header li A
{
	font-weight: bold;
	FONT-SIZE: 12px;
	color:White;
	line-height: 20px;
	width:150px;
	list-style-type: none;
	text-align:center;
	vertical-align:middle;	
	background-image: url(../Images/common/DarkBlue.gif);
	background-repeat: no-repeat;		
}

#Header li a:hover 
{
	background-image: url(../Images/common/LightBlue.gif);	
}


/*Header_MenuTop*/

.Header_MenuTop
{
	text-align:right;
	vertical-align:middle;
	
}

.Header_MenuTop  A {
	FONT-SIZE: 11px;
	FONT-WEIGHT:normal;
	line-height: 15px;
	list-style-type: none;
	text-align:center;
	vertical-align:middle;	
}

/*Header_Logo*/

.Header_Logo
{
	text-align:right;
	vertical-align:middle;
}

.Header_Logo  A {
	FONT-SIZE: 11px;
	FONT-WEIGHT:normal;
	line-height: 15px;
	list-style-type: none;
	text-align:center;
	vertical-align:middle;	
}

/*Header_welcome*/
.Header_Welcome
{
	font-size: 11px;
	font-weight:bold;
	line-height: 15px;
	list-style-type: none;
	text-align:center;
	vertical-align:middle;	
}

/*Header_title*/
.Header_title
{
	font-size: 16px;
	font-weight:bold;
	color:#0c2c84;
	font-family:Arial;
}

/*Header_Intro*/
.Header_Intro
{
	font-size: 18px;
	font-weight:bold;
	color:#0c2c84;
	font-family:Arial;
}
/*Header_key*/
.Header_Key
{
	font-size: 11px;
	font-weight:bold;
	line-height: 15px;
	list-style-type: none;
	text-align:center;
	vertical-align:middle;	
	color:#0c2c84;
}

/**********
* MAIN
***********/
/*  V 1.0
#Main
{
	width: 1007px;
	background-color: #D2EDF3;
}

#Left
{
	float: left;
	width: 270px;
}

#Left input
{
	font-family:Verdana;
	font-size:11px;	
}

#Left p
{
	margin: 5 5 15 5;	
}

#Right
{
	margin-left: 270px;
	padding: 0 0 0 5;
	background-color:#ffffff;
}*/




 /*V 3.0 */

#Main
{
	background-color:#D2EDF3;
}

#Left
{
	height:100%;
	width:270px;
	background-color:#D2EDF3;
	float:left;
	position:relative;
	
}

#Left input
{
	font-family:Verdana;
	font-size:11px;	
}

#Left p
{
	margin: 5 5 15 5;	
}

#Right
{
	margin-left: 5px;
	height:600px;
	width:100%;
	background-color:#ffffff;
}



/**********
* LEFT
***********/

/*Left_Arbo*/

#Left_Arbo
{
	background-color: #578FBD;
	font-size:10px;
	color: #ffffff;
	height:20px;
	width: 270px;
}

#Left_Arbo ul 
{
	padding: 5 0 5 10;
	margin: 0 10 0 0;
	border:0;
}

#Left_Arbo li 
{
	font-size:10px;
	font-weight:bold;
	color: #ffffff;
	display:inline;
		
}

#Left_Arbo li A
{
	font-size:10px;
	font-weight:bold;
	color: #ffffff;
	padding:0 0 0 0;
	
}

/*Left_Menu*/

#Left_Menu
{
	font-size:10px;
	color: #ffffff;
	font-weight:bold;
	width: 270px;
}

#Left_Menu ul 
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border:0;
	width: 270px;
}

#Left_Menu li 
{
	background-color:dodgerblue;
	width:270px;
	display:inline;
}
	
#Left_Menu li A
{
	line-height: 20px;
	width:270px;
	background-color:#D2EDF3;
	list-style-type:none;
	font-size:10px;
	vertical-align:middle;	
	padding: 0 0 0 20;
}

#Left_Menu li a:hover 
{
	background-color:#829cc7;
}


/**********
* les Datagrid
***********/

.DataGrid 
{
	border-color:#0c2c84;
	background-color:White;	
}

.DataGrid td
{
	padding: 2 0 0 0;
}

/*headerstyle*/

.DataGrid_Header td
{
	font-size:10px;
	font-family:verdana;
	color:White;
	font-weight:bold;
	background-color:#6699FF;
	line-height:20px;	
	text-align:center;
	vertical-align:middle;	
	border-color:#0c2c84;
}

.DataGrid_HeaderLeft td
{
	font-size:10px;
	font-family:verdana;
	color:White;
	font-weight:bold;
	background-color:#6699FF;
	line-height:20px;	
	text-align:Left;
	vertical-align:middle;	
	border-color:#0c2c84;
}


.DataGrid_Header A
{
	color:White;
	font-size:12px;	
}

/*footerstyle*/

.DataGrid_Footer td
{
	font-size:10px;
	vertical-align:middle;
	text-align:center;
	background-color:#6699FF;	
	border-color:#0c2c84;
}


.DataGrid_Footer A
{
	font-size:10px;
	font-family:verdana;	
}

/*pagestyle*/

.DataGrid_Page td
{
	font-size:10px;
	height:20px;
	vertical-align:middle;
	background-color:#6699FF;	
	border-color:#0c2c84;
}


.DataGrid_Page td A
{
	font-size:10px;
	font-family:verdana;
	color:Blue;	
	text-decoration:underline;
}


/*itemstyle*/

/* --> 1 */
.DataGrid_Item td
{
	font-size:10px;
	vertical-align:middle;
	text-align:center;
	border-color:#0c2c84;
	padding: 1 1 1 1;
}


.DataGrid_Item A
{
	font-size:10px;
	font-family:verdana;
	color:Blue;	
	text-decoration:underline;
}

/* --> 2 */
.DataGrid_Item2 td
{
	font-size:10px;
	vertical-align:middle;
	text-align:left;	
	border-color:#0c2c84;
	padding: 1 1 1 4;
}


.DataGrid_Item2 A
{
	font-size:10px;
	font-family:verdana;
	color:Blue;	
	text-decoration:underline;
}

/* --> Infotech Admin */
.DataGridInfotechAdmin_Item td
{
	font-size:10px;
	vertical-align:middle;
	border-color:#0c2c84;
}


.DataGridInfotechAdmin_Item A
{
	font-size:10px;
	font-family:verdana;
	color:Blue;	
	text-decoration:underline;
}

/* --> Garantie */
.DataGridWarranty_Item td
{
	font-size:10px;
	border-color:#0c2c84;
}


.DataGridWarranty_Item A
{
	font-size:10px;
	font-family:verdana;
	color:Blue;	
	text-decoration:underline;
}


/*pagerstyle*/

.DataGrid_Pager td
{
	font-size:10px;
	font-weight:bold;
	color:White;
	vertical-align:middle;
	/*text-align:right;		*/
	background-color:#6699FF;
	border-color:#0c2c84;
}


.DataGrid_Pager A
{
	font-size:10px;
	font-family:verdana;
	color:White;
	text-decoration:underline;
		
}

/*alternatingitemstyle*/

/* --> 1 */
.DataGrid_AlternatingItem td
{
	font-size:10px;
	vertical-align:middle;
	text-align:center;	
	background-color:#E0E0E0;
	border-color:#0c2c84;
}


.DataGrid_AlternatingItem A
{
	font-size:10px;
	font-family:verdana;
	color:Blue;	
	text-decoration:underline;	
}

/* --> Infotech Admin */

.DataGridInfotechAdmin_AlternatingItem td
{
	font-size:10px;
	vertical-align:middle;
	background-color:#E0E0E0;
	border-color:#0c2c84;
}


.DataGridInfotechAdmin_AlternatingItem A
{
	font-size:10px;
	font-family:verdana;
	color:Blue;	
	text-decoration:underline;	
}

/* --> Infotech Admin */

.DataGridWarranty_AlternatingItem td
{
	font-size:10px;
	background-color:#E0E0E0;
	border-color:#0c2c84;
}


.DataGridWarranty_AlternatingItem A
{
	font-size:10px;
	font-family:verdana;
	color:Blue;	
	text-decoration:underline;	
}





/**********
* LABELS
***********/

.LabelError
{
	 font-family:Verdana;
	 font-size:11px;
	 color:Red;
	 font-style:italic;
	 font-weight:bold;	 
}

.LabelError ul
{
	 font-family:Verdana;
	 font-size:11px;
	 color:Red;
	 font-style:italic;
	 font-weight:bold;
	 margin:  5 20 20 20;	 
}

.LabelError li
{
	 font-family:Verdana;
	 font-size:11px;
	 color:Red;
	 font-style:italic;
	 font-weight:bold;	 
}

.LabelSuccess
{
	 font-family:Verdana;
	 font-size:11px;
	 color:Green;
	 font-weight:bold;	 
}

/**********
* BUTTONS
***********/

.PeugeotButton 
{
	 background:#6699ff;
	 font-weight:bold;
	 font-family:Verdana;
	 color:White;
	 
}

.PeugeotLink 
{
	font-size:11px;
	font-family:verdana;
	color:Blue;	
	text-decoration:underline;	 
}

/**********
* TITLES
***********/

.Title
{
	font-weight:bold;
	padding: 0 0 0 20;
	width:500px;
	
}

/**********
* INTRO
***********/

.Intro
{
	padding: 0 0 0 20;	
}

/**************
* TREEVIEW SAV
***************/

#TreeView
{
	float:left;
	width: 270px;
	height:510px;
	padding: 5px 5px 5px 10px;
	background-color: #D2EDF3;
	overflow:auto;		
}

#LeftDoc
{
	float:left;
	width: 270px;
	background-color: #D2EDF3;
}

#RightDoc
{
	margin-left: 5px;
	width:65%;
	position:absolute;
	background-color:#ffffff;
}




/**************
* ADMIN TREEVIEW SAV
***************/

#LeftDocAdmin
{
	float:left;
	width: 270px;
	height:515px;
	background-color: #D2EDF3;
}

#TreeViewAdmin
{
	float:left;
	width: 270px;
	height:475px;
	padding: 5px 5px 5px 10px;
	background-color: #D2EDF3;
	overflow:auto;	
}

#RightDocAdmin
{
	margin-left: 5px;
	width:65%;
	position:absolute;
	background-color:#ffffff;
}

#RightDocIFrame
{
	width:100%;
	height:100%;
	background-color:#ffffff;
}


/**********
* COMMANDE
***********/

#CommandMain
{
	float:left;
	background-color:#ffffff;
	/*width:1024px;*/
}

#CommandLeft
{
	float:left;
	/*height:600px;*/
	width:303px;
	overflow:auto;
	padding: 5 0 0 5;
	background-color:#ffffff;
}

#CommandRight
{
	margin-left: 303px;
	/*height:600px;
	width:710px;	*/
	background-color:#ffffff;
}


/*Menu Command*/

#CommandMenu 
{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #ffffff;
	border-bottom-color:#0c2c84;
	border-bottom-width:1px;
	border-bottom-style:solid;

}

#CommandMenu A
{
	font-weight:bold;
}

#CommandMenu_Left
{
	float: left;
	display:inline;	
	width:100%;
}

#CommandMenu_Right 
{
	float: right;
	display:inline;	
}


/*CommandPage*/

#CommandPage
{
	background-color:#d2edf3;
}

#CommandPage td {
	FONT-SIZE: 11px;
	FONT-FAMILY: verdana;
	TEXT-DECORATION: none;
}

#CommandPage select {
	FONT-SIZE: 11px;
	FONT-FAMILY: verdana;
	TEXT-DECORATION: none;
}


/**********
* COMMANDE POPUP
***********/
/*Content nouvelle fenetre*/

#CommandMainPOPUP
{
	float: left;
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;
	background-color: #ffffff;
	border-bottom-color:#0c2c84;
	border-bottom-width:1px;
	border-bottom-style:solid;	
	width:1007;	
}

#CommandLeftPOPUP 
{
	float: left;
	border: solid 1px #0c2c84;	
	background-color: #ffffff;
	margin: 5 0 0 5px;
	width: 240px;
}

#CommandLeftPOPUP input 
{
	text-align: center;
}

#CommandLeftPOPUP select
{
	width: 100%;
	height: 400px;
	margin: 0;
	padding: 0;
	font-family: Courier New;
	font-size: 11px;
}

#CommandLeftPOPUP .CommandListHeader
{
	width: 100%;
	margin: 0;
	background-color: #578FBD;
	padding: 0 5px 0 5px;
}

#CommandLeftPOPUP .ColumnHeader
{
	width: 100%;
	margin: 0;
	background-color: #349ad4;
	padding: 0 5px 0 5px;
	font-family: Courier New;
	font-size: 11px;	
}

.CommandRightPOPUP
{
	float: left;	
	border: solid 1px #000;	
	margin: 5 0 0 5;
	padding: 5px;
	width:730px;	
	background-color:#ffffff;
}

/*Command userprofile*/


.CommandProfilePanel
{
	float: left;	
	border: solid 1px #0c2c84;	
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;	
	background-color:#ffffff;
}

.CommandProfilePanel table
{
	/*width: 600px;*/
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


/*Menu nouvelle fenetre Commande*/


#CommandMenuPOPUP 
{
	float: left;
	margin: 0 0 0 0;
	padding: 2 5 2 5;
	height:15px;
	width:1007;
	background-color: #ffffff;
	border-bottom-color:#0c2c84;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

#CommandMenuPOPUP ul 
{
	margin: 0 0 0 0;
	padding: 0 0 0 3;
}

#CommandMenuPOPUP li 
{
	display:inline;
	width:100px;
	padding:0 1 0 0;
	margin: 0 0 0 0;
}
	
#CommandMenuPOPUP li A
{
	font-weight: bold;
	color:White;
	width:100px;
	list-style-type: none;
	text-align:center;
	vertical-align:middle;	
	color:Black;
}

/*CommandMenuPOPUPSelected*/
.CommandMenuPOPUPSelected
{
	background-color: #9ECFFD;
	padding : 0 0 0 0;
	height:10px;
}
.CommandMenuPOPUPSelected a
{
	color:White;
	text-align:center;
	vertical-align:middle;	
}



/****************
/* COMMANDES ACCORDEONS 
/****************/

.Accordeon
{
	border-color:#0c2c84;
	border-style:solid;
	border-width:1px;
	width:280px;
	vertical-align:middle;		
}


/**********
* GARANTIE
***********/

#GarantieMain
{
	float: left;
	margin: 0 0 0 0;
	padding: 2 2 2 0;	
}

#GarantieMain h1
{
	color:red;
	font-size:8pt;
	margin:0 0 0 5;
	display:inline;	
}

#GarantieMain a
{
	font-size:11px;
	font-family:verdana;
	color:Blue;	
	text-decoration:underline;
}

#GarantieMain hr
{
	color:#0c2c84;
}

#GarantieMainTitle
{
	font-weight:bold;
	padding: 15 0 0 20;	
}

#GarantieTitle
{
	font-weight:bold;
	padding: 0 0 0 20;	
}

#GarantieContent
{
	padding: 0 0 0 20;
}


/****Les tableaux de la garantie*/
.TableGarantie
{
	margin: 15 15 15 15;
}

.TableGarantie td
{
	padding: 2 2 2 2;
}

/*Les controls de la garantie*/
.GarantieFormTitle
{
	font-weight:bold;
}

.GarantieFormTitle2
{
	font-weight:bold;
	font-style:italic;
}

.GarantieFormTextBox
{
	width:200px;
}

.GarantieFormDropDownList
{
	width:200px;	
}

.GarantieFormRadioList
{
	display:inline;
	height:15px;
}

.GarantieFormListBox
{
	width:200px;	
}