/* CSS Définie par des variables */



/*Paramétrage générique*/

html, body
{
    height: 100%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
    background-color:#F5EFE3;
    color:#36464A ;
    font-family: Arial;
    font-size: 8pt;
 }

table
{
    font-family: Arial;
    font-size: 8pt;
}


/* */
#Page
{
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #F5EFE3;
    height: 100%;
}



/* Le bandeau de navigation */
#Navigation
{
    position: absolute;
    width: 180px;
    background-color: #FFFFFF;
    bottom:0px;   
    top:0px;
    padding-left: 10px;
    padding-right: 10px;
    width: 179px;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #36464A ;
   
}



/* Le container hébergeant la zone de navigation et la zone de contenu */
#Content
{
    position: absolute;
    top: 140px;
    left: 0px;
    right: 0px;
    bottom: 25px;
    background-color: #F5EFE3;
    /* Toujours laisser en commentaire */
border-top-style: solid;
border-top-width: 1px;
border-top-color: #36464A ;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #36464A ;
}

/* La zone de contenu*/
#Contenu
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: absolute;
    top: 25px;
    left: 200px;
    right: 0px;
    bottom: 0px;
    background-color: #F5EFE3;
    overflow:auto;
}

#Contenu a, #Contenu a:link,#Contenu  a:visited
{
    color: #36464A;
    text-decoration: none;
}

#Contenu a:hover
{
    color: #CCAF5F;
}
/*
#ListeArt .Entete
{
    color: #FFFFFF;
    text-decoration: none;
}
*/
#Contenu-PopUp
{
    position: absolute;
    left:0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #FFFFFF;
    z-index: 3;
    overflow: scroll;
}

#Contenu-PopUp a:link,#Contenu-PopUp a:visited
{
    color: #36464A;
    text-decoration: none;
}

#Contenu-PopUp a:hover
{
   color: #CCAF5F;
}




/* La zone hébergeant le menu haut*/
#Header
{
    position: absolute;
    right: 0px;
    left: 0px;
    height: 120px;
    top: 20px;
    background-color: #FFFFFF;
}

/* La zone hébergeant la navigation interne au site */
#Breadcrumb
{
    position: fixed;
    right: 0px;
    left: 200px;
    height: 20px;
    padding-left: 20px;
    padding-top: 5px;
    background-color: #36464A;
    color:#FFFFFF;
    font-weight: bold;
    font-style: italic;
    overflow: visible;
    height: 19px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #36464A ;
}
#Breadcrumb *
{
    color:#FFFFFF;
}

#Breadcrumb a:link, #Breadcrumb a:visited
{
    color:#FFFFFF;
    text-decoration: none;
}

#Breadcrumb A:hover
{
    color:#CCAF5F;
}


/* le bandeau du bas */
#Bottom
{
    padding: 5px;
    position: absolute;
    height: 15px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #36464A;
    color:#FFFFFF;
    font-weight: bolder;
    font-variant: small-caps;
    text-align: center;
    
}
#Bottom a:link, #Bottom a:visited , #Bottom a , #Bottom *
{
  
    color:#FFFFFF;
    
}

/* Le logo principal */
#LogoPrincipal
{
    position: absolute;
    width: 600px;
    height: 120px;
    z-index: 1;
    left:20px;
    top: 10px;
    background-image: url('../images/Quadria-Gris-complet.png');
    background-repeat: no-repeat;
}

/* Le logo secondaire */
#LogoSecondaire
{
    position: absolute;
 width: 400px;
 height: 600px;
 right: 0px;
 top: -100px;
 background-image: url('../images/Cubes-4-Sable.png');
 background-repeat: no-repeat;
 overflow: hidden;
 clip: rect(100px, auto, 270px, auto);
 clip: rect(100px auto 270px auto); 
}

/* Le texte avec le nom du site */
#NomSite
{
   display:none;
  }

/* La zone affichant les informations de connexion*/
#Connexion 
{
    position: absolute;
    height: 20px;
    right: 0px;
    left: 0px;
    top: 0px;
    text-align: right;
    background-color: #CCAF5F;
    color: #FFFFFF;
    /* Toujours laisser en commentaire */
height: 17px;
padding-top: 2px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #36464A ;
}


#Connexion a:link, #Connexion a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}

