/* 7D Groupe */
/* Graphiques-Kits.com */
/* (c) 2009 */



/* ------------------------------------ */
/*            Generalites               */
/* ------------------------------------ */

body {
	background: #2b2823 url(images/fond.jpg) repeat-x 0 0;
	font: normal 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0;
	padding: 0 0 1em 0;
	text-align: left;
}

#site {
	margin:0 auto;
	width: 1000px;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	font-weight: bold;
}


a:focus {
	outline: none;
}

a img {
	border: 0px;
}

h2 {
	height: 65px;
	/*background: url(images/h2.png) no-repeat 0 34px;*/
	margin: 0.5em 0 0.5em 0;
	padding: 0 0 0 0.6em;
	color: #d3ccc3;
	font-size: 1.8em;
}


h2 span {
	color: #ff7800;
}

h2.grand {
	/*background: url(images/h2-grand.png) no-repeat 0 34px;*/
}

h3 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
	color: #8ef804;
}

h4 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.3em;
}

#announcement h1 {
	margin: 0;
	margin-bottom: -30px;
	padding: 0px;
	font-size: 1.4em;
	color: #8ef804;	
}

#announcement h2 {
	margin: 0;
	margin-bottom: -30px;
	padding: 0px;
	font-size: 1.4em;
	color: #8ef804;	
}

#announcement h3 {
	margin: 0;
	margin-bottom: -30px;
	padding: 0px;
	font-size: 1.4em;
	color: #8ef804;	
}

#announcement h4 {
	margin: 0;
	margin-bottom: -30px;
	padding: 0px;
	font-size: 1.4em;
	color: #8ef804;	
}

.clear {
	width: 807px;
	height: 14px;
	margin: 0 auto;
	font-size: 1px;
	clear: both;
}

.imagepage {
        margin: 10px 20px 10px 20px;
	padding: 1px;
	border: solid 2px #7b7261;
}


/* ------------------------------------ */
/*               Header                 */
/* ------------------------------------ */

#header {
	position: relative;
	width: 1000px;
	height: 209px;
	background: url(images/header.jpg) left top no-repeat;
	margin: 0 auto;
	text-align: left;    
}

#slider {
	position: absolute;
	width: 1000px;
}

/* Panel : DIV TEXTE */
#panel {
	background: #796d5d url(images/panel-bk.jpg) left top no-repeat;
	height: 130px;
	display: none;
}

#panel .texte {
	padding: 20px;
}

#panel span {
	font-size: 1.3em;
	color: #FFF
}

/* Panel : p class=slide */
.slide {
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-top: solid 6px #000;
	background: url(images/slide.png) no-repeat right top;
}

/* Panel : a class=btn-slide */
.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -60px;
	text-align: center;
	width: 144px;
	height: 16px;
	padding: 10px 10px 0 0;
	margin-left: 848px;
	display: block;
	color: #fff;
	text-decoration: none;
}

/* Hack IE 7 */
*+html .slide {
	background: url(images/slide.png) no-repeat 856px 6px;	
}

.active {
	background-position: right 0px;
}


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

#menus {
	position: absolute;
	top: 158px;
	margin-left: 185px;
	text-align: left;
}

#menus ul li {
	display: block;
	float: left;
	width: 127px;
	text-align: center;
	margin-top: 4px;
	/margin-top: 17px; /* IE6 + IE7 */
}

#menus li a {
	font-size: 1.2em;
	text-decoration: none;
	color: #FFFFFF;
}


/* ------------------------------------ */
/*              Content                 */
/* ------------------------------------ */

#content {
	text-align: left;
	padding-top: 8px;
	margin: 40px 50px 60px 50px;
}



#chemin {
	margin-top: -30px;
	margin-bottom: 0px;
	text-align: right;
	color: #ac9f8c;
}

.left {
	float: left;
	width: 435px;
        margin-right: 30px;
}

.right {
	float: left;
	width: 435px;
}

.left-album {
	float: left;
	width: 150px;
        margin-right: 30px;
}

.left-album p {
        margin-bottom: 19px;
}

*+html .left-album p {
        margin-top: 0px;
        margin-bottom: 21px;
}

.center-album {
	float: left;
	width: 350px;
}

.right-vote {
	float: left;
	width: 160px;
}



/* ---------------------  */
/*         Accueil        */

#edito {
	float: left;
	width: 340px;
}

#edito p {
	color: #ac9f8c;
	font-size: 1.1em;
	padding: 0 0.4em 0 0;
}

/*  Galerie  */

#galerie {
	float: left;
	width: 560px;
	margin-bottom: 40px;
        margin-top: 25px;
}

#imageSlideshowHolder {

/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

*/

	/* CSS HACK */
	width: 548px;	/* IE 5.x */
	width/* */:/**/542px;	/* Other browsers */
	width: /**/542px;

	/* CSS HACK */
	height: 221px;	/* IE 5.x */
	height/* */:/**/215px;	/* Other browsers */
	height: /**/215px;

	background: url(images/galerie.jpg) left top no-repeat;
	position:relative;	/* Never change this value */
}

/* Hack IE 7 */
*+html #imageSlideshowHolder {
	height: 215px;
	width: 542px;
}

.imageInGallery {		
	width:530px;
	height:204px;
	left:0px;
	top:0px;
	position:absolute;
}

/* Hack IE 7 */
*+html .imageInGallery{
	height: 222px;
	width: 550px;
}

#imageSlideshowHolder img {
	position:absolute;
}

#the_captions {
	display:none;
}

.imageInGallery_DESC {
	position:absolute;
	color:#FFFFFF;
	padding:30px;
	padding-top:25px;
	margin-left:30px;
	margin-top:6px;
	z-index:100;
	/*height:200px;*/
	width:240px;
	background:url("images/bg.png");
	font-size:80%;
}

.imageInGallery_DESC h1 {
	color:#99cc33;
	font-size:140%;
	margin:0px;
	padding:0px 0px 5px 0px;
}
	
/*  //END Galerie  */
/* --------------- */



#concerts {
	float: left;
	width: 400px;
}

#concerts h2 {
	/*background: url(images/h2-grand.png) no-repeat 0 34px;*/
}

#news {
	float: left;
	width: 400px;
	margin-left: 86px;
}

#news h2 {
	/*background: url(images/h2-moyen.png) no-repeat 0 34px;*/
}

/* ----------- */
/*  Demi-Bloc  */

.smallbloc {
	background: #1e1c18 url(images/smallbloc-top.jpg) left top no-repeat;
	padding: 20px 20px 10px 20px;
	margin: 0 0 15px 0;
}

.smallbloc-content {
	background: #1e1c18 url(images/smallbloc-bottom.jpg) left bottom no-repeat;
}

.smallbloc-content span {
	font-size: 0.9em;
	color: #777776;
}

.smallbloc-content h3 {
	margin: 0 0 0.1em 0;
	font-size: 1.4em;
	color: #8ef804;
}


/* ------------------------------------ */
/*               Footer                 */
/* ------------------------------------ */


#footer {
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 0.9em;
	color: #ac9f8c;
	clear: both;
}

#footer a {
	color: #ac9f8c;
}

/* Begin Images */

p img {
padding: 0;
max-width: 100%;
}
img.centered, img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */