//= require_tree ./public/

@import "./qi_core/formtastic";
@import "fluid_grid";




a{
	color:#82b139;
	text-decoration: underline;
	&:hover{
		text-decoration:none;
	}
	
	img{
		border:0px;
	}
}

body{
	background:white url('/assets/home_background.jpg') repeat-x;
	margin:0px;
	padding:0px;
	font-family: "Trebuchet MS";
	font-size:13px;
	color:#545454;
}

.center{
	width:1000px;
	margin:auto;

	
}

.top{
	@extend .center;
	position:relative;
	z-index:110;
	height:85px;
	
	#logo{
		position:absolute;
		top:0px;
		left:-10px;
	}
	
	#menu_top{
		background:white;
		box-shadow: 0px 0px 8px black;
	
		float:right;
		text-align:center;
		padding:5px;
		
		-moz-transform: rotate(-1deg);
		-webkit-transform: rotate(-1deg);
		-o-transform: rotate(-1deg);
		transform: rotate(-1deg);
		position:relative;
		top:30px;
		
		a{
			padding:5px;
			color:black;
			text-decoration:none;
			font-size:14px;
			display:inline-block;
			&:hover{
				-moz-transform: rotate(3deg);
				-webkit-transform: rotate(3deg);
				-o-transform: rotate(3deg);
				transform: rotate(3deg);
			
			}
		}
	}
}



#slider_shadow{
	@extend .center;
	background:url("/assets/slider_shadow.png") no-repeat top center;
	height:32px;
	
}

#main{
	@extend .center;
	background:white;
	box-shadow: 0px 0px 30px #494949;
	margin-bottom:-150px;
	position:relative;
	z-index:2;
	min-height:600px;
	
	.article{
	margin-top:20px;
		
	}
	
	
	#sidebar{
		min-height: 300px;
		width: 225px;
		float: left;
		
          
     	.widget{
	
		padding:20px;
		padding-right:0px;
		a{
			color : black;
			text-decoration:none;
			&:hover{
				text-decoration:underline;
			}
		
		}
		ul{
			margin:0px;
			padding:0px;
			
			ul{
				padding-left:20px;
			}
		}
		li{
			
			list-style:none;
			padding:0px;
			padding-bottom:5px;
			margin:0px;
			
		}
	
		h2{
			font-weight:normal;
			border-bottom:1px solid #ececec;
		}
	
		}
     
     
     }
     
          
    #body{
		min-height: 600px;
		padding: 10px 20px 10px 30px;
		margin-left: 225px;
		
		h1{
			color:#7aa323;
		
			a{
				text-decoration:none;
				@extend h1
				
				}
		
		}
		
		h2{
			color:#7aa323;
			margin-top:50px;
			margin-bottom:30px;
			font-weight:normal
		
		}
		.article_intro{
	
	border-left:1px solid #ececec;

	padding:10px;
	margin-bottom:20px;
	margin-top:10px;
	position:relative;
	.category{
		a{
			position:absolute;
			right:10px;
			top:-13px;
			background:#717171;
			color:white;
			padding:5px 10px 5px 10px;
			text-decoration:none;
			
			&:hover{
				background:#a1a1a1;
			}
			}
	}
	
	.article_block{
	margin-bottom:100px}
	
	.tags{
		float:left;
		margin-top:15px;
		
		
		a{
			color : black;
			text-decoration:none;
			&:hover{
				text-decoration:underline;
			}
		}
	}
	
	img{
	
	}
	
		
	.article_infos{
		color :#a1a1a1;
		font-style:italic;
		margin-bottom:40px;
		
	
		
		a {
			text-decoration:none;
			color :#a1a1a1;
			&:hover{
				text-decoration:underline;
				font-weight:bold;
			}
		}
	}
	.share_in_social{
		text-align:right;
		padding:10px;
		margin-bottom:0px;
		padding-bottom:0px;
		img{
			width:32px;
			padding-left:10px;
		}		
	}
}
		
		
	
    
    }
	
	
	
}

#home_main{
	@extend .center;
	#events_container{
		float:right;
		width:430px;
		background:url('/assets/events_shadow.png') no-repeat bottom center;
		position:relative;
		top:-22px;
		#events{
			background:url('/assets/events.jpg');
			height:533px;
			width:394px;
			margin-bottom:18px;
			margin-left:22px;
			
		}
	}
	#articles{
		margin-top:20px;
		width:560px;
			}
	

}

.article{
			cursor:pointer;
			
			h2{
				margin-top:0px !important;
				margin-bottom:10px !important;
				color:#82b139;
				font-size:18px;
				font-weight:normal;
				
				a{
					@extend h2;
					text-decoration:none;
				}
			}
			.img{
				width:180px;
				text-align:center;
				
				img{
					box-shadow:0px 0px 30px #c8c8c8;
					padding:6px;
					background:white;
					max-width:150px;
					max-height:150px;
				}
			}
			margin-bottom:20px;
			
			.right{
				padding-left:20px;
			}
			.desc{
				text-align:justify;
			}
			table{
				width:100%;
				
				td{
					vertical-align:middle;
		
				}
				
			}
		}


#footer_container{
	background:url('/assets/fond_vert.png');
	padding-top:150px;
	#footer{
		@extend .center;
		min-height:300px;
		background:url('/assets/fond_vert.png');
	}
	
	&.home{
	padding-top:0px;
	}
}



#legals{
	height:35px;
}



.slider{
	@extend .center;

	height:460px;
	position:relative;


	.slides {
		margin:0px;
		position:absolute;
		top:0px;
		left:0px;



		.slides_container {
			width:1000px;
			height:460px;
			overflow:hidden;
			position:relative;
			display:none;
			margin:0px;


			div.slide {

				display:block;
				margin:0px;
			}
		}

		.next{
			position:absolute;
			top:150px;
			right:-24px;
			width:24px;
			height:43px;
			display:block;
			z-index:110;
		}
		.prev{
			position:absolute;
			top:150px;
			left:-24px;
			width:24px;
			height:43px;
			display:block;
			z-index:110;
		}

		.hover{
			display:none;
		}
		.photos_link{
			position:absolute;
			top:400px;
			padding:10px;
			background:rgba(#000000, 0.5);
			width:980px;
			color:white;
			z-index:120;

			font-size:20px;
			a{
				color:white;
				text-decoration:none;
			}

		}

		.pagination {
			margin:10px auto 0;
			width:100px;

			li {
				float:left;
				margin:0 1px;
				list-style:none;

				a {
					display:block;
					width:12px;
					height:0;
					padding-top:12px;
					background-image:url(/assets/pagination.png);
					background-position:0 0;
					float:left;
					overflow:hidden;
				}

				&.current a {
					background-position:0 -12px;
				}

			}

		}


	}
	
}





