@tailwind  base;

@tailwind  components;

@tailwind  utilities;

.btn-header-link:focus {
    outline: auto 1px black;
}

* {
    box-sizing: border-box;
}

.container-01{
	background: black;
}

button, select{
	
	cursor: pointer;
}
.skip-nav{
	background: black;
	position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  top: auto;
  clip: rect(1px,1px,1px,1px);
}
.screenreader-text {
  position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  top: auto;
  clip: rect(1px,1px,1px,1px);
}
.screenreader-text:focus {
  color: black;
  display: inline-block;
  height: auto;
  width: auto;
  position: static;
  margin: auto;
}

.header .logo-bnf {
	display: flex;
	margin: 0 auto;
	    height: 74px;
}

.header .logo-site {
	padding-left: 47px;
}

.header h1 {
	margin: 0;
}

nav {
    float: left;
    width: 30%;
}
nav ul {
    list-style-type: none;
     padding: 0;
    margin: 0;
}


/*Le contenu de la page*/
article {
	float: left;
	width: 70%;
}


.svgTrait{
	    width: 3px;
    height: 17px;
    top: -5px;
    position: relative;
}


.svgTraitDetail{
	    
    height: 17px;
    top: -2px;
    position: relative;
}

section:after {
    content: "";
    display: table-column;
    clear: left;
}
section {
	width: 100%;
    height: auto;
}
footer {
	text-align: right;
	color: white;
	clear: both;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	
	color: #1f3f57;
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 0.8em;
	padding: 0 0 0 0;
}

/* Bas de page */
.baspage {
	background: url(../ne_images/logoSeparateur.PNG) no-repeat;
	height: 3px;
	overflow: hidden;
	background-size: cover;
}

.baspage1 {
	background: url(../ne_images/logoSeparateur.PNG) no-repeat;
	height: 10px;
	overflow: hidden;
	background-size: cover;
}

@media ( max-width : 600px) {
    nav, article {
        width: 100%;
        height: auto;
    }
}
.custom-select{
	width: 118px;
	border: none;
}

.custom-select .triSelect option{
	font-family: 'Roboto';
	font-size: 14px;
}
.triSelect{
	width: 95px;
	    font-size: 14px;
    font-family: 'Roboto';
}
h3{
	font-size: 1rem;
}

p {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

a{
	color: #212529;
}