/*  
Theme Name: Pur-Flon
Theme URI: http://www.pur-flon.ch/
Description: Template graphique
Author: Electronlibre
Author URI: http://www.electronlibre.ch/
*/

/* Structure du site */

html
{
	height:120%;
}

body
{
	font-family: "Helvetica", Arial, Sans Serif;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background: #fff url('images/background.jpg') repeat-x;
	text-align:center;
	font-size: 12px;
	height:120%;
	color:#4C4C4C;
}

#wrapper
{
	position:relative;
	min-height:120%;
	text-align:left;
	margin: 50px auto 0 auto;
	width: 908px;
}

* html #wrapper
{
	height:100%;
}

#leftcolumn
{
	margin:0;
	padding:0;
	background: url('images/side_left.jpg');
	width: 84px;
	height: 1000px;
	float:left;
	z-index:1;
}

#rightcolumn
{
	margin:0;
	padding:0;
	background: url('images/side_right.jpg');
	width: 84px;
	height: 1000px;
	float:left;
}


#main-content
{
	margin:0;
	padding:0;
	width: 732px;
	float:left;
	background: #fff;
	height:1000px;
	min-height: 1000px;
	z-index:104;
}


	#header
	{
		padding: 25px 0 0 0;
		background: url('images/head_top.jpg') repeat-x;
	}

		#logo
		{
			position:relative;
			left: -45px;
			z-index:3;
		}

	#main
	{
		
	}
		
		#content
		{
			float:right;
			width: 580px;
		}
		

		
			#menu
			{
				margin:20px 0 0 0;
				padding:0;
			}

			#sidebar
			{
				position:relative;
				top: 142px;
				width: 160px;
				/* \*/
				margin-left:-45px;
				/**/
			}
			
			#sidebar-home
			{
				position:relative;
				float:left;
				top: 20px;
				width: 350px;
				/* \*/
				margin-left:-195px;
				/**/
			}
			
			#footer
			{
				/*
				position:absolute;
				bottom: 100px;
				width: 580px;
				margin: 50px 0 0 0;
				padding: 50px 0 0 0;
				*/
				width: 580px;
				margin: 100px 0 0 0;
				padding: 0px 0 0 0;
			}
			
			#footer-long
			{
				
			}

/* Menu horizontal */

#nav
{
	margin:0;
	padding:0;
	border-width:1px 0;
	width: 580px;
}

#nav li
{
	display:inline;
	margin:0 0 0 5px;
	float:left;
	border: 1px solid #1CA0E6;
}

#nav li:first-child
{
	margin: 0;
}

#nav .normal a:link,
#nav .normal a:visited
{
	color: #1CA0E6;
	background:#fff;
	width: 105px;
	height: 105px;
	text-decoration:none;
	float:left;
	padding: 2px;
	font-size: 14px;
	font-weight: bold;
}

#nav li:first-child {
	margin: 0;
}

#nav .normal a:hover
{
	background-color: #1CA0E6;;
	color:#fff;
}

#nav #current-cat a:link,
#nav #current-cat a:visited
{
	width: 105px;
	height: 105px;
	text-decoration:none;
	float:left;
	padding: 2px;
	font-size: 14px;
	font-weight: bold;
	background-color: #1CA0E6;
	color:#fff;
}

#nav #current-cat li a:hover
{
	background-color: #1CA0E6;;
	color:#fff;
}

/* Boite avec sous-categories */
#events
{
	background-color: #1CA0E6;;
	color:#fff;
	width: 105px;
	height: 105px;
	padding: 2px;
	display:inline;
}

#events ul
{
	font-size:11px;	
	padding:0 0 0 0;
	margin:0;
	float:none;
}

#events ul li
{
	list-style-type:none;
	margin:0;
	padding:0; 
}

#events a.event-title
{
	font-size: 14px;
	font-weight: bold;
	color:#fff;
	text-decoration:none;
}

#events li a:link,
#events li a:visited
{
	padding:0 0 0 0;
	margin:0;
	text-decoration:none;
	color: #8DCFF2;
}

