@charset "utf-8";
*{padding:0; margin:0}
@font-face {
	font-family: 'segoesc';
	src: url('segoesc.ttf') format('truetype');
	font-weight: normal;
}
@font-face {
	font-family: 'Conv_segoesc';
	src: url('segoesc.eot');
	src: local('☺'), url('segoesc.woff') format('woff'), url('segoesc.ttf') format('truetype'), url('segoesc.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{font:100%/1.4 'segoesc',arial,sans-serif; position:relative; margin: 0 auto; background:#0f0503; color:#663300;padding: 0 0 7rem;}
header, footer, section, nav, aside, article, address{display: block; border: 0 none; font-family: inherit;font-size: 100%; font-style: inherit;font-weight: inherit;margin: 0;padding: 0;vertical-align: baseline; position:relative}
img {border:none; max-width:100%; display:inline-block}
section{text-align:center; overflow:hidden}
section.blanc{background:#fff;}
.mentions section{padding:1em}
footer{text-align:center; padding:1rem; background:#fff;}
nav{position:fixed; bottom:0; left:0; text-align:center; width:100%}
nav a{display:inline-block; width:44px; height:44px; background:#fff; opacity:0.8; border-radius:50%; border:solid 1px #996666; margin:0 1% 1%;
-moz-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -opera-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
nav a:hover, nav a:active{opacity:1; border:solid 1px #999;}
#intro, .padding{padding:1rem 0}
#barbu img{display:block;     margin: 0 auto;}
#barbu h2 {padding: 6% 2%;}
h2 small{font-size:60%}
.relative{position:relative;}
#noyau22{position:relative; text-align:center}
#noyau22 img{position:absolute; left:50%;
transform: translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
top: 0;}
p, h3{padding:.5rem}
h1{ width:94%; top:0; left:0; padding:2.5% 3%; font-weight:normal; font-size: 2rem;}
#barbu h1{position:absolute;}
h2{position:absolute; width:96%; bottom:0; left:0; padding:2%; font-weight:normal; line-height:0.9;     font-size: 1.4em;}
.mentions h2{position:relative}
.col4 h2{width:96%; padding:3% 2%}
footer h2{width:auto; padding:1%}
.blanc h2, footer h2{color: #bb5500;}
footer h2{position:relative}
a.btn1{background:url(../img/mini/sculpture-noyaux-d-olive-barbu-face.jpg) no-repeat 50% 50%;}
a.btn-expo{background:url(../img/mini/bg-expo.png) no-repeat 50% 50%;}
a.btn2{background:url(../img/mini/sculpture-noyaux-d-olive-5-blanc.jpg) no-repeat 50% 50%;}
a.btn3{background:url(../img/mini/sculpture-noyaux-d-olive-22-4.jpg) no-repeat 50% 50%;}
a.btn4{background:url(../img/mini/sculpture-noyaux-d-olive-16-blanc.jpg) no-repeat 50% 50%;}
a.btn5{background:url(../img/mini/sculpture-noyaux-d-olive-6-1.jpg) no-repeat 50% 50%;}
a.btn6{background:url(../img/mini/sculpture-noyaux-d-olive-3-blanc.jpg) no-repeat 50% 50%;}
a.btn7{background:url(../img/mini/sculpture-noyaux-d-olive-19-1.jpg) no-repeat 50% 50%;}
a.btn8{background:url(../img/mini/sculpture-noyaux-d-olive-18-1.jpg) no-repeat 50% 50%;}
a.btn9{background:url(../img/mini/sculpture-noyaux-d-olive-20-1.jpg) no-repeat 50% 50%;}
a.btn10{background:url(../img/mini/sculpture-noyaux-d-olive-7-blanc.jpg) no-repeat 50% 50%;}
a.btn11{background:url(../img/mini/sculpture-noyaux-d-olive-21.jpg) no-repeat 50% 50%;}
a.btn12{background:url(../img/mini/sculpture-noyaux-d-olive-23-blanc.jpg) no-repeat 50% 50%;}
a.btn13{background:url(../img/mini/contact-nickop.png) no-repeat 50% 50%;}
a.btn-mentions{background:url(../img/mini/bg-mentions.png) no-repeat 50% 50%;}
label{display:none}
form{max-width: 360px; margin: 0 auto;}
input, textarea{width:88%; margin:0 3% 3%; padding:0.5rem 3%; border-radius:0.5rem; border:solid 1px #cc9966; color: #bb5500;
    font-family: 'segoesc',arial,sans-serif;
    font-size: 1rem;}
input[type="submit"]{background:#d4b68a; font-family:'segoesc',arial,sans-serif; color:#fff; font-size: 1.34rem; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -opera-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; text-shadow: #441100 1px 1px 1px; width:auto; padding:0.5rem 1.5rem}
input[type="submit"]:hover{cursor:pointer; color:#441100; background:#ffffff}
a:link.tel, a:visited.tel{background:#d4b68a; color:#fff; margin:0 3% 3%; padding:0.5rem 1.5rem; border-radius:1rem;border:solid 1px #cc9966; display:inline-block; font-size: 1.34rem;    text-shadow: #441100 1px 1px 1px;}
a:hover.tel, a:active.tel, a:focus.tel{color:#441100; background:#ffffff}
#noyau22 img.slide22{position:relative; left:0; transform:none; opacity:0; z-index:-1}
.zone-img22{position:absolute; top:left; width:11.111111%; height:100vh}

#noyau22 img#icon-slide{position:absolute; left:50%; top:50%; transform:translateY(-50%) translateX(-50%); opacity:1}
#noyau22 img#icon-slide.none, .none{display:none}
/*
#img22-zone-0{left:0; background: url('../img/sculpture-noyaux-d-olive-22-0.png') no-repeat 50% 50%; background-size:100% auto; opacity:.1}
#img22-zone-1{left:11.111111%; background: url('../img/sculpture-noyaux-d-olive-22-1.png') no-repeat 50% 50%; background-size:140% auto; opacity:.1}
#img22-zone-2{left:22.222222%; background: url('../img/sculpture-noyaux-d-olive-22-2.png') no-repeat 50% 50%; background-size:170% auto; opacity:.1}
#img22-zone-3{left:33.333333%; background: url('../img/sculpture-noyaux-d-olive-22-3.png') no-repeat 50% 50%; background-size:190% auto; opacity:.1}
#img22-zone-4{left:44.444444%; background: url('../img/sculpture-noyaux-d-olive-22-4.png') no-repeat 50% 50%; background-size:200% auto; opacity:.1}
#img22-zone-5{left:55.555555%; background: url('../img/sculpture-noyaux-d-olive-22-5.png') no-repeat 50% 50%; background-size:190% auto; opacity:.1}
#img22-zone-6{left:66.666666%; background: url('../img/sculpture-noyaux-d-olive-22-6.png') no-repeat 50% 50%; background-size:170% auto; opacity:.1}
#img22-zone-7{left:77.777777%; background: url('../img/sculpture-noyaux-d-olive-22-7.png') no-repeat 50% 50%; background-size:140% auto; opacity:.1}
#img22-zone-8{left:88.888888%; background: url('../img/sculpture-noyaux-d-olive-22-8.png') no-repeat 50% 50%; background-size:100% auto; opacity:.1}
*/
#img22-2{opacity:0}
#main-left{transform:translateX(-100%);
-moz-transform:translateX(-100%);
-webkit-transform:translateX(-100%);
-o-transform:translateX(-100%);
-ms-transform:translateX(-100%);}
#main-right{transform:translateX(100%);
-moz-transform:translateX(100%);
-webkit-transform:translateX(100%);
-o-transform:translateX(100%);
-ms-transform:translateX(100%);}
#imgBarbu{transform:scale(0);
-moz-transform:scale(0);
-webkit-transform:scale(0);
-o-transform:scale(0);
-ms-transform:scale(0);}
.zoom img{-moz-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -opera-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;
transform:scale(0.2);
-moz-transform:scale(0.2);
-webkit-transform:scale(0.2);
-o-transform:scale(0.2);
-ms-transform:scale(0.2);
}
.zoom img:hover, .zoom img:active{
transform:scale(1);
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
}
a:link, a:visited, a:active, a:focus {text-decoration:none; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -opera-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}

a:link, a:visited{color:#ee2737}
a:hover, a:active, a:focus {color:#a39382}
a:link.btn, a:visited.btn{color:#a39382; border:solid 1px #a39382; padding:0.5em 1em; margin:0.5em 0; border-radius:0.3em; display:inline-block}
a:hover.btn, a:active.btn, a:focus.btn {color:#ee2737; border:solid 1px #ee2737;}

/*Le site est sur 12 colonnes*/
.col1{width:6.333333%; float:left; padding:0 1%;}
.col10{width:81.333333%; float:left; padding:0 1%}
.col2{width:14.666666%; float:left; padding:0 1%}
.col3{width:25%; float:left;}

.col5{width:48%; float:left; padding:0 2% 0 0}
.col6{width:50%; float:left;}
.col7{width:48%; float:left; padding:0 0 0 2%}
.col4{width:33.333333%; float:left}
.col8{width:62.666666%; float:left; padding:1% 2%}
.col12{width:96%; float:left; padding:0 2%}
.clear{clear:both; height:0}
.right{float:right}
.left{float:left}


@media print, screen and (max-width:1280px){
nav a{margin: 0 0.3% 1%;}
}

@media print, screen and (max-width:960px){
	.col3{width:50%; float:left;}
}
@media print, screen and (max-width:900px){
	nav a{height:40px; width:40px; margin: 0 1%;}
	h1{font-size:1.6rem; padding: 2% 3%;}
	#barbu h2 {padding: 4% 3%;}
}

@media print, screen and (max-width:1000px) and (min-width:641px){
h2{font-size: 2.3vw;}
}

@media print, screen and (max-width:728px){
}
@media print, screen and (max-width:640px){
	.col3{width:100%; float:none;}
	.col4{width:100%; float:none;}
	.col6{width:100%; float:none;}
}
@media print, screen and (max-width:480px){
	nav a{margin: 0 -0.7%;}
	footer {padding: 1rem 0;}
}

@media print, screen and (max-width:360px){
nav a {
    margin: 0 -1.7%;
}
}