body{
	font-size: 10px;
	line-height: 1.5em;
	background: #000 url(../img/bg/img.jpg) top center fixed;
	color: #fff;
}

.cssir{display: block; text-indent: -100000px;} /* CSS Img repl.*/
.clear{visibility: hidden; clear: both;} /* Stop floating ! */

/* Logo */
h1#logo a{
	width: 60px;
	height: 48px;
	background: url(../img/logo.png) top left no-repeat;
	position: relative;
	top: 43px;
}

#centre{
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0 10px 10px 10px;
	overflow: hidden;
}

/* BOUTONS */
#agenda div a.cssir, #agenda_small #scroll3 a.cssir, #membres p a, .date > a.cssir, #galerie > .img p a{
	height: 24px;
	width: 22px;
	background: url(../img/plus.png) top left no-repeat;
	position: absolute;
	right: 5px;
	bottom: 5px;
}
#agenda div a.cssir:hover, #agenda_small #scroll3 a.cssir:hover, #membres p a:hover, .date > a.cssir:hover, #galerie > .img p a:hover{background: url(../img/plus_on.png) top left no-repeat;}

.date > a{right: -5px; bottom: 5px;}

#addthis{position: absolute; right: 30px; top: 40px;}

#next_soiree, #prev_soiree, #prev_events, #next_events{width: 22px; height: 24px; position: absolute; bottom: 17px; z-index: 100;}

#photo #next_soiree{top: 165px; right: 0;}
#photo #prev_soiree{top: 165px; left: 0;}

#prev_soiree, #prev_events{background: url(../img/fleche_gauche.png) top left no-repeat; right: 45px;}
#next_soiree, #next_events{background: url(../img/fleche_droite.png) top left no-repeat; right: 20px;}
#prev_soiree:hover, #prev_events:hover{background: url(../img/fleche_gauche_on.png) top left no-repeat;}
#next_soiree:hover, #next_events:hover{background: url(../img/fleche_droite_on.png) top left no-repeat;}

#next_agenda, #prev_agenda{width: 10px; height: 150px; position: absolute;}
#prev_agenda{background: url(../img/left_bar.png) top left no-repeat;}
#next_agenda{background: url(../img/right_bar.png) top left no-repeat; right: 0;}
#prev_agenda:hover{background: url(../img/left_bar_on.png) top left no-repeat;}
#next_agenda:hover{background: url(../img/right_bar_on.png) top left no-repeat;}



/****** M E N U ******/
#menu, #menu2, #social{position: absolute;} /* Tout le monde se place */
#menu{top: 0; left: 90px; width: 750px;} /* Principal */
#menu2{top: 100px; right: 10px;} /* Social */
#social{width: 500px; top:100px; left: 10px;} /* Secondaire */

/* Principal */
#menu li{
	padding: 40px 30px 0 10px;
	float: left;
	background: transparent url(../img/menu/filet.png) top left no-repeat;
	text-transform: uppercase;	
}
#menu li:hover{background: transparent url(../img/menu/filet_on.png) top left no-repeat;}
#menu li a{color: #fff !important; letter-spacing: 1px;}
#menu li a:hover{text-decoration: none;}
#menu li strong{font-size: 2em; color: #e75012 !important;}

/* Social & secondaire*/
#social li, #menu2 li{display: inline; margin-right: 10px; font-variant: small-caps; text-transform: lowercase; font-size: 1.1em;}

#social img, #footer img{margin-right: 5px;} /* Logos sites */



/***** C O N T E N U *****/

/* Base */
strong{font-weight: bold;}
em{font-style: italic;}

