@charset "utf-8";
@font-face
{
  font-family:TitleFont;
  src:url(titlefont.otf);
}

@font-face
{
  font-family:TitleFont2;
  src:url(segoeuil.ttf);
}

@font-face
{
  font-family:TextFont;
  src:url(msreferencesansserif.ttf);
}

* { box-sizing:border-box; }

body
{
	cursor:default;
	font-family:TextFont;
	margin:0px;
	padding:0px;
}

a { text-decoration:none; }

/*########################################################### - Header */
header
{
	background:url(pictures/header.jpg) center;
	background-size:auto 300px;
	background-repeat:no-repeat;
	box-shadow:0px 10px 50px 0px rgba(168,168,168,0.75);
	height:300px;
	min-width:1080px;
	padding-top:220px;
}

/*########################################################### - Menu */
#menu
{
	background-color:#00B6ED;
	min-width:1080px;
}

nav
{
	height:60px;
	margin:0px auto 0px auto;
	text-align:center;
	min-width:1080px;
}

ul
{
	font-family:TitleFont;
    font-size:18px;
	height:60px;
	margin:0px auto 0px auto;
	padding:12px 0px 10px 0px;
	min-width:1080px;
	-webkit-margin-before:0px;
    -webkit-margin-after:0px;
    -webkit-margin-start:0px;
    -webkit-margin-end:0px;
	-webkit-padding-start:0px;
}

ul a
{
	color:#FFFFF0;
}

li
{
	border-left:solid 1px #FFFFF0;
	display:inline-block;
	height:38px;
	line-height:38px;
	padding:0px 13px 0px 13px;
	text-align:center;
	transition:0.3s ease-in-out;
}

li:hover
{
	background-color:#0086BD;
}

/*########################################################### - Content */
#content
{
	margin:0px auto 0px auto;
	min-height:750px;
	padding:20px 20px 20px 20px;
	position:relative;
	width:1080px;
}

#content a
{
	color:black;
	transition:0.3s ease-in-out;
}

#content a:hover
{
	color:#76B82A;
	text-shadow:0px 0px 1px #76B82A;
}

/*########################################################### - Footer */
footer
{
	background-color:#00B6ED;
	box-shadow:0px -10px 50px 0px rgba(168,168,168,0.75);
	height:145px;
	min-width:1080px;
}

#footer
{
	color:#111111;
	font-size:14px;
	margin:0px auto 0px auto;
    padding-top:10px;
	text-align:center;
	min-width:1080px;
}

#footer a
{
	color:#111111;
	transition:0.3s ease-in-out;
}

#footer a:hover
{
	color:#FFFFF0;
	text-shadow:0px 0px 1px #FFFFF0;
}

footer img
{
	height:32px;
	width:35px;
	transition:0.3s ease;
}

footer img:hover
{
	cursor:pointer;
	transform:translateY(-5px);
}

#scrolltop
{
	background-color:rgba(51,51,51,0.6);
	border:none;
	border-radius:10px;
	bottom:30px;
	box-shadow:0px 0px 10px 0px rgba(51,51,51,1);
	color:#333333;
	cursor:pointer;
	display:none;
	font-family:FranklinGothicDemiCondRegular;
    font-size:20px;
	font-weight:bold;
	height:40px;
	outline:none;
	position:fixed;
	right:30px;
	text-shadow:0px 0px 2px #333333;
	transition:0.5s ease;
	width:40px;
	z-index:99;
}

#scrolltop:hover
{
	background-color:#0086BD;
	box-shadow:0px 0px 10px 0px rgba(0, 134, 189, 1);
	color:#FFFFF0;
	text-shadow:0px 0px 2px #FFFFF0;
	transform:scale(1.1);
}