body {
	font-size: 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	/* background: url(roughsea.jpg) no-repeat center top fixed; */
	background: url(clouds2.jpg) no-repeat center top fixed;
	background-size:cover;
	overflow:auto;
}
/*
.credit {
	position:fixed;
	left:50%;
  	bottom:-15px;
	transform: translate(-50%, -50%);
  	margin: 0 auto;
}
.titre {font-size:x-large}
*/

.f24px {font-size: 24px}
a {text-align:right; font: bold 14pt Arial, Helvetica, sans-serif;}

#menufloat {
	position:fixed;
	z-index:1;
	background: rgba(204, 204, 204, 0.7);
	left: 10px;
	top:25%;
	/*
	transform: translateY(-50%);
	vertical-align: center;
	*/
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	
}
.vid {
	border: 2px solid black;
	box-sizing: border-box;
}
.tabsmall {
	font-size:14px;
	font-weight:bold;
	color:black;
	margin-left: 6em
}
.tabsmall2 {
	font-size:14px;
	font-weight:bold;
	color:black;
	text-align: right;
}
.smallchar {font-size:8px; font-weight:bold; color:black;}
.style1 {text-align:center; font-size: large;}
.style1 a {font-size:larger; font-weight:bold;}

#toptitle {
	font-family:Verdana, sans-serif;
	text-shadow: 1px 1px 1px white;
	font-size:26px;
	font-weight: bold;
	color:black;
}
#menufloat a {
	text-decoration:none;
	text-shadow: 2px 2px 1px white;
	font-size:26px;
	font-weight:bold;
	font-style:italic;
	color:navy;
}
.styleh1, a.styleh1, a.styleh1:link, a.styleh1:visited, a.styleh1:hover, a.styleh1:active {
	font-size: 32px;
	text-shadow: 2px 2px 1px grey;
	font-family: Arial, Helvetica, sans-serif;
	color: blue;
	text-decoration: none;
}
.topmenu a{
	text-decoration:none;
	font-size: 18px;
	color: black;
}
.nodeco, a.nodeco:link, a.nodeco:visited, a.nodeco:hover {
	
	color: black;
    text-decoration: none;
}