/*! jQuery UI - v1.13.0 - 2021-11-15
* http://jqueryui.com
* Includes: draggable.css, sortable.css, core.css, autocomplete.css, menu.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=ui-darkness&cornerRadiusShadow=8px&offsetLeftShadow=-7px&offsetTopShadow=-7px&thicknessShadow=7px&opacityShadow=60&bgImgOpacityShadow=30&bgTextureShadow=flat&bgColorShadow=cccccc&opacityOverlay=80&bgImgOpacityOverlay=50&bgTextureOverlay=flat&bgColorOverlay=5c5c5c&iconColorError=a83300&fcError=111111&borderColorError=ffb73d&bgImgOpacityError=40&bgTextureError=glass&bgColorError=ffc73d&iconColorHighlight=4b8e0b&fcHighlight=2e7db2&borderColorHighlight=cccccc&bgImgOpacityHighlight=80&bgTextureHighlight=highlight_soft&bgColorHighlight=eeeeee&iconColorActive=222222&fcActive=ffffff&borderColorActive=ffaf0f&bgImgOpacityActive=30&bgTextureActive=inset_soft&bgColorActive=f58400&iconColorHover=ffffff&fcHover=ffffff&borderColorHover=59b4d4&bgImgOpacityHover=40&bgTextureHover=glass&bgColorHover=0078a3&iconColorDefault=cccccc&fcDefault=eeeeee&borderColorDefault=666666&bgImgOpacityDefault=20&bgTextureDefault=glass&bgColorDefault=555555&iconColorContent=cccccc&fcContent=ffffff&borderColorContent=666666&bgImgOpacityContent=25&bgTextureContent=inset_soft&bgColorContent=000000&iconColorHeader=ffffff&fcHeader=ffffff&borderColorHeader=333333&bgImgOpacityHeader=25&bgTextureHeader=gloss_wave&bgColorHeader=333333&cornerRadius=6px&fsDefault=1.1em&fwDefault=bold&ffDefault=Segoe%20UI%2CArial%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Segoe UI,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Segoe UI,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #ddd}.ui-widget-content{border:1px solid #ddd;background:#000 url("/img/ui-bg_inset-soft_25_000000_1x100.png") 50% bottom repeat-x;color:#fff}.ui-widget-content a{color:#fff}.ui-widget-header{background:#062844;color:#fff;font-weight:bold;}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #ddd;background:#555 url("/img/ui-bg_glass_20_555555_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#eee}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#eee;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #59b4d4;background:#0078a3 url("/img/ui-bg_glass_40_0078a3_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#fff;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #ffaf0f;background:#f58400 url("/img/ui-bg_inset-soft_30_f58400_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#ffaf0f;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-checked{border:1px solid #ccc;background:#eee}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#2e7db2}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #ffb73d;background:#ffc73d url("/img/ui-bg_glass_40_ffc73d_1x400.png") 50% 50% repeat-x;color:#111}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#111}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#111}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/img/ui-icons_cccccc_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/img/ui-icons_ffffff_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/img/ui-icons_ffffff_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/img/ui-icons_222222_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/img/ui-icons_4b8e0b_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/img/ui-icons_a83300_256x240.png")}.ui-button .ui-icon{background-image:url("/img/ui-icons_cccccc_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:6px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:6px}.ui-widget-overlay{background:#5c5c5c;opacity:.8;-ms-filter:Alpha(Opacity=80)}.ui-widget-shadow{-webkit-box-shadow:-7px -7px 7px #ccc;box-shadow:-7px -7px 7px #ccc}
.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:50%;width:1.8em;height:1.8em;transform:translateY(-50%)}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:50%}.ui-datepicker .ui-datepicker-prev{left:3px}.ui-datepicker .ui-datepicker-next{right:3px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);margin-left:0;margin-top:0;background:url(/img/arrowNext.png)no-repeat;background-size:contain;filter:brightness(0) invert(1);z-index:1;height:20px;width:20px;}.ui-datepicker .ui-datepicker-prev span{background:url(/img/arrowPrev.png)no-repeat;background-size:contain;}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}
/*! jQuery UI - v1.13.0 - 2021-11-15
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-widget{font-family:Segoe UI,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Segoe UI,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #ddd}.ui-widget-content{border:1px solid #ddd;background:#000 url("/img/ui-bg_inset-soft_25_000000_1x100.png") 50% bottom repeat-x;color:#fff}.ui-widget-content a{color:#fff}.ui-widget-header{background:#062844;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #ddd;background:#062844;font-weight:400;color:#eee;text-align:center}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#eee;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #59b4d4;background:#0078a3 url("/img/ui-bg_glass_40_0078a3_1x400.png") 50% 50% repeat-x;font-weight:400;color:#fff}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#fff;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #ffaf0f;background:#062844;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#ffaf0f;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}#ui-datepicker-div[caller='datePlanning'] .ui-datepicker-current-day ~ td .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{background-color: #F4AD28;font-weight: bold;}.ui-state-checked{border:1px solid #ccc;background:#eee}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#2e7db2}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #ffb73d;background:#ffc73d url("/img/ui-bg_glass_40_ffc73d_1x400.png") 50% 50% repeat-x;color:#111}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#111}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#111}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/img/ui-icons_cccccc_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/img/ui-icons_ffffff_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/img/ui-icons_ffffff_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/img/ui-icons_222222_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/img/ui-icons_4b8e0b_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/img/ui-icons_a83300_256x240.png")}.ui-button .ui-icon{background-image:url("/img/ui-icons_cccccc_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:6px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:6px}.ui-widget-overlay{background:#5c5c5c;opacity:.8;-ms-filter:Alpha(Opacity=80)}.ui-widget-shadow{-webkit-box-shadow:-7px -7px 7px #ccc;box-shadow:-7px -7px 7px #ccc}/****** Bloc aux clics sur Espace client ******/
#formConnectPage .sideContent .side.payFac{
    background:#F0E7DC;
}

#formConnectPage .sideContent .side.directory{
    background:#D8DFDC;
}
#formConnectPage .sideContent .side.clientFret{
    background:#FFF;
}
#formConnectPage .sideContent .side.salarie{
    background:#e4e4e4;
}
#formConnectPage .inputs{

}

/****** Accueil - Annuaire ******/
#all.directory h1{
    font-family: "Poppins", sans-serif;
}
.w50{width: 50%;}
.dashBloc{
    padding: 30px;
    width: 100%;
    margin-bottom: 20px;
    background: #fff;
}
.grid2{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;}
.grid1-2{display: grid;grid-template-columns: 1fr 2fr;grid-gap: 20px;}

.grid1-2 .dashBloc{
    padding: 20px;
}
.space-between-column{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.pb-s.dashBloc{padding-bottom: 10px;}
.dashBlocWrapper .dashBloc.grey{background:#e4e4e4;}
.dashBlocWrapper .dashBloc.outline{border: 1px solid #ccc;}
.dashBlocWrapper .dashBloc .head{
    margin: 0;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
}
.dashBlocWrapper .dashBloc .btn{
    margin-top: 25px;
}
.lastSearch{margin-top: 20px;}
.dashBloc .legende{display: flex;flex-wrap: wrap;padding: 5px;}
.dashBloc .legende span{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .7px;
    margin-right: 10px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
}
.dashBloc .legende span:before{
    content: "";
    display: block;
    height: 8px;
    width: 8px;
    background: yellow;
    border-radius: 50%;
    margin-right: 8px;
}
.dashBloc .legende span.enlevement{background: #D6DFDC;color: #014C30;}
.dashBloc .legende span.enlevement:before{background: #014C30;}
.dashBloc .legende span.livraison{background: #F0E6DB;color: #F89826;}
.dashBloc .legende span.livraison:before{background: #F89826;}
/****** Liste des services ******/
.serviceTitle{
    margin: 30px 0 0;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 500;
    color: #F8981D;
}
.serviceDesc{margin: 0 0 15px;}


/****** Recherche ******/
.dashBlocSearch .explain{margin: 10px 0;}
.dashBlocSearch input{
    background: transparent;
}
.dashBlocSearch input:focus{
    outline: 2px solid #014C30
}
.blocSearch{height: min-content;position: relative;}
.blocSearch .legend{
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin: 0;
    padding: 4px;
    color: #004C30;
}
.blocSearch .head{}
.blocSearch .explain{}
.searchNoResult{}

/****** Vos dernières recherches ******/
#loadLastSearch{margin-top: 20px;}
#loadLastSearch .head{color: #014C30; font-weight: 500;font-size: 1rem;}
.postalCodes{display:flex;flex-wrap: wrap;}
.postalCodes .cpLink{background: #D6DFDC;color: #014C30;font-weight: 500;padding: 6px 14px;border-radius: 30px;margin: 5px;border: 2px solid #D6DFDC;transition: .2s ease;}
.postalCodes .cpLink.livraison{background: #F0E6DB; color: #F89826;border-color:#F0E6DB;}
.postalCodes .cpLink:hover{border-color: #014C30;}
.postalCodes .cpLink.livraison:hover{border-color: #F89826;}

.blocSearch .switchBool .switchVal{padding: 5px 10px;border-radius: 40px;font-size: 12px;font-weight: 500;letter-spacing: .7px;color: #999;}
.blocSearch .switchBool .switchVal[data-val='0']{background: #D6DFDC;color: #014C30;}
.blocSearch .checked .switchVal.false{background:#DDD;color: #999;}
.blocSearch .checked .switchVal.true{background: #F0E6DB; color: #F89826;}



/****** Affiche - Encart employé ******/
.employees{}
.employees.serviceEmployees{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;}
.employees.serviceEmployees .employeeBloc{margin-bottom: 0;}
.employeeBloc{display:flex;border: 1px solid #ccc;margin-bottom: 20px;}
.employeeBloc .image{height: 270px;width: 200px;}
.employeeBloc .image img{height: 100%;object-fit: cover;object-position: top;}
.employeeBloc .content{width: calc(100% - 200px);padding: 15px;}
.employeeBloc .zones{display:flex;flex-wrap: wrap;}
.employeeBloc .zones .zone{
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 30px;
    margin: 4px;
    background: #F0E6DC;
    color: #F89826;
    font-weight: 500;
}
.employeeBloc .zones .zone:first-of-type{
    margin-left: 0;
}

.employeeBloc .name{margin: 6px 0; font-size: 22px;}
.employeeBloc .service{
    color: #004C30;
    font-weight: 600;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
.employeeBloc .poste{}

.employeeBloc .sep{}

.employeeBloc .contactLine{display:flex;align-items: center;margin: 10px 0;}
.employeeBloc .contactLine .picto{height: 22px;width: 22px;margin-right: 10px;}
.employeeBloc .contactLine .value,
.employeeBloc .contactLine .value a{color: #004C30;font-weight: 500;}

#customerMenu a.search:before{
    background: url(/img/picto-recherche.png) no-repeat;
    background-size: contain;
}
#customerMenu a.services:before{
    background: url(/img/picto-services.png) no-repeat;
    background-size: contain;
}
@media all and (max-width: 1024px){
    .grid1-2{
        grid-template-columns: 1fr;
    }
    .employees.serviceEmployees{
        grid-template-columns: 1fr;
    }
}

@media all and (max-width: 900px){
    .grid2{
        grid-template-columns: 1fr;
    }
    .dashBloc{
        padding: 20px;
    }
}

@media all and (max-width: 600px){
    .employees{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
    }
    .employeeBloc{
        flex-direction: column;
        margin-bottom: 10px;
    }
    .employeeBloc .image{
        height: 240px;
        width: 100%;
    }
    .employeeBloc .content{
        width: 100%;
    }
}
@media all and (max-width: 500px){
    .employees{
        grid-template-columns: 1fr;
    }
}/***** FONTS *****/
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('/fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Bold.woff2') format('woff2'),
        url('/fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Regular.woff2') format('woff2'),
        url('/fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('/fonts/Poppins-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('/fonts/Poppins-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Medium.woff2') format('woff2'),
        url('/fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Light.woff2') format('woff2'),
        url('/fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Conthrax Sb';
    src: url('/fonts/ConthraxSb-Regular.woff2') format('woff2'),
        url('/fonts/ConthraxSb-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/******************
**** Common ****
*******************/

html {
  scroll-behavior: smooth;
}

html,body, #all,::placeholder{
    height:100%;
    font-family: "Poppins";
}
::placeholder{font-size: 13px;}
*{
    box-sizing: border-box;
}
strong{
    font-weight: 600;
}
p{
    color: #444;
}
img{
    width: 100%;
}
#main{
    min-height:100%;
    width: 100%;
    overflow-x: hidden;
}
#content{
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
}
body{
    margin:0;
    font-family: 'Lato', sans-serif;
    background-size: cover;
    background-color: #EFEFEF;
    width: 100%;
    overflow-x: hidden;
}

body.blocked{
    max-height: 100vh;
    overflow-y: hidden;
}

h1{
    text-align: center;
    font-family: "Conthrax Sb", sans-serif;
    font-weight: bold;
    font-size:50px;
}
h2{
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #323232;
}
a{
    color: #323232;
    text-decoration: none;
    cursor:pointer;
}
p a{
    font-weight: 500;
    position: relative;
    display: inline-block;
    transition: .2s;
}
p a:after{
    display: block;
    content: '';
    border-bottom: solid 2px #004C30;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
    transform-origin: 100% 50%;
}
p a:hover{
    text-decoration: none;
    color: #004C30;
}
p a:focus:after,
p a:hover:after{
    transform: scaleX(1);
    transform-origin: 0 50%;
}
.tcenter{ 
    text-align: center;
}
input, select, textarea{
    width: 100%;
    padding: 10px 20px;
    font-size: 16px;
    box-sizing: border-box;
    outline: 2px solid #D2D2D2;
    border: none;
    background: #fff;
    font-family: "Poppins";
    transition: .2s ease;
}
textarea{height: 200px;}

input:focus,
select:focus,
textarea:focus{
    outline: 2px solid #054C30;
}

.formLine.captcha{flex-direction:row;}
.captcha .captcha1{position:absolute;z-index:-2;}.captcha .captcha2{position:relative;}.captcha .captcha3{position:absolute;z-index:-2;}.captcha .captcha4{position:absolute;z-index:-2;}
.captcha .captchaEmail{
    position: absolute;
    z-index: -2;
    width: 5px;
    padding: 0;
    border: none;
    margin: 0px 5px;
}

.formLine.withLabel.error{
    box-shadow: 0 0 10px #fcbbbb;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #f5f5f5 inset !important;
}
.adminMedia.image .filename{display:none;}

input[type=number]
{
  -moz-appearance: textfield;
}
input[type=radio], input[type=checkbox]
{
  min-width:20px;
  height:20px;
}
.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}
#all .leaflet-bottom,
#all .leaflet-top{
    z-index: 998;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #eee;
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 13px;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}

input.input_phone_code{width:50px;}
input.input_phone{width:200px;}
input[type="checkbox"]{width:30px;height:30px;outline: none;}
input[type="submit"], .linkBtn, .linkBtn2{
    display: flex;
    align-items: center;
    justify-content: center;
    width:auto;
    min-width: 150px;
    background: #004C30;
    color: #FFF;
    cursor:pointer;
    text-decoration:none;
    border-radius: 0;
    text-align: center;
    transition: .3s ease;
    outline: none;
    padding: 12px 20px 12px 40px;
    position: relative;
}
.linkBtn2{
    border: 2px solid #004C30;
    color: #004C30;
    background-color: transparent;
    padding: 11px 20px;
}
.linkBtn2:hover{
    opacity: 0.5;
}
input[type="submit"]{
    padding: 12px 20px;
}
.returnBtn{
    padding: 12px 20px;
    color: #004C30;
    border: 2px solid #004C30;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 300px;
    transition: .3s;
}
.returnBtn:before{
    content: "";
    background: url(/img/arrowPrev.png)no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    transition: .3s;
    margin-right: 15px;
}
.returnBtn:hover{
    background-color: #004C30;
    color: #fff;
}
.returnBtn:hover:before{
    filter: brightness(0) invert(1);
}
.linkBtn:after{
    content: "";
    display: block;
    margin-left: 5px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    transition-delay: 0s;
    transform: translateX(-10px);
    background: url(/img/link_arrow.png)no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
}
.linkBtn:hover{
    background: #004C30;
    padding-right: 40px;
    color: #fff;
    transition-delay: 0s;
}
.externalLink{
    color: #004C30;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.externalLink:after{
    content: "";
    display: block;
    background: url(/img/external.png)no-repeat;
    background-size: contain;
    height: 16px;
    width: 16px;
    margin-left: 10px;
    transition: .2s;
}
.externalLink:hover:after{
    transform: rotate(15deg);
}
input[type="submit"]:hover{
    background: #004C30;
    color: #fff;
    opacity: .8;
}
input[type="submit"]:hover:after, .linkBtn:hover:after{
    opacity: 1;
    visibility: visible;
    left: auto;
    margin-left: 10px;
    transform: translateX(0);
    transition-delay: .1s;
}
.smallLink{
    color: #F89826;
    display: flex;
    align-items: center;
}
.smallLink:after{
    content: "";
    display: block;
    background: url(/img/arrowSmall.png)no-repeat;
    background-size: contain;
    height: 19px;
    width: 19px;
    margin-left: 7px;
    transition: .3s;
}
.smallLink:hover:after{
    margin-left: 12px;
}
.linkBtn.cancel{
    min-width: 150px;
    background:#ff6a6a;
    margin-left:30px;
    padding: 10px;
    outline: none;
}
.linkBtn.cancel:hover {
    opacity: .8;
    background:#ff6a6a;
}

.btnLoading{height:44px;width: 44px;margin: 0 auto;padding-bottom: 0;}

form[action='/contact/getForm'] textarea{
    height:200px;
}

.formLine.datePlanning {
    width:100%;
    align-items: center;
    flex-direction: column;
    box-shadow: none;
}

.head{
    padding: 4px;
}
.head h1{
    color: #FFF;
}

.buttonFixed{
    position: fixed;
    bottom: 0px;
    right: 0;
    left: 290px;
    background: #333;
    padding: 10px;
    text-align: center;
}
.buttonFixed .linkBtn{
    padding: 8px 20px;
}

.leaflet-popup-content-wrapper{
    font-family: "Poppins";
}

.leaflet-popup-content-wrapper .pic{
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 70px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    margin-right: 10px;
}

#all .leaflet-popup-content .padding{
    padding: 20px;
    text-align: center;
    color: #004C30;
    font-size: 14px;
}

#all .leaflet-popup-content .padding div{
    font-size: 18px;
    font-weight: 600;
    color: #323232;
}

.leaflet-popup-content .padding .details{
    color: #062844;
}
.leaflet-popup-content .padding .details b{
    font-weight: 600;
}

.leaflet-popup-content .padding .img{
    margin-top: 10px;
    height: 140px;
    overflow: hidden;
    position: relative;
}

.leaflet-popup-content .padding .img img{
    max-width: none;
    max-height: none;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.hide{display:none;}

.flex{
    display: flex;
    align-items: center;
}
.flexGrow{
    flex-grow: 1;
}

.map{height:350px;}

.errorExplain{
    box-sizing: border-box;
    background: #fcbbbb;
    padding: 3px 10px;
    border: solid 2px #DF2225;
    color: #DF2225;
    border-radius: 50px;
    margin: 10px;
    text-align: center;
    flex-shrink: 1;
    position: absolute;
    bottom: 100%;
    left: 0;
}
.blocExplain{
    color: #FFF;
    max-width: 500px;
    padding: 8px;
    margin: auto;
    text-align: center;
}
.explain{
    padding: 4px;
}
#msgPlaceholder{
    max-width: 500px;
    margin: auto;
}
.msgError .label{
    font-size: 14px;
    color: #df2226;
}
.msgError .img, .msgSuccess .img{
    margin-right:20px;
    flex-shrink:0;
}
.msgSuccess{
    background: #D4FDD9;
    border-color: #00901f;
}
.msgSuccess .label{
    color: #2BBFD6;
    font-size: 14px;
}


.bx-wrapper{
    margin: auto;
    position: relative;
}
.bx-controls{
    width: 100%;
    margin: auto;
    text-align:center;
    margin-top:0;
}

.bx-controls-direction a:nth-child(1){
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(calc(-50% - 10px));
}
.bx-controls-direction a:nth-child(2){
    position: absolute;
    right:-30px;
    top: 50%;
    transform: translateY(calc(-50% - 10px));
}
.bx-pager-link{
    display:inline-block;
    font-size:0;
    background:#062844;
    width:9px;
    height:9px;
    border-radius:9px;
    margin:3px 6px;
    opacity: .5;
    transition: .2s ease;
}
.bx-pager-link.active{background:#062844;opacity: 1;}
.bx-pager-item{display:inline}

/**************
**** Ajax  ****
***************/

.ajaxMsgPopup{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10001;
    width: 720px;
    max-width: 90%;
}

/**** Autocomplete ****/

.ui-widget.ui-widget-content{
    color: #062844;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 5px 15px rgb(6 40 68 / 15%);
    font-family: 'Poppins';
}

.ui-widget.ui-widget-content .ui-menu-item .ui-menu-item-wrapper{
    padding: 8px;
    border: none;
    font-weight: normal;
    font-size: 15px;
}

.ui-widget.ui-widget-content .ui-menu-item .ui-menu-item-wrapper:hover,
.ui-widget.ui-widget-content .ui-menu-item .ui-menu-item-wrapper:focus,
.ui-widget.ui-widget-content .ui-menu-item .ui-menu-item-wrapper:active{
    color: #062844;
    font-weight: normal;
    padding: 8px;
    font-size: 15px;
    background-color: #efefef;
}

/* Login page */
.listContainer.degree .flex>:first-child{display:none;}

/*******************
**** Forms ****
********************/
.formLine .cke{width:100%;border: none;}
.formLine{
    margin: 20px auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    position: relative;
}
.classic_form .contactInfo{
    display: flex;
    justify-content: space-between;
}

.classic_form .left,
.classic_form .right{
    width: 47%;
}

.radio_input{
    position: relative;
    padding: 8px 20px;
    border: 2px solid #D2D2D2;
    background-color: #fff;
    margin: 5px;
    transition: .3s;
    text-align: center;
    min-width: 100px;
}

.formLine .radio_input label{
    transition: .3s;
    color: #AFAFAF;
    font-weight: 500;
}

.radio_input.radio_checked label{
    color: #054C30;
}

.radio_input.radio_checked{
    border-color: #054C30;
    background-color: #C0CEC8;
}

.radio_input:first-of-type {
    margin-left: 0;
}

.radio_input input{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.input.datepick input{
    width: 140px;
}

.formLine.textShortEditor{
    width: 100%;
    max-width: 720px;
}
.formLine .input{
    position: relative;
    display: flex;
    align-items: center;
    flex-grow: 1;
}
.formLine img{
    height: 47px;
    width: auto;
    padding: 9px 14px;
    background-color: #f5f5f5;
    border-radius: 5px 0 0 5px;
    border-right: 1px solid #ddd;
}

.login_form form{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.formLine.pageBuilder img{
    height: auto;
    margin: 0;
    max-width: 100%;
}
.formLineBtn{
    margin: 30px 0 15px 0;
    width: 100%;
}
.formLineBtn input[type=submit]{
    padding: 12px 20px 12px 20px;
    margin: 0 auto;
    width: 200px;
}
.login_form .blocBtn{
    text-align: center;
    margin-top: 15px;
}
.login_form .blocBtn a{
    color: #062844;
    transition: .2s ease;
    font-size: 15px;
    text-decoration: underline;
}
.login_form .blocBtn a:hover{
    opacity: .8;
}

.sel .formLineBtn.fixed, .sel .buttonFixed{
    z-index:50;
}
.formLine label{
    font-weight: 500;
    color: #323232;
    margin-bottom: 4px;
}

.fieldExplain{
    font-size: 13px;
    font-weight: 300;
    color: #909090;
    display: block;
    margin-top: 20px;
}

.fieldExplain .required,
.formLine label .required{
    color: #F89826;
    
}

.formLine.quantity .input{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
}
.formLine.quantity .input .less, .formLine.quantity .input .more{
    background: #efefef;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    height: 40px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    text-align: center;
}
.formLine.quantity .input .more{border-left: 1px solid #ddd}
.formLine.quantity .input .less{border-right: 1px solid #ddd}
.formLine.quantity .input .less:hover, .formLine.quantity .input .more:hover{background-color: #ddd;}

.fieldExplain .required{
    font-size: 15px;
    font-weight: 500;
}

.classic_form h3{
    color: #929292;
    font-weight: 300;
    margin: 5px 0 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #B7B7B7;
}

.contactTitle{
    font-size: 30px;
    color: #323232;
    text-align: center;
}

.contactMap{
    max-width: 720px;
    margin: 0 auto 40px;
}

.helper{
    content: "";
    display: block;
    background: url(/img/question.png)no-repeat;
    background-size: contain;
    height: 18px;
    width: 18px;
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
}

.helperData{
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    left: calc(100% - 10px);
    background-color: #fff;
    bottom: calc(100% + 10px);
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    transition: .2s;
    padding: 15px;
    width: 270px;
    font-size: 14px;
    color: #004C30;
}

.helperData:after{
    content: "";
    display: block;
    position: absolute;
    top: calc(100% - 5px);
    left: 0px;
    width: 0px;
    height: 10px;
    border-top: solid 15px #fff;
    border-left: solid 0 transparent;
    border-right: solid 15px transparent;
}

.helper:hover .helperData{
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

/* 404 */

.error404 #main{
    background-color: rgba(244,196,44,.1);
    min-height: auto;
    overflow: visible;
}

.error404 #content .content_shrink .bloc.bg:after{
    content: none;
}

.error404 #content .content_shrink .bloc.bg .bloc.link{
    text-align: center;
}

.error404 #content .content_shrink .bloc.bg .bloc.link .linkBtn:hover{
    animation: inherit;
}

/* */

#ariane{
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
}

#ariane a {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 300;
    color: #062844;
    opacity: 0.7;
    transition: .2s;
    white-space: nowrap;
}

#ariane a:hover{
    opacity: 1;
}

#ariane a:after{
    content:"";
    display: block;
    background: url(/img/arrowNext.png)no-repeat;
    background-size: contain;
    width: 8px;
    height: 8px;
    margin-left: 7px;
    margin-right: 5px;
}

#ariane a:last-child:after{
    display: none;
}

/* Main Home */
#mainHome{
    padding: 30px;
    border-radius: 20px;
    background: linear-gradient(0deg, rgba(6,40,68,.9), rgba(6,40,68,.8));
    background-position: center center;
    background-size: cover;
    margin: 30px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: calc(100vh - 140px);
    position: relative;
    overflow: hidden;
}
#videoHome{
    position: absolute;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
}
#mainHome h1{
    font-family: 'Rubber';
    font-weight: normal;
    font-size: 60px;
    color: #F4AD2A;
    margin: 15px 0 0;
}
#mainHome .baseline{
    margin: 0;
    text-align: center;
    color: #fff;
    font-weight: 200;
    font-size: 18px;
}

#mainHome .test_cura{
    padding: 30px;
}

#mainHome .subtitle{
    font-size: 20px;
    text-align: center;
    margin-top: 0;
    font-family: 'Poppins';
    font-weight: 500;
    color: #fff;
}

#mainHome .link{
    text-align: center;
}

#mainHome .link .linkBtn{
    background-color: #fff;
    text-shadow: none;
    border: 2px solid #fff;
    font-size: 17px;
    padding: 10px 40px;
    color: #062844;
}

#mainHome .link .linkBtn:hover{
    background-color: transparent;
    color: #fff;
}

#mainHome #searchEngine{
    position: static;
    transform: inherit;
    width: 100%;
    margin: 0 auto;
}

