/**
 * Stylesheet for virginie.fr
 */

/* CSS reset Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 3.1.1 build: 47 */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

/* main  */
html, body {
	height: 100%;
	background-color: #FFF;
}
body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #626262;
}
a {
	color: #626262;
	text-decoration: none;
	outline: none;
}
h1 {
	text-transform: uppercase;
	font-weight: bold;
}
h2 {
	text-transform: uppercase;
	font-weight: bold;
}
h3 {
	text-transform: uppercase;
	font-weight: bold;
}
#bd-illu h3 {
	color: #00B9E9;
}
#bd-rough h3 {
	color: #028AE0;
}
#bd-photorough-3d h3 {
	color: #006AB3;
}
#bd-anim h3 {
	color: #02347f;
}
h4 {
	font-weight: bold;
}
#bd-404 h4 {
	margin-top: 10px;
}
.txtct { text-align: center; }
.txtlt { text-align: left; }
.txtrt { text-align: right; }
.rt { float: right; }
.lt { float: left; }
.bk { display: block; }
.ib { display: inline-block; }
.il { display: inline; }
.clearer { clear: both; }
.w50 { width: 50%; }
.sp10 { height: 10px; }
.hidden { display: none; }
.marginright10 { margin-right: 10px; }
input, textarea {
	border: 1px solid #A0A0A0;
	color: #535353;
	width: 300px;
}
input {
	height: 1.5em;
	line-height: 1.5em;
}
input.chkbox {
	width: auto;
	float: left;
	margin-right: 5px;
}
button {
	border: none;
	cursor: pointer;
}
label {
	display: inline-block;
	min-width: 65px;
	float: left;
}
.message {
	color: #A32323;
}
#main {
	height: auto;
	min-height: 100%;
	position: relative;
	width: 960px;
	margin: 0 auto;
	background-color: #FFF;
	overflow: hidden;
}
#header {
	position: relative;
	height: 110px;
}
#languages {
	float: right;
	color: #535353;
}
#languages ul {
	background-color: #FF0;
	padding: 2px 8px;
}
#languages li {
	display: inline;
	line-height: 16px;
}
#languages li span {
	margin-right: 4px;
	vertical-align: middle;
}
#languages li a {
	line-height: 16px;
	padding: 0 2px;
}
#languages li a:hover {
	text-decoration: underline;
}
#social {
	margin: 0;
	padding: 4px 0 0 0;
	width: 750px;
	text-align: left;
}
#social .bar {
	height: 24px;
	padding: 0 4px;
	margin-left: 4px;
}
#social .bar .bg {
	font-size: 1.1em;
	letter-spacing: 0em;
}
#social .bar-white a {
	color: #bfbfbf !important;
}
#social .bar-white a:hover {
	color: #626262 !important;
}
#social img {
	vertical-align: top;
}
#social iframe {
	margin-left: 10px;
}
#logo {
	position: absolute;
	top: 64px;
}
#content {
	margin-top: 22px;
	position: relative;
	padding-bottom: 60px;
}
#footer {
	padding-top: 4px;
	height: 52px;
	line-height: 0.8em;
	font-size: 0.8em;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
