@charset "UTF-8";
/* *****************************************
** Stylesheet for Jean-Etienne
**
** USEFUL COLOR CONSTANTS	
** text: 5d300f
** background: fbf9ed
**
/* ************************************** */

/* ************************************** **
** Reset CSS
** ************************************** */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,input,textarea,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{color:inherit;margin:0;padding:0;border:0 inset;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;line-height:inherit;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* ************************************** **
** General
** ************************************** */
body
{
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 10pt;
  line-height: 1.1em;
  background-color: #fbf9ed;
  color: #5d300f;
}

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

h1#marine
{
  text-align: center;
  margin: 50px auto 30px;
}

img#picture
{
  display: block;
  margin: 0 auto;
  border: 5px solid #5d300f;
}

ul#contacts
{
	width: 700px;
    margin: 10px auto 0;
}

ul#contacts li
{
	float: left;
	width: 335px;
	padding: 5px;
}

ul#contacts li a
{
	display: block;
}

ul#contacts li#email
{
	border-left: 5px solid #5d300f;
}

ul#contacts li#linkedin
{
	border-right: 5px solid #5d300f;
	text-align: right;
}