/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
-----
 FONT-FACE
-----
*/

@font-face{
	font-family: 'LeagueGothic';
	src: url('../fonts/league_gothic-webfont.eot');
	src: url('../fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/league_gothic-webfont.woff') format('woff'),
		 url('../fonts/league_gothic-webfont.ttf') format('truetype'),
		 url('../fonts/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NothingCouldYouSay';
	src: url('../fonts/nothing_could_you_say.ttf');
	font-weight: normal;
	font-style: normal;
}

/*
-----
 Général
-----
*/

body {
	background: url(../img/bg.jpg) repeat;
	font: 100%/15px "Arial", "Helvetica", "Helvetica Neue", sans-serif;
	margin: 0;
	padding: 0;	
}
#content {
	background: url(../img/bg-content.png) repeat-y;
	width: 1026px;
	margin: auto;
	overflow: hidden;
}
.separator {
	width: 1000px;
	height: 3px;
	background: rgba(175, 174, 158, 0.5);
	margin: 10px 0 0 13px;
}
.separator-calendrier {
	width: 700px;
	height: 1px;
	background: rgba(175, 174, 158, 0.5);
	margin: 20px 0 0 0;
}
.top {
	position: relative;
	display: block;
	overflow: hidden;
}
::-moz-selection, ::selection {
	background: #6f6462;
}
h1 {
	position: absolute;
	z-index: 2;
	margin: 10px 0 0 25px;
}
strong {
	font-weight: bold;
	font-size: 16px;
}

/*
-----
 SLIDER
-----
*/

#slider {
	display: block;
	height: 250px;
	margin: 50px 0 0 3px;
	z-index: 1;
}
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*
-----
 SIDEBAR
-----
*/

