﻿/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input 
{ 
    margin: 0; 
    padding: 0; 
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th 
{ 
    font-size: 12px; 
    font-weight: normal; 
    font-style: normal; 
    font-family: Verdana;
}

ul, ol 
{ 
    list-style: none;
}

table 
{ 
    border-collapse: collapse; 
    border-spacing: 0; 
}

A
{ 
    text-decoration:none;
    cursor:pointer; /** main **/
}

/** cree un espace plus petit qu'un <br> **/
.hr_separator
{
    width:80%;
    color:#ffffff;
    height:0px;
    border-color:#ffffff;
    background-color:#ffffff;
    border:0px;
}

body {text-align:center;}

    .masterBody
    {
       margin-top: 0px;
       padding-top: 0px;
       background-color: #ffffff;
    }
    .lien
    {
    color:white;   
    font-size:12px; 
    }
    
    .lienDark
    {
    color:#0000ff; 
    font-size:12px;
    }
    #help
    {
     cursor:help;
    }

    A:hover { text-decoration:none; cursor:pointer; }
    A:link { text-decoration:none; cursor:pointer; }
    
    A:active.lien active.lien{	text-decoration:none; cursor:pointer; font-family:Verdana; }
    A:link.lien {	text-decoration:none; cursor:pointer; font-family:Verdana; }
    /*A:lien {	color: white; text-decoration:none; cursor:pointer; font-family:Verdana; }*/
    A:visited.lien { text-decoration:none; cursor:pointer; font-family:Verdana; }
    A:hover.lien {color: #dddddd; text-decoration:none; cursor:pointer; font-family:Verdana; }
    A:hover.lienDark {font-size:12px;color: #C43c46; text-decoration:none; cursor:pointer; font-family:Verdana; }

    .masterTable
    {
        margin-left:auto;
        margin-right:auto;
        width:900px;
        border: solid 0px black;
        vertical-align:top;
        
    }
    
    .masterTableBottom
    {
        margin-left:auto;
        margin-right:auto;
        width:880px;
        border: solid 0px black;
        vertical-align:top;
        text-decoration:none; 
        font-size:11px;
        font-family:Arial, Helvetica, sans-serif;
    }
    .masterTopHeaderSection
    {
    width:900px;
    border:1px;
    height:34px;
    margin-left:auto;
    margin-right:auto;
    }

    .masterHeaderSearch
    {
        background-image:url('../img/masterHeaderSearch.gif');
        background-repeat:repeat-y ;
        background-position:left;
        width: 200px;
        height:32px;
    }
    .masterHeaderRightAdmin
    {
        background-image:url('../img/masterHeaderRightAdmin.gif');
        background-repeat:repeat-y ;
        background-position:left;
        width: 200px;
        height:32px;
    }
    .masterHeaderSearchText
    {
        width:140px;
        height:16px;
        font-size:12px;
        font-style:italic;
        color: gray;
        font-family:Verdana;
        margin-top: 0px;
        background-color:Transparent;
        border-style:none;
        border:solid 0px #ffffff;
        padding-bottom:0px;
        vertical-align:text-top;
    }
    
    
     /* termporaire */
    .masterLeftMenuContent
    {
        width: 184px;
        text-align:left;
        padding-top:7px;
    }
    
    .style2
    {
        width: 100%;
    }
    .masterRightTD
    {
        width: 145px;
    }
    .pipe
    {
       margin-left:7px;
       margin-right:7px;
       color: White;
    }
    
    .pipeDark
    {
       margin-left:7px;
       margin-right:7px;
       color: Black;
    }
    
    .contactUsTR
    {
     background-color  :#C43c46;
     color:#ffffff;font-weight:bold;
    }
    
    .pageHeaderTitle
    {
        height:30px;
        font-weight:bold; 
        font-size:16px;
        color:#c63942;
        
    }
    .pageHeaderTitleCart
    {
        font-weight:bold; 
        font-size:16px;
        color:#c63942;
        
    }
    .pageHeaderTitleBrand
    {
        font-weight:bold; 
        font-size:16px;
        color:#c63942;
        
    }
    
    .headerCount
    {
        font-size:12px;    
        background-color:white;
        text-decoration:underline;
        margin-bottom:12px;
        text-align:left;
    }
    
    .pListingPRNO
    {
        color:#C43c46;
        font-weight:bold;
    }
    
    .mainTabVoirAussi
    {
        clear:both;
        padding:20px 0 0 10px;
        text-align:left;
    }
    
    .infoENov
    {
        text-decoration:none; 
        font-size:10px;
        font-family:Arial, Helvetica, sans-serif;
        padding-left:8px;
        margin-top:0px;
        padding-top:0px;
    }
    
    TABLE.listingTable
    {
        width:500px;    
        border:solid 1px #dfdfdf;
       /* border:solid 1px #eeeeee;*/
       
    	background-color: #dfdfdf; /*#eeeeee;*/
    }
    
    TD.listingTable
    {
        width:33%;    
    	background-color: #ffffff;
    	border:solid 1px #dfdfdf; /*#eeeeee;*/
    	text-align:left;
    }
    
    TABLE.listingTableProduct
    {
        width:500px;    
        border:solid 1px #dfdfdf;
    	background-color: #dfdfdf;
    }
    
    TD.listingTableProduct
    {
        width:250px;    
    	background-color: #ffffff;
    	border:solid 1px #dfdfdf;
    	text-align:left;
    }
    
    .descriptionTitle
    {
        font-size: 14px; 
        font-weight: bold; 
        font-style: normal; 
        font-family: Verdana;
        background-color: #C43c46;
    }
    
    div.divPrevious
    {
        border:solid 1px #848484;
        width:100px;
        text-align:left;
        color:#848484;    
        height:18px;
        /*padding-top:2px;*/
        vertical-align:middle;
        padding-left:2px;
        cursor:pointer;
    }
    
    div.divPrevious img
    {
        height:16px;
        margin-right:15px;
        vertical-align:middle;
        padding-bottom:5px;
    }
    
    div.divNext
    {
        border:solid 1px #848484;
        width:100px;
        text-align:right;
        color:#848484;    
        height:18px;
       /*padding-top:2px;*/
        vertical-align:middle;
        padding-right:2px;
        cursor:pointer;
    }
    
    div.divNext img
    {
        height:16px;
        margin-left:25px;
        vertical-align:middle;
        padding-bottom:5px;
    }
    
    table.searchByCategorie
    {
        width:90%;
        /*background-color:#eeeeee;    */
        margin-left:20px;
        padding-left:10px;
        margin-top:20px;
        border: solid 1px #848484;
    }
    
    tr.searchByCategorieEven
    {
        background-color:#ffffff;    
     }
     
     .boutonSubmit
     {
        border:groove 1px #848484;
        background-color:#C43c46;
        color:white;
        font-family:verdana;
        font-weight:normal;
        font-size:10px;
        height:20px;
        cursor:pointer;   
        vertical-align:middle;
     }
     
      .boutonSubmitDisabled
     {
        border:groove 1px #848484;
        background-color:#cccccc;
        color:#777777;
        font-family:verdana;
        font-size:10px;
        height:20px;
        font-style:italic;
        font-weight:normal;
        vertical-align:middle;
     }
     
     .mandatory
     {
        color:Red;    
     }
     
     .txtLogin
     {
        border:solid 1px #858181;
        width:150px;
     }
     
     /*  classe pour le  bouton ok et X */
    .btnAddCart
    {
        /*border:solid 1px #848484;*/
        border-style:none;
        width:25px;
        height:22px;
        padding: 0px 4px 0px 2px;
        /*padding: 1px 3px 1px 4px;*/
        text-align:center;
        font-weight:bold;
        color:#848484;    
        cursor:pointer;
        vertical-align:middle;
    }
    
     .btnRemoveCart
    {
        border-style:none;
        /*border: solid 1px #C43c46;*/
        /*border-style:none;*/
        width:25px;
        height:22px;
        padding: 0px 2px 0px 4px;
        text-align:center;
        font-weight:normal;
        font-size:8px;
        color:#C43c46;    
        cursor:pointer;
        vertical-align:middle;
    }
    
    Table.descrTableTopPart
    {
        font-family:verdana;
       background-color:#ffffff;
    }
    /*
    Table.plistingTable
    {
        font-family:verdana;
       width: 100%;
     }
     */
    Table.descrTableBottomPart
    {
        font-family:verdana;
       background-color:#eeeeee;
        width: 100%;
    }
    
    .errorMsg
    {
        font-weight:bold;
        color:Red;    
    }