@media screen and (max-width:1280px) {
#picto-web {
	top: 6.2em;
}
.titre-accueil, .titre-slide-01, .titre-slide-02, .titre-slide-web, .titre-slide-pweb, .titre-slide-03, .titre-slide-04 {
	top: 6em;
}
.columns {
	margin-top: 10em
}
.container-image {
	top: 1em
}
#section5 .box {
	width: 8.85em
}
.fp-slidesNav.bottom {
	bottom: 7px;
}
.end-stars {
	bottom: -0.7em;
}
}
@media screen and (max-width:1024px) {
.logo {
	margin: 0.5em 1.250em 0em 1.875em
}
#picto-web {
	top: 6.2em
}
.fp-slidesNav.bottom {
	bottom: 0px
}
.fp-slidesNav ul li {
	margin: 3px
}
fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
	height: 10px;
	width: 10px;
	margin: -5px 0 0 -5px
}
.fp-slidesNav ul li:hover a span {
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px
}
.end-stars {
	bottom: -0.2em
}

.titre-accueil, .titre-slide-01, .titre-slide-02, .titre-slide-web, .titre-slide-pweb, .titre-slide-03, .titre-slide-04 {
	top: 6em
}
.columns {
	margin-top: 10em
}
.container-image {
	top: 1em
}
#gallery-container {
	top: 3em
}
#section5 .box {
	width: 9em
}
}
@media screen and (max-width:800px) {
.logo {
	display: block;
	float: left;
	margin: 0.4em 1.250em 0em 1.875em;
	width: 200px;
	height: 45px
}
#image {
	background-image: url(../img/boulle-header-mobile.png);
	width: 64px;
	height: 45px
}
#header h10 {
	letter-spacing: 0.250em;
	font-size: 12px;
	bottom: 1.2em;
	left: 1em
}
.titre-slide-02 {
	display: none
}
.container-01 {
	top: 4em
}
#gallery-container {
	top: 3em
}
.caption1 {
}
#section5 .box {
	width: 9.69em
}
}
@media screen and (max-width:768px) {
.logo {
	margin: 0.7em 1.250em 0em 1.875em
}
#picto-web {
	top: 8.2em
}
.titre-accueil, .titre-slide-01, .titre-slide-02, .titre-slide-web, .titre-slide-pweb, .titre-slide-03, .titre-slide-04 {
	top: 8em
}
.fp-slidesNav.bottom {
	bottom: 22px
}
.columns {
	max-width: 45em
}
.titre-slide-02 {
	display: inherit
}
.accueil-01 {
	letter-spacing: 0.077em
}
.accueil-02 {
	letter-spacing: -0.015em
}
#section1 h2 {
	margin: 1.1em 0 2.8em
}


#section2.active .imgAnime1 {
	top: 28.8%
}


#section2.active .imgAnime2 {
	top: 28.64%
}
#section4.active .imgAnime1 {
	top: 37.4%
}
#section4.active .imgAnime2 {
	top: 29.2%
}
.container-box {
	height: 40em
}
#section5 .box {
	width: 10.6em
}
#section5 h3 {
	font-size: 1.2em;
	letter-spacing: 0.303em
}
#section5 h1 {
	font-size: 0.85em;
	letter-spacing: 0.146em
}
#section5 h5 {
	font-size: 1.8em;
	letter-spacing: 0.17em
}
#section5.active .imgAnime {
	top: 8.8em
}
}
@media screen and (max-width:600px) {
.columns {
	max-width: 50em;
	margin-top: 1em
}
#section1 h1 {
	font-size: 2.8em;
	text-align: justify
}
.accueil-01 {
	letter-spacing: 0.155em
}
.accueil-02 {
	letter-spacing: 0.051em
}
#section1 h2 {
	font-size: 10px;
	letter-spacing: 0.017em;
	margin: 1em 0 2.38em
}
#section1 h5 {
	font-size: 14px
}
#section1 p {
	font-size: 12px
}
.container-image {
	top: 1.4em
}
.fp-slidesNav.bottom {
	bottom: 12px
}
.titre-slide-02 {
	display: inherit
}
#section2.active .imgAnime1 {
	top: 26.55%
}
#section2.active .imgAnime2 {
	top: 26.4%
}
#section4.active .imgAnime1 {
	top: 35.2%
}
#section4.active .imgAnime2 {
	top: 27%
}
.container-box {
	height: 41em;
	max-width: 18.75em
}
#section5 .box {
	width: 13.4em
}
#section5 h3 {
	font-size: 1.501em;
	letter-spacing: 0.311em
}
#section5 h1 {
	font-size: 1.1em;
	letter-spacing: 0.13em
}
#section5 h5 {
	font-size: 2.4em;
	letter-spacing: 0.13em
}
#section5.active .imgAnime {
	top: 5.6%
}
}
@media screen and (max-width:568px) {
#img0 {
	height: 9.813em;
	width: 25.188em
}
#img1 {
	padding-right: 4em
}
#img2 {
}
#img3 {
}
#img4 {
}
#picto-web {
	top: 10.7em
}