a{color: #e75012; text-decoration: none;}
a:hover{color: #ce1e01;}
div#team.up div.img >span > em > a{color: #000;}

p{font-size: 11px; line-height: 1.5em; margin-bottom: 10px;}
strong.up{text-transform: uppercase; font-size: 1.5em;}
#agenda p.date{margin-bottom: 0;}

hr{
	border: 0;
	height: 2px;
	background: transparent url(../img/hrcarve.png) top left repeat-x;
	margin: 0;
	padding: 0; 
}

h3.events{font-weight: normal;}

dl > dt{position: relative;}

.nfo > *{
    font-size: 2.5em;
    font-weight: bold;
    line-height: 1.3em;
    position: relative;
    top: 5px;
    margin-left: 10px;
}

.nfo strong{font-weight: normal;}



#col_gauche, #col_droite, #visuel, #descri, #photo, #set, #menu_club, #club_left, #club_right, #team.up{margin-top: 72px;}
/*Laisse la place pour le menu*/


/* A gauche */
#col_gauche, #agenda{width: 790px; float: left;}
#col_gauche img{margin: 10px 10px 0 10px;}


/******** Soirée ********/
#soiree, #visuel, #photo, #club_left{
	position: relative;
	width: 470px;
	float: left;
	background: transparent url(../img/bg/soiree.png) 0px 55px repeat-x;
	margin-bottom: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}

#club_left, #club_right{padding-bottom: 0; height: 420px; overflow: hidden; position: relative;}
#club_left > div, #club_right > div, #club_right > object{padding-left: 10px; padding-right: 10px;}
#flashcontent{position: relative; left: 10px;}
#flashcontent a{position: relative; left: 0px; top: 10px;}
#club_left > div#scroll4{padding: 0;}
#club_right.coord{height: 295px;}
#club_right.coord > div hr{height: 1px; margin-top: -10px;}

#soiree > div > dl > dt > .nfo, #visuel .nfo, #photo .nfo, #events > div > dl > dt > .nfo, #club_left > div > dl > dt > .nfo{
	position: absolute;
	width: 450px;
	height: 72px;
	background: transparent url(../img/bg/descri_soiree.png) top left repeat-x;
	bottom: 3px;
	margin: 10px;
}
#club_left > div > dl > dt > .nfo{margin-left: 0;}
#soiree > div > dl > dt > .nfo, #events > div > dl > dt > .nfo, #club_left > div > dl > dt > .nfo{margin-bottom: 0;}
#soiree .nfo em, #visuel .nfo em, #photo .nfo em, #club_left .nfo em{color: #000; font-style: normal;}

#visuel{
    padding-bottom: 0;
    width: 630px;
    background: transparent url(../img/bg/soiree.png) top left repeat-x;
}

#visuel img{margin: 10px; margin-bottom: 10px;}
#visuel .nfo{bottom: 0; width: 610px;}

#photo{width: 520px; background: transparent url(../img/bg/soiree.png) top left repeat-x;}
#photo > img, #photo > a > img{display: block; margin: 10px auto !important;}





/********** Blocs de scroll **********/
#scroll, #scroll2, #scroll3, #scroll4{display: block; overflow: hidden;}
#scroll, #scroll3,  #scroll4{max-width: 468px;}
#scroll dl, #scroll2 dl, #scroll3 dl,  #scroll4 dl{width: 100000px;}
#scroll dl > *, #scroll2 dl > *, #scroll3 dl > *,  #scroll4 > dl > *{float: left; margin-right: 10px; width: 468px; display: block;}
#scroll2 dl > *{width: 300px;}
#scroll4{margin-top: 10px; margin-left: 10px;}

/********** Events et membres **********/
#events, #membres, #club_right{width: 310px; float: right; margin-bottom: 10px;}
#social_icns{width: 310px; margin-right: 170px; float: right; margin-top: -123px;}
#club_right{float: left; margin-left: 10px;}
#club_right > div{background: url(../img/bg/club.png); margin-top: 0px; padding-top: 5px; padding-bottom: 7px; height: 363px;}
#club_right *{color: #000;}
#club_right a{color: #e75012;}
#club_right #scroll2 dl dt{padding-left: 10px;}
#club_right #scroll2 dl dt p{padding-right: 20px;}
#club_right #scroll2 dl {margin-left: -10px;}
#events{
	position: relative;
	background: transparent url(../img/bg/soiree.png) 0px 55px repeat-x;
	padding-bottom: 10px;
	overflow: hidden;
}
#events em{font-style: normal;}
#events > div > dl > dt > .nfo{
	width: 290px;
	background: transparent url(../img/bg/descri_events.png) top left repeat-x;
}
#membres, #social_icns{position: relative; background: transparent url(../img/bg/soiree.png) 0px 55px repeat-x; height: 110px;}
#social_icns .social{position: relative; top: 7px; left: 10px; width: 290px;}
#social_icns .social li{display: inline; margin-right: 22px;}