#Connexion A:hover
{
    color: #36464A ;
    text-decoration: none;
}

#Notif
{
    position: absolute;
    height: 15px;
    top: 25px;
    left: -5px;
}



hr
{
    height: 2px;
    background-color: #36464A ;
    border: none;
}

#hr2
{
    height: 1px;
    background-color: #36464A ;
    border: none;
}


h2, .TitreNiv2, h2 *
{
    font-size: 12pt;
    font-weight: bold;
    top: 10px;
}
h3, .TitreNiv3, h3 *
{
}

#Contenu h1, #Contenu h1 *, #Contenu-PopUp h1, #Contenu-PopUp h1 *
{
    color: #36464A;
    font-weight: bold;
    font-size: 16pt;
    font-weight: bolder;
    font-variant: small-caps;
    font-style: normal;
    text-align: right;
    margin-bottom: 15px;
}

#Contenu #ListeChange
{
    text-align: right;
    margin-top:-15px;
}

#Resume
{
    position: relative;
    height: 30px;
}

#Resume-Change
{
    position: absolute;
    bottom: 0px;
    right: 10px;
}



.Erreur
{
    color: #FF0000;
}
.CtrlChk
{
   
}
.CtrlChkS
{
    
}
.btnCancel
{
    border: 1px solid #CCAF5F;
    background-color: #F5EFE3;
    font-size: 8pt;
    color:#F5EFE3;
margin:10px;
min-width:80px;
min-heigth:20px;
font-weight: bold;
text-align: center;
white-space: nowrap;
border: 1px solid #36464A ;
-moz-box-shadow: 3px 3px 5px #aaa;
-webkit-box-shadow: 3px 3px 5px #aaa;
box-shadow: 3px 3px 5px #aaa;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
background: -webkit-gradient(linear, left top, left bottom, from(#9496A2), to(#36464A ));
background: -moz-linear-gradient(top,  #9496A2,  #36464A );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9496A2', endColorstr='#36464A ');
}
.btnValid
{
    border: 1px solid #CCAF5F;
    background-color: #F5EFE3;
    font-size: 8pt;
    color:#F5EFE3;
margin:10px;
min-width:80px;
min-heigth:20px;
font-weight: bold;
text-align: center;
white-space: nowrap;
border: 1px solid #36464A ;
-moz-box-shadow: 3px 3px 5px #aaa;
-webkit-box-shadow: 3px 3px 5px #aaa;
box-shadow: 3px 3px 5px #aaa;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
background: -webkit-gradient(linear, left top, left bottom, from(#9496A2), to(#36464A ));
background: -moz-linear-gradient(top,  #9496A2,  #36464A );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9496A2', endColorstr='#36464A ');
}

.btnValidS
{
    border: 1px solid #CCAF5F;
    background-color: #F5EFE3;
    font-size: 7.5pt;
    color:#F5EFE3;
margin:10px;
min-width:80px;
min-heigth:20px;
font-weight: bold;
text-align: center;
white-space: nowrap;
border: 1px solid #36464A ;
-moz-box-shadow: 3px 3px 5px #aaa;
-webkit-box-shadow: 3px 3px 5px #aaa;
box-shadow: 3px 3px 5px #aaa;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
background: -webkit-gradient(linear, left top, left bottom, from(#9496A2), to(#36464A ));
background: -moz-linear-gradient(top,  #9496A2,  #36464A );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9496A2', endColorstr='#36464A ');

}
.Entete
{
    background-color: #9496A2;
    color:  #FFFFFF;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    height: 20px;
}



.Entete * , #Contenu .Entete * 
{
   color:  #FFFFFF;
}

.Entete a, .Entete a:link, .Entete a:hover, .Entete a:visited ,#Contenu .Entete a,#Contenu  .Entete a:link,#Contenu  .Entete a:visited
{
   color:  #FFFFFF;
}

.Entete a:hover,#Contenu .Entete a:hover
{
   color:  #CCAF5F;
}

.Entete2
{
    background-color:  #DED0A8;
    color: #000000;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
}
.Pied
{
    background-color:  #9496A2;
    color: #FFFFFF;
    vertical-align: top;
    height:20px;
    
}

#Contenu .Pied a, #Contenu .Pied a:link, #Contenu .Pied a:visited
{
       color: #FFFFFF;
}

#Contenu .Pied a:hover
{
       color: #CCAF5F;
}

.Edit
{
    background-color:  #36464A;
    color: #FFFFFF;
     vertical-align: top;
   /* laisser en commentaire si vide */
}
.Ligne
{
     background-color: #DED0A8;
    color:  #36464A;
}


.Ligne:hover
{
    background-color: #CCAF5F;
}

.LigneSel
{
    border-style: dashed;
    border-color: #FF0000;
    background-color: #FFFFFF;
}
.LigneAlt
{
    background-color: #FFFFFF;
    color:  #36464A;
}
.LigneAlt:hover
{
    background-color: #CCAF5F;
}

#Contenu .Ligne a, #Contenu .Ligne a:link,#Contenu .Ligne a:visited, #Contenu .LigneAlt a, #Contenu .LigneAlt a:link,#Contenu .LigneAlt a:visited
{
    color:  #36464A;
}

#Contenu .Ligne a:hover, #Contenu .LigneAlt a:hover
{
    color:  #36464A;
}

.Lnk, .Lnk:visited
{
    color: #36464A;
}
.Lnk:hover
{
    color: #36464A;
}

.LnkHelp
{
    font-weight: bold;
    text-transform: uppercase;
    color: Green;
}
.LnkHelp:hover
{
    color: black;
    background-color: Orange;
}

.TblRpt
{
    width: 100%;
    border-spacing: 1px;
    empty-cells: show;
    table-layout: auto;
}
.TblForm
{
    border-spacing: 0px;
    empty-cells: show;
    table-layout: auto;
}

.FormLib
{
    color: #36464A;
    background-color: #F5EFE3;
    font-weight:bold;

}
.FormCell
{
   color: #36464A;
    background-color: #F5EFE3;
}


.CtrlR
{
    color: #36464A;
    background-color: #F5EFE3;
}



 input.Ctrl,  select.Ctrl, select, input[type=textbox], input[type=text], textarea
{
    color: #36464A;
    background-color: #F5EFE3;
    font-size : 8pt;
    padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
border: 1px solid #aaa;
-moz-box-shadow: 3px 3px 5px #aaa;
-webkit-box-shadow: 3px 3px 5px #aaa;
box-shadow: 3px 3px 5px #aaa;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
    
}

input.CtrlS,  select.CtrlS
{
    color: #36464A;
    background-color: #F5EFE3;
    font-size : 7.5pt;
    padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
border: 1px solid #aaa;
-moz-box-shadow: 3px 3px 5px #aaa;
-webkit-box-shadow: 3px 3px 5px #aaa;
box-shadow: 3px 3px 5px #aaa;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.Ko
{
    margin: 10px 25px 10px 25px;
}
.PicKo
{
   width:16px;
   height:16px;
   margin: 5px 5px 5px 5px;

}
.Ok
{
   margin: 10px 25px 10px 25px;
}
.Small
{
}

#Aide
{
    /* position: absolute;*/
    left: 10px;
    color: #36464A;
}
#Aide-Titre, .lnkAide
{
    color: #36464A;
}

#Aide-Titre a, #Aide-Titre a:visited, #Aide-Titre a:link
{
    color: #36464A;
}

#Aide-Titre a:hover
{
    color: #CCAF5F;
}

#Aide-Crea
{
    font-style: italic;
    text-align: right;
    cursor: pointer;
    color: #36464A;
}

#Aide-Crea a, #Aide-Crea a:link, #Aide-Crea a:visited
{
    color: #36464A;
}

#Aide-Crea a:hover
{
    color: #CCAF5F;
}

#Aide-Resume
{
    font-style: italic;
}



.actif
{
  
    background: url( '../Images/clean.png'  );
    width: 16px;
    height: 16px;
    float: left;
    margin: 0px 10px 0px 0px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.inactif
{
   
    background: url(   '../Images/cancel.png' );
    width: 16px;
    height: 16px;
    float: left;
    margin: 0px 10px 0px 0px;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.CellDel
{
    width: 20px;
    vertical-align: middle;
    text-align: center;
}

#Tools
{
    margin: 0px 0px 5px 0px;
    vertical-align: middle;
    height: 36px;
}

#Tools-Tri
{
    float: right;
    vertical-align: middle;
}

#Tools-Filtre
{
    float: left;
    vertical-align: middle;
}
#Tools-Cible
{
    overflow: auto;
    margin-top: 40px;
}

#Histo, .Result
{
    border: solid 1px #36464A ;
    margin: 25px 5px 10px 5px;
    vertical-align: middle;
    height: 150px;
    width: 100%;
    overflow: auto;
   
}



.mnuLigne1
{
    color: #36464A;
    font-size: 10pt;
    font-weight: bold;
    right: 0px;
}

.mnuLigne2
{
    color: #36464A;
    font-size: 9pt;
    font-weight: bold;
}

.mnuLigne3
{
    color: #36464A;
    font-size: 9pt;
    font-weight: normal;
}

.mnuLigne4
{
    color: #36464A;
    text-decoration: none;
    font-style: italic;
}

.mnuLigneSelected
{
    color: #CCAF5F;
    font-weight: bold;
}

.mnuLigneHover
{
    color: #CCAF5F;
}

.hlpTitre
{
    color: #36464A;
    text-decoration: none;
    font-weight: bold;
}

.hlpResume
{
    color: #36464A;
    text-decoration: none;
    font-weight: normal;
    font-style: italic;
}

.hlpContenu
{
    font-size: 90%;
}

#DivAnnonce
{
    /* */
border-top: 1px solid #9496A2;
border-left: 1px solid #9496A2;
left:0px;
right:0px;
margin-bottom:5px;
}
#Annonces
{
    overflow: auto;
    max-height: 300px;
}

#ListeAnnonces
{
    clear: both;
    margin-top: 20px;
}
#Annonce-Tete
{
    background-color:#9496A2;
    color :#FFFFFF;
    overflow: auto;
    /* laisser le commentaire */
padding:2px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCAF5F', endColorstr='#F5EFE3'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#CCAF5F), to(#F5EFE3)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #CCAF5F,  #F5EFE3); /* for firefox 3.6+ */
}

#Annonce-Tete a, #Annonce-Tete a:link, #Annonce-Tete a:visited
{
    color :#FFFFFF;
    cursor:pointer;
}

#Annonce-Tete a:hover
{
    color :#CCAF5F;
    cursor:pointer;
}

#Annonce-Corps
{
    padding-left: 20px;
    font-style:italic;
    font-weight: normal;
    margin-top:2px;
    margin-bottom:10px;
   
}

#Annonce-Pied
{
    overflow: auto;
}

#Annonce-Info
{
  
    float: right;
    text-decoration: none;
    font-weight: normal;
    vertical-align: top;
}

#Annonce-Pied-Modif
{
    float: left;
}

#Annonce-Pied-Plus
{
    float: right;
}

#Annonce-Libelle
{
    font-weight: bold;
    float: left;
}

.AffNum
{
    text-align: Right;
    font-size:8pt;
}
.AffNumCtrl
{
    text-align: Right;
    font-size:8pt;
}
 
.LoaderPanel
{
    border: medium solid #000000;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    background-color: #61636E;
    filter: alpha(opacity=50);
    -moz-opacity: .50;
    opacity: .50;
}
.LoaderImage
{
    background: url(   '../images/ajax-loader.gif' );
    border: medium solid #DED0A8;
    position: relative;
    top: 50%;
    right: 50%;
    vertical-align: middle;
    text-align: center;
    width: 32px;
    height: 32px;
}
.Suppression
{

    background: url(   '../images/Suppr.png' ) no-repeat;
    margin-left: 2px;
}
.Update
{

    background: url(   '../images/apply.png' ) no-repeat;
    margin-left: 2px;
}
.Cancel
{

    background: url(   '../images/cancel.png' ) no-repeat;
    margin-left: 2px;
}
.Ajouter
{
 
    background: url(   '../images/Add.png' ) no-repeat;
    margin-left: 2px;
}
.Edit_
{

    background: url(   '../images/edit.png' ) no-repeat;
    margin-left: 2px;
}
.ArticleFavori
{

    background: url(   '../images/ArtFavori.png' ) no-repeat;
    margin-left: 2px;
}
.ArticlePasFavori
{

    background: url(   '../images/ArtPasFavori.png' ) no-repeat;
    margin-left: 2px;
}

/*Autocomplete*/

.autocomplete_completionListElement { 
padding-bottom:0px; 
padding-top:0px;

padding-right:0px; 
padding-left:0px; 

position:absolute; 
z-index:6000;

width:172px!important; 
visibility : hidden;

margin-left:-1px!important; 
margin-top:0px!important;

background-color:#F5EFE3; 

border-color:#36464A ;

border-width : 1px; 
border-style : solid;

cursor : 'default'; 
overflow : auto;

height : 200px; text-align : left; list-style-type :none;
} 

.autocomplete_highlightedListItem
{

list-style-type:none; 

background-color: #CCAF5F; cursor: pointer; 
cursor: hand; 

padding:0px 0px 0px 3px; margin: 0px;
text-align: left;

line-height:20px!important; 
}

.autocomplete_listItem {

line-height:20px!important; 

padding:0px 0px 0px 3px; 
margin: 0px;

 cursor: default;

text-decoration: none; text-align: left; 
}



#DivPageDefautPersoHTML
{

    position: absolute;
    float:left;
    left: 10px;
    right:250px;
}

#DivPageDefautAnnonces
{
    min-height:100%;
    position: absolute;
    top:0px;
    right:0px;
    float:right;
    width: 250px;
    background-color: #DED0A8;
   
  
}

#DivPageDefautCltAnnonce
{
}

#DivPageDefautCltAnnonceSiteSoc
{
}

#DivPageDefautCltAnnonceDistri
{
}


.typeAnnonces
{
    font-size: 9pt;
    font-weight: bold;
    margin-top: 40px;
}

.TitreAnnoncePageDefautClt
{
    color: #555050;
    text-decoration: none;
    font-weight: bold;
    background-color: #BEAA5A;
}

/* Personnalisation des boutons*/
.btnPanier
{
    background: url(   '../images/basket.gif' ) no-repeat;
}
.PictStock0
{

    background: url(   '../images/stock_0.png' ) no-repeat; /*background-color: Red;*/
    width: 16px;
    vertical-align: middle;
}
.PictStockMoy
{
    background: url(   '../images/stock_1.png' ) no-repeat; /*background-color: Orange;*/
    width: 16px;
    vertical-align: middle;
}
.PictStockFull
{
    background: url(   '../images/stock_2.png' ) no-repeat; /*background-color: Green;*/
    width: 16px;
    vertical-align: middle;
}
.Suppression
{
    background: url(   '../images/Suppr.png' ) no-repeat;
    margin-left: 2px;
}
.AffNum
{
    text-align: Right;

}
.AffNumCtrl
{
    text-align: Right;
    color: #36464A;
    background-color: #F5EFE3;
    font-size : 8pt;
    padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
border: 1px solid #aaa;
-moz-box-shadow: 3px 3px 5px #aaa;
-webkit-box-shadow: 3px 3px 5px #aaa;
box-shadow: 3px 3px 5px #aaa;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

/* Annonces client*/


#AccCliAnnoncesPanel
{
    background-color: #FFFFFF;
    margin:5px;
    padding:5px;
    
}
#AccCliTypeAnnonces, #AccCliTypeAnnonces span, #AccCliTypeAnnonces a
{
    font-size: 10pt;
    font-weight: bold;
    background-color:#36464A;
    color:#FFFFFF;
    padding:2px;
    margin: 2px;
    height:20px;
}
#AccCliListeAnnonces
{
    padding: 2px;
    margin: 2px;
    background-color: #FFFFFF;
   
}

#AccCliListeAnnonces hr
{
    width:98%;
    height:1px;
    clear:both;
}
/*
#AccCliAnnonce-Info
{
    text-decoration: none;
    font-weight: normal;
    vertical-align: top;
}
*/
#AccCliAnnonce-Corps
{
  
    color: magenta;
}


#AccSitCliAnnonce
{
    margin-bottom:15px;
    margin-top:5px;
    min-height:30px;
    padding:2px;
    background-color:#FFFFFF;
    border: 1px solid #aaa;
-moz-box-shadow: 3px 3px 5px #aaa;
-webkit-box-shadow: 3px 3px 5px #aaa;
box-shadow: 3px 3px 5px #aaa;

}

#AccSitCliAnnonce-Libelle
{
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom:10px;
}

#AccSitCliAnnonce-Libelle a,#AccSitCliAnnonce-Libelle a:visited, #AccSitCliAnnonce-Libelle a:link
{
    color: #36464A;
}

#AccSitCliAnnonce-Libelle a:hover
{
    color: #CCAF5F;
}



#AccSitCliAnnonce-Picto
{
  
  
}

.AccSitCliAnnonce-pic
{
    float:left;
    width: 50px;
    margin:10px;
    vertical-align:top;
}

.spacer
{
    clear: both;
}

/* Personnalisation des totaux de panier*/
.TotalArticle
{
    background-color: #9496A2;
    color: #FFFFFF;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
    font-size: 9pt;
}
.TotalPied
{
    background-color: #9496A2;
    color:  #FFFFFF;
    font-weight: bold;
    font-size: 9pt;
    text-align: right;
    white-space: nowrap;
}
.TotalLibPanier
{
    background-color: #9496A2;
    color:  #FFFFFF;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    font-size: 9pt;
}
.TotalValPanier
{
    background-color: #9496A2;
    color:  #FFFFFF;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
    font-size: 9pt;
}

.PrixPanier
{
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
    width: 60px;
}

.ColFav
{
    text-align: center;
}
.ColPanier{
    text-align: center;
}

/* Personnalisation des popup modal*/
.modalBackground
{
    position: absolute;
    background-color: #000000;
    filter: alpha(opacity=70);
    opacity: 0.7;
    width: 25%;
    z-index:9999;
}
.outerPopup
{
    background-color: #36464A ;
    padding: 3px;
}

.innerPopup
{
    background-color: #F5EFE3;
    padding: 5px;
    padding-bottom:20px;
}

/*
Personnalisation de l'affichage des familles du catalogue
*/

#Cat_Pave
{
   
    margin-bottom:30px;
    margin-right:30px;
    white-space:normal;
    border: 1px solid #aaa;
padding:3px;
-moz-box-shadow: 3px 3px 5px #aaa;
-webkit-box-shadow: 3px 3px 5px #aaa;
box-shadow: 3px 3px 5px #aaa;  
}

#Cat_Img img
{
    width: 40px;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

#Cat_Desc
{
    font-style: italic;
    font-size: 7.5pt;
    max-width:350px;
    color: #36464A;
}

#Cat_Fam
{
    font-size: 9pt;
    text-transform: uppercase;
    font-weight: bold;
    color: #36464A;
}

#Cat_List 
{
    overflow: auto;
    margin-left:25px;
}

#Cat_List a, #Cat_List a:visited, #Cat_List a:link,  #Cat_Fam a,  #Cat_Fam a:link,  #Cat_Fam a:visited 
{
    white-space:nowrap;
    color: #36464A;
}

#Cat_List a:hover,  #Cat_Fam a:hover 
{
    white-space:nowrap;
    color: #CCAF5F;
}

#Cat_List a:before
{
    content: "\00BB \0020";
    color: #CCAF5F;
}



/* Personnalisation de la fiche article */
#FA_Page
{
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    margin: 0;
    padding: 0;
    background-color:#36464A ;
}
#FA_Fiche
{
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin-left: 20px;
    background-color:  #F5EFE3;
    padding: 10px;
}

#FA_Logo
{
    width: 500px;
    height: 120px;
    margin-left: 10px;
    margin-top: 10px;
    background-image: url('../images/Quadria-Gris-complet.png');
    background-repeat: no-repeat;
}

#FA_Data
{
    margin-left: 80px;
    overflow: auto;
}

#FA_Titre
{
    float: left;
    font-weight: bold;
    font-size: 10pt;
}

#FA_Interlocuteur
{
    float: left;
    padding-left: 30px;
    visibility:hidden;
}
#FA_Date
{
    padding-left: 30px;
    text-align: right;
}

#FA_Constr
{
    float: left;
    margin: 10px;
}

#FA_Libelle
{
    font-weight: bold;
    font-size: 10pt;
}

#FA_Photo
{
    float: left;
    padding: 5px;
}

#FA_Desc
{
    padding-top: 30px;
}

#FA_Infos
{
    font-weight: bold;
    font-size: 10pt;
}
#FA_Boutons
{
}
#FA_Pied
{
    position: fixed;
    bottom: 0px;
    left: 30px;
}

/*Impression*/
.Printer
{
     background: url(   '../images/printer.png' ) no-repeat;
}

#PrintLogo
{
    position: absolute;
    width: 600px;
    height: 120px;
    z-index: 1;
    left: 20px;
}

/* Personnalisation de la popup Annonce */
#PPA_Page
{
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px 0px 20px 0px;
    background-color: #36464A ;
 }
#PPA_Fiche
{
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin-left: 20px;
    background-color: #F5EFE3;
    padding: 10px;
}

#PPA_Logo
{
    height: 120px;
    z-index: 1;
    margin-left: 10px;
    margin-top: 10px;
    background-image: url('../images/Quadria-Gris-complet.png');
    background-repeat: no-repeat;
}

#PPA_Titre *
{
    font-weight: bold;
    font-size: 16pt;
}

#PPA_Desc *
{
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0px;
    font-style: italic;

}
#PPA_Date
{
    padding-left: 30px;
    text-align: right;
}

#PPA_Contenu
{
    font-weight: bold;
    
    margin: 10px;
    overflow: auto;
    bottom:25px;
}

#PPA_SavoirPlus, #PPA_SavoirPlus a:link, #PPA_SavoirPlus a:visited, #PPA_SavoirPlus a:hover
{
    margin: 15px 0px 15px 0px;
    color: #36464A;
    font-weight: bold;
}

 #PPA_SavoirPlus a:hover
{
    color: #CCAF5F;
}

#SearchADM
{
    top: 10px;
    left: 10px;
    float: left;
    vertical-align: middle;
    text-align: left;
}

.Edition
{
    border: 1px solid #CCCCCC;
    background: url(   '../images/edit.png' ) no-repeat;
    margin-left: 2px;
}

/* Entete des panneaux refermables*/
.CP_Header
{
  
 }

.CP_Header span
{
    color:#FFFFFF;
    background: #9496A2;
    min-width:80px;
min-heigth:20px;
font-weight: bold;
text-align: left;
white-space: nowrap;
border: 1px solid #36464A ;
-moz-box-shadow: 3px 3px 5px #aaa;
-webkit-box-shadow: 3px 3px 5px #aaa;
box-shadow: 3px 3px 5px #aaa;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
background: -webkit-gradient(linear, left top, left bottom, from(#9496A2), to(#36464A ));
background: -moz-linear-gradient(top,  #9496A2,  #36464A );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9496A2', endColorstr='#36464A ');
}

.CP_Header span:hover
{
   background: -webkit-gradient(linear, left top, left bottom, from(#9496A2), to(#36464A));
background: -moz-linear-gradient(top,  #9496A2,  #36464A);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9496A2', endColorstr='#36464A');
}

.CP_Header img
{
    position: relative;
    left: -20px;
    top: 2px;
}

.CP_Panel
{
    margin-top:15px;
margin-left:10px;
padding: 5px;
border: solid 1px #DED0A8;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}
.CLOUD_TitreMessagesBox {
margin-right:10px;
padding: 5px;
background-color: #36464A;
color:#FFFFFF;
font-size: 9pt;
}

.CLOUD_ListMessagesBox {
margin-top:8px;
margin-left:10px;
margin-right:10px;
padding: 5px;
border: solid 1px #36464A ;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}

.CLOUD_LienMessagesBox {
    background-color:  #9496A2;
    color: #FFFFFF;
    text-align: right;
}


.CLOUD_LienMessagesBox a, .CLOUD_LienMessagesBox a:link, .CLOUD_LienMessagesBox a:visited
{
    color: #FFFFFF;
    cursor:pointer;
}

.CLOUD_LienMessagesBox a:hover
{
       color: #CCAF5F;
}

.CLOUD_LienMessagesBox a:before
{
    content: "\00BB \0020";
    color: #CCAF5F;
}

.CLOUD_MessageBox {

}

.CLOUD_MessageTitre {
  background-color: #9496A2;
  color:#FFFFFF;
  font-weight: bold;
  padding: 5px;
  margin-bottom:15px;
}

.CLOUD_MessageDate {
font-weight: bold;
}

.CLOUD_MessageContenu {

}

.CLOUD_MessageImpact {

}



[[CSS_GENERIC]]