BODY 
	{
	background:#e6eafa;
	font-family: 'merriweatherregular';
	font-size:1.100em;
	line-height:1.1em;
	width:100% !important ;
	position: absolute !important ;
	left: 0px !important ;
	right:0px !important ;
	}

@font-face 
	{
    	font-family: 'merriweatherregular';
    	src: url('fonts/merriweather-regular-webfont.woff2') format('woff2'),
         url('fonts/merriweather-regular-webfont.woff') format('woff');
    	font-weight: normal;
    	font-style: normal;
	}

A
	{
	font-family: 'merriweatherregular';
	padding:20px;
	color:black;
	text-decoration:none;
	text-shadow: 0.05em 0.05em 0.1em #AAA;
  	}
A:hover
	{
	color:darkblue;
	text-decoration:underline;	
	text-shadow: 0.1em 0.1em 0.2em  #AAA;
	}

BR
	{
	line-height:6pt;
	}

OBJECT
	{
	width:100%;
	height:1000;
	overflow: scroll;
	}
.daniel
	{
	background-image:URL(images/dansurf2.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	}
#col2
	{
	width:2%;
	float:left;
	}
#col3
	{
	width:3%;
	float:left;
	}
#col5
	{
	width:5%;
	float:left;
	}
#col6
	{
	width:6%;
	float:left;
	}
#col7
	{
	width:7%;
	float:left;
	}
#col8
	{
	width:8%;
	float:left;
	}

#col10
	{
	width:10%;
	float:left;
	}
#col12
	{
	width:12%;
	float:left;
	}

#col15
	{
	width:15%;
	float:left;
	}

#col20
	{
	width:20%;
	float:left;
	}
#col22
	{
	width:22%;
	float:left;
	}


/*--- Responsive by Integra Studio --*/

@media screen and (max-width:1000px)
{
DIV, IMG,
	{
	width: 10% !important;
	float: left;
	display: inline !important;
	}

IMG
	{
	margin-right:20px;
	}
OBJECT
	{
	width: 100% !important;
	height:10000;
	overflow: scroll;
	float: left;
	display: block !important;
	margin: 1px !important;
	padding: 7px !important;
	box-sizing: border-box;
	}
IFRAME
	{
	width: 100% !important;
	float: left;
	display: block !important;
	margin: 1px !important;
	padding: 7px !important;
	box-sizing: border-box;
	}

.menu_carre
	{
	width: 17% !important;
	font-size:0.7em !important;
	display:inline;
	text-align:left;
	color:#006;
	cursor:pointer;
	margin: 0px !important;
	padding-left:0% !important;
	padding-right:1% !important;
	}

.menu_button 
	{
	display:none;
	}
}

@media screen and (max-width:700px)
{
DIV, IMG,
	{
	width: 45% !important;
	height: 20px;
	float: left;
	display: block !important;
	margin-right: 4px !important;
	padding: 0px !important;
	}

OBJECT
	{
	width: 100% !important;
	position: absolute !important ;
	left: 0px !important ;
	right:0px !important ;
	height:20000;
	overflow: scroll;
	float: left;
	display: block !important;
	margin: 1px !important;
	padding: 7px !important;
	box-sizing: border-box;
	}
IFRAME
	{
	width: 100% !important;
	float: left;
	display: block !important;
	margin: 1px !important;
	padding: 7px !important;
	box-sizing: border-box;
	}
.menu_carre
	{
	width: 35% !important;
	font-size:0.8em !important;
	padding-left:0em !important;
	padding-right:1% !important;
	margin:0px;
	display:block;
	text-align:left;
	color:#006;
	cursor:pointer;
	}
#col3
	{
	width:10%; !important;
	float:left;
	position:relative;
	left:8%;
	}
#col8
	{
	width:18% !important;
	}
.daniel
	{
	background-image:URL(images/danic.jpg);
	background-repeat:no-repeat;
	height:10px !important;
	float:left;
	}
.menu_button 
	{
	display:none;
	}
.embed-container 
	{ 
	position: relative;
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	} 
.embed-container iframe, .embed-container object, .embed-container embed 
	{ 
	position: absolute; 	
	top: 0; left: 0; 
	width: 100%; 
	height: 100%; 
	}
}