/* En-tête */

header {
position: relative;
display: table;
margin: 0;
width: 100%;
height: 40px;
color: white;
background-color: #005DA8;
margin-bottom: 15px;
}

body.admin header {
width: 100%;
height: 60px;
}

body.admin header a {
color: white;
margin-left: 20px;
}

body.admin header span {
position: absolute;
top: 17px;
left: 250px;
}

/* Logo du site */

#header-logo {
display: none;
}

/* Slogan du site */

#header-slogan {
position: relative;
display: table-cell;
padding-left: 20px;
vertical-align: top;
font-family: Open Sans Condensed;
}

body.admin #header-slogan {
font-family: Roboto;
}

.home-button {
display: inline-block;
padding-left: 15px;
padding-right: 15px;
font-family: Open Sans Condensed;
text-decoration: none;
text-align: center;
color: white;
}

.home-button + .home-button {
top: 380px;
margin-left: 40px;
}

.home-button:hover {
color: #F8B333;
}

/* Zone décrivant l'espace de travail */

#header-space {
position: absolute;
top: 12px;
right: 20px;
}

/* Zone de recherche */

#header-search {
position: absolute;
top: 9px;
right: 20px;
}

body.admin #header-search {
top: 12px;
}

/* Label de recherche pour IE */

#header-search #label-search {
color: #000000;
}

/* Zone de saisie du mot-clé */

#header-search #recherche {
margin-left: 8px;
margin-right: -15px;
padding: 8px;
padding-right: 35px;
width: 430px;
border:solid 1px #f8b333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-family: Open Sans;
color: #000000;
background-color: #FFFFFF;
}

body.admin #header-search #recherche {
font-family: Roboto;
width: 300px;
font-size: 0.8rem;
}

/* Bouton permettant de lancer la recherche */

#header-search #search {
margin-left: -12px;
border-bottom: 1px solid transparent;
color: #005da8;
}