#footer p {
	margin-bottom: 4px;
}
#footer .content-text {
	font-size: 1.2em;
}
.shadow {
	box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	background: #fff;
}
.tooltip-container {
	display: none;
	padding: 4px;
	position: absolute;
	z-index: 900;
}
.tooltip {
	padding: 0 5px;
	line-height: 16px;
	white-space: nowrap;
}
.loading {
	background-image: url(p/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
/* nav */
.bar {
	position: relative;
}
.bar .bg {
	background-color: #EEE;
	color: #FFF;
	padding: 1px 1px 1px 15px;
	font-size: 1.4em;
	letter-spacing: 0.05em; /* webkit browsers (Chrome & Safari) needs 0.1em to display correctly, hack below */
	text-transform: uppercase;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.bar .bg {
		letter-spacing: 0.1em;
	}
}
.bar-blue .bg {
	background-color: #00B9E9;
}
#bd-illu .main-list .bar-blue .bg, #bd-illu .main-content .bar-blue .bg {
	letter-spacing: 0em;
}
#bd-rough .main-list .bar-blue .bg, #bd-rough .main-content .bar-blue .bg {
	background-color: #028AE0;
	letter-spacing: 0em;
}
#bd-photorough-3d .main-list .bar-blue .bg, #bd-photorough-3d .main-content .bar-blue .bg {
	background-color: #006AB3;
	letter-spacing: 0em;
}
#bd-anim .main-list .bar-blue .bg, #bd-anim .main-content .bar-blue .bg {
	background-color: #02347f;
	letter-spacing: 0em;
}
.bar-pink .bg {
	background-color: #D203B6;
}
.bar-green .bg {
	background-color: #B8E004;
}
.bar-grey .bg {
	background-color: #7D7D7D;
}
.bar-white .bg {
	background-color: #FFF;
	color: #BFBFBF;
	padding: 1px 1px 1px 1px;
	font-size: 1.2em;
	line-height: 1.4em;
	letter-spacing: 0em;
	text-transform: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.bar-white .bg {
		letter-spacing: 0.1em;
	}
}
.bar li {
	display: inline;
	margin: 0 0 0 4px;
}
.bar-white ul {
	margin: 0 4px 0 0;
}
.bar a {
	color: #FFF;
}
.bar-blue a, #bd-home .bar-blue a:hover {
	color: #006AB3;
}
.bar-blue a:hover, #bd-home .bar-blue a {
	color: #FFF;
}
.bar-pink a, #bd-home .bar-pink a:hover {
	color: #FA9AF4;
}
.bar-pink a:hover, #bd-home .bar-pink a {
	color: #FFF;
}
.bar-green a, #bd-home .bar-green a:hover {
	color: #789006;
}
.bar-green a:hover, #bd-home .bar-green a {
	color: #FFF;
}
.bar-grey a {
	color: #FFF;
}
.bar-grey a:hover {
	color: #FFF;
}
#bd-illu .bar-white .bg, #bd-illu .bar-white a {
	color: #00B9E9;
}
#bd-rough .bar-white .bg, #bd-rough .bar-white a {
	color: #028AE0;
}
#bd-photorough-3d .bar-white .bg, #bd-photorough-3d .bar-white a {
	color: #006AB3;
}
#bd-anim .bar-white .bg, #bd-anim .bar-white a {
	color: #02347f;
}
#bd-illu .bar-white a:hover, #bd-illu .bar-white a.active,
#bd-rough .bar-white a:hover, #bd-rough .bar-white a.active,
#bd-photorough-3d .bar-white a:hover, #bd-photorough-3d .bar-white a.active,
#bd-anim .bar-white a:hover, #bd-anim .bar-white a.active
{
	color: #BFBFBF;
}
.content-bloc .bar-white, .subtitle-container .bar-white {
	margin-left: 20px;
	padding-left: 10px;
	padding-right: 5px;
}
.content-bloc .bar-white .bg, .subtitle-container .bar-white .bg {
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
#nav1 {
	position: absolute;
	top: 112px;
	right: 0;
	width: 960px;
	z-index: 100;
}
#nav2 {
	position: absolute;
	top: 213px;
	right: 0;
	width: 420px;
	z-index: 110;
}
#nav3 {
	position: absolute;
	top: 540px;
	right: 0;
	width: 222px;
	z-index: 120;
}
#nav3 .bg {
	font-size: 1.1em;
	letter-spacing: 0em;
}
/* hide nav for the body classes nav1, nav2 and nav3 (defined also for the nojs class) */
.bd-nav1 #nav2, .nojs.bd-nav1 #nav2 { right: -401px; }
.bd-nav1 #nav3, .nojs.bd-nav1 #nav3 { right: -203px; }
.bd-nav2 #nav1, .nojs.bd-nav2 #nav1 { right: -941px; }
.bd-nav2 #nav3, .nojs.bd-nav2 #nav3 { right: -203px; }
.bd-nav3 #nav1, .nojs.bd-nav3 #nav1 { right: -941px; }
.bd-nav3 #nav2, .nojs.bd-nav3 #nav2 { right: -401px; }
/* hover on nav show them */
.nojs.bd-nav1 #nav1:hover, .nojs.bd-nav1 #nav2:hover, .nojs.bd-nav1 #nav3:hover,
.nojs.bd-nav2 #nav1:hover, .nojs.bd-nav2 #nav2:hover, .nojs.bd-nav2 #nav3:hover,
.nojs.bd-nav3 #nav1:hover, .nojs.bd-nav3 #nav2:hover, .nojs.bd-nav3 #nav3:hover {
	right: 0;
}
.nav-arrow {
	position: absolute;
	top: 5px;
	left: 6px;
}
/* selected menu item */
#bd-illu #nav1-illu, #bd-rough #nav1-rough, #bd-photorough-3d #nav1-photorough-3d, #bd-anim #nav1-anim,
#bd-agence #nav2-agence, #bd-blog #nav2-blog, #bd-contact #nav2-contact, #bd-news #nav2-news, #bd-liens #nav3-liens {
	color: #FFF;
}
/* home slideshow */
#slideshow {
	font-size: 0.8em;
	width: 370px;
	position: relative;
	padding-left: 82px;
	padding-top: 118px;
}
.slideshow-picture {
	position:relative;
	border: 1px solid #7D7D7D;
	width: 350px;
	height: 378px;
	overflow: hidden;
	margin-left: -1px;
	text-align: center;
}
.slideshow-picture img, .slideshow-picture a {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}
.slideshow-picture img.active, .slideshow-picture a.active {
	z-index:10;
}
.slideshow-picture img.last-active, .slideshow-picture a.last-active {
	z-index:9;
}

