/* MODAL DIALOG */

.modalDialogFrame
{
	background-color:#ffffff;
	border:solid 1px #000000;
	font-family: Arial;
	font-size:12px;	  
}

.modalDialogBorder
{
	border-left:solid 7px #BAD2EA;
	border-right:solid 7px #BAD2EA;
	border-bottom:solid 7px #BAD2EA;
}

.modalDialogBorderNoBottom
{
	border-left:solid 7px #BAD2EA;
	border-right:solid 7px #BAD2EA;
}

.modalDialogTitleBar
{
	background:url(../images/vista/titlebar.png) repeat-x; 
	color:#000000;
	height:29px;
	font-family: Arial;
	text-align:left;
	line-height:29px;
	font-size:12px;	  
	padding:0px 0px 0px 10px;
}

.modalDialogTitleBarIcon
{
	background:url(../images/vista/titlebar.png) repeat-x; 
	color:#000000;
	height:29px;
	text-align:left;
	line-height:29px;
	font-family: Arial;
	font-size:12px;	  
	padding:0px 0px 0px 10px;
}

.modalDialogTitleBarIcon img
{
	height:16px;
	width:16px;
	border:0px;
	padding: 0px 10px 0px 0px;
	vertical-align:middle;
	text-align: left;
}

/* USAGE :
		<!--Black frame-->
		<div class="modalDialogFrame" style="width:350px;height:150px;">
			<!--Title bar with icon-->
            <div class="modalDialogTitleBarIcon"><img src="img/vista/txt.png" />title here</div>
			<!--Title bar with no icon-->
            <div class="modalDialogTitleBar">title here</div>
			<!--Borders and contents.-->
			<!--The height is the height of the frame - the height of the titlebar(29) - height of the border(7)-->
            <div class="modalDialogBorder" style="height:114px;">Put content here</div>
        </div>
*/


/* TOOLBAR */

/* USAGE :
	<div id="toolBar" style="width:336px;">
		<ul>
			<li><a href="#"><span>Item 1</span></a></li>
			<li><a href="#"><span>Item 2</span></a></li>
			<li><a href="#"><span>Item 3</span></a></li>
		</ul>
	</div>
	
*/
#toolBar 
{
	float:left;
	font-family: Arial;
	font-size: 12px;
	color:#000000;
	margin:0px;
	padding:0px;
	background-image: url(../images/vista/toolbar.png);
	background-repeat:repeat-x;
}

#toolBar ul 
{
	float:left;
	line-height:32px;
	list-style:none;
	margin:0px;
	padding:0px 2px 0px 10px;
}

#toolBar li 
{
	display:inline;
	padding:0px;
}

#toolBar a 
{
	color:#000000;
	float:left;
	padding:0px 3px 0px 3px;
	text-decoration: none;
}

#toolBar a span 
{
	display:block;
	float:none;
	padding:0px 10px 0px 7px;
}

#toolBar a span img 
{
	border:none;
	vertical-align: middle;
	margin:0px 4px 0px 0px;
}

#toolBar a:hover
{
	background: url(../images/vista/toolbarhoverleft.png) no-repeat left center;
}

#toolBar a:hover span 
{
	background:url(../images/vista/toolbarhoverright.png) no-repeat right center;
}

/* UI CONTROLS */

.button
{
	margin: 0; 
	border:solid 1px #707070;
	background:url(../images/vista/button.png) repeat-x; 
	color: #000000; 
	cursor: pointer;
	height: 22px;
	font-size: 12px; 
	font-family: Arial;
	padding:0;
}

.checkbox
{
	margin: 0; 
	color: #000000; 
	cursor: pointer;
	font-size: 12px;
	font-family: Arial; 
	padding:0;
}

.radiobutton
{
	margin: 0; 
	color: #000000; 
	cursor: pointer;
	font-size: 12px;
	font-family: Arial; 
	padding:0;
}

.textbox
{
	font-family: Arial;
	font-size:12px;
	border:solid 1px #3D7BAD;
	background: #FFFFFF;
}

.dropdown
{
	font-family: Arial;
	font-size:12px;
	border:solid 1px #3D7BAD;
}

