/*
Theme Name: Fetlyf
Theme URI: http://fetlyf.com/
Description: Le thème du site fetlyf.com.
Version: 1.0
Author: Jonathan Debauve
Author URI: http://jonathandebauve.fr/
*/


body {
	background: url('img/fd.png') repeat-x;
	background-attachment: fixed;
	color: #444;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	margin: 20px auto;
	width: 960px;
}

h1 {font-size: 18px; margin: 24px 0 12px 0;}
h2 {font-size: 15px; margin: 18px 0 6px 0;}
h3 {font-size: 13px; margin: 12px 0 3px 0;}


.clear {clear: both;}
.none {display: none;}

a {
	color: #378fc6;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}


/* En-tête 
---------------------------------------------------------- */

#en-tete {
	background: url('img/en-tete.png') no-repeat;
	height: 247px;
	width: 960px;
}

#retour-accueil {
	display: block;
	height: 179px;
	width: 960px;
}


/* Menu 
---------------------------------------------------------- */

#menu {
	color: #378fc6;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 12px;
}

#menu ul {
	padding: 0; 
	position: relative; 
	margin: 0 auto; 
	width: 948px;
	z-index: 100;
}

#menu a {color: #378fc6;}
#menu a:hover, #menu ul.niveau2 li.sousmenu a:hover {color: #fff;}

#menu li#accueil a {background: url('img/menu.png') -12px 0; display: block; height: 68px; width: 68px;}
#menu li#accueil a:hover {background: url('img/menu.png') -12px -68px;}

#menu li#association {background: url('img/menu.png') -78px 0; height: 68px; width: 103px;}
#menu li#association:hover {background: url('img/menu.png') -78px -68px;}
#menu li#festivals {background: url('img/menu.png') -181px 0; height: 68px; width: 75px;}
#menu li#festivals:hover {background: url('img/menu.png') -181px -68px;}
#menu li#reglement {background: url('img/menu.png') -256px 0; height: 68px; width: 90px;}
#menu li#reglement:hover {background: url('img/menu.png') -256px -68px;}

#menu li#partenaires a {background: url('img/menu.png') -346px 0; display: block; height: 68px; width: 96px;}
#menu li#partenaires a:hover {background: url('img/menu.png') -346px -68px;}
#menu li#contacts a {background: url('img/menu.png') -442px 0; display: block; height: 68px; width: 85px;}
#menu li#contacts a:hover {background: url('img/menu.png') -442px -68px;}

#menu ul.niveau2 li, #menu ul.niveau3 li {background: url('img/sousmenu_a.png');}
#menu ul.niveau2 li:hover, #menu ul.niveau3 li:hover {background: url('img/sousmenu_ahover.png');}
#menu ul.niveau2 li.sousmenu {background: url('img/sousmenu.png') 0 center;}
#menu ul.niveau2 li.sousmenu:hover {background: url('img/sousmenu.png') -140px center; color: #fff;}

#menu ul li {
	float: left;
	list-style: none;
	position: relative;
}

#menu ul ul {
	display: none; 
	position: absolute;
	width: 140px;
}


#menu ul.niveau2 .sousmenu, #menu ul.niveau2 li a {display: block; padding: 4px; text-decoration: none; width: 132px}
#menu ul.niveau1 li.sousmenu:hover ul.niveau2, #menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
#menu ul.niveau2 {top: 68px;}
#menu ul.niveau3 {left: 140px; top: 0;}

/* Page 
---------------------------------------------------------- */

#page {
	background: #fff;
	padding: 10px 0 0 0;
}


/* Une
---------------------------------------------------------- */

.carousel {
	background: url('img/fd_une.png') no-repeat;
	height: 360px;
	margin: 0 0 20px 0;
	padding: 0 20px;
	width: 920px;
}

.une_article {
	float: left;
	margin: 20px 20px 0 0;
	width: 340px;
}

.une_article h1 {
	background: url('img/ombre.png') bottom center no-repeat;
	color: #378fc6;
	font: 24px 'Trebuchet MS', san-serif;
	margin: 10px 0 0px 0;
	padding: 0 0 18px 0;
	text-align: center;
	width: 340px;
}

.une_article h1 a {
	color: #378fc6;
	text-decoration: none;
}

.une_article h1 a:hover {
	color: #e2007a;	
}
	
