/*
Couleurs Euralliance's:
Gris: R85 V80 B80 --> #36464A
Jaune: R190 V170 B90 --> #CCCCCC
Fond clair: R245 V240 B228 --> #EEEEEE
Fond foncé: R222 V208 B168 --> #EEEEEE
*/

/*
Couleurs CFI:
Bleu clair bandeau bas (old logo): 0050CD
Bleu foncé : 1A1C96 or 0C1946 (flash color)
Bleu foncé background: 302B54
*/


html, body
{
    height: 100%;
    top: 0px;
    left: 0px;
    right:0px;
    bottom: 0px;
    margin: 0;
    color: #000000;
    scrollbar-arrow-color: #36464A;
    scrollbar-track-color: #EEEEEE;
    scrollbar-shadow-color: F5F0E4;
    scrollbar-face-color: #EEEEEE;
    scrollbar-highlight-color: #EEEEEE;
    scrollbar-darkshadow-color: #EEEEEE;
    scrollbar-3dlight-color: #EEEEEE;
}
/* */
#Page
{
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
}

/* Le bandeau de navigation */
#Navigation
{
    position: absolute;
    width: 180px;
    background-color: #F3F3F3;
    float: left;
    min-height: 100%;
    padding-left: 10px;
    padding-right: 10px;
}



/* Le container hébergeant la zone de navigation et la zone de contenu */
#Content
{
    position: absolute;
    top: 140px;
    left: 0px;
    right: 0px;
    bottom: 10px;
    padding-bottom: 5px;
    background-color: #FFFFFF;
}

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

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

#ListeArt .Entete
{
    color: #FFFFFF;
    text-decoration: none;
}