/* GRID */

.grid 
{
    border:solid 1px #D6E5F5;
    background-color:#ffffff;
    padding:0px;
}

.grid .title
{
	background:url(../images/vista/titlebar.png) repeat-x; 
	color:#000000;
	height:29px;
	font-family: Arial;
	font-weight:bold;
	text-align:left;
	line-height:29px;
	font-size:12px;	  
	padding-left:5px;
}

.grid .datatable
{
	width:100%;
}

.grid .datatable th
{
	text-align:left;
	height:25px;
	line-height:25px;
	padding:0px 4px;
	border-right:solid 1px #DFEAF7;
	color:#A36099;
	font-family: Arial;
	font-size:12px;
}

.gridCell
{
	color:#000000;
	text-align:left;
	padding:2px 4px;
	font-family: Arial;
	font-size:11px;
}

.gridSelectedSortColumn
{
    background:url(../images/vista/selectedcolumn.png) repeat-x;
	text-align:left;
	height:25px;
	line-height:25px;
	padding:0px 4px;
	border-right:solid 1px #DFEAF7;
	color:#A36099;
	font-family: Arial;
	font-size:12px;
	font-weight:normal;
}

.gridSortColumn
{
	text-align:left;
	height:25px;
	line-height:25px;
	padding:0px 4px;
	border-right:solid 1px #DFEAF7;
	color:#A36099;
	font-family: Arial;
	font-size:12px;
    background:#FCFCFC;
    font-weight:normal;
}

.gridRowOver
{
	background-color:#F0F6FD;
	color:#000000;
	text-align:left;
	padding:2px 4px;
	font-family: Arial;
	font-size:11px;
}

.grid a
{
	color : #000000;
	text-decoration: none;
}

.gridSelectedRow
{
	background-color: #C9E0FC;
	color: #000000;
	text-align:left;
	padding:2px 4px;
	font-family: Arial;
	font-size:11px;
}

.gridPager
{
	background:url(../images/vista/pager.png) repeat-x;
	border:solid 1px #99BBE8;
	font-family: Arial;
	font-size:10px;
	height:26px;
}

.gridPagerButtonSection
{
	text-align: right;
}

.gridPagerCountSection
{
	text-align:left;
	width:150px;
}

.gridPagerButton
{
	padding-right:10px;
	padding-top:6px;
	vertical-align:top;
}

.gridPagerTextbox
{
	font-size:10px;
	font-family:Arial;
	border:solid 1px #3D7BAD;
	background: #FFFFFF;
	width:20px;
	height:12px;
	margin:4px;
}

.gridFooter
{
	background-color:#FFFFFF;
	font-weight:bold;
	font-size: 11px;
	text-align:center;
}
/* USAGE

<div id="gridView" 
                     class="grid"
                     style="width:330px;">
                    <div class="title">Liste des documents</div>
                <asp:GridView ID="gvList" 
                              runat="server" 
                              CssClass="datatable"
                              PageSize="10"
                              CellPadding="0" 
                              CellSpacing="0" 
                              Width="330px"
                              Border="0"
                              AllowPaging="true" 
                              AllowSorting="true" 
                              AutoGenerateColumns="false" 
                              AutoGenerateDeleteButton="false" 
                              AutoGenerateEditButton="false" 
                              AutoGenerateSelectButton="false" 
                              onselectedindexchanged="gvList_SelectedIndexChanged" 
                              onrowcreated="gvList_RowCreated" 
                              onsorting="gvList_Sorting" 
                              onpageindexchanging="gvList_PageIndexChanging"
                              DataKeyNames="Id"
                              style="border-collapse:separate" 
                              RowStyle-CssClass="gridCell">
                        <FooterStyle CssClass="gridFooter" />
                        <SelectedRowStyle CssClass="gridSelectedRow" />
                        <PagerStyle CssClass="gridPager" />
                        <PagerSettings FirstPageText="&lt;&lt;" 
                                       LastPageText="&gt;&gt;" 
                                       NextPageText="&gt;" 
                                       PreviousPageText="&lt;" 
                                       Mode="NumericFirstLast" 
                                       PageButtonCount="5"  
                                       Position="Bottom" />
                    <Columns>
                        <asp:BoundField HeaderText="Titre" 
                                        HtmlEncode="false" 
                                        ControlStyle-Width="130px"
                                        DataField="Titre"
                                        SortExpression="docTitre" />
                    </Columns>
                    <Columns>
                        <asp:BoundField HeaderText="Date de Publication" 
                                        HtmlEncode="false"
                                        ControlStyle-Width="200px"
                                        DataField="DatePublication"
                                        DataFormatString="{0:yyyy-MM-dd}"
                                        SortExpression="docDatePublication" />
                    </Columns>
                </asp:GridView>
                </div>  
*/