#mainHome .search_cura{
    width: 100%;
}

#mainHome .search_cura p{
    margin: 0 0 5px;
    font-size: 14px;
    color: #ddd;
    font-weight: 300;
    text-align: center;
}

.lightgray{
    color: #888;
    font-weight: 300;
}

/* Paiement en ligne */

#all .PaylineWidget.pl-layout-column .pl-pmContainer{
    background-color: transparent;
    border: none;
}

#all .PaylineWidget.pl-layout-column .pl-pmContainer .pl-card-logos-container{
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid rgba(6,40,68,.3);
}

#all .PaylineWidget .pl-card-logo.pl-cb{
    background: url(/img/cb.svg)no-repeat;
    height: 20px;
    width: 20px;
    background-position: center center;
    background-size: contain;
}

#all .PaylineWidget .pl-card-logo.pl-visa{
    background: url(/img/visa.svg)no-repeat;
    height: 20px;
    width: 20px;
    background-position: center center;
    background-size: contain;
}

#all .PaylineWidget .pl-card-logo.pl-mastercard{
    background: url(/img/mastercard.svg)no-repeat;
    height: 20px;
    width: 20px;
    background-position: center center;
    background-size: contain;
}

#all .PaylineWidget.pl-container-default .pl-label-input{
    color: #062844;
    font-weight: 300;
    font-family: 'Poppins';
    margin-bottom: 0;
    margin-top: 10px;
}

#all .PaylineWidget .pl-failure .pl-reason,
#all .PaylineWidget .pl-onhold-partner .pl-reason,
#all .PaylineWidget .pl-payment-canceled .pl-reason,
#all .PaylineWidget .pl-payment-failure .pl-reason,
#all .PaylineWidget .pl-token-expired .pl-reason,
#all .PaylineWidget .pl-container-view .pl-manager .pl-message{
    font-weight: 400;
    font-family: 'Poppins';
}

#all .PaylineWidget .pl-failure .pl-btn,
#all .PaylineWidget .pl-token-expired .pl-btn{
    font-family: 'Poppins';
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 16px;
    background-color: #F4AD2A;
    text-shadow: 0 1px 3px rgb(0 0 0 / 40%);
    transition: .3s;
}

#all .PaylineWidget.pl-container-default .pl-pmContainer .pl-cardTypeIconContainer{
    display: none;
}

#all .PaylineWidget .pl-failure .pl-btn:hover,
#all .PaylineWidget .pl-token-expired .pl-btn:hover{
    background-color: #F59436;
}

#all .PaylineWidget .pl-icon-smiley-sad:before,
#all .PaylineWidget .pl-token-expired .pl-image{
    display: none;
}

#all .PaylineWidget .pl-paymentMethodLayout-view .pl-pmContainer .pl-paymentMethod-view .pl-form-container{
    display: flex;
    flex-wrap: wrap;
}

#all .PaylineWidget.pl-container-default .pl-pmContainer .pl-form-group.pl-has-card-icon{
    width: 100%;
}

#all .PaylineWidget.pl-container-default .pl-pmContainer .pl-form-group.pl-expirationDateContainer,
#all .PaylineWidget.pl-container-default .pl-pmContainer .pl-form-group.pl-cvvContainer{
    width: 49%;
}

#all .PaylineWidget.pl-container-default .pl-pmContainer .pl-form-group.pl-expirationDateContainer{
    margin-right: 1%;
}

#all .PaylineWidget.pl-container-default .pl-pmContainer .pl-form-group.pl-cvvContainer{
    margin-left: 1%;
}

#all .PaylineWidget .pl-pay-btn-container{
    margin: 20px auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

#all .PaylineWidget.pl-container-default .pl-pay-btn{
    padding: 10px 50px;
    background-color: #0FA870;
    font-family: 'Poppins';
    text-shadow: 0 0 2px rgb(0 0 0 / 40%);
    border-radius:4px;
    transition: .3s;
}

#all .PaylineWidget.pl-container-default .pl-pay-btn:hover,
#all .PaylineWidget.pl-container-default .pl-pay-btn:active,
#all .PaylineWidget.pl-container-default .pl-pay-btn:focus{
    box-shadow: none;
    background-color: #0FA870;
    opacity: .85;
}

#all .PaylineWidget .pl-icon-credit-card:before{
    content: "";
    display: block;
    background: url(/img/credit-card.svg)no-repeat;
    background-size: contain;
    height: 22px;
    width: 22px;
}

#all .PaylineWidget .pl-icon-date:before{
    content: "";
    display: block;
    background: url(/img/expire-date.svg)no-repeat;
    background-size: contain;
    height: 22px;
    width: 22px;
}

#all .PaylineWidget .pl-icon-cvv:before{
    content: "";
    display: block;
    background: url(/img/cryptogram.svg)no-repeat;
    background-size: contain;
    height: 22px;
    width: 22px;
}
/* Fin paiement */

.formLine input[type=file]{
    cursor: pointer;
}

.formLine.withLabel.pageBuilder{
    max-width: none;
    flex-direction: column;
    align-items: center;
}
.formLine.withLabel.pageBuilder label{
    border-right: solid 2px #999;
    line-height: 40px;
}

.sub_form .formLine.name:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/id-card.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.sub_form .formLine.email:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/mail.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.sub_form .formLine.profession:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/profession.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.sub_form .formLine.siret:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/siret.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.sub_form .formLine.phone:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/telephone.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.sub_form .formLine.zipCode:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/code-postal.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.sub_form .formLine.city:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/city.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.sub_form .formLine.address:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/adresse.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.login_form .formLine.email:before,
.login_form .formLine.password:before{
    content: none;
}

.slide[data-id=password] .formLine.password:before,
.sub_form .formLine.password:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/padlock.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.sub_form .formLine input{
    padding: 12px 20px 12px 65px;
}

.errorExplain{
    box-sizing: border-box;
    background: #fae5e5;
    padding: 6px;
    border: none;
    margin: 10px;
    border-radius: 5px;
    text-align: center;
    flex-shrink: 1;
    margin: auto;
    margin-top: -15px;
}
.blocExplain{
    color: #FFF;
    max-width: 500px;
    padding: 8px;
    margin: auto;
    text-align: center;
}
.explain{
    padding: 4px;
}

#msgPlaceholder{
    max-width: 500px;
    margin: auto;
}
.msgError, .msgSuccess{
    background: #FFEBEB;
    padding: 0 10px;
    margin: 10px;
    display: flex;
    align-items: center;
    border-radius: 15px;
}
.msgError{
    box-shadow: 0 0 15px rgb(223 34 38 / 15%);
}
.msgError .img, .msgSuccess .img{
    margin-right:20px;
    flex-shrink:0;
}
.msgSuccess{
    background: #EEFEFF;
    border-radius: 15px;
    box-shadow: 0 0 15px rgb(43 191 214 / 15%);
}
.bloc_btn {
    margin-top: 40px;
    display: flex;
}
.bloc_btn a{
    width:100%;
    flex-grow: 1;
    flex-shrink: 1;
    text-align:center;
}

.pageBuilderContainer{
    background: #FFF;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    position:relative;
}
.pageBuilder .droppable{
    border:solid 2px rgba(0,0,0,0);
    min-height:50px;
    padding:10px;
    position: relative;
}
.pageBuilder .ui-droppable-hover{
    border: dashed 2px #f26322;
}
#pageBuilderEdit, #updateImagesForm{
    background: rgba(0,0,0,0.8);
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
    bottom: 0;
    z-index: 1002;
    display:none;
    opacity:0;
    justify-content: center;
    align-items: center;
}
#pageBuilderEdit .container, #updateImagesForm .container{
    background: #AAA;
    max-width:900px;
    max-height:80%;
    padding: 20px;
    overflow: auto;
}

#pageBuilderEdit .container .textEditor{
    width:800px;
    max-width:100%;
}
.addableBloc{
    position: fixed;
    background: #FFF;
    left: 0;
    top: 0px;
    width: 290px;
    bottom: 0;
    z-index: 1000;
    overflow: auto;
}
.addableBloc .container{
    position:relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.addableVignette{
    margin:10px;
    text-align:center;
    cursor:pointer;
    min-width: 70px;
}
.addableVignette .label{
    background: #333;
    color: #FFF;
    padding: 8px;
}
.addableVignette .img{
    width:50px;
    height:50px;
}
.addableVignette img{
    width:100%;
    height:100%;
    object-fit: contain;
}
.addableBloc .close{
    position: absolute;
    top: 5px;
    right: 5px;
}

.pageBuilderContainer .bloc{
    position:relative;
    border: solid 1px rgba(0,0,0,0);
    padding:5px;
}
.pageBuilderContainer .bloc::after{
    content: "";
    background:url("/img/admin/icon-update.png");
    background-size: contain;
    display:none;
    width:20px;
    height:20px;
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
}
.pageBuilderContainer .bloc.hover{
    border: solid 1px #9ed29e;
}
.pageBuilderContainer .bloc.hover::after{
    display:block;
}
.pageBuilderContainer .bg{
    background: #ffffbf;
}
.pageBuilderContainer .twin{
    display: flex;
    align-items: flex-start;
}
.pageBuilderContainer .twin[data-alignment='center']{
    align-items: center;
}
.pageBuilderContainer .twin[data-alignment='flex-end']{
    align-items: flex-end;
}
.pageBuilderContainer .twin .subTwin{
    width:50%;
    flex-grow: 1;
    flex-shrink: 1;
    background: rgba(0,0,0,0.1);
    margin: 10px;
}
.pageBuilderContainer .head{
    background: #333;
    color: #FFF;
    padding: 4px 8px;
    font-size: 20px;
}
.pageBuilderContainer .gallery{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.pageBuilderContainer .gallery .img{
    width:30%;
}
.pageBuilderContainer .image{
    text-align:center;
}
.pageBuilderContainer .video{
    background: rgba(0,0,0,0.1);
    padding:20px;
}
.pageBuilderContainer .video .img{
    width: 70px;
    margin: auto;
}

.adminMedia{
    padding:5px;
    position: relative;
    width: 300px;
    margin: 10px auto;
}

.adminMedia.file{
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(6,40,68,.1);
}

.adminMedia.file .image{
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
}
.adminMedia.file .filename{
    text-align: left;
}

.formLine .adminMedia.file .image img{
    border: none;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
}

.adminMedia .image{
    width: 100%;
    text-align:center;
    margin: auto;
}
.formLine .adminMedia .image img{
    width: 100%;
    height: auto;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}
.adminMedia .filename{
    text-align:center;
}
.adminMedia .delete{
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    background: url(/img/close_cross.png)no-repeat;
    background-size: 50%;
    background-position: center center;
    background-color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}

.overlay{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    backdrop-filter: blur(10px);
    z-index: 10001;
    opacity: 0;
    visibility: hidden;
    transition: .4s ease;
}
.overlay.show{
    opacity: 1;
    visibility: visible;
}

.float{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

/* On scroll trigger animation */
@media all and (min-width: 1001px){
    .animatable {visibility: hidden;-webkit-animation-play-state: paused;   -moz-animation-play-state: paused;-ms-animation-play-state: paused;-o-animation-play-state: paused;animation-play-state: paused;}
    .animated.delay1{animation-delay: .2s}
    .animated.delay2{animation-delay: .4s}
    .animated.delay3{animation-delay: .6s}
    .animated {visibility: visible;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-ms-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-play-state: running;-moz-animation-play-state: running;-ms-animation-play-state: running;-o-animation-play-state: running;animation-play-state: running;}
    @-webkit-keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translateY(-20px);}	100% {opacity: 1;-webkit-transform: translateY(0);}}
    @-moz-keyframes fadeInDown {0% {opacity: 0;-moz-transform: translateY(-20px);}100% {opacity: 1;-moz-transform: translateY(0);}}
    @-o-keyframes fadeInDown {0% {opacity: 0;-o-transform: translateY(-20px);}100% {opacity: 1;-o-transform: translateY(0);}}
    @keyframes fadeInDown {0% {opacity: 0;transform: translateY(-20px);}100% {opacity: 1;transform: translateY(0);}}
    @-webkit-keyframes fadeIn {0% {opacity: 0;}20% {opacity: 0;}100% {opacity: 1;}}
    @-moz-keyframes fadeIn {0% {opacity: 0;}20% {opacity: 0;}100% {opacity: 1;}}
    @-o-keyframes fadeIn {0% {opacity: 0;}20% {opacity: 0;}100% {opacity: 1;}}
    @keyframes fadeIn {0% {opacity: 0;}60% {opacity: 0;}20% {opacity: 0;}100% {opacity: 1;}}
    @-webkit-keyframes bounceInLeft {0% {opacity: 0;-webkit-transform: translateX(-2000px);}60% {-webkit-transform: translateX(20px);}80% {-webkit-transform: translateX(-5px);}100% {opacity: 1;-webkit-transform: translateX(0);}}
    @-moz-keyframes bounceInLeft {0% {opacity: 0;-moz-transform: translateX(-2000px);}60% {-moz-transform: translateX(20px);}80% {-moz-transform: translateX(-5px);}100% {opacity: 1;-moz-transform: translateX(0);}}
    @-o-keyframes bounceInLeft {0% {opacity: 0;-o-transform: translateX(-2000px);}60% {opacity: 1;-o-transform: translateX(20px);}80% {-o-transform: translateX(-5px);}100% {opacity: 1;-o-transform: translateX(0);}}
    @keyframes bounceInLeft {0% {opacity: 0;transform: translateX(-2000px);}60% {transform: translateX(20px);}80% {transform: translateX(-5px);}100% {opacity: 1;transform: translateX(0);}}
    @-webkit-keyframes bounceInRight {0% {opacity: 0;-webkit-transform: translateX(2000px);}60% {-webkit-transform: translateX(-20px);}80% {-webkit-transform: translateX(5px);}100% {opacity: 1;-webkit-transform: translateX(0);}}
    @-moz-keyframes bounceInRight {0% {opacity: 0;-moz-transform: translateX(2000px);}60% {-moz-transform: translateX(-20px);}80% {-moz-transform: translateX(5px);}100% {opacity: 1;-moz-transform: translateX(0);}}
    @-o-keyframes bounceInRight {0% {opacity: 0;-o-transform: translateX(2000px);}60% {-o-transform: translateX(-20px);}80% {-o-transform: translateX(5px);}100% {opacity: 1;-o-transform: translateX(0);}}
    @keyframes bounceInRight {0% {opacity: 0;transform: translateX(2000px);}60% {transform: translateX(-20px);}80% {transform: translateX(5px);}100% {opacity: 1;transform: translateX(0);}}
    @-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(20px);}	100% {opacity: 1;-webkit-transform: translateY(0);}}
    @-moz-keyframes fadeInUp {0% {opacity: 0;-moz-transform: translateY(20px);}100% {opacity: 1;-moz-transform: translateY(0);}}
    @-o-keyframes fadeInUp {0% {opacity: 0;-o-transform: translateY(20px);}100% {opacity: 1;-o-transform: translateY(0);}}
    @keyframes fadeInUp {0% {opacity: 0;transform: translateY(20px);}100% {opacity: 1;transform: translateY(0);}}
    .animated.bounceInRight {-webkit-animation-name: bounceInRight;-moz-animation-name: bounceInRight;-o-animation-name: bounceInRight;animation-name: bounceInRight;}
    .animated.bounceInLeft {-webkit-animation-name: bounceInLeft;-moz-animation-name: bounceInLeft;-o-animation-name: bounceInLeft;animation-name: bounceInLeft;}
    .animated.fadeIn {-webkit-animation-name: fadeIn;-moz-animation-name: fadeIn;-o-animation-name: fadeIn;animation-name: fadeIn;}
    .animated.fadeInDown {-webkit-animation-name: fadeInDown;-moz-animation-name: fadeInDown;-o-animation-name: fadeInDown;animation-name: fadeInDown;}
    .animated.fadeInUp {-webkit-animation-name: fadeInUp;-moz-animation-name: fadeInUp;-o-animation-name: fadeInUp;animation-name: fadeInUp;}
}
/* Fin animation on scroll */

.formLine.files.document{
    height: 134px;
    margin-top: 50px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='rgb(192,206,200)' stroke='rgb(5,76,48)' stroke-width='6' stroke-dasharray='14%2c 20' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    padding: 20px;
    justify-content: inherit;
}

.formLine.files.document label{
    display: flex;
    align-items: center;
    color: #054C30;
    font-weight: 600;
    margin-bottom: 10px;
}

.formLine.files.document .fileInfo{
    color: #054C30;
    font-size: 14px;
    font-weight: 300;
    margin: 5px 0;
}

.formLine.files.document label:before{
    content: "";
    display: block;
    height: 30px;
    width: 30px;
    margin-right: 7px;
    background: url(/img/upload.png)no-repeat;
    background-size: contain;
    transition: .2s ease;
}

.formLine.files.document:hover label:before{
    transform: translateY(-5px);
}

