* { outline:none; } img { border:0; } a { color:#000; } a:hover { color:#FFC201; } body, html { width:100%; overflow-x:hidden; } html { background:#ccc no-repeat center center; height:100%; } body { background:none;margin:0;font:12px verdana,arial,helvetica; color:#000; text-align:center; } #small body { overflow:hidden; } #small #body { min-height:100%; } .clear { clear:both; } #small .hidemobile { display:none; } @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 400; src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/7XUFZ5tgS-tD6QamInJTcdGU7DQ8I6RFMlK0vgclk7w.woff) format('woff'); } @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 700; src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr0bathaSTBR2c4i13_wzlb0.woff) format('woff'); } #loadImg {position:fixed;top:50%;left:50%;margin-top:-50px;margin-left:-50px;z-index:9999;display:none; } html,body { background:#000; } #logo { position:fixed; top:25px; left:50%; width:520px; margin-left:-260px; text-align:center; height:165px; z-index:100; overflow:hidden; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #logo.interne { height:108px; } @media (min-width: 760px) { html,body { min-height:100%; height:100%; width:100%; overflow:hidden; } } @media (max-width: 760px) { body { padding-bottom:70px; } #logo { position:relative; margin-top:20px; left:3%; width:94%; margin:0 0 30px; } #logo img { max-width:100%; position:relative; left:3%; } } #accueil { position:fixed;top:50%;left:50%;z-index:10;width:1050px;height:158px;margin-top:-79px;margin-left:-525px; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #accueil .menu { position:relative; width:247px;height:158px; display:block; float:left; margin-right:18px; background:no-repeat top center; text-decoration:none; color:#fff; } #accueil a#mn00 { background-image:url(../images/mn00.png); } #accueil a#mn01 { background-image:url(../images/mn01.png); } #accueil a#mn02 { background-image:url(../images/mn02.png); margin-right:0 } #accueil a#mn03 { background-image:url(../images/mn03.png); } #accueil .menu .titre { position:absolute; top:126px; left:15px; font-family:'Titillium Web'; font-size:10px; text-transform:uppercase; font-weight:bold; color:#fff; letter-spacing:1px; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #accueil .menu:hover .titre { color:#b5985a; } #accueil .menu .plus { position:absolute; top:126px; right:15px; } #accueil .menu .img { position:absolute; top:40px; left:65px; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #accueil a#mn02 .img { left:104px; top:31px; } #accueil a#mn03 .img { left:75px; top:45px; } #accueil .menu:hover .img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #actus { position:relative; text-align:center; padding-top:40px; color:#fff; clear:both; font-family:'Titillium Web'; font-size:14px; width:250px; margin:0 auto; } #actus .titre { display:inline-block; margin-bottom:15px; } #actus strong { font-size:20px; font-weight:bold; text-transform:uppercase; border-bottom:2px solid #90847c; display:inline-block; padding-bottom:4px; margin-bottom:4px; } #actus .prev { position:absolute; top:110px; left:-45px;-webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #actus .next { position:absolute; top:110px; right:-45px;-webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #actus .prev:hover { left:-48px; } #actus .next:hover { right:-48px; } #navActu a { display:inline-block; margin:0 1px; height:5px; width:5px; background:#fff; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #navActu a:hover, #navActu a.select { background:#b3984f; } @media (max-width: 1160px) { #accueil { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } #accueil .menu .titre { font-size:12px; } } @media (max-width: 960px) { #accueil { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -o-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } #accueil .menu .titre { left:8px; font-size:16px; } #accueil .menu .plus { opacity:0;-moz-opacity:0;filter:Alpha(Opacity=0); } } @media (max-width: 760px) { #accueil { position:relative; top:0; left:2%; width:96%; height:auto; margin:0 !important; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #accueil .menu { float:none; margin:20px auto 0 !important; } #accueil .menu .titre { left:13px; font-size:15px; top:121px; } #accueil .menu .plus { opacity:0;-moz-opacity:0;filter:Alpha(Opacity=0); } } .titreBlock { text-transform:uppercase; color:#b5985a; font-size:23px; } #presentation { position:fixed;top:50%;left:50%;z-index:10;width:700px;height:330px;margin-top:-165px;margin-left:-350px; } #present1, #present2, #present3, #present4 { position:relative; left:230px; height:40px; width:40px; float:left; background:no-repeat center top; margin:25px 15px 0; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #present1 { background-image:url(../images/present1.png); } #present2 { background-image:url(../images/present2.png); } #present3 { background-image:url(../images/present3.png); } #present4 { background-image:url(../images/present4.png); } #present1:hover, #present2:hover, #present3:hover, #present4:hover, #present1.select, #present2.select, #present3.select, #present4.select { background-position:center -40px; } .presentBlock { color:#fff; font-family:'Titillium Web'; font-size:13px; margin-top:22px; line-height:21px; clear:both; } #present2block, #present3block { text-align:left; margin-top:30px; } #present4block { margin-top:35px; } #present2b { margin-right:40px;float:left;margin-left:110px;margin-top:-50px; } #present3b { margin-right:22px;float:left;margin-left:50px;margin-top:-68px; } #flcLeft { position:absolute; top:227px; left:0; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #flcRight { position:absolute; top:227px; right:0; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #flcLeft:hover, #flcRight:hover { opacity:0.7;-moz-opacity:0.7;filter:Alpha(Opacity=70); } #flcLeft:hover { left:-5px; } #flcRight:hover { right:-5px; } @media (max-width: 760px) { #presentation { position:relative; top:0; left:2%; width:96%; height:auto; margin:0 !important; } .presentBlock { margin:0 35px; } #present1, #present2, #present3, #present4 { left:0; margin:25px 5px 0 !important; } #presentNav { width:200px; margin:0 auto 35px; } .presentBlock br { display:none; } #present2b { margin-right:10px; margin-top:-18px; margin-left:0; } #present3block { text-align:center; } #present3b { float:none; display:block; margin-right:auto; margin-top:-18px; margin-left:auto; margin-bottom:15px; } #flcLeft, #flcRight { top:130px; } } #photos { position:fixed;top:50%;left:50%;z-index:10;width:830px;height:430px;margin-top:-215px;margin-left:-415px;text-align:center; } #photoBig { width:629px;height:426px;background:rgba(0,0,0,0.5) url(../images/cadre.png) no-repeat top left;margin:0 auto; } #photoBig2 { width:600px;height:396px;position:relative;left:15px;top:15px;background:no-repeat center center;background-size:cover; } #photosNav { position:fixed; bottom:20px; left:0; width:100%; height:115px;background:rgba(0,0,0,0.6); overflow:hidden; } #photosNav2 { width:99999px; text-align:left; position:relative; left:0; } #photosNav2 a { position:relative; display:block; float:left; width:170px; height:115px; background:no-repeat; center center;background-size:cover;opacity:0.2;-moz-opacity:0.2;filter:Alpha(Opacity=20); -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #photosNav2 a:hover, #photosNav2 a.select { opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); } #photosNav2 a .play { position:absolute; top:50%; left:50%; margin-top:-12px; margin-left:-7px; width:15px; height:23px; background:url(../images/play.png) no-repeat center center; } #photoLeft { position:absolute; top:200px; left:0; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #photoRight { position:absolute; top:200px; right:0; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #photoLeft:hover, #photoRight:hover { opacity:0.7;-moz-opacity:0.7;filter:Alpha(Opacity=70); } #photoLeft:hover { left:-5px; } #photoRight:hover { right:-5px; } @media (max-width: 760px) { #photos { position:relative; top:0; left:2%; width:96%; height:auto; margin:100px 0 0 !important; } #photosNav { display:none !important; } #photoBig { position:relative; width:100%; background-size:100% auto; padding-top:68%; height:0; } #photoBig2 { position:absolute; left:3%; top:4%; width:94%; height:92%; } #photoLeft, #photoRight { top:-60px; left:50%; right:auto; } #photoLeft { margin-left:-66px; } #photoLeft:hover { left:50%; margin-left:-72px; } #photoRight { margin-left:22px; } #photoRight:hover { left:50%; margin-left:27px; right:auto; } } #map { position:fixed !important; top:50%; left:0; margin-top:0; width:100%; height:0; z-index:1000; opacity:0;-moz-opacity:0;filter:Alpha(Opacity=0); -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #map.open { height:330px; opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); } #map2 { width:100%;height:100% } #small #map, #small2 #map { position:relative !important; top:0; margin-top:10px; margin-bottom:40px; } #form { position:fixed !important; top:50%; left:50%; text-align:center; margin-top:0; margin-left:-265px; width:580px; height:0; color:#fff; opacity:0;-moz-opacity:0;filter:Alpha(Opacity=0); -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #form.open2 { height:330px; opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); } #form, #form input, #form textarea { font-family:'Titillium Web'; font-size:18px; color:#a6a6a6; background:none; text-transform:uppercase; border:0; } #form input, #form textarea { border-bottom:1px solid rgba(255,255,255,0.3); resize:none; } #form textarea { float:right; width:280px; height:64px; line-height:20px; background:url(../images/line.png?) repeat-x top left; border-bottom:0; } #formLeft { float:left; } #form label { display:block; width:250px; } #form label span { display:inline-block; width:65px; } #form label input { width:183px; } #form a { display:inline-block; margin-top:20px; } #small #form, #small2 #form { position:relative !important; top:0; left:0; width:100%; margin-left:0; margin-top:10px; margin-bottom:40px; } #small2 #form textarea, #small #form textarea {float:none; width:95%; margin-top:10px; } #sendForm img { position:relative; top:0; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #sendForm:hover img { top:5px; opacity:0.8;-moz-opacity:0.8;filter:Alpha(Opacity=80); } #contact { position:fixed;top:50%;left:50%;z-index:10;width:400px;height:200px;margin-top:-100px;margin-left:-200px;-webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #contact.open { margin-top:-210px !important; } #contact.open2 { margin-top:-210px !important; } #small #contact.open, #small2 #contact.open, #small #contact.open2, #small2 #contact.open2 { margin-top:-0 !important; } #contact1, #contact2, #contact3 { position:relative; float:left; width:50%; text-align:center; color:#fff; font-family:'Titillium Web'; font-size:12px; line-height:12px; text-transform:uppercase; } #contact1 img, #contact2 img, #contact3 img { display:block; margin:0 auto 15px; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #contact1:hover .img, #contact2:hover .img, #contact3:hover .img, #contact1.select .img, #contact2.select .img, #contact3.select .img { opacity:0;-moz-opacity:0;filter:Alpha(Opacity=0); } #contact1 .hover, #contact2 .hover, #contact3 .hover { position:absolute; top:0; left:50%; margin-left:-55px; opacity:0;-moz-opacity:0;filter:Alpha(Opacity=0); } #contact1:hover .hover, #contact2:hover .hover, #contact3:hover .hover, #contact1.select .hover, #contact2.select .hover, #contact3.select .hover { opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); } #contact1 strong, #contact2 strong, #contact3 strong { color:#b5985a; font-size:15px; line-height:25px; } #contact a { color:#fff; text-decoration:none; } @media (max-width: 760px) { #contact { position:relative; top:0; left:2%; width:96%; height:auto; margin:40px 0 0 !important; } #contact1, #contact2, #contact3 { width:100%; float:none; margin-bottom:45px; } #contact1 img, #contact2 img, #contact3 img { margin-bottom:15px; } } #menu { position:fixed; top:130px; left:50%; width:400px; margin-left:-200px; text-align:center; font-family:'Titillium Web'; font-size:16px; text-transform:uppercase; font-weight:bold; color:#a6a6a6; z-index:100; } #menu a { color:#a6a6a6; text-decoration:none; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #menu a:hover, #menu a.select { color:#b5985a; } #menuButton { display:none; } @media (max-width: 760px) { #menu { position:fixed; top:auto; bottom:-380px; left:0; margin-left:0; width:100%; line-height:60px; background:rgba(0,0,0,0.8); z-index:9999; color:#000; padding:40px 0; } #menu a { display:block; line-height:60px; font-size:20px } #menu span { display:none; } #menu a:focus, #menu a:hover { background:#b5985a; color:#000; } #menuButton { cursor:pointer; display:block; position:fixed; bottom:0; left:50%; margin-left:-30px; z-index:9999; background:#000; } } #fond, #fond2 { position:fixed;top:0;left:0;width:100%;height:100%;background:url(../images/fond.jpg) no-repeat top center;background-size:cover; } #fond2 { background:#000; } #facebook { position:fixed; top:44%; right:0; z-index:999; background:rgba(0,0,0,0.6); } #facebook img { -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #facebook:hover img { opacity:0.6;-moz-opacity:0.6;filter:Alpha(Opacity=60);; } #footer { position:fixed;bottom:0;left:0;width:100%;height:20px;background:#000;color:#fff;font-family: 'Titillium Web', sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; text-align:center; line-height:20px; } #footer a { color:#fff; text-decoration:none; } #footer a:hover { color:#b5985a; } #address { position:absolute; bottom:0; left:15px; line-height:20px; } #legal { position:fixed; bottom:0; right:15px; line-height:20px; } #msBox { border:1px solid #fff; position:fixed; top:44%; right:-220px; width:220px; height:54px; border-left:0; border-right:0; text-align:center; background:rgba(0,0,0,0.6); z-index:999; } #msBox2 { padding:10px 0 0; } #msBox2 img { opacity:0.5;-moz-opacity:0.5;filter:Alpha(Opacity=50); -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #msBox2 a:hover img { opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); } @media (max-width: 760px) { #footer { display:none !important; } #msBox { display:none; } #facebook { display:none !important; } }