html {
}
* {
	margin : 0;
	padding : 0;
}
body {
	background : #f0e9ce url("/images/bg.gif") repeat-x top left;
	padding-bottom : 100px;
	text-align : center;
	font-family : Tahoma, Helvetica, sans-serif;
	font-size : 90%;
}
#main_player {
	text-align : center;
	font-size : 80%;
	font-style : italic;
	color : #352009;
	zoom:1;
}
#main_player p {
	text-align : center;
	zoom:1;
}

.go {
	text-align : right;
	clear : left;
}
.galerie img {
	border: 5px solid #d3bca6;
}
.morelinks li {
	float : left;
	height : 55px;
	margin-bottom : 5px;
}
.morelinks .first {
	margin-right : 5px;
}
.morelinks a img {
	border : none;
	display : block;
}
.morelinks .external {
	background-image : none;
	padding : 0 !important;
}
/* Animation */
.rtabs li {
	list-style : none;
	list-style-image : none;
	float : left;
	padding : 3px 10px 0 10px;
	-moz-border-radius-topleft : 5px;
	-moz-border-radius-topright : 5px;
	margin-right : 8px;
	cursor : pointer;
}
.rtabs .current {
	background : #d0e0c2;
	font-weight : bold;
}
.atabs .atab {
	height : 430px;
	clear : both;
	padding : 10px;
	background : #d0e0c2;
	-moz-border-radius : 5px;
	margin-bottom : 10px;
	position : relative;
}
.atab .more {
	position : absolute;
	bottom : 20px;
	right : 210px;
	text-align : center;
	width : 250px;
}
.atab .more a {
	display : block;
}
.atab .illustrations {
	float : right;
	width : 180px;
	height : 390px;
	border-left : 1px solid #FFF;
}
.atab .illustrations img {
	display : block;
	height : 120px;
	width : 160px;
	margin-left : 8px;
	margin-bottom : 8px;
	border: 2px solid #d3bca6;
}
.atab .illustrations p {
	position : absolute;
	display : none;
	background : #FFF;
	padding : 10px;
	top : 0px;
	left : 170px;
	width : 300px;
	-moz-border-radius : 5px;
	border-radius : 5px;
	opacity : 0.8;
}
.atab .illustrations div {
	position : relative;
	display : block;
}

.atab .illustrations div:hover p {
	display : block;
}


.atab .text {
	float : left;
	width : 420px;
}
.atabs h3 {
	background : #FFF;
	padding : 4px;
	-moz-border-radius : 5px;
}


/* Go */
.gohome a {
	background-image : url(/images/icons/go-home.png);
}
.gochome a {
	background-image : url(/images/icons/go-chome.png);
}
.gomap a {
	background-image : url(/images/icons/system-search.png);
}
.gocontact a {
	background-image : url(/images/icons/internet-mail.png);
}
.gohome a, .gochome a, .gomap a, .gocontact a
{ 
	padding-left : 26px !important;
	background-repeat : no-repeat;
	background-position : 2px 2px;
	height : 24px;
}


/* Semantique */
h1,h2,h3 {
	margin-bottom : 0.6em;
}
h1 {
	font-size : 140%;
	color : #352009b;
}
h2 {
	font-size : 120%;
	color : #352009;
}
h3 {
	font-size : 110%;
	color : #352009;
}
.hsection, .anim {
	padding-bottom : 0.3em;
	margin-bottom : 1em;
	background : #fff url(/images/hsection.jpg) repeat-x top left;
	border : 1px solid #FFF;
	padding : 0.6em 1em;
	-moz-border-radius : 7px;
	font-style : italic;
}
.anim {
 background-color : #d0e0c2;
}
.anim a {
	display : block;
	text-align : center;
	background : #FFF;
	-moz-border-radius : 5px;
	padding : 3px;
	text-decoration : none;
}
.anim a:hover {
	background-color :  #d3bca6;
	color : #FFF;
}
ul {
	margin-left : 15px;
}
a, a:visited {
	color : #365818;
}
.external {
    background: url("/skin/images/links/external.png") center right no-repeat;
    padding-right: 12px;
}

hr {
	clear : both;
	visibility : hidden;
	width : 85%;
}
p {
	text-align : justify;
	margin-bottom : 0.6em;
}
/* structure */
#structure {
	margin-left : auto;
	margin-right : auto;
	width : 990px;
	text-align : left;
	position : relative;
	background : transparent url("/images/middle.png") repeat-y top center;
}
#header {
	background : transparent url("/images/headertop.png") no-repeat top center;
	width : 990px;
	height : 210px;
	position : absolute;
	top : 0px;
	left : 0px;
	clear : both;
}
#header h1 {
	position : absolute;
	height : 180px;
	background-image : none !important;
}
#header h1 a {
	display:block;
	height : 180px;
	text-indent : -5000px;
	width : 300px;
}
.main {
	
}
.iebug {
	background : transparent url("/images/maintop.png") no-repeat 0 210px;
	padding-top : 210px;
	width : 990px;
}
#real_content {
	float : left;
	margin : 0px 0px 0px 11px;
	width : 630px;
	margin-bottom : 10px;
}
#context {
	float : right;
	width : 295px;
	margin-right : 10px;
	margin-top : 10px;
}