/* A droite */
#col_droite, #menu_club{
	float:left;
	margin-left: 10px;
	width: 150px;
	background: url(../img/bg/col_right.png) top left repeat-y;
}
#menu_club{height: 420px;}
#menu_club li{text-transform: uppercase; font-size: 1.5em; margin: 10px;}

#agenda_small{float: left; width: 630px; position: relative;}
#agenda_small #scroll3{width: 610px !important; max-width: 610px; margin-left: 10px;}
#agenda_small h1{height: 55px; background: url(../img/titres/agenda_small.png);}
#agenda_small dd{
	width: 150px; 
	margin-right: 0; 
	position: relative; 
	height: 150px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#agenda_small div, #flickr_horz div{background: url(../img/bg/fff.png);}

/* Cadres de l'agenda */
#agenda > div, #agenda_small dt{
	width: 130px;
	float: left;
	border: 1px solid black;
	border-top: none;
	border-bottom: none;
	position: relative;
	background: url(../img/bg/fff.png);
	height: 218px;
}
#agenda > div.first{border-left: none;}
#agenda > div.last{border-right: none;}
#agenda > div > p.date, #agenda_small p.date, #set > p{
	height: 20px;
	line-height: 20px;
	color: #fff;
	background: #e75012 url(../img/bg/date_agenda.png) top left repeat-x;
}
#set > p{margin-bottom: 0 !important;}

#agenda div p, #agenda div h2, #agenda_small p, #agenda_small h2{padding-left: 10px; font-weight: bold; font-size: 1em;}

#agenda div h2, #agenda_small h2{color: #e75012; margin: 10px 0; font-weight: bold;}
#agenda div p, #agenda_small p{font-weight: bold;}
#agenda div p.style, #agenda_small p.style{font-size: 0.9em; margin-top: 10px; font-weight: normal;}


#flickr{margin-top: 10px;}
#flickr div, #flickr div{padding: 5px;}

#flickr_horz{float: right; width: 470px; margin-right: 20px;}

#flickr img, #flickr_horz img{display: block; width: 60px; height: 60px; float: left;}

#flickr img{margin: 5px;}
#flickr_horz img{margin: 9px;}





#descri, #set{
	width: 310px;
	float: right;
	background: transparent url(../img/bg/fff.png);
}

#descri{height: 100%; margin-right: 10px;}

#descri > span, #set > span{
	padding-top: 15px;
	margin-bottom: -15px;
	display: block;
	width: 310px;
	height: 55px;
	background: url(../img/titres/descri.png) top left no-repeat;
	color: #e75012;
}

#descri > span strong, #set > span strong{
	color: #000;
	font-size: 2em;
}

#descri > span em, #set > span em{font-style: normal; font-weight: bold;}

#descri h2, #descri h3, #descri h4, .date h2, .date h3, .date h4, #club_left h2, #club_left h3, #club_left h4{font-weight: bold;}

#descri h3, #club_left h3, .date h3 {font-size: 1.8em; line-height: 1.2em;}
#descri h4, #club_left h4, .date h4 {color: #c6c7c8; font-size: 1.3em; margin-top: 5px; margin-bottom: 15px;}

#descri hr{margin-bottom: 5px;}

#descri > *{padding: 0 10px;}
#descri h2, #club_left h2, .date h2 {
	font-size: 1.8em;
	line-height: 1.6em;
	color: #e75012;
}


