html.fp-enabled, .fp-enabled body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
#superContainer {
	height: 100%;
	position: relative;
	-ms-touch-action: none;
	touch-action: none
}
.fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.fp-slide {
	float: left
}
.fp-slide, .fp-slidesContainer {
	height: 100%;
	display: block
}
.fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}
.fp-section.fp-table, .fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%
}
.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%
}
.fp-slidesContainer {
	float: left;
	position: relative
}
.fp-controlArrow {
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	height: 10.688em;
	width: 5.438em;
	margin-top: auto;
	margin-bottom: auto;
	top: 0;
	bottom: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
.fp-controlArrow.fp-prev {
	background-image: url(../img/content_arrow_left.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 10.688em;
	width: 5.438em;
	left: 1.5%;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	transition: all 1s;
	-webkit-transition: all 1s
}
.fp-controlArrow.fp-next {
	background-image: url(../img/content_arrow_right.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 10.688em;
	width: 5.438em;
	right: 1.5%;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	transition: all 1s;
	-webkit-transition: all 1s
}
.fp-controlArrow.fp-prev:hover {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	opacity: 0.5;
	-webkit-transform: translate(20px, 0px);
	-moz-transform: translate(20px, 0px);
	transition: all 1s;
	-webkit-transition: all 1s
}
.fp-controlArrow.fp-next:hover {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	opacity: 0.5;
	-webkit-transform: translate(-20px, 0px);
	-moz-transform: translate(-20px, 0px);
	transition: all 1s;
	-webkit-transition: all 1s
}
.fp-notransition {
	-webkit-transition: none !important;
	transition: none !important
}
.fp-slidesNav {
	position: absolute;
	z-index: 4;
	left: 50%;
	opacity: 1
}
.fp-slidesNav.bottom {
	bottom: 17px
}
.fp-slidesNav.top {
	top: 17px
}
.fp-slidesNav ul {
	margin: 0;
	padding: 0
}
.fp-slidesNav ul li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative
}
.fp-slidesNav ul li {
	display: inline-block
}
.fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none
}
.fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
	height: 12px;
	width: 12px;
	margin: -6px 0 0 -6px;
	border-radius: 100%
}
.fp-slidesNav ul li a span {
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	height: 4px;
	width: 4px;
	border: 0;
	background: #aaa;
	left: 50%;
	top: 50%;
	margin: -2px 0 0 -2px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out
}
.fp-slidesNav ul li:hover a span {
	width: 10px;
	height: 10px;
	margin: -5px 0px 0px -5px
}
@CHARSET "ISO-8859-1";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0
}
a {
	text-decoration: none
}
table {
	border-spacing: 0
}
fieldset, img {
	border: 0
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal
}
strong {
	font-weight: bold
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0
}
caption, th {
	text-align: left
}
q:before, q:after {
	content: ''
}
abbr, acronym {
	border: 0
}
body {
	font-family: FuturaStdLight;
	color: #333;
	color: rgba(0,0,0,0.5)
}
.wrap {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative
}
p {
	font-size: 2em
}
.intro p {
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em
}
.section {
	text-align: center
}
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11 {
	font-family: FuturaStdLight;
	font-weight: normal;
	color: #aaa
}
h1 {
	font-size: 0.750em
}
h2 {
	font-size: 0.875em
}
h3 {
	font-size: 2.125em
}
h4 {
	font-size: 1.250em
}
h5 {
	font-size: 1.500em
}
h6 {
	font-size: 2.000em
}
h7 {
	font-size: 2.800em
}
h8 {
	font-size: 3em
}
h9 {
	font-size: 6em
}
h11 {
	font-size: 0.688em
}
#picto-web {
	background-color: transparent;
	background-image: url(../img/boulle-site.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 200;
	right: 0;
	top: 8.1em;
	width: 6.063em;
	height: 4.000em;
	display: block;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
.end-stars {
	background-color: transparent;
	background-image: url(../img/end-stars.svg);
	background-repeat: no-repeat;
	position: absolute;
	width: 7.25em;
	height: 0.5em;
	margin: auto auto 2.125em;
	display: inline-block;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
.cb-slideshow, .cb-slideshow:after {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0
}
.cb-slideshow:after {
	content: '';
	background: transparent url(../images/pattern.png) repeat top left
}
.cb-slideshow li span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: transparent;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: none;
	opacity: 0;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-webkit-animation: imageAnimation 30s linear infinite 0s;
	-moz-animation: imageAnimation 30s linear infinite 0s;
	-o-animation: imageAnimation 30s linear infinite 0s;
	-ms-animation: imageAnimation 30s linear infinite 0s;
	animation: imageAnimation 30s linear infinite 0s
}
.cb-slideshow li div {
	z-index: 1000;
	position: absolute;
	bottom: 50px;
	left: 0px;
	width: 100%;
	text-align: center;
	opacity: 0;
	color: #fff;
	-webkit-animation: titleAnimation 30s linear infinite 0s;
	-moz-animation: titleAnimation 30s linear infinite 0s;
	-o-animation: titleAnimation 30s linear infinite 0s;
	-ms-animation: titleAnimation 30s linear infinite 0s;
	animation: titleAnimation 30s linear infinite 0s
}
.cb-slideshow li div h3 {
	font-family: FuturaStdLight;
	font-size: 240px;
	padding: 0;
	line-height: 200px
}
.cb-slideshow li:nth-child(1) span {
	background-image: url(../img/fond/fond-black.svg);
	background-size: auto 3px
}
.cb-slideshow li:nth-child(2) span {
	background: url(../img/fond/fond-grey.svg);
	background-size: auto 3px;
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s
}
.cb-slideshow li:nth-child(3) span {
	background: url(../img/fond/fond-black.svg);
	background-size: auto 3px;
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s
}
.cb-slideshow li:nth-child(4) span {
	background: url(../img/fond/fond-grey.svg);
	background-size: auto 3px;
	-webkit-animation-delay: 18s;
	-moz-animation-delay: 18s;
	-o-animation-delay: 18s;
	-ms-animation-delay: 18s;
	animation-delay: 18s
}
.cb-slideshow li:nth-child(5) span {
	background: url(../img/fond/fond-black.svg);
	background-size: auto 3px;
	-webkit-animation-delay: 24s;
	-moz-animation-delay: 24s;
	-o-animation-delay: 24s;
	-ms-animation-delay: 24s;
	animation-delay: 24s
}
.cb-slideshow li:nth-child(2) div {
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s
}
.cb-slideshow li:nth-child(3) div {
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s
}
.cb-slideshow li:nth-child(4) div {
	-webkit-animation-delay: 18s;
	-moz-animation-delay: 18s;
	-o-animation-delay: 18s;
	-ms-animation-delay: 18s;
	animation-delay: 18s
}
.cb-slideshow li:nth-child(5) div {
	-webkit-animation-delay: 24s;
	-moz-animation-delay: 24s;
	-o-animation-delay: 24s;
	-ms-animation-delay: 24s;
	animation-delay: 24s
}
@-webkit-keyframes imageAnimation {
0% {
opacity:0;
-webkit-animation-timing-function:ease-in
}
8% {
opacity:1;
-webkit-animation-timing-function:ease-out
}
17% {
opacity:1
}
25% {
opacity:0
}
100% {
opacity:0
}
}
@-moz-keyframes imageAnimation {
0% {
opacity:0;
-moz-animation-timing-function:ease-in
}
8% {
opacity:1;
-moz-animation-timing-function:ease-out
}
17% {
opacity:1
}
25% {
opacity:0
}
100% {
opacity:0
}
}
@-o-keyframes imageAnimation {
0% {
opacity:0;
-o-animation-timing-function:ease-in
}
8% {
opacity:1;
-o-animation-timing-function:ease-out
}
17% {
opacity:1
}
25% {
opacity:0
}
100% {
opacity:0
}
}
@-ms-keyframes imageAnimation {
0% {
opacity:0;
-ms-animation-timing-function:ease-in
}
8% {
opacity:1;
-ms-animation-timing-function:ease-out
}
17% {
opacity:1
}
25% {
opacity:0
}
100% {
opacity:0
}
}
@keyframes imageAnimation {
0% {
opacity:0;
animation-timing-function:ease-in
}
8% {
opacity:1;
animation-timing-function:ease-out
}
17% {
opacity:1
}
25% {
opacity:0
}
100% {
opacity:0
}
}
@-webkit-keyframes titleAnimation {
0% {
opacity:0;
-webkit-transform:translateX(200px)
}
8% {
opacity:1;
-webkit-transform:translateX(0px)
}
17% {
opacity:1;
-webkit-transform:translateX(0px)
}
19% {
opacity:0;
-webkit-transform:translateX(-400px)
}
25% {
opacity:0
}
100% {
opacity:0
}
}
@-moz-keyframes titleAnimation {
0% {
opacity:0;
-moz-transform:translateX(200px)
}
8% {
opacity:1;
-moz-transform:translateX(0px)
}
17% {
opacity:1;
-moz-transform:translateX(0px)
}
19% {
opacity:0;
-moz-transform:translateX(-400px)
}
25% {
opacity:0
}
100% {
opacity:0
}
}
@-o-keyframes titleAnimation {
0% {
opacity:0;
-o-transform:translateX(200px)
}
8% {
opacity:1;
-o-transform:translateX(0px)
}
17% {
opacity:1;
-o-transform:translateX(0px)
}
19% {
opacity:0;
-o-transform:translateX(-400px)
}
25% {
opacity:0
}
100% {
opacity:0
}
}
@-ms-keyframes titleAnimation {
0% {
opacity:0;
-ms-transform:translateX(200px)
}
8% {
opacity:1;
-ms-transform:translateX(0px)
}
17% {
opacity:1;
-ms-transform:translateX(0px)
}
19% {
opacity:0;
-ms-transform:translateX(-400px)
}
25% {
opacity:0
}
100% {
opacity:0
}
}
@keyframes titleAnimation {
0% {
opacity:0;
transform:translateX(200px)
}
8% {
opacity:1;
transform:translateX(0px)
}
17% {
opacity:1;
transform:translateX(0px)
}
19% {
opacity:0;
transform:translateX(-400px)
}
25% {
opacity:0
}
100% {
opacity:0
}
}
.no-cssanimations .cb-slideshow li span {
	opacity: 1
}
@media screen and (max-width:1140px) {
.cb-slideshow li div h3 {
	font-size: 140px
}
}
@media screen and (max-width:600px) {
.cb-slideshow li div h3 {
	font-size: 80px;
	line-height: 10px
}
}
@media screen and (max-width:480px) {
.cb-slideshow li div h3 {
	font-size: 50px;
	line-height: 1px
}
}
@media screen and (max-width:320px) {
.cb-slideshow li div h3 {
	font-size: 60px;
	line-height: 0px
}
}
#section0 img {
	display: block;
	margin: 0 auto 0 auto;
	position: relative
}
#img0, #img1, #img2, #img3, #img4 {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
#img0 {
	height: 7.000em;
	width: 18.000em
}
#img1 {
	width: 16.813em;
	height: 32.250em;
	padding-right: 3.750em
}
#img2 {
	height: 15.938em;
	width: 28.875em
}
#img3 {
	width: 20.688em;
	height: 32.500em
}
#img4 {
	height: 19.500em;
	width: 43.500em
}
#section1 h8 {
	color: rgba(0,0,0,0.4);
	left: -130%;
	position: relative
}
.columns {
	position: relative;
	max-width: 53.2em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	display: block;
*zoom:1;
	z-index: 1;
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 3em;
	-moz-column-gap: 3em;
	column-gap: 3em
}
#section1 hr {
	margin: 30px 0;
	opacity: 0
}
#section1 h10 {
	display: none !important
}
.cap {
	font-size: 0.750em
}
#section1 h6 {
	text-align: justify;
	text-justify: inter-word;
	text-justify: newspaper;
	color: rgba(0,0,0,0.4)
}
.accueil-01 {
	text-align: justify;
	text-justify: inter-word;
	text-justify: newspaper;
	letter-spacing: 0.205em
}
.accueil-02 {
	text-align: justify;
	text-justify: inter-word;
	text-justify: newspaper;
	letter-spacing: 0.087em
}
#section1 h2 {
	color: rgba(0,0,0,0.5);
	font-family: futuraStdLightoblique;
	font-style: normal;
	letter-spacing: 0.2px;
	margin: 0 0 1.1em;
	text-align: left
}
#section1 h5 {
	color: rgba(0,0,0,0.5);
	text-align: left;
	margin-bottom: 0.26em
}
#section1 p {
	font-family: FuturaStdLight;
	color: rgba(0,0,0,0.5);
	font-size: 0.875em;
	line-height: 1.3em;
	letter-spacing: 0.008em;
	text-align: justify;
	text-justify: inter-word;
	text-justify: newspaper;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	margin: 0.313em 0 1.2em;
	text-rendering: optimizeLegibility;
	display: inline-block;
	width: 100%
}
.container-image {
	position: relative;
	margin: auto;
	width: 10.688em;
	height: 9.188em;
	top: 0.3em;
	left: -7.89em;
	width: 10.688em;
	z-index: 2;
	overflow: hidden
}
#logo-anime {
	background: transparent url(../img/animation-Multimedia.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 3;
	width: 10.688em;
	height: 9.188em;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
#section2 h8 {
	left: -130%;
	position: relative
}
#section2 h2 {
	display: inline;
	letter-spacing: 0.063em;
	line-height: 6em;
	padding-right: 9.2em;
	float: right
}
#section2 .imgAnime1, .imgAnime2 {
	position: absolute;
	display: block;
	-webkit-transition: all 1.2s ease-in-out;
	-moz-transition: all 1.2s ease-in-out;
	-o-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out
}
#img-edition1, #img-edition2 {
	background-color: transparent;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