.titre-slide-01, .titre-slide-web, .titre-slide-pweb, .titre-slide-03, .titre-slide-04 {
	top: 10.5em
}
.titre-contact {
	top: 12em
}
.titre-accueil {
	display: none
}
.columns {
	max-width: 70.5em;
	margin-top: 11em
}
#section1 hr {
	margin: 36px 0
}
#section1 h1 {
	font-size: 2.8em;
	text-align: justify
}
.accueil-01 {
	letter-spacing: 0.476em
}
.accueil-02 {
	letter-spacing: 0.308em
}
#section1 h2 {
	font-size: 1.6em;
	letter-spacing: 0.017em;
	margin: 0.8em 0 1em
}
#section1 h5 {
	font-size: 12px
}
#section1 p {
	font-size: 10px
}
.container-image {
	top: -9em
}
.fp-slidesNav.bottom {
	bottom: 0px
}
.titre-slide-02 {
	display: none
}

#section2.active .imgAnime1 {
	top: 16.100%
}



#section2.active .imgAnime2 {
	top: 16%
}
#gallery-container {
	top: 7em
}
#section4.active .imgAnime1 {
	top: 24.5%
}
#section4.active .imgAnime2 {
	top: 16.5%
}
.container-box {
	height: 37em;
	max-width: 18.75em
}
#section5 .box {
	width: 18.75em;
	margin-bottom: 3em
}
#section5 h3 {
	font-size: 2.08em;
	letter-spacing: 0.319em
}
#section5 h1 {
	font-size: 1.494em;
	letter-spacing: 0.16em
}
#section5 h5 {
	font-size: 2.74em;
	letter-spacing: 0.33em
}
#section5.active .imgAnime {
	top: 0.1%
}
}
@media screen and (max-width:375px) {
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
.columns {
	margin-top: 3em
}
}
@media screen and (max-width:480px) {
#img0 {
	height: 9.813em;
	width: 25.188em
}
#img1 {
	padding-right: 4em
}
#img2 {
}
#img3 {
}
#img4 {
}
#picto-web {
	top: 10.7em
}


.titre-slide-01, .titre-slide-web, .titre-slide-pweb, .titre-slide-03, .titre-slide-04 {
	top: 10.5em
}
.titre-contact {
	top: 12em
}
.titre {
	display: none
}
.columns {
	max-width: 70.5em;
	margin-top: 13em
}
#section1 h1 {
	font-size: 2.8em;
	text-align: justify;
	text-justify: inter-word
}
.accueil-01 {
	letter-spacing: 0.476em
}
.accueil-02 {
	letter-spacing: 0.308em
}
#section1 h2 {
	font-size: 1.6em;
	letter-spacing: 0.017em;
	margin: 0.8em 0 1em
}
#section1 h5 {
	font-size: 12px
}
#section1 p {
	font-size: 10px
}
.fp-slidesNav.bottom {
	bottom: 0px
}
.container-01 {
	bottom: -4em
}
.titre-slide-02 {
	display: none
}
#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-fest-01, #img-fest-02 {
	margin-top: 3.5em
}
#gallery-container {
	top: 6em
}
.container-02 {
	height: 45em
}
.cycle-paused:after {
	top: -60px;
	right: 1px;
	font-size: 10px
}
.caption1 {
	font-size: 14px;
	top: 150px
}
.caption2, .caption3 {
}
.caption2 {
	top: 105px
}
.caption3 {
	top: 100px
}
.cycle-slideshow:hover .prev, .cycle-slideshow1:hover .prev {
	display: none !important
}
.cycle-slideshow:hover .next, .cycle-slideshow1:hover .next {
	display: none !important
}
.container-box {
	height: 37em;
	max-width: 18.75em
}
#section5 .box {
	width: 18.75em
}
#section5 h3 {
	font-size: 2.08em;
	letter-spacing: 0.319em
}
#section5 h1 {
	font-size: 1.494em;
	letter-spacing: 0.16em
}
#section5 h5 {
	font-size: 2.74em;
	letter-spacing: 0.33em
}
#section5.active .imgAnime {
	top: 0.1%
}
}
@media screen and (max-width:320px) {
#img0 {
	width: 25.188em;
	height: 9.813em
}
#img1 {
	width: 28em;
	height: auto;
	padding-right: 6.5em;
	top: 71%;
	-webkit-transform: translateY(-71%);
	-moz-transform: translateY(-71%);
	-ms-transform: translateY(-71%);
	-o-transform: translateY(-71%);
	transform: translateY(-71%)
}
#img2 {
	width: 40em;
	height: auto
}
#img3 {
	width: 35em;
	height: auto;
	top: 72%;
	-webkit-transform: translateY(-72%);
	-moz-transform: translateY(-72%);
	-ms-transform: translateY(-72%);
	-o-transform: translateY(-72%);
	transform: translateY(-72%)
}
#img4 {
}
#picto-web {
	top: 14.1em
}