#descri p strong, .date p strong{color: #e75012; font-size: 1.25em; font-weight: bold;}
#descri p.style, .date p.style{font-weight: bold;}


/* GALERIE */
#set{float: right; width:420px;}

#set img{margin: 10px; width: 60px; height: 60px;}
 
#set > span{
	padding-left: 10px;
	width: 420px;
	background: url(../img/titres/set.png) top left no-repeat;
}
#set > p > a{color: #fff; padding-left: 10px; font-size: 1.1em;}


/* Wayfinder de la galerie */
#wf_year ul{margin-top: 80px; position: absolute; border-top: 1px solid #737373; width: 97%; padding-top: 6px;}
#wf_month ul{margin-top: 105px; position: absolute; border-bottom: 1px solid #737373; width: 97%; padding-bottom: 3px;}
#wf_year ul li, #wf_month ul li{display: inline; margin-right: 15px; font-size: 12px;}



/* Timeline */
#timeline, #galerie{margin-top: 72px;}
#galerie{margin-top: 140px;}

#timeline > .date, #galerie > .img, #team > .img{
	float: left;
	width: 230px !important;
	height: 380px;
	position: relative;
	margin-right: 9px;
	margin-bottom: 10px;
	background: url(../img/bg/events.png) 0px 15px repeat-x;
}
#team > .img{height: 330px;}
#team > .img.up{height: 350px}
#team > .img.part{height: 290px}


#timeline > .date > *, #galerie > .img > *, #team > .img > *{padding: 0 10px;}

#timeline > .date > span, #galerie > .img > span, #team > .img > span{
	display: block;
	background: url(../img/bg/dates.png) top left no-repeat;
	height: 55px;
	padding-top: 15px;
	margin-bottom: -15px;
	padding-left: 10px;
	font-weight: bold;
}
#timeline > .date span strong, #galerie > .img span strong, #team > .img span strong{font-size: 1.6em;}
#timeline > .date span em, #galerie > .img span em, #team > .img span em{color: #000; font-style: normal;}

#galerie > .img{height: 320px;}
#galerie > .img p, #team > .img p{margin-top: 10px; margin-left: 10px;}
#galerie > .img img, #team > .img img{margin-top: 10px;}

#galerie > .img p a, #team > .img p a{right: 10px; bottom: 10px;}

#twitter p{padding: 10px 10px 0px 10px;}
#twitter{height: 356px; overflow: invisible;}
.tweetdate{padding: 0px; margin-top: -13px; margin-bottom: 6px; font-size: 9px;}
#twitter hr{border:0; height: 1px; background: #fff;}

#membres p{padding: 10px; padding-bottom: 2px;}


#flashcontent{margin-top: 10px;}







/********** Titres **********/
#soiree h1, #events h1, #membres h1, #agenda h1, #twitter h1, #flickr h1, #flickr_horz h1, #club_left h1, #club_right h1, #social_icns h1, #menu_club h1{height: 55px;}

/* A gauche */
#soiree h1{width: 470px; background: url(../img/titres/soirees.png) top left no-repeat;}

#events h1, #membres h1{width: 310px;}
#events h1{background: url(../img/titres/events.png) top left no-repeat;}
#membres h1{background: url(../img/titres/membre.png) top left no-repeat;}

#agenda h1{width: 790px; background: url(../img/titres/agenda.png) top left no-repeat;}

/* A droite */
#twitter h1, #flickr h1{width: 150px;}
#twitter h1{background: url(../img/titres/infos.png) top left no-repeat;}
#flickr h1{background: url(../img/titres/photos.png) top left no-repeat;}

#flickr_horz h1{width: 470px; background: url(../img/titres/photos_soiree.png) top left no-repeat;}

#descri h1{
	display: block;
	height: 20px;
	line-height: 20px;
	background: url(../img/bg/date_agenda.png) top left repeat-x;
	font-size: 1.4em;
	margin-top: 25px;
}