#Contenu a:hover
{
    color: #000000;
    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 a:visited
{
    color: #36464A;
    text-decoration: none;
}

#Contenu-PopUp a:hover
{
    color: #000000;
    text-decoration: none;
}


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

/* 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: #F3F3F3;
    color: #FFFFFF;
    font-weight: bold;
    font-style: italic;
    overflow: visible;
}

#Breadcrumb *
{
    color: #000000;
}


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

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




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

/* Le logo principal */
#LogoPrincipal
{
    position: absolute;
    width: 468px;
    height: 120px;
    z-index: 1;
    left: 0px;
    top: 0px;
    background-image: url('http://upload.extranet.euralliance.com/upload/DIS_92_CFI/Fichiers/newCFI1_468x120.jpg');
    background-repeat: no-repeat;
}

/* Le logo secondaire */
#LogoSecondaire
{
    position: absolute;
    width: 100%;
    height: 120px;
    z-index: 0;
    left: 60%;
    top: 0px;
    background-image: url('http://upload.extranet.euralliance.com/upload/DIS_92_CFI/Fichiers/newCFI3.png');
    background-repeat: no-repeat;
    overflow: auto;
    clip: rect(0px,auto, 120px, auto);
    clip: rect(0px auto 120px auto);
;
}

/* Le texte avec le nom du site */
#NomSite
{
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 5px;
    text-align: right;
    font-family: "trebuchet MS";
    font-size: 16pt;
    font-weight: bold;
    font-variant: normal;
    text-transform: uppercase;
    color: #FFFFFF;
    visibility: hidden;
}

/* La zone affichant les informations de connexion*/
#Connexion
{
    position: absolute;
    height: 20px;
    right: 0px;
    left: 0px;
    top: 0px;
    z-index: 5;
    background-color: #5AA0E5;
    text-align: right;
    color: #36464A;
}

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


/* Force le dimensionnement de la page à 100% en hauteur*/
* html #Page
{
    height: 100%;
}


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




hr
{
    height: 5px;
    color: #F3F3F3;
    background-color: #F3F3F3;
    border: none;
}

#hr2, #hr2 *
{
    height: 1px;
    background-color: #F6F6F6;
    margin-left: 20px;
    margin-right: 5px;
}


h2, .TitreNiv2, h2 *
{
    font-size: 12pt;
    font-weight: bold;
    top: 10px;
     color: #046598;
}

h3, .TitreNiv3, h3 *
{

}

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

#Contenu #ListeChange
{
    position: absolute;
    text-align: right;
    top: 36px;
    right: 10px;
  
}

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

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

.Erreur
{
    color: #FF0000;
}
.CtrlChk
{
    /* color: #36464A;*/
}
.CtrlChkS
{
    /*color: #36464A;*/
}
.btnCancel
{
    border: 1px solid #CCCCCC;
    background-color: #EEEEEE; /*  font-size: 80%;*/
}
.btnValid
{
    border: 1px solid #CCCCCC;
    background-color: #EEEEEE; /*  font-size: 80%;*/
}

.btnValidS
{
    border: 1px solid #CCCCCC;
    background-color: #EEEEEE;
}
.Entete
{
    background-color: #CCCCCC;
    color: #000000;
    font-weight: bold;
    font-size: 9pt;
    text-align: left;
    white-space: nowrap;
}

.Entete a
{
    color: #000000;
}

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


.Entete2
{
    background-color: #F6F6F6;
    color: #000000;
    font-weight: bold;
    font-size: 8pt;
    text-align: left;
}
.Pied
{
    border: thin solid #EEEEEE;
    background-color: #CCCCCC;
    color: #FFFFFF;
}
.Edit
{
    border: medium dashed #FF0000;
    padding: 2px;
    margin: 2px;
    background-color: #F6F6F6;
    color: #000000;
}
.Ligne
{
    background-color: #FFFFFF;
}


.Ligne:hover
{
    background-color: #5AA0E5;
}


.LigneSel
{
    border-style: dashed;
    border-color: #FF0000;
    background-color: #FFFFFF;
}
.LigneAlt
{
    background-color: #EEEEEE;
}
.LigneAlt:hover
{
    background-color: #5AA0E5;
}

.Lnk, .Lnk:visited
{
    color: #000000;
}
.Lnk:hover
{
    color: #000000;
}

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

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

.FormLib
{
    color: #36464A; /*background-color: #FCFAF5;*/
}
.FormCell
{
}
.Ctrl
{
    color: #36464A; /*background-color: #EEEEEE; */
}
.CtrlR
{
    color: #36464A;
}
.CtrlS
{
    color: #36464A;
}

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



.Small
{
}

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

.lnkAideItem
{
    color: #FF0000;
    font-style: italic;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
}

.lnkAideItemEdit
{
    color: #A5A0A0;
    font-style: italic;
    text-align: right;
    cursor: pointer;
}
#Aide-Crea
{
    font-style: italic;
    text-align: right;
    cursor: pointer;
}
#Aide-Resume
{
    font-style: italic;
}

.actif
{
    background-position: url(   '../Images/clean.png'  );
    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-position: url(   '../Images/button_cancel.png' );
    background: url(   '../Images/button_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
{
    background-position: #EEEEEE;
    margin: 0px 0px 5px 0px;
    background: #EEEEEE;
    color: #36464A;
    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-style: solid;
    border-width: 1px;
    margin: 25px 5px 10px 5px;
    color: #36464A;
    vertical-align: middle;
    height: 150px;
    width: 100%;
    overflow: auto;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
}



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

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

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

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

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

.mnuLigneHover
{
    color: #046598;
}

.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: 2px solid #CCCCCC;
    padding: 1px;
    margin: 5px;
    width: 80%;
}
#Annonces
{
    overflow: auto;
    max-height: 300px;
}

#ListeAnnonces
{
    clear: both;
    overflow: auto;
    margin-top: 50px;
}
#Annonce-Tete
{
    background-position: #EEEEEE;
    background: #EEEEEE;
    overflow: auto;
}

#Annonce-Corps
{
    padding-left: 20px;
    text-decoration: none;
    font-weight: normal;
    overflow: auto;
}

#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-size: 9pt;
    font-weight: bold;
    float: left;
}
.AffNum
{
    text-align: Right;
}
.AffNumCtrl
{
    text-align: Right;
}

.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-position: url(   '../images/ajax-loader.gif' );
    background: url(   '../images/ajax-loader.gif' );
    border: medium solid #EEEEEE;
    position: relative;
    top: 50%;
    right: 50%;
    vertical-align: middle;
    text-align: center;
    width: 32px;
    height: 32px;
}
.Suppression
{
    border: 1px solid #CCCCCC;
    background: url(   '../images/Suppr.png' ) no-repeat;
    margin-left: 2px;
}
.Update
{
    border: 1px solid #CCCCCC;
    background: url(   '../images/apply.png' ) no-repeat;
    margin-left: 2px;
}
.Cancel
{
    border: 1px solid #CCCCCC;
    background: url(   '../images/cancel.png' ) no-repeat;
    margin-left: 2px;
}
.Ajouter
{
    border: 1px solid #CCCCCC;
    background: url(   '../images/Add.png' ) no-repeat;
    margin-left: 2px;
}
.Edition
{
    border: 1px solid #CCCCCC;
    background: url(   '../images/edit.png' ) no-repeat;
    margin-left: 2px;
}
.ArticleFavori
{
    border: 1px solid #CCCCCC;
    background: url(   '../images/ArtFavori.png' ) no-repeat;
    margin-left: 2px;
}
.ArticlePasFavori
{
    border: 1px solid #CCCCCC;
    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:#F1F0F0; 
color : windowtext;

border : buttonshadow; 
border-color:Black;

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; 

font-family: Tahoma; font-size: 11px; 

color: #FF9900; 
text-decoration: none;

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

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

line-height:20px!important; 
}