.titre-accueil, .titre-slide-01, .titre-slide-02, .titre-slide-web, .titre-slide-pweb, .titre-slide-03, .titre-slide-04 {
	top: 13.9em
}
.titre-contact {
	top: 15.9em
}
.columns {
	max-width: 48.2em;
	margin-top: 18em;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1
}
#section1 hr {
	display: none
}
#section1 h10 {
	display: inline !important;
	font-size: 12px;
	letter-spacing: 0.0493em;
	color: rgba(0,0,0,0.5);
	text-align: justify
}
#section1 h6 {
	display: none
}
#section1 p {
	font-size: 10px
}
#section1 h2 {
	font-size: 10px;
	margin: 1em 0 1em
}
#section1 h5 {
	font-size: 12px
}
.container-image {
	width: 18.4em;
	height: 15.813em;
	bottom: 1.1em
}
#logo-anime {
	width: 18.4em;
	height: 15.813em
}
.fp-slidesNav.bottom {
	bottom: 0px
}
.container-anime {
	max-width: 28.125em
}
.container-01 {
	bottom: -8em
}
.titre-slide-01, .titre-slide-02 {
	display: inherit
}



#img-edition1 {
	width: 10em;
	height: 27em
}

#section2 .imgAnime1 {
	left: 31.5%
}


#section2.moveDown .imgAnime1 {
	top: 0%
}
#section2.active .imgAnime1 {
	top: 30.3%
}

#img-edition2 {
	width: 22.313em;
	height: 43.688em
}
#section2.moveDown .imgAnime2 {
	top: 100%
}
#section2.active .imgAnime2 {
	top: 30.2%
}
.container-image {
	display: none
}
#gallery-container {
	margin-top: 0em
}
#section4 .imgAnime1 {
	width: 8.750em;
	height: 12.000em
}
#section4 .imgAnime2 {
	width: 28.125em;
	height: 44.188em
}
#img-illustration1 {
	width: 8.750em;
	height: 12.000em
}
#img-illustration2 {
	width: 28.125em;
	height: 44.188em
}
#section4.active .imgAnime1 {
	top: 43%
}
#section4.active .imgAnime2 {
	top: 30%
}
.container-02 {
	height: 45em
}
.cycle-paused:after {
	top: -60px;
	right: 1px;
	font-size: 10px
}
.caption1 {
	font-size: 14px;
	top: 150px
}
.caption2, .caption3 {
}
.caption2 {
	top: 105px
}
.caption3 {
	top: 100px
}
.cycle-slideshow:hover .prev, .cycle-slideshow1:hover .prev {
	display: none !important
}
.cycle-slideshow:hover .next, .cycle-slideshow1:hover .next {
	display: none !important
}
#section5 h3 {
	font-size: 2.08em;
	letter-spacing: 0.32em
}
#section5 h1 {
	font-size: 1.494em;
	letter-spacing: 0.16em
}
#section5 h5 {
	font-size: 2.74em;
	letter-spacing: 0.33em
}
.container-box {
	height: 50em;
	max-width: 18.75em
}
#section5 .box {
	width: 18.75em
}
#section5.active .imgAnime {
	top: 9.4%
}
#img-contact {
	width: 18.438em;
	height: 12.188em
}
}