@charset "utf-8";

/* --- Font Face Definition --- */

@font-face {
	font-family: 'headerFont';
	src:url('fonts/headerFont.eot?-vwpm2b');
	src:url('fonts/headerFont.eot?#iefix-vwpm2b') format('embedded-opentype'),
		url('fonts/headerFont.woff?-vwpm2b') format('woff'),
		url('fonts/headerFont.ttf?-vwpm2b') format('truetype'),
		url('fonts/headerFont.svg?-vwpm2b#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* --- General Styling Part --- */

body
{
    background-color: #ffffff;	
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	font-size : 1em;
	
	font-family: 'Open Sans', sans-serif;
}

a img 
{
  border: none;
}

img
{
  border: none;
}

/* --- Header Styling Part --- */

p#websiteUrl
{
	display: none;
}

div#header
{
	background-color: #ffffff;
	
	margin: 20px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	
	width: 1000px;
}

div#header a.backToHome
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#header a.backToHome img
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#menuContent
{	
	margin: 70px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	display: inline-block;
	position: absolute;
}


ul.menu
{
	list-style: none;
	margin: 0px 0px 0px 60px;
	padding: 0px 0px 0px 0px;
}

ul.menu li
{
	display: inline-block;
	
	margin: 3px 50px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	border: none;
}

ul.menu li:before 
{ 
	content: ""; 
	position: absolute;
	top: 0; 
	left: 0; 
	border-bottom: 3px solid #303A42; 
	width: 0%; 
}

ul.menu li:after 
{ 
	content: ""; 
	position: absolute;
	bottom: 0; 
	left: 0; 
	border-bottom: 3px solid #303A42; 
	width: 0%; 
}

ul.menu li a.menuLink
{
	text-decoration: none;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

ul.menu li a
{
	font-family: 'headerFont';
	color: #303a42;	
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	
	position: relative;
}

ul.menu li a:before
{
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	top: -8px;
	left: 0px;
	
	font-size: 1.8em;
	line-height: 2.2em;
	opacity: 0;
}

@-moz-document url-prefix() { 
  ul.menu li a:before
  {
     top: 5px;
  }
}

ul.menu li:hover a:before
{
	-webkit-animation: iconAppearance 0.2s; 
    animation: iconAppearance 0.2s;
	
	opacity: 1;
}

ul.menu li a#carnetIcon:before
{
	content: "\e601";
}

ul.menu li a#galleryIcon:before
{
	content: "\e603";
}

ul.menu li a#mapIcon:before
{
	content: "\e602";
}

ul.menu li a#lotrIcon:before
{
	content: "\e600";
}


ul.menu li a h3
{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	
	color: #303a42;
	
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.55em;
	line-height: 1.8em;
	letter-spacing: -0.02em;
}

ul.menu li:hover:before, ul.menu li.selectedElement:before, ul.menu li:hover:after, ul.menu li.selectedElement:after
{
	/*border-bottom: 3px solid #303A42;
	border-top: 3px solid #303A42;*/
	-webkit-animation: borderAnimation 0.2s; 
    animation: borderAnimation 0.2s;
	
	width: 100%;
}

ul.menu li.selectedElementOff:before, ul.menu li.selectedElementOff:after
{
	border-bottom: 3px solid #64717c;
	width: 100%;
}


ul.menu li:hover a
{
	text-decoration: none;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.menu li:hover a h3
{
	-webkit-animation: leftMarginHeader 0.2s; 
    animation: leftMarginHeader 0.2s;
	
	margin: 0px 0px 0px 25px;
	padding: 0px 10px 0px 10px;
}

ul.menu li a:hover
{
	color: #303a42;
	text-decoration: none;
	text-shadow: 4px 4px 2px rgba(106, 222, 255, 0.05);
}

/* --- Header Animation Part --- */


/* Chrome, Safari, Opera */
@-webkit-keyframes borderAnimation {
    0%   {width: 0%;}
    25%  {width: 20%;}
    50%  {width: 40%;}
    75%  {width: 70%;}
    100% {width: 100%;}
}

@-webkit-keyframes iconAppearance {
    from {opacity: 0.1;}
    to {opacity: 1;}
}

@-webkit-keyframes leftMarginHeader {
    from {margin-left: 0px;}
    to {margin-left: 25px;}
}

/* Standard syntax */
@keyframes borderAnimation {
    0%   {width: 0%;}
    25%  {width: 20%;}
    50%  {width: 40%;}
    75%  {width: 70%;}
    100% {width: 100%;}
}

@keyframes iconAppearance {
    from {opacity: 0.1;}
    to {opacity: 1;}
} 

@keyframes leftMarginHeader {
    from {margin-left: 0px;}
    to {margin-left: 25px;}
} 

/* --- Content Styling Part --- */

div#content
{
	width: 1000px;
	
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

div#mainContent
{
	width: 710px;
	
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
}

div.post
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1.post-title
{
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 0px;
	
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 3em;
	
	line-height: 1.2em;
	
	color: #303a42;
}

div.post-content
{
	width: 700px;
	
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

h1, h2, h3, h4, h5, h6
{
	margin: 40px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-weight: normal;
}

h1
{
	font-size: 2.1em;
	line-height: 1.2em;
	
	color: #95BCCF;
}

h2
{
	font-size: 1.45em;
	line-height: 1.16em;
	
	color: #67828F;
}

h3
{
	font-size: 1.3em;
	line-height: 1.12em;
	
	color: #4C5F69;
}

h4
{
	font-size: 1.25em;
	line-height: 1.08em;
	
	color: #95BCCF;
}

h5
{
	font-size: 1.2em;
	line-height: 1.02em;
	
	color:  #67828F;
}

h6
{
	font-size: 1.15em;
	line-height: 1em;
	
	color:  #4C5F69;
}

hr
{
    margin: 30px 0px 25px 0px;
}

p
{
	font-family: 'Didact Gothic', sans-serif;
	font-style: normal;
	font-weight: normal;
	
	font-size: 1em;
	line-height: 1.19em;
	
	letter-spacing: 0.04em;
	
	color: #303a42;
	
	margin: 10px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

p.post-info
{
	background-color: #ffffff;
	
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	
	color: #4e4e4e;
	
	text-align: right;
	
	font-size: 0.8em;
	line-height: 1.1em;
	
	margin: 10px 0px 0px 0px;
	padding: 5px 10px 5px 0px;
}

p.postCategoryName
{
    font-family: 'Didact Gothic', sans-serif;
	font-style: normal;
	font-weight: normal;
	
	font-size: 1em;
	line-height: 1.19em;
	
	letter-spacing: 0.04em;
	
	color: #847f7f;
	
	margin: -40px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

p.postCategoryName a, p.postCategoryName a:link, p.postCategoryName a:visited, p.postCategoryName a:active
{
    color: #847f7f;
    margin: 0px 0px 0px 5px;
    padding: 2px 5px 2px 5px;
    
    position: relative;
    z-index: 1;
    
    text-shadow: none;
}

p.postCategoryName a:hover
{
    color: #3b9abf;
    text-shadow: none;
}

p.postCategoryName a:before
{
    content: "";
    
    position: absolute;
    width: 100%;
    height: 1%;
    
    bottom: 0px;
    left: 0px;
    
    background-color: #eeeeef;
    z-index: -1; 
}

p.postCategoryName a:hover:before
{
    -webkit-animation: linkBackgroundToTop 0.3s; 
    animation: linkBackgroundToTop 0.3s;
    
    height: 100%;
}

p.postCategoryName:before
{
    content: "\e607";
    color: #847f7f;
    font-family: 'headerFont';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    position: relative;
    text-transform: none;
}

a:link, a:visited, a:active
{
	color: #3B9ABF;
	text-decoration: none;
	text-shadow: none;
}

a:hover
{
	color: #4bb2fb;
	text-decoration: none;
	text-shadow: 4px 4px 2px rgba(255, 244, 153, 0.8);
}

img.imageGauche
{
    float: left;
    margin: 6px 15px 3px 0px;
}

img.imageDroite
{
    float: right;
    margin: 6px 0px 3px 15px;
}

/* --- Post Animation Part --- */

/* Chrome, Safari, Opera */
@-webkit-keyframes linkBackgroundToTop {
    from
	{
		height: 1%;
	}
	to
	{
		height: 100%;
	}
}

/* Standard syntax */
@keyframes linkBackgroundToTop {
    from
	{
		height: 1%;
	}
	to
	{
		height: 100%;
	}
}



/* --- Sidebar Styling Part --- */

div#sideBar
{
	width: 200px;
	
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
	
	float: right;
}

div#sideBar ul
{
	list-style: none;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#sideBar ul li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	
	font-family: 'Medula One', cursive;
	font-style: normal;
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1.4em;
	color: #f0373f;
	
	background-image: url('pics/sideBarElement/sideBar_.png');
	background-repeat: repeat-y;
	
	position: relative;
}

div#sideBar ul li:before
{
	position: absolute;
	top: 16px;
	left: 6px;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	content: '';
	
	width: 10px;
	height: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	background-color: #303a42;
}

div#sideBar ul li:last-child
{
	background-image: url('pics/sideBarElement/sideBar_20x20.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div#sideBar ul li:first-child
{
	background-image: url('pics/sideBarElement/sideBar_20x20.png');
	background-repeat: no-repeat;
	background-position: 0px 25px;
}

div#sideBar ul li a
{
	text-decoration: none;
	color: #303a42;
	
	font-size: 0.95em;
}

div#sideBar ul li.displayedPost:before
{
	background-color: #F0373F;
	
	top: 15px;
	left: 3px;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	width: 15px;
	height: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

div#sideBar ul li:hover a
{	
	-webkit-animation: sideBarText 0.2s; 
    animation: sideBarText 0.2s;
	
	color: #66CC33;
	font-size: 1em;
}

div#sideBar ul li:hover:before
{	
	-webkit-animation: scaleUpCircle 0.2s; 
    animation: scaleUpCircle 0.2s;
	
	background-color: #66CC33;
	top: 14px;
	left: 3px;
	width: 15px;
	height: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

div#sideBar ul li.displayedPost:hover:before
{
	-webkit-animation: doNotSelect 0.2s; 
    animation: doNotSelect 0.2s;
	
	top: 14px;
	left: -4px;
	background-color: transparent;
	
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-right: 16px solid #F0373F;
	border-bottom: 8px solid transparent;
	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}


/* --- SideBar Animation Part --- */

/* Chrome, Safari, Opera */
@-webkit-keyframes sideBarText {
    from
	{
		color: #303a42;
		font-size: 0.95em;
	}
	to
	{
		color: #66CC33;
		font-size: 1em;
	}
}

@-webkit-keyframes doNotSelect {
    from
	{
		background-color: #F0373F;
		top: 15px;
		left: 3px;
		width: 0px;
		height: 0px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
	}
	to
	{
		top: 14px;
		left: -3px;
		background-color: transparent;
	
		width: 0;
		height: 0;
		border-top: 8px solid transparent;
		border-right: 16px solid #F0373F;
		border-bottom: 8px solid transparent;
	
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
	}
}


@-webkit-keyframes scaleUpCircle {
    from
	{
		top: 16px;
		left: 6px;
		width: 10px;
		height: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	
		background-color: #303a42;
	}
	to
	{
		background-color: #66CC33;
		top: 14px;
		left: 3px;
		width: 15px;
		height: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
	}
}

/* Standard syntax */
@keyframes sideBarText {
    from
	{
		color: #303a42;
	}
	to
	{
		color: #66CC33;
	}
}

@keyframes doNotSelect {
    from
	{
		background-color: #F0373F;
		top: 15px;
		left: 3px;
		width: 0px;
		height: 0px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
	}
	to
	{
		top: 14px;
		left: -3px;
		background-color: transparent;
	
		width: 0;
		height: 0;
		border-top: 8px solid transparent;
		border-right: 16px solid #F0373F;
		border-bottom: 8px solid transparent;
	
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
	}
}

@keyframes scaleUpCircle {
    from
	{
		top: 16px;
		left: 6px;
		width: 10px;
		height: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	
		background-color: #303a42;
	}
	to
	{
		background-color: #66CC33;
		top: 14px;
		left: 3px;
		width: 15px;
		height: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
	}
}

/* --- Footer Styling Part --- */

div#footer
{
	background-image: url('pics/--Footer.png');
	background-repeat: no-repeat;
	
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	
	height: 26px;
	width: 1000px;
		
	text-align: center;
	position: relative;
}

div#footer:after
{
	content: '';
	position: absolute;
	
	left: 0px;
	bottom: 12px;
	
	width: 685px;

	border-bottom: 1px solid #363636;
}

p#footerContent
{
	color: #363636;
	font-family: 'Amatic SC', cursive;
	font-style: normal;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.3em;
	
	text-align: right;
	
	margin: 20px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

p#footerContent a.footerButton
{
	color: #363636;
	font-family: 'Amatic SC', cursive;
	font-style: normal;
	font-weight: normal;

	
	text-align: right;
	text-decoration: none;
}

/* --- Index Styling Part --- */

div#indexHeader
{
	background-color: #ffffff;
	
	margin: 0px auto 0px auto;
	padding: 25px 0px 0px 0px;
	text-align: center;
}

div#indexHeader img
{
	margin: 0px auto 0px auto;
}

div#indexPage
{
	width : 896px;
	font-family: Roboto, Sans-serif;
	font-weight: 200;
	font-style: normal;
	
	font-size: 1em;
	color: #ffffff;
	
	height: 480px;
	
	margin: 0px auto 0px auto;
	padding: 0px 0px 2px 0px;
}

h1.indexTitle
{
    position: absolute;
    
    
    font-family: 'Amatic SC', cursive;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.004em;
    
    color: #ffffff;
    background-color: #272d3f;
    
    margin : 0px 0px 0px 0px;
}

div#indexPage div#blogIndex
{
	background-image: url('pics/blogImageIndex.png');
	
	width: 823px;
	height: 478px;
	
	position: absolute;
	z-index: 10;
}

div#indexPage div#blogIndex h1#blogTitle
{
    -webkit-animation: TitleAnim 0.2s; 
    animation: TitleAnim 0.2s;
    
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Chrome, Safari, Opera */
    transform: scale(1);
    
    font-size: 82px;
    line-height: 86px;
    
    padding: 0px 21px 7px 21px;
    margin : 85px 0px 0px 117px;
    
    display: none;
    
    animation-name : none ;
}

div#indexPage div#blogIndex h1#blogTitle:before
{
    content: '';
    position: absolute;
    
    width: 0; 
    height: 0; 
    
    border-bottom: 50px solid #272d3f;
    border-left: 21px solid transparent;
    border-top: 43px solid #272d3f;
    
    margin : 0px 0px 0px -41px;
}

div#indexPage div#blogIndex h1#blogTitle:after
{
    content: '';
    position: absolute;
    
    width: 0; 
    height: 0; 
    
    border-bottom: 40px solid #272d3f;
    border-right: 21px solid transparent;
    border-top: 53px solid #272d3f;
    
    margin : 0px 0px 0px 21px;
}

div#indexPage div#lordOfTheRingsIndex h1#lordOfTheRingsTitle
{
    -webkit-animation: TitleAnim 0.2s; 
    animation: TitleAnim 0.2s;
    
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Chrome, Safari, Opera */
    transform: scale(1);
    
    font-size: 1em;
    
    padding: 0px 8px 13px 4px;
    margin : 146px 0px 0px 26px;
    
    display: none;
    
    animation-name : none ;
}

div#indexPage div#lordOfTheRingsIndex h1#lordOfTheRingsTitle span#line1
{

    font-size: 38px;
    line-height: 60px;
    
    word-spacing: 0.1em;
    letter-spacing: -0.02em;
    
    padding: 0px 0px 0px 0px;
    margin : 0px 0px 0px 2px;
}

div#indexPage div#lordOfTheRingsIndex h1#lordOfTheRingsTitle span#line2
{

    font-size: 30px;
    line-height: 13px;
    
    word-spacing: -0.01em;
    letter-spacing: -0.02em;
    
    padding: 0px 0px 0px 0px;
    margin : 0px 0px 0px 2px;
}

div#indexPage div#lordOfTheRingsIndex h1#lordOfTheRingsTitle:before
{
    content: '';
    position: absolute;
    
    width: 0; 
    height: 0; 
    
    border-bottom: 60px solid #272d3f;
    border-left: 5px solid transparent;
    border-top: 34px solid #272d3f;
    
    margin : 0px 0px 0px -9px;
}

div#indexPage div#lordOfTheRingsIndex h1#lordOfTheRingsTitle:after
{
    content: '';
    position: absolute;
    
    width: 0; 
    height: 0; 
    
    top: 0px;
    
    border-bottom: 22px solid #272d3f;
    border-right: 2px solid transparent;
    border-top: 72px solid #272d3f;
    
    margin : 0px 0px 0px 10px;
}

div#indexPage div#galleriesIndex h1#galleriesTitle
{
    -webkit-animation: TitleAnim 0.2s; 
    animation: TitleAnim 0.2s;
    
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Chrome, Safari, Opera */
    transform: scale(1);
    
    font-size: 67px;
    line-height: 72px;
    
    padding: 0px 19px 0px 11px;
    margin : 156px 0px 0px 178px;
    
    display: none;
    
    animation-name : none ;
}

div#indexPage div#galleriesIndex h1#galleriesTitle:before
{
    content: '';
    position: absolute;
    
    width: 0; 
    height: 0; 
    
    border-bottom: 41px solid #272d3f;
    border-left: 12px solid transparent;
    border-top: 31px solid #272d3f;
    
    margin : 0px 0px 0px -23px;
}

div#indexPage div#galleriesIndex h1#galleriesTitle:after
{
    content: '';
    position: absolute;
    
    width: 0; 
    height: 0; 
    
    top: 0px;
    
    border-bottom: 22px solid #272d3f;
    border-right: 6px solid transparent;
    border-top: 50px solid #272d3f;
    
    margin : 0px 0px 0px 19px;
}

div#indexPage div#mapIndex h1#mapTitle
{
    -webkit-animation: TitleAnim 0.2s; 
    animation: TitleAnim 0.2s;
    
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Chrome, Safari, Opera */
    transform: scale(1);
    
    font-size: 62px;
    line-height: 67px;
    
    padding: 0px 24px 5px 22px;
    margin : 201px 0px 0px 94px;
    
    display: none;
    
    animation-name : none ;
}

div#indexPage div#mapIndex h1#mapTitle:before
{
    content: '';
    position: absolute;
    
    width: 0; 
    height: 0; 
    
    border-bottom: 41px solid #272d3f;
    border-left: 8px solid transparent;
    border-top: 31px solid #272d3f;
    
    margin : 0px 0px 0px -29px;
}

div#indexPage div#mapIndex h1#mapTitle:after
{
    content: '';
    position: absolute;
    
    width: 0; 
    height: 0; 
    
    top: 0px;
    
    border-bottom: 37px solid #272d3f;
    border-right: 6px solid transparent;
    border-top: 35px solid #272d3f;
    
    margin : 0px 0px 0px 24px;
}



div#indexPage div#blogIndex img
{
	z-index: 11;
}

div#indexPage div#lordOfTheRingsIndex
{
	background-image: url('pics/lordOfTheRingsImageIndex.png');
	
	width: 226px;
	height: 258px;
	
	position: absolute;
	
	margin: 220px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	z-index: 20;

}

div#indexPage div#lordOfTheRingsIndex img
{
	z-index: 21;
}

div#indexPage div#galleriesIndex
{
	background-image: url('pics/galleryImageIndex.png');
	
	width: 492px;
	height: 261px;
	
	position: absolute;
	
	margin: 217px 0px 0px 304px;
	padding: 0px 0px 0px 0px;
	
	z-index: 30;
}

div#indexPage div#galleriesIndex img
{
	z-index: 31;
}


div#indexPage div#mapIndex
{
	background-image: url('pics/mapImageIndex.png');
	
	width: 260px;
	height: 478px;
	
	position: absolute;
	
	margin: 0px 0px 0px 635px;
	padding: 0px 0px 0px 0px;
	
	z-index: 40;
}

div#indexPage div#mapIndex img
{
	z-index: 41;
}

div#globalEventHandler
{
	z-index: 101;
	
	position: absolute;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#globalEventHandler img
{
	z-index: 102;
}

div#footerIndex
{	
	background-color: transparent;
	
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	
	height: 26px;
	width: 896px;
		
	text-align: center;
	position: relative;
}

div#footerIndex:after
{
	content: '';
	
	position: absolute;
	
	left: 0px;
	bottom: 12px;
	
	width: 585px;

	border-bottom: 1px solid #363636;
}


/* --- Index Animation Part --- */

/* Chrome, Safari, Opera */
@-webkit-keyframes TitleAnim
{
    from {  -ms-transform: scale(0,1); /* IE 9 */
            -webkit-transform: scale(0,1); /* Chrome, Safari, Opera */
            transform: scale(0,1);}
    to {    -ms-transform: scale(1); /* IE 9 */
            -webkit-transform: scale(1); /* Chrome, Safari, Opera */
            transform: scale(1);}
}

/* Standard syntax */
@keyframes TitleAnim
{
    from {  -ms-transform: scale(0,1); /* IE 9 */
            -webkit-transform: scale(0,1); /* Chrome, Safari, Opera */
            transform: scale(0,1);}
    to {    -ms-transform: scale(1); /* IE 9 */
            -webkit-transform: scale(1); /* Chrome, Safari, Opera */
            transform: scale(1);}
}


/* --- Content Styling Part --- */
div#content
{
	background-color: #ffffff;
	width: 1000px;
	
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

div#articleContent
{
	background-color: #ffffff;
	width: 700px;
	
	margin: 0px 0px 0px 100px;
	padding: 0px 0px 0px 0px;
}

/* --- Map Styling Part --- */

div#mapContainer
{
	/* --- width: 2000px;
	height: 2000px; --- */
	
	/* --- background-image: none ;  url('pics/NorthIsland_1.png'); --- */
	background-position: left top;
	background-repeat: no-repeat;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	cursor: move;
	
	position: absolute;
}

div#mapFooter
{
	width: 2000px;
    display: none;
}

p#mapFooterContent
{	
	text-align: right;
	
	color: #ffffff;
	font-family: 'Amatic SC', cursive;
	font-style: normal;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.3em;
	background-color: #445165;
	
	margin: 0px 0px 0px 0px;
	padding: 10px 100px 6px 0px;
}

p#mapFooterContent a.footerButton
{
	color: #ffffff;
	font-family: 'Amatic SC', cursive;
	font-style: normal;
	font-weight: normal;

	
	text-align: right;
	text-decoration: none;
}

p#mapFooterContent a:link, p#mapFooterContent a:visited, p#mapFooterContent a:active
{
	text-shadow: none;
}

p#mapFooterContent a:hover
{
	text-shadow: none;
}

div.mapTitle
{
	position: absolute;
	
	font-family: 'Medula One', cursive;
	font-style: normal;
	font-weight: normal;
	color: #363636;
	
	font-size: 1.4em;
	line-height: 1.3em;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	background-color: #ffffff;
}

div.mapTitle h2
{
	font-family: 'Medula One', cursive;
	font-style: normal;
	font-weight: normal;
	color: #363636;
	
	font-size: 1.4em;
	line-height: 1em;
	
	margin: 0px 0px 0px 0px;
	padding: 1px 15px 2px 15px;
}

div.mapTitle.regular:after
{
	content: ' ';
	position: absolute;
	width: 0px;
	height: 0px;
	left: 42%;
	top: 113%;

	border-left: 7px solid transparent; 
	border-right: 7px solid transparent; 
	border-top: 15px solid #ffffff;
}

div.mapTitle.tooHigh:before
{
	content: ' ';
	position: absolute;
	width: 0px;
	height: 0px;
	left: 42%;
	top: -19px;

	border-left: 7px solid transparent; 
	border-right: 7px solid transparent; 
	border-bottom: 15px solid #ffffff;
}


div.mapTitle h2:before
{
	content: ' ';
	position: absolute;
	top: -6px;
	left: 0px;
	border-bottom: 7px solid #ffffff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	right: 0px;
	height: 0;
}

div.mapTitle h2:after
{
	content: ' ';
	position: absolute;
	bottom: -6px;
	left: 0px;
	border-top: 7px solid #ffffff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	right: 0px;
	height: 0;
}

/* ---Sitemap Styling Part --- */

div.sitemapColumn
{
	width: 250px;
	float: left;
	
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
}

div.sitemapColumn:first-child
{
	margin: 0px 0px 0px 125px;
	padding: 0px 0px 0px 0px;
}

div.sitemapColumn ul
{
	list-style: none;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.sitemapColumn ul li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

div.sitemapColumn ul li a:link, div.sitemapColumn ul li a:visited, div.sitemapColumn ul li a:active 
{
	color: #303A43;
}

div.sitemapColumn ul li a:hover
{
	color: #3b9abf;
	text-decoration: none;
	text-shadow: 4px 4px 2px rgba(106, 222, 255, 0.05);
}

/* --- Disclaimer Styling Part --- */

div.disclaimerContent h1
{
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
}

div.disclaimerContent h3
{
	margin: 30px 0px 15px 10px;
	padding: 0px 0px 0px 0px;
}

div.disclaimerContent p
{
	margin: 0px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
}

/* --- Contact Form Styling Part --- */

form#sendingMessageForm
{
	margin: 0px 0px 0px 190px;
	padding: 0px 0px 0px 0px;
}

form#sendingMessageForm input
{
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	
	background-color: #303A42;
	color: #ffffff;
	
	border: none;
	
	font-family: 'Didact Gothic',sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.04em;
    line-height: 1.19em;
}

form#sendingMessageForm  input:hover, form#sendingMessageForm textarea:hover
{
	background-color: #4c565e;
}

form#sendingMessageForm textarea
{
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	
	background-color: #303A42;
	color: #ffffff;
	
	border: none;
	
	font-family: 'Didact Gothic',sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.04em;
    line-height: 1.19em;
}
form#sendingMessageForm  input#sendingInput:hover
{
	background-color: #13a8e2;
}

/* --- Credits Styling Part --- */

span#creditButton
{
	position: relative;
}

span#creditButton:before
{
	display: none;
		
	content: 'Contenu & Mise en page : Pit \A Graphisme & Devellopement : Ak \A Mentions légales : Subdelirium';
	white-space: pre;
	text-align: center;
	position: absolute;
	
	font-family: 'Didact Gothic',sans-serif;
    font-size: 0.82em;
    font-style: normal;
    font-weight: normal;
	line-height: 1.5em;

	background-color: #303A42;
	color: #ffffff;
	
	width: 300px;
	left: -220px;
	top: -130px;
	
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 20px 10px;
}

span#creditButton:hover:before
{
	display: block;
}

span#creditButton:after
{
	display: none;
	content: '';
	position: absolute;
	top: -20px;
	left: 15px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 20px solid #303A42;
}

span#creditButton:hover:after
{
	display: block;
}


/* --- Comments Styling Part --- */

div.commentsPitEtAk
{
    width: 700px;
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

h2.commentsTitle
{
    color: #303a42;
    font-family: 'Oswald',sans-serif;
    font-size: 2em;
    font-style: normal;
    font-weight: normal;
}

ol.commentList
{
    list-style-type: none;
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

li.comment
{
    margin: 20px 0px 0px 0px;
    padding: 20px 0px 30px 0px;

}

div.comment-body
{
    position: relative;
    
    margin: 0px 0px 0px 0px;
    padding: 0px 65px 0px 40px;
    
    line-height: 1.2em;
}

div.comment-body div.comment-author
{
    
    margin: 0px 0px 0px -40px;
    padding: 0px 0px 0px 0px;
    
}

div.comment-body div.comment-author img
{
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
    
    vertical-align: middle;
    
    margin: -16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.comment-body div.comment-author span.says
{
    display: none;
}

div.comment-body div.comment-author cite.fn
{
    color: #3170aa;
    font-family: 'Oswald',sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.04em;
    line-height: 1.19em;
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
}

div.comment-body div.comment-meta
{
    position: absolute;
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
    width: 100%;
    bottom: -25px;
}

div.comment-body div.comment-meta a.comment-edit-link
{
    position: absolute;
    right: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
    
    width: 13px;
    height: 20px;
    
    overflow: hidden;
    
}

div.comment-body div.comment-meta a.comment-edit-link:before
{
    content: "\e604";
    color: #303a42;
    font-family: 'headerFont';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    position: relative;
    text-transform: none;
}

div.comment-body div.comment-meta a.comment-edit-link:hover
{
    color: transparent;
    text-shadow: none;
}

div.comment-body div.comment-meta a:link, div.comment-body div.comment-meta a:visited, div.comment-body div.comment-meta a:active
{
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    font-variant: normal;
    font-weight: 300;
    
    color: #303a42;
    font-size: 0.82em;
    
}

div.comment-body div.comment-meta a.comment-edit-link:link, div.comment-body div.comment-meta a.comment-edit-link:active, div.comment-body div.comment-meta a.comment-edit-link:visited
{
    color: #ffffff;
}

div.comment-body div.comment-meta a:hover
{
    color: #303a42;
}

div.comment-body div.reply
{
    position: absolute;
    right: 0;
    top: -2px;
    
    width: 56px;
    height: 50px;
    
    background-image: url('pics/answer.png');
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
    display: none;
}

li.comment:hover>div.comment-body>div.reply
{    
    display: block;
}

div.comment-body div.reply a:link, div.comment-body div.reply a:visited, div.comment-body div.reply a:active, div.comment-body div.reply a:hover
{
    font-family: 'Oswald',sans-serif;
    font-size: 0.85em;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    
    margin: 0px 0px 0px 0px;
    padding: 11px 0px 0px 5px;
    
    color: #ffffff;
    text-shadow: none;
    
    display: inline-block;
}

em.comment-awaiting-moderation
{
    font-family: 'Didact Gothic',sans-serif;
    font-size: 0.9em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #969696;
}

ol.children
{
    list-style-type: none;
    
    margin: 0px 0px -40px 40px;
    padding: 20px 0px 0px 0px;
}

h3.comment-reply-title
{
    color: #303a42;
    font-family: 'Oswald',sans-serif;
    font-size: 1.5em;
    font-style: normal;
    font-weight: normal;
    
    margin: 50px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    
    position: relative;
    
    cursor:pointer;
}

a#cancel-comment-reply-link
{
    display: inline-block;
    right: 0px;
    
    color: #dc3333;
    font-family: Roboto, Sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 500;
    
    padding: 0px 0px 0px 5px;
}

p.comment-form-comment label
{
    display: none;   
}

p.comment-form-comment textarea
{
    width: 450px;
}

p.form-allowed-tags
{
    display: none;   
}

p.form-submit input
{
    font-family: 'Oswald',sans-serif;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    
    color: #ffffff;
    background-color: #303A42;
    
    margin: 0px 0px 0px 301px;
    padding: 5px 10px 5px 10px;
    
    border: none;
}

p.form-submit input:hover
{
    background-color: #265376;
}

p.comment-notes
{
    position: absolute;
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 300px;
    
    width: 380px;
    
    display: none;
}

p.comment-form-author input
{
    margin: 0px 0px 0px 12px;
    padding: 0px 0px 0px 0px;
    
    width: 200px;
    height: 20px;
}

p.form-allowed-tags
{
    font-family: 'Oswald',sans-serif;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    
    color: #303A42;
}

p.form-allowed-tags code
{
    font-family: Roboto, Sans-serif;
    font-size: 0.75em;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    
    color: #303A42;
}


div.comment-body p cite
{
    font-family: 'Lobster Two', cursive;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0em;
    color: #565656;
}

/* ---
a#cancel-comment-reply-link:before
{
    content: "\e605";
    
    color: #dc3333;
    font-family: 'headerFont';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    position: relative;
    text-transform: none;
}
--- */


/* --- Back to top Styling Part --- */

div.returnToTop
{
    position: fixed;
    
    bottom: 11px;
    right: 17px;
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
    background-color: #ffffff;
    
    width: 80px;
    
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    
    display: none;
}

a.backToTop, a.backToTop:link, a.backToTop:visited, a.backToTop:active
{
    text-decoration: none;
    display: inline-block;
    
    margin: 22px 14px 18px 26px;
    padding: 0px 0px 0px 0px;
    
    text-shadow: none;
}

a.backToTop:hover
{
    text-shadow: 4px 4px 2px rgba(10, 148, 255, 0.11);
}

a.backToTop:hover p
{
    color: #1a415f;
}

a.backToTop:before
{
    content: "\e606";

    color: #303a42;
    font-family: 'headerFont';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    position: absolute;
    text-transform: none;
    
    left: 9px;
    top: 24px;
    font-size: 2em;
}

a.backToTop:hover:before
{
    color: #1a415f;
    
    text-shadow: 4px 4px 2px rgba(10, 148, 255, 0.11);
}

p.bactoTopLine
{
    font-family: 'Amatic SC',cursive;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0.004em;
    line-height: 0.9em;
    
    font-size: 1em;
    
    color: #303A42;
}

p#bactoTopLine1
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
    font-size: 1.2em;
}

p#bactoTopLine2
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
     font-size: 2em;
    
}

/* --- Category Styling Part --- */

ul.postTitle
{
    color: #303a42;
    font-family: 'Oswald',sans-serif;
    font-size: 1.4em;
    font-style: normal;
    font-weight: normal;
    
    list-style: none;
    
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
}

li.postTitleElement
{
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
}

li.postTitleElement a, li.postTitleElement a:link, li.postTitleElement a:active, li.postTitleElement a:visited
{
    color: #303a42;
}

li.postTitleElement a:hover
{
    color: #3270a3;
    text-shadow: none;
}

/* --- Galleries Page Styling Part --- */

h1.titleOfGalleriesPage
{
    color: #303a42;
    font-family: 'Oswald',sans-serif;
    font-size: 2em;
    font-style: normal;
    font-weight: normal;
    
    margin: 0px 0px 25px 0px;
}

iframe.videoInGalleriesPage
{
    margin: 0px 0px 25px 25px;
}