/*
La typographie utilisée pour les textes est du Verdana Regular.

Les couleurs utilisées :
- Bleu Foncé : #0F1240
- Bleu Clair : #2F3381
- Rouge : #F20D1F
+ un dégradé du bleu clair au bleu foncé.
bkp: sidebar_header.png
*/

body
{
    font-family: Verdana regular, Arial, Sans-Serif;
    font-size: 12px;
    /*background: #0F1240 url(Images/fond03.jpg) no-repeat;*/
    margin: 0;
    color: #333333;
    background-color: White;
}

.container
{
                width: 100%;
                height: 100%;
                vertical-align:middle;
                float:none;
                position: relative;
                display: table;
                top: 0;
                left: 0;
                /*overflow: auto;*/
                padding-top: 20px;
}

.content
{
  display: table-cell;
  vertical-align: middle;
  /*overflow: auto;*/
}

table th {background-color:#0F1240; }

H3
{
    color: #333333;
    font-family:Verdana regular, Arial, Sans-Serif; 
    padding-left:5px; 
    padding-bottom:0px;
    margin-top: 0px;
    font-size: medium;
}

LI
    {    
        list-style-type: none;
        background: url(Images/carre_rouge.gif) no-repeat left center;
    }
    
a:link    { color: #818181; text-decoration: none; font-family: Verdana regular, Arial; font-size: 12px }
a:active    { color: #818181; text-decoration: none; font-family: Verdana regular, Arial; font-size: 12px }
a:visited    { color: #818181; text-decoration: none; font-family: Verdana regular, Arial; font-size: 12px }
/*a:hover      { color: #0099CC; font-family: Verdana regular, Arial; font-size: 12px }*/
a:hover      { color: Red; font-family: Verdana regular, Arial; font-size: 12px }

a.dark:link    { color: #CEEEFC; text-decoration: none; font-family: Verdana regular, Arial; font-size: 12px }
a.dark:active    { color: #CEEEFC; text-decoration: none; font-family: Verdana regular, Arial; font-size: 12px }
a.dark:visited    { color: #CEEEFC; text-decoration: none; font-family: Verdana regular, Arial; font-size: 12px }
a.dark:hover      { color: #01B1FC; font-family: Verdana regular, Arial; font-size: 12px }

input {
	color: #0F1240;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
	/*font: normal 1.1em "Verdana regular",sans-serif;*/
	border: solid 1px #0099CC;
	border-color: Silver;
	padding: 0px 3px;

    }
/*    
input[type=text], input[type=password], select {
	background-color : #fff;
	font-size: 14px;
	border-top-color: #666666;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #666666;
	border-bottom-style: groove;
	border-bottom-width: 1px;
	border-left-color: transparent;
	border-right-color: transparent;

	/*margin: 3px 5px 3px 5px;*/
    padding: 2px 5px 2px 5px;
    }
 */ 
    
input[type=radio] {
    border-style: none;
    border-width: 0px;
    } 
  
input[type=submit], input[type=button] 
{
    /*background-color: #0F1240;*/
    background-color: #f2001c;
    background-image: url(Images/BgButton.png);
    background-position: left top;
    background-repeat: repeat;
    border-width: 0px;
    color: White;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial;
    /*margin: 3px 5px 3px 5px;*/
    padding: 1px 3px 1px 3px;
    } 
            
select {
	background-color : #ddd;
    }
         
.titre { font-size: 18px; color: #cccccc; font-weight: bold; padding-bottom: 10px; font-family:Verdana regular, Arial, Sans-Serif; }
.titre a { font-size: 18px; color: #818181; font-weight: bold; padding-bottom: 10px; font-family:Arial Narrow; }
.button {background-color: #F20D1F; color: #cccccc; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 10px; font-family: Verdana regular, Sans-Serif;}

.cssButton
{
    /*background-color: #0F1240;*/
    background-color: #111111;
    background-image: url(Images/BgButton.png);
    background-position: left top;
    background-repeat: repeat-x;
    border-width: 0px;
    color: White;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
    /*margin: 3px 5px 3px 5px;*/
    padding: 3px 5px 3px 5px;
   
    }

.cssImageButton
    {
        margin-bottom:-8px;
        border: none;
    }y
.tblProduit{
    width: 200px; 
    height: 20px;
    background-color: White;
    border-bottom: solid 1px #B1172B;
    border-right: solid 1px #B1172B;
    border-top: solid 1px #B1172B;
    border-left: solid 1px #B1172B;
    }
.cssDataList
    {
    width: 650px;
    margin-left: auto; 
    margin-right: auto;
    vertical-align: top;
    }
.celPhoto
    {
    background-color: White;
    vertical-align: middle;
    width: 100px; 
    height: 90px;
    border: solid 2px #cccccc;
    }
.cssAssoProdPhoto
    {
    display:inline-block;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    width: 65px; 
    height: 65px;
    border: solid 2px #cccccc;
    margin: 1px;
    }
.cssZoom
    {
    width: 200px;
    height: 200px;
    border: solid 2px #cccccc;
    margin: 5px;
    background-color: #ffffff;
    vertical-align: middle;
    text-align: center;
    }
.cssTableau
    {
        width: 352px;
        border: solid 1px #eeeeee;
    }
.cssTableau th
    {
    /*background-color: #2F3381;*/
    background-color: Red;
    color: White;
        text-align: center;
        background-image: url(Images/BgButton.png);
        background-position: left top;
        background-repeat: repeat-x;
        padding: 5px 5px 5px 5px;
    }  
    
.cssTableau td
    {
        padding: 5px 5px 5px 5px;
    }      
    
.cssPanel
{
/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#0F1240', startColorstr='#2F3381', gradientType='0');*/
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#eeeeee', startColorstr='#cccccc', gradientType='0');
 padding: 3px 3px 3px 5px; 
 background-color: #dddddd; 
}
.cssPass
{
    color: Red;
       
}

.cssTable
{
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
}

.cssSideBar
{
    padding: 5px 5px 5px 5px;
    font-size: larger;
    color: Red;
}

.cssSideBarButton
{
    font-size: 4em;
}

.cssStep
{
    padding: 5px 5px 5px 10px;
}

.cssTablePlaques
{
    border: solid 1px #eeeeee;
}
.cssTablePlaques th
{
    border: solid 1px #eeeeee;
}
.cssTablePlaques tr
{
    border: none;
}
.cssTablePlaques td
{
    border: none;
}

.cssRubrique
{
    border-width:0px;
    padding: 3px 3px 3px 3px;
}

.cssNombre
{
    text-align: center;
}

.Erreur
    {
        color: Red;
    }

#references
    {
  width:372px;
  height:350px;
  padding: 0px 5px 0px 0px;
  margin: 0px 5px 0px 0px; 
  z-index:1;
  overflow:auto;
  scrollbar-arrow-color: Navy;
  scrollbar-face-color: #C0EAE3; 
  scrollbar-highlight-color: Transparent; 
  scrollbar-shadow-color: Transparent; 
  scrollbar-3dlight-color: Transparent; 
  scrollbar-track-color: Transparent; 
  scrollbar-darkshadow-color: Transparent;

      }
      
#lift
    {
        z-index:1;
        overflow:auto;
    }
    
    
    
    /*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:0px;
	width:400px;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

.cssRightPanel
{
    background-color: #eeeeee;
    width: 380px;    
    text-align: left;
}