/* ---------------------------------------------- :: Template Name: Yummy Blog - Food Blog Template :: Template Author: Colorlib :: Template Author URI: https://colorlib.com :: Version: v1.0.0 :: Last Updated: 11-13-2017 ---------------------------------------------- */ /* -------- [Master Stylesheet] -------- :: 1.0 Base CSS :: 2.0 Top Header Area CSS :: 3.0 Menu Area CSS :: 4.0 Wellcome Area CSS :: 5.0 Top Feature Area CSS :: 6.0 Blog Area CSS :: 7.0 Instagram Area CSS :: 8.0 Footer Social Area CSS :: 9.0 Goole Map Area CSS :: 10.0 Sidebar Area CSS :: 11.0 Breadcumb Area CSS :: 12.0 Paginatio Area CSS :: 13.0 Contact Area CSS :: 14.0 Single Blog CSS ----------------------------------- */ /* ***** Fonts ***** */ /* ***** Import CSS ***** */ @import 'css/bootstrap/bootstrap.min.css'; @import 'css/others/animate.css'; @import 'css/others/magnific-popup.css'; @import 'css/others/meanmenu.min.css'; @import 'css/others/owl.carousel.min.css'; @import 'css/others/font-awesome.min.css'; @import 'css/others/pe-icon-7-stroke.css'; #feuillage8{width:117px;position:absolute;z-index:34;left:200px;top:-10px;background-repeat:no-repeat}#ombr5{top:107px;left:212px}#ombr5 img,#ombred img,#ombretable img,#ombretable2 img,#ombretable3 img{animation:4s fdia}#feuillage4{width:685px;position:absolute;z-index:434;animation:1.8s both bounceInLeft;-webkit-animation-fill-mode:both;left:-146px;top:63px;background-repeat:no-repeat}#titre_1{width:278px;top:-40px;font-size:18px}#assiette1,#bouteille8,#cartetable,#donjon,#fge3,#tasfeuilles,#tasfeuillesvertes{padding:35px;font-size:13px}#fge3{width:179px;position:absolute;z-index:434;height:16px;animation:4s linear infinite both fyl;-webkit-animation-fill-mode:both;left:546px;top:-31px;background-repeat:no-repeat}#lion1{width:74px;position:absolute;top:-159px;left:90px;height:88px;z-index:3879}#fyl1{transform-origin:center;height:92px;position:absolute;background-repeat:no-repeat;z-index:55;float:right;left:157px}#fyl2{transform-origin:center;width:32px;height:94px;position:absolute;background-repeat:no-repeat;top:17px;z-index:-45;float:right;left:153px}#feuyl3,#fyl3{transform-origin:center;width:37px;height:66px;position:absolute;background-repeat:no-repeat;top:9px;z-index:-5;float:right;left:178px}#fyl4{transform-origin:center;width:34px;height:82px;position:absolute;background-repeat:no-repeat;top:20px;z-index:-4;float:right;left:143px}#fyl5{transform-origin:center;width:34px;height:71px;position:absolute;background-repeat:no-repeat;top:14px;z-index:-49;float:right;left:166px}#feuyl6,#fyl6{transform-origin:center;width:57px;height:49px;position:absolute;background-repeat:no-repeat;top:21px;z-index:-48;float:right;left:144px}#feuyl7,#fyl7{animation:3s linear infinite feuyl;transform-origin:center;width:60px;height:69px;position:absolute;background-repeat:no-repeat;top:3px;z-index:-45;float:right;left:206px}#yuk5{animation:12s linear infinite fep2;width:114px;height:119px;position:absolute;background-repeat:no-repeat;float:right}#yuk4{width:128px;position:absolute;background-repeat:no-repeat;top:2px;z-index:-107;float:right;left:404px}#yuk3{animation:7s linear infinite fep2;width:97px;height:119px;position:absolute;background-repeat:no-repeat;top:5px;float:right;left:618px}#yuk2{animation:11s linear infinite fep2;width:18px;height:119px;position:absolute;background-repeat:no-repeat;top:8px;float:right;left:604px}#yuk1{animation:10s linear infinite fep2;width:21px;height:119px;position:absolute;background-repeat:no-repeat;top:76px;float:right;left:-27px}#yuk{animation:2.8s both bounceInRight;-webkit-animation-fill-mode:both;position:absolute;height:81px}@keyframes fep2{from{transform:transform:rotate(0);transform-origin:3% 100%;color:#fff}50%{transform:rotate(2deg);transform-origin:3% 100%;color:#fff}to{transform:rotate(0);transform-origin:3% 100%;color:#fff}}#fep2_1{width:34px;position:absolute;background-repeat:no-repeat;top:-7px;float:right;left:354px}#fep2_2{width:29px;position:absolute;background-repeat:no-repeat;top:-12px;float:right;left:366px}#fep2_3{position:absolute;background-repeat:no-repeat;top:-8px;float:right;left:359px}#fep2_4{position:absolute;background-repeat:no-repeat;top:0;float:right;left:358px}#fep2_5{width:114px;height:18px;top:2px;left:318px}#fp2_1{width:34px;position:absolute;background-repeat:no-repeat;top:14px;float:right;left:405px}#fp2_2{width:15px;position:absolute;background-repeat:no-repeat;top:7px;float:right;left:410px}#fp2_3{position:absolute;background-repeat:no-repeat;top:15px;float:right;left:407px}#fp2_4{position:absolute;background-repeat:no-repeat;top:16px;float:right;left:404px}#fp2_5{top:23px;left:353px}#fd_barbis{-webkit-animation:6s ease-in-out .6s both rot;-moz-animation:6s ease-in-out .6s backwards rot;-ms-animation:rot 6s ease-in-out 1s backwards;-o-animation:6s ease-in-out .6s backwards rot;animation:6s ease-in-out .6s both rot;-webkit-transform-origin:0 110%;-moz-transform-origin:0 110%;-ms-transform-origin:0 110%;-o-transform-origin:0 110%;transform-origin:0 110%;perspective:250px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;perspective-origin:50% 0;-ms-animation-delay:.6s;width:49px;position:absolute;top:-130px;left:222px;height:81px;z-index:56696}#fd_bar{-webkit-animation:6s ease-in-out .6s both rot;-moz-animation:6s ease-in-out .6s backwards rot;-ms-animation:rot 6s ease-in-out 1s backwards;-o-animation:6s ease-in-out .6s backwards rot;animation:6s ease-in-out .6s both rot;-webkit-transform-origin:0 110%;-moz-transform-origin:0 110%;-ms-transform-origin:0 110%;-o-transform-origin:0 110%;transform-origin:0 110%;perspective:250px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;perspective-origin:50% 0;-ms-animation-delay:.6s;width:65px;position:absolute;top:-76px;left:62px;height:81px;z-index:96}#tablebar{animation:1.5s bounceInLeft;width:69px;position:absolute;top:-100px;left:191px;height:202px;z-index:456}#papierpeint5{opacity:.7;-webkit-animation:6s ease-in-out .6s both rot;-moz-animation:6s ease-in-out .6s backwards rot;-ms-animation:rot 6s ease-in-out 1s backwards;-o-animation:6s ease-in-out .6s backwards rot;animation:6s ease-in-out .6s both rot;-webkit-transform-origin:0 110%;-moz-transform-origin:0 110%;-ms-transform-origin:0 110%;-o-transform-origin:0 110%;transform-origin:0 110%;perspective:250px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;perspective-origin:50% 0;-ms-animation-delay:.6s;overflow:visible;width:536px;position:absolute;top:-219px;left:-211px;height:184px;z-index:-19}#lustre_rayon1,#lustre_rayon2,#lustre_rayon3{animation:2.8s bounceInLeft,4s fdia;width:33px;height:33px;z-index:2892}#cadretableau,#lustre1{animation:1.5s .6s both bounceInLeft;position:absolute;overflow:visible}#beer,#lustre_rayon1,#lustre_rayon2,#lustre_rayon3,#siegesbar,#tabl-devant,#tabl-devant2{transform-origin:center}#lustre_rayon1{overflow:visible;position:absolute;top:-97px;left:-253px}#ferme_soleil_rayon1 img,#lustre_rayon1 img,#lustre_rayon2 img,#lustre_rayon3 img{animation:10s linear infinite rotation;animation-delay:0s,0s}#lustre_rayon2{overflow:visible;position:absolute;top:-19px;left:-208px}#lustre_rayon3{overflow:visible;position:absolute;top:-164px;left:-40px}#tabl-milieu{width:53px;position:absolute;top:-42px;left:-244px;height:67px;z-index:-1205}#tabl-fd{animation-fill-mode:both;overflow:visible;width:62px;position:absolute;top:46px;left:-282px;height:236px;z-index:9}#tabl-devant{width:128px;height:264px;position:absolute;background-repeat:no-repeat;top:45px;float:right;left:166px}#tabl-devant2{width:128px;height:264px;position:absolute;background-repeat:no-repeat;top:38px;z-index:107;float:right;left:-582px}#bouteille1{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;animation-fill-mode:both;overflow:visible;width:711px;position:absolute;top:4px;left:-101px;z-index:1621}#avion,#papieravion{-webkit-animation-fill-mode:both;z-index:54}#lustre1{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;-webkit-animation-fill-mode:both;top:-33px;left:-296px;z-index:998}#cadretableau{width:48px;top:-7px;left:99px;height:133px;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;-webkit-animation-fill-mode:both;z-index:997}#ardoise{width:97px;height:119px;animation-fill-mode:both;position:absolute;background-repeat:no-repeat;top:-230px;z-index:1702;float:right;left:437px}#beer{ animation:2.8s bounceInRight; width:69px; position:absolute; background-repeat:no-repeat; top:36px; z-index:967; float:right; left:-176px; height: auto; }#bouteille{ animation:1.2s 1s bounceInLeft; -moz-animation:1.2s 1s bounceInLeft;-webkit-animation:1.2s 1s bounceInLeft; overflow:visible; width:67px; position:absolute; top:-31px; left:-9px; z-index:1621; height: 47px; }#ombretable{animation:1.5s bounceInLeft;width:792px;position:absolute;top:25px;left:-165px;height:0;z-index:454}#assiette1{animation:1.5s 1.6s both bounceInLeft;-moz-animation:1.5s 1.6s bounceInLeft;-webkit-animation:1.5s 1.6s both bounceInLeft;width:270px;position:absolute;z-index:1434;height:21px;overflow:visible;left:332px;top:-125px;background-repeat:no-repeat}#verrevin{animation:1.4s 1.3s bounceInLeft;-moz-animation:1.4s 1.3s bounceInLeft;-webkit-animation:1.4s 1.3s bounceInLeft;overflow:visible;width:50px;position:absolute;top:-27px;left:58px;z-index:1621}#ombretable2,#ombretable3{animation:1.5s bounceInLeft;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;-webkit-animation-fill-mode:both;width:792px;position:absolute;height:0}#ombretable2{top:39px;left:-369px;z-index:54}#ombretable3{top:31px;left:-440px;z-index:14}#cartetable{width:464px;position:absolute;z-index:1434;height:16px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-moz-animation-fill-mode:both;overflow:visible;left:-333px;top:7px;background-repeat:no-repeat}#siegesbar{width:128px;height:264px;position:absolute;background-repeat:no-repeat;top:76px;float:right;left:333px}#fd_belfort4{-webkit-animation:6s ease-in-out .6s both rot;-moz-animation:6s ease-in-out .6s backwards rot;-ms-animation:rot 6s ease-in-out 1s backwards;-o-animation:6s ease-in-out .6s backwards rot;animation:6s ease-in-out .6s both rot;-webkit-transform-origin:0 110%;-moz-transform-origin:0 110%;-ms-transform-origin:0 110%;-o-transform-origin:0 110%;transform-origin:0 110%;-webkit-perspective:250px;-moz-perspective:250px;-ms-perspective:250px;-o-perspective:250px;perspective:250px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;perspective-origin:50% 0;-ms-animation-delay:.6s;overflow:visible;width:413px;position:absolute;top:0px;left:-291px;height:81px;z-index:526} #fd_restaurant{overflow:visible;width:413px;position:absolute;top:11px;left:-274px;height:81px;z-index:526} #fondul,#fondul2:hover,#fondul:hover{animation:1s linear infinite fondu;z-index:45455}#ferme_anim_rayon,#ferme_soleil{animation:10s linear infinite soleil}#pakrett1,#pakrett2{animation:4s linear infinite nuage1;background-repeat:no-repeat}#animpakrett1,#cochon,#ferme_tronc1,#mouton{animation:1.8s bounceInRight;width:65px;height:18px}#ferme_tronc2,#ombrerenard,#vache{animation:1.8s bounceInLeft;overflow:visible;position:absolute}#animpakrett1,#ferme_anim_rayon,#ferme_soleil_rayon,#ferme_soleil_rayon1,#pakrett1,#pakrett2{transform-origin:center}#bouteille8{width:807px;position:absolute;z-index:934;height:16px;overflow:visible;left:-549px;top:37px;background-repeat:no-repeat}#ute2{width:653px;height:45px;position:absolute;background-repeat:no-repeat;top:-55px;float:right;left:-12px}#ute{animation:2.8s both bounceInRight;-webkit-animation-fill-mode:both;overflow:visible;width:202px;position:absolute;top:-94px;left:348px;height:81px}#gaucfr,#gaucfr2{ width:5px; height:150px; z-index:52; display:block; margin-left: auto; margin-right: auto; }#mulures{animation:4s .6s both fdia;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;-webkit-animation-fill-mode:both;overflow:visible;position:absolute;top:-228px;left:-383px}#fondul{background-repeat:no-repeat;-webkit-filter:contrast(105%) brightness(103%) hue-rotate(10deg);background-size:80px 80px}#fondul:hover{background-repeat:no-repeat;transition:background-color 2s;-webkit-filter:contrast(105%) brightness(103%) hue-rotate(290deg)}#fondul2{background-repeat:no-repeat;animation-delay:.6s;z-index:45455;background-size:50px 50px}#fondul2:hover{background-repeat:no-repeat}.style62{color:#FFFFFF;font-size:19px}.style61,.style61 a{color:#999}@keyframes fondu{0%{background-image:url("lotet_0.png")}5%{background-image:url("lotet_1.png")}11%{background-image:url("lotet_2.png")}20%{background-image:url("lotet_3.png")}31%{background-image:url("lotet_4.png")}42%{background-image:url("lotet_5.png")}53%{background-image:url("lotet_6.png")}64%{background-image:url("lotet_7.png")}73%{background-image:url("lotet_8.png")}82%{background-image:url("lotet_9.png")}91%{background-image:url("lotet_10.png")}100%{background-image:url("lotet_11.png")}}#ombred{animation:1.5s bounceInLeft;width:49px;position:absolute;top:28px;left:158px;height:0;z-index:454}@keyframes fdia{50%,from{opacity:0}to{opacity:1}}.style61{font-size:14px;margin-right:15px}@keyframes nuage1{from,to{transform:skewY(-20deg);transform-origin:100% 30%}50%{transform:skewY(-24deg);transform-origin:100% 30%}}@keyframes soleil{90%,from,to{-webkit-animation-timing-function:10s;animation-timing-function:10s}0%{opacity:1;transform:translate3d(-1000px,240px,0)}40%,60%{transform:translate3d(25px,0,40px)}90%,to{transform:translate3d(235px,240px,-40px)}}#ferme_anim_rayon{overflow:visible;width:383px;position:absolute;top:-53px;left:143px;height:344px;z-index:-13}#ferme_soleil_rayon1{animation:2.8s bounceInLeft,4s fdia;overflow:visible;width:133px;position:absolute;top:90px;left:-10px;height:133px;z-index:120}#formationsegment{overflow:hidden;z-index:120}#modl,#titrmen,#vid2,#vid_sz iframe,input[type=checkbox],li ul{display:none}#agenceweb{overflow:visible;width:80%;color:#fff}#centreforma{overflow:visible;color:#000}#ferme_soleil_rayon{overflow:visible;width:400px;position:absolute;top:-70px;left:-33px;height:400px;z-index:0;animation:10s linear infinite rotation;animation-delay:0s,0s}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}#ferme_soleil_rayon img,#fleur img,#pt img{width:100%;transform-origin:center}#ferme_soleil{overflow:visible;width:65px;position:absolute;top:-3px;left:254px;height:18px;z-index:0}#ferme_herbe{overflow:visible;width:611px;position:absolute;top:165px;left:-24px;height:74px;z-index:26;background-repeat:repeat-x}#ferme_tronc2{width:124px;top:82px;left:26px;height:146px;z-index:2}#mouton{overflow:visible;position:absolute;top:36px;left:396px;z-index:3} #feuillage3{width:498px;position:absolute;z-index:434;height:16px;-webkit-animation-duration:10s;animation-duration:10s;animation:bounceInLeft 1.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;left:48px;top:-57px;background-repeat:no-repeat;padding:35px;font-size:13px} #feuillage5{ width:498px; position:absolute; z-index:434; height:53px; -webkit-animation-duration:10s; animation-duration:10s; animation:bounceInLeft 1.8s; -webkit-animation-fill-mode:both; animation-fill-mode:both; overflow:visible; left:511px; top:-157px; background-repeat:no-repeat; padding:35px; font-size:13px; }#footer2{ background-color:#111; overflow:hidden; position:relative; margin-bottom:0; width:100%; height:70px; padding-top:5px; color: #FFFFFF; } #main { width:100%; position:relative; height:auto; margin: 0; padding: 0; overflow: hidden; background-repeat: no-repeat; } #main2 { width:100%; position:relative; height:auto; margin: 0; padding: 0; overflow: hidden; background-repeat: no-repeat; font-family: prest; } #slogan { width:100%; position:relative; height:auto; overflow: hidden; background-repeat: no-repeat; font-size: 24px; text-shadow:1px 2px 4px #5555; text-align: center; font-family: prest; color: #FFFFFF; } #titrcase { font-size: 18px; color: #000000; font-family: prest; letter-spacing: 1px; overflow: hidden; font-weight: bolder; margin-left: 4%; margin-top: 1px; font-variant: small-caps; } #_sophro { width:100%; position:relative; height:auto; display: flex; justify-content: center; align-items: center; overflow: hidden; background-repeat: no-repeat; margin-left:auto; margin-right:auto; background-color: #FFFFFF; margin-top: -15px; } #cont_sophro { background-color: #FFFFFF; position:relative; height:auto; margin:20px; overflow: hidden; background-repeat: no-repeat; font-weight: normal; font-style: normal; font-variant: normal; width: 100%; -webkit-box-shadow: -1px 0px 8px 2px #999999 ; -moz-box-shadow: -1px 0px 8px 2px #999999; box-shadow: -1px 0px 8px 2px #999999; padding: 5px; } #fleur{ width:19%; position:absolute; top:-30px; z-index:-120; height: 34px; right: -71px; } #fleur2{ width:19%; position:absolute; top:-28px; left: -74px; z-index:-121; height: 34px; } #intro { width:100%; position:relative; height:auto; z-index: 4; background-size:cover; text-align: center; margin-left:auto; margin-right:auto; overflow: hidden; background-repeat: no-repeat; display:block; } #intro2 { width:100%; position:relative; height:auto; z-index: 4; background-size:cover; text-align: center; margin-left:auto; margin-right:auto; overflow: hidden; background-repeat: no-repeat; display:none; } #intro3 { width:100%; position:relative; height:auto; z-index: 4; background-size:cover; text-align: center; margin-left:auto; margin-right:auto; overflow: hidden; background-repeat: no-repeat; display:none; } #intro img{ width:100%; height:auto; z-index: 4; background-size:cover; text-align: center; margin-left:auto; margin-right:auto; } #intro3 img{ width:100%; height:auto; z-index: 4; background-size:cover; text-align: center; margin-left:auto; margin-right:auto; } #intrologo{ width:100%; position: relative; z-index: 55; height: auto; background-repeat: no-repeat; font-family: prest; background-color: #000000; } #intrologo2{ width:728px; position: absolute; z-index: 55; height: 105px; background-repeat: no-repeat; top:374px; left: 831px; } #intrologo3{ width:100%; position: absolute; z-index: 55; height: 105px; background-repeat: no-repeat; top:130px; left: 0px; background-color: #fff; -webkit-box-shadow: -1px 0px 8px 2px #999999 ; -moz-box-shadow: -1px 0px 8px 2px #999999; box-shadow: -1px 0px 8px 2px #999999; } #feuillage3{width:498px;position:absolute;z-index:434;height:16px;-webkit-animation-duration:10s;animation-duration:10s;animation:bounceInLeft 1.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;left:48px;top:-57px;background-repeat:no-repeat;padding:35px;font-size:13px} #feuillage5{ width:498px; position:absolute; z-index:434; height:53px; -webkit-animation-duration:10s; animation-duration:10s; animation:bounceInLeft 1.8s; -webkit-animation-fill-mode:both; animation-fill-mode:both; overflow:visible; left:511px; top:-157px; background-repeat:no-repeat; padding:35px; font-size:13px; }#footer2{ background-color:#111; overflow:hidden; position:relative; margin-bottom:0; width:100%; height:70px; padding-top:5px; color: #FFFFFF; } .text-shadow { -webkit-animation: text-shadow 6s both; animation: text-shadow 6s both; }@-webkit-keyframes text-shadow { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); } 90% {font-size:32px; text-shadow: 0 0 0 rgba(0, 0, 0, 0); } 100% { text-shadow: 1px 1px 2px #222; } } @keyframes text-shadow { 0% { text-shadow: 0 0 0 rgba(0, 0, 0, 0); } 90% {font-size:32px; text-shadow: 0 0 0 rgba(0, 0, 0, 0); } 100% {font-size:19px; text-shadow: 1px 1px 2px #222; } } .focus-in-expand { -webkit-animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }@-webkit-keyframes focus-in-expand { 0% { letter-spacing: -0.5em; -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } @keyframes focus-in-expand { 0% { letter-spacing: -0.5em; -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } .text-pop-up-tr { -webkit-animation: text-pop-up-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: text-pop-up-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }@-webkit-keyframes text-pop-up-tr { 0% {font-size:19px;padding-top:1px; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; } 100% {font-size:34px;padding-top:17px; -webkit-transform: translateY(-50px) translateX(50px); transform: translateY(-50px) translateX(50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 5px 8px rgba(0, 0, 0, 0.3);line-height:42px; } } @keyframes text-pop-up-tr { 0% {font-size:19px;padding-top:1px; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; } 100% {font-size:34px;padding-top:17px; -webkit-transform: translateY(-50px) translateX(50px); transform: translateY(-50px) translateX(50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;line-height:42px; text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 5px 8px rgba(0, 0, 0, 0.3); } } #feuillage7{ width:117px; position:absolute; z-index:-34; height:16px; -webkit-animation-duration:10s; animation-duration:10s; animation:bounceInLeft 1.8s; -webkit-animation-fill-mode:both; animation-fill-mode:both; overflow:visible; left:-248px; top:55px; background-repeat:no-repeat; padding:35px; font-size:13px; }#feuillage8{ width:117px; position:absolute; z-index:34; height:16px; overflow:visible; left:569px; top:70px; background-repeat:no-repeat; padding:35px; font-size:13px; } #ombr5{opacity:0.6; animation:fep2 9s linear infinite;transform-origin:80% 10%;width:135px;height:29px;position:absolute;background-repeat:no-repeat;top:107px;z-index:-97;float:right;left:212px}#ombr5 img{animation:fdia 4s;} #feuillage4{ width:281px; position:absolute; z-index:434; height:16px; -webkit-animation-duration:10s; animation-duration:10s; animation:bounceInLeft 1.8s; -webkit-animation-fill-mode:both; animation-fill-mode:both; overflow:visible; left:-137px; top:-123px; background-repeat:no-repeat; padding:35px; font-size:13px; }#titre_1{ animation:zoomInRight 2.2s; width:279px; position:relative; top:-40px; height:24px; z-index:478; font-size: 18px; margin-left: auto; margin-right: auto; } #fge3{width:270px;position:absolute;z-index:1434;height:16px;-webkit-animation-duration:10s;animation-duration:10s;animation:fyl 4s linear infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;left:92px;top:26px;background-repeat:no-repeat;padding:35px;font-size:13px} #lion1{ animation:zoomInRight 2.2s; width:74px; position:absolute; top:-156px; left:106px; height:88px; z-index:3879; } #fyl1{transform:rotate(25deg);animation:feuyl 4s linear infinite;transform-origin:center;width:39px;height:98px;position:absolute;background-repeat:no-repeat;top:19px;z-index:55;float:right;left:157px}#fyl2{transform:rotate(25deg);animation:feuyl 5s linear infinite;transform-origin:center;width:32px;height:94px;position:absolute;background-repeat:no-repeat;top:17px;z-index:-45;float:right;left:153px}#fyl3{transform:rotate(25deg);animation:feuyl 6s linear infinite;transform-origin:center;width:37px;height:66px;position:absolute;background-repeat:no-repeat;top:9px;z-index:-5;float:right;left:178px}#fyl4{transform:rotate(25deg);animation:feuyl 5s linear infinite;transform-origin:center;width:34px;height:82px;position:absolute;background-repeat:no-repeat;top:20px;z-index:-4;float:right;left:143px}#fyl5{transform:rotate(25deg);animation:feuyl 6s linear infinite;transform-origin:center;width:34px;height:71px;position:absolute;background-repeat:no-repeat;top:14px;z-index:-49;float:right;left:166px}#fyl6{transform:rotate(25deg);animation:feuyl 4s linear infinite;transform-origin:center;width:57px;height:49px;position:absolute;background-repeat:no-repeat;top:21px;z-index:-48;float:right;left:144px}#fyl7{transform:rotate(25deg);animation:feuyl 3s linear infinite;transform-origin:center;width:60px;height:69px;position:absolute;background-repeat:no-repeat;top:3px;z-index:-45;float:right;left:206px} #yuk5{animation:fep2 12s linear infinite;transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:5px;z-index:117;float:right;left:80px}#yuk4{transform-origin:center;width:128px;height:264px;position:absolute;background-repeat:no-repeat;top:45px;z-index:107;float:right;left:166px}#yuk3{transform-origin:center;width:187px;height:221px;position:absolute;background-repeat:no-repeat;top:-148px;z-index:702;float:right;left:-73px}#yuk2{animation:fep2 11s linear infinite;transform-origin:center;width:18px;height:172px;position:absolute;background-repeat:no-repeat;top:-267px;z-index:107;float:right;left:-348px}#yuk1{animation:bounceInRight 2.8s;transform-origin:center;width:39px;height:277px;position:absolute;background-repeat:no-repeat;top:-66px;z-index:467;float:right;left:382px} #yuk{animation:bounceInRight 2.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;width:202px;position:absolute;top:-127px;left:-196px;height:81px;z-index:598} @keyframes fep2{from{transform:transform:rotate(0deg);transform-origin:3% 100%;color:#FFF}50%{transform:rotate(2deg);transform-origin:3% 100%;color:#FFF}to{transform:rotate(0deg);transform-origin:3% 100%;color:#FFF}} #fep2_1{animation:fep2 5s linear infinite;transform-origin:center;width:34px;height:102px;position:absolute;background-repeat:no-repeat;top:-7px;z-index:-104;float:right;left:354px}#fep2_2{animation:fep2 6s linear infinite;transform-origin:center;width:29px;height:86px;position:absolute;background-repeat:no-repeat;top:-12px;z-index:-105;float:right;left:366px}#fep2_3{animation:fep2 3s linear infinite;transform-origin:center;width:34px;height:81px;position:absolute;background-repeat:no-repeat;top:-8px;z-index:-106;float:right;left:359px}#fep2_4{animation:fep2 4s linear infinite;transform-origin:center;width:20px;height:119px;position:absolute;background-repeat:no-repeat;top:0px;z-index:-107;float:right;left:358px}#fep2_5{opacity:0.6; animation:fep2 9s linear infinite;transform-origin:80% 10%;width:114px;height:18px;position:absolute;background-repeat:no-repeat;top:1px;z-index:-97;float:right;left:318px} #fp2_1{animation:fep2 5s linear infinite;transform-origin:center;width:34px;height:102px;position:absolute;background-repeat:no-repeat;top:14px;z-index:-104;float:right;left:405px}#fp2_2{animation:fep2 6s linear infinite;transform-origin:center;width:15px;height:86px;position:absolute;background-repeat:no-repeat;top:7px;z-index:-105;float:right;left:410px}#fp2_3{animation:fep2 3s linear infinite;transform-origin:center;width:34px;height:81px;position:absolute;background-repeat:no-repeat;top:15px;z-index:-106;float:right;left:407px}#fp2_4{animation:fep2 4s linear infinite;transform-origin:center;width:20px;height:119px;position:absolute;background-repeat:no-repeat;top:16px;z-index:-107;float:right;left:404px}#fp2_5{opacity:0.6; animation:fep2 9s linear infinite;transform-origin:80% 10%;width:135px;height:29px;position:absolute;background-repeat:no-repeat;top:23px;z-index:-97;float:right;left:353px} .smllkaps{ font-variant: small-caps; } #fondul{ background-repeat: no-repeat; animation:fondu 1s linear infinite; width:83px; height:84px; z-index: 4545; -webkit-filter: contrast(105%) brightness(103%) hue-rotate(10deg); z-index: 45455; background-size: 80px 80px; position: relative; } #fondul:hover{animation:fondu 1s linear infinite;background-repeat: no-repeat; transition:background-color 2s; -webkit-filter: contrast(105%) brightness(103%) hue-rotate(290deg); z-index: 45455; } #fondul2{background-repeat: no-repeat;sepia(100%); animation:fondu 1s linear infinite,spia 2s linear infinite;animation-delay: 0.6s; width:83px; height:84px; z-index: 45455; background-size: 50px 50px;} #fondul2:hover{animation:fondu 1s linear infinite; sepia(100%);transition:background-color 2s; width:83px; height:84px; z-index: 45455;background-repeat: no-repeat; } .style62 { color: #FFFFFF; font-style: italic; font-size: 19px; } @keyframes spia{from{-webkit-filter:brightness(2%);filter:brightness(20%);filter:sepia(100%)}4%{-webkit-filter:brightness(90%);filter:brightness(90%);filter:sepia(100%)}44%{-webkit-filter:brightness(90%);filter:brightness(90%);filter:sepia(10%)}94%{-webkit-filter:brightness(90%);filter:brightness(90%);filter:sepia(0%)}to{-webkit-filter:brightness(20%);filter:brightness(20%);filter:sepia(100%)}} @keyframes fondu { 0% { background-image: url("lotet_0.png"); } 5% { background-image: url("lotet_1.png"); } 11% { background-image: url("lotet_2.png"); } 20% { background-image: url("lotet_3.png"); } 31% { background-image: url("lotet_4.png"); } 42% { background-image: url("lotet_5.png"); } 53% { background-image: url("lotet_6.png"); } 64% { background-image: url("lotet_7.png"); } 73% { background-image: url("lotet_8.png"); } 82% { background-image: url("lotet_9.png"); } 91% { background-image: url("lotet_10.png"); } 100% { background-image: url("lotet_11.png"); } } #ombred{ animation:bounceInLeft 1.5s; width:49px;position:absolute;top:28px;left:378px;height:0px;z-index:454} #ombred img{animation:fdia 4s; animation-delay:0s; animation-iteration-count: 1;} @keyframes fdia{ from{opacity:0}50%{opacity:0}to{opacity:1} } .style61 { font-size: 14px; color: #999999; margin-right: 15px; }.style61 a{color: #999999;}@keyframes nuage1{from{transform:skewY(-20deg);transform-origin:100% 30%}50%{transform:skewY(-24deg);transform-origin:100% 30%}to{transform:skewY(-20deg);transform-origin:100% 30%}}@keyframes soleil{from,90%,to{-webkit-animation-timing-function:10s;animation-timing-function:10s}0%{opacity:1;transform:translate3d(-1000px,240px,0)}40%{transform:translate3d(25px,0,40px)}60%{transform:translate3d(25px,0,40px)}90%{transform:translate3d(235px,240px,-40px)}to{transform:translate3d(235px,240px,-40px)}}#ferme_anim_rayon{overflow:visible;width:383px;position:absolute;top:-53px;left:143px;height:344px;z-index:-13;transform-origin:center;animation:soleil 10s linear infinite}#ferme_soleil_rayon1{animation:bounceInLeft 2.8s,fdia 4s;overflow:visible;width:133px;position:absolute;top:-171px;left:-101px;height:133px;z-index:92;transform-origin:center;animation-delay:0s,0s}#ferme_soleil_rayon1 img{animation:rotation 10s linear infinite;animation-delay:0s,0s}#formationsegment{overflow:hidden;position:relative;z-index:120;margin-bottom:10px;}#modl{display:none;}#agenceweb{border:7px solid #eee;box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);overflow:visible;width:80%;margin-left:auto;margin-right:auto;position:relative;color:#FFF;height:auto;z-index:120;background:#000;padding:10px;margin-bottom:10px}#centreforma{border:7px solid #eee;box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);background:#fff;overflow:visible;width:80%;margin-left:auto;margin-right:auto;position:relative;color:#000;height:auto;z-index:120;padding:10px}#ferme_soleil_rayon{overflow:visible;width:400px;position:absolute;top:-70px;left:-33px;height:400px;z-index:0;transform-origin:center;animation:rotation 10s linear infinite;animation-delay:0s,0s}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}#ferme_soleil_rayon img{width:100%;transform-origin:center}#ferme_soleil{animation:soleil 10s linear infinite;overflow:visible;width:65px;position:absolute;top:-3px;left:254px;height:18px;z-index:0}#ferme_herbe{overflow:visible;width:611px;position:absolute;top:165px;left:-24px;height:74px;z-index:26;background-repeat:repeat-x}#ferme_tronc2{animation:bounceInLeft 1.8s;overflow:visible;width:124px;position:absolute;top:82px;left:26px;height:146px;z-index:2}#mouton{animation:bounceInRight 1.8s;overflow:visible;width:65px;position:absolute;top:36px;left:396px;height:18px;z-index:3}#ferme_tronc1{animation:bounceInRight 1.8s;overflow:visible;width:65px;position:absolute;top:-57px;left:93px;height:18px;z-index:8}#ferme_tronc3{animation:bounceInRight 1.1s;overflow:visible;width:65px;position:absolute;top:-82px;left:123px;height:18px;z-index:11}#ferme_cache{overflow:visible;width:576px;position:absolute;top:-30px;left:-23px;height:251px;z-index:79}#ferme_fd{animation:contenu1 10s linear infinite;box-sizing:border-box;width:591px;height:228px;margin-left:0;margin-right:0;z-index:-14;overflow:hidden;position:absolute;left:-36px;display:block;margin-top:0;background-color:#06C;top:54px}@keyframes contenu1{from{background-color:#7D2A6E;box-shadow:0 140px 10px 10px #38406F inset}44%{background-color:#A6C8F8;box-shadow:0 100px 100px -100px #7484FE inset}60%{background-color:#A6C8F8;box-shadow:0 100px 100px -100px #7484FE inset}70%{background-color:#A6C8F8;box-shadow:0 100px 100px -100px #7484FE inset}to{background-color:#7D2A6E;box-shadow:0 140px 10px 10px #38406F inset}}#pakrett2{animation:nuage1 4s linear infinite;transform-origin:center;width:65px;height:18px;position:absolute;background-repeat:no-repeat;overflow:visible;width:65px;position:absolute;top:152px;left:439px;height:18px;z-index:12}#animpakrett1{animation:bounceInRight 1.8s;transform-origin:center;width:65px;height:18px;position:absolute;background-repeat:no-repeat;overflow:visible;width:65px;position:absolute;top:92px;left:125px;height:18px;z-index:9}#pakrett1{animation:nuage1 4s linear infinite;transform-origin:center;width:65px;height:18px;position:absolute;background-repeat:no-repeat;overflow:visible;width:65px;position:absolute;top:6px;left:1px;height:18px;z-index:9}#cochon{animation:bounceInRight 1.8s;overflow:visible;width:65px;position:absolute;top:137px;left:295px;height:18px;z-index:11}#vache{animation:bounceInLeft 1.8s;overflow:visible;width:65px;position:absolute;top:107px;left:198px;height:18px;z-index:5}#ombrerenard{animation:bounceInLeft 1.8s;overflow:visible;width:65px;position:absolute;top:122px;left:160px;height:18px;z-index:-46}#ombrerenard img{animation:fdia 3s }#adapt a div{z-index:46}#adapt a div img{z-index:46}#divecart{display:block;width:100%;position:relative;height:81px}#fd_lion{overflow:visible;width:338px;position:absolute;top:-160px;left:89px;height:81px;z-index:396}#fd_belfort{-webkit-animation:rot 6s ease-in-out 1s backwards;-moz-animation:rot 6s ease-in-out 1s backwards;-ms-animation:rot 6s ease-in-out 1s backwards;-o-animation:rot 6s ease-in-out 1s backwards;animation:rot 6s ease-in-out 1s backwards;-webkit-transform-origin:0 110%;-moz-transform-origin:0 110%;-ms-transform-origin:0 110%;-o-transform-origin:0 110%;transform-origin:0 110%;-webkit-perspective:250px;-moz-perspective:250px;-ms-perspective:250px;-o-perspective:250px;perspective:250px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;perspective-origin:50% 0;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;width:100px;position:absolute;top:-53px;left:-229px;height:80px;z-index:96}#fd_belfort1{-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;width:62px;position:absolute;top:50px;left:-54px;height:236px;z-index:9}#fd_belfort2{-webkit-animation:rot 6s ease-in-out 1s backwards;-moz-animation:rot 6s ease-in-out 1s backwards;-ms-animation:rot 6s ease-in-out 1s backwards;-o-animation:rot 6s ease-in-out 1s backwards;animation:rot 6s ease-in-out 1s backwards;-webkit-transform-origin:0 110%;-moz-transform-origin:0 110%;-ms-transform-origin:0 110%;-o-transform-origin:0 110%;transform-origin:0 110%;-webkit-perspective:250px;-moz-perspective:250px;-ms-perspective:250px;-o-perspective:250px;perspective:250px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;perspective-origin:50% 0;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;width:202px;position:absolute;top:-3px;left:-22px;height:81px;z-index:96}#fd_belfort3{-webkit-animation:rot 6s ease-in-out 1s backwards;-moz-animation:rot 6s ease-in-out 1s backwards;-ms-animation:rot 6s ease-in-out 1s backwards;-o-animation:rot 6s ease-in-out 1s backwards;animation:rot 6s ease-in-out 1s backwards;-webkit-transform-origin:0 110%;-moz-transform-origin:0 110%;-ms-transform-origin:0 110%;-o-transform-origin:0 110%;transform-origin:0 110%;-webkit-perspective:250px;-moz-perspective:250px;-ms-perspective:250px;-o-perspective:250px;perspective:250px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;perspective-origin:50% 0;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-fill-mode:both;overflow:visible;width:102px;position:absolute;top:-123px;left:-152px;height:116px;z-index:596}#fd_belfort4{-webkit-animation:rot 6s ease-in-out 1s backwards;-moz-animation:rot 6s ease-in-out 1s backwards;-ms-animation:rot 6s ease-in-out 1s backwards;-o-animation:rot 6s ease-in-out 1s backwards;animation:rot 6s ease-in-out 1s backwards;-webkit-transform-origin:0 110%;-moz-transform-origin:0 110%;-ms-transform-origin:0 110%;-o-transform-origin:0 110%;transform-origin:0 110%;-webkit-perspective:250px;-moz-perspective:250px;-ms-perspective:250px;-o-perspective:250px;perspective:250px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;perspective-origin:50% 0;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;width:202px;position:absolute;top:-2px;left:68px;height:81px;z-index:6}#fd_belfort5b{background-image:url(kissp9.png);opacity:0.3;-webkit-animation:rot 6s ease-in-out 1s backwards;-moz-animation:rot 6s ease-in-out 1s backwards;-ms-animation:rot 6s ease-in-out 1s backwards;-o-animation:rot 6s ease-in-out 1s backwards;animation:rot 6s ease-in-out 1s backwards;-webkit-transform-origin:0 110%;-moz-transform-origin:0 110%;-ms-transform-origin:0 110%;-o-transform-origin:0 110%;transform-origin:0 110%;-webkit-perspective:250px;-moz-perspective:250px;-ms-perspective:250px;-o-perspective:250px;perspective:250px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;perspective-origin:50% 0;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;width:387px;position:absolute;top:-129px;left:45px;height:184px;z-index:-19}#fd_belfort5{background-image:url(0arabesque-with-a-fleur-de-lys-28929.jpg);opacity:0.3;-webkit-animation:rot 6s ease-in-out 1s backwards;-moz-animation:rot 6s ease-in-out 1s backwards;-ms-animation:rot 6s ease-in-out 1s backwards;-o-animation:rot 6s ease-in-out 1s backwards;animation:rot 6s ease-in-out 1s backwards;-webkit-transform-origin:0 110%;-moz-transform-origin:0 110%;-ms-transform-origin:0 110%;-o-transform-origin:0 110%;transform-origin:0 110%;-webkit-perspective:250px;-moz-perspective:250px;-ms-perspective:250px;-o-perspective:250px;perspective:250px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;perspective-origin:50% 0;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;width:387px;position:absolute;top:-26px;left:-186px;height:184px;z-index:-19}#fd_belfort6{-webkit-animation:rot 6s ease-in-out 1s backwards;-moz-animation:rot 6s ease-in-out 1s backwards;-ms-animation:rot 6s ease-in-out 1s backwards;-o-animation:rot 6s ease-in-out 1s backwards;animation:rot 6s ease-in-out 1s backwards;-webkit-transform-origin:0 110%;-moz-transform-origin:0 110%;-ms-transform-origin:0 110%;-o-transform-origin:0 110%;transform-origin:0 110%;-webkit-perspective:250px;-moz-perspective:250px;-ms-perspective:250px;-o-perspective:250px;perspective:250px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;perspective-origin:50% 0;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;width:119px;position:absolute;top:-116px;left:96px;height:67px;z-index:88}#fd_belfort7{-webkit-animation:rot 6s ease-in-out 1s backwards;-moz-animation:rot 6s ease-in-out 1s backwards;-ms-animation:rot 6s ease-in-out 1s backwards;-o-animation:rot 6s ease-in-out 1s backwards;animation:rot 6s ease-in-out 1s backwards;-webkit-transform-origin:0 110%;-moz-transform-origin:0 110%;-ms-transform-origin:0 110%;-o-transform-origin:0 110%;transform-origin:0 110%;-webkit-perspective:250px;-moz-perspective:250px;-ms-perspective:250px;-o-perspective:250px;perspective:250px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;perspective-origin:50% 0;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;width:117px;position:absolute;top:-132px;left:332px;height:67px;z-index:621}#groupfleurbleu{filter: hue-rotate(70deg);animation:bounceInRight 1.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;width:202px;position:absolute;top:186px;left:31px;height:81px;z-index:-212}#groupfleurroz2{animation:bounceInRight 2.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;width:202px;position:absolute;top:65px;left:-222px;height:81px;z-index:96}#groupfleurroz{animation:bounceInLeft 2.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;width:203px;position:absolute;top:-60px;left:-25px;height:81px;z-index:296} @keyframes fleurbleu { from {transform: skewY(-2deg);transform-origin: 100% 30%;} 50% {transform:skewY(-16deg);transform-origin: 100% 30%;} to {transform:skewY(-2deg);transform-origin: 100% 30%;} } #flbleu1 {filter: hue-rotate(30deg); width:58px; position:absolute; top:-177px; left:461px; height:25px; z-index: 198; } #flbleu2 { width:84px; position:absolute; top:53px; left:-18px; height:257px; z-index: 1205; }#fleurbleu1 {animation: fleurbleu 4s linear infinite; width:58px; position:absolute; top:-110px; left:150px; height:25px; z-index: 68; } #fleurbleu2 {animation: fleurbleu 3.8s linear infinite; width:48px; position:absolute; top:-108px; left:227px; height:264px; z-index: 1; } #fleurbleu3 { animation: fleurbleu 6.4s linear infinite; width:36px; position:absolute; top:-175px; left:197px; height:52px; z-index: 98; padding-top: 50px; } #fleurbleu4 {animation: fleurbleu 4.4s linear infinite; width:40px; position:absolute; top:-100px; left:227px; height:25px; z-index: 96; } #fleurbleu5 {animation: fleurbleu 3.2s linear infinite; width:40px; position:absolute; top:-96px; left:37px; height:191px; z-index: 102; } #fleurbleu6 {animation: fleurbleu 5s linear infinite; width:40px; position:absolute; top:-142px; left:181px; height:25px; z-index: 65; } #fleurbleu1c {animation: fleurbleu 4s linear infinite; width:40px; position:absolute; top:11px; left:15px; height:62px; z-index: 368; } #fleurbleu2c {animation: fleurbleu 3.8s linear infinite; width:48px; position:absolute; top:-2px; left:31px; height:64px; z-index: 109; } #fleurbleu3c {animation: fleurbleu 6.4s linear infinite; width:36px; position:absolute; top:-28px; left:20px; height:32px; z-index: 98; } #fleurbleu4c {animation: fleurbleu 4.4s linear infinite; width:74px; position:absolute; top:11px; left:40px; height:61px; z-index: 296; } #fleurbleu5c {animation: fleurbleu 3.2s linear infinite; width:40px; position:absolute; top:-18px; left:33px; height:69px; z-index: 102; } #fleurbleu6c {animation: fleurbleu 5s linear infinite; width:40px; position:absolute; top:-27px; left:23px; height:25px; z-index: 65; }#tasfeuillesvertes{width:155px;position:absolute;z-index:254;height:105px;-webkit-animation-duration:10s;animation-duration:10s;animation:bounceInLeft 1.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;left:61px;top:-103px;background-repeat:no-repeat;padding:35px;font-size:13px}#tasfeuilles{width:152px;position:absolute;z-index:254;height:105px;-webkit-animation-duration:10s;animation-duration:10s;animation:bounceInLeft 1.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;left:290px;top:-69px;background-repeat:no-repeat;padding:35px;font-size:13px}#donjon{width:152px;position:absolute;z-index:-254;height:105px;left:45%;top:-255px;background-repeat:no-repeat;padding:35px;font-size:13px}@keyframes buisson1{from{transform:scale(1.6);transform-origin:center;color:#FFF}50%{transform:scale(1.7);transform-origin:center;color:#FFF}to{transform:scale(1.6);transform-origin:center;color:#FFF}}#zabr{z-index:-10}#zabr2{z-index:-10}#zabr2 img{width:80%;height:auto;z-index:-10}#zabr img{width:420px;height:auto;z-index:-10}#ddrago{color:#FFF;line-height:1;transform-origin:center;z-index:232;position:absolute;width:130px;height:31px;left:-39px;top:-49px}@keyframes pt2{from{transform:scale(1.6);transform-origin:center;color:#FFF}50%{transform:scale(1.7);transform-origin:center;color:#FFF}to{transform:scale(1.6);transform-origin:center;color:#FFF}}#fleur{animation:fl2 12s linear infinite;font-family:'bule';font-size:40px;color:#FFF;line-height:1;top:47px;z-index:228;position:absolute;width:180px;height:180px;transform-origin:center;left:374px}#fleur img{width:100%;transform-origin:center}#pt{animation:pt2 3s linear infinite;font-family:'bule';font-size:40px;color:#FFF;line-height:1;top:75px;z-index:231;position:absolute;width:160px;height:131px;transform-origin:center;left:303px}#fdimg3{top:-53px;z-index:-330;position:absolute;width:160px;height:131px;transform-origin:center;left:-38px}#fdimg3 img{filter:sepia(100%);transition:background-color 8s;animation:spia 12s linear infinite}@keyframes spia{from{-webkit-filter:brightness(2%);filter:brightness(20%);filter:sepia(100%)}4%{-webkit-filter:brightness(90%);filter:brightness(90%);filter:sepia(100%)}44%{-webkit-filter:brightness(90%);filter:brightness(90%);filter:sepia(100%)}94%{-webkit-filter:brightness(90%);filter:brightness(90%);filter:sepia(0%)}to{-webkit-filter:brightness(20%);filter:brightness(20%);filter:sepia(100%)}}#pt img{width:100%;transform-origin:center}@keyframes pt2{from{transform:scale(1.6);transform-origin:center;color:#FFF}50%{transform:scale(1.7);transform-origin:center;color:#FFF}to{transform:scale(1.6);transform-origin:center;color:#FFF}}@keyframes fl2{from{transform:rotate(0deg);transform-origin:center;color:#FFF}50%{transform:rotate(180deg);transform-origin:center;color:#FFF}to{transform:rotate(360deg);transform-origin:center;color:#FFF}}#plantfeu{width:152px;position:absolute;z-index:-637;height:16px;-webkit-animation-duration:10s;animation-duration:10s;animation:bounceInLeft 1.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;left:216px;top:47px;background-repeat:no-repeat;padding:35px;font-size:13px}#plantfeu2{-webkit-filter: sepia(73%);filter: sepia(73%);width:152px;position:absolute;z-index:-629;height:16px;-webkit-animation-duration:10s;animation-duration:10s;animation:bounceInLeft 1.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;left:315px;top:116px;background-repeat:no-repeat;padding:35px;font-size:13px}#plantfeuyl{width:152px;position:absolute;z-index:434;height:16px;-webkit-animation-duration:10s;animation-duration:10s;animation:bounceInLeft 1.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;left:-140px;top:102px;background-repeat:no-repeat;padding:35px;font-size:13px}#feuillage{width:152px;position:absolute;z-index:434;height:16px;-webkit-animation-duration:10s;animation-duration:10s;animation:bounceInLeft 1.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;left:-346px;top:12px;background-repeat:no-repeat;padding:35px;font-size:13px}#feuillage2{width:152px;position:absolute;z-index:434;height:16px;-webkit-animation-duration:10s;animation-duration:10s;animation:bounceInLeft 1.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;left:-210px;top:22px;background-repeat:no-repeat;padding:35px;font-size:13px}#plantfeuybisl{width:152px;position:absolute;z-index:454;height:16px;-webkit-animation-duration:10s;animation-duration:10s;animation:bounceInLeft 1.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;left:-69px;top:132px;background-repeat:no-repeat;padding:35px;font-size:13px}@keyframes feuyl{from{transform:skewY(-2deg);transform-origin:100% 30%}50%{transform:skewY(-6deg);transform-origin:100% 30%}to{transform:skewY(-2deg);transform-origin:100% 30%}}@keyframes feuyp2{from{transform:transform:rotate(0deg);transform-origin:3% 100%;color:#FFF}50%{transform:rotate(5deg);transform-origin:3% 100%;color:#FFF}to{transform:rotate(0deg);transform-origin:3% 100%;color:#FFF}}.feuyl1{animation:feuyl 4s linear infinite}#feuylp2_1{animation:feuyp2 5s linear infinite;transform-origin:center;width:34px;height:37px;position:absolute;background-repeat:no-repeat;top:-17px;z-index:-104;float:right;left:244px}#feuylp2_2{animation:feuyp2 6s linear infinite;transform-origin:center;width:63px;height:37px;position:absolute;background-repeat:no-repeat;top:-13px;z-index:-105;float:right;left:248px}#feuylp2_3{animation:feuyp2 3s linear infinite;transform-origin:center;width:34px;height:37px;position:absolute;background-repeat:no-repeat;top:-22px;z-index:-106;float:right;left:215px}#feuylp2_4{animation:feuyp2 4s linear infinite;transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:-19px;z-index:-107;float:right;left:187px}#feuylp2_5{animation:feuyp2 9s linear infinite;transform-origin:80% 10%;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:-2px;z-index:-97;float:right;left:202px}#feuylp2_5b{animation:feuyp2 9s linear infinite;transform-origin:80% 10%;width:76px;height:25px;position:absolute;background-repeat:no-repeat;top:5px;z-index:-597;float:right;left:83px}#foug5{animation:feuyp2 12s linear infinite;transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:5px;z-index:117;float:right;left:80px}#foug4{animation:feuyp2 9s linear infinite;transform-origin:center;width:101px;height:117px;position:absolute;background-repeat:no-repeat;top:7px;z-index:-107;float:right;left:89px}#foug3{animation:feuyp2 7s linear infinite;transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:-27px;z-index:-702;float:right;left:67px}#foug2{animation:feuyp2 11s linear infinite;transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:-6px;z-index:-107;float:right;left:78px}#foug1{animation:feuyp2 10s linear infinite;transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:5px;z-index:107;float:right;left:52px}#feu1{animation:feuyp2 10s linear infinite;transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:-78px;z-index:-107;float:right;left:61px}#feu5{animation:feuyp2 12s linear infinite;transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:-44px;z-index:-157;float:right;left:63px}#feu4{animation:feuyp2 9s linear infinite;transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:-75px;z-index:-107;float:right;left:87px}#feu3{animation:feuyp2 7s linear infinite;transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:-73px;z-index:-107;float:right;left:68px}#feu2{animation:feuyp2 11s linear infinite;transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:-65px;z-index:-107;float:right;left:81px}#feuyl1{transform:rotate(25deg);animation:feuyl 4s linear infinite;transform-origin:center;width:39px;height:66px;position:absolute;background-repeat:no-repeat;top:19px;z-index:-55;float:right;left:162px}#feuyl2{transform:rotate(25deg);animation:feuyl 5s linear infinite;transform-origin:center;width:47px;height:66px;position:absolute;background-repeat:no-repeat;top:13px;z-index:-45;float:right;left:157px}#feuyl3{transform:rotate(25deg);animation:feuyl 6s linear infinite;transform-origin:center;width:37px;height:66px;position:absolute;background-repeat:no-repeat;top:9px;z-index:-5;float:right;left:178px}#feuyl4{transform:rotate(25deg);animation:feuyl 5s linear infinite;transform-origin:center;width:34px;height:37px;position:absolute;background-repeat:no-repeat;top:13px;z-index:-4;float:right;left:199px}#feuyl5{transform:rotate(25deg);animation:feuyl 6s linear infinite;transform-origin:center;width:52px;height:66px;position:absolute;background-repeat:no-repeat;top:30px;z-index:-49;float:right;left:154px}#feuyl6{transform:rotate(25deg);animation:feuyl 4s linear infinite;transform-origin:center;width:57px;height:49px;position:absolute;background-repeat:no-repeat;top:21px;z-index:-48;float:right;left:144px}#feuyl7{transform:rotate(25deg);animation:feuyl 3s linear infinite;transform-origin:center;width:60px;height:69px;position:absolute;background-repeat:no-repeat;top:3px;z-index:-45;float:right;left:206px}@keyframes feuille1b{from{transform:skewY(-2deg);transform-origin:100% 30%}50%{transform:skewY(-6deg);transform-origin:100% 30%}to{transform:skewY(-2deg);transform-origin:100% 30%}}.feuille1b{animation:feuille1b 4s linear infinite}#feuille1b{transform:rotate(25deg);animation:feuille1b 4s linear infinite;transform-origin:center;width:516px;height:66px;position:absolute;background-repeat:no-repeat;top:-30px;z-index:-45;float:right;left:-137px}#feuille1b img{width:70%;transform:rotate(25deg)}#feuille2{transform:rotate(65deg);animation:feuille1b 4s linear infinite;transform-origin:center;width:87px;height:66px;position:absolute;background-repeat:no-repeat;top:-4px;z-index:325;float:left;left:18px}#feuille2 img{width:70%;transform:rotate(55deg)}#feuille3{transform:rotate(75deg);animation:feuille1b 6s linear infinite;transform-origin:center;width:87px;height:66px;position:absolute;background-repeat:no-repeat;top:29px;z-index:325;float:left;left:69px}#feuille3 img{width:70%;transform:rotate(65deg)}#feuille4{transform:rotate(65deg);animation:feuille1b 8s linear infinite;transform-origin:center;width:87px;height:66px;position:absolute;background-repeat:no-repeat;top:-6px;z-index:325;float:left;left:51px}#feuille4 img{width:70%;transform:rotate(35deg)}#feuille5{transform:rotate(55deg);animation:feuille1b 6s linear infinite;transform-origin:center;width:87px;height:67px;position:absolute;background-repeat:no-repeat;top:21px;z-index:3265;float:left;left:-3px}#feuille5 img{width:70%;transform:rotate(15deg)}#feuille6{transform:rotate(35deg);animation:feuille1b 4s linear infinite;transform-origin:center;width:87px;height:66px;position:absolute;background-repeat:no-repeat;top:35px;z-index:3;right:59px;float:right;left:-11px}#feuille6 img{width:70%;transform:rotate(75deg)}#feuille7{transform:rotate(45deg);animation:feuille1b 6s linear infinite;transform-origin:center;width:87px;height:66px;position:absolute;background-repeat:no-repeat;top:12px;z-index:325;float:left;left:34px}#feuille7 img{width:70%;transform:rotate(55deg)} #feuille8{transform-origin:center;width:383px;height:66px;position:absolute;background-repeat:no-repeat;top:-35px;z-index:-588;left:-65px;float:left}/*#feuille8:hover{ transition:background-color 4s, filter 4s; width:84px; height:84px;-webkit-filter: sepia(103%);} */ #feuille9{transform:rotate(35deg);animation:feuille1b 4s linear infinite;transform-origin:center;width:87px;height:66px;position:absolute;background-repeat:no-repeat;top:-4px;z-index:32;float:right;left:85px}#feuille10{transform:rotate(35deg);animation:feuille1b 4s linear infinite;transform-origin:center;width:87px;height:66px;position:absolute;background-repeat:no-repeat;top:21px;z-index:3;float:right;left:100px}#feuille10 img{width:70%;transform:rotate(55deg)}#contenu0{width:100%;margin-left:auto;margin-right:auto;height:100%;position:relative;top:0;overflow:hidden}#fhg img{color:#000;width:52%}#tepl{ overflow:visible; position:relative; bottom:-94px; width:100%; padding-top:5px; height:425px; left:-1px; margin-top: 15px; }#tepl1{width:70px;height:10px;border:0 solid #eee;transition:border-color 1s,background-color 1s,color 1s;color:#000;-webkit-box-shadow:-1px 0 8px 2px rgba(50,50,50,.56);-moz-box-shadow:-1px 0 8px 2px rgba(50,50,50,.56);box-shadow:-1px 0 8px 2px rgba(50,50,50,.56);background-color:#cccc;margin-bottom:0;z-index:2}#tepl1:hover{transition:border-color 1s,background-color 1s,color 1s;color:#fff;-webkit-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);-moz-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);background-color:#000}#tepl1 div{-webkit-box-shadow:-1px 0 8px 2px rgba(50,50,50,.56);-moz-box-shadow:-1px 0 8px 2px rgba(50,50,50,.56);box-shadow:-1px 0 8px 2px rgba(50,50,50,.56)}#tepl10{width:5%;height:5px;border:0 solid #eee;transition:border-color 1s,background-color 1s,color 1s;margin-bottom:0;z-index:2;position:absolute;left:59%;top:76px}#tepl11{width:5%;height:5px;border:0 solid #eee;transition:border-color 1s,background-color 1s,color 1s;margin-bottom:0;z-index:2;position:absolute;left:57%;top:78px}#tepl12{width:5%;height:5px;border:0 solid #eee;transition:border-color 1s,background-color 1s,color 1s;margin-bottom:0;z-index:2;position:absolute;left:56%;top:86px}#tepl13{background:linear-gradient(to top,#A9D6E2,70%,#fff);width:5%;height:5px;border:0 solid #eee;transition:border-color 1s,background-color 1s,color 1s;background-color:#EBFBFC;margin-bottom:0;z-index:2;position:absolute;left:60%;top:72px}#tepl1b{width:5%;height:6px;border:0 solid #eee;margin-bottom:0;z-index:2;position:absolute;left:55%;top:92px}#tepl1c{width:6%;height:7px;border:0 solid #eee;margin-bottom:0;z-index:2;position:absolute;left:53%;top:98px}#tepl1d{width:7%;height:8px;border:0 solid #eee;margin-bottom:0;z-index:2;position:absolute;left:51%;top:105px}#tepl1e{width:10%;height:9px;border:0 solid #eee;margin-bottom:0;z-index:2;position:absolute;left:49%;top:112px}#tepl1f{width:13%;height:10px;border:0 solid #eee;margin-bottom:0;z-index:2;position:absolute;left:47%;top:122px}#tepl1g{width:17%;height:12px;border:0 solid #eee;margin-bottom:0;z-index:2;position:absolute;left:45%;top:132px}#tepl1h{width:28%;height:18px;border:0 solid #eee;margin-bottom:0;z-index:2;position:absolute;left:41%;top:161px}#tepl1i{width:23%;height:15px;border:0 solid #eee;margin-bottom:0;z-index:2;position:absolute;left:43%;top:145px}#tepl1j{width:33%;height:21px;border:0 solid #eee;margin-bottom:0;z-index:2;position:absolute;left:39%;top:181px}#tepl1k{width:38%;height:24px;border:0 solid #eee;margin-bottom:0;z-index:2;position:absolute;left:36%;top:199px}#tepl1l{width:45%;height:27px;border:0 solid #eee;margin-bottom:0;z-index:2;position:absolute;left:31%;top:222px}#tepl1m{width:52%;height:30px;border:0 solid #eee;margin-bottom:0;z-index:2;position:absolute;left:27%;top:251px}#tepl1n{width:60%;height:34px;border:0 solid #eee;margin-bottom:0;z-index:2;position:absolute;left:22%;top:280px}#tepl1o{width:71%;height:37px;border:0 solid #eee;margin-bottom:0;z-index:2;position:absolute;left:16%;top:315px}#tepl1p{width:82%;height:40px;padding-left:15px;padding-right:15px;z-index:2;position:absolute;left:8%;top:355px}#tepl1q{width:108px;height:65px;padding-left:15px;padding-right:15px;background-color:#FFF;z-index:-2;position:absolute;left:54%;top:0;border:3px solid #eee;line-height:.1;padding-top:-19px}#marche1{margin-left:14%;padding-left:15px;padding-right:15px;padding:5px;width:70%;height:10px;transform:skew(10deg);background-color:#cccc;z-index:2;position:relative}#tepnuage1{width:10%;height:140px;z-index:-202;position:absolute;left:36%;top:54px}#tepnuage2{width:10%;height:140px;z-index:-92;position:absolute;left:19%;top:147px}#tepnuage3{width:10%;height:140px;z-index:2;position:absolute;left:89%;top:122px}#tepnuage4{width:10%;height:140px;z-index:2;position:absolute;left:763px;top:180px}#tepnuage5{width:10%;height:140px;z-index:2;position:absolute;left:29%;top:26px}#tepnuage6{width:10%;height:140px;z-index:-2;position:absolute;left:90px;top:43px}#tepnuage7{width:10%;height:249px;z-index:-5;position:absolute;left:47%;top:-74px}#tepnuage8{width:10%;height:140px;z-index:2;position:absolute;left:-1%;top:102px}#tepnuage9{width:10%;height:140px;z-index:2;position:absolute;left:10%;top:6px}#footer{overflow:hidden;position:relative;width:100%;padding-top:5px}#sfcxhfcwlshwg7qfdpfussrx2zlbszhtqfg{position:absolute;top:200px;left:-800px;margin-bottom:-600px;z-index:54}.btfin{margin-bottom:-60px;z-index:54}#avion{width:100px;position:absolute;z-index:54;height:66px;-webkit-animation-duration:2.5s;animation-duration:2.5s;animation-name:avion2;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:hidden;left:102px;top:59px;background-repeat:no-repeat;background-image:url(avion2.png)} #papieravion{ width:76px; position:absolute; z-index:54; height:43px; -webkit-animation-duration:0.8s; animation-duration:0.8s;animation-delay:0.2s; animation-name:papieravion2; -webkit-animation-fill-mode:both; animation-fill-mode:both; overflow:visible; left:-3px; top:57px; background-repeat:no-repeat; background-image:url(avion3.png); } #papieravion-1{ width:76px; position:absolute; z-index:55; height:44px; -webkit-animation-duration:0.8s; animation-duration:0.8s;animation-delay:0.9s; animation-name:papieravion3; -webkit-animation-fill-mode:both; animation-fill-mode:both; overflow:visible; left:27px; top:63px; background-repeat:no-repeat; background-image:url(avion4.png); }#papieravion-2{ width:76px; position:absolute; z-index:55; height:44px; -webkit-animation-duration:0.8s; animation-duration:0.8s;animation-delay:1.2s; animation-name:papieravion3; -webkit-animation-fill-mode:both; animation-fill-mode:both; overflow:visible; left:48px; top:66px; background-repeat:no-repeat; background-image:url(avion3.png); }#papieravion-3{ width:76px; position:absolute; z-index:55; height:44px; -webkit-animation-duration:0.5s; animation-duration:0.8s;animation-delay:1.7s; animation-name:papieravion2; -webkit-animation-fill-mode:both; animation-fill-mode:both; overflow:visible; left:67px; top:63px; background-repeat:no-repeat; background-image:url(avion4.png); }#papieravion-4{ width:76px; position:absolute; z-index:55; height:44px; -webkit-animation-duration:0.4s; animation-duration:0.8s;animation-delay:2.1s; animation-name:papieravion3; -webkit-animation-fill-mode:both; animation-fill-mode:both; overflow:visible; left:61px; top:48px; background-repeat:no-repeat; background-image:url(avion3.png); }#papieravion-5{ width:76px; position:absolute; z-index:55; height:44px; -webkit-animation-duration:0.5s; animation-duration:0.8s;animation-delay:2.3s; animation-name:papieravion2; -webkit-animation-fill-mode:both; animation-fill-mode:both; overflow:visible; left:30px; top:48px; background-repeat:no-repeat; background-image:url(avion4.png); }#papieravion-6{ width:76px; position:absolute; z-index:55; height:44px; -webkit-animation-duration:0.6s; animation-duration:0.8s;animation-delay:2.7s; animation-name:papieravion3; -webkit-animation-fill-mode:both; animation-fill-mode:both; overflow:visible; left:53px; top:36px; background-repeat:no-repeat; background-image:url(avion3.png); } @-webkit-keyframes papieravion2{from,90%,to{-webkit-animation-timing-function:0.8s;animation-timing-function:0.8s}0%{opacity:0;-webkit-transform:translate3d(-400px,-140px,0);transform:translate3d(-400px,-140px,0)}90%{-webkit-transform:translate3d(25px,40px,-40px);transform:translate3d(25px,40px,0)}to{-webkit-transform:translate3d(25px,40px,-40px);transform:translate3d(25px,40px,-40px)}} @-webkit-keyframes papieravion3{from,90%,to{-webkit-animation-timing-function:0.8s;animation-timing-function:0.8s}0%{opacity:0;-webkit-transform:translate3d(-800px,-340px,0);transform:translate3d(-800px,-340px,0)}90%{-webkit-transform:translate3d(25px,40px,-40px);transform:translate3d(25px,40px,0)}to{-webkit-transform:translate3d(25px,40px,-40px);transform:translate3d(25px,40px,-40px)}} @keyframes avion2{from,90%,to{-webkit-animation-timing-function:4s;animation-timing-function:4s}0%{opacity:0;-webkit-transform:translate3d(-1000px,-240px,0);transform:translate3d(-1000px,-240px,0)}90%{-webkit-transform:translate3d(25px,40px,-40px);transform:translate3d(25px,40px,0)}to{-webkit-transform:translate3d(25px,40px,-40px);transform:translate3d(25px,40px,-40px)}}.avion2{-webkit-animation-name:avion2;animation-name:avion2}.blc{color:#FFF;background-color:#FFF;width:auto} @-webkit-keyframes avion2{from,90%,to{-webkit-animation-timing-function:4s;animation-timing-function:4s}0%{opacity:0;-webkit-transform:translate3d(-1000px,-240px,0);transform:translate3d(-1000px,-240px,0)}90%{-webkit-transform:translate3d(25px,40px,-40px);transform:translate3d(25px,40px,0)}to{-webkit-transform:translate3d(25px,40px,-40px);transform:translate3d(25px,40px,-40px)}}@keyframes avion2{from,90%,to{-webkit-animation-timing-function:4s;animation-timing-function:4s}0%{opacity:0;-webkit-transform:translate3d(-1000px,-240px,0);transform:translate3d(-1000px,-240px,0)}90%{-webkit-transform:translate3d(25px,40px,-40px);transform:translate3d(25px,40px,0)}to{-webkit-transform:translate3d(25px,40px,-40px);transform:translate3d(25px,40px,-40px)}}.avion2{-webkit-animation-name:avion2;animation-name:avion2}.blc{color:#FFF;background-color:#FFF;width:auto}#ombre{width:100px;position:absolute;z-index:5;height:66px;-webkit-animation-duration:4s;animation-duration:4s;animation-name:ombre;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:hidden;left:117px;top:111px;background-repeat:no-repeat;background-image:url(ombre.png)}@-webkit-keyframes ombre{from,70%,to{-webkit-animation-timing-function:4s;animation-timing-function:4s}0%{opacity:0}70%{opacity:0}to{opacity:1}}@keyframes ombre{from,70%,to{-webkit-animation-timing-function:4s;animation-timing-function:4s}0%{opacity:0}70%{opacity:0}to{opacity:1}}.ombre{-webkit-animation-name:ombre;animation-name:ombre}#pass2{width:152px;position:absolute;z-index:4;height:105px;-webkit-animation-duration:5s;animation-duration:5s;animation-name:bounceOutLeft2;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:visible;left:10px;top:-38px;background-repeat:no-repeat;padding:35px;font-size:13px}#pass2 img {width:182px; height:auto;} #pass{width:186px;position:absolute;z-index:54;height:205px;-webkit-animation-duration:8s;animation-duration:8s;animation-name:bounceOutLeft2;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:hidden;left:38%;top:-320px;background-image:url(qualiopi.jpg);background-repeat:no-repeat;padding-top:10px;font-size:13px;-webkit-box-shadow:-1px 0 5px 12px rgba(50,50,50,.2);-moz-box-shadow:-1px 0 5px 12px rgba(50,50,50,.2);box-shadow:-1px 0 5px 12px rgba(50,50,50,.2)}@-webkit-keyframes bounceOutLeft2{0%{-webkit-transform:translateX(0)}30%{opacity:1;transform:translateX(-50px);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}34%{opacity:1;transform:translateX(-50px);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}76%{opacity:0;-webkit-transform:translateX(5000px)}100%{opacity:0;-webkit-transform:translateX(5000px)}}@keyframes bounceOutLeft2{0%{transform:translateX(0)}30%{opacity:1;transform:translateX(-50px);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}34%{opacity:1;transform:translateX(-50px);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}76%{opacity:0;-webkit-transform:translateX(5000px)}100%{opacity:0;transform:translateX(5000px)}}.bounceOutLeft2{-webkit-animation-name:bounceOutLeft2;animation-name:bounceOutLeft2}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight 2s;animation-name:bounceOutRight 2s}}#yoo{animation:zoomInRight 2s;width:386px;position:absolute;top:422px;left:397px;height:127px;z-index:354}#g{animation:bounceInLeft 1s;width:196px;position:absolute;top:50%;left:30%;height:auto;z-index:32;font-size:24px}#l{animation:bounceInLeft 1.8s;width:196px;position:absolute;top:460px;left:0;height:auto;z-index:38}#e{animation:bounceInLeft 0.8s;width:207px;position:absolute;top:50%;left:50%;height:auto;z-index:8;font-size:24px}form{width:auto;height:auto;background-color:#999}#gauc{width:50%;height:150px;position:relative;margin-left:auto;margin-right:auto;margin-top:50px;margin-bottom:30px;z-index:52}#gaucfr{width:50px;height:50px;position:relative;margin-left:auto;margin-right:auto;margin-top:50px;margin-bottom:0px;z-index:52;display:block}#droi{animation:bounceInLeft 1.5s;width:100%;height:150px;float:right;position:relative;z-index:74}#droi p{font-size:18px;line-height:27px;color:#333}#dssu{width:50px;position:absolute;top:34px;left:60%;height:auto;z-index:8}#plante4{width:100px;position:absolute;top:-448px;left:6%;height:auto;z-index:-5}#plante5{width:100px;position:absolute;top:129px;left:403px;height:36px;z-index:85}#eof{width:100px;position:relative;height:auto;z-index:2;margin-left:auto;margin-right:auto}#eof a img{width:66px;height:auto;z-index:2}#nefant{width:44px;position:absolute;top:119px;left:70px;height:auto;z-index:52}#nefant2{animation:bounceInRight 1.8s;width:212px;position:absolute;top:-110px;left:55px;height:auto;z-index:957}#nefant2b{animation:bounceInRight 1.8s;width:212px;position:absolute;top:-81px;left:217px;height:auto;z-index:257}#plante2{animation:bounceInRight 1.2s;width:250px;position:absolute;top:86px;left:282px;height:212px;z-index:75}#plantefemme{animation:bounceInRight 1.5s;width:121px;position:absolute;top:109px;left:382px;height:110px;z-index:-53}#vik{animation:bounceInLeft 0.8s;width:250px;position:absolute;top:16px;left:118px;height:auto;z-index:55}#dragon{animation:bounceInRight 1.2s;width:273px;position:absolute;top:83px;left:198px;height:auto;z-index:-52}#chaudron{animation:bounceInLeft 1.5s;width:69px;position:absolute;top:-64px;left:367px;height:175px;z-index:456}#tablebar{animation:bounceInLeft 1.5s;width:69px;position:absolute;top:-34px;left:369px;height:175px;z-index:456}#feuille1{ animation:zoomInRight 2.2s; width:473px; position:absolute; top:183px; left:-16px; height:24px; z-index:478; font-size: 18px; }#nuag{animation:bounceInLeft 1s;width:110px;position:absolute;top:2px;left:22px;height:256px;z-index:3}#nuag2{animation:bounceInLeft 1.2s;width:196px;position:absolute;top:-58px;left:70px;height:auto;z-index:256}#nuag2b{animation:bounceInLeft 1.4s;width:196px;position:absolute;top:-58px;left:70px;height:auto;z-index:156}#dfarbres1{animation:bounceInLeft 1.8s;width:96px;position:absolute;top:-38px;left:20px;height:219px;z-index:31}#dfarbres2{animation:bounceInLeft 0.8s;width:196px;position:absolute;top:-166px;left:17px;height:193px;z-index:-35}#dfarbres3{animation:bounceInLeft 1.2s;width:126px;position:absolute;top:-81px;left:303px;height:388px;z-index:-54}#dfd3{animation:bounceInLeft 1.8s;width:126px;position:absolute;top:-34px;left:357px;height:281px;z-index:-73}#dfd2{animation:bounceInLeft 3.4s;width:126px;position:absolute;top:-81px;left:39px;height:216px;z-index:-274}#dfd1{animation:bounceInLeft 1.1s;width:350px;position:absolute;top:-206px;left:-5px;height:268px;z-index:-262}#dfd0{animation:bounceInLeft 1.2s;width:85px;position:absolute;top:93px;left:141px;height:129px;z-index:42}#dfd4{animation:bounceInLeft 1.8s;width:195px;position:absolute;top:-79px;left:282px;height:385px;z-index:-53}#dfd5{animation:bounceInLeft 1.5s;width:195px;position:absolute;top:-60px;left:305px;height:209px;z-index:-53}#dfd6{animation:bounceInRight 2.1s;width:85px;position:absolute;top:-109px;left:94px;height:129px;z-index:-842}#dfnuag1{animation:bounceInLeft 1.8s;width:196px;position:absolute;top:177px;left:144px;height:84px;z-index:-76}#dfnuag2{width:180px;position:absolute;top:110px;left:-12px;height:125px;z-index:-203}#dfnuag3{animation:bounceInLeft 1.6s;width:137px;position:absolute;top:38px;left:24px;height:114px;z-index:257}#dfnuag4{animation:bounceInLeft 2.8s;width:120px;position:absolute;top:-45px;left:7px;height:193px;z-index:274}#dfnuag5{width:120px;position:absolute;top:-85px;left:226px;height:135px;z-index:978}#dfnuag5b{width:120px;position:absolute;top:86px;left:250px;height:291px;z-index:578}#dfnuag6{animation:bounceInRight 2.1s;width:120px;position:absolute;top:83px;left:250px;height:193px;z-index:6}#dfnuag7{animation:bounceInRight 1.1s;width:120px;position:absolute;top:-112px;left:376px;height:193px;z-index:-97}#dfnuag8{animation:bounceInRight 1.9s;width:128px;position:absolute;top:-73px;left:214px;height:322px;z-index:197}#dfnuag9{animation:bounceInLeft 2.1s;width:117px;position:absolute;top:306px;left:-65px;height:98px;z-index:55}#fem{animation:bounceInLeft 2.8s;width:196px;position:absolute;top:-8px;left:-123px;height:auto;z-index:-258}#arbre1{animation:bounceInLeft 1.2s;width:332px;position:absolute;top:-42px;left:3px;height:auto;background-repeat:no-repeat}#arbre1 img{-webkit-box-shadow:-1px 0 5px 2px rgba(50,50,50,.1);-moz-box-shadow:-1px 0 5px 2px rgba(50,50,50,.1);box-shadow:-1px 0 5px 2px rgba(50,50,50,.1);border:5px solid #fff;border-radius:10px}#peintur1{animation:bounceInLeft 1.7s;width:316px;position:absolute;top:-89px;left:9px;height:83px;z-index:528}#peintur1 img{width:245px;border:5px solid #fff;-webkit-box-shadow:-1px 0 5px 2px rgba(50,50,50,.1);-moz-box-shadow:-1px 0 5px 2px rgba(50,50,50,.1);box-shadow:-1px 0 5px 2px rgba(50,50,50,.1);border-radius:10px}#loup{animation:bounceInRight 1s;width:250px;position:absolute;top:27px;left:-16px;height:auto;z-index:5}#tableau{animation:slideInRight 0.5s;width:250px;position:absolute;top:-18px;left:33px;height:auto;display:inherit;z-index:-5}#ordi{animation:slideInRight 0.9s;width:130px;position:absolute;top:41px;left:198px;height:auto;display:inherit;z-index:15}#table{animation:slideInUp 0.7s;width:250px;position:absolute;top:12px;left:136px;height:auto;display:inherit;z-index:-5}#goldorak{position:absolute;width:560px;left:25%;top:-149px;display:block;z-index:-99}#rak2{position:absolute;width:88%;left:33px;top:-99px;display:block;z-index:-98}#EdgeID8{padding-top:1px;z-index:-3}#EdgeID{width:59%;padding-top:25px;z-index:-3}#EdgeID{padding-top:26px;z-index:-3}#EdgeID{width:59%;padding-top:25px;z-index:-3}#EdgeIDli{padding-top:26px;z-index:3883}#EdgeID5{animation:bounceInUp 8.5s;width:39%;height:150px;z-index:-3}#EdgeID2a{}#ref p{color:#333;line-height:11px}#locaux{width:100%;height:auto;text-align:center}#creas{width:100%;height:450px;text-align:center;padding-bottom:50px;padding-top:10px;z-index:-27}#catal{width:100%;height:auto;text-align:center;background-repeat:no-repeat;background-position:55% 35%,5% 5%;padding-bottom:50px;padding-top:10px;background-image:url(paquerett32b.png)}#share{width:100%;margin:5px auto;text-align:center}#share a{width:50px;height:50px;display:inline-block;margin:8px;border-radius:50%;font-size:24px;color:#fff;opacity:.72;transition:opacity 0.15s linear}#share a:hover{opacity:1}#share i{position:relative;top:50%;transform:translateY(-50%)}.facebook{background:#3b5998}.twitter{background:#55acee}.googleplus{background:#dd4b39}.linkedin{background:#0077b5}.pinterest{background:#cb2027}.style42{color:#FFF};.style42b{color:#999999};.style24{font-family:prest;font-size:24px}.style27{font-size:80%}.style29{font-size:20px}.style30{color:#333}.style32{font-size:13px}.nd2{animation:tada 3.5s ease-in-out}.nd{animation:zoomInDown 7.5s ease-in-out}.style35{font-size:1.6em}.nd1{ animation:bounceInRight 2.5s; z-index:16; font-variant: small-caps; }.style36{font-size:28px;line-height:30px;letter-spacing:2px}.style39{font-size:20px;font-style:italic}.nd3{ animation:zoomInUp 3.1s ease-in-out; z-index:4521; position:relative; font-variant: small-caps; line-height: 21px; }#nd4:before{animation:zoomInDown 3.5s ease-in-out;color:#FFF;width:70%}#nd4{animation:zoomInDown 3.5s ease-in-out;background-color:#FFF;width:100%;color:#111}.nd21{animation:tada 3.5s ease-in-out}.style40{font-size:14px;color:#000}.style32{font-size:20px;z-index:21;line-height:21px}.style32b{font-size:17px;z-index:421;line-height:21px}#enh1{display:block}#reseaux1{position:relative;width:auto;height:auto}#reseaux1a{position:absolute;left:112px;top:-2px}#reseaux1b{position:absolute;left:36px;top:-2px}#reseaux1c{position:absolute;left:-149px;top:-5px}#reseaux1d{position:absolute;left:-50px;top:-14px}#presentation1{width:50%;text-align:left;font-family:chunkfive;font-size:24px;margin-left:auto;margin-right:auto;margin-top:20px;position:relative}#belfort{margin-left:auto;margin-right:auto;width:530px;position:relative;background-image:url(yannklinger1_belfortmontbe_y.jpg);height:256px;background-repeat:no-repeat;padding-left:0;padding-top:-10px;z-index:55}#joconde img{margin-left:auto;margin-right:auto;box-shadow:0 0 65px #cdbe9f inset,0 0 20px #beae8c inset,0 0 5px #816f47;position:relative;height:auto;background-repeat:no-repeat;padding-left:0}#contaakt{ margin-left:auto; margin-right:auto; width:360px; position:relative; height:290px; background-repeat:no-repeat; background-image:url(yannklinger_gxg2ie.jpg); z-index: -11; }#lion{position:absolute;width:169px;left:371px;top:64px;display:block}#titrebelfort{position:relative;width:167px;left:162px;top:220px;display:block}#btm{font-size:21px;width:180px;font-style:normal;border:0 solid #eee;border-radius:15px;transition:border-color 1s,background-color 1s,color 1s;color:#000;background-color:#FFF;font-family:prest;font-weight:400;margin-left:6%;padding-left:-8px;display:inline-table;margin-bottom:30px;z-index:211}#btm img{border:5px solid #eee;border-radius:5px;width:150px;height:100px;-webkit-box-shadow:-1px 0 8px 2px rgba(50,50,50,.56);-moz-box-shadow:-1px 0 8px 2px rgba(50,50,50,.56);box-shadow:-1px 0 8px 2px rgba(50,50,50,.56);z-index:55}#btm p{border:2px solid #eee;border-radius:5px;width:90%;margin-left:auto;background-color:#fff;color:#222;margin-right:auto;z-index:55;height:auto;-webkit-box-shadow:-1px 0 8px 2px rgba(50,50,50,.56);-moz-box-shadow:-1px 0 8px 2px rgba(50,50,50,.56);box-shadow:-1px 0 8px 2px rgba(50,50,50,.56)}#btm:hover{-webkit-box-shadow:-1px 0 38px 15px rgba(50,50,50,.56),inset 2px 2px 15px -1px #656565;-moz-box-shadow:-1px 0 38px 15px rgba(50,50,50,.56),inset 2px 2px 15px -1px #656565;box-shadow:-1px 0 38px 15px rgba(50,50,50,.56),inset 2px 2px 15px -1px #656565;color:#333;border:7px solid #eee;z-index:55;border-radius:7px;transition:all 1s;background-color:#FFF}#btm:after{content:url(.png);position:relative;top:-160px;left:-110px;z-index:55;color:#000;opacity:0;transition:opacity 1s}#btm div:hover:after{opacity:1;color:#000;transition:opacity 1s 1s;z-index:55}#btm div a{display:block;z-index:55;color:#FFF;text-decoration:none;overflow:hidden}#btm div p{z-index:55}#btm2{-webkit-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);-moz-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);font-size:21px;width:120px;font-style:normal;border:7px solid #eee;border-radius:15px;transition:border-color 1s,background-color 1s,color 1s;color:#000;background-color:#FFF;font-family:prest;font-weight:400;margin-left:4%;display:inline-table;margin-bottom:50px;line-height:22px;padding:8px}#btm3{font-size:21px;width:180px;font-style:normal;border:0 solid #eee;border-radius:15px;transition:border-color 1s,background-color 1s,color 1s;color:#000;background-color:#FFF;font-family:prest;font-weight:400;margin-left:4%;padding-left:-8px;display:inline-table;margin-bottom:10px;text-align:center;z-index:-5544}#btm3 img{text-align:center}#btm3 p{border:2px solid #eee;border-radius:5px;width:90%;margin-left:auto;background-color:#fff;color:#222;margin-right:auto;height:auto;-webkit-box-shadow:-1px 0 8px 2px rgba(50,50,50,.56);-moz-box-shadow:-1px 0 8px 2px rgba(50,50,50,.56);box-shadow:-1px 0 8px 2px rgba(50,50,50,.56)}#btm4{font-size:21px;width:91%;font-style:normal;border:0 solid #eee;transition:border-color 1s,background-color 1s,color 1s;color:#111;height:42px;font-family:prest;font-weight:400;margin-left:auto;margin-right:auto;display:inline-table;margin-bottom:10px;z-index:5}#btm4 a{ color:#bbb; font-variant: small-caps; letter-spacing: 2px; }#globtitle{position:relative;text-align:center;height:auto;overflow:hidden;width:100%;margin-left:auto;margin-right:auto;margin-bottom:10px;font-size:22px;line-height:1.5;padding:10px}.title{-webkit-box-shadow:-1px 0 5px 2px rgba(50,50,50,.56);-moz-box-shadow:-1px 0 5px 2px rgba(50,50,50,.56);box-shadow:-1px 0 5px 2px rgba(50,50,50,.56);position:relative;text-align:center;background-color:#CCC;height:auto;overflow:hidden;float:left;width:85%;margin-left:auto;margin-right:auto;margin-bottom:15px;font-size:22px;line-height:1.5;padding:10px}.title span{font-size:18px;color:#777;padding:3px 3px 3px 3px;background-color:#fff;line-height:2;overflow:hidden}h11{font-size:16px;color:#000;font-family:chunkfive;letter-spacing:4px;overflow:hidden;z-index:525}h1v{font-size:16px;color:#000;font-family:chunkfive;letter-spacing:4px;overflow:hidden;z-index:25;margin-left:auto;margin-right:auto}h3{font-size:18px;color:#000;font-family:chunkfive;letter-spacing:4px;overflow:hidden;z-index:25}h2{font-size:21px;margin-top:32px;color:#222;font-family:chunkfive;letter-spacing:2px;padding:10px;line-height:1.4}.gu{margin-bottom:140px}#lign{width:100%;float:left}#dri{width:30%;float:right;margin-right:30%;margin-top:3%;font-size:24px;color:#000}#le6b{animation:bounceInDown 1.5s ease-in-out;position:absolute;top150px;left:591px;width:451px;top:127px;height:145px}#le6{animation:bounceInDown 1.5s ease-in-out}#le6 :hover,#le6 :focus,#le6 :active{animation:rubberBand 1.5s ease-in-out}#entour{padding:8px;animation:tada 2.5s ease-in-out;-webkit-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);-moz-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);border:7px solid #eee;border-radius:15px;color:#FFF;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-image:linear-gradient(#111 2px,transparent 2px),linear-gradient(90deg,#111 1px,transparent 2px),linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:10px 10px,10px 10px,20px 20px,20px 20px;background-color:#111;display:inline-table;width:auto;padding-top:15px;margin-left:1px;margin-right:2px;margin-bottom:20px;margin-top:7px}#entour2{width:320px; height:240px; padding:10px;margin-bottom:4px;-webkit-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);-moz-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);border:7px solid #eee;border-radius:15px;color:#FFF;background-color:#000;display:inline-table; padding-top:11px;margin-left:15px;margin-right:20px;text-align:center}#entour3{padding:10px;margin-bottom:20px;border-radius:15px;color:#FFF;background-color:#000;display:inline-table;width:auto;padding-top:31px;margin-left:15px;margin-right:20px;text-align:center}#entour4{-webkit-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);-moz-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);border:7px solid #eee;border-radius:15px;margin-bottom:20px;border-radius:15px;color:#FFF;background-color:#000;display:inline-table;width:28%;padding-top:31px;margin-left:15px;margin-right:20px;text-align:center;overflow:hidden}#entour_bis{padding:10px;margin-bottom:40px;-webkit-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);-moz-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);border:7px solid #eee;border-radius:15px;color:#000;background-color:#FFF;width:40px;padding-top:31px;text-align:center;z-index:9}#entour5{ margin-bottom:40px; border:0 solid #eee; border-radius:15px; color:#000; background-color:#006666; display:inline-table; width:40%; text-align:center; padding-left:10px; padding-right:10px; float: left; }#entour5 p{width:40%;padding-left:10px;padding-right:10px}#entour5 img{width:400px;height:200px;border-radius:15px;box-shadow:0 0 65px #cdbe9f inset,0 0 20px #beae8c inset,0 0 5px #816f47;background-color:#fff}.logo{margin:0 auto;margin-top:150px}#clear1{width:100%;margin:0 auto;margin-top:10px}#logo{top:0;color:#fff;background-color:#000;border:7px solid #eee;border-radius:8px;float:left;height:50px;width:14%;float:left;text-shadow:1px 1px 0 #eee;margin-left:2%;text-align:center;position:fixed;font-family:chunkfive;font-size:36px;margin-top:15px;box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 2px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.2),0 8px 10px rgba(0,0,0,.15);padding-top:15px;overflow:hidden;letter-spacing:7px;padding-bottom:18px;background-image:url(logo2_ykomm.jpg);background-position:47% 47%,10% 25%;background-repeat:no-repeat}#logo a{color:#fff}#logo p{color:#fff;background-size:10px 10px,10px 10px,20px 20px,20px 20px;font-size:36px;font-family:chunkfive}.temphol{margin:10px;position:relative;width:175px;height:105px;overflow:hidden}.temphol img{position:absolute;top:4px;left:22px;width:144px}#video1{margin-left:auto;margin-right:auto;width:95%;text-align:center}#nr{background-color:#000;width:100%;height:900px}#titr2{margin-left:auto;width:70%;text-align:left;margin-top:1px;margin-right:auto;font-size:20px}#titr2b{margin-left:auto;width:85%;text-align:left;margin-top:1px;margin-right:auto;font-size:20px}#titr3{float:right;margin-left:auto;width:27%;text-align:left;margin-top:1px;margin-right:auto;font-size:16px;font-variant:small-caps}.box111{width:70%;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin-left:21%;float:left;margin-top:110px;height:100%;position:relative;z-index:7;font-family:chunkfive;overflow:hidden}#adrs{background-color:#722F62;width:95%;color:#B49CA9;margin-left:20px;margin-right:20px;padding:5px;height:35px;position:relative;font-size:34px;font-family:chunkfive;-webkit-box-shadow:0 0 5px rgba(0,0,0,.75);-moz-box-shadow:0 0 5px rgba(0,0,0,.75);box-shadow:0 0 5px rgba(0,0,0,.75);-o-box-shadow:0 0 5px rgba(0,0,0,.75);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:10px}#gauche{width:30%;background:url(images/) center top no-repeat;margin-left:6%;float:left;margin-top:0;position:relative;display:block}#droite{width:60%;background:url(images/) center top no-repeat;margin-left:3%;float:right;position:relative;font-family:prest;font-size:24px;display:block}#header{background-color:#093}#header div{display:inline-table;color:#FFF;font-family:punk}#bt2a{font-size:21px;width:90%;font-style:normal;border:7px solid #eee;border-radius:15px;transition:border-color 1s,background-color 1s,color 1s;color:#FFF;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-image:linear-gradient(#111 2px,transparent 2px),linear-gradient(90deg,#111 1px,transparent 2px),linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:10px 10px,10px 10px,20px 20px,20px 20px;background-color:#111;font-family:prest;font-weight:400;display:inline-table;margin-bottom:10px;line-height:22px}#bt2b{font-size:21px;width:90%;font-style:normal;border:7px solid #eee;border-radius:15px;transition:border-color 1s,background-color 1s,color 1s;color:#FFF;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-image:linear-gradient(#111 2px,transparent 2px),linear-gradient(90deg,#111 1px,transparent 2px),linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:10px 10px,10px 10px,20px 20px,20px 20px;background-color:#111;font-family:prest;font-weight:400;display:inline-table;margin-bottom:10px;line-height:22px}#bt2c{font-size:21px;width:180px;font-style:normal;border:7px solid #eee;border-radius:15px;transition:border-color 1s,background-color 1s,color 1s;color:#FFF;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-image:linear-gradient(#111 2px,transparent 2px),linear-gradient(90deg,#111 1px,transparent 2px),linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:10px 10px,10px 10px,20px 20px,20px 20px;background-color:#111;font-family:prest;font-weight:400;margin-left:8%;display:inline-table;margin-bottom:10px;line-height:22px}#bt2d{font-size:21px;width:90%;font-style:normal;border:7px solid #eee;border-radius:15px;transition:border-color 1s,background-color 1s,color 1s;color:#FFF;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-image:linear-gradient(#111 2px,transparent 2px),linear-gradient(90deg,#111 1px,transparent 2px),linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:10px 10px,10px 10px,20px 20px,20px 20px;background-color:#111;font-family:prest;font-weight:400;display:inline-table;margin-bottom:10px;line-height:22px}#bt2e{font-size:21px;width:90%;font-style:normal;border:7px solid #eee;border-radius:15px;transition:border-color 1s,background-color 1s,color 1s;color:#FFF;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-image:linear-gradient(#111 2px,transparent 2px),linear-gradient(90deg,#111 1px,transparent 2px),linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:10px 10px,10px 10px,20px 20px,20px 20px;background-color:#111;font-family:prest;font-weight:400;display:inline-table;margin-bottom:10px;line-height:22px}#bt:hover{-webkit-box-shadow:-1px 0 38px 15px rgba(50,50,50,.56),inset 2px 2px 15px -1px #656565;-moz-box-shadow:-1px 0 38px 15px rgba(50,50,50,.56),inset 2px 2px 15px -1px #656565;box-shadow:-1px 0 38px 15px rgba(50,50,50,.56),inset 2px 2px 15px -1px #656565;color:#fff;border:7px solid #fff;border-radius:7px;transition:all 1s;background-color:#000}#bt:after{content:url(.png);position:relative;top:-160px;left:-110px;color:#000;opacity:0;transition:opacity 1s}#bt div:hover:after{opacity:1;color:#000;transition:opacity 1s 1s}#bt div a{display:block;color:#FFF;text-decoration:none;overflow:hidden}#bt div img{width:110;height:100px}.toggle-info{cursor:pointer}.info-panel{display:none;cursor:pointer}#contenu1{display:block;width:100%;margin-left:auto;margin-right:auto;height:80px;position:fixed;top:0;border-bottom:8px solid #eee;z-index:234;background-color:#000;box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 2px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.2),0 8px 10px rgba(0,0,0,.15);color:#FFF;background-repeat:no-repeat}#contenu1 a{color:#FFF}#typo{position:fixed;width:18%;font-family:prest;float:left;font-weight:700;height:95%;background-repeat:repeat-y;margin-top:50px;margin-left:0%;padding-top:40px;background-color:#FFF;top:30px}#typo div{margin-left:15%;-webkit-perspective:550px;-moz-perspective:550px;-ms-perspective:550px;-o-perspective:550px;perspective:550px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;perspective-origin:50% 0}#typo div p{ font-size:17px; font-weight:700; text-align:center; -webkit-animation:rot .6s ease-in-out 1s backwards;-moz-animation:rot .6s ease-in-out 1s backwards;-ms-animation:rot .6s ease-in-out 1s backwards;-o-animation:rot .6s ease-in-out 1s backwards;animation:rot .6s ease-in-out 1s backwards;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0; transform-origin:50% 0; color:#333; border:7px solid #eee; width:80%; margin-top:2px; margin-bottom:2px; padding-top:0; padding-bottom:0; background:#fff; -webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px; font-variant: small-caps; letter-spacing: 2px; }#typo a{style:none;text-decoration:none}#typo a:link{style:none}#typo a:visited{style:none}#typo a:hover{style:none;color:#fff;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-image:linear-gradient(#111 2px,transparent 2px),linear-gradient(90deg,#111 1px,transparent 2px),linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:10px 10px,10px 10px,20px 20px,20px 20px;background-color:#111;-webkit-transition:all .6s ease-in;-moz-transition:all .6s ease-in;-o-transition:all .6s ease-in;transition:all .6s ease-in;z-index:58}#typo a:active{style:none}#typo p:hover{color:#fff;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-image:linear-gradient(#111 2px,transparent 2px),linear-gradient(90deg,#111 1px,transparent 2px),linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:10px 10px,10px 10px,20px 20px,20px 20px;background-color:#111;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;z-index:58}#typo div:first-child p{box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);color:#FFF;background-color:#000;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}#typo div:nth-child(2) p{box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);margin-top:10px;color:#FFF;background-color:#000;-webkit-animation-delay:1s;-moz-animation-delay:1s;-ms-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}#typo div:nth-child(3) p{box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);color:#FFF;background-color:#000;-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;-ms-animation-delay:1.4s;-o-animation-delay:1.4s;animation-delay:1.4s}#typo div:nth-child(4) p{box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);margin-top:10px;-webkit-animation-delay:1.8s;-moz-animation-delay:1.8s;-ms-animation-delay:1.8s;-o-animation-delay:1.8s;animation-delay:1.8s}#typo div:nth-child(5) p{box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);-webkit-animation-delay:2.2s;-moz-animation-delay:2.2s;-ms-animation-delay:2.2s;-o-animation-delay:2.2s;animation-delay:2.2s}#typo div:nth-child(6) p{box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);margin-top:10px;-webkit-animation-delay:2.2s;-moz-animation-delay:2.2s;-ms-animation-delay:2.2s;-o-animation-delay:2.2s;animation-delay:2.2s}#typo div:nth-child(7) p{box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);-webkit-animation-delay:2.2s;-moz-animation-delay:2.2s;-ms-animation-delay:2.2s;-o-animation-delay:2.2s;animation-delay:2.2s}#typo div:nth-child(8) p{box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);margin-top:10px;-webkit-animation-delay:2.2s;-moz-animation-delay:2.2s;-ms-animation-delay:2.2s;-o-animation-delay:2.2s;animation-delay:2.2s}#typo div:nth-child(9) p{box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);-webkit-animation-delay:2.2s;-moz-animation-delay:2.2s;-ms-animation-delay:2.2s;-o-animation-delay:2.2s;animation-delay:2.2s}@-webkit-keyframes rot{from{-webkit-transform:rotateX(-90deg)}50%{-webkit-transform:rotateX(45deg)}70%{-webkit-transform:rotateX(-23deg)}to{-webkit-transform:rotateX(0)}}@-moz-keyframes rot{from{-moz-transform:rotateX(-90deg)}50%{-moz-transform:rotateX(45deg)}70%{-moz-transform:rotateX(-23deg)}to{-moz-transform:rotateX(0)}}@-ms-keyframes rot{from{-ms-transform:rotateX(-90deg)}50%{-ms-transform:rotateX(45deg)}70%{-ms-transform:rotateX(-23deg)}to{-ms-transform:rotateX(0)}}@-o-keyframes rot{from{-o-transform:rotateX(-90deg)}50%{-o-transform:rotateX(45deg)}70%{-o-transform:rotateX(-23deg)}to{-o-transform:rotateX(0)}}@keyframes rot{from{transform:rotateX(-90deg)}50%{transform:rotateX(45deg)}70%{transform:rotateX(-23deg)}to{transform:rotateX(0)}}@-webkit-keyframes rot{from{-webkit-transform:rotateX(-90deg)}50%{-webkit-transform:rotateX(45deg)}70%{-webkit-transform:rotateX(-23deg)}to{-webkit-transform:rotateX(0)}}@-moz-keyframes rot{from{-moz-transform:rotateX(-90deg)}50%{-moz-transform:rotateX(45deg)}70%{-moz-transform:rotateX(-23deg)}to{-moz-transform:rotateX(0)}}@-ms-keyframes rot{from{-ms-transform:rotateX(-90deg)}50%{-ms-transform:rotateX(45deg)}70%{-ms-transform:rotateX(-23deg)}to{-ms-transform:rotateX(0)}}@-o-keyframes rot{from{-o-transform:rotateX(-90deg)}50%{-o-transform:rotateX(45deg)}70%{-o-transform:rotateX(-23deg)}to{-o-transform:rotateX(0)}}@keyframes rot{from{transform:rotateX(-90deg)}50%{transform:rotateX(45deg)}70%{transform:rotateX(-23deg)}to{transform:rotateX(0)}}#encartdroit{width:100px;float:right;background-image:url(fd_droite.jpg);background-repeat:no-repeat}#menu58{display:table;width:91%;margin-left:auto;padding:0;color:#B6A1AA;font-weight:700;margin-top:auto;margin-right:auto;padding-top:10px}#menu58 ul{display:table;width:91%;margin-left:auto;padding:0;color:#B6A1AA;border-radius:3px;font-weight:400;margin-right:auto}#menu58 ul li{ display:table-cell; margin-left:20%; margin-right:auto; width:80%; margin-top:10px; font-variant: small-caps; } /* -------------------- :: 1.0 Base CSS -------------------- */ #snk a { color: #fff; font-size: 18px; } #snk p:hover { color: #000; background-color: #fff; } #snk { width:99%; margin-right: auto; margin-left: auto; background-color: #000000; } #snk p {background-color: #000000; width: 25%; padding:15px; border:1px solid #fff; text-shadow:0 1px 0 #111, 0 1px 2px #111; color: #fff; margin-right: auto; margin-left: auto; text-align: center; float: left; } .aprix1 { font-size: 16px; color: #111; font-variant: small-caps; font-weight: bolder; } .agred { font-size: 18px; color: #111; font-variant: small-caps; } #letitre { font-size: 52px; font-family: '1p'; color: #FFFFFF; text-shadow:1px 3px 3px #0000; font-variant: normal; padding-top: 10px; padding-bottom: 10px; } body { background-color: #FFFFFF; min-height: 100%; background-repeat: repeat-y; } #adresse p { padding:15px; }#prix { width: 12%; float:right; margin-right:1%; font-family: prest; color: #FF0033; font-weight: bolder; top: 7px; text-align: right; } #x8 {border:3px solid #eee;box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15); margin-right:auto; margin-left:auto; font-size: 21px; color: #000000; font-family: prest; letter-spacing: 1px; overflow: hidden; font-weight: bolder; width: 9%; padding-bottom: 8px; padding-top: 8px; box-shadow: 2px 2px 1px #999; text-align: left; padding-left: 3%; position: relative; float: left; background-image: url(dalle2.jpg); height: 40px; } h1 { font-size: 24px; color: #000000; font-family: prest; letter-spacing: 4px; overflow: hidden; font-weight: bolder; width: 98%; padding-top: 4px; overflow:hidden; text-shadow:1px 1px 1px #000; text-align: center; padding-bottom: 4px; line-height: 55px; } #bat1 { position:absolute; width:181px; font-family: prest; float: left; font-weight: bold; height: 84px; background-repeat: repeat-y; margin-left: 0%; top:72px; left: 31%; z-index: 5; } #bat1 div { /*perspective*/ -webkit-perspective:550px; -moz-perspective:550px; -ms-perspective:550px; -o-perspective:550px; perspective:550px; /*perspective-origin*/ -webkit-perspective-origin:50% 0; -moz-perspective-origin:50% 0; -ms-perspective-origin:50% 0; -o-perspective-origin:50% 0; perspective-origin:50% 0; } #bat1 div p { /*animation*/ -webkit-animation:rot 6s ease-in-out 1s backwards; -moz-animation:rot 6s ease-in-out 1s backwards; -ms-animation:rot 6s ease-in-out 1s backwards; -o-animation:rot 6s ease-in-out 1s backwards; animation:rot 6s ease-in-out 1s backwards; /*transform-origin*/ -webkit-transform-origin: 0 90%; -moz-transform-origin: 0 90%; -ms-transform-origin: 0 90%; -o-transform-origin: 0 90%; transform-origin: 0 90%; } #bat1 p:hover { -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; z-index: 58; } #bat1 div:first-child p { height:200px; /*animation-delay*/ -webkit-animation-delay:.6s; -moz-animation-delay:.6s; -ms-animation-delay:.6s; -o-animation-delay:.6s; animation-delay:.6s; } #bat2 div p img{ font-size:17px; font-weight:bold; text-align:center; /*animation*/ -webkit-animation:rot 6s ease-in-out 1s backwards; -moz-animation:rot 6s ease-in-out 1s backwards; -ms-animation:rot 6s ease-in-out 1s backwards; -o-animation:rot 6s ease-in-out 1s backwards; animation:rot 6s ease-in-out 1s backwards; /*transform-origin*/ -webkit-transform-origin: 0 90%; -moz-transform-origin: 0 90%; -ms-transform-origin: 0 90%; -o-transform-origin: 0 90%; transform-origin: 0 90%; height:125px; width: 171px; } #bat2 { position:absolute; width:170px; font-family: prest; float: right; font-weight: bold; height: 145px; background-repeat: repeat-y; margin-top: 0px; margin-left: 0%; padding-top: 0px; top:-32px; z-index: -26; right: -183px; } #bat2 div { /*perspective*/ -webkit-perspective:550px; -moz-perspective:550px; -ms-perspective:550px; -o-perspective:550px; perspective:550px; /*perspective-origin*/ -webkit-perspective-origin:50% 0; -moz-perspective-origin:50% 0; -ms-perspective-origin:50% 0; -o-perspective-origin:50% 0; perspective-origin:50% 0; } #bat2 div p { /*animation*/ -webkit-animation:rot 6s ease-in-out 1s backwards; -moz-animation:rot 6s ease-in-out 1s backwards; -ms-animation:rot 6s ease-in-out 1s backwards; -o-animation:rot 6s ease-in-out 1s backwards; animation:rot 6s ease-in-out 1s backwards; /*transform-origin*/ -webkit-transform-origin: 0 90%; -moz-transform-origin: 0 90%; -ms-transform-origin: 0 90%; -o-transform-origin: 0 90%; transform-origin: 0 90%; } #bat2 p:hover { -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; z-index: 58; } #bat2 div:first-child p { height:200px; /*animation-delay*/ -webkit-animation-delay:.6s; -moz-animation-delay:.6s; -ms-animation-delay:.6s; -o-animation-delay:.6s; animation-delay:.6s; } #bat1 div p img{ font-size:17px; font-weight:bold; text-align:center; /*animation*/ -webkit-animation:rot 6s ease-in-out 1s backwards; -moz-animation:rot 6s ease-in-out 1s backwards; -ms-animation:rot 6s ease-in-out 1s backwards; -o-animation:rot 6s ease-in-out 1s backwards; animation:rot 6s ease-in-out 1s backwards; /*transform-origin*/ -webkit-transform-origin: 0 90%; -moz-transform-origin: 0 90%; -ms-transform-origin: 0 90%; -o-transform-origin: 0 90%; transform-origin: 0 90%; } #bat3 { position:absolute; width:219px; font-family: prest; float: left; font-weight: bold; height: 51px; background-repeat: repeat-y; margin-left: 0%; top:100px; left: 425px; z-index: 5; } #bat3 div { /*perspective*/ -webkit-perspective:550px; -moz-perspective:550px; -ms-perspective:550px; -o-perspective:550px; perspective:550px; /*perspective-origin*/ -webkit-perspective-origin:50% 0; -moz-perspective-origin:50% 0; -ms-perspective-origin:50% 0; -o-perspective-origin:50% 0; perspective-origin:50% 0; } #bat3 div p { /*animation*/ -webkit-animation:rot 6s ease-in-out 1s backwards; -moz-animation:rot 6s ease-in-out 1s backwards; -ms-animation:rot 6s ease-in-out 1s backwards; -o-animation:rot 6s ease-in-out 1s backwards; animation:rot 6s ease-in-out 1s backwards; /*transform-origin*/ -webkit-transform-origin: 0 90%; -moz-transform-origin: 0 90%; -ms-transform-origin: 0 90%; -o-transform-origin: 0 90%; transform-origin: 0 90%; } #bat3 p:hover { -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; z-index: 58; } #bat3 div:first-child p { height:200px; /*animation-delay*/ -webkit-animation-delay:.6s; -moz-animation-delay:.6s; -ms-animation-delay:.6s; -o-animation-delay:.6s; animation-delay:.6s; } #bat4 div p img{ font-size:17px; font-weight:bold; text-align:center; /*animation*/ -webkit-animation:rot 6s ease-in-out 1s backwards; -moz-animation:rot 6s ease-in-out 1s backwards; -ms-animation:rot 6s ease-in-out 1s backwards; -o-animation:rot 6s ease-in-out 1s backwards; animation:rot 6s ease-in-out 1s backwards; /*transform-origin*/ -webkit-transform-origin: 0 90%; -moz-transform-origin: 0 90%; -ms-transform-origin: 0 90%; -o-transform-origin: 0 90%; transform-origin: 0 90%; } #bat4 { position:absolute; width:390px; font-family: prest; float: left; font-weight: bold; height: 107px; background-repeat: repeat-y; margin-left: 0%; top:68px; left: 10%; z-index: -26; } #bat4 div { /*perspective*/ -webkit-perspective:550px; -moz-perspective:550px; -ms-perspective:550px; -o-perspective:550px; perspective:550px; /*perspective-origin*/ -webkit-perspective-origin:50% 0; -moz-perspective-origin:50% 0; -ms-perspective-origin:50% 0; -o-perspective-origin:50% 0; perspective-origin:50% 0; } #bat4 div p { /*animation*/ -webkit-animation:rot 6s ease-in-out 1s backwards; -moz-animation:rot 6s ease-in-out 1s backwards; -ms-animation:rot 6s ease-in-out 1s backwards; -o-animation:rot 6s ease-in-out 1s backwards; animation:rot 6s ease-in-out 1s backwards; /*transform-origin*/ -webkit-transform-origin: 0 90%; -moz-transform-origin: 0 90%; -ms-transform-origin: 0 90%; -o-transform-origin: 0 90%; transform-origin: 0 90%; } #bat4 p:hover { -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; z-index: 58; } #bat4 div:first-child p { height:200px; /*animation-delay*/ -webkit-animation-delay:.6s; -moz-animation-delay:.6s; -ms-animation-delay:.6s; -o-animation-delay:.6s; animation-delay:.6s; } #bat5 div p img{ font-size:17px; font-weight:bold; text-align:center; /*animation*/ -webkit-animation:rot 6s ease-in-out 1s backwards; -moz-animation:rot 6s ease-in-out 1s backwards; -ms-animation:rot 6s ease-in-out 1s backwards; -o-animation:rot 6s ease-in-out 1s backwards; animation:rot 6s ease-in-out 1s backwards; /*transform-origin*/ -webkit-transform-origin: 0 90%; -moz-transform-origin: 0 90%; -ms-transform-origin: 0 90%; -o-transform-origin: 0 90%; transform-origin: 0 90%; height: 60px; } #bat5 { position:absolute; width:220%; font-family: prest; float: left; font-weight: bold; height: 60px; background-repeat: repeat-y; margin-left: 0%; top:85px; left: -60%; z-index:2; } #bat5 div { /*perspective*/ -webkit-perspective:550px; -moz-perspective:550px; -ms-perspective:550px; -o-perspective:550px; perspective:550px; /*perspective-origin*/ -webkit-perspective-origin:50% 0; -moz-perspective-origin:50% 0; -ms-perspective-origin:50% 0; -o-perspective-origin:50% 0; perspective-origin:50% 0; } #bat5 div p { /*animation*/ -webkit-animation:rot 6s ease-in-out 1s backwards; -moz-animation:rot 6s ease-in-out 1s backwards; -ms-animation:rot 6s ease-in-out 1s backwards; -o-animation:rot 6s ease-in-out 1s backwards; animation:rot 6s ease-in-out 1s backwards; /*transform-origin*/ -webkit-transform-origin: 0 90%; -moz-transform-origin: 0 90%; -ms-transform-origin: 0 90%; -o-transform-origin: 0 90%; transform-origin: 0 90%; } #bat5 p:hover { -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; } #bat5 div:first-child p { height:200px; /*animation-delay*/ -webkit-animation-delay:.6s; -moz-animation-delay:.6s; -ms-animation-delay:.6s; -o-animation-delay:.6s; animation-delay:.6s; } #bat6 div p img{ font-size:17px; font-weight:bold; text-align:center; /*animation*/ -webkit-animation:rot 6s ease-in-out 1s backwards; -moz-animation:rot 6s ease-in-out 1s backwards; -ms-animation:rot 6s ease-in-out 1s backwards; -o-animation:rot 6s ease-in-out 1s backwards; animation:rot 6s ease-in-out 1s backwards; /*transform-origin*/ -webkit-transform-origin: 0 90%; -moz-transform-origin: 0 90%; -ms-transform-origin: 0 90%; -o-transform-origin: 0 90%; transform-origin: 0 90%; } #bat6 { position:absolute; width:210px; font-family: prest; float: left; font-weight: bold; height: 126px; background-repeat: repeat-y; margin-left: -12%; top:-22px; left: -85px; z-index: -24; } #bat6 div { /*perspective*/ -webkit-perspective:550px; -moz-perspective:550px; -ms-perspective:550px; -o-perspective:550px; perspective:550px; /*perspective-origin*/ -webkit-perspective-origin:50% 0; -moz-perspective-origin:50% 0; -ms-perspective-origin:50% 0; -o-perspective-origin:50% 0; perspective-origin:50% 0; } #bat6 div p { /*animation*/ -webkit-animation:rot 6s ease-in-out 1s backwards; -moz-animation:rot 6s ease-in-out 1s backwards; -ms-animation:rot 6s ease-in-out 1s backwards; -o-animation:rot 6s ease-in-out 1s backwards; animation:rot 6s ease-in-out 1s backwards; /*transform-origin*/ -webkit-transform-origin: 0 90%; -moz-transform-origin: 0 90%; -ms-transform-origin: 0 90%; -o-transform-origin: 0 90%; transform-origin: 0 90%; } #bat6 p:hover { -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; z-index: 58; } #bat6 div:first-child p { /*animation-delay*/ -webkit-animation-delay:.6s; -moz-animation-delay:.6s; -ms-animation-delay:.6s; -o-animation-delay:.6s; animation-delay:.6s; } #bat7b div p img{ font-size:17px; font-weight:bold; text-align:center; /*animation*/ -webkit-animation:rot 6s ease-in-out 1s backwards; -moz-animation:rot 6s ease-in-out 1s backwards; -ms-animation:rot 6s ease-in-out 1s backwards; -o-animation:rot 6s ease-in-out 1s backwards; animation:rot 6s ease-in-out 1s backwards; /*transform-origin*/ -webkit-transform-origin: 0 90%; -moz-transform-origin: 0 90%; -ms-transform-origin: 0 90%; -o-transform-origin: 0 90%; transform-origin: 0 90%; } #bat7b { position:absolute; width:274px; font-family: prest; float: left; font-weight: bold; height: 84px; background-repeat: repeat-y; margin-left: 0%; top:40px; left: 6%; z-index: 5; } #bat7b div { /*perspective*/ -webkit-perspective:550px; -moz-perspective:550px; -ms-perspective:550px; -o-perspective:550px; perspective:550px; /*perspective-origin*/ -webkit-perspective-origin:50% 0; -moz-perspective-origin:50% 0; -ms-perspective-origin:50% 0; -o-perspective-origin:50% 0; perspective-origin:50% 0; } #bat7b div p { /*animation*/ -webkit-animation:rot 6s ease-in-out 1s backwards; -moz-animation:rot 6s ease-in-out 1s backwards; -ms-animation:rot 6s ease-in-out 1s backwards; -o-animation:rot 6s ease-in-out 1s backwards; animation:rot 6s ease-in-out 1s backwards; /*transform-origin*/ -webkit-transform-origin: 0 90%; -moz-transform-origin: 0 90%; -ms-transform-origin: 0 90%; -o-transform-origin: 0 90%; transform-origin: 0 90%; } #bat7b p:hover { -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; z-index: 58; } #bat7b div:first-child p { height:200px; /*animation-delay*/ -webkit-animation-delay:.6s; -moz-animation-delay:.6s; -ms-animation-delay:.6s; -o-animation-delay:.6s; animation-delay:.6s; } #bat8 div p img{ font-size:17px; font-weight:bold; text-align:center; /*animation*/ -webkit-animation:rot 6s ease-in-out 1s backwards; -moz-animation:rot 6s ease-in-out 1s backwards; -ms-animation:rot 6s ease-in-out 1s backwards; -o-animation:rot 6s ease-in-out 1s backwards; animation:rot 6s ease-in-out 1s backwards; /*transform-origin*/ -webkit-transform-origin: 0 90%; -moz-transform-origin: 0 90%; -ms-transform-origin: 0 90%; -o-transform-origin: 0 90%; transform-origin: 0 90%; } #bat8 { position:absolute; width:76px; font-family: prest; float: left; font-weight: bold; height: 82px; background-repeat: repeat-y; margin-left: 0%; top:40px; left: 25%; z-index: 6; } #bat8 div { /*perspective*/ -webkit-perspective:550px; -moz-perspective:550px; -ms-perspective:550px; -o-perspective:550px; perspective:550px; /*perspective-origin*/ -webkit-perspective-origin:50% 0; -moz-perspective-origin:50% 0; -ms-perspective-origin:50% 0; -o-perspective-origin:50% 0; perspective-origin:50% 0; } #bat8 div p { /*animation*/ -webkit-animation:rot 6s ease-in-out 1s backwards; -moz-animation:rot 6s ease-in-out 1s backwards; -ms-animation:rot 6s ease-in-out 1s backwards; -o-animation:rot 6s ease-in-out 1s backwards; animation:rot 6s ease-in-out 1s backwards; /*transform-origin*/ -webkit-transform-origin: 0 90%; -moz-transform-origin: 0 90%; -ms-transform-origin: 0 90%; -o-transform-origin: 0 90%; transform-origin: 0 90%; } #bat8 p:hover { -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; } #bat8 div:first-child p { height:200px; /*animation-delay*/ -webkit-animation-delay:.6s; -moz-animation-delay:.6s; -ms-animation-delay:.6s; -o-animation-delay:.6s; animation-delay:.6s; } #wl { animation: bounceInLeft 2.5s; position: absolute; left:-4%; width: 90px; height: 80px; top: 1px; z-index: 2; } #wh { animation: bounceInUp 2.9s; position: absolute; left:11%; width: 90px; height: 80px; top: 2px; z-index: 2; } #wa { animation: bounceInLeft 3.5s; position: absolute; left:17%; width: 90px; height: 80px; top: 3px; z-index: 2; } #wt { animation: bounceInUp 4.5s; position: absolute; left:26%; width: 100px; height: 80px; top: 1px; z-index: 2; } #we { animation: bounceInRight 4.7s; position: absolute; left:0%; width: 90px; height: 80px; top: 1px; z-index: 2; } #wc { animation: bounceInUp 2.9s; position: absolute; left:33%; width: 100px; height: 80px; top: 2px; z-index: -2; } #wo { animation: bounceInUp 5.7s; position: absolute; left:48%; width: 100px; height: 80px; top: 0px; z-index: 5; } #wm { animation: bounceInRight 3.1s; position: absolute; left:52%; width: 100px; height: 80px; top: 1px; z-index: 2; } #wt2 {animation: bounceInUp 2.9s; position: absolute; left:58%; width: 100px; height: 80px; top: 1px; z-index: 5; } #wo2 { animation: bounceInRight 4.7s; position: absolute; left:63%; width: 110px; height: 80px; top: 1px; z-index: 2; } #wi0 { animation: bounceInRight 4.8s; position: absolute; left:69%; width: 120px; height: 80px; top: 6px; z-index: 2; } #wi1 { animation: bounceInRight 4.5s; position: absolute; left:76%; width: 80px; height: 80px; top: 4px; z-index: 7; } #wss { animation: bounceInRight 3.1s; position: absolute; left:79%; width:120px; height: 78px; top: 0px; z-index: 2; } #we2 { animation: bounceInUp 4.5s; position: absolute; left:86%; width: 120px; height: 80px; top: 1px; z-index: -8; } #wl2 { animation: bounceInRight 4.5s; position: absolute; left:23%; width: 90px; height: 80px; top: 0px; z-index: 2; } #wi2 { animation: bounceInRight 4.5s; position: absolute; left:76%; width: 75px; height: 44px; top: -52px; z-index: 27; } #blc { background-color: #333333; } #debut{ background-color: #CCCCCC; padding: 20px; } #div4b {-webkit-box-shadow: -1px 0px 18px 2px rgba(50, 50, 50, 0.56), inset 2px 2px 5px -1px #656565; -moz-box-shadow: -1px 0px 18px 2px rgba(50, 50, 50, 0.56), inset 2px 2px 5px -1px #656565; box-shadow: -1px 0px 18px 2px rgba(50, 50, 50, 0.56), inset 2px 2px 5px -1px #656565; border:1px solid #fff; border-radius:10px; z-index: 7; margin-bottom: 0px; padding: 8px; padding-bottom: 15px; position: relative; background-color: #FFFFFF; width:100%; height: auto; position: relative; margin-left: auto; margin-right: auto; color: #000000; padding-top: 20px; margin-top: 0px; font-family: 'lp'; } #div4c {-webkit-box-shadow: -1px 0px 18px 2px rgba(50, 50, 50, 0.56), inset 2px 2px 5px -1px #656565; -moz-box-shadow: -1px 0px 18px 2px rgba(50, 50, 50, 0.56), inset 2px 2px 5px -1px #656565; box-shadow: -1px 0px 18px 2px rgba(50, 50, 50, 0.56), inset 2px 2px 5px -1px #656565; z-index: 7; margin-bottom: 0px; padding: 7px; padding-bottom: 15px; position: relative; width:100%; height: auto; position: relative; margin-left: auto; margin-right: auto; padding-top: 20px; margin-top: 0px; font-family: 'lp'; color: #FFFFFF; background-image: url(240_F_2.jpg); } #couvert { position: absolute; left:-89px; width: 85px; height: 80px; top: -6px; z-index: 2; } #couvert2{ position: absolute; right:-80px; width: 84px; height: 80px; top: -11px; z-index: -52; } #couvert3{ position: relative; width: 84px; height: 34px; z-index: -52; } #psson0 { animation: bounceInRight 2.5s; width:100%; position:fixed; top:0px; left:0px; height:180px; z-index: 54; } #n0 { animation: bounceInRight 2.5s; width:100%; position:fixed; top:0px; left:0px; height:180px; z-index: 54; } #poisson { animation: bounceInRight 2.5s; width:300px; position:absolute; top:-13px; left:39px; height:95px; z-index: 5; } #poisson1 { width:100%; position:relative; top:0px; left:0px; height:auto; z-index: 54; text-align: center; overflow: visible; background-color: #333333; background-image: url(240_F_2.jpg); margin-top: -1px; margin-bottom: -7px; } @keyframes psson1 { from {background-color:#7D2A6E; box-shadow: 0px 140px 10px 10px #38406F inset; } 14% { background-color: #A6C8F8; box-shadow: 0 100px 100px -100px #7484FE inset;} 95% {background-color: #A6C8F8; box-shadow: 0 100px 100px -100px #7484FE inset;} to { background-color:#7D2A6E; box-shadow: 0px 140px 10px 10px #38406F inset; } } #poisson2 { width:421px; position:absolute; top:-10px; left:32px; height:179px; z-index:-5524; } #menunav { width:100%; position:relative; margin-top:1px; margin-left:auto; margin-right:auto; z-index: 64; } #cont { width:70%; position:relative; margin-top:-2px; margin-left:auto; margin-right:auto; height:100px; z-index: 5; text-align: center; } #txt1 { font-family: 'p1'; font-size:18px; } @font-face { font-family: 'p1'; src: url('fonts/e Regular.eot'); src: url('fonts/e Regular.woff') format('woff'), url('fonts/e Regular.ttf') format('truetype'), url('fonts/e Regular.svg#webfontNwkXRkFW') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'prest'; src: url('fonts/geosanslight-webfont.eot'); src: url('fonts/geosanslight-webfont.woff') format('woff'), url('fonts/geosanslight-webfont.ttf') format('truetype'), url('fonts/geosanslight-webfont.svg#webfontNwkXRkFW') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: '1p'; src: url('fonts/borisblackbloxx-webfont.eot'); src: url('fonts/borisblackbloxx-webfont.woff') format('woff'), url('fonts/borisblackbloxx-webfont.ttf') format('truetype'), url('fonts/borisblackbloxx-webfont.svg#webfontNwkXRkFW') format('svg'); font-weight: normal; font-style: normal;} #poisson3 { animation: bounceInRight 2.5s; width:813px; position:absolute; top:1493px; left:142px; height:349px; z-index: 5; } #conten { width: 100%; top:0px; left:0px; border-bottom: 1px solid #ebebeb; background-color: #000000; position: fixed; } * { margin: 0; padding: 0; font-family: prest; } h7{ font-family: 'p1', sans-serif; font-weight: bolder; color: #fff;letter-spacing:2px; line-height: 1.25; font-size: 20px; text-shadow:2px 4px 7px #111, 2px 3px 7px #111; margin-bottom:5px;} h7 div{ font-family: '1p', sans-serif; font-weight: bolder; color: #fff; letter-spacing:2px; line-height: 1.25; font-size: 20px;margin-bottom:5px; } h5{ font-family: 'p1', sans-serif; text-shadow:0 1px 0 #111, 0 1px 2px #111; color: #FFFFFF; line-height: 1.25; z-index: 2; font-size: 36px; } h4{ font-family: prest; text-shadow:0 1px 0 #111, 0 1px 2px #1111; color: #000000; line-height: 1.25; z-index: 2; font-size: 36px; } h3{ font-family: 'p1', sans-serif; text-shadow:0 1px 0 #111, 0 1px 2px #111; color: #fff; line-height: 1.25; z-index: 2; font-size: 34px; font-weight: normal; line-height: 1.25;} h2, h6 { font-family: 'p1', sans-serif; font-weight: 700; color: #FFFFFF; line-height: 1.25; z-index: 2; } h8 { font-family: 'p1', sans-serif; font-weight: 700; color: #232d37; line-height: 1.25; margin-top: -10px; z-index: 345445; } p { color: #333333; font-size: 24px; font-family: prest; } ul, ol { margin: 0; padding: 0; } img { max-width: 100%; } #poisson1 img { } a, a:hover, a:focus, a:active { text-decoration: none; -webkit-transition-duration: 500ms; transition-duration: 500ms; font-weight: 500; outline: none; } li { list-style: none; } .heading_text > p { font-size: 16px; } .heading_text > h2 { font-weight: 500; color: #333; } .heading_text > h3 { color: #b4b4b4; font-size: 90px; font-weight: 100; margin: 0; } .font-shadow-into-light { font-family: 'p1', cursive !important; } .yummy-table { display: table; height: 100%; left: 0; position: relative; top: 0; width: 100%; z-index: 2; } .yummy-table-cell { display: table-cell; vertical-align: middle; } #preloader { overflow: hidden; background-color: #fff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999999; } .yummy-load { -webkit-animation: 2000ms linear 0s normal none infinite running yummy-load; animation: 2000ms linear 0s normal none infinite running yummy-load; background: transparent none repeat scroll 0 0; border-color: #dddddd #dddddd #fc6c3f; border-radius: 30%; border-style: solid; border-width: 3px; height: 40px; left: calc(50% - 20px); position: relative; top: calc(50% - 20px); width: 40px; z-index: 9; } @-webkit-keyframes yummy-load { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes yummy-load { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* -------------------- :: 2.0 Top Header Area CSS -------------------- */ #contenu1 { width: 100%; border-bottom: 1px solid #ebebeb; background-color: #000000; position: fixed; } .top_header_area .top_social_bar { display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top_header_area .top_social_bar > a { font-size: 12px; color: #000; margin-right: 30px; } .top_header_area .top_social_bar > a:hover { color: #fc6c3f; } .top_header_area .top_social_bar > a:last-of-type { margin-right: 0; } .top_header_area .signup-search-area { height: 40px; position: relative; z-index: 3; } .top_header_area .signup-search-area a { font-size: 13px; color: #222; } .top_header_area .signup-search-area .login a { margin-right: 13px; border-right: 2px solid #c2c2c2; padding-right: 13px; } .top_header_area .signup-search-area .search_button { margin-left: 54px; } #searchBtn { position: relative; z-index: 8; } .search-hidden-form { position: absolute; width: 100%; z-index: 4; height: 100%; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition-duration: 500ms; transition-duration: 500ms; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; font-size: 12px; } .search-hidden-form.search-form-open { z-index: 18; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .search-hidden-form #search-anything { width: 100%; height: 30px; border: 1px solid #ddd; top: 5px; position: relative; padding: 5px 10px; } .search-hidden-form span { line-height: 30px; width: 30px; height: 30px; position: absolute; display: block; text-align: center; top: 5px; right: 0; border: 1px solid #ddd; color: #888; cursor: pointer; z-index: 5; font-size: 13px; border-left: none; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .search-hidden-form span:hover { color: #000; } /* -------------------- :: 3.0 Menu Area CSS -------------------- */ .logo_area { text-shadow:0 1px 0 #111, 0 1px 2px #111; font-family: 'pl', cursive; font-size: 58px; margin-bottom: 0; padding: 5px 0 20px 0; display: inline-block; color: #FFFFFF; text-align: center; position: absolute; top:14px; left:44px; z-index: 346463; } .yummy-logo { font-family: 'lp', cursive; font-size: 36px; margin-bottom: 0; padding: 5px 0 20px 0; display: inline-block; color: #FFFFFF; text-align: center; position: absolute; top:20px; left:20px;} .navbar.navbar-expand-lg { padding: 0; color: #FFFFFF;background-image: url(240_F_2.jpg); background-color: #fff; margin-top:-4px;padding-top:-4px; -webkit-box-shadow: -1px 0px 8px 2px #999999 ; -moz-box-shadow: -1px 0px 8px 2px #999999; box-shadow: -1px 0px 8px 2px #999999; } .navbar.navbar-expand-lg .navbar-nav .nav-link {color: #FFFFFF;margin-top:-4px; padding: 20px 25px; font-family: '1p', sans-serif; font-size: 15px; letter-spacing:5px; } .navbar-expand-lg ul { } .navbar.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar.navbar-expand-lg .navbar-nav .active .nav-link { color: #ffF; text-shadow:1px 2px 6px #fff, 1px 2px 6px #fff; } .dropdown-item { font-weight: 500; color: #232d37; font-size: 14px; text-transform: uppercase; } .dropdown-item:focus, .dropdown-item:hover { color: #fc6c3f; text-decoration: none; } /* -------------------- :: 4.0 Wellcome Area CSS -------------------- */ .welcome-single-slide { padding:10px; position: relative; z-index: 1; overflow: hidden;background-color: #ccc;background-color: #ccc; } .welcome-single-slide img{ -webkit-box-shadow: -1px 0px 8px 2px #999999 ; -moz-box-shadow: -1px 0px 8px 2px #999999; box-shadow: -1px 0px 8px 2px #999999; border-radius: 10px; border: 3px solid #fff; background-color: #CCCCCC; } .welcome-single-slide .project_title a > h5 { color: #ffffff; font-size: 24px; font-weight: 700; margin-bottom: 0; } .welcome-single-slide .project_title { position: absolute; content: ""; bottom: -300px; left: 0; z-index: 3; padding: 30px; width: 100%; height: auto; -webkit-transition-duration: 750ms; transition-duration: 750ms; } .welcome-single-slide:hover .project_title { bottom: 0; } .welcome-single-slide .post-date-commnents a { font-size: 14px; font-weight: 400; color: #fff; position: relative; z-index: 1; margin-bottom: 10px; } .welcome-single-slide .post-date-commnents a:hover { color: rgba(255, 255, 255, 0.9); } .welcome-single-slide .post-date-commnents a:first-child { margin-right: 30px; } .welcome-single-slide .post-date-commnents a:first-child:after { width: 2px; height: 80%; content: ''; position: absolute; top: 10%; right: -14px; z-index: 2; background-color: #fff; } .welcome-post-sliders { position: relative; z-index: 1; padding-bottom: 10px; background-color: #CCCCCC; } .welcome-post-sliders .owl-prev { position: absolute; width: 10%; background-color: transparent; height: 100%; top: 0; left: 0; cursor: url(img/core-img/back.png), auto !important; z-index: 9; } .welcome-post-sliders .owl-next { position: absolute; width: 10%; background-color: transparent; height: 100%; top: 0; right: 0; cursor: url(img/core-img/next.png), auto !important; } /* -------------------- :: 5.0 Top Feature Area CSS -------------------- */ .categories_area { background-color: #FFFFFF; overflow: hidden; width: 100%; background-image: url(light-wood-background-offstocker.jpg); } .single_catagory { position: relative; z-index: 1; margin-bottom: 30px; } .single_catagory img {-webkit-box-shadow: -1px 0px 8px 2px #999999 ; -moz-box-shadow: -1px 0px 8px 2px #999999; box-shadow: -1px 0px 8px 2px #999999 ; border-radius: 10px; border: 3px solid #fff; } .catagory-title { width: 220px; height: 50px; background-color: #fff; position: absolute; top: 80%; text-align: center; border-radius: 10px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition-duration: 500ms; transition-duration: 500ms; background-image: url(bois-fond-gris.jpg); text-shadow:0 1px 0 #111, 0 1px 2px #111; font-weight: bolder; color: #FFFFFF;-webkit-box-shadow: -1px 0px 18px 2px rgba(50, 50, 50, 0.56) ; -moz-box-shadow: -1px 0px 18px 2px rgba(50, 50, 50, 0.56) ; box-shadow: -1px 0px 18px 2px rgba(50, 50, 50, 0.56) ;} .catagory-title h5 { margin-bottom: 0; line-height: 50px; font-weight: bolder; -webkit-transition-duration: 500ms; transition-duration: 500ms; } /* -------------------- :: 6.0 Blog Area CSS -------------------- */ .post-thumb img { border-radius: 10px; margin-bottom: 30px; border: 2px solid #000; } .post-meta { -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .post-author a, .post-date a, .post-favourite a, .post-comments a, .post-share a { color: #b5aec4; font-size: 14px; } .post-author a:hover, .post-date a:hover, .post-favourite a:hover, .post-comments a:hover, .post-share a:hover { color: #000; } .post-favourite a, .post-comments a { margin-right: 15px; } .post-author a { margin-right: 30px; position: relative; z-index: 1; } .post-author a:after { width: 2px; height: 60%; content: ''; position: absolute; top: 20%; right: -14px; z-index: 2; background-color: #b5aec4; } .single-post { margin-bottom: 30px; } .single-post h2, .single-post h4 { margin: 10px 0; color: #232d37; -webkit-transition-duration: 500ms; transition-duration: 500ms; text-transform: capitalize; } .single-post h2:hover, .single-post h4:hover { color: #333333; } .single-post p { color: #51545f; font-size: 16px; } .single-post .read-more { font-size: 12px; color: #b5aeba; display: inline-block; border: 1px solid #ebebeb; border-radius: 10px; height: 40px; min-width: 170px; line-height: 40px; text-align: center; } .single-post .read-more:hover { color: #000; border: 1px solid #000; } /* List Blog Area CSS */ .list-blog.single-post .post-thumb, .list-blog.single-post .post-content { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-right: 15px; } .list-blog.single-post .post-content { margin-right: 0; margin-left: 15px; margin-bottom: 30px; } .list-blog.single-post { margin-bottom: 30px; border-bottom: 1px solid #ebebeb; } .blog_area .col-12:last-of-type .list-blog.single-post { margin-bottom: 0; border-bottom: none; } .blog_area .col-12:last-of-type .list-blog.single-post .post-thumb img { margin-bottom: 0; } /* -------------------- :: 7.0 Instagram Area CSS -------------------- */ .instagram_gallery_item { position: relative; z-index: 1; } .instagram_gallery_item img { -webkit-transition-duration: 500ms; transition-duration: 500ms; width: 100%; } .instagram_gallery_item .hover_overlay { background: rgba(252, 108, 63, 0.7); height: 100%; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0; -webkit-transition-duration: 500ms; transition-duration: 500ms; width: 100%; z-index: 5; } .instagram_gallery_item:hover .hover_overlay { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .instagram_gallery_item .follow-me a { font-size: 16px; color: #fff; font-weight: 400; } .instargram_area { position: relative; z-index: 1; } .instargram_area .owl-prev { position: absolute; width: 10%; background-color: transparent; height: 100%; top: 0; left: 0; cursor: url(img/core-img/back.png), auto !important; z-index: 9; } .instargram_area .owl-next { position: absolute; width: 10%; background-color: transparent; height: 100%; top: 0; right: 0; cursor: url(img/core-img/next.png), auto !important; } /* -------------------- :: 8.0 Footer Social Area CSS -------------------- */ .footer-social-area { border-bottom: 1px solid #eeeeee; padding: 50px 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .single-icon > a { color: #51545f; font-size: 14px; font-weight: 500; text-transform: uppercase; } .single-icon > a:hover { color: #fc6c3f; } .single-icon > a > i { font-size: 16px; padding-right: 12px; } .footer-content { padding: 50px 0 65px 0; border-bottom: 1px solid #eeeeee; } .footer-logo-area .yummy-logo { font-family: 'pl', cursive; font-size: 60px; margin-bottom: 0; padding: 0 0 20px 0; display: inline-block; color: #232d37; } .copy_right_text { width: 100%; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .copy_right_text > p { font-size: 14px; color: #b5aec4; margin-bottom: 0; } .footer_area .navbar.navbar-expand-lg .navbar-nav .nav-link { padding-bottom: 0; } /* -------------------- :: 9.0 Goole Map Area CSS -------------------- */ #googleMap { height: 620px; width: 100%; } /* -------------------- :: 10.0 Sidebar Area CSS -------------------- */ /* About me */ .single-widget-area { margin-bottom: 50px; } .widget-title > h6 { background: #fee2d9; height: 40px; width: 100%; line-height: 40px; border-radius: 2px; margin-bottom: 30px; } #cont1 { width: 80%; height: 180px; position: relative; } #cont img { height: 80px; width: 80%; } .style14 { font-family: '1p', sans-serif; } .style14b { color: #333333;font-family: '1p', sans-serif; font-weight:bold; } @media screen and (max-width: 960px) { .style14 { color: #333333;font-family: '1p', sans-serif; }.style14b { color: #333333;font-family: '1p', sans-serif; font-weight:bold; } #cont img { height: 60px; width: 60%; } #cont { height: 90px; width:90%; } #poisson1 { height:110px; } #_sophro { width:100%; position:relative; height:auto; display: block; justify-content: center; align-items: center; overflow: hidden; background-repeat: no-repeat; margin-left:auto; margin-right:auto; background-color: #FFFFFF; } #cont_sophro { background-color: #FFFFFF; position:relative; height:auto; margin:2%; overflow: hidden; background-repeat: no-repeat; font-weight: normal; font-style: normal; font-variant: normal; width: 94%; -webkit-box-shadow: -1px 0px 8px 2px #999999 ; -moz-box-shadow: -1px 0px 8px 2px #999999; box-shadow: -1px 0px 8px 2px #999999; padding: 1%; } #cont1 { width:70%; height:110px; z-index: -54; text-align: center; }#menunav { width:100%; position:relative; margin-top:1px; margin-left:auto; margin-right:auto; display:none; z-index: 64; } } @media screen and (max-width: 690px) { #prix { width: 12%; float:right; margin-right:30px; font-family: prest; } #letitre { padding-top:20px; margin-right:auto;margin-left:auto; font-size: 35px; } #div4b { font-size: 19px; } #div4b h5{ font-size: 23px; } h3{ padding:15px; font-size: 25px; } #cont img { height: 40px; width: 40%; } #cont { height: 90px; margin-left:0px; width:90%; } .aprix1 { font-size: 11px; color: #111; } .agred { font-size: 15px; color: #111; } .gu { margin-top:-70px; } #poisson1 { height:110px; } #cont1 { width:70%; height:110px; z-index: -54; text-align: center; } .style25{ font-size: 19px; } } @media screen and (max-width: 440px) {#fd_belfort6{display:none}#fd_belfort3{display:none} #wl { width: 70px; height: 40px; top: 1px; z-index: 2; } .tel{ font-size:19px; } #wh { width: 70px; height: 40px; top: 2px; z-index: 2; } #wa { width: 70px; height: 40px; top: 3px; z-index: 2; } #wt { width: 70px; height: 40px; top: 1px; z-index: 2; } #we { width: 70px; height: 40px; top: 1px; z-index: 2; } #wc { width: 70px; height: 40px; top: 2px; z-index: -2; } #wo { width: 70px; height: 40px; top: 0px; z-index: 5; } #wm { width: 70px; height: 40px; top: 1px; z-index: 2; } #wt2 { width: 70px; height: 40px; top: 1px; z-index: 5; } #wo2 { width: 70px; height: 40px; top: 1px; z-index: 2; } #wi0 { width: 70px; height: 40px;; top: 6px; z-index: 2; } #wi1 { width: 70px; height: 40px; top: 4px; z-index: 7; } #wss { width: 70px; height: 40px; top: 0px; z-index: 2; } #we2 { width: 70px; height: 40px; top: 1px; z-index: -8; } #wl2 { width: 70px; height: 40px; top: 0px; z-index: 2; } #wi2 { width: 70px; height: 40px; top: -22px; z-index: 27; } .aprix1 { font-size: 9px; color: #111; } .agred { font-size: 14px; color: #111; } }