@charset "UTF-8";
/* CSS Document */



body
{

	background-color: #fcfaf0;
	width: 1400px;
	margin: 0 auto;	}
	
#bloc_page
{
    display: block;
	position: absolute;
	text-decoration:none;
	background-color: #fcfaf0;
	width: 1236px;
	}
	
		
#entete
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#toumenu
{
	display: block;
	position: relative;
	top: 400px;
	left: 320px;
	transform: rotate(-8deg);
	z-index: 500;
}


#enteteverbat
{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
}

#soumenu
{
	display: block;
	position: relative;
	top: 600px;
	left: 580px;
    font-family: 'polices/colaborate-regularregular';
	text-transform: uppercase;
	font-variant: small-caps;
	font-size: 25px;
	color:#a84f00;
	z-index: 10;
}

#soumenu1a
{
	display: block;
	position: relative;
	color:#5f3700;
	top: 50px;
	left: 100px;
	z-index: 10;
}
#soumenu1b
{
	display: block;
	position: relative;
	color:#5f3700;
	top: 50px;
	left: 0px;
	z-index: 10;
}

#dorigine
{
	display: block;
	position: relative;
	top: 1020px;
	left: 40px;
	margin-left:80px;
	margin-right:450px;
    font-family: 'polices/colaborate-mediumregular';
	font-variant: small-caps;
	font-size: 23px;
	color:#a84f00;
	z-index: 10;

}
#genese
{
	display: block;
	position: relative;
	margin-right:350px;
	top: 650px;
	left: 350px;
	z-index: 10;
}
#port
{
	display: block;
	position: relative;
	top: 210px;
	left: 0px;
	z-index: 10;
}
.parag
{
	margin-left:60px;
	margin-right:60px;
    font-family: 'polices/colaborate-regularregular';
	text-decoration: none;
	font-variant:normal;
	font-size: 17px;
	letter-spacing: 0.05em;
	line-height:22px;
	color:#5f3700;
	text-align:justify;
	z-index: 10;

}

.citation
{
	font-family: 'polices/colaborate-regularregular';
	text-decoration: none;
	font-size: 17px;
	margin-left:120px;
	margin-right:120px;
	letter-spacing: 0.1em;
	line-height:19px;
	color:#a84f00;
	text-align:justify;
	font-style:italic;
	font-variant: normal;
}

#paquebot
{
    display: block;
	position: relative;
	float:inherit;
	left: 200px;
	top: 0px;
	z-index: 5;
}
#paquebotpng
{
    display: block;
	position: absolute;
	top:0px;
	z-index: 4;
}
#paquebotgif
{
    display: block;
	position: absolute;
	top:80px;
	left:85.5px;
	z-index: 3;
}

#paquebottxt
{
    display: block;
	position: absolute;
	transform: rotate(-4deg);
	text-align: left;
	top:85px;
	left:325px;
    font-family: 'danielregular';
	text-decoration: none;
	font-size: 22px;
	letter-spacing: 0.12em;
	color:#9e9178;
	text-transform: none;
	font-variant: normal;
	z-index: 3;
}
.paqtxt
{
	text-align: right;
    font-family: 'danielregular';
	text-decoration: none;
	font-size: 20px;
	letter-spacing: 0.12em;
	color:#7c7058;
	line-height: 30px;
	text-transform: none;
	font-variant: normal;
	z-index: 3;
}

.soutitr
{
	margin-left:15px;
	margin-right:0px;
	font-style: normal;
	text-align: left;
    font-family: 'polices/colaborate-mediumregular';
	text-decoration: none;
	font-size: 16px;
	letter-spacing: 0.05em;
	color:#a84f00;
	text-transform: uppercase;
	font-variant: small-caps;
	z-index: 10;
}
.puce
{
	font-style: normal;
	text-align: left;
    font-family: 'polices/colaborate-mediumregular';
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0.05em;
	color:#a84f00;
	text-transform: uppercase;
	font-variant: small-caps;
	z-index: 10;
}

.plm
{
    font-family: 'polices/colaborate-mediumregular';
	text-decoration: none;
	font-size: 14px;
	letter-spacing: 0.05em;
	color:#a84f00;
	text-transform: uppercase;
	font-variant: small-caps;
}

#footer
{
	display: block;
	position: relative;
	top: 410px;
	left: -260px;
	margin-left: auto;
  	margin-right: auto;
	float:bottom;
} 
/* DATE */



@font-face {
    font-family: 'polices/colaborate-boldregular';
    src: url('polices/colabbol-webfont.eot');
    src: url('polices/colabbol-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/colabbol-webfont.woff2') format('woff2'),
         url('polices/colabbol-webfont.woff') format('woff'),
         url('polices/colabbol-webfont.ttf') format('truetype'),
         url('polices/colabbol-webfont.svg#colaborate-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'polices/colaborate-mediumregular';
    src: url('polices/colabmed-webfont.eot');
    src: url('polices/colabmed-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/colabmed-webfont.woff2') format('woff2'),
         url('polices/colabmed-webfont.woff') format('woff'),
         url('polices/colabmed-webfont.ttf') format('truetype'),
         url('polices/colabmed-webfont.svg#colaborate-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'polices/colaborate-regularregular';
    src: url('polices/colabreg-webfont.eot');
    src: url('polices/colabreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/colabreg-webfont.woff2') format('woff2'),
         url('polices/colabreg-webfont.woff') format('woff'),
         url('polices/colabreg-webfont.ttf') format('truetype'),
         url('polices/colabreg-webfont.svg#colaborate-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'polices/colaboratelightregular';
    src: url('polices/colablig-webfont.eot');
    src: url('polices/colablig-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/colablig-webfont.woff2') format('woff2'),
         url('polices/colablig-webfont.woff') format('woff'),
         url('polices/colablig-webfont.ttf') format('truetype'),
         url('polices/colablig-webfont.svg#colaboratelightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'polices/colaborate-thinregular';
    src: url('polices/colabthi-webfont.eot');
    src: url('polices/colabthi-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/colabthi-webfont.woff2') format('woff2'),
         url('polices/colabthi-webfont.woff') format('woff'),
         url('polices/colabthi-webfont.ttf') format('truetype'),
         url('polices/colabthi-webfont.svg#colaborate-thinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}





@font-face {
    font-family: 'danielregular';
    src: url('polices/daniel-webfont.eot');
    src: url('polices/daniel-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/daniel-webfont.woff2') format('woff2'),
         url('polices/daniel-webfont.woff') format('woff'),
         url('polices/daniel-webfont.ttf') format('truetype'),
         url('polices/daniel-webfont.svg#danielregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'danielbold';
    src: url('polices/danielbd-webfont.eot');
    src: url('polices/danielbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/danielbd-webfont.woff2') format('woff2'),
         url('polices/danielbd-webfont.woff') format('woff'),
         url('polices/danielbd-webfont.ttf') format('truetype'),
         url('polices/danielbd-webfont.svg#danielbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'daniel_blackregular';
    src: url('polices/danielbk-webfont.eot');
    src: url('polices/danielbk-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/danielbk-webfont.woff2') format('woff2'),
         url('polices/danielbk-webfont.woff') format('woff'),
         url('polices/danielbk-webfont.ttf') format('truetype'),
         url('polices/danielbk-webfont.svg#daniel_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}