html
{
display: table;
table-layout: fixed;
width: 100%; height: 100%;
}
	
body
{	
display: table-cell;	
width: 100%; height: 100%;
vertical-align: middle;
margin:0;
font-size:0.8em;
font-family: 'Josefin Sans', serif;
color: rgba(25,25,25,1);
border:1px rgba(25,25,25,1);
}

a:link, a:focus, a:active, a:visited
{ 
text-decoration:none;display:inline-block;
outline: none;
color:rgba(25,25,25, 1);
font-weight:bold;
	-webkit-transition : all 0.2s ease-in-out infinite;
	-moz-transition : all 0.2s ease-in-out ;
	-o-transition : all 0.2s ease-in-out ;
	transition : all 0.2s ease-in-out ;
} 

h1
{
text-transform:uppercase;
color:black;
font-size:1.5em;
}

h2
{
color:rgba(241,121,88, 1);
font-size:1.4em;
}


#fond
{
text-align:center;
padding:0em;margin:auto;
width:15em;
height:15em;
margin-bottom:5em;
background:url('/site/vue/img/logo.png') no-repeat center center;
-webkit-background-size: 100%; 
-moz-background-size: 100%; 
-o-background-size: 100%; 
background-size: 100%; 
}

#form
{
text-align:center;
}


@media only screen and (max-width:768px){
#fond
{
width:5em;
height:5em;
line-height:5em;
}
}


#endav
{
text-align:center;
position:fixed;
width:15em;
top:6em;
left:-9em;
padding: 0.5em 10em;
background-color:rgba(25, 25, 25, 0.8);
border:1px rgba(255,255,255, 0.8) solid;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}


.orange
{
color:rgba(14,138,167, 1);font-size:2em;
}

.blanc
{
color:rgba(255,255,255, 1);
}

#dlw
{
text-align:center;
position:fixed;
padding:2em;
bottom:0;
right:0;
}

#dlw a
{
color:rgba(14,138,167, 1);

}

.lv{display:none;}

input, textarea
{
width:300px;
border:1px solid rgba(25, 25, 25, 0.8);box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
padding:0.5em;
}
.bouton_submit
{
background-color:black;
color:white;
}