.une_article p {
	font-size: 13px;
	line-height: 22px;
	margin: 0 20px;
	text-align: center;
	width: 300px;
}

p.une_liens {
	color: #378fc6;
	font-weight: bold;
	margin: 10px 20px 0 20px;
	width: 300px;
}

.une_article p a.more-link{
	color: #378fc6;
	font-size: 9px;
	font-weight: bold;
}

.une_liens a {
	font-size: 9px;
}
	
.une_photo {
	border: 5px solid #fff;
	float: right;
	height: 310px;
	margin: 20px 0;
	width: 550px;
}

	/* Numero Slide */
	
	.carousel .menu-une {
		cursor: pointer;
		display: inline;
		float: left;
		margin: 0 90px;
		padding: 0;
		position: relative;
		top: 300px;
		width: 160px;
		z-index: 100;
	}
	
	.inactif {
		background: #d7e9f4;
		color: #378fc6;		
		display: block;
		float: left;
		font: 12px 'Trebuchet MS', Arial, Helvetica, san-serif;
		font-weight: 700;
		height: 18px;
		margin: 0 5px;
		padding: 4px 0 0 0;
		text-align: center;
		width: 30px;
	}
	
	
	.actif {
		background: #378fc6;
		color: #fff;
		display: block;
		float: left;
		font: 12px 'Trebuchet MS', Arial, Helvetica, san-serif;
		font-weight: 700;
		height: 18px;
		margin: 0 5px;
		padding: 4px 0 0 0;
		text-align: center;
		text-decoration: none;
		width: 30px;
		z-index: 2;
	}
	
	
/* Contenu bas
---------------------------------------------------------- */	
	
	/* Colonne gauche
	---------------------------------------------------------- */	
	
	#cg {
		clear: both;
		float: left;
		margin: 0 20px;
		width: 340px;
	}
	
	.edito {
		background: url('img/fd_edito.png') repeat-x;
		border: 1px solid #ececec;
		height: 149px;
		margin: 0 0 21px 0;
		padding: 10px;
		width: 318px;
	}
	
	.article-sidebar {
		background: url('img/fd_edito.png') repeat-x;
		border: 1px solid #ececec;
		margin: 0 0 10px 0;
		min-height: 149px;
		padding: 10px;
		width: 318px;
	}

	.edito h2, .article-sidebar h2, .article-categorie h2 {
		font-size: 12px;
		margin: 0 0 2px 0;
		padding: 0;
	}
	
	.edito img, .article-sidebar img {
		border: 1px solid #c8c8c8;
		float: left;
		height: 129px;
		margin: 0 10px 0 0;
		width: 129px;
	}
	
	.edito p, .article-sidebar p {
		line-height: 1.4em;
		margin: 0;
		padding: 2px 0 0 0;
	}
	
	.edito p a.more-link, .article-sidebar a.more-link, .article-categorie a.more-link {
		font-weight: bold;
	}
	
	.article-categorie {
		background: url('img/fd_edito.png') repeat-x;
		border: 1px solid #ececec;
		margin: 0 0 10px 0;
		min-height: 149px;
		padding: 10px;
	}
	
	.article-categorie img {
		border: 1px solid #c8c8c8;
		float: left;
		height: 129px;
		margin: 0 10px 0 0;
		width: 228px;
	}
	
	.participants {
		clear: both;
		padding: 0 0 20px 0;
	}
	
	

	.drapeaux {
		float: left;
		margin: 0 10px 40px 0;
	}
	
	.affiche {
		border: 1px solid #c8c8c8;
		float: left;
		margin: 0 10px 10px 0;
		padding: 2px;
	}
	
		
	/* Colonne droite
	---------------------------------------------------------- */	
	
	#cd {
		float: right;
		margin: 0 20px 0 0;
		width: 560px;
	}

	#derniere-video {
		float: left;
		margin: 0 10px 20px 0;
		width: 270px;
	}
	
	#diaporama-photos {
		float: right;
		margin: 0 0 20px 0;
		width: 270px;
	}
	
	#derniere-video h2, #diaporama-photos h2 {
		font-size: 12px;
		margin: 0 0 2px 0;
	}

	/* Réseaux
	---------------------------------------------------------- */
	#reseaux {
		clear: right;
		font-size: 9px;
		height: 138px;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#reseaux li {
		border-bottom: 1px solid #ececec;
		border-left: 1px solid #ececec;
		border-right: 1px solid #ececec;
		border-top: 1px solid #ececec;
		float: left;
	}
	
	
	#reseaux li a {
		color: #444;
		display: block;
		height: 48px;
		padding: 80px 10px 10px 10px;
		width: 118px;
	}
	
	#reseaux a:hover {
		text-decoration: none;
	}
	
	#reseaux a strong {
		color: #378fc6;
	}
	
	#reseaux strong {
		font-size: 13px;
		padding: 0 0 4px 0;
	}
	
	#rss a {background: url('img/rss.png') 0 0;}
	#rss a:hover {background: url('img/rss.png') -140px 0;}
	#videos a {background: url('img/videos.png') 0 0;}
	#videos a:hover {background: url('img/videos.png') -140px 0;}
	#photos a {background: url('img/photos.png') 0 0;}
	#photos a:hover {background: url('img/photos.png') -140px 0;}
	#communaute a {background: url('img/communaute.png') 0 0; border-right: 0;}
	#communaute a:hover {background: url('img/communaute.png') -140px 0;}


