:root { --couleur-fond-entete: #897d68; --couleur-fond-menu: #cba65a; --couleur-fond-logo: #000; --couleur-lettrage-logo: #d9b15f; --couleur-fond-footer: #cba65a; --couleur-titre: #cba65a; --couleur-cadre-actus: #897d68; --couleur-lien: #897d68; --couleur-lien-hover: #000; --couleur-lien-gris: #333;
}
.brnopadding{
padding:0 !important;
}
.br-sitewidth {
border: solid 0px #fff !important;
position: relative;
overflow: hidden;
margin-bottom: 0px;
margin-top: 0px;
padding: 10px 0px;
left: 0px;
top: 8px;
height: 38px;
}
.br_marquee {
overflow: hidden;
float: left;
top: 0;
width: -moz-available;
width: -webkit-fill-available;
height: 100%;
position: absolute;
white-space: nowrap;
}
.br-title {
display: inline-block;
padding: 5px 20px;
float: left;
left: 0px;
top: 0px;
height: 40px;
border-right : 2px solid var(--couleur-titre) !important;
}
.br-sitewidth ul li {
float: left;
list-style: none;
padding-right: 30px;
font-weight: 500;
font-size: 13px;
height: 10px;
}
.br_ul{
width: max-content;
margin: 0.15%!important;
}
.br_marquee li:last-child{
padding-right: 10px;
}
@media screen and (max-width: 800px) {
.brnopadding{
padding:0 !important;
width:100%!important;
max-width: 100%!important;
margin-bottom: 10px!important;
}
.br-sitewidth {
border: solid 0px #fff !important;
position: relative;
overflow: hidden;
margin-bottom: 0px;
margin-top: 0px;
padding: 5px 0px;
left: 0px;
top: 5px;
height: 30px;
}
.br_marquee {
overflow: hidden;
float: left;
top: 0;
width: -webkit-fill-available;
height: 100%;
position: absolute;
white-space: nowrap;
}
.br-title {
display: inline-block;
font-size: 12px;
padding: 5px 5px;
float: left;
left: 0px;
top: 0px;
width:auto;
height: 30px;
}
.br-sitewidth ul li {
float: left;
list-style: none;
padding-right: 25px;
font-weight: 500;
font-size: 12px;
height: 10px;
}
.br_ul{
width: max-content;
margin: 5px 5px;
font-size: 12px;
}
.br_marquee li:last-child{
padding-right: 0px;
}
}