* {
box-sizing: border-box;
}
html {
overflow-x: hidden;
}
body {
overflow-x: hidden;
}
.bouton {
background-color: #e20612;
font-weight: bold;
padding: 16px 70px 16px 71px;
color: white;
}
.bouton:hover {
padding-bottom: 16px;
padding-top: 16px;
background-color: white;
color: #e20612;
border: 2px solid #e20612;
}
.conteneur-btn {
display: contents;
border-top: none;
}
.conteneur-btn:hover {
border-top: none;
}
.conteneur-liste {
margin-left: 13px;
}
.liste {
list-style-type: none;
}
.liste::before {
content:"-";
color: #e20612;
font-size: 20px;
margin-left: -14px;
padding-right: 7px;
}
/* ================= BURGER_MENU============ */
#btnBurger {
display: none;
}
footer {
background-color: #e20612;
}
.label_burger {
display: none;
}
.label_burger span {
width: 28px;
height: 4px;
display: block;
background: black;
margin-bottom: 7px;
}
#gsb-logo {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding-right: 40px;
}
.naviguation {
width: 70%;
display: inline-block;
flex-direction: column;
color: black;
}
.adresse {
background-color: #e20612;
color: white;
display: flex;
flex-direction: row;
justify-content: space-between;
text-align: right;
border-left: solid transparent;
}
.rue {
color: white;
font-weight: unset;
}
.logocontainer {
width: 50%;
padding: 20px;
}
span {
color: #e20612;
font-size: 20px;
}
#navadresstxt {
margin-top: 0px;
padding-left: 50px;
font-family: 'Bai Jamjuree', sans-serif;
font-weight: unset;
color: white;
}
#menuToggle {
display: block;
position: absolute;
top: 50px;
right: 30px;
z-index: 5001;
-webkit-user-select: none;
user-select: none;
}
.anglenav {
margin-left: -3px;
}
ul {
display: flex;
list-style: none;
margin-right: 15px;
justify-content: end;
border: 1px solid transparent;
}
footer ul {
justify-content: end;
}
li {
margin-right: 20px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.tel {
color: white;
margin-left: 30px;
font-weight: unset;
}
.logo-facebook {
color: white;
padding-left: 10px;
padding-right: 40px;
font-size: 2em;
}
.logo-facebook:hover {
border: none;
}
.gras{
font-weight: bold;
}
a {
color: black;
font-family: 'Bai Jamjuree', sans-serif;
font-weight: bold;
font-size: smaller;
text-decoration: none;
margin: auto;
padding-top: 10px;
}
a:hover {
border-top: 8px solid #e20612;
padding-top: 14px;
}
.foot-container {
display: flex;
width: 100%;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 40px;
background-color: #e20612;
}
.column-footer {
background-color: white;
}
.foot-adress {
width: 50%;
text-align: right;
color: white;
display: flex;
flex-direction: column;
}
.foot-adress>ul>li>a {
color: white;
}
.foot-adress>ul>li>a:hover {
border-top: none;
border-bottom: 3px solid white;
padding-bottom: 3px;
}
#nav-adress-txt {
margin-right: 20px;
font-family: 'Bai Jamjuree', sans-serif;
}
#click-foot-logo{
border-bottom: none;
border-top: none;
padding-left: 10px;
}
.foot-tel {
color: white;
padding-right: 20px;
padding-left: 20px;
font-weight: unset;
}
.copyright-tag {
width: 50%;
color: white;
padding-left: 50px;
}
.heberger {
width: 50%;
height: 130px;
color: white;
text-align: right;
padding-right: 50px;
}
.heberger a {
font-size: 1em;
color:#FFF;
}
.heberger a:hover {
color:#000;
}
span {
font-size: 20px;
}
#nav-adress-txt a:hover {
border-bottom: unset;
}
#navadresstxt a:hover {
border-bottom: unset;
}
@media only screen and (max-width: 1674px ) {
header, footer {
height: 100%;
}
.naviguation {
width: 100%;
display: inline-block;
flex-direction: column;
color: black;
}
.adresse {
width: 100%;
background-color: #e20612;
color: white;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: center;
border-left: solid transparent;
padding-right: 0px;
padding-top: 20px;
}
a {
color: white;
font-family: 'Bai Jamjuree', sans-serif;
text-decoration: none;
margin: auto;
border: 3px solid transparent;
padding-top: 10px;
}
a:hover {
border-top: none;
border-bottom: 3px solid white;
padding-bottom: 3px;
}
#acceuil-logo:hover {
border-bottom: unset;
}
#navadresstxt {
padding-left: 0px;
font-family: 'Bai Jamjuree', sans-serif;
text-align: -webkit-center;
margin-bottom: 21px;
}
ul{
display: flex;
list-style: none;
margin-right: 15px;
align-items: center;
justify-content: space-around;
border: 1px solid transparent;
width: 100%;
background-color: #e20612;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 22px;
}
#gsb-logo {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
}
.logocontainer {
background: rgb(236, 235, 235);
width: 100%;
}
.foot-adress {
width: 100%;
text-align: center;
color: white;
display: flex;
flex-direction: column;
}
.foot-container {
display: flex;
flex-direction: column;
width: 100%;
align-items: stretch;
justify-content: stretch;
flex-wrap: wrap;
padding-top: 40px;
background-color: #e20612;
text-align: center;
}
.column-footer {
background-color: white;
width: 80%;
margin: 0 auto;
}
.anglenav-foot {
display: none;
}
#nav-adress-txt {
margin-right: 0px;
font-family: 'Bai Jamjuree', sans-serif;
}
.copyright-tag {
width: 100%;
color: white;
padding-left: 0px;
}
.heberger {
width: 100%;
height: 100px;
color: white;
text-align: center;
padding-right: unset;
}
.logo-facebook {
padding-left: 10px;
padding-right: unset;
padding-top: unset;
font-size: 1.5em;
}
}
@media only screen and (max-width: 1350px ){
.adresse {
width: 100%;
background-color: #e20612;
color: white;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: center;
border-left: solid transparent;
padding-right: 0px;
padding-top: 20px;
}
.braultlogo:nth-child(2) {
margin-left: 7px;
}
}
@media only screen and (max-width: 1074px) {
.adresse {
width: 100%;
background-color: #e20612;
color: white;
display: flex;
flex-direction: row;
justify-content: center;
text-align: center;
border-left: solid transparent;
padding-right: 0px;
padding-top: 20px;
}
#navadresstxt {
padding-left: 0px;
font-family: 'Bai Jamjuree', sans-serif;
}
}
@media only screen and (max-width: 1048px ){
.logocontainer {
display: flex;
align-items: center;
background: rgb(236, 235, 235);
width: 100%;
padding-left: 10px;
justify-content: space-between;
padding-right: 43px;
}
#gsb-logo {
width: unset;
justify-content: unset;
}
.naviguation {
display: none;
}
.label_burger {
display: block;
}
.brg_ouvert span:nth-child(1) {
/* transform: translate(-7.5%, 19px) rotate(-305deg);*/
transform: translate(-7.5%, 20px) rotate(45deg);
}
.brg_ouvert span:nth-child(2) {
transform: translate(-2px, 12px) rotate(-305deg);
opacity: 0;
}
.brg_ouvert span:nth-child(3) {
/* transform: translate(-7.5%, -50.5%) rotate(-416deg);*/
transform: translate(-7.5%, -50.5%) rotate(-45deg);
}
.brg_ouvert ~ #nav_et_liens {
margin-top: 70px;
display: flex;
transform: translateX(0);
}
.checked ~ .naviguation {
display: flex;
}
.braultlogo:nth-child(1) {
width: 300px;
}
#navadresstxt {
margin-top: unset;
}
}
@media only screen and (max-width: 768px) {
.headcontainer {
position: fixed;
}
.logocontainer {
height: 20vh;
}
#navadresstxt {
margin-bottom: unset;
}
.braultlogo:nth-child(2) {
width: 161px;
}
#gsb-logo {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
ul {
flex: 1;
flex-direction: column;
align-items: unset;
padding-top: 22px;
}
.adresse {
background-color: #e20612;
color: white;
display: flex;
flex-direction: row;
justify-content: center;
text-align: center;
border-left: solid transparent;
padding-right: 0px;
order: 1;
padding-bottom: 25px;
}
.checked ~ .naviguation {
height: 80vh;
}
.column-footer {
background-color: white;
width: 100%;
margin-left: 0%;
}
.foot-adress ul{
display: none;
}
a {
margin: unset;
}
}
@media only screen and (max-width: 600px) {
.adresse {
width: 100%;
background-color: #e20612;
color: white;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: center;
border-left: solid transparent;
padding-right: 0px;
padding-top: 20px;
}
.logo-facebook {
padding-right: unset;
}
}
@media (min-width: 1px) and (max-width: 536px) {
.braultlogo:nth-child(1) {
width: 245px;
}
.braultlogo:nth-child(2) {
width: 127px;
}
#gsb-logo {
padding-right: unset;
}
.adresse {
background-color: #e20612;
color: white;
display: flex;
flex-direction: row;
justify-content: center;
text-align: right;
border-left: solid transparent;
padding-right: 0px;
}
#navadresstxt {
margin-top: 20px;
font-family: 'Bai Jamjuree', sans-serif;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
font-size: 0.8em;
padding-bottom: 13px;
}
#nav-adress-txt {
margin-top: 20px;
}
.foot-tel {
margin-bottom: 5px;
}
.logocontainer {
padding-right: 31px;
}
.foot-adress {
width: 100%;
text-align: unset;
color: white;
display: flex;
flex-direction: column;
}
.braultlogofoot {
width: 90%;
padding-right: 10px;
}
#nav-adress-txt {
margin-right: unset;
}
.logo-facebook {
padding-top: unset;
padding-left: 16px;
}
.tel {
font-size: 1.3em;
margin-left: 17px;
padding-right: 10px;
}
.foot-tel {
display: block;
}
}
a.no-border{
padding-top: 0px;
color: #e20612;
}
a.no-border:hover{
border: none;
color: #e20612;
}
.container-politiques{
width: 100%;
padding: 0px 40px;
margin-bottom: 60px
}