/*
 * Styling of the website
 * 040309 - dselinger <mail@dselinger.biz>  
 */

@font-face{
  font-family: trjg;
  src: url("../fonts/trjg.eot") /* EOT file for IE */
  }
  
@font-face{
  font-family: trjg;
  src: url("../fonts/tjrg.ttf") /* TTF file for CSS3 browsers */
  }

/**
 * @section 	Overall styles
 */
 
*,
body,
html{
	margin: 0;
	padding: 0;
	color: #610b31;
	font-family: trjg, serif;
	}
	
body,
html{
	background-color: #fff;
	}
	
body{
	position: static;
	top: auto;
	overflow-y: auto;
	}
	
/**
 * @section			Containers
 */
 
div#wrapper{
	margin: 70px auto;
	width: 780px;
	}
	
/**
 * @subsection	Main content area
 */

div#main{
	width: 370px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #610b31;
	color: #000000; /* Antoine */
	float: left;
	}

/* Link over the top border of the main wrapper */
div#headLink{
	position: absolute;
	width: 370px;
	top: -19px;
	left: 5px;
	z-index: 10;
	font-size: 16px;
	}

div#main div.ce_hyperlink a{
	text-decoration: none;
	color: #fff;
	}
	
div#main div.ce_hyperlink a:hover{
	text-decoration: underline;
	}
	
div#main div.ce_text{
	margin: 35px;
	font-size: 12px;
	line-height: 130%;
	text-align: justify;
	}
	
div#main div.ce_text h1,
div#main div.ce_text h2,
div#main div.ce_text h3{
	margin: 0 0 15px 0;
	font-size: 16px;
	text-transform: uppercase;
	}
	
div#main div.ce_text h2,
div#main div.ce_text h3{
	margin: 0 0 5px 0;
	}	
	
div#main div.ce_text a{
	color: #000;
	text-decoration: none;
	}
	
div#main div.ce_text a:hover{
	text-decoration: underline;
	}
	
div#main div.ce_text img{
	border: 1px solid #610b31;
	}
	
/* Gallery pagination */
div.pagination{
	font-size: 13px;
	line-height: 30px;
	}
	
div.pagination p{
	display: none;	
	}
	
div.pagination ul{
	text-align: center;
	list-style-item: none;
	}
	
div.pagination ul li{
	display: inline;
	}	
	
/**
 * @subsection		Right content area 
 */

/* MENU */
div#right{
	width: 370px;
	float: right;
	font-family: trjg;
	font-size: 14px;
	line-height: 1.4em;
	}
	
/* LOGO */
div#headerText{
	opacity: 0;
	margin-bottom: 14px;
	color: #1A171B;
	font-size: 28px;
	line-height: 130%;
	text-transform: uppercase;
	}
	
div#headerText a{
	color: #1A171B;
	text-decoration: none;
	}
	
div#headerText span{
	color: #610b31;
	}
	
/**
 * @subsection   Navigation
 */

div.mod_navigation{
	opacity: 0;
  padding-top: 5px;
  }
 
div.mod_navigation a,
div.mod_navigation p{
  color: #505050;
  text-decoration: none; /* Antoine */
  }

div.mod_navigation a:hover,
div.mod_navigation p{
  text-decoration: none; /* Antoine */
  color: #610b31;
  }

/**
 * 1st level
 */

div.mod_navigation ul.level_1 li{
  margin-bottom: 20px;
  }

div.mod_navigation ul.level_1 li.last{
  margin-bottom: 0px;
  }
  
div.mod_navigation ul.level_1 li.submenu a.submenu,
div.mod_navigation ul.level_1 li.submenu p.submenu{
  color: #000;
  }
  
/**
 * 2nd level
 */

div.mod_navigation ul.level_2 li{
  margin: 0px;
  }
  
div.mod_navigation ul.level_2 li.last{
  margin-bottom: 20px;
  }
	
/* Footertext */
#footerText{
	margin: 15px 0 0 0;
  }