@-moz-keyframes reveal-header {0% {top: -4em;opacity: 0;}100% {top: 0;opacity: 1;}}
@-webkit-keyframes reveal-header {0% {top: -4em;opacity: 0;}100% {top: 0;opacity: 1;}}
@-ms-keyframes reveal-header {0% {top: -4em;opacity: 0;}100% {top: 0;opacity: 1;}}
@keyframes reveal-header {0% {top: -4em;opacity: 0;}100% {top: 0;opacity: 1;}}

#header {
	color: #ffffff;
	background-color: var(--global--color-primary);
	box-shadow: 0 0.075rem 1rem 0 rgba(0, 0, 0, 0.125);
	left: 0;
	padding: 0 1.5rem;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 900;
	line-height:3em;
}

#header.reveal {
	-moz-animation: reveal-header 0.5s ease;
	-webkit-animation: reveal-header 0.5s ease;
	-ms-animation: reveal-header 0.5s ease;
	animation: reveal-header 0.5s ease;
}
#header.reveal #nav{
	margin-top:0em;
}
#header.reveal #nav a{
	color:#fff;
}
#header.reveal #nav > ul > li.current > a{
	background:var(--global--color-secondary);
	color:var(--global--color-black);
}
#header.reveal #nav > ul > li:hover > a,#header.reveal #nav > ul > li.active > a{
	background:rgba(0,0,0,0.2);
	color:var(--global--color-white);
}
#header.reveal h1{
	font-size: 1.5em;
    line-height: 2em;
	color:#FFF;
	
}

#header.alt {
-moz-animation: none;
-webkit-animation: none;
-ms-animation: none;
animation: none;

box-shadow: none;

position: relative;
background: #ffffff;
border-bottom: solid 1px #ccc;
padding: 1em 0 1em 0;
text-align: center;


}
#header.alt:before {
background-color: var(--global--color-primary);
content: '';
display: block;
height: 0.25rem;
left: 0;
position: absolute;
top: 0;
width: 100%;

}
#header a {
	text-decoration:none;
}
#header h1{
    vertical-align: middle;
	padding-left: 0.2em;
	display:inline-block;
}

.logo{
	width:110px;
    /* padding-left: 1em; */
	/* display:inline-block; */
    /* left: 1em; */
    /* position: absolute; */
}
/* .reveal .logo{ */
	/* width: 60px; */
    /* margin-top: 0.3em; */
    /* left: 6em; */
/* } */

table.header,
table.header td{
	vertical-align:top;
	text-align:left;
}
table.header,
a.header{
    height:3rem;
	margin-bottom:0px;
	padding-bottom:0px;
}
table.header td.logo{
	width: 110px;
    padding: 0 0.5em;
	line-height:1rem;
}
table.header td.titre{
	padding:0px;
	vertical-align:middle;
	line-height:1rem;
}
.reveal td.logo {
    display: none;
}
.reveal table.header,
.reveal a.header{
	height:inherit;	
	
}
#header.reveal h1{
    font-size:2.1em;
    line-height:1.3em;
}