/* --------------------------------------------------------------

	* layout.css

	* @type:    Screen
	* @langue:  Commun
	* @author:  CyberGénération

--------------------------------------------------------------- */


/* Font-face
--------------------------------------------------------------- */

	@font-face {
		font-family: 'BebasNeueRegular';
		src: url('fonts/BebasNeue/BebasNeue-webfont.eot');
		src: url('fonts/BebasNeue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/BebasNeue/BebasNeue-webfont.ttf') format('truetype'),
			 url('fonts/BebasNeue/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'PTSans';
		src: url('fonts/PT-Sans/PTS55F-webfont.eot');
		src: url('fonts/PT-Sans/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/PT-Sans/PTS55F-webfont.ttf') format('truetype'),
			 url('fonts/PT-Sans/PTS55F-webfont.svg#PTSansRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'PTSansBold';
		src: url('fonts/PT-Sans/PTS75F-webfont.eot');
		src: url('fonts/PT-Sans/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/PT-Sans/PTS75F-webfont.ttf') format('truetype'),
			 url('fonts/PT-Sans/PTS75F-webfont.svg#PTSansBold') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
/* Resets default browser CSS.
--------------------------------------------------------------- */

	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, code,
	del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
	  margin: 0;
	  padding: 0;
	  border: 0;
	  line-height: normal;
	  font-weight: inherit;
	  font-size: 100%;
	  font-style: inherit;
	  font-family: inherit;
	  vertical-align: baseline;
	}
		
	body {line-height: 1.25em;}	
	:focus {outline: none;}
	textarea {font-family:inherit; font-size:1em;}
	a img { border: none;}

	/* tables  */
	table { border-collapse: separate; border-spacing: 0;text-align: left;width: 100%; }
	caption, th, td { text-align: left;font-weight: normal;}
	table, td, th { vertical-align: top;}


/* @Base tags
--------------------------------------------------------------- */
	
	body, table, input, textarea, select {
		font:14px/150% 'PTSans', Verdana, Geneva, sans-serif;
		color:#000;
	}
	
	html {
		background:#e6e7e8 url(img/bg-html.jpg) left top repeat-x;
		overflow-y:scroll;
	}
	
	body {
		background:url(img/bg-2011.jpg) center top no-repeat;
		min-width:980px;
	}
	
	a {text-decoration:none;}
	a:hover {text-decoration:underline;}

	.content_holder ul { margin:0 0 15px 20px;}

	strong {font-family:Arial; font-size:13px; }

/* @Structure
--------------------------------------------------------------- */

	#f {
		position:relative;
		width:960px; 
		margin:0 auto;
		padding:0;
	}
	#f a {color:#ff7c42;}
	#f a:hover {color:#535354;}
	
	#h { 
		width:100%; position:relative;
		padding-top:292px;
	}
	
	#c {
		width:960px;
		overflow:hidden;
		background:#d8dadb;
		padding:14px 0 0;
		margin:0 0 10px;
	}
	
	.content_holder { margin:10px 25px; }
	
	#footer {
		display:block; clear:both; float:none;
		margin:0 0 30px; padding:6px 0 0;
		font-size:12px; color:#535354;
		text-align:right;
		border-top:1px solid #535354;
	}
	#footer a {color:#535354; text-decoration:underline;}
	#footer a:hover {color:#ff7c42; text-decoration:none;}
	
	#m { 
		position:relative; float:left;
		width:698px; margin: 0 10px 10px;
		background:#fff; color:#58595b;
	}
	#m.noBg { 
		background:transparent none;
		padding:0; width:707px;
	}
	
	#s {
		width:192px;
		margin-left:4px;
		float:right;
	}
	#s .content_holder { margin:8px 10px; }
	#s .subMenu 		{ list-style:none; margin:10px; }
	
	
	.box { 
		padding:4px; overflow:hidden;
	}
	 			
	.light 				{ margin-top:4px; }
	.light:first-child	{ margin-top:0; }
	.dark 				{ border-top:4px; }
	.dark:first-child 	{ border-top:0; }
	
	#m .box:first-child { margin-top:0; background:none;}
	
	.dotted 			{ margin-top:10px; padding-top:10px; }
	.dotted:first-child	{ border:0 !important; margin-top:5px; padding-top:0; }
	
	.minH 				{ min-height:450px;}
	.col-h 				{ float:left; width:50%;}
	.col-q1 			{ float:left; width:25%;}
	.col-q3 			{ float:left; width:75%;}
	
	.hidden 			{ visibility:hidden;}
	.clear 				{ clear:both; float:none; display:block;}
	.none 				{ display:none;}
	.noBorder 			{ border:0 !important;}