.upload{width: 100%;margin: auto;max-width: 300px;}
.upload input.hidden{opacity:0;position:absolute;width:0px;height:0px;overflow:hidden;display:block;}
.upload .drop{position: absolute;left: 0;top: 0;cursor: pointer;width: 100%;height: 100%;text-indent: -9999px;}
.over .drop, .drop.over{border: dashed 3px #E57C07;}
.upload .files .file{
    color: #054C30;
    position: absolute;
    top: calc(100% - 15px);
    font-weight: 500;
    right: 0;
    background-color: #fff;
    padding: 10px;
    z-index: 1;
    box-shadow: 0 5px 15px rgb(0 0 0 / 15%);
    font-size: 14px;
}
.upload .files .file progress{width:100%;background: #0FA870;height: 10px;position: relative;}
.upload .files .file.done progress{background:#0FA870;}
.upload .files .file.done progress::-webkit-progress-value{background:#0FA870;}
.upload .files .file.done progress::-moz-progress-bar{background:#0FA870;}
.upload .files .file.error progress{background:#ff6a6a;border-radius: 30px;}
.upload .files .file.error progress::-webkit-progress-value{background:#ff6a6a;}
.upload .files .file.error progress::-moz-progress-bar{background:#ff6a6a;}
.upload .files .after .img{width:75px;text-align:center;float:left;}
.upload .files .after .img img{max-width:100%;max-height:100px;}
.upload .files .after .div_alt{width:200px;float:right;text-align: right;}
.upload .files .file progress:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
}
/**************
**** AdminAjax  ****
***************/

.ajaxMsgPopup #priceEngineData .content {
    font-family: 'Poppins';
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
    background-color: rgba(141,198,196,.1);
    border-radius: 5px;
    color: #062844;
    padding: 10px;
}

.insideActions{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    max-width: 750px;
    margin: auto;
    margin-bottom: -15px;
}
.insideActions > div{
    margin-left : 10px;
    background:#f5f5f5;
}
.insideActions  a{
    display: inline-block;
    padding: 5px 5px 1px 5px;
    text-align: center;
}

#otherApply{
    background-color: rgba(0,76,48,.15);
    padding: 70px 50px;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#otherApply .label{
    font-weight: 800;
    font-size: 26px;
    text-align: center;
    color: #323232;
    width: 50%;
    margin-top: 0;
}

#overlaySearchEngine .btn .secondBtn,
.secondBtn{
    background-color: transparent;
    color: #062844;
    text-shadow: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    opacity: .8;
    font-size: 14px;
}

#overlaySearchEngine .btn #searchConnexion{
    font-size: 16px;
    padding: 12px 30px;
}

.secondBtn:after,
#overlaySearchEngine .btn .secondBtn:after{
    content: "";
    display: inline-block;
    background: url(/img/chevron_menu.svg)no-repeat;
    background-size: contain;
    height: 13px;
    width: 13px;
    margin-left: 7px;
    transition: .2s;
    transform: rotate(-90deg);
}

#overlaySearchEngine .btn .secondBtn:hover,
.secondBtn:hover{
    opacity: 1;
    background-color: transparent;
}
.secondBtn:hover:after,
#overlaySearchEngine .btn .secondBtn:hover:after{
    transform: rotate(-90deg) translateY(5px);
}

/* Page Builder */

.squareBlocContainer{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
@media all and (min-width: 1000px){
    .squareBlocContainer.num_6 .bloc.squareBloc,
    .squareBlocContainer.num_3 .bloc.squareBloc{
        width: calc(33.33333% - 10px);
    }
    .squareBlocContainer.num_2 .bloc.squareBloc{
        width: calc(50% - 10px);
    }
    .squareBlocContainer.num_5 .bloc.squareBloc:nth-last-of-type(-n+2){
        width: calc(50% - 10px);
    }
    .squareBlocContainer.num_5 .bloc.squareBloc:nth-of-type(-n+3){
        width: calc(33.33333% - 10px);
    }
    #menu .submenu a:hover{
        background-color: #f5f5f5;
    }
}



.bloc.squareBloc {
    width: calc(25% - 10px);
    height: 0;
    padding: 10px;
    padding-bottom: calc(25% - 20px);
    position: relative;
    overflow: hidden;
    margin: 5px;
}

.bloc.squareBloc:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    pointer-events: none;
    z-index: 1;
    transition-timing-function: cubic-bezier(0,.53,.41,1);
    transition: .3s;
}

.bloc.squareBloc:hover:before{
    background-color: rgba(0,76,48,.7);
}

.bloc.squareBloc .title{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    font-size: 22px;
    width: 100%;
    padding: 0 10px;
}

.bloc.squareBloc .title:before{
    content: "";
    display: block;
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    height: 3px;
    background-color: #fff;
    width: 0;
    transition-timing-function: cubic-bezier(0,.53,.41,1);
    transition: .3s;
}

.bloc.squareBloc:hover .title:before{
    width: 50px;
}

.bloc.squareBloc img{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    right: 10px;
    bottom: 0;
    height: 100%;
    width: auto;
}

.bloc.bg{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    margin: 60px 0;
    position: relative;
}

.bloc.bg.transparent{
    margin: 60px 5px;
}

.bloc.bg:after{
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background-color: rgba(244,196,44,.1);
}

.bloc.bg.green:after{
    background-color: rgba(0,76,48,.1);
}
.bloc.bg.gray:after{
    background-color: #E7E7E7;
}
.bloc.bg.yellow:after{
    background-color: rgba(248,152,38,.1);
}
.bloc.bg.transparent:after{
    background-color: transparent;
}

.bloc.bg .bloc.link{
    margin-bottom: 50px;
}

.bloc.bg .bloc.link:last-of-type {
    margin-bottom: 20px;
}

.bloc.bg .bloc.link .linkBtn{
    max-width: 340px;
    margin-top: 15px;
}

.bloc.bg.yellow .bloc.link .linkBtn{
    background-color: #F89826;
}

.bloc.bg .bloc.twin .bloc.title h2{
    margin-top: 0;
}


.bloc.bg .bloc.title h2{
    margin-bottom: 10px;
    text-align: center;
}
.bloc.bg .twin .bloc.title h2{
    text-align: left;
}

.bloc.bg .bloc.text{
    margin-bottom: 10px;
    text-align: center;
}
.bloc.bg .twin .bloc.text{
    text-align: left;
}

.bloc.subtitle h3{
    margin: 50px 5px 0 5px;
    font-size: 28px;
    font-weight: 200;
    color: #323232;
}

.articleContainer{
    margin: 60px 5px;
}

.bloc.article{
    display: flex;
    justify-content: center;
}

.bloc.article .content,
.bloc.article .img{
    width: 50%;
}
.bloc.article ul{
    text-align: left;
}
.bloc.article .content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #E7E7E7;
    padding: 80px 20px;
    text-align: center;
    position: relative;
}
.bloc.article .content h2,
.bloc.article .content h3{
    margin: 0;
}
.bloc.article .content h2{
    font-size: 30px;
}
.bloc.article .content h3{
    font-weight: 200;
    color: #929292;
    font-size: 24px;
}
.bloc.article .img{
    position: relative;
}
.bloc.article .img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    object-fit: cover;
}
.bloc.article .text{
    margin: 20px 0 30px;
}
.bloc.article:nth-of-type(even){
    flex-direction: row-reverse;
}

.bloc.article .fileList{
    position: absolute;
    bottom: 10px;
    right: 15px;
}
.bloc.articleSmall .fileList a,
.bloc.article .fileList a{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    color: #aaaaaa;
    white-space: nowrap;
    transition: .2s;
    user-select: none;
}

.bloc.articleSmall .fileList a{
    color: #F89826;
    justify-content: flex-start;
}

.bloc.article .fileList a:hover{
    color: #F89826;
}
.bloc.articleSmall .fileList a img,
.bloc.article .fileList a img{
    margin-right: 5px;
    width: 22px;
    height: 22px;
    transition: .2s;
    filter: grayscale(1);
}

.bloc.articleSmall .fileList a img{
    filter: inherit;
}

.bloc.article .fileList a:hover img{
    filter: grayscale(0);
}

.bloc.banner{
    width: 100vw;
    position: relative;
    left: calc(-50vw + 50%);
    height: 300px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.bloc.banner:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 1;
}
.bloc.banner .img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bloc.banner .title{
    font-weight: 700;
    color: #fff;
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 40px;
    text-shadow: 0 0 5px rgb(0 0 0 / 40%);
    text-align: center;
}
.bloc.banner .content{
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.explain_baseline{
    padding: 0 0 0 20px;
    background-color: #DEDEDE;
    color: #004C30;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    margin: 1em 5px;
}
.explain_baseline .help{
    margin: auto 0;
    display: inline-block;
    padding: 10px;
}
.explain_baseline .help:before{
    content: "";
    display: block;
    height: 19px;
    width: 19px;
    min-height: 19px;
    min-width: 19px;
    margin-right: 10px;
    background: url(/img/information.png)no-repeat;
    background-size: contain;
    float: left;
    margin-top: 3px;
}

.explain_baseline .linkBtn{
    white-space: nowrap;
    padding: 12px 20px;
}

.explain_baseline .linkBtn:after{
    content: none;
}

.bloc.twin .bloc.title{
    margin: 0;
}

.bloc.title{
    text-align: center;
    padding-top: 20px;
    margin: 0 5px;
}

.subTwin .bloc.title{
    text-align: left;
}

.bloc.title h3{
    color: #929292;
    font-weight: 300;
    margin-top: -10px;
    margin-bottom: 30px;
    font-size: 18px;
}

.articleSmallContainer{
    display: flex;
    justify-content: space-between;
    margin: 0 5px 60px;
}
.bloc.articleSmall {
    width: calc(33% - 10px);
    background-color: #E7E7E7;
}

.bloc.articleSmall .img{
    height: 200px;
    overflow: hidden;
}

.bloc.articleSmall .content{
    padding: 15px;
}
.bloc.articleSmall .content ul{
    padding-left: 20px;
}
.bloc.articleSmall .content .title{
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    position: relative;
}
.bloc.articleSmall .content .head{
    padding: 4px 0;
}
.bloc.articleSmall .content .title:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 8px;
    height: 1px;
    width: 100px;
    background-color: #F89826;
}

.bloc.articleSmall .content p{
    color: #656565;
}

.bloc.twin .bloc.bg{
    padding: 20px;
    height: 100%;
    display: block;
    margin: 0;
}

.bloc.twin .bloc.bg .bloc.text{
    text-align: left;
}

.bloc.twin .bloc.bg .bloc.text ol{
    padding-left: 75px;
}

.bloc.twin .bloc.bg .bloc.text ol li::marker{
    font-size: 50px;
    font-weight: 800;
    letter-spacing: 7px;
    color: #F89826;
}

ul li::marker{
    color: #F89826;
}

.bloc.twin .subTwin:nth-of-type(even) .bloc.bg .bloc.text ol li::marker{
    color: #004C30;
}

.bloc.twin .bloc.bg .bloc.text ol li{
    margin: 20px 0;
    color: #656565;
    font-size: 17px;
}

.bloc.twin .bloc.bg:after{
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    transform: inherit;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #E7E7E7;
}

.bloc.bg .bloc.subtitle h3{
    text-transform: uppercase;
    color: #929292;
    margin: 0 0 20px;
}

.bloc.bg .bloc.twin{
    margin: 0;
}
.bloc.twin{
    display: flex;
    justify-content: space-between;
    margin: 0 5px 50px;
}

.bloc.twin.center{align-items: center;}
.bloc.twin.flex-start{align-items: flex-start;}
.bloc.twin.flex-end{align-items: flex-end;}

.subTwin{
    width: calc(50% - 20px);
}

.bloc.bg .bloc.twin .bloc.image .img{
    text-align: center;
}

.bloc.bg .bloc.twin .bloc.image img{
    max-height: 450px;
}

.sliderContainer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 60px;
    padding: 0 30px;
    position: relative;
}
.sliderContainer .viewport{
    position: relative;
    overflow: hidden;
    height: 370px;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.sliderContainer .scrollView{
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
    padding: 25px 0;
}
.bloc.slider.picto.slideActive,
.bloc.slider.picto.slideActiveClone,
.bloc.slider{
    display:inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 1%;
    width: 23%;
    height: 200px;
    transition: height .5s;
    font-size: 14px;
}
.bloc.slider.picto{
    text-align: center;
}
.bloc.slider.picto .pictoItems{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.bloc.slider.picto .title{
    color: #004C30;
    font-weight: 500;
    font-size: 16px;
}

.bloc.slider.picto .img{
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

.bloc.slider .bloc.title h2,
.bloc.slider .bloc.subtitle h3,
.bloc.slider .bloc.text p{
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    white-space: normal;
    text-align: left;
}

.bloc.slider .bloc.title,
.bloc.slider .bloc.subtitle,
.bloc.slider .bloc.text{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 50%;
    margin: 0;
    padding: 10px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: .4s;
    display: flex;
    align-items: flex-end;
    background: rgb(0,0,0);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
}


.bloc.slider.slideActive, .bloc.slider.slideActiveClone{
    width: 48%;
    height: 350px;
    overflow: hidden;
}

.bloc.slider.slideActive .bloc.title,
.bloc.slider.slideActive .bloc.subtitle,
.bloc.slider.slideActive .bloc.text,
.bloc.slider.slideActiveClone .bloc.title,
.bloc.slider.slideActiveClone .bloc.subtitle,
.bloc.slider.slideActiveClone .bloc.text{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: .4s;
}

.bloc.slider .bloc.image,
.bloc.slider .bloc.image .img,
.bloc.slider .bloc.image .img img{
    height: 100%;
}

.bloc.slider .bloc.image .img img{
    object-fit: cover;
}

.control_prev,
.control_next{
    min-height: 32px;
    min-width: 32px;
    max-height: 32px;
    max-width: 32px;
    padding: 2px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.control_prev{left: 0;}
.control_next{right: 0;}

.phoneContainer{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 50px;
}

.bloc.phone{
    width: calc(33% - 30px);
    margin: 20px 0;
}

.bloc.phone .number{
    padding: 7px;
    font-weight: 600;
    color: #004C30;
    font-size: 18px;
    text-align: center;
    background-color: #C0CEC8;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bloc.phone .number a{
    color: #004C30;
}
.bloc.phone .number:before{
    content: "";
    display: block;
    height: 24px;
    width: 24px;
    margin-right: 10px;
    background: url(/img/telephone-v2.png)no-repeat;
    background-size: contain;
}
.bloc.phone .title{
    font-size: 13px;
    text-align: center;
    margin-top: 5px;
    font-weight: 300;
    color: #929292;
}

.bloc.html{
    width: 100%;
}
.bloc.html table{
    width: 100%;
    border-spacing: 0;
}

.bloc.html .responsiveTable{
    display: none;
}
.bloc.html .responsiveTable .formuleWrapper{
    padding: 10px 30px;
    width: 50%;
    margin: 15px 0;
}
.bloc.html .responsiveTable h4{
    margin: 10px 0;
}
.bloc.html .responsiveTable p{
    margin: 5px 0;
    font-size: 15px;
    display: flex;
    align-items: flex-start;
}
.bloc.html .responsiveTable p:before{
    content: "";
    display: block;
    background: url(/img/ext/oui.png)no-repeat;
    background-size: contain;
    height: 16px;
    width: 16px;
    margin-right: 7px;
    margin-top: 3px;
}
.bloc.html table td{
    padding: 10px;
    border: 0.5px solid #bbb;
    text-transform: uppercase;
    font-size: 14px;
    color: #555;
}
.bloc.html table th{
    border: 0.5px solid #bbb;
    padding: 10px 5px;
    font-size: 14px;
    font-weight: 600;
}
.bloc.html table td.yes{
    background: url(/img/ext/oui.png) no-repeat;
    background-size: 18px 18px;
    background-position: center center;
}
.bloc.html table td.no{
    background: url(/img/ext/non.png) no-repeat;
    background-size: 18px 18px;
    background-position: center center;
}

.bloc.html table tbody tr:nth-child(even){
    background-color: rgba(0,0,0,.05);
}


/* Fin page builder */

.linkHelper{
    display: flex;
    justify-content: flex-start;
}
.linkHelper a{
    max-width:300px;
    padding: 0;
    color: #004C30;
    background-color: transparent;
    font-weight: 500;
    text-decoration: underline;
    margin-top: -15px;
}
.linkHelper a:after{content: none;}
.linkHelper a:hover{opacity: .6;background-color: transparent;color: #004C30;}
/* CSS specific */

.bloc.imageMultiple .img{
    position: relative;
}

.bloc.imageMultiple .img img.sel{
    position: static;
    opacity: 1;
    pointer-events: auto;
}

.bloc.imageMultiple .img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
}
.zoneSelect{
    display: flex;
    flex-wrap: wrap;
}
.zoneSelect p{
    margin: 5px;
    padding: 10px 20px;
    background-color: #f9f9f9;
    cursor: pointer;
    font-size: 14px;
    border: 2px solid #f2f2f2;
    font-weight: 500;
}

.zoneSelect p.sel{
    border-color: rgba(0,76,48,.5);
    background-color: rgba(0,76,48,.1);
    color: #004C30;
}

/* Fin CSS specific */

/**************
**** praticiensLogin ****
***************/
.praticienslogin #main{
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.slideContainer{
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow: hidden;
    flex-shrink: 0;
}
.slideContainer .slide{
    width: 100%;
    flex-shrink: 0;
    padding: 5px;
}
.login_form{
    margin: 40px auto auto;
    background-color: #e2e2e2;
    padding: 20px;
    border-radius: 10px;
}
.login_form .formLine input{
    border-radius: 0 5px 5px 0;
    outline: none;
    height: 47px;
}
.login_form h1, .classic_form h1{
    padding: 10px;
    color: #062844;
    font-size: 28px;
    width: 100%;
}
.login_form .padding{
    padding: 20px 40px;
}
#all.praticienslogin .content_shrink{
    background: none;
    max-width:none;
}
#all.praticienslogin #logo{
    max-width: 400px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index:50;
}
#all.praticienslogin .head{display:none;}
#all.praticienslogin #content{flex-grow:0;}
.page_msg form, .page_msg .explain{display:none;}


/* Header home */
header{
    display: flex;
    flex-direction: column;
    padding: 10px;
    z-index: 1000;
    position: relative;
}
.subHeader{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.upHeader{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}
.upHeader .sep{
    width: 1px;
    background-color: #BBBBBB;
}
.upHeader a{
    margin: 0 20px;
    color: #004C30;
    font-size: 13px;
    display: flex;
    align-items: center;
}
.upHeader a:before{
    content: "";
    display: block;
    height: 15px;
    width: 15px;
    margin-right: 7px;
    transition: .2s;
}
.upHeader a:hover:before{
    transform: translateY(-3px);
}
.upHeader .boutiqueLink{display: none;}
.upHeader .sep:first-of-type{display: none;}
#header .responsive_icons .panierLink{display: none;}
.responsive_icons .panierLink,
.upHeader a.basketLink:before, .upHeader a.boutiqueLink:before{
    background: url(/img/shopping-cart.png)no-repeat center;
    background-size: contain;
}
.responsive_icons .connexionLink,
.upHeader a.connexionLink:before{
    background: url(/img/connexion.png)no-repeat center;
    background-size: contain;
}
.responsive_icons .phoneLink,
.upHeader a.phoneLink:before{
    background: url(/img/telephone-v.png)no-repeat center;
    background-size: contain;
}
.responsive_icons .devisLink,
.upHeader a.devisLink:before{
    background: url(/img/devis.png)no-repeat center;
    background-size: contain;
}
.responsive_icons{
    display: none;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.responsive_icons a{
    display: block;
    height: 19px;
    width: 19px;
    margin: 0 20px;
}

header #bigHead:before{
    content: "";
    display: block;
    height: 200px;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(23,23,23,0.3) 0%, rgba(23,23,23,0) 100%);
    z-index: 1;
}
header #bigHead{
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
}
header #bigHead .img img{
    min-width: 100%;
    width: auto;
    height: auto;
}
.header_searchEngine{
    position: relative;
}

.header_simple #menu{
    position: static;
}

.header_simple header{
    justify-content: space-between;
    align-items: center;
    overflow: visible;
    background-color: #062844;
    box-shadow: 0 2px 20px rgb(0 0 0 / 20%);
}

.subHeader .more{
    display: none;
}

#menu div.menu_link{
    transition: .3s;
    cursor: pointer;
    display: flex;
    align-items: center;
}
#menu div.menu_link:after{
    content: "";
    display: block;
    background: url(/img/chevron_menu.svg)no-repeat;
    height: 15px;
    width: 15px;
    margin-left: 10px;
    transition: .3s;
}
#menu div.menu_link:hover:after{
    transform: rotate(180deg);
}

.submenu{
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 1000;
    min-width: 240px;
    left: 50%;
    background-color: #fff;
    box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
    top: calc(100% + 1px);
    width: 100%;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) translateX(-50%);
    overflow: hidden;
    pointer-events: none;
}
@media all and (min-width: 1000px){
    #menu div.menu_link:hover .submenu{
        opacity: 1;
        visibility: visible;
        transform: translateY(0) translateX(-50%);
        pointer-events: inherit;
    }
}

#menu .submenu a{
    padding: 10px 15px;
    margin: 0;
}

#menu .submenu a:after{
    content: none;
}

.jobOffersHome{
    background-color: rgba(0,76,48,.15);
    margin: 50px 5px;
    padding: 20px;
    text-align: center;
}

.jobOffersHome h2{
    font-weight: 600;
}

.jobOffersHome .offers{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.jobOffersHome .offers .offer{
    padding: 15px;
    background-color: #fff;
    width: calc(50% - 10px);
    text-align: left;
    margin-bottom: 20px;
    transition: .3s;
}

.jobOffersHome .offers .offer:hover{
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
}

.jobOffersHome .offers .offer a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.jobOffersHome .offers .offer p{
    margin: 0;
}

.jobOffersHome .offers .offer .title{
    width: calc(100% - 80px);
    font-weight: 600;
}

.jobOffersHome .offers .offer .city{
    font-size: 14px;
    font-weight: 600;
    color: #F89826;
    margin-top: 5px;
    width: 100%;
}

.jobOffersHome .offers .offer .type{
    text-transform: uppercase;
    background-color: rgba(0,76,48,.15);
    color: #004C30;
    padding: 4px 8px;
    font-weight: 600;
    font-size: 15px;
}

.jobOffersPage .offers .offer .img{
    height: 160px;
    position: relative;
    overflow: hidden;
}

.jobOffersPage .categories{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.jobOffersPage .categories .filter{
    padding: 7px 15px;
    background-color: rgba(0,76,48,.2);
    color: #fff;
    margin: 7px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;
    transition: .3s;
    user-select: none;
}

.jobOffersPage .categories .filter.sel{
    background-color: #004C30;
}

/* Page recrutements */
.jobOffersPage{
    margin: 50px 0;
}
.jobOffersPage .offers{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 40px;
}

.jobOffersPage .offers .offer{
    background-color: #E7E7E7;
    width: calc(33% - 3%);
    margin: 10px 1.5%;
}

.jobOffersPage .offers .offer .content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px 15px 10px;
}

.jobOffersPage .offers .offer .title{
    color: #323232;
    font-weight: 600;
    width: 100%;
}

.jobOffersPage .offers .offer .type{
    text-transform: uppercase;
    background-color: rgba(0,76,48,.15);
    color: #004C30;
    padding: 4px 8px;
    font-weight: 600;
    font-size: 15px;
    margin: 5px 0;
}

.jobOffersPage .offers .offer .city{
    font-weight: 600;
    color: #F89826;
    font-size: 14px;
    margin: 5px 0;
}

/* Page de l'offre */
#jobOfferPage{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 50px;
}

#jobOfferPage .left{
    width: calc(100% - 400px);
}

#jobOfferPage .left .bloc.title{
    text-align: left;
}

#jobOfferPage .left .linkBtn{
    width: 320px;
}

#jobOfferPage .right{
    width: 360px;
    padding-top: 35px;
}

#jobOfferPage .right .jobInfo .label{
    color: #929292;
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 11px;
}
#jobOfferPage .right .jobInfo{
    background-color: #e7e7e7;
    padding: 15px 10px;
    margin: 15px 0;
    position: relative;
}

#jobOfferPage .right .jobInfo .value{
    display: flex;
    align-items: center;
    color: #004C30;
    font-weight: 600;
    font-size: 17px;
}

#jobOfferPage .right .jobInfo .img{
    width: 36px;
    margin-right: 20px;
}

#jobOfferPage .right .linkBtn{
    width: 220px;
    margin: 0 auto;
}