.sidebar {
	float: left;
}	
ul.menu {
	width: 256px;
	height: 236px;
	background: url(../img/bg-menu.png) no-repeat;
	margin: 10px 0 0 10px;
	padding: 28px 0 0 40px;
}
ul.menu li {
	padding: 0 0 45px 45px;

	-webkit-transform: rotate(-1deg);
	-moz-transform: rotat(-1deg);
	transform: rotate(-1deg);
}
ul.menu .accueil { background: url(../img/accueil.png) no-repeat; line-height: 30px; }
ul.menu .calendrier { background: url(../img/calendrier.png) no-repeat; line-height: 30px; }
ul.menu .galerie { background: url(../img/galerie.png) no-repeat; line-height: 22px; }
ul.menu a {
	text-decoration: none;
	color: #41302d;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
	font-weight: bold;	
}
ul.menu a:hover { text-decoration: underline; }
ul.menu a:active, ul.menu a:focus { color: #6b4f4a; }

.stats {
	background: url(../img/bg-stats.png) no-repeat;
	font-family: "NothingCouldYouSay", "Arial", "Helvetica", sans-serif;
	width: 262px;
	height: 269px;
	font-size: 14px;
	color: #332624;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
	padding: 50px 0 0 20px;
	margin: 0 0 0 12px;
}
.stats li {
	padding: 0 0 45px 40px;
}
.stats li a { color: #332624; text-decoration: none; }
.stats li a:hover { text-decoration: underline; }
.stats li a:active { color: #6b4f4a; }
.stats li.partenaires { background: url(../img/partenaire.png) no-repeat; line-height: 15px; }
.stats li.membres { background: url(../img/membres.png) no-repeat; line-height: 12px; }
.stats li.bulletin { background: url(../img/bulletin.png) no-repeat; line-height: 12px; }
.stats li.statut { background: url(../img/statut.png) no-repeat; line-height: 12px; }

/*
-----
 ARTICLE
-----
*/

article {
	width: 720px;
	float: right;
	display: block;
}
article h2 {
	font-family: "LeagueGothic", "Arial", sans-serif;
	font-size: 55px;
	line-height: 60px;
	padding: 30px 0 0 0;
	color: #afae9e;
	text-shadow: 3px 3px rgba(24, 22, 18, 0.5);
}
article h2 a {font-size: 15px; color: #afae9e;text-decoration: underline; }
article h2 a:hover { font-style:  italic; text-decoration: none;}
article h2 a:active { color: #6b4f4a; }

article h3 
{
	font-family: "LeagueGothic", "Arial", sans-serif;
	font-size: 35px;
	line-height: 60px;
	padding: 10px 0 0 0;
	color: #afae9e;
	text-shadow: 3px 3px rgba(24, 22, 18, 0.5);
}
article h3 a {font-size: 15px; color: #afae9e;text-decoration: underline; }
article h3 a:hover { font-style:  italic; text-decoration: none;}
article h3 a:active { color: #6b4f4a; }

article h4 
{
	font-family: "LeagueGothic", "Arial", sans-serif;
	font-size: 35px;
	line-height: 60px;
	padding: 10px 0 0 0;
	color: #2BA606;
	text-shadow: 3px 3px rgba(24, 22, 18, 0.5);
}
article h4 a {font-size: 15px; color: #afae9e;text-decoration: underline; }
article h4 a:hover { font-style:  italic; text-decoration: none;}
article h4 a:active { color: #6b4f4a; }

article bd 
{
	font-family: "LeagueGothic", "Arial", sans-serif;
	font-size: 25px;
	line-height: 35px;
	padding: 10px 0 0 0;
	color: #C7CF00;
	text-shadow: 3px 3px rgba(24, 22, 18, 0.5);
}
article bd a {font-size: 30px; color: #f0e36b;text-decoration: underline; }
article bd a:hover { font-style:  italic; text-decoration: none;}
article bd a:active { color: #6b4f4a; }

article p, article ul {
	margin: 40px 0 0 10px;
	color: #b7a992;
	text-shadow: 0 1px rgba(0, 0, 0, 0.5);
	font-size: 14px;
	width: 680px;
	text-align: justify;
	line-height: 26px;

}
article p a { color: #afae9e;text-decoration: underline; }
article p a:hover { text-decoration: none;}
article p a:active { color: #6b4f4a; }
article ul a { color: #afae9e;text-decoration: underline; }
article ul a:hover { text-decoration: none;}
article ul a:active { color: #6b4f4a; }

article.calendrier p {
	margin: 10px 0 0 15px;
	width: 650px;
}
article.partenaires p {
	margin: 10px 0 0 15px;
	width: 650px;
}
article ul {
	list-style: square;
	width: 650px;
	padding: 20px 0 0 0;
	margin: 0 0 0 30px;
}

article.contact {
	margin: -50px 0 0 0;
}
article.contact span {
	padding: 0 20px 0 40px;
}
article.contact span.pre {
	margin: 0 0 0 47px;
}
article.contact span.sec {
	margin: 0 0 0 34px;
}

/*
-----
 GALLERIE
-----
*/

.box {
	margin: 40px 0 0 0;
}
.box a {
	padding: 0 10px 0 0;
}
.box a img {
	margin: 0 0 20px 10px;
	box-shadow: 0 2px 4px #000;
	border: 2px solid #fff;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}
#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../img/fancybox/fancybox.png');
}
#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}
#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}
#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}
#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}
#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}
#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('../img/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}
#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}
#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}
#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}
#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../img/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}
#fancybox-left {
	left: 0px;
}
#fancybox-right {
	right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}
#fancybox-left-ico {
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -30px;
}
#fancybox-right-ico {
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
	left: 20px;
}
#fancybox-right:hover span {
	left: auto;
	right: 20px;
}
.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}
#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fancybox/fancybox-x.png');
}
#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -162px;
}
#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../img/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}
#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -182px; 
}
#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}
#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -142px;
}
#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../img/fancybox/fancybox-y.png');
}
#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -122px;
}
#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}
.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}
.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}
.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}
#fancybox-title-over {
	padding: 10px;
	background-image: url('../img/fancybox/fancy_title_over.png');
	display: block;
}
.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}
#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}
#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}
#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../img/fancybox/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../img/fancybox/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../img/fancybox/fancybox.png') -55px -90px no-repeat;
}

/*
-----
 FOOTER
-----
*/

footer {
	color: #8a806f;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	font-size: 12px;
}
footer a {
	text-decoration: none;
	color: #8a806f;
}
footer a:hover {
	text-decoration: underline;
}
footer .left {
	margin: 10px 0 10px 25px;
	float: left;
}
footer .right {
	float: right;
	margin: 10px 25px 0 0;
}