/* @Header and menus
--------------------------------------------------------------- */
	
	#h a { color:#fff; text-decoration:none;}
	#h a:hover, #h .selected a { color:#ff7c42; }
	
	#logo {margin:0;}
	#logo a	{ 
		background:url(img/logo.png) center top no-repeat;
		display:block; 
		width:204px; height:155px;
		text-indent:-9999px;
		position:absolute; top:71px; left:-6px;
	}
	
	#decompte-termine {
		background:url(img/decompte-termine.png) 0 0 no-repeat;
		display:block; width:229px; height:146px;
		position:absolute; left:228px; bottom:152px;
		text-indent:-9999px;
	}
	#decompte-termine:hover {background-position:left bottom;}
	
	#nouveau-spectacle {
		background:url(img/nouveau-spectacle.png) 0 0 no-repeat;
		display:block; width:377px; height:212px;
		position:absolute; left:-212px; top:0;
		text-indent:-9999px;
	}
	
	#twitter,
	#facebook {
		display:block; width:24px; height:24px;
		position:absolute; top:300px;
		text-indent:-9999px;
	}
	#twitter:hover,
	#facebook:hover {background-position:left bottom;}
	#facebook {background:url(img/facebook.gif) left top no-repeat; right:36px;}
	#twitter {background:url(img/twitter.gif) left top no-repeat; right:6px;}
	
	/* not logged in */
	#abonne-toi {
		background:url(img/abonne-toi.png) left top no-repeat;
		display:block; width:106px; height:61px;
		position:absolute; left:208px; bottom:176px;
		text-indent:-9999px;
	}
	#abonne-toi:hover {background-position:left bottom;}
	
	/* logged in */
	#salutation { 
		font:12px 'PTSans', Verdana, Helvetica, Arial;
		color:#fff; width:325px; height:100px;
		position:absolute; left:228px; bottom:152px;
	}
	#salutation a { color:#ff7c42; white-space:nowrap;}
	#salutation a:hover {color:#fff;}
	
	#salutation p.name {position:absolute; bottom:0; margin-bottom:25px; line-height: 14px;}
	#salutation .hr { 
		border-top:1px solid #717274;
		margin:5px 0 0; padding:2px 0 0;
		position:absolute; bottom:0; width:100%;
	}
	#salutation .hr a { color:#fff; text-decoration:underline; font-size: 13px; }
	#salutation .hr a:hover { color:#ff7c42; text-decoration:none;}
	
	/* MENUS */
	#mainMenu {
		font-family:'BebasNeueRegular', Impact, Helvetica, Arial;
		font-size:15px; text-transform:uppercase; 
		height:84px;
		position:relative; left:-7px;
	}
	#mainMenu a { display:block; outline:none !important;}
	#mainMenu li { display:inline; float:left; }	
	
	/* Filtres */
	#filters { 
		width:306px; float:left;
		font-size:22px;
	}
	#filters li { padding-left:6px; }
	#filters li:first-child { padding-left:6px; }
	#filters a { color:#ff7c42; }
	#filters a:hover,
	#filters .selected {color:#fff;}
	#filters a span { display:block; padding:8px 9px 6px 2px; line-height:28px;}

	#filters .selected {
		background:url(img/bg-tab-left.png) left top no-repeat;
	}
	#filters .selected a {
		background:url(img/bg-tab-right.png) right top no-repeat;
		color:#fff;
	}
	
	/* Sort */
	#sort { 
		position:absolute; 
		top:50px; left:7px;
		clear:both; float:none;
		margin:0;
	}
	#sort a { overflow:hidden; margin-right:5px; padding-left:3px;}
	
	#sort span { display:block; padding:4px 6px 4px 4px;}
	#sort a:hover {color:#4e4f50;}
	
	#sort .selected { 
		background:url(img/bg-sort-left.png) left top no-repeat;
		color:#fff !important;
	}
	#sort .selected span {
		background:url(img/bg-sort-right.png) right top no-repeat;
	}
	
	/* petit menu */
	#quickMenu {/*width:375px;*/ float:left; margin-top:3px;}
	#quickMenu span {display:block; padding:10px 6px 2px;}
	#quickMenu .ljclub span {
		background:url(img/quickMenu-ljclub.gif) 6px top no-repeat;
		padding:14px 6px 1px 24px;
		height:17px;
		margin-top:-4px;
	}
	#quickMenu .ljclub.selected span {background-position:6px bottom;}
	#quickMenu .ljclub:hover span {background-position:6px center; cursor:pointer;}
	#quickMenu .ljclub:hover a {color:#ff7c42;}
	
	#quickMenu .selected a {color:#97999a;}
	
	/* Bouton "consultez les dates de tournée" ************/
	
	#consultez-tournee {
		background:url(img/btn-consultez-tournee.png) 0 0 no-repeat;
		width:240px;
		height:38px;
		display:block;
		position:absolute;
		top:263px;
		left:206px
	}
	
	/* Bouton se connecter */
	
	#se-connecter  {
		background:url(img/btn-se-connecter.png) top left no-repeat;
		width:106px;
		height:24px;
		display:block;
		position:absolute;
		top:200px;
		left:208px;
	}
	
	#se-connecter:hover { background-position: bottom left; }
	