#jobOfferPage.apply{
    display: block;
    position: relative;
}

#jobOfferPage.apply .right{
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    display: block;
}

#jobOfferPage.apply .jobInfoSmall{
    margin: 15px 0;
}

#jobOfferPage.apply .jobInfoSmall .value{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    color: #004C30;
    font-size: 14px;
}

#jobOfferPage.apply .jobInfoSmall .value .img{
    width: 22px;
    margin-left: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#jobOfferPage.apply .left{
    width: 100%;
}

#jobOfferPage.apply .formLine.files.document{
    margin: 20px auto;
}

#jobOfferPage.apply .contactInfo .left,
#jobOfferPage.apply .contactInfo .right{
    width: 48%;
    padding-top: 0;
    padding: 0;
    position: static;
}

#jobOfferPage.apply #applicationTitle{
    padding: 50px 20px 20px;
}

#jobOfferPage.apply #applicationTitle .title{
    text-transform: uppercase;
    color: #929292;
    font-weight: 300;
}

#jobOfferPage.apply #applicationTitle .subtitle{
    color: #343434;
    font-weight: bold;
    font-size: 30px;
}

#jobOfferPage.apply .classic_form{
    background-color: transparent;
}

#jobOfferPage.apply .classic_form h3{
    display: none;
}

/* Fin Job offers */

/* Formulaire déménagement */
.formDemenagement{
    padding: 20px 100px;
}

.value.no{margin: 0 50px;color: #DA7575;display: flex;align-items: center;font-weight: 500;}
.value.yes,.value.apt{margin: 0 50px;color: #054C30;display: flex;align-items: center;font-weight: 500;}
.value.no:before{content: "";display: block;height: 12px;width: 12px;background: url(/img/cross.png)no-repeat;background-size: contain;margin-right: 7px;}
.value.yes:before,.value.apt:before{content: "";display: block;height: 12px;width: 12px;background: url(/img/checked.png)no-repeat;background-size: contain;margin-right: 7px;}

.formDemenagement .formLine{
    margin: 30px auto;
}
.formLine.withChildren span.value.house,
.formLine span.value{display: none;}
.formLine.withChildren span.value{
    display: inherit;
}

.formLine.blocParent .children{
    display: flex;
    flex-wrap: wrap;
}
.formLine.blocParent .children .formLine{
    width: auto;
    margin: 0 10px 0 0;
}
.formLine.blocParent .children .formLine.zipCodeDepart input,
.formLine.blocParent .children .formLine.cityDepart input,
.formLine.blocParent .children .formLine.zipCodeArrival input,
.formLine.blocParent .children .formLine.cityArrival input{
    width: 140px;
}

.formDemenagement .formLine.blocParent.cityDepart,
.formDemenagement .formLine.blocParent.cityArrival,
.formDemenagement .formLine.assuranceVal{
    padding-top: 30px;
    border-top: 1px solid #ccc;
}

.formDemenagement .formLine.assuranceVal input{
    width: 300px;
}

.formDemenagement .formLine.phone.blocParent .children{
    width: 60%;
    justify-content: space-between;
}
.formDemenagement .formLine.phone.blocParent .children .firstName,
.formDemenagement .formLine.phone.blocParent .children .lastName{
    width: 49%;
    margin: 0 0 10px 0;
}
.formDemenagement .formLine.phone.blocParent .children .phone,
.formDemenagement .formLine.phone.blocParent .children .email{
    width: 100%;
    margin: 0 0 10px 0;
}


.formLine.withChildren.typeDepart .showHideForm .floorNumberDepart,
.formLine.withChildren.typeArrival .showHideForm .floorNumberArrival,
.formLine.withChildren.typeDepart .showHideForm .parkingFrontDepart,
.formLine.withChildren.typeArrival .showHideForm .parkingFrontArrival{
    width: 720px;
    margin-top: 30px;
    max-width: 80vw;
}
.formLine.withChildren.typeDepart .showHideForm .floorNumberDepart input,
.formLine.withChildren.typeArrival .showHideForm .floorNumberArrival input{
    width: 100px;
}


.formLine.withChildren{
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.formLine.withChildren .showHideForm .formLine{
    margin: 0;
}



/* Fin déménagement */

/* Calculateur de volume */

.formLineCalculator label{
    font-size: 18px;
    font-weight: 600;
    margin: 40px 0 20px;
}

.calculatorVolume .head,
.calculatorVolume .line{
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.calculatorVolume .line{
    margin-bottom: 10px;
}

.calculatorVolume .head .th{
    color: #929292;
    font-weight: 300;
    font-size: 15px;
}

.calculatorVolume .name,
.calculatorVolume .action{
    width: 160px;
}

.calculatorVolume .quantity,
.calculatorVolume .width,
.calculatorVolume .length,
.calculatorVolume .height,
.calculatorVolume .volume{
    width: 100px;
}
.calculatorVolume .line .action .add,
.calculatorVolume .line .action .delete{
    padding: 10px 20px;
    background: #004C30;
    color: #fff;
    text-align: center;
    cursor: pointer;
    display: none;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    transition: .3s;
}
.calculatorVolume .line .action .add:after{
    content: "+";
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 1;
    min-height: 17px;
    min-width: 17px;
    margin-left: 10px;
    font-weight: 500;
}
.calculatorVolume .line:first-of-type .action .delete{
    display: none;
}
.calculatorVolume .line:first-of-type .action .add{
    display: flex;
}
.calculatorVolume .line:not(:first-of-type) input{
    background-color: #dfdfdf;
    transition: 0s;
    outline: 2px solid #e1e1e1;
}
.calculatorVolume .line .action .delete{
    background-color: #dfdfdf;
    color: #aaa;
    display: flex;
}
.calculatorVolume .line .action .delete:after{
    content: "\00d7";
    font-weight: 200;
    margin-left: 10px;
    font-size: 28px;
    display: flex;
    align-items: center;
    height: 20px;
}
.calculatorVolume .line .action .delete:hover{
    color: #777;
}

.calculatorVolume .total{
    display: flex;
    justify-content: space-between;
    color: #222;
    font-weight: bold;
    font-size: 22px;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 20px;
}
.calculatorVolume .total .volume{
    text-align: right;
    width: auto;
    height: auto;
    margin: 0;
}
.calculatorVolume .name input,
.calculatorVolume .action input,
.calculatorVolume .quantity input,
.calculatorVolume .width input,
.calculatorVolume .length input,
.calculatorVolume .height input,
.calculatorVolume .volume input{
    color: #777;
    text-align: center;
}
/* Fin calculateur de volume */

/* Boutique */

#shop{
    display: flex;
}

#pages_54 .bloc.title{
    margin-left: 300px;
}

#shop .filters {
    min-width: 300px;
}

#shop .filters .filter{
    display: flex;
    align-items: center;
}

#shop .filters .filter input[type="checkbox"] { display: none; }

#shop .filters .filter input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
    font-size: 15px;
    font-weight: 500;
}

#shop .filters .filter input[type="checkbox"] + label:last-child { margin-bottom: 0; }

#shop .filters .filter input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-color: #d8d8d8;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

#shop .filters .filter label{
    margin: 10px 0;
}

#shop .filters .filter input[type="checkbox"]:checked + label:before {
  opacity: 1;
  content: "\2713";
  color: #004C30;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background-color: #d8d8d8;
  font-weight: bold;
}

#shop .filters .close{
    display: none;
}

#shop .filters .head{
    padding: 7px 0;
    margin-bottom: 5px;
    margin-top: 20px;
    border-bottom: 1px solid #d2d2d2;
    font-size: 17px;
    font-weight: 300;
    color: #222;
}

#shop .filters .productFilter:first-of-type .head{
    margin-top: 0;
}

#shop .filterToggler{
    display: none;
    cursor: pointer;
}
#resetFilter{
    margin-top: 20px;
    padding: 12px 20px;
}
#resetFilter:after{
    content: none;
}
#resetFilter:hover{
    opacity: .7;
}
.products{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 30px;
    flex-wrap: wrap;
}

.products .product{
    width: 50%;
    margin: 0 20px 20px;
    background-color: #fff;
    width: calc(50% - 40px);
    position: relative;
}

.products .product .img{
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}

.products .product .img picture{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.products .product .img picture img{
    transition: .5s;
    height: 100%;
    object-fit: cover;
}

.products .product .img picture:hover img{
    transform: scale(1.1);
}

.products .product .content{
    padding: 15px;
    max-height: 230px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.products .product .resume{
    padding: 1px 0;
}

.products .product .resume p{
    margin-bottom: 0;
}

.products .product h3{
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
}

.products .product .bottomLine{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.products .product .price{
    color: #004C30;
    font-weight: 300;
    display: flex;
    align-items: flex-end;
}

.products .product .price span{
    font-size: 26px;
    margin-right: 5px;
    font-weight: bold;
}
.mainProduct .unit span.strike,
.products .product .oldPrice .strike{
    color: #bbb;
    text-decoration: line-through;
    font-size: 16px;
    font-weight: 400;
}
.products .product .oldPrice{
    margin-left: 15px;
}
.products .product .oldPrice .percent{
    position: absolute;
    top: 10px;
    z-index: 1;
    right: 10px;
    pointer-events: none;
    font-size: 16px;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #F89826;
    color: #fff;
    font-weight: 600;
}
.products .product input[type=submit]{
    text-indent: -9999px;
    width: 48px;
    min-width: auto;
    background: url(/img/cart-white.png), #004C30;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
}
#shop .overlay{
    display: none;
}

/* Fiche produit */
#productPage{
    padding: 0 0 50px;
}
.mainProduct{
    display: flex;
}

.mainProduct .pictures{
    width: 50%;
    margin-right: 30px;
}

.mainProduct .pictures .first{
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    margin-bottom: 5px;
    position: relative;
}

.mainProduct .pictures .first img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
}

.mainProduct .pictures .others{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.mainProduct .pictures .others picture{
    width: 24%;
    height: 0;
    padding-bottom: 24%;
    display: block;
    position: relative;
    overflow: hidden;
    cursor:pointer;
}

.mainProduct .pictures .others picture img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    object-fit: cover;
    transition: all 1s ease;
}
.mainProduct .pictures .others picture:hover img{
    transform:scale(1.15);
}

.mainProduct .content{
    width: 50%;
}

.mainProduct .price{
    background-color: #E7E7E7;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}
.mainProduct .unit span.percent{
    color: #F89826;
    font-weight: 600;
    font-size: 17px;
    padding: 5px 10px;
    border: 2px solid #F89826;
    margin-top: 10px;
    margin-left: 10px;
    display: inline-block;
}
.mainProduct .price .unit,
.mainProduct .price .qty{
    width: 50%;
    text-align: center;
}

.mainProduct .price .qty{
    border-left: 1px solid #ccc;
}
.mainProduct .price .qty .formLine{
    margin-top: 5px;
    width: 60%;
}
.mainProduct .price .qty input[type=number]{
    outline: none;
    font-weight: 700;
    font-size: 20px;
    padding: 0;
    text-align: center;
}
.mainProduct input[type=submit]{
    margin-top: 15px;
    width: 100%;
}

.mainProduct .unit{
    color: #004C30;
    font-size: 14px;
}

.mainProduct .unit span{
    font-weight: bold;
    font-size: 25px;
}

.mainProduct .price .qty .label{
    font-size: 14px;
    color: #929292;
    font-weight: 300;
    text-transform: uppercase;
}

.mainProduct .price .qty .totalPrice{
    font-size: 25px;
    font-weight: bold;
    color: #004C30;
}
.customer #bigHead,
.productspage #bigHead{
    display: none;
}
.customer header,
.shop header,
.productspage header{
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}
.shop h1{font-family: 'Poppins'};
#productPage h1{
    text-align: left;
    font-family: 'Poppins';
    font-size: 40px;
    margin: 20px 0;
}

#productPage #packs,
#productPage #related{
    margin: 100px 0;
}

#productPage #related h4,
#productPage #packs h4{
    font-size: 26px;
    margin-bottom: 0;
}
#productPage #related p,
#productPage #packs p{
    margin-top: 10px;
    font-size: 17px;
    color: #666;
    font-weight: 300;
}

#productPage .returnBtn{
    margin: 0 auto;
}

#productPage .products{
    margin-left: 0;
}
#productPage #related .product{
    width: calc(33% - 15px);
    margin: 0 20px 20px 0;
}

#productPage #related .product:nth-of-type(3n){
    margin: 0 0 20px;
}

#productPage .relatedList{
    justify-content: flex-start;
}

#productPage #packs .pack.nb3 .product .price{
    margin-top: 0;
}

#productPage #packs .product{
    width: calc(33% - 35px);
    margin: 0;
}

#productPage #packs .packCalc{
    display: flex;
    align-items: center;
    margin: 0 15px;
}

#productPage #packs .packCalc:before{
    content: "+";
    font-size: 45px;
    font-weight: bold;
    font-style: normal;
}

#productPage #packs .packCalc:last-of-type:before{
    content: "=";
}

#productPage #related .product .price span.actualPrice{
    font-size: 22px;
}

#productPage .explain_baseline{
    margin: 1em 0;
}

#productPage #packs .pack{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#productPage #packs .pack.nb3{
    justify-content: center;
}
#productPage #packs .pack.nb2 .price.totalPrice{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 30px;
}

#productPage #packs .pack .price{
    text-align: center;
}
#productPage #packs .pack.nb3 .price{
    margin-top: 40px;
}
#productPage #packs .pack .price .oldPrice{
    color: #929292;
    font-weight: 300;
    text-decoration: line-through;
    font-size: 14px;
}
#productPage #packs .pack .price .oldPrice span{
    font-weight: 600;
    font-size: 17px;
}
#productPage #packs .pack .price .finalPrice{
    color: #004C30;
    font-weight: 300;
    margin: 7px 0;
}
#productPage #packs .pack .price .finalPrice span{
    font-weight: bold;
    font-size: 32px;
}
/* Fin fiche produit */
/* Panier */
.shop #bigHead{
    display: none;
}

#basketPrompt{
    position: fixed;
    z-index: 99999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 85vh;
    max-width: 85vw;
    width: 100%;
    overflow-y: scroll;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #fff;
    padding: 15px;
    font-family: 'Poppins';
    box-shadow: 0 0 20px rgb(0 0 0 / 15%);
}

#basketPrompt.basketPage{
    background-color: transparent;
    box-shadow: none;
    position: static;
    transform: inherit;
    max-height: inherit;
    max-width: inherit;
    overflow-y: auto;
}

#basketPrompt.basketPage .products .product{
    background-color: transparent;
    border-bottom: 1px solid #ddd;
}
.contactWrap .subTotal .float,
#basketPrompt.basketPage .subTotal .float{
    background-color: #e4e4e4;
    padding: 15px;
}

#basketPrompt.basketPage .quantity input[type=number]{
    background-color: #ddd;
}
.formLine.quantity .input .more,
.formLine.quantity .input .less{
    background-color: #ddd;
}
.formLine.quantity .input .more{
    border-left: 1px solid #ccc;
}
.formLine.quantity .input .less{
    border-right: 1px solid #ccc;
}
.formLine.quantity .input .less:hover,
.formLine.quantity .input .more:hover{
    background-color: #ccc;
}

.subTotal{
    min-width: 300px;
    max-width: 300px;
}
.subTotal .float{
    background-color: #efefef;
    padding: 15px;
}
.subTotal .tot,
.subTotal .sub{
    display: flex;
    justify-content: space-between;
}
.subTotal .tot{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.subTotal .sub .label{
    font-weight: 600;
}

.subTotal .tot .price,
.subTotal .tot .label{
    font-size: 22px;
    font-weight: 800;
    color: #000;
}

.subTotal .price{
    color: #444;
    font-weight: 300;
}

.subTotal .linkBtn{
    margin-top: 20px;
}

#basketPrompt .buttons{
    width: 100%;
}

#basketPrompt .buttons .returnBtn{
    margin-top: 15px;
    cursor: pointer;
    user-select: none;
}

#basketPrompt .products{
    flex-direction: column;
    margin: 0;
    width: calc(100% - 320px);
}

#basketPrompt .emptyBasket{
    width: 100%;
    margin: 1em 0;
}

#basketPrompt .product .delete{
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 10px;
    height: 20px;
    width: 20px;
    background: url(/img/close.png)no-repeat;
    background-size: 14px 14px;
    background-position: center center;
    cursor: pointer;
    filter: brightness(0.5);
    transition: .2s;
}

#basketPrompt .product .delete:hover{
    transform: rotate(90deg);
    filter: brightness(0.2);
}

.basketTitle{
    width: calc(100% - 320px);
    margin-top: 0;
    font-weight: 800;
    padding-bottom: 15px;
    margin-bottom: 0;
    font-size: 22px;
    border-bottom: 1px solid #eee;
}

h1.basketTitle{
    text-align: left;
    font-size: 36px;
    font-family: 'Poppins';
    margin-top: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

#basketPrompt .quantity .label {
    font-size: 12px;
    color: #bbb;
    font-weight: 300;
    text-transform: uppercase;
}

#basketPrompt .quantity input[type=number]{
    outline: none;
    background-color: #efefef;
    width: 70px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    height: 40px;
}

#basketPrompt .quantity .input{
    justify-content: flex-start;
}

#basketPrompt .products .product .bottomLine{
    margin-top: 0;
}

#basketPrompt .products .product{
    display: flex;
    width: 100%;
    padding: 15px 0;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #eee;
}

#basketPrompt .products .product .content{
    padding: 0 15px;
}

#basketPrompt .products .product .img{
    width: 190px;
    height: 190px;
    padding-bottom: 0;
}

#basketPrompt .products .product .oldPrice .percent{
    font-size: 11px;
    width: 34px;
    height: 34px;
    right: auto;
    left: 5px;
    top: 25px;
}
#basketPrompt .products .product .price span {
    font-size: inherit;
    margin-right: 5px;
    font-weight: 300;
}

#basketPrompt .products .product .price span.totalPrice{
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-right: 10px;
}

#basketPrompt .products .product .price{
    color: #888;
}

#basketPrompt .products .product h3{
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
    border-bottom: none;
    padding-bottom: 15px;
}

#basketPrompt .products .product .feature{
    color: #929292;
    font-weight: 300;
    font-size: 15px;
}
#basketPrompt .products .product .quantity{
    margin-top: 15px;
}
#basketPrompt .products .product .quantity .formLine{
    margin: 5px 0 0;
}
.clickAndCollect .label{
    display: block;
    margin: 20px 0 5px;
    font-size: 14px;
    color: #929292;
    font-weight: 300;
}
.clickAndCollect .address{
    color: #004C30;
    display: flex;
    font-weight: 500;
    align-items: flex-start;
    margin: 0;
    font-size: 14px;
}

.clickAndCollect .address:before{
    content: "";
    display: block;
    background: url(/img/location.png)no-repeat;
    background-size: 16px 16px;
    min-width: 16px;
    min-height: 16px;
    margin-right: 5px;
    margin-top: 3px;
}

.methodPay .label{
    font-size: 12px;
    color: #929292;
    font-weight: 300;
    text-transform: uppercase;
    display: block;
}

.methodPay .method{
    display: flex;
    flex-wrap: wrap;
}

.methodPay .method img{
    max-height: 20px;
    width: auto;
    margin-right: 5px;
    border: 1px solid #ccc;
}

.methodPay{
    margin-top: 15px;
}

.contactWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contactWrap .contactForm{
    width: calc(100% - 320px);
}

.contactOption{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: #e4e4e4;
    font-weight: 500;
}
.contactOption .button{
    padding: 7px 14px;
    color: #fff;
    background-color: #004C30;
    cursor: pointer;
    transition: .3s;
    text-align: center;
}
.contactOption .button:hover{
    opacity: .75;
}
.contactWrap div.slide[data-slide=formConnect]{
    display: none;
}
.contactWrap div[data-id=connect] .classic_form{
    margin: 20px auto;
}

.contactWrap .createAccount p{
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 10px;
}
.contactWrap .createAccount span{
    color: #929292;
    font-weight: 300;
    margin: 5px 0 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #B7B7B7;
    display: block;
}
.contactAlreadyLogged .buttons{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px
}
.contactAlreadyLogged .buttons a{
    width: 49%;
}
.contactAlreadyLogged .label{
    font-size: 18px;
    margin-top: 20px;
    font-weight: 300;
    color: #323232;
}
/* Fin panier */

/* Compte client */

#customerMain{
    display: flex;
}
#customerMenu{
    display: flex;
    flex-direction: column;
    width: 300px;
    transform: translateX(-15px);
    padding: 40px 10px 20px;
    min-height: 500px;
    border-right: 1px solid #ddd;
}

.customer h1{
    font-family: "Poppins";
}

#customerMenu a{
    color: #004C30;
    padding: 10px;
    font-weight: 500;
    margin: 10px 0;
    opacity: .5;
    transition: .2s;
    display: flex;
    align-items: center;
}

#customerMenu a.sel,
#customerMenu a:hover{
    opacity: 1;
}

#customerMenu a:before{
    content: "";
    display: block;
    min-height: 18px;
    min-width: 18px;
    margin-right: 10px;
}
#customerMenu a.home:before{background: url(/img/home.png)no-repeat;background-size: contain;}
#customerMenu a.contactInfos:before{background: url(/img/coord.png)no-repeat;background-size: contain;}
#customerMenu a.orders:before{background: url(/img/commandes.png)no-repeat;background-size: contain;}
#customerMenu a.logout:before{background: url(/img/logout2.png)no-repeat;background-size: contain;}

.customer .blocs{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#confirmation .order,
.customer .blocs .bloc{
    background-color: #e4e4e4;
    padding: 20px;
    width: 48%;
    position: relative;
}

#customerContent{
    padding: 0 0 40px;
    width: 100%;
}
#customerHome .order .line .date,
.customer #customerHome .blocs .bloc .order .date{
    color: #bbb;
    font-weight: 300;
    text-align: right;
    font-size: 15px;
    padding-top: 5px;
    border-top: 1px solid #d4d4d4;
}
.customer #customerHome .blocs .bloc .order .date{
    border-top: none;
}
.customer .blocs .bloc .order:first-of-type .date{
    border-top: none;
}
.customer .blocs .bloc .order .orderId{
    font-size: 17px;
    font-weight: 500;
}
#customerHome .blocs .bloc .order{
    margin-top: 5px;
    display: block;
}
#confirmation .total,
.customer #customerHome .blocs .bloc .order .total{
    margin-top: 25px;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 0;
    border-bottom: 1px solid #d4d4d4;
}
.customer #customerHome .blocs .bloc .order:last-of-type .total{
    border-bottom: none;
}
#confirmation .total .price,
.customer .blocs .bloc .order .total .price{
    font-size: 22px;
}
.menuToggle{
    display: none;
}
#customerHome .order{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#customerHome .order .line{
    width: 100%;
}
#customerHome .order .orderProduct{
    width: calc(50% - 10px);
    margin-bottom: 20px;
}
#customerHome .order .orderProduct .blocDetail{
    display: flex;
}
#customerHome .order .orderProduct .title{
    color: #929292;
    font-weight: 300;
}
#customerHome .order .orderProduct .blocDetail .image{
    width: 33%;
    height: 0;
    padding-bottom: 33%;
    position: relative;
}
#customerHome .order .orderProduct .blocDetail .image img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#customerHome .order .orderProduct .blocDetail .details{
    width: 67%;
    padding: 15px;
    background-color: #e4e4e4;
    font-weight: 300;
    color: #929292;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 15px;
}
#customerHome .order .orderProduct .blocDetail .details .price{
    font-weight: bold;
    color: #323232;
    font-size: 18px;
}
#customerHome .order .orderProduct .blocDetail .details .price .unit{
    font-size: 13px;
    font-weight: 300;
    color: #929292;
    margin-left: 10px;
}
#customerHome .order .total{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 22px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
#customerHome .order .line{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
#customerHome .order .line .orderId{
    font-weight: 600;
    font-size: 15px;
}