.autocomplete_listItem {

line-height:20px!important; 
background-color:#F1F0F0;

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

font-family: Tahoma; 
font-size: 11px; 

color: black; cursor: default;

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

.spacer
{
    clear: both;
}




/*Paramétrage générique*/
*
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}


/* Paramétrage boxes */



/* Paramétrage parge d'accueil site client */
#DivPageDefautClt
{
    border: thin solid #000000;
    width: 300px;
}
#accContainer
{
}
#DivPageDefautProduits
{
}
#accPerso
{
}

#DivPageDefautPersoHTML
{
    left: 0px;
    top: 0px;
    min-height: 100%;
    margin-right: 250px;
}

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

#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
{
    border: 1px solid #BEAA5A;
    background: url(   '../images/basket.gif' ) no-repeat;
}
.PictStock0
{
    border: 1px solid #BEAA5A;
    background: url(   '../images/stock_0.png' ) no-repeat; /*background-color: Red;*/
    width: 16px;
    vertical-align: middle;
}
.PictStockMoy
{
    border: 1px solid #BEAA5A;
    background: url(   '../images/stock_1.png' ) no-repeat; /*background-color: Orange;*/
    width: 16px;
    vertical-align: middle;
}
.PictStockFull
{
    border: 1px solid #BEAA5A;
    background: url(   '../images/stock_2.png' ) no-repeat; /*background-color: Green;*/
    width: 16px;
    vertical-align: middle;
}
.Suppression
{
    border: 1px solid #BEAA5A;
    background: url(   '../images/Suppr.png' ) no-repeat;
    margin-left: 2px;
}
.AffNum
{
    text-align: Right;
}
.AffNumCtrl
{
    text-align: Right;
}

/* Annonces Distri et site en page d'accueil */
#AccSitDisAnnonce
{
    margin-right: 40px;
    margin-bottom: 20px;
}

#AccSitDisAnnonce-Libelle, #AccSitDisAnnonce-Libelle *
{
    font-size: 8pt;
    font-weight: bold;
    color: #DED0A8;
}

