#neatbanner {
min-height: 50px;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 99999999999999999999;
}
#neatbanner * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: initial;
}
@media (max-width: 767px) {
#neatbanner {
display: none;
}
}
#neatbanner p {
margin: 0;
line-height: 1.5;
font-size: 15px;
font-family: "Open Sans", sans-serif;
padding: 0;
}
#neatbanner b,
#neatbanner strong {
font-weight: 700;
}
#neatbanner button {
font-family: "Open Sans", sans-serif;
}
#neatbanner .grid {
display: -ms-grid;
display: grid;
grid-template-areas: "textes lien close";
-ms-grid-columns: 1fr 15px auto 15px auto;
grid-template-columns: 1fr auto auto;
grid-column-gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 0 20px
}
@media (max-width: 1024px) {
#neatbanner .grid.position_center{
grid-template-columns: auto 360px auto auto !important;
}
}
#neatbanner .grid > .compteur{
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: compteur;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
text-align :left;
padding: 0 20px;
}
#neatbanner .grid > .compteur > div{
text-align: center;
font-size: 10px;
display: inline-block;
margin: 0 2px;
padding : 2px 5px;
}
#neatbanner .grid > .compteur > div > p{
font-size: 10px; 
margin-top: 5px;
padding: 0 2px;    
}
#neatbanner .grid > .compteur > div:first-child{
margin-left: 0;
}
#neatbanner .grid > .compteur > div:last-child{
margin-right: 0;
}
#neatbanner .grid > .compteur > div.fleche{    
vertical-align: top;
margin-top: 15px;
}
#neatbanner .grid > .compteur > div > span {
font-size: 21px;
padding: 2px 5px;
border-radius: 5px;
}
#neatbanner .grid > .textes {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: textes;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
text-align :center;
}
#neatbanner .grid > .lien {
-ms-grid-row: 1;
-ms-grid-column: 3;
grid-area: lien;
}
#neatbanner .grid > .lien > button {
border: 0;
background-color: rgb(255, 255, 255);
padding: 6px 10px;
border-radius: 3px;
font-size: 13px;
color: #000;
}
#neatbanner .grid > .lien > button p {
font-size: 13px;
}
#neatbanner .grid > .close {
-ms-grid-row: 1;
-ms-grid-column: 5;
grid-area: close;
cursor: pointer;
}
#neatbanner .grid > .textes .icone {
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}
#neatbanner .grid > .textes .icone svg {
height: 20px;
width: 20px; fill: inherit;
vertical-align: middle;
}
#neatbanner .grid > .textes .icone svg > path { fill: inherit;
}
#neatbanner .grid > .textes > .texte{
margin: 0 auto;
}
#neatbanner .grid > .textes > .texte > span,
#neatbanner .grid > .close > svg{
vertical-align : middle
}
#neatbanner .grid > .textes > .texte  p {
padding-right: 6px;
display: inline;
vertical-align : middle;
} .remodal-overlay {
z-index: 16777270;
}
.remodal-wrapper {
z-index: 16777271;
}
.remodal {
padding: 0 !important;
width: auto;
}
#neatbanner .close{
opacity: 1;
}
#neatbanner .close:hover,
#neatbanner .close:active,
#neatbanner .close:focus{
opacity: 0.8;
}