/* Design & CSS: NSH DESIGNS -  SEPTEMBER 2011 */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
	{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		list-style-type: none;
		text-decoration: none;
	}
	
body
	{
		margin: 0;
		padding: 0;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #666666;
		background: #fff url(../img/bg-body.png) repeat-x 0 0;
	}
	
body.sub
	{
		background: #fff url(../img/bg-body.png) repeat-x 0 -35px;
	}
	
a
	{
		color: #ff5eff;
	}

a:hover
	{
		color: #666666;
	}

#top-bg
	{
		background: url(../img/bg-top.jpg) no-repeat center top;
		height: 23px;
		margin: 0 auto 0 auto;
	}

#wrapper
	{
		width: 960px;
		margin: 60px auto 0 auto;
		clear: both;
	}

#wrapper #header
	{
		clear: both;
		padding-bottom: 20px;
	}
	
#wrapper #header #ak
	{
		float: left;
		width: 420px;
		padding-bottom: 20px;
	}
	
#wrapper #header #links
	{
		float: right;
		width: 440px;
		padding-top: 40px;
	}
	
#wrapper #header #links #fb-root
	{
		float: right;
		clear: none;
	}
	
#wrapper #header .fb-like
	{
		clear: none;
		width: 60px;
		padding-top: 20px;
	}
	
#wrapper #header .fb-like iframe
	{
		width: 100px !important;
	}
	
#wrapper #header #links p
	{
		float: left;
		margin-right: 60px;
		font-size: 20px;
		border-right: 1px solid #ccc;
		padding-right: 20px;
	}
	
#wrapper #header #links img
	{
		padding-top: 10px;
	}
	
#wrapper #intro
	{
		height: 420px;
		background: #ff9bff url(../img/bg-intro.jpg) no-repeat left top;
		margin-top: 30px;
		clear: both;
		border-bottom: 6px solid #ff9bff;
	}
	
body.sub #wrapper #intro
	{
		height: 80px;
		background: #ff9bff url(../img/bg-intro-sub.jpg) no-repeat 0 0;
		margin-top: 30px;
		clear: both;
		border-bottom: 6px solid #ff9bff;
	}
	
body.sub #wrapper #intro p
	{
		padding: 24px 20px 20px 36px;
		font-size: 28px;
		color: #e2e2e2;;
	}
	
#wrapper #intro-copy
	{
		padding: 40px 0 20px 50px;
		float: left;
		width: 350px;
		color: #fff;
	}
	
#wrapper #intro-copy h4
	{
		color: #ff9bff;
		font-size: 22px;
		line-height: 24px;
		font-weight: normal;
		margin-bottom: 30px;
	}
	
#wrapper #intro-copy h3
	{
		color: #fff;
		font-size: 28px;
		line-height: 34px;
		font-weight: normal;
		margin-bottom: 30px;
	}
	
#wrapper #intro-copy p
	{
		color: #fff;
		font-size: 20px;
		line-height: 20px;
		font-weight: normal;
		margin-bottom: 10px;
		border-bottom: 1px solid #787878;
		padding-bottom: 10px;
	}
	
#wrapper #intro-copy a:hover
	{
		color: #fff;
	}
	
#wrapper #intro-img
	{
		padding: 25px 0 0 0;
	}
	
#wrapper #intro-img img
	{
		padding-left: 70px;
	}
	
#wrapper #news
	{
		background: url(../img/bg-actus.png) no-repeat left top;
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 30px;
		margin-bottom: 60px;
	}
	
#wrapper #news ul
	{
		font-size: 24px;
		padding-bottom: 10px;
		margin: 50px 0 0 210px;
	}
	
#wrapper #news ul li 
	{
		padding-bottom: 6px;
	}
	
#wrapper #news ul li .date
	{
		color: #ff5eff;
		font-size: 16px;
		font-weight: bold;
		padding-right: 10px;
	}
	
#wrapper #news ul li .line-2
	{
		padding-left: 80px;
	}
	
#wrapper #art, body.sub #wrapper #event
	{
		padding: 0 0 50px 460px;
		clear: both;
		background: url(../img/bg-art.png) no-repeat 0 bottom;
	}
	
body.sub #wrapper #art, body.sub #wrapper #video-page, body.sub #wrapper #event
	{
		background: none;
		padding: 80px 0 0 0;
		clear: both;
	}
	
body.sub #wrapper #art #description, body.sub #wrapper #video-page #about-video, body.sub #wrapper #event #about-event
	{
		float: left;
		width: 320px;
		padding-bottom: 100px;
	}
	
body.sub #wrapper #art #description, body.sub #wrapper #video-page #about-video
	{
		padding-top: 40px;
	}
	