#menu_club h1{background: url(../img/titres/club.png) top left no-repeat;}
h1.concept{background: url(../img/titres/concept.png) top left no-repeat;}
h1.soirees{background: url(../img/titres/liste_soirees.png) top left no-repeat;}
h1.membres{background: url(../img/titres/carte_membre.png) top left no-repeat;}
h1.commander{background: url(../img/titres/commande_carte.png) top left no-repeat;}
h1.situation{background: url(../img/titres/situation.png) top left no-repeat;}
h1.coordonnees{background: url(../img/titres/coordonnees.png) top left no-repeat;}
h1.social_title{background: url(../img/titres/social.png) top left no-repeat;}
h1.globull{background: url(../img/titres/globull.png) top left no-repeat;}
h1.presentation{background: url(../img/titres/presentation.png) top left no-repeat;}
h1.VIP{background: url(../img/titres/espaceVIP.png) top left no-repeat;}
h1.reservation{background: url(../img/titres/reservation.png) top left no-repeat;}
h1.pimp{background: url(../img/titres/deco.png) top left no-repeat;}
h1.ml{background: url(../img/titres/ml.png) top left no-repeat;}
h1.inscri{background: url(../img/titres/inscri.png) top left no-repeat;}

/***** F O O T E R *****/
#footer{
        clear: both;
        position: relative;
        left: -5px;
	margin-top: 10px;
        margin-bottom: 20px;
	background: transparent url(../img/bg/footer.png) top center no-repeat;
}

#footer div{
	float: left;
	margin: 10px;
	width: 130px;
}

#footer div.social ul{float: left; width: 130px;}

#footer div.social{width: 260px;}

#footer div p{
	width: 100%;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}

#impressum{position: absolute; right: 10px;}

#footer div#impressum p, #footer div#impressum a{
	width: 100%;
	color: #9c9e9f;
	border-bottom:none;
	margin-bottom: 10px;
}

#inventaire{
	font-variant: small-caps;
	font-size: 0.8em;
}



/* Ligne de base orange */
#bottom{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 20px;
	background: url(../img/bg/date_agenda.png) repeat-x;
	text-align: center;
	text-transform: uppercase;
	z-index: 10000000;
}
#bottom *{color: #000 !important; font-size: 9px !important; line-height: 20px;}
#bottom > p > *{margin: 0 180px;}
#bottom img{vertical-align: middle; margin-right: 5px;}





/* Formulaire */
form, fieldset{position: relative; height: 100%}
label{color: #000; font-weight: bold;}
label[for=cfNPA]{margin-right: 25px;}
label[for=cfAccept]{position: relative; top: 5px;}
input{width: 290px; margin-bottom: 5px; height: 17px; border: 0; padding-top: 3px;}
input[type=checkbox]{width: 17px; float: left;}
input:focus{box-shadow: 0px 0px 5px #e75012; -webkit-box-shadow: 0px 0px 5px #e75012; -moz-box-shadow: 0px 0px 5px #e75012;}
#cfNPA{width: 70px; float: left; margin-bottom: 0;}
#cfLocalite{width: 200px; float: right; margin-right: 10px;}
#cfContact{display: block; position: absolute; bottom: 15px; right: 0px; width: 75px; text-align: center; border: 1px solid #e75012; height: 25px; padding-bottom: 2px;}

#cfContact:hover{background: #e75012; font-weight: bold; color: #fff;}


.btn_soiree{margin-left: 5px; width:130px; opacity: 0.8;}
.btn_soiree:hover{opacity: 1;}



/****** C S S   3   A C T I V A T E   ! ! ! ******/
#photo .nfo{opacity: 0.3;}
#photo .nfo:hover{opacity: 1;}
.social li a img:hover{opacity: 0.75;}
#set img:hover{
	-moz-box-shadow:0 0 5px #E75012;
	box-shadow:0 0 5px #E75012;
	-webkit-box-shadow:0 0 5px #E75012;
	}

/*TEMP*/
h1, h3, h4{text-transform: lowercase;}
span > strong, span > em, .nfo em, p.date{text-transform: uppercase;}