/**********************/
/*               FONT                */
/**********************/

@font-face {
  font-family: 'Century Gothic';
  
  src: url("font/GOTHIC.eot");
  src: local('Century Gothic'),
         url("font/GOTHIC.TTF") format('truetype');
}

@font-face {
  font-family: 'Comfortaa_Bold';
  
  src: url("font/Comfortaa_Bold.eot");
  src: local('Comfortaa_Bold'),
         url("font/Comfortaa_Bold.ttf") format('truetype');
}

/**********************/
/* nammu.ch - CSS     */
/**********************/

body 
{
	margin:0;
	padding:0;
	min-width: 991px;
	background: url("images/body.jpg") repeat-y;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 20px;
	text-align:justify;
	font-family: Century Gothic, Arial, sans-serif;
	color: #4E4E4E;
	word-spacing:0.2em;
}
			
/**********************/
/* BASE               */
/**********************/

#titre
{
	background: url("images/bg_header.jpg") repeat-x;
	height: 55px;
}

.logo_bg
{
	background: url("images/logo_bg.jpg") no-repeat;
	height: 55px;
	width: 203px;
}

#block_color
{
	position: relative;
	width: auto;
	height: inherit;
	margin-left: 200px;
	margin-right: 73px;
	padding-left: 9px;
	padding-right: 11px;
	padding-top: 1px;
	padding-bottom: 88px;
	z-index: 30;
}

#block_bg
{
	position: relative;
	background-color: #f3f3f3;
	width: inherit;
	clear: both;
	botom: 0;
	margin-left: 10px;
	margin-top: 12px;
	z-index: 20;
}

#bg_right
{
	position: fixed;
	width: 893px;
	height: 100%;
	right: 0px;
	float: right;
	z-index: 1;
	background: url('images/bg_right.png') no-repeat;
}

#menu
{
	position:absolute;
	top: 50px;
	float: right;
	right: 30px;
	z-index: 40;
	font-size:32px;
	letter-spacing: 0.3px;
	text-shadow: 2px 1px 1px #c2c2c2;
}

	.lien_accueil
	{
		color:#868686;
		text-decoration:none;
	}
	
	.lien_accueil:hover
	{
		color:#6fb4dd;
		text-shadow: 1px 1px 1px #3689cb;
	}
	
		.lien_eden
	{
		color:#868686;
		text-decoration:none;
	}
	
	.lien_eden:hover
	{
		color:#f15489;
		text-shadow: 1px 1px 1px #ad2754;
	}
	
	.lien_galerie
	{
		color:#868686;
		text-decoration:none;
	}
	
	.lien_galerie:hover
	{
		color:#cddf65;
		text-shadow: 1px 1px 1px #9eb039;
	}
	
	.lien_contact
	{
		color:#868686;
		text-decoration:none;
	}
	
	.lien_contact:hover
	{
		color:#fad459;
		text-shadow: 1px 1px 1px #cba425;
	}
	


#content
{
	position:relative;
	min-height: 300px;
	padding-left: 50px;
	padding-right: 30px;
	top: -50px;
	z-index: 40;
}





#block_left_up
{
	position: absolute;
	width: 157px;
	height: 270px;
	margin-left: -50px;
	margin-top: -45px;
	background: url("images/block_left_up.png");
}

#block_right_up
{
	position: absolute;
	float: right;
	width: 140px;
	height: 270px;
	right: -24px;
	top: -45px;
	background: url("images/block_right_up.png");
}

#block_bg_up
{
	position: relative;
	width: auto;
	height: 270px;
	margin-left: 107px;
	margin-right: 116px;
	top: -45px;
	background: url("images/block_bg_up.png") repeat-x;
}


#block_left_content
{
	position: inherit;
	width: auto;
	height: auto;
	margin-left: -19px;
	margin-top: -265px;
	bottom: -214px;
	background: url("images/block_bg_left.png") repeat-y;
}

#block_right_content
{
	position: absolute;
	width: 140px;
	height: 100%;
	float:right;
	right: -24px;
	top: 0px;
	background: url("images/block_bg_right.png") repeat-y;
}



#footer_cadre
{
	position: inherit;
	bottom: 0px;
	width: auto;
	height: 270px;
	bottom: -214px;
	padding-bottom: 20px;
	z-index: 1;
}

#block_left_bottom
{
	position:absolute;
	float: left;
	width: 332px;
	height: 270px;
	margin-left: -50px;
	background: url("images/block_bottom_left.png");
}

#block_right_bottom
{
	float:right;
	width: 430px;
	height: 270px;
	margin-top: -270px;
	margin-right: -24px;
	background: url("images/block_bottom_right.png");
}



#block_bg_bottom
{

	position: relative;
	width: auto;
	height: 270px;
	margin-left: 282px;
	margin-right: 406px;
	background: url("images/block_bg_bottom.png") repeat-x;
}

