/*! normalize.css v2.1.0 | MIT License | git.io/normalize */body,mark{color:#000}.clearfix:after,.clearfix:before,blockquote:after,blockquote:before,q:after,q:before{content:""}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;min-height:100%}body{margin:0;line-height:1;background:#fff}a:focus{outline:dotted thin}:focus,a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0}pre{white-space:pre-wrap}sub,sup{line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:0}button,input,select,textarea{font-family:inherit;font-weight:inherit;margin:0;padding:0}button{background:0 0}button,input{line-height:normal}button,select{text-transform:none}select{-webkit-appearance:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:none}li,ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400}blockquote,q{quotes:"" ""}a,a:hover,a:visited{text-decoration:none}button,fieldset,input,select,textarea{font-size:inherit;color:inherit;border:none;border-radius:0}img{width:100%;height:auto}.clearfix:after,.clearfix:before{display:table}.clearfix:after{clear:both}*{-moz-box-sizing:border-box;box-sizing:border-box} [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} [data-aos^=zoom][data-aos^=zoom] { opacity: 1 !important; } a { color: inherit; } ul, ol, li { list-style: none; } ul, p { margin: 0px; padding: 0px; } ul { padding-left: 0; margin-left: 0; padding-top: 0; margin-top: 0; } u { text-decoration: none; border-bottom: 1px solid #4e4e4e; } em { font-style: italic; } /* width */ ::-webkit-scrollbar { width: 7px; } /* Track */ ::-webkit-scrollbar-track { background-color: #a987a1; border-radius: 10px; } a:focus { outline: unset !important; } /* Handle */ ::-webkit-scrollbar-thumb { background: #ffffff; border-radius: 10px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #ffffff; } /* hildegard */ img { width: auto; height: auto; } h1, h2, h3, h4, ul { margin-top: 0px; } .listing { opacity: 0; filter: alpha(opacity=0); } a { outline: 0; } a, a:visited, a:hover, a:focus, a:hover, a:active { text-decoration: none; outline: 0; } iframe { width: 100%; } .center { text-align: center; } .centerAll, .centerAll { text-align: center; } .centerAll > * { text-align: center; margin-left: auto; margin-right: auto; } .hidden { display: none !important; visibility: hidden; } .item { display: inline-block; float: left; position: relative; text-align: left; } img.cent { width: 100%; height: auto; } .clickAll:hover { cursor: pointer; } html, body { height: 100%; width: 100%; margin: 0; padding: 0; } img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: rgb(21, 23, 21); } h1, h2, h3, h4, .basker, .overlayBox .title { text-transform: none; vertical-align: top; vertical-align: text-top; } input, textarea, select { height: 38px; padding: 0px 10px; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: rgb(21, 23, 21); } input[type='image'] { padding: 0; } h1:after, h2:after, h3:after, .fullscreen:after, .content:after, .bloc:after, #listeConseils .item p:after, .spacer:after { display: block; clear: both; content: ''; } div { vertical-align: top; position: relative; } .uppercase { text-transform: uppercase; } /* ***************************** STRUCTURE ********************************* */ *.noMarginBottom { margin-bottom: 0px; } .spacer { height: 38px; width: 1px; } .fullscreen { position: relative; width: 100%; text-align: center; z-index: 10; } .nav .inner, .cbp-slider .cbp-nav-controls { text-align: center; } .inner { background-color: transparent; z-index: 10; width: calc(100% - 600px); margin: 0 auto; } #participer .inner { padding: 0 300px; left: 0; top: 0; width: 100%; height: 100%; position: absolute; } .content { width: 1600px; height: auto; margin: 0 auto; text-align: left; position: relative; } .content.center { text-align: center; } .content.mini { text-align: center; padding: 0 12%; } .content.mini2 { text-align: center; padding: 0 8%; } .bloc { margin: 0 auto 0 auto; margin-top: 108px; position: relative; } .bloc.blocPadd { margin-top: 0; padding-top: 108px; } .firstContent { margin-top: 280px; margin-bottom: 30px; } .violet { color: #3d0636; } .nav { height: 160px; padding-top: 20px; padding-bottom: 20px; position: fixed; background-color: #3d0636; z-index: 13; top: 0; } #bandeau { top: 160px; } .subNav { height: 160px; } .page_1 .subNav { display: none !important; } .nav .infos { padding-right: 92px; display: flex; align-items: center; justify-content: flex-end; z-index:1; } .hb1 { display: flex; align-items: center; text-align: left; } .hb1 .intro { line-height: 24px !important; } .hb1 img { width: 50px; height: auto; margin-right: 8px; } .hb2 { display: flex; align-items: center; text-align: left; } .hb2 .intro { line-height: 24px !important; } .hb2 img { width: 48px; height: auto; margin-right: 8px; } .hb3 { display: flex; align-items: center; text-align: left; } .hb3 img { height: 50px; width: auto; margin-right: 8px; } .hbSep { background-color: #f6de80; width: 1px; margin: 0 16px; height: 50px; } .infos a { display: inline-block; height: auto; } .infos img { display: block; } .nav .inner { height: 100%; display: flex; align-items: center; justify-content: space-between; } .nav.nav_mobile { top: -100%; height: 100%; z-index: 12; background-color: #3d0636; padding: 0 0 !important; } .nav .logo { width: 360px; margin-top: 8px; } .nav_mobile .menu { opacity: 0; } .icon-1, .icon-2, .icon-3 { position: absolute; left: 0; top: 50%; width: 100%; height: 4px; background-color: #f6de80; transition: all 400ms cubic-bezier(0.84, 0.06, 0.52, 1.8); border-radius: 3px; } .icon-1 { transform: translateY(-13px); animation-delay: 100ms; } .icon-3 { transform: translateY(13px); animation-delay: 250ms; } .hamburger-icon { display: block; z-index:2; position: absolute; height: 53px; width: 53px; right: 0; top: calc(50% - 40px); cursor: pointer; transition: all 0.2s ease-in-out; } .menuText { position: absolute; bottom: -22px; left: 0; color: #f6de80; font-size: 18px; } .hamburger-icon:hover { cursor: pointer; } .icon-1.a { transform: rotate(40deg); } .icon-3.b { transform: rotate(-40deg); } .icon-2.c { opacity: 0; } .clear { clear: both; } @keyframes slideIn { 0% { width: 0%; opacity: 0; } 100% { width: 50%; opacity: 1; } } .nav_mobile { width: 100%; } .nav.mininav { height: 124px; } .nav.mininav .logo { width: 290px; margin-top: 12px; } .nav.mininav .infos { opacity: 0; } .nav.mininav .hamburger-icon { top: calc(50% - 34px); } @media screen and (max-width: 2560px) { .inner { width: calc(100% - 300px); } #participer .inner { padding: 0 150px; } .content { width: 1440px; } .bloc { margin-top: 98px; } .bloc.blocPadd { margin-top: 0; padding-top: 98px; } } @media screen and (max-width: 1920px) { .hb1 .intro { line-height: 22px !important; } .hb1 img { width: 42px; margin-right: 6px; } .hb2 .intro { line-height: 22px !important; } .hb2 img { width: 40px; margin-right: 6px; } .hb3 img { height: 42px; margin-right: 6px; } .hbSep { margin: 0 14px; height: 42px; } .bloc { margin-top: 88px; } .bloc.blocPadd { margin-top: 0; padding-top: 88px; } .inner { width: calc(100% - 200px); } #participer .inner { padding: 0 100px; } .content { width: 1180px; } .nav { height: 130px; padding-top: 16px; padding-bottom: 16px; } #bandeau { top: 130px; } .subNav { height: 130px; } .nav .infos { padding-right: 88px; } .nav .logo { width: 310px; margin-top: 8px; } .icon-1 { transform: translateY(-11px); } .icon-3 { transform: translateY(11px); } .icon-1, .icon-2, .icon-3 { height: 3px; border-radius: 3px; } .hamburger-icon { height: 48px; width: 48px; top: calc(50% - 35px); } .menuText { position: absolute; bottom: -19px; font-size: 16px; } .nav.mininav { height: 104px; } .nav.mininav .logo { width: 240px; margin-top: 12px; } .nav.mininav .infos { opacity: 0; } .nav.mininav .hamburger-icon { top: calc(50% - 34px); } } @media screen and (max-width: 1680px) { .hb1 .intro { line-height: 20px !important; } .hb1 img { width: 39px; margin-right: 5px; } .hb2 .intro { line-height: 20px !important; } .hb2 img { width: 40px; margin-right: 5px; } .hb3 img { height: 39px; margin-right: 5px; } .hbSep { margin: 0 12px; height: 39px; } .bloc { margin-top: 78px; } .bloc.blocPadd { margin-top: 0; padding-top: 78px; } .inner { width: calc(100% - 100px); } #participer .inner { padding: 0 50px; } .content { width: 980px; } .nav { height: 110px; padding-top: 14px; padding-bottom: 14px; } #bandeau { top: 110px; } .subNav { height: 110px; } .nav .infos { padding-right: 74px; } .nav .logo { width: 250px; margin-top: 8px; } .icon-1 { transform: translateY(-10px); } .icon-3 { transform: translateY(10px); } .hamburger-icon { height: 42px; width: 42px; top: calc(50% - 28px); } .menuText { position: absolute; bottom: -20px; font-size: 14px; } .nav.mininav { height: 88px; } .nav.mininav .logo { width: 210px; margin-top: 12px; } .nav.mininav .infos { opacity: 0; } .nav.mininav .hamburger-icon { top: calc(50% - 32px); } } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1024px) { [data-aos^=fade][data-aos^=fade] { opacity: 1 !important; transition-property: opacity,transform; } [data-aos=fade-up] { transform: translate3d(0,0,0) !important; } .nav .infos { padding-right: 64px; } .inner { width: calc(100% - 80px); } #participer .inner { padding: 0 40px; } .content { width: 100%; } .bloc { margin-top: 58px; } .bloc.blocPadd { margin-top: 0; padding-top: 58px; } .nav .infos > *:nth-child(1), .nav .infos > *:nth-child(2) { display: none; } } @media screen and (max-width: 820px) { .content.mini2 { text-align: center; padding: 0 0; } .inner { width: calc(100% - 72px); } #participer .inner { padding: 0 36px; } .content { width: 100%; margin-right: 0; margin-left: 0; } .firstContent { margin-top: 168px; } .nav .infos { display: none; } } @media screen and (max-width: 767px) { .content.mini { text-align: center; padding: 0 0; } .inner { width: calc(100% - 48px); } #participer .inner { padding: 0 24px; } .content { width: 100%; } .bloc { margin-top: 42px; } .bloc.blocPadd { margin-top: 0; padding-top: 42px; } .firstContent { margin-top: 78px; } .nav { height: 100px; padding-top: 12px; padding-bottom: 12px; } #bandeau { top: 100px; } .subNav { height: 100px; } .nav .logo { width: 200px; margin-top: 8px; } .icon-1 { transform: translateY(-10px); } .icon-3 { transform: translateY(10px); } .hamburger-icon { height: 42px; width: 42px; top: calc(50% - 28px); } .menuText { position: absolute; bottom: -20px; font-size: 14px; } .nav.mininav { height: 90px; } .nav.mininav .logo { width: 160px; margin-top: 8px; } .nav.mininav .infos { opacity: 0; } .nav.mininav .hamburger-icon { top: calc(50% - 28px); } } /* ***************************** SLIDER ********************************* */ .fullsliderContainer .inner, .fullsliderContainer .content, .fullsliderContainer .cbp-item { height: 100%; } .fullsliderContainer .slider_img { position: absolute; } .fullsliderContainer { } .slider_img_g { width: 100%; height: auto; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .fullsliderContainer .slider_img { position: absolute; object-fit: cover; min-width: 101%; min-height: 100%; max-width: 101%; margin-left: -1px; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); top: 50%; left: 50%; } .fullsliderContainer .slider { z-index: 1; } .fullsliderContainer { position: relative; } @media screen and (max-width: 2560px) { } @media screen and (max-width: 1920px) { } @media screen and (max-width: 1680px) { } @media screen and (max-width: 1024px) { } @media screen and (max-width: 820px) { } @media screen and (max-width: 767px) { } @media screen and (max-width: 360px) { } sub, sup { /* Specified in % so that the sup/sup is the right size relative to the surrounding text */ font-size: 45%; /* Zero out the line-height so that it doesn't interfere with the positioning that follows */ line-height: 0; /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */ position: relative; /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */ vertical-align: baseline; } sup { /* Move the superscripted text up */ top: -0.8em; } sub { /* Move the subscripted text down, but only half as far down as the superscript moved up */ bottom: -0.25em; } /* ***************************** HOME ********************************* */ @media screen and (min-width: 1025px) { #pushes .item_3:hover { background-color: #490a41; color: #ece2b9; cursor: pointer; } .page_19 .item_3:hover { background-color: #29194c !important; color: #ece2b9; cursor: pointer; } #pushes .item_3:hover img.glow { opacity: 1; } #pushes .item_3:hover { -webkit-box-shadow: -2px -1px 31px 9px rgba(0,0,0,0.35); box-shadow: -2px -1px 31px 9px rgba(0,0,0,0.35); } #exposant_0:hover .bt, #exposant_0 .bt:hover { background-color: #490a41; border: 1px solid #ece2b9; color: #ece2b9; } #exposant_0:hover img.cloche { -webkit-animation: wobble-hor-top 0.8s both; animation: wobble-hor-top 0.8s both; } /* ---------------------------------------------- * Generated by Animista on 2024-6-25 11:37:37 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation wobble-hor-top * ---------------------------------------- */ @-webkit-keyframes wobble-hor-top { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-30px) rotate(6deg); transform: translateX(-30px) rotate(6deg); } 30% { -webkit-transform: translateX(15px) rotate(-6deg); transform: translateX(15px) rotate(-6deg); } 45% { -webkit-transform: translateX(-15px) rotate(3.6deg); transform: translateX(-15px) rotate(3.6deg); } 60% { -webkit-transform: translateX(9px) rotate(-2.4deg); transform: translateX(9px) rotate(-2.4deg); } 75% { -webkit-transform: translateX(-6px) rotate(1.2deg); transform: translateX(-6px) rotate(1.2deg); } } @keyframes wobble-hor-top { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-30px) rotate(6deg); transform: translateX(-30px) rotate(6deg); } 30% { -webkit-transform: translateX(15px) rotate(-6deg); transform: translateX(15px) rotate(-6deg); } 45% { -webkit-transform: translateX(-15px) rotate(3.6deg); transform: translateX(-15px) rotate(3.6deg); } 60% { -webkit-transform: translateX(9px) rotate(-2.4deg); transform: translateX(9px) rotate(-2.4deg); } 75% { -webkit-transform: translateX(-6px) rotate(1.2deg); transform: translateX(-6px) rotate(1.2deg); } } .media svg:hover path { stroke: #3d0636 !important; } .media svg:hover { background-color: #ece2b9 !important; border: 1px solid #56234c !important; } } .brive { display: block; margin: 0 auto 20px; } #venir strong { font-family: 'garetheavy'; } #venir .font40 { margin-bottom: 24px; } #venir .content { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 33px; grid-row-gap: 0px; } #venir .item_3 > div { width: 100%; background-color: #ece2b9; color: #56234c; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; padding: 22px 60px 50px; margin-bottom: 60px; } #venir img { display: inline-block; width: auto; margin: 0px auto 28px; } .yello3 { color: #ece2b9 !important; } #venirHeader img { display: inline-block; margin: 0px auto 14px; } .media svg { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background-color: #56234c; border: 1px solid #56234c; } .media svg path { stroke: #ece2b9 !important; } .page_1 #slider_home .slick-list:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #000000; opacity: 0.46; z-index: 2; } #slider_home { opacity: 0; } #bandeau { padding: 22px 0; color: #56234c; background-color: #e2d294; font-size: 33px; line-height: 33px; text-align: center; position: absolute; left: 0; } #bandeau em { font-size: 0.6em !important; line-height: 0.1em !important; font-style: normal !important; } #bandeau a { border-bottom: 1px solid #56234c; } #bandeau p { margin-bottom: 0px !important; } .nav_mobile .inner { height: 100%; display: flex; align-items: flex-end; justify-content: flex-end; padding: 0 0 2.5%; text-align: right; } .nav_mobile .menu > ul > li a { font-size: 34px; line-height: 34px; font-family: 'garetbook'; text-transform: none; color: #ffffff; display: block; margin-bottom: 12px; } .nav_mobile .menu li ul a { font-size: 22px; line-height: 22px; font-family: 'garetbook'; text-transform: none; color: #ffffff; } .nav_mobile .menu a.selected, .nav_mobile .menu a:hover { color: #f6de80; } .nav_mobile .menu > ul > li { margin-bottom: 30px; } .nav_mobile .legalBar { margin-top: 40px; opacity: 0; margin-bottom: 0px !important; } #animations .left .slick-arrow { display: inline-block; float: left; top: auto; left: auto; bottom: auto; right: auto; margin: 0 10px 0 0; position: relative; } .white { color: #ffffff; } #animations { padding: 60px 0 40px; } .page_22 #animations { padding: 0 0 0; } #animations .content { padding: 0 4% 0 2%; } #animations .left { float: left; display: inline-block; width: 27%; } #animations .right { float: right; display: inline-block; width: 62.3%; } #slider_animation { opacity: 0; } #slider_animation .slick-arrow { display: none !important; } .animation { display: inline-block; margin: 0 20px; position: relative; } .page_22 .animation { padding: 20px 20px; margin: 0px 0px; width: 33.33%; } .page_22 .animation .bgAnimation { width: calc(100% - 40px); bottom: 20px; left: 20px; } .page_22 #animations { width: calc(100% + 40px); margin-left: -20px; } .animation a, .animation { overflow: hidden; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .animation img { display: block; width: 100%; } .animation > div { padding: 40px; position: absolute; padding: 40px; left: 0; bottom: 0; } .animation img { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .animation a { display: block; overflow: hidden; } .page_22 .animation > div { padding: 60px; } .chiffre:after { position: absolute; right: 0px; top: -16%; content: ''; width: 1px; height: 132%; background-color: #490a41; } .chiffre:nth-child(4):after { display: none; } .chiffre { position: relative; text-align: center; } #chiffres { background-color: #ffffff; padding-top: 360px; margin-top: -231px; z-index: 9; color: #56234c; padding-bottom: 116px; } #chiffres .content { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; } #pushes .item_3 { background-color: #ece2b9; color: #56234c; } #pushes .content { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 35px; grid-row-gap: 0px; } #tripod .content { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 30px; grid-row-gap: 0px; } #tripod .content .item_3 { background-color: #ece2b9; color: #56234c; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; padding: 100px 56px 100px; text-align: center; } #tripod .content .item_3 strong { font-family: 'garetheavy'; } #pushes .item_3 > img { width: 100%; height: auto; margin-top: -164px; z-index: 2; display: block; position: relative; } #pushes .item_3 img.glow { opacity: 0; position: absolute; top: -60px; left: -35px; width: calc(100% + 70px); z-index: 1; } #pushes { padding-top: 164px; } #pushes .item_3 { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } #pushes .item_3 > div { padding: 0 50px 86px; text-align: center; } #presentation { padding-top: 228px; } .over { position: absolute; bottom: 0px; width: 100%; left: 0; display: flex; align-items: center; justify-content: center; z-index: 100; text-align: center; } .over div > * { display: block; margin-left: auto; margin-right: auto; } .over div img.arch { width: 278px; height: auto; } .over div.archContainer { text-align: center; } .over div.archContainer:hover { cursor: pointer; } .over div.archContainer div { position: absolute; bottom: 0px; left: 0px; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #3d0636; } .over div img.scrollBt { width: 23px; height: auto; margin: 12px auto 20px; } #slider_partenaire { opacity: 0; } #slider_partenaire img { display: inline-block; width: 100%; height: auto; } #slider_partenaire .slick-slide { padding: 12px; } #slider_partenaire { padding: 38px 80px; background-color: #ffffff; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .tableContainer { max-width: 90% !important; width: 90% !important; overflow: auto; } .tableContainer tr, .tableContainer td { padding: 0 10px 0 0; } .bt.sticker { /*opacity: 0;*/ right: -1px !important; top: 68% !important; position: fixed !important; height: 80px !important; padding: 0 34px !important; line-height: 79px !important; background-color: #816b7e !important; border: 1px solid #816b7e !important; color: #fbfdf0 !important; z-index: 11 !important; border-radius: 9px 0 0 9px !important; visibility: hidden; } .bt.sticker img { display: none; } .logo { width: 333px; height: auto; } #logo { position: fixed; top: 70px; text-align: left; } .bt { background-color: #f6de80; border: 1px solid #f6de80; color: #3f0836; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; text-transform: uppercase; font-family: 'grand_crulight_s'; } .bt:hover { background-color: transparent; border: 1px solid #f6de80; color: #f6de80; } .bt.btContact.btVioletHover:hover { background-color: #3f0836 !important; } #exposant_0:hover { cursor: pointer; } .bt.jauneVif2 { background-color: #ffcc00; border: 1px solid #ffcc00; color: #3f0836; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; text-transform: uppercase; font-family: 'grand_crulight_s'; } .bt.jauneVif2:hover { background-color: #ffcc00; border: 1px solid #ffcc00; color: #3f0836; } .jauneVif { color: #ffcc00; } a.jauneVif { border-bottom: 1px solid #ffcc00; } .bt.jauneVif { background-color: #fdc729; border: 1px solid #fdc729; color: #3f0836; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; text-transform: uppercase; font-family: 'grand_crulight_s'; } .bt.jauneVif:hover { background-color: #56234c; border: 1px solid #56234c; color: #fdc729; } .bt.filter { background-color: #56234c; border: 1px solid #56234c; color: #e8e5de; } .bt.filter:hover, .bt.filter.selected { background-color: #f5c800; border: 1px solid #f5c800; color: #430d3b; } .bt.violet { background-color: #56234c; border: 1px solid #56234c; color: #ffffff; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; text-transform: uppercase; font-family: 'grand_crulight_s'; } .bt.violet:hover { background-color: transparent; border: 1px solid #56234c; color: #56234c; } .violet4 { color: #56234c; } .violetCC { color: #816b7e; } .pBlanc { color: #fbfdf0; } .violetC { color: #a987a1 } .violet strong, .violetF { color: #56234c } .violet { color: #653559; } .jaune { color: #f6de80; } .jauneF { color: #fdc729; } .jauneC { color: #ece2b9; } #presentation .jauneC i { color: #fdc729; font-style: normal; } body { background-color: #3d0636; color: #ece2b9; } .mauve { color: #ada3a5; } #accueil { width: 100%; height: 100%; overflow: hidden; opacity: 0; } #accueil > div { height: 100%; overflow: hidden; display: inline-block; float: left; } #slider_home { z-index: 1; min-height: 100% !important; } #slider { width: 100%; height: 100%; } #epikurium { width: 47%; display: flex !important; align-items: center; justify-content: center; } .back { position: absolute; width: calc(100% + 1px); height: 100%; top: 0; left: 0; display: block; z-index: 2; opacity: 0; } .fourchette { position: absolute; width: 66%; height: auto; top: 18%; left: 22%; display: block; z-index: 1; } .epikurium { width: 800px; margin: 58% 0 16%; } #epikurium > div { text-align: center; display: block; z-index: 2; } .correze { display: inline-block; margin: 10% auto 0; width: 150px; } .fourchette { width: 60%; top: 20%; left: 20%; } .epikurium { width: 800px; margin: 40% 0 16%; } .correze { margin: 16% auto 0; width: 140px; } #presentation .inner, #presentation .content { height: 100%; } #presentation .content { height: 100%; display: flex !important; align-items: center; justify-content: center; } #presentation .content { padding: 0 8%; } #presentation .bigText { padding: 0 8%; } #presentation img { width: 180px; } .theme { margin-bottom: 112px; position: relative; } .theme > div { display: inline-block; float: right; width: 86%; position: relative; z-index: 1; background-color: #fbfdf0; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; text-align: justify; text-justify: inter-word; } .theme > div > div { margin: 7% 12% 7% 22%; } .theme .bt.acheval { right: auto; left: 22%; z-index: 5; display: inline-block; } .theme.inverted > div { display: inline-block; float: left; } .theme.inverted > div > div { margin: 7% 32% 7% 10%; } .theme.inverted .bt.acheval { right: auto; left: 10%; z-index: 5; } .theme .entete { display: flex; align-items: flex-end; margin-bottom: 54px; } .theme:nth-child .entete img { height: 90px; width: auto; margin-right: 14px; } .theme > img { position: absolute; left: 0; display: block; width: auto; z-index: 3; } .theme:nth-child(1) > img { top: 40px; height: calc(100% - 80px); } .theme:nth-child(2) > img { top: 40px; height: calc(100% - 80px); } .theme:nth-child(3) > img { top: -20px; height: calc(100% + 40px); } .theme.inverted > img { left: auto; right: 0; } .entete > img { margin-right: 2%; } .theme .bt:hover { background-color: #3f0836; border: 1px solid #ffffff; color: #ffffff; } .theme img.halo { z-index: 2 !important; position: absolute !important; left: -10% !important; top: -2% !important; width: 34% !important; height: auto !important; } .theme:nth-child(2) img.halo { left: auto !important; right: -8% !important; top: -6% !important; width: 34% !important; transform: scaleX(-1); } .theme:nth-child(3) img.halo { z-index: 2 !important; position: absolute !important; left: -10% !important; top: -10% !important; width: 34% !important; height: auto !important; } @media screen and (max-width: 3860px) { .theme img.halo { left: -10% !important; top: -2% !important; width: 34% !important; } .theme:nth-child(2) img.halo { left: auto !important; right: -8% !important; top: -6% !important; width: 34% !important; } .theme:nth-child(3) img.halo { left: -10% !important; top: -10% !important; width: 34% !important; height: auto !important; } .fourchette { position: absolute; width: 70%; height: auto; top: 6%; left: 15%; display: block; z-index: 1; } .epikurium { width: 770px; margin: 40% 0 15%; } .correze { margin: 15% auto 0; width: 140px; } #presentation img { width: 160px; } #presentation .content { padding: 0 10%; } } #plus .content { background-color: rgba(101, 56, 91, 0.2); padding: 80px 122px 210px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .page_1 #plus .content { padding: 80px 122px 40px; } #plus { overflow: hidden; } .plus { z-index: 8; } .item3 { width: 30%; float: left; display: inline-block; } .item3:nth-child(2) { width: 40%; } .item3 > div { text-transform: uppercase; } .item3 > img { height: 114px; width: auto; } #items { padding: 110px 0 110px; } .sep { height: 1px; margin-left: -300%; width: 600%; content: ''; background-color: #65385b } .item3:nth-child(2):before { height: 110%; top: 3%; left: 0; width: 1px; content: ''; background-color: #65385b; position: absolute; } .item3:nth-child(2):after { height: 110%; top: 3%; right: 0; width: 1px; content: ''; background-color: #65385b; position: absolute; } #items32 { display: flex; align-items: flex-end; } #items32 .item3:nth-child(1) { text-align: left; } #items32 .item3:nth-child(2):before, #items32 .item3:nth-child(2):after { display: none; } #items32 { margin: 86px 0 0; } #items32 div { text-transform: none !important; } #items32 .item3:nth-child(2), #items32 .item3:nth-child(3) { display: flex; align-items: center; } #items32 .item3:nth-child(2) > div, #items32 .item3:nth-child(3) > div { text-align: left; line-height: 24px; } #items32 img { height: 66px; width: auto; margin-right: 4px; } #reseaux { position: absolute; margin-top: -42px } #reseaux svg { display: inline-block; margin: 0 26px; height: 84px; border-radius: 50%; border: 1px solid transparent; width: auto !important; } #reseaux svg:hover path { fill: #3f0836 !important; } #reseaux svg:hover { border: 1px solid #ffffff; background-color: #ffffff; } .theme:nth-child(3) { margin-bottom: 0px !important; } .page_1 #animations .content { display: flex; align-items: center; justify-content: space-between; } @media screen and (max-width: 2560px) { .theme img.halo { left: -12% !important; top: 1% !important; width: 35% !important; } .theme:nth-child(2) img.halo { left: auto !important; right: -8% !important; top: -2% !important; width: 35% !important; } .theme:nth-child(3) img.halo { left: -10% !important; top: -4% !important; width: 35% !important; height: auto !important; } .fourchette { width: 90%; height: auto; top: 0; left: 5%; } .epikurium { width: 754px; margin: 30% 0 14%; } .correze { margin: 8% auto 0; width: 132px; } #presentation img { width: 140px; } #presentation .content { padding: 0 14%; } #pushes .item_3 p { margin-bottom: 0px; } } @media screen and (max-width: 1920px) { .brive { display: block; margin: 0 auto 18px; width: 160px; } #venir .font40 { margin-bottom: 20px; } #venir .content { grid-column-gap: 28px; } #venir .item_3 > div { padding: 20px 46px 40px; margin-bottom: 50px; } #venir img { margin: 0px auto 22px; width: 104px; } #venirHeader img { display: inline-block; margin: 0px auto 12px; width: 29px; } #bandeau { padding: 18px 0; font-size: 26px; line-height: 26px; } .nav_mobile .inner { padding: 0 0 2.5%; } .nav_mobile .menu > ul > li a { font-size: 28px; line-height: 28px; margin-bottom: 10px; } .nav_mobile .menu li ul a { font-size: 18px; line-height: 18px; } .nav_mobile .menu > ul > li { margin-bottom: 24px; } .nav_mobile .legalBar { margin-top: 30px; } #animations .left .slick-arrow { margin: 0 8px 0 0; } #animations { padding: 50px 0 20px; } #animations .content { padding: 0 4% 0 2%; } #animations .left { width: 27%; } #animations .right { width: 62.3%; } .animation { display: inline-block; margin: 0 16px; } .page_22 .animation { padding: 18px 18px; margin: 0px 0px; } .page_22 .animation .bgAnimation { width: calc(100% - 36px); bottom: 18px; left: 18px; } .page_22 #animations { width: calc(100% + 36px); margin-left: -18px; } .animation > div { padding: 32px; } .page_22 .animation > div { padding: 50px; } .chiffre:after { position: absolute; right: 0px; top: -16%; content: ''; width: 1px; height: 132%; background-color: #490a41; } .chiffre:nth-child(4):after { display: none; } #chiffres { padding-top: 308px; margin-top: -204px; padding-bottom: 92px; } #chiffres .content { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; } #presentation { padding-top: 208px; } .over div img.arch { width: 248px; height: auto; } .over div img.scrollBt { width: 20px; margin: 10px auto 18px; } #pushes .content { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 30px; grid-row-gap: 0px; } #tripod .content { grid-column-gap: 26px; } #tripod .content .item_3 { padding: 80px 46px 80px; text-align: center; } #pushes .item_3 > img { margin-top: -124px; } #pushes { padding-top: 124px; } #pushes .item_3 img.glow { opacity: 0; position: absolute; top: -40px; left: -30px; width: calc(100% + 60px); } #pushes .item_3 > div { padding: 0 40px 56px; text-align: center; } #slider_partenaire { padding: 30px 70px; background-color: #ffffff; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } #slider_partenaire .slick-slide { padding: 10px; } .bt.sticker { /*opacity: 0;*/ right: -1px !important; top: 68% !important; height: 70px !important; padding: 0 28px !important; line-height: 69px !important; } .theme img.halo { left: -12% !important; top: 1% !important; width: 38% !important; } .theme:nth-child(2) img.halo { left: auto !important; right: -10% !important; top: -2% !important; width: 38% !important; } .theme:nth-child(3) img.halo { left: -10% !important; top: -4% !important; width: 38% !important; height: auto !important; } .logo { width: 280px; } #logo { top: 60px; } #reseaux { position: absolute; margin-top: -37px } #reseaux svg { display: inline-block; margin: 0 22px; height: 74px; } #items32 .item3:nth-child(2) > div, #items32 .item3:nth-child(3) > div { text-align: left; line-height: 22px; } #items32 { margin: 76px 0 0; } #items32 img { height: 60px; margin-right: 3px; } #plus .content { padding: 70px 80px 140px; } .page_1 #plus .content { padding: 70px 80px 30px; } .item3 > img { height: 100px; } #items { padding: 90px 0 90px; } .theme { margin-bottom: 100px; position: relative; } .entete > img { height: 80px; width: auto; } .theme > div > div { margin: 6% 8% 6% 27%; } .theme .bt.acheval { left: 27%; } .theme .entete { margin-bottom: 42px; } .theme.inverted > div > div { margin: 7% 32% 7% 10%; } .theme.inverted .bt.acheval { left: 10%; } .fourchette { width: 90%; height: auto; top: 0; left: 5%; } .epikurium { width: 570px; margin: 30% 0 14%; } .correze { margin: 8% auto 0; width: 100px; } #presentation img { width: 110px; } #presentation .content { padding: 0 13%; } } @media screen and (max-width: 1680px) { .brive { display: block; margin: 0 auto 16px; width: 130px; } #venir .font40 { margin-bottom: 16px; } #venir .content { grid-column-gap: 24px; } #venir .item_3 > div { padding: 20px 36px 30px; margin-bottom: 40px; } #venir img { margin: 0px auto 18px; width: 88px; } #venirHeader img { display: inline-block; margin: 0px auto 10px; width: 25px; } #bandeau { padding: 14px 0; font-size: 20px; line-height: 20px; } .nav_mobile .inner { padding: 0 0 2.5%; } .nav_mobile .menu > ul > li a { font-size: 24px; line-height: 24px; margin-bottom: 8px; } .nav_mobile .menu li ul a { font-size: 15px; line-height: 15px; } .nav_mobile .menu > ul > li { margin-bottom: 16px; } .nav_mobile .legalBar { margin-top: 24px; } #animations .left .slick-arrow { margin: 0 6px 0 0; } #animations { padding: 40px 0 10px; } #animations .content { padding: 0 3.5% 0 1.5%; } #animations .left { width: 27%; } #animations .right { width: 62.3%; } .animation { display: inline-block; margin: 0 12px; } .page_22 .animation { padding: 12px 12px; margin: 0px 0px; } .page_22 .animation .bgAnimation { width: calc(100% - 24px); bottom: 12px; left: 12px; } .page_22 #animations { width: calc(100% + 24px); margin-left: -12px; } .animation > div { padding: 24px; } .page_22 .animation > div { padding: 36px; } .chiffre:after { position: absolute; right: 0px; top: -16%; content: ''; width: 1px; height: 132%; background-color: #490a41; } .chiffre:nth-child(4):after { display: none; } #chiffres { padding-top: 268px; margin-top: -194px; padding-bottom: 72px; } #chiffres .content { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; } #presentation { padding-top: 160px; } .over div img.arch { width: 218px; height: auto; } .over div img.scrollBt { width: 18px; margin: 8px auto 16px; } #pushes .content { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 24px; grid-row-gap: 0px; } #tripod .content { grid-column-gap: 20px; } #tripod .content .item_3 { padding: 60px 32px 60px; text-align: center; } #pushes .item_3 > img { margin-top: -114px; } #pushes { padding-top: 114px; } #pushes .item_3 img.glow { top: -30px; left: -24px; width: calc(100% + 48px); } #pushes .item_3 > div { padding: 0 30px 60px; text-align: center; } #slider_partenaire { padding: 26px 50px; background-color: #ffffff; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } #slider_partenaire .slick-slide { padding: 6px; } .bt.sticker { /*opacity: 0;*/ right: -1px !important; top: 68% !important; height: 60px !important; padding: 0 22px !important; line-height: 59px !important; } .theme img.halo { left: -12% !important; top: 0% !important; width: 40% !important; height: auto !important; } .theme:nth-child(2) img.halo { right: -12% !important; top: -3% !important; width: 40% !important; } .theme:nth-child(3) img.halo { left: -10% !important; top: -10% !important; height: auto !important; width: 40% !important; } .logo { width: 240px; } #logo { top: 50px; } #reseaux { position: absolute; margin-top: -32px } #reseaux svg { display: inline-block; margin: 0 18px; height: 64px; } #items32 .item3:nth-child(2) > div, #items32 .item3:nth-child(3) > div { text-align: left; line-height: 20px; } #items32 { margin: 66px 0 0; } #plus .content { padding: 60px 60px 100px; } .page_1 #plus .content { padding: 60px 60px 20px; } .item3 > img { height: 80px; } #items { padding: 70px 0 70px; } .theme { margin-bottom: 80px; position: relative; } .entete > img { height: 72px; } .theme > div > div { margin: 6% 8% 6% 27%; } .theme .bt.acheval { left: 27%; } .theme .entete { margin-bottom: 32px; } .theme.inverted > div > div { margin: 7% 32% 7% 10%; } .theme.inverted .bt.acheval { left: 10%; } .fourchette { width: 90%; height: auto; top: 0; left: 5%; } .epikurium { width: 480px; margin: 26% 0 12%; } .correze { margin: 6% auto 0; width: 80px; } #presentation img { width: 80px; } #presentation .content { padding: 0 12%; } } @media screen and (max-width: 1366px) { .nav_mobile .inner { padding: 0 0 2.5%; } .nav_mobile .menu > ul > li a { font-size: 22px; line-height: 22px; margin-bottom: 6px; } .nav_mobile .menu li ul a { font-size: 14px; line-height: 14px; } .nav_mobile .menu > ul > li { margin-bottom: 12px; } .nav_mobile .legalBar { margin-top: 20px; } #plus .content { padding: 50px 40px 120px; } .page_1 #plus .content { padding: 50px 40px 20px; } .item3 > img { height: 80px; } #items { padding: 70px 0 70px; } .fourchette { width: 90%; height: auto; top: 0; left: 5%; } .epikurium { width: 400px; margin: 26% 0 12%; } .correze { margin: 8% auto 0; width: 70px; } #presentation .content { padding: 0 12%; } } @media screen and (max-width: 1024px) { .nav_mobile .inner { padding: 0 0 2.5%; } .nav_mobile .menu > ul > li a { font-size: 24px; line-height: 24px; margin-bottom: 8px; } .nav_mobile .menu li ul a { font-size: 15px; line-height: 15px; } .nav_mobile .menu > ul > li { margin-bottom: 16px; } .nav_mobile .legalBar { margin-top: 24px; } #animations { padding: 30px 0 0px; } #animations .content { padding: 0 0 0 0%; } #animations .left { width: 27%; } #animations .right { width: 62.3%; } .animation { display: inline-block; margin: 0 12px; } .page_22 .animation { padding: 12px 12px; margin: 0px 0px; } .page_22 .animation .bgAnimation { width: calc(100% - 24px); bottom: 12px; left: 12px; } .page_22 #animations { width: calc(100% + 24px); margin-left: -12px; } .animation > div { padding: 24px; } .page_22 .animation > div { padding: 36px; } #presentation .content { padding: 0 16%; } #presentation .bigText { padding: 0 10%; } #slider_partenaire { padding: 40px 60px; background-color: #ffffff; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .entete > img { height: 70px; } .theme > div > div { margin: 5% 8% 6% 29%; } .theme .bt.acheval { left: 29%; } .theme .entete { margin-bottom: 32px; } .theme.inverted > div > div { margin: 7% 32% 7% 10%; } .theme.inverted .bt.acheval { left: 10%; } .fourchette { width: 110%; height: auto; top: 5%; left: -5%; } .epikurium { width: 380px; margin: 26% 0 12%; } .correze { margin: 8% auto 0; width: 70px; } #themes { padding: 0 6%; } } @media screen and (max-width: 820px) { #venir .font40 { margin-bottom: 16px; } #venir .content { grid-column-gap: 16px; } #venir .item_3 > div { padding: 20px 22px 44px; margin-bottom: 44px; } #venir img { margin: 0px auto 18px; width: 88px; } #bandeau { padding: 14px 0; font-size: 18px; line-height: 18px; } .nav_mobile .inner { padding: 0 0 2.5%; } .nav_mobile .menu > ul > li a { font-size: 28px; line-height: 28px; margin-bottom: 10px; } .nav_mobile .menu li ul a { font-size: 18px; line-height: 18px; } .nav_mobile .menu > ul > li { margin-bottom: 24px; } .nav_mobile .legalBar { margin-top: 30px; } #animations { padding: 20px 0 0px; } #animations .content { padding: 0 0 0 0%; } #animations .left { width: 30%; } #animations .right { width: 66%; } .animation { display: inline-block; margin: 0 10px; } .page_22 .animation { padding: 10px 10px; margin: 0px 0px; } .page_22 .animation .bgAnimation { width: calc(100% - 20px); bottom: 10px; left: 10px; } .page_22 #animations { width: calc(100% + 20px); margin-left: -10px; } .animation > div { padding: 20px; } .page_22 .animation > div { padding: 30px; } #pushes .content { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; } #tripod .content { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 0; grid-row-gap: 0px; } #tripod .content .item_3 { padding: 70px 62px 70px; text-align: center; margin-bottom: 60px; } #tripod .content .item_3:nth-child(3) { margin-bottom: 0px; } #pushes .item_3 > img { margin-top: -84px; } #pushes { padding-top: 84px; } #pushes .item_3 img.glow { top: -20px; left: -20px; width: calc(100% + 40px); } #pushes .item_3 > div { padding: 0 20px 60px; text-align: center; } #presentation .content { padding: 0 8%; } #presentation .bigText { padding: 0 10%; } #slider_partenaire { padding: 40px 50px; background-color: #ffffff; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .theme img.halo { left: 0% !important; top: 5% !important; width: 50% !important; height: auto !important; } .theme:nth-child(2) img.halo { right:0% !important; top: 2% !important; width: 50% !important; } .theme:nth-child(3) img.halo { left: 0% !important; top: -2% !important; width: 50% !important; } .logo { width: 210px; } #logo { top: 50px; display: none; } #items32 img { height: 60px; margin-right: 0px; } #items32 { display: block; } #items32 .item3:nth-child(1), #items32 .item3:nth-child(3), #items32 .item3:nth-child(3) { text-align: center;; } #items32 .item3:nth-child(2), #items32 .item3:nth-child(3) { display: block; } #items32 .item3:nth-child(2) > div, #items32 .item3:nth-child(3) > div { text-align: center;; line-height: 24px; } #items32 .item3:nth-child(2) { margin: 50px 0; } #items32 { margin: 56px 0 0; } .item3 { width: 100% !important; float: none !important; } .item3:nth-child(2) { margin: 70px 0; } .item3:nth-child(2):before { height: 1px; top: -35px; bottom: auto; left: 25%; width: 50%; content: ''; background-color: #65385b; position: absolute; } .item3:nth-child(2):after { height: 1px; bottom: -40px; top: auto; left: 25%; width: 50%; content: ''; background-color: #65385b; position: absolute; } .theme > div { display: block; width: 100%; } .theme > img { position: relative; left: auto; display: block; width: 60% !important; top: auto; height: auto; margin-top: 0; margin: 0 auto 0 !important; } .theme:nth-child(3) > img { } .theme:nth-child(1) > img, .theme:nth-child(2) > img, .theme:nth-child(3) > img { height: auto; } .theme > div > div, .theme.inverted > div > div { margin: 170px 40px 50px; } .theme .bt.acheval { left: 40px; } .theme.inverted .bt.acheval { left: auto; right: 40px; } .theme > div , .theme.inverted > div { margin-top: -150px; } .theme:nth-child(3) > div { margin-top: -220px; } #accueil > div { height: auto; float: none; } #slider { width: 100%; height: 100%; } #epikurium { width: 100%; height: 50% !important; } .fourchette { width: 100%; height: auto; top: -80px; left: 0%; } .epikurium { width: 400px; margin: 60px 0 30px; } .correze { margin: 20px auto 0; width: 80px; } .nav_mobile .legalBar { display: none !important; } } @media screen and (max-width: 767px) { .brive { display: block; margin: 0 auto 8px; width: 100px; } #venir .item_3:nth-child(1) > div:nth-child(1) img { margin-bottom: 6px; } #venir .item_3:nth-child(2) img { margin-bottom: 8px; } #venir .item_3:nth-child(3) img { margin-bottom: 18px; } #venir .content { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 0; grid-row-gap: 0px; } #venir .item_3 > div { padding: 20px 22px 34px; margin-bottom: 50px; } #venir img { margin: 0px auto 18px; width: 88px; } #venirHeader { margin-top: 0px; } .page_1 #animations .content { display: block; } #bandeau { padding: 12px 0; font-size: 19px; line-height: 23px; } #themes { padding: 0 0; } .nav_mobile .inner { align-items: flex-end; justify-content: flex-start; padding: 0 0 20px; text-align: left; } .nav_mobile .menu > ul > li a { font-size: 21px; line-height: 21px; margin-bottom: 6px; } .nav_mobile .menu li ul a { font-size: 15px; line-height: 15px; } .nav_mobile .menu li ul { padding-left: 20px; } .nav_mobile .menu > ul > li { margin-bottom: 16px; } .nav_mobile .submenu { height: 64%; position: absolute; top: auto; left: 100%; width: 100%; padding: 80px 36px 0 36px; z-index: 11; bottom: 0px; margin-bottom: 0; color: #ffffff; text-align: left; background-color: #3d0636; } .nav_mobile .submenu a { font-size: 19px; line-height: 19px; margin-bottom: 16px; display: block; } .nav_mobile .submenu img { position: absolute; top: 12px; left: 30px; width: 30px; } #animations .left .slick-arrow { display: none; } #animations { padding: 8px 0 0px; } #animations .left { width: 100%; display: block; } #animations .right { width: 100%; display: block; } .animation { margin: 0px; } .page_22 .animation { padding: 0px 0px; margin: 0px 0 32px; width: 100%; } .page_22 .animation:last-child { padding: 0px 0px; margin: 0px 0 0px; width: 100%; } .page_22 .animation .bgAnimation { width: 100%; bottom: 0px; left: 0px; } .page_22 #animations { width: 100%; margin-left: 0; } .animation > div { padding: 30px; } .page_22 .animation > div { padding: 30px; } .chiffre:after { position: absolute; right: auto; left: 40%; width: 20%; top: auto; bottom: -8px; content: ''; height: 1px; background-color: #490a41; } .chiffre:nth-child(4):after { display: none; } #chiffres { padding-top: 238px; margin-top: -174px; padding-bottom: 32px; } #chiffres .content { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; } .chiffre { padding: 30px 0; } #presentation { padding-top: 180px; } .over div img.arch { width: 178px; height: auto; } .over div img.scrollBt { width: 20px; margin: 8px auto 10px; } #pushes .content { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; } #tripod .content .item_3 { padding: 40px 20px 50px; text-align: center; margin-bottom: 44px; } #tripod .content .item_3:nth-child(3) { margin-bottom: 0px; } #pushes .item_3 > img { margin-top: -114px; } #pushes { padding-top: 124px; } #pushes .item_3 > div { padding: 0 20px 50px; } #pushes .item_3 { margin-bottom: 174px; } #pushes .item_3:nth-child(3) { margin-bottom: 0px; } #presentation .content { padding: 0 0%; } #presentation .bigText { padding: 0 0%; } #slider_partenaire { padding: 4px 4px; background-color: #ffffff; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .theme:nth-child(1) { margin-top: -24px; } .tableContainer tr, .tableContainer td { padding: 0 2px 0 0; } #responseBox.top .cell { max-width: 100%; width: 100%; } .bt.sticker { /*opacity: 0;*/ right: -1px !important; top: 68% !important; height: auto !important; padding: 4px 8px !important; line-height: reset !important; } .bt.sticker img { display: block !important; width: 40px !important; height: auto !important; } .bt.sticker span { display: none !important; } .bt.sticker:hover { background-color: #816b7e !important; border: 1px solid #816b7e !important; color: #fbfdf0 !important; } .theme img.halo { left: -10% !important; top: 2% !important; width: 70% !important; height: auto !important; } .theme:nth-child(2) img.halo { right: -6% !important; top: 0% !important; width: 70% !important; } .theme:nth-child(3) img.halo { left: -10% !important; top: -2% !important; width: 70% !important; } .mentions tr:nth-child(even) { background-color: #51204b; } #responseBox.top { max-width: 100% !important; width: 100% !important; } .mentions td { font-weight: 300; padding: 4px 20px 4px 8px; margin-bottom: 4px; } #reseaux { position: absolute; margin-top: -20px } #reseaux svg { display: inline-block; margin: 0 4px; height: 40px; } #items { padding: 40px 0 40px; } #plus .content { padding: 50px 10px 100px; } .page_1 #plus .content { padding: 50px 10px 20px; } .item3:nth-child(2):before { top: -35px; left: 25%; width: 50%; } .item3:nth-child(2):after { bottom: -40px; left: 25%; width: 50%; } .theme { margin-bottom: 60px; position: relative; } .theme:nth-child(2) { margin-bottom: 100px; position: relative; } .entete > img { display: none; } .theme .entete { margin-bottom: 22px; } .theme > div > div, .theme.inverted > div > div { margin: 130px 22px 50px; } .theme > div, .theme.inverted > div { margin-top: -80px; } .theme:nth-child(3) > div { margin-top: -170px; } #slider { width: 100%; height: 100%; } #epikurium { width: 100%; height: 60% !important; } .fourchette { width: 120%; height: auto; top: -50px; left: -10%; } .epikurium { width: 70%; margin: 40px 0 20px; } .correze { margin: 14px auto 0; width: 70px; } #presentation img { width: 70px; } #presentation .content p { margin-top: -20px; } #presentation .content a { margin-top: -20px; } .theme .bt.acheval { width: 200px; left: calc(50% - 100px); right: auto; font-size: 16px; bottom: -18px; } .theme.inverted .bt.acheval { width: 200px; left: calc(50% - 100px); right: auto; } } @media screen and (max-width: 360px) { } /************************************** PAGES **************************************/ #minipush img { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; display: block; width: 100%; height: auto; } #minipush { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: ; grid-column-gap: 52px; grid-row-gap: 0px; } #minipush .bt { position: absolute; bottom: -27px; left: calc(50% - 104px); } #minipush .bt:hover { background-color: #f6de80 !important; border: 1px solid #f6de80 !important; color: #3f0836 !important; } #exposantCorps iframe, #exposantCorps video { width: 100% !important; margin: 0 0 12px !important; padding: 0px !important; } .liFile, .liLink { margin-bottom: 10px; display: block; } .liFile a:hover, .liLink a:hover { background-color: transparent; border: 1px solid #56234c; color: #56234c; } .hrItems { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 32px; grid-row-gap: 70px; } .hritem img { width: 100%; height: auto; margin: 0 0 0; display: block; } .hritem { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .hritem .level_div { padding: 32px 50px 60px; background-color: #ece2b9; color: #3d0636; text-align: center; } .hritem strong { font-family: 'garetheavy'; } .souligne { border-bottom: 1px solid #fdc729; } .hritem h3 { margin-bottom: 26px; } .justify { text-align: justify; text-justify: inter-word; } .justify2 { text-align: justify; text-align-last: center; text-justify: inter-word; } .item_2 { display: inline-block; float: left; width: 50%; } .r_corps a { font-weight: bold; border-bottom: 1px solid #ece2b9; } .usercontent li { margin-bottom: 6px; padding-left: 17px; position: relative; } .usercontent li:before { position: absolute; content: '•'; left: 0; top: -1px; font-weight: 700; font-size: 20px; color: #000000; } .usercontent.gray li:before { color: #656565; } .listRecrutements .recrutement .r_tete { background-color: #ece2b9 !important; color: #3d0636; } .listRecrutements .recrutement.opened .r_titre { color: #3d0636; background-color: #ece2b9; } .listRecrutements .recrutement .r_bt { background-color: #ece2b9; color: #ffffff; } .listRecrutements .recrutement.opened .r_bt { background-color: #ece2b9; color: #ffffff; } .listRecrutements .recrutement .r_bt img { background-color: #fff; color: #3d0636; font-weight: 300; } .listRecrutements .recrutement { display: block; width: 100%; clear: both; float: none; height: auto; margin-bottom: 10px; } .listRecrutements .recrutement:after, .listRecrutements .recrutement .r_tete:after, .listRecrutements .recrutement .r_corps:after { display: block; clear: both; content: ''; } .listRecrutements .recrutement .r_tete, .listRecrutements .recrutement .r_corps { display: block; width: 100%; clear: both; float: none; height: auto; } .listRecrutementsContainer { padding: 60px 0; } .listRecrutements .recrutement .r_titre, .listRecrutements .recrutement .r_bt { display: inline-block; float: left; } .listRecrutements .recrutement .r_titre, .listRecrutements .recrutement .r_corps { padding: 10px 28px; } .listRecrutements .recrutement .r_titre { width: calc(100% - 64px); height: 64px; display: flex; justify-content: space-between; align-items: center; } .listRecrutements .recrutement .r_date { float: right; } .listRecrutements .recrutement .r_bt { width: 64px; height: 64px; text-align: center; display: flex; justify-content: center; align-items: center; } .listRecrutements .recrutement .r_bt strong { width: calc(100% - 16px); height: calc(100% - 16px); display: flex; justify-content: center; align-items: center; } .listRecrutements .recrutement .r_b { } .listRecrutements .recrutement .r_corps { display: none; padding-top: 16px; } .listRecrutements .recrutement .r_tete:hover { cursor: pointer; } .paddFooter { padding-bottom: 160px; } #minipushContainer, .page_11 #lesalon, .page_19 #lesalon { padding-bottom: 200px; } .media { background-color: #ece2b9; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background-color: #ece2b9; margin-bottom: 30px; color: #3d0636; padding: 26px 34px; display: flex; align-items: center; justify-content: space-between; } .media .mediaNom { position: relative; width: 28%; padding-right: 4%; display: flex; align-items: center; height: 100%; } .media .mediaDesc { position: relative; width: 61%; padding-right: 10%; padding-left: 3%; display: flex; align-items: center; height: 100%; } .media .mediaBt { position: relative; width: 11%; text-align: center; display: flex; align-items: center; height: 100%; justify-content: center; } .media .mediaDesc:before, .media .mediaBt:before { content: ''; position: absolute; left: -28px; width: 2px; height: 94%; top: 4px; background-color: #947477; } .media .mediaBt svg { display: inline-block; margin: 10px auto 0; width: 56px; height: 56px; } .media h2.medium { margin-bottom: 0px !important; } .page_39 .partenaire, .page_39 #slider_partenaire{ background-color: #fbfdf0; } .page_39 #partenaires { display: block !important; } .page_23 #animations { background-color: #3d0636; margin-top: 190px; padding: 0 0 30px; } .page_23 #animations #slider_animation { transform: translateY(-70px); } .page_23 .gallerySliderContainer { margin-bottom: 72px; } .page_23 #animations .left { padding-top: 10%; } .animationRight .encart { background-color: #56234c; color: #fbfdf0; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; padding: 26px 30px 36px; } .animationRight p { margin-bottom: 0px; } .animationRight p:nth-child(1) { margin-bottom: 20px; } .animationRight img { width: 56px; display: block; margin-bottom: 24px; } .animationRight { font-size: 15px; line-height: 18px; } .animationRight strong { color: #fdc729; font-family: 'grand_crulight_s'; font-weight: 300; font-size: 18px; line-height: 18px; } /**/ #slider_animation .slickSliderItem { position: relative !important; left: auto !important; } #animation > * { float: left; display: inline-block; } #animation .animationLeft { width: 73.5%; } #animation .animationRight { width: 20.8%; float: right; } #slider_animation .slickSliderItem { top: 0px !important; } .bt.filter { display: inline-block; margin: 0 16px 16px 0; text-transform: none !important; } #filters { margin-bottom: 16px; } .animation .bgAnimation { width: 100%; position: absolute; width: 100%; height: auto; bottom: 0; left: 0; } #presPage { display: grid; grid-template-columns: 9fr 1fr 6fr; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; } #presPage img { width: 100%; } #partenaires { display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: 1fr; grid-column-gap: 1px; grid-row-gap: 1px; margin-top: 26px; } #partenaires .partenaire { margin: 0 0; background-color: #eef0e4; } #partenaires .partenaire img { display: block; width: 100%; height: auto; } .ClocheContainer { margin-bottom: 56px; } .ClocheContainer img { height: 54px; width: auto !important; display: inline-block; } #exposantHeader2 { margin-top: 56px; } .bt.imgBt { display: inline-block; text-transform: none !important; position: relative; padding-left: 60px; } .bt.imgBt > * { display: inline-block; } .bt.imgBt img { filter: invert(99%) sepia(10%) saturate(397%) hue-rotate(145deg) brightness(113%) contrast(100%); position: absolute; left: 12px; top: calc(50% - 16px); height: 32px; width: auto; } .bt.imgBt:hover img { filter: invert(16%) sepia(17%) saturate(3222%) hue-rotate(268deg) brightness(96%) contrast(91%); } #exposantCorps { margin-top: 36px; } #exposantCorps .content { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 66px; /* Chrome, Safari, Opera */ -moz-column-gap: 66px; /* Firefox */ column-gap: 66px; } #exposantHeader2 .content { display: flex; align-items: flex-end; justify-content: space-between; } #exposantHeader2 .content > * { width: 50%; }* #exposantHeader2 .content h2 { margin-bottom: 0px; } #exposantHeader2 .content > *:nth-child(2) { text-align: right; } .bt.btRetour { position: absolute; right: 0px; top: 0px; } .gray { color: #656565; } .grayMed { color: #4f4f4f; } .page_29, .page_23, .page_41 { background-color: #fbfdf0 !important; } .bgJC { background-color: #fbfdf0 !important; } .exposantVignette { width: 38%; } .exposantVignette > div { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background-color: #f1f0e7; } .exposantTitle { width: 62%; } .exposantVignette img { width: 100%; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; } #exposantsHeader .exposantTitle { padding-left: 6%; } #exposantsHeader { display: flex; align-items: top; } #exposantsHeader .stand img { display: block; width: 132px; } .exposantTitle .stand { position: relative; width: auto; text-align: left; margin-bottom: 4%; } .exposantTitle .stand > div { color: #ffffff; position: relative; top: 0; left: 0; width: auto;; height: auto;; padding: 10px 18px; border-radius: 10px 10px 10px 0; font-size: 20px; line-height: 20px; background-color: #56234c; display: inline-block; } .exposantTitle .stand > div img { position: absolute; bottom: -14px; height: 14px; left: 0; width: auto !important; } .exposantTitle .stand strong { display: block; font-family: 'garetheavy'; margin-top: 0; } .contentPadd { padding: 0 5.5%; } .minigallery, .minigallery #slider_home { width: 100%; } body:not(.page_1) #pushes > div:nth-child(1) { display: flex; align-items: center; } body:not(.page_1) #pushes:before { content: ''; position: absolute; top: 90px; left: 0; width: 100%; height: 1px; background-color: #9a7879; } body.page_10 #pushes:before, body.page_11 #pushes:before, body.page_19 #pushes:before { display: none; } body.page_10 #pushesContainer, body.page_11 #pushesContainer, body.page_19 #pushesContainer { background-color: #3d0636; margin-top: 0; } body.page_10 #pushes .item_3 > img, body.page_11 #pushes .item_3 > img, body.page_19 #pushes .item_3 > img { width: 100%; height: auto; margin-top: 0px !important; } body.page_10 #pushes, body.page_11 #pushes, body.page_19 #pushes { padding-top: 0px; padding-bottom: 112px; } body.page_10 #pushes .item_3, body.page_11 #pushes .item_3, body.page_19 #pushes .item_3 { margin-top: -80px; } body.page_10 #pushes .item_3 p, body.page_11 #pushes .item_3 p, body.page_19 #pushes .item_3 p { display: block; } body.page_10 #pushes .item_3 img, body.page_11 #pushes .item_3 img, body.page_19 #pushes .item_3 img { margin-bottom: 46px; } body:not(.page_1) #pushes { display: grid; grid-template-columns: 8fr 1fr 9fr 1fr 9fr; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; } body:not(.page_1) #pushes .item_3 { width: 100% !important; } body:not(.page_1) #pushes p { display: none; } #exposants { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 80px; margin-top: 70px; } .page_28 #exposants, .page_40 #chefs { display: block; width: calc(100% + 20px); margin-top: 0px; margin-left: -10px; } .page_28 .exposant, .page_40 .exposant { display: inline-block; width: 20%; float: left; padding: 10px; margin-bottom: 60px; } #exposant_0 img:not(.cloche) { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; z-index: 2; } #exposant_0 .bt { z-index: 10; } #exposant_0 .over { z-index: 8; } .exposant .bt { display: none; } #exposant_0 img { z-index: 1; display: block; position: relative; } #exposant_0 img.cloche { z-index: 2; position: absolute; } .exposant .illusContainer { background-color: #ece9e2; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; overflow: hidden; } .exposant img { width: 100%; display: block; } .exposant.id_0 .bt { display: block !important; z-index: 10; } .exposant.id_0 .over { opacity: 1 !important; width: 100%; height: 100%; left: 0; top: 0; align-items: flex-end; justify-content: flex-end; background: rgb(61, 6, 54, 0); text-align: right; } .exposant.id_0 .over { font-size: 19px; line-height: 21px; font-family: 'garetbook'; } .exposant.id_0 .over strong { font-family: 'garetheavy'; } .exposant > .desc { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 8px; } .exposant > .desc h3 { padding-right: 4%; } .exposant .over { bottom: auto; position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); background: rgb(61, 6, 54, 0.8); display: flex; align-items: center; justify-content: center; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; opacity: 0; } @media screen and (min-width: 1025px) { .exposant:hover .over { opacity: 1; } .animation:hover a img.slider_img_a { transform: scale(1.1); } } .exposant img.croix { width: 54px; height: auto; } .exposant > div { position: relative; } .exposant > .desc { padding: 0 10px; } .exposant .stand { text-align: right; min-width: 92px; } .exposant .stand strong { display: block; font-family: 'garetheavy'; margin-top: -6px; } #headerPage { height: 1180px; display: flex; align-items: flex-start; justify-content: space-between; } .page_22 #headerPage, .page_28 #headerPage, .page_13 #headerPage, .page_16 #headerPage { height: 980px; } #headerPage > .headerPageRight { display: flex; width: 44%; height: 100%; align-items: center; justify-content: center; padding-right: 16%; } .page_13 #headerPage > .headerPageRight > div, .page_16 #headerPage > .headerPageRight > div { padding-top: 44%; } #headerPage > .headerPageRight > div { text-align: left; width: 720px; } #headerPage > .headerPageRight > div p { padding-right: 8%; } #headerPage > .headerPageRight > div p.intro.jauneC { margin-bottom: 0px; } #headerPage > .fullsliderContainer { display: inline-block; width: 56%; } #headerPage #slider_home, #map { z-index: 1; -webkit-mask-image: url(../img/pages/mask-goa.png); mask-image: url(../img/pages/mask-goa.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; mask-size: 100% 100%; } .page_19, .page_19 #pushesContainer { background-color: #2f214f !important; } #map { opacity: 0 } #univers { padding-top: 220px; background: transparent url("img/fourchette.png") no-repeat center 90px; } #participer .content { display: flex; align-items: center; justify-content: center; height: 100%; padding-top: 2.5%; } #participer > img { width: 100%; height: auto; display: block; } #participer > img.rond { width: 190px; top: -95px; left: calc(50% - 95px); height: auto; display: block; position: absolute; } #participer { margin-top: 260px; } #participer p { margin-bottom: 0px; } .participerM { display: none !important; } .participerD { display: block !important; } .participerT { display: none !important; } .page_23 .bt.btRetour { position: relative; float: right; display: inline-block; top: auto; right: auto; margin-top: 222px; } .bt.btRetour { font-family: 'garetbook' !important; text-transform: none !important; } @media screen and (max-width: 2560px) { .page_23 .bt.btRetour { margin-top: 20px; } #headerPage > .headerPageRight { width: 42%; padding-right: 8%; } #headerPage { height: 880px; } .page_22 #headerPage, .page_28 #headerPage, .page_13 #headerPage, .page_16 #headerPage { height: 720px; } #headerPage > .headerPageRight > div { width: 710px; } #headerPage > .headerPageRight > div p.intro.jauneC { margin-bottom: 0px; } #headerPage > .headerPageRight > div img { width: 68px; } #headerPage > .headerPageRight > div p { padding-right: 5%; } } @media screen and (max-width: 1920px) { #minipush .bt { position: absolute; bottom: -20px; left: calc(50% - 91px); } .liFile, .liLink { margin-bottom: 8px; display: block; } .hrItems { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 28px; grid-row-gap: 62px; } .hritem .level_div { padding: 28px 40px 50px; } .hritem h3 { margin-bottom: 22px; } .usercontent li { margin-bottom: 5px; padding-left: 15px; } .usercontent li:before { top: -2px; font-size: 18px; } .page_23 .bt.btRetour { margin-top: 18px; } .listRecrutements .recrutement .r_titre, .listRecrutements .recrutement .r_corps { padding: 10px 25px; } .listRecrutements .recrutement .r_titre { width: calc(100% - 60px); height: 60px; } .listRecrutements .recrutement .r_bt { width: 60px; height: 60px; } .listRecrutements .recrutement .r_bt strong { width: calc(100% - 15px); height: calc(100% - 15px); } .listRecrutements .recrutement .r_corps { padding-top: 14px; } .listRecrutements .recrutement { margin-bottom: 8px; } .paddFooter { padding-bottom: 130px; } #minipushContainer, .page_11 #lesalon, .page_19 #lesalon { padding-bottom: 180px; } .media { margin-bottom: 24px; padding: 22px 30px; display: flex; } .media .mediaNom { width: 28%; padding-right: 4%; } .media .mediaDesc { width: 61%; padding-right: 10%; padding-left: 3%; } .media .mediaBt { width: 11%; } .media .mediaDesc:before, .media .mediaBt:before { content: ''; position: absolute; left: -26px; width: 2px; height: 86%; top: 8px; background-color: #947477; } .media .mediaBt svg { margin: 10px auto 0; width: 50px; } .page_23 #animations { margin-top: 170px; padding: 0 0 0; } .page_23 #animations #slider_animation { transform: translateY(-60px); } .page_23 #animations .left { padding-top: 12%; } .page_23 .gallerySliderContainer { margin-bottom: 64px; } .animationRight .encart { padding: 20px 26px 32px; } .animationRight p { margin-bottom: 0px; } .animationRight p:nth-child(1) { margin-bottom: 16px; } .animationRight img { width: 48px; display: block; margin-bottom: 16px; } .animationRight { font-size: 14px; line-height: 17px; } .animationRight strong { font-size: 17px; line-height: 17px; } #animation .animationLeft { width: 73.5%; } #animation .animationRight { width: 20.9%; float: right; } .bt.filter { margin: 0 14px 14px 0; text-transform: none !important; } #filters { margin-bottom: 14px; } body.page_10 #pushes, body.page_11 #pushes, body.page_19 #pushes { padding-bottom: 100px; } body.page_10 #pushesContainer, body.page_11 #pushesContainer, body.page_19 #pushesContainer { } body.page_10 #pushes .item_3 img, body.page_11 #pushes .item_3 img, body.page_19 #pushes .item_3 img { margin-bottom: 40px; } body.page_10 #pushes .item_3, body.page_11 #pushes .item_3, body.page_19 #pushes .item_3 { margin-top: -70px; } #partenaires { display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: 1fr; grid-column-gap: 1px; grid-row-gap: 1px; margin-top: 20px; } .ClocheContainer { margin-bottom: 46px; } .ClocheContainer img { height: 48px; width: auto !important; display: inline-block; } .bt.imgBt { padding-left: 54px; } .bt.imgBt > * { display: inline-block; } .bt.imgBt img { filter: invert(99%) sepia(10%) saturate(397%) hue-rotate(145deg) brightness(113%) contrast(100%); position: absolute; left: 12px; top: calc(50% - 12px); height: 24px; width: auto; } #exposantHeader2 { margin-top: 48px; } #exposantCorps { margin-top: 30px; } #exposantCorps .content { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 56px; /* Chrome, Safari, Opera */ -moz-column-gap: 56px; /* Firefox */ column-gap: 56px; } #exposantHeader2 .content { display: flex; align-items: flex-end; justify-content: space-between; } #exposantsHeader .stand img { width: 124px; } .exposantTitle .stand > div { padding: 9px 17px; font-size: 18px; line-height: 18px; } .exposantTitle .stand > div img { position: absolute; bottom: -12px; height: 12px; left: 0; width: auto !important; } body:not(.page_1) #pushes:before { top: 70px; } .exposant.id_0 .over { font-size: 17px; line-height: 19px; font-family: 'garetbook'; } #exposants { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr; grid-column-gap: 16px; grid-row-gap: 72px; margin-top: 60px; } .page_28 #exposants, .page_40 #chefs { display: block; width: calc(100% + 16px); margin-top: 0px; margin-left: -8px; } .page_28 .exposant, .page_40 .exposant { display: inline-block; width: 20%; float: left; padding: 8px; margin-bottom: 50px; } .exposant > .desc { padding: 0 9px; } .exposant .stand strong { margin-top: -6px; } .exposant .stand { min-width: 80px; } #headerPage { height: 680px; } .page_22 #headerPage, .page_28 #headerPage, .page_13 #headerPage, .page_16 #headerPage { height: 560px; } #headerPage > .headerPageRight { width: 44%; padding-right: 5%; } #headerPage > .fullsliderContainer { display: inline-block; width: 56%; } #headerPage > .headerPageRight > div { width: 570px; } #headerPage > .headerPageRight > div img { width: 62px; } #univers { padding-top: 190px; background: transparent url("img/fourchette.png") no-repeat center 80px; } #participer > img.rond { width: 152px; top: -76px; left: calc(50% - 76px); } #participer { margin-top: 208px; } } @media screen and (max-width: 1680px) { #minipush .bt { position: absolute; bottom: -17px; left: calc(50% - 78px); } .liFile, .liLink { margin-bottom: 6px; display: block; } .hrItems { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 22px; grid-row-gap: 50px; } .hritem .level_div { padding: 22px 30px 40px; } .hritem h3 { margin-bottom: 18px; } .usercontent li { margin-bottom: 4px; padding-left: 13px; } .usercontent li:before { top: -1px; font-size: 16px; } .page_23 .bt.btRetour { margin-top: 16px; } .listRecrutements .recrutement .r_corps { padding-top: 12px; } .listRecrutements .recrutement .r_titre, .listRecrutements .recrutement .r_corps { padding: 8px 20px; } .listRecrutements .recrutement .r_titre { width: calc(100% - 50px); height: 50px; } .listRecrutements .recrutement .r_bt { width: 50px; height: 50px; } .listRecrutements .recrutement .r_bt strong { width: calc(100% - 14px); height: calc(100% - 14px); } .listRecrutements .recrutement .r_corps { padding-top: 12px; } .paddFooter { padding-bottom: 100px; } #minipushContainer, .page_11 #lesalon, .page_19 #lesalon { padding-bottom: 140px; } .media { margin-bottom: 24px; padding: 10px 26px; display: flex; } .media .mediaNom { width: 28%; padding-right: 4%; } .media .mediaDesc { width: 61%; padding-right: 10%; padding-left: 3%; } .media .mediaBt { width: 11%; } .media .mediaDesc:before, .media .mediaBt:before { content: ''; position: absolute; left: -20px; width: 2px; height: 86%; top: 8px; background-color: #947477; } .media .mediaBt svg { margin: 10px auto 0; width: 44px; } .page_23 #animations { margin-top: 140px; padding: 0 0 0; } .page_23 #animations #slider_animation { transform: translateY(-50px); } .page_23 #animations .left { padding-top: 12%; } .page_23 .gallerySliderContainer { margin-bottom: 54px; } .animationRight .encart { padding: 20px 26px 32px; } .animationRight p { margin-bottom: 0px; } .animationRight p:nth-child(1) { margin-bottom: 13px; } .animationRight img { width: 40px; display: block; margin-bottom: 13px; } .animationRight { font-size: 13px; line-height: 16px; } .animationRight strong { font-size: 16px; line-height: 16px; } #animation .animationLeft { width: 71%; } #animation .animationRight { width: 24%; } .bt.filter { margin: 0 12px 12px 0; text-transform: none !important; } #filters { margin-bottom: 12px; } #headerPage > .headerPageRight > div p { padding-right: 1%; } body.page_10 #pushes, body.page_11 #pushes, body.page_19 #pushes { padding-bottom: 80px; } body.page_10 #pushesContainer, body.page_11 #pushesContainer, body.page_19 #pushesContainer { } body.page_10 #pushes .item_3 img, body.page_11 #pushes .item_3 img, body.page_19 #pushes .item_3 img { margin-bottom: 32px; } body.page_10 #pushes .item_3, body.page_11 #pushes .item_3, body.page_19 #pushes .item_3 { margin-top: -60px; } #partenaires { display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: 1fr; grid-column-gap: 1px; grid-row-gap: 1px; margin-top: 16px; } .ClocheContainer { margin-bottom: 36px; } .ClocheContainer img { height: 40px; width: auto !important; display: inline-block; } .bt.imgBt { padding-left: 44px; } .bt.imgBt > * { display: inline-block; } .bt.imgBt img { filter: invert(99%) sepia(10%) saturate(397%) hue-rotate(145deg) brightness(113%) contrast(100%); position: absolute; left: 10px; top: calc(50% - 9px); height: 18px; width: auto; } #exposantHeader2 { margin-top: 40px; } #exposantCorps { margin-top: 24px; } #exposantCorps .content { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 46px; /* Chrome, Safari, Opera */ -moz-column-gap: 46px; /* Firefox */ column-gap: 46px; } #exposantsHeader .stand img { width: 110px; } .exposantTitle .stand > div { padding: 7px 16px; font-size: 16px; line-height: 16px; } .exposantTitle .stand > div img { position: absolute; bottom: -10px; height: 10px; left: 0; width: auto !important; } body:not(.page_1) #pushes:before { top: 60px; } .exposant.id_0 .over { font-size: 15px; line-height: 17px; font-family: 'garetbook'; } #exposants { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr; grid-column-gap: 12px; grid-row-gap: 62px; margin-top: 50px; } .page_28 #exposants, .page_40 #chefs { display: block; width: calc(100% + 12px); margin-top: 0px; margin-left: -6px; } .page_28 .exposant, .page_40 .exposant { display: inline-block; width: 20%; float: left; padding: 6px; margin-bottom: 40px; } .exposant > .desc h3 { padding-right: 2%; } .exposant .stand { min-width: 70px; } .exposant .stand strong { margin-top: -4px; } #headerPage { height: 570px; } .page_22 #headerPage, .page_28 #headerPage, .page_13 #headerPage, .page_16 #headerPage { height: 430px; } #headerPage > .headerPageRight { width: 40%; padding-right: 3.5%; } #headerPage > .headerPageRight > div { width: 90%; } #headerPage > .headerPageRight > div img { width: 56px; } #participer > img.rond { width: 122px; top: -61px; left: calc(50% - 61px); } #participer { margin-top: 166px; } #participer h2 { display: none; } #univers { padding-top: 120px; background: transparent url("img/fourchette.png") no-repeat center 50px; } } @media screen and (max-width: 1024px) { .hrItems { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 50px; } .hritem .level_div { padding: 20px 20px 30px; } .hritem h3 { margin-bottom: 18px; } .ClocheContainer { margin-bottom: 6px; margin-top: 16px; } #partenaires { display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: 1fr; grid-column-gap: 1px; grid-row-gap: 1px; margin-top: 14px; } #exposantHeader2 { margin-top: 36px; } #exposantCorps { margin-top: 24px; } #exposantCorps .content { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; } body:not(.page_1) #pushes:before { top: 55px; } #exposants { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; grid-column-gap: 12px; grid-row-gap: 62px; margin-top: 40px; } .page_28 #exposants, .page_40 #chefs { display: block; width: calc(100% + 12px); margin-top: 0px; margin-left: -6px; } .page_28 .exposant, .page_40 .exposant { display: inline-block; width: 25%; float: left; padding: 6px; margin-bottom: 40px; } #participer .content { display: flex; align-items: center; justify-content: center; height: 100%; padding-top: 5%; } #headerPage > .headerPageRight > div p.intro.jauneC { display: none; } #headerPage > .headerPageRight { width: 44%; padding-right: 2%; } #headerPage > .fullsliderContainer { display: inline-block; width: 56%; } #headerPage { height: 400px; } .page_22 #headerPage, .page_28 #headerPage, .page_13 #headerPage, .page_16 #headerPage { height: 340px; } #headerPage > .headerPageRight > div img { width: 52px; } } .page_29 .grayMed.forMob, .page_41 .grayMed.forMob { display: none; } @media screen and (max-width: 820px) { .liFile, .liLink { margin-bottom: 8px; display: block; } .hrItems { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 26px; grid-row-gap: 50px; } .hritem .level_div { padding: 28px 24px 30px; } .hritem h3 { margin-bottom: 18px; } .page_13 #headerPage > .headerPageRight > div, .page_16 #headerPage > .headerPageRight > div { padding-top: 0; } .page_23 #animations { margin-top: 120px; padding: 0 0 0; } .page_23 #animations #slider_animation { transform: translateY(-50px); } .page_23 #animations .left { padding-top: 10%; } body.page_10 #pushes, body.page_11 #pushes, body.page_19 #pushes { padding-bottom: 60px; } body.page_10 #pushesContainer, body.page_11 #pushesContainer, body.page_19 #pushesContainer { } body.page_10 #pushes .item_3 img, body.page_11 #pushes .item_3 img, body.page_19 #pushes .item_3 img { margin-bottom: 30px; } body.page_10 #pushes .item_3, body.page_11 #pushes .item_3, body.page_19 #pushes .item_3 { margin-top: -50px; } #partenaires { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr; grid-column-gap: 1px; grid-row-gap: 1px; margin-top: 14px; } #exposantHeader2 { margin-top: 36px; } #exposantCorps { margin-top: 24px; } #exposantCorps .content { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 0; /* Chrome, Safari, Opera */ -moz-column-gap: 0; /* Firefox */ column-gap: 0; } .contentPadd { padding: 0 0; } body:not(.page_1) #pushes:before { top: 40px; } #exposants { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 12px; grid-row-gap: 62px; margin-top: 50px; } .page_28 #exposants, .page_40 #chefs { display: block; width: calc(100% + 12px); margin-top: 0px; margin-left: -6px; } .page_28 .exposant, .page_40 .exposant { display: inline-block; width: 33%; float: left; padding: 6px; margin-bottom: 40px; } #headerPage > .headerPageRight > div p.intro.jauneC { display: block; } #headerPage > .headerPageRight { width: 100%; padding-right: 0%; display: block; padding: 36px 36px 0; } #headerPage > .fullsliderContainer { display: block; width: 100%; height: 500px; } #headerPage { display: block; height: auto; } .page_22 #headerPage, .page_28 #headerPage, .page_13 #headerPage, .page_16 #headerPage { display: block; height: auto; } .page_22 #headerPage > .fullsliderContainer { display: block; width: 100%; height: 400px; } #participer .content { display: flex; align-items: center; justify-content: center; height: 100%; padding-top: 7%; } .participerM { display: none; } .participerM { display: none !important; } .participerD { display: none !important; } .participerT { display: block !important; } } @media screen and (max-width: 767px) { #minipush { display: block; } #minipush .bt { position: absolute; bottom: -17px; left: calc(50% - 50px); } #minipush > div:nth-child(1) { margin-bottom: 50px; } #minipush .bt { position: absolute; bottom: -17px; left: calc(50% - 78px); } .exposantTitle .stand { margin-bottom: 16px; } .hrItems { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 0; grid-row-gap: 50px; } .hritem .level_div { padding: 28px 24px 30px; } .hritem h3 { margin-bottom: 18px; } .item_2 { display: block; float: none; width: 100%; } #animation .item_2:nth-child(1) { margin-bottom: 14px; } .usercontent li { margin-bottom: 4px; padding-left: 15px; } .usercontent li:before { top: -1px; font-size: 18px; } .page_23 .bt.btRetour { margin-top: 20px; } .listRecrutements .recrutement .r_titre { width: calc(100% - 44px); height: auto; } .listRecrutements .recrutement .r_tete { background-color: #3d0636; } .listRecrutements .recrutement .r_titre { width: 100%; height: auto; min-height: 40px; } .listRecrutements .recrutement .r_bt { display: none; } .listRecrutements .recrutement .r_corps { padding: 20px 20px 20px 20px; } .page_22 #filtersContainer { margin-top: -14px; } #headerPage > .headerPageRight > div { width: 100%; } #headerPage { padding-bottom: 20px; } .paddFooter { padding-bottom: 80px; } #minipushContainer, .page_11 #lesalon, .page_19 #lesalon { padding-bottom: 70px; } .media { display: block !important; padding: 28px 20px; } .media > * { display: block !important; width: 100% !important; text-align: center !important; padding-right: 20px; padding-left: 20px; } .media .mediaNom, .media .mediaDesc { margin-bottom: 14px; } .media .mediaBt svg { margin: 0 auto 0; width: 50px; } .media .mediaDesc:before, .media .mediaBt:before { display: none; } .page_23 #animations { margin-top: 40px; padding: 30px 0 30px; } .page_23 #animations #slider_animation { transform: translateY(0px); } .page_23 #animations .left { padding-top: 0; } .page_23 .gallerySliderContainer { margin-bottom: 20px; } .animationRight .encart { padding: 20px 26px 32px; } .animationRight p { margin-bottom: 0px; } .animationRight p:nth-child(1) { margin-bottom: 16px; } .animationRight img { width: 48px; display: block; margin-bottom: 16px; } .animationRight { font-size: 16px; line-height: 19px; } .animationRight strong { font-size: 19px; line-height: 19px; } #animation .animationLeft { width: 100%; display: block; } #animation .animationRight { width: 100%; display: block; margin-top: 26px; } #presPage { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; } #partenaires { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 2px; grid-row-gap: 2px; margin-top: 12px; } #exposantHeader2 .content { display: block; } #exposantHeader2 .content > * { width: 100%; } #exposantHeader2 .content > *:nth-child(2) { text-align: right; position: absolute; top: 0; right: 0; } #exposantHeader2 .content > *:nth-child(1).hasBt { padding-top: 60px; } #exposantCorps { margin-top: 18px; } .page_29 .bt.btRetour, .page_41 .bt.btRetour { display: none; } #exposantsHeader .exposantTitle .grayMed { display: none; } .page_29 .grayMed.forMob, .page_41 .grayMed.forMob { display: block; margin-top: 12px; } body:not(.page_1) #pushes:before { top: 54px; } body:not(.page_1) #pushes { display: block; } body:not(.page_1) #pushes .item_3, body:not(.page_1) #pushes .item_3:nth-child(3) { margin-bottom: 174px !important; } body:not(.page_1) #pushes .item_3:nth-child(5) { margin-bottom: 0 !important; } body:not(.page_1) #pushes h2.small { margin-bottom: 130px; } .exposant.id_0 .over { font-size: 17px; line-height: 19px; font-family: 'garetbook'; } .exposant .stand { min-width: 80px; } #exposants { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 12px; grid-row-gap: 48px; margin-top: 32px; padding-left: 32px; padding-right: 32px; } .page_28 #exposants, .page_40 #chefs { display: block; width: calc(100% - 64px); margin-top: 0px; margin-left: 0px; margin-left: 32px; margin-right: 32px; padding-left: 0; padding-right: 0; } .page_28 .exposant, .page_40 .exposant { display: block; width: 100%; float: none; padding: 0px; margin-bottom: 42px; } #headerPage > .headerPageRight { width: 100%; padding-right: 0%; display: block; padding: 24px 24px 0; } #headerPage > .fullsliderContainer { display: block; width: 100%; height: 260px; } .page_22 #headerPage > .fullsliderContainer { display: block; width: 100%; height: 180px; } #headerPage { display: block; height: auto; } #univers { padding-top: 60px; background: transparent url("img/fourchette.png") no-repeat center 30px; } #participer > img.rond { width: 90px; top: -45px; left: calc(50% - 45px); } .participerM { display: block !important; } .participerT { display: none !important; } .participerD { display: none !important; } body.page_10 #pushes, body.page_11 #pushes, body.page_19 #pushes { padding-bottom: 80px !important; padding-top: 38px !important; } body.page_10 #pushesContainer, body.page_11 #pushesContainer, body.page_19 #pushesContainer { } body.page_10 #pushes .item_3 img, body.page_11 #pushes .item_3 img, body.page_19 #pushes .item_3 img { margin-bottom: 21px; } body.page_10 #pushes .item_3, body.page_11 #pushes .item_3, body.page_19 #pushes .item_3 { margin-top: 0px; } body.page_10 #pushes .item_3, body.page_10 #pushes .item_3:nth-child(3) { margin-bottom: 60px !important; } body.page_10 #pushes h2.small { margin-bottom: 24px; } } /************************************** COVID **************************************/ .covid { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; } .covid::before { background: rgba(0, 0, 0, 0.9); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ''; z-index: -1 ; opacity: 0.7; } .btCovidContainer { position: absolute; top: 20px; right: 20px; } .covid > div { width: 1100px; padding: 46px; background-color: #56234c; margin: 0 auto; display: flex; align-items: flex-end; text-align: left; color: #ffffff; } .covid p { color: #ffffff; } .covid img { width: 45%; margin-right: 4%; } .covid > div > div { width: 61%; } @media screen and (max-width: 1920px) { .covid > div { width: 900px; padding: 38px; } } @media screen and (max-width: 1680px) { .covid > div { width: 800px; padding: 38px; } } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1024px) { .covid > div { width: 700px; padding: 36px; } } @media screen and (max-width: 820px) { .covid > div { width: calc(100% - 72px); padding: 32px; } } @media screen and (max-width: 767px) { .covid > div > div { width: 100%; } .covid > div { width: calc(100% - 48px); padding: 24px; } .covid > div { display: block; } .covid h2 { margin-top: 2px; margin-bottom: 8px; } .covid p { margin-bottom: 18px; } } .covid { z-index: 1; opacity: 0; filter: alpha(opacity=0); } /* ***************************** CONTACT ********************************* */ #contact .cEntete { display: flex; align-items: center; justify-content: space-between; padding-left: 20px; } #contact .message { font-weight: 400; } #contact { width: 100%; height: 100%; left: 0; top: 0; position: fixed; display: flex; align-items: center; text-align: left; background: rgba(0, 0, 0, 0.9); z-index: 1; opacity: 0; justify-content: center; } #contact > div, #responseBox.top .cell > div { width: 940px !important; background-color: #3f0837; padding: 48px !important; color: #ffffff; border-radius: 9px; } #responseBox.top .cell { height: 100% !important; max-height: 100% !important; } #responseBox.top .cell > div { height: 100% !important; max-height: 100% !important; overflow-y: scroll !important; } #responseBox.top { height: 100% !important; max-height: 100% !important; } .contact-form { width: 100%; } .contact-form input, .contact-form textarea { width: 100%; margin-bottom: 6px; } .contact-form .left { float: left; display: inline-block; width: 33%; padding-right: 0px; } .contact-form .right { float: right; display: inline-block; background-color: #ffffff; width: 66%; } .contact-form textarea { height: 190px; } .contact-form input, .bt_fichier_container { height: 46px; line-height: 46px; margin-bottom: 24px; margin-right: 24px; color: #3d0636; background-color: #ece2b9; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; width: calc(33.333% - 20px); } .contact-form input:nth-child(3) { margin-right: 0px; } textarea { color: #3d0636; background-color: #ece2b9; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; padding: 12px 10px; } .bt_fichier_container { width: 100%; overflow: hidden; } .hfilename { margin-left: 8px; } .contact-form textarea { margin-bottom: 24px; display: block; width: 100%; } .contact-form .bt {} .page_19 .contactcol .contact-form .left, .page_19 .contact-form .right { padding-left: 0; padding-right: 0; width: 100%; } .page_13 td { border-right: 12px solid #ffffff; border-bottom: 7px solid #ffffff; } @media screen and (max-width: 1920px) {} @media screen and (max-width: 1680px) {} @media screen and (max-width: 1680px) { } input#subject { width: 100%; } @media screen and (max-width: 2560px) { } @media screen and (max-width: 1920px) { #contact > div, #responseBox.top .cell > div { width: 840px !important; padding: 40px !important; } .contact-form input, .bt_fichier_container { height: 40px; line-height: 40px; margin-bottom: 22px; margin-right: 22px; width: calc(33.333% - 18px); } .contact-form input:nth-child(3) { margin-right: 0px; } .contact-form textarea { height: 170px; } .bt_fichier_container { width: 100%; } } @media screen and (max-width: 1680px) { #contact > div, #responseBox.top .cell > div { width: 760px !important; padding: 34px !important; } #map {} .contact-form textarea { height: 133px; padding: 8px; } .contact-form input, .bt_fichier_container { height: 34px; line-height: 34px; margin-bottom: 19px; margin-right: 19px; width: calc(33.333% - 16px); } .contact-form input:nth-child(3) { margin-right: 0px; } .contact-form textarea { height: 150px; } .page_13 td { border-right: 7px solid #ffffff; border-bottom: 5px solid #ffffff; } } @media screen and (max-width: 1024px) { #map {} .contact-form textarea { height: 131px; padding: 8px; } .bt_fichier_container { width: 100%; } } #map { width: 100%; height: 100%; } /* ipad pro landscape*/ @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (min-device-height: 1366px) and (max-device-height: 1366px) and (min-width: 1366px) and (max-width: 1366px) {} @media screen and (max-width: 1024px) { } /* ipad pro portrait*/ @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (min-device-height: 1366px) and (max-device-height: 1366px) and (min-width: 1024px) and (max-width: 1024px) {} @media screen and (max-width: 820px) { } @media screen and (max-width: 820px) { #map {} .contact-form textarea { height: 121px; padding: 8px; } .bt_fichier_container { width: 100%; } #contact > div, #responseBox.top .cell > div { width: 90% !important; padding: 34px !important; } } @media screen and (max-width: 767px) { #contact > div, #responseBox.top .cell > div { width: calc(100% - 48px) !important; padding: 24px !important; } .contact-form input, .contact-form textarea { margin-bottom: 12px; } .contact-form .left, contact-form .right { padding-right: 0; width: 100%; display: block; } .contact-form textarea { height: 163px; padding: 8px; } .contact-form input, .bt_fichier_container { height: 33px; line-height: 33px; width: 100%; margin-right: 12px; margin-bottom: 14px; margin-right: 0px; } .contact-form textarea { margin-bottom: 14px; height: 120px; } .contact-form .bt.mobile { position: relative; clear: both; } .page_13 .contact-form .left { width: 100%; padding-right: 0px; } .page_13 .left40 > div { width: 100%; display: block; margin-bottom: 4px; } } /* ***************************** FOOTER ********************************* */ .page_23 #footer, .page_10 #footer, .page_11 #footer, .page_19 #footer { margin-top: 0px; } #footer { margin: 160px 0 0; padding: 30px 0 80px; z-index: 7 !important; background-color: #3d0636; } #footer .bar { display: flex; align-items: flex-end; justify-content: space-between; } .legalBar { display: flex; align-items: flex-end; justify-content: flex-end; margin-bottom: 34px; } .legalBar > * { display: inline-block; } .legalBar img.la19 { width: 112px; height: auto; margin-left: 32px; opacity: 0.5; } .legalBar img.cerc { width: 111px; height: auto; margin-left: 32px; opacity: 0.5; } #footer .minibar { text-align: right; display: flex; align-items: center; justify-content: flex-end; margin-top: 24px; } #footer .minibar img { width: 72px; opacity: 0.5; margin: 0 0 0 6px; } @media screen and (max-width: 1920px) { #footer { margin: 150px 0 0; padding: 24px 0 50px; } .legalBar { margin-bottom: 24px; } .legalBar > * { display: inline-block; } .legalBar img.la19 { width: 90px; margin-left: 28px; } .legalBar img.cerc { width: 90px; margin-left: 28px; } #footer .minibar { margin-top: 20px; } #footer .minibar img { width: 60px; margin: 0 0 0 5px; } } @media screen and (max-width: 1680px) { #footer { margin: 120px 0 0; padding: 20px 0 40px; } .legalBar { margin-bottom: 20px; } .legalBar img.la19 { width: 80px; margin-left: 24px; } .legalBar img.cerc { width: 80px; margin-left: 24px; } #footer .minibar { margin-top: 20px; } #footer .minibar img { width: 52px; margin: 0 0 0 4px; } } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1024px) { } @media screen and (max-width: 820px) { #footer .logo { margin-top: 24px; } #footer { margin: 100px 0 0; padding: 10px 0 40px; } #footer .bar, .legalBar { display: block; text-align: center; } .legalBar > div { margin: 16px 26px; } .legalBar img.la19 { width: 100px; margin-left: 10px; margin: 0px 10px !important; } .legalBar img.cerc { width: 100px; margin-left: 10px; margin: 0px 10px !important; } #footer .minibar { margin-top: 24px; justify-content: center; } } @media screen and (max-width: 767px) { #footer { margin: 70px 0 0; padding: 0 0 40px; } #footer .minibar span { display: none; } #footer .minibar { display: block; text-align: center; font-size: 14px; } #footer .minibar img { width: 62px; margin: 6px auto 0 auto; display: block; } } @media screen and (max-width: 360px) { } /* ***************************** OVERLAY ********************************* */ #overlay { height: 100% !important; left: 0 !important; position: fixed !important; top: 0 !important; width: 100% !important; z-index: 9998 !important; } .overlayBox { height: 100% !important; left: 0 !important; position: fixed !important; top: 0 !important; width: 100% !important; z-index: 9999 !important; display: table !important; background: rgba(0, 0, 0, 0.9); } .overlayBox .cell { display: table-cell !important; text-align: center !important; vertical-align: middle !important; } .overlayBox .cell>div { text-align: left !important; background-color: #3f0837; padding: 40px; color: #ffffff; } .overlayBox .cell > div { width: 655px !important; padding: 40px !important; margin: 0 auto !important; position: relative !important; min-height: 200px !important; border-radius: 9px; } .overlayBox .text { } .overlayBox a { } .overlayBox input { } .overlayBox .text p { } .overlayBox .title { } .overlayBox .buttons, #contact .buttons { top: 16px !important; right: 16px !important; position: absolute !important; font-size: 0.9em !important; } .overlayBox .bouton, .btCovidContainer, #contact .bouton { cursor: pointer !important; background: transparent url(img/bt_close-2.png) no-repeat scroll 0 0 !important; background-size: 31px 31px !important; width: 31px !important; height: 31px !important; } .overlayBox .bouton:hover {} .overlayBox .button { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3) !important; border: medium none !important; box-shadow: none !important; display: inline-block !important; font-size: 1em !important; height: 25px !important; outline: medium none !important; vertical-align: top !important; cursor: pointer !important; padding: 2px 9px 0 7px !important; } .overlayBox .cell > div > div:not(.buttons) { text-align: left !important; margin-bottom: 24px !important; } .overlayBox .cell > div > div.buttons { text-align: right !important; } .overlayBox form { margin: 22px 0 !important; } .overlayBox input { height: 25px !important; margin-bottom: 6px !important; font-size: 0.8em !important; padding: 0 8px !important; } .overlayBox h1 { } .overlayBox .title { margin-bottom: 18px !important; font-weight: bold !important; } .overlayBox p { margin-bottom: 6px !important; } .overlayBox .bContainer { text-align: center !important; margin-top: 16px !important; } .overlayBox, #overlay { opacity: 0; filter: alpha(opacity=0); } @media screen and (max-width: 1680px) { } @media screen and (max-width: 1024px) { .overlayBox .cell > div { width: 50% !important; padding: 30px !important; } .overlayBox .title { margin-bottom: 12px !important; } .overlayBox .button { padding: 5px 9px 0 7px !important; height: 26px !important; margin-top: 0px !important; } } @media screen and (max-width: 820px) { .overlayBox .cell > div { width: 68% !important; } .overlayBox .button { padding: 5px 9px 0 7px !important; height: 26px !important; margin-top: 0px !important; } } @media screen and (max-width: 767px) { .overlayBox .cell > div { width: 92% !important; } .overlayBox .button { padding: 3px 9px 0 9px !important; } .overlayBox p { margin-bottom: 1px !important; } .overlayBox .buttons, #contact .buttons { top: 8px !important; right: 8px !important; } .overlayBox .cell > div > div:not(.buttons) { margin-bottom: 13px !important; } .overlayBox .cell > div { padding: 16px !important; padding-bottom: 6px !important; } .overlayBox .bContainer { margin-top: 12px !important; } } /* ************************************** CNIL **************************************/ #tarteaucitronIcon { display: none !important; } #tarteaucitronAlertBig { max-width: 100%; width: 100%; margin: 0 0 0 0 !important; padding: 0px 0px !important; } #tarteaucitronRoot > #tac_title { display: none; } #tarteaucitronAlertBig, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert { background: #56234c !important; color: #fff !important; } #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton, #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize { background: #fff !important; color: #56234c !important; height: 24px !important; line-height: 24px !important; padding: 0px 14px !important; font-size: 14px !important; } .tarteaucitronH2 { color: #fff; } .tarteaucitronTitle { color: #fff; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine { background: none; border-left: 5px solid transparent; margin: 0; overflow: hidden; padding: 15px 5px; } #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert { text-align: center !important; } #tarteaucitronRoot div#tarteaucitronInfo, #tarteaucitronRoot .tarteaucitronH1 { display: none !important; } #tarteaucitronRoot { max-width: 100%; width: 100%; } #tarteaucitronRoot * { max-width: 100%; } #tarteaucitronRoot { z-index: 13; } #tarteaucitronRoot .tarteaucitronCTAButton .tarteaucitronCross, #tarteaucitronRoot .tarteaucitronCTAButton .tarteaucitronCheck { display: none; } #tarteaucitronRoot { z-index: 999; } #tarteaucitronAlertBig > * { margin: 0px 4px 4px 0px !important; } #tarteaucitronAlertBig { padding: 0 0 16px 0 !important; width: 100% !important; left: auto; right: auto; } #tarteaucitronDisclaimerAlert { display: block !important; width: calc(100% - 24px) !important; margin: 16px 12px 12px 12px !important; } #FrmProAccess fieldset { padding: 0px !important; } #FrmProAccess input { margin: 0 8px 12px 0 !important; display: inline-block !important; } #FrmProAccess button { height: 25px !important; line-height: 25px !important; } #tarteaucitronAlertBig span { } .cconsent input { display: inline-block !important; width: 14px !important; height: 14px !important; line-height: 10px !important; float: left !important; margin-right: 5px !important; margin-bottom: 0px !important; margin-top: 0px !important; } .cconsent { display: flex; align-items: flex-start; } .cconsent { padding-top: 14px; margin-bottom: 0px !important; } @media screen and (max-width:1920px) { .cconsent input { margin-top: 3px; } .cconsent input { width: 13px !important; height: 13px !important; } } @media screen and (max-width:1680px) { .cconsent input { width: 12px !important; height: 12px !important; } } @media screen and (max-width:1024px) { .cconsent input { width: 15px !important; height: 15px !important; min-width: 15px !important; min-height: 15px !important; } } @media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) { .cconsent input { width: 15px !important; height: 15px !important; min-width: 15px !important; min-height: 15px !important; } } @media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape) { .cconsent input { width: 15px !important; height: 15px !important; min-width: 15px !important; min-height: 15px !important; } } @media screen and (max-width:820px) { .cconsent input { width: 14px !important; height: 14px !important; } #tarteaucitronAlertBig > * { margin: 0px 0; } .contact-form { height: auto; clear: both; display: block; } .contact-form:after { clear: both; display: block; content: ''; } #tarteaucitronDisclaimerAlert { display: block !important; width: calc(100% - 24px) !important; margin: 16px 12px 12px 12px !important; } #tarteaucitronAlertBig > button { display: inline-block !important; } } @media screen and (max-width:767px) { #tarteaucitronAlertBig > button { margin-bottom: 11px !important; } #tarteaucitronAlertBig { padding: 0 0 6px 0 !important; width: 100% !important; left: auto; right: auto; } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronAllow, #tarteaucitronRoot #tarteaucitronServices .tarteaucitronAllDenied, #tarteaucitronRoot #tarteaucitronServices .tarteaucitronAllow, #tarteaucitronRoot #tarteaucitronServices .tarteaucitronDeny { font-size: 14px !important; } #tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronH3 { font-size: 13px !important; margin-top: 0px !important; line-height: 16px !important; } html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder ul .tarteaucitronLine { padding-top: 0 !important; } #tarteaucitron { padding-top: 20px !important; } #tarteaucitron b { font-size: 17px !important; font-weight: 500; } #tarteaucitron .tarteaucitronAsk { padding-top: 6px !important; } html body #tarteaucitronRoot #tarteaucitron .tarteaucitronAsk { margin-bottom: 0px!important; margin-top: 0px!important; } html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder #tarteaucitronServicesTitle_mandatory ul .tarteaucitronLine .tarteaucitronAsk { padding: 0 0 0 !important; margin: -20px 0 0 !important; } .cconsent input { width: 15px !important; height: 15px !important; min-width: 15px !important; min-height: 15px !important; } } /* ************************************** 404 **************************************/ body.page_0 { margin: 0; padding: 0; } body.page_0, body.page_0 .fullscreen, body.page_0 .inner, body.page_0 .content { height: 100%; position: relative; text-align: center; overflow: hidden; visibility: visible; } body.page_0 .content { text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; padding: 0px 30px; } body.page_0 .logo { width: 260px; height: auto; display: block; float: none; margin: 0px auto 12px auto; display: block; position: relative; margin-bottom: 28px; } @media screen and (max-width: 1920px) { } @media screen and (max-width: 1680px) { body.page_0 .logo { width: 220px; margin-bottom: 20px; } } @media screen and (max-width: 1024px) { } @media screen and (max-width: 820px) { } @media screen and (max-width: 767px) { body.page_0 .logo { width: 180px; } } /* ************************************** TURN ************************************** */ #turn { display: none; } #turn { background: none repeat scroll 0 0 #e5e5e5; height: 100%; position: fixed; width: 100%; z-index: 10000; top: 0; left: -100%; max-height: 100%; } #turn > div { display: flex; align-items: center; height: 100%; width: 100%; padding: 0 14%; } #turn > div img { width: 170px; } #turn > div > div { padding-right: 20px; padding-top: 30px; text-align: right; } #turn > div > * { display: inline-block; } @media screen and (max-width: 570px) { #turn > div img { width: 150px; } #turn > div > div { padding-right: 13px; padding-top: 10px; } #turn > div { padding: 0 9%; } } /* ************************************** RECAPTCHA ************************************** */ .grecaptcha-badge { display: none; } /* ************************************** ANIMATION ************************************** */ .animate-in { -webkit-animation: fadeIn .5s ease-in; animation: fadeIn .5s ease-in; } .animate-out { -webkit-transition: opacity .5s; transition: opacity .5s; opacity: 0; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .blink { -webkit-animation-name: blinker; -webkit-animation-duration: 1.5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1.5s; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } @-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } @-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } .slide-in-right { -webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes slide-in-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .slide-out-right { -webkit-animation: slide-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; animation: slide-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; } @-webkit-keyframes slide-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } } @keyframes slide-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } } /* ************************************** LOADING **************************************/ .loadingContainer { height: 60px; position: absolute; top: 48%; width: 100%; z-index: 1; } .loadingBox { margin: 0 auto; width: 60px; } .loading { width: 60px; height: 60px; margin: 0 auto; background: url("img/loader.svg") no-repeat; background-size: 100%; } @keyframes loader-spin { 100% { transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes loader-spin { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes loader-spin { 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes loader-spin { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } .transition, .transition:hover, #services .item:hover:after, #services .item:hover { -webkit-transition: all 220ms ease-in-out; -moz-transition: all 220ms ease-in-out; -ms-transition: all 220ms ease-in-out; -o-transition: all 220ms ease-in-out; transition: all 220ms ease-in-out; } .transitionslow, .transitionslow:hover { -webkit-transition: all 820ms ease-in-out; -moz-transition: all 820ms ease-in-out; -ms-transition: all 820ms ease-in-out; -o-transition: all 820ms ease-in-out; transition: all 820ms ease-in-out; } .bt.acheval.centered { display: inline-block; margin: 0 0 0 0; } .bt.cent { width: 100%; height: 52px; line-height: 52px; } input, textarea { height: 40px; } .bt:hover { cursor: pointer; } .bt.btc { padding: 0 0; height: 60px; width: 60px; background-color: #56234c; border: 1px solid #56234c; } .bt.btc svg { width: 100%; height: 100%; display: block; } .bt.btc svg path, .bt.btc svg rect { fill: #ece2b9; } .bt.btc.b { background-color: #4f3a89; border: 1px solid #4f3a89; } .bt.btc:hover, .item_3:hover .bt.btc { background-color: #ece2b9; border: 1px solid #ece2b9; } .bt.btc:hover path, .bt.btc:hover rect, .item_3:hover .bt.btc path, .item_3:hover .bt.btc rect { fill: #56234c; } .page_19 .item_3:hover .bt.btc.b path { fill: #29194c !important; } .bt, button.bt { height: 54px; line-height: 53px; display: inline-block; text-align: center; padding: 0 26px; text-transform: uppercase; width: auto; } .bt.btRetour { height: 34px; line-height: 33px; padding: 0 14px; } .bt.big { height: 60px; line-height: 59px; } .bt.acheval, button.bt.acheval { bottom: -27px; position: absolute; right: calc(50% - 27px); } .bt.acheval.bt.acheval2 { right: calc(50% - 83px); } .btAchevalContainer { position: absolute; left: 0; width: 100%; bottom: 27px; height: 0px; text-align: center; } .btAchevalContainer > div { text-align: center; width: auto; margin: 0 auto; } .btAchevalContainer .bt { display: inline-flex; align-items: center; justify-content: center; text-align: center; width: auto; margin: 0 auto; } .btAchevalContainer .bt svg { height: 36px; width: 36px; margin: 0px 0 0 4px; } .bt.small, .bt.small:hover { font-size: 14px; line-height: 43px; height: 44px; padding: 0 15px; background-color: #ece2b9; border: 1px solid #ece2b9; color: #3d0636; } .bt.acheval.small { right: 30px; left: auto; bottom: -22px; } .exposant.id_0 .over { padding: 0px 30px 60px; } #exposant_0 img.cloche { z-index: 2; position: absolute; right: 30px; width: 56px; top: 8px; } @media screen and (max-width: 1920px) { input, textarea { height: 34px; } .bt.btc { height: 52px; width: 52px; } .bt, button.bt { height: 40px; line-height: 39px; display: inline-block; text-align: center; padding: 0 22px; text-transform: uppercase; width: auto; } .bt.btRetour { height: 32px; line-height: 31px; padding: 0 12px; } .bt.big { height: 46px; line-height: 45px; } .bt.acheval, button.bt.acheval { bottom: -20px; right: calc(50% - 20px); } .bt.acheval.bt.acheval2 { right: calc(50% - 72.5px); } .btAchevalContainer { position: absolute; left: 0; width: 100%; bottom: 20px; } .bt.small, .bt.small:hover { font-size: 12px; line-height: 37px; height: 38px; padding: 0 12px; } .bt.acheval.small { right: 22px; left: auto; bottom: -19px; } .exposant.id_0 .over { padding: 0px 22px 38px; } #exposant_0 img.cloche { z-index: 2; position: absolute; right: 22px; width: 50px; top: 8px; } .btAchevalContainer .bt svg { height: 32px; width: 32px; margin: 0px 0 0 3px; } } @media screen and (max-width: 1680px) { input, textarea { height: 32px; } .bt.btc { height: 44px; width: 44px; } .bt.btRetour { height: 28px; line-height: 29px; padding: 0 11px; } .bt, button.bt { height: 34px; line-height: 33px; padding: 0 18px; } .bt.big { height: 40px; line-height: 39px; } .bt.acheval, button.bt.acheval { bottom: -17px; right: calc(50% - 17px); } .bt.acheval.bt.acheval2 { right: calc(50% - 66px); } .btAchevalContainer { position: absolute; left: 0; width: 100%; bottom: 17px; } .bt.small, .bt.small:hover { font-size: 11px; line-height: 33px; height: 32px; padding: 0 10px; } .bt.acheval.small { right: 14px; left: auto; bottom: -16px; } .exposant.id_0 .over { padding: 0px 14px 30px; } #exposant_0 img.cloche { z-index: 2; position: absolute; right: 14px; width: 43px; top: 8px; } .btAchevalContainer .bt svg { height: 25px; width: 25px; margin: 0px 0 0 3px; } } @media screen and (max-width: 767px) { input, textarea { height: 36px; } .bt.btc { height: 54px; width: 54px; } .bt, button.bt { height: 36px; line-height: 35px; padding: 0 18px; } .bt.big { height: 40px; line-height: 39px; } .bt.acheval, button.bt.acheval { bottom: -27px; right: calc(50% - 27px); } .bt.acheval.bt.acheval2 { right: calc(50% - 68.5px); } .btAchevalContainer { position: absolute; left: 0; width: 100%; bottom: 18px; } .bt.small, .bt.small:hover { font-size: 12px; line-height: 37px; height: 38px; padding: 0 12px; } .bt.acheval.small { right: 24px; left: auto; bottom: -19px; } .exposant.id_0 .over { padding: 0px 24px 48px; } #exposant_0 img.cloche { z-index: 2; position: absolute; right: 24px; width: 54px; top: 10px; } .bt.btRetour { height: 32px; line-height: 31px; padding: 0 14px; } } @media screen and (max-width: 360px) { } /* ipad pro landscape*/ @media only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1366px) and (max-width: 1366px) { } @media screen and (max-width: 1024px) { } /* ipad pro portrait*/ @media only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1024px) and (max-width: 1024px) { } @media screen and (max-width: 767px) { } #lz_overlay_wm { display: none; z-index: 1; position: absolute; top: -100px; margin-right: -200px; } .slick-list { height: 100%; } .slick-track { height: 100%; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; z-index: 1; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-prev, .slick-next { background-color: transparent; position: absolute; margin: auto; top: calc(50% - 27px); width: 50px; height: 50px; } .page_23 #animations a.slick-arrow img { width: 50px; height: 50px; } .slick-prev { left: -27px; right: auto; background: url("../img/prev.png") no-repeat; background-size: 100%; z-index: 2; } .slick-next { right: -27px; left: auto; background: url("../img/next.png") no-repeat; background-size: 100%; z-index: 2; } .page_39 .slick-prev { left: auto; right: -27px; top: calc(50% - 55px); } .page_39 .slick-next { left: auto; right: -27px; top: calc(50% + 5px); } .minigallery .slick-prev { background: url("../img/bt_prev-fonce.png") no-repeat; background-size: 100%; } .minigallery .slick-next { background: url("../img/bt_next-fonce.png") no-repeat; background-size: 100%; } .minigallery .slick-prev { left: auto; top: auto; right: 95px; bottom: -25px; } .minigallery .slick-next { left: auto; top: auto; right: 36px; bottom: -25px; } .slick-slider { } .slick-slide { top: 0; } .slick-dots { position: absolute; bottom: -36px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; overflow: hidden; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 3px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button::before { position: absolute; top: 0; left: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 10px; height: 10px; content: ''; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-disabled { opacity: 0.5; } @media screen and (max-width: 1920px) { .slick-prev, .slick-next { top: calc(50% - 25px); width: 44px; height: 44px; } .page_23 #animations a.slick-arrow img { width: 44px; height: 44px; } .slick-prev { left: -25px; right: auto; z-index: 2; } .slick-next { right: -25px; left: auto; z-index: 2; } .page_39 .slick-prev { left: auto; right: -25px; top: calc(50% - 48px); } .page_39 .slick-next { left: auto; right: -25px; top: calc(50% + 4px); } .minigallery .slick-prev { left: auto; top: auto; right: 83px; bottom: -22px; } .minigallery .slick-next { left: auto; top: auto; right: 32px; bottom: -22px; } } @media screen and (max-width: 1680px) { .slick-prev, .slick-next { top: calc(50% - 20px); width: 36px; height: 36px; } .page_23 #animations a.slick-arrow img { width: 36px; height: 36px; } .slick-prev { left: -20px; right: auto; background: url("../img/prev.png") no-repeat; background-size: 100%; z-index: 2; } .slick-next { right: -20px; left: auto; background: url("../img/next.png") no-repeat; background-size: 100%; z-index: 2; } .page_39 .slick-prev { left: auto; right: -20px; top: calc(50% - 39px); } .page_39 .slick-next { left: auto; right: -20px; top: calc(50% + 3px); } .minigallery .slick-prev { left: auto; top: auto; right: 73px; bottom: -18px; } .minigallery .slick-next { left: auto; top: auto; right: 30px; bottom: -18px; } } @media screen and (max-width: 767px) { .page_39 .slick-prev { display: none !important; } .page_39 .slick-next { display: none !important; } } /************************ FONT **********************/ #tarteaucitronIcon{ display: none; } .halobottom { bottom: 0; left: 0%; position: absolute; width: 50%; height: 800%; z-index: 9; overflow: hidden; opacity: 0; } .halobottom > div { background: radial-gradient(circle, rgba(117,50,68,1) 0%, rgba(61,6,54,1) 33%, rgba(0,0,0,0) 81%); width: 240%; height: 100%; position: absolute; left: -100%; bottom: -40%; } .haloTopCenter { position: absolute; width: 100%; height: auto; left: 0; top: 0; opacity: 0; z-index: 9; } .haloTopCenterM { display: none; } .page_29 #footer, .page_10 #footer, .page_23 #footer, .page_41 #footer { overflow: hidden; } .page_29 .halobottom, .page_23 .halobottom, .page_39 .halobottom, .page_41 .halobottom { right: 0%; left: auto; } .page_29 .halobottom > div, .page_23 .halobottom > div, .page_39 .halobottom > div, .page_41 .halobottom > div { right: -100%; left: auto; } .halomidtop { top: 60% !important; left: 0% !important; position: absolute !important; width: 50% !important; height: 150% !important; z-index: 7 !important; overflow: hidden !important; opacity: 0; } .halomidtop > div { background: radial-gradient(circle, rgba(101,52,89,1) 0%, rgba(61,6,54,1) 40%, rgba(0,0,0,0) 81%); width: 250%; height: 100%; position: absolute; left: -100%; top: -1%; } @media screen and (max-width: 2560px) { .halobottom { bottom: 0; left: 0%; width: 50%; height: 500%; } .halobottom > div { width: 240%; height: 100%; left: -100%; bottom: -40%; } .page_29 .halobottom, .page_23 .halobottom, .page_39 .halobottom, .page_41 .halobottom { right: 0%; left: auto; } .page_29 .halobottom > div, .page_23 .halobottom > div, .page_39 .halobottom > div, .page_41 .halobottom > div { right: -100%; left: auto; } } @media screen and (max-width: 820px) { .halobottom { bottom: 0; left: 0%; width: 50%; height: 400%; } .halomidbottom > div { width: 200%; height: 80%; right: -100%; bottom: 0%; } .page_29 .halobottom, .page_23 .halobottom, .page_39 .halobottom, .page_41 .halobottom { right: 0% !important; left: auto; } .page_29 .halobottom > div, .page_23 .halobottom > div, .page_39 .halobottom > div, .page_41 .halobottom > div { right: -100%; left: auto; } .haloTopCenter { top: 100px; } .haloTopCenterD { display: none; } .haloTopCenterM { display: block; } } @media screen and (max-width: 767px) { .halomidtop { top: 60% !important; left: 0% !important; position: absolute !important; width: 80% !important; height: 130% !important; z-index: 7 !important; overflow: hidden !important; opacity: 0; } .halomidtop > div { background: radial-gradient(circle, rgba(101,52,89,1) 0%, rgba(61,6,54,1) 40%, rgba(0,0,0,0) 81%); width: 260%; height: 100%; position: absolute; left: -100%; top: 7%; } .halobottom { bottom: 0; right: auto; left: 0; position: absolute; width: 90%; height: 250%; z-index: 9; overflow: hidden; opacity: 0; } .halobottom > div { background: radial-gradient(circle, rgba(117,50,68,1) 0%, rgba(61,6,54,1) 33%, rgba(0,0,0,0) 81%); width: 160%; height: 100%; position: absolute; left: -74%; bottom: -44%; } .page_29 .halobottom, .page_23 .halobottom, .page_39 .halobottom, .page_41 .halobottom { right: 0%; left: auto; } .page_29 .halobottom > div, .page_23 .halobottom > div, .page_39 .halobottom > div, .page_41 .halobottom > div { right: -74%; left: auto; } }