/* MENU */
.menuBarHorizontal
{
	height:22px;
	color:#000000;
	font-family: Arial;
	text-align:left;
	line-height:22px;
	font-size:12px;	  
	background:url(../images/vista/menubar.png) repeat-x; 
}

.menuBarVertical
{
	color:#000000;
	font-family: Arial;
	text-align:left;
	line-height:22px;
	font-size:12px;	  
	background:#FFFFFF;
	padding-left:4px;
}

.menuItemHover
{
	background:#C4DDFC;
	border:solid 1px #7099C9;
	color:#000000;
	height:22px;
	font-family: Arial;
	text-align:left;
	line-height:22px;
	font-size:12px;	  
}

.menuItemSelected
{
	background:#FFFFFF;
	color:#000000;
	height:22px;
	font-family: Arial;
	font-weight:bold;
	font-style:italic;
	text-align:left;
	line-height:22px;
	font-size:12px;	  
}

.menuItem
{
	color:#000000;
	height:22px;
	font-family: Arial;
	text-align:left;
	line-height:22px;
	font-size:12px;	  
}

.menuItem a
{
	color:#000000;
	text-decoration: none;
}

.menuItem a:hover
{
	color:#000000;
}

.subMenu
{
	border:solid 1px #979797;
	color:#000000;
	font-family: Arial;
	text-align:left;
	font-size:12px;	
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX='3', OffY='2', Color='#D4D4D4', Positive='true');
	z-index:1;
}

.subMenuItem
{
	color:#000000;
	height:24px;
	background:#F0F0F0;
	border:solid 1px #F0F0F0;
	font-family: Arial;
	text-align:left;
	font-size:12px;	 
	padding:0px 5px 0px 5px;
}

.subMenuItemHover
{
	background:#ECF0F6;
	border:solid 1px #AECFF7;
	color:#000000;
	height:24px;
	font-family: Arial;
	text-align:left;
	font-size:12px;	  
	padding:0px 5px 0px 5px; 
}

.subMenuItem a
{
	color:#000000;
	text-decoration: none;
}

.subMenuItem a:hover
{
	color:#000000;
}

/* USAGE

					<asp:Menu ID="menua" 
                          CssClass ="menuBarVertical"
                          runat="server" 
                          DataSourceID="SiteMapDataSource1"
                          Orientation="vertical" 
                          SkipLinkText="" 
                          DynamicHorizontalOffset="8"
                          StaticPopOutImageUrl="img/vista/menupopup.png" 
                          StaticSubMenuIndent="0px" 
                          StaticDisplayLevels="2" 
                          Width="336" >
                        <StaticMenuStyle CssClass="menuItem" />
                        <StaticHoverStyle CssClass="menuItemHover" />
                        <StaticSelectedStyle CssClass="menuItemSelected" />
                        
                        <DynamicHoverStyle CssClass="subMenuItemHover" />
                        <DynamicMenuStyle CssClass="subMenu" Width="163" />
                        <DynamicSelectedStyle CssClass="subMenuItemHover" />
                        <DynamicMenuItemStyle CssClass="subMenuItem" />
                    </asp:Menu>
*/

/* TAB */
.tab .ajax__tab_outer					
{ 
	border-top: solid 1px #898C95;
	border-right: solid 1px #898C95;
	border-left: solid 1px #898C95;
}

.tab .ajax__tab_inner					
{ 
	background:url(../images/vista/tab.png) repeat-x;
	border-right: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
}

