/*! 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)} /* https://fancyapps.com/docs/ui/installation */ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* https://github.com/sampotts/ply */ @charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing,10px)*2)}}@media(min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing,10px)*-4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline:3px dotted #00b3ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing,10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:hsla(0,0%,100%,.9);background:var(--plyr-menu-background,hsla(0,0%,100%,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid transparent;border-top-color:hsla(0,0%,100%,.9);border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:var(--plyr-menu-background,hsla(0,0%,100%,.9));content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing,10px)*.7/1.5) calc(var(--plyr-control-spacing,10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing,10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing,10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing,10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing,10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing,10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:rgba(0,0,0,.1);content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc(-7px - -2);margin-right:calc(var(--plyr-control-spacing,10px)*.7*-1 - -2);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height,13px)*2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;background-image:linear-gradient(90deg,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc(var(--plyr-range-thumb-height,13px)/2*-1 - var(--plyr-range-track-height,5px)/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline:3px dotted #00b3ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline:3px dotted #00b3ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline:3px dotted #00b3ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:hsla(0,0%,100%,.9);background:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height,13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress__buffer,.plyr__progress input[type=range]{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height,13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height,13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height,5px)/2*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing,10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing,10px)/2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing,10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing,10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing,10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing,10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--video .plyr__progress__buffer{color:hsla(0,0%,100%,.25);color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;display:block;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:hsla(0,0%,100%,.9);background-color:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:2px;border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important} .grisClaire { color: #5c5c5c; } .mentions tr:nth-child(even) { background-color: #f4f4f4; } .mentions table { max-width: 100%; } .mentions .tableContainer { max-width: 100%; overflow: auto; } .mentions td { font-weight: 300; padding: 4px 20px 4px 8px; margin-bottom: 4px; } a { color: inherit; } ul, ol, li { list-style: none; } ul { 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; } p, ul { margin-top: 0px; } /* 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; } .twoCols { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 80px; /* Chrome, Safari, Opera */ -moz-column-gap: 80px; /* Firefox */ column-gap: 80px; } .fullscreen { position: relative; width: 100%; text-align: center; z-index: 10; } .inner { background-color: transparent; z-index: 10; width: calc(100% - 600px); margin: 0 auto; } .content { width: 1165px; height: auto; margin: 0 auto; text-align: left; position: relative; } .bigContent { width: 1400px; height: auto; margin: 0 auto; text-align: left; position: relative; } .bigBigContent { 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%; } .importe { padding: 0 26%; } .bloc { margin: 0 auto 0 auto; margin-top: 98px; position: relative; } .inner.decale { padding-top: 68px; } .firstContent { margin-top: 280px; margin-bottom: 30px; } .minibloc { padding: 20px 0 ; position: relative; } .nav { z-index: 11; height: 184px; padding-top: 0; padding-bottom: 0; position: fixed; top: 0; } .navAfter { position: relative; top: 0; height: 184px; } .main { margin-top: -171px; } .page_4 .page_13 .page_14 .page_15 .page_30 .page_11 .page_19 .page_20 .page_21 .page_31 .page_24 .main { margin-top: 0px; } @media screen and (max-width: 2560px) { .inner { width: calc(100% - 300px); } } @media screen and (max-width: 1920px) { .importe { padding: 0 28%; } .bloc { margin-top: 88px; } .inner { width: calc(100% - 200px); } .bigBigContent { width: 1310px; height: auto; margin: 0 auto; text-align: left; position: relative; } .nav { height: 150px; } .navAfter { height: 150px; } } @media screen and (max-width: 1680px) { .importe { padding: 0 30%; } .bloc { margin-top: 68px; } .inner { width: calc(100% - 100px); } .twoCols { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; } .nav { height: 120px; } .navAfter { height: 120px; } .content { width: 900px; } .bigContent { width: calc(100% - 100px); } .bigBigContent { width: 80%; } } @media screen and (max-width: 1440px) { .bigBigContent { width: 90%; } } @media screen and (max-width: 1366px) { .bigBigContent { width: 95%; } } @media screen and (max-width: 1280px) { .bigBigContent { width: 100%; } } @media screen and (max-width: 1024px) { .inner { width: calc(100% - 80px); } .content { width: 100%; } .bigContent { width: 100%; } .bigBigContent { width: 100%; } .nav { } .bloc { margin-top: 52px; } .main { margin-top: -70px; } } @media screen and (max-width: 820px) { .importe { padding: 0 26%; } .spacer { height: 28px; } .inner { width: calc(100% - 72px); } .content { width: 100%; margin-right: 0; margin-left: 0; } .nav_mobile .content { width: 100%; margin: 0 0 0 0; } .nav.nav_mobile { width: 100%; margin: 0 0 0 0; max-width: 100%; } .firstContent { margin-top: 168px; } .twoCols { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 50px; /* Chrome, Safari, Opera */ -moz-column-gap: 50px; /* Firefox */ column-gap: 50px; } .content.mini { text-align: center; padding: 0 2%; } .main { margin-top: 0px; } } @media screen and (max-width: 767px) { .importe { padding: 0 0; } .inner { width: calc(100% - 48px); } .content { width: 100%; } .nav { height: 100px; } .navAfter { height: 94px; } .bloc { margin-top: 30px; } .firstContent { margin-top: 78px; } .content.mini { padding: 0 0; } } /* ***************************** NAV ********************************* */ .hamburger-icon .txt { position: absolute; bottom: -22px; left: 0; } .nmesp { margin: 0px 7px; } .nav { z-index: 11; width: 100%; } video { width: 100%; height: 100%; object-fit: cover; } .nav .inner, .nav .content { position: relative; height: 100%; } .nav .lang { height: 40px; line-height: 40px; display: inline-block; } .nav .infos { display: block; float: right; text-align: right; margin-right: 0; padding-right: 100px; } .nav .infos a { display: inline-block; } .nav .socialImg { margin-bottom: -5px; height: 33px; width: auto; filter: invert(76%) sepia(99%) saturate(1460%) hue-rotate(359deg) brightness(105%) contrast(104%); margin-right: 16px; } .nav .socialImg.tw { margin-right: 30px; } .nav .socialImg:hover { filter: invert(54%) sepia(83%) saturate(439%) hue-rotate(151deg) brightness(103%) contrast(85%); } .nav .coord { text-align: right; } .nav .infos .pipe { height: 34px; width: 1px; background-color: #30b8ea; margin: 0px 8px; } .nav .bs { position: absolute; bottom: 34px; right: 84px; display: block; font-family: 'robotoregular'; text-shadow: 1px 1px 2px rgba(0,0,0,0.15); } #footer a.selected { } .nav .coord strong { display: block; } .info > span { display: block; } .infos { width: auto; } .infos { width: auto; } .logo { width: 268px; height: auto; position: absolute; z-index: 2; margin-top: 34px; left: 0; } .nav .bandeau { height: 100%; width: calc(100% - 840px); left: 340px; float: left; display: inline-block; z-index: 2; position: absolute; top: 0; } .nav .bandeau > .bg_yellow { position: absolute; height: 100%; width: 100%; transform: skew(-12deg, 0deg); background-color: #ffe500; left: 0; top: 0; } .nav .bandeau > .bg_blue { position: absolute; height: 100%; width: 100px;; transform: skew(-21deg, 0deg); background-color: #30b8ea; right: -26px; top: 0; } .nav .infos { height: 100%; width: 540px; float: left; display: inline-block; position: absolute; top: 0; right: 0; z-index: 1; background-color: #294284; } .jBlueFF { color: #294284; } .nav .combleBlue { height: 100%; width: 300px; background-color: #294284; position: absolute; right: 0; top: 0; } .nav .infos > div { width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: center; } .nav_mobile .inner .bigBigContent { padding-right: 9%; text-align: right; display: flex; justify-content: flex-end; align-items: center; height: 100%; width: 100%; } .menu >ul > li:last-child { margin-bottom: 0px; } .infos { float: right; } .coord > * { display: inline-block; } .coord { display: flex; align-items: center; justify-content: flex-end; } .menu li.hassub { position: relative; -webkit-transition: all 410ms ease-in-out; -moz-transition: all 410ms ease-in-out; -ms-transition: all 410ms ease-in-out; -o-transition: all 410ms ease-in-out; transition: all 410ms ease-in-out; } .menu li.hassub ul { display: none; position: absolute; left: -12px; text-align: left; padding: 8px 14px 14px 14px; width: calc(100% + 12px); white-space: nowrap; min-width: 164px; -webkit-transition: all 410ms ease-in-out; -moz-transition: all 410ms ease-in-out; -ms-transition: all 410ms ease-in-out; -o-transition: all 410ms ease-in-out; transition: all 410ms ease-in-out; } .menu li.hassub ul:before { display: block; clear: both; content: ''; width: 0; height: 0; border-style: solid; margin-bottom: 9px; margin-top: 6px; border-width: 7px 6.5px 0 6.5px; } .menu li.hassub ul li { margin-left: 0; margin-bottom: 0px; margin-top: 9px; width: auto; display: block; } #footer .menu li.hassub ul li { margin-bottom: 0px; margin-top: 0; } .menu li.hassub:hover ul { display: block; -webkit-transition: all 410ms ease-in-out; -moz-transition: all 410ms ease-in-out; -ms-transition: all 410ms ease-in-out; -o-transition: all 410ms ease-in-out; transition: all 410ms ease-in-out; } .nav { background-color: #fff; } .nav_mobile { background-color: transparent; } .icon-1, .icon-2, .icon-3 { position: absolute; left: 0; top: 50%; width: 100%; height: 2px; background-color: #ffe500; transition: all 400ms cubic-bezier(0.84, 0.06, 0.52, 1.8); } .icon-1 { transform: translateY(-12px); animation-delay: 100ms; } .icon-3 { transform: translateY(12px); animation-delay: 250ms; } .hamburger-icon { position: fixed; height: 50px; width: 50px; cursor: pointer; transition: all 0.2s ease-in-out; z-index: 21; top: 58px; right: 300px; } .icon-1.a { transform: rotate(40deg); } .icon-3.b { transform: rotate(-40deg); } .icon-2.c { opacity: 0; } .logoSmall { opacity: 0; filter: alpha(opacity=0); width: 72px; margin-top: 0px; } body.scrolled .hamburger-icon .txt { opacity: 0; filter: alpha(opacity=0); } body.scrolled .hamburger-icon { top: 16px; } body.scrolled .nav .bandeau { width: calc(100% - 310px); left: 130px; } body.scrolled .logoSmall { opacity: 1; filter: alpha(opacity=1); } body.scrolled .logoBig { opacity: 0; filter: alpha(opacity=0); } body.scrolled .nav.de { height: 82px; } body.scrolled .nav.de .infos > div { opacity: 0; filter: alpha(opacity=0); } body.scrolled .nav .bs { bottom: 16px; right: 54px; } @media screen and (max-width: 2560px) { .nav .combleBlue { width: 150px; } .hamburger-icon { height: 50px; width: 50px; top: 58px; right: 150px; } } @media screen and (max-width: 1920px) { .nav .infos { padding-right: 90px; } .nav .combleBlue { width: 100px; } .logo { width: 240px; margin-top: 23px; } .nav .socialImg { margin-bottom: -7px; height: 30px; margin-right: 14px; } .nav .socialImg.tw { margin-right: 28px; } .nav .bs { bottom: 30px; right: 80px; } .nav .infos { width: 510px; } .nav .bandeau { width: calc(100% - 760px); left: 290px; } .hamburger-icon { height: 40px; width: 40px; top: 48px; right: 100px; } .hamburger-icon .txt { position: absolute; bottom: -18px; left: 0; font-size: 14px; } .icon-1 { transform: translateY(-10px); } .icon-3 { transform: translateY(10px); } .logoSmall { width: 62px; margin-top: 0px; } body.scrolled .hamburger-icon { top: 16px; } body.scrolled .nav .bandeau { width: calc(100% - 254px); left: 110px; } body.scrolled .nav.de { height: 74px; } body.scrolled .nav.de .infos > div { opacity: 0; filter: alpha(opacity=0); } body.scrolled .nav .bs { bottom: 16px; right: 54px; } } @media screen and (max-width: 1680px) { .nav .bandeau > .bg_blue { right: -18px; top: 0; } .nav .combleBlue { width: 50px; } .menu li { margin-left: 15px; } .logo { width: 180px; margin-top: 23px; } .menu li.hassub ul { min-width: 154px; } .nmesp { margin: 0px 5px; } .nav .socialImg { margin-bottom: -7px; height: 24px; margin-right: 10px; } .nav .socialImg.tw { margin-right: 28px; margin-right: 10px; } .nav .socialImg.tw { margin-right: 20px; } .nav .infos { padding-right: 74px; } .nav .bandeau { width: calc(100% - 600px); left: 240px; } .nav .infos .pipe { height: 28px; margin: 0px 6px; } .nav .bs { bottom: 20px; right: 62px; } .hamburger-icon { height: 36px; width: 36px; top: 34px; right: 50px; } .hamburger-icon .txt { position: absolute; bottom: -18px; left: 0; font-size: 13px; } .icon-1 { transform: translateY(-9px); } .icon-3 { transform: translateY(9px); } .logoSmall { width: 52px; margin-top: 0px; } body.scrolled .hamburger-icon { top: 16px; } body.scrolled .nav .bandeau { width: calc(100% - 204px); left: 90px; } body.scrolled .nav.de { height: 70px; } body.scrolled .nav.de .infos > div { opacity: 0; filter: alpha(opacity=0); } body.scrolled .nav .bs { bottom: 16px; right: 54px; } } @media screen and (max-width: 1024px) { .logo { width: 170px; margin-top: 23px; } .nav .bs { display: none; } .nav .infos { width: 410px; } .nav .bandeau { width: calc(100% - 570px); left: 220px; } .logoSmall { width: 52px; margin-top: 0px; } body.scrolled .hamburger-icon { top: 16px; } body.scrolled .nav .bandeau { width: calc(100% - 204px); left: 90px; } body.scrolled .nav.de { height: 70px; } body.scrolled .nav.de .infos > div { opacity: 0; filter: alpha(opacity=0); } body.scrolled .nav .bs { bottom: 16px; right: 54px; } } @media screen and (max-width: 820px) { .logo { width: 150px; margin-top: 23px; } .nav .infos > div { display: none; } .nav .infos { width: 310px; } .nav .bandeau { width: calc(100% - 300px); left: 180px; } .hamburger-icon { height: 36px; width: 36px; top: 42px; right: 36px; } .logoSmall { width: 52px; margin-top: 0px; } body.scrolled .hamburger-icon { top: 16px; } body.scrolled .nav .bandeau { width: calc(100% - 204px); left: 90px; } body.scrolled .nav.de { height: 70px; } body.scrolled .nav.de .infos > div { opacity: 0; filter: alpha(opacity=0); } body.scrolled .nav .bs { bottom: 16px; right: 54px; } } @media screen and (max-width: 767px) { .logo { width: 162px; margin-top: 6px; } .nav .bandeau, .nav .combleBlue, .nav .infos { display: none; } .hamburger-icon { height: 42px; width: 42px; top: 24px; right: 24px; } .hamburger-icon .txt { position: absolute; bottom: -18px; left: 0; font-size: 15px; } .hamburger-icon:hover, .menu a:hover, .menu li:hover, .hamburger-icon, .menu a, .menu li { text-decoration: none; outline: 0; } .menu a:hover, .menu li:hover { color: #fff; } .logoSmall { width: 58px; margin-top: 6px; } body.scrolled .hamburger-icon { top: 24px; } body.scrolled .nav .bandeau { width: calc(100% - 204px); left: 90px; } body.scrolled .nav.de { height: 74px; } body.scrolled .nav.de .infos > div { opacity: 0; filter: alpha(opacity=0); } body.scrolled .nav .bs { bottom: 16px; right: 54px; } } .menualpha { opacity: 0.6; filter: alpha(opacity=0.6); } /* ***************************** NAV MOBILE ********************************* */ .nav_mobile { z-index: 20; position: fixed; width: 100%; height: 100%; top: 0; left:100%; overflow: hidden; visibility: hidden; opacity: 0; filter: alpha(opacity=0); margin-bottom: 0; background-color: #224189; } /* .nav_mobile .back { width: 100%; position: absolute; left: 0; top: 0; height: 100%; background-color: #224189; transform: skew(-12deg, 0deg); left: 360px; } */ .nav .menu a { text-transform: uppercase; font-size: 32px; line-height: 32px; display: block; position: relative; } .nav .menu li ul a { font-size: 22px; line-height: 22px; } .nav .menu li ul li { margin-top: 14px; margin-bottom: 4px; } .nav .menu a.selected { color: #30b8ea; font-family: 'robotoregular'; } .menu >ul > li:last-child a { margin-bottom: 0px; font-size: 20px; line-height: 20px; display: flex; justify-content: flex-end; align-items: center; } .menu li:last-child a img { display: block; margin-left: 14px; } .menu li { margin-bottom: 36px; opacity: 0; filter: alpha(opacity=0); } .menu >ul > li:first-child { margin-top: 150px; } .menu >ul > li:last-child { margin-top: 70px; display: flex; align-items: center; justify-content: flex-end; } .nav .menu a span:after { content: ''; background-color: #30b8ea; width: 8px; height: 8px; position: absolute; top: calc(50% - 4px); right: -24px; border-radius: 100%; opacity: 0.5; filter: alpha(opacity=0.5); } .nav .menu a.selected span:after { opacity: 1; filter: alpha(opacity=1); } .menu li:last-child a span:after, .menu li:last-child a.selected span:after { display: none; } .nav .menu li ul a { font-size: 21px; line-height: 21px; } .nav .menu li ul li { margin-top: 14px; margin-bottom: 4px; } .menu >ul > li:first-child { margin-top: 170px; } @media screen and (max-width: 1920px) { .nav .menu a { font-size: 26px; line-height: 26px; } .menu >ul > li:last-child a { font-size: 16px; line-height: 16px; } .menu li:last-child a img { width: 60px; margin-left: 16px; } .menu li { margin-bottom: 28px; } .menu >ul > li:first-child { margin-top: 90px; } .menu >ul > li:last-child { margin-top: 56px; } .nav .menu a span:after { width: 6px; height: 6px; top: calc(50% - 3px); right: -20px; } .nav .menu li ul a { font-size: 18px; line-height: 18px; } .nav .menu li ul li { margin-top: 14px; margin-bottom: 4px; } .menu >ul > li:first-child { margin-top: 110px; } } @media screen and (max-width: 1680px) { .nav .menu a { font-size: 20px; line-height: 20px; } .menu >ul > li:last-child a { font-size: 12px; line-height: 12px; } .menu li:last-child a img { width: 44px; margin-left: 12px; } .menu li { margin-bottom: 16px; } .menu >ul > li:first-child { margin-top: 72px; } .menu >ul > li:last-child { margin-top: 34px; } .nav .menu a span:after { width: 4px; height: 4px; top: calc(50% - 2px); right: -16px; } .nav .menu li ul a { font-size: 14px; line-height: 14px; } .nav .menu li ul li { margin-top: 6px; margin-bottom: 2px; } .menu >ul > li:first-child { margin-top: 82px; } } @media screen and (max-width: 820px) { .nav .menu a { font-size: 26px; line-height: 26px; } .menu >ul > li:last-child a { font-size: 16px; line-height: 16px; } .menu li:last-child a img { width: 58px; margin-left: 8px; } .menu li { margin-bottom: 28px; } .menu >ul > li:first-child { margin-top: 90px; } .menu >ul > li:last-child { margin-top: 56px; } .nav .menu a span:after { width: 6px; height: 6px; top: calc(50% - 3px); right: -20px; } .nav .menu li ul a { font-size: 18px; line-height: 18px; } .nav .menu li ul li { margin-top: 14px; margin-bottom: 4px; } .menu >ul > li:first-child { margin-top: 110px; } } @media screen and (max-width: 767px) { .nav .menu a { font-size: 18px; line-height: 18px; } .menu >ul > li:last-child a { font-size: 13px; line-height: 13px; } .menu li:last-child a img { width: 42px; margin-left: 6px; } .menu li { margin-bottom: 18px; } .menu >ul > li:first-child { margin-top: 82px; } .menu >ul > li:last-child { margin-top: 6px; } .nav .menu a span:after { width: 4px; height: 4px; top: calc(50% - 2px); right: -14px; } .nav .menu li ul a { font-size: 15px; line-height: 15px; } .nav .menu li ul li { margin-top: 6px; margin-bottom: 3px; } .menu >ul > li:first-child { margin-top: 82px; } .menu li { margin-left: 0px; } } /* ***************************** SLIDER ********************************* */ .fullsliderContainer .inner, .fullsliderContainer .content, .fullsliderContainer .cbp-item { height: 100%; } .fullsliderContainer .slider_img { position: absolute; } .fullsliderContainer { height: 500px; } .page_1 .fullsliderContainer { height: calc(100% - 184px); overflow: hidden; } .page_1 .fullsliderContainer .slider { height: 100%; overflow: hidden; } .page_13 .fullsliderContainer { height: 560px; } .gallerySliderContainer .slider { height: 100%; } .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%; } .gallerySliderContainer .slider_img_g { 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; } .fullsliderContainer .cbp-nav { display: none; } .slickSliderItem { overflow: hidden; } @media screen and (max-width: 2560px) { .fullsliderContainer { height: 500px; } } @media screen and (max-width: 1920px) { #actus .cbp-nav { left: 29.2%; } .page_1 .fullsliderContainer { height: calc(100% - 150px); } } @media screen and (max-width: 1680px) { .fullsliderContainer { height: 372px; } .page_1 .fullsliderContainer { height: calc(100% - 120px); } } @media screen and (max-width: 1024px) { .fullsliderContainer { height: 294px; } .fullsliderContainer .slider_img { } } @media screen and (max-width: 820px) { .fullsliderContainer { height: 458px; } .fullsliderContainer .slider_img { } } @media screen and (max-width: 767px) { .fullsliderContainer { height: 220px; } .page_1 .fullsliderContainer { height: 214px; } } @media screen and (max-width: 360px) { .fullsliderContainer { height: 150px; } .page_1 .fullsliderContainer { height: 265px; margin-top: -2px; } } /* ***************************** ITEMS ********************************* */ .item_3 { float: left; display: inline-block; margin-right: 76px; margin-bottom: 20px; width: calc(33.3333% - 51px); } .item_3:nth-child(3n+3) { margin-right: 0px; } .item_2 { float: left; display: inline-block; margin-right: 20px; width: calc(50% - 10px); } .item_2:nth-child(2n+2) { margin-right: 0px; } .item_3 img, .item_4 img, .item_5 img { } .roundImg { width: 60% !important; } .item_5 { float: left; display: inline-block; margin-right: 35px; margin-bottom: 0px; width: calc(20% - 28px); } .item_5:nth-child(5n+5) { margin-right: 0px; } .item_5 > div, .item_4 > div { padding: 22px 25px; } .item_5 .div5Header, .item_4 .div4Header { display: flex; justify-content: flex-start; align-items: center; } .item_4 { float: left; display: inline-block; margin-right: 35px; margin-bottom: 0px; width: calc(25% - 27px); } .item_4:nth-child(4n+4) { margin-right: 0px; } .item_4 > div { padding: 22px 25px; } .item_4 .div5Header { display: flex; justify-content: flex-start; align-items: center; } .bgBlueF2 { background-color: #2a5b99; } .paddMe { padding: 46px 40px 46px 40px; } .item_4 > div, .item_4 .cbp-item-wrapper > div { padding: 26px 26px 26px 26px; } .item_3.clickAll img { -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; } .item_3.clickAll:hover img { -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; } .item_100 .item.item_3 { width: 100%; display: block; margin: 0 0 0 0; text-align: center; padding-top: 22px; } .left { width: calc(50% - 55px); float: left; display: inline-block; position: relative; height: auto; } .right { width: calc(50% - 55px); float: right; display: inline-block; position: relative; height: auto; } .paddPres.zone_02 .left { width: calc(50% - 40px); } .paddPres.zone_02 .right { width: calc(50% - 40px); } .leftMini { width: calc(50% - 55px); float: left; display: inline-block; position: relative; height: auto; } .rightMini { width: calc(50% + 55px); float: right; display: inline-block; position: relative; height: auto; } .left40 { display: inline-block; float: left; width: 33%; padding-right: 32px; } .right40 { display: inline-block; float: right; width: 66%; } .left72 { width: 72%; float: left; display: inline-block; position: relative; } .right72 { width: calc(28% - 20px); float: right; display: inline-block; position: relative; margin-left: 20px; } .left74 { width: calc(73.9% - 20px); margin-right: 20px; float: left; display: inline-block; position: relative; } .right74 { width: calc(27.3333% - 15px); float: left; display: inline-block; position: relative; } .left76 { width: calc(73.9% - 20px); margin-right: 20px; float: left; display: inline-block; position: relative; } .right76 { width: calc(27.3333% - 15px); float: right; display: inline-block; position: relative; } .left80 { width: 80%; } .left46 { width: 46%; margin-right: 0px; float: left; display: inline-block; position: relative; } .right46 { width: 51%; float: right; display: inline-block; position: relative; } .left46.inverted { float: right; width: 51%; } .right46.inverted { float: left; width: 46%; } .left51 { width: 51%; float: left; display: inline-block; position: relative; } .right51 { width: 46%; margin-right: 0px; float: right; display: inline-block; position: relative; } .left64 { width: 62%; float: left; display: inline-block; position: relative; } .right64 { width: 38%; margin-right: 0px; float: right; display: inline-block; position: relative; } .left31 { width: 31%; margin-right: 0px; float: left; display: inline-block; position: relative; } .right31 { width: calc(69% - 20px); float: right; display: inline-block; position: relative; } .left41 { width: 40%; margin-right: 0px; float: left; display: inline-block; position: relative; } .right41 { width: calc(60% - 30px); float: right; display: inline-block; position: relative; } .item_3.item_2 { width: calc(50% - 18px); float: left; display: inline-block; position: relative; margin-right: 36px; margin-bottom: 36px; } .item_3.item_2:nth-child(2n+2) { margin-right: 0; } .left60 { width: 60%; float: left; display: inline-block; position: relative; } .left60.alternate, .left.alternate { float: right; } .right60 { width: 36%; float: right; display: inline-block; position: relative; } .right60.alternate, .right.alternate { float: left; } .right60 img { width: 100%; } .floatRight { display: inline-block; float:right; } div.bottom { position: absolute; bottom: 0; } div.bottom p { margin-bottom: 0px; } #dates .item span { display: inline-block; float: left; } #dates .item span.align_div { padding-left: 24px; padding-right: 102px; width: calc(100% - 90px); } #dates .item img { width: 90px; } #dates .item { margin-bottom: 54px; } .left img, .right img { width: 100%; display: block;/*h*/ } #slider_temoignage img { margin: 0 auto; width: 100px; } #slider_temoignage p { padding: 0px 14%; margin-bottom: 0px; } #temoignagesActu #slider_temoignage p { padding: 0px 0px; margin-bottom: 0px; } #temoignagesActu .temoignageSliderContainer, #temoignagesActu .listActu { overflow: hidden; } #temoignagesActu #slider_temoignage img { width: 70px; margin: 0 0 0 0;; } #temoignagesActu .slick-next { right: 20px; top: auto; bottom: 20px; } #temoignagesActu .slick-prev { right: 58px; left: auto; top: auto; bottom: 20px; } #temoignagesActu .slick-prev { background: url("../img/bt_prev-c.png") no-repeat; background-size: 100%; } #temoignagesActu .slick-next { background: url("../img/bt_next-c.png") no-repeat; background-size: 100%; } #temoignagesActu .temoignageSliderContainer { opacity: 0; filter: alpha(opacity=0); } #temoignagesActu .item_3 { width: calc(50% - 10px); margin-bottom: 0px; } #temoignagesActu .item_3:nth-child(2n+2) { margin-right: 0px; } #temoignagesActu .left31, #temoignagesActu .right31 { height: 100%; } #temoignagesActu .slick-slide { padding: 34px 24px 66px 30px; } .partenairesSliderContainer img { height: 100%; } .partenairesSliderContainer .slick-slide img { margin: 0; display: block; width: 100%; height: auto; } .equipesSliderContainer .slick-slide { } .equipesSliderContainer { width: calc(100% + 20px); margin-left: -10px; } .equipesSliderContainer .slick-slide > div { margin: 10px; width: calc(100% - 20px); } .equipesSliderContainer .slick-slide img { width: 100%; } .equipesSliderContainer .slick-next { right: 10px; top: -50px; } .equipesSliderContainer .slick-prev { right: 48px; top: -50px; left: auto; } .bottomArrows .slick-next { right: 0px; top: auto; left: auto; bottom: 0; } .bottomArrows .slick-prev { right: 38px; top: auto; left: auto; bottom: 0; } .bottomArrows.leftArrows .slick-next { right: auto; top: auto; left: 38px; bottom: 0; } .bottomArrows.leftArrows .slick-prev { right: auto; top: auto; left: 0px; bottom: 0; } #timeline li:before { content: 'â—�'; font-size: 18px; margin-top: 1px; position: absolute; left: -4px; } #timeline li { padding-left: 12px; margin-bottom: 56px; } #timeline h3 { margin-bottom: 12px; } #timeline h3:after { content: ''; width: 100%; height: 1px; margin-top: 3px; } .timeline { position: absolute; height: 100%; left: 0px; width: 1px; } .slider .legende { position: absolute; bottom: 0; width: 30%; height: auto; padding: 22px; font-style: italic; } .gallerySliderVariable .slick-slide { margin-right: 5px; } .gallerySliderVariable .slick-slide:last-child { margin-right: 0px; } .item.item_1 { width: 100%; display: block; float: none; margin-bottom: 24px; } .item.item_1:after { display: block; clear: both; content: ''; } .three-cols { width: 100%; display: block; margin-bottom: 16px; overflow: hidden; } .three-cols img { height: auto; width: 25%; margin-right: 26px; float: left; display: inline-block; } .three-cols .corps { float: left; display: inline-block; width: calc(100% - 154px); } .three-cols h3, .three-cols .corps p { width: 66%; display: inline-block; clear: right; } .three-cols h3 { margin-top: 32px; } .three-cols .corps p { margin-bottom: 8px; } .three-cols .infos { float: left; display: inline-block; width: 151px; margin-left: 3px; vertical-align: middle; text-align: center; padding: 0px 10px; } .three-cols .infos > div { height: 100%; vertical-align: middle; display: table; width: 100%; text-align: center; } .three-cols .infos > div > div { vertical-align: middle; display: table-cell; width: 100%; text-align: center; } .three-cols .infos .bt { width: 100%; } input[id='subject'], .bt_fichier_container { display: none; } .page_28 input[id='subject'], .page_28 .bt_fichier_container { display: block; } .slider_presentation .slick-slide { margin-bottom: 0; margin-right: 0px; padding: 10px; } .slider_presentation .item:nth-child(3n+3) { margin-right: 0px; } .slider_presentation .slick-next { right: -44px; } .slider_presentation .slick-prev { left: -44px; } .slider_presentation { width: calc(100% + 20px); margin-left: -10px; } .sticker { position: fixed; top: 76%; right: 0; z-index: 12; width: 220px; visibility: hidden; } div.alignRight { text-align: right; } div.alignRight > * { text-align: right; } div.alignRight .bt.bottom { right: 0; left: auto; } .asym.asymLeft { float: left; max-width: 100%; } .asym.asymRight { float: right; max-width: 100%; } .informationFilters .bt { margin: 0px 6px 8px 0px; } @media screen and (max-width: 1920px) { .left72 { width: 66%; } .item_5 > div, .item_4 > div { padding: 20px 20px; } .item_5 { margin-right: 25px; margin-bottom: 0px; width: calc(20% - 20px); } .item_4 > div { padding: 20px 20px; } .item_4 { margin-right: 25px; margin-bottom: 0px; width: calc(25% - 19px); } .left { width: calc(50% - 40px); } .right { width: calc(50% - 40px); } .paddPres.zone_02 .left { width: calc(50% - 30px); } .paddPres.zone_02 .right { width: calc(50% - 30px); } .leftMini { width: calc(50% - 40px); } .rightMini { width: calc(50% + 40px); } .item_3 { float: left; display: inline-block; margin-right: 66px; margin-bottom: 20px; width: calc(33.3333% - 44px); } } @media screen and (max-width: 1680px) { .paddPres.zone_02 .left { width: calc(50% - 24px); } .paddPres.zone_02 .right { width: calc(50% - 24px); } .item_5 > div, .item_4 > div { padding: 16px 20px; } .item_4 > div { padding: 16px 20px; } .left { width: calc(50% - 35px); } .right { width: calc(50% - 35px); } .leftMini { width: calc(50% - 35px); } .rightMini { width: calc(50% + 35px); } .paddMe { padding: 18px 22px 22px 22px; } .left40 { width: 34%; } .right40 { width: 66%; } .left72 { width: 66%; } .right72 { width: calc(26% - 18px); margin-left: 18px; } .left74 { width: calc(70% - 20px); } .right74 { width: 30%; } .left76 { width: calc(70% - 20px); } .right76 { width: 30%; } .left46 { width: 46%; margin-right: 0px; float: left; display: inline-block; position: relative; } .right46 { width: 51%; float: right; display: inline-block; position: relative; } .left46.inverted { float: right; width: 51%; } .right46.inverted { float: left; width: 46%; } .left51 { width: 51%; float: left; display: inline-block; position: relative; } .right51 { width: 46%; margin-right: 0px; float: right; display: inline-block; position: relative; } .item_3.item_2:nth-child(2n+2) { margin-right: 0; } #dates .item span.align_div { padding-left: 24px; padding-right: 0px; width: calc(100% - 90px); } #dates .item img { width: 90px; } #dates .item { margin-bottom: 44px; } #slider_temoignage p { padding: 0px 10%; margin-bottom: 0px; } .equipesSliderContainer .slick-next { right: 10px; top: -48px; } .equipesSliderContainer .slick-prev { right: 48px; top: -48px; left: auto; } #mozaic .item { padding: 20px; } .slider .legende { width: 36%; height: auto; padding: 16px; } .three-cols h3 { margin-top: 28px; } .slider_presentation .slick-next { right: -34px; } .slider_presentation .slick-prev { left: -34px; } .item_3 { float: left; display: inline-block; margin-right: 56px; margin-bottom: 20px; width: calc(33.3333% - 41px); } } @media screen and (max-width: 1024px) { .paddPres.zone_02 .left { width: calc(50% - 16px); } .paddPres.zone_02 .right { width: calc(50% - 16px); } .left { width: calc(50% - 20px); } .right { width: calc(50% - 20px); } .left72 { width: 75%; } .right72 { width: calc(34% - 12px); margin-left: 12px; } .left46 { width: 46%; margin-right: 0px; float: left; display: inline-block; position: relative; } .right46 { width: 51%; float: right; display: inline-block; position: relative; } .left46.inverted { float: right; width: 51%; } .right46.inverted { float: left; width: 46%; } .left51 { width: 51%; float: left; display: inline-block; position: relative; } .right51 { width: 46%; margin-right: 0px; float: right; display: inline-block; position: relative; } .item_5 { float: left; display: inline-block; margin-right: 36px; margin-bottom: 36px; width: calc(33.3333% - 24px); margin-bottom: 36px; } .item_5:nth-child(5n+5) { margin-right: 36px; } .item_5:nth-child(3n+3) { margin-right: 0; } .three-cols img { width: 25%; margin-right: 12px; } .three-cols .corps { width: calc(100% - 133px); } .three-cols h3, .three-cols .corps p { width: 70%; } .three-cols h3 { margin-top: 20px; } .three-cols .infos { width: 130px; margin-left: 3px; padding: 0px 8px; } .slider_presentation .slick-next { right: -28px; } .slider_presentation .slick-prev { left: -28px; } .left80 { width: 90%; } .left40 { width: 36%; } .right40 { width: 64%; } } @media screen and (max-width: 820px) { .paddPres.zone_02 .left { width: 100%; display: block; float: none; } .paddPres.zone_02 .right { width: 100%; display: block; float: none; } .item_5 { float: left; display: inline-block; margin-right: 20px; margin-bottom: 20px; width: calc(33.3333% - 14px); margin-bottom: 24px; } .item_5:nth-child(5n+5) { margin-right: 36px; } .item_5:nth-child(3n+3) { margin-right: 0; } .item_4 { float: left; display: inline-block; margin-right: 20px; margin-bottom: 20px; width: calc(33.3333% - 14px); margin-bottom: 24px; } .item_4:nth-child(5n+5) { margin-right: 36px; } .item_4:nth-child(3n+3) { margin-right: 0; } .left80 { width: 100%; } .left72 { padding-right: 0px; } .item_3 { margin-right: 36px; margin-bottom: 30px; width: calc(50% - 18px); } .item_3:nth-child(3n+3) { margin-right: 36px; } .item_3:nth-child(2n+2) { margin-right: 0; } .page_30 #temoignagesActuPartenaires .item_3 { margin-right: 20px; width: calc(33.3333% - 13.3333px); } .page_30 #temoignagesActuPartenaires .item_3:nth-child(3n+3) { margin-right: 0px; } .right74 { width: calc(22.333% - 16px); } .left31 { width: 42%; } .right31 { width: calc(58% - 20px); float: right; display: inline-block; position: relative; } .right { width: calc(50% - 5px); float: right; display: inline-block; position: relative; height: auto; } .page_19 .left31 { width: 37%; } .page_19 .right31 { width: calc(61% - 6px); float: right; display: inline-block; position: relative; } .left74 { width: 100%; float: none; display: block; margin-bottom: 38px; } .right74 { width: 100%; float: none; display: block; } .left76 { width: 100%; float: none; display: block; } .right76 { width: 100%; float: none; display: block; } .left46 { width: 46%; margin-right: 0px; float: left; display: inline-block; position: relative; } .right46 { width: 100%; float: none; display: block; } .left46.inverted { width: 100%; float: none; display: block; } .right46.inverted { width: 100%; float: none; display: block; } .left51 { width: 51%; float: left; display: inline-block; position: relative; } .right51 { width: 46%; margin-right: 0px; float: right; display: inline-block; position: relative; } .item_3.item_2 { width: calc(50% - 9px); float: left; display: inline-block; position: relative; margin-right: 18px; margin-bottom: 18px; } .item_3.item_2:nth-child(2n+2) { margin-right: 0; } .right60.alternate, .right60, .left60.alternate, .left60, .right.alternate, .left.alternate { width: 100%; float: none; display: block; margin-bottom: 16px; padding-left: 0; margin-right: 0px; height: auto; } .right60.alternate:after, .right60:after, .left60.alternate:after, .left60:after { display: block; clear: both; content: ''; } div.bottom { position: relative; bottom: auto; } #dates .item span.align_div { padding-left: 14px; padding-right: 0px; width: calc(100% - 90px); } #dates .item img { width: 90px; } #dates .item { margin-bottom: 44px; } #temoignagesActu .item_3 { width: 100%; margin-right: 0px; } #temoignagesActu .item_3:nth-child(2n+2) { display: none; } .slider .legende { width: 46%; height: auto; padding: 14px; } .three-cols img { width: 25%; margin-right: 12px; } .three-cols .corps { width: calc(100% - 123px); } .three-cols h3, .three-cols .corps p { width: 70%; } .three-cols h3 { margin-top: 14px; } .three-cols .infos { width: 120px; margin-left: 3px; padding: 0px 8px; } .slider_presentation .slick-next { right: -24px; } .slider_presentation .slick-prev { left: -24px; } .roundImg { width: 44% !important; } .left, .right { width: 100%; float: none; display: block; margin-bottom: 36px; margin-right: 0px; margin-left: 0; } .leftMini { width: calc(50% - 25px); margin-top: 0px; } .rightMini { width: calc(50% + 25px); margin-top: 0px; } } @media screen and (max-width: 767px) { .left40 { display: inline-block; float: left; width: 100%; padding-right: 0px; } .leftMini { width: 100%; margin-top: 0px; display: block; } .rightMini { width: 100%; margin-top: 0px; display: block; margin-bottom: 30px; } .item_3, .page_30 #temoignagesActuPartenaires .item_3 { float: none; display: block; margin-right: 0; width: 100%; margin-bottom: 38px; } .page_19 .left31 { width: 100%; float: none; display: block; margin-bottom: 16px; padding-left: 0; margin-right: 0px; } .page_19 .right31 { width: 100%; float: none; display: block; margin-bottom: 16px; padding-left: 0; margin-right: 0px; } .left, .right, .left72, .right72, .left74, .right74, .left46, .right46, .left51, .right51, .left46.inverted, .right46.inverted, .left40, .right40 { width: 100%; float: none; display: block; margin-bottom: 16px; margin-right: 0px; margin-left: 0; } .left64 { width: 100%; float: none; display: block; } .right64 { width: 100%; float: none; display: block; } .left { margin-bottom: 24px; } .right74 { } .item_4 { width: 100%; margin-right: 0px; } .item_4:nth-child(2n) { margin-right: 0px; } .item_2 { float: none; display: block; margin-right: 0px; width: 100%; } .right31, .left31 { width: 100%; float: left; display: block; } .left31 { margin-bottom: 36px; } .item_3.item_2 { width: 100%; float: left; display: inline-block; position: relative; margin-right: 0px; } .item_3.item_2:nth-child(2n+2) { margin-right: 0; } .cent.last { display: none; } .item_3.item_2 { margin-bottom: 24px; } #dates .item { width: 100%; } #dates .item span { display: block; float: none; width: 100%; text-align: center; } #dates .item span.align_div { padding-left: 24px; padding-right: 24px; width: 100%; } #dates .item { margin-bottom: 34px; } #dates h2 { text-align: center; } #slider_temoignage p { padding: 0px 0%; margin-bottom: 0px; } #temoignagesActu .temoignageSliderContainer, #temoignagesActu .listActu { height: auto;; } .partenairesSliderContainer { height: auto; overflow: hidden; } .partenairesSliderContainer img { height: auto; width: 100%; } .equipesSliderContainer .slick-next { right: 10px; top: -42px; } .equipesSliderContainer .slick-prev { right: 48px; top: -42px; left: auto; } .slider .legende { width: 100%; height: auto; padding: 14px; } .item_5 { float: left; display: inline-block; margin-right: 0; margin-bottom: 24px; width: 100%; } .three-cols img, .three-cols .infos { display: block; margin-right: 0; width: 100%; } .three-cols { width: 100%; display: inline-block; float: none; } .three-cols .corps { width: 100%; text-align: center; padding: 0px 0px; width: 100%; } .three-cols .infos { width: 120px; margin-left: 0; padding: 16px 16px 26px 16px; text-align: center; width: 100%; } .three-cols h3 { max-width: 100%; padding: 16px 16px; } .three-cols .corps p { display: none; } .three-cols .infos .bt.mini { width: auto; margin: 0 auto; } .roundImg { width: 40% !important; } } /* ***************************** HOME ********************************* */ .page_1 #btSound { z-index: 102; position: absolute; bottom: 80px; left: calc(50% - 39px); width: 78px; height: 78px; display: none; } .page_1 #btSound img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } #slider_partenaire { margin: 60px 0; } #pushes .item_3 img { margin-bottom: 22px; width: 102px; } .barrebleue, .overUp { position: absolute; top: -100px; left: 0; } .z9 { z-index: 9; } #log { display: none; } .scroll { position: absolute; left: calc(50% - 23px); bottom: 8px; } .scroll:hover { cursor: pointer; } .page_1 .presentation span { display: block; font-weight: 400; } .presentation .left { padding-right: 3%; } .barre { width: 100%; display: block; height: 100px; } #pushes { margin-top: -50px; } .qsvContainer { margin-top: 90px; } #pushes .item_3 { box-shadow: -20px 20px 50px 0px rgba(0, 0, 0, 0.4); margin-bottom: 130px; margin-top: 70px; } #pushes .item_3.planete { box-shadow: unset; margin-bottom: 130px; } .page_32 #pushes .item_3 { margin-top: 0; margin-bottom: 66px; } #pushes .item_3 div { padding: 54px 30px; } .page_32 #pushes { padding: 60px 0 20px; } #pushes .item_3 p { margin-bottom: 0px; } #pushes .notOver { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #pushes .over { opacity: 0; filter: alpha(opacity=0); } .page_32 .item_3 .fleche { width: 70px !important; height: auto !important; display: block !important; bottom: 0px !important; left: calc(50% - 35px) !important; position: absolute !important; margin-bottom: 0px !important; } #pushes .item_3.planete img { width: 110%; margin-bottom: 0px; flex-shrink: 0; } #pushes .item_3.planete > div { padding: 0px !important; display: flex; justify-content: center; align-items: center; } #pushes .item_3.planete:hover { cursor: default; } .page_32 #pushes .item_3:not(.planete) .over { display: flex; justify-content: center; align-items: center; } #pushes .item_3:hover .over { opacity: 1; filter: alpha(opacity=1); -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; } .qsv { display: inline-block; padding: 18px 26px 12px; background: transparent url("img/home/qsv.png") no-repeat right top; background-size: 100% 100%; } .qsv.qsv2 { background: transparent url("img/home/qsv2.png") no-repeat right top; background-size: 100% 100%; } .qsvyeloow { display: flex; justify-content: center; align-items: center; padding: 11px 34px 5px; background: transparent url("img/qsv-yellow.png") no-repeat right top; background-size: 100% 100%; width: -moz-max-content; width: max-content; } .qsvbluef { display: flex; justify-content: center; align-items: center; padding: 11px 34px 5px; background: transparent url("img/qsv-bluef.png") no-repeat right top; background-size: 100% 100%; width: -moz-max-content; width: max-content; } .qsvblue { display: flex; justify-content: center; align-items: center; padding: 11px 34px 5px; background: transparent url("img/qsv-blue.png") no-repeat right top; background-size: 100% 100%; width: -moz-max-content; width: max-content; } .contact-form .qsvbluef, .contact-form .qsvblue { padding: 10px 24px 10px; } .qsvinverted { display: inline-block; padding: 20px 58px 48px 26px; background: transparent url("img/qsv-i.png") no-repeat right top; background-size: 100% 100%; width: -moz-max-content; width: max-content; line-height: 20px; } .produitsList .qsvinverted { position: absolute; right: 6%; bottom: -69px; } .qsvyeloow img, .qsvbluef img { display: block; margin-left: 15px; width: auto !important; } #pushes { padding-top: 48px; } .actu > img { width: 100%; height: auto; } .actu.actuVoid img { width: auto; height: auto; } .actu.actuVoid { display: flex; justify-content: center; align-items: center; } .actu h3:after { content: ""; /*margin: auto;*/ width: 80px; height: 6px; background-color: #FFE500; margin-top: 20px; } .actu:not(.actuVoid) { text-align: left; -webkit-box-shadow: -10px 10px 30px 0px rgba(0,0,0,0.3); -moz-box-shadow: -10px 10px 30px 0px rgba(0,0,0,0.3); box-shadow: -10px 10px 30px 0px rgba(0,0,0,0.3); background-color: #b5e2341; border-color: #b5e2341; border-width: 10px; border-radius: 0px; /*padding: 13px 10px;*/ } .actu > div { padding: 38px 38px 68px; height: 100%; } .actu:not(.actuVoid) > img { /*margin-bottom: 20px;*/ display: block; } .actu { margin-bottom: 48px; } .page_1 .actu { margin-bottom: 0px; } #leader img { width: auto; display: block; } .scroll { width: 40px; } #leader .bigBigContent { display: flex; align-items: flex-end; justify-content: space-between; } .bounce2 { animation: bounce2 2s ease infinite; } @keyframes bounce2 { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .page_1 #btSound:hover { cursor: pointer; } .page_32 #pushes .item_3 div { padding: 54px 54px; } @media screen and (max-width: 1920px) { .page_32 .item_3 .fleche { width: 60px !important; left: calc(50% - 30px) !important; } .page_32 #pushes .item_3 div { padding: 48px 48px; } #leader img { width: 160px; } .actu > div { padding: 30px 30px 60px; } .barrebleue, .overUp { position: absolute; top: -90px; left: 0; } .barre { width: 100%; display: block; height: 90px; } } @media screen and (max-width: 1680px) { .page_32 .item_3 .fleche { width: 52px !important; left: calc(50% - 26px) !important; } .page_1 #btSound { bottom: 74px; width: 60px; height: 60px; left: calc(50% - 30px); } #slider_partenaire { margin: 40px 0; } .qsvinverted { padding: 12px 50px 40px 24px; background: transparent url("img/qsv-i.png") no-repeat right top; background-size: 100% 100%; line-height: 20px; } .produitsList .qsvinverted { bottom: -60px; } #pushes { padding-top: 28px; margin-top: -40px; } .qsvContainer { margin-top: 70px; } .barrebleue, .overUp { top: -64px; } .actu h3:after { content: ""; /* margin: auto; */ width: 70px; height: 5px; background-color: #FFE500; margin-top: 14px; } .actu > div { padding: 26px 20px 40px; } .barre { height: 64px; } #videoClickBt img { width: 74px; margin-right: 15px; } #pushes .item_3 div { padding: 37px 21px; } .page_32 #pushes .item_3 div { padding: 37px 37px; } #pushes .item_3 { box-shadow: -16px 16px 40px 0px rgba(0, 0, 0, 0.4); margin-bottom: 86px; margin-top: 56px; } .page_32 #pushes .item_3 { margin-top: 0; margin-bottom: 76px; } .page_32 #pushes { padding: 60px 0 00px; } #pushes .item_3 img { margin-bottom: 14px; width: 80px; } .qsv { padding: 13px 22px 8px; background: transparent url("img/home/qsv.png") no-repeat right top; background-size: 100% 100%; } .qsv.qsv2 { background: transparent url("img/home/qsv2.png") no-repeat right top; background-size: 100% 100%; } .qsvyeloow { padding: 9px 30px 5px; background: transparent url("img/qsv-yellow.png") no-repeat right top; background-size: 100% 100%; } .qsvbluef { padding: 9px 30px 5px; background: transparent url("img/qsv-bluef.png") no-repeat right top; background-size: 100% 100%; } .qsvblue { padding: 9px 30px 5px; background: transparent url("img/qsv-blue.png") no-repeat right top; background-size: 100% 100%; } .qsvyeloow img, .qsvbluef img { width: 24px !important; height: auto; margin-left: 13px; } .actu.actuVoid img { width: 180px; } #leader img { width: 150px; display: block; } .presentation .left { padding-right: 2%; } } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1024px) { .presentation .left { padding-right: 2%; } #leader img { width: 120px; display: block; } .barre { height: 50px; } .barrebleue, .overUp { top: -50px; } #paves5 .item_5:nth-child(4), #paves5 .item_5:nth-child(5) { margin-top: 0; } #pushes .item_3 div, .page_32 #pushes .item_3 div { padding: 22px 22px; } .qsvyeloow { padding: 9px 20px 5px; } .qsvbluef { padding: 9px 20px 5px; } .qsvblue { padding: 9px 20px 5px; } } @media screen and (max-width: 820px) { #pushes .item_3.planete img { width: 100%; margin-bottom: 0px; flex-shrink: 0; } #paves4 .item_4:nth-child(4) { margin-top: 0; } .presentation .left, .presentation .right, #leader .left, #leader .right { padding-right: 0%; /*text-align: center;*/ } #leader img { width: 120px; display: inline-block; } .actu.actuVoid { display: none; } #pushes .content > div:nth-child(3) { display: none; } #pushes .item_3 { box-shadow: -10px 10px 30px 0px rgba(0, 0, 0, 0.4); margin-bottom: 36px; margin-top: 0px; } .barre { height: 40px; } .barrebleue, .overUp { top: -40px; } #leader .bigBigContent { display: block; } .page_1 .fullsliderContainer { } .page_1 .presentation { margin-top: 0px; } #pushes { padding-bottom: 20px; } .souhaitez { margin-bottom: 30px; } #pushes .item_3 div, .page_32 #pushes .item_3 div { padding: 33px 33px; } } @media screen and (max-width: 767px) { #pushes .item_3.planete img { width: 90%; margin-bottom: 0px; flex-shrink: 0; } .contact-form .qsvbluef, .contact-form .qsvblue { margin-top: 7px; } .page_1 #btSound { bottom: 4px; width: 50px; height: 50px; left: calc(50% - 25px); } .scroll { display: none; } #paves4 .item_4:nth-child(2), #paves4 .item_4:nth-child(3) { margin-top: 0; } #slider_partenaire { margin: 30px 0; } .qsvinverted { padding: 10px 36px 36px 20px; background: transparent url("img/qsv-i.png") no-repeat right top; background-size: 100% 100%; line-height: 14px; } .produitsList .qsvinverted { bottom: -56px; right: 14px; width: calc(100% - 28px); } .qsvContainer { margin-top: 60px; } #pushes { padding-top: 8px; margin-top: -100px; } .barrebleue, .overUp { top: -30px; } #log { display: block; text-align: center; } #log img { display: inline-block; margin-top: 80px; width: 200px; } .presentation .bigBigContent { margin-top: -50px; } #pushes .content > div:nth-child(3) { display: block; } #pushes .item_3 { box-shadow: -10px 10px 30px 0px rgba(0, 0, 0, 0.4); margin-bottom: 36px; margin-top: 36px; } #leader img { width: 100px; display: inline-block; } .page_1 .actu { margin-bottom: 38px; } .barre { height: 30px; } #pushes { padding-top: 60px; padding-bottom: 28px; } .page_1 .presentation { margin-top: 30px; } .souhaitez { margin-bottom: 10px; } #pushes .item_3 div, .page_32 #pushes .item_3 div { padding: 32px 24px 32px; } .page_32 #pushes .item_3 div.notOver p { padding:0px 0 30px; } } .barrebleue, #pushes { z-index: 9; } .actu { background-color: #fff; } .actu.actuVoid { background-color: transparent; } @media screen and (max-width: 360px) { } /* ***************************** PAGES ********************************* */ .soutient { display: flex; align-items: center; justify-content: space-between; text-align: center; padding: 50px 8% 0px; text-align: center; position: relative; } .soutient > div:after { position: absolute; display: block; top: -10%; height: 120%; width: 1px; content: ''; left: 4.5%; background-color: #fff; } .soutient > div { text-align: left; font-size: 26px; line-height: 1.3em; text-transform: uppercase; } .soutient img { display: inline-block; width: 29%; position: relative; } .soutient div { display: inline-block; width: 71%; padding-left: 8%; } #soutient { background-color: #1e3250; padding: 80px 0px; } #soutient .content.oddText { padding: 0px 6%; text-align: center; } #questoin { margin-top: 190px; padding: 50px 0 80px; } #questoin .content { text-align: center; padding: 0 8%; line-height: 1.3em; color: #294284 !important; } .engagements { margin-top: 50px; } .titleBlock { background-color: #e0f4fc; border-radius : 30px; padding: 30px 0 20px 34%; margin-bottom: 36px; } .titleBlock img { display: block; position: absolute; left: 0; bottom: 10px; width: 34%; } .titleBlockBloc { margin-top: 150px; } .titleBlock span { display: block; color: #30b8ea; } .titleBlock h2 { display: block; color: #294284; margin-bottom: 0px; font-size: 50px; line-height: 50px; } #tutos { background-color: #fde31b; padding: 79px 45px 79px 38%; display: flex; align-items: center; justify-content: space-between; } #tutos .bt { background-color: #30b8ea; border: 1px solid #30b8ea; color: #fff; padding: 16px 58px; height: auto; } #tutos .bt:hover { background-color: #fff; border: 1px solid #fff; color: #30b8ea; } #tutos img { width: 30%; position: absolute; top: -45%; left: 7%; } .mobLangues { display: none; } #enMessage .bigBigContent { text-align: right; } h1.picto { display: flex; justify-content: flex-start; align-items: flex-start; } h1.picto img { width: 66px; height: auto; margin-right: 18px; margin-top: 12px; } .slick-dots li button::before { border: none !important; background-color: #2794bd; } .slick-dots li.slick-active button::before { border: none !important; background-color: #ffffff; } .calendrier .ccorps { padding: 38px 24px 34px; font-size: 24px; line-height: 1.2em; } #slider_cal .calendrier { padding: 10px; } #slider_cal { width: calc(100% + 20px); margin-left: -10px; } .calendrier .cdate { display: flex; justify-content: center; align-items: center; font-size: 20px; line-height: 20px; margin-bottom: 10px; } .calendrier .cdate img { width: 56px; height: auto; margin-right: 10px; } .calendrier .cdate { margin-top: 25px; } .calendrier .ccorps:after { content: ""; display: block; width: 14px; height: 14px; background-color: #fff; position: absolute; -webkit-transform: scaleX(.75) rotate(45deg); -ms-transform: scaleX(.75) rotate(45deg); transform: scaleX(.75) rotate(45deg); border-width: 0; -webkit-box-sizing: content-box; box-sizing: content-box; top: calc(100% - 7px); left: 50%; -webkit-transform: translateX(-50%) scaleX(.75) rotate(45deg); -ms-transform: translateX(-50%) scaleX(.75) rotate(45deg); transform: translateX(-50%) scaleX(.75) rotate(45deg); } /******************* *******************/ .bigBtText span { display: block; } .bigBtText { display: flex; margin-bottom: 30px; display: flex; justify-content: flex-start; align-items: center; text-align: left !important; width: -moz-max-content; width: max-content; max-width: 100%; } .tabContent .bigBtText img { width: 30px; height: auto; margin-right: 14px; } .tabContent .bigBtText .smallText2 { margin-top: -3px; } .tabTitle { margin-bottom: 12px; } .tabContainer { margin-bottom: 46px; } .dateTab { width: auto; display: inline-block; background-color: #b9b9b9; padding: 10px 18px; margin-right: 2px; margin-top: 2px; color: #fff; } .tabContent { background-color: #31b9ec; padding: 28px; display: none; } .tabContent.selected { display: block; } .dateTab:hover, .dateTab.selected { background-color: #31b9ec; } .tabContent .iBt { margin-bottom: 10px; padding: 4px 15px; color: #31b9ec; display: flex; justify-content: flex-start; align-items: center; text-align: left !important; width: -moz-max-content; width: max-content; max-width: 100%; } .tabContent .iBt img { width: 21px; height: auto; margin-right: 14px; } .tabContent .iBt:hover { background-color: #ffe500 !important; } .dateTab:hover { cursor: pointer; } #i_communique .tabContent { background-color: #fff; } #i_communique .dateTab:hover, #i_communique .dateTab.selected { background-color: #fff; color: #31b9ec; } /******************* *******************/ .uppImg { margin-top: -80px; margin-bottom: 6px; height: 80px; width: auto; } #ifiltres .item_6 img { width: 84px; height: auto; margin: 0 auto 30px; display: block; } #ifiltres .item_6 { display: inline-block; float: left; width: calc(16.666% - 25px); margin-right: 30px; -webkit-box-shadow: 0px 10px 15px 10px rgba(0,0,0,0.1); box-shadow: 0px 10px 15px 10px rgba(0,0,0,0.1); text-align: center; } #ifiltres .item_6:nth-child(6n+6) { margin-right: 0; } #ifiltres .item_6 > div { padding: 40px; display: flex; justify-content: center; align-items: center; } #ifiltres .item_6:hover { cursor: pointer; } #ifiltres .item_6 .over { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); } #ifiltres .item_6:hover .over { opacity: 1; filter: alpha(opacity=1); -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; } #ifiltres .item_5 img { width: 84px; height: auto; margin: 0 auto 30px; display: block; } #ifiltres .item_5 { display: inline-block; float: left; width: calc(20% - 32px); margin-right: 40px; -webkit-box-shadow: 0px 10px 15px 10px rgba(0,0,0,0.1); box-shadow: 0px 10px 15px 10px rgba(0,0,0,0.1); text-align: center; } #ifiltres .item_5:nth-child(5n+5) { margin-right: 0; } #ifiltres .item_5 > div { padding: 40px; display: flex; justify-content: center; align-items: center; } #ifiltres .item_5:hover { cursor: pointer; } #ifiltres .item_5 .over { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); } #ifiltres .item_5:hover .over { opacity: 1; filter: alpha(opacity=1); -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; } #investisseurs .right { display: flex; justify-content: flex-end; align-items: flex-end; } #investisseurs .right > div { display: flex; justify-content: center; align-items: flex-end; text-align: right; } #investisseurs .right > div span { display: block; } #investisseurs .generalbt { position: relative !important; right: auto !important; bottom:auto !important; display: flex; justify-content: center; align-items: center; margin-left: 26px; background-color: #30b8ea; } #investisseurs .generalbt img { filter: invert(79%) sepia(59%) saturate(703%) hue-rotate(360deg) brightness(105%) contrast(102%); } #investisseurs .generalbt:hover { background-color: #284283; } #investisseurs .generalbt:hover img { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(360deg) brightness(102%) contrast(102%); transform: scale(1) !important; } .page_32 #pushes { margin-top: 0px !important; } .page_32 .item_3:hover { cursor: pointer; } .assistancePicto { width: 90px; height: auto; margin: -40px auto 0; } .biseauContenair > div { width: auto; display: inline-block; margin-right: 20px; float: left; } .importe:before{ background-color: #ffe500; width: 90px; height: 7px; content: ''; margin: 0px auto 13px; position: relative; display: block; } .importe:after { background-color: #ffe500; width: 90px; height: 7px; content: ''; margin: 13px auto 40px; position: relative; display: block; } .importe.w:after, .importe.w:before { background-color: #ffffff; } #serviceassistance { margin-top: 0px !important; } .bigBigContent.mini { padding: 0 15%; } .bigBigContent.center { text-align: center; } .depannage > div { margin-top: 70px; display: flex; justify-content: flex-end; flex-direction: column ; } .depannage > img { width: 640px; position: absolute; left: -64px; top: -130px; } .depannage .generalbt.gam { position: relative; background-color: #ffe500; width: 88px; height: 88px; right:auto; bottom:auto; display: flex; justify-content: center; align-items: center; align-self: flex-end; } .depannage .generalbt:hover img { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(360deg) brightness(102%) contrast(102%); transform: scale(1) !important; } .depannage .generalbt:hover { background-color: #284283; } .depannage .mediumText3 { padding: 70px 60px 48px 440px; text-align: right; -webkit-box-shadow: 0px 0px 34px 4px rgba(0,0,0,0.15); box-shadow: 0px 0px 34px 4px rgba(0,0,0,0.15); } .assistance span { margin-bottom: 8px; display: block; } .assistance { text-align: center; padding: 0 12% 0 4%; } .assistance > * { display: block; } .assistance img { width: 56%; margin: 0 auto; } .generalbt { position: absolute; background-color: #ffe500; width: 108px; height: 108px; right: -54px; bottom: -14px; display: flex; justify-content: center; align-items: center; -webkit-box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.19); box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.19); } .generalbt.gam { right: 61px; } .generalbt img { filter: invert(54%) sepia(83%) saturate(439%) hue-rotate(151deg) brightness(103%) contrast(85%); margin-bottom: 0px !important; width: 52px; height: auto; } .generalbt:hover img, .bTgammeDoc:hover img { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(360deg) brightness(102%) contrast(102%); transform: scale(1) !important; } .generalbt:hover, .bTgammeDoc:hover { background-color: #284283; } .bTgammeDoc { background-color: #ffe500; margin-bottom: 12px; -webkit-box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.19); box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.19); background-color: #294284; color: #ffffff; } .bTgammeDoc a { background-color: #294284; display: flex; justify-content: flex-start; align-items: center; height: 70px; width: 294px; padding: 0px 12px; text-align: left; font-size: 15px; line-height: 19px; text-transform: capitalize; } .bTgammeDoc a span { color: #ffffff; } .bTgammeDoc img { filter: invert(100%) sepia(0%) saturate(7482%) hue-rotate(72deg) brightness(99%) contrast(99%); margin-bottom: 0px !important; width: 42px; height: auto; margin-right: 10px; } .bTgammeDoc a:hover { background-color: #ffe500; } .bTgammeDoc a:hover span { color: #31b9ec; } .bTgammeDoc a:hover img { filter: invert(54%) sepia(83%) saturate(439%) hue-rotate(151deg) brightness(103%) contrast(85%); } .bTgammeDocContainer { position: absolute; right: 0; bottom: 114px; width: 48%; display: flex; align-items: flex-end; justify-content: flex-end; flex-direction: column; } .dlesgames { display: flex; justify-content: center; align-items: center; text-align: center; padding: 0 20%; background-color: #fff; -webkit-box-shadow: 0px 0px 34px 4px rgba(0,0,0,0.15); box-shadow: 0px 0px 34px 4px rgba(0,0,0,0.15); } .dlesgames img { margin-bottom: 20px; } .left65 { width: 65%; float: left; display: inline-block; position: relative; height: auto; } .right65 { width: 35%; float: right; display: inline-block; position: relative; height: auto; } .experimental { display: flex; justify-content: space-between; align-items: flex-start; } .experimental img { display: block; width: 20%; margin-left: -1.8%; } .experimental div { width: 77%; padding-right: 10%; } #paves5 .item_5 { margin-top: -51px; } #paves4 .item_4 { margin-top: -40px; } .noDezsktop { display: none; } .lespictos { margin-top: 8px; } @media screen and (min-width: 1025px) { .lespictos > div:hover img { transform: scale(1.1); } } .lespictos > div { width: 20%; display: inline-block; float: left; text-align: center; margin-bottom: 20px; } .lespictos img { width: 40%; display: block; margin: 0px auto 6px; } .l1 { z-index: 1; } .l2 { z-index: 2; } .l3 { z-index: 3; } .l4 { z-index: 4; } .l5 { z-index: 5; } .l6 { z-index: 6; } .hhContainer { overflow: hidden; } #mask { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .hhContainer .maskMe { } .maskMe ul, .maskMe li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /* .maskMe li img { position: absolute; object-fit: cover; min-width: 110%; min-height: 110%; max-width: 110%; max-heigh: 110%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); top: 55%; left: 55%; } */ .bgBlueF a { border-bottom: 1px solid #fff !important; } .actubt { margin: 13px 22px 0 0; width: auto; display: inline-block; float: left; } .right .soc { position: absolute; right: 0; top: -4px; } .right .soc img { width: auto; height: auto; display: inline-block; margin-left: 4px; } .right .actuclose { position: absolute; top: 0px; right: 0px; width: auto; height: auto; margin-top: 20px; } .actucontent h1 { padding-right: 10%; } .actusep { width: 88px; height: 8px; background-color: #ffe500; margin: 22px 0px 50px; } .fancyLink:hover { cursor: pointer; } .slick-disabled { opacity: 0.8; filter: alpha(opacity=0.8); } .acTuSlider iframe { width: 100%; height: 100%; } .slider_img.vid { z-index: 1000; width: 100%; height: 100%; top: 0; left: 0; } .page_21 .right video, .page_21 .right iframe, .page_21 .left video, .page_21 .left iframe { width: 100%; } .fancybox__thumbs { display: none !important; } .fancybox__nav { position: absolute; width: 100%; top: 48%; } .page_21 #map { width: 100%; height: 460px; } .h_title { position: absolute; top: -96px; left: calc(50% - 243px); width: auto; } .paralax_scene { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hContainer { /*height: 646px;*/ } .h_etoile { width: 100%; height: auto; } .h_etoile { opacity: 0; filter: alpha(opacity=0); } .h_item { background: transparent url(img/la-societe/h_dot.png) no-repeat scroll center; background-size: 100% 100%; } .h_item strong { color: #0e3254 !important; } .h_annee { position: absolute; width: 47%; height: 47%; background-color: #ffde00; border-radius: 100%; top: 26.5%; left: 26.5%; text-align:center; display: flex; justify-content: center; align-items: center; } .h_item:hover { cursor: pointer; } .h_item:hover .h_etoile, .h_item.selected .h_etoile { opacity: 1; filter: alpha(opacity=1); -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; } .h_item.selected .h_annee, .h_item:hover .h_annee { background-color: #30b8ea; } .hPanels { width: 654px; position: relative; display: inline-block; margin: 10px auto 40px; } .h_panel { position: absolute; width: 100%; top: 0; background-color: #30b8ea; left: calc(50% - 327px); opacity: 0; filter: alpha(opacity=0); padding: 40px 40px 34px 40px; display: flex; justify-content: flex-start; align-items: center; text-align: left; flex-direction: row; } .h_panel .h_date { font-size: 108px;; transform: rotate(270deg); display: inline-block; margin-left: -64px; color: #adddf5; } .h_panel .mediumText { text-align: left; display: inline-block; min-width: 430px; margin-left: -30px; } .hContainer { padding: 70px 0 40px; } .h_panel .mediumText { } .h_panel:first-child { opacity: 1; filter: alpha(opacity=1); position: relative; top: auto; left: auto; } .h_panel { color: #fff; } .h_panel strong { font-family: 'robotolight'; color: #00346e; } .hContainer { width: 88%; margin: 0 auto; } #history { display: none; } img.bordas { display: inline !important; float: left !important; margin: 6px 16px 0 0 !important; width: auto !important; } .demain { display: flex; justify-content: center; align-items: center; } .demain img { width: 100px; height: auto; margin-right: 16px; } .produitsListContainer { margin-top: -110px; padding-bottom: 180px; z-index: 1; } .produitsTitle { padding-top: 80px; z-index: 7; display: block; position: relative; } .produitsTitle > div { max-width: 48%; } .produitsTitle > div img { margin-bottom: 6px; } .produitsContaners { margin-top: -40px; z-index: 6; display: block; position: relative; } .produitsTitle { display: flex; justify-content: center; align-items: center; } .produitsTitle > div { text-align: right; } .produitsTitle > img, .produitsTitle > a > img { margin-left: -190px; } .produit { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 1px; width: 100%; background-color: #fff; } .produit > img { display: inline-block; width: 30%; } .produit h3 { margin-bottom: 6px; } .produit > div { display: inline-block; width: 65%; padding-bottom: 50px; padding-top: 40px; padding-right: 10%; } .paddProduits { height: 120px; margin-top: -1px; } .produitsFilters .item_3:hover { cursor: pointer; } img.block { display: block; } .btbiseau span { display: block; } .btbiseau span.oddText { text-transform: uppercase; } .btbiseau { display: flex; align-items: center; justify-content: flex-end; padding: 12px 36px 12px 20px; background: transparent url("img/btbiseaubackblue.png") no-repeat right top; background-size: 100% 100%; width: -moz-max-content; width: max-content; } .btbiseau.biseauyellow { background: transparent url("img/btbiseaubackyellow.png") no-repeat right top; background-size: 100% 100%; } .btbiseau.biseaubluef { background: transparent url("img/btbiseaubackbluef.png") no-repeat right top; background-size: 100% 100%; } .btbiseau.biseaublanc { background: transparent url("img/btbiseaubackblanc.png") no-repeat right top; background-size: 100% 100%; } .btbiseau img { width: 53px; margin-left: 14px; } .presentation .right .illus { width: 100%; } .paddPres { padding: 104px 0; } .actu .over { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); text-align: center; display: flex; justify-content: center; align-items: center; } .actu .over > div { width: 100%; } img.fleched { margin: auto; display: block; width: 32px; bottom: 28px; position: absolute; left: calc(50% - 16px); -moz-filter: invert(68%) sepia(31%) saturate(5317%) hue-rotate(166deg) brightness(105%) contrast(84%); filter: invert(68%) sepia(31%) saturate(5317%) hue-rotate(166deg) brightness(105%) contrast(84%); } .page_20 .actu:hover, .page_1 .actu:not(.actuVoid):hover { background-color: #284283 !important; -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; } .page_20 .actu:hover h3, .page_20 .actu:hover p, .page_1 .actu:not(.actuVoid) > div:hover h3, .page_1 .actu:not(.actuVoid) > div:hover p, .page_1 .actu:not(.actuVoid):hover > img + div h3, .page_1 .actu:not(.actuVoid):hover > img + div p { color: #fff !important; -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; } .page_20 .actu:hover img.fleched, .page_1 .actu:hover img.fleched { /* -moz-filter: invert(81%) sepia(62%) saturate(2312%) hue-rotate(5deg) brightness(111%) contrast(104%); filter: invert(81%) sepia(62%) saturate(2312%) hue-rotate(5deg) brightness(111%) contrast(104%); */ } .actu .over span { display: block; text-align: center; text-transform: uppercase; } .actu .over span { display: block; text-align: center; padding: 0 4%; } .actu .over img { margin-bottom: 26px; } .actu:hover .over, .actu.selected .over { opacity: 1; filter: alpha(opacity=1); -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; } .actu .over span:before, .ifiltre .over span:before, .barreJaune:before { content: ""; width: 45px; height: 7px; background-color: #ffe500; position: relative; display: block; margin: 0 auto 10px; } .actu .over span:after, .ifiltre .over span:after, .barreJaune:after { content: ""; width: 45px; height: 7px; background-color: #ffe500; position: relative; display: block; margin: 10px auto 0; } .bjaune:after { content: ""; width: 45px; height: 7px; background-color: #ffe500; position: relative; display: block; margin: 20px auto 30px auto; } .actu .over.bgYellow span:before { background-color: #31B9EC; } .actu .over.bgYellow span:after { background-color: #31B9EC; } .bottomImg { position: absolute; bottom: 0; width: 100%; height: auto; left: 0; } #actualites .actu { opacity: 0; filter: alpha(opacity=0); } .page_30 #actualites .actu { opacity: 1; filter: alpha(opacity=1); } #actualites .actu img.illus { width: 100%; } #actualites .actu { float: left; display: inline-block; margin-right: 66px; margin-bottom: 60px; width: calc(25% - 50px); } #actualites .actu:nth-child(4n+4) { margin-right: 0px; } .btn:hover, .btbiseau:hover { transform: scale(1.1); } span.spacer { display: block; } .usercontent .bt { margin-bottom: 8px; margin-right: 4px; } .usercontent em { font-style: italic; } .usercontent ul { vertical-align: top; margin-top: 8px; } li.liLink { background: url('img/icon-link.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-size: 22px 22px; vertical-align: top; margin-bottom: 3px; padding-left: 25px; background-position: 0px 3px; height: 28px; } li.liFile { background: url('img/icon-pdf.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-size: 22px 22px; vertical-align: top; margin-bottom: 3px; padding-left: 25px; background-position: 0px 3px; height: 28px; } .usercontent li { background: url('img/puce.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 17px 17px; vertical-align: top; margin-bottom: 3px; padding-left: 25px; background-position: 0px 6px; } .usercontentyellow li { background: url('img/puceyellow.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 17px 17px; vertical-align: top; margin-bottom: 12px; padding-left: 25px; background-position: 0px 6px; } .usercontentBlue li { background: url('img/puceblue.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 17px 17px; vertical-align: top; margin-bottom: 12px; padding-left: 25px; background-position: 0px 6px; } .usercontentWhite li { background: url('img/pucewhite.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 17px 17px; vertical-align: top; margin-bottom: 6px; padding-left: 25px; background-position: 0px 6px; } .usercontent a:not(.bt) { -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; } .usercontent a:not(.bt):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; opacity: 0.7; filter: alpha(opacity=0.7); } .usercontent a:not(.bt) { font-weight: 700; } .right76 .social { float: right; } .right76 .social img { width: 38px; display: inlin-block; -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; } .right76 .social img: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; opacity: 0.6; filter: alpha(opacity=0.6); } #footer .social img: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; opacity: 0.4; filter: alpha(opacity=0.4); } .page_14 td { font-weight: 300; padding: 2px 8px 2px 0; } .page_30 .actu:not(.actuVoid) > img { margin-bottom: 0 !important; } .ff .right img { width: auto; display: block; } .ff .ampoule { display: flex; justify-content: center; align-items: center; } .ff .ampoule img { margin-right: 14px; margin-top: -12px; width: 118px; } .ff .eco { margin-bottom: 56px; } .ff .ampoule div { padding-right: 15%; } .ff .ampoule span { display: block; } .ff .ampoule img { margin-bottom: 0px !important; } .histoiresContainer { z-index: 9; } .paddPresNoTop { padding-top: 0px !important; } /* *** */ .maskMe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; mask-image: url(img/timeline/mask.png); -webkit-mask-image: url(img/timeline/mask.png); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: cover; -webkit-mask-size: cover; } .histoiresContainer { padding: 60px 0; } #slider_h { margin: 50px 0; } .maskMe li img { position: absolute; object-fit: cover; bottom: -100px; width: calc(100% + 100px); left: -50px; } .h_title { position: absolute; top: -46px; left: calc(50% - 243px); width: auto; } .produitsTitle > div h2 { margin-bottom: 8px; } @media screen and (min-width: 1025px) { .produitsTitle > a > img:hover { transform: scale(1.1); } } .camembert { width: 300px; } .page_30 .qsvyeloow.mediumText { margin-top: 22px; } /* *** */ .hPH1 { padding-right: 140px !important; } .hPH2 { margin-left: -330px !important; } @media screen and (max-width: 2560px) { /* *** */ .maskMe { top: 0; left: 0; height: 100%; width: 100%; } .histoiresContainer { padding: 0px 0; } #slider_h { margin: 0px 0; } .maskMe li img { position: absolute; object-fit: cover; bottom: -30px; width: calc(100% + 100px); left: -50px; } .h_title { position: absolute; top: -70px; left: calc(50% - 243px); width: auto; } /* *** */ } #chatBot { height: 800px; } #chatBot iframe { width: 100%; max-width: 100%; height: 100%; max-height: 100%; } #virtual { border: none; height: 900px; } .page_13 .virtualContainer h2 { color: #ffffff !important; } .page_13 .virtualContainer { margin-top: -300px; } @media screen and (max-width: 1920px) { #chatBot { height: 700px; } .soutient { padding: 40px 12% 0px; } .soutient > div:after { top: -10%; height: 120%; width: 1px; left: 4.5%; } .soutient > div { font-size: 24px; line-height: 1.3em; } .soutient img { width: 29%; } .soutient div { width: 71%; padding-left: 8%; } #soutient { padding: 60px 0px; } #soutient .content.oddText { padding: 0px 8%; } #questoin { margin-top: 140px; padding: 34px 0 70px; } #questoin .content { text-align: center; padding: 0 10%; line-height: 1.3em; color: #294284 !important; } .engagements { margin-top: 20px; } .titleBlock { border-radius : 26px; padding: 24px 0 14px 33%; margin-bottom: 32px; } .titleBlock img { width: 33%; bottom: 7px; } .titleBlockBloc { margin-top: 120px; } .titleBlock h2 { font-size: 38px; line-height: 38px; } #tutos { background-color: #fde31b; padding: 63px 36px 63px 38%; } #tutos .bt { padding: 13px 47px; } #tutos img { width: 32%; top: -45%; left: 7%; } .actu .over img { margin-bottom: 12px; width: 60px; } .camembert { width: 260px; } .produitsTitle > div { max-width: 50%; } .produitsTitle > div h2 { margin-bottom: 7px; } h1.picto img { width: 55px; height: auto; margin-right: 16px; margin-top: 10px; } .calendrier .cdate { font-size: 16px; line-height: 18px; margin-bottom: 8px; } .calendrier .cdate img { width: 46px; height: auto; margin-right: 8px; } .calendrier .cdate { margin-top: 25px; } .calendrier .ccorps { padding: 32px 21px 28px; font-size: 19px; line-height: 1.2em; } #slider_cal .calendrier { padding: 8px; } #slider_cal { width: calc(100% + 16px); margin-left: -8px; } .bigBtText { margin-bottom: 24px; } .tabContent .bigBtText img { width: 26px; height: auto; margin-right: 12px; } .tabContent .bigBtText .smallText2 { margin-top: -3px; } .tabTitle { margin-bottom: 10px; } .tabContainer { margin-bottom: 40px; } .dateTab { padding: 7px 13px; margin-right: 2px; } .tabContent { padding: 22px; } .tabContent .iBt { margin-bottom: 8px; padding: 2px 13px; } .tabContent .iBt img { width: 18px; margin-right: 12px; } #ifiltres .item_6 > div { padding: 32px; } #ifiltres .item_6 { width: calc(16.666% - 17px); margin-right: 20px; } #ifiltres .item_6:nth-child(6n+6) { margin-right: 0; } #ifiltres .item_6 img { width: 68px; margin: 0 auto 20px; } #ifiltres .item_5 > div { padding: 32px; } #ifiltres .item_5 { width: calc(20% - 16px); margin-right: 20px; } #ifiltres .item_5:nth-child(5n+5) { margin-right: 0; } #ifiltres .item_5 img { width: 68px; margin: 0 auto 20px; } .ff .right img { width: 340px; display: block; } .ff .ampoule img { margin-right: 14px; margin-top: -12px; width: 118px; } .ff .ampoule div { padding-right: 8%; } .assistancePicto { width: 80px; height: auto; margin: -40px auto 0; } .importe:before{ width: 80px; height: 6px; margin: 0px auto 10px; } .importe:after { width: 90px; height: 6px; margin: 10px auto 32px; } .bigBigContent.mini { padding: 0 12%; } .generalbt { width: 86px; height: 86px; right: -43px; bottom: -4px; } .generalbt.gam { right: 48px; } .bTgammeDoc { margin-bottom: 10px; } .bTgammeDoc img { margin-bottom: 0px !important; width: 38px; height: auto; } .bTgammeDocContainer { position: absolute; right: 0; bottom: 90px; width: 48%; } .bTgammeDoc a { height: 60px; width: 270px; padding: 0px 10px; text-align: left; font-size: 14px; line-height: 17px; } .bTgammeDoc { margin-bottom: 8px; } .generalbt img { width: 41px; } .dlesgames img { margin-bottom: 18px; width: 64px; } #paves4 .item_4 { margin-top: -43px; } #paves5 .item_5 { margin-top: -43px; } .page_21 #map { width: 100%; height: 430px; } .paddPres { padding: 94px 0; } #actualites .actu { margin-right: 46px; margin-bottom: 40px; width: calc(25% - 35px); } .produit > div { width: 67%; padding-bottom: 30px; padding-right: 4%; } .usercontentyellow li { background: url('img/puceyellow.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 16px 16px; vertical-align: top; margin-bottom: 10px; padding-left: 23px; background-position: 0px 4px; } .usercontentBlue li { background: url('img/puceblue.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 16px 16px; vertical-align: top; margin-bottom: 10px; padding-left: 23px; background-position: 0px 4px; } .usercontentWhite li { background: url('img/pucewhite.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 16px 16px; vertical-align: top; margin-bottom: 5px; padding-left: 23px; background-position: 0px 4px; } .depannage > div { margin-top: 70px; } .depannage > img { width: 512px; left: -60px; top: -96px; } .depannage .mediumText3 { padding: 56px 48px 38px 310px; } .assistance span { margin-bottom: 6px; } .assistance { padding: 0 8% 0 4%; } .assistance > * { display: block; } .assistance img { width: 64%; } .depannage .generalbt.gam { width: 70px; height: 70px; } .depannage .generalbt.gam img { width: 44px; height: auto; margin-top: 7px; } /* *** */ .maskMe { top: 0; left: -30%; height: 100%; width: 140%; } .histoiresContainer { padding: 0px 0; } #slider_h { margin: 0px 0; } .maskMe li img { bottom: -30px; width: calc(100% + 100px); left: -50px; } .h_title { top: -70px; left: calc(50% - 200px); width: 400px; } .hContainer { padding: 90px 0 20px; } .actu .over span:before, .ifiltre .over span:before, .barreJaune:before { width: 40px; height: 6px; margin: 0 auto 8px; } .actu .over span:after, .ifiltre .over span:after, .barreJaune:after { width: 40px; height: 6px; margin: 8px auto 0; } .produitsTitle > img, .produitsTitle > a > img { margin-left: -170px; width: 470px; } .page_30 .qsvyeloow.mediumText { margin-top: 18px; } /* *** */ .hPH1 { padding-right: 200px !important; } .hPH2 { margin-left: -370px !important; } #virtual { height: 700px; } .page_13 .virtualContainer { margin-top: -270px; } } @media screen and (max-width: 1680px) { #chatBot { height: 600px; } .soutient { padding: 20px 8% 0px; } .soutient > div:after { top: -10%; height: 120%; width: 1px; left: 4.5%; } .soutient > div { font-size: 20px; line-height: 1.3em; } .soutient img { width: 30%; } .soutient div { width: 70%; padding-left: 8%; } #soutient { padding: 60px 0px; } #soutient .content.oddText { padding: 0px 8%; } #questoin { margin-top: 120px; padding: 28px 0 60px; } #questoin .content { text-align: center; padding: 0 8%; line-height: 1.3em; color: #294284 !important; } .engagements { margin-top: 20px; } .titleBlock { border-radius : 24px; padding: 20px 0 12px 32%; margin-bottom: 26px; } .titleBlock img { width: 32%; bottom: 5px; } .titleBlockBloc { margin-top: 100px; } .titleBlock h2 { font-size: 34px; line-height: 34px; } #tutos { background-color: #fde31b; padding: 63px 36px 63px 38%; } #tutos .bt { padding: 10px 40px; } #tutos img { width: 31%; top: -45%; left: 7%; } .produitsTitle > div h2 { margin-bottom: 6px; } h1.picto img { width: 48px; margin-right: 12px; margin-top: 8px; } .calendrier .cdate { font-size: 14px; line-height: 14px; margin-bottom: 10px; margin-top: 20px; } .calendrier .cdate img { width: 40px; height: auto; margin-right: 7px; } .calendrier .ccorps:after { width: 12px; height: 12px; top: calc(100% - 6px); } .calendrier .ccorps { padding: 26px 21px 28px; font-size: 17px; line-height: 1.2em; } #slider_cal .calendrier { padding: 7px; } #slider_cal { width: calc(100% + 14px); margin-left: -7px; } .bigBtText { margin-bottom: 18px; } .tabContent .bigBtText img { width: 24px; height: auto; margin-right: 10px; } .tabContent .bigBtText .smallText2 { margin-top: -2px; } .tabTitle { margin-bottom: 8px; } .tabContainer { margin-bottom: 32px; } .dateTab { padding: 6px 13px; margin-right: 2px; } .tabContent { padding: 18px; } .tabContent .iBt { margin-bottom: 7px; padding: 2px 10px; max-width: 100%; } .tabContent .iBt img { width: 14px; margin-right: 10px; } .uppImg { margin-top: -50px; margin-bottom: 6px; height: 70px; width: auto; } #ifiltres .item_6 > div { padding: 24px; } #ifiltres .item_6 img { width: 58px; margin: 0 auto 12px; } #ifiltres .item_5 > div { padding: 24px; } #ifiltres .item_5 img { width: 60px; margin: 0 auto 20px; } .actu .over span:before, .ifiltre .over span:before, .barreJaune:before { width: 36px; height: 4px; margin: 0 auto 6px; } .actu .over span:after, .ifiltre .over span:after, .barreJaune:after { width: 36px; height: 4px; margin: 6px auto 0; } .bjaune:after { width: 40px; height: 5px; margin: 15px auto 20px; } .assistancePicto { width: 75px; height: auto; margin: -40px auto 0; } .importe:before{ width: 64px; height: 4px; margin: 0px auto 10px; } .importe:after { width: 64px; height: 4px; margin: 10px auto 24px; } .generalbt { width: 68px; height: 68px; right: -34px; bottom: -6px; } .generalbt.gam { right: 38px; } .generalbt img { width: 36px !important; } .experimental div { padding-right: 6%; } .dlesgames img { margin-bottom: 14px; width: 56px; } #paves4 .item_4 { margin-top: -43px; } #paves5 .item_5 { margin-top: -43px; } #paves5 { margin-top: 82px; } #paves4 { margin-top: 82px; } .dlesgames { padding: 0 18%; } .lespictos > div { width: 25%; margin-bottom: 20px; } .lespictos img { width: 40%; display: block; margin: 0px auto 6px; } .right .soc { top: -3px; } .right .soc img { width: 28px; margin-left: 3px; } .actusep { width: 70px; height: 6px; margin: 13px 0px 36px; } .right .actuclose { width: 22px; margin-top: 8px; } .page_21 #map { width: 100%; height: 330px; } .hPanels { width: 570px; margin: 10px auto 60px; } .h_panel { left: calc(50% - 285px); padding: 30px 30px 34px 50px; } .h_title { top: -23px; left: calc(50% - 180px); width: 360px; } .h_panel .h_date { font-size: 72px; line-height: 72px; transform: rotate(270deg); } .h_panel .mediumText { text-align: left; display: inline-block; min-width: 390px; margin-left: -21px; } img.bordas { margin: 6px 12px 0 0 !important; width: 110px !important; } .demain img { width: 84px; height: auto; margin-right: 12px; } .produit > div { padding-bottom: 28px; padding-right: 6%; padding-top: 28px; width: 67%; } .paddProduits { height: 90px; } .produitsListContainer { margin-top: -40px; padding-bottom: 60px; z-index: 9; } .produitsTitle > img, .produitsTitle > a > img { margin-left: -160px; width: 500px; } .produitsTitle > div img { width: 58px; height: auto; } .produitsTitle { padding-top: 40px; z-index: 7; position: relative; } .produitsTitle > div img { margin-bottom: 6px; } .produitsContaners { margin-top: -40px; z-index: 6; display: block; position: relative; } .produitsTitle > div { text-align: right; } .produit { margin-bottom: 1px; } .produit h3 { margin-bottom: 4px; } img.fleched { width: 26px; bottom: 24px; left: calc(50% - 13px); } .paddPres { padding: 74px 0; } .actu .over img { margin-bottom: 12px; width: 52px; } #actualites .actu { margin-right: 46px; margin-bottom: 40px; width: calc(25% - 35px); } #actualites .actu:nth-child(4n+4) { margin-right: 0px; } .right76 .social img { width: 33px; } .usercontent li { background: url('img/puce.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 15px 15px; vertical-align: top; margin-bottom: 2px; padding-left: 22px; background-position: 0px 4px; } .usercontentyellow li { background: url('img/puceyellow.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 14px 14px; vertical-align: top; margin-bottom: 8px; padding-left: 21px; background-position: 0px 4px; } .usercontentBlue li { background: url('img/puceblue.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 14px 14px; vertical-align: top; margin-bottom: 8px; padding-left: 21px; background-position: 0px 4px; } .usercontentWhite li { background: url('img/pucewhite.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 14px 14px; vertical-align: top; margin-bottom: 4px; padding-left: 21px; background-position: 0px 4px; } li.liLink { background: url('img/icon-link.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-size: 20px 20px; vertical-align: top; margin-bottom: 3px; padding-left: 25px; background-position: 0px 1px; height: 25px; } li.liFile { background: url('img/icon-pdf.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-size: 20px 20px; vertical-align: top; margin-bottom: 3px; padding-left: 25px; background-position: 0px 1px; height: 25px; } .actu:not(.actuVoid) { -webkit-box-shadow: -6px -6px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: -6px -6px 20px 0px rgba(0,0,0,0.3); box-shadow: -6px -6px 20px 0px rgba(0,0,0,0.3); } .btbiseau img { width: 43px; margin-left: 12px; } .ff .right img.eco { margin-bottom: 36px; width: 290px; } .ff .ampoule div { padding-right: 5%; } .ff .right .ampoule img { width: 98px; margin-right: 12px; } .ff .eco { margin-bottom: 36px; width: 290px; } .produitsTitle > img, .produitsTitle > a > img { margin-left: -140px; width: 440px; } .produitsContaners { margin-top: -30px; } .depannage > img { width: 402px; left: -60px; top: -96px; } .depannage .mediumText3 { padding: 44px 38px 30px 310px; } .depannage > div { margin-top: 60px; } .assistance span { margin-bottom: 6px; } .assistance { padding: 0 8% 0 4%; } .assistance > * { display: block; } .assistance img { width: 52%; } .depannage .generalbt.gam { width: 60px; height: 60px; } .depannage .generalbt.gam img { width: 38px; margin-top: 7px; } /* *** */ .maskMe { top: 0; left: -30%; height: 100%; width: 140%; } .histoiresContainer { padding: 0px 0; } #slider_h { margin: 0px 0; } .maskMe li img { bottom: -30px; width: calc(100% + 100px); left: -50px; } .h_title { top: -70px; left: calc(50% - 200px); width: 400px; } .hContainer { padding: 80px 0 0px; } /* *** */ .page_32 #pushes .item_3 { margin-top: 0; margin-bottom: 56px; } .camembert { width: 220px; } .page_30 .qsvyeloow.mediumText { margin-top: 14px; } .bTgammeDoc { } .bTgammeDoc img { margin-bottom: 0px !important; width: 34px !important; height: auto; } .bTgammeDocContainer { position: absolute; right: 0; bottom: 70px; width: 48%; } .bTgammeDoc a { height: 52px; width: 250px; padding: 0px 8px; text-align: left; font-size: 13px; line-height: 16px; } .hPH1 { padding-right: 200px !important; } .hPH2 { margin-left: -360px !important; } #virtual { height: 600px; } .page_13 .virtualContainer { margin-top: -240px; } } @media screen and (max-width: 1366px) { .uppImg { margin-top: -40px; margin-bottom: 6px; height: 60px; width: auto; } .camembert { width: 250px; } #questoin { margin-top: 120px; padding: 28px 0 60px; } #questoin .content { text-align: center; padding: 0 10%; line-height: 1.3em; color: #294284 !important; } #chatBot { height: 500px; } .soutient { padding: 30px 10% 0px; } .soutient > div:after { top: -10%; height: 120%; width: 1px; left: 4.5%; } .soutient > div { font-size: 20px; line-height: 1.3em; } .soutient img { width: 30%; } .soutient div { width: 70%; padding-left: 8%; } #soutient { padding: 60px 0px; } #soutient .content.oddText { padding: 0px 10%; } } @media screen and (max-width: 1024px) { #chatBot { height: 500px; } .dateTab { padding: 5px 12px; margin-right: 2px; } .soutient { padding: 30px 14% 0px; } .soutient > div:after { top: -10%; height: 120%; width: 1px; left: 4.5%; } .soutient > div { font-size: 20px; line-height: 1.3em; } .soutient img { width: 30%; } .soutient div { width: 70%; padding-left: 8%; } #soutient { padding: 60px 0px; } #soutient .content.oddText { padding: 0px 10%; } .titleBlock { border-radius : 24px; padding: 18px 0 12px 35%; } .titleBlock img { width: 35%; bottom: 5px; } .titleBlockBloc { margin-top: 90px; } .titleBlock h2 { font-size: 28px; line-height: 28px; } #tutos { background-color: #fde31b; padding: 44px 30px 44px 36%; } #tutos .bt { padding: 10px 40px; } #tutos img { width: 31%; top: -45%; left: 7%; } #questoin { margin-top: 120px; padding: 28px 0 60px; } #questoin .content { text-align: center; padding: 0 12%; line-height: 1.3em; color: #294284 !important; } .produitsTitle > img, .produitsTitle > a > img { margin-left: -150px; width: 420px; } .actu .over img { margin-bottom: 10px; width: 52px; } #ifiltres .item_5 img { width: 58px; margin: 0 auto 12px; } h1.picto img { width: 35px; margin-right: 10px; margin-top: 8px; } .uppImg { margin-top: -30px; margin-bottom: 6px; height: 60px; width: auto; } .tabContent .iBt img { width: 16px; margin-right: 8px; } #paves5 { margin-top: 82px; } #paves4 { margin-top: 82px; } #actualites .actu { margin-right: 36px; margin-bottom: 30px; width: calc(25% - 27px); } #actualites .actu:nth-child(4n+4) { margin-right: 0px; } .lespictos > div { width: 33%; margin-bottom: 20px; } .lespictos img { width: 40%; display: block; margin: 0px auto 6px; } .dlesgames { padding: 0 8%; } .assistance { padding: 0 6% 0 2%; } .depannage .mediumText3 { padding: 40px 36px 26px 260px; } .depannage > img { width: 402px; left: -60px; top: -86px; } .depannage > img { width: 372px; left: -50px; top: -67px; } /* *** */ .maskMe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; mask-image: url(img/timeline/mask.png); -webkit-mask-image: url(img/timeline/mask.png); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: cover; -webkit-mask-size: cover; } .histoiresContainer { padding: 0px 0; } #slider_h { margin: 0px 0; } .maskMe li img { bottom: -20px; width: 230%; left: -100%; } .h_title { top: -0px; left: calc(50% - 160px); width: 320px; } .hContainer { padding: 90px 0 0px; } /* *** */ .bTgammeDocContainer { position: absolute; right: 0; bottom: 70px; width: 48%; } #virtual { height: 500px; } } /* 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: 1024px) { .paddPres { padding: 64px 0; } .ff { margin-top: 70px; } } @media screen and (max-width: 820px) { #chatBot { height: 600px; } .hPH1 { padding-right: 0 !important; max-width: 100% !important; } .hPH2 { margin-left: -110px !important; } .bTgammeDocContainer { bottom: auto !important; right: auto !important; position: relative; width: 100%; justify-content: flex-start; align-items: flex-start; margin-bottom: 6px !important; } .generalbt.generalbtH { bottom: 14px !important; right: 0 !important; } .soutient { padding: 30px 8% 0px; } .soutient > div:after { top: -10%; height: 120%; width: 1px; left: 4.5%; } .soutient > div { font-size: 20px; line-height: 1.3em; } .soutient img { width: 30%; } .soutient div { width: 70%; padding-left: 8%; } #soutient { padding: 60px 0px; } #soutient .content.oddText { padding: 0px 6%; } #questoin { margin-top: 120px; padding: 28px 0 60px; } #questoin .content { text-align: center; padding: 0 6%; line-height: 1.3em; color: #294284 !important; } .titleBlock { border-radius : 24px; padding: 24px 0 17px 24%; margin-top: 120px; } .titleBlock img { width: 24%; bottom: 10px; } .titleBlockBloc { margin-top: 110px; } .titleBlock h2 { font-size: 34px; line-height: 34px; } .engagements { margin-top: 40px; } #tutos { background-color: #fde31b; padding: 44px 30px 44px 36%; } #tutos .bt { padding: 10px 40px; } #tutos img { width: 41%; top: -41%; left: 7%; } #tutos span { display: none; } .mobLangues { display: block; position: absolute; top: 50px; right: 90px; z-index: 12; } .scrolled .mobLangues { top: 22px; } .mobLangues a { color: #ffe500; font-size: 17px; margin-left: 10px; } .actu .over img { margin-bottom: 20px; width: 70px; } .produitsTitle > div.bTgammeDocContainer { max-width: calc(100% - 80px); } .uppImg { margin-top: -20px; margin-bottom: 6px; height: 60px; width: auto; } #ifiltres .item_6 { width: calc(33.333% - 14px); margin-right: 20px; margin-bottom: 20px; } #ifiltres .item_6:nth-child(6n+6) { margin-right: 20px; } #ifiltres .item_6:nth-child(3n+3) { margin-right: 0; } .bigBigContent.mini { padding: 0 0; } .generalbt { width: 68px; height: 68px; right: -36px; bottom: -36px; margin-bottom: 0px !important; } .generalbt.gam { right: 36px; } .generalbt img { width: 36px !important; } .left65, .right65 { width: 100%; margin-bottom: 24px; } #paves5 { margin-top: 98px; } #paves4 { margin-top: 70px; } .noDezsktop { display: block; } .forDeskOnly { display: none; } .MargTop768 { margin-top: 82px; } .no768 { display: none !important; } .nobBottom768 { margin-bottom: 0px !important; } .nobBottom768 { margin-bottom: 40px !important; } #actualites .actu { margin-right: 36px; margin-bottom: 30px; width: calc(50% - 18px); } #actualites .actu:nth-child(4n+4) { margin-right: 36px; } #actualites .actu:nth-child(2n+2) { margin-right: 0; } .hContainer { width: 82%; margin: 0 auto; } .paddPres { padding: 54px 0 0; } .ff { margin-top: -80px; padding-top: 90px; } .lespictos > div { width: 20%; margin-bottom: 20px; } .lespictos img { width: 40%; display: block; margin: 0px auto 6px; } .produitsTitle { display: block; text-align: center; } .produitsTitle > * { text-align: center !important; margin-bottom: 28px; } .produitsContaners { margin-top: 0px; } .produitsTitle { padding-top: 70px; } .depannage .mediumText3 { padding: 32px 32px 28px 200px; } .page_32 #pushes .item_3 { margin-top: 0; margin-bottom: 36px; } .depannage > img { width: 342px; left: -90px; top: -58px; } #ifiltres .item_5 > div { padding: 32px; } #ifiltres .item_5 { width: calc(33.333% - 30px); margin-right: 30px; margin-bottom: 30px; } #ifiltres .item_5:nth-child(5n+5) { margin-right: 30px; } #ifiltres .item_5:nth-child(3n+3) { margin-right: 30px; } #ifiltres .item_5 img { width: 60px; margin: 0 auto 20px; } .produit > div { padding-bottom: 28px; padding-top: 28px; padding-right: 6%; width: 67%; } .paddPres { padding: 34px 0; } #virtual { height: 400px; } } .scrollUp { display: none; } .hForMobile { display: none; } @media screen and (max-width: 767px) { #chatBot { height: 700px; } #soutient { padding: 50px 0px; } #ifiltres { margin-top: 44px; } .soutient > div { font-size: 19px; line-height: 1.5em; padding-left: 0px; text-align: center; } .soutient > div:after { display: none; } #soutient .content.oddText { padding: 0px 0; } .soutient { padding: 20px 0 0px; display: block; text-align: center; } .soutient img { width: 70%; display: block; margin: 0px auto 30px; } .soutient > div { width: 100%; display: block; } #questoin { margin-top: 70px; padding: 30px 0 38px; } #questoin .content { text-align: center; padding: 0 0; line-height: 1.3em; font-size: 18px; color: #294284 !important; } .titleBlock { border-radius : 24px; padding: 24px 24px 20px 24px; } .titleBlock { text-align: center; } .titleBlock img { width: 50%; bottom: auto; left: 0; position: relative; margin-top: -90px; margin-left: auto; margin-right: auto; } .titleBlockBloc { margin-top: 80px; } .titleBlock h2 { font-size: 28px; line-height: 28px; } .engagements { margin-top: -70px; } #tutos { background-color: #fde31b; padding: 100px 22px 10px 22px; display: block; text-align: center; margin-top: 100px; } #tutos > * { display: block; margin: 16px auto; } #tutos span { display: block; } #tutos .bt { padding: 10px 40px; width: 100%; } #tutos img { width: 70%; top: -44%; left: 15%; } .mobLangues { top: 59px; right: 60px; } .scrolled .mobLangues { top: 33px; } .mobLangues a { font-size: 15px; margin-left: 8px; } .usercontent li { background: url('img/puce.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 13px 13px; vertical-align: top; margin-bottom: 2px; padding-left: 19px; background-position: 0px 6px; } .usercontentyellow li { background: url('img/puceyellow.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 14px 14px; vertical-align: top; margin-bottom: 8px; padding-left: 19px; background-position: 0px 4px; } .usercontentBlue li { background: url('img/puceblue.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 14px 14px; vertical-align: top; margin-bottom: 8px; padding-left: 19px; background-position: 0px 4px; } .usercontentWhite li { background: url('img/pucewhite.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 14px 14px; vertical-align: top; margin-bottom: 4px; padding-left: 19px; background-position: 0px 4px; } h1.picto img { width: 26px; margin-right: 10px; margin-top: 7px; } .calendrier .cdate { font-size: 19px; line-height: 19px; margin-bottom: 10px; margin-top: 26px; } .calendrier .cdate img { width: 50px; height: auto; margin-right: 10px; } .calendrier .ccorps:after { width: 20px; height: 20px; top: calc(100% - 10px); } .slick-dots li button { padding: 3px; } .calendrier .ccorps { padding: 30px 34px 28px; font-size: 21px; line-height: 1.2em; } #slider_cal .calendrier { padding: 0px; } #slider_cal { width: 100%; margin-left:0; } .bigBtText span { font-size: 14px; line-height: 1.3em; } .tabContent .bigBtText img { width: 28px; margin-right: 12px; } .tabContent .bigBtText .smallText2 { margin-top: 0px; } .tabContent .iBt { margin-bottom: 8px; padding: 5px 10px; max-width: 100%; } .tabContent .iBt img { width: 18px; margin-right: 8px; } .tabContent .iBt span { font-size: 14px; line-height: 1.3em; } .uppImg { margin-top: 0px; margin-bottom: 6px; height: 58px; width: auto; } #ifiltres .item_6 img { width: 64px; margin: 0 auto 12px; } #ifiltres .item_6 { width: 100%; margin-right: 0px; margin-bottom: 24px; } #ifiltres .item_6:nth-child(6n+6) { margin-right: 0; } #ifiltres .item_6:nth-child(3n+3) { margin-right: 0; } #ifiltres .item_5 img { width: 64px; margin: 0 auto 12px; } #ifiltres .item_5 { width: 100%; margin-right: 0px; margin-bottom: 24px; } #ifiltres .item_5:nth-child(5n+5) { margin-right: 0; } #ifiltres .item_5:nth-child(3n+3) { margin-right: 0; } .biseauContenair > div { margin-right: 20px; margin-bottom: 20px; } .page_32 #pushes { padding: 40px 0 10px; } .assistancePicto { width: 65px; height: auto; margin: 0px auto 0; } .hForDesk { display: none; } .hForMobile { display: block; } .generalbt { width: 58px; height: 58px; right: -24px; bottom: -30px; margin-bottom: 0px !important; } .generalbt.gam { right: 38px; } .generalbt img { width: 36px !important; } .experimental > img { text-align: center; } .experimental div { padding-right: 0%; text-align: left; } #history { margin-top: 88px; } .dlesgames img { margin-bottom: 6px; width: 56px; } #paves5 .item_5 { margin-right: 0; margin-top: 0px; } #paves5 .item_5:nth-child(1) { margin-right: 0; margin-top: -30px; } .produitsTitle > div img { } .produitsTitle > img, .produitsTitle > a > img { margin-left: -20%; width: 70%; margin-bottom: 16px; } .MargTop768 { margin-top: 44px; } .produitsTitle > * { text-align: center !important; margin-bottom: 18px; } .lespictos > div { width: 50%; margin-bottom: 20px; } .lespictos img { width: 33%; display: block; margin: 0px auto 6px; } .paddPres { padding: 54px 0; } .paddPres { padding: 34px 0; } .right .soc { position: absolute; right: 0; top: -4px; } .right .soc img { width: auto; height: auto; display: inline-block; margin-left: 4px; } .page_21 #map { width: 100%; height: 260px; } .hContainer { padding: 50px 0 0px; } #nait { margin-top: 88px; } .h_panel .h_date { font-size: 50px; line-height: 50px; margin-bottom: 8px; transform: rotate(0deg); margin-left: 0px; } .hPanels { width: calc(100% + 48px); margin: 4px 0 40px -24px; } .h_title { top: -23px; left: calc(50% - 130px); width: 260px; } .h_panel { left: 0; padding: 28px 24px 24px 24px; } .h_panel .mediumText { text-align: left; display: inline-block; min-width: 100%; width: 100%; margin-left:0; } .h_panel { display: block; } .produit { margin-bottom: 1px; } .produitsListContainer { margin-top: -100px; padding-bottom: 90px; z-index: 9; } .produit { margin-bottom: 24px; } .produit { display: block; } .produit { background-color: #fff; } .paddProduits.bgWhite { margin-top: -25px; height: 50px; } .produit > * { display: block !important; width: 100% !important; } .produit > div { padding: 0 18px 32px 18px; } .presentation .mbbM { margin-top: 64px; } .ff .right img.eco { margin-right: 0; margin-bottom: 26px; margin-top: 24px; width: 70%; } .ff .right .ampoule img { width: 58px; margin-right: 12px; margin-top: -24px; } .ff .right .ampoule .white { display: none; } .page_14 .mentions table tr td:last-child { display: none; } .page_14 .mentions td { font-size: 13px; } .actu:not(.actuVoid) { -webkit-box-shadow: -4px -4px 13px 0px rgba(0,0,0,0.3); -moz-box-shadow: -4px -4px 13px 0px rgba(0,0,0,0.3); box-shadow: -4px -4px 13px 0px rgba(0,0,0,0.3); } #actualites .actu { margin-right: 0; margin-bottom: 38px; width: 100%; display: block; } #actualites .actu:nth-child(4n+4) { margin-right: 0; } .page_14 td { word-break: break-all; } .liensContainer { margin-bottom: 28px; } .ff { margin-top: -60px; padding-top: 120px; } #paves5 { margin-top: 72px; } #paves4 { margin-top: 70px; } .experimental img { display: inline-block; width: 50%; margin: 0 auto; margin-bottom: 12px; } .experimental { display: block; text-align: center; } .experimental div { width: 100%; } .dlesgames { padding: 24px 24px; } .produitsContaners .usercontent { text-align: center; } .produitsContaners .mediumText, .produitsContaners bigText { text-align: left; } .produitsContaners .qsvyeloow { margin: 0 auto; } .assistance { padding: 0 0% 0 0%; } .depannage > img { width: 242px; left: -60px; top: -27px; } .depannage .mediumText3 { padding: 24px 24px 24px 50%; } .depannage .generalbt.gam { width: 50px; height: 50px; } .depannage .generalbt.gam img { width: 32px; margin-top: 7px; } .h_panel { position: relative; top: auto; opacity: 0; filter: alpha(opacity=0); display: none; } .h_panel:first-child { opacity: 1; filter: alpha(opacity=1); position: relative; display: block; } /* *** */ .maskMe { position: absolute; top: 0; left: -50%; height: 100%; width: 200%; mask-image: none; -webkit-mask-image: none; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: cover; -webkit-mask-size: cover; } .histoiresContainer { padding: 0px 0; } #slider_h { margin: 0px 0; } .maskMe li img { bottom: -20px; width: 200%; left: -100%; } .h_title { top: -5px; left: calc(50% - 125px); width: 250px; } .hContainer { padding: 50px 0 0px; } .hhContainer { background-color: #0e3053; margin-top: 60px; } .hhContainer { margin-top: 60px; } #slider_h { margin: 6px 0 18px; } .hPanels { margin: 4px 0 50px -24px; } /* *** */ .zone_03 { padding-bottom: 58px; } .qsvyeloow { padding: 9px 14px 5px; } .qsvbluef { padding: 9px 14px 5px; } .qsvblue { padding: 9px 14px 5px; } .actubt { margin: 13px 0px 12px 0; width: auto; display: block; float: none; } .qsvyeloow img, .qsvbluef img { width: 20px !important; height: auto; margin-left: 6px; } .qsvyeloow.mediumText { font-size: 16px; line-height: 1.4em; } .page_30 .qsvyeloow.mediumText { margin-top: 16px; max-width: 100%; } .bTgammeDocContainer { } .bTgammeDoc { } .generalbt.generalbtH { bottom: 15px !important; right: 0 !important; } .produitsTitle > div.bTgammeDocContainer { max-width: calc(100% - 80px); } .bTgammeDoc a { height: 48px; width: 240px; padding: 0px 6px; text-align: left; font-size: 13px; line-height: 16px; } .hPH1 { padding-right: 0 !important; max-width: 100% !important; } .hPH2 { margin-left: -80px !important; } #virtual { height: 300px; } .page_13 .virtualContainer { margin-top: -200px; } } @media screen and (max-width: 360px) { } .usercontent .qsvyeloow span { font-style: normal; font-family: 'robotoregular'; font-weight: 300; } /* ***************************** CONTACT ********************************* */ .noustrouver { display: flex; align-items: center; justify-content: flex-end; } .noustrouver img { width: 40px; height: auto; } .cBtContainer a { position: relative; top: auto; right: auto; bottom: auto; margin-right: 10px; display: inline-block; float: left; height: 94px; width: 94px; } .cBtContainer a img { width: 100%; width: 100%; display: block; } .ccoord p { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; } .ccoord p img { width: 22px; margin-right: 12px; } .tactBar { margin-top: -100px; } .page_13 .right40 { padding-right: 16%; margin-bottom: 50px; } .page_13 #tact { margin-top: -42px; z-index: 9; } .page_13 #tact .inner { margin-bottom: 50px; margin-top: 150px; } .mtxt { font-size: 28px; font-size: 28px; } .rightContact span { display: block; margin-bottom: 8px; } .page_13 .row.full input { width: 100% !important; margin-right: 0px !important; } .contact-form button.bt { color: #294284 !important } .page_13 .contact-form button.bt:hover { color: #294284 !important; background-color: #ffe500 !important; } .page_13 h1 { text-align: left; } .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: 163px; padding: 8px; } .contact-form input, .bt_fichier_container { height: 46px; line-height: 46px; width: calc(50% - 12px); margin-right: 18px; margin-bottom: 24px; } .bt_fichier_container { width: 100%; overflow: hidden; } .hfilename { margin-left: 8px; } .contact-form input:nth-child(even) { margin-right: 0px; float: right; } .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; } .page_19 .contact-form .row { margin-top: 12px; } .page_19 .contact-form textarea { height: 246px !important; } input#subject { width: 100%; } .contact-form button.bt { text-transform: uppercase !important; font-size: 20px !important; line-height: 48px !important; background-color: #fff !important; width: 100% !important; height: 48px !important; font-weight: 700 !important; border: none !important; color: #284283 !important; } .contact-form button.bt:hover { background-color: #284283 !important; color: #fff !important; } .page_19 .cconsent, .page_19 .cconsent a, .page_19 .cconsent strong { color: #fff !important; } .fContainer { display: flex; justify-content: space-between; align-items: center; padding: 0 0 34px; } .fContainer span { display: block; } .fContainer .fContainerBT { } @media screen and (max-width: 2560px) { .contact-form input, .bt_fichier_container { height: 42px; line-height: 42px; width: calc(50% - 12px); margin-right: 18px; margin-bottom: 20px; } .bt_fichier_container { width: 100%; } } @media screen and (max-width: 1920px) { .cBtContainer a { margin-right: 8px; height: 86px; width: 86px; } .rightContact span { margin-bottom: 6px; } .ccoord p { margin-bottom: 8px; } .ccoord p img { width: 20px; margin-right: 10px; } .tactBar { margin-top: -90px; } .page_13 .right40 { padding-right: 12%; margin-bottom: 50px; } .page_13 #tact { margin-top: -42px; } .page_13 #tact .inner { margin-bottom: 50px; margin-top: 130px; } .mtxt { font-size: 22px; font-size: 22px; } .page_13 .fullsliderContainer { height: 460px; } .contact-form input, .bt_fichier_container { height: 34px; line-height: 34px; width: calc(50% - 10px); margin-right: 15px; margin-bottom: 20px; } .bt_fichier_container { width: 100%; } .contact-form button.bt { font-size: 18px !important; line-height: 42px !important; height: 42px !important; } .page_19 .contact-form textarea { height: 226px !important; } } @media screen and (max-width: 1680px) { .cBtContainer a { margin-right: 7px; height: 76px; width: 76px; } .rightContact span { margin-bottom: 4px; } .ccoord p { margin-bottom: 5px; } .ccoord p img { width: 18px; margin-right: 9px; } .tactBar { margin-top: -80px; } .page_13 .right40 { padding-right: 12%; margin-bottom: 50px; } .page_13 #tact { margin-top: -32px; } .page_13 #tact .inner { margin-bottom: 50px; margin-top: 96px; } .mtxt { font-size: 20px; font-size: 20px; } .page_13 .fullsliderContainer { height: 400px; } .fContainer { display: flex; justify-content: space-between; align-items: center; padding: 4px 0 28px; } .page_19 .contact-form textarea { height: 200px !important; } .contact-form button.bt { font-size: 16px !important; line-height: 36px !important; height: 36px !important; } #map {} .contact-form textarea { height: 133px; padding: 8px; } .contact-form input, .bt_fichier_container { height: 32px; line-height: 32px; width: calc(50% - 7px); margin-right: 9px; margin-bottom: 12px; } .bt_fichier_container { width: 100%; } .contact-form input:nth-child(even) { margin-right: 0px; } .contact-form textarea { margin-bottom: 14px; height: 143px; } .page_13 td { border-right: 7px solid #ffffff; border-bottom: 5px solid #ffffff; } .page_13 .right40 { padding-right: 10%; margin-bottom: 44px; } .page_13 .fullsliderContainer { height: 360px; } .noustrouver img { width: 32px; height: auto; } } @media screen and (max-width: 1024px) { .contact-form input, .bt_fichier_container { height: 34px; line-height: 34px; width: calc(50% - 7px); margin-right: 9px; margin-bottom: 12px; } #map {} .contact-form textarea { height: 131px; padding: 8px; } .bt_fichier_container { width: 100%; } .page_13 .right40 { padding-right: 6%; margin-bottom: 40px; } } /* 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%; } .page_13 .fullsliderContainer { height: 410px; } .page_13 #tact { margin-top: 52px; } .page_13 .right40 { padding-right: 0; margin-bottom: 40px; } .page_13 #tact .inner { margin-bottom: 40px; margin-top: 46px; } } @media screen and (max-width: 767px) { .page_13 .fullsliderContainer { height: 310px; margin-bottom: 24px; } .cBtContainer { margin-bottom: 34px; } .cBtContainer a { margin-right: 8px; height: 80px; width: 80px; } .fContainer { display: block; justify-content: space-between; align-items: center; padding: 4px 0 28px; } .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: 36px; line-height: 36px; width: 100%; margin-right: 12px; margin-bottom: 14px; margin-right: 0px; } .contact-form textarea { margin-bottom: 14px; height: 143px; } .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; } .noustrouver { display: block; text-align: center; width: 100%; margin-top: 16px; } .noustrouver span { display: none; } .noustrouver img { width: 42px; height: auto; } } /* ***************************** FOOTER ********************************* */ #footer .menu > ul > li { margin-left: 12px; } #footer .social { color: #fff; } #footer { padding-bottom: 36px; margin-top: 80px; } #footer .logo { float: left; display: inline-block; height: auto; position: relative; bottom: auto; left: auto; margin-top: 60px; } #footer .logos img { display: inline-block; } #footer .inner > div { float: right; display: inline-block; text-align: right; width: auto; } #footer .menu { position: relative; margin-bottom: 16px; margin-top: 94px; } #footer .menu a { } #footer .coordonnees { margin-bottom: 24px; } #footer .minibar * { vertical-align: middle; height: 34px; line-height: 34px; } #footer .minibar img { margin-top: -8px; opacity: 0.7; filter: alpha(opacity=0.7); } #footer .social { margin-bottom: 86px; width: 100%; } #footer .minibar.smallText { float: none; display: block; clear: both; margin-top: 70px; } #footer .social img { opacity: 0.7; filter: alpha(opacity=0.7); } #footer .menu li.hassub ul { background: transparent; } #footer .menu li.hassub ul:before { margin-top: -4px; margin-bottom: 4px; } .page_1 #footer, .page_30 #footer, .page_17 #footer, .page_16 #footer, .page_29 #footer, .page_35 #footer, .page_19 #footer, .page_32 #footer, .page_13 #footer, .page_41 #footer { margin-top: 0px !important; } .footerbar { margin-top: -100px; } .footerbar, #footer { z-index: 8; } .page_40 #footer { margin-top: 0px !important; } #footer .icones img { display: inline-block; height: 90px; width: auto; } @media screen and (max-width: 2560px) { .footerbar { margin-top: -100px; } } @media screen and (max-width: 1920px) { #footer .logos img { height: 70px; width: auto; } #footer .icones img { display: inline-block; height: 80px; width: auto; } } .page_5 #footer { margin-top: 0px !important; } .bgBlueF .usercontent a, .bgBlueF .usercontent a strong, .bgBlue .usercontent a, .bgBlue .usercontent a strong { color: #fff; border-bottom: 1px solid #fff !important; font-style: italic; } @media screen and (max-width: 1680px) { .footerbar { margin-top: -80px; } #footer .logos img { height: 60px; width: auto; } #footer .social { margin-bottom: 52px; } #footer .logo { width: 180px; margin-top: 40px; } #footer .menu { margin-bottom: 14px; margin-top: 67px; } #footer { padding-bottom: 28px; margin-top: 60px; } } #footer .minibar.smallText { margin-top: 50px; } @media screen and (max-width: 1680px) { #footer .icones img { display: inline-block; height: 70px; width: auto; } } @media screen and (max-width: 1440px) { #footer .logos img { height: 54px; width: auto; } #footer .icones img { display: inline-block; height: 60px; width: auto; } } @media screen and (max-width: 1366px) { #footer .logos img { height: 50px; } } @media screen and (max-width: 1280px) { #footer .logos img { height: 48px; } .footerbar { margin-top: -70px; } } @media screen and (max-width: 1024px) { #footer .logos img { height: 40px; } #footer .inner > div { width: calc(100% - 200px); } #footer .icones img { display: inline-block; height: 70px; width: auto; } } @media screen and (max-width: 820px) { .footerbar { margin-top: -30px; } #footer .logo { width: 132px; } #footer .social { margin-top: 44px; } #footer .logos img { display: none; } #footer .inner > div { width: calc(100% - 160px); } #footer .icones img { display: none; } } #footer .social { display: none; } @media screen and (max-width: 767px) { #footer .menu { display: none; } #footer .social { display: block; text-align: center; } #footer .minibar.smallText { margin-top: 10px; } #footer .content { text-align: center; } #footer .coordonnees { width: 100%; margin-bottom: 0; } #footer .content > div { float: none; display: block; text-align: center; width: 100%; } #footer .coordonnees span { display: none; } #footer .coordonnees span.bigText { height: auto; float: none; display: block; position: relative; margin: 0 auto; margin-bottom: 22px; text-align: center; } #footer .coordonnees span.bigText a.tel { clear: right; } #footer .coordonnees span.bigText a.tel:after { display: block; clear: both; content: ''; } #footer .coordonnees .mail { display: none; } #footer .nomobile { display: none; } #footer .social { margin-bottom: 0px; padding-top: 0; margin-top: -12px; width: 100%; display: block; float: none; } #footer .social img { margin: 0px 4px; filter: invert(54%) sepia(83%) saturate(439%) hue-rotate(151deg) brightness(103%) contrast(85%); width: auto; height: 30px; } #footer .noMobile { display: block; height: 0px; width: 0px; opacity: 0; filter: alpha(opacity=0); } #footer { padding-bottom: 28px; margin-top: 30px; } #footer .logo { width: 200px; margin: 30px auto; float: none; } #footer .telm { display: block; margin: 12px auto; } #footer .logoContainer { text-align: center; display: inline-block; width: auto; float: none; clear: both; height: auto; margin: 0 auto; } #footer .logoContainer:after { display: block; clear: both; content: ''; } #footer .minibar { text-align: center; display: block; width: 100%; float: none; clear: both; height: auto; } #footer .minibar:after { display: block; clear: both; content: ''; } #footer .inner > div { float: none; display: block; text-align: center; width: 100%; } } @media screen and (max-width: 360px) { } .noMegLast p:last-child { margin-bottom: 0px !important; } /* ***************************** SITEMAP ********************************* */ .sitemap li ul { margin-bottom: 24px; padding-left: 24px; margin-top: -8px; } @media (max-width: 1600px) { .sitemap li ul { margin-bottom: 20px; padding-left: 20px; margin-top: -6px; } } .decale h4 { margin-bottom: 16px; } @media (max-width: 1024px) { } @media (max-width: 820px) { } @media (max-width: 769px) { .sitemap li ul { margin-bottom: 20px; padding-left: 20px; margin-top: -6px; } } #debug { max-width: 300px; word-break: break-all; } /* ***************************** 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; } .overlayBox .cell { display: table-cell !important; text-align: center !important; vertical-align: middle !important; } .overlayBox .cell>div { text-align: left !important; } .overlayBox .cell > div { width: 655px !important; padding: 40px !important; margin: 0 auto !important; position: relative !important; min-height: 200px !important; } .overlayBox .text { } .overlayBox a { } .overlayBox input { } .overlayBox .text p { font-size: 1em !important; } .overlayBox .text p { } .overlayBox .title { } .overlayBox .buttons { top: 16px !important; right: 16px !important; position: absolute !important; font-size: 0.9em !important; } .overlayBox .bouton, .btCovidContainer { 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) { .overlayBox .text p { font-size: 11px !important; } .overlayBox .title { font-size: 32px !important; } } @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 h1 { font-size: 0.8em !important; line-height: 18px !important; } .overlayBox p { margin-bottom: 1px !important; } .overlayBox .buttons { top: 8px !important; right: 8px !important; } .overlayBox .text p { font-size: 13px !important; line-height: 15px; } .overlayBox .title { font-size: 24px !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 **************************************/ #tarteaucitronAlertBig { max-width: 100%; width: 100%; margin: 0 0 0 0 !important; padding: 0px 0px !important; } #tarteaucitronAlertBig, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert { background: #284283 !important; color: #fff !important; } #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton, #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize { background: #fff !important; color: #284283 !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; width: auto; height: auto; line-height: 10px; float: left; margin-right: 5px; margin-bottom: 0px; margin-top: 4px; } .cconsent { display: flex; align-items: flex-start; margin-top: 18px; } @media screen and (max-width:1920px) { .cconsent input { margin-top: 3px; } .cconsent { margin-top: 17px; } } @media screen and (max-width:1680px) { .cconsent input { margin-top: 2px; } .cconsent { margin-top: 15px; } } @media screen and (max-width:768px) { #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) { .cconsent { margin: 16px 0 0 0; } #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; } .cconsent input { width: 26px; height: 26px; margin-top: -3px; line-height: 20px; } #tarteaucitronAlertBig #tarteaucitronPrivacyUrl, #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong { font: 13px verdana !important; color: #fff; } span#tarteaucitronDisclaimerAlert { padding: 0 20px 0 0px !important; display: inline-block; } } /* ************************************** 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>div { position: absolute; bottom: 34%; text-align: center; width: 100%; } body.page_0 h1 { text-align: center; margin-bottom: 4%; } body.page_0 h1 { margin-top: 8px; } body.page_0 .logo { width: 320px; height: auto; display: block; float: none; margin: 0px auto 12px auto; display: block; position: relative; margin-bottom: 38px; } @media screen and (max-width: 1920px) { } @media screen and (max-width: 1680px) { body.page_0 .logo { width: 280px; margin-bottom: 28px; } } @media screen and (max-width: 1024px) { } @media screen and (max-width: 820px) { } @media screen and (max-width: 767px) { body.page_0 .logo { width: 220px; margin-bottom: 28px; } } /* ************************************** 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%; animation: loader-spin 690ms infinite linear; -o-animation: loader-spin 690ms infinite linear; -ms-animation: loader-spin 690ms infinite linear; -webkit-animation: loader-spin 690ms infinite linear; -moz-animation: loader-spin 690ms infinite linear; } .panierHover .loading { width: 49px; height: 49px; margin: 0 auto; border-radius: 50%; background: none; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; animation: loader-spin 690ms infinite linear; -o-animation: loader-spin 690ms infinite linear; -ms-animation: loader-spin 690ms infinite linear; -webkit-animation: loader-spin 690ms infinite linear; -moz-animation: loader-spin 690ms infinite linear; } @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, .produitsTitle > a > img, #services .item:hover, .btn, .btn:hover, .btbiseau:hover, .btbiseau, .nav .infos .l:hover, .lespictos > div:hover img { -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 420ms ease-in-out; -moz-transition: all 420ms ease-in-out; -ms-transition: all 420ms ease-in-out; -o-transition: all 420ms ease-in-out; transition: all 420ms 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: 40px; width: 40px; } .bt, button.bt { height: 40px; line-height: 39px; display: inline-block; text-align: center; padding: 0 22px; text-transform: uppercase width: auto; } .bt.mini { height: 32px; line-height: 31px; padding: 0 16px; text-transform: none; } .bt.acheval.inverted, button.bt.acheval.inverted { position: absolute; right: auto; left: 38px; } .bt.bottom { position: absolute; bottom: 0; } .bt.acheval, button.bt.acheval { bottom: -20px; position: absolute; right: 38px; } .bt.pdf, .bt.link, .bt.pdf:hover, .bt.link:hover { padding: 0 0; height: 40px; width: 40px; background-color: transparent; } .bt.pdf { background-image: url("img/icon-pdf.png"); background-size: 100% 100%; } .bt.link { background-image: url("img/icon-link.png"); background-size: 100% 100%; } @media screen and (max-width: 1920px) { input, textarea { height: 34px; } .btc { height: 34px; width: 33px; } .bt, button.bt { padding: 0 21px; height: 34px; line-height: 33px; } .bt.mini { height: 28px; line-height: 26px; padding: 0 14px; text-transform: none; } .bt.acheval, button.bt.acheval { bottom: -17px; } .bt.big { height: 80px; font-size: 27px; line-height: 26px; padding: 0 27px; } .bt.floating, button.bt.floating { bottom: 42%; } .bt.pdf, .bt.link, .bt.pdf:hover, .bt.link:hover { height: 34px; width: 34px; } } @media screen and (max-width: 1680px) { input, textarea { height: 32px; } .btc { height: 32px; width: 31px; } .bt, button.bt { padding: 0 20px; height: 32px; line-height: 31px; } .bt.mini { height: 26px; line-height: 24px; padding: 0 14px; text-transform: none; } .bt.acheval, button.bt.acheval { bottom: -12px; } .bt.floating, button.bt.floating { bottom: 44%; } .bt.pdf, .bt.link, .bt.pdf:hover, .bt.link:hover { height: 32px; width: 32px; } } @media screen and (max-width: 1680px) { input, textarea { height: 32px; } .btc { height: 32px; width: 32px; } .bt, button.bt { padding: 0 18px; height: 32px; line-height: 31px; } .bt.acheval, button.bt.acheval { bottom: -12px; } .bt.floating, button.bt.floating { bottom: 46%; } .bt.pdf, .bt.link, .bt.pdf:hover, .bt.link:hover { height: 32px; width: 32px; } } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1024px) { .btc { height: 34px; width: 34px; } .bt, button.bt { padding: 0 14px; height: 34px; line-height: 33px; font-size: 14px; } .bt.acheval, button.bt.acheval { bottom: -14px; } .bt.pdf, .bt.link, .bt.pdf:hover, .bt.link:hover { height: 34px; width: 34px; } } @media screen and (max-width: 820px) { } @media screen and (max-width: 767px) { input, textarea { height: 36px; } .btc { height: 34px; width: 34px; } .bt, button.bt { padding: 0 14px; height: 36px; line-height: 35px; font-size: 14px; } .bt.mini { height: 31px; line-height: 29px; padding: 0 18px; text-transform: none; } .bt.acheval, button.bt.acheval { bottom: -12px; } .bt.bottom { position: relative; bottom: auto; } .bt.pdf, .bt.link, .bt.pdf:hover, .bt.link:hover { height: 34px; width: 34px; } } @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; width: 52px; height: 52px; } .slick-prev { bottom: 70px; right: 0; background: url("../img/bt_prev.png") no-repeat; background-size: 100%; z-index: 2; } .slick-next { bottom: 124px; right: 20px; right: 0; background: url("../img/bt_next.png") no-repeat; background-size: 100%; z-index: 2; } #slider_h .slick-prev { left: -70px; right: auto; bottom: auto; top: auto; background: url("../img/bt_prev-h.png") no-repeat; background-size: 100%; z-index: 2; } #slider_h .slick-next { right: -70px; left: auto; bottom: auto; top: auto; background: url("../img/bt_next-h.png") no-repeat; background-size: 100%; z-index: 2; } #slider_h .slick-prev, #slider_h .slick-next { background-color: transparent; position: absolute; margin: auto; top: calc(50% - 21px); width: 24px; height: 42px; } .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; } @media screen and (max-width: 1680px) { .slick-prev, .slick-next { width: 40px; height: 40px; } .slick-prev { bottom: 54px; } .slick-next { bottom: 97px; } .slick-dots li button { width: 16px; height: 16px; } .slick-dots li { width: 16px; height: 16px; } .slick-dots { bottom: -26px; } #slider_h .slick-prev { left: -60px; } #slider_h .slick-next { right: -60px; } #slider_h .slick-prev, #slider_h .slick-next { top: calc(50% - 16px); width: 18px; height: 32px; } } @media screen and (max-width: 820px) { #slider_h .slick-prev { left: -60px; } #slider_h .slick-next { right: -60px; } #slider_h .slick-prev, #slider_h .slick-next { top: calc(50% - 16px); width: 18px; height: 32px; } } @media screen and (max-width: 767px) { #slider_h .slick-prev { left: -30px; } #slider_h .slick-next { right: -30px; } #slider_h .slick-prev, #slider_h .slick-next { top: calc(50% - 16px); width: 18px; height: 32px; } .slick-prev, .slick-next { width: 32px; height: 32px; } .slick-prev { bottom: 34px; } .slick-next { bottom: 70px; } } /* ************************************** FANCYBOX ************************************** */ .fancybox-button--share, .fancybox-button--thumbs, .fancybox-infobar, .fancybox-button--fullscreen, .fancybox-button--play { display: none; width: 0; height: 0; } .fancybox-navigation { top: 48%; } /* ***************************** COULEURS ********************************* */ .green { color: #8CC63F; } .bgGreen { background-color: #8CC63F; } .green4 { color: #89d44e; } .bgYellow2 { background-color: #fff280; } .blueCl { color: #14acef; } .formErrorText { color: #ff0000; } .nobg { background-color: transparent !important; } .noshadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .alignCenter { text-align: center; } body, h1, h2, h3, h4, a { color: #707070; text-rendering: optimizeLegibility; font-smooth: always; -webkit-font-smoothing: antialiased; } body { background-color: #fff; } .white { color: #fff !important; } .bgWhite { background-color: #fff !important; } .bgYellow { background-color: #FFE500; } .yellow { color: #FFE500; } .bgBlue { background-color: #31b9ec; } .blue { color: #31b9ec !important; } .blueF { color: #284283 !important; } #footer .menu strong { color: #31b9ec !important; } #footer .menu { text-transform: uppercase; } .bgBlueF { background-color: #284283; } .nav .infos .l { color: #FFE500 !important; } .nav .menu a { color: #fff; } .nav .menu a.selected { color: #30b8ea; } #footer { background-color: #f1f1f1; } #footer * { color :#a1a1a1; } .bg_gray { background-color: #cccccc; } .usercontent a:not(.bt) { border-bottom: 1px solid #333333; color: #333333; } .menu li.hassub ul:before { border-color: #ff00ff transparent transparent transparent; } .bt, button.bt { border: 1px solid #888888; background-color: #888888; color: #ffffff; } .bt:hover, .bt.selected, button.bt:hover, button.bt.selected, .item_3:hover .bt { border: 1px solid #888888; background-color: #ffffff; color: #888888; } .bt.inverted { border: 1px solid #ffffff; background-color: #ffffff; color: #888888; } .bt.inverted:hover, .bt.inverted.selected, button.bt.inverted:hover, button.bt.inverted.selected { border: 1px solid #888888; background-color: #888888; color: #ffffff; } #tarteaucitronRoot .tarteaucitronCTAButton, #tarteaucitronRoot #tarteaucitronCloseAlert { border: 1px solid #888888 !important; background-color: #888888 !important; color: #ffffff !important; width: auto !important; text-align: center !important; } #tarteaucitronRoot button { padding: 4px 8px !important; } #tarteaucitronRoot .tarteaucitronCTAButton:hover, #tarteaucitronRoot #tarteaucitronCloseAlert:hover { border: 1px solid #888888 !important; background-color: #ffffff !important; color: #888888 !important; } .overlayBox .cell > div { background-color: #30b8ea !important; color: #ffffff !important; } #overlay { background: rgba(0, 0, 0, 0.8) !important; } #temoignagesActu #slider_temoignage p { color: #ffffff; } #temoignagesActu .temoignageSliderContainer { background-color: #666666; } #mozaic .item { background-color: #cccccc; } .mozaicLightBoxContainer .item .mlHover { background-color: #eeeeee; } .mozaicLightBoxContainer .item h2, .mozaicLightBoxContainer .item p { color: #333333; } #timeline h3:after { border-top: 1px solid #cccccc; } .timeline { background-color: #cccccc; } #timeline li::before { color: #111111; } .slick-dots li.slick-active button::before { border: 3px solid #333333; } .slick-dots li button::before { border: 3px solid #cccccc; } .slider .legende { background-color: #333333; color: #eeeeee; } .panierHover .loading { box-shadow: 3px 3px 1px #444444; } .three-cols .corps { background-color: #dddddd; } .three-cols .infos { background-color: #555555; } .three-cols .infos * { color: #efefef; } .bgGray, .bgGray p, .bgGray h1, .bgGray h2, .bgGray h3, .bgGray h4 { color: #ffffff; background-color: #555555; } body.page_0, #turn { background-color: #ffffff; color: #111111; } body.page_0 h1, body.page_0 p, #turn p { color: #111111; } @media screen and (min-width: 1025px) { .nav .infos .l:hover { color: #31b9ec !important; } .nav .menu a:hover { color: #FFE500; } } /************************************** COVID **************************************/ /************************************** COVID **************************************/ .covid { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; } .covid::before { background: url(img/back-alert.png) repeat center center fixed; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ''; z-index: -1 ; opacity: 0.7; filter: alpha(opacity=0.7); } .btCovidContainer { position: absolute; top: 20px; right: 20px; } .covid > div { width: 1100px; padding: 46px; background-color: #fff; margin: 0 auto; display: flex; align-items: flex-end; text-align: left; } .covid p { color: #979797; } .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); } #tarteaucitronIcon { display: none !important; } #theCal table tr td.disabled, #theCal table tr td.disabled:hover { background-color: #ff00ff; } #theCal table tr td.new, #theCal table tr td.old { opacity: 0.7; } #theCal td.day:hover { cursor: default !important; } #theCal td.day.disabled:hover { cursor: pointer !important; } #theCal .datepicker-switch, #theCal .dow { text-transform: uppercase; } #theCal { background-color: #fff; padding: 6px 0 6px; } #theCal, #theCal .datepicker { width: 240px; overflow: hidden; } #theCal { height: 254px; overflow: hidden; } #theCal .datepicker { } #theCal table { border-collapse: collapse; } #theCal table td { border: 1px solid #f3f3f3; width: 34px; height: 29px; text-align: center; vertical-align: middle; font-size: 12px; color: #444; } #theCal table td:hover { background-color: #fff; } #theCal table tr:first-child td { border-top: 0; } #theCal table tr td:first-child { border-left: 0; } #theCal table tr:last-child td { border-bottom: 0; } #theCal table tr td:last-child { border-right: 0; } #theCal table tr:last-child td { border-bottom: 0; } #theCal thead th { padding-bottom: 7px !important; } #theCal .datepicker-switch:hover { cursor: pointer; background-color: #fff; font-weight: bold; } #theCal .datepicker-switch { font-size: 15px; font-weight: bold; color: #777; } #theCal thead th:hover { background-color: #fff; } #theCal .dow { background-color: #fff; font-size: 12px; } #theCal table tr td.active { background-color: #000000 !important; color: #fff; } #theCal table tr td.disabled, #theCal table tr td.disabled:hover { background-color: #fff !important; } #theCal table tr td.disabled { position: relative; } #theCal table tr td.disabled:after { content: ''; position: absolute; bottom: 0px; width: 100%; left: 0; background-color: #000000; height: 3px; } #theCal table tr td.disabled.active { background-color: #000000 !important; } #theCal .next { background: url(img/cal-next.png) no-repeat; background-size: 100%; background-position: 0px -3px; } #theCal .prev { background: url(img/cal-prev.png) no-repeat; background-size: 100%; background-position: 0px -3px; } #theCal { width: 240px; display: inline-block; float: left; } .calendrierList { width: calc(100% - 240px); display: inline-block; float: left; } .calendrierList .item { width: 100%; height: 254px; } .calendrierList .item > a.illuscontainer img, .calendrierList .item > a.illuscontainer { height: 100%; width: auto; display: inline-block; } .calendrierList .item > a.illuscontainer img { display: block; } .calendrierList .item { display: flex; flex-direction: row-reverse; margin-bottom: 24px; background-color: #fff; } .calendrierList .item .bt { position: absolute; bottom: 0px; right: 0px; background-color: #000; border-color: #000; color: #fff; text-transform: uppercase; } .calendrierList .item .bt:hover { background-color: #000; border-color: #000; color: #fff; } .calendrierList .item > div { width: 100%; } .calendrierList.calSlider .item { margin-bottom: 0px; } .calendrierList.calSlider .slick-next { right: 0px; left: auto; top: 0; background: url(../img/cal-bt-next.png) no-repeat; background-size: 100%; z-index: 2; } .calendrierList.calSlider .slick-prev { right: 0px; left: auto; top: 35px; background: url(../img/cal-bt-prev.png) no-repeat; background-size: 100%; z-index: 2; } .calendrierList.calSlider { opacity: 0; filter: alpha(opacity=0); } .calendrierList.calSlider .slick-slider { opacity: 1; filter: alpha(opacity=1); } @media screen and (max-width: 820px) { .calendrierList { width: 100%; display: block; float: none; margin-top: 32px; } #theCal { width: 240px; display: block; float: none; } } @media screen and (max-width: 767px) { .calendrierList { width: 100%; display: block; float: none; margin-top: 32px; } #theCal { width: 100%; display: block; float: none; } #theCal .datepicker, #theCal .datepicker table, #theCal .datepicker thead, #theCal .datepicker tbody { width: 100%; } #theCal table td { width: calc(14.28% - 1px); } .calendrierList .item { display: inline-block; margin-bottom: 24px; height: auto; } .calendrierList .item > a.illuscontainer img, .calendrierList .item > a.illuscontainer { width: 100%; display: block; height: auto; clear: both; float: none; } .calendrierList .item > div { width: 100%; width: 100%; display: block; height: auto; clear: both; float: none; } #theCal .next { background: url(img/cal-next.png) no-repeat; background-size: 100%; background-position: 0px -10px; } #theCal .prev { background: url(img/cal-prev.png) no-repeat; background-size: 100%; background-position: 0px -10px; } #theCal { padding: 12px 0 6px; } } /* ******************************************** RSE ********************************************** */ .generalbt.generalbt2 { width: 106px; height: 106px; z-index: 3; left: auto; right: 90px; bottom: -20px; } .imgLeaflet { position: absolute; right: 140px; bottom: -60px; width: 104%; } .generalbt.generalbt2 img { filter: invert(20%) sepia(32%) saturate(3684%) hue-rotate(209deg) brightness(86%) contrast(85%); } .generalbt.generalbt2:hover img { filter: invert(100%) sepia(4%) saturate(100%) hue-rotate(312deg) brightness(108%) contrast(108%); } #res01 { background: url(img/rse/01-backjpg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; } #res02 { background: url(img/rse/02-backjpg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; } #res03 { background: url(img/rse/03-backjpg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; } #res04 { background: url(img/rse/04-backjpg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; } .resBloc { padding: 40px 80px 70px 70px; font-family: 'robotoregular'; font-weight: 500 !important; } .resBloc strong { font-weight: 600 !important; } .resBloc .graph { display: block; width: 100%; height: auto; } .resBloc.bigBigContent > div { display: flex; align-items: center; } .blueTresClair { color: #d7e9ef; } .resFlexLeft { width: 20%; font-size: 30px; line-height: 36px; color: #284283; font-family: 'robotoregular'; } .flex50 { width: 40%; } .flex33 { width: 26%; } .resFlexFull { width: 80%; } .flex500 { width: 50%; padding: 0px 8%; text-align: center; } .flex60 { width: 48%; } .flex40 { width: 32%; } .flexChiffre .flexPourcent { margin-right: 6px; } .flexChiffre { display: flex; align-items: flex-end; } .flexChiffre2 { display: flex; align-items: center; } .flexChiffre strong { padding-bottom: 12px; display: block; } .resFlexLeft img { margin-top: -190px; width: 88%; display: inline-block; } .resBloc { font-size: 24px; line-height: 30px; } .resBlocontainer { padding-top: 40px; } .flexSep { width: 100%; background-color: #96d9f4; height: 2px; margin: 24px 0px; } .flexSep.flexSep2 { background-color: #c2e59d; } .flexSep.flexSep3 { background-color: #d0d0d0; } .flexSep.flexSep4 { background-color: #c2e59d; } .flexSepTitre { width: 92px; background-color: #284283; height: 6px; margin: 14px 0 64px; } h2.bigBig { font-size: 65px; line-height: 65px; margin-bottom: 4px; } .flexPourcent { font-size: 130px; line-height: 130px; } .flexPourcent2 { font-size: 65px; line-height: 65px; margin-right: 4px; } .paddR24 { padding-right: 24%; } .paddR10 { padding-right: 10%; } .resFlexFullImg img { display: inline-block; float: left; margin: 0 10px 10px 0; width: calc(12.5% - 9px); } .resFlexFullImg img:nth-child(8n+8) { margin: 0 0 10px 0; } #indices > div { float: left; display: inline-block; background-color: #f2f2f2; padding: 80px 86px 80px 50px; display: flex; align-items: center; width: calc(50% - 30px); margin-right: 60px; font-size: 19px; line-height: 26px; font-family: 'robotoregular'; font-weight: 500; } #indices > div > div { padding-left: 4%; } #indices > div:nth-child(2) { margin-right: 0; } #indices > div > img { width: 32%; min-width: 32%; display: block; } #indices .chiffre { font-size: 46px; line-height: 46px; font-family: 'robotoregular'; font-weight: 600; margin-bottom: 4px; } #indices .organisme { font-size: 25px; line-height: 25px; font-family: 'robotoregular'; font-weight: 500; text-transform: uppercase; } .flexSepTitre2 { width: 92px; background-color: #284283; height: 6px; margin: 10px 0 38px; } .bigBigContent.miniMini { padding: 0 8%; } @media screen and (max-width: 2560px) { .bigBigContent.miniMini { padding: 0 20%; } } @media screen and (max-width: 1920px) { .generalbt.generalbt2 { width: 86px; height: 86px; left: auto; right: 100px; bottom: -20px; } .imgLeaflet { right: 140px; bottom: -50px; width: 110%; } h2.bigBig { font-size: 55px; line-height: 55px; margin-bottom: 3px; } .resBloc { font-size: 20px; line-height: 25px; } .resFlexLeft { font-size: 25px; line-height: 30px; } .flexPourcent2 { font-size: 55px; line-height: 55px; margin-right: 3px; } .resBloc { padding: 40px 60px 60px 60px; } .flexPourcent { font-size: 110px; line-height: 110px; } .flexChiffre strong { padding-bottom: 8px; display: block; } .flexSepTitre { width: 88px; height: 5px; margin: 12px 0 54px; } .resFlexLeft img { margin-top: -170px; width: 88%; } #indices > div { padding: 70px 76px 70px 40px; width: calc(50% - 30px); margin-right: 60px; font-size: 18px; line-height: 25px; } #indices > div > div { padding-left: 4%; } #indices > div:nth-child(2) { margin-right: 0; } #indices > div > img { width: 32%; } #indices .chiffre { font-size: 42px; line-height: 42px; margin-bottom: 4px; } #indices .organisme { font-size: 22px; line-height: 22px; } .flexSepTitre2 { width: 88px; height: 5px; background-color: #284283; margin: 10px 0 34px; } } @media screen and (max-width: 1680px) { .bigBigContent.miniMini { padding: 0 22%; } .generalbt.generalbt2 { width: 76px; height: 76px; left: auto; right: 90px; bottom: -20px; } .imgLeaflet { right: 130px; bottom: -40px; width: 100%; } h2.bigBig { font-size: 50px; line-height: 50px; margin-bottom: 3px; } .resBloc { font-size: 18px; line-height: 23px; } .resFlexLeft { font-size: 22px; line-height: 27px; } .flexPourcent2 { font-size: 50px; line-height: 50px; margin-right: 3px; } .resBloc { padding: 40px 60px 60px 60px; } .flexPourcent { font-size: 90px; line-height: 90px; } .flexChiffre strong { padding-bottom: 4px; } .flexSep { margin: 20px 0px; } .flexSepTitre { width: 78px; height: 4px; margin: 10px 0 44px; } .resFlexLeft img { margin-top: -160px; width: 88%; } .resBlocontainer { padding-top: 30px; } .resFlexFullImg img { display: inline-block; float: left; margin: 0 9px 9px 0; width: calc(14.28% - 9px); } .resFlexFullImg img:nth-child(8n+8) { margin: 0 9px 9px 0; } .resFlexFullImg img:nth-child(7n+7) { margin: 0 0 9px 0; } #indices > div { padding: 40px 30px 40px 24px; width: calc(50% - 20px); margin-right: 40px; font-size: 17px; line-height: 24px; } #indices > div > div { padding-left: 4%; } #indices > div:nth-child(2) { margin-right: 0; } #indices > div > img { width: 32%; } #indices .chiffre { font-size: 36px; line-height: 36px; margin-bottom: 3px; } #indices .organisme { font-size: 20px; line-height: 20px; } .flexSepTitre2 { width: 68px; height: 4px; background-color: #284283; margin: 8px 0 24px; } } @media screen and (max-width: 1440px) { .flex500 { width: 50%; padding: 0px 6%; text-align: center; } .bigBigContent.miniMini { padding: 0 24%; } } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1024px) { .bigBigContent.miniMini { padding: 0 18%; } .generalbt.generalbt2 { width: 76px; height: 76px; left: auto; right: 0; bottom: -20; } .imgLeaflet { right: 30px; bottom: -40px; width: 120%; } h2.bigBig { font-size: 40px; line-height: 40px; margin-bottom: 3px; } .resBloc { font-size: 16px; line-height: 23px; } .resFlexLeft { font-size: 20px; line-height: 25px; } .flexPourcent2 { font-size: 40px; line-height: 40px; margin-right: 32x; } .resBloc { padding: 40px 50px 40px 50px; } .flexPourcent { font-size: 70px; line-height: 70px; } .flexChiffre strong { padding-bottom: 3px; } .flexSep { margin: 20px 0px; } .flexSepTitre { width: 78px; height: 4px; margin: 10px 0 34px; } .resFlexLeft img { margin-top: -160px; width: 88%; } .resBlocontainer { padding-top: 30px; } .paddR24 { padding-right: 16%; } #indices > div { padding: 30px 20px 30px 20px; width: calc(50% - 10px); margin-right: 20px; font-size: 16px; line-height: 23px; } #indices > div > div { padding-left: 4%; } #indices > div:nth-child(2) { margin-right: 0; } #indices > div > img { width: 32%; } #indices .chiffre { font-size: 36px; line-height: 36px; margin-bottom: 3px; } #indices .organisme { font-size: 18px; line-height: 18px; } .flexSepTitre2 { width: 68px; height: 4px; background-color: #284283; margin: 6px 0 18px; } } @media screen and (max-width: 820px) { .bigBigContent.miniMini { padding: 0 8% 36px 8%; } .generalbt.generalbt2 { width: 76px; height: 76px; left: auto; right: 0; bottom: -20; } .imgLeaflet { right: 30px; bottom: -20px; width: 130%; } .resBloc.bigBigContent > div { display: block; text-align: center; } .resBloc.bigBigContent > div > div { display: block; width: 100%; } .paddR24 { padding-right: 10%; padding-left: 10%; } .paddR10 { padding-right: 8%; padding-left: 8%; } .flexChiffre2 > * { display: block; width: 100%; } .resFlexLeft img { margin-top: -90px; width: 30%; margin-bottom: 12px; } .flexSepTitre { width: 78px; height: 4px; margin: 10px auto 34px auto; display: inline-block; } .flexChiffre, .flexChiffre2 { margin-bottom: 20px; } .resFlexLeft strong { margin-bottom: 12px; display: block; font-size: 24px; line-height: 29px; } .resFlexFullImg img { display: inline-block; float: left; margin: 0 9px 9px 0; width: calc(20% - 9px); } .resFlexFullImg img:nth-child(8n+8) { margin: 0 9px 9px 0; } .resFlexFullImg img:nth-child(7n+7) { margin: 0 9px 9px 0; } .resFlexFullImg img:nth-child(5n+5) { margin: 0 0 9px 0; } #res01 { background: none; background-color: #2db4e9; } #res02 { background: none; background-color: #82c939; } #res03 { background: none; background-color: #b3b3b3; } #res04 { background: none; background-color: #3aaed8; } .resFlexFullImg { overflow: auto; } .resFlexFullImg::after { content: ""; clear: both; display: table; } .resBloc .graph { margin-bottom: 16px; } #indices > div { padding: 30px 20px 40px 20px; margin-right: 20px; font-size: 16px; line-height: 23px; display: block; width: 100%; margin-bottom: 18px; text-align: center; margin-right: 0px; } #indices > div > div { padding-left: 0%; padding: 0 10% 0; } #indices > div:nth-child(2) { margin-right: 0; } #indices > div > img { width: 22%; min-width: 22%; max-width: 22%; margin: 0px auto 18px; } .flexSepTitre2 { display: inline-block; margin: 8px auto 18px; } .bigBigContent.miniMini { padding: 0 20px 4px 20px; } } @media screen and (max-width: 767px) { .generalbt.generalbt2 { width: 76px; height: 76px; left: auto; right: 0; bottom: 0; } .imgLeaflet { right: auto; bottom: auto; width: 130%; left: -30%; position: relative; margin-top: 12px; } .page_41 .bigBigContent.flexBottom .right64, .page_40 .bigBigContent.flexBottom .right64 { overflow: hidden; width: 100%; margin-left: -24px; } .resBloc { padding: 40px 20px 40px 20px; } .paddR24 { padding-right: 0%; padding-left: 0%; } h2.bigBig { font-size: 32px; line-height: 32px; margin-bottom: 5px; } .resFlexLeft img { margin-top: -67px; width: 40%; margin-bottom: 12px; } .flexSepTitre { width: 78px; height: 4px; margin: 10px auto 24px auto; display: inline-block; } .resBloc { font-size: 18px; line-height: 26px; } .resFlexFullImg img { display: inline-block; float: left; margin: 0 10px 10px 0; width: calc(50% - 5px); } .resFlexFullImg img:nth-child(8n+8) { margin: 0 10px 10px 0; } .resFlexFullImg img:nth-child(7n+7) { margin: 0 10px 10px 0; } .resFlexFullImg img:nth-child(5n+5) { margin: 0 10px 10px 0; } .resFlexFullImg img:nth-child(2n+2) { margin: 0 0 10px 0; } #indices .chiffre { font-size: 36px; line-height: 36px; margin-bottom: 6px; } #indices > div { padding: 40px 20px 40px 20px; margin-right: 20px; font-size: 16px; line-height: 23px; display: block; width: 100%; margin-bottom: 18px; text-align: center; margin-right: 0px; } #indices > div > img { width: 42%; min-width: 42%; max-width: 42%; margin: 0px auto 18px; } #indices > div > div { padding-left: 0%; padding: 0 0 0; } } /* ******************************************** VIDEO PLAYER ********************************************** */ .page_1 .plyr--video { -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3); } :root { --plyr-color-main: #31b9ec; --plyr-progress-loading-size: 10px; --plyr-progress-loading-background: rgba(35, 40, 47, 0.6); --plyr-video-progress-buffered-background: rgba(255, 255, 255, 0.25); --plyr-range-thumb-height: 10px; --plyr-range-track-height: 4px; --plyr-control-radius: 1px; --plyr-control-icon-size: 15px; --plyr-font-size-small: 12px; --plyr-video-background: transparent; --plyr-video-controls-background: transparent; } .plyr__time { font-family: 'robotoregular'; } .plyr__menu { display: flex; position: relative; } .plyr__controls__item.plyr__menu { display: none; } .plyr__poster { background-size: cover; } /* ******************************************** FONT ********************************************** */ @font-face { font-family: 'robotothin'; src: url('fonts/roboto-thin-webfont.woff2') format('woff2'), url('fonts/roboto-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'robotolight'; src: url('fonts/roboto-light-webfont.woff2') format('woff2'), url('fonts/roboto-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'robotoregular'; src: url('fonts/roboto-regular-webfont.woff2') format('woff2'), url('fonts/roboto-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'robotomedium'; src: url('fonts/roboto-medium-webfont.woff2') format('woff2'), url('fonts/roboto-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'robotobold'; src: url('fonts/roboto-bold-webfont.woff2') format('woff2'), url('fonts/roboto-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } .robotoregular { font-family: 'robotoregular' !important; } .robotolight { font-family: 'robotolight' !important; } .robotothin { font-family: 'robotothin'; } .bigBigBigText robotothin { font-family: 'robotothin' !important; } strong { font-family: 'robotoregular', 'Open Sans', sans-serif; } body { font-family: 'robotolight', 'Open Sans', sans-serif; font-size: 18px; line-height: 1.6em; letter-spacing: 0em; } .mediumText { font-size: 20px; line-height: 1.55em; } .mediumText2 { font-size: 22px; line-height: 1.4em; } .mediumText3 { font-size: 37px; line-height: 1em; } .bigText { font-size: 28px; line-height: 1.2em; } .bigBigText, h1, h2, .overlayBox .title { font-size: 38px; line-height: 1.1em; } .bigBigBigText, h3.bigBigBigText { font-size: 40px; line-height: 0.8em; font-family: 'robotothin'; } .bigBigBigText span { font-family: 'robotoregular'; } #leader .bigBigText .blueF { font-family: 'robotoregular'; } h3 { font-size: 22px; text-transform: uppercase; line-height: 1.3em; margin-bottom: 36px; } .smallText { font-size: 14px; line-height: 1.3em; } .smallText2 { font-size: 16px; line-height: 1.3em; } h1, h2 { margin-bottom: 30px; font-family: 'robotothin'; } .rightContact > span { display: block; margin-bottom: 8px; } h2.mini, .oddText { font-size: 25px; } h2.picto { display: flex; align-items: center; justify-content: flex-start; } h2.picto img { width: 72px; margin-right: 16px; margin-top: 8px; } h1.big { font-size: 81px; line-height: 1em; /*font-family: 'robotoregular', 'Open Sans', sans-serif;*/ } h1.medium { font-size: 54px; line-height: 1.1em; font-family: 'robotoregular', 'Open Sans', sans-serif; } .intro { font-size: 24px; line-height: 32px; font-family: 'robotoregular', 'Open Sans', sans-serif; } .usercontent h3 { margin-bottom: 13px; } h4 { font-size: 21px; line-height: 27px; margin-bottom: 16px; } p { margin-bottom: 30px; } .likeTitre { display: block; margin-bottom: 12px; } h2.big { font-size: 66px; line-height: 66px; font-family: 'robotoregular', 'Open Sans', sans-serif; margin-bottom: 0px; } h2.med { font-size: 34px; line-height: 1.1em; font-family: 'robotoregular', 'Open Sans', sans-serif; margin-bottom: 24px; } .uppMe { display: inline-block; margin-top: -20px; } h2.med2 { font-size: 55px; line-height: 1.1em; margin-bottom: 24px; } .fff { font-size: 50px; line-height: 1.1em; } .bigText4 { font-size: 32px; line-height: 1.4em; } .left27 { width: 28%; paddding: 0 0 0 0; margin: 0 0 0 0; } .left27 img { width: 100%; height: auto; } .right27 { width: 72%; padding: 0 0 0 7%; margin: 0 0 0 0; } .flexBottom { display: flex; align-items: flex-end; } /* ***************** */ @media screen and (max-width: 1920px) { body { font-size: 16px; line-height: 1.5em; } .mediumText { font-size: 18px; line-height: 1.55em; } .mediumText2 { font-size: 19px; line-height: 1.4em; } .bigText { font-size: 23px; } .bigBigText, h1, h2, .overlayBox .title { font-size: 34px; line-height: 1.1em; } .bigBigBigText, h3.bigBigBigText { font-size: 36px; line-height: 0.8em; font-family: 'robotothin'; } .bigBigBigText span { font-family: 'robotoregular'; } #leader .bigBigText .blueF { font-family: 'robotoregular'; } h3 { font-size: 20px; text-transform: uppercase; line-height: 1.3em; margin-bottom: 32px; } .smallText { font-size: 14px; line-height: 1.3em; } .smallText2 { font-size: 16px; line-height: 1.3em; } h1, h2 { margin-bottom: 26px; font-family: 'robotothin'; } h2.mini, .oddText { font-size: 23px; } h2.picto { display: flex; align-items: center; justify-content: flex-start; } h1.big { font-size: 64px; line-height: 1em; /*font-family: 'robotoregular', 'Open Sans', sans-serif;*/ } h1.medium { font-size: 50px; line-height: 1.1em; font-family: 'robotoregular', 'Open Sans', sans-serif; } .intro { font-size: 20px; line-height: 30px; font-family: 'robotoregular', 'Open Sans', sans-serif; } .usercontent h3 { margin-bottom: 13px; } h4 { font-size: 20px; line-height: 26px; margin-bottom: 16px; } p { margin-bottom: 26px; } .likeTitre { display: block; margin-bottom: 12px; } h2.big { font-size: 48px; line-height: 48px; } h2.med { font-size: 32px; line-height: 1.1em; font-family: 'robotoregular', 'Open Sans', sans-serif; margin-bottom: 22px; } .mediumText3 { font-size: 30px; line-height: 1.2em; } h2.med2 { font-size: 44px; line-height: 1.1em; margin-bottom: 20px; } .fff { font-size: 40px; line-height: 1.1em; } .mediumText.bizare { font-size: 17px; line-height: 1.5em; } .bigText4 { font-size: 26px; line-height: 1.4em; } .left27 { width: 28%; } .right27 { width: 72%; padding: 0 0 0 7%; } } @media screen and (max-width: 1680px) { body { font-size: 15px; line-height: 1.55em; } .mediumText { font-size: 16px; line-height: 1.5em; } .mediumText2 { font-size: 18px; line-height: 1.4em; } .bigText { font-size: 20px; } .bigBigText, h1, h2, .overlayBox .title { font-size: 28px; line-height: 1.1em; } .bigBigBigText, h3.bigBigBigText { font-size: 30px; line-height: 0.8em; } h3 { font-size: 17px; line-height: 1.3em; margin-bottom: 26px; } .smallText { font-size: 12px; line-height: 1.2em; } .smallText2 { font-size: 13px; line-height: 1.1em; } h1, h2 { margin-bottom: 22px; } h2.mini, .oddText { font-size: 19px; } h2.picto img { width: 54px; margin-right: 12px; margin-top: 6px; } p { margin-bottom: 20px; } h1.big { font-size: 52px; line-height: 1em; /*font-family: 'robotoregular', 'Open Sans', sans-serif;*/ } .likeTitre { display: block; margin-bottom: 9px; } h1.medium { font-size: 40px; line-height: 1.1em; } h2.big { font-size: 40px; line-height: 40px; } .intro { font-size: 17px; line-height: 26px; } h2.med { font-size: 23px; line-height: 1.1em; font-family: 'robotoregular', 'Open Sans', sans-serif; margin-bottom: 18px; } .mediumText3 { font-size: 22px; line-height: 1em; } h2.med2 { font-size: 36px; line-height: 1.1em; margin-bottom: 16px; } .fff { font-size: 35px; line-height: 1.1em; } .mediumText.bizare { font-size: 16px; line-height: 1.5em; } .bigText4 { font-size: 24px; line-height: 1.4em; } .left27 { width: 28%; } .right27 { width: 72%; padding: 0 0 0 7%; } } @media screen and (max-width: 1024px) { h1.big { font-size: 46px; line-height: 1em; /*font-family: 'robotoregular', 'Open Sans', sans-serif;*/ } .fff { font-size: 33px; line-height: 1.1em; } .mediumText.bizare { font-size: 15px; line-height: 1.5em; } h2.big { font-size: 30px; line-height: 30px; } .bigText4 { font-size: 20px; line-height: 1.4em; } .left27 { width: 28%; } .right27 { width: 72%; padding: 0 0 0 7%; } } @media screen and (max-width: 820px) { .contact-form .mediumText { font-size: 14px; line-height: 1.3em; } .fff { font-size: 30px; line-height: 1.1em; } .bigText4 { font-size: 18px; line-height: 1.4em; } .left27 { width: 28%; } .right27 { width: 72%; padding: 0 0 0 7%; } .mediumText { font-size: 15px; line-height: 1.4em; } } @media screen and (max-width: 767px) { body { font-size: 16px; line-height: 1.6em; } .mediumText { font-size: 17px; line-height: 1.5em; } .mediumText2 { font-size: 18px; line-height: 1.3em; } .bigText { font-size: 19px; line-height: 1.2em; } .bigBigText, h1, h2, .overlayBox .title { font-size: 20px; line-height: 1.3em; } .bigBigBigText, h3.bigBigBigText { font-size: 22px; line-height: 0.8em; } #footer .scrollUp.bigBigBigBigText { width: auto; height: auto; align-items: center; display: block; position: absolute; background-color: #FFE500; padding: 12px 10px 8px; right: 0px ; top: 20px; } #footer .scrollUp.bigBigBigBigText img { width: 40px; height: auto; } h3 { font-size: 18px; line-height: 1.4em; margin-bottom: 24px; } .smallText { font-size: 14px; line-height: 1.3em; } h1, h2 { margin-bottom: 18px; } h2.mini, .oddText { font-size: 17px; } h2.picto img { width: 44px; margin-right: 12px; margin-top: 6px; } h1.big { font-size: 35px; line-height: 1em; /*font-family: 'robotoregular', 'Open Sans', sans-serif;*/ } h1.medium { font-size: 24px; line-height: 1.1em; } #slider_h .mediumText { font-size: 15px; line-height: 1.5em; } .intro { font-size: 16px; line-height: 25px; } h2.big { font-size: 32px; line-height: 32px; } h2.med { font-size: 18px; line-height: 1.1em; font-family: 'robotoregular', 'Open Sans', sans-serif; margin-bottom: 16px; } .uppMe { display: inline-block; margin-top: -10px; } .mediumText3 { font-size: 20px; line-height: 1em; } h2.med2 { font-size: 28px; line-height: 1.1em; margin-bottom: 14px; } .fff { font-size: 26px; line-height: 1.2em; } .contact-form .mediumText { font-size: 13px; line-height: 1.2em; } .zone_01 h2, .zone_02 h2, .zone_03 h2, .zone_04 h2, .zone_05 h2, .zone_06 h2 { font-size: 23px; } .zone_01 .bigText, .zone_02 .bigText, .zone_03 .bigText, .zone_04 .bigText , .zone_05 .bigText, .zone_06 .bigText { font-size: 19px; } #ifiltres .mediumText2 { font-size: 21px; } .mediumText.bizare { font-size: 16px; line-height: 1.5em; } .bigText4 { font-size: 18px; line-height: 1.4em; } .left27 { width: 100%; display: block; float: none; } .left27 img { width: 44%; display: inline-block; margin: 0px auto 14px; } .right27 { width: 100%; display: block; float: none; padding: 0 0 0 0; } .flexBottom { display: block; } } .bgBlueF a.noborder { border-bottom: none !important; } .page_13 #footer, .page_15 #footer { /* position: fixed; bottom: 0; left: 0; z-index: 11; } */ } /* *************** FORMS **************** */ ._blueF { color: #284283 !important; } .contentForm { width: 940px; } ._form .bt { float: right; display: inline-block; margin-left: 12px; font-family: 'robotobold'; height: 50px; line-height: 49px; } #_form2, #_form3, #_form4 { display: none; } ._form > div._formcontainer { padding: 50px 60px 50px 60px; background-color: #30b8ea; margin-bottom:15px; } .bt.btYellow { color: #284283; background-color: #ffe500; border: 1px solid #ffe500; } .bt.btYellow:hover { color: #284283; background-color: #ffffff; border: 1px solid #284283; } ._header h3 { color: #284283; font-size: 1.9em; line-height: 1em; text-transform: none; margin-bottom: 0px; font-family: 'robotomedium'; } ._header span { color: #ffffff; font-family: 'robotomedium'; display: nlock; } sup { position: relative; top: 0em; font-size: 80%; } ._form { letter-spacing: 0.05em; } .contentForm h2 { font-size: 3.4em; line-height: 0.9em; font-family: 'robotolight'; margin-bottom: 1.5em; } h2.picto.pictoB img { width: 100px; } ._header ._tiret { width: 94px; height: 6px; background-color: #284283; margin: 1em 0 2em; } ._field { display: flex; align-items: flex-end; justify-content: flex-start; } ._fieldset._fieldsetInfos { width: 80%; } ._fieldset._fieldsetInfos span { width: 35%; } ._fieldset._fieldsetInfos input { width: 65%; color: #ffffff; } ._fieldset span { color: #ffffff; font-weight: 600; } ._field input[type="text"], ._field input[type="email"] { background-color: transparent; border: none; border-bottom: 1px solid #ffffff; transform: translateY(0.3em); } ._field { margin-bottom: 14px; } ._form { margin-bottom: 2em; } ._checkBox { padding-left: 35px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ ._checkBox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ ._checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #ffffff; } ._fieldsetOpt ._checkmark { border-radius: 50%; } /* On mouse-over, add a grey background color */ ._checkBox:hover input ~ ._checkmark { cursor: pointer; } /* When the checkbox is checked, add a blue background */ ._checkBox input:checked ~ ._checkmark { background-color: #ffffff; } /* Create the checkmark/indicator (hidden when not checked) */ ._checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ ._checkBox input:checked ~ ._checkmark:after { display: block; } /* Style the checkmark/indicator */ ._checkBox ._checkmark:after { left: 7px; top: 7px; width: calc(100% - 14px); height: calc(100% - 14px); background-color: #284283; } ._fieldsetOpt ._checkmark:after { border-radius: 50%; } ._form h4 { color: #284283; font-size: 1.3em; line-height: 1.1em; margin: 2.5em 0 1em 0; text-transform: none; font-family: 'robotoregular'; } ._field > * { display: inline-block; } ._field._checkBox_text input[type="text"] { position: absolute; left: 90px; top: -10px; width: 50%; } ._field input { color: #ffffff; } ._spacer { margin: 2.5em 0 0; } ._fieldTextFull span, span._bloc { display: block; width: 90%; margin-top: 0.5em; } ._field._fieldTextFull { display: block; } ._fieldTextFull input { width: 62.5%; } ._form h4._mini { margin: 2em 0 0 0; } span._bloc { margin-bottom: 1em; } #lesformes img { width: 100%; height: auto; display: block; } #lesformes { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(0, 1fr); grid-column-gap: 60px } #lesformes > div > div { background-color: #30b8ea; color: #ffffff; padding: 46px 76px 100px 52px; } #lesformes .bt { position: absolute; bottom: 30px; right: 36px; font-family: 'robotobold'; } #lesformes > div:hover > div { background-color: #284283; color: #ffffff; } ._form .bt.btYellow.valider { color: #ffffff; background-color: #30b8ea; border: 1px solid #30b8ea; text-transform: uppercase; } ._form .bt.btYellow.valider:hover { color: #30b8ea; background-color: #ffffff; border: 1px solid #30b8ea; text-transform: uppercase; } ._form .cconsent { float: left; display: inline-block; float: left; width: 60%; } @media screen and (max-width: 1920px) { .contentForm { width: 840px; } ._form > div._formcontainer { padding: 45px 55px 45px 55px; background-color: #30b8ea; margin-bottom:14px; } } @media screen and (max-width: 1680px) { ._header ._tiret { width: 74px; height: 5px; background-color: #284283; margin: 0.9em 0 1.8em; } .contentForm { width: 760px; } ._form > div._formcontainer { padding: 40px 50px 40px 50px; background-color: #30b8ea; margin-bottom:13px; } ._form .bt { height: 40px; line-height: 39px; } } @media screen and (max-width: 1024px) { ._form .bt { height: 36px; line-height: 35px; } .contentForm { width: 80%; margin: 0 10%; } #lesformes { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(0, 1fr); grid-column-gap: 20px } #lesformes > div > div { padding: 30px 50px 80px 32px; } #lesformes .bt { bottom: 24px; right: 30px; font-family: 'robotobold'; } } @media screen and (max-width: 820px) { .contentForm { width: 100%; margin: 0 0%; } #lesformes { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(0, 1fr); grid-column-gap: 14px } #lesformes > div > div { padding: 22px 22px 70px 22px; } #lesformes .bt { bottom: 24px; right: 30px; font-family: 'robotobold'; } } @media screen and (max-width: 767px) { .cconsent input { width: 14px; height: 14px; margin-top: 0; line-height: 20px; } ._form .cconsent { display: block; float: none; width: 100%; margin: 16px 0 12px 0; } h2.picto.pictoB img { width: 62px; } ._checkmark { position: absolute; top: 0; left: 0; height: 17px; width: 17px; background-color: #ffffff; } ._checkBox ._checkmark:after { left: 4px; top: 4px; width: calc(100% - 8px); height: calc(100% - 8px); background-color: #284283; } ._field { display: block; align-items: flex-end; justify-content: flex-start; } ._checkBox { padding-left: 28px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ._checkBox > span:not(._checkmark){ transform: translateY(-2px); /*display: inline-block;*/ } ._form h4 { color: #284283; font-size: 1.2em; line-height: 1.1em; margin: 2em 0 1em 0; text-transform: none; font-family: 'robotoregular'; } ._fieldset._fieldsetInfos { width: 90%; } ._fieldsetText ._field { margin-bottom: 36px; } ._fieldset._fieldsetInfos span { width: 100%; display: block; } ._fieldset._fieldsetInfos input { width: 100%; color: #ffffff; } ._header h3 { font-size: 1.3em; line-height: 1em;; } ._form > div._formcontainer { padding: 24px 20px 30px 20px; background-color: #30b8ea; margin-bottom: 13px; } .contentForm h2 { font-size: 1.5em; line-height: 1em; font-family: 'robotolight'; margin-bottom: 1.5em; } #lesformes { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(0, 1fr); grid-column-gap: 0px } #lesformes > div > div { padding: 22px 22px 70px 22px; } #lesformes .bt { bottom: 24px; right: 30px; font-family: 'robotobold'; } #lesformes > div { margin-bottom: 22px; } }