/* Article seul 
---------------------------------------------------------- */

#article-seul {
	float: left;
	margin: 20px 0 20px 20px;
	width: 560px;
}

#article-seul h1 {
	clear: both;
	color: #378fc6;
	font: 28px 'Trebuchet MS', san-serif;
	margin: 0 0 3px 0;
	padding: 0;
}

.post-categories {
	list-style: none;
	margin: 0;
	padding: 0;
}

.post-categories li {
	float: left;
}

.post-categories li a {
	background: #378fc6;
	color: #fff;
	font-size: 9px;
	font-weight: 700;
	margin: 0 2px 0 0;
	padding: 1px 2px;
	text-transform: uppercase;
}

.post-categories li a:hover {
	background: #e2007a;
	text-decoration: none;
}

#article-seul .infos  {
	float: left;
	font-size: 11px;
	list-style-position: inside;
	list-style-type: square;
	margin: 0;
	padding: 20px 0 6px 10px;
	text-align: left;
}

#article-seul .infos li {
	margin: 0 0 2px 0;
}

#article-seul .article_photo {
	border: 1px solid #ececec;
	clear: both;
	float: left;
	height: 208px;
	margin: 6px 6px 0 0;
	padding: 5px;
	width: 370px;
}

#article-seul .article-video {
	clear: both;
	float: left;
	margin: 6px 6px 0 0;
	width: 382px;
}

#article-seul .entry {
	clear: both;
	padding: 12px 0 0 0;
}

#article-seul .entry p, .article-categorie p {
	font-size: 12px;
	line-height: 1.6em;
	margin: 0 0 6px 0;
	text-align: justify;
}

#article-seul .entry ul {
	font-size: 12px;
	line-height: 1.6em;
	list-style-position: inside;
	margin: 0 0 6px 0;
	padding: 0 0 0 20px;
	text-align: left;
}

#comments {margin: 20px 0 3px 0;}
#comment {width: 560px;}
.commentlist {list-style: none; margin: 0; padding: 0;}
.commentlist li {border: 1px solid #c8c8c8; margin: 0 0 15px 0; padding: 10px;}
.avatar {float: right;}
.comment-body {font-size: 11px; line-height: 1.5em;}

#sidebar {
	float: right;
	margin: 20px 20px 20px 0;
	width: 340px;
}

#page-partenaires td {
	font-weight: bold;
	height: 80px;
	padding: 0 20px 20px 0;
	min-width: 100px;
	vertical-align: middle;
}


/* Pied de page 
---------------------------------------------------------- */

#pied-de-page {
	background: url('img/pied-de-page.png') bottom no-repeat;
	height: 40px;
	margin: 0 auto;
	padding: 0 200px 20px 200px;
	width: 560px;
}

#infos-fetlyf {
	border-right: 2px solid #378fc6;
	color: #378fc6;
	float: left;
	padding: 5px 22px 5px 0;
	text-align: right;
}

#partenaires-publics {
	float: left;
	padding: 5px 0 5px 20px;
}

#partenaires-publics img {
	padding: 0 10px 0 0;
}