#section2 .imgAnime1 {
	z-index: 1;
	left: 32%
}
#img-edition1 {
	background-image: url(../img/lettre-anime.svg);
	width: 6.8em;
	height: 18.200em
}
#section2.moveDown .imgAnime1 {
	top: 0%
}
#section2.active .imgAnime1 {
	top: 16%
}
#section2 .imgAnime2 {
	z-index: 0
}
#img-edition2 {
	background-image: url(../img/boulle-edition.svg);
	width: 15.313em;
	height: 29.500em
}
#section2.moveDown .imgAnime2 {
	top: 100%
}
#section2.active .imgAnime2 {
	top: 15.9%
}
#section2 img {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
#section2 h11 {
	position: relative;
	z-index: 1;
	opacity: 1
}
hr {
	border-bottom: none;
	border-left: none;
	border-right: none;
	opacity: 0;
	margin-bottom: 1.250em
}
.legende {
	border-bottom: none;
	border-left: none;
	border-right: none;
	opacity: 0;
	margin-bottom: 0.234em
}
.DS1 {
	left: 3.938em
}
.DS2 {
	right: 12.500em
}
.huile {
	right: 17.750em
}
.mo {
	left: 1.000em;
	bottom: 19.100em
}
.sie {
	right: 13.7em
}
.jazz {
	left: 13.750em
}
.album1 {
	right: 10.750em;
	bottom: 25.000em
}
.album2 {
	right: 2.800em
}
#img-Pla-DS1, #img-Pla-DS2, #img-Pla-DS3, #img-huile-01, #img-fest-01, #img-fest-02 {
	height: 28.125em
}
#img-Pla-DS1, #img-Pla-DS2, #img-Pla-DS3, #img-Pla-DS4, #img-huile-01, #img-huile-02, #img-M01, #img-M02, #img-M03, #img-M04, #img-M05, #img-Sie-01, #img-fest-01, #img-fest-02, #img-Music-01, #img-Music-02 {
	margin-right: 0.750em;
	margin-left: 0.750em
}
#img-Pla-DS1 {
	background-image: url(../img/edition/Pla-DS1.jpg);
	width: 19.938em
}
#img-Pla-DS2 {
	background-image: url(../img/edition/Pla-DS2.jpg);
	width: 28.125em
}
#img-Pla-DS3 {
	background-image: url(../img/edition/brochure-DS01.jpg);
	width: 20.625em
}
#img-Pla-DS4 {
	background-image: url(../img/edition/brochure-DS02.jpg);
	width: 24.250em;
	height: 19.000em;
	margin-bottom: 9.125em
}
#img-huile-01 {
	background-image: url(../img/edition/huile-01.jpg);
	width: 20.625em
}
#img-huile-02 {
	background-image: url(../img/edition/huile-02.jpg);
	width: 31.250em;
	height: 15.813em;
	margin-bottom: 12.313em
}
#img-M01 {
	background-image: url(../img/edition/M1.jpg);
	width: 18.750em;
	height: 18.750em
}
#img-M02, #img-M03, #img-M04, #img-M05 {
	width: 13.125em;
	height: 13.125em
}
#img-M02 {
	background-image: url(../img/edition/M2.jpg)
}
#img-M03 {
	background-image: url(../img/edition/M3.jpg)
}
#img-M04 {
	background-image: url(../img/edition/M4.jpg);
	margin-left: 12.813em
}
#img-M05 {
	background-image: url(../img/edition/M5.jpg)
}
#img-Sie-01, #img-Sie-02 {
	width: 28.125em
}
#img-Sie-01 {
	background-image: url(../img/edition/Sie-01.png);
	height: 19.125em
}
#img-Sie-02 {
	background-image: url(../img/edition/Sie-02.jpg);
	height: 17.313em;
	position: absolute;
	margin-top: 0.82em;
	margin-left: -6em;
	z-index: 2
}
#img-Sie-03 {
	background-image: url(../img/edition/Sie-Anime.gif);
	width: 6.313em;
	height: 3.500em;
	z-index: 3;
	margin-left: 8.25em;
	margin-top: 6.870em;
	position: absolute
}
#img-fest-01, #img-fest-02 {
	width: 18.750em
}
#img-fest-01 {
	background-image: url(../img/edition/2005.jpg)
}
#img-fest-02 {
	background-image: url(../img/edition/2006.jpg)
}
#img-Music-01, #img-Music-03 {
	width: 17.125em;
	height: 17.125em
}
#img-Music-01 {
	background-image: url(../img/edition/nascime-01.jpg)
}
#img-Music-02 {
	background-image: url(../img/edition/nascime-02.jpg);
	width: 33.500em;
	height: 17.125em
}
#img-Music-03 {
	background-image: url(../img/edition/Abash-01.jpg);
	margin-right: 9.000em
}
#section3 {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../img/fond/bg_black.png);
	background-repeat: repeat;
	background-position: 0 0
}
#section3 h8 {
	left: -130%;
	position: relative
}
#section3 p {
	font-family: futuraStdBook;
	font-size: .7em;
	line-height: 18px;
	font-style: normal;
	color: #fff;
	opacity: 0.2;
	text-align: left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0
}
#section3 {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../img/fond/fond-black.svg);
	background-repeat: repeat;
	background-position: 0 0
}
#section3 h8 {
	left: -130%;
	position: relative
}
#section3 p {
	font-family: futuraStdBook;
	font-size: .7em;
	line-height: 18px;
	font-style: normal;
	color: #fff;
	opacity: 0.2;
	text-align: left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0
}
#section3 h2 {
	display: inline;
	letter-spacing: 0.063em;
	line-height: 6em;
	padding-right: 9.2em;
	float: right
}
#section3 img {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
#img-web {
	background-color: transparent;
	background-image: url(../img/intro/ecran.web.png);
	background-repeat: no-repeat;
	height: 15.938em;
	width: 28.875em
}
#section3 h11 {
	position: relative;
	z-index: 1;
	opacity: 1
}
.tw {
	left: 1.100em;
	bottom: 18.400em
}
#img-1a, #img-1b, #img-1c, #img-2a, #img-2b, #img-2c, #img-3a, #img-3b, #img-3c, #img-4a, #img-4b, #img-4c, #img-5a, #img-5b, #img-5c, #img-6a, #img-6b, #img-6c {
	margin-right: 0.750em;
	margin-left: 0.750em
}
#img-1a, #img-2a, #img-3a, #img-4a, #img-5a, #img-6a {
	width: 30.000em;
	height: 20.000em
}
#img-1b, #img-1c, #img-2b, #img-2c, #img-3b, #img-3c, #img-4b, #img-4c, #img-5b, #img-5c, #img-6b, #img-6c {
	width: 18.750em;
	height: 12.500em
}
#img-1a {
	background-image: url(../img/web/img-1a.jpg)
}
#img-1b {
	background-image: url(../img/web/img-1b.jpg)
}
#img-1c {
	background-image: url(../img/web/img-1c.jpg);
	margin-left: 25.300em
}  
#img-2a {
	background-image: url(../img/web/img-2a.jpg)
}
#img-2b {
	background-image: url(../img/web/img-2b.jpg)
}
#img-2c {
	background-image: url(../img/web/img-2c.jpg);
	margin-left: 30.000em
} 
#img-3a {
	background-image: url(../img/web/img-3a.jpg)
}
#img-3b {
	background-image: url(../img/web/img-3b.jpg)
}
#img-3c {
	background-image: url(../img/web/img-3c.jpg);
	margin-left: 27.900em
} 
#img-4a {
	background-image: url(../img/web/img-4a.jpg)
}
#img-4b {
	background-image: url(../img/web/img-4b.jpg)
}
#img-4c {
	background-image: url(../img/web/img-4c.jpg);
	margin-left: 28.063em
} 
#img-5a {
	background-image: url(../img/web/img-5a.jpg)
}
#img-5b {
	background-image: url(../img/web/img-5b.jpg)
}
#img-5c {
	background-image: url(../img/web/img-5c.jpg);
	margin-left: 27.700em
}  
#img-6a {
	background-image: url(../img/web/img-6a.jpg)
}