.iebug > #real_content {
	margin : 5px 0px 0px 20px;
}
.iebug > #context {
	margin-right : 20px;
	margin-top : 10px;
}
#footer {
	position : relative;
	top : 100px;
	background : transparent url("/images/footer.png") no-repeat top center;
	height : 30px;	
	padding-top : 74px;
	width : 990px;
	text-align : center;
	clear : both;
}
#structure > #footer {
	background : transparent url("/images/footer.png") no-repeat top center;
}
/* Navigation */
#navigation {
	padding : 4px 0px 3px 0px;
	margin : 0px 0px;
	width : 650px;
	font-size : 90%;
}
#navigation  a {
	color : #333;
	text-decoration : none;
}
#navigation  a:hover {
	color : #000;
	text-decoration : underline;
}

#menu li {
	list-style : none;
	float : left;
	margin-right : 12px;
}
#menu li a {
	text-decoration : none;
	color : #423a33;
}
#menu li a:hover {
	color : #FC0;
}

/* Main menu */
#menu {
	clear : both;
	position : absolute;
	top : 186px;
}
.icon {
	border : none;
	float : left;
	margin-right : 4px;
	margin-top : 4px;
}
#menu > .mainmenu {
	height : 29px;
}
.mainmenu {
	position : absolute;
	top : 190px;
	margin : 0px 13px;
	width : 944px;
	border-top : 1px solid #FFF;
	height : 28px;
	background : transparent url("/images/menu.jpg") repeat-x bottom left;
}
#menu .mainmenu {
	width : 944px;
}

/* content */
.album {
	clear : both;
	zoom:1;
}
.album img {
	border : 1px solid #999;
}
.photo, .album img {
	float : left;
	margin : 0 1em 1em 0;
	border: 5px solid #d3bca6;
	position : relative;
}
.photo p {
	position : absolute;
	bottom : 5px;
	right : 5px;
	margin-left : 5px;
	background : #FFF;
	margin : 0 !important;
	padding : 2px 8px;
	-moz-border-radius : 5px;
	opacity : 0.7;
}
.photo img {
	display : block;
	zoom:1;
}
.pubinfo {
	display : none;
}
.fir {
	background-position : 0 -10px;
	background-repeat : no-repeat;
	height : 36px;
	text-indent : -6000px;
}
h2.fir {
	height : 30px;
}
.thumb {
	float : left;
	border : 1px solid #999;
	margin : 0 1em 1em 0;
}
.edito {
	margin-bottom : 1em;
	margin-top : 1em;
	padding : 5px;
	background-color : #f3efeb;
	border : 1px dotted #baafa3;
	zoom : 1;
}
.note {
	clear : both;
	font-size : 85%;
	font-style : italic;
}
.note sup {
	display : block;
	float : left;
	font-size : 100%;
	margin-right : 1em;
}
.big {
/*	border-top : 4px solid #bdaea0 !important; */
	padding-bottom : 1em;
	margin-top : 1em !important;
}
.c0 {
	float : right;
}
.c1 {
	float : left;
}
.comm {
	width : 49%;
	text-decoration : none;
	padding-bottom : 0.3em;
	padding-top : 0.3em;
	background : transparent url("/images/htop.jpg") repeat-x top left;
	margin-top : 0.6em;
}
.comm h2 {
	margin-top : 0.3em;
}
.ecomm {
	text-align : right;
}
.big .news {
}
.news {
}
hr {
	clear : both;
	visibility : hidden;
	width : 100%;
}
.block {
	text-decoration : none;
}
.block .suite {
	text-align : right;
	color : #2971c9;
}
.block > .suite {
	visibility : hidden;
}
.block:hover .suite {
	visibility : visible;
}
.block p {
	font-size : 90%;
}
.block h2 {
	margin-bottom : 0.3em;
	font-variant : small-caps;
}
.sicon {
	position: relative;
	display : block;
	float : left;
	margin-right : 1em;
	margin-top : 12px;
	margin-bottom : 0.3em;
}
.block p {
	color : #272523;
	text-align : justify;
	margin-right : 1em;
}
.sicon:hover .mask {
}
.sicon img {
	position : absolute;
	top : 0;
	left : 0;
	border : none;
}
.sicon .mask {
	position : absolute;
	top : 0;
	left : 0;
	display : block;
}
.i96 .mask {
	height : 96px;
	width : 96px;
	background : transparent url("/images/borderi.gif") no-repeat 0 0;
}
.i48 .mask {
	height : 48px;
	width : 48px;
	background : transparent url("/images/borderi48.gif") no-repeat 0 0;
}
.i96 > .mask {
	background : transparent url("/images/borderi.png") no-repeat 0 0;
}
.i48 > .mask {
	background : transparent url("/images/borderi48.png") no-repeat 0 0;
}
.block:hover .i96 .mask {
	background-position : 0 -96px;
}
.block:hover .i48 .mask {
	background-position : 0 -48px;
}
.block:hover h2 {
	color : #2971c9;
}