#customerHome .order .line .orderId .status{
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}
#customerHome .order .line .orderId .status.pending{
    color: #aaa;
}
#customerHome .order .line .orderId .status.paid{
    color: #F8981D;
}
#customerHome .order .line .orderId .status.delivered{
    color: #054C30;
}

#customerHome .order:first-of-type .line{
    border-top: 1px solid #ddd;
    padding-top: 15px;
}
#customerHome .order .line .date{
    border-top: none;
    padding-top: 0;
}
#customerHome .order .orderProduct .blocDetail .details .quantity b{
    font-size: 18px;
    color: #323232;
}
/* Fin compte client */

/* Connexion */

#formConnectPage{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
}

#formConnectPage h1{
    width: 100%;
}

#formConnectPage .form{
    margin:20px 10px;
}

#formConnectPage .form form{
    margin-top: 0;
    background-color: #e4e4e4;
}

#formConnectPage .sideContent{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

#formConnectPage .sideContent .side{
    padding: 25px;
    background-color: #e4e4e4;
    margin-bottom: 20px;
    margin:10px;
    flex-shrink:1;
    flex-grow:1;
    width:40%;
}
#formConnectPage .sideContent .side h3{
    margin-top: 0;
}

/* Fin connexion */

/* Paiement */

#recapPay{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#recapPay #formPay{
    width: calc(100% - 440px);
}
#recapPay .side{
    width: 400px;
}

#recapPay .side .sideDiv{
    background-color: #e4e4e4;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}

#confirmation .order .head,
.customer .blocs .bloc .head,
#recapPay .side .sideDiv .head{
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 10px;
}
.customer .blocs .bloc .edit,
#recapPay .side .sideDiv .edit{
    position: absolute;
    top: 15px;
    right: 15px;
    height: 15px;
    width: 15px;
    background: url(/img/edit.png)no-repeat;
    background-size: contain;
}

.customer .blocs .bloc .edit.look{
    background: url(/img/voir.png)no-repeat;
    background-size: contain;
}

#recapPay .side .order .total{
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    margin-top: 25px;
}

#recapPay .side .order .productsLine{
    margin-top: 15px;
}

#confirmation .order .productLine h3,
.customer .blocs .bloc .content p,
#recapPay .side .contactInfos .content p,
#recapPay .side .order .productLine h3{
    font-size: 16px;
    font-weight: 400;
    color: #888;
    margin: 10px 0;
}

#recapPay .side .order .total .label{
    font-size: 17px;
}
#recapPay .side .contactInfos .content{
    margin-top: 1em;
}
#recapPay h1{
    width: 100%;
    text-align: left;
    font-family: 'Poppins';
    font-size: 36px;
    margin-top: 40px;
}
#recapPay h2{
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    width: calc(100% - 440px);
    font-weight: 200;
    color: #929292;
    font-size: 20px
}
/* Fin paiement */

/* Thank you */

.pickUpInfo{
    display: flex;
}

.pickUpInfo > div{
    width: 50%;
}

.pickUp{
    background-color: #e7e7e7;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pickUp h3{
    font-size: 27px;
    text-align: center;
}
.pickUp p{
    padding: 10px;
    font-weight: 600;
    color: #004C30;
    font-size: 18px;
    text-align: center;
    background-color: #C0CEC8;
    display: flex;
    justify-content: center;
    margin: 5px;
}
.pickUp p:before{
    content: "";
    display: block;
    background: url(/img/location.png)no-repeat;
    background-size: contain;
    min-height: 25px;
    min-width: 25px;
    margin-right: 10px;
}

.pickUp span{
    color: #929292;
    font-size: 300;
    text-transform: uppercase;
    font-size: 13px;
}

#confirmation .bloc.phone.center{
    margin: 40px auto;
}

#confirmation .order{
    margin-bottom: 40px;
    width: 100%;
}
#confirmation .total{
    border-bottom: none;
}

/* Fin thank you */

/* Fin boutique */

.actions{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.actions a{
    margin: 10px 20px;
}

#logo{
    width: 240px;
}
#logo a{
    display: flex;
    align-items: center;
}
#menu{
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    list-style: none;
}

@keyframes Appear{
    from{
        transform: translateY(-57px);
    }
    to{
        transform: translateY(0);
    }
}

.subHeader.appear{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 7px 20px;
    background-color: #f7f7f7;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    width: 100vw;
    transform: translateY(-57px);
    animation-delay: .3s;
    animation: Appear forwards .7s;
    z-index: 999;
}

.subHeader.appear #logo{
    width: 200px;
}

#menu .menu_link{
    position:relative;
    color: #323232;
    padding: 5px 10px;
    transition:.3s;
    text-align: center;
    margin: 0 20px;
}

#menu .menu_link:hover{
        color: #004C30;
}

#menu a:after{
    display: block;
    content: '';
    height: 1px;
    background-color: #004C30;
    width: 0;
    transition: 250ms ease-in-out;
    transform-origin: 50% 50%;
    margin: 2px auto 0;
}

#menu a:hover:after{
    width: 40px;
    
}

#menu a.p31{
    color: #fff;
    background-color: #004C30;
    padding: 7px 10px;
    border: 2px solid #004C30;
}
#menu a.p31:after{
    content: none;
}

#menu a.p31:hover{
    color: #fff;
    opacity: .75;
}

/**** Footer ****/
footer{
    background-color: #E7E7E7;
    width: 100%;
}

footer .logo{
    width: 50%;
    padding: 0 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

footer p{
    margin-top: 0;
}

footer .logo img{
    width: 260px;
}

footer .logo .adhesions{
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-top: 10px;
}

footer .logo .adhesions img{
    width: 100px;
}

footer .logo .adhesions .group{
    text-align: center;
}

footer .logo .adhesions p{
    font-size: 14px;
    color: #656565;
    margin: 10px 0;
}

#footerLinks{
    display: flex;
    justify-content: space-around;
    padding: 30px;
}

#footerLinks .blocLinks {
    width: 25%;
    padding: 0 50px;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

#footerLinks .blocLinks p{
    text-align: center;
    font-size: 14px;
    color: #656565;
}

#footerLinks .blocLinks:after{
    content: "";
    display: block;
    height: 60%;
    width: 1px;
    background-color: rgba(0,0,0,.1);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#footerLinks .blocLinks.first:after{right: 0;}
#footerLinks .blocLinks.second:after{left: 0;}

#footerLinks .blocLinks a{
    color: #323232;
    transition: .2s ease;
    font-size: 14px;
    font-weight: 300;
    margin: 6px 0;
    text-align: center;
}
#footerLinks .blocLinks .account{
    display: flex;
    align-items: center;
}

#footerLinks .blocLinks a:hover{
    opacity: 1;
}

#footerLinks .blocLinks .links{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#footerLinks .reseau{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#footerLinks .reseau a{
    opacity: 0.8;
    margin-right: 10px;
    width: 20px;
}

#footerLinks .reseau a:hover{
    opacity: 1;
}

.adhesions{
    display: flex;
    align-items: flex-start;
}

#credits{
    border-top: 1px solid rgba(0,0,0,.1);
    display: flex;
    justify-content: center;
    font-size: 12px;
    color: #323232;
    font-weight: 300;
    align-items: center;
    padding: 7px 0;
    position: relative;
}
#credits .created{
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

#credits p{
    margin: 5px 0;
}

#credits .created a{
    color: #004C30;
}

#bigHead .text{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    text-align: center;
    transform: translate(-50%, -50%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 1;
}
#bigHead .text h1{
    color: #fff;
    width: 100%;
    margin-bottom: 0;
    text-shadow: 0 0 10px rgb(0 0 0 / 30%);
}
#bigHead .text h3{
    width: 100%;
    font-weight: 400;
    font-size: 20px;
    text-shadow: 0 0 5px rgb(0 0 0 / 40%);
}

#bigHead .img{
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100%;
}

#burger{display: none;}

.practitioners #bigHead{
    background-color: #062844;
    align-items: center;
    flex-direction: row-reverse;
}
.practitioners #bigHead .text h1{
    margin-top: 0;
}
.practitioners #searchEngine{
    bottom: 20px;
}
.practitioners #bigHead .img{
    height: 200px;
    width: 200px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgb(0 0 0 / 40%);
}

#btnHome{
    display: flex;
    justify-content: center;
    padding: 20px 0 0;
}

#btnHome .home_login,
#btnHome .home_elig{
    background-color: #fff;
    box-shadow: 0 0 15px rgba(6,40,68,.1);
    border-radius: 10px;
    margin: 20px;
    padding: 20px;
    width: 50%;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

#btnHome .home_login div,
#btnHome .home_elig div{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
}

#btnHome div h3{
    font-family: 'Poppins';
    font-size: 24px;
    color: #062844;
    width: 100%;
    margin: 15px 0 10px;
}

#btnHome div img{
    width: 150px;
    margin-left: 10px;
}

#btnHome div p{
    color: #062844;
    font-weight: 300;
    width: calc(100% - 160px);
}

#btnHome div a{
    font-size: 16px;
    margin-top: 10px;
    z-index: 1;
}

#btnHome div.home_elig:before,
#btnHome div.home_login:before{
    content: "";
    display: block;
    position: absolute;
    height: 350px;
    width: 350px;
    border-radius: 50%;
}

#btnHome div.home_elig:before{
    background-color: rgba(141,198,196,.075);
    top: -100px;
    left: -100px;
}

#btnHome div.home_login:before{
    background-color: rgba(244,196,44,.075);
    top: -100px;
    left: -100px;
}

/* Price engine */
#priceEngine{
    background-color: #CDD4DA;
    padding: 20px;
    border-radius: 15px;
    margin: 30px 0;
    display: none;
    position: fixed;
    z-index: 10000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1000px;
    max-width: 95%;
}
#priceEngine .head{
    font-family: 'Poppins';
    font-size: 30px;
    color: #062844;
    background-color: transparent;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 700;
}
#priceEngineForm .inputs{
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
}

#priceEngineForm .input{
    text-align: center;
    position: relative;
}

#priceEngineForm .input span{
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) translateX(-50%);
    left: 50%;
    background-color: #fff;
    bottom: calc(100% + 10px);
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    transition: .2s;
    border-radius: 5px;
    padding: 15px;
    width: 270px;
    font-size: 14px;
    color: #062844;
    text-align: left;
    font-weight: 400;
    z-index: 100;
}

#priceEngineForm .input span:after{
    content: "";
    display: block;
    position: absolute;
    top: calc(100% - 5px);
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 10px;
    border-top: solid 20px #fff;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}
#priceEngineForm .input label:hover span{
    opacity: 1;
    visibility: visible;
    transform: translateY(0) translateX(-50%);
}

#priceEngineForm input{
    border-radius: 5px;
    width: 260px;
    margin-top: 10px;
}
#priceEngineForm label{
    font-weight: 300;
    color: #062844;
    position: relative;
}
#priceEngineForm label:after{
    content: "";
    display: block;
    background: url(/img/question.svg)no-repeat;
    height: 15px;
    width: 15px;
    position: absolute;
    top: -13px;
    right: -13px;
    cursor: pointer;
}
#priceEngineForm .sep{
    width: 80px;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    color: #062844;
}
#priceEngineForm .formLineBtn{
    margin-top: 20px;
    text-align: center;
}

#priceEngineForm .formLineBtn input{
    background-color: #062844;
    border: 2px solid #062844;
    color: #fff;
    border-radius: 40px;
}

#priceEngineForm .formLineBtn input:hover{
    color: #062844;
    background-color: transparent;
}

.bloc_content{
    padding: 50px 0;
    margin: 20px 0;
    position: relative;
}

#homeBlocPractices:before{
    content: "";
    display: block;
    position: absolute;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(141,198,196,.1);
    z-index: -1;
}

.bloc_content .head{
    margin: 20px 0;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    width: calc(100% - 160px);
    color: #062844;
    margin-top: 0;
}

.bloc_content .linkBtn,
#appointmentLink{
    background-color: #F4AD2A;
    text-shadow: 0 0 4px rgb(0 0 0 / 40%);
    padding: 5px 10px;
}

.bloc_content .linkBtn:hover,
#appointmentLink:hover{
    background-color: #F59436;
}

.bx-wrapper .practice{
    height: 230px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.bx-wrapper .practice:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(6,40,68,.5);
    pointer-events: none;
}
.bx-wrapper .practice img{
    transition: .3s ease;
}

.bx-wrapper .practice:hover img{
    transform: scale(1.1);
}

.bx-wrapper .practice:hover .label{
    color: #F4AD2A;
}

.bx-wrapper .practice .label{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    margin: 0;
    text-align: center;
    font-weight: 600;
    color: #fff;
    font-size: 22px;
    text-shadow: 0 0 4px rgba(0,0,0,.4);
    transition: .3s ease;
}

/* Liste d'articles */
.pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 15px;
}
.pagination a{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 5px;
    background-color: rgba(6,40,68,.2);
    color: rgba(6,40,68,1);
    transition: .2s;
}
.pagination a.selected,
.pagination a.selected:hover{
    background-color: rgba(6,40,68,1);
    color: #fff;
}
.pagination a:hover{
    background-color: rgba(6,40,68,.3);
}
.posts{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -30px;
}

#all.posts{
    margin: 0;
}

.posts .post{
    position: relative;
    width: calc(33% - 60px);
    background-color: #fff;
    margin: 25px 30px;
    border-radius: 10px;
    overflow: hidden;
    transition: .3s ease;
    box-shadow: 0 0 10px rgb(6 40 68 / 20%);
}
.articlesPraticien .posts.slideContainer .post{
    margin:0;
    background-color: #E4EDF7;
    box-shadow: inset -6px -6px 6px #ccdbe8, inset 6px 6px 6px 1px rgb(255 255 255 / 50%);
    padding: 15px;
}

#mainPraticien .my_articles_wrapper{
    max-width: 400px;
    margin: 0 auto;
}

.posts .post:hover{
    box-shadow: 0 0 25px rgb(6 40 68 / 10%);
}

.posts .post a{
    display: flex;
    flex-direction: column;
    position: relative;
}
.posts .post a:after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
    background: linear-gradient(0deg, rgba(6,40,68,0.4) 0%, rgba(6,40,68,0) 100%);
}
.posts .sendComment form{
    display:flex;
    border-radius: 40px;
}
.posts .sendComment{
    margin-bottom: 20px;
}
.posts .sendComment form input[type='text']{
    flex-grow:1;
    outline: none;
}

.posts .post .img{
    height: 200px;
    display: block;
    overflow: hidden;
    position: relative;
}

.posts .post .content{
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 200px);
}

.posts .post .content div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.posts .post p{
    color: #062844;
    font-size: 15px;
    margin-top: 0;
}

.posts .post div a{
    color: #F59436;
    opacity: .7;
    transition: .3s;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 110px;
    font-size: 15px;
}

.posts .post div a:after{
    content: "";
    display: block;
    background: url(/img/readmore.svg)no-repeat;
    width: 18px;
    height: 18px;
    margin-left: 6px;
    transition: .3s;
    position: static;
}

.posts .post div a:hover{
    opacity: 1;
}

.posts .post .label{
    display: block;
    font-family: "Poppins";
    font-size: 17px;
    color: #fff;
    margin: 0;
    font-weight: 600;
    position: absolute;
    bottom: 10px;
    width: 100%;
    padding: 0 10px;
    text-align: center;
    z-index: 1;
    text-shadow: 0 1px 5px rgb(0 0 0 / 40%);
}

.posts .post img{
    height: auto;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Publication praticien */
.mainPost{
    display: flex;
    margin: 0 10px;
}

.posts .mainPost .sendBy{
    max-width: 100%;
    background-color: transparent;
    display: flex;
    flex-direction: row-reverse;
    margin: 40px 0 0;
    justify-content: flex-end;
    padding: 10px 0;
}

.posts .mainPost .sendBy .bg .img{
    min-height: 120px;
    max-height: 120px;
    min-width: 120px;
    max-width: 120px;
}

.posts .mainPost .sendBy .bg .details a{
    font-size: 22px;
    text-transform: none;
    margin-bottom: 10px;
    color: #062844;
}

.posts .mainPost .sendBy .bg .details .date{
    color: #999;
    font-size: 14px;
    font-weight: 300;
}

.posts .mainPost .sendBy .bg .details a:hover{
    transform: translateX(0);
}

.mainPost .sendBy .sendMessage{
    float: none;
    box-shadow: none;
    background-size: 25px 25px;
    margin-top: 30px;
    margin-left: 20px;
}

.mainPost h1{
    color: #062844;
    font-size: 24px;
    margin-top: 10px;
    text-align: left;
}

.mainPost .postLeft p{
    color: #062844;
}

.mainPost #mainPraticien .right{
    width: 370px;
    margin-left: 30px;
    padding: 20px;
    background-color: rgba(141,198,196,.2);
    border-radius: 15px;
}

.mainPost #mainPraticien .right .bloc_content .posts .post{
    background-color: #fbfbfb;
    box-shadow: none;
}

.mainPost #mainPraticien{
    margin: 20px 0 30px;
}

.mainPost #mainPraticien .btn_border{
    background-color: #062844;
    color: #fff;
    box-shadow: none;
    border: 2px solid #062844;
}

.mainPost #mainPraticien .btn_border:hover{
    color: #062844;
    background-color: transparent;
}

.mainPost #mainPraticien .right .bloc_content .posts .post:hover{
    background-color: #fff;
}

.mainPost #mainPraticien .right .bloc_content .posts .post .img{
    box-shadow: none;
}

.mainPost .postLeft{
    width: calc(100% - 400px);
}

#updateAppointment .formLine,
#reservation .formLine{
    display:block;
    width:auto;
    box-shadow:none;
    padding: 15px 0;
}

#updateAppointment .formLine{
    padding: 5px 0;
}

#updateAppointment .optionHour{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

#updateAppointment .formLine.radio{
    margin-top: 0;
}

#updateAppointment .formLine.radio .radio_input label{
    font-weight: 400;
    color: #062844;
    font-size: 15px;
    white-space: nowrap;
}

#updateAppointment label{
    font-weight: 200;
    color: #062844;
    font-size: 15px;
}

#updateAppointment .formLine .input{
    flex-wrap: wrap;
}

#updateAppointment .optionHour input{
    width: 80px;
    margin: 0 5px;
}

#reservation .formLine select{
    border-radius: 5px;
    background-color: #fff;
    padding: 10px;
}

/* Join inscription */
.inscription_bloc{
    position: relative;
    text-align: center;
    padding: 30px;
    margin: 50px 0 0;
    color: #062844;
}

.inscription_bloc h3{
    font-family: 'Poppins';
    font-size: 28px;
    color: #062844;
    font-weight: 700;
}

.inscription_bloc .linkBtn{
    width: 200px;
    margin: 15px 0;
}

.inscription_bloc:after{
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background-color: rgba(244,196,44,.1);
}

/* Réassurance */
#homeExplain{
    display: flex;
    justify-content: space-around;
    padding: 50px 0 20px;
    flex-wrap: wrap;
}
#homeExplain .explainBloc{
    width: 350px;
    margin: 20px;
}

#homeExplain .explainBloc .img{
    height: 220px;
    position: relative;
}

#homeExplain .explainBloc .img img{
    height: 100%;
    position: absolute;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#homeExplain .explainBloc p.content{
    color: #062844;
    text-align: center;
    font-size: 15px;
    margin-top: 30px;
}

#priceEngineData{
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(6 48 60 / 20%);
    width: 100%;
}

#priceEngineData .head{
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    color: #062844;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700;
}

#priceEngineData .btn_group{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#priceEngineData .btn_group a{
    margin: 5px;
    width: 215px;
}

.ajaxMsgPopup #priceEngineData #newsletterForm h3{
    margin-bottom: 5px;
    color: #062844;
    text-align: center;
    margin-top: 30px;
    font-family: 'Poppins';
}

.ajaxMsgPopup #priceEngineData #newsletterForm .inputs{
    display: flex;
}

.ajaxMsgPopup #priceEngineData #newsletterForm .inputs input{
    border-radius: 40px 0 0 40px;
    background-color: #efefef;
    outline: none;
}

.ajaxMsgPopup #priceEngineData #newsletterForm .inputs input[type=submit]{
    background-color: #F4AD2A;
    border-radius: 0 40px 40px 0;
    text-shadow: 0 0 4px rgb(0 0 0 / 40%);
    transition: .3s ease;
}

.ajaxMsgPopup #priceEngineData #newsletterForm .inputs input[type=submit]:hover{
    transform: translateX(-20px);
    border-radius: 40px;
}

.ajaxMsgPopup #priceEngineData #newsletterForm .explain{
    font-size: 13px;
    color: #bbb;
    font-weight: 300;
}

#bigHead{
    height: 400px;
    position: relative;
}

#bigHead:before{
    content: "";
    display: block;
    background: rgb(0,0,0,.3);
    background: -webkit-linear-gradient(76deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(76deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(166deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

#bigHeadPage{
    height: 500px;
    position: relative;
    overflow: hidden;
}
#bigHeadPage:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(6,40,68,.4);
    pointer-events: none;
}
#bigHeadPage .img{
    height: 100%;
}

#bigHeadPage .img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#bigHeadPage .img h1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,calc(-50% - 75px));
    color: #fff;
    z-index: 1;
}

.title_explain .bloc.title h2{
    font-size: 24px;
    margin-top: 30px;
}

.payForm{
    color: #444;
    font-weight: 300;
    text-align: center;
    margin: 40px 0;
    display: flex;
    justify-content: space-between;
}

.payForm .classic_form{
    margin: 0;
    width: calc(100% - 320px);
    background-color: #e7e7e7;
}

.payForm .classic_form h1{
    margin-bottom: 20px;
}

.payForm .formLineBtn{
    margin-top: 25px;
}

