html
{
  height: 100%;
  font-family: "Trebuchet MS";
}

@font-face
{
	font-family: Ethnocentric; src: url('../font/ethnocentric.ttf');
}

body
{
	height:100%;
	margin:0px;
	background-image:url('../images/witewall.png');
}

.black
{
	background:black;
}

ul
{
	padding: 0px;
}

#flash
{
	width:100%;
	height:100%;
	text-align:center;
	background-color:black;
}

.titre{
	font-weight:bold;
	font-size:110%;
}

/*********************
		HEADER
**********************/

header
{
	position:absolute;
	top:10px;
	left:270px;
	text-align:right;
	vertical-align:middle;
	width:80%;
	padding-top:1%;
}

/*********************
		NAV
**********************/

nav
{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	background-color: black;
	color: white;
	width:240px;
	height:98%;
	position:absolute;
	left:10px;
	bottom:0px;
	box-shadow: 0px 0px 10px rgb(50,50,50);
	font-family: "Trebuchet MS";
	font-size:16px;
	z-index:12;
}

.back{
	background: -webkit-linear-gradient(black, rgb(50,50,50), black); /* For Safari */
	background: -o-linear-gradient(black, rgb(50,50,50), black); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(black, rgb(50,50,50), black); /* For Firefox 3.6 to 15 */
	background: linear-gradient(black, rgb(50,50,50), black); /* Standard syntax */
}

nav a
{
	color: white;
	letter-spacing:2px;
	font-weight:bold;
	text-decoration:none;
	font-family: "Trebuchet MS";
	font-size:16px;
}

nav a:link /* unvisited link */
{
	color: white;
}

nav a:visited  /* visited link */
{
	color: white;
} 

nav a:hover /* mouse over link */
{
	color: white;
	cursor:pointer;
	text-shadow:0px 0px 5px rgb(255,182,54), 0px 0px 25px rgb(255,182,54), 0px 0px 50px rgb(255,182,54);
}

nav a:active /* selected link */
{
	color: white;
}

nav ul 
{
	padding-top:50px;
	list-style-type:none;
	padding-left:40px;
	padding-right:20px;
	background-image:url('../images/motif.gif');
	height:520px;
	margin:0px;
	margin-top:80px;
}

nav li
{
	padding-top:40px;
	line-height:22px;
}

nav #logo_container
{
	padding:15px;
	padding-bottom:0px;
}

nav #flower
{
	float:left;
}

nav #logo
{
	display:block;
	background:url('../images/logo.png') no-repeat;
	width:210px;
	height:134px;
}
nav #logo:hover
{
	background:url('../images/logo_hover.png') no-repeat;
}

/*********************
		SECTION
**********************/

section
{
	width:80%;
	position:absolute;
	bottom:0px;
	left:270px;
	height:86%;
	padding:30px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	background:gray url('../images/spirale.png') no-repeat top right;
}

article
{
	background-color: rgba(255, 255, 255, 0.6);
	border-radius:7px;
	padding:35px;
	height:95%;
}

.collapsible{
	position:absolute;
	left:-30px;
	width:30%;
	top:20%;
	z-index:9;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius:7px;
	padding:5px;
}

.closebutton{
	float:right;
}
.closebutton:hover{
	cursor:pointer;
}

.collapsibletext {
	padding-right:20px;
	padding-top:30px;
	padding-left:30px;
	padding-bottom:30px;
}

/*********************
		GALLERIEs
**********************/

#galerie {
	height:90%;
}

.admth{
	margin:10px;
	border:2px solid black;
}

.admth:hover{
	box-shadow:0px 0px 5px black;
	cursor:pointer;	
}

/*********************
		CONTACT
**********************/

.labelcontact
{
	width:150px;
	text-align:right;
	vertical-align:top;
	height:40px;
	font-size:0.9em;
}

.valuecontact
{
	vertical-align:top;
	padding-left:20px;
}

.valuecontact textarea
{
	resize: none;
	width:420px;
	height:160px;
}

#buttons
{
	text-align:right;
}

#contactform
{
	float:left;
}

#coordonnees{
	float:left;
	margin-left:20px;
	padding:30px;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius:7px;
}

/*********************
		FOOTER
**********************/

footer
{
	box-shadow: 0px -2px 5px rgb(40,40,40);
	position: fixed;
	bottom:0px;
	left:0px;
	width:100%;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	color: white;
	background-color:black;
	letter-spacing:7px;
	font-weight:bold;
	z-index:18;
}

footer .left
{
	float:left;
	width:43%;
}

footer .middle
{
	text-align:center;
	width:14%;
}

footer .right
{
	float:right;
	width:43%;
}