#img-6b {
	background-image: url(../img/web/img-6b.jpg)
}
#img-6c {
	background-image: url(../img/web/img-6c.jpg);
	margin-left: 25.600em
}    
#section4 {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../img/fond/fond-white.svg);
	background-repeat: repeat;
	background-position: 0 0
}
#section4 h8 {
	left: -130%;
	position: relative
}
.container-image, .container-anime, .container-01 {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
.container-anime {
	position: relative;
	display: inherit;
	margin: auto;
	max-width: 18.750em;
	height: 100em;
	z-index: 0;
	overflow: hidden;
	left: -7.75em
}
.container-01 {
	position: relative;
	display: inherit;
	margin: auto;
	max-width: 100%;
	height: 40em;
	z-index: 1;
	overflow: hidden;
	bottom: -4.8em
}
.titre-accueil, .titre-slide-01, .titre-slide-02, .titre-slide-web, .titre-slide-pweb, .titre-slide-03, .titre-slide-04, .titre-contact {
	position: absolute;
	display: inherit;
	margin: auto;
	z-index: 1;
	overflow: hidden;
	clear: both
}
.titre-accueil {
	width: 100%;
	top: 7.9em
}
.titre-slide-01, .titre-slide-02 {
/*	width: 12.5%;*/
    width: 100%;
	top: 7.9em			         
}
.titre-slide-web, .titre-slide-pweb {
	width: 14.28%;
	top: 7.9em
}
.titre-slide-03, .titre-slide-04 {
	width: 33.3%;
	top: 7.9em
}
.titre-contact {
	width: 100%;
	top: 9.9em
}
#section4 h2 {
	display: inline;
	letter-spacing: 0.063em;
	line-height: 6em;
	float: right;
	padding-right: 9.2em;
	color: rgba(0,0,0,0.5)
}
#section4 .imgAnime1, .imgAnime2 {
	position: absolute;
	display: block;
	-webkit-transition: all 1.2s ease-in-out;
	-moz-transition: all 1.2s ease-in-out;
	-o-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out
}
#img-illustration1, #img-illustration2 {
	background-color: transparent;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