.payForm .priceExplaind{
    background-color: rgba(141,198,196,.1);
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.payForm .priceExplaind h4{
    color: #062844;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
}

.payForm .priceExplaind p{
    color: #062844;
    font-size: 14px;
    font-weight: 400;
}

.sub_form{
    display: flex;
    flex-wrap: wrap;
}

.classic_form{
    margin: 40px auto;
    background-color: #E7E7E7;
    padding: 20px;
}

.classic_form.label_form{
    display: flex;
    flex-direction: column;
}

.rgpd .explain_baseline{
    font-weight: 300;
    background-color: transparent;
    padding: 0;
    font-size: 13px;
    color: #757575;
    display: block;
}

.rgpd .explain_baseline:before{
    content: none;
}
/**** Dashboard praticien ****/
.logout_wrap{
    width: 100%;
}
.btnLogOut{
    display: flex;
    align-items: center;
    transition: .2s;
    padding: 7px 10px;
    color: #062844;
    width: 160px;
    border-radius: 5px;
    margin: 3px;
    font-size: 14px;
}
.btnLogOut:after{
    content: "";
    display: block;
    background: url(/img/logout.svg)no-repeat;
    width: 16px;
    height: 16px;
    background-size: contain;
    margin-left: 10px;
    transition: .2s;
}
.btnLogOut:hover{
    color: #062844;
    background-color: transparent;
}
.btnLogOut:hover:after{
    filter: inherit;
    transform: translateX(5px);
}
.fileListBloc{
    z-index: 10001;
    max-width: calc(100% - 25px);
    width: 500px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Poppins";
    box-shadow: 0 0 50px rgb(0 0 0 / 30%);
    background: #fff;
    padding: 10px 15px;
}

.fileListBloc .content a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    margin: 10px 0;
    background-color: #f5f5f5;
    transition: .3s;
}

.fileListBloc .content a img{
    width: 25px;
    transition: .3s;
    filter: grayscale(1);
}

.fileListBloc .content a span{
    margin-left: 5px;
    transition: .3s;
    color: #aaa;
}

.fileListBloc .content a:hover{
    transform: scale(1.02);
}

.fileListBloc .content a:hover img{
    filter: inherit;
}

.fileListBloc .content a:hover span{
    color: #323232;
}

.fileListBloc .close{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    position: absolute;
    top: -10px;
    right: -10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .2s;
}

.fileListBloc .close:after{
    content: "";
    display: block;
    background: url(/img/close_cross.png)no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    transition: .2s;
}

.btnReturn{
    display: inline-block;
    background-color: transparent;
    transition: .2s;
    padding: 7px 10px;
    color: #062844;
    border-radius: 5px;
    font-size: 14px;
    margin: 3px;
    margin-top: 10px;
}

#mainPraticien .right .actusPraticiens #addPostCommu,
#mainPraticien #addPost {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80vw;
    z-index: 10001;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 80vh;
    overflow-y: scroll;
    background-image: linear-gradient(to right, #E9F0F8 0%, #DEE7F4 100%);
}

#mainPraticien .actusPraticiens #addPostCommu h2.head,
#mainPraticien #addPost h2.head{
    font-size: 26px;
    text-align: center;
    margin-top: 30px;
    font-weight: 400;
}

#mainPraticien #addPostCommu .formLine.titleCommu input,
#mainPraticien #addPost .formLine.title input[type=text],
#mainPraticien #addPostCommu .chosen-container-multi .chosen-choices,
#mainPraticien #addPost .chosen-container-multi .chosen-choices{
    background-color: transparent;
    box-shadow: inset 2px 2px 4px #ccdbe8, inset -2px -2px 4px rgb(255 255 255 / 50%);
    outline: none;
}
#mainPraticien #addPostCommu .chosen-container-multi .chosen-choices .search-field,
#mainPraticien #addPost .chosen-container-multi .chosen-choices .search-field{
    width: 100%;
}

#mainPraticien #addPostCommu .chosen-container-multi .chosen-choices input,
#mainPraticien #addPost .chosen-container-multi .chosen-choices input{
    font-family: 'Poppins';
    min-width: 100%;
}

#mainPraticien #addPostCommu .formLine,
#mainPraticien #addPost .formLine{
    box-shadow: none;
    display: block;
    width: 80%;
    max-width: 100%;
}

#mainPraticien #addPostCommu .formLine label,
#mainPraticien #addPost .formLine label{
    font-size: 20px;
    font-weight: 600;
    color: #062844;
    transition: .2s;
}

.legends .legend{
    display: flex;
    align-items: center;
}

.legends{
    padding: 10px 20px;
    border-radius: 15px;
}

.legends .legend .color{
    height: 10px;
    width: 10px;
    margin-right: 7px;
    border-radius: 50%;
}

.legends .legend .label{
    color: #062844;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
}

.legends .legend.dispo .color{
    background-color: #fff;
}
.legends .legend.rdv .color{
    background-color: #8DC6C4;
}
.legends .legend.pending .color{
    background-color: #F59436;
}

.monthYear{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #062844;
    font-weight: 600;
}
.monthYear .year{
    font-size: 15px;
}
.monthYear .month{
    font-size: 15px;
}
.monthYear .year,
.monthYear .month{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 170px;
    height: 40px;
    border-radius: 30px;
    box-shadow: 1px 1px 3px #ccdbe8, -1px -1px 3px #ccdbe8;
    margin: 5px 0;
}

.monthYear .change{
    cursor: pointer;
    font-weight: 200;
    font-size: 24px;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 5px 5px 10px #ccdbe8, 1px 1px 2px #ccdbe8, -6px -6px 15px rgb(255 255 255 / 90%), -1px -1px 3px 1px rgb(255 255 255 / 90%);
    border-radius: 50%;
    transition: .3s;
}
.monthYear .change:hover{
    box-shadow: 2px 2px 3px #ccdbe8, 0px 0px 1px #ccdbe8, -2px -2px 8px rgb(255 255 255 / 30%), -1px -1px 3px 1px rgb(255 255 255 / 30%);
}

.monthYear .year .change.minus,
.monthYear .month .change.minus{
    margin-left: 3px;
    padding: 2px 2px 0 0;
}

.monthYear .year .change.plus,
.monthYear .month .change.plus{
    margin-right: 3px;
    padding: 2px 0 0 2px;
}


.btn_border{
    color: #fff;
    background: #062844;
    border-radius: 40px;
    padding: 7px;
    transition: .2s ease;
    display: block;
    text-align: center;
    width: 250px;
    margin: 20px auto 0;
    font-size: 15px;
}

.linkWrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 20px;
}

.linkWrapper span{
    color: #999;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin: 20px 0 10px;
}

.linkContact{
    padding: 8px 15px;
    border-radius: 40px;
    background-color: #062844;
    color: #fff;
    margin: 5px;
    width: 130px;
    text-align: center;
    transition: .3s;
}

.linkContact:hover{
    background-color: #F59436;
    text-shadow: 0 0 3px rgba(0,0,0,.4);
}

.loading_planning{
    width: 50px;
    margin: 20px auto;
}
.loading_planning img{
    filter: brightness(75%);
}

.editBtn{
    color: #8DC6C4;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: .2s ease;
    font-size: 15px;
}
.editBtn:after{
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    background: url(/img/edit.svg)no-repeat;
    background-size: contain;
    margin-left: 7px;
    font-size: 15px;
}
.editBtn:hover{
    opacity: .8;
}

.editForm .formLine.withLabel{
    flex-direction: column;
    box-shadow: none;
    padding: 20px 10px;
    border-radius: 0;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.editForm .formLine.withLabel .errorExplain{
    position: static;
    margin: 10px 0;
}

.editForm .formLine.withLabel.symptoms{
    border-bottom: none;
}

.editForm .formLine.withLabel:last-of-type{
    border-bottom: none;
}

#subHeader{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

#subHeader span{
    cursor: pointer;
    padding: 10px 15px;
    color: rgba(6,40,68,.6);
    transition: .3s;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}

#subHeader span.filled{
    background-color: transparent;
    border: 2px solid rgba(6,40,68,.2);
}

#subHeader span.empty{
    border:2px solid rgba(245,164,7,1);
    color: rgba(245,164,7,1);
}

#subHeader span.empty.sel{
    background-color: rgba(6,40,68,1);
    color: #fff;
    border: 2px solid rgba(6,40,68,1);
    position: relative;
}

#subHeader span.empty.sel:after{
    content: "";
    display: block;
    background: url(/img/empty.svg)no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -7px;
    right: -7px;
}

#subHeader span.filled.sel{
    background-color: rgba(6,40,68,1);
    position: relative;
}

#subHeader span.filled:after{
    content: "";
    display: block;
    background: url(/img/filled.svg)no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -7px;
    right: -7px;
    opacity: 0;
    visibility: hidden;
}

#subHeader span.filled.sel:after{
    opacity: 1;
    visibility: visible;
}

#subHeader span.sel{
    color: #fff;
}

.classic_form.label_form .formLine{
    flex-direction: column;
    box-shadow: none;
    margin: 20px auto;
}

/* FAQ */ 

.faqContainer{
    margin: 20px 0;
}

.faqContainer .ask{
    padding: 10px;
    background-color: #dfdfdf;
    color: #004C30;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faqContainer .ask:after{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/img/chevron_menu.svg)no-repeat;
    background-size: contain;
    transition: .5s;
}

.faqContainer .bloc.faq{
    padding: 5px 0;
}

.faqContainer .ask.open{
    background-color: #004C30;
    color: #fff;
}

.faqContainer .ask.open:after{
    transform: rotate(180deg);
    filter: brightness(0) invert(1);
}

.faqContainer .response p{
    margin: 0 0 5px;
    padding: 10px;
    background-color:#dfdfdf;
    color: #004C30;
    border-top: 1px solid rgba(6,40,68,.1);
}

#ui-datepicker-div[caller='datePlanning'] .ui-datepicker-current-day ~ td a, #ui-datepicker-div[caller='datePlanning'] .ui-datepicker-current-day a{
    background: #f4c42a;
}
#ui-datepicker-div[caller='datePlanning'] tbody tr a:hover{
    background: #F59436;
    border: none;
}

.ui-datepicker-today .ui-state-highlight, .ui-widget-content .ui-state-highlight{
    border: none;
    background: #062844;
    color: #fff;
}

/**** MEDIA QUERIES ****/
@media all and (max-width: 1280px){
    .posts .post{
        width: calc(33% - 30px);
        margin: 15px;
    }
    .posts{
        margin: 0 -15px;
    }
    #mainPatient .blocPatient{
        width: 32%;
        padding: 15px;
    }
    .header_simple #logo{
        width: 150px;
    }
    #menu{
        width: calc(100% - 250px);
    }
    #menu .menu_link{
        padding: 10px 5px;
        font-size: 15px;
    }
    .bx-wrapper .practice{
        height: 250px;
    }
    #homeExplain .explainBloc .img{
        height: 200px;
    }
    #homeExplain .explainBloc{
        width: 300px;
    }
    .catBlocPractices .practice{
        height: 200px;
    }
    .editBtn{
        font-size: 14px;
    }
    #mainPraticien .left .planning, #mainPraticien .left .praticienContent, #mainPraticien .right .actusPraticiens, #mainPraticien .right .articlesPraticien{
        padding: 20px;
        margin: 5px 0;
    }
    #mainPraticien .right .encartPraticien{
        margin: 5px 0;
    }
    #mainPraticien .left{
        width: calc(66% - 5px);
        margin-right: 5px;
    }

    #mainPraticien .right{
        width: calc(34% - 5px);
        margin-left: 5px;
    }
    #mainPraticien{
        margin: 10px 0;
    }
    .practitionerLeft{
        padding: 30px 15px 30px 0;
    }
    .practitionerRight #reservation{
        padding: 20px 10px;
    }
    .practitionerRight{
        padding: 30px 0 30px 15px;
    }
    #footerLinks{
        padding: 30px 10px;
    }
    #shop .filters{
        min-width: 240px;
    }
    #pages_54 .bloc.title{
        margin-left: 240px;
    }
    #shop .products .product .price{
        font-size: 14px;
    }
    #shop .products .product .price span.actualPrice{
        font-size: 22px;
    }
    /* Formulaire déménagement */
    .formDemenagement{
        padding: 20px 40px;
    }
    /* Fin formulaire */
}


@media all and (max-width:1100px){
    /* Page builder */
    .bloc.squareBloc .title{
        font-size: 20px;
    }
    .bloc.twin .bloc.bg .bloc.text ol li::marker{
        font-size: 45px;
        letter-spacing: 5px;
    }
    .bloc.twin .bloc.bg .bloc.text ol{
        padding-left: 60px;
    }
    .bloc.subtitle h3{
        font-size: 26px;
    }
    /* fin page builder */
    #otherApply{
        padding: 60px 40px;
    }
    #otherApply .label{
        width: 70%;
    }
    .posts .post{
        width: calc(50% - 30px);
    }
    h1{font-size: 36px;}
    #logo{
        width: 220px;
    }
    #menu{
        width: calc(100% - 180px);
    }
    footer .logo{
        width: 40%;
        padding: 0 20px;
    }
    #footerLinks .blocLinks{
        padding: 0 20px;
        width: 30%;
    }
    #footerLinks .blocLinks.second img{
        width: 70%;
    }
    footer .logo .adhesions .group{
        margin: 0 5px;
    }
    footer .logo img{
        width: 220px;
    }
    #footerLinks .blocLinks a,
    #footerLinks .blocLinks p,
    footer .logo .adhesions p{
        font-size: 13px;
    }
    h2,
    .login_form h1,
    .inscription_bloc h3,
    .classic_form h1{
        font-size: 26px;
    }
    .bloc.twin .bloc.text{
        font-size: 15px;
    }
    .bloc.twin.social_bloc #socialNetworks .links a span{
        transform: translateX(0);
    }
    .catBlocPractices .practice{
        width: calc(33% - 20px);
        margin: 10px;
    }
    .catBlocPractices .head, #catBlocPosts .head{
        font-size: 18px;
    }
    #mainPraticien .left h1, #mainPraticien .left h2{
        font-size: 26px;
    }
    .encartPraticien .content .name{
        font-size: 17px;
    }
    #mainPraticien .right .bloc_content .head, #mainPraticien .right .head{
        font-size: 16px;
    }
    #footerLinks{
        padding: 30px 0;
    }
    #shop .filters{
        min-width: 220px;
    }
    #pages_54 .bloc.title{
        margin-left: 220px;
    }
    .formLine.quantity .input .less,
    .formLine.quantity .input .more{
        font-size: 20px;
        min-width: 40px;
        min-height: 40px;
    }
    /* Boutique */
    .mainProduct .price .qty .formLine{
        width: 70%;
    }
    #recapPay .side{
        width: 350px;
    }
    #recapPay #formPay {
        width: calc(100% - 370px);
    }
    #customerHome .order .orderProduct .blocDetail .details{
        font-size: 14px;
    }
    #customerHome .order .orderProduct .blocDetail .details .quantity b{
        font-size: 16px;
    }
    #customerHome .order .orderProduct .blocDetail .details .price{
        font-size: 17px;
    }
    /* Fin boutique */
}

@media all and (max-width: 1000px){
    .responsive_icons{
        display: flex;
        z-index: 10002;
        
    }
    .upHeader{
        display: none;
    }
    .subHeader{
        position: relative;
        justify-content: center;
    }
    #logo{
        width: 200px;
    }
    .bloc.phone{
        width: calc(33% - 20px);
    }
    .bloc.phone .number{
        font-size: 17px;
    }
    .bloc.phone .number:before{
        width: 22px;
        height: 22px;
    }
    /* Page builder */
    .bloc.articleSmall .content .title{
        font-size: 17px;
    }
    .bloc.articleSmall .content p{
        font-size: 15px;
    }
    .bloc.articleSmall .content{
        padding: 10px;
    }
    .bloc.articleSmall .img{
        height: 180px;
    }
    .bloc.squareBloc{
        width: calc(50% - 10px);
        padding-bottom: 35%;
    }
    .bloc.squareBloc .title{
        font-size: 25px;
    }
    /* fin page builder */
    #mainHome{
        margin: 30px 10px;
    }
    .practitioners #bigHead .text{
        width: calc(100% - 250px);
    }
    #btnHome .home_login, #btnHome .home_elig{
        margin: 10px;
    }
    #btnHome div h3{
        font-size: 22px;
        margin: 10px 0 5px;
    }
    #btnHome div img{
        width: 150px;
        margin-left: 10px;
    }
    #btnHome div p{
        font-size: 15px;
    }
    .login_form{
        margin: 20px auto auto;
    }
    .inscription_bloc{
        margin: 30px 0 0;
    }
    .login_form .padding{
        padding: 0;
    }
    
    label#burger{
        display:flex;
        flex-direction:column;
        width:35px;
        cursor:pointer;
        position: absolute;
        z-index: 10002;
        top: 50%;
        transform: translateY(-50%);
        left: 10px;
    }
    
    .subHeader.appear label#burger{
        left: 20px;
    }

    label#burger span{
      background: #004C30;
      height:2px;
        border-radius: 30px;
      margin: 5px 0;
      transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6);
    }

    .header_simple label#burger{
        top: 50%;
        transform: translateY(-50%);
    }
    
    .subHeader.appear{
        width: 100%;
        padding: 10px 20px
    }

    .header_simple label#burger span{
        background-color: #fff;
        box-shadow: none;
    }

    label#burger span:nth-of-type(1){
      width:100%;
    }

    label#burger span:nth-of-type(2){
      width:100%;
      transform-origin: center;
    }

    label#burger span:nth-of-type(3){
      width:100%;
    }

    label#burger input[type="checkbox"]{
      display:none;
    }

    label#burger input[type="checkbox"]:checked ~ span:nth-of-type(1){
      transform-origin:bottom;
      transform:rotatez(45deg) translate(7px,9px);
      box-shadow: none;
    }

    label#burger input[type="checkbox"]:checked ~ span:nth-of-type(2){
      transform: scale(0);
    }

    label#burger input[type="checkbox"]:checked ~ span:nth-of-type(3){
      transform-origin:bottom;
      transform: translate(0px,-13px) rotatez(-45deg);
      box-shadow: none;
    }
    #menu .subMenu .sub a{
        margin: 0;
    }
    #menu{
        position: absolute;
        flex-direction: column;
        top: 0;
        right: 0;
        align-items: center;
        justify-content: center;
        width: 100vw;
        padding: 30px;
        background-color: #efefef;
        text-align: center;
        transform: translateY(calc(-100% - 11px));
        transition: .55s ease;
        z-index: 1001;
        height: 100vh;
        padding-bottom: 100px;
    }
    .header_simple #menu{
        box-shadow: 0 0 20px rgba(6,40,68,.15);
        padding: 50px 30px 50px;
        z-index: 100;
    }
    #menu .menu_link{
        transition: .2s ease;
        font-size: 20px;
        margin: 10px 0;
    }
    #menu div.menu_link{
        position: static;
        user-select: none;
        user-select: text;
    }
    .submenu{
        left: 100%;
        top: -10px;
        width: 100vw;
        height: 100vh;
        text-align: center;
        transform: translateY(0) translateX(0);
        align-items: center;
        justify-content: center;
        z-index: 1;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        transition: .55s ease;
        background: linear-gradient(270deg, rgba(239,239,239,1) 0%, rgba(239,239,239,1) 85%, rgba(239,239,239,0) 100%);
        pointer-events: initial;
    }
    #menu div.menu_link:hover:after,
    #menu div.menu_link:after{
        transform: rotate(-90deg);
    }
    .submenu.open{
        left: 0;
    }
    
    .locationMenu{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 23vw;
        line-height: 1;
        font-weight: 800;
        width: 100%;
        z-index: -1;
        color: #ebebeb;
        
    }
    
    .submenu .back{
        display: block;
        height: 30px;
        width: 30px;
        background: url(/img/link_arrowGreen.png)no-repeat;
        background-size: contain;
        position: absolute;
        top: 60px;
        left: 20px;
        cursor: pointer;
        transition: .55s ease;
        transform: translateX(30px);
        opacity: 0;
    }
    .submenu .back.show{
        transform: translateX(0);
        opacity: 1;
        transition-delay: .5s;
    }
    
    .submenu a{
        font-size: 20px;
    }
    header #bigHead{
        height: 500px;
    }
    #menu.menu_open{
        transform: translateX(10px);
    }
    #bigHead .text h3{
        font-size: 17px;
    }
    /* Boutique */
    #shop{
        flex-wrap: wrap;
    }
    #shop .filterToggler{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 20px;
        background-color: #ddd;
        margin-bottom: 20px;
        font-size: 17px;
        color: #004C30;
    }
    #shop .filterToggler:before{
        content: "";
        height: 20px;
        width: 20px;
        display: block;
        background: url(/img/filter.png)no-repeat;
        background-size: contain;
        margin-right: 15px;
    }
    #shop .filters{
        opacity: 0;
        visibility: hidden;
        margin-top: 20px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10001;
        padding: 20px;
        background-color: #fff;
        width: 80%;
        box-shadow: 0 0 20px rgb(0 0 0 / 20%);
        max-height: 75vh;
        overflow-y: scroll;
        transition: .4s ease;
    }
    #shop .overlay{
        display: block;
    }
    #shop .filters.filterAppear{
        opacity: 1;
        visibility:visible;
        margin-top: 0;
    }
    #shop .filters .close{
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        background: url(/img/close.png)no-repeat;
        background-size: 16px 16px;
        background-position: center center;
        height: 25px;
        width: 25px;
        cursor: pointer;
        filter: brightness(0.4);
    }
    #shop .products{
        margin-left: 0;
    }
    #shop .products .product{
        margin: 0 0 20px;
        width: calc(50% - 15px);
    }
    #pages_54 .bloc.title{
        margin-left: 0;
    }
    #pages_54 .bloc.title h2{
        margin-top: 0;
    }
    #productPage #packs,
    #productPage #related{
        margin: 80px 0;
    }
    #productPage #packs .product {
        width: calc(50% - 60px);
        margin: 0 0 30px;
    }
    #productPage #packs .pack.nb2 .product{
        width: calc(50% - 30px);
    }
    #productPage #packs .pack.nb2 .price.totalPrice{
        margin-left: 20px;
        margin-top: 20px;
    }
    #productPage #packs .pack.nb2{
        justify-content: center;
    }
    #productPage #packs .pack.nb3{
        justify-content: flex-start;
    }
    #productPage #packs .pack.nb3 .totalPrice{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: calc(50% - 60px);
        margin-top: 0;
    }
    .products .product .img{
        padding-bottom: inherit;
        height: 300px;
    }
    #productPage #related .product{
        width: calc(50% - 15px);
    }
    #productPage #related .product:nth-of-type(3n){
        margin: 0 20px 20px 0;
    }
    #productPage #related .product:nth-of-type(2n){
        margin: 0 0 20px;
    }
    .subTotal{
        min-width: 250px;
        max-width: 250px;
    }
    .subTotal .tot .price,
    .subTotal .tot .label{
        font-size: 20px;
    }
    .subTotal .sub{
        font-size: 15px;
    }
    .contactWrap .contactForm,
    #basketPrompt .products,
    .basketTitle{
        width: calc(100% - 270px);
    }
    #basketPrompt{
        max-width: 90vw;
    }
    #recapPay h2,
    #recapPay #formPay{
        width: 100%;
    }
    #recapPay .side{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #recapPay .side .sideDiv{
        width: 49%;
    }
    #recapPay .side .order{
        padding-bottom: 70px;
    }
    #recapPay .side .order .total{
        position: absolute;
        width: calc(100% - 40px);
        left: 20px;
        bottom: 20px;
    }
    #recapPay h1{
        font-size: 32px;
        margin-bottom: 10px;
    }
    #customerHome .order .orderProduct{
        width: 100%;
    }
    #customerHome .order .orderProduct .blocDetail .details{
        font-size: 16px;
    }
    #customerHome .order .orderProduct .blocDetail .details .quantity b,
    #customerHome .order .orderProduct .blocDetail .details .price{
        font-size: 18px;
    }
    #customerHome .order .total{
        font-size: 20px;
    }
    /* Fin boutique */
    
    /* Calculateur de volume */
    .calculatorVolume .quantity,
    .calculatorVolume .width,
    .calculatorVolume .length,
    .calculatorVolume .height,
    .calculatorVolume .volume{
        width: 80px;
    }
    .calculatorVolume .name,
    .calculatorVolume .action{
        width: 130px;
    }
    .calculatorVolume .head .th{
        font-size: 14px;
    }
    /* Fin calculateur de volume */
    
    /* Formulaire déménagement */
    .formDemenagement{
        padding: 20px;
    }
    .formLine.withChildren.typeDepart .showHideForm .elevatorDepart,
    .formLine.withChildren.typeArrival .showHideForm .elevatorArrival{
        margin-top: 30px;
        width: 720px;
    }
    .value.yes, .value.apt,.value.no{margin: 0 30px;}
    /* Fin formulaire */
}