/* @Typography & generic classes
--------------------------------------------------------------- */
	
	#m .mainTitle,
	#f .mainTitle {
		font:30px/32px 'BebasNeueRegular', Impact, Helvetica, Arial;
		text-transform:uppercase; color:#272829;
		padding-top: 4px;
	}
	.content_holder > .mainTitle {margin-top:15px;}
	
	#m h3 { 
		font:24px 'BebasNeueRegular', Impact, Helvetica, Arial;
		text-transform:uppercase; 
		margin:4px 0 2px; 
	}
	#m h3 a		{ font-weight:normal; }
	
	#m h4 		{ font-size:18px; }
	
	#m .subTitle { 
		font-size:18px; color:#272829;
		font-weight:normal;
	}
	
	#m p { margin:0 0 1em; }
	
	#m .bar {
		font-size:11px;
		font-weight:normal;
		display:block;
		padding: 4px 8px;
		margin:10px 0 15px;
		color:#fff; background:#2c2a25;
	}
	
	#m .bar a 			{ color:#fff;}
	#m .bar a:hover		{ color:#00a6e8;}
	
	#m h2 .big { font-size:64px; color:#fff; font-weight:bold; line-height:1em;}
	.important { font-size:13px; color:#ff7c42; font-weight:bold; line-height:1em;}
	.highlight { color:#ff7c42;}
	
	.arrowLink { 
		font-family:AvantGarde Book, Futura, Century Gothic, sans-serif;
		font-size:18px; 
		font-weight:normal;
		padding-left:14px;
		margin-left:25px;
	}
	.dark .arrowLink {background:url(img/arrow-light.png) 0 3px no-repeat;}
	.light .arrowLink {background:url(img/arrow-dark.png) 0 3px no-repeat;}
	
	#s h2 {
		font-family:AvantGarde Book, Futura, Century Gothic, sans-serif;
		font-size:19px;
		font-weight:normal;
		margin:8px 0 0 10px;
	}
	
	.btn		{ background-position:left top; }
	.btn:hover 	{ background-position:left bottom; }
	
	.none 		{ visibility:hidden; height:0px; }
	.left 		{ float:left; }
	.right		{ float:right; }
	.txtCenter  { text-align:center;}
	.clear 		{ display:block; clear:both; float:none; margin-top:4px;}
	
	
	
/* @Templates
--------------------------------------------------------------- */

	/* #Basic grid
	---------------------------------------------------------- */
	#m #elements {width:auto;}
	
	#elements {
		list-style:none;
		padding:0 0 10px; margin:0 0 0 -2px;
		width:960px;
		overflow:hidden;
	}
	#elements .element {
		float:left; position:relative;
		margin:0 0 40px 15px;
		width:222px; height:239px;
		background:#e7e8e9;
		overflow:hidden;
	}
	
	/* 
	Vertical + Horizontal centering of unknown elements in a floated clipping container.
	I'll need an old priest, a young priest and holy water.
	Addendum : Fuck the vertical for now.
	*/
	#elements .element .img {
		position:relative; 
		right: -50%;
		float:left;
	}
	#elements .element img {
		position:relative; 
		right:50%;
	}
	/* Exorcism EOF */
	
	#elements .element .hover {
		background: url(img/overlay-element.png);
		position:absolute; left:0; top:0;
		width:222px; height:222px;
		display:none; color:#000;
	}
	#elements .element:hover .hover {display:block; }
	
	/* block details */
	.element a {text-decoration:none;}
	.element .type {
		font-family:'BebasNeueRegular', Impact, Helvetica, Arial;
		text-transform:uppercase;
		font-size:26px;
		color:#fff;
	}
	.element .comments,
	.element .hover span {
		display:block; color:#FFF;
		text-decoration:none;
		position:absolute;
		padding:3px 0 10px;
		font-size:11px;
	}
	.element .hover span { color:#000;}
	.element .hover .count-views {right:91px; bottom:9px; }
	.element .hover .count-likes {
		right:50px; bottom:12px;
		background:url(img/icon-like.png) center 0 no-repeat;
		width:30px; height:12px;
		text-align:center;
	}
	.element .comments,
	.element .hover .count-comments {
		right:12px; bottom:11px;
		background:url(img/icon-comments.png) center top no-repeat;
		width:30px; height:12px;
		text-align:center; 
	}
	.element .hover .count-comments {
		background-position:left bottom; 
		bottom:12px; width:28px;
	}
	
	.element .hover .fans-only {
		background:url(img/fans-only.gif) center top no-repeat;
		width:184px; height:49px; padding:0;
		bottom:88px; right:12px;
		text-indent:-9999px;
	}
	body #elements .element .date {
		background:#2c2d2e;
		display:block; width:206px; height:12px;
		font-family:'PTSans', Verdana, Geneva, sans-serif;
		font-size:11px; color:#fff;
		position:absolute; left:0; bottom:-20px;
		margin:0; padding:1px 8px 7px;
	}
	
	/* videos and photos */
	.element .infos {
		background: url(img/overlay-infos.png);
		color:#fff;
		position:absolute; left:0; bottom:17px;
		width:208px; height:63px; 
		padding:7px;
	}
	
	/* blogue */
	.element.blogue .infos {background:transparent none;}
	
	.element.blogue .type {color:#2c2d2e;}
	.element.blogue .infos {
		height:208px;
		position:static;
		color:#2c2d2e;
	}
	.element.blogue .excerpt,
	.element .titre {
		font:13px/120% 'PTSans', Verdana, Geneva, sans-serif;
		margin:-2px 0 0;
	}
	
	.element.blogue {font-family:'PTSans', Verdana, Geneva, sans-serif;}
	.element.blogue .excerpt { margin-top:3px; }
	#elements .element.blogue .titre { 
		display:block; clear:both; 
		font-size:24px; line-height:1em; 
		text-decoration:none; color:#58595b;
	}
	body #elements .element.blogue .date {bottom:-3px;}
	.element.blogue .comments { position:absolute; top:7px; right:7px; font-weight:bold; }
	
	/* spectacle */
	.element.spectacle .infos {height:250px;}
	#elements .element.spectacle .hover,
	#elements .element.spectacle {height:277px;}
	
	.element.spectacle .infos {
		background:#e7e8e9;
		position:static;
	}
	.element.spectacle.full .infos {background:url(img/spectacle-complet.png) right bottom no-repeat;}
	
	.element.spectacle .phone,
	.element.spectacle .date-spectacle {
		font-family:'BebasNeueRegular', Impact, Helvetica, Arial;
		font-size:29px; color:#272829;
		text-transform:uppercase;
		margin-bottom:-15px;
	}
	.element.spectacle .date-spectacle .big {font-size:60px; }
	.element.spectacle .ville,
	.element.spectacle .salle,
	.element.spectacle .address,
	.element.spectacle .supplementaire {
		font-family:'PTSans', Verdana, Geneva, sans-serif;
		font-size:13px; color:#58595b;
		margin:0;
	}
	.element.spectacle .salle { margin-top: -5px; }
	.element.spectacle .ville {font-size:22px; line-height:27px; }
	.element.spectacle .supplementaire { font-weight: 14px; color: #fff; background: #000; text-align: center; width: 106px; line-height: 18px; }
	
	.holder-achat-billet {
		border-top: 1px solid #000;
		position:absolute; left:7px; bottom:13px;
		width: 208px;
		padding-top: 10px;
	}
	
	.btn-achat-billet {
		background:url(img/btn-achat-billet.png) 0 0 no-repeat;
		display:block; width:100px; height:24px; padding:0 !important;
		margin: 0 auto;
		text-indent:-9999px;
	}
	.hover .btn-achat-billet { background-position:left bottom; left: 61px; bottom:13px;}
	
	.element.spectacle .address { margin:10px 0; }
	.element.spectacle .address p { line-height: 16px; }
	.element.spectacle .phone { font-size:24px; line-height:22px; color:#58595b; margin:0; }
	.element.spectacle .legend {
		color: #58595B;
		font-family: 'PTSans',Verdana,Geneva,sans-serif;
		font-size: 11px;
		margin: 0;
	}
	/* pager */
	#pager {
		text-align:right;
		padding:15px 0 0; margin:0;
		background:#e6e7e8;
	}
	#pager a {
		color:#535354; text-decoration:none;
	}
	#pager .current {color:#000;}
	#pager .prev,
	#pager .next,
	#pager a:hover {color:#ff7c42;}
	
	/* #template bio
	---------------------------------------------------------- */	
	#bio .title-holder {
		background:#231f20; color:#fff;
		padding:10px 25px;
	}
	#bio .mainTitle {color:#fff;}
	#m .content_list { list-style:none; padding:0; margin:0;}
	#m .content_list ul { list-style:disc; margin:0 0 15px;}
	#m .content_list li { margin:0 25px; }
	#m .content_list > li {
		background:#ffffff url(img/grad-box.png) center top no-repeat;
		padding: 20px 0 10px; margin:0 25px; overflow:hidden;
		border-top:1px solid #ccc;
	}
	#m .content_list > li:first-child {border:0;}
	#m .content_list em {font-style:italic;}
	
	/* #template thanks
	---------------------------------------------------------- */	
	#cThanks .title-holder {
		background:#231f20; color:#fff;
		padding:10px 25px;
	}
	#cThanks .mainTitle {color:#fff;}
	#cThanks .arrowLink { margin-left: 0; padding: 0; }
	
	/* #template tournee
	---------------------------------------------------------- */	
	#cTournee .content_holder { margin: 10px 13px; }
	
	.box-tournee { 
		background:url(img/box-tournee.gif) 0 0 no-repeat;
		width:520px; height:45px; color:#bababa;
		padding: 10px 10px 0 70px; margin:0 13px 13px;
	}
	.box-tournee p {margin:0;}
	
	/* #template blogue
	---------------------------------------------------------- */
	#cBlogue #post ul,
	#cBlogue #post ol { padding-left:20px;}
	
	.icon-rss 	{ 
		background:url(img/feed.png) left top no-repeat; 
		display:block; width:35px; height:31px; 
		position:absolute; right:25px; top:20px;
		text-indent:-9999px;
	}
	
	#m .medias ul { 
		list-style:none; 
		margin:0; padding:3px 15px 0 0; 
	}
	.medias .big-link {
		background:url(img/link-bullet.gif) left 5px no-repeat;
		padding-left:10px; margin:4px 0 8px -8px;
		font-size:18px;
	}
	
	.medias a.big-link:hover,
	.medias span.big-link {background-position: left -56px;}
	
	
	.medias a { 
		font-weight:normal; 
		text-decoration:underline;
	}
	.medias .pager {font-size:18px;}
	
	/* members only */
	#m .medias { margin:10px 25px 20px; }
	#m .medias .icons {
		background:#f0eeef;
		padding:10px 20px;
	}
	#m .medias h4 { 
		display:block;
		color:#fff; font-size:16px;
		background:#ff7c42; 
		padding: 4px 8px;
		margin:10px 0 0;
	}
	
	/* #template videos, diapo et blog
	---------------------------------------------------------- */
	
	/* GENERIC
	---------------------------------------------------------- */
		/* title & boxes */
		.cMedias #m .title-holder {
			background:#231f20; color:#fff;
		}
		.cMedias #m .title-holder .date {margin:-5px 0 0;}
		
		.cMedias #m .box-padding {
			overflow:hidden;
			position:relative;
			padding:10px 25px;
		}
		.cMedias #m .title-holder .mainTitle { text-transform:uppercase;font-size:30px; color:#fff; padding-top: 0; line-height: normal; }
		.cMedias #m .title-holder .subTitle { text-transform:uppercase;font-size:26px; color:#fff;}
	
	
		/* stats */
		.cMedias #m #infos { background:#eceded; padding: 6px 25px;}
		.cMedias #m #infos span {
			display:block; float:right; 
			padding:4px 0 9px; margin:2px 10px 0 0;
			font-size:11px; color:#000;
			text-decoration:none;
		}
		.cMedias #m #infos .count-views { padding:5px 0 0; }
		.cMedias #m #infos .count-likes {
			background:url(img/icon-like.png) left top no-repeat;
			width:26px; height:12px;
			text-align:center;
		}
		.cMedias #m #infos .count-comments {
			background:url(img/icon-comments.png) left bottom no-repeat;
			width:27px; height:12px;
			text-align:center; 
		}
		.cMedias #m .btn-fb {float:left; text-align:left; margin-left:10px;}
	
		.cMedias #m #player {width:640px; height:360px; margin:1px;}
			
		/* comments */
		.cMedias #comments {overflow:hidden;}
		.cMedias #comments .title-holder { background:#fff;}
		.cMedias #comments .title-holder .subTitle { color:#ff7c42; font-size:24px;}
		.cMedias #comments ul {list-style:none; padding:0; margin:0;}
		.cMedias #comments li {
			background:#ffffff url(img/grad-box.png) center top no-repeat;
			padding: 20px 0 10px; margin:0 25px; overflow:hidden;
			border-bottom:1px solid #ccc;
		}
		.cMedias #comments li.lj {
			background:#d8dadb url(img/avatar-ljh.png) 25px 20px no-repeat;
			padding:15px 20px 10px 160px; margin:-1px 25px 10px;
		}
		.cMedias #comments li .date {margin:10px 0; font-size:12px;}
		.cMedias #comments li .date strong {font-size:14px;}
		.cMedias #m .btn-comment {
			background:url(img/btn-comment.png) left top no-repeat;
			display:block; width:192px; height:29px;
			text-indent:-9999px;
			float:left;
		}
		.cMedias #m .btn-comment:hover {
			background-position:left bottom;
		}
		
		/* Éléments similaires */
		.cMedias #m #similar {
			position:relative;
			overflow:hidden; 
			padding:8px;
		}
		.cMedias #m #similar h3 { margin: 2px 0 4px; }
		.cMedias #m #similar #elements { margin:0 0 0 -8px;}
		.cMedias #m #similar #elements .element { margin:0 0 10px 8px;}
	
	/* BLOGUE
	---------------------------------------------------------- */
		#cBlogue #comments .title-holder {
			background:#231f20; color:#fff; 
			padding:5px 25px;
		}
		
	/* VIDEOS
	---------------------------------------------------------- */
		.cMedias #m #player_holder {
			background:#231f20;
			padding-top:30px;
		}
		
	/* DIAPOS
	---------------------------------------------------------- */
		.cMedias #m .title-holder #desc {
			margin:6px 0 10px;
			padding:6px 0 0;
			border-top:1px solid #79797a;
			line-height:1.1;
		} 
		
		.cMedias #m #diapo_holder {
			background:#231f20;
			padding:30px 25px 0;
		}
	
		.cMedias #m #slideshow { 
			position:relative;
			width:640px; text-align:center;
		}
		.cMedias #m #slideshow .prev,
		.cMedias #m #slideshow .next {
			position:absolute; top:200px;
			margin-top: -35px; 
			width: 49px;
			height: 71px;
			text-indent: -9999px;
			border: 0;
		}
		.cMedias #m #slideshow .prev {left:-9px; background: url(img/btn-prev.png) 0 0 no-repeat;}
		.cMedias #m #slideshow .next {right:-9px; background: url(img/btn-next.png) 0 0 no-repeat;}
		
		.cMedias #m #slideshow a:hover { background-position: bottom; }
	
		/* thumbnails */
		.cMedias #images {
			list-style:none; padding:0; margin:0 0 10px;
			overflow:hidden;
			margin-left:-8px;
		}
		.cMedias #images li {
			display:block; float:left;
			height:123px; width:123px;
			overflow:hidden;position:relative; 
			margin: 8px 0 0 8px;
		}
		.cMedias #m #images a {
			position:relative; 
			right: -50%;
			float:left;
		}
		.cMedias #m #images img {
			position:relative; 
			right:50%;
		}
			
		.cMedias #images a.selected img,
		.cMedias #images a:hover img{ 
			filter: alpha(opacity=10); opacity: 0.1;
		}
		
	/* #template extras
	---------------------------------------------------------- */
	#extras .title-holder {
		background:#231f20; color:#fff;
		padding:10px 25px;
	}
	#extras .mainTitle {color:#fff;}
	
	#extras .element {height:222px;} /* damn */
	#extras .element .type {
		display:block; position:static;
		font:24px 'BebasNeueRegular', Impact, Helvetica, Arial;
		text-transform:uppercase; color:#ff7c42;
		margin:10px;
	}
	#extras .element a {display:block; margin-left:10px;}
	#extras .element a:hover {color:#000;}
	
	/* #template boutique
	---------------------------------------------------------- */
	/* listing */
	#boutique .element {height:239px;}
	#boutique .element .infos,
	#boutique .element .hover {height:100%;}
	#boutique .element .infos {
		background:#e7e8e9; 
		position:static;
	}
	
	#boutique .element img {
		display:block; position:static;
		margin:5px auto 0;
	}
	#boutique .infos .type {color:#272829;}
	#boutique .infos .titre {
		color:#58595b; 
		font-size:18px; 
		line-height:20px;
		min-height:40px;
	}
	
	/* books */
	#boutique .title-holder {
		background:#231f20;
		padding:10px 25px 10px 220px;
	}
	#boutique .title-holder .mainTitle {color:#fff;}
	#boutique .title-holder p { margin:0;}
	
	#boutique .content_holder {margin:0 15px;}
	#boutique .content_holder img { float:left; margin-top:-45px; }
	#boutique .content_holder .desc {
		float:left; width:425px;
		padding:10px 25px 10px 35px;
	} 
	#boutique .price { font-size:18px; color:#231f20; margin:0;}
	#boutique .price strong {
		font:34px 'BebasNeueRegular', Impact, Helvetica, Arial;
		font-weight:normal;
	}
	
	#boutique .btn-acheter {
		background:#ffa462 url(img/bg-btn-acheter.jpg) left top repeat-x;
		border:1px solid #ff7a38; outline:0px none; color:#231f20;
		font:18px 'BebasNeueRegular', Impact, Helvetica, Arial;
		text-transform:uppercase; text-align:center; text-decoration:none;
		line-height:20px !important; 
		display:block; width:95px;
		padding:3px 10px 1px;
		margin:0 0 15px;
	}
	#boutique .btn-acheter:hover {
		color:#fff; cursor:pointer;
	}
	#boutique .content_holder .row {margin-left:185px;}
	#boutique .content_holder img.left {margin:0 5px 0 0;}
	#boutique .desc ul,
	#boutique .desc ol {margin-left:20px;}
	
	/* tshirts specific */
	#boutique.tshirt .title-holder { padding-left:25px; color:#fff;}
	#boutique.tshirt .price { float:left;}
	#boutique.tshirt .desc { padding:0; width:100%;}
	
	#boutique #m .tshirt-box { 
		background:url(img/bg-tshirt.jpg) left bottom repeat-x;
		padding:10px 25px;
	}
	#boutique.tshirt .tshirt-box img { 
		display:block; float:none; 
		margin:15px auto;
	}
	
	#boutique #m .quickForm {
		display:block; overflow:hidden; 
		border-bottom:1px solid #000;
		padding:5px 25px;
	}
	#boutique #m .quickForm form { width:500px; float:right;}
	#boutique #m .quickForm fieldset { 
		border:0; padding:0; margin:0; 
		float:right;
	}
	
	#boutique #m .quickForm label,
	#boutique #m .quickForm select,
	#boutique #m .quickForm .btn-acheter {
		float:left; line-height:30px;
		vertical-align:middle;
		margin:3px 0 0 10px;
	}
	#boutique #m .quickForm select {margin-top:7px; }
	
	/* #template presse
	---------------------------------------------------------- */
	.element.presskit .infos {
		background:#e7e8e9; 
		position:static;
		height:208px;
		background-position:right bottom;
		background-repeat:no-repeat;
	}
	.element.presskit .type {font-size:30px; color:#272829;}
	.element.presskit .date-spectacle .big {font-size:60px; }
	.element.presskit .titre {
		font-size:22px; line-height:26px;
		margin:0 0 -5px; color:#58595b;
	}
	body #elements .element.presskit .date {bottom:-3px;}
	
	.element.pdf .infos { background-image:url(img/icon-pdf.png);}
	.element.photo .infos { background-image:url(img/icon-diapo.png);}
	.element.audio .infos { background-image:url(img/icon-audio.png);}
	
	/* uh ho. y'en a jamais mis, mais le feature existe et ça suffit à m'inquiéter */
	.icon-page	{ background:url(../images/icone/page.gif) left top no-repeat; }
	.icon-pdf 	{ background:url(../images/icone/page_white_acrobat.gif) left top no-repeat;}
	.icon-doc 	{ background:url(../images/icone/page_word.gif) left top no-repeat;}
	.icon-xls 	{ background:url(../images/icone/page_excel.gif) left top no-repeat;}
	.icon-pic 	{ background:url(../images/icone/picture.gif) left top no-repeat;}
	.icon-snd 	{ background:url(../images/icone/sound.gif) left top no-repeat;}
	.icon-vid 	{ background:url(../images/icone/film.gif) left top no-repeat;}
	
	/* #template iframe
	---------------------------------------------------------- */
	#iframe {
		background:#e6e7e8 none;
		overflow:auto !important;
	}
	#iframe body { 
		min-width:0;
		background:#e6e7e8 none;
	}
	#iframe #m {
		background:transparent none;
		width:auto;
		float:none;
		padding:15px; margin:0;
	}
	#iframe #m p {margin:0 0 10px;}
	#iframe .content_holder { margin:8px 0 15px;}
	#iframe.dark .content_holder { margin:-8px 0 15px;}
	
	#iframe a { color:#ff7c42; text-decoration:none;}
	#iframe a:hover { color:#272829; text-decoration:underline;}
	
	
	#iframe.dark,
	#iframe.dark body{ background:#231f20; font-size:16px; }
	#iframe.dark #m { margin:30px auto 0; color:#fff;}
	
	#iframe.dark .mainTitle {color:#ff7c42;}
	#iframe.dark label,
	#iframe.dark a:hover {color:#fff; text-decoration:none;}
	
	#iframe #sComment { color:#000; width:380px; padding:5px;}
	
	/* # Réalité augmentée nouveau spectacle
	---------------------------------------------------------- */
	#ra { background:#000 url(img/bg-noir.jpg) center top repeat-x;}
	#ra body {margin:0; padding:0;}
	#ra body {
		min-width:0;
		background:transparent none;
		overflow:auto !important;
	}
	#ra #m  { 
		background:transparent none;
		width:524px; margin:100px auto; 
		position:relative; float:none;
	}
	#ra .actions {
		position:absolute;
		right:0; top:370px;
	}
	#ra .actions a {
		display:block; width:144px; height:24px;
		padding:3px 8px 3px 16px; 
		background:url(img/btn-noir.png) no-repeat;
		font:21px 'BebasNeueRegular', Impact, Helvetica, Arial;
		color:#464646; text-decoration:none;
	}
	#ra .actions a:hover {background-position:left bottom;}
	
	#ra .notLogged {
		background:#000; width:524px; height:128px;
		font-size:18px; color:#fff;
		text-align:center; padding-top:200px;
	}
	#ra .notLogged a {color:#ff7c42;}
	#ra .notLogged a:hover {color:#fff;}
	
	/* #template forms
	---------------------------------------------------------- */
	#cForm .title-holder {
		background:#231f20; color:#fff;
		padding:10px 25px;
	}
	#cForm .mainTitle {color:#fff;}
	
	#cForm p.subTitle{
		font-size:24px; color:#2c2d2e;
		font-weight:normal;
	}
	#cForm .important {color:#2c2d2e;}
	
	.form .content_holder {overflow:hidden;}
	.form fieldset {padding: 15px 0 0;}
	.form fieldset:first-child {padding: 0;}
	.form .legend {
		display:block; background:url(img/bg-grad.jpg) left bottom repeat-x;
		font:30px 'BebasNeueRegular', Impact, Helvetica, Arial;
		text-transform:uppercase; color:#231f20;
		padding:10px 25px; margin:0;
	}
	
	.form #btn-subscription {  font: 12px Verdana,Geneva,sans-serif; text-transform:none; }
	.form #btn-subscription .space { margin: 0; }
	
	.form label { 
		display:block; font-size:18px; margin-top:6px;
	}
	.form input, .form select 	{ color:#000;}
	
	.form .row 					{ overflow:hidden; clear:both; margin:4px 0;}
	.form .col 					{ width:45%; padding-right:5%; float:left;}
	.form .space 				{ margin-top:20px;}
	
	.form input 				{ padding:3px;}
	input[type=file] 			{ width:300px}
	
	.form input[type=text],
	.form input[type=password] { 
		background:#f7f7f7 url(img/bg-input.gif) left top repeat-x;
		width:261px; padding:3px 10px;
		border:1px solid #a9aaa9;
		border-top:1px solid #424242;
		border-bottom:1px solid #d6d7d6;
	}
	.form input[type=text].left { margin-right:10px; } 
	
	.form label.radio { 
		width:auto; display:inline; margin-right:10px;
	}
	.form input[type=radio] { 
		width:auto; margin-right:5px;
	}
	
	.form .btn-holder {
		text-align:center;
		padding:6px 25px;
		margin:10px 0 0;
	}
	.form .btn-holder button 	{ margin:5px 0;}
	
	textarea {resize:none;}
	
	
	input[type=button],
	input[type=submit],
	button,
	#m .button {
		background:#f1f1f1 url(img/bg-btn.jpg) left top repeat-x;
		border:1px solid #d0d0d0; color:#231f20;
		font:18px 'BebasNeueRegular', Impact, Helvetica, Arial;
		text-transform:uppercase;
		line-height:22px; 
		padding:3px 10px 1px;
		margin:0 0 0 4px;
	}
	input[type=button]:hover,
	input[type=submit]:hover,
	button:hover,
	#m .button:hover {
		color:#ff7c42 !important; cursor:pointer;
		outline:none; text-decoration:none
	}
	#m .button {display:block; float:left;}
	.btn-holder .button 	{ margin-left:45%;}
	
	.centerFloats div {
		position:relative; 
		right: -50%;
		float:left;
	}
	.centerFloats div a {
		position:relative; 
		right:50%;
	}
	
	.btn-deja-inscrit {
		background:url(img/btn-deja-inscrit.png) left top repeat-x;
		display:block; width:210px; height:38px;
		text-indent:-9999px;
	}
	.btn-deja-inscrit:hover {background-position: left bottom; }
	
	/* vieux stock */
	#cParis .content_holder { margin-right: 0; }
	
	#cParis .content_holder h3 {
		color: #2e231b;
		font-size: 23px;
		margin: 5px 0;
	}
	
	#cParis .content_holder p {
		margin: 0;
		color: #00a6e8;
		font-size: 16px;
	}
	
	.modify-password .form { width: 261px; }
	.modify-password .form #btnSubmit { margin: 0; }