#section4 .imgAnime1 {
	z-index: 1;
	left: 68%
}
#img-illustration1 {
	background-image: url(../img/pinceau.png);
	width: 5.813em;
	height: 8.000em
}
#section4.moveDown .imgAnime1 {
	top: 10%
}
#section4.active .imgAnime1 {
	top: 24.6%
}
#section4 .imgAnime2 {
	z-index: 0
}
#img-illustration2 {
	background-image: url(../img/boulle-illustration.png);
	width: 18.750em;
	height: 29.438em
}
#section4.moveDown .imgAnime2 {
	top: 100%
}
#section4.active .imgAnime2 {
	top: 16%
}
.container-02 {
	position: relative;
	display: block;
	max-width: 100%;
	height: 50em;
	z-index: 1;
	overflow: hidden
}
.cycle-slideshow, .cycle-slideshow * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.cycle-slideshow {
	width: 50%;
	min-width: 48.125em;
	max-width: 43.750em;
	margin: auto;
	height: 16.125em;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
.cycle-slideshow img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	display: block
}
#img-animalier1, #img-animalier2, #img-animalier3, #img-animalier4 {
	background-color: transparent;
	background-repeat: no-repeat;
	height: 16.125em;
	width: 39.375em;
	margin: auto;
	left: 0;
	right: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