body.sub #wrapper #art #description .back, body.sub #wrapper #video-page #about-video .back, body.sub #wrapper #event #about-event .back
	{
		border: 1px solid #ececec;
		padding: 20px;
		display: block;
		margin-top: 50px;
	}
	
body.sub #wrapper #art #description h2, body.sub #wrapper #video-page #about-video h2, body.sub #wrapper #event h2
	{
		font-size: 24px;
		color: #ff9bff;
		font-weight: normal;
		padding-bottom: 25px;
	}
	
body.sub #wrapper #art #painting ul.share, body.sub #wrapper #video-page #video ul.share
	{
		padding-top: 0;
		margin-bottom: 20px;
		text-align: right;
	}
	
body.sub #wrapper #art #painting ul.share li, body.sub #wrapper #video-page #video ul.share li
	{
		padding: 0 35px 5px 0;
		margin-right: 10px;
		border-bottom: 1px solid #e5e5e5;
		text-align: right;
		display: inline;
	}

body.sub #wrapper #art #description ul, body.sub #wrapper #video-page #about-video ul
	{
		padding-top: 40px;
	}
	
body.sub #wrapper #art #description ul li
	{
		margin-right: 5px;
	}
	
body.sub #wrapper #art #painting, body.sub #wrapper #video-page #video, body.sub #wrapper #event #photos
	{
		float: right;
		width: 580px;
		padding-bottom: 100px;
	}
	
body.sub #wrapper #event #photos img
	{
		margin-bottom: 20px;
	}
	
#wrapper #art li
	{
		display: inline;
		margin: 0 10px 10px 0;
	}
	
#wrapper #art li img
	{
		margin-bottom: 10px;
	}
	
#wrapper #art li a img
	{
		border: 1px solid #ccc;
		padding: 4px;
	}
	
#wrapper #art li a img:hover
	{
		border: 1px solid #ff9bff;
	}
	
#footer-wrapper
	{
		clear: both;
		background: #f0f0f0 url(../img/bg-footer-sub.png) repeat-x 0 0;
	}
	
#footer-wrapper #videos 
	{
		background: url(../img/bg-videos.png) no-repeat 0 20px;
		clear: both;
		width: 960px;
		margin: 0 auto 0 auto;
	}
	
#footer-wrapper #videos ul
	{
		padding: 120px 0 0 0;
	}
	
#footer-wrapper #videos ul li
	{
		width: 225px;
		float: left;
		margin-right: 20px;
		margin-bottom: 100px;
	}
	
#footer-wrapper #videos ul li.last
	{
		margin-right: 0px;
	}
	
#footer-wrapper #videos ul h2
	{
		color: #fd3afd;
		font-size: 16px;
		font-weight: normal;
		margin: 16px 0 10px 0;
	}
	
#footer-wrapper #videos ul p
	{
		font-size: 11px;
		line-height: 15px;
	}
	
#footer
	{
		clear: both;
		width: 960px;
		margin: 0 auto 0 auto;
	}
	
body.sub #footer-wrapper #connexion
	{
		clear: both;
		margin: 0 auto 0 auto;
		background: url(../img/bg-pensee.jpg) no-repeat 0 0;
		width: 960px;
	}
	
#wrapper #footer, body.sub #footer-wrapper #footer, #footer
	{
		margin-top: 100px;
		background: #d8d8d8;
		clear: both;
		padding: 40px;
		overflow: auto;
	}
	
body.sub #footer-wrapper #connexion h3
	{
		color: #666666;
		font-size: 16px;
		margin: 0;
		padding: 120px 0 12px 250px;
	}
	
body.sub #footer-wrapper #connexion p
	{
		font-size: 24px;
		color: #999;
		padding: 0 0 40px 250px;
	}
	
body.sub #footer-wrapper #footer
	{
		width: 880px;
		margin: 0 auto 0 auto;
	}
	
#footer #footer-links, body.sub #footer-wrapper #footer #footer-links
	{
		float: left;
		width: 400px;
	}
	
#footer #footer-links img, body.sub #footer-wrapper #footer #footer-links img
	{
		margin-bottom: 30px;
	}
	
#footer #footer-links p, body.sub #footer-wrapper #footer p
	{
		font-size: 20px;
	}
	
#footer #footer-ak, body.sub #footer-wrapper #footer #footer-ak
	{
		float: right;
		width: 400px;
	}
	
#footer #footer-ak img, body.sub #footer-wrapper #footer #footer-ak img
	{
		text-align: right;
		margin-bottom: 20px;
	}
	
#footer #footer-ak p, body.sub #footer-wrapper #footer #footer-ak p
	{
		text-align: right;
		color: #ff5eff;
		font-weight: bold;
		font-size: 14px;
	}
	
#footer #footer-ak p .credit, body.sub #footer-wrapper #footer #footer-ak p .credit
	{
		font-weight: normal;
		font-size: 12px;
		color: #666666;
	}