﻿ 
body
{
	background-color:White;
	margin-top:0px;
	margin-left:0px;
	font-family:Verdana;
	font-size:small;
}


A:active
{
    font-family:Verdana;
    color:#3888BA;
    font-size:small;
    font-weight:bold; 
}

A:hover
{
    font-family:Verdana;
    color:Black;
    font-size:small;
    font-weight:bold; 
    
}

.TitleRubrique
{
 cursor:pointer;   
}
.Logo
{
	position:absolute;
	top:10px;
	left:150px;
}

.Orga
{
    font-family:Verdana;
    font-size:medium;
    color:White;
    font-weight:bold;
}

A:hover.msgDetails 
{
    text-decoration:none;
    font-size:xx-small;
    color:Green;
}


/***********************************New Class********************************/
.LabelIntro
{
    font-size:large;
    font-family:Verdana;
    color:#5d7b9d;
}

.LabelError
{
    font-family:Verdana;
    color:Red;    
}

.divContent
{
    text-align:left;
}

.Separator
{
    color:red;
    width:100%;
    height:2px;
}

.blinkText
{
    text-decoration:blink;
}

.Button
{
    font-size:X-Small;
    Height:18px;
    background-color:#3B86D9;
    border-color:Silver;
    border-style:Solid;
    color:White;
}
.Button:hover
{
    font-size:X-Small;
    Height:18px;
    background-color:White;
    border-color:Silver;
    border-style:Solid;
    color:#3B86D9;
    cursor:pointer;
}



/* ----------------------------------Menus-------------------------------------------------- */
#divMenu .Menu-Skin-Horizontal
{
    /*position:absolute;*/
    left: 0;
    top: 0;
    width: 250px;
    background:#FFF;
    z-index: 300;
    
    font-size:x-small;
    font-family:Tahoma;
   /* color:white;*/
}

#divMenu .Menu-Skin-StaticItem
{
    background:#FFF url(../../App_Themes/default/images/markimg/bg-menu-main.png) repeat-x;
    border-style:solid;
    border-width:0px;
    border-color:#648ABD;
    
    /*Size*/
    width:133px;
    height:25px;
    
    font-size: x-small;
    color:white;
    
    
}

#divMenu .Menu-Skin-DynamicHover
{
    background-image:none; 
    background-color:Black;
    /*background:#FFF url(bg-menu-example.png) repeat-x;*/
  
}

#divMenu .MenuHoverStyle
{
    background-color:#4682B3;
    font-size: x-small;    
    Color:black;
}




/**********************Animation**************************/
.divAnimInfo
{
    display: none; 
    width: 350px; 
    z-index: 2; 
    opacity: 0; 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    font-size: 12px; 
    border: solid 1px #CCCCCC; 
    background-color: #FFFFFF; 
    padding: 5px; 
    left: 0px; 
    position:static; 
    top: 0px;
}

.divAnimClose
{
    float:right; 
    opacity: 0; 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.divAnimflyout
{
    display: none; 
    overflow: hidden; 
    z-index: 2; 
    background-color: #FFFFFF;
    border: solid 1px #D0D0D0;
}


.LabelProduct
{
    font-family:Verdana;
    color:#666666;
    font-size:small;
    
}

/*********************Modal Popup *************/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:600px;
	height:600px;

}




    
/*-------------------Collapsible Panel---------------------------*/

.collapsePanel 
{
	background-color:#66CC99;
	overflow:auto;
	width:800px;
	margin-left:0px;
	
}

.collapsePanelHeader{	
	width:1024px;		
	background-image: url(../../App_Themes/default/images/markimg/bg-menu-main.png);
	background-repeat:repeat-x;
	height:20px;
	
	font-weight:bold;
	font-family:Verdana;
	font-size:small;
	text-align:left;
	text-indent:50px;
	color:White;
	
}


.hide
{
	display:none;
}

.show
{
	position:absolute;
}



.divProd
{
    width: 400px;
    font-family:Verdana;
    color:Black;
    font-size:small;
    font-weight:normal; 
    z-index:200;
}


.Title
{
    font-family:Verdana;
    color:#3888BA;
    font-size:small;
    font-weight:bold;
}

.tabMain
{
	position : absolute;
	left : 94px;
	top : 125px;
	width : 510px;
	height : 350px;
	z-index:10;
	overflow:auto;
}


A  
{
    font-family:Verdana;
    color:#3888BA;
    font-size:small;
    font-weight:bold;
}


.TitleRubrique
{
 cursor:pointer;   
}


.msgDetails
{
    text-decoration:none;
    font-size:xx-small;
    color:Red;
}

#divMain
{
    border-right: #000000 0px solid; 
    padding-right: 2px; 
    border-top: #000000 0px solid; 
    overflow: auto; 
    padding-left: 2px; 
    LEFT: 90px; 
    padding-bottom: 2px; 
    border-left: #000000 0px solid; 
    width: 500px; 
    padding-top: 2px; 
    border-bottom: #000000 0px solid; 
    position: absolute; 
    top: 125px; 
    height: 350px; 
    text-align: left;
    z-index:10;
    font-family:Verdana;
    font-size:small;
    z-index:100;
}


#explode 
{
	position : absolute;
	left : -5px;
	top : 115px;
	background :#A5BAC6;
	width : 500px;
	height : 185px;
	text-align : center;
	display : none;
	font-family:Verdana;
	font-size:small;
	font-weight:bold;
}