#img-animalier1 {
	background-image: url(../img/illustration/gallery-animalier/image1.jpg)
}
#img-animalier2 {
	background-image: url(../img/illustration/gallery-animalier/image2.jpg)
}
#img-animalier3 {
	background-image: url(../img/illustration/gallery-animalier/image3.jpg)
}
#img-animalier4 {
	background-image: url(../img/illustration/gallery-animalier/image4.jpg)
}
#img-paysage1, #img-paysage2, #img-paysage3, #img-paysage4 {
	background-color: transparent;
	background-repeat: no-repeat;
	height: 15.625em;
	width: 31.875em;
	margin: auto;
	left: 0;
	right: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
#img-paysage1 {
	background-image: url(../img/illustration/gallery-paysage/image1.jpg)
}
#img-paysage2 {
	background-image: url(../img/illustration/gallery-paysage/image2.jpg)
}
#img-paysage3 {
	background-image: url(../img/illustration/gallery-paysage/image3.jpg)
}
#img-paysage4 {
	background-image: url(../img/illustration/gallery-paysage/image4.jpg)
}
.cycle-slideshow img:first-child {
	position: static;
	z-index: 100
}
.cycle-pager {
	text-align: center;
	width: 100%;
	z-index: 500;
	position: absolute;
	top: 10px;
	overflow: hidden
}
.cycle-pager span {
	font-family: arial;
	font-size: 50px;
	width: 16px;
	height: 16px;
	display: inline-block;
	color: #ddd;
	cursor: pointer
}
.cycle-pager span.cycle-pager-active {
	color: #D69746
}
.cycle-pager >* {
	cursor: pointer
}
.cycle-caption {
	position: absolute;
	color: #aaa;
	z-index: 700;
	top: 0;
	width: 100%;
	text-align: left !important
}
.cycle-overlay {
	font-family: tahoma, arial;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 600;
	background: black;
	color: white;
	padding: 15px;
	opacity: .5
}
.cycle-prev, .cycle-next {
	position: absolute;
	top: 0;
	width: 30%;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 800;
	height: 100%;
	cursor: pointer
}
.cycle-prev {
	left: 0;
	background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat
}
.cycle-next {
	right: 0;
	background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat
}
.cycle-prev:hover, .cycle-next:hover {
	opacity: .7;
	filter: alpha(opacity=70)
}
.disabled {
	opacity: .5;
	filter: alpha(opacity=50)
}
.cycle-paused:after {
	content: 'PAUSE';
	color: white;
	background: rgba(0,0,0,0.2);
	opacity: 1;
	padding: 10px;
	z-index: 500;
	position: absolute;
	top: 10px;
	right: 80px;
	border-radius: 10px;
	font-family: FuturaStdLight
}
.cycle-prev, .cycle-next {
	cursor: pointer;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 30%;
	z-index: 800
}
.caption1 {
	font-family: FuturaStdLight;
	color: rgba(0,0,0,0.5);
	font-size: 1.500em;
	position: absolute;
	top: 16.7em;
	z-index: 40;
	opacity: 1
}
.caption2, .caption3 {
	font-family: FuturaStdLight;
	font-size: 0.688em;
	color: rgba(0,0,0,0.5);
	position: absolute;
	z-index: 30;
	-moz-animation: fadeInRight 0.8s ease-in 1.3s backwards;
	-webkit-animation: fadeInRight 0.8s ease-in 1s backwards;
	animation: fadeInRight 0.8s ease-in 1s backwards;
	opacity: 1;
	padding-left: 6.2em
}
.caption2 {
	top: 25em
}
.caption3 {
	top: 24.6em
}
.prev:before, .next:before {
	background-repeat: no-repeat;
	position: absolute
}
.prev, .next {
	background-repeat: no-repeat;
	cursor: pointer;
	height: 3.750em;
	margin: 0;
	opacity: 0;
	position: absolute;
	top: 40%;
	width: 2.000em;
	z-index: 1002;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
.prev {
	background-image: url(../img/arrow_left.svg);
	left: 0
}
.next {
	background-image: url(../img/arrow_right.svg);
	right: 0px
}
.cycle-slideshow:hover .prev {
	animation: 0.7s ease 0s normal none 1 running bounceInLeft;
	opacity: 1
}
.cycle-slideshow:hover .next {
	animation: 0.7s ease 0s normal none 1 running bounceInRight;
	opacity: 1
}
.cycle-slideshow1:hover .prev {
	animation: 0.7s ease 0s normal none 1 running bounceInLeft;
	opacity: 1
}
.cycle-slideshow1:hover .next {
	animation: 0.7s ease 0s normal none 1 running bounceInRight;
	opacity: 1
}
.cycle-slideshow1, .cycle-slideshow1 * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.cycle-slideshow1 {
	width: 50%;
	min-width: 40.625em;
	max-width: 40.625em;
	margin: auto;
	position: relative;
	height: 15.625em;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
.cycle-slideshow1 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	display: block
}
.cycle-slideshow1 img:first-child {
	position: static;
	z-index: 100
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes fadeInRight {
0% {
opacity:0;
-moz-transform:translateX(20px)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}
@-o-keyframes fadeInRight {
0% {
opacity:0;
-o-transform:translateX(20px)
}
100% {
opacity:1;
-o-transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
transform:translateX(20px)
}
100% {
opacity:1;
transform:translateX(0)
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0)
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity:0;
-moz-transform:translateX(-2000px)
}
60% {
opacity:1;
-moz-transform:translateX(30px)
}
80% {
-moz-transform:translateX(-10px)
}
100% {
-moz-transform:translateX(0)
}
}
@-o-keyframes bounceInLeft {
0% {
opacity:0;
-o-transform:translateX(-2000px)
}
60% {
opacity:1;
-o-transform:translateX(30px)
}
80% {
-o-transform:translateX(-10px)
}
100% {
-o-transform:translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity:0;
transform:translateX(-2000px)
}
60% {
opacity:1;
transform:translateX(30px)
}
80% {
transform:translateX(-10px)
}
100% {
transform:translateX(0)
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0)
}
}
@-moz-keyframes bounceInRight {
0% {
opacity:0;
-moz-transform:translateX(2000px)
}
60% {
opacity:1;
-moz-transform:translateX(-30px)
}
80% {
-moz-transform:translateX(10px)
}
100% {
-moz-transform:translateX(0)
}
}
@-o-keyframes bounceInRight {
0% {
opacity:0;
-o-transform:translateX(2000px)
}
60% {
opacity:1;
-o-transform:translateX(-30px)
}
80% {
-o-transform:translateX(10px)
}
100% {
-o-transform:translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity:0;
transform:translateX(2000px)
}
60% {
opacity:1;
transform:translateX(-30px)
}
80% {
transform:translateX(10px)
}
100% {
transform:translateX(0)
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight
}
#section5 h9 {
	left: -130%;
	position: relative
}
.container-box {;
	display: inherit;
	height: 30em;
	left: 4.9em;
	margin: auto;
	max-width: 18.75em;
	overflow: hidden;
	position: relative;
	z-index: 0
}
#section5 .box {
	bottom: 0;
	display: inherit;
	margin: auto;
	overflow: hidden;
	position: absolute;
	right: 0;
	width: 8.726em;
	z-index: 3;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
#section5 h3 {
	color: #aaa;
	font-style: normal;
	letter-spacing: 0.2em;
	text-align: justify
}
#section5 h1 {
	font-style: normal;
	letter-spacing: 0.11em;
	text-align: justify
}
#section5 h5 {
	color: #F7819F;
	text-align: justify;
	text-justify: inter-word;
	text-justify: newspaper;
	letter-spacing: 0.17em;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	opacity: 1
}
#section5 h5:hover {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	opacity: 0.5
}
#section5 .imgAnime {
	position: absolute;
	z-index: 1;
	left: 4.3em;
	-webkit-transition: all 1.2s ease-in-out;
	-moz-transition: all 1.2s ease-in-out;
	-o-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out
}
#img-contact {
	background-color: transparent;
	background-image: url(../img/boulle-contact.png);
	background-repeat: no-repeat;
	width: 10.688em;
	height: 7.063em;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