@media all and (max-width: 900px){
    /* Page builder */
    .subTwin{
        width: calc(50% - 10px);
    }
    .bloc.twin .bloc.bg .bloc.text ol li{
        margin: 10px 0;
    }
    .bloc.twin .bloc.bg .bloc.text ol li::marker {
        font-size: 40px;
        letter-spacing: 3px;
    }
    .bloc.subtitle h3 {
        font-size: 24px;
    }
    .bloc.twin .bloc.bg .bloc.text ol {
        padding-left: 45px;
    }
    .bloc.twin .bloc.bg{
        padding: 15px;
    }
    .bloc.banner{
        height: 250px;
    }
    .bloc.banner .title{
        font-size: 28px;
        margin-bottom: 30px;
    }
    .bloc.article .content{
        padding: 50px 10px;
    }
    .bloc.article .content h2{
        font-size: 26px;
    }
    .bloc.article .content h3{
        font-size: 22px;
    }
    .bloc.article .content .text{
        margin: 10px 0 20px;
    }
    .bloc.slider{
        height: 150px;
    }
    .bloc.slider.picto,
    .bloc.slider.picto.slideActive,
    .bloc.slider.picto.slideActiveClone{
        height: 165px;
    }
    .bloc.slider.picto .title{
        margin-top: 10px;
        font-size: 15px;
    }
    .sliderContainer .viewport{
        height: 290px;
    }
    .bloc.slider.slideActive, .bloc.slider.slideActiveClone{
        height: 280px;
    }

    .bloc.slider.picto .img{
        width: 130px;
        height: 130px;
    }
    .bloc.slider .bloc.text p{
        font-size: 18px;
    }
    .bloc.html table.tableau{
        display: none;
    }
    .bloc.html .responsiveTable{
        display: flex;
        flex-wrap: wrap;
    }
    /* fin page builder */
    
    #jobOfferPage{
        flex-direction: column-reverse;
    }
    
    #jobOfferPage .right{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        padding-top: 20px;
    }
    
    #jobOfferPage .right .jobInfo{
        width: calc(50% - 15px);
    }
    
    #jobOfferPage .left{
        width: 100%;
    }
    
    .jobOffersPage .offers .offer{
        width: calc(50% - 20px);
        margin: 10px;
    }
    
    .formLine.files.document .fileInfo{
        margin: 3px 0;
        font-size: 12px;
    }
    
    .bloc.phone{
        width: calc(50% - 20px);
        margin: 5px 0 30px;
    }
    .bx-wrapper .practice{
        height: 270px;
    }
    footer .logo,
    #footerLinks .blocLinks{
        width: 50%;
        padding: 20px;
    }
    #footerLinks .blocLinks.second:after{
        content: none;
    }
    #footerLinks{
        flex-wrap: wrap;
        padding: 30px;
    }
    .mainProduct .price .qty input[type=number]{
        font-size: 18px;
    }
    .mainProduct .price .qty .formLine{
        width: 80%;
    }
    /* Boutique */
    .contactWrap .contactForm,
    #basketPrompt .products,
    .basketTitle{
        width: 100%;
    }
    #basketPrompt{
        flex-direction: row-reverse;
    }
    .subTotal {
        min-width: 300px;
        max-width: 300px;
        margin-top: 15px;
    }
    h1.basketTitle{
        font-size: 32px;
        margin-top: 15px;
    }
    #customerMenu{
        padding: 35px 20px 10px;
    }
    #customerMenu a{
        margin: 5px 0;
        padding: 10px 0;
    }
    .customer .blocs .bloc{
        width: 100%;
        margin-bottom: 20px;
    }
    .customer .blocs .bloc .order .total .price{
        font-size: 20px;
    }
    .customer h1{
        font-size: 32px;
    }
    #formConnectPage .form form{
        margin-bottom: 20px;
    }
    .pickUp h3{
        font-size: 25px;
        margin-top: 10px;
    }
    /* Fin boutique */
}

@media all and (max-width: 800px){
    #otherApply{
        padding: 50px 30px;
    }
    #otherApply .label{
        font-size: 22px;
        width: 80%;
    }
}

@media all and (max-width: 768px){
    .classic_form .contactInfo{
        flex-direction: column;
    }
    .responsive_icons a{
        margin: 0 12px;
    }
    .jobOffersHome .offers .offer{
        width: 100%;
    }
    .classic_form h3{
        font-size: 17px;
        width: 80%;
        margin: 5px auto 15px auto;
    }
    .contactWrap .classic_form h3{
        width: 100%;
    }
    .contactMap{
        height: 300px;
    }
    .contactTitle{
        font-size: 26px;
        margin-bottom: 10px;
    }
    /* Page Builder */
    .bloc.title h3{
        font-size: 16px;
    }
    .bloc.bg.transparent,
    .articleContainer{
        margin: 50px 5px;
    }
    .bloc.bg{
        margin: 50px 0;
    }
    .explain_baseline{
        position: relative;
        padding: 7px 10px;
    }
    .fieldExplain{
        margin-top: 0;
        margin-bottom: 30px;
    }
    .explain_baseline .linkBtn {
        white-space: nowrap;
        padding: 7px 0;
        text-decoration: underline;
        min-width: 100px;
        position: absolute;
        top: 100%;
        right: 0;
        color: #004C30;
        background-color: transparent;
        font-size: 14px;
    }
    .explain_baseline .help{
        font-size: 15px;
    }
    .articleSmallContainer{
        flex-wrap: wrap;
    }
    .bloc.articleSmall{
        width: 100%;
        margin-bottom: 30px;
        display: flex;
    }
    .bloc.articleSmall:nth-of-type(even){
        flex-direction: row-reverse;
    }
    .bloc.articleSmall .content{
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .bloc.articleSmall .img{
        height: 200px;
        min-width: 270px;
        margin: 15px;
    }
    .bloc.articleSmall .content .title{
        font-size: 18px;
    }
    .bloc.squareBloc .title{
        font-size: 22px;
    }
    .bloc.article .content, .bloc.article .img{
        width: 100%;
    }
    .bloc.article{
        background-color: #e7e7e7;
    }
    .bloc.article .content{
        padding: 40px 10px 30px;
    }
    .bloc.article .img{
        height: 350px;
        margin: 0 30px 30px;
        width: auto;
    }
    .bloc.article:nth-of-type(even){
        flex-direction: column;
    }
    .bloc.article{
        flex-direction: column;
        margin: 30px 0;
    }
    .bloc.article .img{
        height: 300px;
        margin: 0 20px 20px;
    }
    .subTwin{
        width: 100%;
        margin: 10px 0;
    }
    .bloc.twin:nth-child(odd) {
        flex-direction: column-reverse;
    }
    .bloc.bg{
        padding: 10px 0;
    }
    .bloc.bg .bloc.twin .bloc.image img {
        max-height: 350px;
    }
    .bloc.bg .bloc.link{
        display: flex;
        justify-content: center;
    }
    .bloc.bg .bloc.twin .bloc.link{
        justify-content: flex-start;
    }
    .bloc.slider .bloc.title h2,
    .bloc.slider .bloc.subtitle h3,
    .bloc.slider .bloc.text p{
        font-size: 16px;
    }
    .bloc.twin{
        margin: 0 5px 40px;
        flex-direction: column;
    }
    /* fin page builder */
    .formLine.files.document label{
        font-size: 15px;
    }
    .posts .sendBy .bg{
        justify-content: flex-start;
        width: calc(100% - 60px);
    }
    .mainPost h1{
        font-size: 20px;
    }
    .posts .mainPost .sendBy .bg .details a{
        margin-bottom: 5px;
        font-size: 20px;
    }
    .posts{
        margin: 0 -10px;
    }
    #bigHead .text .title{
        font-size: 32px;
    }
    .payForm{
        flex-direction: column-reverse;
    }
    .payForm .practitionerInfo,
    .payForm .classic_form{
        width: 100%;
    }
    #mainHome .subtitle{
        font-size: 20px;
    }
    .explain_baseline:before{
        height: 18px;
        width: 18px;
        min-height: 18px;
        min-width: 18px;
    }
    .posts .post div a:after{
        margin-left: 6px;
        opacity: 1;
        width: 16px;
        height: 16px;
    }
    .login_form .formLine input{
        height: 39px;
    }
    h2,
    .login_form h1,
    .inscription_bloc h3,
    .classic_form h1{
        font-size: 24px;
    }
    .posts .post .label{
        font-size: 16px;
    }
    .posts .post{
        width: calc(50% - 20px);
        margin: 10px;
    }
    #bigHead .text{
        padding: 80px 25px;
    }
    
    #bigHead.smallHead .text{
        padding: 0 15px;
    }
    #logo{
        width: 180px;
    }
    .subHeader.appear #logo{
        width: 160px;
    }
    #mainHome{
        padding: 20px;
    }
    .bloc.twin .linkBtn{
        margin-top: 0;
    }
    .bloc.twin.social_bloc{
        flex-direction: column;
        align-items: center;
    }
    .bloc.twin.social_bloc .subTwin{
        width: 80%;
    }
    .bloc.twin.social_bloc #socialNetworks .links{
        flex-direction: row;
    }
    .bloc.twin.social_bloc h3{
        margin-top: 15px;
    }
    .bloc.twin.social_bloc h3{
        font-size: 18px;
    }
    .classic_form .contactInfo{
        flex-wrap: wrap;
    }
    .radio_input{
        padding: 7px 15px;
        margin-left: 0;
        margin-right: 10px;
    }
    #jobOfferPage.apply #applicationTitle,
    #jobOfferPage.apply .rgpd,
    #jobOfferPage.apply .bottom,
    #jobOfferPage.apply .contactInfo .right,
    #jobOfferPage.apply .contactInfo .left,
    .classic_form .left,
    .classic_form .right,
    .classic_form .bottom,
    .classic_form .rgpd{
        width: 80%;
        margin: 0 auto;
    }
    #jobOfferPage.apply #applicationTitle .subtitle{
        font-size: 26px;
    }
    #jobOfferPage.apply .classic_form{
        padding: 0;
    }
    #jobOfferPage.apply #applicationTitle {
        padding: 50px 0 20px;
    }
    .formLine{
        margin: 15px auto;
    }
    .formLine.files.document{
        margin-top: 25px;
    }
    form[action='/contact/getForm'] textarea{
        height: 170px;
    }
    .formLine label{
        font-size: 15px;
    }
    .formLine textarea,
    .formLine input{
        padding: 8px 10px;
    }
    .formLine img{
        height: 39px;
        padding: 8px 14px;
    }
    .formLineBtn{
        margin: 10px 0 15px 0;
    }
    #subHeader span{
        padding: 7px;
        font-size: 14px;
    }
    .classic_form{
        margin: 20px auto;
    }
    .posts .comments .head{
        font-size: 18px;
    }
    .actions{
        flex-direction: column;
        width: 75%;
        margin: 0 auto;
    }
    .actions a{
        margin: 10px 0;
    }
    /* Boutique */
    #productPage h1{
        font-size: 34px;
        margin: 20px 0 10px;
    }
    #productPage #related h4, #productPage #packs h4{
        font-size: 24px;
    }
    #productPage #related p,
    #productPage #packs p{
        font-size: 16px;
    }
    .products .pack .product .img{
        height: 200px;
    }
    .products .product .price span{
        font-size: 22px;
    }
    .products .product h3{
        font-size: 18px;
    }
    #productPage #packs .packCalc:before{
        font-size: 38px;
    }
    #productPage #related .products .product .img{
        height: 240px;
    }
    .mainProduct{
        flex-direction: column;
    }
    .mainProduct .galerie{
        display: flex;
        justify-content: space-between;
    }
    .mainProduct .pictures{
        margin-right: 0;
        width: 100%;
    }
    .mainProduct .pictures .first{
        width: 100%;
    }
    .mainProduct .pictures .others{
        width: 170px;
        margin-left: 10px;
        flex-direction: column;
    }
    .mainProduct .pictures .first picture img{
        height: 100%;
        object-fit: cover;
    }
    .mainProduct .pictures .others picture{
        width: 0;
        height: calc(25% - 10px);
        margin-bottom: 10px;
        padding-left: 100%;
    }
    .mainProduct .pictures .others picture:last-child{
        margin-bottom: 0;
    }
    .mainProduct .content{
        width: 100%;
    }
    .mainProduct .price .qty .formLine{
        width: 60%;
    }
    #basketPrompt{
        flex-wrap: nowrap;
        flex-direction: column;
    }
    #basketPrompt .products .product .img{
        width: 170px;
        height: 170px;
    }
    #basketPrompt .products .product h3{
        padding-bottom: 10px;
        margin-top: 5px;
        font-size: 17px;
    }
    #basketPrompt .products .product .price,
    #basketPrompt .products .product .price span{
        font-size: 14px;
    }
    #basketPrompt .quantity input[type=number]{
        font-size: 16px;
        width: 50px;
    }
    #basketPrompt .buttons .returnBtn{
        margin: 15px auto;
    }
    #recapPay .side .sideDiv{
        width: 100%;
    }
    .customer .blocs .bloc .head,
    #recapPay .side .sideDiv .head{
        font-size: 18px;
    }
    .customer .blocs .bloc .order .total,
    .customer .blocs .bloc .order .orderId{
        font-size: 16px;
    }
    .customer .blocs .bloc .content p,
    #recapPay .side .contactInfos .content p,
    #recapPay .side .order .productLine h3{
        font-size: 15px;
    }
    #customerHome .order .line .orderId,
    #customerHome .order .line .date
    .customer .blocs .bloc .order .date{
        font-size: 14px;
    }
    .subTotal{
        min-width: 100%;
        margin-bottom: 30px;
    }
    #customerMenu{
        border-right: none;
        transition: .4s ease;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 100%;
        z-index: 1001;
        background-color: #004C30;
        box-shadow: 5px 5px 20px rgb(0 0 0 / 10%);
    }
    #customerMenu a{
        color: #fff;
        background-color: transparent;
        padding: 0 10px;
        margin: 10px 0;
        opacity: .6;
    }
    #customerMenu a:before{
        filter: brightness(0) invert(1);
    }
    #customerMenu.toggle{
        right: calc(100% - 300px);
    }
    .menuToggle{
        display: inline-block;
        padding: 10px 20px;
        background: #e4e4e4;
        cursor: pointer;
        margin-bottom: 10px;
        font-size: 14px;
        color: #888;
    }
    .menuToggle:after{
        background: url(/img/menu-client.png)no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        height: 24px;
        width: 24px;
        vertical-align: middle;
        margin-left: 6px;
    }
    #customerMain{
        position: relative;
    }
    #customerMain .close{
        display: block;
        height: 26px;
        width: 26px;
        background: url(/img/close.png)no-repeat;
        background-size: 14px 14px;
        background-position: center center;
        position: absolute;
        top: 5px;
        right: 5px;
        cursor: pointer;
    }
    .pickUpInfo{
        flex-direction: column;
    }
    .pickUpInfo > div{
        width: 100%;
    }
    .pickUp{
        padding: 30px 15px;
    }
    #confirmation .bloc.phone.center{
        margin: 30px auto;
    }
    /* Fin boutique */
    
    /* Calculateur de volume */
    .calculatorWrapper{
        display: flex;
        overflow-x: scroll;
        padding-top: 2px;
    }
    .calculatorVolume .total{
        width: 100%;
    }
    .calculatorVolume .head,
    .calculatorVolume .line{
        flex-direction: column
    }
    .calculatorVolume .body{display: flex;}
    .calculatorVolume .name,
    .calculatorVolume .action,
    .calculatorVolume .quantity,
    .calculatorVolume .width,
    .calculatorVolume .length,
    .calculatorVolume .height,
    .calculatorVolume .volume{
        width: 120px;
        height: 40px;
        margin-bottom: 5px;
        margin-right: 10px;
    }
    .calculatorVolume .name input,
    .calculatorVolume .action input,
    .calculatorVolume .quantity input,
    .calculatorVolume .width input,
    .calculatorVolume .length input,
    .calculatorVolume .height input,
    .calculatorVolume .volume input{
        font-size: 14px;
    }
    .calculatorVolume .infiniteRow{
        display: flex;
    }
    .calculatorVolume .line .action .add:after{
        min-height: 14px;
        min-width: 14px;
        margin-left: 8px;
        font-size: 12px;
    }
    .calculatorVolume .line .action .delete:after{
        font-size: 26px;
        margin-left: 8px;
    }
    .calculatorVolume .line .action .add,
    .calculatorVolume .line .action .delete{
        font-size: 14px;
    }
    .calculatorVolume .total{
        font-size: 18px;
    }
    /* Fin calculateur de volume */
    
    /* Formulaire déménagement */
    .formDemenagement h3{
        width: 100%;
    }
    .formLine.withChildren span.value{
        font-size: 15px;
    }
    .formLine.withChildren.storage .showHideForm .storageDate,
    .formLine.withChildren.selfStorage .showHideForm .selfStorageDate{
        width: 500px;
        margin-top: 30px;
    }
    .value.yes, .value.apt, .value.no{
        margin: 0 0 0 10px;
        text-indent: -9999px;
    }
    .formDemenagement .formLine.formule .input{
        flex-wrap: wrap;
    }
    .formLine.blocParent .children .formLine.addressDepart input,
    .formLine.blocParent .children .formLine.addressArrival input,
    .formLine.blocParent .children .formLine.zipCodeDepart input,
    .formLine.blocParent .children .formLine.cityDepart input,
    .formLine.blocParent .children .formLine.zipCodeArrival input,
    .formLine.blocParent .children .formLine.cityArrival input{
        width: auto;
    }
    .formLine.blocParent .children .formLine.addressDepart,
    .formLine.blocParent .children .formLine.addressArrival,
    .formLine.blocParent .children .formLine.zipCodeDepart,
    .formLine.blocParent .children .formLine.cityDepart,
    .formLine.blocParent .children .formLine.zipCodeArrival,
    .formLine.blocParent .children .formLine.cityArrival{
        width: 100%;
        margin-bottom: 10px;
    }
    .input.datepick input {
        width: 120px;
        font-size: 14px;
    }
    .formDemenagement .formLine.phone.blocParent .children{
        width: 80%;
    }
    /* Fin formulaire */
}

@media all and (max-width: 700px){
    #jobOfferPage .right .jobInfo{
        width: 100%;
        margin: 7px 0;
    }
    #jobOfferPage .right .linkApplication{
        margin: 7px auto;
    }
    #jobOfferPage .left .linkApplication a{
        margin: 0 auto;
    }
    .posts{
        justify-content: center;
    }
    .posts .post .img{
        height: 180px;
    }
    .bloc.twin{
        margin: 0 0 40px;
    }
    .home .bloc.twin:nth-child(odd){
        flex-direction: column;
    }
    .login_form .blocBtn{
        margin-top: 5px;
    }
    #shop .filters{
        width: 90%;
    }
    #shop .filterToggler{
        margin-bottom: 10px;
    }
    #shop .products{
        flex-wrap: wrap;
    }
    #shop .products .product{
        width: 100%;
        margin: 0 0 25px;
    }
    #shop .products .product h3{
        font-size: 18px;
    }
    #shop .products .product .price span.actualPrice{
        font-size: 20px;
    }
    .bloc.html .responsiveTable .formuleWrapper{
        padding: 10px;
        margin: 10px 0;
    }
}