.i96 {
	height : 96px;
	width : 96px;
}
.i48 {
	height : 48px;
	width : 48px;
}
/* articles */
.news h3 {
	margin-bottom : 0.2em;	
}
.news {
	padding : 5px;
}
h3 a, h3 a:visited {
	color : #54483b;
	text-decoration : none;
}
h3 a:hover {
	text-decoration : underline;
}
.ainfos li, .onews {
	list-style : none;
	padding-left : 0;
	text-align : right;
	color : #666;
	font-style : italic;
}
.ainfos {
	margin-left : 0;
	border-bottom : 1px dotted #CCC;
	margin-top : 0.2em;
	margin-bottom : 0.6em;
}
.infaut .aname {
	display : none;
}
/* Page Dossier  de ressources */
.hsection {
	
}

/* Les albums et chants */
#paroles {
	clear : both;
 -moz-column-count:2;
 -moz-column-with : 310px;
}
.copyright {
 	font-size : 90%;
	text-align : right;
}
.gospel .from {
	font-style : italic;
	font-size : 90%;
	margin : 0;
	background : transparent;
}
.gospel p {
	padding : 10px;
	background : #eddecf;
	-moz-border-radius : 5px;
}
#context ul {
	clear : both;
	margin-left : 0;
}
#context li {
	list-style : none;
	list-style-image : none;
}
.discover {
	background : #fff;
	-moz-border-radius : 5px;
	padding :  10px;
	font-size : 90%;
	margin-bottom : 10px;
	
}
.discover p {
	font-style : italic;
}
.anims {
	float : left;
	width : 280px;
	margin-right : 10px;
	margin-bottom : 10px;
}
.extrait {
	clear : left;
	float : left;
	width : 270px;
	padding : 10px;
	background : #eddecf;
	-moz-border-radius : 5px;
	font-style : italic;
}
.extrait .from {
	font-size : 90%;
	text-align : right;
}
.goalbum img {
	border : none;
}
.date {
	clear : left;
}
.date h3 {
	margin-bottom : 3px;
}
.cal {
	margin : 0;
	width : 48px;
	float : left;
	margin-right : 10px;
	margin-bottom : 1em;
}
.cal li {
	list-style : none;
	list-style-image: none;
	padding : 2px;
	text-align : center;
}
.cal .year {
	background : #d3bca6;
	-moz-border-radius-topleft : 5px;
	-moz-border-radius-topright : 5px;
}
.cal .day {
	background : #eddecf;
	font-weight : bold;
	font-size : 110%;
}
.cal .month {
	background : #d3bca6;
	-moz-border-radius-bottomleft : 5px;
	-moz-border-radius-bottomright : 5px;
}
.card {
	clear : both;
	margin-bottom : 0.6em;
	padding : 0.6em;
	background : #fff6db;
	border : 1px solid #ddd6bb;
}
.card blockquote {
	font-style : italic;
	font-size : 90%;
}
.card h2 {
	background-image : none !important;
	text-indent : 0 !important;
	font-size : 1.1em;
	font-weight : bold;
}
.card .site {
	clear : both;
	font-size : 1.2em;
	display : block;
	margin-top : 0.6em;
	border-top : 1px solid #ede6cb;
}
.card a img {
	border : 5px solid #D3BCA6;
	float : right;
	margin : 0 0 0.2em 0.6em;
}
.card .external {
    background: none;
    padding-right: 0;
}





/* sidebar */

#sidebar {
	float : right;
	width : 266px;
	margin-right : 7px;
}
#sidebar h2 {
	background : transparent url("/images/menu.jpg") repeat-x top left;
	font-size : 0.9em;
	font-variant : small-caps;
}
.main > #sidebar {
	margin-right : 13px;
	width : 267px;
}


.snews h2, .snews a {
	padding : 2px 8px;
	display : block;
	border-bottom : 1px dotted #bdaea0;
}
.snews h2 {
	border-bottom : 1px solid #bdaea0;
}

#sidebar h2 {
	margin-bottom : 0 !important;
}
#sidebar ul {
	margin-left : 0;
}
#sidebar ul li {
	list-style : none;
}
#sidebar a {
	text-decoration : none;
	background-color : #FFF;
}
#sidebar a:hover {
	background-color : #d8dde3;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
.pgalery li {
	list-style : none;
	float : left;
	margin-right : 0.6em;
}

.pgalery ul, .pgalery h2 {
	clear : both;
}
.pgalery a img {
	border : solid #d3bca6;
	border-size : 5px 5px 12px 5px;
}
.pgalery .external {
    background: none;
    padding-right: 0;
}