#Pub  {
    width: 100%;
    height:350px;
    border: 0px;
    margin: 0px;
    text-align: center;
    vertical-align:middle;
    float: top;
    z-index:0;
    position:relative;
    background-image:url(motif2.png);
    background-repeat:space;
}
.PubElement {
   display:inline-block;
   line-height:350px;
    margin-left: 0px;
    margin-right: 0px;
    vertical-align:middle;
    z-index: +500;
    position:relative;
}
#PubNew{
    position: absolute;
    width: 400px;
    height: 350px;
    right: 0px;
    top: 0px;
    z-index: +600;
    background-color: #AAAAAA;
    text-align: center;
    opacity: 0.9;
}
.PubNewElement
{
    z-index: +700;
    text-align: left;
    opacity: 1;
    color: black;
    font-size:14px;
    height:60px;
    margin: 20px;
}
.pubNewHeaderElement
{
    left:10px;
    width:1px;
    height:30px;
    border:10px solid #069;
    border-width:10px;
    border-color:transparent transparent transparent orange;
}
.triangle-right-orange {
    width: 0;
    height: 0;
    border-style: solid;
    margin:5px;
    border-width: 5px 10px 5px 0;
    border-color: transparent orange transparent transparent ;
}
.triangle-right-red {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 10px 5px 0;
    border-color: transparent red transparent transparent ;
}
.triangle-right-blue
{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #007bff;
}
.div-shadow
{
    -moz-box-shadow: 5px 5px 10px 0px #cfcfcf;
    -webkit-box-shadow: 5px 5px 10px 0px #cfcfcf;
    -o-box-shadow: 5px 5px 10px 0px #cfcfcf;
    box-shadow: 5px 5px 10px 0px #cfcfcf;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=10);
  
}