#events .sub-current a:link,
#events .sub-current a:visited
{
	padding:0 0 0 0;
	margin:0;
	text-decoration:none;
	color: #fff;
}

#events li a:hover,
#events .sub-current a:hover
{
	text-decoration:underline;
}

/* Menus sidebar */

.sidebar-manger,
.sidebar-focus
{
	margin:0;
	padding:0;
}

.sidebar-manger li,
.sidebar-focus li
{
	list-style-type:none;
}

.sidebar-manger a:link,
.sidebar-manger a:visited
{
	display:block;
	width: 167px;
	height: 130px;
	background: transparent url('images/round_normal.gif') no-repeat;
	color:#1CA0E6;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	padding: 45px 0 0 25px;
	cursor:pointer;
}

.sidebar-manger a:hover
{
	display:block;
	width: 167px;
	height: 130px;
	background: transparent url('images/round_over.gif') no-repeat;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	
}

/* sidebar menu selectionne */

#sidebar-focus
{
	padding:0;
	margin:0;
	background: transparent url('images/round_over.gif') no-repeat;
	width: 167px;
	height: 130px;
	padding: 45px 0 0 25px;
}

#sidebar-focus a.current:link,
#sidebar-focus a.current:visited
{
	list-style-type:none;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}

#sidebar-focus li
{
	display:block;
	list-style-type:none;
}


#sidebaroptions ul
{
	padding:0;
	margin:0;
}

#sidebaroptions a:link,
#sidebaroptions a:visited
{
	color:#8DCFF2;
	text-decoration:none;
	font-size:14px;
}

#sidebaroptions a:hover
{
	text-decoration:underline;
}

#sidebaroptions a.current-option:link,
#sidebaroptions a.current-option:visited
{
	color:#fff;
	text-decoration:none;
	font-size:14px;
}


/* Footer typo */
#footer,
#footer-long
{
	color:#1CA0E6;
	font-size: 12px;
}

/* Typo */

a:link,
a:visited
{
	color:#1CA0E6;
	text-decoration:none;
}

a:hover
{
	color:#1CA0E6;
	text-decoration:underline;
}

h2
{
	font-size:21px;
	font-weight:bold;
	color:#1CA0E6;
}

h3
{
	font-size:18px;
	font-weight:bold;
	color:#404040;
}

  h3.no-spacer
  {
  	margin-bottom:0px;
  }

h4
{
	font-size:13px;
	color:#1ca0e6;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:0;
}

  h4.menu-midi
  {
    font-size:12px;
    color:#404040;
  }

p
{
	margin:0 0 10px 0;
	padding: 0;
}


a img
{
	border:0;
}

/* Extra */ 

.clear
{
	padding: 5px 0 0 0;
	clear:both;
}

.spacer
{
	width: 576px;
	height:10px;
	margin-bottom: 5px;
	background:#E0E0E0;
}

/* form */
label,
input,
textarea
{
	display:block;
}

input.contacterror
{
	border: 1px solid red;
}

input#form-email,
input#form-phone,
input#form-enterprise,
input#form-name,
input#form-forname,
input#form-people,
input#form-date,
input#form-time,
select,
textarea
{
  border:1px solid #1ca0e6;
}

input#reservation-submit
{
  background:#1ca0e6;
  color:#fff;
  border:1px solid #1ca0e6;
}

/* page menu */
.soir-info
{
	margin:0 0 20px 0;
	color:#49b3eb;
}

.menus
{
	text-align:center;
}

/* page d'accueil */
.home-texte
{
	position:relative;
	top:100px;
	float:left;
	padding-top: 100px;
	width:250px;
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:normal;
}


/* feedback */
.success
{
	width: 100%;
	margin: 0 20px 10px 0;
	padding: 10px;
	border-top: 1px dotted #390;
	border-bottom: 1px dotted #390;
	background-color: #DDF3C6;
	color: #390;
	text-align: center;
}

.error
{
	width: 100%;
	margin: 0 20px 10px 0;
	padding: 10px;
	border-top: 1px dotted red;
	border-bottom: 1px dotted red;
	background-color: #F78D8D;
	color: red;
	text-align: center;
}

/* misc */
p a img
{
  display:none;
}