:root {font-size: 14px;} :root :where(a:where(:not(.wp-element-button))){text-decoration: none !important;} a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0} .s4Block{line-height: 1.4} body{font-family: 'Kumbh Sans', sans-serif;color: #0D184C;font-weight: 500;font-size: 1rem;background: #FFF;padding-top: 0;} p{line-height: 1.4} a{text-decoration: none; line-height: 1.2; transition: all 0.3s ease-in-out;} #cmplz-manage-consent .cmplz-manage-consent {display: none;} *:focus{outline: 0} .clear{clear: both} .button1 {-webkit-appearance: none; appearance: none; border: 3px solid #009289; border-radius: 7px; position: relative; display: inline-block; background: transparent; font-size: 1rem; font-weight: 600; padding: 15px; color: #009289; transition: all 0.3s ease-in-out, color 0s linear; overflow: hidden; text-align: center; margin: 40px auto 0; display: block; width: fit-content;} .button1::before {content: ''; background-color: #009289; position: absolute; z-index: 1; top: 0; height: 100%; width: 102%; transition: all 0.3s ease-in-out;} .button1::before, .button1.inverse:hover::before {right: 101%;} .button1:hover::before, .button1.inverse::before {right: -1%;} .button1, .button1.inverse:hover{color: #0D184C;} .button1:hover, .button1.inverse {color: #FFF;} .button1:hover>span{color: #FFF;} .button1>span {position: relative; z-index: 2; transition: all 0.2s ease-in-out; color: #009289;} .button1 [class*='ico-'] {display: inline-block; vertical-align: middle; height: 25px; background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 5px; margin-right: 5px; transition: all 0.2s ease-in-out;} .button1 .ico-enveloppe {height: 16px; width: 25px; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-enveloppe.svg);} .button1 .ico-horloge {height: 16px; width: 16px; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-horloge.svg);} .button1 .ico-facebook {width: 12px; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-facebook.svg);} .button1 .ico-mail {width: 20px; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-mail.svg);} .button1:hover .ico-mail {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-mail-white.svg);} .button1 .ico-tel {width: 20px; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-tel.svg);} .button1:hover .ico-tel {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-tel-white.svg);} .button1 .ico-idees {width: 20px; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-idees.svg);} .button1 .ico-arrow {height: 16px; width: 20px; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-bleuclair.svg);} .button1:hover .ico-arrow {height: 16px; width: 20px; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-blanc.svg);} .button1 .ico-videos {width: 30px; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-youtube.svg);} .button1 .ico-edit {width: 20px; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-edit.svg);} .button1 .ico-file {width: 20px; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-files.svg);} .button1 .ico-send {width: 25px; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-send.svg); margin-left: 0; margin-right: 20px;} .button1:hover .ico-send {width: 20px; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-send-white.svg);} .button1 .ico-background img {height: 100%; max-width: 40px; object-fit: contain;} .button1.light:not(:hover) [class*='ico-'].light {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} .button1::before:hover {background: #0094BB;} .button1.light{border-color: #FFF;} .button1.light::before {background-color: #FFF;} .button1.light, .button1.light.inverse:hover{color: #FFF;} .button1.light:hover, .button1.light.inverse{color: #0D184C;} .button1.buttonFb{padding-left: 75px; margin-top: 0;} .button1.buttonFb::after{content:''; width: 45px; height: 100%; position: absolute; top: 0; left: 0; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-fb.svg) no-repeat center/40% 40%; border-right: 3px solid #009289; transition: all .3s ease-in-out;} .button1.buttonFb:hover::after{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-fb-white.svg) no-repeat center/40% 40%; z-index: 1; border-right: 1px solid white;} .marges1{padding-top:130px; padding-bottom: 130px} .marges1 + .marges1{padding-top: 0} main{margin-bottom: 50px;} .title1{font-size: 1.8rem; font-weight: 600; color: #0D184C; margin-bottom: 70px; line-height: 1.2; text-transform: uppercase;} .title1.white{color: #FFF;} .title2{font-size: 2.5rem; font-weight: bold; color: #0D184C; margin-bottom: 25px; margin-left: auto; margin-right: auto; text-align: center; line-height: 1.2;} .title2.waveLight {background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-wave-light.svg) no-repeat center bottom/70px; color: #0D184C; padding-bottom: 30px;} .title2.waveDark {background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-wave-dark.svg) no-repeat center bottom/70px; color: white; padding-bottom: 30px;} .title3{font-size: 1.7rem;line-height: 1.2;color: #0D184C;font-weight: bold;margin-bottom: 15px;} .title2.white{color: #FFF;} .title3.orange{color: #EC6608;} .txtBleuClair {color: #009289;} h5{font-size:1rem;} .effect1{transition: all 0.3s ease-in-out} p{font-size: 1.1rem; font-weight: 400; line-height: 1.7; } .txtCenter {text-align: center;} #navresponsive{display:none} #headerResponsive{display:none} .wp-block-gallery.columns-3 .blocks-gallery-item{padding-left: 0} .wp-block-gallery.columns-3 .blocks-gallery-item:before{display: none !important} .entry .has-medium-font-size strong{font-weight: 500} .owl-carousel .owl-stage-outer{padding: 10px 0 20px;} .owl-carousel .owl-item{padding: 0 5px;} .ff-layout-grid .ff-img-holder img{object-fit: contain !important; position: relative !important; top: unset !important; left: unset !important; transform: unset !important; max-height: 400px !important; min-height: unset !important;} .ff-stream .ff-overlay-wrapper{display: block !important;} .ff-item-cont .ff-overlay-wrapper .ff-content{height: auto !important; max-height: 150px; } .ff-stream{ background: none !important;} .ff-stream .ff-has-overlay .ff-img-holder{height: auto !important} .ff-stream .slick-dotted.slick-slider{padding-bottom: 80px !important;} .ff-overlay{background: white !important;} .slick-arrow{bottom: 0 !important; top: unset !important; background: none !important; border: 3px solid #009289 !important; border-radius: 100% !important;} .slick-arrow.flaticon-chevron-left.slick-prev{left: calc(50% - 70px);} .slick-arrow.flaticon-chevron-left.slick-prev::before{content: "" !important; width: 100% !important; height: 100% !important; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-bleuclair.svg) no-repeat center/50% !important; -webkit-transform-origin: 10px 10px; -ms-transform-origin: 10px 10px; transform-origin: 10px 10px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .slick-arrow.flaticon-chevron-right.slick-next{right: calc(50% - 70px);} .slick-arrow.flaticon-chevron-right.slick-next::before{content: "" !important; width: 100% !important; height: 100% !important; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-bleuclair.svg) no-repeat center/50% !important;} .ff-item-cont{height: auto !important;} .ff-item-cont .ff-overlay-wrapper{position: relative !important; opacity: 1 !important; border: 1px solid #F7F7F7 !important;} .ff-item-cont .ff-overlay-wrapper .ff-label-wrapper{display: none !important;} .ff-item-cont .ff-overlay-wrapper .ff-item-bar{position: relative !important; color: white !important; background: #009289 !important;} .ff-item-cont .ff-overlay-wrapper .ff-content{margin-top: 7% !important;} .ff-item-cont .ff-overlay-wrapper .ff-content .emoji{-webkit-transform: unset !important; -moz-transform: unset !important; -ms-transform: unset !important; transform: unset !important;} .ff-item-cont .ff-carousel-icon{display: none !important;} .df-container{background-color:transparent !important} .df-lightbox-wrapper{background-color:rgb(0 0 0 / 84%) !important; backdrop-filter:blur(10px)} .df-floating .df-ui-controls{background-color:#FFF !important} .df-floating .df-ui-controls > *{background-color:#FFF !important} .df-container .loading-info{background-color:#009289 !important; color:#FFF !important; font-style:normal !important;} .df-lightbox-close:hover{background-color:#009289 !important} [class^="ti-"]:before, [class*=" ti-"]:before{color:#FFF; } .df-floating .df-ui-controls [class^="ti-"]:before, .df-floating .df-ui-controls [class*=" ti-"]:before{color:#000 !important; } ._df_button {background-color: transparent; padding: 0; color: #000;border: 0; border-radius: 0; text-decoration: none; width: 100%; white-space: unset; position: relative;} ._df_button .img {position: relative; padding-top: calc(100% / 589 * 768); background: #000;} ._df_button .img img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; transition: all 0.5s ease-in-out;} ._df_button .littleButton {position: relative; transition: opacity .3s ease-in-out; text-align: center; font-weight: bold; color: #0D184C; padding-top: 10px;} ._df_button .littleButton span {font-weight: normal; color: #009289; margin-top: 10px; display: block;} ._df_button:hover .img img {-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);} ._df_button .littleButton:hover {opacity: .5;} #header1{position: relative; overflow: hidden; margin-bottom: 60px; margin-top: -30px;} #header1:before{content: " "; display: block; width: 100%; left: 0; bottom: 0; right: 0; height: 100%; background-color: #000; opacity: 0.2; z-index: 2; position: absolute} #header1 .cover{position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1} #header1 .row{min-height: 400px;} #header1 .col{margin-top: auto; margin-bottom: 50px; text-align: center; padding-bottom: 40px; padding-top: 40px; position: relative; z-index: 3;} #header1 .col .title1{margin-bottom:0; color: #FFF; line-height: 1;} #header2 {margin-bottom: 60px;} #header2 .fullBackground{height: 450px;} #header2 .fullBackground::before{display: none;} #header2:not(.noFilter) .fullBackground::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.65) 100%); background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.65) 100%); background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(90deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.65) 100%);} #header2:not(.noBorder) .fullBackground {border-radius: 10px;} #header2 .actu--cat {margin-bottom: 15px;} #header2 .actu--cat .categorie {color: white; font-weight: 600; background: #009289; padding: 7px 15px;} #header2 .titre-header2 {font-weight: 600; font-size: 2.5rem; line-height: 1.2;} #header2 .actu--date {margin-top: 5px; margin-bottom: 40px;} #header2 .actu--date .date {font-size: 0.8rem; font-weight: 400; position: relative; color: #D0D0D0; transition: color .3s ease-in-out;} #header2 .actu--date .date::before {content: ""; position: relative; padding: 1px 15px 0 0; line-height: 1; margin-right: 5px; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-date.svg) no-repeat center/100%; filter: grayscale(1) brightness(1.6); transition: all .3s ease-in-out;} header{top:30px;width: 100%; height: 130px;left: 0;padding: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); z-index: 1001;position: fixed; box-shadow: 0 3px 6px rgb(0 0 0 / 16%);} header>.leftHeader {background-color: white; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 300px; -ms-flex: 0 0 300px; flex: 0 0 300px; width: 300px; max-width: 300px;} header>.leftHeader a {display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 20px 50px; width: 100%; height: 100%;} header>.leftHeader a img {width: 120px; margin: auto;} header>.rightHeader {width: 100%;} header>.rightHeader a {color: white; transition: all 0.2s ease-in-out;} header .top {background-color: #F5F5F5; padding: 0 15px; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 50px; -ms-flex: 0 0 50px; flex: 0 0 50px; height: 50px; max-height: 50px;} header .top a {padding: 15px 20px;} header .top ul li + li {border-left: 2px solid #009289;} header .bottom {height: 100%; background-color: #FFF; transition: all 0.2s ease-in-out;} header .bottom>a {padding: 20px 25px;} header .bottom>a img {height: 60px;} header .bottom a.agenda-link {font-size: 1.1rem; background-color: #009289; color: #FFF; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px; width: 150px; max-width: 150px; box-sizing: border-box; border: 2px solid #009289;} header .bottom a.agenda-link:hover {background-color: #FFF; color: #009289;} header .bottom a.agenda-link i {margin-right: 10px;} header .bottom > ul {background: #0D184C; -webkit-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px; width: 200px; max-width: 200px; padding: 0 20px;} header .bottom > ul > li {flex: 1; text-align: center; display: flex; justify-content: center; align-items: center;} header .bottom > ul > li:hover > a{opacity: .5;} header .bottom > ul > li > a{width: 20px; height: 20px; display: block;} header .bottom > ul > li > a.facebook{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-fb.svg) no-repeat center/contain;} header .bottom > ul > li > a.twitter{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-twitter.svg) no-repeat center/130%;} header .bottom > ul > li > a.threads{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-threads.svg) no-repeat center/85%;} header .bottom > ul > li > a.instagram{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-instagram.svg) no-repeat center/contain;} header .bottom > ul > li > a.tiktok{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/tik-tok.svg) no-repeat center/contain;} header .bottom > ul > li > a.panneau-pocket{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/panneau-pocket.svg) no-repeat center/contain;} header .bottom a.openSearch {font-size: 2rem; display: flex; justify-content: center; align-items: center; background-color: #009289;} header .bottom a.openSearch i {transition: opacity .3s ease-in-out;} header .bottom a.openSearch:hover i {opacity: .5;} header .bottom a.agenda-link.commerce { background-color: #0D184C; flex: 0 0 167px; max-width: 167px; border: 2px solid #0D184C; padding: 20px 22px; } header .bottom a.agenda-link.commerce:hover { color: #0D184C; background-color: #fff; } header .bottom {background-color: rgba(31, 82, 150, 0.1);} header .bottom a:not(.openSearch) {color: #009289;} header .bottom a:not(.openSearch):hover {color: #0D184C;} nav{width: 100%;z-index:11;background: white;} nav .logo{position:absolute;top:50%;margin-top: -13px;width: 155px;z-index: 2;left:15px;} nav ul{list-style: none; padding-left: 0; margin-left: 0; } nav ul li{padding-left: 0; margin-left: 0;} nav ul.principal{text-align:right;z-index: 1;display: table;width: 100%; height: 100%; position: relative;} nav ul.principal > li {margin-top: 0;vertical-align: middle;padding-top: 0;text-align:center;} nav ul.principal > li > a{padding: 15px 30px;line-height: 1.4;display:inline-block;font-size: .9rem; transition: all 0.2s ease-in-out; font-weight: 600;position:relative; width: 100%; height: 100%; text-transform: uppercase;} nav ul.principal > li:not(:first-child) > a:before{content:" "; display:block; background:#009289; position:absolute; top:50%; left:0; width: 1px; height: 20px; z-index:1; transition:all 0.3s cubic-bezier(.25,.46,.45,.94),top .25s cubic-bezier(.25,.46,.45,.94); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} nav ul.principal > li > a span{position:relative; z-index:2; display:inline-block;} nav ul.principal > li:hover .sub{max-height: 100vh; max-height: calc(100vh - 100%); transition: all 0.4s ease-in 0.2s, overflow-y 0s linear 0.6s; overflow-y: auto; box-shadow: inset -3px 3px 6px rgb(0 0 0 / 16%); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} nav ul.principal > li:hover:after{content: " "; display:block; height:20px; width:100%; position:absolute; background:transparent; top:100%; left:0%; z-index: 8} nav .sub .left{text-align:left; display: flex; flex-direction: column; flex-wrap: wrap; padding: 40px 30px 5px 60px;} nav .sub .left.little{flex: 0 0 33%;} nav .sub .left.big{flex: 0 0 66%;} nav .sub .right{width: 100%; background: #009289; position: relative;} nav .sub .right img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; border-bottom-right-radius: 10px; opacity: 0; visibility: hidden; transition: opacity .3s ease-in-out, visibility .3s ease-in-out;} nav .sub .right img.visible{opacity: 1; visibility: visible; pointer-events: none;} nav .sub .left:after{content: " "; display:block; width:50px; height:100%; position:absolute; left:-50px; top:0; background:transparent} nav .sub{position: absolute;display:block;background-color: #FFFFFF;width:100%; left: 0; top: 100%; padding: 0; max-height:0; overflow-y: hidden; transition: all 0s ease-in; box-shadow: 0px 19px 19px rgba(0, 0, 0, 0.15);} nav .sub:after{content:" "; display:block; width:1px; height:100%; background:#f3f3f3; position:absolute; left:0; top:0;} nav .sub>.content-sub{height: 370px;} nav .sub .content-sub{position: relative; display: flex; width: 100%;} nav .sub .subMenuTitle{color: #009289; font-size: 2.5rem; line-height: 1.2; font-weight: 600; text-align: left; margin-bottom: 60px;} nav .sub .container {position: relative; z-index: 2;} nav .sub .borderTxt {position: absolute; z-index: 1; bottom: 0; left: 0; opacity: 0.06; } nav .sub svg.textOnLoad {height: 300px;} nav .sub .left:after{content: " "; display:block; clear:both;} nav .sub .left > li {margin-bottom: 30px; width: fit-content; padding-left: 30px;} nav .sub .left > li > .title {position: relative; display: block; color: #0D184C; font-weight: bold;} nav .sub .left > li > .title .subitemTitle {font-size: 1rem; line-height: 1.2;} nav .sub .left > li > .title .subitemDesc {font-size: 1rem; line-height: 1.2; margin-top: 20px; display: inline-block;} nav .sub .left > li > a.title::before {opacity: 0; visibility: hidden; transition: visibility .15s ease-in-out, opacity .15s ease-in-out; content: ''; position: absolute; top: 0; left: -25px; width: 12px; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/arrow-right-menu.svg); transition: all 0.3s ease-in-out;} nav .sub .left > li > a.title:hover {color: #009289;} nav .sub .left > li > a.title:hover::before {opacity: 1; visibility: visible;} nav ul.principal li.logoLi{background: #FFF;border-top: 1px solid #f1f1f180;border-right: 0;} nav ul.principal li.logoLi a{ padding: 8px 15px} nav ul.principal li.logoLi a img{width: 100px} .fullBackground {position: relative; overflow: hidden; display: block;} .fullBackground .backgroundImg, .fullBackground .fond {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.6s ease-in-out;} .fullBackground div.backgroundImg, .fullBackground div.fond {background-repeat: no-repeat; background-size: cover; background-position: center;} .fullBackground img.backgroundImg, .fullBackground img.fond {object-fit: cover;} a.fullBackground:hover .backgroundImg, a.fullBackground:hover .fond {-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);} .fullBackground .content-hover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.3s ease-in-out; background: linear-gradient(rgba(0, 148, 187, 0) 0%, #004a5e 100%); color: #FFFFFF; padding: 20px;} .fullBackground .content-div {position: relative; z-index: 3; color: #FFFFFF; padding: 0 30px;} .maxContainerWidth {max-width: 900px; margin-left: auto; margin-right: auto;} svg.textOnLoad.borderTxt {max-width: 100%;} svg.textOnLoad.borderTxt text {fill: transparent; stroke: #0D184C; stroke-width: 0.3px;} svg.textOnLoad.borderTxt.borderBlanc text {stroke: #FFFFFF;} .defileAnimation {position: relative;} .defileAnimation .content-scroll {position: absolute; text-transform: uppercase; letter-spacing: 0.8px;} .pagination-posts {text-align: center} .pagination-posts ul{list-style: none} .pagination-posts ul li{display: inline-block} .pagination-posts ul li a, .pagination-posts ul li span{color: #009289; font-size: 14px; padding: 0 5px} .pagination-posts ul li span{font-weight: bold;font-size: 16px; border-bottom: 2px solid #009289;} main#Accueil {padding-top: 0;} #Accueil{} #Accueil .title2::before{width: 100%} #Accueil #header{position: relative; background-color: #000;} #Accueil #header .filter-opacity{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background-color: inherit;} #Accueil #header>.fond{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1} #Accueil #header>video.fond, #Accueil #header>img.fond {object-fit:cover;} #Accueil #header>div.fond {background-color: #0D184C;} #Accueil #header > .container{text-align: center; position: relative; z-index: 3; padding-top: 250px; padding-bottom: 80px;} #Accueil #header > .container .container{text-align: center; position: relative; z-index: 3; padding-top: 30px; max-width: unset;} #Accueil #header .container .col{margin: auto; } #Accueil #header .container .background-form>img {width: 300px;} #Accueil #header .container .background-form .title1 {margin: 0; padding: 25px 40px; padding-bottom: 80px; color: #FFF;} #Accueil #header .container .col .search{position: relative; width: 100%; max-width: 600px; margin: 0 auto; z-index: 4;} #Accueil #header .container .col .search::after{content: ''; z-index: 2; position: absolute; top: 50%; margin-top: -10px; right: 20px; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #009289; border-right-color: transparent; border-bottom-color: transparent; display: none;} #Accueil #header .container .col .search.loadingResult::after{animation: spin360 1s linear infinite; display: block;} @keyframes spin360 { 0% {-webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);} 100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);} } #Accueil #header .container .col .search input[type=text]{-webkit-appearance: none; appearance: none; width: 100%; background: #FFF; border-radius: 0; border: 0; padding: 15px 25px; font-size: 1.1rem; font-weight: 400; color: #0D184C; position: relative; z-index: 2; padding-right: 50px; border-radius: 50px; box-shadow: 0 1px 10px rgba(46, 82, 145, 0.08);} #Accueil #header .container .col .search input[type=text]::placeholder{color: #0D184C; opacity: 0.4; transition: all 0.3s ease-in-out} #Accueil #header .container .col .search input[type=text]:focus::placeholder{color: #FFF} #Accueil #header .container .col .search input[type=text]:focus{outline: 0;} #Accueil #header .container .col .search .results{position: absolute; display:none; overflow:scroll; text-align:left;left: 0;right: 0;top: 50%;height: 250px;background: #FFF;padding: 20px;padding-top: 40px; z-index: 1; border-radius: 0 0 20px 20px; border-top: 1px solid #0D184C;} #Accueil #header .container .col .search .results .sectionTitle{font-size:1.4rem; font-weight: 600; display:block; color:#009289; padding-bottom:15px; margin-bottom:15px;} #Accueil #header .container .col .search .results .elem{font-size:1.25rem; display:block; color:#0D184C; padding: 0 20px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #efefef; } #Accueil #header .container .col .search .results .elem:hover{color:#EC6608} #Accueil #header .container .col .search .results .elem i{color:#0094BB; margin-right:10px; font-size:15px} #Accueil #header .container .col .search.openIt .results{display:block} #Accueil #header .container .col .search .results .empty{padding: 0 25px} #Accueil #header ~ *:not(#labels) {margin-bottom: 40px; margin-top: 30px; overflow: hidden; padding: 50px 0 70px;} #Accueil #header ~ *.container{padding-left: 15px!important; padding-right: 15px!important;} #Accueil #header ~ * .title2 {margin-bottom: 40px;} #Accueil #labels{padding: 20px 0 10px; background: #009289;} #Accueil #labels .list{display: flex; align-items: center; flex-wrap: nowrap; gap: 20px 100px; overflow: auto; width: fit-content; margin-left: auto; margin-right: auto; padding: 0 50px 10px; max-width: 100%;} #Accueil #labels .list::-webkit-scrollbar-track{margin-left: 20px; margin-right: 20px; border: none; background: rgba(#FFFFFF,.7); opacity: 0; height: 5px;} #Accueil #labels .list::-webkit-scrollbar-thumb{border: none; background: #00B9AD; cursor: pointer;} #Accueil #labels .list::-webkit-scrollbar{width: 7px; height: 7px;} #Accueil #labels .list::-moz-scrollbar-track{margin-left: 20px; margin-right: 20px; border: none; background: #FFFFFF; opacity: 0; height: 5px;} #Accueil #labels .list::-moz-scrollbar-thumb{border: none; background: #00B9AD; cursor: pointer;} #Accueil #labels .list::-moz-scrollbar{width: 7px; height: 7px;} #Accueil #labels .list > *{flex: 0 0 120px; max-width: 120px; width: 120px; height: 120px;} #Accueil .titre-et-lien {margin-bottom: 40px;} #Accueil .titre-et-lien .title2 {margin: auto; margin-bottom: 0!important; text-align: center;} #Accueil .titre-et-lien .button1, #Accueil .titre-et-lien .servicePublic {margin-left: 50px;} #Accueil .titre-et-lien .servicePublic {width: 260px; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 260px; -ms-flex: 0 0 260px; flex: 0 0 260px; width: 260px; max-width: 260px;} #Accueil .informations_banner {background-color: #F5F5F5; text-align: center; margin-top: 0!important; margin-bottom: 0 !important; padding: 0!important;} #Accueil .informations_banner .leftBanner {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px; width: 200px; max-width: 200px;} #Accueil .informations_banner .leftBanner p {font-size: 1.4rem; font-weight: bold; color: #009289;} #Accueil .informations_banner .leftBanner, #Accueil .informations_banner .rightBanner {padding: 15px;} #Accueil .informations_banner .rightBanner {overflow: hidden; width: 100%;} #Accueil .informations_banner .rightBanner p {border-left: 1px solid #009289; padding: 0 20px;} #Accueil .informations_banner p {font-size: 1rem; white-space: pre;} #Accueil .raccourcis-home {} #Accueil .raccourcis-home .liste-raccourcis {display: -ms-grid; display: grid; grid-gap: 20px; gap: 20px; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} #Accueil .raccourcis-home .liste-raccourcis .item-raccourcis {} #Accueil .raccourcis-home .liste-raccourcis .item-raccourcis a {color: white; font-size: 1.1rem; font-weight: bold; transition: all 0.2s ease-in-out;} #Accueil .raccourcis-home .liste-raccourcis .item-raccourcis a .icon-raccourci {width: 100px; height: 100px; border-radius: 50%; position: relative; margin-bottom: 15px; overflow: hidden;} #Accueil .raccourcis-home .liste-raccourcis .item-raccourcis a .icon-raccourci:not(.withoutIcon) {background-color: none; border: 3px solid white; transition: all 0.2s ease-in-out;} #Accueil .raccourcis-home .liste-raccourcis .item-raccourcis a .icon-raccourci * {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all 0.2s ease-in-out;} #Accueil .raccourcis-home .liste-raccourcis .item-raccourcis a .icon-raccourci img {width: 50%; height: 50%; object-fit: contain;} #Accueil .raccourcis-home .liste-raccourcis .item-raccourcis a .icon-raccourci i {font-size: 3rem; color: #FFF;} #Accueil .raccourcis-home .liste-raccourcis .item-raccourcis a:hover {color: white;} #Accueil .raccourcis-home .liste-raccourcis .item-raccourcis a:hover .icon-raccourci:not(.withoutIcon) {background-color: none;} #Accueil .raccourcis-home .liste-raccourcis .item-raccourcis a:hover .icon-raccourci * {-webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} #Accueil .idees-home .fullBackground {min-height: 500px; background-color: #009289; color: #FFF; border-radius: 10px; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} #Accueil .idees-home .fullBackground::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background-color: inherit; opacity: 0.3;} #Accueil .idees-home .fullBackground .content-div {text-align: center;} #Accueil .idees-home .fullBackground .content-div .title2 {color: #FFF;} #Accueil .idees-home .fullBackground .content-div .title2:last-child {margin-bottom: 0!important;} #Accueil .map-home .fullBackground { min-height: 500px; color: #0D184C; border-radius: 10px; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #Accueil .map-home .fullBackground::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background-color: inherit; opacity: 0.3; } #Accueil .map-home .fullBackground img.fond { top: -20%; left: 17%; width: 66%; height: 134%; } #Accueil .map-home .fullBackground .content-div { text-align: center; } #Accueil .map-home .fullBackground .content-div .title2:last-child { margin-bottom: 0!important; } #Accueil .map-home .fullBackground .content-div .title2 { margin-bottom: 0!important; } #Accueil .map-home .button1 { padding: 2%; margin-top: 3%; } span.fas.fa-store-alt { padding-right: 11px; } #Accueil .actualites-home{} #Accueil .actualites-home{margin-top: 50px !important;} #Accueil .actualites-home .list-actualites{width: 80%; width: calc(100% - 70px*2); margin: 0 auto;} #Accueil .actualites-home .list-actualites .owl-nav{position: absolute; top: 50%; left: 0; width: 100%;} #Accueil .actualites-home .list-actualites .owl-nav.disabled{display: none;} #Accueil .actualites-home .list-actualites .owl-nav button{position: absolute; cursor: pointer; top: 50%; height: 35px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 10%; width: 35px; transition: all 0.3s; border: 3px solid #009289; border-radius: 100%; } #Accueil .actualites-home .list-actualites .owl-nav button.disabled{opacity: 0.4;} #Accueil .actualites-home .list-actualites .owl-nav button::before{content: " "; display: block; width: 20px; height: 20px; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-bleuclair.svg) no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} #Accueil .actualites-home .list-actualites .owl-nav button.owl-prev{right: 100%;} #Accueil .actualites-home .list-actualites .owl-nav button.owl-prev::before{-webkit-transform: rotate(-180deg) translate(50%, 50%); -moz-transform: rotate(-180deg) translate(50%, 50%); -ms-transform: rotate(-180deg) translate(50%, 50%); transform: rotate(-180deg) translate(50%, 50%);} #Accueil .actualites-home .list-actualites .owl-nav button.owl-next{left: 100%;} #Accueil .fondGris.fondSVGtxt {background-color: #F5F5F5; border-radius: 10px; padding: 50px 70px; padding-bottom: 150px; position: relative;} #Accueil .fondGris.fondSVGtxt svg.textOnLoad {height: 300px; z-index: 1; position: absolute; bottom: 0; left: 50px; max-width: calc(100% - 50px*2); -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%);font-weight: bold;} #Accueil .fondGris.fondSVGtxt>div {z-index: 3; position: relative;} #Accueil .publi-home{background: linear-gradient(to bottom, #009289 0% 40%, #FFFFFF 40% 100%); padding-top: 100px !important; margin-top: 0 !important;} #Accueil .panneaupocket{margin: unset !important; padding: unset !important;} #Accueil .panneaupocket .left{display: flex; align-items: center; justify-content: center; gap: 30px; padding: 50px 15px;} #Accueil .panneaupocket .left div a{display: block; margin-bottom: 10px; width: fit-content;} #Accueil .panneaupocket .left div p{max-width: 200px; color: #00B9AD; margin-bottom: 20px; font-weight: 700;} #Accueil .panneaupocket .left iframe{width: 350px; height: 650px; display: block;} #Accueil .panneaupocket .right{display: flex; flex-direction: column; align-items: center; justify-content: center; background: #0D184C; padding: 50px 15px;} #Accueil .panneaupocket .right > div{display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-radius: 30px; color: white; padding: 50px;} #Accueil .panneaupocket .right > div .green{color: #32CD32 !important;} #Accueil .panneaupocket .right > div .red{color: #DC143C !important;} #Accueil .panneaupocket .right > div .horaires{display: flex; gap: 30px; margin: 30px;} #Accueil .panneaupocket .right > div .horaires > div{text-align: left;} #Accueil .panneaupocket .right > div .horaires > div span{display: block; margin-bottom: 10px;} #Accueil .panneaupocket .right > div > img{display: block; width: 70%; max-width: 800px; min-width: 270px;} #Accueil .parten-home{} #Accueil .parten-home .list-partenaires {justify-content: center; margin-top: 100px;} #Accueil .parten-home .list-partenaires .item-partenaires {display: flex; justify-content: center; align-items: center; margin-bottom: 50px; position: relative} #Accueil .parten-home .list-partenaires .item-partenaires img{ max-height: 100%; width: 50%; min-width: 100px;} #Accueil .parten-home .list-partenaires .item-partenaires .greyCircle{background: #D0D0D0; width: 100px; height: 100px; border-radius: 100%;} #Contact{} #Contact .title2{margin-top: 120px;} #Contact .contactInfos{display: flex; flex-direction: column; padding: 20px 15px; border-radius: 10px; background: #009289;} #Contact .contactInfos p{color: white; font-weight: bold; font-size: 1.4rem; margin-bottom: 30px;} #Contact .contactInfos span{display: block; color: white; font-weight: bold; font-size: 1rem; position: relative;} #Contact .contactInfos span.contactTel{margin-bottom: 15px;} #Contact .contactInfos span.contactTel::before, #Contact .contactInfos span.contactMail::before{content: ''; position: relative; top: 4px; display: inline-block; height: 1.4rem; width: 1.4rem; margin-right: 20px;} #Contact .contactInfos span.contactTel::before{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-tel-white.svg) no-repeat center/100%;} #Contact .contactInfos span.contactMail::before{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-mail-white.svg) no-repeat center/100%;} .single-actualites #Builder, #Builder.paddTop{padding-top: 100px;} #Builder{margin-bottom: 60px; overflow: hidden;} #Builder #inside{padding: 0 15px;position:relative;} #Builder #inside>.container>.row>.rightContent{margin-top: 100px; margin-bottom: auto; min-height: 300px; position: relative; border-left: 1px solid rgba(31, 82, 150, 0.5);} #Builder #inside>.container>.row>.rightContent .button1{width: 100%; max-width: 150px;} #Builder #inside>.container>.row>.rightContent .button1:not(:last-child){margin-bottom: 5px;} #Builder #inside>.container>.row>.bottomContent {margin-top: 60px;} #Builder #inside>.container>.row>.bottomContent .share-bottom>p {padding: 7px 30px; border-right: 1px solid #009289; margin-bottom: auto; margin-right: 30px;} #Builder #inside>.container>.row>.bottomContent .share-bottom>div {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex-grow: 1; -ms-flex: 1; flex-grow: 1;} #Builder #inside>.container>.row>.bottomContent .share-bottom .button1{width: 100%; max-width: 150px; margin: 3px 0;} #Builder #inside>.container>.row>.bottomContent .share-bottom .button1:not(:last-child){margin-right: 20px;} #Builder .fichiers{background: #00B9AD; padding: 20px 0;} #Builder .fichiers h2{text-align: center; margin-bottom: 20px;} #Builder .fichiers .list-fichiers{display: flex; gap: 30px; flex-wrap: nowrap; overflow: auto; max-width: 100%; width: fit-content; margin-left: auto; margin-right: auto; padding: 0 50px 10px;} #Builder .fichiers .list-fichiers::-webkit-scrollbar-track{margin-left: 20px; margin-right: 20px; border: none; background: rgba(#FFFFFF,.7); opacity: 0; height: 5px;} #Builder .fichiers .list-fichiers::-webkit-scrollbar-thumb{border: none; background: #0D184C; cursor: pointer;} #Builder .fichiers .list-fichiers::-webkit-scrollbar{width: 7px; height: 7px;} #Builder .fichiers .list-fichiers::-moz-scrollbar-track{margin-left: 20px; margin-right: 20px; border: none; background: #FFFFFF; opacity: 0; height: 5px;} #Builder .fichiers .list-fichiers::-moz-scrollbar-thumb{border: none; background: #0D184C; cursor: pointer;} #Builder .fichiers .list-fichiers::-moz-scrollbar{width: 7px; height: 7px;} #Builder .fichiers .list-fichiers .item-fichiers{overflow: hidden; color: #FFF; position: relative; width:200px; flex: 0 0 200px; max-width: 200px;} #Builder .annuaire-list{display: flex; flex-wrap: wrap; gap: 20px;} #Builder .annuaire-list .annuaire-item{padding: 20px; display: flex; align-items: center; gap: 30px; box-shadow: 0 0 10px rgb(0 0 0 / 11%); border-radius: 25px; max-width: 100%; width: 450px; margin-left: auto; margin-right: auto;} #Builder .annuaire-list .annuaire-item .image{flex: 0 0 150px; width: 150px; max-width: 150px; height: 150px;} #Builder .annuaire-list .annuaire-item .image img{object-fit: contain;} #Builder .annuaire-list .annuaire-item .infos p{color: #009289;} #Builder > .container{margin-top: 50px} #Builder > #header1 + .container{margin-top: 0} .ListSubsPages{padding: 0 150px;} .ListSubsPages .col-sm-4 {padding: 0 7px;} .ListSubsPages .colElem {padding: 7px;} .ListSubsPages .elem{height: 100%; position: relative; border-radius: 10px;} .ListSubsPages .elem .big{position: relative; padding-top: 100%; overflow: hidden; border-radius: 10px;} .ListSubsPages .elem .big::before{content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 2; opacity: 0.53; background-color: #0D184C; transition: all .3s ease-in-out;} .ListSubsPages .elem .big.noImage{background: #0D184C;} .ListSubsPages .elem .big .image{position: absolute; height: 100%; width: 100%; top: 0; left: 0; transition: all 1s ease-in-out;} .ListSubsPages .elem .big .contentCenter{position: absolute; z-index: 3; bottom: 25%; left: 0; padding: 0 10%; font-size: 1rem; color:#FFF; line-height: 1.2; width: 100%; transition: all 0.3s ease-in-out;} .ListSubsPages .elem .big .button-child{color: #FFF; display: block; position: absolute; border-top-left-radius: 10px; border-bottom-right-radius: 10px; bottom: 0; right: 0; width: 50px; height: 25px; z-index: 2; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-blanc.svg) no-repeat center/35%, #009289; transition: background .3s ease-in-out;} .ListSubsPages .elem .big:hover .button-child{background-color: #0D184C;} .ListSubsPages .elem .big.withSubs .button-child{border-bottom-right-radius: 0;} .ListSubsPages .elem .big:hover .image, .ListSubsPages.allDivLink .elem:hover .big .image{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);} .ListSubsPages .elem .big:hover .contentCenter{color: #FFF!important;} .ListSubsPages .elem .big:hover::before{opacity: 1; background-color: #009289;} .ListSubsPages .elem .big.withSubs{border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .ListSubsPages .elem .content {border-radius: 0 0 10px 10px;} .ListSubsPages .elem .content a {display: block; color: #009289; font-size: 1.1rem; font-weight: 500; padding: 25px 30px; position: relative; margin-bottom: 0;} .ListSubsPages .elem .content a:hover {color: #0D184C;} .ListSubsPages .elem .content a::after {content: ''; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/arrow-right-menu.svg); width: 20px; height: 12px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: opacity .3s ease-in-out;} .ListSubsPages .elem .content a:hover::after {opacity: .5;} .ListSubsPages .elem .item-deroulant-2{overflow:hidden; transition:all 0.2s ease-in-out; position: relative; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} .ListSubsPages .elem .item-deroulant-2.expanded{border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .ListSubsPages .elem .item-deroulant-2 .titre-deroulant{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding:15px 30px; position:relative; position: relative; background: #009289; color: #FFF;} .ListSubsPages .elem .item-deroulant-2 .titre-deroulant .arrow-deroulant{color: #009289; margin: auto; margin-right: 0; font-size: 2rem; line-height: 1em;} .ListSubsPages .elem .item-deroulant-2 .titre-deroulant .arrow-deroulant::after{content:'+'; color: #FFF;} .ListSubsPages .elem .item-deroulant-2 .content-deroulant{padding: 10px 30px; margin-top: 0; background: #FFF; color: #009289; border: 1px solid #D0D0D0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} .ListSubsPages .elem .item-deroulant-2 .content-deroulant *+*{margin-top:10px} .ListSubsPages .elem .item-deroulant-2 .content-deroulant li{padding-left: none !important;} .ListSubsPages .elem .item-deroulant-2 .content-deroulant li:before {display: none !important;} .ListSubsPages .elem .item-deroulant-2 .content-deroulant a{padding: 5px 0;} .ListSubsPages .elem .item-deroulant-2 .titre-deroulant{cursor:pointer;} .ListSubsPages .elem .item-deroulant-2.expanded .titre-deroulant .arrow-deroulant::after{content:'-';} .redirectingPage {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 900; background-color: rgba(13, 24, 76, 0.7); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);} .redirectingPage #loadingSVG {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100px; height: 100px; } .redirectingPage.onRedirecting {display: block;} .redirectingPage.onRedirecting #loadingSVG {animation: loadingSVG 2s linear infinite;} @keyframes loadingSVG { 0% {-webkit-transform: translate(-50%, -50%) scale(0.25); -moz-transform: translate(-50%, -50%) scale(0.25); -ms-transform: translate(-50%, -50%) scale(0.25); transform: translate(-50%, -50%) scale(0.25); opacity: 0;} 50% {opacity: 1;} 90% {-webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1;} 100% {-webkit-transform: translate(-50%, -50%) scale(0.75); -moz-transform: translate(-50%, -50%) scale(0.75); -ms-transform: translate(-50%, -50%) scale(0.75); transform: translate(-50%, -50%) scale(0.75); opacity: 0;} } .filtre-box {margin-top: 50px; margin-bottom: 20px; width: fit-content; margin-left: auto; margin-right: auto;} .filtre-box .filtre-titre {padding: 15px 20px;color: white; background: #009289; font-weight: bold; font-size: 1.1rem; border-top-left-radius: 10px; border-top-right-radius: 10px;} .filtre-box .filtre-list {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex-grow: 1; -ms-flex: 1; flex-grow: 1; background: #0D184C; padding: 30px 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} .filtre-box .filtre-list>* {font-weight: 600; color: white; font-size: 1.1rem; position: relative; margin: 5px 0;} .filtre-box .filtre-list input[type=radio]{width: 1; height: 1; opacity: 0; position: absolute; top: 0; left: 0;} .filtre-box .filtre-list input[type=radio] + label {position: relative; padding: 2px 0 0 35px;} .filtre-box .filtre-list input[type=radio] + label::before, .filtre-box .filtre-list input[type=radio] + label::after {display: block; position: absolute; box-sizing: border-box; content:''; border-radius: 100%; cursor: pointer;} .filtre-box .filtre-list input[type=radio] + label::before {top: 0; left: 0; border: 2px solid #009289; background: none; width: 1.5rem; height: 1.5rem;} .filtre-box .filtre-list input[type=radio] + label::after {top: 0.25rem; left: 0.25rem; width: 1rem; height: 1rem;} .filtre-box .filtre-list input[type=radio]:checked + label::after {background: #009289;} .filtre-box .filtre-list input[type=radio]:checked + label::before, .filtre-box .filtre-list input[type=radio]:checked + label::after {cursor: auto;} .filtre-box .filtre-list input[type=radio]:checked + label{cursor: auto;} .filtre-box .filtre-list label{cursor: pointer;} .filtre-box .filtre-list .filtre-choice.filtre-select {font-family: 'Kumbh Sans', sans-serif; -webkit-appearance: none; appearance: none; background-color: transparent; border: 0; margin-right: 50px; padding-right: 20px; background-repeat: no-repeat; background-position: right 55%; background-size: 15px contain; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-deroulant-bleuclair.svg); cursor: pointer;} .filtre-box .filtre-list .filtre-reload{margin-top: 20px; text-align: center;} .filtre-box .filtre-list .filtre-reload, .filtre-box .filtre-list .filtre-reload::before {transition: all 0.3s ease-in-out;} .filtre-box .filtre-list .filtre-reload::before {content: ''; position: relative; margin-right: 10px; display: inline-block; width: 14px; height: 14px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-reload.svg); vertical-align: middle;} .filtre-box .filtre-list .filtre-reload:hover {color: #009289;} .filtre-box .filtre-list .filtre-reload:hover::before {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .item-actualites {position: relative; display: block; border-radius: 10px; transition: box-shadow .3s ease-in-out;} .item-actualites .fullBackground {height: 170px; border-top-left-radius: 10px; border-top-right-radius: 10px;} .item-actualites .content-actu {padding: 20px; z-index: 3; position: relative; border: 1px solid #F7F7F7; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .item-actualites .content-actu .cat-date {font-size: 0.8rem; font-weight: 400; position: relative; color: #D0D0D0; transition: color .3s ease-in-out;} .item-actualites .content-actu .cat-date::before {content: ""; position: relative; padding: 1px 15px 0 0; line-height: 1; margin-right: 5px; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-date.svg) no-repeat center/100%; filter: grayscale(1) brightness(1.6); transition: all .3s ease-in-out;} .item-actualites .content-actu .cat-date .categorie {color: #009289; font-weight: 600; border: 1px solid #009289; border-radius: 20px; padding: 3px 8px; margin-right: 10px;} .item-actualites .content-actu .titre-actu {margin-top: 10px; color: #0D184C;} .item-actualites .content-actu .resume-actu {display: none;} .item-actualites .content-actu .button-actu {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/arrow-right-grey.svg); position: absolute !important; bottom: 20px; right: 20px;} .item-actualites:hover .content-actu .cat-date {color: #009289;} .item-actualites:hover .content-actu .cat-date::before {filter: none;} .item-actualites:hover {box-shadow: 0 3px 6px rgb(0 0 0 / 16%);} #Actualites{padding-top: 100px;} #Actualites .list-actualites {display: -ms-grid; display: grid; grid-gap: 15px 20px; gap: 15px 20px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-auto-columns: 1fr; grid-auto-columns: 1fr; grid-auto-rows: 1fr; margin-top: 50px;} #Actualites .list-actualites .item-actualites:first-child{-ms-grid-column: 1; grid-column-start: 1;-ms-grid-column-span: 3; grid-column-end: 4; display: flex;} #Actualites .list-actualites .item-actualites:first-child .fullBackground{width: 50%; height: 100%; border-top-right-radius: 0; border-bottom-left-radius: 10px;} #Actualites .list-actualites .item-actualites:first-child .content-actu{width: 50%; height: 100%; border-bottom-left-radius: 0; border-top-right-radius: 10px; padding: 30px;} #Actualites .list-actualites .item-actualites:first-child .titre-actu{margin-top: 20px;} #Actualites .list-actualites .item-actualites:first-child .resume-actu{display: block; margin-top: 40px; font-size: 1.1rem;} #Builder #socials{background: #0D184C; width: 100%; padding: 70px 100px;} #Builder #socials .text{color: white; font-size: 2.2rem; font-weight: bold;} #Builder #socials ul.links{display: flex;} #Builder #socials li {text-align: center; display: flex; justify-content: center; align-items: center; padding: 10px; margin-left: 40px;} #Builder #socials li:not(:last-of-type){margin-right: 15px;} #Builder #socials li > a{width: 30px; height: 30px; display: block;} #Builder #socials li > a.facebook{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-fb-white.svg) no-repeat center/contain;} #Builder #socials li > a.twitter{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-twitter-white.svg) no-repeat center/contain;} #Builder #socials li > a.threads{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-threads-white.svg) no-repeat center/contain;} #Builder #socials li > a.instagram{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-instagram-white.svg) no-repeat center/contain;} .item-actualites .content-actu .titre-actu, .list-evenements .item-evenements .content-evenement .titre-evenement{font-weight: 600; font-size: 1.6rem; line-height: 1.2;} .item-actualites .content-actu .button-actu, .list-evenements .item-evenements .content-evenement .button-evenement{display: block; font-size: 1.1rem; font-weight: 600; position: relative; margin-top: 10px; margin-right: 0; margin-left: auto;} .item-actualites .content-actu .button-actu{visibility:hidden; opacity: 0;} .item-actualites .content-actu .button-actu, .list-evenements .item-evenements .content-evenement .button-evenement{height: 20px; width: 20px; background-repeat: no-repeat; background-size: contain; background-position: center; transition: all 0.3s ease-in-out;} .item-actualites:hover .content-actu .button-actu, .list-evenements .item-evenements:hover .content-evenement .button-evenement{visibility:visible; opacity: 1;} .pagination-posts, main#Actualites .actus, main#Evenements .evenements, main#Publications .publis{margin-top: 60px;} #Accueil .list-evenements, #Actualites .list-evenements {display: -ms-grid; display: grid; grid-gap: 10px 15px; gap: 10px 15px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-auto-rows: 1fr; grid-auto-rows: 1fr;} #Evenements .list-evenements {display: -ms-grid; display: grid; grid-gap: 15px 20px; gap: 15px 20px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-auto-columns: 1fr; grid-auto-columns: 1fr;} #Accueil .list-evenements .item-evenements:first-child:nth-last-child(n+4), #Actualites .list-evenements .item-evenements:first-child:nth-last-child(n+4) {-ms-grid-row: 1; grid-row-start: 1;-ms-grid-row-span: 2; grid-row-end: 3;} #Evenements{padding-top: 100px;} #Evenements .noEvent{margin: 50px auto; text-align: center;} #Evenements .list-evenements {margin-top: 50px;} #Evenements .list-evenements .item-evenements:first-child{-ms-grid-column: 1; grid-column-start: 1;-ms-grid-column-span: 3; grid-column-end: 4; height: 440px} #Evenements .list-evenements .item-evenements:first-child .content-div{padding: 0 100px;} #Evenements .list-evenements .item-evenements:first-child .content-evenement {padding: 0 50% 10% 8%; width: 100%;} .list-evenements .item-evenements {border-radius: 10px; overflow: hidden; min-height: 220px; color: #FFF; position: relative;} .list-evenements .item-evenements .fullBackground {height: 100%; border-radius: 10px;} .list-evenements .item-evenements .fullBackground::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: -webkit-linear-gradient(to top, rgba(15,25,73, 1) 0%, transparent 70%); background: -moz-linear-gradient(to top, rgba(15,25,73, 1) 0%, transparent 70%); background: -o-linear-gradient(to top, rgba(15,25,73, 1) 0%, transparent 70%); background: linear-gradient(to top, rgba(15,25,73, 1) 0%, transparent 70%);} .list-evenements .item-evenements .content-evenement {padding: 0 30% 8% 10%; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 2; pointer-events: none;} .list-evenements .item-evenements .fullBackground .button-evenement{color: #FFF; display: block; position: absolute; border-top-left-radius: 10px; border-bottom-right-radius: 10px; bottom: 0; right: 0; width: 50px; height: 50px; z-index: 2; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-plus-white.svg) no-repeat center/25%; transition: background .3s ease-in-out;} .list-evenements .item-evenements .fullBackground:hover .button-evenement{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-plus-black.svg) no-repeat center/25%, white;} .s4-dateEvent {color: #FFF; font-weight: 600; line-height: 1.4; width: fit-content;} .s4-dateEvent .s4-dateEventBox {background-color: #009289; min-height: 60px; box-sizing: border-box; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: flex; flex-direction: column; padding: 30px 0 20px; min-width: 75px;} .s4-dateEvent .s4-dateEventBox .dayContent, .s4-dateEvent .s4-dateEventBox .monthContent {padding: 0 10px; min-width: 50px; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;} .s4-dateEvent .s4-dateEventBox .dayContent span {width: 100%; position: relative;} .s4-dateEvent .s4-dateEventBox .dayContent span:first-child:not(:last-child) {padding-right: 1.2em;} .s4-dateEvent .s4-dateEventBox .dayContent span:first-child:not(:last-child)::after {content: ''; position: absolute; top: 50%; right: 0; height: 0.7em; width: 0.7em; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-min-bleuclair.svg); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .s4-dateEvent .s4-dateEventBox .bigTxt {font-size: 1.2rem;} .s4-dateEvent .s4-dateEventBox .littleTxt {font-size: 1rem;} .s4-dateEvent .moreDate {font-size: 0.9rem; line-height: 1.2; font-weight: 600; margin-top: 3px;} .s4-dateEvent.bleuBox {color: #0D184C;} .s4-dateEvent.bleuBox .s4-dateEventBox {border-color: #0D184C;} .s4-dateEvent.bleuBox .s4-dateEventBox .monthContent {background-color: #0D184C; color: #FFF;} body.single-evenements main#Builder #inside .mainContent .commentaires>:not(:last-child){margin-bottom: 20px;} body.single-evenements main#Builder #inside .mainContent .mainChild:not(:last-child){margin-bottom: 60px;} body.single-evenements main#Builder #inside>.container>.row>.rightContent>.label-right{font-size: 1rem; font-weight: 600; line-height: 1.2;} body.single-evenements main#Builder #inside>.container>.row>.rightContent>.label-right:not(:last-child){margin-bottom: 5px;} body.single-evenements main#Builder #inside>.container>.row>.rightContent>.content{font-weight: 600; font-size: 1.3rem; line-height: 1.4;} body.single-evenements main#Builder #inside>.container>.row>.rightContent>.content:not(:last-child){margin-bottom: 30px;} .list-publications {display: -ms-grid; display: grid; grid-gap: 45px 55px; gap: 45px 55px; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-auto-rows: 1fr; grid-auto-rows: 1fr; -ms-grid-auto-columns: 1fr; grid-auto-columns: 1fr; margin: 40px auto;} #Publications .list-publications{margin-top: 50px;} .list-publications .item-publications {overflow: hidden; color: #FFF; position: relative; width:100%; margin-left: auto; margin-right: auto;} #Accueil .list-publications .item-publications {width:200px;} #Accueil .list-publications .item-publications:first-child:nth-last-child(n+4) {-ms-grid-row: 2; grid-row-start: 1;-ms-grid-row-span: 2; grid-row-end: 3; -ms-grid-column: 2; grid-column-start: 1;-ms-grid-column-span: 2; grid-column-end: 3; width: 100%;} #Publications{padding-top: 100px;} #Contact{padding-top: 100px;} .item-deroulant{overflow:hidden; transition:all 0.2s ease-in-out; border:1px solid #0D184C; border-radius: 10px;} .item-deroulant .titre-deroulant{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding:30px 40px; position:relative; font-weight:600;} .item-deroulant .titre-deroulant .horaires{position: relative; padding-left: 1.5em; font-size: 1.3rem; font-weight:600; margin-left: 30px; margin-right: 30px;-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex-grow: 1; -ms-flex: 1; flex-grow: 1;} .item-deroulant .titre-deroulant .horaires::before{content: ''; position: absolute; left: 0; top: 50%; height: 1em; width: 1em; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-horloge.svg); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .item-deroulant .titre-deroulant .arrow-deroulant{font-size: 1.1rem; line-height: 1.2; text-decoration: underline; margin-left: auto;} .item-deroulant .titre-deroulant .arrow-deroulant::after{content:''; display: inline-block; vertical-align: middle; margin-left: 20px; width: 0.9em; height: 1.5em; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-deroulant-bleuclair.svg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .item-deroulant .content-deroulant{padding: 0 40px; padding-bottom:20px;} .item-deroulant .content-deroulant *+*{margin-top:10px} .item-deroulant.deroulable .titre-deroulant{cursor:pointer;} .item-deroulant.deroulable.expanded .titre-deroulant .arrow-deroulant::after{-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);} .item-deroulant + .item-deroulant, .item-deroulant-date + .item-deroulant-date{margin-top: 20px;} .item-deroulant:not(.deroulable) .titre-deroulant .arrow-deroulant {display: none;} .s4-carousel_auto {position: relative; overflow: hidden;} .s4-carousel_auto .horizontalScroll .carousel-item {height: 400px; border-radius: 10px;} .s4-carousel_auto .horizontalScroll .carousel-item:not(:last-child) {margin-right: 15px;} .s4-carousel_auto .horizontalScroll {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: auto; scroll-behavior: smooth; padding-bottom: 20px; position: relative; width: 80%; margin: auto} .s4-carousel_auto .horizontalScroll::-webkit-scrollbar-track {background:#F7F7F7; height: 10px; border-radius: 10px;} .s4-carousel_auto .horizontalScroll::-webkit-scrollbar-thumb {background: #009289;cursor:pointer;transition:all 0.3s ease-in-out; border-radius: 10px;} .s4-carousel_auto .horizontalScroll::-webkit-scrollbar-thumb:hover {background: #0D184C;} .s4-carousel_auto .horizontalScroll::-webkit-scrollbar {width: 10px; height: 10px; } .s4-carousel_auto .horizontalScroll ~ .arrow {position: absolute; cursor: pointer; top: 50%; top: calc(50% - 20px); z-index: 25; height: 80px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 10%; transition: all 0.3s;} .s4-carousel_auto .horizontalScroll ~ .arrow:not(.showIt) {opacity: 0.4;} .s4-carousel_auto .horizontalScroll ~ .arrow::before {content: " "; display: block; width: 20px; height: 20px; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-bleu.svg) no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .s4-carousel_auto .horizontalScroll ~ .arrow.left {left: 0;} .s4-carousel_auto .horizontalScroll ~ .arrow.left::before {-webkit-transform: rotate(-180deg) translate(50%, 50%); -moz-transform: rotate(-180deg) translate(50%, 50%); -ms-transform: rotate(-180deg) translate(50%, 50%); transform: rotate(-180deg) translate(50%, 50%);} .s4-carousel_auto .horizontalScroll ~ .arrow.right {left: unset; right: 0;} #Builder .ariane-container, #OffresEmploi .ariane-container {margin-bottom: 30px;} .ariane-container {margin-top: 50px;} #ariane{font-size: 1rem;line-height:1.5; position: relative; padding-bottom: 15px; margin-top: 30px;} #ariane a,#ariane{color: #D0D0D0;} #ariane a{transition: all 0.4s ease-in-out} #ariane a:hover{color: #009289} #ariane .breadcrumb_last{color: #009289;} footer{background: #0D184C; padding: 80px 0 20px; color: #FFFFFF; position: relative; overflow: hidden;} footer a {color: #FFFFFF; text-decoration: none;} footer a:hover {color: #009289;} footer .container {position: relative;} footer .logos-footer {margin-bottom: 50px;} footer .logos-footer img:first-of-type {width: 70vw; max-width: 1200px; margin-right: 100px; position: absolute; top: -150px; left: -500px;} footer .logos-footer img:last-of-type {width: 120px;} footer .logos-footer p {font-size: 3rem; font-weight: 700; margin-bottom: 0;} footer .title{color: #FFFFFF; line-height: 1.3; text-transform: uppercase; font-weight: bold; font-size: 1.2rem; margin-bottom: 25px} footer .title:not(:first-child) {margin-top: 60px} footer ul{list-style:none;} footer ul li{margin-bottom:10px; position: relative; padding-left: 15px; font-weight: bold;} footer ul li a{line-height: 1.3;} footer ul li.bigLink a {font-weight:700; font-size: 1.3rem; color: #009289;} footer ul li.bigLink a:hover {color: #FFF;} footer ul li.bigLink + li.littleLink {margin-top: 20px;} footer ul li.littleLink a {font-weight:600; font-size: 1.1rem} footer ul.socials > li {text-align: center; display: flex; justify-content: center; align-items: center; border: 3px solid white; width: 40px; height: 40px; border-radius: 100%; overflow: hidden; padding-left: unset;} footer ul.socials > li:not(:last-of-type){margin-right: 15px;} footer ul.socials > li:hover a {opacity: .5;} footer ul.socials > li > a{width: 100%; height: 100%; display: block;} footer ul.socials > li > a.facebook{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-fb-white.svg) no-repeat center/30%;} footer ul.socials > li > a.twitter{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-twitter-white.svg) no-repeat center/70%;} footer ul.socials > li > a.threads{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-threads-white.svg) no-repeat center/70%;} footer ul.socials > li > a.instagram{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-instagram-white.svg) no-repeat center/50%;} footer ul.socials > li > a.tiktok{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-tik-tok.svg) no-repeat center/55%;} footer ul.socials > li > a.pocket{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/panneau-pocket-white.svg) no-repeat center/45%;} body > .cc-revoke{display: none !important} footer a.cookieConsent{ display: inline-block; cursor: pointer;} footer p{margin-bottom:25px; font-weight: bold;} footer .liens {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} footer .liens ul {padding: 0 15px; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%;} @media (min-width: 1200px) { footer .liens ul:nth-child(n+4) {margin-top: 100px;} } footer .liens.mobile-only {display: none;} footer .infos {padding-left: 30px; padding-right: 30px;} footer .partenaires img {height: 60px; max-width: 100px; object-fit: contain;} footer .partenaires>* {display: inline-block;} footer .partenaires>*:not(:last-child) {margin-right: 20px;} footer .copyright{margin-top:70px;} footer .copyright img{margin-bottom:20px;} footer .copyright .mentions{margin-bottom:10px;} footer .copyright, footer .copyright a{font-weight:500; line-height:1.2;} footer .copyright{color:#FFFFFF;} footer .s4{font-size:0.9rem; text-align: center;} footer .s4 .footer-separator{margin-right: 30px;} footer .s4 a::after{display: none;} footer .button1{padding: 10px 20px; width: 250px; max-width: 100%; margin-top: 0; margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between;} footer .button1 > span:first-of-type{margin-left: 0 !important; width: 30px; height: 30px;} footer .button1 > span:last-of-type{color: white; width: 100%;} #Accueil .reseaux {padding: 0 !important; margin: 0 !important;} .reseaux .flux{background: #009289;} #Accueil .reseaux .flux{height: unset;} #Accueil .reseaux .flux .col{padding-right: 0; padding-left: 0;} .reseaux .flow{height: auto; min-height: 500px;} .reseaux .left {background: #0D184C; height: auto; position: relative;} .reseaux .left > div {position: absolute; bottom: 0; right: 0; padding-bottom: 60px; padding-right: 60px;} .reseaux .left > div > p:first-of-type{color: white; font-size: 2rem; font-weight: bold; line-height: 1;} .reseaux .left > div > p:first-of-type > span{display: block; font-size: 1rem; width: 70%; min-width: 200px; margin-top: 20px; line-height: 1.3;} .reseaux .left > div > ul.socials {margin: 30px 0 50px;} .reseaux .left > div > ul.socials > li {text-align: center; display: flex; justify-content: center; align-items: center;} .reseaux .left > div > ul.socials > li:not(:last-of-type){margin-right: 50px;} .reseaux .left > div > ul.socials > li > a{width: 30px; height: 30px; display: block;} .reseaux .left > div > ul.socials > li > a.facebook{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-fb-white.svg) no-repeat center/contain;} .reseaux .left > div > ul.socials > li > a.twitter{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-twitter-white.svg) no-repeat center/contain;} .reseaux .left > div > ul.socials > li > a.threads{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-threads-white.svg) no-repeat center/contain;} .reseaux .left > div > ul.socials > li > a.instagram{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-instagram-white.svg) no-repeat center/contain;} .reseaux .left > div > ul.socials > li > a.tiktok{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/picto-tik-tok.svg) no-repeat center/contain;} .reseaux .left > div > ul.socials > li > a.pocket{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/panneau-pocket-white.svg) no-repeat center/contain;} .reseaux .left > div > p:last-of-type{text-align: right; font-weight: bold; font-size: 2rem; color: #009289;} .reseaux .flux .right{background: #009289; padding-left: 0; padding-right: 0;} #Accueil .instagramFlux>* {position: relative; flex: 0 0 12.5%;} #Actualites .instagramFlux{flex-wrap: wrap;} #Actualites .instagramFlux>* {position: relative; flex: 0 0 20%;} .instagramFlux .item-instagram {overflow: hidden;} .instagramFlux .item-instagram a {display: block; position: relative; width: 100%; padding-top: 100%; color: transparent; font-size: 0;} .instagramFlux .item-instagram a:hover {transform: scale(1.1);} #incomingEvents{background: #00B9AD; padding: 50px 0 70px; margin-bottom: 0 !important; position: relative; overflow: hidden;} #incomingEvents .button1{ border: 3px solid white; color: white;} #incomingEvents .button1::before{ background-color: white;} #incomingEvents .button1 > span{color: white;} #incomingEvents .button1 > span > span{background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-blanc.svg);} #incomingEvents .button1:hover > span{color: #009289;} #incomingEvents .button1:hover > span > span{background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-bleuclair.svg);} #incomingEvents .list-evenements .owl-nav.disabled{display: none;} #incomingEvents .list-evenements .owl-nav button{position: absolute; cursor: pointer; top: 50%; height: 35px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 10%; width: 35px; transition: all 0.3s; border: 3px solid #009289; border-radius: 100%; } #incomingEvents .list-evenements .owl-nav button.disabled{opacity: 0.4;} #incomingEvents .list-evenements .owl-nav button::before{content: " "; display: block; width: 20px; height: 20px; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-bleuclair.svg) no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} #incomingEvents .list-evenements .owl-nav button.owl-prev{right: 100%;} #incomingEvents .list-evenements .owl-nav button.owl-prev::before{-webkit-transform: rotate(-180deg) translate(50%, 50%); -moz-transform: rotate(-180deg) translate(50%, 50%); -ms-transform: rotate(-180deg) translate(50%, 50%); transform: rotate(-180deg) translate(50%, 50%);} #incomingEvents .list-evenements .owl-nav button.owl-next{left: 100%;} #incomingEvents .bubble{display: block; position: absolute; min-width: 30px; max-width: 200px; min-height: 30px; max-height: 200px;} #incomingEvents .bubble1{width: 10%; height: 10%; top: 10%; left: 4%; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/icon-bubble1.svg) no-repeat center/100% 100%;} #incomingEvents .bubble2{width: 8%; height: 8%; top: 6%; left: 82%; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/icon-bubble1.svg) no-repeat center/100% 100%;} #incomingEvents .bubble3{width: 12%; height: 12%; top: 92%; left: 20%; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/icon-bubble1.svg) no-repeat center/100% 100%;} #incomingEvents .bubble4{width: 6%; height: 6%; top: 85%; left: 70%; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/icon-bubble1.svg) no-repeat center/100% 100%;} #incomingEvents .bubble5{width: 5%; height: 5%; top: 2%; left: 30%; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/icon-bubble2.svg) no-repeat center/100% 100%;} #incomingEvents .bubble6{width: 6%; height: 6%; top: 65%; left: 10%; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/icon-bubble2.svg) no-repeat center/100% 100%;} #incomingEvents .bubble7{width: 10%; height: 10%; top: 60%; left: 85%; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/icon-bubble2.svg) no-repeat center/100% 100%;} #incomingEvents .bubble8{width: 4%; height: 4%; top: 70%; left: 4%; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/icon-bubble3.svg) no-repeat center/100% 100%;} #incomingEvents .bubble9{width: 3%; height: 3%; top: 80%; left: 35%; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/icon-bubble3.svg) no-repeat center/100% 100%;} #incomingEvents .bubble10{width: 10%; height: 10%; top: 90%; left: 90%; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/pictos/icon-bubble3.svg) no-repeat center/100% 100%;} #searchBox{position: fixed; padding-top: 155px; left: 0; right: 0; bottom: 100vh; height:100vh; z-index: 6; transition: all 0.5s ease-in-out} #searchBox.openIt{bottom: 0; } #searchBox:before{content: " "; display: block; position: absolute;z-index: 1; top:0; left: 0; right: 0; bottom: 0; background: rgba(12, 24, 76, 0.7); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); } #searchBox .closeIt{position: absolute; transition:all 0.3s ease-in-out; transform-origin: center; width:35px; height:35px; cursor: pointer; top: 103px; right: -30px; z-index: 10; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-croix.svg) no-repeat center/60%; border-radius: 100%;} #searchBox .closeIt:hover{transform: rotate(90deg)} #searchBox .container{position: relative; z-index: 2; max-width: 650px} #searchBox .search{border: 1px solid #FFF; border-radius: 10px; margin-top: 100px;} #searchBox .search label{display: block; position: relative; height: 40px;} #searchBox .search label:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002"; display: inline-block; font-size: 1.1rem; color: #FFF; position: absolute; left: 10px; top:50%; transform: translateY(-50%); } #searchBox .search input{background: transparent; border:0;transform: translateY(-50%); box-shadow: none; width: calc(100% - 50px); -webkit-appearance: none; position:absolute; left:50px; right:0; top:50%;display: block; color: #FFF; font-size: 1.3rem; padding-right: 32px} #searchBox .search input::placeholder{color: #FFF; transition:all 0.3s ease-in-out} #searchBox .search input:focus::placeholder{color: transparent} #searchBox .results{color: #FFF; margin-top: 45px; height: calc(100vh - 300px);overflow-y: scroll; overflow-x: hidden} #searchBox .search label .rolling{display: none; width: 26px; height: 26px; border-radius: 100%; border: 3px solid white; border-left-color: rgba(255,255,255,.5); border-right-color: rgba(255,255,255,.5); position: absolute; top: 50%; margin-top: -13px; right: 5px; } @-webkit-keyframes rotating { from{ -webkit-transform: rotate(0deg); } to{ -webkit-transform: rotate(360deg); } } #searchBox.loading .search label .rolling{display: block; -webkit-animation: rotating 2s linear infinite;} #searchBox .results .section{margin-bottom: 35px} #searchBox .results a{color: #FFF; display: block; transition: all 0.3s ease-in-out; padding-top: 8px;padding-bottom: 8px; line-height:1.5; border-bottom: 1px solid rgba(255, 255, 255, 0.23);} #searchBox .results .sectionTitle{font-size: 30px; font-weight: bold; margin-bottom: 10px} #searchBox .results a span.infoBefore {font-weight: bold;} #searchBox .results .section:hover a{color:rgba(255, 255, 255, 0.42)} #searchBox .results .section:hover a:hover{color:#FFF} #searchBox .results::-webkit-scrollbar {width: 6px;} #searchBox .results::-moz-scrollbar {width: 6px;} #searchBox .results::-webkit-scrollbar-track {background:none; opacity:0; box-shadow: inset 0 0 50px rgba(0, 0, 0, 0);} #searchBox .results::-moz-scrollbar-track {background:none; opacity:0; box-shadow: inset 0 0 50px rgba(0, 0, 0, 0);} #searchBox .results::-webkit-scrollbar-thumb {background: #FFF; transition:all 0.3s ease-in-out; border-radius: 10px;} #searchBox .results::-moz-scrollbar-thumb {background: #FFF; transition:all 0.3s ease-in-out; border-radius: 10px;} #searchBox .results::-webkit-scrollbar-thumb:hover {background: #FFF;} #searchBox .results::-moz-scrollbar-thumb:hover {background: #FFF;} #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-theme-default .onesignal-bell-launcher-button svg .background{fill:#0D184C !important} #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-dialog button.action{background:#EC6608 !important} #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-md .onesignal-bell-launcher-dialog .onesignal-bell-launcher-dialog-body h1{color:#0D184C !important} .s4Block > .container{padding-left:0; padding-right:0} .slick-slider .slick-track, .slick-slider .slick-list{height: auto} body #cmplz-document{max-width: 1170px !important} #cmplz-document a[target="_blank"]::after {content: ''!important;} body.cmplz-document #cmplz-document h2::before {width: 100%;} .marqueur_decouvrir{ color: #FFF !important; font-size: 1.1rem !important; font-weight: 500 !important; line-height: 1.2 !important; padding : 5px 10px 5px 10px; border: 1px solid #009289; margin-top: 20px; background-color: #009289 ; transition: all 0.3s ease-in-out !important; } .marqueur_decouvrir:hover{ color: #009289 !important; border: 1px solid white; background-color: #0D184C ; } .ico-map {height: 16px; width: 25px; background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon-marker-empty.svg);} .categorie_parent{ font-size:20px !important; } .ouvrir_map{ cursor: pointer; } .quitter_map{ z-index:100 ; position: absolute; top: 0; right:24px; transform: rotate(45deg); cursor: pointer; font-size:80px; } .marqueur_decouvrir{ color: #FFF !important; font-size: 1.1rem !important; font-weight: 500 !important; line-height: 1.2 !important; transition: all 0.3s ease-in-out !important; display: inline-block; } .marqueur_decouvrir:hover{ color: #009289 !important; } #modal { background-color: white; position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; display: none; } .mycluster { height: 40px; width: 40px; border-radius: 50%; background-color: #0D184C; color: white; text-align: center; font-size: 20px; line-height: 40px; margin-top: -20px; margin-left: -20px; } .categorie_nom{ display: flex; flex-direction: row; } #categorie{ height: 100vh; width:500px; background-color: white; transition: all 0.5s ease; position:relative; } .map_lieux{ flex-grow: 1; transition: all 0.5s ease; } .fermer_categorie{ visibility: hidden; opacity: 0; z-index:100; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); background-color: #0D184C; color: #fff; width: 30px; height: 60px; cursor: pointer; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 5px rgb(0 0 0 / 25%); } .fermer_categorie_rotate{ transform: rotate(45deg); } #categorie_scroll{ overflow-y: scroll; height: calc(100% - 136px); padding-bottom: 30px; } .croix_fermer_categorie{ font-size:20px; } @media (max-width: 1260px) { .fermer_categorie{ visibility: visible; opacity: 1; } #carte_lieux{ display:none; } #categorie { z-index: 100; position: absolute; height: 100vh; } .map_lieux { z-index: -100; flex-grow: 1; transition: all 0.5s ease; } .map_lieux{ position:absolute; width:100%; } #categorie{ transition: all 0.5s ease; display: block; } .categorie_translate{ transform: translateX(-100%); } } @media (max-width: 900px) { #categorie{ width:400px; } } @media (max-width: 470px) { .categorie_parent{ font-size:14px !important; } #categorie{ width:290px; } } #categorie_titre{ background-color: #0D184C; display:flex; justify-content:space-evenly; padding-left:5%; padding-right:5%; padding-top:25px; padding-bottom:25px; } .categorie_titre_img{ width:30%; } .categorie_titre_p{ margin-top:25px; margin-right:10px; } #categorie_items{ margin-top:30px; margin-left:20px; margin-right:20px; } #carte_lieux{ display:flex; justify-content: row } .plus:before{ content: ""; position: absolute; top: 50%; right: 40px; width: 18px; height: 18px; transform: translateY(-50%); background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-deroulant-bleuclair.svg) no-repeat center; background-size: contain; transition: all 0.15s ease-in-out; } .plus.selected:before{ transform: translateY(-50%) rotate(90deg); } .customMarkerSVG{background-size: contain; width: 45px; height: 45px; z-index: 200!important;} .customMarkerSVG.noIcon{background-size: contain;} .customMarkerSVG img{width: 16px;position: absolute; left: 50%; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); top:50%; transform: translate(-50%, -30%); margin-top: -10px} .customMarker{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon-marker.svg) no-repeat center center; background-size: contain; width: 45px; height: 45px; z-index: 200!important;} .customMarker.noIcon{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon-marker-empty.svg) no-repeat center center; background-size: contain;} .customMarker img{width: 16px;position: absolute; left: 50%; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); top:50%; transform: translate(-50%, -30%); margin-top: -10px} #carte_lieux .leaflet-map-pane .leaflet-popup {left: unset!important; right: 0;} #carte_lieux .leaflet-popup-content{padding: 0; margin: 0} #carte_lieux .leaflet-popup-content .img{width: 100%; position: relative; height: 100px} #carte_lieux .leaflet-popup-content .name{font-weight: 500; background-color: #009289; color: #FFF; font-size: 1.1rem; padding: 10px 15px; padding-right: 30px; position: relative;} #carte_lieux .leaflet-popup-content .outerContent{padding: 20px 30px; min-width: 250px;} #carte_lieux .leaflet-popup-content .content{overflow: auto; max-height: 200px; padding-right: 10px;} #carte_lieux .leaflet-popup-content .content p {font-size: 0.9rem;} #carte_lieux .leaflet-popup-content .content p + p {margin-top: 10px;} #carte_lieux .leaflet-popup-content .content::-webkit-scrollbar-track {background:rgba(255, 255, 255, 0.3); height: 2px; border-radius: 2px;} #carte_lieux .leaflet-popup-content .content::-webkit-scrollbar-thumb {background: #FFF;cursor:pointer;transition:all 0.3s ease-in-out; border-radius: 2px;} #carte_lieux .leaflet-popup-content .content::-webkit-scrollbar-thumb:hover {background: #FFF;} #carte_lieux .leaflet-popup-content .content::-webkit-scrollbar {width: 2px; height: 2px; } #carte_lieux .leaflet-popup-content .content a{color: #00788C} .leaflet-popup-content-wrapper, .leaflet-popup-tip{overflow: hidden; padding: 0; } .leaflet-container a.leaflet-popup-close-button{color: #FFF; right: 3px} .leaflet-popup-tip-container {display: none;} .mapPerso {position: relative; z-index: 4} #carte_lieux .fullBackground {height: 100px;} #carte_lieux .leaflet-popup-content-wrapper {border-radius: 10px; background-color: #0D184C; color: #FFF;} #carte_lieux .leaflet-popup-pane, #carte_lieux .leaflet-marker-pane {z-index: unset;} #carte_lieux .leaflet-map-pane .leaflet-popup {z-index: 999;} #carte_lieux .customMarker.openMarker{z-index: 350!important;} .co-breadcrumb{display:none} #co-search{display:none} #co-bar .co-home{display:none} #comarquage #co-bar{background-color:#FFF !important} #Annuaire .image.fullBackground{width: 150px; height: 150px; margin-left: auto;} #Annuaire .image.fullBackground image{object-fit: contain;} #Annuaire .owl-carousel{width: 90%; margin-left: auto; margin-right: auto;} #Annuaire .owl-carousel .owl-nav{position: absolute; top: 50%; left: 0; width: 100%;} #Annuaire .owl-carousel .owl-nav.disabled{display: none;} #Annuaire .owl-carousel .owl-nav button{position: absolute; cursor: pointer; top: 50%; height: 35px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 10%; width: 35px; transition: all 0.3s; border: 3px solid #009289; border-radius: 100%; } #Annuaire .owl-carousel .owl-nav button.disabled{opacity: 0.4;} #Annuaire .owl-carousel .owl-nav button::before{content: " "; display: block; width: 20px; height: 20px; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-bleuclair.svg) no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} #Annuaire .owl-carousel .owl-nav button.owl-prev{right: 100%;} #Annuaire .owl-carousel .owl-nav button.owl-prev::before{-webkit-transform: rotate(-180deg) translate(50%, 50%); -moz-transform: rotate(-180deg) translate(50%, 50%); -ms-transform: rotate(-180deg) translate(50%, 50%); transform: rotate(-180deg) translate(50%, 50%);} #Annuaire .owl-carousel .owl-nav button.owl-next{left: 100%;} #Annuaire .owl-carousel .fullBackground{height: 350px;} #Annuaire .owl-carousel .fullBackground img{object-fit: contain; object-position: top;} #Annuaire #mapAnnuaire{width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; height: 400px; margin-top: 50px;} .grecaptcha-badge{display: none !important;}@media (min-width: 1550px) { #postule .boxPostule .leftPostule.col-xxl-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} #postule .boxPostule .rightContent.offset-xxl-2 {margin-left: 16.666667%;} } @media (max-width: 1583px){ nav ul.principal > li > a {padding: 15px 20px;} } @media (max-width: 1549px){ #Accueil .map-home .fullBackground { min-height: 349px; } .title2 {font-size: 2rem;} .title3 {font-size: 1.5rem;} header>.leftHeader {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px; width: 200px; max-width: 200px;} header>.leftHeader a {padding: 20px 30px;} header>.leftHeader a img {width: 140px;} nav ul.principal > li > a {padding: 15px 20px;} header .bottom>a {padding: 15px 20px;} header .bottom a.agenda-link {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 125px; -ms-flex: 0 0 125px; flex: 0 0 125px; width: 125px; max-width: 125px;} header .bottom a.agenda-link i {margin-right: 5px;} #header2 .fullBackground .content-div, #header1 .row {min-height: 350px;} #header2 .fullBackground .content-div {padding: 40px 30px;} #header2 .fullBackground .content-div .titre-header2 {font-size: 3.6rem;} #Accueil .raccourcis-home .liste-raccourcis .item-raccourcis a .icon-raccourci {width: 80px; height: 80px; } #Accueil #header .container .background-form .title1 {padding: 20px 30px; padding-bottom: 50px;} #Accueil .idees-home .fullBackground {min-height: 400px;} #Accueil .reseaux-home .fondGris.fondSVGtxt {padding-right: 250px;} #Accueil .reseaux-home .fondGris img.telephone-design {max-width: 800px;} #Accueil .fondGris.fondSVGtxt svg.textOnLoad {height: 250px;} #Accueil .titre-et-lien .servicePublic {width: 200px; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px; width: 200px; max-width: 200px;} #Accueil .services-home .list-liens a.fullBackground {min-height: 250px;} #Accueil .services-home .list-liens a.fullBackground .content-div {max-width: 300px;} #Accueil .services-home .list-liens a.fullBackground .content-div img.icone {height: 40px;} #Accueil .services-home .list-liens a.fullBackground .content-div p {font-size: 1.5rem;} #Accueil .videos-home .list-video a.lien-video {width: 700px; min-height: 350px;} .item-actualites .content-actu .titre-actu, .list-evenements .item-evenements .content-evenement .titre-evenement{} .s4-carousel_auto .horizontalScroll .carousel-item {height: 300px;} .ListSubsPages{padding: 0;} footer .logos-footer p {font-size: 2.6rem;} } @media (max-width: 1368px){ nav ul.principal > li > a {padding: 10px 15px; font-size: 1rem;} nav .sub .left{padding: 40px 30px 5px 30px;} header .bottom a.agenda-link { max-width: 105px; width: 105px; } header .bottom a.agenda-link.commerce { flex: 0 0 134px; padding: 20px 8px; } header .bottom>a { padding: 4px 15px; } } @media (min-width: 992px) and (max-width: 1199px) { footer .liens ul:nth-child(n+3) {margin-top: 60px;} } @media (max-width: 1199px){ .title1, #header2 .fullBackground .content-div .titre-header2 {} .title2 {} .title3 {} header>.leftHeader {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 170px; -ms-flex: 0 0 170px; flex: 0 0 170px; width: 170px; max-width: 170px;} header>.leftHeader a {padding: 15px 20px;} header>.leftHeader a img {width: 130px;} header .top {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 40px; -ms-flex: 0 0 40px; flex: 0 0 40px; height: 40px; max-height: 40px;} header .top a {padding: 10px 15px;} header .top a.openSearch {font-size: 1.1rem;} header .top ul li + li {border-left-width: 1px;} nav .sub svg.textOnLoad {height: 130px;} .ariane-container {margin-top: 30px;} #header2 .fullBackground .content-div, #header1 .row {min-height: 300px;} #Accueil #header .container .col .search .results .sectionTitle {font-size: 1.2rem; padding-bottom: 10px; margin-bottom: 10px;} #Accueil #header .container .col .search .results .elem {font-size: 1rem; padding-bottom: 5px; margin-bottom: 10px;} #Accueil .informations_banner .leftBanner, #Accueil .informations_banner .rightBanner {padding: 10px;} #Accueil .informations_banner .leftBanner {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 160px; -ms-flex: 0 0 160px; flex: 0 0 160px; width: 160px; max-width: 160px;} #Accueil .informations_banner .leftBanner p {font-size: 1.2rem;} #Accueil .videos-home .list-video a.lien-video {width: 100%;} #Accueil .fondGris.fondSVGtxt {padding: 40px 60px; padding-bottom: 100px;} #Accueil .fondGris.fondSVGtxt svg.textOnLoad {height: 150px;} #Accueil .reseaux-home .fondGris.fondSVGtxt {padding-right: 150px;} #Accueil .reseaux-home .fondGris img.telephone-design {max-width: 700px; -webkit-transform: translate(42%, -50%); -moz-transform: translate(42%, -50%); -ms-transform: translate(42%, -50%); transform: translate(42%, -50%);} .reseaux .left > div{padding-right: 30px;} .reseaux .left > div > ul.socials > li:not(:last-of-type){margin-right: 20px;} main#Contact>.container:not(.ariane-container) {margin-top: 60px;} main#Contact .mapContent #parentMapContact {max-width: 100%;} main#Contact .mapContent #parentMapContact #mapContact {height: 50vh; min-height: 300px;} main#Contact .mapContent .boxInfos {position: relative; bottom: unset; right: unset;} main#Contact .mapContent .boxInfos .social-global {position: relative; bottom: unset; right: unset; margin-top: 20px;} .s4-carousel_auto .horizontalScroll .carousel-item {height: 250px;} #Publications .list-publications, #Builder .list-publications{-ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;} main#Actualites .actus .leftContent .item-actualites {top: 10vh; top: calc(100px);} main#Actualites .actus .leftContent .item-actualites .fullBackground {max-height: 500px; height: 80vh; height: calc(100vh - (100px + 50px));} main#Actualites .actus .leftContent .item-actualites .content-actu .titre-actu {font-size: 2.8rem;} body.single-evenements main#Builder #inside>.container>.row>.rightContent>.content {font-size: 1.1rem;} .item-deroulant .titre-deroulant {padding: 15px 20px;} .item-deroulant .titre-deroulant .horaires {font-size: 1.1rem;} .item-deroulant .titre-deroulant .arrow-deroulant::after {height: 1.2em; width: 0.7em;} .ListSubsPages .elem .big {height: 160px; -webkit-flex: 0 0 160px; -ms-flex: 0 0 160px; flex: 0 0 160px;} .ListSubsPages .elem .big .contentCenter {} footer {padding: 60px 0 20px;} footer .logos-footer {margin-bottom: 60px;} footer .logos-footer img {width: 160px; margin-right: 60px;} footer .logos-footer p {} footer .liens ul {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;} footer .copyright {margin-top: 40px;} #searchBox {padding-top: 120px;} #searchBox .results {height: calc(100vh - 230px);} #searchBox .results .sectionTitle {font-size: 24px;} } @media (max-width: 1139px) { #barre-link{display: none!important;} #navresponsive{position:fixed; display:block; top:125%; left:0; z-index:999; background:#FFF; width:100%; height:100%; font-size:34px; overflow:scroll; -webkit-overflow-scrolling: touch; text-align:center; z-index:99;} #navresponsive, #navresponsive ul.sub{ transition:all 0.7s} #navresponsive.active{top:0} #navresponsive .current{position:absolute;top:0;height:70px;left: 70px; opacity:0; visibility: hidden; right:55px;background:#FFF;color:#0D184C;font-size:14px;text-transform:uppercase;line-height:70px; transition:all 0.3s; font-weight: bold; overflow: hidden; padding: 0 10px 0 19px; text-overflow: ellipsis; white-space: nowrap;} #navresponsive .previous{position:absolute;left:0;top:0;opacity:0;visibility: hidden;background:#009289;color:#FFF;font-size: 11px;line-height: 13px;font-weight:bold;wid;width: 70px;height: 70px;text-align:center;padding-top: 12px;z-index:999;transition:all 0.3s;} #navresponsive .previous .arrow{ display: block;position: absolute;width: 18px;height: 18px;background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-blanc.svg) no-repeat;background-size: contain; background-position: center;right: 50%;top: 50%;margin-top: -9px;margin-right: -9px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} #navresponsive .containerSub{display:block;width:100%;position: fixed;left: 100vw;top: 70px;bottom: 0;overflow-x: hidden;overflow-y: scroll;-webkit-overflow-scrolling: smooth;background: #FFF;transition:all 0.5s;} #navresponsive .containerSub.active{left:0} #navresponsive .containerSub{z-index:5} #navresponsive .containerSub .containerSub{z-index:6} #navresponsive .containerSub .containerSub .containerSub{z-index:7} #navresponsive ul{display:table;margin-left:auto;margin-right:auto; width: 100%} #navresponsive ul li{display: table-row;} #navresponsive.active ul.sub{top: 0;height: auto;} #navresponsive ul.sub.active{left:0} #navresponsive ul.principal{margin-top:70px;position: relative;background: #FFF;} #navresponsive ul li a, #navresponsive ul li .title{color:#0D184C;font-size:14px;font-weight:700; line-height:1.5; display: table-cell; text-transform:uppercase; padding: 17px 20px;display: table-cell;position:relative; transition:all 0.3s; text-align: left} #navresponsive ul li a:hover,#navresponsive ul li a:focus{color:#009289} #navresponsive ul li.hasSub > a:before{content: " "; display:block; position:absolute; width:15px; height:10px; background:url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-bleuclair.svg) no-repeat; background-size:contain; background-position: center; right:20px; top:50%; margin-top:-5px} #navresponsive ul li a:after, #navresponsive ul li .title::after{content: " "; display:block; height:1px; background:rgba(0, 120, 140, 0.07); position:absolute; bottom:0; left:0%; right: 0} #navresponsive ul.listvelos a:after{display:none;} #navresponsive ul.listvelos li:last-child a{padding-bottom:15px; padding-top: 15px} #navresponsive ul.listvelos li:last-child a:after{display:block;} #navresponsive.inSub .current{opacity:1; visibility:visible} #navresponsive.inSub .previous{opacity:1; visibility:visible} #navresponsive .button{background:#c0c0bf; width:100%; display:block; font-size:14px; font-weight:400; color:#FFF; text-align:center; position:absolute; bottom:0; } #navresponsive .contentScrolled .button{position:relative;} #navresponsive .containerlisteVelos .button{background:#898a8d} #navresponsive .button:after{display:none} #navresponsive .button:after{content:" ";} #headerResponsive{position:fixed;top:0;right:0; width:100%; height:70px;background:#FFF;z-index:100; display:block; transition:all 0.5s; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);} #headerResponsive.menuOpen{box-shadow: none;-webkit-box-shadow: none; } #headerResponsive .logo{width:120px; height: 100%;position:absolute;top: 0;left:0; transition:all 0.3s;} #headerResponsive .logo a{padding: 15px; height: 100%;} #headerResponsive .logo img{width:100%; max-height: 100%;} #headerResponsive .openSearch {height: 100%;position:absolute;top: 0;right:60px; color: #0D184C; font-size: 1.6rem; padding: 15px;} #headerResponsive .burger{position:absolute; right:0; top:6px; width:55px; height:55px; background:#FFF; overflow:hidden; } #headerResponsive .burger span{display:block; position:absolute; top:12px; height:2px; left:50%; margin-left:-20px; width:32px; background:#0D184C; transition:all 0.6s} #headerResponsive .burger span:nth-child(2){top:20px;} #headerResponsive .burger span:nth-child(3){top:28px;} #headerResponsive .burger .txt{position: absolute;top: 37px;font-size: 11px;left: 9px;text-transform: uppercase;font-weight: bold;color: #0D184C;} #headerResponsive.menuOpen .burger span:nth-child(1){transform: rotate(42deg) translateY(5px) translateX(4px);} #headerResponsive.menuOpen .burger span:nth-child(2){ transform: translateX(-66px); opacity: 0} #headerResponsive.menuOpen .burger span:nth-child(3){transform: rotate(-42deg) translateY(-8px) translateX(5px);} #headerResponsive .search{text-align: center;width: 60px;position: absolute;right: 68px;height: 55px;line-height: 62px;top: 5px;} #headerResponsive.menuOpen .search{display: none} #headerResponsive .search:after{content: " "; display: block; position: absolute; right: 0; top:50%; height: 40px; margin-top: -20px; width: 1px; background:#1f5296; } #headerResponsive .search i{color: #00788C; font-size: 22px;} #headerResponsive .search .txt{font-size: 11px; font-weight: bold} #headerResponsive .langs{position:absolute; width:55px; padding-top:55px; min-height:55px; max-height:55px; right:55px; top:0; background:#c0c0bf; overflow:hidden; line-height:55px; text-transform:uppercase; text-align:center; font-size:10px; transition:all 0.5s} #headerResponsive .langs.openit{max-height:700px} #headerResponsive .langs a{color:#FFF;} #headerResponsive .langs li{display:block; height:55px; background:#c0c0bf;} #headerResponsive .langs li.active{position:absolute; top:0; left:0; width:100%;} #headerResponsive.inSub .logo{opacity:0; visibility: hidden;} #headerResponsive.inSub .langs{opacity:0; visibility: hidden;} #headerResponsive.inSub{width:55px} #headerResponsive.inSub .openSearch {opacity:0; visibility: hidden; right: -100vw;} #header1{margin-top: 70px;} #Contact .title2{margin-top: unset;} main#Actualites, main#Publications, main#Evenements, main#Contact, #Builder.paddTop{padding-top: 40px;} } @media (max-width: 991px) { #Accueil .map-home .fullBackground { min-height: 256px; } .formS4 .fields{padding: 35px 5px} :root {font-size: 12px;} main, #header1, #header2 {margin-bottom: 40px;} main#Accueil::before {background-color: #FFF; height: 70px;} #Accueil #header .container .background-form>img {width: 200px; margin-top: 100px;} #Accueil #header .container {padding-top: 100px; padding-bottom: 30px; max-width: unset;} #Accueil #header .container .background-form .title1 {padding: 15px 20px; padding-bottom: 30px;} #Accueil #header .container .col .search {max-width: 500px;} #Accueil #header .container .col .search input[type=text] {padding: 10px 20px;} #Accueil .raccourcis-home .liste-raccourcis .item-raccourcis a .icon-raccourci:not(.withoutIcon) {width: 50px; height: 50px;} #Accueil #labels .list{gap: 20px 50px; padding: 0 20px 10px;} #Accueil #labels .list > *{flex: 0 0 80px; max-width: 80px; width: 80px; height: 80px;} #Accueil .actualites-home .list-actualites, #incomingEvents .list-evenements{width: 90%; width: calc(100% - 30px*2); margin: auto;} #Accueil .actualites-home .list-actualites .owl-nav button, #incomingEvents .list-evenements .owl-nav button{width: 40px; height: 40px;} #Accueil .titre-et-lien .title2 {width: 100%;} #Accueil .titre-et-lien .button1, #Accueil .titre-et-lien .servicePublic {margin-left: 0; margin-top: 20px;} #Accueil .idees-home .fullBackground {min-height: 300px;} #Accueil #header ~ * .title2 {margin-bottom: 25px;} #Accueil .fondGris.fondSVGtxt {padding: 30px 40px; padding-bottom: 80px;} #Accueil .fondGris.fondSVGtxt svg.textOnLoad {left: 40px; max-width: calc(100% - 40px*2);} #Accueil .reseaux-home .fondGris.fondSVGtxt {padding-right: 40px;} #Accueil .reseaux-home .fondGris img.telephone-design {display: none;} #Accueil .services-home .list-liens {grid-gap: 15px 20px; gap: 15px 20px;} #Accueil .services-home .list-liens a.fullBackground {min-height: 180px;} #Accueil .services-home .list-liens a.fullBackground .content-div img.icone {height: 30px; margin-bottom: 15px;} #Accueil .videos-home .list-video a.lien-video {min-height: 300px;} main#Contact .txtContent .title2 {margin-bottom: 25px;} main#Contact .mapContent {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-bottom: 0;} main#Contact .mapContent>* {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;} main#Contact .mapContent #parentMapContact #mapContact {height: 100%;} .s4-carousel_auto .horizontalScroll {width: 90%; width: calc(100% - 40px*2);} .s4-carousel_auto .horizontalScroll ~ .arrow {width: 40px; height: 40px;} .pagination-posts, main#Actualites .actus, main#Evenements .evenements{margin-top: 40px;} .filtre-box .filtre-list .filtre-choice {margin-right: 30px;} main#Evenements .evenements .list-evenements {-ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 20px; gap: 20px;} #header2 .fullBackground .content-div {padding: 20px;} #Evenements .list-evenements .item-evenements:first-child{height: unset; -ms-grid-column-span: 2; grid-column-end: 3;} #Builder > .container {margin-top: 40px;} #Builder #inside>.container>.row>.rightContent {margin-top: 40px; min-height: unset; border-left: 0; border-top: 1px solid rgba(31, 82, 150, 0.5); padding-top: 40px;} #Builder.formulairesEnLigne .list-publications{-ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;} .item-actualites .content-actu .button-actu, .list-evenements .item-evenements .content-evenement .button-evenement{margin-top: 15px;} main#Actualites .actus .leftContent .item-actualites {position: relative; top: unset;} main#Actualites .actus .leftContent .item-actualites .fullBackground {height: 300px;} main#Actualites .actus .leftContent .item-actualites .content-actu {padding: 30px 20px;} main#Actualites .actus .leftContent .item-actualites .content-actu .titre-actu {font-size: 2.4rem;} main#Actualites .actus .rightContent {margin-top: 20px; grid-gap: 20px 15px; gap: 20px 15px;} body.single-actualites #Builder #inside>.container>.row>.rightContent .button1 + br {display: none;} .reseaux .flux{height: unset;} .reseaux .left > div{position: relative; bottom: unset; left: unset; padding-bottom: 0; padding-right: 0; padding-top: 30px; padding-left: 15px;} .reseaux .left > div > p:last-of-type{padding-bottom: 20px;} .ListSubsPages .elem .item-deroulant-2 .titre-deroulant {padding: 10px 20px;} .ListSubsPages .elem .item-deroulant-2 .content-deroulant {padding: 0 20px; padding-bottom: 15px;} .ListSubsPages .elem .item-deroulant-2 .content-deroulant li:before {top: 0.6em;} .ListSubsPages .elem .content a {padding: 15px 20px;} #Accueil .publi-home .list-publications .owl-nav{position: absolute; top: 50%; left: 0; width: 100%;} #Accueil .publi-home .list-publications .owl-nav button{position: absolute; cursor: pointer; top: 50%; height: 35px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 10%; width: 35px; transition: all 0.3s; border: 3px solid #009289; border-radius: 100%; } #Accueil .publi-home .list-publications .owl-nav button.disabled{opacity: 0.4;} #Accueil .publi-home .list-publications .owl-nav button::before{content: " "; display: block; width: 20px; height: 20px; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-bleuclair.svg) no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} #Accueil .publi-home .list-publications .owl-nav button.owl-prev{right: 100%;} #Accueil .publi-home .list-publications .owl-nav button.owl-prev::before{-webkit-transform: rotate(-180deg) translate(50%, 50%); -moz-transform: rotate(-180deg) translate(50%, 50%); -ms-transform: rotate(-180deg) translate(50%, 50%); transform: rotate(-180deg) translate(50%, 50%);} #Accueil .publi-home .list-publications .owl-nav button.owl-next{left: 100%;} #Accueil .panneaupocket .left{order: 1;} #Accueil .panneaupocket .right{order: 0;} #Accueil .panneaupocket .right > div{padding: 20px;} #Accueil .panneaupocket .right > div .horaires{margin: 20px;} .title1, #header2 .fullBackground .content-div .titre-header2 {} .title1 {margin-bottom: 40px;} footer {padding: 40px 0 20px 0;} footer .logos-footer {margin-bottom: 40px;} footer .logos-footer img {width: 140px; margin-right: 40px;} footer .logos-footer p {font-size: 1.8rem;} footer .copyright {margin-top: 20px;} footer .title, footer p {margin-bottom: 15px;} footer .title:not(:first-child) {margin-top: 40px;} footer .liens ul {-webkit-box: unset; -moz-box: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; padding: 0;} footer .liens.desktop-only {display: none;} footer .liens.mobile-only {display: block;} footer .liens .item-deroulant {border-color: #FFF;} footer .liens .item-deroulant .titre-deroulant {padding: 10px 15px;} footer .liens .item-deroulant .titre-deroulant .title {margin: 0;} footer .liens .item-deroulant .content-deroulant {padding: 20px 15px;} footer .partenaires img {height: 40px; max-width: 80px;} footer .s4 {text-align: center;} footer .s4 .footer-separator {margin-right: 0; margin-top: 3px; display: block;} footer ul.socials > li {border: 2px solid white; width: 30px; height: 30px; } footer ul.socials > li:not(:last-of-type){margin-right: 10px;} #searchBox {padding-top: 90px;} #Annuaire .owl-carousel .fullBackground img{object-position: center;} } @media (max-width: 767px) { .title1, #header2 .fullBackground .content-div .titre-header2 {} .title2 {} #Accueil .list-evenements, #Actualites .list-evenements {display: block;} #Accueil .banner{padding-left: 0; padding-right: 0;} #Accueil .banner > .row{margin: 0 !important;} #Accueil .banner > .row > .col{padding: 0 !important;} #Accueil .raccourcis-home .container{padding-left: 0; padding-right: 0; } #Accueil .raccourcis-home .container .row{overflow: auto; margin-right: 0; margin-left: 0;} #Accueil .raccourcis-home .liste-raccourcis{display: flex; flex-wrap: nowrap; padding-bottom: 15px;} #Accueil .item-raccourcis{flex: 0 0 23vw;} #Accueil #header .container .background-form>img {margin-top: 20px;} #Accueil #header .container .background-form .title1 {padding: 10px 15px; padding-bottom: 25px;} #Accueil #header .container .background-form .title1>.borderTxt::before {content: ''; display: block;} #Accueil #header .container .col .search {max-width: 400px;} #Accueil #header .container .col .search::after {margin-top: -8px; right: 15px; width: 16px; height: 16px; border-width: 1px;} #Accueil .informations_banner .leftBanner {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; width: 120px; max-width: 120px;} .defileAnimation .content-scroll {letter-spacing: 0.5px;} #Accueil .informations_banner .rightBanner p {font-size: 0.9rem;} #Accueil .raccourcis-home .liste-raccourcis {-ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;} #Accueil .raccourcis-home .liste-raccourcis .item-raccourcis a {font-size: 0.9rem;} #Accueil .titre-et-lien .button1, #Accueil .titre-et-lien .servicePublic {margin-top: 15px;} #Accueil #header ~ *:not(#labels) {padding: 15px 0; margin-top: 20px; margin-bottom: 30px;} #Accueil .fondGris.fondSVGtxt {padding: 20px; padding-bottom: 40px;} #Accueil .fondGris.fondSVGtxt svg.textOnLoad {left: 15px; max-width: calc(100% - 15px*2); height: 80px;} #Accueil .titre-et-lien {margin-bottom: 30px;} #Accueil .titre-et-lien .servicePublic {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 140px; -ms-flex: 0 0 140px; flex: 0 0 140px; width: 140px; max-width: 140px;} main#Contact .mapContent {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} main#Contact .mapContent>* {-webkit-box: unset; -moz-box: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset;} main#Contact .mapContent #parentMapContact #mapContact {min-height: 200px;} #Accueil .parten-home .partenOverflow{overflow-X: auto;} #Accueil .parten-home .list-partenaires{flex-wrap: nowrap; justify-content: unset; margin-top: 50px;} #Accueil .parten-home .item-partenaires{flex: 0 0 30%; max-width: unset;} #incomingEvents{padding: 50px 0 !important;} .formS4 .fields {padding: 0;} .formS4 .elem:not(.titre) {padding: 0 15px;} .formS4 .elem.captcha .right {margin-top: 10px;} .formS4 .elem.captcha .right #captcha {max-width: 100%;} .formS4 .elem.captcha .right .change {left: unset; right: 20px;} #header2 .fullBackground .content-div, #header1 .row {min-height: 200px;} #Builder #inside .entry .entry-content>.container {padding-left: 0; padding-right: 0;} #Builder #inside>.container>.row>.bottomContent {margin-top: 40px;} #Builder #inside>.container>.row>.bottomContent .share-bottom, #Builder #inside>.container>.row>.bottomContent .share-bottom>div {-webkit-box-direction: normal!important; -webkit-box-orient: vertical!important; -moz-box-direction: normal!important; -moz-box-orient: vertical!important; -webkit-flex-direction: column!important; -ms-flex-direction: column!important; flex-direction: column!important;} #Builder #inside>.container>.row>.bottomContent .share-bottom>div {-webkit-box-align: start!important; -moz-box-align: start!important; -ms-flex-align: start!important; -webkit-align-items:flex-start!important; align-items:flex-start!important;} #Builder #inside>.container>.row>.bottomContent .share-bottom .title3 {padding: 20px 0; border-right: 0; border-top: 1px solid #61BBBC; margin-right: 0;} .s4-carousel_auto .horizontalScroll {width: 100%;} .s4-carousel_auto .horizontalScroll .carousel-item {height: 150px;} .s4-carousel_auto .horizontalScroll ~ .arrow {display: none!important;}.s4-carousel_image-2 .horizontalScroll::-webkit-scrollbar-track {height: 6px; border-radius: 6px;} .s4-carousel_auto .horizontalScroll::-webkit-scrollbar-thumb {border-radius: 6px;} .s4-carousel_auto .horizontalScroll::-webkit-scrollbar {width: 6px; height: 6px; } .filtre-box {-webkit-box-direction: normal!important; -webkit-box-orient: vertical!important; -moz-box-direction: normal!important; -moz-box-orient: vertical!important; -webkit-flex-direction: column!important; -ms-flex-direction: column!important; flex-direction: column!important;} .filtre-box .filtre-list>* {} #Actualites .list-actualites {display: flex; flex-direction: column;} #Actualites .list-actualites .item-actualites:first-child{display: block;} #Actualites .list-actualites .item-actualites:first-child .fullBackground{width: 100%; height: 200px; border-top-right-radius: 10px; border-bottom-left-radius: 0;} #Actualites .list-actualites .item-actualites:first-child .content-actu{width: 100%; height: unset; border-bottom-left-radius: 10px; border-top-right-radius: 0; padding: 20px;} main#Actualites .actus .rightContent {grid-gap: 15px; gap: 15px;} main#Actualites .actus .leftContent .item-actualites .content-actu {position: relative; bottom: unset; left: unset; pointer-events: unset; padding: 20px 0;} main#Actualites .actus .leftContent .item-actualites .content-actu>* {color: #1F5296;} main#Actualites .actus .leftContent .item-actualites .content-actu .titre-actu {color: #000; margin-top: 10px; font-size: 1.2rem;} main#Actualites .actus .leftContent .item-actualites .content-actu .button-actu::after {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/arrow-right-bleu.svg);} main#Actualites .actus .leftContent .item-actualites .fullBackground {height: 200px;} main#Actualites .actus .leftContent .item-actualites .fullBackground::before {content: unset; display: none;} main#Evenements .evenements .list-evenements {grid-gap: 15px; gap: 15px;} .item-actualites .fullBackground, .list-evenements .item-evenements .fullBackground {height: 200px;} .list-evenements .item-evenements .content-evenement {padding: 35px 20px;} .item-deroulant:not(.s4Block) .titre-deroulant {padding: 10px 15px; padding-right: 30px; position: relative; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start;} .item-deroulant:not(.s4Block) .titre-deroulant .arrow-deroulant {font-size: 0; position: absolute; top: 50%; right: 15px;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .item-deroulant:not(.s4Block) .titre-deroulant .arrow-deroulant::after {font-size: 1rem;} .item-deroulant:not(.s4Block) .content-deroulant {padding: 0 20px; padding-bottom: 10px;} .item-deroulant:not(.s4Block) .titre-deroulant .horaires {margin: 0; margin-top: 10px; font-size: 1rem;} #Publications .list-publications, #Builder .list-publications{-ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;} .contactInfos{margin-bottom: 40px;} #Accueil .instagramFlux{flex-wrap: wrap;} #Accueil .instagramFlux>* {flex: 0 0 25%;} #Builder #socials{padding: 70px 40px;} #Builder #socials li {margin-left: unset;} #Builder .fichiers .list-fichiers .item-fichiers{width:120px; flex: 0 0 120px; max-width: 120px;} footer .logos-footer {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start!important; -moz-box-align: start!important; -ms-flex-align: start!important; -webkit-align-items:flex-start!important; align-items:flex-start!important;} footer .logos-footer img {margin-right: 0; margin-bottom: 15px;} footer .logos-footer p {font-size: 1.5rem;} footer .infos {padding-left: 15px; padding-right: 15px; border-left: 0; margin-top: 40px;} #Annuaire .owl-carousel .fullBackground{height: 300px;} } @media (max-width: 575px) { #Accueil #header .container .background-form>img {width: 150px;} #Publications .list-publications, #Builder .list-publications{-ms-grid-columns: 1fr!important; grid-template-columns: 1fr!important; max-width: 300px;} main#Evenements .evenements .list-evenements {-ms-grid-columns: 1fr; grid-template-columns: 1fr;} #Evenements .list-evenements .item-evenements:first-child{-ms-grid-column-span: 1; grid-column-end: 1;} #Actualites .instagramFlux>* {flex: 0 0 33.3%;} #Builder #socials .col{flex-direction: column; justify-content: center; align-items: center;} #Builder #socials .links{margin-top: 20px;} footer .buttons{margin-top: 20px;} #Annuaire .image{margin-right: auto;} #Annuaire .owl-carousel .fullBackground{height: 250px;} #Accueil .panneaupocket .left{flex-direction: column;} #Accueil .panneaupocket .left > div{order: 1;} #Accueil .panneaupocket .left iframe{order: 0;} }