/*  */
/* reset browser styles */
/*  */
@font-face{ 
	font-family: 'impact';
	src: url('fonts/impact.woff');
	src: url('fonts/impact.woff') format('woff');
}

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
	padding: 0;
	margin: 0;
	font-size: 100%;
	}

html {
	font-size: 14px;
	font-weight: normal;
	font-family: "helvetica-neue", helvetica, geneva, arial, sans-serif;
	}

img { border: 0; }

a:link    {
	color: #797878;
	text-decoration: none;
}
a:visited {
	color: #797878;
	text-decoration: none;
}
a:active  { color: #797878; text-decoration: none; }
a:hover   { color: #575757; text-decoration: none; }

/*  */
/* end reset browser styles */
/*  */


body {
	margin-top: 60px;
	background-color:#000000;

	}
ul, li{margin:0; padding:0}

.menu {
	width: 100%;
	font-family: 'impact', sans-serif;
	color: #FFFFFF;
	font-size: 62px;
	line-height: 52px;
	margin:0 0 20px 0;
	padding:0;
	text-transform:uppercase;
	}
.menu a, .menu a:visited, .menu a:link, .menu span {
	color: #ffffff;text-transform:uppercase;display:block; overflow:hidden;
}

.menu a:hover {color: #000000; text-decoration: none;}
			  
.opax-white	{ 
	float:left;
	border: none;
	width: 100%;
	background-color: #ffffff;
	background-color:rgba(255,255,255,0.7);
	color: #000000; 
	padding: 0; 
	margin-bottom: 20px;
}
.content_wrapper{position:relative;float:left;padding:5px;width:100%;}
.container-video{position:relative;float:left;width:100%; height:auto;}

.opax-white.creations { 
	background-color:rgba(0,0,0,0.7);
	color: #ffffff; 
}
.opax-white.creations h1{
	color:#ffffff;
	margin-top:10px;
}
.opax-white.workshops h1{
	margin-top:10px;
}


.news {
	padding: 0;
	width: 500px;
	margin: 40px 0;
	}
.news .news-content {padding: 5px 5px 15px 5px;}
.news-content h2 {margin: 5px 5px 20px 5px;}
.news-content p {margin: 5px;}
.news .news-illu {padding: 0; margin: 0;}
.newslist img{
	width:100%;
	height:auto;
}
.date{
	font-size: 11px;
	color: #787878;
	font-family: "Oswald","Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
span.linkCreaShop{float:right;position:relative; padding-right:5px;width:auto; font-size:1em; line-height:1em;}
span.linkCreaShop img{float:left;width:auto;}

#black { color: #000000; }
#white { color: #ffffff; }

.creashoplist{position:relative;float:left;width:100%;height:auto;}
.creashoplist .visuel_wrapper{position:relative;float:left;z-index:10; width:100%}
.creashoplist .visuel_wrapper img{float:left;width:100%;height:auto;}

.creashoplist .title_wrapper{position:absolute;float:left;bottom:15px;right:15px;z-index:20;}
.creashoplist .title_wrapper h2{font-size:36px;color:#ffffff;display:none;font-family: 'impact';}
.creashoplist .visuel_wrapper:hover .title_wrapper h2{display:block;}


/*  SLIDESHOW BXSLIDER */


ul.bxslider, ul.bxslider li{list-style:none;list-style-type: none; max-height:371px;}
.bx-wrapper .bx-viewport {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border: none;
    left: 0;
    background: none;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
ul.bxslider li img{width:100%;}

.photoslider{position: relative;background-color:#000000;overflow: hidden; width:100%; height:auto;}
.toggle{position: absolute; top:10px; left:10px; display:none; color:#ffffff;}
.toggle h3{color:#ffffff;font-size:28px;font-family: 'impact', sans-serif;}
.photoslider:hover .toggle, .container-video:hover .toggle{display:block;cursor:pointer;}

.opax-white.workshops .container-video, .opax-white.creations .container-video{display:none;}