#AccSitDisAnnonce-Corps
{
    font-size: 8pt;
    padding-left: 20px;
    text-decoration: none;
    font-weight: normal;
}

/* Annonces client*/


#AccCliAnnoncesPanel
{
    background-color: #FFFFFF;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
    margin-top: 20px;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 10px;
    padding:1px;

}
#AccCliTypeAnnonces, #AccCliTypeAnnonces span, #AccCliTypeAnnonces a
{
    font-size: 9pt;
    font-weight: bold;
    background-color:#000000;
    color:#FFFFFF;
    padding:2px;
    margin: 2px;
}
#AccCliListeAnnonces
{
    padding: 2px;
    margin: 2px;
    font-size: 8pt;
    font-weight: bold;
    background-color: #FFFFFF;
    color: #36464A;
}

#AccCliListeAnnonces hr
{
    width:98%;
    height:1px;
    clear:both;
}
#AccCliAnnonce-Pied
{
}

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

#AccCliAnnonce-Pied-Modif
{
}

#AccCliAnnonce-Pied-Plus
{
}


#AccCliAnnonce-Tete, #AccCliAnnonce-Tete *
{
    font-weight: bold;
    color: #36464A;
}

#AccCliAnnonce-Corps
{
    font-size: 10pt;
    text-decoration: none;
    font-weight: normal;
    color: #36464A;
}

#AccCliAnnonce-Libelle, #AccCliAnnonce-Libelle *
{
    font-size: 9pt;
    font-weight: bold;
  
}

#AccSitCliAnnonce
{
    margin-bottom:15px;
    margin-top:15px;
}


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

#AccSitCliAnnonce-Corps *
{
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
}

#AccSitCliAnnonce-Picto
{
    float:left;
    width: 64px;
    margin-right:25px;
    vertical-align:middle;
}

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

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


/* 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: #F5EFE3;
    padding: 1em 6px;
}

.innerPopup
{
    background-color: #fff;
}

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

#Cat_Pave
{
    /* border: 1px solid #36464A;     background-color: #BCBDC5;*/
    color: #36464A;
    font-weight: bold;
    font-size: 8pt;
    text-align: left;
    max-width: 300px;
}

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

#Cat_Desc
{
    border-style: none;
    font-size: 8px;
    font-style: italic;
    font-weight: normal;
}
#Cat_Fam, #Cat_Fam span, #Cat_Fam a
{
    font-size: 11pt;
    text-transform: uppercase;
    font-weight: bold;
}
#Cat_List
{
    overflow: auto;
    margin-left:25px;
    margin-bottom:25px;
    font-size: 11pt;
}

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

}

#FA_Logo
{
    width: 500px;
    height: 120px;
    margin-left: 10px;
    margin-top: 10px;
    background-image: url('http://upload.extranet.euralliance.com/upload/DIS_92_CFI/Fichiers/cfi_bannerhead-120x738.jpg');
    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;
width:400px;
}

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

#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: #CCAF5F;
}
#PPA_Fiche
{
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin-left: 0px;
    background-color: #FFFFFF;
    padding: 10px;
}

#PPA_Logo
{
    width: 500px;
    height: 120px;
    z-index: 1;
    margin-left: 10px;
    margin-top: 10px;
 /*   background-image: url(''); */
    background-repeat: no-repeat;
}

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

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

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

#PPA_Contenu
{
    font-weight: bold;
    font-size: 8pt;
    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: #000000;
    font-weight: bold;
}


#SearchADM
{
    top: 10px;
    left: 10px;
    float: left;
    vertical-align: middle;
    text-align: left;
}
.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 #CCAF5F;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}

.CLOUD_LienMessagesBox {
    background-color:  #577177;
    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: Orange;
}

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

.CLOUD_MessageBox {

}

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

.CLOUD_MessageDate {
font-weight: bold;
}

.CLOUD_MessageContenu {

}

.CLOUD_MessageImpact {

}



[[CSS_GENERIC]]