/* lists */
.main-list {
	width: 367px;
	padding-left: 112px;
	padding-top: 138px;
}
.main-list li a {
	padding: 0 4px;
	color: #535353;
}
.main-list li {
	margin-left: 19px;
}
.main-list .list-content h2 {
	font-size: 1.2em;
	margin: 0 0 10px 19px;
	padding: 0 4px;
}
#bd-illu .main-list .list-content h2 {
	color: #00B9E9;
}
#bd-rough .main-list .list-content h2 {
	color: #028AE0;
}
#bd-photorough-3d .main-list .list-content h2 {
	color: #006AB3;
}
#bd-anim .main-list .list-content h2 {
	color: #02347f;
}

.left-list {
	width: 170px;
	padding-top: 100px;
}
.left-list li a {
	padding: 0 2px;
	color: #AAA;
}
.list-box li a {
	display: block;
}
.left-list .list-content h2 {
	font-size: 1.2em;
}
#bd-photorough-3d .left-list .list-content h2 {
	color: #006AB3;
}
#bd-illu .list-box li a:hover, #bd-illu .left-list li a.active {
	background-color: #00B9E9;
	color: #FFF;
}
#bd-rough .list-box li a:hover, #bd-rough .left-list li a.active {
	background-color: #028AE0;
	color: #FFF;
}
#bd-photorough-3d .list-box li a:hover, #bd-photorough-3d .left-list li a.active {
	background-color: #006AB3;
	color: #FFF;
}
#bd-anim .list-box li a:hover, #bd-anim .left-list li a.active {
	background-color: #02347f;
	color: #FFF;
}
.content-container {
	padding-top: 50px;
}
.content-pic {
	width: 280px;
	height: 440px;
	margin-right: 10px;
}
.content-bloc {
	width: 367px;
	margin-bottom: 20px;
}
#bd-se-content .content-bloc {
	width: 500px;
}
#bd-se-content h1 {
	font-size: 1.6em;
}
#bd-se-content h2 {
	margin-top: 20px;
}
.content-text {
	min-height: 320px;
	margin-left: 19px;
	margin-bottom: 20px;
}
.content-text p {
	margin-bottom: 10px;
}
.content-text p.chapo {
	font-weight: bold;
}
.content-text h3 {
	margin-bottom: 5px;
}
.content-text strong {
	font-weight: bold;
}
.content-text a {
	text-decoration: underline;
}
.content-list {
	margin-left: 19px;
}
.content-list ul {
	margin-bottom: 15px;
}
.content-list li {
	margin-left: 19px;
	list-style-type: disc;
	list-style-image: url(p/plus-sign-light.png);
}
.content-list li a {
	color: #535353;
}
.scroll {
	overflow: auto;
}
.main-list .list-content .subnav {
	margin: 0 3px 3px 19px;
	padding: 2px 8px;
	font-size: 1.2em;
	text-transform: uppercase;
}
#bd-illu .subnav a {
	color: #00B9E9;
}
#bd-rough .subnav a {
	color: #028AE0;
}
#bd-photorough-3d .subnav a {
	color: #006AB3;
}
#bd-anim .subnav a {
	color: #02347f;
}
#bd-illu .subnav a:hover, #bd-rough .subnav a:hover, #bd-photorough-3d .subnav a:hover, #bd-anim .subnav a:hover {
	color: #BFBFBF
}
#bd-illu #content-top, #bd-rough #content-top {
	height: 42px;
}
#artist_menu {
	width: 69%;
	margin-right: 5px;
}
.main-overview {
	width: 350px;
	padding-left: 80px;
	padding-top: 55px;
}
.main-content {
	position: relative;
	width: 785px;
	margin-left: 5px;
	margin-top: 50px;
}
.main-content h1 {
	width: 30%;
}
.main-content .subtitle-container {
	margin-top: 10px;
}
.main-content .subtitle-container .bar {
	width: 60%;
}
.main-content .subtitle-container .bar-white {
	width: auto;
}
.overview-picture {
	width: 350px;
	height: 440px;
	overflow: hidden;
	margin-top: 30px;
}
.main-picture-container {
	margin-top: 8px;
}
.art-image {
}
.main-picture {
	position: relative;
	width: 690px;
}
.main-picture .main-picture-item {
	display: block;
	padding: 30px 0 30px 0;
	border-bottom: 1px solid #DFDFDF;
}
.main-picture .first {
	padding-top: 0px;
}
.main-picture .legend {
	color: #A0A0A0;
}
/*#bd-rough .main-picture-container, */#bd-photorough-3d.threed-images .main-picture-container {
	margin-top: 20px;
}
#bd-rough .main-picture, #bd-photorough-3d.threed-images .main-picture {
	width: 645px;
}
#bd-photorough-3d .main-picture-container {
	margin-top: 20px;
}
.illu-pub .main-picture, .illu-expo .main-picture {
	margin-left: 20px;
	width: 670px;
}
.illu-videos .main-picture {
	border: 1px solid #cec;
	margin-left: 20px;
	width: 640px;
}
.illu-videos #art-video p {
	margin-bottom: 10px;
}
.illu-videos #art-video a {
	text-decoration: underline;
}
.title {
	font-weight: bold;
	font-size: 1.4em;
	text-transform: uppercase;
}
#bd-illu .title {
	color: #00B9E9;
}
#bd-rough .title {
	color: #028AE0;
}
#bd-photorough-3d .title {
	color: #006AB3;
}
#bd-anim .title {
	color: #02347f;
}
.categories-container {
	margin-top: 65px;
}
#bd-rough .categories-container, #bd-photorough-3d .categories-container {
	margin-top: 87px;
}
.illu-pub .categories-container {
	margin-top: 11px;
}
.categories {
	color: #5A5A5A;
	width: 78px;
	height: 80px;
	padding-left: 2px;
	overflow: auto;
	font-size: 0.8em;
	text-transform: uppercase;
}
#bd-rough .categories, #bd-photorough-3d .categories {
	width: 126px;
	font-size: 0.9em;
}
#bd-rough .categories ul, #bd-photorough-3d .categories ul {
	margin-left: 10px;
}
.categories li {
	padding: 2px 0;
}
.categories a {
	font-weight: normal;
}
.categories h4, .categories h4 a {
	font-weight: bold;
}
.categories a.active, .categories a:hover {
	color: #00B9E9;
}
#bd-rough .categories a.active, #bd-rough .categories a:hover {
	color: #028AE0;
}
#bd-photorough-3d .categories a.active, #bd-photorough-3d .categories a:hover {
	color: #006AB3;
}
#bd-anim .categories a.active, #bd-anim .categories a:hover {
	color: #02347f;
}
.numbers-nav-container {
	width: 80px;
	margin-top: 10px;
}
.numbers-nav {
	font-size: 0.9em;
	position: fixed;
	width: 80px;
}
.illu-expo .numbers-nav-container {
	margin-top: 101px;
}
.illu-videos .numbers-nav-container {
	margin-top: 86px;
}
.photorough-images .numbers-nav-container, .anim-videos .numbers-nav-container {
	margin-top: 177px;
}
.numbers-nav a {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border: 1px solid #989898;
	margin: 0 0 2px 2px;
	background-color: #FFF;
	color: #989898;
	text-align: center;
}
.numbers-nav a:hover, .numbers-nav a:active, .numbers-nav a.active {
	background-color: #989898;
	color: #FFF;
}
.top-link-container {
	width: 24px;
	position: relative;
	color: #989898;
}
.top-link {
	text-align: center;
	position: fixed;
	bottom: 5px;
}
.top-link-arrow {
	background-color: #989898;
	width: 24px;
	height: 24px;
	color: #FFF;
}
.top-link-arrow .arrow-white-up {
	position: relative;
	top: 2px;
}
.subcontent {
	margin-left: 30px;
}
.contenttitle {
	font-weight: bold;
}
/* agency */
#bd-agence .content-container {
	padding-top: 150px;
	width: 400px;
}
#bd-agence .content-more {
	margin-left: 100px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #DFDFDF;
}
#bd-agence .content-more .content-container {
	padding-top: 0;
}
#bd-agence .content-bloc {
	width: 340px;
}
#bd-agence .content-text {
	min-height: 320px;
	margin-left: 5px;
	margin-bottom: 20px;
	line-height: 1.4em;
}
#bd-agence .content-text p {
	margin-bottom: 1em;
}
/* news */
#bd-news .content-container {
	width: 410px;
	padding-top: 195px;
}
#bd-news .content-bloc {
	position: relative;
}
#bd-news .content-bloc .bar .bg {
	font-size: 0.9em;
	line-height: 1.4em;
	font-weight: normal;
}
#bd-news .content-bloc .content-text {
	padding-left: 7px;
}
#bd-news .content-bloc .content-text h1 {
	text-transform: none;
	font-size: 1.1em;
	margin: 5px 0 15px 0;
}
.news-picture {
	width: 490px;
	height: 500px;
	overflow: hidden;
}
.news-archives {
	display: block;
	border: 1px solid #7D7D7D;
	position: absolute;
	right: 0;
	top: 21px;
	background-color: #fff;
	z-index: 2;
}
.news-archives-content {
	height: 230px;
	overflow: auto;
}
.news-archives li {
	display: block;
}
.news-archives a {
	color: #D203B6;
	background-color: #FFF;
	display: block;
	padding: 1px 5px;
}
.news-archives a:hover {
	background-color: #D203B6;
	color: #FFF;
}
.news-menu {
	height: 20px;
	line-height: 20px;
	border: 1px solid #7D7D7D;
	text-transform: uppercase;
	cursor: pointer;
	color: #D203B6;
}
.news-menu-title {
	padding: 0 10px 0px 5px;
	float: left;
}
.news-menu-arrow {
	text-align: center;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	border-left: 1px solid #7D7D7D;
}
.news-menu-arrow span {
	position: relative;
	top: -2px;
}
.content-illustration, .content-rough, .content-photorough, .content-3d {
	margin-top: 40px;
}
.content-rough .bar-blue .bg {
	background-color: #028AE0;
}
.content-photorough .bar-blue .bg {
	background-color: #006AB3;
}
.content-3d .bar-blue .bg {
	background-color: #02347f;
}
.content-illustration .bar-blue .bg, .content-rough .bar-blue .bg, .content-photorough .bar-blue .bg, .content-3d .bar-blue .bg {
	padding-left: 5px;
}
.content-illustration .bar-blue .bg a, .content-rough .bar-blue .bg a, .content-photorough .bar-blue .bg a, .content-3d .bar-blue .bg a {
	color: #FFF;
}
.content-illustration .bar .arrow-white-right, .content-rough .bar .arrow-white-right, .content-photorough .bar .arrow-white-right, .content-3d .bar .arrow-white-right {
	position: relative;
	top: 2px;
}
/* liens */
#bd-liens .col1 {
	float: left;
	width: 320px;
	padding-top: 80px;
	padding-left: 25px;
	margin-right: 140px;
}
#bd-liens .col2 {
	float: left;
	width: 320px;
}
#bd-liens .content-text {
	padding-top: 10px;
	padding-left: 5px;
}
#bd-liens .content-text a {
	padding: 0 2px;
	text-decoration: none;
}
#bd-liens .content-text a:hover {
	background-color: #B8E004;
	color: #FFF;
}
/* news */
#bd-newsletter .content-container {
	width: 410px;
	padding-top: 150px;
	padding-left: 20px;
}
#bd-newsletter .content-bloc {
	width: 410px;
}
#bd-newsletter .bar button.bg {
	font-size: 1.1em;
	padding-left: 5px;
	text-transform: none;
}
#bd-newsletter .button {
	margin-left: 65px;
}
#bd-newsletter h3 {
	margin-bottom: 10px;
}
/* contact */
#bd-contact .content-left {
	width: 510px;
	text-align: right;
	padding-top: 153px;
}
#bd-contact .address {
	color: #D203B6;
	font-size: 1.2em;
}
#bd-contact .address h3 {
	font-size: 1.2em;
}
#bd-contact .emails {
	margin-top: 50px;
}
#bd-contact .emails .bar .bg {
	font-size: 1.1em;
	text-transform: lowercase;
	padding-left: 5px;
}
#bd-contact .emails .bar .arrow-white-right {
	position: relative;
	top: 1px;
}
#bd-contact .emails .bar a {
	color: #fff;
	font-weight: bold;
}
#bd-contact .content-container {
	padding-top: 153px;
}
#bd-contact .content-bloc {
	width: 400px;
}
#bd-contact .bar button.bg {
	font-size: 1.1em;
	padding-left: 5px;
	text-transform: none;
}
#bd-contact .empty-bar {
	width: 230px;
	text-align: left;
}
#bd-contact .button {
	margin-left: 65px;
}
#bd-contact .button .arrow-white-right {
	position: relative;
	top: 2px;
}
/* sprites */
.corner-blue, .corner-pink, .corner-green, .corner-grey, .nav-lang-left, .nav-lang-right,
.icon-lang-fr, .icon-lang-en, .arrow-white-left, .arrow-white-right, .arrow-white-up, .arrow-white-down,
.arrow-blue-dark-right, .arrow-blue-dark-left, .arrow-blue-light-right, .arrow-blue-light-left,
.arrow-blue-dark-up, .arrow-blue-dark-down, .arrow-blue-light-up, .arrow-blue-light-down,
.plus-sign-light, .plus-sign-dark, .small-arrow-blue-right, .small-arrow-blue-left, .small-arrow-blue-up, .small-arrow-blue-down,
.arrow-pink-down, .arrow-pink-up, .arrow-grey-down, .arrow-grey-up,
.arrow-pink-left, .arrow-pink-right, .arrow-grey-left, .arrow-grey-right,
.corner-white, .corner-blue2, .corner-blue3, .corner-blue4 {
	background-color: transparent;
	background-image: url(p/sprites.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden; /* nedded otherwise ie6 shows always 15 pixels of height with iepngfix */
}
.corner-blue, .corner-pink, .corner-green, .corner-grey, .corner-blue2, .corner-blue3, .corner-blue4 {
	width: 19px;
	height: 19px;
}
.corner-blue { background-position: 0 0; }
.corner-pink { background-position: -19px 0; }
.corner-green { background-position: -38px 0; }
.corner-grey { background-position:	-57px 0; }
.nav-lang-left, .nav-lang-right {
	width: 12px;
	height: 12px;
}
.nav-lang-left { background-position: 0 -20px; }
.nav-lang-right { background-position: -12px -20px; }
.icon-lang-fr, .icon-lang-en {
	width: 9px;
	height: 8px;
}
.icon-lang-fr { background-position: -24px -20px; }
.icon-lang-en { background-position: -33px -20px; }
.arrow-white-left, .arrow-white-right {
	width: 6px;
	height: 12px;
}
.arrow-white-left { background-position: -42px -20px; }
.arrow-white-right { background-position: -48px -20px; }
.arrow-white-up, .arrow-white-down {
	width: 11px;
	height: 6px;
}
.arrow-white-up { background-position: -54px -20px; }
.arrow-white-down { background-position: -54px -26px; }
.arrow-blue-dark-right, .arrow-blue-dark-left, .arrow-blue-light-right, .arrow-blue-light-left {
	width: 5px;
	height: 9px;
}
.arrow-blue-dark-right { background-position: 0 -33px; }
.arrow-blue-dark-left { background-position: 0 -42px; }
.arrow-blue-light-right { background-position: -5px -33px; }
.arrow-blue-light-left { background-position: -5px -42px; }
.arrow-blue-dark-up, .arrow-blue-dark-down, .arrow-blue-light-up, .arrow-blue-light-down {
	width: 10px;
	height: 5px;
}
.arrow-blue-dark-up { background-position: 0 -53px; }
.arrow-blue-dark-down { background-position: 0 -59px; }
.arrow-blue-light-up { background-position: -10px -53px; }
.arrow-blue-light-down { background-position: -10px -59px; }
.plus-sign-light, .plus-sign-dark {
	width: 8px;
	height: 8px;
}
.plus-sign-light { background-position: -11px -33px; }
.plus-sign-dark { background-position: -11px -43px; }
.small-arrow-blue-right, .small-arrow-blue-left {
	width: 3px;
	height: 5px;
}
.small-arrow-blue-right { background-position: -20px -33px; }
.small-arrow-blue-left { background-position: -20px -39px; }
.small-arrow-blue-up, .small-arrow-blue-down {
	width: 5px;
	height: 3px;
}
.small-arrow-blue-up { background-position: -20px -45px; }
.small-arrow-blue-down { background-position: -20px -49px; }
.arrow-pink-down, .arrow-pink-up, .arrow-grey-down, .arrow-grey-up {
	width: 9px;
	height: 5px;
}
.arrow-pink-down { background-position: -24px -33px; }
.arrow-pink-up { background-position: -24px -39px; }
.arrow-grey-down { background-position: -34px -33px; }
.arrow-grey-up { background-position: -34px -39px; }
.arrow-pink-left, .arrow-pink-right, .arrow-grey-left, .arrow-grey-right {
	width: 5px;
	height: 9px;
}
.arrow-pink-left { background-position: -26px -45px; }
.arrow-pink-right { background-position: -26px -55px; }
.arrow-grey-left { background-position: -36px -45px; }
.arrow-grey-right { background-position: -36px -55px; }
.corner-white {
	width: 22px;
	height: 20px;
	background-position: -44px -33px;
}
.corner-blue2 {
	background-position: -65px -33px;
}
.corner-blue3 {
	background-position: -44px -55px;
}
.corner-blue4 {
	background-position: -66px -55px;
}
/* CLEARFIX */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }
/* Greybox CSS */
#GB_overlay {
	background-image: url(p/overlay.png);
	position: fixed;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 1000;
	width:  100%;
	height: 100%;
}
#GB_window {
	top: 0;
	left: 0;
	position: absolute;
	margin: 10px 0 0 0;
	background: #FFF;
	border: 4px solid #CCC;
	overflow: auto;
	width: 400px;
	height: 400px;
	z-index: 1100;
}
#GB_frame {
	border: 0;
	overflow: auto;
	width: 100%;
	height: 378px;
}
#GB_caption {
	font-family: helvetica, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #BBB;
	padding: 2px 0 2px 5px;
	margin: 0;
	text-align: left;
}
#bd-illu #GB_caption {
	background: #00B9E9;
}
#bd-rough #GB_caption {
	background: #028AE0;
}
#bd-photorough-3d #GB_caption {
	background: #006AB3;
}
#bd-anim #GB_caption {
	background: #02347f;
}
#GB_window #GB_close {
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 4px;
	right: 5px;
	cursor: pointer;
	background-image: url(p/cross.png);
}
#GB_window #GB_close span {
	display: none;
}
/* jScrollPane */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #989898;
}
.jScrollPaneDrag {
	position: absolute;
	background: #535353;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}