#section5.moveDown .imgAnime {
	top: 90%
}
#section5.active .imgAnime {
	top: 5.6%
}
a:active, a:hover {
	outline: 0
}
@-webkit-viewport {
width:device-width
}
@-moz-viewport {
width:device-width
}
@-ms-viewport {
width:device-width
}
@-o-viewport {
width:device-width
}
@viewport {
width:device-width
}
.nav-collapse ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	list-style: none
}
.nav-collapse li {
	width: 100%;
	display: block
}
.js .nav-collapse {
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	zoom: 1
}
.nav-collapse.opened {
	max-height: 9999px
}
.disable-pointer-events {
	pointer-events: none !important
}
.nav-toggle {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}
#header {
	background-color: rgba(223,223,223,0.9);
	position: fixed;
	z-index: 3;
	width: 100%;
	left: 0;
	top: 0
}
.logo {
	display: block;
	float: left;
	margin: 0.4em 1.250em 0em 1.875em;
	width: 18em;
	height: 3.688em;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
#image {
	background-image: url(../img/boulle-header.png);
	background-color: transparent;
	background-repeat: no-repeat;
	width: 5.125em;
	height: 3.688em;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
#header h10 {
	color: rgba(0,0,0,0.4);
	position: relative;
	letter-spacing: 0.175em;
	font-size: 1.125em;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	bottom: 1.08em;
	left: 1.4em
}
.mask {
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	transition: opacity 300ms;
	background: rgba(0,0,0,.5);
	visibility: hidden;
	position: fixed;
	opacity: 0;
	z-index: 2;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0
}
.android .mask {
	-webkit-transition: none;
	transition: none
}
.js-nav-active .mask {
	visibility: visible;
	opacity: 1
}
.fixed {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0
}
.nav-collapse, .nav-collapse * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.nav-collapse, .nav-collapse ul {
	list-style: none;
	width: 100%;
	float: left
}
.nav-collapse li {
	float: left;
	width: 100%
}
.nav-collapse a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	border-top: 1px solid #777;
	text-decoration: none;
	padding: 0.7em 2.2em;
	color: rgba(0,0,0,0.8);
	width: 100%;
	float: left;
	-webkit-transition: color .6s ease-in;
	-moz-transition: color .6s ease-in;
	-o-transition: color .6s ease-in;
	transition: color .6s ease-in
}
.nav-collapse a:active {
	color: #F7819F
}
.nav-collapse ul ul a {
	background: #ca3716;
	padding-left: 2em
}
.nav-toggle {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: none;
	text-indent: -300px;
	position: relative;
	overflow: hidden;
	width: 60px;
	height: 55px;
	float: right
}
.nav-toggle:before {
	color: #aaa;
	font: normal 38px/55px "futuraStdBook";
	text-transform: none;
	text-align: center;
	position: absolute;
	content: "\2261";
	text-indent: 0;
	speak: none;
	width: 100%;
	left: 0;
	top: 0
}
.nav-toggle.active:before {
	font-size: 38px;
	content: "\2261"
}
@media screen and (min-width:40em) {
.js .nav-collapse {
	position: relative
}
.js .nav-collapse.closed {
	max-height: none
}
.nav-toggle {
	display: none
}
.mask {
	display: none !important;
	opacity: 0 !important
}
.nav-collapse {
	float: right;
	width: auto
}
.nav-collapse li {
	width: auto
}
.nav-collapse a {
	margin-top: 1.3em;
	padding: 0.6em 2em;
	text-align: center;
	border-top: 0;
	float: left
}
.nav-collapse .active a {
	color: #F7819F
}
.nav-collapse a:hover, .nav-collapse .hover a {
	color: rgba(0,0,0,0.4)
}
.nav-collapse ul ul a {
	display: none
}
}
@media screen and (max-width:120.000em) and (max-width:40em) {
.nav-collapse a {
	background-color: rgba(223,223,223,0.9);
	font-size: 14px
}
.nav-collapse a:active, .nav-collapse .active a {
	color: #F7819F
}
}