#footer
{
	position: absolute;
	width:100%;
	background: url("images/footer_bg.png") repeat-x;
	margin-left: -17px;
	padding-right: 17px;
	margin-top: -80px;
	z-index: 10;
}


/**********************/
/* SECONDARY          */
/**********************/

a 
{
   outline: none;
   color:#c5d4d7;
   text-decoration:none;
}

a:hover
{
   outline: none;
   color:#ffffff;
}

img
{
	border: 0;
}

p
{
	margin: 0;
	margin-bottom: 10px;
}

h1, h3, h4, h6
{
	font-family: Comfortaa_Bold, arial, sans-serif;
	margin: 6px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 42px;
	padding: 0px;
	font-size:50px;
	letter-spacing: 0.3px;
	color:#6fb4de;
	text-shadow: 1px -1px 1px #3689cb;
}

h2
{
	font-family: Century Gothic, Arial, sans-serif;
	font-size:32px;
	padding: 12px;
	color:#4a4f50;
}

h5
{
	font-family: Century Gothic, Arial, sans-serif;
	font-size:26px;
	padding: 12px;
	margin: 0px;
	margin-bottom: 40px;
	color:#ffffff;
}

.nammu
{
	font-family: Comfortaa_Bold, arial, sans-serif;
	margin-left: -8px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size:50px;
	letter-spacing: 0.3px;
	color:#6fb4de;
	text-shadow: 1px -1px 1px #3689cb;
}

.nammu:hover
{
	color:#6fb4de;
}

.edencms
{
	font-family: Comfortaa_Bold, arial, sans-serif;
	margin-left: -8px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-size:50px;
	letter-spacing: 0.3px;
	color:#f15489;
	text-shadow: 1px -1px 1px #b02b58;
}

.edencms:hover
{
	color:#f15489;
}

.galerie
{
	font-family: Comfortaa_Bold, arial, sans-serif;
	margin-left: -8px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-size:50px;
	letter-spacing: 0.3px;
	color:#cddf65;
	text-shadow: 1px -1px 1px #9eb039;
}

.galerie:hover
{
	color:#cddf65;
}

.contact
{
	font-family: Comfortaa_Bold, arial, sans-serif;
	margin-left: -8px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-size:50px;
	letter-spacing: 0.3px;
	color:#fad459;
	text-shadow: 1px -1px 1px #cba425;
}

.contact:hover
{
	color:#fad459;
}

.input1
{
	font-family: Century Gothic, Arial, sans-serif;
	background-color: transparent;
	border: 1px dashed #a1a8ab;
	border-left: none;
	border-top: none;
	border-right:none;
	padding-left: 12px;
	width: 200px;
	padding-top: 1px;
	padding-bottom: 2px;
	font-size:16px;
	color: #594810;
}

.input1:focus
{
	background-color:#fdfdfd;
	color: #594810;
}

.textarea
{
	font-family: Century Gothic, Arial, sans-serif;
	background-color: transparent;
	border: 1px dashed #a1a8ab;
	margin-top: 10px;
	height: 236px;
	width: 580px;
	font-size:16px;
	letter-spacing: 1px;
	text-align: justify;
	color: #2b2b2b;
	padding-left: 8px;
	margin-right: 4px;
	padding: 20px;	
}

.textarea:focus
{
	background-color:#fdfdfd;
	color: #594810;
}

select
{
	font-family: Century Gothic, Arial, sans-serif;
	border: 1px dashed #a1a8ab;
	color: #2b2b2b;
	font-size: 16px;
	margin-top:10px;
	background-color: transparent;
}

select:focus
{
	border: 1px dashed #bbc1c3;
	color: #2b2b2b;
	background-color: #fdfdfd;
}


.button_contact
{
	font-family: Century Gothic, Arial, sans-serif;
	font-size:16px;
	color: #2b2b2b;
	cursor: pointer;
	position: absolute;
	background-color: transparent;
	background: url("images/input.png") no-repeat;
	width: 100px;
	height: 30px;
	border: none;
	margin-left: 500px;
	outline: none;
}

.button_contact:hover
{
	background: url("images/input2.png") no-repeat;
}


.infos
{
	position:absolute;
	left: 360px;
}

.bloc_galerie
{
	display: inline-block;
	width: 100%;
	float:left;
	margin-bottom: 20px;
}

#contact
{
	margin-top: 60px;
	width:100%;
	display: inline-block;
}


#toTop { width:100px;padding:5px;position:fixed;bottom:220px;right:-40px;cursor:pointer;background-color: transparent;}

				#bt
				{
				width: 300px;
				height: 67px;
				background: url("images/demo_cms_off.png") no-repeat;
				position:absolute;
				left: 200px;
				}
				
				#bt:hover
				{
				width: 300px;
				height: 67px;
				background: url("images/demo_cms_on.png") no-repeat;
				}