/* Theme Name: ChezLeon Theme URI: https://dev.chezleon.mom Description: CHEZ LEON, probablement la Friture la plus bruxelloise du monde ! En 1867, Léon Vanlancker décide de s’installer à deux pas de la Grand Place pour exploiter un restaurant de 5 tables baptisé «A la Ville d’Anvers ». En 1893, il déménage à quelques mètres de là, au 18 rue des Bouchers, et ouvre sa«Friture Léon ». Les années passent et la maison grandit doucement mais sûrement. Version: 1.0 Author: G1 (info-hello@g1.be) Author URI: https://g1.brussels/ Tags: Blank, HTML5, CSS3, PHP, jQuery */ @import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700'); .hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:30px;height:3px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent!important}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent!important}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent!important}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent!important}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent!important}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent!important}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)} /* -------------------------------- Primary style -------------------------------- */ @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro); /* -------------------------------- Main Components -------------------------------- */ .cd-horizontal-timeline { opacity: 0; margin: 2em auto; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .cd-horizontal-timeline ol,.cd-horizontal-timeline ul{list-style-type: none;} .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'mobile'; display: none; } .cd-horizontal-timeline.loaded { /* show the timeline after events position has been set (using JavaScript) */ opacity: 1; } .cd-horizontal-timeline .timeline { position: relative; height: 100px; width: 90%; max-width: 800px; margin: 0 auto; } .cd-horizontal-timeline .events-wrapper { position: relative; height: 100%; margin: 0 40px; overflow: hidden; } .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before { /* these are used to create a shadow effect at the sides of the timeline */ content: ''; position: absolute; z-index: 2; top: 0; height: 100%; width: 20px; } .cd-horizontal-timeline .events-wrapper::before { left: 0; background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0)); background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0)); } .cd-horizontal-timeline .events-wrapper::after { right: 0; background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0)); background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0)); } .cd-horizontal-timeline .events { /* this is the grey line/timeline */ position: absolute; z-index: 1; left: 0; top: 49px; height: 2px; /* width will be set using JavaScript */ background: #dfdfdf; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .cd-horizontal-timeline .filling-line { /* this is used to create the green line filling the timeline */ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: #7b9d6f; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-horizontal-timeline .events a { position: absolute; bottom: 0; z-index: 2; text-align: center; font-size: 1.3rem; padding-bottom: 15px; color: #383838; /* fix bug on Safari - text flickering while timeline translates */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .cd-horizontal-timeline .events a::after { /* this is used to create the event spot */ content: ''; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; height: 12px; width: 12px; border-radius: 50%; border: 2px solid #dfdfdf; background-color: #f8f8f8; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } .no-touch .cd-horizontal-timeline .events a:hover::after { background-color: #7b9d6f; border-color: #7b9d6f; } .cd-horizontal-timeline .events a.selected { pointer-events: none; } .cd-horizontal-timeline .events a.selected::after { background-color: #7b9d6f; border-color: #7b9d6f; } .cd-horizontal-timeline .events a.older-event::after { border-color: #7b9d6f; } textarea.groupes_form_remarques{ height: 80px !important; font-size: 16px; font-family: 'Roboto Slab', serif; color: #898989; padding: 18px; } .inputs_titles{ font-size: 18px; } .radio_btn_contain .wpcf7-list-item-label{ font-size: 18px; color: #1f4231; position: relative; } .radio_btn_contain .wpcf7-list-item-label::after{ content: ''; position: absolute; left: -13px; top: 5px; width: 16px; height: 16px; border: 2px solid #1f4231; border-radius: 50%; } .condition_container{ font-size:18px; } .condition_container a{ color: #1f4231; margin-left: 5px; text-decoration: none; font-weight: 600; } .condition_container a:hover{ color: #1f4231; text-decoration: none; font-weight: 600; } .radio_btn_contain input[type=radio]{ opacity:0; } .radio_btn_contain input[type=radio]:checked + .wpcf7-list-item-label::after{ background-color: #feda41; } @media only screen and (min-width: 1100px) { .cd-horizontal-timeline { margin: 6em auto; } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop'; } } .cd-timeline-navigation a { /* these are the left/right arrows to navigate the timeline */ position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; border-radius: 50%; border: 2px solid #dfdfdf; /* replace text with an icon */ overflow: hidden; color: transparent; text-indent: 100%; white-space: nowrap; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s; } .cd-timeline-navigation a::after { /* arrow icon */ content: ''; position: absolute; height: 16px; width: 16px; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(img/cd-arrow.svg) no-repeat 0 0; } .cd-timeline-navigation a.prev { left: 0; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .cd-timeline-navigation a.next { right: 0; } .no-touch .cd-timeline-navigation a:hover { border-color: #7b9d6f; } .cd-timeline-navigation a.inactive { cursor: not-allowed; } .cd-timeline-navigation a.inactive::after { background-position: 0 -16px; } .no-touch .cd-timeline-navigation a.inactive:hover { border-color: #dfdfdf; } .cd-horizontal-timeline .events-content { position: relative; width: 100%; margin: 2em 0; overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s; } .cd-horizontal-timeline .events-content li { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); padding: 0 5%; opacity: 0; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .cd-horizontal-timeline .events-content li.selected { /* visible event content */ position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right { -webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right; } .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left; } .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; } .cd-horizontal-timeline .events-content li > * { max-width: 800px; margin: 0 auto; } .cd-horizontal-timeline .events-content h2 { font-weight: bold; font-size: 2.6rem; font-family: "Playfair Display", serif; font-weight: 700; line-height: 1.2; } .cd-horizontal-timeline .events-content em { display: block; font-style: italic; margin: 10px auto; } .cd-horizontal-timeline .events-content em::before { content: '- '; } .cd-horizontal-timeline .events-content p { font-size: 1.4rem; color: #959595; } .cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p { line-height: 1.6; } @media only screen and (min-width: 768px) { .cd-horizontal-timeline .events-content h2 { font-size: 7rem; } .cd-horizontal-timeline .events-content em { font-size: 2rem; } .cd-horizontal-timeline .events-content p { font-size: 1.8rem; } } @-webkit-keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-right { 0% { opacity: 0; -moz-transform: translateX(100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-left { 0% { opacity: 0; -moz-transform: translateX(-100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } /*------------------------------------*\ MAIN \*------------------------------------*/ /* global box-sizing */ *, *:after, *:before { -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; } /* html element 62.5% font-size for REM use */ html { font-size:62.5%; } body { font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#444; } #mbo{ position: absolute; bottom: 0; right: 50%; transform: translate(50%,0); } /* clear */ .clear:before, .clear:after { content:' '; display:table; } .clear:after { clear:both; } .clear { *zoom:1; } img { max-width:100%; vertical-align:bottom; } a { color:#444; text-decoration:none; } a:hover { color:#444; } a:focus { outline:0; } a:hover, a:active { outline:0; } input:focus { outline:0; border:1px solid #04A4CC; } /*------------------------------------*\ STRUCTURE \*------------------------------------*/ /* wrapper */ .wrapper { max-width:1280px; width:95%; margin:0 auto; position:relative; } /* header */ .header { } /* logo */ .logo { } .logo-img { } /* nav */ .nav { } /* sidebar */ .sidebar { position: -webkit-sticky;position: sticky; top: 20px; background-color: #ffffff; padding-bottom: 1px; -webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25); box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25); } /* footer */ .footer { } /*------------------------------------*\ PAGES \*------------------------------------*/ /*------------------------------------*\ IMAGES \*------------------------------------*/ /*------------------------------------*\ TYPOGRAPHY \*------------------------------------*/ @font-face { font-family:'Font-Name'; src:url('fonts/font-name.eot'); src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'), url('fonts/font-name.woff') format('woff'), url('fonts/font-name.ttf') format('truetype'), url('fonts/font-name.svg#font-name') format('svg'); font-weight:normal; font-style:normal; } /*------------------------------------*\ RESPONSIVE \*------------------------------------*/ @media only screen and (min-width:320px) { } @media only screen and (min-width:480px) { } @media only screen and (min-width:768px) { } @media only screen and (min-width:1024px) { } @media only screen and (min-width:1140px) { } @media only screen and (min-width:1280px) { } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) { } /*------------------------------------*\ MISC \*------------------------------------*/ ::selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-webkit-selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } /*------------------------------------*\ WORDPRESS CORE \*------------------------------------*/ .alignnone { margin:5px 20px 20px 0; } .aligncenter, div.aligncenter { display:block; margin:5px auto 5px auto; } .alignright { float:right; margin:5px 0 20px 20px; } .alignleft { float:left; margin:5px 20px 20px 0; } a img.alignright { float:right; margin:5px 0 20px 20px; } a img.alignnone { margin:5px 20px 20px 0; } a img.alignleft { float:left; margin:5px 20px 20px 0; } a img.aligncenter { display:block; margin-left:auto; margin-right:auto; } .wp-caption { background:#FFF; border:1px solid #F0F0F0; max-width:96%; padding:5px 3px 10px; text-align:center; } .wp-caption.alignnone { margin:5px 20px 20px 0; } .wp-caption.alignleft { margin:5px 20px 20px 0; } .wp-caption.alignright { margin:5px 0 20px 20px; } .wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; } .wp-caption .wp-caption-text, .gallery-caption { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } .sticky { } .bypostauthor { } /*------------------------------------*\ PRINT \*------------------------------------*/ @media print { * { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; } a, a:visited { text-decoration:underline; } a[href]:after { content:" (" attr(href) ")"; } abbr[title]:after { content:" (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; } pre,blockquote { border:1px solid #999; page-break-inside:avoid; } thead { display:table-header-group; } tr,img { page-break-inside:avoid; } img { max-width:100% !important; } @page { margin:0.5cm; } p, h2, h3 { orphans:3; widows:3; } h2, h3 { page-break-after:avoid; } } /*------------------------------------*\ ChezLeon CSS \*------------------------------------*/ /* STRUCTURE */ body {overflow-x: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch} @media (max-width:3000px) { [canvas=container], [off-canvas], body, html {height: 100%;margin: 0;padding: 0;box-sizing: border-box} [canvas] {z-index: 1} [canvas=container] {width: 100%;height: 100%;overflow: scroll;position: relative;background-color: #fff;box-shadow: 0 8px 0 0 #fff, 0 -8px 0 0 #fff, 8px 0 8px -4px rgba(0, 0, 0, .2), -8px 0 8px -4px rgba(0, 0, 0, .2);-webkit-overflow-scrolling: touch} [canvas=container]:after, [canvas=container]:before {clear: both;content: '';display: table} [off-canvas] {display: none;position: fixed;overflow: hidden;overflow-y: auto;background-color: #1f4231;color: #fff;-webkit-overflow-scrolling: touch;} #LeftMenu ul{padding: 0;list-style-type: none;position: relative;z-index: 80000000;} #LeftMenu ul li{font-size: 16px;padding: 15px 5px;border-bottom: 1px solid #183326;} #LeftMenu ul li a{color: #ffffff;text-decoration: none;} #LeftMenu ul li a:hover,#LeftMenu ul li a:focus{color: #feda41;text-decoration: none;} #LeftMenu ul li a i{opacity: 0.5;} #LeftMenu img{position: absolute; bottom: 0; right: 0; opacity: 0.3;} [off-canvas*=top] {width: 100%;height: 256px;top: 0} [off-canvas*=right] {width: 256px!important;height: 100%;top: 0;right: 0} [off-canvas*=bottom] {width: 100%;height: 256px;bottom: 0} [off-canvas*=left] {width: 256px!important;height: 100%;top: 0;left: 0} [off-canvas*=reveal] {z-index: 0} [off-canvas*=push] {z-index: 1} [off-canvas*=overlay] {z-index: 9999} [off-canvas*=shift] {z-index: 0} [canvas], [off-canvas] {/*transform: translate(0, 0);*/transition: transform .3s;/*-webkit-backface-visibility: hidden*/} [off-canvas*=shift][off-canvas*=top] {transform: translate(0, 50%)} [off-canvas*=shift][off-canvas*=right] {transform: translate(-50%, 0)} [off-canvas*=shift][off-canvas*=bottom] {transform: translate(0, -50%)} [off-canvas*=shift][off-canvas*=left] {transform: translate(50%, 0)} } @media print and (max-width:3000px) { [canvas] {transform: translate(0, 0)!important} [off-canvas] {display: none!important} } nav.offcanvas {background-color: #ffffff;border-bottom: 4px solid #13291e;} nav.offcanvas .navbar-toggler {width: auto;height: 2.5rem;margin: 0;padding: .25rem;background-size: 100% 100%;border: 0;border-radius: 0} nav.offcanvas.fixed-top .languagepicker{padding-left: 0;margin: 0;text-align: left;display: inline-block;list-style-type: none;position: absolute;right: 0;top: -20px;font-size: 18px;} nav.offcanvas.fixed-top .languagepicker li:not(.current-lang) a{opacity: 0;} nav.offcanvas.fixed-top .languagepicker:hover li a,nav.offcanvas.fixed-top .languagepicker:focus li a{opacity: 1;} .languagepicker { background-color: #FFF; display: inline-block; padding: 0; height: 40px; overflow: hidden; transition: all .3s ease; margin: 0 50px 10px 0; vertical-align: top; float: left; } .languagepicker:hover { /* don't forget the 1px border */ height: auto; } .languagepicker a{ color: #000; text-decoration: none; } .languagepicker li { display: block; padding: 0px 20px; line-height: 40px; } .languagepicker li:hover{ background-color: #EEE; } .languagepicker a:first-child li { border: none; background: #FFF !important; } .languagepicker li img { margin-right: 5px; } .roundborders { border-radius: 5px; } .large:hover { /* don't forget the 1px border! The first language is 40px heigh, the others are 41px */ height: 245px; } @media (max-width:3000px) { .offcanvas-desktop {display: none} } @media (min-width:768px) { [canvas=mobile], [off-canvas] {display: none} } /* ALL */ #bandeauLangueCookies,#P3S4 figure .overlay,#P3S4Bis input[type="submit"],#P5S3 .articles,#P4S1 .page-numbers,#P4S1 .articles,#P3S2 .nav-link.active .st0,#P3S2 .nav-link,#P1S6 .Description,.socialIcons,#subFooter,#P1S10,.recettes,.recette_a_la_une,#P1S7 .articles,#P1S6 .overlay,#P1S6 a,.btn-default-chezleon,.content-slide,body,main.container,.logo img{-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;} body {padding-top: 162px;} .HeaderRetracted {padding-top: 60px;} .btn-default-chezleon{font-family: 'Roboto Slab', serif;display: inline-block;font-weight: 700;color: #feda41;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: #1f4231;padding: 10px 36px;font-size: 15px;border-radius: 5px;border: 1px solid #1f4231;} .btn-default-chezleon:hover,.btn-default-chezleon:focus{outline: none;color: #1f4231;background-color: #feda41;text-decoration: none;} /* NAVIGATION */ .logo img{width: 208px;margin: 10px 0;} /*.offcanvas{padding: 0 40px;}*/ .navbar-toggler .fas{font-size: 26px;} .HeaderRetracted .logo img{width: 70px;margin: 5px 0;} .navbar-toggler:focus,.navbar-toggler:hover{outline: none;} .wordingMenu{font-size: 15px;display: inline-block;vertical-align: super;} /* ------------------------------------------------------------------------------------ */ /* Accueil */ /* ------------------------------------------------------------------------------------ */ #P1S1{position: relative;} .content-slide{height: calc(100vh - 162px);background-size: cover;background-repeat: no-repeat;background-position: center center;} .content-slide .container,.content-slide .row{width: 100%;height: 100%;min-height: 500px;} .HeaderRetracted .content-slide{height: calc(80vh - 60.44px);} .swiper-container{position: relative;} .custom-swiper-button-next .btn,.custom-swiper-button-prev .btn{position: absolute;width: 40px;height: 40px;background-color: #feda41;bottom: 0;z-index: 2;} .custom-swiper-button-next .btn{right: 0;} .custom-swiper-button-prev .btn{right: 44px;} #P1S1 .fas{font-size: 25px;color: #1f4231;} .swiper-container { width: 100% !important} .swiper-container .btn:focus{outline: none;} .texte-content{padding: 33px;position: absolute;top: 25%;left: 0;transform: translate(0,-25%);max-width: 520px;background: #ffffff url("img/background-content-text.png") no-repeat right bottom;} .texte-content h2{font-family: 'Roboto Slab', serif;font-size: 36px;color: #1f4231;font-weight: 700;line-height: 36px;margin-bottom: 25px;} .texte-content p{font-family: 'Roboto Slab', serif;font-size: 15px;color: #1f4231;margin-bottom: 20px;} .texte-content .btn-default-chezleon{position: absolute;bottom: 0;transform: translate(0,50%);} @-webkit-keyframes ani-mouse { 0% {opacity: 1;top: 29%;} 15% {opacity: 1;top: 50%;} 50% {opacity: 0;top: 50%;} 100% {opacity: 0;top: 29%;} } @-moz-keyframes ani-mouse { 0% {opacity: 1;top: 29%;} 15% {opacity: 1;top: 50%;} 50% {opacity: 0;top: 50%;} 100% {opacity: 0;top: 29%;} } @keyframes ani-mouse { 0% {opacity: 1;top: 29%;} 15% {opacity: 1;top: 50%;} 50% {opacity: 0;top: 50%;} 100% {opacity: 0;top: 29%;} } .scroll-btn {display: inline-table;position: absolute;left: 50%;right: 0;text-align: center;bottom: 0;z-index: 3;transform: translate(-50%,0) scale(0.8);} .scroll-btn > * {display: inline-block;line-height: 18px;font-size: 13px;font-weight: normal;color: #7f8c8d;color: #ffffff;font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing: 2px;} .scroll-btn > *:hover, .scroll-btn > *:focus, .scroll-btn > *.active {color: #ffffff;} .scroll-btn > *:hover, .scroll-btn > *:focus, .scroll-btn > *:active, .scroll-btn > *.active {opacity: 0.8;filter: alpha(opacity=80);} .scroll-btn .mouse {position: relative;display: block;width: 35px;height: 55px;margin: 0 auto 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 3px solid white;border-radius: 23px;} .scroll-btn .mouse > * {position: absolute;display: block;top: 29%;left: 50%;width: 8px;height: 8px;margin: -4px 0 0 -4px;background: white;border-radius: 50%;-webkit-animation: ani-mouse 2.5s linear infinite;-moz-animation: ani-mouse 2.5s linear infinite;animation: ani-mouse 2.5s linear infinite;} #P1S2{padding: 70px 15px;background-image: url('img/backgroundbriquerepetition.jpg');background-repeat: no-repeat;background-position: center center;background-repeat: repeat;} #P1S2 h3{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 26px;margin-bottom: 40px;margin-top: 0;} #P1S2 h3 span{font-weight: 700;} #P1S2 p{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 18px;margin-bottom: 35px;} #P1S2-1{position: relative;width: 100%;height: 8px;background-color: #1f4231; height: 13px;background-color: #1f4231;margin-bottom: -3px;z-index: 2;} #P1S2-1 img{position: absolute;z-index: 2;top: -20px;} #img-left-relief{left: -9px;} #img-right-relief{right: 0;} #P1S3 .container-fluid{padding: 0;} #img-promotion{background-size: cover;background-repeat: no-repeat;background-position: center center;width: 100%;height: 100%;} #contenu-promotion{padding: 70px 25px;background: rgb(56,119,81); background: -moz-radial-gradient(center, ellipse cover, rgba(56,119,81,1) 0%, rgba(31,66,49,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(56,119,81,1) 0%,rgba(31,66,49,1) 100%); background: radial-gradient(ellipse at center, rgba(56,119,81,1) 0%,rgba(31,66,49,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#387751', endColorstr='#1f4231',GradientType=1 );} #P1S3 h4{font-size: 45px;color: #feda41;font-family: 'Roboto Slab', serif;font-weight: 700;} #P1S3 p{font-size: 24px;color: #feda41;font-family: 'Roboto Slab', serif;} #P1S3 .btn-default-chezleon{background-color: transparent ;border-color: #feda41;color: #feda41;margin-top: 15px;} #P1S3 .btn-default-chezleon:hover,#P1S3 .btn-default-chezleon:focus{background-color:#feda41;color: #1f4231;} #P1S4{padding: 70px 15px;background-image: url('img/backgroundbriquerepetition.jpg');background-repeat: no-repeat;background-position: center center;background-repeat: repeat;} #P1S4 h3{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 26px;margin-bottom: 20px;margin-top: 0;font-weight: 700;} #P1S4 img{max-width: 610px;width: 100%;} #P1S5 .container-fluid{padding: 0;} #P1S5 .img-call-to-action{width: 100%;height: 270px;background-repeat: no-repeat;background-position: center center;background-repeat: repeat;background-size: cover;} #P1S5 figure {position: relative;float: left;overflow: hidden;/*min-width: 320px;max-width: 480px;*/max-height: 280px;width: 100%;background: #3085a3;text-align: center;cursor: pointer;margin-bottom:0;height: 100%;} #P1S5 figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.8;} #P1S5 figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000',GradientType=0 );} #P1S5 figure figcaption::before, #P1S5 figure figcaption::after {pointer-events: none;} #P1S5 figure figcaption, #P1S5 figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ #P1S5 figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;} #P1S5 figure h2 {font-weight: 300;} #P1S5 .col-xs-12{overflow:hidden; } #P1S5 figure h2 span {font-weight: 800;} #P1S5 figure h2, #P1S5 figure p {margin: 0;} #P1S5 figure p {letter-spacing: 1px;font-size: 85%;font-weight: 500;} #P1S5 figure.effect-milo {background: #1f4231;} #P1S5 figure.effect-milo img {max-width: none;width: -webkit-calc(100% + 60px);width: calc(100% + 60px);opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-30px,0,0) scale(1.12);transform: translate3d(-30px,0,0) scale(1.12);-webkit-backface-visibility: hidden;backface-visibility: hidden;} #P1S5 figure.effect-milo:hover img {opacity: 0.5;-webkit-transform: translate3d(0,0,0) scale(1);transform: translate3d(0,0,0) scale(1);} #P1S5 figure.effect-milo h2 {position: absolute;right: 0;bottom: 0;padding: 1em 1.2em;} #P1S5 figure.effect-milo p {padding: 0 10px 0 0;width: 50%;border-right: 1px solid #fff;text-align: right; opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-40px,0,0);transform: translate3d(-40px,0,0);} #P1S5 figure.effect-milo:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} #P1S6{padding: 70px 15px;background-image: url('img/backgroundbriquerepetition.jpg');background-repeat: no-repeat;background-position: center center;background-repeat: repeat;} #P1S6 h3{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 26px;margin-bottom: 30px;margin-top: 0;font-weight: 700;} .div-repas-group{height: 330px;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;} #P1S6 .Description{position: absolute;top: 50px;left: 0;text-align: left;max-width: 400px;z-index: 2;color: #ffffff;font-size: 14px;border-right: 1px solid #ffffff;opacity: 0;padding: 15px;} #P1S6 a:hover .Description, #P1S6 a:focus .Description{opacity: 1;} #P1S6 .div-repas-group h2{position: absolute;bottom: 5%;right: 5%;color: #ffffff;font-family: 'Roboto Slab', serif;font-weight: 700;text-transform: uppercase;} #colSpecFlex{display: flex;flex-direction: row;} #P1S6 a{width: 50%;} #P1S6 a:hover,#P1S6 a:focus{width: 80%;} #P1S6 .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #1f4231;opacity: 0;} #P1S6 a:hover .overlay,#P1S6 a:focus .overlay{opacity: 0.5;} #P1S7{position: relative;padding: 70px 15px;background: rgb(56,119,81); background: -moz-radial-gradient(center, ellipse cover, rgba(56,119,81,1) 0%, rgba(31,66,49,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(56,119,81,1) 0%,rgba(31,66,49,1) 100%); background: radial-gradient(ellipse at center, rgba(56,119,81,1) 0%,rgba(31,66,49,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#387751', endColorstr='#1f4231',GradientType=1 );} #P1S7 h3{font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 26px;margin-bottom: 30px;margin-top: 0;font-weight: 700;} #P1S7 .img-article{width: 100%;height: 200px;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;} #P1S7 .contenu-article{background-color: #ffffff;padding: 45px 20px 50px 20px; font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 14px;font-weight: 400;} #P1S7 .articles{-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);background-color: #ffffff;height: 100%;position: relative;} #P1S7 .articles h4{ font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 20px;font-weight: 700;display: inline-block;} #P1S7 .articles span{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 10px;} #P1S7 .articles p{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 12px;text-align: justify;} #P1S7 .articles .view-article{display: none;} #P1S7 .voir-plus{position: absolute;bottom: 25px;right: 25px;font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 12px;font-weight: 700;text-transform: uppercase;display: inline-block;} #P1S7 .voir-plus::after{content: url('img/arabesque-Lien.png');position: absolute;left: -16px;top: 12px;} #P1S7 .articles a:hover,#P1S7 .articles a:focus{color: #feda41;text-decoration: none;} #P1S7 .articles a:hover h4,#P1S7 .articles a:focus h4{color: #feda41;text-decoration: none;} #P1S7 .categorie-article{position: absolute;bottom: 0;left: 0;transform: translate(0,50%);background-color: #feda41;padding: 7px 38px;font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 16px;font-weight: 700;} #P1S7 .categorie-article a{color: #1f4231;} #P1S7 .categorie-article:hover a,#P1S7 .categorie-article:focus a{color: #ffffff;} #img-deco-P1S7{position: absolute;bottom: 0;right: 0;} #P1S7 .btn-default-chezleon{background-color: transparent;border-color: #feda41;color: #feda41;margin-top: 30px;} #P1S7 .btn-default-chezleon:hover, #P1S7 .btn-default-chezleon:focus {background-color: #feda41;color: #1f4231;} #P1S7 .categorie-article img{margin-right: 10px;} #P1S8 .container-fluid{padding: 0;} #P1S8 .section-valeurs{padding: 75px 15px;height: 100%;} #section-Livre{background-image: url(img/backgroundbriquerepetition.jpg);background-position: center center;background-repeat: repeat;} #section-Vib{background-image: url(img/backgroundcarrauxrepetition.jpg);background-position: center center;background-repeat: repeat;} #P1S8 h2{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 29px;max-width: 420px;max-width: 420px;margin: 25px auto;} #section-Livre img{max-height: 207px;} #P1S9 {padding: 70px 15px 130px;} #P1S9 .container-fluid{max-width: 1000px;} #P1S9 h3 {font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 26px;margin-bottom: 60px;margin-top: 0;font-weight: 700;} .img_recette_a_la_une{width: 100%;height: 183px;background-size: cover;background-repeat: no-repeat;background-position: center center;} .recette_a_la_une{ -webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);background-color: #ffffff;} .contenu_recette_a_la_une{padding: 30px 30px 30px 30px;} .contenu_recette_a_la_une span{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 16px;} #P1S9 .d-none img{margin-right: 5px;margin-top: -7px;} #P1S9 .d-none svg { width: 15px; height: auto; vertical-align: bottom;} #P1S9 .d-none span{ line-height: 24px;display: inline-block;} .contenu_recette_a_la_une h4{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 20px;font-weight: 700;margin-top: 20px;} .contenu_recette_a_la_une p{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 14px;font-weight: 400;} #P1S9 .col-xs-12 a{color: #1f4231;} #P1S9 .col-xs-12 a:hover,#P1S9 .col-xs-12 a:focus{text-decoration: none;color: #1f4231;} .contenu_recette_a_la_une .view-article{display: none;} .img_recettes{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;} #ensemble_recettes .recettes{margin-bottom: 12px; -webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);min-height: calc( 365px / 3);} #ensemble_recettes .recettes .contenu_recettes{padding: 15px;} #ensemble_recettes .recettes .contenu_recettes h4{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 14px;font-weight: 700;margin-top: 0;} #ensemble_recettes .recettes .contenu_recettes p{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 12px;font-weight: 400;} #P1S10{background-image: url(img/backgroundbriquerepetition.jpg);background-position: center center;background-repeat: repeat;} #P1S10 .img-formulaire{z-index: 2;width: 100%;height: 110%;-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);max-width: 400px;margin:auto;background-size: cover;background-repeat: no-repeat;background-position: center center;position:absolute;} #P1S10 .content{padding: 70px 15px;} #P1S10 .content h2{font-family: 'Roboto Slab', serif;color: #feda41;font-size: 45px;font-weight: 700;text-transform: uppercase;} #P1S10 .content h3{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 36px;font-weight: 400;} #P1S10 .content p{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 24px;font-weight: 400;margin-bottom: 5px;} #P1S10 .form-group{padding: 0 5px;} #P1S10 .form-control{border: 1px solid #1f4231;color: #1f4231;background-color: transparent;font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 14px;font-weight: 400;padding: 15px;border-radius: 5px;} #P1S10 input[type="submit"]{ width: 100%;background-color: #1f4231;border-radius: 5px;color: #feda41;font-family: 'Roboto Slab', serif;color: #feda41;font-size: 14px;font-weight: 700;padding: 6px 15px;text-transform: uppercase;} #P1S10 input[type="submit"]:hover,#P1S10 input[type="submit"]:focus{background-color: #feda41;border-radius: 5px;color: #1f4231;} #P1S10 form{margin-top: 30px;} #P1S10 .form-check-label{font-size: 14px;line-height: 35px;margin-bottom: 0;line-height: 17px;margin-bottom: 0;text-align: left;padding-left: 20px;} #P1S10 .form-check-input {position: absolute;margin-top: 0;margin-left: 1px;font-size: 20px;} #P1S10 span.wpcf7-list-item {display: inline-block;margin: 0 0 0 1em;font-size: 14px;text-align: left;} #P1S10 span.wpcf7-not-valid-tip {font-size: 12px;margin-top: 5px;} #P1S10 .wpcf7-not-valid{border-color: red;} #P1S10 div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: 2px solid #1f4231;background-color: #feda41;color: #1f4231;border-radius: 5px;font-size: 14px;} #P1S10 .content-out{display: none;} #P1S10 .content-out img{margin-bottom: 20px;} #P1S11{padding: 100px 15px 50px 15px;background: rgb(56,119,81);background: -moz-radial-gradient(center, ellipse cover, rgba(56,119,81,1) 0%, rgba(31,66,49,1) 100%);background: -webkit-radial-gradient(center, ellipse cover, rgba(56,119,81,1) 0%,rgba(31,66,49,1) 100%);background: radial-gradient(ellipse at center, rgba(56,119,81,1) 0%,rgba(31,66,49,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#387751', endColorstr='#1f4231',GradientType=1 );} #P1S11 h3 {font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 26px;margin-bottom: 30px;margin-top: 0;font-weight: 700;position: relative;z-index: 2;} #P1S11 #sb_instagram .sbi_follow_btn a,#sb_instagram #sbi_load .sbi_load_btn {margin-top: 20px;} #P1S11{position: relative;overflow: hidden;} #P1S11 h5{position: absolute;top: -110px;right: -25px;font-size: 120px;text-transform: uppercase;color: #1e4230;font-family: 'Roboto Slab', serif;font-weight: 700;opacity: 0.4;} #P1S12 .container-fluid{padding: 0;} #P1S12 #map {height: 400px;} #P1S12{position: relative;} #P1S12 .ensembleBoutons{ position: absolute;bottom: 55px;left: 50%;transform: translate(-50%,0);width: 100%;text-align: center;} #P1S12 .ensembleBoutons .btn-default-chezleon {font-family: 'Roboto Slab', serif !important;display: inline-block!important;font-weight: 700!important;color: #feda41!important;text-align: center!important;vertical-align: middle!important;-webkit-user-select: none!important;-moz-user-select: none!important;-ms-user-select: none!important;user-select: none!important;background-color: #1f4231!important;padding: 10px 36px!important;font-size: 15px!important;border-radius: 5px!important;border: 1px solid #1f4231!important;} #P1S12 .ensembleBoutons .btn-default-chezleon.actif{ background-color: #feda41!important;color: #1f4231!important;} #P1S12 .ensembleBoutons .btn-default-chezleon:focus{outline: none;box-shadow: none;} #subFooter{width: 100%;padding: 15px 0;background-color: #FEDA3E;border-top: 4px solid #feda41;position: -webkit-sticky;position: sticky;bottom: -95px;z-index: 3;} #subFooter .d-md-none{text-align: right;} #subFooter .onglet{position: absolute;top: -63px;left: 0;background-color: #feda41;padding: 10px 25px;text-transform: uppercase;text-align: center;font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 14px;font-weight: 700;cursor: pointer;border-top-left-radius: 5px;border-top-right-radius: 5px;} #subFooter .onglet .fas{font-size: 22px;margin-left: 10px;} #subFooter.opened{bottom: -1px;} #subFooter.opened .onglet .fas {transform: rotate(180deg);} .footer{background-color: #303030;padding-bottom: 15px;} .copyright{background-color: #2b2b2b;margin-bottom: 0;text-align: center;padding: 10px;} .footer hr{border-color: #ffffff;max-width: 100%;margin: 0 auto 25px auto;} .footer h6{color: #feda41;font-family: 'Roboto Slab', serif;font-weight: 700;font-size: 14px;margin-bottom: 15px;} .footer ul{padding-left: 0;list-style-type: none;} .footer ul li{margin-bottom: 5px;} .footer ul li a{color: #ffffff;font-family: 'Roboto Slab', serif;font-weight: 400;font-size: 14px;text-decoration:none} .footer ul li a:hover,.footer ul li a:focus{text-decoration: none;color: #feda41;} .copyright,.copyright a{color: #ffffff;font-family: 'Roboto Slab', serif;font-weight: 400;font-size: 12px;} .copyright a:hover,.copyright a:focus{color: #feda41;text-decoration: none;} .footer table p,.footer table a{color: #ffffff;font-family: 'Roboto Slab', serif;font-weight: 400;font-size: 14px;text-decoration: none} .footer table a:hover,.footer table a:focus{text-decoration: none;color: #feda41;} .footer .fas{color: #ffffff;font-size: 14px;margin-right: 10px;} .socialIcons{ width: 50px; height: 50px; background-color: #1e4230; text-align: center; line-height: 30px; font-size: 20px; margin-left: 2px; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; margin-left: 7px; text-decoration: none; transition: all .3s ease; } .socialIcons a{color: #ffffff;} #subFooter table i{font-size: 40px;color: #1f4231;} #subFooter table p{font-size: 18px;line-height: 24px;text-align: left;margin-left: 15px;margin-bottom: 0;font-family: 'Roboto Slab', serif;color: #1f4231;} #subFooter a:focus{outline: none;box-shadow: none;} #subFooter table p strong{font-weight: 700;color: #1f4231;} #subFooter.repositionnee{background-color: #303030;} #subFooter.repositionnee table p {color: #ffffff;} #subFooter.repositionnee table p strong {color: #ffffff;} #subFooter.repositionnee table i {color: #ffffff;} #subFooter.repositionnee .socialIcons{background-color: #feda41;color: #303030;} #socialIconsOffCanvas {text-align: center;margin-top: 30px; z-index: 500;position: relative;} #socialIconsOffCanvas .socialIcons a:first-of-type{margin-left: 0;} #socialIconsOffCanvas p{font-family: 'Roboto Slab', serif;font-weight: 400;font-size: 18px;color: #ffffff;} .socialIcons:hover{ text-decoration:none; transform: scale(1.1); } #subFooter.repositionnee .socialIcons.facebook_icon{ background-color: #3b5998; color:#fff; } #subFooter.repositionnee .socialIcons.linkedin_icon{ background-color: #0072b1; color:#fff; } #subFooter.repositionnee .socialIcons.instagram_icon{ background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); color:#fff; } /* Component: Languages */ .languages__item {text-transform: uppercase;color: #899099;font-size: 13px;font-size: 1.3rem;line-height: 1.15;} .languages__item--current {color: #212121;} .languages__item:before {content: ' / ';color: #899099;} .languages__item:first-child:before {content: '';} .languages a.languages__item:hover {color: #212121;} nav.offcanvas.fixed-top .btn{display: none;} nav.offcanvas.fixed-top .btn table i {color: #1f4231;font-size: 30px;} nav.offcanvas.fixed-top .btn table p{margin-bottom: 0;font-size: 14px;line-height: 18px;text-align: left;margin-left: 10px;} /* ------------------------------------------------------------------------------------ */ /* La carte */ /* ------------------------------------------------------------------------------------ */ #P2S1{padding: 70px 15px;background-image: url('img/backgroundbriquerepetition.jpg');background-repeat: no-repeat;background-position: center center;background-repeat: repeat;} #P2S1 h1,#P2S3 h1{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 35px;margin-bottom: 15px;margin-top: 0;font-weight: 700;} #P2S1 h2,#P2S3 h2{font-family: 'Roboto Slab', serif;margin-bottom: 20px;margin-top: 0;font-weight: 400;color: #1f4231;} #P2S1 .btn{width: 100%;height: 300px;background-size: cover;background-repeat: no-repeat;background-position: center center;} #P2S1 .specialRow{max-width: 1000px;margin: auto;} #P2S1 .pdfs{ -webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);display: inline-block;} #P2S1 .titrePdf{padding: 10px!important;background-color: #1f4231;font-size: 16px;font-family: 'Roboto Slab', serif;font-weight: 400;color: #ffffff;} #P2S2 .imageBackgournd{background-repeat: no-repeat;background-position: center center; background-size: cover;width: 100%;height: 100%;min-height: 400px;} #P2S2 .container-fluid{padding: 0;} #P2S2 .container-fluid .colDroiteBG{ background: rgb(56,119,81);background: -moz-radial-gradient(center, ellipse cover, rgba(56,119,81,1) 0%, rgba(31,66,49,1) 100%);background: -webkit-radial-gradient(center, ellipse cover, rgba(56,119,81,1) 0%,rgba(31,66,49,1) 100%);background: radial-gradient(ellipse at center, rgba(56,119,81,1) 0%,rgba(31,66,49,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#387751', endColorstr='#1f4231',GradientType=1 );} #P2S2 .contenu{padding: 40px;font-size: 14px;} #P2S2 .contenu h3{font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 25px;margin-bottom: 15px;margin-top: 0;font-weight: 700;text-align: center;} #P2S2 .contenu p{font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 14px;text-align: justify;} #P2S2 .contenu p.text-right{font-style: italic;font-weight: 700;} #P2S3{padding: 70px 15px;background-image: url('img/backgroundbriquerepetition.jpg');background-repeat: no-repeat;background-position: center center;background-repeat: repeat;} .socialIcons.facebook_icon{ background-color: #3b5998; color:#fff; } .socialIcons.linkedin_icon{ background-color: #0072b1; color:#fff; } .socialIcons.instagram_icon{ background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); color:#fff; } /* -------------------------------- Patterns - reusable parts of our design -------------------------------- */ @media only screen and (min-width: 1170px) { #P2S3 .cd-is-hidden {visibility: hidden;} } header {height: 200px;line-height: 200px;text-align: center;background: #303e49;} header h1 {color: white;font-size: 1.8rem;} @media only screen and (min-width: 1170px) { header {height: 300px;line-height: 300px;} header h1 {font-size: 2.4rem;} } #P2S3 .cd-timeline {overflow: hidden;margin: 2em auto;} #P2S3 .cd-timeline__container {position: relative;width: 90%;max-width: 1170px;margin: 0 auto;padding: 2em 0;} #P2S3 .cd-timeline__container::before {content: '';position: absolute;top: 0;left: 18px;height: 100%;width: 4px;background: #1f4231;} @media only screen and (min-width: 1170px) { #P2S3 .cd-timeline {margin-top: 3em;margin-bottom: 3em;} #P2S3 .cd-timeline__container::before {left: 50%;margin-left: -2px;} } #P2S3 .cd-timeline__block {position: relative;margin: 2em 0;} #P2S3 .cd-timeline__block:after {content: "";display: table;clear: both;} #P2S3 .cd-timeline__block:first-child {margin-top: 0;} #P2S3 .cd-timeline__block:last-child {margin-bottom: 0;} @media only screen and (min-width: 1170px) { #P2S3 .cd-timeline__block {margin: 4em 0;} } #P2S3 .cd-timeline__img {position: absolute;top: 0;left: 0;width: 40px;height: 40px;border-radius: 50%;-webkit-box-shadow: 0 0 0 4px #feda41, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);box-shadow: 0 0 0 4px #feda41, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);} #P2S3 .cd-timeline__img img {display: block;width: 24px;height: 24px;position: relative;left: 50%;top: 50%;margin-left: -12px;margin-top: -12px;} #P2S3 .cd-timeline__img.cd-timeline__img--picture {background: #1f4231;text-align: center;} #P2S3 .cd-timeline__img.cd-timeline__img--picture .far{font-size: 20px;color: #feda41;display: inline-block;line-height: 60px;} #P2S3 .cd-timeline__img.cd-timeline__img--movie {background: #c03b44;} #P2S3 .cd-timeline__img.cd-timeline__img--location {background: #f0ca45;} @media only screen and (min-width: 1170px) { #P2S3 .cd-timeline__img {width: 60px;height: 60px;left: 50%;margin-left: -30px;-webkit-transform: translateZ(0);transform: translateZ(0);} #P2S3 .cd-timeline__img.cd-timeline__img--bounce-in {visibility: visible;-webkit-animation: cd-bounce-1 0.6s;animation: cd-bounce-1 0.6s;} } @-webkit-keyframes cd-bounce-1 { 0% {opacity: 0;-webkit-transform: scale(0.5);transform: scale(0.5);} 60% {opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);} 100% {-webkit-transform: scale(1);transform: scale(1);} } @keyframes cd-bounce-1 { 0% {opacity: 0;-webkit-transform: scale(0.5);transform: scale(0.5);} 60% {opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);} 100% {-webkit-transform: scale(1);transform: scale(1);} } #P2S3 .cd-timeline__content {position: relative;margin-left: 60px;background: white;border-radius: 0.25em;padding: 1em;} #P2S3 .cd-timeline__content:after {content: "";display: table;clear: both;} #P2S3 .cd-timeline__content::before {content: '';position: absolute;top: 16px;right: 100%;height: 0;width: 0;border: 7px solid transparent;border-right: 7px solid white;} #P2S3 .cd-timeline__content h2 {font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 35px;margin-bottom: 15px;margin-top: 0;font-weight: 700;} #P2S3 .cd-timeline__content p, #P2S3 .cd-timeline__read-more, #P2S3 .cd-timeline__date {font-size: 1.3rem;} #P2S3 .cd-timeline__content p {margin: 1em 0;line-height: 1.6;} #P2S3 .cd-timeline__read-more, #P2S3 .cd-timeline__date {display: inline-block;} #P2S3 .cd-timeline__read-more {float: right;padding: .8em 1em;background: #acb7c0;color: white;border-radius: 0.25em;} #P2S3 .cd-timeline__read-more:hover {background-color: #bac4cb;} #P2S3 .cd-timeline__date {float: left;font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 30px!important;font-weight: 700;} @media only screen and (min-width: 768px) { #P2S3 .cd-timeline__content h2 {font-size: 2rem;} #P2S3 .cd-timeline__content p {font-family: 'Roboto Slab', serif;font-weight: 400;color: #1f4231;text-align: justify;font-size: 14px;} #P2S3 .cd-timeline__read-more, #P2S3 .cd-timeline__date {font-size: 1.4rem;} } @media only screen and (min-width: 1170px) { #P2S3 .cd-timeline__content {margin-left: 0;padding: 40px;width: 45%;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.45);-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.45);box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.45);} #P2S3 .cd-timeline__content::before {top: 24px;left: 100%;border-color: transparent;border-left-color: white;} #P2S3 .cd-timeline__read-more {float: left;} #P2S3 .cd-timeline__date {position: absolute;width: 100%;left: 122%;top: 6px;font-size: 1.6rem;} #P2S3 .cd-timeline__block:nth-child(even) .cd-timeline__content {float: right;} #P2S3 .cd-timeline__block:nth-child(even) .cd-timeline__content::before {top: 24px;left: auto;right: 100%;border-color: transparent;border-right-color: white;} #P2S3 .cd-timeline__block:nth-child(even) .cd-timeline__read-more {float: right;} #P2S3 .cd-timeline__block:nth-child(even) .cd-timeline__date {left: auto;right: 122%;text-align: right;} #P2S3 .cd-timeline__content.cd-timeline__content--bounce-in {visibility: visible;-webkit-animation: cd-bounce-2 0.6s;animation: cd-bounce-2 0.6s;} } @media only screen and (min-width: 1170px) { #P2S3 .cd-timeline__block:nth-child(even) .cd-timeline__content.cd-timeline__content--bounce-in {-webkit-animation: cd-bounce-2-inverse 0.6s;animation: cd-bounce-2-inverse 0.6s;} } @-webkit-keyframes cd-bounce-2 { 0% {opacity: 0;-webkit-transform: translateX(-100px);transform: translateX(-100px);} 60% {opacity: 1;-webkit-transform: translateX(20px);transform: translateX(20px);} 100% {-webkit-transform: translateX(0);transform: translateX(0);} } @keyframes cd-bounce-2 { 0% {opacity: 0;-webkit-transform: translateX(-100px);transform: translateX(-100px);} 60% {opacity: 1;-webkit-transform: translateX(20px);transform: translateX(20px);} 100% {-webkit-transform: translateX(0);transform: translateX(0);} } @-webkit-keyframes cd-bounce-2-inverse { 0% {opacity: 0;-webkit-transform: translateX(100px);transform: translateX(100px);} 60% {opacity: 1;-webkit-transform: translateX(-20px);transform: translateX(-20px);} 100% {-webkit-transform: translateX(0);transform: translateX(0);} } @keyframes cd-bounce-2-inverse { 0% {opacity: 0;-webkit-transform: translateX(100px);transform: translateX(100px);} 60% {opacity: 1;-webkit-transform: translateX(-20px);transform: translateX(-20px);} 100% {-webkit-transform: translateX(0);transform: translateX(0);} } #P3S1{width: 100%;height: 300px;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;} #P3S1 .container,#P3S1 .row{height: 100%;} #P3S1 h1{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 40px;margin: 0;font-weight: 700;display: inline-block;position: absolute;bottom: 0;left: 0;background-color: #feda41;padding: 10px 20px;transform: translate(10%,50%);} #P3S2{padding: 90px 15px 70px 15px; background-image: url(img/backgroundbriquerepetition.jpg);background-repeat: no-repeat;background-position: center center;background-repeat: repeat;overflow: hidden;} #P3S2 h1{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 30px;margin-bottom: 30px;margin-top: 0;font-weight: 700;} #P3S2 .nav-tabs {max-width: 700px;margin: auto;border: 0;} #P3S2 .nav-tabs svg{width: 45px;margin-right: 15px;} #P3S2 .nav-link {padding: 1.5rem 1rem;font-family: 'Roboto Slab', serif;color: #c5c5c5;;font-size: 16px;font-weight: 700;border: 1px solid #dee2e6;margin: 5px;background-color: #ffffff;} #P3S2 .nav-link.active {color: #1f4231;border:1px solid #1f4231;background-color: rgba(31,66,49,0.3);} #P3S2 .nav-link.active .st0{fill:#1f4231!important;} #P3S2 .imgContentGroupe{position: absolute;height: 100%;width: 100%;min-height: 400px;background-repeat: no-repeat;background-position: center center;background-size: cover; -webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);} #P3S2 .ContentGroupe p{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 16px;text-align: justify;} #P3S2 .ContentGroupe p a{color: #387751;font-weight: 700;} #P3S2 .ContentGroupe table p{margin-bottom: 0;} #P3S2 .ContentGroupe table .fas{font-size: 16px;margin-right: 5px;color: #1f4231;} #P3S2 .ContentGroupe table td{vertical-align: baseline;font-family: 'Roboto Slab', serif; color: #1f4231; font-size: 16px; text-align: justify;} #P3S2 .ContentGroupe{padding: 30px;} #P3S2 .container{max-width: 1000px;} #P3S2 .contactPerson{background: rgb(56,119,81);background: -moz-radial-gradient(center, ellipse cover, rgba(56,119,81,1) 0%, rgba(31,66,49,1) 100%);background: -webkit-radial-gradient(center, ellipse cover, rgba(56,119,81,1) 0%,rgba(31,66,49,1) 100%);background: radial-gradient(ellipse at center, rgba(56,119,81,1) 0%,rgba(31,66,49,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#387751', endColorstr='#1f4231',GradientType=1 ); padding:8px 0px;} #P3S2 .contactPerson h2{font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 25px;margin-bottom: 5px;margin-top: 0;font-weight: 700;} #P3S2 .contenuContact a{color: #ffffff;font-size: 15px;margin-top: 5px;display: inline-block;} #P3S2 h3{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 25px;margin-bottom: 25px;margin-top: 25px;font-weight: 700;} #P3S2 .contactPerson h4{font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 18px;margin-bottom: 0;margin-top: 0;font-weight: 400;} #P3S2 .imgPersonContact{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover; border-radius: 50px;min-height: 95px;} .contactPerson2{ border-top-left-radius: 0!important;border-bottom-left-radius: 0!important;} #P3S3{padding: 70px 15px; background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;} #P3S3 .container{max-width: 800px;} #P3S3 .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);} #P3S3 h2 {font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 30px;margin-bottom: 40px;margin-top: 0;font-weight: 700;} #P3S3 .titrePdf {padding: 10px!important;background-color: #ffffff;font-size: 16px;font-family: 'Roboto Slab', serif;font-weight: 400;color: #1f4231;margin-top: -3px;} #P3S3 .pdfs {display: inline-block;} #P3S6 form{max-width: 800px; margin: auto;} /* Common style */ #P3S4 figure { position: relative; float: left; overflow: hidden; margin: auto; width: 100%; background: #3085a3; text-align: center; } #P3S4 figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; } #P3S4 figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #P3S4 figure figcaption::before, #P3S4 figure figcaption::after { pointer-events: none; } #P3S4 figure figcaption, #P3S4 figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ #P3S4 figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } #P3S4 figure h2 { word-spacing: -0.15em; font-weight: 300; } #P3S4 figure h2 span { font-weight: 800; } #P3S4 figure h2, #P3S4 figure p { margin: 0; } #P3S4 figure p { letter-spacing: 1px; font-size: 68.5%; } #P3S4 figure.effect-zoe figcaption { top: auto; bottom: 0; padding: 1em; height: 3.75em; background: #feda41; color: #1f4231; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } #P3S4 figure.effect-zoe h2 { float: left; } #P3S4 figure.effect-zoe p.icon-links a { float: right; color: #3c4a50; font-size: 1.4em; } #P3S4 figure.effect-zoe:hover p.icon-links a:hover, #P3S4 figure.effect-zoe:hover p.icon-links a:focus { color: #252d31; } #P3S4 figure.effect-zoe p.description { position: absolute; top: 30%; left: 50%; transform: translate(-50%, 0); padding: 10px; color: #fff; text-transform: none; font-size: 18px; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; font-family: 'Roboto Slab', serif; width: 100%; font-weight: 700; } #P3S4 figure.effect-zoe h2, #P3S4 figure.effect-zoe p.icon-links a { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0); } #P3S4 figure.effect-zoe p.icon-links a span::before { display: inline-block; padding: 8px 10px; font-family: 'feathericons'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #P3S4 .icon-eye::before { content: '\e000'; } #P3S4 .icon-paper-clip::before { content: '\e001'; } #P3S4 .icon-heart::before { content: '\e024'; } #P3S4 figure.effect-zoe h2 { display: inline-block; } #P3S4 figure .overlay { width: 100%; height: 100%; display: inline-block; position: absolute; top: 0; left: 0; background-color: #000000; opacity: 0; } #P3S4 figure.effect-zoe:hover h2 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } #P3S4 figure.effect-zoe:hover p.icon-links a:nth-child(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } #P3S4 figure.effect-zoe:hover p.icon-links a:nth-child(2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } #P3S4 figure.effect-zoe:hover p.icon-links a:first-child { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } #P3S4{padding: 70px 15px 0 15px; background-image: url(img/backgroundbriquerepetition.jpg);background-repeat: no-repeat;background-position: center center;background-repeat: repeat;overflow: hidden;} #P3S4 .ContentGroupe p { font-family: 'Roboto Slab', serif; color: #1f4231; font-size: 14px; text-align: justify; } #P3S4 .ContentGroupe ul li { font-family: 'Roboto Slab', serif; color: #1f4231; font-size: 14px; text-align: justify; } #P3S4 .imgContentGroupe { position: relative; height: 100%; width: 100%; min-height: 400px; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75); } #P3S4 .ContentGroupe { padding: 30px; } #P3S4 h3{ font-family: 'Roboto Slab', serif; color: #1f4231; font-size: 25px; margin-bottom: 20px; margin-top: 0; font-weight: 700;} #P3S5{ background-color: #feda41; padding: 10px;position: relative;} #P3S5 span{ font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 20px;margin-bottom: 0;margin-top: 0;font-weight: 700;} #P3S5 .swiper-container { width: 100%; height: 100%; } #P3S5 .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #P3S4 .photosSlide{width: 100%;height: 200px;background-repeat: no-repeat;background-position: center center;background-size: cover;background-image: url(img/photoRestaurant.png);} #P4S1 {padding: 40px 15px 70px 15px;background-image: url(img/backgroundbriquerepetition.jpg);background-repeat: no-repeat;background-position: center center;background-repeat: repeat;} #P4S1 h1 {font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 30px;margin-bottom: 30px;margin-top: 0;font-weight: 700;} #P4S1 .img-article{width: 100%;height: 200px;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;} #P4S1 .contenu-article{background-color: #ffffff;padding: 45px 20px 50px 20px;} #P4S1 .articles{-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.75);background-color: #ffffff;height: 100%;position: relative;} #P4S1 .articles h4{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 25px;font-weight: 700;margin-top: 0;} #P4S1 .articles span{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 10px;} #P4S1 .articles p{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 12px;text-align: justify;} #P4S1 .articles .view-article{display: none;} #P4S1 .voir-plus{position: absolute;bottom: 25px;right: 25px;font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 12px;font-weight: 700;text-transform: uppercase;display: inline-block;} #P4S1 .voir-plus::after{content: url('img/arabesque-Lien.png');position: absolute;left: -16px;top: 12px;} #P4S1 .articles a:hover,#P1S7 .articles a:focus{color: #feda41;text-decoration: none;} #P4S1 .articles a:hover h4,#P1S7 .articles a:focus h4{color: #feda41;text-decoration: none;} #P4S1 .categorie-article{position: absolute;bottom: 0;left: 0;transform: translate(0,50%);background-color: #feda41;padding: 7px 38px;font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 16px;font-weight: 700;} #P4S1 .categorie-article a{color: #1f4231;} #P4S1 .categorie-article:hover a,#P1S7 .categorie-article:focus a{color: #ffffff;} #P4S1 .btn-default-chezleon{background-color: transparent;border-color: #feda41;color: #feda41;margin-top: 30px;} #P4S1 .btn-default-chezleon:hover, #P1S7 .btn-default-chezleon:focus {background-color: #feda41;color: #1f4231;} #P4S1 .categorie-article img{margin-right: 10px;} #P4S1 .pagination {display: inline-block;} /*#P4S1 .pagination .next,#P4S1 .pagination .prev{display: none;}*/ #P4S1 .page-numbers{background-color: #1f4231;font-size: 16px;width: 30px;display: inline-block;height: 30px;line-height: 30px;margin: 0 1px;color: #ffffff;} #P4S1 .page-numbers:hover,#P4S1 .page-numbers:focus{text-decoration: none;transform: scale(1.1);background-color: #feda41;color: #1f4231} #P4S1 .current{background-color: #feda41;color: #1f4231} #P4S1 .sidebar h3{font-size: 15px;background-color: #feda41;padding: 10px 10px 10px 20px;text-transform: uppercase;color: #1f4231;font-family: 'Roboto Slab', serif;font-weight: 700;margin-bottom: 10px;} #P4S1 .sidebar ul{padding: 0 15px;list-style-type: none;margin-bottom: 30px;} #P4S1 .sidebar ul li a{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 14px;} #P4S1 .sidebar ul li a:hover,#P4S1 .sidebar ul li a:focus{text-decoration: none;font-weight: 700;} #P4S1 .sidebar ul li{margin: 5px 0;} #P4S1 .sidebar ul .current-cat a:before{font-family: "Font Awesome 5 Free";content: "\f0da";font-family: "Font Awesome 5 Free";display: inline-block;padding-right: 3px;vertical-align: middle;font-weight: 900;} #P5S1 {padding: 0 15px 0 15px;} #P5S1 .container{padding: 0} #P5S1 h1 { font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 40px;margin: 0;font-weight: 700;display: inline-block;position: absolute;bottom: 0;left: 0;background-color: #feda41;;padding: 10px 20px;transform: translate(-5%,50%);} #P5S1 p {font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 14px;margin-bottom: 35px;max-width: 700px;margin: auto;} #P5S1 .image-a-la-une{width: 100%;height: 400px;background-repeat: no-repeat;background-position: center center;background-size: cover;margin-top: 0;position: relative;} #P5S1 .infos-recettes{ position: absolute;top: 50%;right: 0;transform: translate(20%,-50%);} #P5S1 .timing{ background-color: #ffffff;margin-bottom: 10px;padding: 10px;font-size: 20px;text-align: left;-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25);box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25);} #P5S1 .timing svg{width: 24px;height: auto;vertical-align: bottom;} #P5S1 .timing span{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 18px;font-weight: 400;} #P5S2 {padding-bottom: 30px;} #P5S2 .addthis_tool{margin-top: 30px;} #P5S2 .container {padding: 80px 40px 40px 40px;background-color: #ffffff;} #P5S2 .panneau-Info{width: 100%;padding: 25px;background-color: #ffffff;-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25);box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25);position: -webkit-sticky;position: sticky;top: 40px;} #P5S3{padding-bottom: 150px;} #P5S2 p{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 14px;} #P5S2 #article-info{ font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 14px; } #P5S2 blockquote{ font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 14px; } #P5S2 .img-autor{width: 100%;height: 100px;border-radius: 50%;background-size: cover;background-position: center center;border-radius: 50%;-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25);box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25);max-width: 100px;margin: auto;} #P5S2 .panneau-Info h3{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 18px;margin: 15px 0 0 0;font-weight: 700;} #P5S2 .panneau-Info span{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 14px;margin: 15px 0 0 0;font-weight: 400;text-transform: capitalize;} #P5S2 h2.titreAvecFond{ font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 20px;margin-bottom: 15px;font-weight: 700;display: inline-block;bottom: 0;left: 0;background-color: #1f4231;padding: 10px 15px;} #P5S2 .recettesingredients ul{padding-left: 15px;list-style-type: square;} #P5S2 .recettesingredients ul li{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 14px;padding: 4px 0;} #P5S2 ol{padding-left:15px} #P5S2 ol li{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 14px;padding: 4px 0;} #P5S2 .at-above-post{display: none;} #P5S3 h2 {font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 25px;margin: 15px 0;font-weight: 700;margin-bottom: 25px;} #P5S3 .img-article{width: 100%;height: 200px;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;} #P5S3 .contenu-article{padding: 20px 20px 40px 20px;font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 14px;font-weight: 400;} #P5S3 .contenu-article .addthis_tool{display: none;} #P5S3 .articles{height: 100%;position: relative;-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.45);-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.45);box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.45);background-color: #ffffff;} #P5S3 .articles h4{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 20px;font-weight: 700;margin-top: 0;} #P5S3 .articles span{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 10px;} #P5S3 .articles p{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 12px;text-align: justify;} #P5S3 .articles .view-article{display: none;} #P5S3 .voir-plus{position: absolute;bottom: 25px;right: 25px;font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 12px;font-weight: 700;text-transform: uppercase;display: inline-block;} #P5S3 .voir-plus::after{content: url('img/arabesque-Lien.png');position: absolute;left: -16px;top: 12px;} #P5S3 .articles a:hover,#P1S7 .articles a:focus{color: #feda41;text-decoration: none;} #P5S3 .articles a:hover h4,#P1S7 .articles a:focus h4{color: #feda41;text-decoration: none;} #P5S3 .categorie-article{position: absolute;bottom: 0;left: 0;transform: translate(0,50%);background-color: #feda41;padding: 7px 38px;font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 16px;font-weight: 700;} #P5S3 .categorie-article a{color: #1f4231;} #P5S3 .categorie-article:hover a,#P1S7 .categorie-article:focus a{color: #ffffff;} #P5S3 .btn-default-chezleon{background-color: transparent;border-color: #feda41;color: #feda41;margin-top: 30px;} #P5S3 .btn-default-chezleon:hover, #P1S7 .btn-default-chezleon:focus {background-color: #feda41;color: #1f4231;} #P5S3 .categorie-article img{margin-right: 10px;} #P6S2{padding: 40px 15px 100px 15px;background-image: url(img/backgroundbriquerepetition.jpg);background-repeat: no-repeat;background-position: center center;background-repeat: repeat;} #P6S2 h1{ font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 35px;margin-bottom: 15px;margin-top: 0;font-weight: 700;} #P6S2 h2{ font-family: 'Roboto Slab', serif;margin-bottom: 20px;margin-top: 0;font-weight: 400;color: #1f4231;} #P3S4Bis{padding: 60px 15px;} #P3S4Bis .form-group {margin-bottom: 1rem;padding: 2px 5px;text-align: left;font-size: 16px;} #P3S4Bis input, #formulaireGroupes textarea {font-size: 16px;font-family: 'Roboto Slab', serif;color: #898989;padding: 18px;resize: none;font-weight: 400;} .specialRadio input[type="radio"] {position: absolute;opacity: 0;z-index: -1;} .specialRadio label {position: relative;display: inline-block;margin-bottom: 0;padding-left: 30px;padding-right: 10px;line-height: 36px;cursor: pointer;z-index: 2} .specialRadio label::before {content: " ";position: absolute;top: 6px;left: 0;display: block;width: 24px;height: 24px;border: 2px solid #1f4231;border-radius: 4px;z-index: -1;} .specialRadio input[type="radio"] + label::before {border-radius: 18px;} /* Checked */ .specialRadio input[type="radio"]:checked + label {padding-left: 10px;color: #fff;position: relative;z-index: 2;} .specialRadio input[type="radio"]:checked + label::before {top: 0;width: 100%;height: 100%;background: #1f4231;} /* Transition */ .specialRadio label, .specialRadio label::before {-webkit-transition: .25s all ease;-o-transition: .25s all ease;transition: .25s all ease;} .specialRadio{font-size: 18px;} .specialRadio .form-group{margin-bottom: 0!important;} #P3S4Bis .form-group select{width: auto;display: inline-block;} #P3S4Bis .card-body{background-color: transparent;border:none;} #divContactMerci2{border: 2px solid #1f4231;max-width: 800px;padding: 30px;margin: auto;margin-top: 20px;} #divContactMerci2 svg{max-width: 250px;height: auto;margin-bottom: 25px;} #divContactMerci2 p{font-size: 16px;max-width: 400px;color: #1f4231;font-weight: 400;} .icon_select_mate { position: absolute; top: 20px; right: 2%; font-size: 16px; height: 22px; transition: all 275ms; } .select_mate { position: relative; float: left; min-width: 300px; width: 300px; min-height: 60px; font-family: 'Roboto'; color: #777; font-weight: 300; background-color: #fff; box-shadow: 1px 2px 10px -2px rgba(0, 0, 0, 0.3); border-radius: 3px; transition: all 375ms ease-in-out; /* Oculto el elemento select */ } .select_mate select { position: absolute; overflow: hidden; height: 0px; opacity: 0; z-index: -1; } .cont_list_select_mate { position: relative; float: left; width: 100%; } .cont_select_int { position: absolute; left: 0px; top: 0px; z-index: 999; overflow: hidden; height: 0px; width: 100%; background-color: #fff; padding: 0px; margin-bottom: 0px; margin-top: 0px; border-radius: 0px 0px 3px 3px; box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2); transition: all 375ms ease-in-out; } .cont_select_int li { position: relative; float: left; width: 96%; border-bottom: 1px solid #E0E0E0; background-color: #F5F5F5; list-style-type: none; padding: 10px 2%; margin: 0px; transition: all 275ms ease-in-out; display: block; cursor: pointer; } .cont_select_int li:last-child { border-radius: 3px; border-bottom: 0px; } .cont_select_int li:hover { background-color: #EEEEEE; } .cont_select_int .active { background-color: #EEEEEE; } /* etiqueta

con la opcion selecionada */ .selecionado_opcion { padding: 20px 2%; width: 96%; display: block; margin: 0px; cursor: pointer; } #P3S4Bis .card-body form{margin-top: 30px;margin-bottom: 30px;} #P3S4Bis input[type="submit"] { font-family: 'Roboto Slab', serif; display: inline-block; font-weight: 700; color: #feda41; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #1f4231; padding: 10px 36px; font-size: 15px; border-radius: 5px; border: 1px solid #1f4231; text-transform: uppercase; width: 200px; } #P3S4Bis input[type="submit"]:hover,#P3S4Bis input[type="submit"]:focus{ outline: none; color: #1f4231; background-color: #feda41; text-decoration: none; } .navbar-toggler,.navbar-toggler:hover,.navbar-toggler:focus{outline: none!important;} .navbar-toggler .fas{color: #1f4231;font-size: 20px;margin-left: 15px;} .buttonModal{margin-right: 15px;background-color: rgb(89, 181, 84);border-color: rgb(89, 181, 84);} .specialCheckbox input[type="checkbox"], .specialCheckbox input[type="radio"] { position: absolute; opacity: 0; z-index: -1; } .specialCheckbox label { position: relative; display: inline-block; margin-right: 10px; margin-bottom: 10px; padding-left: 30px; padding-right: 10px; line-height: 36px; cursor: pointer; } .specialCheckbox label::before { content: " "; position: absolute; top: 6px; left: 0; display: block; width: 24px; height: 24px; border: 2px solid #1f4231; border-radius: 4px; z-index: -1; } .specialCheckbox input[type="radio"] + label::before { border-radius: 18px; } /* Checked */ .specialCheckbox input[type="checkbox"]:checked + label, .specialCheckbox input[type="radio"]:checked + label { padding-left: 10px; color: #feda41; } .specialCheckbox input[type="checkbox"]:checked + label::before, .specialCheckbox input[type="radio"]:checked + label::before { top: 0; width: 100%; height: 100%; background: #1f4231; } /* Transition */ .specialCheckbox label, .specialCheckbox label::before { -webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease; } .specialCheckbox label{font-size: 18px;margin-top: 10px;position: relative;z-index: 2;} .specialCheckbox label a{color: #1f4231;text-decoration: underline;} .specialCheckbox input[type="checkbox"]:checked + label a, .specialCheckbox input[type="radio"]:checked + label a{color: #feda41;} #formulaireGroupes label.error{color: red;display: inline-block;font-size: 16px;font-weight: 400;margin-top: 5px;padding-left: 0;} #formulaireGroupes input.error{border-color: red;} #formulaireGroupes label.error:before{content: none;margin-left: 0;} #P3S4Bis .content-out h2,#P3S4Bis .content-out p{ font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 25px;margin-bottom: 20px;margin-top: 0;font-weight: 700;} #P3S6 .container-fluid{padding: 0;} #P3S6 .content{padding: 30px;background-color: #1f4231;} #P3S6 .content h3{font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 25px;margin-bottom: 20px;margin-top: 0;font-weight: 700;} #P3S6 .content .col-12 h5{font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 18px;margin-bottom: 35px;} #P3S6 .imgContainer{width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;} #P3S6 .form-group{padding: 0 2px;} #P3S6 .form-control {border: 1px solid #feda41;background-color: transparent;font-family: 'Roboto Slab', serif;color: #feda41;font-size: 14px;font-weight: 400;padding: 15px;border-radius: 5px;max-height: 100px;} #P3S6 form label{ color: #feda41; font-size:14px; margin-bottom:0 } #P3S6 form label span{ color: #fff; } #P3S6 input::placeholder,#P3S6 textarea::placeholder{color: #feda41;} #P3S6 input,#P3S6 textarea{resize: none;} #P3S6 input:hover,#P3S6 input:focus,#P3S6 textarea:hover,#P3S6 textarea:focus{text-decoration: none;outline:none;box-shadow: none;} #P3S6 input[type="submit"] {width: 100%;background-color: #feda41;border-radius: 5px;color: #1f4231;font-family: 'Roboto Slab', serif;font-size: 14px;font-weight: 700;padding: 6px 15px;text-transform: uppercase;border-color: transparent;max-width: 200px;} #P3S6 .content .ajax-loader{position: absolute;} #P3S6 input.wpcf7-not-valid,#P3S6 textarea.wpcf7-not-valid{border-color: red;} #P3S6 input.wpcf7-not-valid::placeholder,#P3S6 textarea.wpcf7-not-valid::placeholder{color: red;} #P3S6 span.wpcf7-not-valid-tip {color: #f00;font-size: 14px;font-weight: normal;display: inline-block;margin-top: 6px;} #P3S6 div.wpcf7-validation-errors{background-color: #feda41;font-size: 14px;border-color: transparent;} #P3S6 .content-out{display: none;} .call-to-action-sidebar-articles{ width: 100%;min-height: 70px;background-position: center center;background-size: cover;line-height: 70px;margin-bottom: 10px;position: relative;} .call-to-action-sidebar-articles .overlay{position: absolute;top:0;left: 0;width: 100%;height: 100%;background-color:rgba(0,0,0,0.4);} .call-to-action-sidebar-articles span{position: relative!important;font-family: 'Roboto Slab', serif!important;color: #ffffff!important;font-size: 16px!important;font-weight: 700!important;} #custom_html-2 a:hover,#custom_html-2 a:focus{text-decoration: none!important;} #custom_html-2 a:last-of-type .call-to-action-sidebar-articles{margin-bottom: 0;} #custom_html-2 a{font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 16px;font-weight: 700;} #P6S1 {width: 100%;height: 300px;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;} #P6S1 .container,#P6S1 .row{height: 100%;} #P6S1 h1 {font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 40px;margin: 0;font-weight: 700;display: inline-block;position: absolute;bottom: 0;left: 0;background-color: #feda41;padding: 10px 20px;transform: translate(10%,50%);} #P6S3{height: 0;} #P6S3 img{position: relative;z-index: 4;} #P6S4 .container-fluid{padding: 0;} #P6S4 .content-valeursservices3{padding: 40px; background-color:#1f4231; height: 100%;} #P6S4 .img_cover-valeursservices3{ width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;} #P6S4 h2{font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 30px;margin-bottom: 15px;margin-top: 0;font-weight: 700;} #P6S4 p{font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 16px;margin-bottom: 20px;text-align: justify;} #P6S4 .img_cover-valeursservices3 img{height: 100%;} #P6S4 .btn-default-chezleon{border: 1px solid #feda41;} .load-hidden{visibility: hidden;} #contactS1 {width: 100%;height: 300px;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;} #contactS1 .container, #contactS1 .row{height: 100%;} #contactS1 h1 {font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 40px;margin: 0;font-weight: 700;display: inline-block;position: absolute;bottom: 0;left: 0;background-color: #feda41;padding: 10px 20px;transform: translate(10%,50%);} #contactS2{padding: 100px 15px;background-image: url(img/backgroundbriquerepetition.jpg);background-repeat: no-repeat;background-position: center center;background-repeat: repeat;overflow: hidden;} #contactS2 #contForm{background-color: #ffffff;} #contactS2 #contForm table{margin: auto;text-align: left; font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 16px;} #contactS2 #contForm table i{font-size: 25px;padding: 20px 10px;} #contactS2 .boutons a{width: 100%;height: 100%;display: inline-block;background-color: #1f4231;line-height: 67px;font-size: 16px;color: #feda41;border-radius: 0;} #contactS2 #map{width: 100%;height: 350px;} #contactS2 .contentBelowForm{padding: 40px 10px;} #contForm{ -webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.35);box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.35);padding: 0;} #P6S5 .container-fluid{padding: 0;} #P6S5{min-height: 300px; background: rgb(56,119,81); background: -moz-radial-gradient(center, ellipse cover, rgba(56,119,81,1) 0%, rgba(31,66,49,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(56,119,81,1) 0%,rgba(31,66,49,1) 100%); background: radial-gradient(ellipse at center, rgba(56,119,81,1) 0%,rgba(31,66,49,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#387751', endColorstr='#1f4231',GradientType=1 ); } #contactS3{background: rgb(56,119,81);background: -moz-radial-gradient(center, ellipse cover, rgba(56,119,81,1) 0%, rgba(31,66,49,1) 100%);background: -webkit-radial-gradient(center, ellipse cover, rgba(56,119,81,1) 0%,rgba(31,66,49,1) 100%);background: radial-gradient(ellipse at center, rgba(56,119,81,1) 0%,rgba(31,66,49,1) 100%);padding-bottom:150px;position:relative;} #contactS3{background-color: #1f4231;padding-bottom: 70px;} #contactS3 h2{font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 26px;margin-bottom: 20px;margin-top: 0;font-weight: 700;margin-top: 50px;} #contactS3 p{font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 16px;margin-top: 0;font-weight: 400;} #contactS3 .teamprincipal .imgPersonne{background-image: url(https://dev.chezleon.mom/wp-content/uploads/2019/01/Monsieur-Rudy-NB-1.jpg);width: 100%;height: 100%;background-position: center center;background-size: cover;min-height: 285px;position: relative;} #contactS3 .teamSecondaire .imgPersonne{background-image: url(https://dev.chezleon.mom/wp-content/uploads/2019/01/Monsieur-Rudy-NB-1.jpg);width: 100%;height: 100%;background-position: center center;background-size: cover;min-height: 270px;position: relative;} #contactS3 .teamprincipal{background-color: #ffffff;} #contactS3 .contentTeam{padding: 50px;} #contactS3 .teamprincipal p{color: #1f4231;} #contactS3 .teamprincipal .imgPersonne i{ position: absolute;right: -6px;top: 50%;transform: translate(0,-50%);font-size: 100px;color: #ffffff;} #contactS3 .teamSecondaire .imgPersonne i{ position: absolute;right: -6px;top: 50%;transform: translate(0,-50%);font-size: 100px;color: #feda41;} #contactS3 .teamprincipal .contentTeam h3{ font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 20px;margin-bottom: 10px;margin-top: 0;font-weight: 700;} #contactS3 .teamSecondaire .contentTeam h3{ font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 20px;margin-bottom: 10px;margin-top: 0;font-weight: 700;} #contactS3 .teamSecondaire .contentTeam p{color: #1f4231;} #contactS3 .teamprincipal .contentTeam hr{ max-width: 200px;margin: 20px auto;} #contactS3 .teamSecondaire{background-color: #feda41;} #contactS3 .teamSecondaire .contentTeam {padding: 25px;} #contactS3 .row-right .teamSecondaire .imgPersonne i{right: auto;left: -6px;} #contactS3 .teamSecondaire .contentTeam hr{border-color: #1f4231;max-width: 150px;} #contForm .btn:hover,#contForm .btn:focus{background-color: #feda41;color: #1f4231;} #reservationS1{width: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;background-image: url('https://dev.chezleon.mom/wp-content/uploads/2019/02/backgroundGroupes2.jpg');position: relative;padding: 100px 15px;} #reservationS1 .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);} #reservationS1 h1{font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 40px;margin: 0;font-weight: 700;display: inline-block;margin-bottom: 15px;} #reservationS1 p{font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 16px;margin-bottom: 15px;} #reservationS1 .tablebooker-reservation-form .control-label{color: #ffffff;} #contactS2 .wpcf7-list-item{ margin-left: 0;font-size: 15px;color: #ffffff;} #contactS2 .wpcf7-list-item a{color: #feda41} #P3S6 .wpcf7-list-item{ margin-left: 0;font-size: 15px;color: #ffffff;} #P3S6 .wpcf7-list-item a{color: #feda41} #P6S2 #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-album-thumbnails .bwg-title2 {color: #feda41;background-color: #1f4231;padding: 10px 0; margin-top: -44px;z-index: 10000000;position: relative;font-family: 'Roboto Slab', serif;} .page-template-default #P5S2 .addthis_tool {display: none;} .page-template-default #P5S2 {padding-bottom: 150px; padding: 40px 15px 70px 15px; background-image: url(https://dev.chezleon.mom/wp-content/themes/Chezleon/img/backgroundbriquerepetition.jpg); background-position: center center; background-repeat: repeat;} .page-template-default #P5S2 a{color:#1f4231;text-decoration: underline;font-weight: bold;} #P5S2 ul li{font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 14px; display: flex; flex-direction: column; justify-content: space-between;} #pageS1{width: 100%;height: 300px;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;} /*#pageS1 h1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 50px;color: #ffffff;font-family: 'Roboto Slab', serif;color: #feda41;font-size: 45px;font-weight: 700;text-transform: uppercase;}*/ #pageS1 h1{font-family: 'Roboto Slab', serif; color: #1f4231; font-size: 40px; margin: 0; font-weight: 700; display: inline-block; position: absolute; bottom: 0; left: 0; background-color: #feda41; padding: 10px 20px; transform: translate(45%,50%);} /* DEL BY TANGUY #pageS1 .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000000;opacity: 0.4;}*/ #pageS1 .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.4;} #exampleModalCenter .modal-content{background-color: #1f4231;} #exampleModalCenter .modal-content .modal-body{padding: 30px;} #exampleModalCenter .modal-content .modal-body h2{font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 24px;margin-top: 0;font-weight: 700;} #exampleModalCenter .modal-content .modal-body h3{font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 20px;margin-top: 0;font-weight: 700;} #exampleModalCenter .modal-content .modal-body p{font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 14px;margin-top: 0;font-weight: 400;} #exampleModalCenter .form-control {border: 1px solid #feda41;background-color: transparent;font-family: 'Roboto Slab', serif;color: #feda41;font-size: 14px;font-weight: 400;padding: 15px;border-radius: 5px;max-height: 100px;} #exampleModalCenter .form-group {padding: 0 2px;} #exampleModalCenter input::placeholder,#exampleModalCenter textarea::placeholder{color: #feda41;} #exampleModalCenter .button-next,#exampleModalCenter .wpcf7-submit{ width: 100%;background-color: #feda41;border-radius: 5px;color: #1f4231;font-family: 'Roboto Slab', serif;font-size: 14px;font-weight: 700;padding: 6px 15px;text-transform: uppercase;border-color: transparent;max-width: 100px;float: right;} #exampleModalCenter .button-back{width: 100%;background-color: #feda41;border-radius: 5px;color: #1f4231;font-family: 'Roboto Slab', serif;font-size: 14px;font-weight: 700;padding: 6px 15px;text-transform: uppercase;border-color: transparent;max-width: fit-content;float: left;} #exampleModalCenter .wpcf7-file{min-height: 60px;} #exampleModalCenter span.wpcf7-not-valid-tip { font-size: 14px;display: inline-block;margin-top: 6px;} #exampleModalCenter span.wpcf7-not-valid-tip {font-size: 12px;margin-top: 5px;} #exampleModalCenter .wpcf7-not-valid{border-color: red;} #exampleModalCenter div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: 2px solid #1f4231;background-color: #feda41;color: #1f4231;border-radius: 5px;font-size: 14px;} #exampleModalCenter .content-merci{display: none;} #exampleModalCenter .modal-header{border-bottom: 0;background-color: #feda41;} #exampleModalCenter .close{font-size: 25px;} #exampleModalCenter h2{ font-family: 'Roboto Slab', serif;color: #feda41;font-size: 45px;font-weight: 700;text-transform: uppercase;} #exampleModalCenter p{ font-family: 'Roboto Slab', serif;color: #1f4231;font-size: 24px;font-weight: 400;margin-bottom: 5px;} .divTv{width: 100%;height: 672px;background-size: cover;background-position: center center;background-repeat: no-repeat;max-width: 700px;margin: auto;position: relative;z-index: 2;} #P6S5 h5 {position: absolute;top: 0;left: 50%;font-size: 200px;color: #fffceb;font-family: 'Miss Fajardose', cursive;font-weight: 700;opacity: 1;transform: translate(-50%,0);width: 100%;letter-spacing: 15px;text-align: center;z-index: 2;text-shadow: 1px 1px #cc7564;z-index: 3} #P6S5 iframe{position: absolute;top: 60%;left: 29%;transform: translate(-29%,-60%);z-index: 0;border: 20px solid #fffceb;border-radius: 30px;} #lang_choice_1{-webkit-appearance: button;border-radius: 0;background-color: #1f4231;color: #feda41;padding-right: 25px;position: relative;padding-left: 10px;} #switchlangsmartphone{display: none;font-size: 18px;} #switchlangsmartphone:after {font-family: "Font Awesome 5 Free";content: "\f0d7";display: inline-block;padding-right: 3px;vertical-align: middle;font-weight: 900;color: #feda41;position: absolute;top: 50%;right: 5px;transform: translate(0,-62%);} #sb_instagram #sbi_load .sbi_load_btn{background-color: #feda41;color: #1f4231;} #btnSmartphone{display: none; background: #1f4231;padding: 5px;font-size: 20px;width: 40px;text-align: center;border-radius: 9px;color: #feda41;} .type-post{background-color: #f0f0f0;} #reservationS1 iframe{width: 100%;min-width: 120px; height: 440px; border: 0;} #P6S4{overflow: hidden;} #bandeauLangueCookies{background-color: #1f4231;padding: 10px 0;} #bandeauLangueCookies p{ font-family: 'Roboto Slab', serif;color: #ffffff;font-size: 14px;margin-bottom: 0;} #bandeauLangueCookies .fas{color: #ffffff;font-size: 20px;cursor: pointer;} #bandeauLangueCookies.retracted{margin-top: -62px;} #bandeauLangueCookies input[type="submit"]{ width: 100%;background-color: #feda41;border-radius: 5px;color: #1f4231;font-family: 'Roboto Slab', serif;font-size: 14px;font-weight: 700;padding: 5px;text-transform: uppercase;border-color: transparent;max-width: 200px;height: 100%;margin: 0;} #bandeauLangueCookies .form-group {margin-bottom: 0;height: 100%;} #bandeauLangueCookies select{-webkit-appearance: none;width: 100%;background-color: #ffffff;border-radius: 5px;color: #1f4231;font-family: 'Roboto Slab', serif;font-size: 14px;font-weight: 700;padding: 5px 10px 5px 20px;text-transform: uppercase;border-color: transparent;max-width: 200px;height: 100%;margin: 0;} #selectLangue:after {font-family: "Font Awesome 5 Free";content: "\f0d7";display: inline-block;vertical-align: middle;font-weight: 900;color: #1f4231;position: absolute;top: 50%;right: 40px;transform: translate(0,-50%);font-size: 20px;} .descriptionImage{ position: absolute;bottom: 0;left: 2px;font-size: 10px;width: 98.5%;background-color: #feda41;margin: 0;padding: 5px 5px;color: #1f4231;margin: auto;} #notfound { position: relative; height: 100vh; } #notfound .notfound { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .notfound { width: 100%; text-align: center; } .notfound .notfound-404 { height: 280px; position: relative; z-index: -1; } .notfound h2 { font-family: 'Montserrat', sans-serif; color: #000; font-size: 24px; font-weight: 700; text-transform: uppercase; margin-top: 0; } .notfound p { font-family: 'Montserrat', sans-serif; color: #000; font-size: 14px; font-weight: 400; margin-bottom: 20px; margin-top: 0px; } .notfound a { font-family: 'Roboto Slab', serif; display: inline-block; font-weight: 700; color: #feda41; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #1f4231; padding: 10px 36px; font-size: 15px; border-radius: 5px; border: 1px solid #1f4231; margin-top: 30px; } .notfound a:hover,.notfound a:focus{ outline: none; color: #1f4231; background-color: #feda41; text-decoration: none; } #grw_widget-2{padding: 20px!important;} .rating { margin: auto; text-align: center; width: fit-content; } /* :not(:checked) is a filter, so that browsers that don’t support :checked don’t follow these rules. Every browser that supports :checked also supports :not(), so it doesn’t make the test unnecessarily selective */ .rating:not(:checked) > input { position:absolute; top:-9999px; clip:rect(0,0,0,0); } .rating:not(:checked) > label { float:right; width:35px; padding:0 .1em; overflow:hidden; white-space:nowrap; cursor:pointer; font-size:200%; line-height:1.2; color:#ddd; text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5); } .rating:not(:checked) > label:before { content: '★ '; font-size: 35px; } .rating > input:checked ~ label { color: #f70; text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5); } .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label { color: gold; text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5); } .rating > input:checked + label:hover, .rating > input:checked + label:hover ~ label, .rating > input:checked ~ label:hover, .rating > input:checked ~ label:hover ~ label, .rating > label:hover ~ input:checked ~ label { color: #ea0; text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5); } .starratingawesome:not(:checked) > label { width: 33px; } .starratingawesome .fa{font-size: 30px;} .starratingawesome > input:checked ~ label { color: #feda41; } .rating > label:active { position:relative; top:2px; left:2px; } /*************************************************/ /****************** woocommerce ******************/ /*************************************************/ .single-product .woocommerce-Price-amount.amount{ font-size: 27px; font-weight: 600; } .woocommerce div.product form.cart .button{ margin: 0 !important }; .woocommerce form .form-row select, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ line-height: normal; height: 38px !important; border-radius: 0; outline: 0; box-sizing: inherit; border: 1px solid #4c4c4c !important; padding: 0 8px !important; font-size: 14px; } .woocommerce form .form-row textarea{ height: 150px !important; padding: 8px !important; } .select2-container--default .select2-selection--single { height: 38px; border-radius: 0; border: 1px solid #4c4c4c; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 35px; } .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 37px; } .products_on_sale .slick-slide{ padding: 10px; } .woocommerce ul.products li.product a{ text-decoration: none !important; } .woocommerce ul.products li.product .button{ text-align: center; width: 100%; background-color: #000; transition: .3s; border-radius: 5px; margin-top: 0; color: #fff; font-weight: 500; height: 35px !important; font-size: 13px; padding: 0; display: flex !important; align-items: center; justify-content: center; text-decoration: none !important; } .woocommerce ul.products li.product .button:hover{ background-color: #feda41 !important; color: #1f4231 !important; } .woocommerce .woocommerce-ordering select{ height: 34px; } .woocommerce ul.products li.product .woocommerce-placeholder{ border: none; } .woocommerce ul.products li.product a img{ border: 1px solid #cecece; margin-bottom: 5px; } .berocket_aapf_widget.berocket_style_block{ padding: 0; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { color: #000; font-weight: 600; text-align: center; } .woocommerce ul.products li.product .price { color: #1f4130; font-size: 20px; text-align: center; font-weight: 600; height: 30px; margin-bottom: 6px; } .woocommerce ul.products li.product .price ins{ font-weight: 600; } .pourcentage { background-color: #fa000a; display: flex; color: #fff; position: absolute; left: 6px; top: 6px; font-size: 13px; width: 40px; height: 25px; align-items: center; justify-content: center; z-index: 9; } .pourcentage:after{ content: ''; width: 0; height: 0; border-left: 0px solid transparent; border-right: 13px solid transparent; border-top: 25px solid #fa000a; top: 0px; left: 40px; position: absolute; font-weight: 500; } .woocommerce ul.products li.product .onsale{ display: none; } .woocommerce ul.products li.product .quick_view, .woocommerce-page ul.products li.product .quick_view{ background-color: #000; position: absolute; /* top: 180px; */ right: 0; left: 0; margin: auto; /* display: flex; */ width: 45px !important; height: 45px !important; /* justify-content: center; */ align-items: center; color: #fff; transition: 0.3s; opacity: 0; font-weight: 500; /* bottom: 0; */ top: calc(50% - 84px); } .woocommerce ul.products li.product .quick_view:after, .woocommerce-page ul.products li.product .quick_view:after{ width: 45px; height: 45px; content: '\f002'; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 26px; display: flex; align-items: center; justify-content: center; } .woocommerce ul.products li.product .quick_view span, .woocommerce-page ul.products li.product .quick_view span{ display: none; } .woocommerce ul.products li.product:hover .quick_view, .woocommerce-page ul.products li.product:hover .quick_view{ opacity: .5; } .woocommerce ul.products li.product:hover .quick_view:hover, .woocommerce-page ul.products li.product:hover .quick_view:hover{ opacity: 1; } .woocommerce ul.products li.product form.cart, .woocommerce-page ul.products li.product form.cart{ display: flex; align-items: center; justify-content: center; } .woocommerce ul.products li.product form.cart .quantity input, .woocommerce-page ul.products li.product form.cart .quantity input{ height: 35px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { height: 34px; } .checkout_coupon.woocommerce-form-coupon button.button{ margin: 0 !important; } .woocommerce div.product form.cart div.quantity{ margin-right: 0; } .woocommerce div.product form.cart .button{ height: 37px; float: unset; background-color: #1f4231; border-radius: 5px; color: #feda41; font-family: 'Roboto Slab', serif; color: #feda41; font-size: 14px; font-weight: 700; padding: 6px 15px; text-transform: uppercase; transition: .3s; } .woocommerce div.product form.cart .button:hover{ background-color: #feda41 !important; color: #1f4231 !important; } .product_meta a{ color: #1f4231 !important; } .woocommerce .products .star-rating { display: block; margin: auto; margin-bottom: 4px; float: none; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 117px; height: 34px; padding: 0px 5px; } .wpmenucart-display-right { /* float: right !important; position: absolute; right: 15px; margin-top: 5px; */ margin-top: 3px; position: relative; } .wpmenucart-display-right a{ color: #3a3a3a; font-size: 18px; } li.wpmenucartli a.wpmenucart-contents span{ background-color: #feda3e; color: #1f4231; min-width: 19px; height: 19px; border-radius: 0; display: flex !important; align-items: center; justify-content: center; position: absolute; top: -4px; right: -28px; font-size: 12px; } .wpmenucart-icon-shopping-cart-0:before{ color: #1f4231; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{ text-align: center; font-weight: 400; color: #3a3a3a; font-size: 14px; min-height: 50px; overflow: hidden; } .woocommerce ul.products li.product .price ins { text-decoration: none; } .woocommerce ul.products li.product a img{ border: 1px solid #e2dfdf; } .woocommerce div.product .woocommerce-tabs ul.tabs li a{ display: inline-block; padding: .3em 0; font-weight: 500; color: #515151; text-decoration: none; font-size: 14px; } .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover { background-color: #000; color: #fff; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #c4c4c4; color: #fff; } .woocommerce div.product .product_title { color: #3a3a3a; font-size: 23px; text-transform: uppercase; } .woocommerce div.product div.images .flex-control-thumbs li{ padding: 3px; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { font-size: 1.12em; } .woocommerce .cart .button, .woocommerce .cart input.button{ float: right; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #3a3a3a; font-size: 1.25em; } .woocommerce a.added_to_cart { padding-top: 8px; width: 100%; text-align: center; } .woocommerce a.remove{ color: #000!important; } .woocommerce a.remove:hover { color: #fff!important; background: #000; } .woocommerce .quantity .qty { height: 37px; width: 65px !important; } .woocommerce .quantity .qty:focus { outline: none; box-shadow: none; } .woocommerce div.product form.cart .reset_variations::after{ } .woocommerce span.onsale { /* min-height: 5em; */ /* min-width: 5em; */ /* display: flex; */ /* align-items: center; */ /* justify-content: center; */ background-color: #000; border-radius: inherit; /* line-height: 0; */ padding: 0px 16px; font-size: 10px; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins{ text-decoration: none; } .product_meta .posted_in{ display: block; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin-bottom: 15px; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background-color: #f0f0f0; font-weight: 300; font-size: 12px; padding: 4px 34px; border: 0; border-radius: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; } .woocommerce div.product .woocommerce-tabs .panel { margin: 0 0 10em; padding: 16px; border: 2px solid #f0f0f0; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color: #feda41; color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { display: none; } .woocommerce div.product .woocommerce-tabs h2 { text-transform: uppercase; font-size: 17px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author{ color: #000; font-size: 13px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { color: #1f4231 !important; background-color: #feda41 !important; } .woocommerce table.shop_table{ border-radius: 10px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color: #1f4231 !important; border-radius: 0; color: #ffffff !important; font-weight: 400; text-transform: uppercase; height: 34px; align-items: center; justify-content: center; border-radius: 5px; font-family: 'Roboto Slab', serif; font-size: 14px; } .woocommerce #respond input#submit.disabled:hover, .woocommerce button.button:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover { color: #1f4231 !important; background-color: #feda41 !important; } .woocommerce #review_form #respond p label{ min-width: 100px; } .woocommerce, .panier table.cart, .panier table.shop_table{ font-size: 15px; font-family: 'Roboto Slab', serif; } .panier table.cart .coupon{ display: flex; } .panier table.cart .coupon button{ margin: 0 !important; } .panier table.cart .actions > button{ width: 300px; margin: 0 !important; } .woocommerce-cart .cart_totals a.checkout-button { text-decoration: none !important; font-weight: 400 !important; font-size: 14px !important; height: 34px; padding: 10px; } .panier table.shop_table h2{ font-family: 'Roboto Slab', serif; font-size: 24px; text-transform: uppercase; font-weight: 700; } .woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row { display: block; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { max-width: unset; /*width: 100%;*/ } .woof_sid_auto_shortcode.woof { padding: 16px; border: 0; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{ width: 50%; } .woocommerce-billing-fields{ margin-bottom: 1.5rem; } .woocommerce-shipping-fields{ display: none; } .chosen-container{ width: 100% !important; } h1.page-title{ display: none; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #000; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #000; } .woocommerce-product-details__short-description ul{ list-style: none; } .woocommerce-product-details__short-description ul li{ position: relative; } .woocommerce-product-details__short-description ul li:before{ content: '-'; position: absolute; left: -10px; top: 0; } .chosen-container-single .chosen-single{ background: #ffffff; background-image: unset; border-radius: 0; height: 35px !important; display: flex; align-items: center; border: 1px solid #ced4da; } .chosen-container-single .chosen-single span{ color: #495057; font-size: 12px; } .chosen-container-single .chosen-single div{ display: flex; align-items: center; justify-content: center; } .chosen-container-single .chosen-single div b{ width: 9px; height: 16px; margin-top: -11px; } .related.products h2{ font-weight: 700; font-size: 32px; margin-bottom: 20px; text-align: center; color: unset; } .related.products ul.products li.product form.cart{ background-color: unset; border: 0; margin: 0; padding: 0; } .slide .ui-widget-content{ height: 4px; } .berocket_filter_slider.ui-widget-content .ui-slider-range, .berocket_filter_price_slider.ui-widget-content .ui-slider-range { background: none repeat scroll 0 0 #000; } .qib-button:not(#qib_id):not(#qib_id){ background-color: #000 !important; color: #fff !important; } .qib-button:not(#qib_id):not(#qib_id):hover{ background-color: #71A200 !important; color: #fff !important; } .qib-container{ display: flex !important; float: left; } form.cart .qib-container+button[type=submit]:not(#qib_id):not(#qib_id){ margin-left: 0 !important; } .woocommerce div.product form.cart{ display: flex; } .woocommerce #wcqv_contend .product .cart .button { margin-left: 6px; height: 37px; display: flex; align-items: center; justify-content: center; font-size: 17px; padding: 0px 25px; background-color: #000; } .woocommerce div.product form.cart .variations{ margin-bottom: 0; } .woocommerce #wcqv_contend .product .images .thumbnail img, .woocommerce div.product div.images img { border: 1px solid #e2dfdf; } .woocommerce-message a.button{ height: auto; } .custom_price{ text-align: center; height: 30px; margin-bottom: 6px; font-size: 20px; font-weight: 600; color: red; } .woocommerce-shipping-destination{ display: none; } .woocommerce-shipping-calculator{ display: none; } .leon_panier_menu .amount{ display: none !important; visibility: hidden; } .leon_panier_menu{ display: inline-block; } .leon_panier_menu ul{ list-style: none; } .leon_panier_menu i{ font-size: 18px; } /* End costum wooCommerce style */ @media only screen and (max-width: 767px) { .notfound .notfound-404 { height: 142px; } .notfound .notfound-404 h1 { font-size: 112px; } } /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px) { .texte-content {padding: 33px;position: absolute;top: 25%;left: 23%;transform: translate(-25%,-25%);max-width: 520px;background: #ffffff url(img/background-content-text.png) no-repeat right bottom;} #P2S3 .cd-timeline__img.cd-timeline__img--picture .far {line-height: 40px;} #arabesquefintimeline{display: none;} #P3S1 h1 {left: 0;transform: translate(0,50%);} } @media only screen and (min-width : 768px) { #P4S1 .articles:hover,#P1S7 .articles:focus{transform: scale(1.1);} #P1S7 .articles:hover,#P1S7 .articles:focus{transform: scale(1.1);} #P1S9 .col-xs-12 a:hover .recette_a_la_une,#P1S9 .col-xs-12 a:focus .recette_a_la_une{transform: scale(1.1);} #P1S9 a:hover .recettes,#P1S9 a:focus .recettes{transform: scale(1.1);} #P3S4 figure.effect-zoe:hover p.description {opacity: 1;} #P3S4 figure.effect-zoe:hover .overlay{opacity: 0.7;} #P3S4 figure.effect-zoe:hover figcaption, #P3S4 figure.effect-zoe:hover h2, #P3S4 figure.effect-zoe:hover p.icon-links a {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} #P5S3 .articles:hover, #P1S7 .articles:focus {transform: scale(1.1);} .leon_panier_menu ul { list-style: none; padding-left: 0; } } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px) { #subFooter table i {font-size: 30px;} #subFooter table p {font-size: 16px;} #P1S5 figure.effect-milo p {width: 70%;} #P6S1 h1 {font-size: 36px;left: 50%;padding: 10px 10px;transform: translate(-50%,50%);width: 90%;text-align: center;} #P2S3 .cd-timeline__img.cd-timeline__img--picture .far {line-height: 40px;} #P6S5 h5 {top: 89px;font-size: 100px;} #P3S4 .imgContentGroupe {width: 100%;min-height: 274px;max-height: 277px;} #P3S4Bis strong{display: block;} #bandeauLangueCookies select {padding: 5px 10px 5px 10px;} #selectLangue:after {right: 10px;font-size: 18px;} } /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { #mbo{ position: inherit; bottom: auto; right: auto; transform: none } #selectLangue:after {right: 25px;} #bandeauLangueCookies p {margin-bottom: 10px;} #bandeauLangueCookies {text-align: center;} #reservationS1 iframe{width: auto;} #contactS3 .teamSecondaire .imgPersonne i,#contactS3 .teamprincipal .imgPersonne i{display: none;} #contForm,#P3S6 .imgContainer{display: none;} #P3S6 .imgContainer {min-height: 250px;} #P6S1,#contactS1 {height: 250px;} #P6S1 h1,#contactS1 h1 {font-size: 37px;left: 50%;padding: 10px 10px;transform: translate(-50%,50%);width: 90%;text-align: center;} #subFooter .d-md-none{text-align: left;} .languagepicker{display: none!important;} #switchlangsmartphone{display: inline-block;} .content-slide {height: auto;min-height: 500px;} .HeaderRetracted .content-slide {height: auto;min-height: 500px;} .texte-content h2{font-size: 25px;line-height: 25px;margin-bottom: 20px;} .texte-content p{font-size: 16px;margin-bottom: 15px;} .texte-content {padding: 20px;} .logo img {width: 70px;margin: 5px 0;} body {padding-top: 60px;} .offcanvas {padding: 0 10px;} #subFooter {bottom: -135px;} #P1S7 .col-sm-12{margin-bottom: 15px;} .articlesNonEnValeur .exerpt{display: none;} .img_recettes {min-height: calc((437px - ( 12px * 2 )) / 3);} #P2S3 .cd-timeline__img.cd-timeline__img--picture .far {line-height: 40px;} #P2S3 .cd-timeline__content h2 {font-size: 20px;} #P6S4 .imgRight,#P6S4 .imgLeft{display: none;} .img_cover-valeursservices3{min-height: 300px;} .divTv{padding: 0;max-width: none;background-image: none;background-image: none!important;height: auto;} #P6S5 iframe {position: inherit;top: inherit;left: inherit;transform: none;z-index: 0;border: 0;border-radius: 0;width: 100%;} #P3S2 .imgContentGroupe {position: relative;min-height: 300px;} #P3S1 h1{font-size: 37px;left: 50%;padding: 10px 10px;transform: translate(-50%,50%);width: 90%;text-align: center;} #P3S1 {height: 250px;} #P3S2 .contactPerson h2 {font-size: 20px;} #P3S2 .contactPerson h4 {font-size: 16px;} #P3S2 .contenuContact a {font-size: 14px;} #P3S4 .ContentGroupe {padding: 0;} #P3S4 .imgContentGroupe {min-height: 426px;max-height: inherit;} #P3S4 figure.effect-zoe p.description {top: inherit;bottom: 0;left: 50%;font-size: 14px;opacity: 1;background-color: #feda41;color: #1f4231;width: 101%;} .footer a{font-size: 12px!important;} #contactS3 .teamSecondaire {border-bottom: 1px solid #1f4231;} #P5S3 .col-xs-12{margin-bottom: 20px;} #P5S3 {padding-bottom: 50px;} #P5S1 .infos-recettes {transform: translate(0,-50%);} #P5S1 {padding: 0;} #reservationS1 p {font-size: 14px;} nav.offcanvas {padding: 0;} } /* Extra Small Devices, Phones */ @media only screen and (max-width : 576px) { #reservationS1 {padding: 50px 5px;} #reservationS1 h1 {font-size: 25px;} #P5S3 .img-article {height: 100px;} #P5S1 .timing span {font-size: 14px;} #P5S1 .timing {padding: 5px 15px;font-size: 12px;} #P5S3 .contenu-article {font-size: 12px;} #P5S2 .container {padding: 50px 40px 40px 40px;background-color: #ffffff;} #P5S1 .image-a-la-une {width: 100%;height: 200px;} #P4S1 .col-xs-12{margin-bottom: 3rem!important;} #contactS3 .teamSecondaire .imgPersonne {height: 250px;min-height:inherit;} #contactS3 .teamSecondaire .imgPersonne i{display: none;} #contactS3 .contentTeam {padding: 20px;} #contactS3 .contentTeam p{text-align: center;} #contactS3 .teamprincipal .imgPersonne{height: 250px;min-height: inherit;} #contactS2 {padding: 0;} .footer a{font-size: 14px!important;} #P3S5 span {font-size: 16px;} #P3S6 .content {padding: 60px 30px;background-color: #1f4231;} #P3S4 .imgContentGroupe {min-height: 283px;max-height: inherit;} #P3S3 .pdfs {margin-bottom: 20px;} .contenuContact{margin-left: -30px;} #P3S2 .btn-default-chezleon {font-size: 12px;} #P3S2 .ContentGroupe {padding: 20px 0;} #P3S2 .contactPerson2 {border-top-left-radius: 50px!important;border-bottom-left-radius: 50px!important;margin-top: 15px;} #P3S2 h3 {font-size: 20px;margin-bottom: 15px;margin-top: 0;} #subFooter .col-xs-12{text-align: center;border-top: 1px solid #303030;padding: 2px;} #subFooter {padding-bottom: 0;bottom: -213.5px;} #subFooter .socialIcons {margin: 10px 5px;} .content-slide {height: auto;min-height: 300px!important;} .texte-content h2{font-size: 20px;line-height: 20px;margin-bottom: 15px;} .texte-content p{font-size: 14px;margin-bottom: 10px;} #img-promotion {min-height: 200px;} #contenu-promotion {padding: 50px 25px;} #P1S2-1 {margin-top: -1px;} .div-repas-group {height: 180px;} #colSpecFlex {display: block;} .div-repas-group .Description{display: none;} #P1S6 .div-repas-group h2 {font-size: 18px;width: 80%;transform: translate(-50%,0);} #P1S6 .div-repas-group h2 {position: absolute;bottom: 10px;left: 50%;color: #ffffff;font-family: 'Roboto Slab', serif;font-weight: 700;text-transform: uppercase;font-size: 18px;width: 80%;transform: translate(-50%,0);} #P1S7 .articles h4 {font-size: 18px;} #P1S8 .section-valeurs {padding: 40px 15px;} #P1S9 {padding: 100px 15px 60px;} #P1S9 h3 {margin-bottom: 30px;} .contenu_recette_a_la_une span {font-size: 10px;} .contenu_recette_a_la_une {padding: 15px;} .recette_a_la_une {margin-bottom: 12px;} #ensemble_recettes .recettes {min-height: inherit;} .img_recettes {min-height: 0;} #P1S10 .content h2 {font-size: 35px;} #P1S10 .content p {font-size: 20px;} #P1S10 .content h3 {font-size: 30px;} #P1S10 .content {padding: 40px 15px;} #P1S11 {padding: 50px 10px 50px 10px;} #P1S11 h5 {position: absolute;top: -30px;right: -5px;font-size: 40px;text-transform: uppercase;color: #1e4230;font-family: 'Roboto Slab', serif;font-weight: 700;opacity: 0.9;} #subFooter{position: -webkit-sticky;position: sticky;} #P1S12 .ensembleBoutons {bottom: 80px;} .footer h6 {margin-top: 15px;} #LeftMenu ul li {font-size: 14px;padding: 10px 5px;} #P6S1,#contactS1 {height: 200px;} #P6S1 h1,#contactS1 h1,#P5S1 h1 {font-size: 25px;left: 50%;padding: 10px 10px;transform: translate(-50%,50%);width: 90%;text-align: center;z-index: 2} #P2S3 .cd-timeline__img.cd-timeline__img--picture .far {line-height: 40px;} #P6S4{overflow: hidden;} #P6S5{overflow: hidden;} #P2S3 .cd-timeline__content h2 {font-size: 20px;} #P2S3 .cd-timeline__date {font-size: 25px!important;} .img_cover-valeursservices3{min-height: 250px;} #P6S4 .imgRight,#P6S4 .imgLeft{display: none;} #P3S1 h1 {font-size: 25px;left: 50%;padding: 10px 10px;transform: translate(-50%,50%);width: 90%;text-align: center;} #P3S1 {height: 200px;} #contactS3 .teamprincipal .imgPersonne i{display: none;} #P5S2 ul li { min-height: 255px; } .leon_panier_menu ul { list-style: none; padding-left: 0; } li.wpmenucartli a.wpmenucart-contents span { background-color: #feda3e; color: #1f4231; min-width: 19px; height: 19px; border-radius: 0; display: flex !important; align-items: center; justify-content: center; position: absolute; top: -1px; right: -8px; font-size: 8px; } } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px) { }