/* GLOBAL */

/**::-moz-selection {}
*::selection {}*/
body
{
padding-top: 20vh;
background: white;
text-align: center;
}
body, p, button, input, textarea, select
{
color: black;
font-family: 'Open Sans', Sans-Serif;
font-weight: 400;
font-size: 13px;
}
h1, h2, h3, h4, h5, h6
{
color: black;
font-family: 'Open Sans Condensed', Sans-Serif;
font-weight: 300;
font-size: 20px;
text-transform: uppercase;
}
hr
{
background: black;
}
img
{
-moz-user-select: none;
-webkit-select: none;
-ms-user-select: none;
user-select: none;
}

/* MENU */

nav {}

/* RECHERCHE */

#tetralyre
{
width: 320px;
}
form
{
width: 100%;
margin-top: 24px;
}
form *
{
display: block;
margin-left: auto;
margin-right: auto;
font-family: Arial, Sans-serif;
}
form input[type=text]
{
width: 100%;
max-width: 584px;
padding: 12px;
border: none;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
color: rgb(35,35,35);
font-size: 15px;
transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
form input[type=text]:hover, form input[type=text]:active
{
box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);
border: none;
}
form input[type=submit]
{
height: 36px;
min-width: 54px;
margin-top: 28px;
padding: 0 16px;
background: rgb(242,242,242) linear-gradient(top, rgb(245,245,245), rgb(241,241,241));
border: 1px solid rgb(242,242,242);
border-radius: 2px;
color: rgb(117,117,117);
font-size: 13px;
font-weight: bold;
text-align: center;
line-height: 27px;
cursor: default;
}
form input[type=submit]:hover
{
background-image: linear-gradient(top, rgb(248,248,248), rgb(241,241,241));
border: 1px solid rgb(198,198,198);
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
color: rgb(34,34,34);
}

/* RESSOURCES */

.ressource
{
display: block;
position: fixed;
box-sizing: border-box;
width: 128px;
height: 128px;
padding-top: 1.25em;
border-radius: 100%;
color: white;
font-size: 15px;
font-weight: 600;
text-align: center;
transition: box-shadow 0.5s, transform 0.25s;
}
.ressource:hover
{
box-shadow: 0 0 10px rgba(0,0,0,0.15);
transform: scale(1.075);
}
.ressource > img
{
display: block;
margin: auto;
margin-bottom: 0.5em;
}
#contact
{
left: 24px;
bottom: 24px;
background: rgb(200,160,130);
}
#guide
{
right: 24px;
bottom: 24px;
background: rgb(160,200,130);
}