.tab .ajax__tab_tab						
{ 
	height:17px;
}

.tab .ajax__tab_hover .ajax__tab_outer	
{ 
	border-top: solid 1px #3C7FB1;
	border-right: solid 1px #3C7FB1;
}

.tab .ajax__tab_hover .ajax__tab_inner	
{ 
	background:url(../images/vista/tabhover.png) repeat-x;
}

.tab .ajax__tab_hover .ajax__tab_tab	
{ 
	height:17px;
}

.tab .ajax__tab_active .ajax__tab_outer	
{ 
	border-top: solid 1px #898C95;
	border-right: solid 1px #898C95;
}
	
.tab .ajax__tab_active .ajax__tab_inner	
{ 
	background:url(../images/vista/tabactive.png) repeat-x;
}

.tab .ajax__tab_active .ajax__tab_tab	
{ 
	height:19px;
}

.tab .ajax__tab_header 					
{ 
	font-family:Arial;
	font-size:12px;
	margin-left:3px;
	padding-top: 5px;
}

.tab .ajax__tab_body					
{ 
	font-family:Arial;
	font-size:10pt;
	border:1px solid #898C95;
	padding-top:8px;
	padding-left:8px;
	background-color:#ffffff; 
}

/* USAGE

<ajaxToolkit:TabContainer runat="server" 
                                          ID="onglets" 
                                          ActiveTabIndex="0" 
                                          Width="300"
                                          CssClass="tab" 
                                          Height="300">
                    <ajaxToolkit:TabPanel runat="server" 
                                          ID="TabPanelGeneral" 
                                          HeaderText="Général ee e " 
                                          Height="300">
                        <ContentTemplate>
                            <table style="width: 100%" border="0">
                                <tr>
                                    <td valign="top">
                                        
                                    </td>
                                    <td>
                                        
                                    </td>
                                </tr>
                                <tr>
                                    <td valign="top">
                                        
                                    </td>
                                    <td>
                                        
                                    </td>
                                </tr>
                            </table>
                        </ContentTemplate>
                    </ajaxToolkit:TabPanel>
                    <ajaxToolkit:TabPanel runat="server" 
                                          ID="TabPanelMemo" 
                                          HeaderText="Mémo" 
                                          Height="300">
                        <ContentTemplate>
                            <table style="width: 100%" border="0">
                                <tr>
                                    <td>
                                        <asp:Label ID="lblMemo" runat="server" Text="Mémo : " /><br />
                                    </td>
                                </tr>
                            </table>
                        </ContentTemplate>
                    </ajaxToolkit:TabPanel>
                    <ajaxToolkit:TabPanel runat="server" 
                                          ID="TabPanel1" 
                                          HeaderText="Avancé" 
                                          Height="300">
                        <ContentTemplate>
                            <table style="width: 100%" border="0">
                                <tr>
                                    <td>
                                        <asp:Label ID="Label1" runat="server" Text="Mémo : " /><br />
                                    </td>
                                </tr>
                            </table>
                        </ContentTemplate>
                    </ajaxToolkit:TabPanel>
                    
                    <ajaxToolkit:TabPanel runat="server" 
                                          ID="TabPanel2" 
                                          HeaderText="Propriétés" 
                                          Height="300">
                        <ContentTemplate>
                            <table style="width: 100%" border="0">
                                <tr>
                                    <td>
                                        <asp:Label ID="Label2" runat="server" Text="Mémo : " /><br />
                                    </td>
                                </tr>
                            </table>
                        </ContentTemplate>
                    </ajaxToolkit:TabPanel>
                </ajaxToolkit:TabContainer>
*/

.messageBoxButton
{
	background-color:#F0F0F0;
	border-top:solid 1px #DFDFDF;
	text-align:right;
	height:35px;
	padding-top: 13px;
	padding-right:8px
}

.menuTitleBar
{
	color:#000000;
	font-family: Arial;
	font-weight:bold;
	font-size:14px;	  
	padding:0px 0px 0px 0px;
	border-bottom:solid 1px #D6E5F5;
	height:30px;
}