@media all and (max-width: 600px){
    #otherApply {
        padding: 40px 20px;
    }
    #otherApply .label {
        font-size: 21px;
        width: 100%;
    }
    .actions{
        width: 85%;
    }
    .jobOffersPage,
    .jobOffersHome{
        margin: 40px 0;
    }
    .jobOffersPage .offers .offer{
        width: 100%;
        margin: 10px 0;
    }
    #jobOfferPage.apply #applicationTitle,
    #jobOfferPage.apply .rgpd,
    #jobOfferPage.apply .bottom,
    #jobOfferPage.apply .contactInfo .right,
    #jobOfferPage.apply .contactInfo .left,
    .classic_form .left,
    .classic_form .right,
    .classic_form .bottom,
    .classic_form .rgpd,
    .classic_form h3{
        width: 90%;
    }
    #jobOfferPage.apply .right{
        display: flex;
        padding: 0;
        justify-content: flex-end;
    }
    #jobOfferPage.apply #applicationTitle {
        padding: 70px 0 10px;
    }
    #jobOfferPage.apply .jobInfoSmall .value .img{
        margin-left: 5px;
        width: 20px;
    }
    #jobOfferPage.apply .jobInfoSmall{
        margin: 5px 10px;
    }
    /* Page builder */
    .bloc.banner{
        height: 200px;
    }
    .bloc.banner .title{
        font-size: 26px;
        margin-bottom: 20px;
    }
    .bloc.title{
        margin: 0;
    }
    .bloc.article .content .text{
        margin: 10px 0;
    }
    .bloc.article .img{
        height: 250px;
        margin: 0 15px 15px;
    }
    .bloc.article .content{
        padding: 30px 10px 25px;
    }
    .bloc.article .content h2{
        font-size: 24px;
    }
    .bloc.article .content h3{
        font-size: 20px;
    }
    .articleContainer{
        margin: 50px 0;
    }
    .bloc.bg,
    .bloc.bg.transparent{
        margin: 30px 0;
    }
    /*.bloc.bg.transparent{
        margin: 30px 5px;
    }*/
    .bloc.subtitle h3{
        font-size: 22px;
        margin: 50px 0 0;
    }
    .bloc.squareBloc{
        width: 100%;
        padding-bottom: 70%;
        margin: 5px 0;
    }
    .bloc.squareBloc .title{
        font-size: 25px;
    }
    .articleSmallContainer{
        margin: 0 0 50px;
    }
    .explain_baseline{
        margin: 1em 0;
    }
    .bloc.articleSmall{
        display: block;
    }
    .bloc.articleSmall .img{
        min-width: auto;
        margin: 0;
    }
    .bloc.articleSmall .content{
        padding: 15px;
    }
    .sliderContainer .viewport{
        height: 210px;
    }
    .bloc.slider.slideActive, .bloc.slider.slideActiveClone{
        width: 98%;
        height: 200px;
    }
    .bloc.slider{
        width: 0%;
        height: 130px;
    }
    .control_prev,
    .control_next{
        min-width: 25px;
        min-height: 25px;
        width: 25px;
        height: 25px;
    }
    .bloc.html .responsiveTable .formuleWrapper{
        width: 100%;
        padding: 0;
    }
    /* fin page builder */
    
    #footerLinks{
        padding: 0 30px;
    }
    
    footer .logo, #footerLinks .blocLinks{
        width: 100%;
        padding: 30px 0;
    }
    
    #footerLinks .blocLinks:after{
        width: 100%;
        height: 1px;
        top: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    
    #footerLinks .blocLinks.second:after{
        content: "";
        top: 0;
        left: 50%;
    }
    footer .logo .adhesions{
        margin-top: 15px;
    }
    footer .logo img,
    #footerLinks .blocLinks.second img{
        width: 200px;
    }
    
    #all .PaylineWidget.pl-container-default .pl-pay-btn{
        font-size: 16px;
        margin: 10px;
    }
    .slideContainer.posts{
        height: 235px;
    }
    .bloc.twin.social_bloc .subTwin{
        width: 90%;
    }
    .posts .post{
        width: 100%;
    }
    header #bigHead{
        flex-direction: column;
        position: relative;
    }
    #bigHead .img{
        height: 100%;
        width: 100%;
        position: relative;
    }
    #bigHead .img:after{
        background: rgba(6, 40, 68, .65);
    }
    header #bigHead .img img{
        height: auto;
        width: 100%;
    }
    #bigHead .text{
        background-color: transparent;
        position: absolute;
        width: 100%;
        padding: 0 20px;
        z-index: 1;
    }
    #bigHead .text h1{
        margin-bottom: 0;
    }
    header #bigHead,
    #bigHead.smallHead{
        height: 400px;
    }
    label#burger{
        width: 30px;
    }
    label#burger span{
        margin: 4px 0;
    }

    label#burger input[type="checkbox"]:checked ~ span:nth-of-type(3){
        transform: translate(0px,-9px) rotatez(-45deg);
    }
    #menu{
        padding: 0 10px 30px;
    }
    .submenu a,
    #menu .menu_link{
        font-size: 18px;
    }
    h1{
        font-size: 36px;
    }
    #credits{
        flex-direction: column;
    }
    #credits .created{
        position: static;
        transform: translateY(0);
    }
    #bigHead .text h3{
        font-size: 16px;
    }
    .bloc_content .head{
        width: calc(100% - 130px);
        font-size: 17px;
    }
    .bloc_content .linkBtn{
        min-width: auto;
        width: 120px;
    }
    .bx-wrapper .practice{
        height: 200px;
    }
    .bx-wrapper .practice .label{
        font-size: 20px;
        width: 80%;
    }
    .catBlocPractices .practice{
        width: 100%;
        height: 220px;
        margin: 15px;
    }
    
    .formLineBtn input[type=submit]{
        padding: 10px;
    }
    .login_form .blocBtn a{
        font-size: 14px;
    }
    
    #bigHead .text .title{
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    #logo{
        width: 160px;
    }
    .subHeader.appear #logo{
        width: 150px;
    }
    .responsive_icons{
        flex-direction: column;
        top: 100%;
        transform: translateY(30px);
        transition: .6s ease; 
        pointer-events: none;
    }
    .responsive_icons a{
        pointer-events: none;
        margin: 5px 0;
        position: relative;
        height: 40px;
        width: 40px;
        transform: scale(0);
        transition: .4s ease; 
        border-radius: 50%;
        box-shadow: 0 0 15px rgba(0,0,0,.15);
    }
    
    .responsive_icons.show{
        transform: translateY(15px);
        pointer-events: inherit;
    }
    
    .responsive_icons .panierLink {
        background: url(/img/shopping-cart.png)no-repeat center;
        background-size: 19px 19px;
        background-color: #fff;
    }
    .responsive_icons .connexionLink {
        background: url(/img/connexion.png)no-repeat center;
        background-size: 19px 19px;
        background-color: #fff;
        transition-delay: .05s;
    }
    .responsive_icons .phoneLink {
        background: url(/img/telephone-v.png)no-repeat center;
        background-size: 19px 19px;
        background-color: #fff;
        transition-delay: .1s;
    }
    .responsive_icons .devisLink{
        background: url(/img/devis.png)no-repeat center;
        background-size: 19px 19px;
        background-color: #fff;
        transition-delay: .1s;
    }

    .responsive_icons a.show{
        transform: scale(1);
        pointer-events: inherit;
    }

    .subHeader .more{
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        height: 24px;
        width: 24px;
        cursor: pointer;
        z-index: 10002;
    }
    .subHeader.appear .more{
        right: 10px;
    }
    .subHeader.appear .responsive_icons{
        right: 10px;
    }
    .subHeader.appear .responsive_icons.show{
        transform: translateY(10px);
    }
    /* Boutique */
    #productPage #packs .product {
        min-width: 300px;
        margin: 0 0 10px;
    }
    #productPage #packs .pack.nb2,
    #productPage #packs .pack.nb3{
        overflow-x: scroll;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    #productPage #packs .pack.nb2 .price.totalPrice,
    #productPage #packs .pack.nb3 .totalPrice{
        margin: 0 20px 0 15px;
        width: auto;
    }
    #productPage #related .product{
        width: 100%;
        margin: 0 0 20px;
    }
    #productPage #related .product:nth-of-type(3n){
        margin: 0 0 20px;
    }
    #productPage #related{
        margin: 80px 0 20px;
    }
    .mainProduct .galerie{
        flex-direction: column;
    }
    .mainProduct .pictures .others{
        width: 100%;
        margin-left: 0;
        flex-direction: row;
    }
    .mainProduct .pictures .others picture{
        width: 24%;
        height: 0;
        margin-bottom: 10px;
        padding-bottom: 24%;
        padding-left: inherit;
    }
    .mainProduct .price .qty .formLine{
        width: 70%;
    }
    #basketPrompt .products .product{
        flex-direction: column;
    }
    #basketPrompt .products .product .img{
        width: 250px;
        height: 200px;
    }
    #basketPrompt .products .product .content{
        padding: 0;
        margin-top: 10px;
    }
    #formConnectPage .sideContent .side{
        width: 100%;
    }
    /* Fin boutique */
    
    /* Calculateur de volume */
    
    .calculatorVolume .name,
    .calculatorVolume .action,
    .calculatorVolume .quantity,
    .calculatorVolume .width,
    .calculatorVolume .length,
    .calculatorVolume .height,
    .calculatorVolume .volume{
        width: 100px;
    }
    
    /* Fin calculateur de volume */
}

@media all and (max-width: 500px){
    .jobOffersPage .categories .filter{
        font-size: 14px;
        margin: 4px;
    }
    .jobOffersPage .offers{
        margin-top: 20px;
    }
    .bloc.phone {
        width: 280px;
        margin: 5px auto 20px;
    }
    h2, .login_form h1, .inscription_bloc h3, .classic_form h1{
        font-size: 22px;
    }
    .jobOffersHome{
        padding: 15px;
    }
    .actions{
        width: 100%;
    }
    #jobOfferPage.apply #applicationTitle,
    #jobOfferPage.apply .rgpd,
    #jobOfferPage.apply .bottom,
    #jobOfferPage.apply .contactInfo .right,
    #jobOfferPage.apply .contactInfo .left,
    .classic_form .left,
    .classic_form .right,
    .classic_form .bottom,
    .classic_form .rgpd,
    .classic_form h3{
        width: 100%;
    }
    .classic_form h3{
        padding-bottom: 10px;
    }
    /* Page builder */
    .bloc.squareBloc .title{
        font-size: 21px; 
    }
    .bloc.subtitle h3{
        font-size: 20px;
    }
    .bloc.twin .bloc.bg .bloc.text ol li::marker{
        font-size: 35px;
    }
    .bloc.twin .bloc.bg .bloc.text ol {
        padding-left: 40px;
    }
    .bloc.bg .bloc.twin .bloc.image img {
        max-height: 300px;
    }
    .bloc.article .linkBtn{
        margin-bottom: 25px;
    }
    .bloc.slider.picto .img {
        width: 120px;
        height: 120px;
    }
    .articleSmallContainer {
        margin: 0 0 30px;
    }
    /* fin page builder */
    
    .linkBtn{
        padding: 10px 10px 10px 30px;
    }
    .linkBtn2{
        padding: 9px;
    }
    #mainHome{
        margin: 15px 0;
        height: calc(100vh - 110px);
    }
    #mainHome h1{
        font-size: 46px;
        margin-top: 40px;
    }
    #mainHome .search_cura{
        margin-bottom: 40px;
    }
    #mainHome .baseline{
        font-size: 16px;
    }
    #mainHome .search_cura p{
        font-size: 12px;
    }
    #subHeader{
        margin-top: 10px;
    }
    #subHeader span{
        width: calc(50% - 10px);
        text-align: center;
    }
    .adminMedia{
        width: 200px;
    }
    .title_explain .bloc.title h2{
        font-size: 18px;
    }
    .title_explain .bloc.text p{
        font-size: 14px;
    }
    .header_simple #logo{
        width: 130px;
    }
    .messageConversation{
        max-width: 95%;
    }
    .messageConversation .target .img{
        width: 60px;
        height: 60px;
    }
    .messageConversation .target .name{
        font-size: 17px;
        width: calc(100% - 80px);
    }
    .linkBtn.cancel{
        margin-left: 10px;
    }
    .responsive_avail{
        font-size: 14px;
        width: 210px;
    }
    .inscription_bloc{
        padding: 20px 10px;
        margin: 20px 0 0;
    }
    .login_form h1,
    .classic_form h1{
        padding: 0;
    }
    .formLine{
        width: 100%;
    }
    .zoneSelect p{
        padding: 7px 14px;
    }
    #homeExplain{
        padding: 15px 0;
    }
    #homeExplain .explainBloc p.content{
        margin-top: 15px;
    }
    #homeExplain .explainBloc{
        margin: 20px 0;
    }
    .bloc.twin.social_bloc #newsletterForm .explain{
        font-size: 10px;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .bloc.twin.social_bloc #newsletterForm .inputs input[type=submit]{
        min-width: auto;
        font-size: 14px;
        padding: 12px 10px;
    }
    .bloc.twin.social_bloc #socialNetworks .links a span{
        font-size: 14px;
        width: calc(100% - 60px);
    }
    .bloc.twin.social_bloc .subTwin{
        width: 100%;
    }
    .bloc.twin.social_bloc #socialNetworks .links a{
        width: 60px;
        height: 60px;
    }
    .bloc.twin.social_bloc #socialNetworks .links img{
        min-width: 60px;
        max-width: 60px;
        padding: 15px;
    }
    .bloc.twin.social_bloc #socialNetworks .links a:before{
        width: 60px;
        height: 60px;
    }
    .bloc.bg .bloc.text{
        margin-bottom: 0;
    }
    .bloc.bg .bloc.text p,
    .inscription_bloc p{
        font-size: 15px;
    }
    .subTwin{
        width: 100%;
    }
    .posts{
        margin: 0;
    }
    .posts .post{
        width: 100%;
        margin: 10px 0;
    }
    #mainHome .link .linkBtn{
        padding: 7px 20px;
        font-size: 16px;
    }
    #mainHome .subtitle{
        font-size: 18px;
    }
    header #bigHead,
    #bigHead.smallHead{
        height: 300px;
    }
    .submenu a, #menu .menu_link{
        font-size: 17px;
    }

    #footerLinks{
        padding: 0 15px;
    }
    
    .bloc_content .head{
        width: 100%;
        margin-bottom: 10px;
    }
    .bloc_content .linkBtn{
        margin-bottom: 20px;
        font-size: 14px;
        padding: 4px;
        width: 100px;
    }
    .bloc.twin.social_bloc #socialNetworks .links a:hover{
        width: 200px;
    }
    .bloc_content{
        padding: 30px 0;
    }
    #btnHome .home_login, #btnHome .home_elig{
        max-width: 100%;
    }
    #btnHome{
        padding-top: 0;
    }
    #btnHome div a{
        font-size: 16px;
    }
    #btnHome div img{
        display: none;
    }
    #btnHome div p{
        width:100%;
    }
    #btnHome div h3{
        font-size: 20px;
    }
    #mainHome{
        padding: 10px;
    }
    .linkContact{
        padding: 6px 10px;
        font-size: 14px;
        width: 110px;
    }
    #jobOfferPage .left .linkBtn{
        width: 285px;
    }
    /* Boutique */
    
    .mainProduct .price{
        flex-direction: column;
    }
    .mainProduct .price .unit, .mainProduct .price .qty{
        width: 100%;
    }
    .mainProduct .price .qty{
        border-left: none;
        border-top: 1px solid #ccc;
        padding-top: 15px;
        margin-top: 15px;
    }
    .mainProduct .price .qty .formLine{
        width: 150px;
    }
    #basketPrompt .products .product .img{
        width: 100%;
    }
    #basketPrompt .buttons .returnBtn{
        max-width: 100%;
        margin: 15px;
    }
    #basketPrompt .product .delete{
        top: 230px;
    }
    #basketPrompt.basketPage{
        padding: 15px 0;
    }
    .contactAlreadyLogged .label{
        font-size: 17px;
        margin-top: 10px;
    }
    .contactAlreadyLogged .buttons{
        flex-direction: column-reverse;
        margin-top: 20px;
    }
    .contactAlreadyLogged .buttons a{
        width: 100%;
        margin: 5px 0;
    }
    #recapPay h1,
    h1.basketTitle{
        font-size: 30px;
    }
    #recapPay h2{
        font-size: 17px;
    }
    #recapPay .side .order .total{
        font-size: 18px;
    }
    #recapPay .side .order .total .label{
        font-size: 16px;
    }
    .customer h1{
        font-size: 28px;
    }
    #customerHome .order .orderProduct .blocDetail{
        flex-direction: column
    }
    #customerHome .order .orderProduct .blocDetail .image{
        width: 100%;
        padding-bottom: 0;
        height: 220px;
    }
    #customerHome .order .orderProduct .blocDetail .details{
        width: 100%;
    }
    #customerHome .order .orderProduct .blocDetail .details .feature{
        margin: 15px 0;
    }
    .pickUpInfo .map{
        max-height: 250px;
        overflow: hidden;
    }
    #customerHome .order .line .orderId .status{
        display: block;
        margin-left: 0;
        padding-left: 0;
        border-left: none;
        font-weight: 500;
    }
    /* Fin boutique */
    
    /* Formulaire déménagement */
    .formLine.blocParent .children .formLine.addressDepart input,
    .formLine.blocParent .children .formLine.addressArrival input,
    .formLine.blocParent .children .formLine.zipCodeDepart input,
    .formLine.blocParent .children .formLine.cityDepart input,
    .formLine.blocParent .children .formLine.zipCodeArrival input,
    .formLine.blocParent .children .formLine.cityArrival input{
        width: 100%;
    }
    .formDemenagement .formLine.phone.blocParent .children{
        width: 100%;
    }
    .formDemenagement .formLine.formule .radio_input{
        margin-bottom: 5px;
    }
    /* Fin formulaire */
}

@media all and (max-width: 400px){
    /* Page builder */
    
    .bloc.articleSmall .img{
        height: 180px;
    }
    .bloc.articleSmall .content .title{
        font-size: 17px;
    }
    /* fin page builder */
    .products .product .img{
        height: 260px;
    }
    .contactMap{
        height: 270px;
    }
    .contactTitle{
        font-size: 24px;
    }
    #ariane a{
        font-size: 10px;
    }
    .posts .sendBy .bg .img{
        min-height: 70px;
        max-height: 70px;
        min-width: 70px;
        max-width: 70px;
    }
    .posts .sendBy .bg .details .author{
        font-size: 14px;
    }
    .posts .sendBy .bg .details .profession{
        font-size: 12px;
    }
    .practitionerRight #reservation .formLine.mode.radio .input{
        flex-wrap: wrap;
    }
    .practitionerRight #reservation .formLine.mode.radio .radio_input{
        margin: 5px;
    }
    .my_articles_wrapper{
        width: 260px;
    }
    #bigHead .text .title {
        font-size: 28px;
        line-height: 35px;
    }
    .practitionerRight #reservation #planning .content .day .head{
        font-size: 13px;
    }
    .bloc.twin.social_bloc h3{
        font-size: 16px;
    }
    h2,
    .login_form h1,
    .inscription_bloc h3,
    .classic_form h1{
        font-size: 22px;
    }
    .posts .post .img{
        height: 180px;
    }
    #bigHead .text h3{
        font-size: 15px;
    }
    .bx-wrapper .practice{
        height: 160px;
    }
    .bx-controls-direction a:nth-child(2){
        right: -25px;
    }
    .bx-controls-direction a:nth-child(1){
        left: -25px;
    }
    .bx-controls-direction a img{
        width: 20px;
    }
    .bx-wrapper .practice .label{
        font-size: 16px;
    }
    .catBlocPractices{
        margin: 20px 0 30px;
    }
    .catBlocPractices .practice{
        width:100%;
        height: 180px;
        margin: 10px 0;
    }
    .classic_form{
        padding: 15px 10px;
    }
    #bigHead .text .title.practicien_name{
        font-size: 20px;
        line-height: 30px;
    }
    .headLine.distance, .headLine.duration, .headLine.travel{
        font-size: 12px;
    }
    .posts .post div .label{
        font-size: 15px;
    }
    .posts .post div p,
    .posts .post div a{
        font-size: 14px;
    }
    /* Boutique */
    .products .product .price span{
        font-size: 20px;
    }
    .products .product h3{
        font-size: 17px;
    }
    #productPage #packs .pack.nb3 .price .finalPrice span{
        font-size: 28px;
    }
    #productPage #packs .product{
        min-width: 250px;
    }
    .mainProduct .unit span.strike,
    .products .product .oldPrice .strike{
        font-size: 15px;
    }
    #customerMenu.toggle {
        right: calc(100% - 280px);
        width: 280px;
    }
    /* Fin boutique */
}

@media all and (max-width: 360px){
    #mainPraticien .left h1, #mainPraticien .left h2, #mainPraticien .right .bloc_content .head, #mainPraticien .right .head{
        font-size: 16px;
    }
    .practitionerRight #reservation #planning .content .day .head{
        font-size: 12px;
    }
    #btnHome div h3{
        font-size: 18px;
    }
    #mainHome h1{
        font-size: 42px;
    }
}

@media all and (max-width: 900px){
    #subHeader span,
    .slide[data-id="dispo"] #availsList .avails .avail .hour,
    .subMenu .label,
    #mainPraticien #planning .week .head,
    #mainPraticien #planning .week .hours .hour,
    #priceEngineForm label{
        user-select: none;
    }
}


@media (prefers-reduced-motion: reduce){
    *,
    *::before,
    *::after{
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        transition-delay: 0ms !important;
        scroll-behavior: auto !important;
        animation-delay: 0s !important;
    }
    .animatable{
        visibility: visible !important;
    }
    
}

/* Datepicker style */
.ui-datepicker .ui-datepicker-header{
    background-color: #fff;
}
.ui-datepicker .ui-datepicker-title{
    color: #888;
    font-weight: 400;
    font-size: 14px;
}
.ui-datepicker .ui-datepicker-prev{
    background: url(/img/ext/arrowPrevious.png)no-repeat;
    background-size: contain;
    background-position: center center;
    height: 18px;
    width: 18px;
    border: none;
    left: 4px;
    opacity: .3;
    transition: .2s ease;
}
.ui-datepicker .ui-datepicker-next{
    background: url(/img/ext/arrowNext.png)no-repeat;
    background-size: contain;
    background-position: center center;
    height: 18px;
    width: 18px;
    border: none;
    right: 4px;
    opacity: .3;
    transition: .2s ease;
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover{opacity: .75;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
    width: auto;
    height: auto;
}
.ui-datepicker th{
    color: #222;
    font-weight: 600;
}
.ui-state-default, .ui-widget-content .ui-state-default{
    background: transparent;
    color: #555;
    font-size: 15px;
    border: none;
    height: 32px;
    width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.ui-widget-content .ui-state-default.ui-state-highlight{
    background: rgba(233,122,134,.2);
    font-weight: inherit;
}
.ui-widget-content .ui-state-default.ui-state-hover.ui-state-highlight{
    background-color: #E97A86;
}
.ui-state-default.ui-state-hover{
    background-color: #E97A86;
    color: #fff;
}/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(/img/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(/img/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(/img/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;padding:5px 10px;height:auto;cursor:text;margin:0;}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position: relative;margin: 3px 10px 3px 0;padding: 10px 25px 10px 10px;max-width: 100%;border-radius: 30px;color: #262A38;line-height: 13px;cursor: default;background-color: #E4EDF7;box-shadow: inset -6px -6px 6px #ccdbe8, inset 6px 6px 6px 1px rgb(255 255 255 / 50%);}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position: absolute;top: 50%;right: 7px;transform: translateY(-50%);display: block;width: 12px;height: 12px;background: url(/img/chosen-sprite.png) -42px 1px no-repeat;font-size: 1px;}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(/img/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(/img/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}

.switchBool{
    margin:8px 0px;
    display: flex;
    align-items: center;
}
#all .switchBool .btn{
    width:70px;
    height:30px;
    text-align:left;
    border-radius:36px;
    background-color:#cacaca;
    cursor:pointer;
    transition:all 0.3s ease-in-out;
    margin: 0 10px;
}
.switchBool .btn span{
    display:inline-block;
    vertical-align:middle;
    height:24px;
    width:24px;
    margin-top:3px;
    margin-left:5px;
    border-radius:30px;
    background:#FFFFFF;
    transition:all 0.2s ease-in-out;
}
.switchBool .switch_label{
    font-size:14px;
    color: #000;
    font-weight: bold;
}
.switchBool .switchVal{
    display:inline-block;
    vertical-align:middle;
    background:#DDD;
    padding:6px;
    border-radius:4px;
    min-width:50px;
    text-transform:uppercase;
    font-weight:bold;
    color:#000;
    text-align: center;
    font-size:13px;
}
.switchBool .switchVal[data-val='0']{color:#000;}
.switchBool .btn:hover span{transform:scale(1.05);background:#fff;}
.switchBool.checked span{margin-left:42px;}
.switchBool .detail{
    margin-left: 20px;
    display: inline-block;
    background: #ffd53f;
    color: #FFF;
    padding: 8px;
    width: 60px;
    text-align: right;
    border-radius: 4px;
}
.switchBool .btn:active{background-color:#A6B9CB;}
.switchBool .btn:active span{width:34px;}
.switchBool.checked .btn:active span{margin-left:35px;}
.switchBool.checked .btn{background-color:#4FE3A5;}