@font-face {
  font-family: PermanentMarker-Regular;
  src: url(PermanentMarker-Regular.ttf);
}

@font-face {
  font-family: OpenSans-Regular;
  src: url(OpenSans-Regular.ttf);
}

@font-face {
  font-family: Poppins-Regular;
  src: url(Poppins-Regular.ttf);
}

@font-face {
  font-family: Poppins-Bold;
  src: url(Poppins-Bold.ttf);
}

body {
  background-color: #140c06 !important; 
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

h1, h2, h3, h4 {
  font-family: 'PermanentMarker-Regular';
}

h5, h6{
  font-family: 'OpenSans-Regular';
}

p{
  font-family: 'Poppins-Regular';
}

.brand-logo img{
    max-height: 45px;
    margin: 10px;
}

.icone{
  font-size: 50px
}

.equilibre{
  text-align: justify;
}

.vertical-center{
  display: flex;
  align-items: center;
}

.equipSolo{
  max-width: 1000px;
}
.equipSoloImg{
  max-height: 170px;
}

.colorOrange01{
  color: #953205;
}

.colorOrange02{
  color: #D3661A;
}

.colorOrange03{
  color: #FE8716;
}

.bg-colorBlackBrown{
  background-color: #140c06;
}


.video{
  display: flex; 
  align-items: center;
}


.cardP{
  border: 0.5em solid;
  border-color: #FE8716;
  border-radius: 10px;
  padding: 10px;
}

.projectTitle{
  font-family: 'PermanentMarker-Regular';
}

.footerlogo{
  max-height: 100px !important;
}

footer h5{
  font-family: 'PermanentMarker-Regular';
}

.footerTitle{
  font-size: 2rem;
  margin-top: 0.1em;
}

.docmd ul, .docmd h4, .docmd h5, .docmd h6{
  padding-left: 1em !important;
}

.docmd ul>li{
  list-style:disc !important;
}

.docmd ul>li>ul>li{
  list-style: circle !important;
}

.docmd ol>li>ul>li{
  
  list-style:square !important;
}

.tabs .tab a{
  color: white;
}

.tabs a.active{
  background-color: #953205 !important;
  color: #FE8716 !important;
  text-shadow: #140c06 1px 0 10px;
}


.border-Orange01{
  padding: 0 0 !important;
  border-bottom: 2px solid;
  border-color: #D3661A;
}

.tabs a:hover{
  background-color: #D3661A23 !important;
}

.footera{
  padding-top: 10px;
  margin-right: 20px;
}

.footera:hover{
  background: linear-gradient(70deg,#FE8716 0%,#953205 80%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

nav li a:hover{
  background: linear-gradient(70deg,#FE8716 0%,#953205 80%);
}


.littleContainer{
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  background: whitesmoke;
  padding: 3%;
  backdrop-filter: blur(5px);
  border-radius: 20px;
}

.littleContainerSize{
  max-width: 75%;
  max-height: 75%;
}


.contactBG{
  background-image: url(../img/background/1.png);
  background-size: cover;
  padding-bottom: 100px;

}