/******************************************************************************************************************/ /******************************************************************************************************************/ /********************************************* EDITION FRONT ******************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ .t3-frontend-editing__ce {-ms-flex: 1 1 0px;flex: 1 1 0px;padding-right: 1rem;padding-left: 1rem;min-width: 0;padding:0;} .t3-frontend-editing__ce > * {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding:0;} /******************************************************************************************************************/ /******************************************************************************************************************/ /************************************************* RESET **********************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /********************************************************************************/ /********************************** Fonts ***************************************/ /********************************************************************************/ /* roboto regular */ @font-face { font-family:'roboto_regular'; src:url('font/roboto-regular-webfont.eot'); src:url('font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/roboto-regular-webfont.woff2') format('woff2'), url('font/roboto-regular-webfont.woff') format('woff'), url('font/roboto-regular-webfont.ttf') format('truetype'), url('font/roboto-regular-webfont.svg#roboto_regular') format('svg'); font-weight:normal; font-style:normal; } /* roboto medium */ @font-face { font-family:'roboto_medium'; src:url('font/roboto-medium-webfont.eot'); src:url('font/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('font/roboto-medium-webfont.woff2') format('woff2'), url('font/roboto-medium-webfont.woff') format('woff'), url('font/roboto-medium-webfont.ttf') format('truetype'), url('font/roboto-medium-webfont.svg#roboto_medium') format('svg'); font-weight:normal; font-style:normal; } /* roboto bold */ @font-face { font-family:'roboto_bold'; src:url('font/roboto-bold-webfont.eot'); src:url('font/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/roboto-bold-webfont.woff2') format('woff2'), url('font/roboto-bold-webfont.woff') format('woff'), url('font/roboto-bold-webfont.ttf') format('truetype'), url('font/roboto-bold-webfont.svg#roboto_bold') format('svg'); font-weight:normal; font-style:normal; } /* poppins regular */ @font-face { font-family:'poppins_regular'; src:url('font/poppins-regular-webfont.eot'); src:url('font/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/poppins-regular-webfont.woff2') format('woff2'), url('font/poppins-regular-webfont.woff') format('woff'), url('font/poppins-regular-webfont.ttf') format('truetype'), url('font/poppins-regular-webfont.svg#poppins_regular') format('svg'); font-weight:normal; font-style:normal; } /* poppins medium */ @font-face { font-family:'poppins_medium'; src:url('font/poppins-medium-webfont.eot'); src:url('font/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'), url('font/poppins-medium-webfont.woff2') format('woff2'), url('font/poppins-medium-webfont.woff') format('woff'), url('font/poppins-medium-webfont.ttf') format('truetype'), url('font/poppins-medium-webfont.svg#poppins_medium') format('svg'); font-weight:normal; font-style:normal; } /* poppins semibold */ @font-face { font-family:'poppins_semibold'; src:url('font/poppins-semibold-webfont.eot'); src:url('font/poppins-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('font/poppins-semibold-webfont.woff2') format('woff2'), url('font/poppins-semibold-webfont.woff') format('woff'), url('font/poppins-semibold-webfont.ttf') format('truetype'), url('font/poppins-semibold-webfont.svg#poppins_semibold') format('svg'); font-weight:normal; font-style:normal; } /********************************************************************************/ /****************************** Normalisation ***********************************/ /********************************************************************************/ /* Init foundation */ p {font-size:inherit; line-height:inherit; margin:0;} *{border:0; padding:0; margin:0; font-family:'roboto_regular',Arial,Verdana,sans-serif; font-weight:normal;} html{font-size:62.5%; width:100%; height:100%;} body{background:#ffffff; font-family:'roboto_regular',Arial,Verdana,sans-serif; font-style:normal; font-weight:normal; font-variant:normal; line-height:100%; color:#000000; text-align:left; height:100%;position:relative !important;} p, ul li, ol li, main p, main ul li, main ol li {/*font-size:1.5em;*/ font-size:1.7em; line-height:1.4em;} /*#27735*/ ul li, ol li, main ul li, main ol li {line-height:1.6em;} p, ul, ol, main p, main ul, main ol, #content_page_popin ul, #content_page_popin ol {margin:0 0 15px 0;} ul ul, ol ol, main ul ul, main ol ol, #content_page_popin ul ul, #content_page_popin ol ol {margin:0;} a, main a {text-decoration:none; color:#000000;} a:hover, main a:hover {text-decoration:none; color:#000000;} a img,:link img,:visited img{border:none;} img {max-width:100%; height:auto;} iframe {max-width:100%;} a, a svg *, button, button * {-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} /*gmap v3 fix bug*/ .gm-style img, .gmnoscreen img, .gmnoprint img {max-width:none !important;} strong, b{font-weight:normal; font-family:'roboto_medium',Arial,Verdana,sans-serif;} i, em{font-style:italic; font-family:'roboto_regular',Arial,Verdana,sans-serif;} strong em, strong i, em strong, i strong, b em, b i, em b, i b{font-style:italic; font-weight:normal; font-family:'roboto_medium',Arial,Verdana,sans-serif;} ol, ul{list-style:none; margin:0;} table{border-collapse:collapse; border-spacing:0;} /* FIX FONT BLURRY */ .off-canvas-wrapper-inner .slick-slider .slick-track {z-index:1;} .off-canvas-wrapper-inner .slick-slider .slick-track, .off-canvas-wrapper-inner .slick-slider .slick-list {-webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;} /********************************************************************************/ /************************************ Loader ************************************/ /********************************************************************************/ .delay_0_4 {transition-delay:0.4s;} .delay_0_5 {transition-delay:0.5s;} .delay_0_6 {transition-delay:0.6s;} .delay_0_7 {transition-delay:0.7s;} .delay_0_8 {transition-delay:0.8s;} .delay_0_9 {transition-delay:0.9s;} .delay_1 {transition-delay:1s;} .delay_1_1 {transition-delay:1.1s;} .delay_1_2 {transition-delay:1.2s;} .delay_1_3 {transition-delay:1.3s;} .delay_1_4 {transition-delay:1.4s;} .delay_1_5 {transition-delay:1.5s;} .delay_1_6 {transition-delay:1.6s;} .delay_1_7 {transition-delay:1.7s;} .delay_1_8 {transition-delay:1.8s;} .delay_1_9 {transition-delay:1.9s;} .delay_2 {transition-delay:2s;} .delay_2_1 {transition-delay:2.1s;} .delay_2_2 {transition-delay:2.2s;} .delay_2_3 {transition-delay:2.3s;} .delay_2_4 {transition-delay:2.4s;} .delay_2_5 {transition-delay:2.5s;} .delay_2_6 {transition-delay:2.6s;} .delay_2_7 {transition-delay:2.7s;} .delay_2_8 {transition-delay:2.8s;} .delay_2_9 {transition-delay:2.9s;} .delay_3 {transition-delay:3s;} .delay_3_1 {transition-delay:3.1s;} .delay_3_2 {transition-delay:3.2s;} .delay_3_3 {transition-delay:3.3s;} .delay_3_4 {transition-delay:3.4s;} .delay_3_5 {transition-delay:3.5s;} .delay_3_6 {transition-delay:3.6s;} .delay_3_7 {transition-delay:3.7s;} .delay_3_8 {transition-delay:3.8s;} .delay_3_9 {transition-delay:3.9s;} .reveal-overlay.load-popin {display:block; z-index:1008;} .reveal-overlay.load-popin > .sk-circle {margin:0 auto; width:50px; height:100%; position:relative; top:50%; z-index:1008;} .reveal-overlay.load-popin .sk-circle .sk-child {top:0; height:50px;} .reveal-overlay.load-popin .sk-circle .sk-child:before {width:8px; height:8px; background-color:#ffffff;} #second_display #loader_filters {top:0; left:0; width:100%; height:100%; visibility:visible; position:absolute;} #second_display #loader_filters .sk-circle {margin:0 auto; width:100%; height:100%; position:relative;} #second_display #loader_filters .sk-circle .sk-child:before {width:8px; height:8px; background-color:#ffffff;} #second_display #loader_filters .sk-circle .sk-child {height:50px; top:50%;} .sk-circle.qual {float:right; margin:0 20px 0 0; width:40px; height:40px;} .sk-circle.qual.no {position:absolute; float:none; margin:0; left:-50px; top:0;} .sk-circle.qual .sk-child:before {height:6px; width:6px;} #loader_filters {position:fixed; top:40%; left:40%; z-index:701; visibility:hidden;} .sk-circle {margin:100px auto; width:50px; height:50px; position:relative;} .sk-circle .sk-child {width:100%; height:100%; position:absolute; left:0; top:0;} .sk-circle .sk-child:before {content:''; display:block; margin:0 auto; width:15%; height:15%; border-radius:100%; -webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both; animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;} .sk-circle .sk-circle2 {-webkit-transform:rotate(30deg); -ms-transform:rotate(30deg); transform:rotate(30deg);} .sk-circle .sk-circle3 {-webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg);} .sk-circle .sk-circle4 {-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);} .sk-circle .sk-circle5 {-webkit-transform:rotate(120deg); -ms-transform:rotate(120deg); transform:rotate(120deg);} .sk-circle .sk-circle6 {-webkit-transform:rotate(150deg); -ms-transform:rotate(150deg); transform:rotate(150deg);} .sk-circle .sk-circle7 {-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);} .sk-circle .sk-circle8 {-webkit-transform:rotate(210deg); -ms-transform:rotate(210deg); transform:rotate(210deg);} .sk-circle .sk-circle9 {-webkit-transform:rotate(240deg); -ms-transform:rotate(240deg); transform:rotate(240deg);} .sk-circle .sk-circle10 {-webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg);} .sk-circle .sk-circle11 {-webkit-transform:rotate(300deg); -ms-transform:rotate(300deg); transform:rotate(300deg);} .sk-circle .sk-circle12 {-webkit-transform:rotate(330deg); -ms-transform:rotate(330deg); transform:rotate(330deg);} .sk-circle .sk-circle2:before {-webkit-animation-delay:-1.1s; animation-delay:-1.1s;} .sk-circle .sk-circle3:before {-webkit-animation-delay:-1s; animation-delay:-1s;} .sk-circle .sk-circle4:before {-webkit-animation-delay:-0.9s; animation-delay:-0.9s;} .sk-circle .sk-circle5:before {-webkit-animation-delay:-0.8s; animation-delay:-0.8s;} .sk-circle .sk-circle6:before {-webkit-animation-delay:-0.7s; animation-delay:-0.7s;} .sk-circle .sk-circle7:before {-webkit-animation-delay:-0.6s; animation-delay:-0.6s;} .sk-circle .sk-circle8:before {-webkit-animation-delay:-0.5s; animation-delay:-0.5s;} .sk-circle .sk-circle9:before {-webkit-animation-delay:-0.4s; animation-delay:-0.4s;} .sk-circle .sk-circle10:before {-webkit-animation-delay:-0.3s; animation-delay:-0.3s;} .sk-circle .sk-circle11:before {-webkit-animation-delay:-0.2s; animation-delay:-0.2s;} .sk-circle .sk-circle12:before {-webkit-animation-delay:-0.1s; animation-delay:-0.1s;} @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% {-webkit-transform:scale(0); transform:scale(0);} 40% {-webkit-transform:scale(1); transform:scale(1);} } @keyframes sk-circleBounceDelay { 0%, 80%, 100% {-webkit-transform:scale(0); transform:scale(0);} 40% {-webkit-transform:scale(1); transform:scale(1);} } #searchLoader {position:absolute; bottom:30px; left:50%;} .loader:before, .loader:after, .loader {border-radius:10px; width:20px; height:20px; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation:load7 1.8s infinite ease-in-out; animation:load7 1.8s infinite ease-in-out;} .loader {margin:0 auto; font-size:9px; position:relative; text-indent:-9999em; -webkit-animation-delay:0.16s; animation-delay:0.16s;} .loader:before {left:-30px;} .loader:after {left:30px; -webkit-animation-delay:0.32s; animation-delay:0.32s;} .loader:before, .loader:after {content:''; position:absolute; top:0;} .wrap_result.opacity #second_display, .wrap_result.opacity #first_display {opacity:0;} #content_anchor.loading .wrap_result #second_display, #content_anchor.loading .wrap_result #first_display, #content_anchor.loading #filters {opacity:0;} .wrap_result.loading, .wrap_result.loading {max-width: 100%;} #searchLoader {position:absolute; bottom:25px; left:50%; font-size:inherit;} .loader:before, .loader:after, .loader {border-radius:10px; width:20px; height:20px; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation:load7 1.8s infinite ease-in-out; animation:load7 1.8s infinite ease-in-out;} .loader {margin:0 auto; font-size:9px; position:relative; text-indent:-9999em; -webkit-animation-delay:0.16s; animation-delay:0.16s;} .loader:before {left:-30px;} .loader:after {left:30px; -webkit-animation-delay:0.32s; animation-delay:0.32s;} .loader:before, .loader:after {content:''; position:absolute; top:0;} .cs-loader {top:0; left:0; width:100%; height:100%; visibility:visible; position:absolute;} .cs-loader-inner {transform:translateY(-50%); top:300px; position:absolute; width:100%; padding:0 100px; text-align:center; color:#fff;} .cs-loader-inner label {font-size:20px; opacity:0; display:inline-block; color:#fff;} @keyframes lol { 0% {opacity:0; transform:translateX(-300px);} 33% {opacity:1; transform:translateX(0px);} 66% {opacity:1; transform:translateX(0px);} 100% {opacity:0; transform:translateX(300px);} } @-webkit-keyframes lol { 0% {opacity:0; -webkit-transform:translateX(-300px);} 33% {opacity:1; -webkit-transform:translateX(0px);} 66% {opacity:1; -webkit-transform:translateX(0px);} 100% {opacity:0; -webkit-transform:translateX(300px);} } .cs-loader-inner label:nth-child(6) {-webkit-animation:lol 3s infinite ease-in-out; animation:lol 3s infinite ease-in-out;} .cs-loader-inner label:nth-child(5) {-webkit-animation:lol 3s 100ms infinite ease-in-out; animation:lol 3s 100ms infinite ease-in-out;} .cs-loader-inner label:nth-child(4) {-webkit-animation:lol 3s 200ms infinite ease-in-out; animation:lol 3s 200ms infinite ease-in-out;} .cs-loader-inner label:nth-child(3) {-webkit-animation:lol 3s 300ms infinite ease-in-out; animation:lol 3s 300ms infinite ease-in-out;} .cs-loader-inner label:nth-child(2) {-webkit-animation:lol 3s 400ms infinite ease-in-out; animation:lol 3s 400ms infinite ease-in-out;} .cs-loader-inner label:nth-child(1) {-webkit-animation:lol 3s 500ms infinite ease-in-out; animation:lol 3s 500ms infinite ease-in-out;} /********************************************************************************/ /********************************** Transitions *********************************/ /********************************************************************************/ body.init::after, body.init::before, body.init .cd-cover-layer, body.init .cd-loading-bar {height:0;} body::after, body::before {content:''; position:fixed; z-index:1000; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); -webkit-transition:-webkit-transform 0.4s 0.4s; -moz-transition:-moz-transform 0.4s 0.4s; transition:transform 0.4s 0.4s;} body::after, body::before {height:0; width:50%; -webkit-transition:ease-out 0.3s; -moz-transition:ease-out 0.3s; transition:ease-out 0.3s; left:50%;} body::before {top:0; left:0;} body::after {bottom:0; right:0;} body.page-is-changing::after, body.page-is-changing::before {height:100vh;} .cd-cover-layer {position:fixed; left:50%; top:50%; bottom:auto; right:auto; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); height:100%; width:100%; opacity:0; visibility:hidden; -webkit-transition:opacity 0.4s 0.4s, visibility 0s 0.8s; -moz-transition:opacity 0.4s 0.4s, visibility 0s 0.8s; transition:opacity 0.4s 0.4s, visibility 0s 0.8s; z-index:9999;} .page-is-changing .cd-cover-layer {opacity:1; visibility:visible; -webkit-transition:opacity 0.3s 0s, visibility 0s 0s, background 0s 0s; -moz-transition:opacity 0.3s 0s, visibility 0s 0s, background 0s 0s; transition:opacity 0.3s 0s, visibility 0s 0s, background 0s 0s;} .cs-loader-transitions {display:none;} .page-is-changing .cs-loader-transitions {display:block; top:0; left:0; width:100%; height:100%; visibility:visible; position:fixed; z-index:9999;} .page-is-changing .cs-loader-inner-transitions {top:0; left:0; position:absolute; width:100%; text-align:center; color:#fff; background:#fff; height:100%;} @keyframes loltransitions { 0% {opacity:0; -webkit-transform:translate(-50%,-50%) scale(0); -moz-transform:translate(-50%,-50%) scale(0); -ms-transform:translate(-50%,-50%) scale(0); -o-transform:translate(-50%,-50%) scale(0); transform:translate(-50%,-50%) scale(0);} 35% {opacity:0; -webkit-transform:translate(-50%,-50%) scale(1); -moz-transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1); -o-transform:translate(-50%,-50%) scale(1); transform:translate(-50%,-50%) scale(1);} 40% {opacity:1; -webkit-transform:translate(-50%,-50%) scale(1); -moz-transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1); -o-transform:translate(-50%,-50%) scale(1); transform:translate(-50%,-50%) scale(1);} 100% {opacity:0; -webkit-transform:translate(-50%,-50%) scale(2.5); -moz-transform:translate(-50%,-50%) scale(2.5); -ms-transform:translate(-50%,-50%) scale(2.5); -o-transform:translate(-50%,-50%) scale(2.5); transform:translate(-50%,-50%) scale(2.5);} } @-webkit-keyframes loltransitions { 0% {opacity:0; -webkit-transform:translate(-50%,-50%) scale(0); -moz-transform:translate(-50%,-50%) scale(0); -ms-transform:translate(-50%,-50%) scale(0); -o-transform:translate(-50%,-50%) scale(0); transform:translate(-50%,-50%) scale(0);} 35% {opacity:0; -webkit-transform:translate(-50%,-50%) scale(1); -moz-transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1); -o-transform:translate(-50%,-50%) scale(1); transform:translate(-50%,-50%) scale(1);} 40% {opacity:1; -webkit-transform:translate(-50%,-50%) scale(1); -moz-transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1); -o-transform:translate(-50%,-50%) scale(1); transform:translate(-50%,-50%) scale(1);} 100% {opacity:0; -webkit-transform:translate(-50%,-50%) scale(2.5); -moz-transform:translate(-50%,-50%) scale(2.5); -ms-transform:translate(-50%,-50%) scale(2.5); -o-transform:translate(-50%,-50%) scale(2.5); transform:translate(-50%,-50%) scale(2.5);} } @keyframes ondulate { 0% {-webkit-transform:translateY(-175px); -moz-transform:translateY(-175px); -ms-transform:translateY(-175px); -o-transform:translateY(-175px); transform:translateY(-175px);} 50% {-webkit-transform:translateY(-125px); -moz-transform:translateY(-125px); -ms-transform:translateY(-125px); -o-transform:translateY(-125px); transform:translateY(-125px);} 100% {-webkit-transform:translateY(-175px); -moz-transform:translateY(-175px); -ms-transform:translateY(-175px); -o-transform:translateY(-175px); transform:translateY(-175px);} } @-webkit-keyframes ondulate { 0% {-webkit-transform:translateY(-175px); -moz-transform:translateY(-175px); -ms-transform:translateY(-175px); -o-transform:translateY(-175px); transform:translateY(-175px);} 50% {-webkit-transform:translateY(-125px); -moz-transform:translateY(-125px); -ms-transform:translateY(-125px); -o-transform:translateY(-125px); transform:translateY(-125px);} 100% {-webkit-transform:translateY(-175px); -moz-transform:translateY(-175px); -ms-transform:translateY(-175px); -o-transform:translateY(-175px); transform:translateY(-175px);} } @keyframes rotate { 0% {-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);} 100% {-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);} } @-webkit-keyframes rotate { 0% {-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);} 100% {-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);} } .cs-loader-transitions img {position:absolute; transform:translate(-50%, -50%); top:50%; left:50%; max-width:175px;} .cs-loader-transitions .boules_rotator {animation:rotate 4s linear infinite; width:150px; height:150px; left:calc(50% - 75px); top:calc(50% - 75px); position:absolute;} .cs-loader-transitions .boule {position:absolute; left:calc(50% - 10px); top:calc(50% - 75px); width:20px; height:150px; z-index:-1;} .cs-loader-transitions .boule::before {content:''; width:20px; height:20px; border-radius:50%; position:absolute; left:50%; top:50%; animation:ondulate 2s ease-in-out infinite;} .cs-loader-transitions .boule.n2 {transform:rotate(90deg);} .cs-loader-transitions .boule.n3 {transform:rotate(180deg);} .cs-loader-transitions .boule.n4 {transform:rotate(270deg);} /********************************************************************************/ /************************************ Typo 3 ************************************/ /********************************************************************************/ /* default styles for extension "tx_cssstyledcontent" */ /* Headers */ .csc-header-alignment-center {text-align:center;} .csc-header-alignment-right {text-align:right;} .csc-header-alignment-left {text-align:left;} div.csc-textpic-responsive, div.csc-textpic-responsive * {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} /* Clear floats after csc-textpic and after csc-textpic-imagerow */ div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {overflow:hidden;} /* Set padding for tables */ div.csc-textpic .csc-textpic-imagewrap table {border-collapse:collapse; border-spacing:0;} div.csc-textpic .csc-textpic-imagewrap table tr td {padding:0; vertical-align:top;} /* Captions */ div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c {text-align:center;} div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r {text-align:right;} div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l {text-align:left;} /* Float the columns */ div.csc-textpic div.csc-textpic-imagecolumn {float:left;} /* Border just around the image */ div.csc-textpic-border div.csc-textpic-imagewrap img {border:2px solid #000000; padding:0;} div.csc-textpic .csc-textpic-imagewrap img {border:none; display:block;} /* Space below each image (also in-between rows) */ div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-bottom:10px;} div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image {margin-bottom:0;} /* colSpace around image columns, except for last column */ div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {margin-right:10px;} div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image {margin-right:0;} /* Add margin from image-block to text (in case of "Text & Images") */ div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {margin-right:10px;} div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {margin-left:10px;} /* POSITIONING OF IMAGES */ /* Center (above or below) */ div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap {overflow:hidden;} div.csc-textpic-center .csc-textpic-center-outer {position:relative; float:right; right:50%;} div.csc-textpic-center .csc-textpic-center-inner {position:relative; float:right; right:-50%;} /* Right (above or below) */ div.csc-textpic-right .csc-textpic-imagewrap {float:right;} div.csc-textpic-right div.csc-textpic-text {clear:right;} /* Left (above or below) */ div.csc-textpic-left .csc-textpic-imagewrap {float:left;} div.csc-textpic-left div.csc-textpic-text {clear:left;} /* Left (in text) */ div.csc-textpic-intext-left .csc-textpic-imagewrap {float:left;} /* Right (in text) */ div.csc-textpic-intext-right .csc-textpic-imagewrap {float:right;} /* Right (in text, no wrap around) */ div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {float:right;} /* Left (in text, no wrap around) */ div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {float:left;} div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last {margin-bottom:0;} /* Browser fixes:*/ /* Fix for unordered and ordered list with image "In text, left" */ .csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left:40px; overflow:auto;} /* Textmedia */ .csc-textmedia, .csc-textmedia-gallery {overflow:hidden;} .csc-textmedia-gallery-column {float:left;} .csc-textmedia-gallery-column {margin-right:10px;} .csc-textmedia-gallery-column:last-child {margin-right:0;} .csc-textmedia-gallery-row {overflow:hidden; margin-bottom:10px;} .csc-textmedia-gallery-row:last-child {margin-bottom:0;} .csc-textmedia-above .csc-textmedia-gallery {margin-bottom:10px;} .csc-textmedia-above-right .csc-textmedia-gallery {float:right;} .csc-textmedia-above-left .csc-textmedia-gallery {float:left;} .csc-textmedia-above .csc-textmedia-text {clear:both;} .csc-textmedia-above-center .csc-textmedia-gallery-outer, .csc-textmedia-below-center .csc-textmedia-gallery-outer {position:relative; float:right; right:50%;} .csc-textmedia-above-center .csc-textmedia-gallery-inner, .csc-textmedia-below-center .csc-textmedia-gallery-inner {position:relative; float:right; right:-50%;} .csc-textmedia-below .csc-textmedia-gallery {margin-top:10px;} .csc-textmedia-below-right .csc-textmedia-gallery {float:right;} .csc-textmedia-below-left .csc-textmedia-gallery {float:left;} .csc-textmedia-inside-right .csc-textmedia-gallery {float:right; margin-left:10px;} .csc-textmedia-inside-left .csc-textmedia-gallery {float:left; margin-right:10px;} .csc-textmedia-beside-right .csc-textmedia-gallery {float:right; margin-left:10px;} .csc-textmedia-beside-right .csc-textmedia-text {overflow:hidden;} .csc-textmedia-beside-left .csc-textmedia-gallery {float:left; margin-right:10px;} .csc-textmedia-beside-left .csc-textmedia-text {overflow:hidden;} /* Uploads */ .ce-uploads {margin:0; padding:0;} .ce-uploads li {list-style:none outside none; margin:1em 0;} .ce-uploads img {float:left; margin-right:1em; vertical-align:top;} .ce-uploads span {display:block;} /* Table */ .contenttable {width:100%; max-width:100%;} .contenttable th, .contenttable td {padding:0.5em 0.75em; vertical-align:top;} .contenttable thead th {font-weight:bold; border-bottom:2px solid #dadada;} .contenttable th, .contenttable td {border-top:1px solid #dadada;} .contenttable-striped tbody tr:nth-of-type(odd) {background-color:rgba(0,0,0,.05);} .contenttable-bordered th, .contenttable-bordered td {border:1px solid #dadada;} /* Space */ .csc-space-before-extra-small {margin-top:1em;} .csc-space-before-small {margin-top:2em;} .csc-space-before-medium {margin-top:3em;} .csc-space-before-large {margin-top:4em;} .csc-space-before-extra-large {margin-top:5em;} .csc-space-after-extra-small {margin-bottom:1em;} .csc-space-after-small {margin-bottom:2em;} .csc-space-after-medium {margin-bottom:3em;} .csc-space-after-large {margin-bottom:4em;} .csc-space-after-extra-large {margin-bottom:5em;} /* Frame */ .csc-frame-ruler-before:before {content:''; display:block; border-top:1px solid rgba(0,0,0,0.25); margin-bottom:2em;} .csc-frame-ruler-after:after {content:''; display:block; border-bottom:1px solid rgba(0,0,0,0.25); margin-top:2em;} .csc-frame-indent {margin-left:15%; margin-right:15%;} .csc-frame-indent-left {margin-left:33%;} .csc-frame-indent-right {margin-right:33%;} /********************************************************************************/ /******************************* Formulaires ************************************/ /********************************************************************************/ form {background:none; padding:0;} form fieldset .docheck:invalid {border-color:#ff0000; box-shadow:0 0 2px #ff0000;} .ui-button-text-only .ui-button-text {padding:0 !important; font-family:'poppins_semibold',Arial,Verdana,sans-serif;} legend {text-transform:uppercase; color:#000000; font-family:'roboto_medium',Arial,Verdana,sans-serif; font-size:2em; line-height:1.2em; margin:0 0 20px 0; float:none; width:100%;} fieldset + fieldset legend {padding-top:20px;} .ligne_form, .csc-mailform-field, .powermail_fieldwrap {margin:0 0 30px 0; clear:both;} .ligne_form.creneau {margin-top:10px; padding-left:25px;} .ligne_form.creneau label {font-family:'roboto_medium',Arial,Verdana,sans-serif;} .ligne_form.creneau select {margin-top:5px;} /* labels */ label, .input-group-label, .powermail_label.powermail_radio_legend, .powermail_label, #carto #filters .type.input-group-label, .label, #filters .label {color:#363636; font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.4em; padding:0 0 5px 0; margin:0; border:0; border-radius:0; position:relative; display:block; text-transform:none;} ul li label {font-size:1em; line-height:1em;} /* #55448 */ label .ui-widget {font-size:1em;} label .ui-state-default {background:initial;} label .ui-button .ui-button-text {display:inline-block;} /* champs */ input, select, textarea, [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'] {color:#000000; font-family:'roboto_regular',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.4em; padding:13px 15px; margin:0; border:1px solid #000; width:100%; height:auto; background-color:#fff; border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; transition:none;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#000000;} input::-moz-placeholder, textarea::-moz-placeholder {color:#000000; opacity:1 !important;} input:-moz-placeholder, textarea:-moz-placeholder {color:#000000; opacity:1 !important;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#000000;} input[placeholder], textarea[placeholder] {color:#000000; opacity:1 !important;} textarea:focus, select:focus, [type='file']:focus, [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus {border:1px solid #000; background-color:#fff; box-shadow:0 0 1px #1d1d1b; transition:box-shadow 0.5s, border-color 0.25s ease-in-out;} /* Champs dans popin filtres du moteur page liste */ #filters input, #filters select, #filters textarea, #filters [type='text'], #filters [type='password'], #filters [type='date'], #filters [type='datetime'], #filters [type='datetime-local'], #filters [type='month'], #filters [type='week'], #filters [type='email'], #filters [type='number'], #filters [type='search'], #filters [type='tel'], #filters [type='time'], #filters [type='url'], #filters [type='color'] {padding:3px 8px;} textarea, textarea[rows] {max-width:100%; height:100px;} select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#ffffff url(../img/bg_select.png) no-repeat 97% center; text-overflow:""; text-indent:0.01px; margin-bottom:0;} select::-ms-expand {display:none;} .powermail_fieldwrap_type_text .powermail_field {font-size:1.6em; line-height:1.4em;} /*#44349*/ .powermail_fieldwrap_type_date .powermail_field > input[type="date" i]::-webkit-calendar-picker-indicator {background-image:none;} /*#44349*/ .powermail_fieldwrap_type_date .powermail_field > input {background:url(../img/bg_powermail_date.png) no-repeat 97% center; padding-right:45px;} /* checkbox / radio */ input[type="checkbox"], input[type="radio"] {vertical-align:top; padding:0; margin:4px; border:0; width:auto; background:none; -webkit-appearance:normal;} .ligne_form.checkbox, .ligne_form.radio {margin:10px 0 0 0;} .powermail_fieldwrap_type_check > .powermail_field, .powermail_fieldwrap_type_radio > .powermail_field {padding-top:5px;} .ligne_form.checkbox input, .ligne_form.radio input, .powermail_fieldwrap_type_check .checkbox input, .powermail_fieldwrap_type_radio .radio input {position:absolute; left:-999999em;} .ligne_form.checkbox label, .powermail_fieldwrap_type_check .checkbox label, .ligne_form.checkbox label.ui-button, .powermail_check_inner label.ui-button, .ligne_form.checkbox label.ui-button, .powermail_check_inner label.ui-button, .powermail_fieldwrap_type_check .ui-buttonset label {background:url(../img/bg_checkbox.png) no-repeat left 6px;} .ligne_form.checkbox label.is-act, .powermail_fieldwrap_type_check .checkbox label.is-act, .ligne_form.checkbox label.ui-button.ui-state-active, .powermail_check_inner label.ui-button.ui-state-active, .ligne_form.checkbox label.ui-button.ui-state-active, .powermail_check_inner label.ui-button.ui-state-active, .powermail_fieldwrap_type_check .ui-buttonset label.ui-button.ui-state-active {background:url(../img/bg_checkbox_act.png) no-repeat left 6px;} .ligne_form.radio label, .powermail_fieldwrap_type_radio .radio label, .ligne_form.radio label.ui-button, .powermail_radio_inner label.ui-button, .ligne_form.radio label.ui-button, .powermail_radio_inner label.ui-button, .powermail_fieldwrap_type_radio .ui-buttonset label.ui-button.ui-state-active, .powermail_fieldwrap_type_radio .ui-buttonset label {background:url(../img/bg_radio.png) no-repeat left 6px;} .ligne_form.radio label.is-act, .powermail_fieldwrap_type_radio .radio label.is-act, .ligne_form.radio label.ui-button.ui-state-active, .powermail_radio_inner label.ui-button.ui-state-active, .ligne_form.radio label.ui-button.ui-state-active, .powermail_radio_inner label.ui-button.ui-state-active, .powermail_fieldwrap_type_radio .ui-buttonset label.ui-button.ui-state-active {background:url(../img/bg_radio_act.png) no-repeat left 6px;} .ligne_form.checkbox label, .ligne_form.radio label, .powermail_fieldwrap_type_check .checkbox label, .powermail_fieldwrap_type_radio .radio label {text-transform:none; color:#000000; font-size:1.5em; line-height:1.3em; padding:3px 0 3px 25px; text-align:initial;} /* range */ .slider .slider-handle[aria-controls="sliderOutput2"] {left:20%;} .slider-handle {width:2em; height:2rem; border-radius:2rem;} .slider-handle input {position:absolute; top:100%; left:-50%; width:auto; height:30px; padding:5px 0 0 0; box-shadow:none !important; transition:none !important; background-color:transparent !important; overflow:hidden; border:0; border-radius:0;} .slider-handle span {position:absolute; top:100%; right:-60%; padding:8px 0 0 5px; font-size:1.2em; line-height:1.5;} .slider-fill {background:#008f9e;} .slider-handle {background-color:#fff; border:2px solid #008f9e;} .slider-handle:hover {background-color:#008f9e;} /* submit */ .powermail_fieldwrap.powermail_fieldwrap_type_submit::after {content:""; clear:both; display:block;} div.btn_submit {float:right; margin:0; padding:15px 0 0 0;} input[type="submit"], input[type="button"], #filters input[type="submit"], #filters input[type="button"], .powermail_confirmation input[type="submit"] {text-transform:none; color:#000000; font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.2em; font-style:normal; font-weight:normal; text-align:center; cursor:pointer; float:right; position:relative; width:auto; margin-bottom:0; margin-left:0; padding:5px 35px 5px 20px; background-color:#ffffff; background-image:url(../img/bg_submit.png); background-repeat:no-repeat; background-position:right 10px center; border-radius:0; box-shadow:none; -webkit-appearance:none !important;} input[type="submit"]::after, input[type="button"]::after {content:""; height:0; clear:both;} input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus, #filters input[type="submit"]:hover, #filters input[type="submit"]:focus, #filters input[type="button"]:hover, #filters input[type="button"]:focus {background-color:transparent;} input[type="submit"], input[type="button"], input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus {-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} /* PAYFIP */ /*#36314*/ .field_payfip input + span {display:inline-block; font-size:2rem; align-self:center; line-height:initial;} #errorContainer, #msgPrevent {padding:20px; padding-top:20px !important; padding-right:20px !important; padding-bottom:20px !important; margin-bottom:30px; border:1px solid #ff0000;} ul#errorContainer {padding:20px 20px 20px 40px !important;} #errorContainer ul, #msgPrevent ul {padding:0 0 0 20px !important; margin-bottom:0 !important;} /* #44140 champ reset */ input.powermail_reset.btn.btn-primary.btn-danger {border:1px solid #92278f; font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.2em; cursor:pointer; float:left; width:auto; margin-bottom:0; margin-left:0; margin-top:-63px !important; padding:5px 20px 5px 35px; background-color:#ffffff; background-image:url(../img/bg_submit_reverse.png); background-repeat:no-repeat; background-position:10px center; border-radius:0; box-shadow:none; -webkit-appearance:none !important;} input.powermail_reset.btn.btn-primary.btn-danger:hover, input.powermail_reset.btn.btn-primary.btn-danger:focus {color:#92278f;} /************************* ANIMATE LABEL **************************************/ .ligne_form.input label, .ligne_form.textarea label, .powermail_fieldwrap_type_input label, .powermail_fieldwrap_type_textarea label, .powermail_fieldwrap_date label, .powermail_fieldwrap_input label, .powermail_fieldwrap_textarea label {-moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px); transform:translateY(-10px); background-color:#fff; padding-left:10px; padding-right:10px; margin-left:10px; position:absolute; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} .ligne_form.select label, .powermail_fieldwrap_type_select label, .powermail_fieldwrap_select label {-moz-transform:translateY(-15px); -ms-transform:translateY(-15px); -webkit-transform:translateY(-15px); transform:translateY(-15px); background-color:#fff; padding-left:10px; padding-right:10px; margin-left:10px; position:absolute;} .ligne_form.focusin label, .ligne_form.fill label, .powermail_fieldwrap_type_input.focusin label, .powermail_fieldwrap_type_input.fill label, .powermail_fieldwrap_type_textarea.focusin label, .powermail_fieldwrap_type_textarea.fill label, .powermail_fieldwrap_date.focusin label, .powermail_fieldwrap_date.fill label, .powermail_fieldwrap_input.focusin label, .powermail_fieldwrap_input.fill label, .powermail_fieldwrap_textarea.focusin label, .powermail_fieldwrap_textarea.fill label {-moz-transform:translateY(-15px); -ms-transform:translateY(-15px); -webkit-transform:translateY(-15px); transform:translateY(-15px); background-color:#ffffff; padding-left:10px; padding-right:10px; margin-left:10px; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} .ligne_form.focusin textarea, .ligne_form.focusin select, .ligne_form.focusin input, .powermail_fieldwrap_type_textarea.focusin textarea ,.powermail_fieldwrap_type_input.focusin input, .powermail_fieldwrap_date.focusin input, .powermail_fieldwrap_textarea.focusin textarea ,.powermail_fieldwrap_input.focusin input {border:1px solid #000; box-shadow:0 0 1px #1d1d1b; transition:box-shadow 0.5s, border-color 0.25s ease-in-out;} /* champs obligatoires */ .mandatory, .femanager_new .control-label span {text-transform:none; color:#4c4c4c; font-family:'roboto_regular',Arial,Verdana,sans-serif; font-size:1.2rem; padding:0 8px;} /* champs desactives */ input[type="submit"][disabled] {background:#cacaca !important;} input[type="text"][disabled] {background:#cacaca !important;} .input-group {margin-bottom:0;} .input-group > :first-child {border-radius:0;} .input-group-label, .input-group-label > :first-child {border-radius:0; border:0; background-color:#efefef; height:40px; cursor:pointer;display: none;} /* message d'erreur */ #content_page .powermail_message_error {padding:0; margin-bottom:25px;} #content_page .powermail_message_error li {padding:0; list-style-image:none; color:#ea0032;} .powermail_field_error {box-shadow:0 0 2px #ea0032; border:1px solid #ea0032;} .powermail_message.powermail_message_error li {padding-left:10px !important; font-family:'roboto_medium',Arial,Verdana,sans-serif; line-height:1.8em;} .powermail_message.powermail_message_error li::before, .powermail_message.powermail_message_error li::after {border-color:#ea0032 !important;} /*msg validation reception / page validation infos*/ .powermail_create, .powermail_confirmation {background:none; padding:25px 0;} .powermail_confirmation form {padding:0; background:transparent;} .powermail_confirmation .powermail_confirmation_form, .powermail_confirmation .powermail_confirmation_submit {height:auto; margin:20px 0 0 0;} .powermail_confirmation .powermail_confirmation_form {float:left;} /*page confirmation*/ #page .powermail_confirmation h4 {font-family:'roboto_medium',Arial,Verdana,sans-serif;} dl.powermail_all {margin:0 0 20px 0; font-size:1.6em; line-height:1.4em;} dl.powermail_all dt {margin:0 15px 15px 0; float:left; clear:left; font-weight:normal; font-family:'roboto_medium',Arial,Verdana,sans-serif;} dl.powermail_all dd {margin:0 0 15px 0; float:left; width:auto;} .powermail_confirmation input[type="submit"] {margin:0;} .powermail_confirmation input[type="submit"].powermail_confirmation_form {float:left;} .powermail_confirmation input[type="submit"].powermail_confirmation_submit {float:right;} div.tx_powermail_pi1_fieldwrap_html_check label {width:25px; margin-top:2px;} .tx_powermail_pi1_fieldwrap_html_check input {width:25px; margin-top:5px;} .tx_powermail_pi1_fieldwrap_html_submitgraphic {text-align:center;} .tx_powermail_pi1_fieldwrap_html_submitgraphic input {float:none; width:98px; border:0;} /********************************************************************************/ /******************************* date picker ************************************/ /********************************************************************************/ body .datepicker.dropdown-menu {border-radius:0; padding:10px;} body .datepicker.dropdown-menu table thead, body .datepicker.dropdown-menu table tbody, body .datepicker.dropdown-menu table tfoot {border:0;} body .datepicker td span.active, body .datepicker td.active.day, body .datepicker td.active.year {color:#fff;} body .datepicker td, body .datepicker th {width:33px; height:33px; font-size:1.4rem;} /********************************************************************************/ /**************************** Classes generiques ********************************/ /********************************************************************************/ .radius {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .shadow {box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.2);} .shadow_inset {-moz-box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.1);} .grey_border {border:1px solid #d0d0d0;} .overlay {background:rgba(183,0,43,0.9); position:fixed; width:100%; height:100%; top:0; left:0;} .display_none_pc {display:none;} .seph1{font-size:1px; height:1px; clear:both;} .clear{clear:both; height:0;} span.clear{display:block;} .display_none {display:none;} .left {float:left;} .right {float:right;} body.overflow {overflow:hidden;} /********************************************************************************/ /******************************* Slick slider ***********************************/ /********************************************************************************/ .slick-slider {height:auto;} .slick-slider .slick-dots {position:absolute; top:20px; z-index:99999999999; z-index:1; float:none; padding:0; text-align:center; right:20px;} .slick-slider .slick-dots li {display:inline-block;} .slick-slider .slick-dots li::after, .slick-slider .slick-dots li::before {display:none !important;} #content_page .slick-slider .slick-dots li, #content_page_popin .slick-slider .slick-dots li {padding:0; background:none;} .slick-slider .slick-dots li button {text-indent:-999em; cursor:pointer; background:#ffffff; width:20px; height:20px; margin:4px 6px; display:inline-block; border-radius:50%;} .slick-disabled {display:none !important;} /********************************************************************************/ /****************** Boutons, boutons liens, boutons close ***********************/ /********************************************************************************/ /*** Liens ***/ .btn_lien {margin-bottom:0;position:relative;font-family:'poppins_medium',Arial,Verdana,sans-serif; font-size:1.6em;color:#000;} .btn_lien a, #content_page .btn_lien a, #content_page_popin .btn_lien a {font-family:'poppins_medium',Arial,Verdana,sans-serif; position:relative; font-size:1em;color:#000; padding-right:35px; border:0; letter-spacing:0.1em;} .btn_lien a .show-for-sr, #content_page .btn_lien a .show-for-sr, #content_page_popin .btn_lien a .show-for-sr {position:static !important; display:inline-block;} .list_item .btn_lien a, #content_page .list_item .btn_lien a, #content_page_popin .list_item .btn_lien a {letter-spacing:inherit;} .btn_lien a::before {position:absolute;content:"";height:25px; width:25px;right:0;bottom:-1px;background-repeat:no-repeat;background-position:right 6px center;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .btn_lien a:hover, .btn_lien a:focus, #content_page .btn_lien a:hover, #content_page .btn_lien a:focus, #content_page_popin .btn_lien a:hover, #content_page_popin .btn_lien a:focus {background:inherit; color:inherit;} .btn_lien a:hover::before, .btn_lien a:focus::before {right:-5px;} .btn_lien.btn_ajout_agenda a, #content_page .btn_lien.btn_ajout_agenda a, #content_page_popin .btn_lien.btn_ajout_agenda a {padding-right:initial; padding-left:35px;} #content_page .btn_lien.btn_ajout_agenda, #content_page_popin .btn_lien.btn_ajout_agenda {margin-bottom:50px;} .btn_lien.btn_ajout_agenda a:hover::before, #content_page .btn_lien.btn_ajout_agenda a:hover::before, #content_page_popin .btn_lien.btn_ajout_agenda a:hover::before, .btn_lien.btn_ajout_agenda a:focus::before, #content_page .btn_lien.btn_ajout_agenda a:focus::before, #content_page_popin .btn_lien.btn_ajout_agenda a:focus::before {left:-5px;} .btn_lien.btn_ajout_agenda a::before, #content_page .btn_lien.btn_ajout_agenda a::before, #content_page_popin .btn_lien.btn_ajout_agenda a::before {background-color:transparent; background-image:url(../img/btn_add_calendar.png); background-position:center center; left:0; right:initial;} /* PICTOS + / texte sans lien :le P est dans le A */ .btn_txt {padding-right:35px;} .btn_txt::before {position:absolute;content:"";height:22px; width:22px;right:0;background-repeat:no-repeat;background-position:right 6px center;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .btn_lien.btn_txt:hover::before {right:-5px;} /*** Lien retour ***/ .btn_lien.btn_back a, #content_page .btn_lien.btn_back a, #content_page_popin .btn_lien.btn_back a {padding-right:initial; padding-left:35px;} .btn_lien.btn_back a:hover::before, #content_page .btn_lien.btn_back a:hover::before, #content_page_popin .btn_lien.btn_back a:hover::before, .btn_lien.btn_back a:focus::before, #content_page .btn_lien.btn_back a:focus::before, #content_page_popin .btn_lien.btn_back a:focus::before {left:-5px;} .btn_lien.btn_back a::before, #content_page .btn_lien.btn_back a::before, #content_page_popin .btn_lien.btn_back a::before {background-image:url(../img/arrow_prev_white.png); background-position:center center; left:0; right:initial;} button.btn_back, #content_page button.btn_back, #content_page_popin button.btn_back {font-size:1.6em; padding:0; margin:20px 0; color:#000000; font-family:'roboto_medium',Arial,Verdana,sans-serif; border:2px solid #0A8299; display:inline-block; padding:10px 65px 10px 45px; background:#0A8299;} button.btn_back::before {content:url(../img/arrow_prev_white.svg); display:inline-block; padding-right:20px; vertical-align:middle;} button.btn_back:hover, #content_page button.btn_back:hover, #content_page_popin button.btn_back:hover, button.btn_back:focus, #content_page button.btn_back:focus, #content_page_popin button.btn_back:focus {color:#0A8299; background:transparent;} button.btn_back:hover::before, button.btn_back:focus::before {content:url(../img/arrow_prev_white.svg);} /*** Boutons close ***/ #close_filters, .btn_close_map, .btn_close, .close-button {width:40px; height:40px; background:transparent; border:0; border-radius:0; z-index:5; position:absolute; right:0; top:0;} #close_filters .close, .btn_close_map .close, .btn_close .close {left:12px; top:19px;} #close_filters .close::before, #close_filters .close::after, .btn_close_map .close::before, .btn_close_map .close::after, .btn_close .close::before, .btn_close .close::after {content:"";} #close_filters .close, #close_filters .close::before, #close_filters .close::after, .btn_close_map .close, .btn_close_map .close::before, .btn_close_map .close::after, .btn_close .close, .btn_close .close::before, .btn_close .close::after {display:block; position:absolute; width:17px; height:2px;} /* etat actif X */ #close_filters.btn_act .close, .btn_close_map.btn_act .close, .btn_close.btn_act .close {background:transparent;} #close_filters.btn_act .close::before, .btn_close_map.btn_act .close::before, .btn_close.btn_act .close::before {-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} #close_filters.btn_act .close::after, .btn_close_map.btn_act .close::after, .btn_close.btn_act .close::after {-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} /*hover*/ #close_filters:hover, .btn_close_map:hover, .btn_close:hover {background:transparent;} .reveal .close-button {width:40px; height:40px; position:absolute; top:15px; right:15px; background-color:transparent; overflow:hidden; z-index:999;} .reveal .close-button span {font-family:'roboto_medium',Arial,Verdana,sans-serif; font-size:3.3em; line-height:0.5em; font-weight:bold;} /****************************************************************************************/ /************************************ Boris style ***************************************/ /****************************************************************************************/ .boris a {text-indent:-999em; display:block; border-radius:50%; position:relative; background-position:center center; background-repeat:no-repeat;} .boris a::after {position:absolute; top:50%; left:50%; border-radius:50%; content:''; opacity:0; pointer-events:none;} .boris a.clicked::after {-webkit-animation:anim-effect-boris 0.3s forwards; animation:anim-effect-boris 0.3s forwards;} @-webkit-keyframes anim-effect-boris { 0% {-webkit-transform:scale3d(0.3, 0.3, 1); transform:scale3d(0.3, 0.3, 1);} 25%, 50% {opacity:1;} to {opacity:0; -webkit-transform:scale3d(1.2, 1.2, 1); transform:scale3d(1.2, 1.2, 1);} } @keyframes anim-effect-boris { 0% {-webkit-transform:scale3d(0.3, 0.3, 1); transform:scale3d(0.3, 0.3, 1);} 25%, 50% {opacity:1;} to {opacity:0; -webkit-transform:scale3d(1.2, 1.2, 1); transform:scale3d(1.2, 1.2, 1);} } .boris a, .boris a:hover, .boris a:focus {-moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} /******************************************************************************************************************/ /******************************************************************************************************************/ /************************************************* LAYOUT *********************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /****************************************************************************************/ /******************************** Structure generale ************************************/ /****************************************************************************************/ #home, #page, #global {position:relative; min-height:100%;} #main {position:relative; z-index:1; background:#ffffff;} .off-canvas-wrapper {min-height:100%;} .wrap {margin:0 auto; max-width:1120px;} #content_page, #content_page_popin {padding-bottom:50px;} .off-canvas-wrapper.connect {height:100%; min-height:100%;} /* fix */ .is-open-left {-webkit-transform:inherit; -ms-transform:inherit; transform:inherit; height:100%; min-height:100%;} .off-canvas {position:fixed; z-index:2; -webkit-transition:-webkit-transform 0.5s ease; transition:-webkit-transform 0.5s ease; transition:transform 0.5s ease; transition:transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow-y:hidden;} /*btn close menu smart*/ #btn_close_menu_smart {border-radius:0; width:80px; height:80px; top:45px; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); margin:0; padding:0; border:0; position:fixed; left:260px; z-index:3; display:block; transition:left 0.9s ease; transition:left 0.9s ease; font-size:2em;} #btn_close_menu_smart span {font-family:'roboto_regular',Arial,Verdana,sans-serif; font-size:2em; line-height:1em;} .off-canvas-content {box-shadow:none; min-height:inherit; position:relative; z-index:inherit; background:#fff;} .off-canvas-wrapper-inner {height:100%; background:#fff;} .js-off-canvas-exit, .js-off-canvas-overlay {top:0 !important; z-index:2; background:rgba(0,0,0,0.5);} .off-canvas-wrapper-inner.is-open-left {-webkit-transform:none; -ms-transform:none; transform:none; transition:none;} #offCanvasLeft {position:fixed; left:-300px; top:0; width:260px; height:100%; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);} #offCanvasLeft.is-open {z-index:3; left:0; transition:left 0.5s ease; transition:left 0.5s ease; visibility:visible;} .off-canvas-content.is-open-left {overflow-x:hidden; -webkit-transform:translateX(260px); -ms-transform:translateX(260px); transform:translateX(260px);} #smart_menu > ul.menu > li {padding:5px 0;} .reveal.tiny {min-width:600px;} /****************************************************************************************/ /************************************** Header ******************************************/ /****************************************************************************************/ #header {height:0 !important; width:320px; max-width:100%; z-index:10; position:fixed; left:50%; transform:translateX(-50%);} #header #data-sticky-header {margin-top:0 !important; transition:0.5s ease; position:relative; width:320px;} /* Sticky */ #logo.hidden, #logo.hidden * {height:0;} #logo {opacity:1;} #data-sticky-header #menu_scroll.auto {height:auto;display:flex;} /* Menu au scroll */ #header #menu_scroll {width:320px; background:#fff; display:none; z-index:999; max-height:80px; margin:0 auto;box-shadow:0 0 3px 0 rgba(0,0,0,0.45);opacity:0;} #header #menu_scroll #logo_scroll {padding:0; transition:0.3s ease;} #header #menu_scroll button {height:80px; padding:0; margin:0; background-size:auto; background-position:center 16px; background-repeat:no-repeat; background-color:transparent; cursor:pointer; border:2px solid #ffffff; color:#000; font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-size:1.2em; line-height:8.4em; transition:0.3s ease;} #header #menu_scroll #wrap_profil_btn {height:80px; padding:0; margin:0; font-size:1.2em; line-height:8.4em; text-align:center;} #header #menu_scroll #profil_btn {display:block; height:80px; background-size:auto; background-position:center 16px; background-repeat:no-repeat; background-color:transparent; border:2px solid #ffffff; color:#000; font-family:'poppins_semibold',Arial,Verdana,sans-serif; transition:0.3s ease;} #header #menu_scroll .hamburger .hamburger-box span {font-family:'poppins_semibold',Arial,Verdana,sans-serif;} #header #menu_scroll .hamburger .hamburger-inner {top:19px;} /* Burger button */ .hamburger {font:inherit; display:inline-block; overflow:visible; margin:0; background-color:transparent; border:0; border-radius:0; padding:0; z-index:12; width:65px; height:70px; transition-timing-function:linear; transition-duration:.15s; transition-property:opacity,filter;} .hamburger-box {position:relative; display:inline-block; width:100%; height:100%; text-align:center;} .hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {background-color:#ffffff; width:25px; height:5px; border-radius:0; position:absolute; left:50%; transform:translateX(-50%);} .hamburger--spring .hamburger-inner {transition:background-color 0s linear .13s;} .hamburger-inner:after, .hamburger-inner:before {display:block; content:"";} .hamburger--spring .hamburger-inner:before {top:7px; transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);} .hamburger--spring .hamburger-inner:after {top:14px; transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);} /*actif*/ .hamburger--spring.is-active .hamburger-inner {transition-delay:.22s; background-color:transparent;} .hamburger--spring.is-active .hamburger-inner:before {top:0; transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s; transform:translate3d(-50%,10px,0) rotate(45deg);} .hamburger--spring.is-active .hamburger-inner:after {top:0; transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s; transform:translate3d(-50%,10px,0) rotate(-45deg);} .hamburger--spring .menu_title {color:#ffffff; font-family:'roboto_regular',Arial,Verdana,sans-serif; font-size:2em; line-height:1em; position:absolute; left:0; bottom:0; width:100%;} /*hover*/ .hamburger:hover .hamburger-inner, .hamburger:hover .hamburger-inner:after, .hamburger:hover .hamburger-inner:before, .hamburger:focus .hamburger-inner, .hamburger:focus .hamburger-inner:after, .hamburger:focus .hamburger-inner:before {background-color:#008f9e; background-color:rgba(255, 255, 255, 0.7);} .hamburger--spring:hover .menu_title, .hamburger--spring:focus .menu_title {color:rgba(255, 255, 255, 0.7);} .hamburger--spring.is-active:hover .hamburger-inner, .hamburger--spring.is-active:focus .hamburger-inner {background-color:transparent;} /*BURGER OPEN MENU SMART*/ #btn_open_menu_smart.hamburger .hamburger-inner, #btn_open_menu_smart.hamburger .hamburger-inner:after, #btn_open_menu_smart.hamburger .hamburger-inner:before {width:35px;} /* Accessibilite */ #accessi {padding:0; position:absolute; top:0; left:0; z-index:9999;} #accessi ul {margin:0; padding:0;} #accessi ul li {display:inline; font-size:inherit; line-height:inherit;} #accessi ul li a, #accessi ul li button {text-indent:-9999999em; text-transform:uppercase; font-family:'roboto_medium',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1.4em; display:inline-block; padding:5px 10px; margin:10px; color:white;} #accessi ul li a, #accessi ul li a:hover, #accessi ul li a:focus, #accessi ul li button, #accessi ul li button:hover, #accessi ul li button:focus {transition:none;} #accessi ul li a:focus, #accessi ul li button:focus {text-indent:0; box-shadow:0 0 5px 0 #000;} /* Logo */ #logo h1, #logo p, #logo_scroll h1, #logo_scroll p {font-size:initial; line-height:normal; margin:0 auto; max-width:200px;} #logo a, #logo img, #logo_scroll a, #logo_scroll img {display:block; margin:auto; transition:none;} #logo a:hover, #logo a:focus {opacity:0.9;} #logo_scroll h1, #logo_scroll p {height:100%;} #logo_scroll a {border:2px solid #ffffff; height:100%;} /****************************************************************************************/ /************************************** Popins ******************************************/ /****************************************************************************************/ /* Style generique */ .reveal {width:80%; max-width:800px; padding:55px 70px 40px 70px; border:0; background-color:#ffffff; border-radius:0;} .reveal.full {z-index:99999; padding:100px 0; height:100vh;} .reveal.full .wrap_popin {height:100%; padding:0 30px;} .reveal.full .wrap_popin > p.row {margin:auto;} .reveal.full .content {max-width:1120px;} /* Popin detail */ #popin_detail {max-width:1300px; padding:50px 50px 0 50px;} .reveal-overlay {z-index:9999;} .reveal-overlay.reveal-overlay-over {z-index:99999;} /****************************************************************************************/ /******************************* POPIN MENU PRINCIPAL ***********************************/ /****************************************************************************************/ #popin_menu {background-color:#fff; padding:0;} #popin_menu .content > p {margin-bottom:0;} #popin_menu > div > p > a:hover {opacity:0.8;} /*** NEWSLETTER ***/ .line_tools_menu {padding:0; margin-bottom:70px; max-width:1120px;} #inscription_newsletter {padding:0; max-width:440px; padding:10px 40px 10px 15px; background:#ffffff; position:relative;} #inscription_newsletter p {padding:0 0 0 30px; margin:0; display:inline-block; font-size:1.8em; line-height:1em;} #inscription_newsletter form {display:inline-block;} #inscription_newsletter .input_inscription_newsletter {border-radius:0; border:none; padding:0; margin:0 0 0 8px; width:auto; letter-spacing:0.05em; font-size:1.6em; line-height:1em; max-width:155px;} #inscription_newsletter .input_inscription_newsletter:hover, #inscription_newsletter .input_inscription_newsletter:focus {box-shadow:none;} #inscription_newsletter input::placeholder {letter-spacing:0.05em;} #inscription_newsletter input[type="submit"] {font-family:"poppins_medium",Arial,Verdana,sans-serif; font-size:1.6em; line-height:1em; letter-spacing:0.05em; background:none; padding:0; border:none; position:absolute; right:15px; top:14px;} /* #41066 */ #inscription_newsletter {border:0; min-width:400px; padding:0; background:transparent; position:static;} #inscription_newsletter p {padding:0; margin:0 0 15px 0; display:block;} #inscription_newsletter form {display:block; position:relative;} #inscription_newsletter label {font-size:1.4em; font-family:'roboto_regular',Arial,Verdana,sans-serif;} #inscription_newsletter .input_inscription_newsletter {border:1px solid #000000; padding:5px 10px 5px 40px; margin:0; width:calc(100% - 50px); max-width:inherit;} #inscription_newsletter input[type="submit"] {padding:8px 0 9px 0; position:absolute; right:0; top:inherit; bottom:0; width:50px;} #inscription_newsletter input[type="submit"]:hover, #inscription_newsletter input[type="submit"]:focus {opacity:0.7;} /*** SITE EXTERNE ***/ .site_externe {padding-top:15px;} /*** MENU PRINCIPAL PC ***/ /* Level 1*/ .wrap_popin ul.liste_menu {margin:0 -15px; min-width:calc(100% + 30px);} .wrap_popin ul.liste_menu li {font-size:inherit; line-height:inherit;} .wrap_popin ul.liste_menu > li.columns {padding:20px 15px 10px 15px;} .wrap_popin ul.liste_menu > li > a {padding:0; position:relative; display:block; font-size:2em; line-height:1.2em;} .wrap_popin ul.liste_menu ul.sous_menu {padding-top:25px;} .wrap_popin ul.liste_menu li .img-menu {background-color:#000000; transition:0.3s ease;} .wrap_popin ul.liste_menu li .img-menu img {opacity:0.4; backface-visibility:hidden; -webkit-backface-visibility:hidden; transition:0.3s ease; width:100%;} .wrap_popin ul.liste_menu li a:hover .img-menu img {opacity:0.6;} .wrap_popin ul.liste_menu li a:hover .img-menu {box-shadow:0 0 5px 1px rgba(0,0,0,0.75);} .wrap_popin ul.liste_menu li span.wrap_item {position:absolute; width:100%; bottom:0; left:0; padding:20px; margin:0; color:#fff; font-family:'poppins_medium',Arial,Verdana,sans-serif; font-size:1em; line-height:1em;} /* Level 2*/ .wrap_popin ul.liste_menu li li.level2 {padding-bottom:10px;} .wrap_popin ul.liste_menu li li.level2 > a {font-family:'roboto_regular',Arial,Verdana,sans-serif; color:#010101; font-size:1.8em; line-height:1.2em; padding:0 0 0 24px; position:relative; display:block;} .wrap_popin ul.liste_menu li li.level2 > a:before {content:''; position:absolute; width:10px; height:10px; left:5px; top:6px; transition:0.3s ease;} .wrap_popin ul.liste_menu li li > a:hover:before, .wrap_popin ul.liste_menu li li > a:focus:before {transform:rotate(45deg);} .wrap_popin ul.liste_menu li .level2.arrow > a:after {content:''; margin-left:10px; display:inline-block; transition:0.3s ease;} .wrap_popin ul.liste_menu li .level2.arrow.is-accordion-submenu-parent[aria-expanded='true'] > a:after {-webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);} /* Level 3 */ .wrap_popin ul.liste_menu li.level2 > .sm {padding-top:10px;} .wrap_popin ul.liste_menu li ul li li.level3 {padding-bottom:5px; padding-left:20px;} .wrap_popin ul.liste_menu li ul li li.level3 > a {position:relative; padding:0 0 0 18px; color:#010101; font-size:1.6em; line-height:1.2em;} .wrap_popin ul.liste_menu li ul li li.level3 > a:hover, .wrap_popin ul.liste_menu li ul li li.level3 > a:focus {opacity:0.8;} /****************************************************************************************/ /********************************** POPIN EN 1 CLIC *************************************/ /****************************************************************************************/ #btn_acces_rapides {top:330px !important; left:initial; right:0; z-index:9999; width:80px; height:80px; padding:0; color:#ffffff; font-size:1.8em; text-align:left; cursor:pointer; transition:0.15s linear;} #home #btn_acces_rapides {top:150px !important;} #btn_acces_rapides.sticky.is-anchored, #btn_fil_rouge.sticky.is-anchored {position:absolute;} #btn_acces_rapides.sticky.is-stuck, #btn_fil_rouge.sticky.is-stuck {margin-top:0 !important;} #btn_acces_rapides span {display:block; padding-left:23px; padding-top:3px; font-family:'poppins_regular',Arial,Verdana,sans-serif; position:relative; line-height:1.2em;} #btn_acces_rapides span:before {content:''; width:20px; height:2px; background:#fff; position:absolute; left:0; top:12px; transition:0.3s linear;} #btn_acces_rapides:before {content:''; position:absolute; top:0; right:0; background:rgba(0,0,0,0.2); width:0; height:100%; transition:0.15s linear;} #btn_acces_rapides:hover, #btn_acces_rapides:focus {box-shadow:0 0 5px 0 #000;} #btn_acces_rapides:hover:before {width:100%; left:0; right:0;} #popin_acces_rapides {padding:0;} #popin_acces_rapides > div > p > a:hover {opacity:0.8;} .tx-cim-links, #fil_rouge {height:0;} .tx-cim-links > .sticky-container, #fil_rouge > .sticky-container {height:auto !important;} #global {height:auto !important;} /* Mon compte */ #mon_compte p {font-size:1.8em; display:inline-block;} #mon_compte a {color:#000; padding:12px 20px 12px 60px; display:block; overflow:hidden; position:relative;} #mon_compte a:before {content:''; height:100%; width:0; position:absolute; right:0; top:0; z-index:-9999; transition:0.3s linear;} #mon_compte a:hover:before {width:100%; left:0; right:0;} /****************************************************************************************/ /********************************** Bandeau image ***************************************/ /****************************************************************************************/ #bandeau_page {width:100%; top:0; height:350px; /*z-index:2;*/ position:relative; overflow:hidden;} #home #bandeau_page {height:530px; position:relative; overflow:visible;} #home #bandeau_page .wrap {height:100%;} #bandeau_page .img {position:absolute; bottom:0; left:0; width:100%; height:100%; overflow:hidden;} #bandeau_page img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); max-height:150%; min-height:100%; max-width:150%; min-width:100%; height:auto; width:auto;} #home #bandeau_page img {max-height:200%; min-height:100%; max-width:inherit; min-width:100%;} /****************************************************************************************/ /*************************************** Footer *****************************************/ /****************************************************************************************/ #footer {position:absolute; bottom:0; left:0; width:100%; z-index:1; background:#ffffff;} #footer .wrap {max-width:1320px; padding:20px 0 15px 0; position:relative;} #footer #bg_footer {position:absolute; top:0; height:100%; width:100%;} #footer #bg_left {background:#f7f7f7; position:absolute; left:0; top:0; height:100%; width:50%;} #footer #bg_right {position:absolute; right:0; top:0; height:100%; width:50%;} /* Coordonnees */ #info_footer {padding:0 20px;} #info_footer .titre_footer {font-family:'roboto_bold',Arial,Verdana,sans-serif; font-size:1.6em; text-transform:uppercase; padding-bottom:10px;} #footer p {margin:0; color:#ffffff; font-family:'roboto_regular',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1.3em;} #footer p a {color:#ffffff; font-family:'roboto_regular',Arial,Verdana,sans-serif;} /* Menu footer */ #menu_footer ul {margin:0 auto; max-width:60%;} #menu_footer ul li {padding:2px 12px; color:#220922; font-family:'roboto_regular',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1.2em;} #menu_footer ul li a {padding:0; color:#220922; font-family:'roboto_regular',Arial,Verdana,sans-serif;} /****************************************************************************************/ /************************************ Fil d'ariane **************************************/ /****************************************************************************************/ #tools_ariane, #tools_ariane_popin {padding-top:24px;} #tools_ariane > .columns, #tools_ariane_popin > .columns {padding:0;} #fil_ariane .breadcrumbs {margin-bottom:0; padding:5px 0 0 0;} #fil_ariane .breadcrumbs li:not(:last-child)::after {content:"-"; margin:0 0.5rem;} #fil_ariane .breadcrumbs li {text-transform:none; color:#363636; font-family:"roboto_regular",Arial,Verdana,sans-serif; font-size:1.2em; line-height:1.2em;} #fil_ariane .breadcrumbs li a {color:#363636; font-family:"roboto_regular",Arial,Verdana,sans-serif; text-decoration:none;} #fil_ariane .breadcrumbs li:last-child {color:#363636; font-family:"roboto_medium",Arial,Verdana,sans-serif;} #fil_ariane .breadcrumbs li:first-child a, #fil_ariane .breadcrumbs li:not(:last-child)::after {color:#363636;} /****************************************************************************************/ /******************************* Share / Bloc note / MAJ ********************************/ /*************************************************************************************** /* Social share */ #social_share ul {margin-bottom:0;} #social_share li, #content_page_popin #social_share_popin li {margin:0; float:left;} #social_share li a:hover, #content_page_popin #social_share_popin li a:hover, #social_share li a:focus, #content_page_popin #social_share_popin li a:focus {opacity:0.7;} #social_share li a::after, #content_page_popin #social_share_popin li a::after {display:none;} #social_share #print, #social_share_popin #print, #social_share .a2a_button_facebook, #social_share_popin .a2a_button_facebook, #social_share .a2a_button_twitter, #social_share_popin .a2a_button_twitter {height:28px;} #social_share #print span, #social_share_popin #print span, #social_share .a2a_button_facebook span, #social_share_popin .a2a_button_facebook span, #social_share .a2a_button_twitter span, #social_share_popin .a2a_button_twitter span {text-indent:-9999px;} #social_share .a2a_button_facebook, #social_share_popin .a2a_button_facebook {background-image:url(../img/picto_share.png); width:73px;} #social_share .a2a_button_twitter, #social_share_popin .a2a_button_twitter {background-image:url(../img/picto_tweet.png); width:70px;} #social_share #print, #social_share_popin #print {display:block; width:52px; background:url(../img/picto_print.png) no-repeat center center;} /* #33828 BUGFIX scroll in popin_detail*/ #social_share #print span {-webkit-clip-path: none; clip-path: none;} /******************************************************************************************************************/ /******************************************************************************************************************/ /************************************************ TEMPLATES *******************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /********************************************************************************/ /************************************* HOME *************************************/ /********************************************************************************/ /*** ZONE MOTEUR MORPHING ***/ #bandeau_page .search_area_cont {background:transparent; width:auto; height:auto; position:static; max-width:450px; height:62px; transition:background 0.3s ease;} #bandeau_page .search_area_cont .close-button {width:40px; height:40px; position:absolute; top:15px; right:15px; background-color:transparent; overflow:hidden; display:none;} #bandeau_page .search_area_cont .close-button span {font-family:'roboto_medium',Arial,Verdana,sans-serif; font-size:3.3em; line-height:0.5em; font-weight:bold;} #bandeau_page .search_area_cont #suggestions {height:0;} #bandeau_page .search_area_cont.is_search {background:#fff; width:100%; height:100%; position:fixed; top:0; left:0; z-index:99; max-width:none; padding:200px 10%; overflow:auto;} #bandeau_page .search_area_cont.is_search #zone_recherche, #popin_recherche #zone_recherche {max-width:620px; margin:auto; padding-top:25px;} #bandeau_page .search_area_cont.is_search #suggestions {max-width:620px;} #bandeau_page .search_area_cont.is_search #suggestions, #popin_recherche .wrap_popin.is_search #suggestions {height:auto;} #bandeau_page .search_area_cont.is_search .close-button {display:block;} #popin_recherche .wrap_popin.is_search {background:transparent;} #popin_recherche .wrap_popin #close_recherche {display:none;} #suggestions {padding-top:0; margin:auto; overflow:hidden;} /*#27735 ajout titre : */ #suggestions .titre_suggestions {font-family:'poppins_medium',Arial,Verdana,sans-serif; font-size:2em; line-height:0.9em; text-transform:uppercase; padding:40px 0 20px 0; margin:0;} #suggestions li {margin:10px auto; font-size:1.4em;} #suggestions li.ui-state-focus {background:none;} #suggestions li a {padding:15px 0; border-bottom:1px solid black; transition:0.3s ease; display:flex; justify-content:space-between;} #suggestions li a::after, #suggestions li a span.resultat::after {display: none;} #suggestions li a[href^="http://"]:not([href*="agen.fr"]) .resultat::after, #suggestions li a[href^="https://"]:not([href*="agen.fr"]) .resultat::after { content: url(../img/arrow_external_link_black.png);padding: 0 8px;} #suggestions li a:hover, #suggestions li a:focus {color:#92278f; border-bottom:1px solid #92278f;} #suggestions li a .categorie {text-transform:uppercase; font-family:'roboto_bold',Arial,Verdana,sans-serif;} /*** ZONE MOTEUR ***/ #zone_moteur {margin-top:60px;} #zone_recherche {max-width:450px;width:100%;background:#ffffff;position:relative;} #zone_recherche .ligne_form {margin:0;} #zone_recherche input[type="text"] {text-transform:none; color:#010101; font-family:'poppins_regular',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.4em; width:100%; padding:19px 47px 19px 20px; margin:0; height:inherit; border:0; box-shadow:none; background:transparent;} #zone_recherche input[type="submit"] {text-indent:-999em;padding:0;line-height:0; border:0;} #zone_recherche button, #zone_recherche .noVocalRecognition {transition:none;cursor:pointer;background-repeat:no-repeat; background-position:right 17px center;height:59px; width:59px;display:block;position:absolute;right:0;bottom:0;text-indent:-999em;} /* vocalRecognitionOn */ #zone_recherche button.vocalRecognitionOn::before,#zone_recherche button.vocalRecognitionOn::after {position:absolute;top:50%;left:50%;border-radius:50%;content:'';opacity:0;pointer-events:none;margin:-25px 0 0 -25px;width:50px;height:50px;-webkit-animation-name:anim-effect-vocalRecognitionOn-2, anim-effect-vocalRecognitionOn-1;animation-name:anim-effect-vocalRecognitionOn-2, anim-effect-vocalRecognitionOn-1;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;} #zone_recherche button.vocalRecognitionOn::after {-webkit-animation-delay:0.6s;animation-delay:0.6s;} @-webkit-keyframes anim-effect-vocalRecognitionOn-1 { 0%,100% {opacity:0;} 40%, 60% {opacity:1;} } @keyframes anim-effect-vocalRecognitionOn-1 { 0%,100% {opacity:0;} 40%, 60% {opacity:1;} } @-webkit-keyframes anim-effect-vocalRecognitionOn-2 { 0% {-webkit-transform:scale3d(0.5, 0.5, 1);transform:scale3d(0.5, 0.5, 1);} 100% {-webkit-transform:scale3d(1.1, 1.1, 1);transform:scale3d(1.1, 1.1, 1);} } @keyframes anim-effect-vocalRecognitionOn-2 { 0% {-webkit-transform:scale3d(0.5, 0.5, 1);transform:scale3d(0.5, 0.5, 1);} 100% {-webkit-transform:scale3d(1.1, 1.1, 1);transform:scale3d(1.1, 1.1, 1);} } /*** TAG ***/ #tags {margin:22px 0 0 -8px; max-width:458px;} #tags li {margin:8px 8px; display:inline-block; font-size:1.4em; line-height:1.2em;} #tags li a {color:#000000;font-family:'roboto_medium',Arial,Verdana,sans-serif;font-size:1em;line-height:1em;padding:5px 6px;display:block;background:#fff;letter-spacing:0.05em;} /*** ACCES RAPIDES (menu niveau 1) ***/ #acces_rapide_navigation ul {max-width:450px;} #acces_rapide_navigation li {font-size:1.6em;margin-left:35px;margin-bottom:35px;} #acces_rapide_navigation li a > span {height:110px;width:110px;border-radius:50%;} #acces_rapide_navigation li a span span {font-family:'poppins_semibold',Arial,Verdana,sans-serif;font-size:1em;line-height:1.2em;color:#ffffff;padding:0 4px;position:relative;} #acces_rapide_navigation li a span span::before {content:"";position:absolute;left:50%;right:50%;bottom:-9px;height:3px;-webkit-transition-property:left, right;transition-property:left, right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;background-color:#fff;} #acces_rapide_navigation li a span span::after {content:'';display:block;position:absolute;height:3px;width:100%;-webkit-transition:width .5s ease, background-color .5s ease, left .5s ease;-moz-transition:width .5s ease, background-color .5s ease, left .5s ease;transition:width .5s ease, background-color .5s ease, left .5s ease;border:0;top:inherit;bottom:-1px;} #acces_rapide_navigation li a span span::after {width:0;} #acces_rapide_navigation li a:hover span span::before {left:calc(50% - 18px);right:calc(50% - 18px);} #acces_rapide_navigation li a:hover span span::after {content:"";} /*** PROFIL (liste deroulante Je suis) ***/ #profil .button{color: #000000;font-family: 'montserratregular',Arial,Verdana,sans-serif;font-size: 1.6em;line-height: 1.4em;padding: 17px 60px 17px 20px;margin: 0; text-align: left;background-color: #fff; background-position: right 15px center; background-repeat: no-repeat;width: 245px;} #profil .dropdown-pane {padding: 10px 0;background-color: #fff;width: 245px; top: 60px !important; right: 0 !important; left: inherit !important;} #profil .dropdown-pane ul {margin-bottom:0;} #profil .dropdown-pane ul li {font-size:1.6em;} #profil .dropdown-pane a {display: block;padding: 5px 10px;font-family: 'montserratregular',Arial,Verdana,sans-serif;font-size: 1em; line-height: 1.3em;color: #000;} #profil_left .dropdown-pane a, #profil .dropdown-pane a:hover, #profil_left .dropdown-pane a:focus, #profil .dropdown-pane a, #profil .dropdown-pane a:hover, #profil .dropdown-pane a:focus {-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;} /* BLOCS HOME */ .bloc_home {padding-bottom:50px; padding-top:37px;} .bloc_home .content {margin-bottom:15px;} .bloc_home .titre_bloc {margin-bottom:22px;} .bloc_home .titre_bloc .bloc_home_title, #content_page .bloc_home .titre_bloc .bloc_home_title, #content_page_popin .bloc_home .titre_bloc .bloc_home_title, .reveal .bloc_home_title {font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-size:3.5em; color:#363636; text-transform:uppercase; letter-spacing:0.1em; position:relative; line-height:1.5em; margin:0; padding-bottom:7px;} .bloc_home_title:after, .bloc_col .titre_bloc p:after {content:''; width:30px; height:3px; position:absolute; left:0; bottom:0; display:block;} .bloc_home .bloc_home_subtitle, #content_page .bloc_home .bloc_home_subtitle, #content_page_popin .bloc_home .bloc_home_subtitle {text-transform:uppercase; color:#000000; font-family:'roboto_medium',Arial,Verdana,sans-serif; font-size:3em; line-height:1.3em; margin:0; padding-top:15px; padding-bottom:12px;} /*** ACTUALITES ***/ #actu, #media {padding-top:60px;} #actu.bloc_home .titre_bloc .bloc_home_title, #media.bloc_home .titre_bloc .bloc_home_title {font-size:3.8em;} .mise_en_avant.content li.list_item {font-size:1em; height:auto;} .mise_en_avant.content li.list_item a {border:0;} .mise_en_avant .list_item .titre {font-family:"poppins_medium",Arial,Verdana,sans-serif; font-size:2.2em;color:#fff;padding-bottom:0;} .mise_en_avant .list_item .titre::before {display:none;} .mise_en_avant .list_item:hover .titre, .mise_en_avant .list_item:focus .titre, .mise_en_avant .list_item a:hover .titre, .mise_en_avant .list_item a:focus .titre {color:#fff;} .mise_en_avant .list_item .thumb-title {padding:25px;height:100%;position:relative;} .mise_en_avant .list_item .thumb-title::before {content:"";position:absolute;left:0;right:0;top:70px;height:2px;-webkit-transition-property:left, right;transition-property:left, right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;background-color:#fff;width:0;} .mise_en_avant .list_item a:hover .thumb-title::before, .mise_en_avant .list_item a:focus .thumb-title::before, .mise_en_avant .list_item:hover .thumb-title::before, .mise_en_avant .list_item:focus .thumb-title::before {width:110px;} .mise_en_avant .list_item a:hover .thumb-title, .mise_en_avant .list_item a:focus .thumb-title, .mise_en_avant .list_item:hover .thumb-title, .mise_en_avant .list_item:focus .thumb-title {padding:60px 40px 30px 130px;} .mise_en_avant .list_item a:hover .thumb-title .thumb-desc p.desc, .mise_en_avant .list_item a:focus .thumb-title .thumb-desc p.desc, .mise_en_avant .list_item:hover .thumb-title .thumb-desc p.desc, .mise_en_avant .list_item:focus .thumb-title .thumb-desc p.desc {padding:20px 0 0 0;} .mise_en_avant .list_item a:hover .thumb-title .thumb-desc, .mise_en_avant .list_item a:focus .thumb-title .thumb-desc, .mise_en_avant .list_item:hover .thumb-title .thumb-desc, .mise_en_avant .list_item:focus .thumb-title .thumb-desc {padding:30px 0 0 0;-webkit-transform:none;-ms-transform:none;transform:none;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;} .mise_en_avant .list_item .thumb-desc, #content_page .mise_en_avant .list_item .thumb-desc, #content_page_popin .mise_en_avant .list_item .thumb-desc {height:0;-webkit-transform:none;-ms-transform:none;transform:none;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;} .mise_en_avant .list_item .thumb-title .thumb-desc p {color:#fff;} .mise_en_avant .list_item .txt {width:305px;position:absolute;bottom:0;right:0;height:auto;padding:0;} .mise_en_avant .list_item a:hover .txt, .mise_en_avant .list_item a:focus .txt, .mise_en_avant .list_item:hover .txt, .mise_en_avant .list_item:focus .txt {width:100%;height:100%;} .mise_en_avant .list_item .thumb-title .btn_lien {position:absolute;bottom:30px;right:40px;color:#fff;display:none;} .mise_en_avant .list_item a:hover .thumb-title .btn_lien, .mise_en_avant .list_item a:focus .thumb-title .btn_lien {display:block;} /*** VIDEOS ***/ #media .iframe_container {padding-bottom:55.55%;height:0;overflow:hidden;} #media iframe {position:absolute;top:0;left:0;width:100%;height:100%;margin:0 !important;} /*** AGENDA ***/ #home #agenda {background:#ebebeb;} #agenda .app {padding-top:17px;} #agenda .app .btn_lien a {padding-left:30px;font-family:"poppins_regular",Arial,Verdana,sans-serif;padding-top:5px;letter-spacing:inherit;} #agenda .app .btn_lien a span {font-family:"poppins_medium",Arial,Verdana,sans-serif;} #agenda ul.content {margin-bottom:15px;} #agenda .content li.list_item {font-size:1em; position:relative;} /*** ZOOM SUR - NEWSLETTER ***/ #zoom_newsletter {background:#f8f8f8;} #zoom_newsletter .content {padding:0 30px 15px 30px;} #zoom_sur .content * {max-width:80%;} #zoom_sur > .row, #newsletter > .row {height:100%;} /* #41066 */ #newsletter #inscription_newsletter {max-width:inherit; min-width:inherit;} /*** CARTE INTERACTIVE HOME ***/ #carte_interactive .sticky-container {height:450px; margin-bottom:35px;} #carte_interactive .img {height:100%; width:100%; overflow:hidden;} #carte_interactive .img img {position:absolute; max-height:200%; max-width:none; min-width:100%; min-height:100%; width:auto; height:auto; left:50%; top:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); overflow:hidden;} #carte_interactive .bg.violet {position:absolute; top:0; left:0; width:50%; height:100%;} #carte_interactive .bloc_infos_map {height:100%; padding-top:55px; padding-bottom:15px;} #carte_interactive .bloc_infos_map .title p {color:#fff; font-size:2em; line-height:0.9em; margin-bottom:20px; text-transform:uppercase; font-family:'poppins_medium',Arial,Verdana,sans-serif; padding:0 15px;} #carte_interactive .list_select {padding:0 70px;} #carte_interactive .list_select ul {margin:0; padding:0;} #carte_interactive .list_select ul li {font-size:2em; margin-bottom:8px;} #carte_interactive .list_select ul li a {position:relative;} #carte_interactive .list_select ul li a::before {content:''; width:50px; height:50px; background:#fff; border-radius:50%; position:absolute; left:0; top:0;} #carte_interactive .list_select .picto {background-repeat:no-repeat; background-position:center center; width:50px; height:50px; display:block; filter:saturate(0) brightness(0.3); -webkit-filter:saturate(0) brightness(0.3); z-index:1;} #carte_interactive .list_select ul li a:hover .picto, #carte_interactive .list_select ul li a:focus .picto {filter:saturate(1) brightness(1);} #carte_interactive .list_select .intitule {padding-left:60px; color:#fff;} #carte_interactive .list_select .intitule::before {content:''; width:0; height:2px; background:#fff; transition:0.3s ease; display:inline-block; vertical-align:middle;} #carte_interactive .list_select ul li a:hover .intitule::before, #carte_interactive .list_select ul li a:focus .intitule::before {width:20px; margin-right:15px;} /*** SLIDER GALAXIE ***/ #sites_applis .galaxie_slider {width:100%; overflow:hidden;} #sites_applis .galaxie_slider p {line-height:1.2em;margin-bottom:0;} #sites_applis .galaxie_slider a {color:#000;width:110px; height:110px; border-radius:50%;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative;} #sites_applis .galaxie_slider a:hover, #sites_applis .galaxie_slider a:focus {color:#fff;} #sites_applis .galaxie_slider a span {width:100%;} #sites_applis .galaxie_slider .slick-slider {padding:0 84px;} #sites_applis .galaxie_slider .slick-arrow {position:absolute; top:calc(50% - 15px); width:30px; height:30px; text-indent:-9999px;cursor:pointer;} #sites_applis .galaxie_slider .slick-arrow:hover, #sites_applis .galaxie_slider .slick-arrow:focus {opacity:0.7;} #sites_applis .galaxie_slider .slick-arrow.slick-prev {background-position:left center; background-repeat:no-repeat; left:0;} #sites_applis .galaxie_slider .slick-arrow.slick-next {background-position:right center; background-repeat:no-repeat; right:0;} /********************************************************************************/ /*********************************** PAGE TYPE **********************************/ /********************************************************************************/ #head_page, #head_page_popin {position:relative; padding-bottom:135px;height:auto !important;} #head_page > .wrap, #head_page_popin > .wrap {position:relative; z-index:2;} #content_page > .row, #content_page_popin > .row {justify-content:space-between;} #col_right, #col_right_popin {max-width:350px; padding:0;} #col_left, #col_left_popin {max-width:715px; padding:0;} #col_left_inner > *:first-child, #col_left_popin_inner > *:first-child {margin-top:0;} /* #43073 */ /*#col_left_inner header:first-of-type h2, #col_left_popin_inner header:first-of-type h2 {margin-top:0;}*/ /* #43073 */ #col_left_inner >*:first-child *:first-child, #col_left_popin_inner >*:first-child *:first-child {margin-top:0;} /*** TITRE PAGE ***/ #titre_page, #titre_page_popin {margin:15px auto 35px auto; /* header fixe avec ancre */ margin-bottom:10px;} #titre_page, #titre_page_popin {margin:20px auto 35px auto !important;} #titre_page.is-stuck {max-width:1120px !important;margin:0 !important;left:50%;transform:translateX(-50%); height:0 !important; transition:0.3s ease;} #titre_page.is-stuck h1 {min-height:80px;padding:24px 15px;max-width:300px !important;background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,0.45);text-transform:inherit;font-family:'poppins_medium',Arial,Verdana,sans-serif;font-size:1.4em;text-align:left;} #page h1, #popin_detail #titre_page_popin p {text-transform:uppercase; font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-weight:normal; font-size:3.8em; line-height:1.2em; margin:0;} /*** BLOC ACCROCHE ***/ .quote {padding-top:35px;} #page .quote p, #page .quote h2, #popin_detail .quote p, #popin_detail .quote h2 {text-transform:none; color:#363636; font-family:'roboto_medium',Arial,Verdana,sans-serif; font-size:2em; line-height:1.2em; margin:0;} /*** DATES ***/ .date_detail {padding-top:25px;} .date_detail p {display:inline-block; font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-size:2.5em;} .date_detail .date_fin::before {content:" "; padding:0 5px;} /*** PARAM TXT ***/ #content_page .csc-header, #content_page_popin .csc-header {margin-bottom:0;} #content_page h2, #content_page_popin h2 {text-transform:none; font-family:'roboto_medium',Arial,Verdana,sans-serif; font-weight:normal; font-size:2.8em; line-height:1.2em; margin:40px 0 15px 0;} #content_page h2 a, #content_page_popin h2 a {border:0; padding:0; text-transform:none; font-family:'roboto_medium',Arial,Verdana,sans-serif;} #content_page h3, #content_page_popin h3 {text-transform:none; font-family:'roboto_medium',Arial,Verdana,sans-serif; font-weight:normal; font-size:2.2em; line-height:1.2em; margin:30px 0 10px 0;} #content_page h3 a, #content_page_popin h3 a {border:0; padding:0; text-transform:none; font-family:'roboto_medium',Arial,Verdana,sans-serif;} #content_page h4, #content_page_popin h4 {text-transform:uppercase; color:#000000; font-size:1.8em; line-height:1.4em; margin:30px 0 10px 0; font-family:'roboto_medium',Arial,Verdana,sans-serif;} #content_page h4 a, #content_page_popin h4 a {border:0; padding:0; text-transform:uppercase; color:#000000; font-family:'roboto_medium',Arial,Verdana,sans-serif;} #content_page h2 a:hover, #content_page h2 a:focus, #content_page h3 a:hover, #content_page h3 a:focus, #content_page h4 a:hover, #content_page h4 a:focus, #content_page_popin h2 a:hover, #content_page_popin h2 a:focus, #content_page_popin h3 a:hover, #content_page_popin h3 a:focus, #content_page_popin h4 a:hover, #content_page_popin h4 a:focus {border:0; font-weight:normal; background:none;} /*SKIN LIEN*/ #content_page a, #content_page_popin a {font-family:'roboto_regular',Arial,Verdana,sans-serif; padding:0 2px; position:relative;} #content_page .csc-textpic-image a, #content_page_popin .csc-textpic-image a {padding:0; border:0;} /*SKIN LEGENDE LIEN IMG*/ #content_page .csc-textpic-image, #content_page_popin .csc-textpic-image, #content_page figure.image, #content_page_popin figure.image {margin:0 0 30px 0; position:relative;} #content_page figcaption.csc-textpic-caption, #content_page_popin figcaption.csc-textpic-caption, #content_page p.figcaption, #content_page_popin p.figcaption, #content_page .bloc_video .description p, #content_page_popin .bloc_video .description p, /*#45049*/ #content_page .ce-gallery figcaption.image-caption, #content_page_popin .ce-gallery figcaption.image-caption, #slider_img .slick_bandeau figure figcaption {font-family:'roboto_regular',Arial,Verdana,sans-serif; font-size:1.2em; line-height:1.4em; font-style:italic; padding:10px; margin-bottom:0; text-align:left;} /* #43073 */ #content_page figure.image > a, #content_page_popin figure.image > a {border:none; display:block;} /*SKIN LIST*/ #content_page ul, #content_page ol, #content_page_popin ul, #content_page_popin ol {padding:0 0 0 40px;} #content_page ul li, #content_page ol li, #content_page_popin ul li, #content_page_popin ol li {padding:0; position:relative; border:0;} #content_page ul li li, #content_page ol li li, #content_page_popin ul li li, #content_page_popin ol li li {font-size:1em; line-height:1.4em;} /*list decimal*/ #content_page ol, #content_page_popin ol {list-style:initial; list-style-type:decimal;} #content_page ol li, #content_page_popin ol li {list-style:initial; list-style-image:initial !important; list-style-type:decimal;} /*SKIN TABLEAUX*/ #content_page table, #content_page_popin table {border-spacing:0; border-collapse:collapse; margin-bottom:30px; float:none;} #content_page table caption, #content_page_popin table caption {text-transform:uppercase; font-family:'roboto_medium',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.6em; padding:15px 25px;} #content_page th, #content_page td, #content_page_popin th, #content_page_popin td {padding:10px; vertical-align:middle; text-align:left;} #content_page th, #content_page_popin th {text-transform:uppercase; font-family:'roboto_medium',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.6em; border:1px solid #dcdcdc;} #content_page th > *, #content_page_popin th > * {text-transform:uppercase; color:#0a0a0a; font-family:'roboto_medium',Arial,Verdana,sans-serif; font-size:1em; margin-bottom:0;} #content_page th, #content_page tfoot td, #content_page_popin th, #content_page_popin tfoot td {background:#dcdcdc;} #content_page td, #content_page_popin td {font-size:1.5em; line-height:1.6em; border:1px solid #e0e0e0; font-weight:normal;} #content_page td *, #content_page_popin td * {font-size:1em;} /* STYLE RTE */ #page #content_page p.align-left, #content_page_popin p.align-left, #page #content_page td.align-left, #content_page_popin td.align-left {text-align:left;} #page #content_page p.align-right, #content_page_popin p.align-right, #page #content_page td.align-right, #content_page_popin td.align-right {text-align:right;} #page #content_page p.align-center, #content_page_popin p.align-center, #page #content_page td.align-center, #content_page_popin td.align-center {text-align:center;} #page #content_page p.align-justify, #content_page_popin p.align-justify, #page #content_page td.align-justify, #content_page_popin td.align-justify {text-align:justify;} #page #content_page p.align-left img, #content_page_popin p.align-left img, #page #content_page td.align-left img, #content_page_popin td.align-left img {float:left; margin-right:10px;} #page #content_page p.align-right img, #content_page_popin p.align-right img, #page #content_page td.align-right img, #content_page_popin td.align-right img {float:right; margin-left:10px;} /* BLOCKQUOTE */ #content_page blockquote, #content_page_popin blockquote {padding:20px 100px; border:0; text-align:center; margin-bottom:30px; font-family:'roboto_regular',Arial,Verdana,sans-serif; font-size:1.7em; line-height:1.4em; max-width:85%; margin:0 auto; color:#000000;} #content_page blockquote *, #content_page_popin blockquote * {margin-bottom:0; color:#000000; font-family:'roboto_regular',Arial,Verdana,sans-serif; font-size:1em; line-height:1em;} /* INFOS EN PLUS */ .info {padding:35px 40px; position:relative; margin-bottom:30px; background:#efefef;} .info .titre_bloc {margin-bottom:15px;} .info .titre_bloc p, #content_page .info .titre_bloc p, #content_page_popin .info .titre_bloc p {text-transform:uppercase; font-family:'roboto_regular',Arial,Verdana,sans-serif; font-size:1.2em; line-height:1.5em; margin-bottom:0;} .info .contenu_bloc p.soustitre, #content_page .info .contenu_bloc p.soustitre, #content_page_popin .info .contenu_bloc p.soustitre {font-family:'roboto_medium',Arial,Verdana,sans-serif; font-size:2em; line-height:1.5em; margin-bottom:10px;} #content_page .info .contenu_bloc p, #content_page_popin .info .contenu_bloc p {margin-bottom:0; margin-top:15px;} #content_page .info .contenu_bloc p:first-child, #content_page_popin .info .contenu_bloc p:first-child {margin-top:0;} /* BLOC VIDEO */ .bloc_video {width:100%; margin-bottom:30px; position:relative;} .bloc_col .bloc_video {margin-bottom:0;} .bloc_video .video {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;} .bloc_video .video iframe {position:absolute; top:0; left:0; width:100%; height:100%; margin:0 !important;} #content_page .bloc_video .title p, #content_page_popin .bloc_video .title p {margin-bottom:5px;} /* BLOC DIAPORAMA IMAGES SLICK */ .diaporama_images {margin-bottom:30px;} #col_right .diaporama_images {margin-bottom:0;} .diaporama_images .contenu_bloc {overflow:hidden; background:#f8f8f8; padding:0;} .diaporama_images .slider-for-images, .diaporama_images .slider-nav-images {position:relative; overflow:hidden;} #content_page .diaporama_images .slick-slide a, #content_page .diaporama_images .slider-nav-images a {padding:0; border:0;} #content_page .diaporama_images .slider-nav-images a:hover img, #content_page .diaporama_images .slider-nav-images a:focus img {opacity:0.7;} .diaporama_images.adjust .slick-track {transform:translate3d(0, 0, 0) !important;} .diaporama_images .slick-slider .slick-track {min-width:100%;} .image_pop {max-width:1040px;width:100%;} .diaporama_images .slick-slider .slick-list, .image_pop .slick-slider .slick-list {background:#fff;} #col_right .diaporama_images .slick-slider .slick-list {background:#f8f8f8;} .diaporama_images .slider-nav-images {padding:0 60px; max-height:60px;} .diaporama_images .slider-nav-images::before, .diaporama_images .slider-nav-images::after {content:""; display:inline-block; margin:0 auto; width:60px; height:47px; position:absolute; top:7px; text-align:center;} .diaporama_images .slider-nav-images .slick-list.draggable {background:#f8f8f8;} .diaporama_images .slider-nav-images .slick-slide {width:60px !important; height:60px !important; overflow:hidden;} .diaporama_images .slider-nav-images .slick-slide:hover a {opacity:0.7;} .diaporama_images .slider-nav-images.slick-slider .slick-arrow::before {display:block; margin:0 auto;} .diaporama_images .slider-nav-images.slick-slider .slick-arrow.slick-prev::before {content:url(../img/diaporama_small_left_arrow.png);} .diaporama_images .slider-nav-images.slick-slider .slick-arrow.slick-next::before {content:url(../img/diaporama_small_right_arrow.png);} .diaporama_images .slick-slider .slick-arrow, .image_pop .slick-slider .slick-arrow, #image_pop_col_right .slick-slider .slick-arrow {position:absolute; top:0; height:100%; font-size:0; border-radius:0; padding:0; width:60px;} .diaporama_images .slider-nav-images.slick-slider .slick-arrow:hover, .diaporama_images .slider-nav-images.slick-slider .slick-arrow:focus {opacity:0.7;} .diaporama_images .slider-for-images.slick-slider:hover .slick-arrow, .image_pop .slider-for-images-pop.slick-slider:hover .slick-arrow, .image_pop_col_right .slider-for-images-pop.slick-slider:hover .slick-arrow {z-index:1000; opacity:0.7; background-color:rgba(0,0,0,0);} .diaporama_images .slider-for-images.slick-slider:hover .slick-arrow:hover, .diaporama_images .slider-for-images.slick-slider:hover .slick-arrow:focus, .image_pop .slider-for-images-pop.slick-slider:hover .slick-arrow:hover, .image_pop .slider-for-images-pop.slick-slider:hover .slick-arrow:focus, .image_pop_col_right .slider-for-images-pop.slick-slider:hover .slick-arrow:hover, .image_pop_col_right .slider-for-images-pop.slick-slider:hover .slick-arrow:focus {opacity:1;} .diaporama_images .slick-slider .slick-arrow.slick-prev, .image_pop .slick-slider .slick-arrow.slick-prev, #image_pop_col_right .slick-slider .slick-arrow.slick-prev {left:0;} .diaporama_images .slick-slider .slick-arrow.slick-next, .image_pop .slick-slider .slick-arrow.slick-next, #image_pop_col_right .slick-slider .slick-arrow.slick-next {right:0;} .diaporama_images .slick-slider .slick-arrow, .diaporama_images .slick-slider .slick-arrow:hover, .diaporama_images .slick-slider .slick-arrow:focus, .image_pop .slick-slider .slick-arrow, .image_pop .slick-slider .slick-arrow:hover, .image_pop .slick-slider .slick-arrow:focus, #image_pop_col_right .slick-slider .slick-arrow, #image_pop_col_right .slick-slider .slick-arrow:hover, .image_pop_col_right .slick-slider .slick-arrow:focus {-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .diaporama_images .slider-for-images.slick-slider .slick-arrow::before, .image_pop .slick-slider .slick-arrow::before, #image_pop_col_right.slick-slider .slick-arrow::before {display:block; margin:0 auto; width:70px; height:70px;} .diaporama_images .slider-for-images.slick-slider .slick-arrow.slick-prev::before, .image_pop .slick-slider .slick-arrow.slick-prev::before, #image_pop_col_right .slick-slider .slick-arrow.slick-prev::before {content:url(../img/diaporama_big_left_arrow.png);} .diaporama_images .slider-for-images.slick-slider .slick-arrow.slick-next::before, .image_pop .slick-slider .slick-arrow.slick-next::before, #image_pop_col_right .slick-slider .slick-arrow.slick-next::before {content:url(../img/diaporama_big_right_arrow.png);} #content_page .diaporama_images .slider-nav-images .slick-slide a:hover, #content_page .diaporama_images .slider-nav-images .slick-slide a:focus, #content_page_popin .diaporama_images .slider-nav-images .slick-slide a:hover, #content_page_popin .diaporama_images .slider-nav-images .slick-slide a:focus {border:0; background:transparent;} .image_pop .slider-for-images-pop, #image_pop_col_right .slider-for-images-pop {position:relative;} .image_pop .slick-slider .slick-list, #image_pop_col_right .slick-slider .slick-list {background-color:#fff; position:relative; z-index:2;} /*legende*/ .slick-slider figcaption {/*line-height:1.7em; padding:5px 0;*/ /*#45049*/ font-family:'roboto_regular',Arial,Verdana,sans-serif; font-size:1.2em; line-height:1.4em; font-style:italic; padding:10px; margin-bottom:0; text-align:left;} /* DATE MAJ */ .date_maj {padding:35px 0 25px 0;} .date_maj p {font-size:1.4em; line-height:1em; margin-bottom:0;} /* QUESTIONNAIRE QUALITE */ #quality_form {background-color:#f8f8f8;} #content_page #quality_form > p, #content_page_popin #quality_form > p {margin-bottom:0; padding:10px 45px 10px 25px;} #content_page #quality_form form, #content_page_popin #quality_form form {padding:0 45px 0 25px;} #content_page #quality_form form fieldset legend, #content_page_popin #quality_form form fieldset legend {text-transform:none; color:#000000; font-family:'roboto_regular',Arial,Verdana,sans-serif; font-size:1.7em; line-height:1.2em; display:block; margin-bottom:0; padding:5px 0; float:left; width:auto;} #quality_form .form_item > .ligne_form {clear:none; margin-left:60px; padding:5px 0; float:right; margin-bottom:0; position:relative;} #quality_form .form_item > .ligne_form > label {border-bottom:2px solid transparent; color:#000000; font-family:'roboto_medium',Arial,Verdana,sans-serif; font-size:1.7em; line-height:1.2em; padding:0; cursor:pointer; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} #quality_form .ligne_form input[type="radio"] {position:absolute; left:-99999px;} #quality_form .form_item .ligne_form input[disabled] + label, #quality_form .form_item .ligne_form input[disabled] + label {cursor:not-allowed; opacity:0.5;} #comment {clear:both; display:inline-block; float:none; width:100%; padding:15px 0;} #quality_form #comment .ligne_form > label:hover {color:#000000;} #comment.visibility.is-hidden[aria-expanded='true'] {display:inline-block !important;} #quality_form .ligne_form.btn_submit {margin:0; padding:0;} #quality_form #h_email {display:none;} #quality_form .sk-circle.qual.no {top:-5px;} #content_page #quality_form #comment .ligne_form p {margin-bottom:0; font-size:1.2em;} /* COLONNE CONTEXTUELLE */ .bloc_col {margin-top:50px;} #col_right .bloc_col:first-child, #col_right_popin .bloc_col:first-child {margin-top:0;} #content_page .bloc_col .titre_bloc p, #content_page_popin .bloc_col .titre_bloc p {color:#363636; font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-size:2.8em; line-height:1.2em; margin:0 0 10px 0; padding:0 0 5px 0; position:relative;} .bloc_col .contenu_bloc {background:#f8f8f8; padding:20px;} #content_page .bloc_col .contenu_bloc a, #content_page_popin .bloc_col .contenu_bloc a {border-bottom:none;} /* BLOC GEOLOC */ .adresse {padding:0 0 0 26px; background-repeat:no-repeat; background-position:left 2px;} .horaires {padding:0 0 0 26px; background-repeat:no-repeat; background-position:left 2px;} .mail {padding:0 0 0 26px; background-repeat:no-repeat; background-position:left 2px;} .website {padding:0 0 0 26px; background-repeat:no-repeat; background-position:left 2px;} .tel {padding:0 0 0 26px; background-repeat:no-repeat; background-position:left 2px;} .gmap {padding:0 0 0 26px; background-repeat:no-repeat; background-position:left 2px;} .icons {position:relative; padding-left:26px;} .icons i {position:absolute; top:1px; left:2px;} .info_utile .info_map {position:relative;} .info_utile .info_map a::after {display:none !important;} .map_infos {max-width:100%; width:100%; height:290px; position:relative; overflow:hidden;} .gmnoprint .gm-style-mtc label {float:right !important; font-size:1rem !important; line-height:1.8em !important; padding-bottom:0; font-family:'roboto_regular',Arial,Verdana,sans-serif !important;} .gm-style .gm-style-cc span, .gm-style .gm-style-cc a, .gm-style .gm-style-mtc div {font-size:1rem !important;} .info_utile .gg_link {position:absolute; bottom:0; left:0; font-size:1.4em; margin:0;} #content_page .info_utile .gg_link a, #content_page_popin .info_utile .gg_link a {font-family:'poppins_semibold',Arial,Verdana,sans-serif; padding:10px 25px 10px 50px; border:0; background-color:#f8f8f8; background-repeat:no-repeat; background-position:20px center;} .info_utile .contenu_bloc {padding:35px 35px 30px 35px;} .info_utile .contenu_bloc p {padding-bottom:5px; color:#ffffff; margin:0;} .info_utile .contenu_bloc a {border-bottom:0 !important; color:#ffffff !important; font-family:'roboto_regular',Arial,Verdana,sans-serif !important;} .info_utile .contenu_bloc a:hover, .info_utile .contenu_bloc a:focus {color:rgba(255,255,255,0.7) !important;} .info_utile .contenu_bloc p.subtitle {color:#ffffff; font-family:'roboto_medium',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1.2em; margin-bottom:20px;} /* RESSOURCES DOWNLOAD */ #page .zone_ressources_download ul, #popin_detail .zone_ressources_download ul {padding:0; margin:0;} #page .zone_ressources_download ul li, #popin_detail .zone_ressources_download ul li {list-style-image:none; margin-top:25px; padding:0;} #page .zone_ressources_download ul li:first-child, #popin_detail .zone_ressources_download ul li:first-child {margin:0;} #page .zone_ressources_download ul li a, #popin_detail .zone_ressources_download ul li a {display:block; border:0; padding:0 0 0 45px; background-repeat:no-repeat; background-position:0 5px;} #page .zone_ressources_download ul li a:hover, #page .zone_ressources_download ul li a:focus, #popin_detail .zone_ressources_download ul li a:hover, #popin_detail .zone_ressources_download ul li a:focus {border:0;} .zone_ressources_download ul li span {display:block;} .zone_ressources_download ul li .nm_doc {word-break:initial; word-wrap:break-word; font-size:1em; line-height:1.1em;} .zone_ressources_download ul li .infos_doc {font-family:'poppins_light',Arial,Verdana,sans-serif; font-size:0.8em; line-height:1em; padding:8px 0;} .zone_ressources_download ul li .maju {display:inline; text-transform:uppercase;} .zone_ressources_download ul li a::after {display:none !important;} /* LIENS UTILES */ #page .zone_articles_associes ul, #popin_detail .zone_articles_associes ul {margin:0; padding:0;} #page .zone_articles_associes ul li, #popin_detail .zone_articles_associes ul li {list-style-image:none; margin-top:25px; padding:0;} #page .zone_articles_associes ul li:first-child, #popin_detail .zone_articles_associes ul li:first-child {margin:0;} #page .zone_articles_associes ul li a, #popin_detail .zone_articles_associes ul li a {display:inline-block; font-size:1em; line-height:1.2em; border:0; padding:0 0 0 45px; background-repeat:no-repeat; background-position:0 top; word-break:initial; word-wrap:break-word;} /* AGENDA LIE */ #agenda.bloc_col .contenu_bloc {padding:0; background:transparent;} .bloc_col .list_item {margin:0;} #page .bloc_col .list_item .img img {max-height:200%; max-width:105%;} /* BLOC KIOSQUE */ #kiosque.bloc_col .contenu_bloc {padding:0; background:transparent;} /* BLOC TEST IMAGE */ #content_page .csc-textpic .csc-textpicHeader > *:first-child, #content_page .csc-textpic > *:first-child {margin-top:0;} /* POUR ALLER PLUS LOIN */ #mise_en_avant.bloc_home .titre_bloc .bloc_home_title {font-size:3.2em;} #mise_en_avant.bloc_home .titre_bloc .bloc_home_title:after {background:transparent;} /********************************************************************************/ /********************************** PAGE LISTE **********************************/ /********************************************************************************/ #menu_anchor {height:15px;background:#fff;} #page.list #main {padding-top:150px;} #page.list #head_page {padding-bottom:50px;} #page.list #content_page {padding-bottom:0;} #page.list #content_page > .wrap > .btn_container {margin-bottom:35px;} #page.list #content_page > .wrap > .btn_container a {border:0 !important;} /* Moteur */ #wrap_moteur #moteur.is-stuck {background:#fff;z-index:1;padding-top:8.1em;} #wrap_moteur #moteur.is-stuck #line_tools_moteur {background:#f8f8f8;position:relative;z-index:4;} #wrap_moteur #moteur::before {position:absolute;left:0;width:100%;content:"";background:#f8f8f8;z-index:2;top:0; height:100%;} #wrap_moteur #moteur.is-stuck::before {top:80px;height:calc(100% - 80px);} #moteur {background:#f8f8f8;width:100%;} #line_tools_moteur {padding:42px 0;max-width:1120px !important;position:relative;z-index:2;} #line_tools_moteur.is-stuck.is-at-top {left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);} #line_tools_moteur p {padding:0; margin-bottom:0;font-family:'poppins_regular',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1em;} #line_tools_moteur p.btn_lien a {padding:8px 35px 8px 20px;color:#363636; font-family:"roboto_regular",Arial,Verdana,sans-serif;display:inline-block;width:260px;position:relative;background-image:none;} /* #28134 #line_tools_moteur p.btn_lien a.open, #line_tools_moteur p.btn_lien a:hover, #line_tools_moteur p.btn_lien a:focus*/ #line_tools_moteur p.btn_lien a:hover {color:#fff;} /* #28134 #line_tools_moteur p.btn_lien a:hover, #line_tools_moteur p.btn_lien a:focus*/ #line_tools_moteur p.btn_lien a:hover {opacity:0.7;} #line_tools_moteur p.btn_lien a::before {display:none;} #line_tools_moteur p.btn_lien a::after {position:absolute;right:7.5px;height:23px; width:23px;top:7.5px;} /* #28134 #line_tools_moteur p.btn_lien a.open::after, #line_tools_moteur p.btn_lien a:hover::after, #line_tools_moteur p.btn_lien a:focus::after*/ #line_tools_moteur p.btn_lien a:hover::after {filter:brightness(100);-webkit-filter:brightness(100);-moz-filter:brightness(100);-o-filter:brightness(100);-ms-filter:brightness(100);} /*Nombre de resulats*/ #line_tools_moteur p.nb_result span {font-family:'roboto_medium',Arial,Verdana,sans-serif;font-size:1.4em;line-height:1em;margin-right:10px;} /* Filtres */ #filters {width:371px;z-index: 9999;} /* #43338 */ #page.list #filters {z-index:inherit;} /* #43338 */ #page.list #list_items {height:100%;} /* #43338 */ #filters_anchor_top, #bottom-anchor {transform:translateY(-20.2rem);} /* #43338 */ #filters .is-stuck {margin-top:20.2rem !important;} /* #43338 */ #filters .is-anchored.is-at-bottom {transform:translateY(20.2rem);} #filters .wrap_filters {box-shadow:-2px 5px 15px 0px rgba(0,0,0,0.45);padding:20px 37px;width:371px;background-color:#fff; position:relative;} #content_anchor.mapfullwidth #filters .wrap_filters {position:absolute;right:-9px;} #filters .wrap_filters button {top:8px;} #content_anchor.mapfullwidth #filters .wrap_filters button {top:8px;right:0;left:inherit;} #filters .wrap_filters button span {font-family:'poppins_semibold',Arial,Verdana,sans-serif;font-size:1.8em;line-height:1.2em;} #filters legend {font-family:'poppins_semibold',Arial,Verdana,sans-serif;font-size:2em;line-height:1.2em;color:#363636;position:relative;padding-bottom:10px;} #filters legend:after {content:''; width:35px; height:3px; position:absolute; left:0; bottom:0; display:block;} #filters legend.label:after {display:none;} #filters .ligne_form {clear:none;float:none;} /*gestion champs date*/ #filters .ligne_form.date {margin:0;} #filters .ligne_form.open_date {padding-bottom:80px;position:relative;} #filters .ligne_form.open_date .ligne_form.date {position:absolute; width:100%; left:0; padding:23px 0 0 0;top:57px;} #filters .ligne_form.open_date.padding {padding-bottom:60px;} #filters .ligne_form.open_date.padding .ligne_form.date .ligne_form {margin-bottom:0;} #filters .ligne_form.open_date.padding .ligne_form.date {top:inherit;} #filters .ligne_form.date > .ligne_form {position:relative;margin:0 -1rem;} #filters .ligne_form.date .input-group {overflow:hidden;} #filters .fi-calendar {font-size:2em; padding:5px 10px; height:50px; display:none;} #filters .fi-calendar:before {color:#eb0032;} /*gestion champs checkbox tag*/ #filters .input-group-label.type {display:block; height:auto; background-color:transparent; cursor:default; text-align:left;} #filters .input-group .shrink {padding:0 5px 0 0;} #filters .input-group label {font-size:1.6em;padding:3px 6px;margin: 0 0 2px 0;color:#000000;font-family:'roboto_medium',Arial,Verdana,sans-serif;} #filters .input-group label span {font-family:'roboto_medium',Arial,Verdana,sans-serif;padding-left:5px;} #filters .input-group input[type="checkbox"], #filters .input-group input[type="checkbox"]:checked {position:absolute; left:-9999em;} #filters .input-group .border.tag label, #filters .input-group .border.tag label:hover, #filters .input-group .border.tag label:focus{-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} /* btn geoloc / assmat */ #geoloc_button {width:100%; font-size:1.6em; padding:7px 20px 7px 30px; text-align:left; color:#000000; font-family:'roboto_medium',Arial,Verdana,sans-serif; background-color:transparent;} /* popin de geoloc */ #geolocModal .titre_bloc {margin-bottom:30px;} #geolocModal .content {height:400px;} #map_tools {width:80%; background:rgba(255,255,255,0.5); padding:30px;} #map_tools #geolocButton {background:url(../img/picto_geolocalisation.png) no-repeat center center #f6951d; width:50px; height:50px; float:none; border:1px solid #f6951d;} #map_tools p {margin-top:15px; margin-bottom:0; font-size:1.6em;} #map_tools .row .columns:not(.shrink) {display:flex;} #map_tools #itineraire {margin-top:0;} #map_tools #itineraire button {height:100%; width:4rem; cursor:pointer;} /* chart pizza - projets de mandat */ #filters .zone_charts .input-group > .columns {padding:0;} #content_page #filters .zone_charts .input-group ul, #content_page_popin #filters .zone_charts .input-group ul {margin:0; padding:0;} #content_page #filters .zone_charts .input-group ul li, #content_page_popin #filters .zone_charts .input-group ul li {list-style-image:none; font-size:1.6em;} #filters .zone_charts .input-group label {position:relative; padding:0 10px 12px 23px; margin:0; border:0; color:#000; font-size:1em;} #filters .zone_charts .input-group label::before {content:""; display:block; width:18px; height:18px; position:absolute; left:0; top:0;} #filters .zone_charts .input-group label.pizza_check::after {content:"✖"; display:block; width:18px; height:18px; position:absolute; left:0; top:0; text-align:center; color:#fff;} #filters .zone_charts .input-group .columns.shrink label.etat_1::before {background:#8cc63e;} #filters .zone_charts .input-group .columns.shrink label.etat_2::before {background:#f5951d;} #filters .zone_charts .input-group .columns.shrink label.etat_3::before {background:#92278f;} #filters .zone_charts .input-group .columns.shrink label.etat_4::before {background:#c6c6c6;} /* pizza */ .zone_charts svg {min-height:400px;} .zone_charts svg text {font-size:1.5em; opacity:1 !important;} /*#pie {max-width: 280px;}*/ #pie svg g[data-id="g0"] path {fill:#8cc63e !important;} #pie svg g[data-id="g1"] path {fill:#f5951d !important;} #pie svg g[data-id="g2"] path {fill:#92278f !important;} #pie svg g[data-id="g3"] path {fill:#c6c6c6 !important;} /*submit + reset filtres*/ #filters .ligne_form.btn_submit {padding-top:0;} #filters input[type="submit"] {float:none;position:relative;border:0;} #filters input[type="submit"]:after {content:url(../img/bg_submit.png);} #reset_search_popin {text-align:right;margin-top:15px; margin-bottom:15px;} #reset_search_popin a {border-bottom:1px solid #000 !important;padding:0 0 0 30px!important;background:url(../img/bg_reset.png) left center no-repeat;} #reset_search_popin a:before {display:none;} #reset_search_popin a:hover, #reset_search_popin a:focus {background:url(../img/bg_reset.png) left center no-repeat !important;} button#reset_search_popin {border-color:transparent; color:#000000; font-size:1.6em; background:url(../img/bg_close.png) no-repeat 0 center; padding:5px 0 5px 20px;} button#reset_search_popin:hover, button#reset_search_popin:focus {background-position:5px center;} /* Map */ #content_anchor.loading, #content_anchor.loading .wrap_result, #content_anchor.mapfullwidth {max-width:100%;margin-top:0;margin-bottom:0;padding-right:0; padding-left:0;} #content_anchor.mapfullwidth .wrap_result {max-width:100%;position:relative;} #content_anchor.mapfullwidth #filters {position:absolute;top:0; right:0;} #content_anchor.mapfullwidth #filters .sticky {right:0;} #second_display a:after {display:none !important;} #zone_map {max-width:100%; min-height:780px;} /* Map en pleine largeur */ #second_display.map_only #zone_map {height:400px; overflow:hidden; position:relative;} #col_left #second_display {margin-bottom:30px;} /*** GEOLOC DANS PAGES LISTE - ZONE MAP #44498 ***/ /* Barre de recherche */ #map_search.osm_map .ol-geocoder.gcd-txt-container {top:15rem; width:40rem; height:auto; left:1rem;} #map_search.osm_map .ol-geocoder .gcd-txt-control {min-height:7rem; height:auto; background-color:rgba(255,255,255,0.85); box-shadow:0 0 10px 0 rgba(0,0,0,0.25);} #map_search.osm_map .ol-geocoder .gcd-txt-input {font-size:1.4em; padding-left:4.5rem; height:7rem;} #map_search.osm_map .ol-geocoder .gcd-txt-glass {width:4rem; height:100%; left:2.5px; background-size:2rem; height:7rem;} #map_search.osm_map .ol-geocoder .gcd-txt-reset {width:4rem;} /* Liste autocompletion */ #map_search.osm_map .ol-geocoder ul.gcd-txt-result {padding:0; width:calc(100% - 2px); top:100%; left:1px; background:none; border-radius:0; max-height:30rem; box-shadow:0 0 10px 0 rgba(0,0,0,0.25)} #map_search.osm_map .ol-geocoder ul.gcd-txt-result li {font-size:1.4em; line-height:1; background-color:rgba(255,255,255,0.9); border-bottom:1px solid #ddd;} #map_search.osm_map .ol-geocoder ul.gcd-txt-result li:nth-child(even) {background-color:rgba(250,250,250,0.9);} #map_search.osm_map .ol-geocoder ul.gcd-txt-result li:hover {background-color:rgba(240,240,240,0.9);} #map_search.osm_map .ol-geocoder ul.gcd-txt-result li a {padding:1.5rem; display:block; font-size:1em;} #map_search.osm_map .ol-geocoder ul.gcd-txt-result li a span {display:inline-block; font-size:1em; line-height:1.2;} /* GEOLOC */ #map_search.osm_map .ol-geocoder .gcd-txt-control {padding-right:5rem;} #map_search.osm_map .ol-geocoder .gcd-txt-input {max-width:calc(100% - 5rem);} #map_search.osm_map .ol-geocoder .gcd-txt-reset {right:5rem; height:7rem;} #map_search.osm_map #geolocButton {background:url(../img/picto_geolocalisation.png) no-repeat center center #f6951d; width:5rem; height:100%; height:7rem; float:none; border:1px solid #f6951d; position:absolute; right:0; text-indent:-99999em; z-index:5;} #map_search.osm_map #geolocButton:hover, #map_search.osm_map #geolocButton:focus {border:1px solid #000000;} /* RESET */ #map_search.osm_map .ol-geocoder .gcd-txt-control::before {content:""; display:block; position:absolute; top:7rem; left:0; width:100%; height:0.1rem; background:#000;} #map_search.osm_map #resetButton {color:#000; font-size:1.4em; line-height:1.2; border:0; padding:0.5rem 0 0.5rem 3.5rem; background:url(../img/bg_reset.png) left center no-repeat; display:block; margin:8rem 0 1rem 1.7rem; width:auto; box-sizing:border-box;} #map_search.osm_map #resetButton a:hover, #map_search.osm_map #resetButton a:focus {background:url(../img/bg_reset.png) left center no-repeat !important;} /* MESSAGE PAS DE RESULTATS */ #map_search.osm_map .ol-geocoder .gcd-txt-control p {font-size:1.4em; padding:0 0 0 5rem;} @media screen and (max-width:39.9375em) { #map_search.osm_map .ol-geocoder.gcd-txt-container {top:inherit; bottom:5rem;} } /* Resultats */ .wrap_result {position:relative;} #zone_results {position:relative; padding-bottom:40px;} #content_anchor {margin-top:20px; margin-bottom:60px;} /* Item generique */ /* Item ville */ .list_item {margin-bottom:20px;} .list_item.ville a {border-color:#f8931f !important;} .list_item.ville a:hover .txt, .list_item.ville a:focus .txt {box-shadow: inset 0 0 0 4px #f6951d !important;} .list_item.ville .type::after {background:#f6951d !important;} /* Item agglo */ .list_item.agglo a {border-color:#324091 !important;} .list_item.agglo a:hover .txt, .list_item.agglo a:focus .txt {box-shadow: inset 0 0 0 4px #324091 !important;} .list_item.agglo .type::after {background:#324091 !important;} #page #content_page .list_item {min-height:330px;} #zone_results .list_item {margin-bottom:0; margin-top:20px;} #page.list #first_display .list_item:nth-child(1), #page.list #first_display .list_item:nth-child(2), #page.list #first_display .list_item:nth-child(3), #page.list #first_display .list_item:nth-child(3), #page.list #first_display.large-12 .list_item:nth-child(4) {margin-top:0;} .list_item {margin-bottom:20px;} .list_item > a, #content_page .list_item > a, #content_page_popin .list_item > a, .list_item > .link {display:block; position:relative; background:#fff; height:100%; padding-left:0 !important; padding-right:0 !important;} .list_item.bandeau_item > a, #content_page .list_item.bandeau_item > a, #content_page_popin .list_item.bandeau_item > a, .list_item.bandeau_item.bandeau_portrait > .link {padding-bottom:50px; border:0;} .list_item > a:hover, .list_item > a:focus, #content_page .list_item > a:hover, #content_page .list_item > a:focus, #content_page_popin .list_item > a:hover, #content_page_popin .list_item > a:focus, .list_item > .link:hover, .list_item > .link:focus, #content_page .list_item > .link:hover, #content_page .list_item > .link:focus, #content_page_popin .list_item > .link:hover, #content_page_popin .list_item > .link:focus {box-shadow:2px 5px 15px 0 rgba(0,0,0,0.45); color:#000;} .list_item a::after {display:none !important;} .list_item .gradient { background:-moz-linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.5) 100%,rgba(0,0,0,0.9)); background:-webkit-gradient(to bottom,transparent 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.5) 100%,rgba(0,0,0,0.9)); background:-webkit-linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.5) 100%,rgba(0,0,0,0.9)); background:-o-linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.5) 100%,rgba(0,0,0,0.9)); background:-ms-linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.5) 100%,rgba(0,0,0,0.9)); background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.5) 100%,rgba(0,0,0,0.9)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent',endColorstr='#000',GradientType=0); width:100%; position:absolute; bottom:0; left:0; height:100%;} /* Image */ .list_item .img {display:block;} .list_item .img img {width:100%;} #page #content_page .list_item .img,#content_page_popin .list_item .img, #home #agenda .list_item .img {display:block; width:100%; height:100%; min-height:280px; position:relative; overflow:hidden;} #page #content_page .list_item .img img,#content_page_popin .list_item .img img, #home #agenda .list_item .img img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); min-height:100%; min-width:100%; height:auto; width:auto; max-height:150%; max-width:180%; -webkit-backface-visibility:hidden; backface-visibility:hidden;} /* Portrait */ .list_item.bandeau_portrait .img img {max-height:100%; max-width:initial; min-width:initial;} .list_item.bandeau_item .gradient {bottom:50px; height:calc(100% - 50px);} .list_item.bandeau_item:hover .gradient, .list_item.bandeau_item > a:hover .gradient, .list_item.bandeau_item > a:focus .gradient {display:none;} /* Zone texte */ /*pour item classique sans img > ex. ASSOCIATION*/ .list_item .txt {position:relative; padding:25px 15px 50px 15px; height:100%; width:100%;} /*pour bandeau item avec img > ex. AGENDA*/ .list_item.bandeau_item .txt {position:absolute; bottom:0; right:0; padding:15px 18px 0 18px; height:auto;} .list_item.bandeau_item:hover .txt, .list_item.bandeau_item > a:hover .txt, .list_item.bandeau_item > a:focus .txt {height:100%;} /* Dates */ .date, .list_item .date {padding:16px 0; position:absolute; bottom:0; height:50px; display:flex; flex-direction:column; justify-content:center;} .list_item:hover .date, .list_item > a:hover .date, .list_item > a:focus .date {position:relative;} .date p {margin-bottom:0; font-family:"poppins_regular",Arial,Verdana,sans-serif;} .date .contain span {color:#000000; font-family:"poppins_regular",Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.2em;} .date span.enddate {position:relative;padding-left:20px;} .date span.enddate::before {content:"/";display:block;position:absolute;left:5px;top:5px;font-family: 'poppins_regular',Arial,Verdana,sans-serif;font-size:1em;line-height:1em;} /* Titre */ .list_item .titre, #content_page .list_item .titre, #content_page_popin .list_item .titre,#page.carto_dechets #popup.ol-popup p.titre {line-height:1.2em; margin:0;font-family:"poppins_semibold",Arial,Verdana,sans-serif; font-size:2em; color:#000;position:relative;padding-bottom:25px;} .list_item .titre a, #content_page .list_item .titre a, #content_page_popin .list_item .titre a {color:#000; font-family:"poppins_semibold",Arial,Verdana,sans-serif; font-size:1em;} .list_item .titre::before {content:'';width:60px;height:2px;position:absolute;left:0;bottom:15px;background:#000;} /*pr item bandeau*/ .list_item.bandeau_item .thumb-title {padding-bottom:50px;position:relative;} .list_item.bandeau_item .titre, #content_page .list_item.bandeau_item .titre, #content_page_popin .list_item.bandeau_item .titre, .list_item.bandeau_item .titre a, #content_page .list_item.bandeau_item .titre a, #content_page_popin .list_item.bandeau_item .titre a {color:#fff;} .list_item.bandeau_item:hover *, .list_item.bandeau_item > a:hover *, .list_item.bandeau_item > a:focus * {color:#000 !important;} .list_item.bandeau_item .titre::before {background:#fff;} .list_item.bandeau_item .titre {text-shadow:0 0 20px rgba(0,0,0,0.8);} .list_item.bandeau_item:hover .titre, .list_item.bandeau_item > a:hover .titre, .list_item.bandeau_item > a:focus .titre {text-shadow:none;} /* Description */ .list_item .thumb-desc {display:block; height:0; overflow:hidden; position:relative;} .list_item:hover .thumb-title .thumb-desc, .list_item > a:hover .thumb-title .thumb-desc, .list_item > a:focus .thumb-title .thumb-desc {height:auto;} .list_item .thumb-desc p {font-family:"roboto_regular",Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.4em; margin-bottom:0; color:#000;} /* Lieu */ .list_item .lieu {margin-top:0.5rem !important; margin-bottom:0.5rem !important;} .list_item.bandeau_item .lieu {color:#ffffff;} /* Categorie */ .cat, .list_item .cat {color:#000000; font-family:"poppins_regular",Arial,Verdana,sans-serif;} .list_item.bandeau_item .cat {color:#ffffff;} /* Lire la suite */ .list_item .read_more {display: none; padding:14px 20px 14px 20px;right: 0;bottom:0;} .list_item:hover .read_more, .list_item > a:hover .read_more, .list_item > a:focus .read_more {display: block;} /* Ajout aux favoris - zone bottom : elements clicables (btns ou liens) */ .list_item .zone_bottom {bottom:-50px; left:0; height:0; width:0; overflow:hidden;} .list_item .zone_bottom .btn_ajout_agenda {display:block; text-indent:-999em;background:url(../img/btn_add_calendar.png) center center no-repeat; width: 24px; height: 24px;cursor: pointer;border:0 !important;} .list_item:hover .zone_bottom, .list_item > a:hover + .zone_bottom, .list_item > a:focus + .zone_bottom {bottom:0; padding:13px 20px 14px 28px; height:auto; width:auto;} .list_item .zone_bottom button {text-indent:-999em; background:url(../img/btn_add_calendar.png) center center no-repeat; width:24px; height:24px; cursor:pointer;} .list_item .zone_bottom button:hover, .list_item .zone_bottom button:focus {opacity:0.7;} .list_item .zone_bottom p.gg_link {font-size:1.6em; line-height:1.4em; margin:0; padding:0 10px 0 2px; text-align:right;} .list_item .zone_bottom p.gg_link a, #content_page .list_item .zone_bottom p.gg_link a, #content_page_popin .list_item .zone_bottom p.gg_link a {background:transparent url(../img/ville/picto_gg_link.png) no-repeat right center; border:0; font-family:"poppins_medium",Arial,Verdana,sans-serif; padding-right:35px;} .list_item .zone_bottom p.gg_link a:hover, .list_item .zone_bottom p.gg_link a:focus {opacity:0.7;} /* Items commune */ .list_item.commune .zone_bottom {width:100%;} .list_item.commune:hover .zone_bottom, .list_item.commune > a:hover + .zone_bottom, .list_item.commune > a:focus + .zone_bottom {bottom:50px; width:100%;} /* Items elu */ .list_item.elu .date p {margin-bottom:0; font-family:"poppins_regular",Arial,Verdana,sans-serif; font-size:1.5em; line-height:1.2em;} /* Items kiosque */ .list_item.kiosque .read_more {width:100%;} .list_item.kiosque .read_more p.btn_lien {text-align:right;} .list_item.kiosque .read_more p.btn_lien.feuilleter {margin-top:25px;} .list_item.kiosque .read_more p.btn_lien a {display:block;} /* Items projets de mandat */ .list_item.projet_mandat p {margin-bottom:0;} .list_item.projet_mandat p span[class^="etat_"], #content_page_popin span[class^="etat_"] {line-height:2; padding:0.25rem 0.5rem;} .list_item.projet_mandat p span.etat_1, #content_page_popin span.etat_1, #content_page span.etat_1 {background-color:#8cc63e; color:#fff;} .list_item.projet_mandat p span.etat_2, #content_page_popin span.etat_2, #content_page span.etat_2 {background-color:#f5951d; color:#fff;} .list_item.projet_mandat p span.etat_3, #content_page_popin span.etat_3, #content_page span.etat_3 {background-color:#92278f; color:#fff;} .list_item.projet_mandat p span.etat_4, #content_page_popin span.etat_4, #content_page span.etat_4 {background-color:#c6c6c6;} #content_page .list_item.projet_mandat ul, #content_page_popin .list_item.projet_mandat ul {margin:0; padding:25px 0 0 18px;} /* Items recherche generale */ .list_item .redMarkup, .list_item .redMarkup * {font-family:'roboto_regular',Arial,Verdana,sans-serif !important; font-weight:normal; padding:0 2px;} .list_item .redMarkup, .list_item .redMarkup *, .list_item.bandeau_item:hover .redMarkup, .list_item.bandeau_item > a:hover .redMarkup, .list_item.bandeau_item > a:focus .redMarkup {background-color:#000000 !important; color:#ffffff !important;} /*NEW #27735 item recherche = item liste / on affiche les infos direct et pas au survol*/ #page #content_page .list_item.search {min-height:355px;} p.suggestion_mot_cle {margin-top:15px;} .list_item.search .type {font-size:1.1em; line-height:1.1em; margin-bottom:5px; position:relative; text-align:right;} .list_item.search .type::after {content:""; position:absolute; left:0; top:50%; background:#f6951d; width:100%; height:1px;} .type span {position:relative; z-index:2; background:#fff; display:inline-block; padding:3px 3px 3px 10px;} /*skin + visible au survol avec border*/ .list_item.search .txt {transition:box-shadow 0.3s ease-in-out;} .list_item.search > a:hover .txt, .list_item.search > a:focus .txt, #content_page .list_item.search > a:hover .txt, #content_page .list_item.search > a:focus .txt, #content_page_popin .list_item.search > a:hover .txt, #content_page_popin .list_item.search > a:focus .txt, .list_item.search > .link:hover .txt, .list_item.search > .link:focus .txt, #content_page .list_item.search > .link:hover .txt, #content_page .list_item.search > .link:focus .txt, #content_page_popin .list_item.search > .link:hover .txt, #content_page_popin .list_item.search > .link:focus .txt {box-shadow:inset 0 0 0 4px #f6951d;} #content_anchor.search_tpl {margin-bottom:0;} /********************************************************************************/ /***************************** PAGE DETAIL / POPIN ******************************/ /********************************************************************************/ /*BANDEAU IMAGE / TITRE*/ #bandeau_page_popin {background:#008f9e; margin-bottom:50px;} /* ARROWS NAV POPIN */ body.overflow #main {z-index:initial;} .wrap_arrow {width:30px; height:50px; position:fixed; top:0; text-align:center; z-index:200000000000000;cursor:pointer;} .arrows {display:block; width:30px; height:50px; text-indent:-99999em;} .to_right .arrows {background:url(../img/right_arrow.png) right center no-repeat;} .to_left .arrows {background:url(../img/left_arrow.png) left center no-repeat;} /* Slider image - Categorie*/ #cat_detail, #cat_detail_popin {margin-bottom:45px;} #cat_detail .cat, #cat_detail_popin .cat {color:#ea0032; font-family:"roboto_regular",Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.2em; display:inline-block; margin:0;} #slider_img, #slider_img_popin {margin:0 0 35px 0;} #slider_page, #slider_page_popin {position:relative; z-index:1;} #slider_page .slick_bandeau .slick-slide a, #slider_page_popin .slick_bandeau .slick-slide a {display:block; border:0; padding:0;} #content_page #slider_page .slick_bandeau .slick-dots, #content_page_popin #slider_page_popin .slick_bandeau .slick-dots {padding:0; margin:0;} #content_page #slider_page .slick_bandeau .slick-dots li, #content_page_popin #slider_page_popin .slick_bandeau .slick-dots li {padding:0;} .slick_bandeau .slick-dots li::before {display:none !important;} .slick_bandeau img {width:100%; height:auto;} .slick_bandeau figure {margin:0 !important;} /* SLIDER VIDEO */ .video_slider .contenu_bloc {overflow:hidden; position:relative; padding:0 90px; background:#fff;} .video_slider {margin:25px 0 50px 0; width:100%;} .video_slider .slick-slider {width:100%;} .video_slider .slick-slider .slick-list {width:100%;} .video_slider img {width:100%; height:auto;} .video_slider .slick-slider .slick-list, #video_pop .slick-slider .slick-list {background:#fff;} .video_slider .slick-track .slick-slide > a {padding:0 !important;display: block;border: 0 !important;} .video_slider .slick-slider, .video_slider .slick-slider .slick-track, .video_slider .slick-slider .slick-list, #video_pop .slick-slider, #video_pop .slick-slider .slick-track, #video_pop .slick-slider .slick-list {position:static;} .video_slider .slick-slider .slick-arrow, #video_pop .slick-slider .slick-arrow {position:absolute; top:0; height:100%; font-size:0; padding:0 31px;} #video_pop .slick-slider .slick-arrow {padding:0;} .video_slider .slick-slider .slick-arrow:hover, .video_slider .slick-slider .slick-arrow:focus {background:transparent;} .video_slider .slick-slider .slick-arrow, .video_slider .slick-slider .slick-arrow:hover, .video_slider .slick-slider .slick-arrow:focus, #video_pop .slick-slider .slick-arrow, #video_pop .slick-slider .slick-arrow:hover, #video_pop .slick-slider .slick-arrow:focus {-moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} .video_slider .slick-slider .slick-arrow.slick-prev {left:0;} .video_slider .slick-slider .slick-arrow.slick-next {right:0;} .video_slider .slick-slider .slick-arrow::before, #video_pop .slick-slider .slick-arrow::before {content:""; width:50px; height:50px; display:block; border-radius:50%; background-size:contain; border:2px solid #ffffff;} .video_slider .slick-slider .slick-arrow.slick-prev::before, #video_pop .slick-slider .slick-arrow.slick-prev::before {background-image:url(../img/diaporama_big_left_arrow.png);} .video_slider .slick-slider .slick-arrow.slick-next::before, #video_pop .slick-slider .slick-arrow.slick-next::before {background-image:url(../img/diaporama_big_right_arrow.png);} #content_page .video_slider .slider-nav .slick-slide img, #content_page_popin .video_slider .slider-nav .slick-slide img {border:2px solid transparent;} #content_page .video_slider .slider-nav .slick-slide:hover img, #content_page .video_slider .slider-nav .slick-slide:focus img, #content_page_popin .video_slider .slider-nav .slick-slide:hover img, #content_page_popin .video_slider .slider-nav .slick-slide:focus img {opacity:0.8;} #video_pop .slider-pop {position:relative;} #video_pop .slider-pop .bloc_video {margin-bottom:0;} #video_pop .slick-slider .slick-arrow.slick-prev {left:-55px;} #video_pop .slick-slider .slick-arrow.slick-next {right:-55px;} #video_pop .slick-slider .slick-list {background-color:#fff; position:relative; z-index:2;} /********************************************************************************/ /***************************** Moteur de recherche ******************************/ /********************************************************************************/ /* Moteur dans la page */ #elastic {padding:0; padding-left:20px;} #elastic .btn_input {width:100%; border-radius:5px; box-shadow:0 0 0 2px #c2c2c2; transition:none; background-color:#fff;} #elastic #main_search {padding:13px 55px 13px 15px; border-radius:0; box-shadow:none; transition:none; background-color:transparent;border: 0;} #elastic .btn_input button {right:0; top:0; height:100%; background:#fff url(../img/ville/picto_menu_loupe.png) no-repeat center center; display:block; width:55px; border-radius:0; text-indent:-9999em;} #elastic .btn_input button:hover, #elastic .btn_input button:focus {opacity:0.7;} #content_page #moteur.elastic #elastic .large-6 {padding:10px 5px;} #content_page #moteur.elastic #elastic .large-6 p {font-size:1.6em;} #content_page #moteur.elastic #elastic .large-6 p a {width:100%;} /* Filtres */ #filters.reveal {width: 100%;} #filters.reveal .ligne_form.open_date {position: relative;} #filters.reveal legend:after {left: 1rem;} #filters.reveal .ligne_form.btn_submit {border:0;padding-right: 1rem;} #filters.reveal input[type="submit"] {border: 1px solid #92278f;float: right;} /* Pagination */ #content_page .pagination {padding:0; margin:10px 0 50px 0;} #content_page .pagination li {padding:0; font-size:1.6em; line-height:1.6em;} #content_page .pagination a, #content_page .pagination li.current {border-radius:0; padding:2px 10px; color:#fff; border:0;} #content_page .pagination a {background:#f6f6f6; color:#000; font-family:'roboto_regular',Arial,Verdana,sans-serif;} #content_page .pagination li.current, #content_page .pagination a:hover, #content_page .pagination a:focus {color:#fff;} #content_page .pagination a, #content_page .pagination a:hover, #content_page .pagination a:focus {-moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} #content_page .pagination .pagination-previous {margin-right:20px;} #content_page .pagination .pagination-next {margin-left:20px;} #content_page .pagination li.current {color:#fff; background-color:#92278f;} #content_page .pagination a:hover, #content_page .pagination a:focus {color:#fff; background-color:#92278f;} #content_page .pagination li::before, #content_page .pagination li::after {display:none !important;} /********************************************************************************/ /******************************* CARTE INTERACTIVE ******************************/ /********************************************************************************/ /* OUVERTURE DES FILTRES POUSSE LA MAP */ #carto #zone_map #modal_window {z-index:2; -webkit-transition:padding 0.5s ease-in-out 0.1s; -moz-transition:padding 0.5s ease-in-out 0.1s; -o-transition:padding 0.5s ease-in-out 0.1s; transition:padding 0.5s ease-in-out 0.1s;} /*REMOVE CSS EFFECT */ #carto #zone_map {-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;} #carto #filters {z-index:3;} #carto #zone_map {background-color:#efefef;} #carto #filters, #carto #filters.open {-webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;} /* Container */ .off-canvas-wrapper.carto, .off-canvas-content.carto_tpl, .carto_tpl #main, .carto_tpl #content_page, .carto_tpl #carto {height:100%;} #carto #overlay_filters {z-index:2;} .carto_tpl {overflow:hidden;} .carto_tpl #main {position:initial; padding-bottom:0 !important;} .carto_tpl #global {height:100% !important;} .carto_tpl #content_page {padding:0;} .carto_tpl #carto {width:100%; height:700px; height:100%; overflow-x:hidden; overflow-y:hidden;} /* Header */ .carto_tpl #header {height:80px; width:240px;} .carto_tpl #header #data-sticky-header {width:240px; transform:none; -ms-transform:none; -webkit-transform:none; -moz-transform:none; -o-transform:none;} .carto_tpl #header #menu_scroll {width:240px;} /* Footer */ .carto_tpl #footer {margin-bottom:0; background:#ffffff; padding:10px 20px; position:absolute; left:263px; left:18.2rem; bottom:0; min-height:auto; width:auto;} .carto_tpl #footer::before {content:""; position:absolute; left:0; top:18px; width:5px; height:1px; background:#000000;} .carto_tpl #footer p {margin:0; color:#666666; font-family:"roboto_regular",Arial,Verdana,sans-serif; font-size:1.2em; line-height:1.2em;} .carto_tpl #footer a {font-family:'roboto_regular',Arial,Verdana,sans-serif; color:#000000;} .carto_tpl #footer a:hover, .carto_tpl #footer a:focus {color:#430743;} /* fil d'ariane */ .carto_tpl #bandeau_infos {position:absolute; bottom:0; left:0; padding:0; height:auto; z-index:50;} .carto_tpl #fil_ariane {margin-bottom:0; background:#ffffff; padding:10px 20px;} .carto_tpl #fil_ariane .breadcrumbs {padding:0;} .carto_tpl #fil_ariane .breadcrumbs li, .carto_tpl #fil_ariane .breadcrumbs li a, .carto_tpl #fil_ariane .breadcrumbs li:not(:last-child)::after {color:#000000;} /* Nombre de resultats */ #carto #carto_results {width:11em; height:11em; z-index:2; top:0; left:170px;} #carto #carto_results p {color:#fff; margin:0; font-size:1.6em; line-height:1.2em; padding:10px; text-align:center; box-sizing:border-box;} #carto #carto_results .nb {font-family:'roboto_bold',Arial,Verdana,sans-serif;} #carto #carto_results p a {color:#fff; font-size:0.9em; border:0; padding:0; display:inline-block; border-bottom:1px solid #ffffff; padding:0 0 0 21px; margin-top:10px; font-family:'roboto_regular',Arial,Verdana,sans-serif;} #carto #carto_results p a:hover, #carto #carto_results p a:focus {background-color:transparent;} #carto #carto_results .no_results {font-size:1em;} #carto #carto_results .filtrer {background:url(../img/btn_show_filters_cartotpl.png) no-repeat left center;} #carto #carto_results .reinit {background:url(../img/btn_reset_filters_cartotpl.png) no-repeat left center; padding:0 0 0 15px;} /* Filtres */ #carto .wrap_map {height:100%; z-index:2; padding-left:17em;} #carto #filters {height:100%; width:50em; right:-33em; z-index:2;} #carto #filters.open {right:0;} #carto #map_filters {width:17em; height:100%; left:0; overflow-y:auto;} #carto #map_filters .tabs {padding:0; margin:0; border:0; background:transparent; height:100%;} #carto #map_filters .tabs-title {padding:0; margin:0; font-size:1.4em; line-height:1.1em; text-align:center; min-height:100px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;} #content_page #carto ul li:after, #content_page #carto ul li:before {display:none !important;} #carto #map_filters .tabs-title a {width:100%; height:100%; padding:10px 5px; color:#000000; font-family:'roboto_regular',Arial,Verdana,sans-serif; font-size:1em; line-height:1.1em; text-align:center; position:relative; opacity:1 !important; border:0; flex-direction:column; justify-content:center; display:-webkit-flex; display:-ms-flexbox; display:flex;} #carto #map_filters .tabs-title a span {display:block; margin:0 auto; color:#fff; line-height:1.4em;} #carto #map_filters .tabs-title a span.bg_img {width:50px; height:50px; margin-bottom:5px; background-color:#fff; border-radius:50%; position:relative;} #carto #map_filters .tabs-title a span.img {width:100%; height:100%; background-position:center center; background-repeat:no-repeat; position:absolute; top:0; left:0; filter:brightness(0); transition:0.3s ease;} /* indication presence de filtres actifs */ #carto #map_filters .tabs-title a span.bg_img.has_filtres_actifs::before {content:""; display:block; width:12px; height:12px; border-radius:50%; position:absolute; top:-3px; right:3px;} /* survol des entrees */ #carto #map_filters .tabs-title:hover a span.img, #carto #map_filters .tabs-title.is-active a span.img {filter:brightness(1);} /* Btn "Tout afficher" / "Tout effacer" */ #content_page #carto .display_all {font-size:1.4em; line-height:1em; margin:0;} #content_page #carto .display_all a {padding:2px 3px 2px 25px; margin-bottom:25px; border-bottom:1px solid #000000; color:#000000; font-family:'roboto_regular',Arial,Verdana,sans-serif; display:inline-block; line-height:22px;} #content_page #carto .display_all a.clic_will_show_all {background:url(../img/btn_show_all_cartotpl.png) no-repeat left center;} #content_page #carto .display_all a.clic_will_erase_all {background:url(../img/btn_hide_all_cartotpl.png) no-repeat left center;} /* Btn close panneau filters */ .close_map_filters {background-color:transparent; padding:0;} .close_map_filters span {font-size:3.3em; line-height:4rem; font-family:'roboto_bold',Arial,Verdana,sans-serif; display:block;} /* Form */ /* formulaire global */ #carto .tabs-content {height:100%; overflow-y:auto; background:#ffffff !important; padding:90px 20px 20px 20px; border:0;} /* fieldset niveau 1 */ #carto .tabs-content .tabs-panel {padding:0;} /* wrap label + champs */ #carto #filters .ligne_form {position:relative; margin-bottom:0; margin-top:35px;} #carto #filters .tabs-panel .ligne_form:first-of-type {margin-top:0;} #carto #filters .type.input-group-label:after {display:none;} /* champs date */ #carto #filters .date {right: inherit;top: inherit;} #carto #filters .date, #carto #filters .tabs-panel .ligne_form:first-of-type.date {margin-top:15px; padding:0;} #carto #filters .ligne_form.open_date {padding-bottom:0;} #carto #filters .ligne_form.date > .ligne_form {margin-right:0; margin-left:0;} #carto #filters .date .row .medium-6 {-webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding:0; margin-top:15px;} #carto #filters .date .row .medium-6:first-child {margin-top:0;} #carto #filters .date span.input-group-label {padding:0; background-color:#e1e1e1;} #carto #filters .date label {font-size:1.4em;} /* checkbox tag */ #carto #filters .input-group fieldset {width:100%;} #carto #filters .input-group label {margin:0 5px 5px 0; font-size:1.3em;} #carto #filters .input-group input[type="checkbox"], #carto #filters .input-group input[type="checkbox"]:checked {position:absolute; left:-9999px;} /* btn submit */ #carto #filters .ligne_form.btn_submit {text-indent:-9999em; position:absolute;} /* Map */ #carto #zone_map {height:100%; width:100%; padding-right:17rem; -webkit-transition: all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; -webkit-transition:padding 0.5s ease-in-out 0.1s; -moz-transition:padding 0.5s ease-in-out 0.1s; -o-transition:padding 0.5s ease-in-out 0.1s; transition:padding 0.5s ease-in-out 0.1s;} #carto #zone_map.open {padding-right:50rem;} #carto #zone_map.pushed, #carto #zone_map.pushed #modal_window {padding-right:50rem;} #carto #filters {-webkit-transition:right 0.5s ease-in-out 0.1s; -moz-transition:right 0.5s ease-in-out 0.1s; -o-transition:right 0.5s ease-in-out 0.1s; transition:right 0.5s ease-in-out 0.1s;} #content_page #zone_map a {height:100%; width:100%;} #content_page #zone_map a::after {display:none;} #content_page #zone_map a:hover, #content_page #zone_map a:focus {background-color:transparent;} /* Modal */ #content_page #modal_window {position:absolute; top:0; left:0; width:100%; height:100%; display:block;} #content_page #modal_window .list_item {margin:0 auto; max-height:100%; width:370px; border:0; height:100%;} #content_page #modal_window .list_item .item_default {transform:translate(0, -198px); -ms-transform:translate(0, -198px); -webkit-transform:translate(0, -198px); -moz-transform:translate(0, -198px); -o-transform:translate(0, -198px); top:50%;} #content_page #modal_window .list_item .img {background-color:#282828;} #content_page #modal_window .list_item .img a {display:block; border:0; padding:0;} #content_page #modal_window .list_item .txt {height:220px; overflow-y:auto; padding-top:25px; border-top:0; padding-bottom:0;} #content_page #modal_window .list_item .txt .thumb-title {padding-bottom:60px; margin-bottom:35px;} #content_page #modal_window .list_item .titre a {text-transform:none;} #content_page #modal_window .list_item .btn_all {padding:0; bottom:0;} #content_page #modal_window .list_item .btn_all a:hover, #content_page #modal_window .list_item .btn_all a:focus {background-color:#efefef;} #content_page #modal_window .list_item .close-button {background:#d81129; right:0; top:0; border-radius:0;} #content_page #modal_window .list_item .close-button span {color:#fff; font-size:2em; font-family:"roboto_light",Arial,Verdana,sans-serif;} /* Modal carto */ #modal_window.carto_tpl {max-width:425px; overflow-y:auto; background:transparent; padding:0;} #modal_window.carto_tpl .list_item {margin:0 auto; border:0;} #modal_window.carto_tpl .list_item .cat {color:#000;} #modal_window.carto_tpl .list_item .item_default {position:relative; background:#ffffff;} #modal_window.carto_tpl .list_item .img {height:230px; display:block; width:100%; height:100%; min-height:280px; position:relative; overflow:hidden;} #modal_window.carto_tpl .list_item .img a {display:block; border:0; padding:0;} #modal_window.carto_tpl .list_item .img img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); min-height:100%; min-width:100%; height:auto; width:auto; max-width:100%; max-height:160%; -webkit-backface-visibility:hidden; backface-visibility:hidden;} #modal_window.carto_tpl .list_item .img.default img {min-width: initial;} #modal_window.carto_tpl .list_item .txt {height:auto; min-height:initial; max-height:initial; overflow-y:initial; position:relative; padding:25px; background:transparent !important;} #modal_window.carto_tpl .list_item .txt .thumb-title {padding:0; margin:0;} #modal_window.carto_tpl .list_item .txt .thumb-title .titre {text-shadow:none; color:#000000; padding-bottom:0;} #modal_window.carto_tpl .list_item .txt .thumb-title .titre::before {display:none;} #modal_window.carto_tpl .list_item .txt .date {position:relative} #modal_window.carto_tpl .list_item .thumb-title .thumb-desc {height:auto; padding-top:14px; -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -moz-transition:none; -o-transition:none; -webkit-transition:none; transition:none} #modal_window.carto_tpl .list_item .thumb-desc p {padding-bottom:7px;} #modal_window.carto_tpl .btn_lien {height: auto;} #modal_window.carto_tpl .btn_lien a {width:auto;} #modal_window.carto_tpl .bandeau_item .triangle_item {top:-49px;} /*#27492 1.2.2*/ /*#modal_window.carto_tpl .list_item .wrap_cat {display:none;}*/ #modal_window.carto_tpl .list_item .close-button span {color:#fff !important; font-size:2em; line-height:4rem;} /******************************************************************************************************************/ /******************************************************************************************************************/ /************************************************ MODULES *********************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /********************************************************************************/ /********************************** Cookies *************************************/ /********************************************************************************/ #cookie_msg {margin:0; width:100%; bottom:0; z-index:1005;} #cookie_msg.callout {border:0; padding:15px 70px 15px 20px; border-radius:0;} #cookie_msg.callout p {color:#ffffff; font-size:1.4em; line-height:1.3em; margin-bottom:0;} #cookie_msg.callout a {color:#ffffff; padding:0 2px; border-bottom:1px solid #ffffff;} #cookie_msg.callout a:hover, #cookie_msg.callout a:focus {opacity:0.7;} #cookie_msg.callout .close-button {font-size:3.7rem; right:0; top:0; height:100%; width:50px; overflow:hidden;} #cookie_msg.callout .close-button:hover, #cookie_msg.callout .close-button:focus {background:rgba(0,0,0,0.2);} #cookie_msg.callout .close-button span {font-size:inherit; color:#ffffff;} /********************************************************************************/ /********************************* Plan du site *********************************/ /********************************************************************************/ #content_page .csc-sitemap ul {padding:0 0 0 20px; margin:0;} #content_page .csc-sitemap li {margin:0 0 15px 0; list-style-image:none; font-size:2.3em; line-height:1.5em;} #content_page .csc-sitemap li::before, #content_page .csc-sitemap li::after {display:none;} #content_page .csc-sitemap li a {text-transform:uppercase; border:0; font-weight:normal; font-family:'roboto_regular',Arial,Verdana,sans-serif;} #content_page .csc-sitemap li ul {padding:0 0 0 20px; margin:15px 0 15px 0;} #content_page .csc-sitemap li li {font-size:0.7em; line-height:0.9em; margin:0 0 15px 0; background:none; padding:0;} #content_page .csc-sitemap li li a {text-transform:none; font-weight:normal; font-family:'roboto_medium',Arial,Verdana,sans-serif;} #content_page .csc-sitemap li ul ul {border-left-width:2px; border-style:solid; padding:0 0 0 14px; margin:15px 0 15px 15px;} #content_page .csc-sitemap li li li {background:none; padding:0; font-size:0.9em; line-height:1em;} #content_page .csc-sitemap li li li a {font-family:'roboto_regular',Arial,Verdana,sans-serif;} /********************************************************************************/ /********************************** Fil rouge ***********************************/ /********************************************************************************/ #btn_fil_rouge {top:180px !important; left:initial; right:0; z-index:9999; width:80px; height:80px; padding:0; background-image:url(../img/picto_alerte.png); background-position:center center; background-repeat:no-repeat; transition:0.15s linear; cursor:pointer;} #home #btn_fil_rouge {top:0 !important;} #btn_fil_rouge:before {content:''; position:absolute; bottom:0; right:0; background:rgba(0,0,0,0.1); width:0; height:100%; transition:0.15s linear;} #btn_fil_rouge:hover, #btn_fil_rouge:focus {box-shadow:0 0 5px 0 #000;} #btn_fil_rouge:hover:before {width:100%; height:100%; left:0; right:0; top:0; bottom:0;} #popin_fil_rouge {padding:5px 17px 15px 17px; overflow:hidden; width:560px;} #popin_fil_rouge .close-button {top:10px;} #popin_fil_rouge .bloc_home_title {margin-bottom:50px; font-size:3em; letter-spacing:0;} #popin_fil_rouge .bloc_home_title:after {top:calc(100% + 6px);} #popin_fil_rouge .content {transition:0.3s ease; padding:5px; margin:15px 0;} #popin_fil_rouge .content .title_flash {font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-size:2.5em; margin-bottom:5px;} #popin_fil_rouge .content p {font-family:'poppins_regular',Arial,Verdana,sans-serif; padding:0; font-size:1.6em; color:#1b1b1b; line-height:1.3em; margin:0;} #popin_fil_rouge a {position:relative;} #popin_fil_rouge a img {width:100%; transition:0.3s ease;} #popin_fil_rouge a[href^="http://"]:not([href*="agen.fr"])::after, #popin_fil_rouge a[href^="https://"]:not([href*="agen.fr"])::after {position:absolute; right:2.5rem; bottom:0.25rem;} #popin_fil_rouge a[href^="http://"]:not([href*="agen.fr"]) .btn_lien, #popin_fil_rouge a[href^="https://"]:not([href*="agen.fr"]) .btn_lien {padding-right:5.5rem;} #popin_fil_rouge a:hover img, #popin_fil_rouge a:focus img {opacity:0.9;} /********************************************************************************/ /********************************** Social Wall *********************************/ /********************************************************************************/ #content_page #social-stream ul {padding:0; margin:0;} #content_page #social-stream li {padding:0; font-size:1.4em;} #content_page #social-stream li {min-height:200px; overflow:hidden; background:#ebebeb;} #content_page ul li::before, #content_page ol li::before, #content_page ul li::after, #content_page ol li::after, #content_page #social-stream a::after {display:none;} /* css plugin */ /* Reset */ #social-stream {width: 100%;} .dcsns ul, .dcsns li {padding:0; margin:0; list-style:none !important; background:none;} .dcsns {color:#444; list-style:none outside none; clear:both; width:auto; margin:0 auto;} .dcsns h1 {width:auto; position:relative;} .dcsns h1, .dcsns h2, .dcsns h3 {line-height:1.35em;} .dcsns-content {position:relative; padding:0;width:100%;} .dcsns-loading {background:url(/typo3conf/ext/cim_social-wall/Resources/Public/js/jquery-social-stream/images/loading_light.gif) no-repeat 0 0; height:24px; padding:6px 0 0 30px; position:absolute; top:10px; left:10px;} .dcsns-toolbar .dcsns-loading {right:10px; left:auto;} .stream p {margin:0; padding:0;} .stream li {width:23.2%;margin:0 0 20px 1.8%;font-size:1.6em;position:relative;background:#ebebeb;} .stream li a, #social_wall li a {padding: 0;border: 0;} .stream li img.icon {margin:0 auto; display:block;} .stream li .section-intro {color:#000000; font-style:normal; font-weight:bold; font-size:14px; z-index:2; width:100%; padding:15px 55px 15px 15px;display:block;line-height:1.4em;} .stream li .clear {clear:both; display:none;} /* Content blocks */ .stream li .section-intro a {color:#000000;display: inline-block;} .stream li .section-title {display:block; color:#747474; display:none;} .stream li .section-title span.border {height:3px; background:#3b5998; display:block; margin-bottom:20px; border-radius:2px;} .stream li .section-title a {color:#000000;} .stream li .section-title a:hover {color:#000000;} .stream li .section-thumb {display:block;margin-left:-3px; float:none; text-align:center; background-color:#282828;} .stream li .section-thumb a {display:block; width:100%; text-align:center;} .stream li .section-thumb img {margin:0 auto; max-width:100%;} .stream li .section-thumb img, .stream li .section-text img {display:block; margin:0 auto; max-width:100%; width:100%; height:auto;} .stream li .section-text {display:block; color:#000000; word-wrap:break-word;font-size: 1em;padding: 15px;} .stream li .section-text br {display:block;} .stream li .section-user {clear:both; display:block; font-style:italic; margin:0 8px 5px 0; display:block; padding:7px 0 7px 15px; line-height:12px; display:none;} .stream li .meta {display:block; font-size:90%; color:#000000;} .stream li .meta span {margin:0 8px 5px 0; display:block; float:left; padding:0 0 0 15px; line-height:12px;} .stream li .section-meta {display:block; margin:0; padding:0; clear:both;} .stream li .meta.item-comments {padding:0 0 0 35px; margin:0 0 5px 0; min-height:30px; position:relative; clear:both; line-height:1.3em;} .stream li .meta.item-comments img {position:absolute; left:0; top:0; width:30px;} .stream li .meta.item-likes {padding:0; width:100%; overflow:hidden; clear:both; line-height:1.3em;} .stream li .meta.item-likes img {float:left; margin:0 5px 5px 0; width:30px; border:1px solid #ddd; padding:1px; background:#fff;} .stream li.dcsns-error {color:#990000;} .stream li .section-share {display:none; margin:0 0 5px 0; padding:4px 0 0; float:right;} .stream li .section-share a {display:block; width:16px; height:16px; float:left; margin:0 2px 0 0; background:url(../images/share.png) no-repeat 0 0;} .stream li .section-share a.share-twitter {background-position:0 -16px;} .stream li .section-share a.share-reply {background-position:0 -32px;} .stream li .section-share a.share-retweet {background-position:0 -48px;} .stream li .section-share a.share-favorite {background-position:0 -64px;} .stream li .section-share a.share-google {background-position:0 -80px;} .stream li .section-share a.share-linkedin {background-position:0 -96px;} .stream li .section-share a.share-facebook:hover {background-position:-16px 0;} .stream li .section-share a.share-twitter:hover {background-position:-16px -16px;} .stream li .section-share a.share-reply:hover {background-position:-16px -32px;} .stream li .section-share a.share-retweet:hover {background-position:-16px -48px;} .stream li .section-share a.share-favorite:hover {background-position:-16px -64px;} .stream li .section-share a.share-google:hover {background-position:-16px -80px;} .stream li .section-share a.share-linkedin:hover {background-position:-16px -96px;} .stream li.dcsns-twitter .section-share .share-facebook, .stream li.dcsns-twitter .section-share .share-google, .stream li.dcsns-twitter .section-share .share-linkedin, .stream li.dcsns-twitter .section-share .share-twitter {display:none;} /* Toolbar */ .dcsns-toolbar {width:100%; margin:10px auto; padding:0; margin:0; overflow:hidden; float:right; margin-bottom:20px; text-align:right;} #dcsns-filter li a .socicon {width:44px; height:44px; line-height:44px; display:block;} #dcsns-filter li a.iso-active {border-bottom:3px solid #c1c1c1;} .dcsns-toolbar .filter .link-all, #content_page .dcsns-toolbar .filter .link-all {line-height:44px; text-align:center; color:#363636;font-family: 'poppins_regular',Arial,Verdana,sans-serif;} .dcsns-toolbar .filter li {display:inline-block; background:none; padding:0; margin:0 0 0 10px; font-size:1.6em;} .dcsns-toolbar .filter li a, #content_page .dcsns-toolbar .filter li a {padding:0; margin:0; display:block; float:left; width:50px; height:50px; line-height:50px; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; border-radius:50%; border:0; cursor:pointer;} #content_page .dcsns-toolbar .filter li {padding:0;} .dcsns-toolbar .filter li img {display:none;} /* Filter */ #wall {padding-top:15px;} .wall .dcsns-toolbar {margin-bottom:25px;} #dcsns-filter.dc-center {float:left; padding-left:50%; display:none; margin:0;} .dcsns-toolbar .filter li img {display:none;} #home .dcsns-toolbar {width:auto;} #page .dcsns-toolbar {text-align:right; width:auto; margin-bottom:25px;} .dcsns-loading {display:none;} #dcsns-filter, #page #dcsns-filter {margin-bottom:0; padding:0;} #dcsns-filter li {float:left; font-size:1.6em; text-align:center;} #page #dcsns-filter li {float:none; display:inline-block; vertical-align:top; font-size:1.3em; padding-left:25px; text-align:center;} #page #dcsns-filter li::before, #page #dcsns-filter li::after {display:none !important;} #dcsns-filter li a, #page #dcsns-filter li a {color:#232323; border:1px solid transparent; width:44px; height:44px; line-height:44px; display:block; padding:0; margin:0; border-radius:50%;} #dcsns-filter li a span {filter: brightness(0);-webkit-filter: brightness(0);-moz-filter: brightness(0);-o-filter: brightness(0);-ms-filter: brightness(0);} #dcsns-filter li a:hover span, #dcsns-filter li a:focus span {filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;} #dcsns-filter li.f-facebook a span {background:url(../img/sw_picto_facebook.png) no-repeat center center;} #dcsns-filter li.f-twitter a span {background:url(../img/sw_picto_twitter.png) no-repeat center center;} #dcsns-filter li.f-instagram a span {background:url(../img/sw_picto_instagram.png) no-repeat center center;} #dcsns-filter li.f-youtube a span {background:url(../img/sw_picto_youtube.png) no-repeat center center;} /* Controls */ .dcsns .controls {position:absolute; right:0; top:7px; height:22px; padding:0; z-index:12;} .dcsns .controls li {display:inline; background:none;} .dcsns .controls a {display:block; width:22px; height:22px; float:left; margin:0 0 0 2px; background:url(../images/controls.png) no-repeat 0 0;} .dcsns .controls .prev {background-position:-44px 0;} .dcsns .controls .next {background-position:-66px 0;} .dcsns .controls .play {background-position:0 0;} .dcsns .controls .pause {background-position:-22px 0;} .dcsns .controls .prev:hover {background-position:-44px -22px;} .dcsns .controls .next:hover {background-position:-66px -22px;} .dcsns .controls .play:hover {background-position:0 -22px;} .dcsns .controls .pause:hover {background-position:-22px -22px;} /* Facebook */ .stream a {background-image:none !important;} .stream li.dcsns-facebook, #content_page .stream li.dcsns-facebook {border-left: 3px solid #3b5998;} .stream li.dcsns-facebook .section-text img {margin:0 auto; display:block; padding:1px; background:#fff; display:block; margin:0 auto 10px auto; max-width:100%;} .stream li.dcsns-facebook .section-text a {margin-right:4px;} .stream li.dcsns-facebook .section-text-fb a {display:none;} .stream li.dcsns-facebook .meta {display:block; clear:both;} .stream li.dcsns-facebook .meta.item-comments {padding:0; min-height:auto;} .stream li.dcsns-facebook .meta.item-comments a {display:block; margin:0 0 2px 0;} .stream li.dcsns-facebook .share-facebook {display:none;} /* twitter */ .stream li.dcsns-twitter, #content_page .stream li.dcsns-twitter {border-left: 3px solid #1da1f2;} .stream li.dcsns-twitter .section-user {padding:0; background:none;} .stream li.dcsns-twitter .section-text img {margin:5px 0 0; border:1px solid #ddd; padding:1px; background:#fff; max-width:192px; max-width:100%;} .stream li.dcsns-twitter .section-text a {font-family:'roboto_medium',Arial,Verdana,sans-serif; font-size:1em;} .stream li.dcsns-twitter .section-intro span a {text-decoration:none; margin-left:0;} .stream li.dcsns-twitter .twitter-user {margin-bottom:15px; display:none;} .stream li.dcsns-twitter .twitter-user a {font-family:'roboto_medium',Arial,Verdana,sans-serif; line-height:1.35em; display:block; font-size:1.3em;} .stream li.dcsns-twitter .twitter-user a:hover {text-decoration:none;} .stream li.dcsns-twitter .twitter-user a strong{color:#000000; font-family:'roboto_medium',Arial,Verdana,sans-serif; display:block; display:none;} .stream li.dcsns-twitter .twitter-user a:hover strong {color:#000000; text-decoration:underline;} .stream li.dcsns-twitter .section-text > a {margin: -15px -15px 0 -18px;padding-bottom: 10px;} .stream li.dcsns-twitter .section-text > a > img {margin-top:0;border:0;padding:0;} /*ADD IMG*/ #content_page .stream li.dcsns-twitter .section-thumb {transition:opacity 0.7s ease-in-out;} #content_page .stream li.dcsns-twitter:hover .section-thumb {opacity:1; transition:opacity 0.5s ease-in-out;} #content_page .stream li.dcsns-twitter .section-text {opacity:1; transition:opacity 1s ease-in-out 0.8s;} #content_page .stream li.dcsns-twitter:hover .section-text {opacity:0.2; transition:opacity 1s ease-in-out 0.8s;} /* google */ .stream li.dcsns-google .section-title {margin-bottom:5px; padding:5px 15px 0 15px;} .dcsns .stream li.dcsns-google .section-thumb img {max-width:192px; margin:0 auto; max-width:100%;} .stream li.dcsns-google .meta span.plusones {padding-left:0;} /* rss */ .stream li.dcsns-rss .section-thumb img {max-width:192px; margin:0 auto; max-width:100%;} .stream li.dcsns-rss .section-text img {border:1px solid #ddd; padding:1px; background:#fff; max-width:192px; max-width:100%;} /* youtube */ .stream li.dcsns-youtube, #content_page .stream li.dcsns-youtube {border-left: 3px solid #ff0000;} .stream li.dcsns-youtube .section-thumb {width:calc(100% + 3px);} .stream li.dcsns-youtube .section-thumb img {width:100%; max-width:100%; display:block !important;} /* vimeo */ .stream li.dcsns-vimeo .section-thumb img {max-width:192px; margin:0 auto; max-width:100%;} .dcsns .stream li.dcsns-vimeo .section-title {display:block; clear:both;} .stream li.dcsns-vimeo .section-text {margin-bottom:5px;} .stream li.dcsns-vimeo .section-text .meta {padding-top:5px;} .stream li.dcsns-vimeo .logo {margin-bottom:3px;} /* Flickr */ .stream li.dcsns-flickr .section-thumb {margin:0;} .stream li.dcsns-flickr .section-thumb img {max-width:192px; margin:0 auto; max-width:100%;} /* Pinterest */ .stream li.dcsns-pinterest .section-thumb {display:block; margin:0;} .stream li.dcsns-pinterest .section-text, .stream li.dcsns-pinterest .section-user, .stream li.dcsns-pinterest .section-share {display:none; clear:both;} .stream li.dcsns-pinterest .section-thumb img {width:190px; margin:0 auto; max-width:100%;} /* instagram */ .stream li.dcsns-instagram, #content_page .stream li.dcsns-instagram {border-left: 3px solid #f6951d;} .stream li.dcsns-instagram .section-title {font-weight:normal; clear:both;} .stream li.dcsns-instagram .section-thumb img {background:#fff; margin:0 auto; width:100%; max-width:100%; display:block !important;} .stream li .inner {overflow:visible; height:100%;} .stream li .inner span {height:100%;} #content_page #social-stream .stream li.dcsns-instagram .section-thumb > a {display:block; height:100%;} .stream li.dcsns-instagram .section-thumb {position:relative;} .stream li.dcsns-instagram .section-meta {display:none;} .stream li.dcsns-instagram .meta {clear:both;} .stream li.dcsns-instagram .section-meta .meta .comments, .stream li.dcsns-instagram .section-meta .meta .likes {margin:0 0 5px 0; padding-top:5px; background-position:0 5px; float:none; font-size:100%; font-weight:bold;} /*isotope */ .isotope,isotope .isotope-item {-webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -ms-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s;} .isotope {-webkit-transition-property:height, width; -moz-transition-property:height, width; -ms-transition-property:height, width; -o-transition-property:height, width; transition-property:height, width;} .isotope .isotope-item {-webkit-transition-property:-webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; -ms-transition-property:-ms-transform, opacity; -o-transition-property:top, left, opacity; transition-property:transform, opacity;} /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {-webkit-transition-duration:0s; -moz-transition-duration:0s; -ms-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s;} /* Instagramm */ #content_page .stream li {font-size:1.4em;} #content_page .stream li, #content_page ul.stream {padding:0;} #content_page .stream li {font-size:1.3em; float:left; overflow:hidden; letter-spacing:0.02em;} .stream li .inner {padding:0;} .stream li > a, #content_page #social-stream .stream li > a {display:none;} ul.stream {padding:0;margin: 0 0 0 -1.8% !important;} #content_page .stream li.dcsns-facebook {background:#3b5998;} #content_page .stream li.dcsns-facebook .section-text {color:#000;} #content_page .stream li.dcsns-twitter {background:#13252d; padding:40px;} #content_page .stream li.dcsns-twitter .section-text {color:#000; max-height:193px; overflow-y:auto; overflow-x:hidden; word-break:break-word; position:relative;} /* Icones */ .stream li > a, #content_page #social-stream .stream li > a {background: #fff;border-radius: 50%;display: block;position: absolute;bottom: 15px;right: 15px;display: -ms-flexbox !important;display: -webkit-flex !important;display: flex !important;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} .stream li .socicon {width:30px; height:30px;} .stream li .socicon-facebook {background: transparent url(../img/sw_picto_facebook.png) center center no-repeat;} .stream li .socicon-twitter {background: transparent url(../img/sw_picto_twitter.png) center center no-repeat;} .stream li .socicon-youtube {background: transparent url(../img/sw_picto_youtube.png) center center no-repeat;} .stream li .socicon-instagram {background: transparent url(../img/sw_picto_instagram.png) center center no-repeat;} /********************************************************************************/ /************************** Bloc notes : specificites ***************************/ /********************************************************************************/ /* CTA moteur */ #line_tools_moteur.moteur_bloc {padding:22px 1.5rem;} #moteur .float-right {margin-left:20px;} #line_tools_moteur.moteur_bloc #btn_actions .float-right {padding:0;} #line_tools_moteur.moteur_bloc #btn_actions .float-right:last-child {margin-left:0;} #content_page #moteur .btn_lien.note_btn {font-size:1.6em; line-height:1.4em;} #content_page #moteur .btn_lien.note_btn a {padding:5px 15px 5px 30px;} #content_page #moteur .btn_lien.note_btn a::before {content:">"; display:block; position:absolute; left:15px; top:6px; font-family:'opensans_light',Arial,Verdana,sans-serif; font-size:1em; line-height:1.5em;} #content_page #moteur .btn_lien.note_btn a:hover, #content_page #moteur .btn_lien.note_btn a:focus {background-color:#ffffff;} /*btn tout selectionner*/ #content_page #moteur .btn_lien.note_btn.select_all a {background-color:transparent !important; color:#ffffff;} /* Bouton de selection */ #content_page .bloc_note.list_item {position:relative; padding-bottom:35px;} #content_page .bloc_note.list_item p.btn_add_selection {position:absolute; left:15px; bottom:0; padding:5px 25px; width:calc(100% - 30px); background:#0474a8; font-size:1.6em; margin-bottom:0;} #content_page .bloc_note.list_item p.btn_add_selection a {padding:0 0 0 25px; border:0; background-image:url(../img/bg_checkbox.png); background-repeat:no-repeat; background-position:left center; color:#fff; font-family:'opensans_light',Arial,Verdana,sans-serif; text-transform:lowercase; letter-spacing:0.02em;} #content_page .bloc_note.list_item p.btn_add_selection.btn_act a {background-image:url(../img/bg_checkbox_act.png);} #content_page .bloc_note.list_item p.btn_add_selection a:hover, #content_page .bloc_note.list_item p.btn_add_selection a:focus {background-color:transparent;} /* Form */ #send_popin label {padding:5px 15px 5px 15px;} #send_form input[type="text"], #send_form textarea, #send_form select {background-color:#efefef;} /********************************************************************************/ /********************************** CO-MARQUAGE *********************************/ /********************************************************************************/ /* Onglets */ #content_page .tx-cimcomarquage .tabs {border:0; border-left:3px solid transparent;} #content_page .tx-cimcomarquage .tabs-content {border:0; border-top:3px solid transparent; padding-top:30px;} #content_page .tx-cimcomarquage ul.tabs {padding:0; margin-top:30px;} #content_page .tx-cimcomarquage ul.tabs li {font-size:1.8em; line-height:1.2em; padding:0; border-top:3px solid transparent; border-right:3px solid transparent; list-style-image:none;} #content_page .tx-cimcomarquage ul.tabs li a {padding:20px 10px; border:0; text-transform:uppercase; font-family:'poppins_medium',Arial,Verdana,sans-serif; font-size:1em;} #content_page .tx-cimcomarquage ul.tabs li a:hover, #content_page .tx-cimcomarquage ul.tabs li a:focus {background:transparent;} /* Sommaire principal */ #content_page .tx_cim_comarquage_main_menu ul {background:#ebebeb; padding:25px; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;} #content_page .tx_cim_comarquage_main_menu ul li {list-style-image:none; padding:0; font-size:1.9em; line-height:1.9em; width:50%; padding:15px;} #content_page .tx_cim_comarquage_main_menu ul li::before {display:none !important;} #content_page .tx_cim_comarquage_main_menu ul li a {font-family:'roboto_medium',Arial,Verdana,sans-serif; border-bottom:0; display:block; position:relative; padding-left:25px;} #content_page .tx_cim_comarquage_main_menu ul li a::before {content:">"; display:block; position:absolute; left:0; top:0;} #content_page .magellan_anchor, #content_page_popin .magellan_anchor {margin-top: 50px;display: block;padding: 0;border: 0 !important;} /* Infos MAJ */ #content_page .tx-cimcomarquage .date_maj {margin-bottom:20px; border-left:1px solid #232323; padding:5px 10px;} /* Menu dans les fiches */ #content_page .tx-cimcomarquage #sous_theme, #content_page .tx-cimcomarquage #sous_dossier, #content_page .tx-cimcomarquage .bloc_menu {background:#ebebeb; padding:25px;} #content_page .tx-cimcomarquage #sous_theme p, #content_page .tx-cimcomarquage #sous_dossier p, #content_page .tx-cimcomarquage .bloc_menu p {font-family:'roboto_medium',Arial,Verdana,sans-serif;text-transform:uppercase;font-size:1.8em;margin-bottom:5px;} #content_page .tx-cimcomarquage #sous_theme ul, #content_page .tx-cimcomarquage #sous_dossier ul, #content_page .tx-cimcomarquage .bloc_menu ul {padding:0; margin-bottom:20px;} #content_page .tx-cimcomarquage #sous_theme ul li, #content_page .tx-cimcomarquage #sous_dossier ul li, #content_page .tx-cimcomarquage .bloc_menu ul li {list-style-image:none;padding:0;padding:5px;} #content_page .tx-cimcomarquage #sous_theme ul li::before, #content_page .tx-cimcomarquage #sous_dossier ul li::before, #content_page .tx-cimcomarquage .bloc_menu ul li::before {display:none !important;} #content_page .tx-cimcomarquage #sous_theme ul li a, #content_page .tx-cimcomarquage #sous_dossier ul li a, #content_page .tx-cimcomarquage .bloc_menu ul li a {font-family:'roboto_medium',Arial,Verdana,sans-serif;border-bottom:0;display:block; position:relative; padding-left:25px;} #content_page .tx-cimcomarquage #sous_theme ul li a::before, #content_page .tx-cimcomarquage #sous_dossier ul li a::before, #content_page .tx-cimcomarquage .bloc_menu ul li a::before {content:">"; display:block; position:absolute; left:0; top:0;} /* Menu "A voir aussi" dans les fiches */ #content_page .tx-cimcomarquage .bloc_compl {border:2px solid #ebebeb; margin:25px 0; position:relative; transition:0.5s ease;} #content_page .tx-cimcomarquage .bloc_compl p.titre, #content_page .tx-cimcomarquage .bloc_compl button.titre {word-break:break-word; cursor:pointer; padding:25px 35px 25px 25px; font-family:'roboto_medium',Arial,Verdana,sans-serif; text-transform:uppercase; font-size:1.8em; text-align:left; width:100%; outline:none;} #content_page .tx-cimcomarquage .bloc_compl p.titre:before, #content_page .tx-cimcomarquage .bloc_compl button.titre:before {position:absolute; transform:rotate(0); right:2.5rem; top:2.75rem; transition:0.3s ease; content: ''; border-bottom:0.65rem solid transparent; border-top:0.65rem solid transparent;} #content_page .tx-cimcomarquage .bloc_compl p.titre.act:before, #content_page .tx-cimcomarquage .bloc_compl.act button.titre:before {transform:rotate(90deg);} #content_page .tx-cimcomarquage .bloc_compl ul {padding:0 25px 25px 25px; margin-bottom:0;} #content_page .tx-cimcomarquage .bloc_compl ul li {list-style-image:none; padding:0;padding:5px;} #content_page .tx-cimcomarquage .bloc_compl ul li::before {display:none !important;} #content_page .tx-cimcomarquage .bloc_compl ul li a {font-family:'roboto_medium',Arial,Verdana,sans-serif; border-bottom:0; display:block; position:relative; padding-left:25px;} #content_page .tx-cimcomarquage .bloc_compl ul li a::before {content:">"; display:block; position:absolute; left:0; top:0;} /* Inception accordeon */ #content_page .tx-cimcomarquage .btn_accordinception {word-break:break-word; margin-top:25px; border:1px solid #ebebeb; transition:none; cursor:pointer; position:relative; padding:25px 35px 25px 25px; font-family:'roboto_medium',Arial,Verdana,sans-serif; text-transform:uppercase; font-size:1.7rem; text-align:left; width:100%; outline:none;} #content_page .tx-cimcomarquage .open .btn_accordinception {border-bottom:none;} #content_page .tx-cimcomarquage .btn_accordinception::before {position:absolute; transform:rotate(0); right:2.5rem; top:2.75rem; transition:0.3s ease; content: ''; border-bottom:0.65rem solid transparent; border-top:0.65rem solid transparent;} #content_page .tx-cimcomarquage .open .btn_accordinception::before {transform:rotate(90deg);} #content_page .tx-cimcomarquage .accordinception {font-size:1rem; border:1px solid #ebebeb; border-top:none; padding:25px; padding-top:0;} #content_page .tx-cimcomarquage .accordinception .liste_item ul > li {font-size:1.7em;} /* Infos "A noter" et "A savoir"*/ .ANoter {padding:0 0 0 20px;} .spASavoir {padding:0 0 0 20px;} #content_page .tx-cimcomarquage .ANoter .titre, #content_page .tx-cimcomarquage .spASavoir .titre {font-family:'roboto_medium',Arial,Verdana,sans-serif;text-transform:uppercase;} /********************************************************************************/ /*********************************** Dashboard **********************************/ /********************************************************************************/ #content_page .home_dashboard {margin-top:40px;} #content_page .home_dashboard ul {padding:0;} #content_page .home_dashboard ul li {list-style-image:none; padding-left:1rem; padding-right:1rem; margin-bottom:23px;} #content_page .home_dashboard ul li::before {display:none !important;} #content_page .home_dashboard ul li a {display:block; padding:30px; border:0; background:#232323; text-align:center; height:100%;} #content_page .home_dashboard ul li a:hover, #content_page .home_dashboard ul li a:focus {background:#232323; opacity:1;} #content_page .home_dashboard ul li a, #content_page .home_dashboard ul li a:hover, #content_page .home_dashboard ul li a:focus, #content_page .home_dashboard ul li a span {-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .home_dashboard li .img {margin:0 0 25px 0; display:inline-block; border-radius:50%; border:2px solid #232323; padding:25px;} #content_page .home_dashboard li .titre {text-transform:uppercase; color:#ffffff; font-size:1.1em;} #content_page .btn_lien.btn_deco_dash a::after {display:none !important;} /*DASH SETTINGS*/ #cke_description a {border:0;} #cke_description a:hover, #cke_description a:focus {background:transparent;} #map_picker {width:100% !important;} #wrap_dash_settings {margin-bottom:30px;} #wrap_dash_settings .loading_div {margin:20px auto 0 auto; display:inline-block; clear:right; float:right;} #wrap_dash_settings .btn_submit.loading .sk-circle {margin:0 auto;} .content_section_dash {display:none;} .section_dash.act .content_section_dash {display:block;} #nav_menu_dash ul {padding:0 !important; margin:0; border:0; border-right:2px solid #ffffff;} #nav_menu_dash ul li {height:120px; margin:0; padding:10px !important; background:#f6f6f6; border-top:2px solid #ffffff; ; vertical-align:middle; flex-direction:row; -webkit-flex-direction:row; -ms-flex-direction:row; -moz-box-direction:normal; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center;} #nav_menu_dash ul li.active, #nav_menu_dash ul li:hover, #nav_menu_dash ul li.is-active {background:#232323;} #nav_menu_dash ul li:first-child {margin:0; border:0;} #nav_menu_dash ul li::before {display:none !important;} #nav_menu_dash ul li a {max-width:97%; color:#232323; border:0 !important; padding:0; background:none; display:block; word-wrap:break-word; font-size:1em; line-height:1.4em;} #nav_menu_dash ul li.active a, #nav_menu_dash ul li:hover a, #nav_menu_dash ul li.is-active a {color:#ffffff; background:none;} #dash_settings {padding:40px 40px 20px 40px; background:#f6f6f6; border:0;} #dash_settings .tabs-panel {padding:0;} #content_page #dash_settings .magellan_anchor {margin-top:0;} #dash_settings form {padding:0;} #dash_settings .ligne_form label {padding:5px;} .section_dash #categories {margin:0 0 23px 0;} #page #dash_settings .categorie:first-child {border-top:1px solid #c2b7b7;} #page #dash_settings .categorie {border-bottom:1px solid #c2b7b7; padding:10px 0; position:relative; overflow:hidden;} #page #dash_settings .categorie p {text-transform:uppercase; padding:5px 15px 5px 38px; margin:0; cursor:pointer; color:#232323; position:relative;} #page #dash_settings .categorie p::before {content:">"; display:block; position:absolute; left:10px; top:10px; font-family:'poppins_regular',Arial,Verdana,sans-serif; font-size:1em; line-height:1.5em;} #page #dash_settings .cat_check {margin:0;} #page #dash_settings .cat_check .cat_check_name {padding:0 0 0 30px;} #page #dash_settings .categorie p.btn_act::before {color:#ee003b;} #page #dash_settings .list_cat label, #dash_settings .ligne_form.cat_check label, #dash_settings .ligne_form.checkbox label {font-size:1.4em; margin:0; padding:2px 0 2px 25px;text-align:left;} #page #dash_settings .list_cat label, #page #dash_settings .list_cat * {color:#232323; line-height:1.5em; margin-top:0;} #dash_settings .ligne_form.cat_check *, #dash_settings .ligne_form.checkbox * {color:#232323; font-size:1em;padding:0;} #page #dash_settings .cat_check label.cat_check_name.ui-button.ui-state-default {background:url(../img/bg_checkbox.png) no-repeat left 1px; text-align:left; margin:0;} #page #dash_settings .cat_check label.cat_check_name.ui-button.ui-state-default.ui-state-active {background:url(../img/bg_checkbox_act.png) no-repeat left 1px;} #page #dash_settings .returned_message {margin:15px 0 0 0;} #page .btn_lien.btn_deco_dash {margin:0 0 25px 0;} #content_page .btn_all.back.btn_back_dash .btn_lien {margin-bottom:0;position:relative;font-family:'poppins_medium',Arial,Verdana,sans-serif;font-size:1.6em;color:#000;} #content_page .btn_all.back.btn_back_dash .btn_lien a {padding-right:0;padding-left: 35px;} .btn_back_dash .btn_lien a::before, .dash_btn.btn_back_dash a::before {right:inherit;left:0;background-image:url(../img/arrow_prev_white.png) !important;} /** Accordion **/ #dash_settings .section_dash .accordion-title {width:120px; float:left;} #dash_settings .section_dash .accordion-content {width:524px; float:left;} .tx-cim-dashboard {margin:0 0 70px 0;} .dash_ressource_items {margin:0 0 20px 0;} .dash_item {margin:0 0 20px 0; position:relative;} #content_page .dash_item h3 {margin:0; padding:15px; border:2px solid #e0e0e0;} #content_page .dash_do_btn {height:100%; border-left:3px solid #ffffff; background-color:#232323; background-repeat:no-repeat; background-position:10px center;} #content_page .dash_do_btn p {height:100%; margin:0; font-size:1.3em;} #content_page .dash_do_btn p a {border:0; background:none; color:#ffffff; font-family:'poppins_regular',Arial,Verdana,sans-serif; text-align:center; width:100%; padding:15px 0;} #content_page .dash_do_btn p a:hover, #content_page .dash_do_btn p a:focus {background:none; opacity:1;} #content_page .dash_do_btn.voir_dash {background-image:url(../img/show_dash.png);} #content_page .dash_do_btn.edit_dash {background-image:url(../img/edit_dash.png); background-position:5px center; padding-left:10px;} #content_page .dash_do_btn.cancel_dash {background-image:url(../img/cancel_dash.png);} #content_page .dash_do_btn.msg_dash {background-image:url(../img/msg_dash.png);} #content_page .dash_do_btn:hover {-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} #content_page .dash_btn.btn_back_dash {margin-top:20px;} #content_page .clearfix .dash_btn.btn_back_dash {margin-top:0;} #content_page .dash_btn.btn_back_dash p {font-size:1.6em; line-height:1.4em; margin:0;} #content_page .dash_btn.btn_back_dash a {font-family:'poppins_medium',Arial,Verdana,sans-serif; position:relative;font-size:1em;color:#000;padding-right:35px;border:0;letter-spacing:0.1em; padding-right: 0;padding-left: 35px;} #content_page .dash_btn.btn_back_dash a::before {position:absolute;content:"";height:25px;width:25px;right:0;top:-1px; background-repeat:no-repeat;background-position:right 6px center;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;right:inherit;left:0;background-image:url(../img/arrow_prev_white.png) !important;} .content_form_item {padding:23px 0 0 0; clear:both;} /*NEW*/ .dash_item.dash_booking {margin:0 0 25px 0; border:1px solid #f6f6f6;} .dash_item.dash_booking .left {border:0; float:none; width:77%;} .dash_item.dash_booking .right {left:inherit; top:inherit; height:auto; bottom:15px; right:15px; width:auto;} #page .dash_booking .dash_do_btn p, #page .dash_booking .dash_do_btn p a {display:block;} /*LISTE RDV*/ .dash_messagerie_infos {border:2px solid #e0e0e0;} .dash_messagerie_infos .titre_rdv {margin-bottom:0; padding:10px 15px;} .dash_messagerie_infos .titre_rdv span {display:block;} #content_page .dash_messagerie .dash_do_btn {margin-left:10px;} #content_page .dash_messagerie .dash_do_btn.msg_dash {background-position:7px center;} #content_page .dash_messagerie .dash_do_btn p a {padding-left:40px; padding-right:20px; text-align:left;} #content_page .dash_messagerie .dash_do_btn.msg_dash p a {padding-left:35px; padding-right:15px;} /*BLOC MESSAGE*/ .dash_message {background:#efefef; padding:20px;} .dash_message .titre_bloc {color:#363636; font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1.2em;} .dash_message .titre_part_bloc {color:#363636; font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.2em;} .bloc_message {margin-bottom:20px;} .bloc_message .infos_message {font-family:'poppins_medium',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1.6em; margin-bottom:5px; padding-left:20px; background:url(../img/ville/puce_liste.png) no-repeat 0 7px;} .bloc_message .contenu_message, .bloc_message .contenu_message p {color:#363636;} .bloc_message .contenu_message p {font-size:1.4em; line-height:1.6em; margin-bottom:10px;} .bloc_message .pj_message p {font-size:1.4em; line-height:1.6em;} #content_page .bloc_message .pj_message p a {border-bottom-color:#000;} .dash_content .zone_reponse {padding-top:15px; padding-bottom:15px;} .dash_content .zone_reponse .ligne_form {margin-bottom:20px;} .dash_content .zone_reponse .ligne_form.btn_submit {margin-bottom:0;} .dash_content .zone_reponse label {font-size:1.4em; line-height:1.6em;} .bloc_message input[type="file"] {margin-bottom:0;} /* MOTEUR */ #moteur.dash_moteur #line_tools_moteur {padding:30px 0;} #moteur.dash_moteur .ligne_form {margin-bottom:0;} #moteur.dash_moteur .ligne_form.btn_submit {float:none; padding:0;} #moteur.dash_moteur #reset_search_popin {margin:0;} #moteur.dash_moteur .ligne_form label {display:inline;} #moteur.dash_moteur .ligne_form select {display:inline-block; width:auto;} /* FIXE ZONES MSG / REP*/ .zone_messages {height:50%; position:relative; overflow-y:scroll;} .zone_reponse {height:50%; position:relative;} #content_anchor.search_tpl.dash_content {margin-bottom:60px;} .dash_content #filters .wrap_filters {overflow:hidden !important; background:#efefef;} .dash_content .dash_message {padding:0;} /********************************************************************************/ /*********************************** Connexion **********************************/ /********************************************************************************/ #social_login {display:flex; flex-direction:column; padding:0 40px;} #social_login form {padding:5px;} #social_login form .login-button {width:100%;white-space: initial;} .tx-felogin-pi1 div.btn_submit {margin-bottom: 40px;} /********************************************************************************/ /*********************************** Inscription **********************************/ /********************************************************************************/ #content_page .control-group {position:relative; margin-bottom:23px;} #content_page .control-group .control-label {position:absolute; top:-10px; padding:0 10px; margin:0 15px; background:#fff;} /********************************************************************************/ /********************************** Prise de RDV ********************************/ /********************************************************************************/ /* FORMULAIRE INFORMATION */ #prise_rdv form {padding:40px;} #prise_rdv .civilite {display:-webkit-box; display:-ms-flexbox; display:flex;} #prise_rdv .civilite label {margin-right:2rem;} #prise_rdv .powermail_fieldwrap.powermail_fieldwrap_type_submit {margin-bottom:0;} #prise_rdv .ligne_form.radio label, #prise_rdv .powermail_fieldwrap_type_radio .civilite .radio label, #prise_rdv .ligne_form.radio label.ui-button, #prise_rdv .powermail_radio_inner label.ui-button, #prise_rdv .ligne_form.radio label.ui-button, #prise_rdv .powermail_radio_inner label.ui-button, #prise_rdv .powermail_fieldwrap_type_radio .civilite .ui-buttonset label.ui-button.ui-state-active, #prise_rdv .powermail_fieldwrap_type_radio .civilite .ui-buttonset label {background:url(../img/bg_checkbox.png) no-repeat left 6px;} #prise_rdv .ligne_form.radio label.is-act, #prise_rdv .powermail_fieldwrap_type_radio .civilite .radio label.is-act, #prise_rdv .ligne_form.radio label.ui-button.ui-state-active, #prise_rdv .powermail_radio_inner label.ui-button.ui-state-active, #prise_rdv .ligne_form.radio label.ui-button.ui-state-active, #prise_rdv .powermail_radio_inner label.ui-button.ui-state-active, #prise_rdv .powermail_fieldwrap_type_radio .civilite .ui-buttonset label.ui-button.ui-state-active {background:url(../img/bg_checkbox_act.png) no-repeat left 6px;} /* CHOIX DES DATES */ /* General */ #prise_rdv_dates {font-family:'roboto_medium',Arial,Verdana,sans-serif;} #prise_rdv_dates #col_left_inner {margin-right:4.5rem;} #prise_rdv_dates #col_left_inner .row.is-collapse-child {margin-left:-1.5rem; margin-right:-1.5rem;} #prise_rdv_dates .rdv_item label span {display:block; letter-spacing:0.1rem;} #prise_rdv_dates .rdv_item input {position:absolute; left:-99999em;} #prise_rdv_dates .rdv_item label {transition:0.3s ease; margin:0; padding:0; text-align:center; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;} #prise_rdv_dates .rdv_submit {margin-top:2.5rem;} /* Colonne de gauche */ /* Jours */ #prise_rdv_dates h2 {font-family: 'poppins_semibold',Arial,Verdana,sans-serif; margin-top:0;} #prise_rdv_dates .rdv_item.rdv_jour {margin:0 0 3rem 0; padding-left:1.5rem; padding-right:1.5rem;} #prise_rdv_dates .rdv_item.rdv_jour label {height:11rem; width:11rem; background-color:#efefef;} /* Mois */ #prise_rdv_dates .rdv_month {max-width:27.5rem; margin:2rem auto; text-align:center; position:relative;} #prise_rdv_dates .rdv_month p {font-size:2.2em; margin:0;} #prise_rdv_dates .rdv_month button {width:25px; height:25px; display:block; background-position:center center; background-repeat:no-repeat; background-size:25px 25px; position:absolute; top:calc(50% - 12.5px); text-indent:-99999em; cursor:pointer;} #prise_rdv_dates .rdv_month button.prev_month {left:0;} #prise_rdv_dates .rdv_month button.next_month {right:0;} /* Colonne de droite */ /* Heures */ #prise_rdv_dates .bloc_col .contenu_bloc {padding:40px 30px;} #prise_rdv_dates .bloc_col .titre_bloc p {margin-bottom:3rem;} #prise_rdv_dates .rdv_item.rdv_heure {margin:0 0 1.5rem 0; padding-left:0.75rem; padding-right:0.75rem;} #prise_rdv_dates .rdv_item.rdv_heure label {height:8.3rem; background-color:#fff;} /********************************************************************************/ /************************** CARTE COLLECTE DES DECHETS **************************/ /********************************************************************************/ #page.carto_dechets #carto #zone_map {padding:0;} #page.carto_dechets a {border:none;} #popup-cliiink a {letter-spacing:0 !important; font-family: 'roboto_regular',Arial,Verdana,sans-serif !important; display:inline-block; padding-right:0 !important;} #popup-cliiink {margin-top:2rem;} /* Barre de recherche */ #page.carto_dechets .ol-geocoder.gcd-txt-container {top:1rem; width:40rem; height:auto; left:1rem;} #page.carto_dechets .ol-geocoder .gcd-txt-control {height:7rem; background-color:rgba(255,255,255,0.85); box-shadow:0 0 10px 0 rgba(0,0,0,0.25);} #page.carto_dechets .ol-geocoder .gcd-txt-input {font-size:1.4em; padding-left:4.5rem;} #page.carto_dechets .ol-geocoder .gcd-txt-glass {width:4rem; height:100%; left:2.5px; background-size:2rem;} #page.carto_dechets .ol-geocoder .gcd-txt-reset {width:4rem;} /* Liste autocompletion */ #page.carto_dechets .ol-geocoder ul.gcd-txt-result {padding:0; width:calc(100% - 2px); top:100%; left:1px; background:none; border-radius:0; max-height:30rem; box-shadow:0 0 10px 0 rgba(0,0,0,0.25)} #page.carto_dechets .ol-geocoder ul.gcd-txt-result li {font-size:1.4em; line-height:1; background-color:rgba(255,255,255,0.9); border-bottom:1px solid #ddd;} #page.carto_dechets .ol-geocoder ul.gcd-txt-result li:nth-child(even) {background-color:rgba(250,250,250,0.9);} #page.carto_dechets .ol-geocoder ul.gcd-txt-result li:hover {background-color:rgba(240,240,240,0.9);} #page.carto_dechets .ol-geocoder ul.gcd-txt-result li a {padding:1.5rem; display:block; font-size:1em;} #page.carto_dechets .ol-geocoder ul.gcd-txt-result li a span {display:inline-block; font-size:1em; line-height:1.2;} /* Boutons map */ #page.carto_dechets .ol-control {box-shadow:0 0 10px 0 rgba(0,0,0,0.45); padding:0; border-radius:0;} #page.carto_dechets .ol-zoom {right:0.5rem; left:auto;} #page.carto_dechets .ol-control button {width:3rem; height:3rem; background:#fff; color:#000; font-size:2em; border-radius:0; cursor:pointer;} #page.carto_dechets .ol-control button:hover, #page.carto_dechets button:focus {background:#f4f4f4;} /* Popup */ #page.carto_dechets #popup.ol-popup {position:absolute; background-color:white; box-shadow:0 0 10px 0 rgba(0,0,0,0.25); padding:1.5rem; border:1px solid #cccccc; bottom:12px; left:-50px; min-width:310px;} #page.carto_dechets #popup.ol-popup:after {top:100%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none;} #page.carto_dechets #popup.ol-popup:after {border-top-color:white; border-width:10px; left:calc(50% - 15px); transform:translateX(-50%);} #page.carto_dechets #popup.ol-popup .ol-popup-closer {text-decoration:none; position:absolute; top:0.5rem; right:0.5rem; height:auto; width:auto; font-size:1.5rem; padding:0;} #page.carto_dechets #popup.ol-popup .ol-popup-closer:before {content:"✖"; display:block; line-height:0.8;} #page.carto_dechets #popup.ol-popup p {margin-bottom:1rem;} /* GEOLOC */ #page.carto_dechets .ol-geocoder .gcd-txt-control {padding-right:5rem;} #page.carto_dechets .ol-geocoder .gcd-txt-input {max-width:calc(100% - 5rem);} #page.carto_dechets .ol-geocoder .gcd-txt-reset {right:5rem;} #page.carto_dechets #geolocButton {background:url(../img/picto_geolocalisation.png) no-repeat center center #f6951d; width:5rem; height:100%; float:none; border:1px solid #f6951d; position:absolute; right:0; text-indent:-99999em; z-index:5;} #page.carto_dechets #geolocButton:hover, #page.carto_dechets #geolocButton:focus {border:1px solid #000000;} /******************************************************************************************************************/ /******************************************************************************************************************/ /************************************************ RESPONSIVE ******************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /********************************************************************************/ /************************** LARGE de 1320 a 1024 ********************************/ /********************************************************************************/ @media only screen and (max-width:82.500em) { /*** BTN LIENS ***/ .btn_lien.feuilleter, .btn_lien.telecharger {font-size:1.4em;} /*********************************** LAYOUT **********************************/ /*** STRUCTURE GENERALE ***/ .wrap {padding-left:80px; padding-right:80px;} /*** FOOTER ***/ #menu_footer ul {max-width:100%; padding:0 30px;} /*********************************** HOME **********************************/ /*** ZONE MOTEUR ***/ #zone_moteur {padding-right: 90px;} #acces_rapide_navigation li {margin-left:15px;margin-bottom:15px; font-size:1.4em;} /*** AGENDA ***/ #home #agenda .list_item .img {min-height:310px;} /*** ZOOM SUR - NEWSLETTER ***/ #zoom_newsletter .content {padding-right: 0; padding-left: 0;} /* #41066 #inscription_newsletter {padding:10px;} #inscription_newsletter form {padding:10px 0 0 0;} #inscription_newsletter input[type="text"] {margin-right:10px;} #inscription_newsletter input[type="submit"] {position:relative; top:initial; right:initial; line-height:1.5em;} #inscription_newsletter input[type="text"], #inscription_newsletter input[type="submit"] {display:inline-block;}*/ /*********************************** PAGE TYPE **********************************/ #head_page, #head_page_popin {padding-bottom:100px;} #col_left, #col_left_popin {max-width:540px;} /*** TITRE PAGE & BLOC ACCROCHE ***/ #titre_page.is-stuck {left:calc(50% + 6rem);} #titre_page.is-stuck h1 {max-width:260px !important;} /*** PARAM TXT ***/ #content_page blockquote, #content_page_popin blockquote {padding:20px 50px;} .bloc_home .titre_bloc .bloc_home_title, #content_page .bloc_home .titre_bloc .bloc_home_title, #content_page_popin .bloc_home .titre_bloc .bloc_home_title, .reveal .bloc_home_title {line-height:1.2;} /*** QUESTIONNAIRE QUALITE ***/ #content_page #quality_form form, #content_page_popin #quality_form form {padding:10px 20px;} #quality_form .form_item > .ligne_form {margin-left:20px;} /*** COLONNE CONTEXTUELLE ***/ .info_utile .contenu_bloc {padding:25px 25px 20px 25px;} .info_utile .contenu_bloc p.subtitle {font-size:2em;} .info_utile .contenu_bloc .btn_lien {padding-top:10px; padding-left:30px;} #content_page .bloc_col .titre_bloc p, #content_page_popin .bloc_col .titre_bloc p {font-size:2.6em;} /*** POUR ALLER PLUS LOIN ***/ .mise_en_avant .list_item .titre {font-size: 2em;} .mise_en_avant .list_item a:hover .thumb-title, .mise_en_avant .list_item a:focus .thumb-title, .mise_en_avant .list_item:hover .thumb-title, .mise_en_avant .list_item:focus .thumb-title {padding:20px 30px 20px 50px;} .mise_en_avant .list_item a:hover .thumb-title::before, .mise_en_avant .list_item a:focus .thumb-title::before, .mise_en_avant .list_item:hover .thumb-title::before, .mise_en_avant .list_item:focus .thumb-title::before {width:30px; top:30px;} .mise_en_avant .list_item .thumb-title .btn_lien {bottom:20px;} /********************************** PAGE LISTE **********************************/ #content_anchor.mapfullwidth {padding-right:0; padding-left:0;} /*** MOTEUR ***/ #line_tools_moteur {max-width:100%;padding-right:50px;padding-left:50px;} /*** FILTRES ***/ #filters .wrap_filters {width:calc(100% + 55px);} /*** RESULTATS ***/ #page #content_page .list_item .img, #content_page_popin .list_item .img, #home #agenda .list_item .img {min-height:310px;} /* Lire la suite */ .list_item .read_more .btn_txt {padding-right:30px;} /* Ajout aux favoris */ .list_item .zone_bottom p.gg_link a {padding:0 20px 0 0; background-position:right center;} /***************************** PAGE DETAIL / POPIN ******************************/ #popin_detail .wrap {padding-right:0; padding-left:0;} #popin_detail #head_page_popin {padding-bottom:50px;} #popin_detail #head_page_popin .quote {padding-top:0;} #col_left_inner_popin {padding-right:25px;} #col_right_popin .info_utile .contenu_bloc {padding:15px;} #col_right_popin .contenu_bloc .read_more .btn_lien {line-height:1.8em; font-size:1.4em;} #col_right_popin .contenu_bloc .read_more .btn_lien a {letter-spacing:0;} #popin_detail .mise_en_avant .list_item .img {display:block; width:100%; height:100%; position:absolute; overflow:hidden;} #popin_detail .mise_en_avant .list_item .img img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); min-height:100%; min-width:100%; height:auto; width:auto; max-height:100%; max-width:180%; -webkit-backface-visibility:hidden; backface-visibility:hidden;} #popin_detail .mise_en_avant.content li.list_item a {margin-bottom:30px;} #popin_detail .mise_en_avant .list_item a .thumb-title, #popin_detail .mise_en_avant .list_item a .thumb-title, #popin_detail .mise_en_avant .list_item .thumb-title, #popin_detail .mise_en_avant .list_item .thumb-title, #popin_detail .mise_en_avant .list_item a:hover .thumb-title, #popin_detail .mise_en_avant .list_item a:focus .thumb-title, #popin_detail .mise_en_avant .list_item:hover .thumb-title, #popin_detail .mise_en_avant .list_item:focus .thumb-title {padding:20px;} #popin_detail .mise_en_avant .list_item a .txt, #popin_detail .mise_en_avant .list_item a .txt, #popin_detail .mise_en_avant .list_item .txt, #popin_detail .mise_en_avant .list_item .txt {width:100%; height:100%; position:relative;} #popin_detail .mise_en_avant .list_item a .thumb-title .btn_lien, #popin_detail .mise_en_avant .list_item a .thumb-title .btn_lien {display:block; right:20px;} #popin_detail .mise_en_avant .list_item a .thumb-title .thumb-desc, #popin_detail .mise_en_avant .list_item a .thumb-title .thumb-desc, #popin_detail .mise_en_avant .list_item .thumb-title .thumb-desc, #popin_detail .mise_en_avant .list_item .thumb-title .thumb-desc, #popin_detail .mise_en_avant .list_item a:hover .thumb-title .thumb-desc, #popin_detail .mise_en_avant .list_item a:focus .thumb-title .thumb-desc, #popin_detail .mise_en_avant .list_item:hover .thumb-title .thumb-desc, #popin_detail .mise_en_avant .list_item:focus .thumb-title .thumb-desc {padding:10px 0 0 0;} #popin_detail .mise_en_avant .list_item a:hover .thumb-title::before, #popin_detail .mise_en_avant .list_item a:focus .thumb-title::before, #popin_detail .mise_en_avant .list_item:hover .thumb-title::before, #popin_detail .mise_en_avant .list_item:focus .thumb-title::before {display:none;} /*********************************** DASHBOARD **********************************/ #content_page .dash_do_btn p a {padding-left: 18px;} /********************************** BANDEAU RGPD ********************************/ /* Bandeau */ #tarteaucitronRoot #tarteaucitronAlertBig {padding:1rem 1rem 0.5rem 1rem;} #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {display:block; padding-bottom:0.5rem; text-align:center; margin-right:0;} } /********************************************************************************/ /*************************** MEDIUM de 1023 a 640 *******************************/ /********************************************************************************/ @media only screen and (min-width:64em) { #col_right, #col_right_popin {display:block !important;} } /* 1023 */ @media screen and (max-width:63.9375em) { /****************************** FORMULAIRES ***********************************/ .powermail_confirmation input[type="submit"] {width:100%; margin:5px auto; padding:5px 0;} /*** BTN LIENS ***/ .btn_lien.feuilleter, .btn_lien.telecharger {font-size:1.6em;} /*********************************** LAYOUT **********************************/ /*** STRUCTURE GENERALE ***/ #main {padding-bottom:0;} #col_left, #col_left_popin {max-width:100%} /*** BTN STICKY ***/ #btn_fil_rouge.is-stuck, #btn_acces_rapides.is-stuck, #btn_fil_rouge.is-stuck:hover, #btn_acces_rapides.is-stuck:hover {box-shadow:0 0 0 2px #fff;} #btn_fil_rouge, #btn_acces_rapides {width:60px; height:60px;} #btn_acces_rapides span {padding-left:15px;} #btn_acces_rapides {font-size:1.6em;} #btn_acces_rapides span::before {width:10px; top:11px;} /*** HEADER ***/ /* Burger button */ .hamburger {left:5px; z-index:10; top:20px; height:50px;} #btn_open_menu_smart.hamburger--spring .menu_title {font-size:1.2em;} /* Logo */ #logo img {width:125px;} /*** POPINS ***/ .reveal {padding:55px 30px 40px 30px;} .reveal.full .wrap_popin {height:100vh !important; top:0 !important;} /*** /POPIN/ MENU PRINCIPAL ***/ .off-canvas-wrapper {overflow:hidden;} #offCanvasLeft .is-drilldown ul ul.sous_menu.is-drilldown-submenu.is-active.hidden {overflow-y:hidden;} .off-canvas-wrapper-inner.is-open-left .off-canvas-content {overflow-x:hidden;} #offCanvasLeft .is-drilldown {position:relative; max-width:100% !important; z-index:1; min-height:100% !important;} #offCanvasLeft .is-drilldown ul ul {overflow-y:auto; overflow-x:hidden;} #offCanvasLeft .is-drilldown ul {overflow-y:auto; overflow-x:hidden; height:100%; display:block; padding-bottom:231px;} .off-canvas.position-left .is-drilldown {height:100%;} #offCanvasLeft .is-drilldown ul li {font-size:inherit; line-height:inherit;} #offCanvasLeft .is-drilldown ul.sous_menu {padding-bottom:201px;} #offCanvasLeft .is-drilldown ul.sous_menu.overflow {overflow-y:hidden;} #offCanvasLeft .is-drilldown ul.sm {padding-bottom:251px;} #offCanvasLeft .is-drilldown > ul {z-index:1;} #offCanvasLeft .is-drilldown ul.sous_menu {z-index:2;} #offCanvasLeft .is-drilldown ul.sm {z-index:3;} #offCanvasLeft .menu.vertical {padding:30px 20px;} #offCanvasLeft .menu.vertical > li {padding:5px 0;} #offCanvasLeft .menu.vertical > li > a {padding-right:40px; padding-left:0;} #offCanvasLeft .menu.vertical .is-drilldown-submenu-parent > a::after {content:url(../img/arrow_next_white.svg); border:0; margin:0; width:16px; height:16px; display:block; right:20px; top:20%;} #offCanvasLeft .menu.vertical li li > a {padding-right:40px; padding-left:0;} #offCanvasLeft .menu.vertical li li li > a {padding-right:0; padding-left:0;} /* btn back previous level */ #offCanvasLeft .menu.vertical .js-drilldown-back > a {padding-right:1rem; padding-left:30px; position:relative;} #offCanvasLeft .menu.vertical .js-drilldown-back > a::before {content:url(../img/arrow_prev_white.svg); border:0; margin:0; width:16px; height:16px; position:absolute; left:0;} /* level 2 */ #offCanvasLeft .menu.vertical .is-drilldown-submenu.is-active {margin-left:0; padding:30px 20px;} /* level 3 */ #offCanvasLeft .menu.vertical .sm.is-drilldown-submenu .js-drilldown-back {padding-right:0; padding-left:0;} #offCanvasLeft .menu.vertical ul.sm li {padding:0.7rem 1rem;} /* menu tools top */ #top_tools_smart {padding:15px 20px; width:100%; position:absolute; left:0; bottom:0; z-index:2; overflow:visible;} #top_tools_smart p {font-size:1.5em; line-height:normal;} #leftmenu_cont {height:100%; /*padding-bottom:185px;*/ display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;} #smart_menu {/*height:100%;*/flex:1 1 0; width:100%;} #smart_menu .menu.vertical li a {color:#ffffff; letter-spacing:0.02em;} #smart_menu .is-drilldown > .menu.vertical > li > a {font-size:1.6em; line-height:1.4em; font-family:'roboto_medium',Arial,Verdana,sans-serif; background:transparent;} #smart_menu .menu.vertical li li > a {font-size:1.5em; line-height:1.4em; font-family:'roboto_regular',Arial,Verdana,sans-serif; background:transparent;} #smart_menu .menu.vertical li li li > a {font-size:1.5em; line-height:1.4em;} /* btn back previous level */ #smart_menu .menu.vertical .js-drilldown-back > a {text-transform:uppercase; font-family:'roboto_regular',Arial,Verdana,sans-serif; font-size:1.3em; letter-spacing:0.04em;} /* Zone liens sous menu */ #offCanvasLeft #line_tools_menu {position:absolute; width:100%; bottom:0; padding:10px 0; height:180px;} #offCanvasLeft #line_tools_menu li {width:100%; padding:0;} #offCanvasLeft #line_tools_menu li a, #offCanvasLeft #line_tools_menu li button {width:100%; text-align:left; padding:10px 12px 10px 55px;} /* Bloc newsletter */ .offcanvas_newsletter #inscription_newsletter {margin:10px; padding:10px; border:none;} .offcanvas_newsletter #inscription_newsletter p {font-size:1.6em;} .offcanvas_newsletter #inscription_newsletter input[type="text"], .offcanvas_newsletter #inscription_newsletter input[type="email"] {margin:0; padding:10px; max-width:none; font-size:1.6em; width:100%} .offcanvas_newsletter #inscription_newsletter form {padding:10px 30px 0 0; width:100%;} .offcanvas_newsletter #inscription_newsletter input[type="submit"] {bottom:10px; position:absolute; top:initial; right:10px; height:44px; padding:0 4px; color:#fff;} /* Site externe */ #offCanvasLeft .site_externe {padding-top:0; padding:10px; margin:10px; background:#fff;} #offCanvasLeft .site_externe .btn_lien a {letter-spacing:0;} /*** POPIN EN 1 CLIC ***/ #popin_acces_rapides .wrap_popin .row > a > img {width:125px;} .line_tools_menu {margin-bottom:30px; margin-top:20px;} /*** BANDEAU IMAGE ***/ #page #bandeau_page, #page #bandeau_page_popin {height:220px; position:relative;} #home #bandeau_page {height:640px;} #bandeau_page .img {min-height:inherit;} #page #bandeau_page .img img {max-width:180%; max-height:102%;} #home #bandeau_page .wrap {height:auto;} #acces_rapide_navigation li {margin-left:10px; margin-bottom:10px;} #acces_rapide_navigation li a > span {width:100px; height:100px;} #tags li {margin:6px;} /*** FOOTER ***/ #footer {position:relative; min-height:initial;} #info_footer {padding:0 0 30px;} #info_footer p {font-size:1.4em; line-height:1.5em;} #menu_footer {order:2;} #footer #bg_right {width:100%;} #footer #bg_left {width:0;} #menu_footer ul li {font-size:1.4em;} #menu_footer ul li a {color:#fff; border-bottom:1px solid transparent;} /*** FIL D'ARIANE ***/ #fil_ariane {margin-bottom:35px;} /*********************************** HOME **********************************/ /*** ZONE MOTEUR ***/ #zone_moteur {padding-right:0; margin-top:150px;} .search_area_cont, #zone_recherche, #tags {max-width:none; margin:0 auto;} #acces_rapide_navigation {justify-content:center;} #acces_rapide_navigation ul {max-width:none; justify-content:center;} #acces_rapide_navigation_profil {text-align:center;} #profil .dropdown-pane {left:50% !important; right:initial !important; transform:translateX(-50%);} /* BLOCS HOME */ .bloc_home {padding-top:30px; padding-bottom:40px;} .bloc_home .titre_bloc .bloc_home_title, #content_page .bloc_home .titre_bloc .bloc_home_title, #content_page_popin .bloc_home .titre_bloc .bloc_home_title, #actu.bloc_home .titre_bloc .bloc_home_title, #media.bloc_home .titre_bloc .bloc_home_title {font-size:3em;} .bloc_home .bloc_home_subtitle, #content_page .bloc_home .bloc_home_subtitle, #content_page_popin .bloc_home .bloc_home_subtitle {font-size:2.4em;} /*** ACTUALITES ***/ #actu {padding-top:30px;} #media {padding-top:0;} .mise_en_avant .list_item .img {display:block; width:100%; height:100%; position:absolute; overflow:hidden;} .mise_en_avant .list_item .img img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); min-height:100%; min-width:100%; height:auto; width:auto; max-height:100%; max-width:180%; -webkit-backface-visibility:hidden; backface-visibility:hidden;} .mise_en_avant.content li.list_item a {margin-bottom:30px; width:100%;} .mise_en_avant .list_item a .thumb-title, .mise_en_avant .list_item a .thumb-title, .mise_en_avant .list_item .thumb-title, .mise_en_avant .list_item .thumb-title, .mise_en_avant .list_item a:hover .thumb-title, .mise_en_avant .list_item a:focus .thumb-title, .mise_en_avant .list_item:hover .thumb-title, .mise_en_avant .list_item:focus .thumb-title {padding:20px;} .mise_en_avant .list_item a .txt, .mise_en_avant .list_item a .txt, .mise_en_avant .list_item .txt, .mise_en_avant .list_item .txt {width:100%; height:100%; position:relative;} .mise_en_avant .list_item a .thumb-title .btn_lien, .mise_en_avant .list_item a .thumb-title .btn_lien {display:block; right:20px; /*#27256*/ position:relative; right:inherit; bottom:inherit; margin-top:20px;} .mise_en_avant .list_item a .thumb-title .thumb-desc, .mise_en_avant .list_item a .thumb-title .thumb-desc, .mise_en_avant .list_item .thumb-title .thumb-desc, .mise_en_avant .list_item .thumb-title .thumb-desc, .mise_en_avant .list_item a:hover .thumb-title .thumb-desc, .mise_en_avant .list_item a:focus .thumb-title .thumb-desc, .mise_en_avant .list_item:hover .thumb-title .thumb-desc, .mise_en_avant .list_item:focus .thumb-title .thumb-desc {padding:10px 0 0 0;} .mise_en_avant .list_item a:hover .thumb-title::before, .mise_en_avant .list_item a:focus .thumb-title::before, .mise_en_avant .list_item:hover .thumb-title::before, .mise_en_avant .list_item:focus .thumb-title::before {display:none;} /*** AGENDA ***/ .list_item.bandeau_item *, .list_item.bandeau_item > a *, .list_item.bandeau_item > a * {color:#000 !important;} .list_item.bandeau_item .gradient, .list_item.bandeau_item > a .gradient, .list_item.bandeau_item > a .gradient {display:none;} .list_item.bandeau_item .txt, .list_item.bandeau_item > a .txt, .list_item.bandeau_item > a .txt {height:100%;} .list_item .read_more, .list_item > a .read_more, .list_item > a .read_more {display:block;} .list_item .date, .list_item > a .date, .list_item > a .date {position:relative;} .list_item .zone_bottom, .list_item > a + .zone_bottom, .list_item > a + .zone_bottom {bottom:0;width:auto; height:auto; padding:13px 20px 14px 28px;} .list_item.bandeau_item > a .redMarkup {background-color:#000000 !important; color:#ffffff !important;} /* APPLI */ #agenda .app {flex:0 0 100%; -webkit-flex:0 0 100%; padding:0 1rem 20px 1rem;} #agenda .app .btn_lien a {padding:0 35px 2px 30px;} /*** ZOOM SUR - NEWSLETTER ***/ #zoom_sur .content * {max-width:none;} #inscription_newsletter {max-width:none;} #inscription_newsletter form {padding:0;} /*** CARTE INTERACTIVE HOME ***/ #carte_interactive .list_select {padding:0 20px;} #carte_interactive .list_select ul li {font-size:1.4em;} #carte_interactive .list_select .intitule {padding-left:20px;} #carte_interactive .list_select .intitule::before {display:none;} /*** SOCIAL WALL ***/ #content_page #social-stream li {width:48%;} .stream li {width: 48%;} /*********************************** PAGE TYPE **********************************/ /*** TITRE PAGE & BLOC ACCROCHE ***/ #head_page, #head_page_popin {padding-bottom:30px;} #page h1, #popin_detail #titre_page_popin p {font-size:3em;} #page .quote p, #page .quote h2, #popin_detail .quote p, #popin_detail .quote h2 {font-size:1.6em;} .quote {padding-top:15px;} #titre_page.is-stuck {left:50%; transform:translate(-50%, 80px); width:320px !important; top:0 !important;} #titre_page.is-stuck.scroll_down {transform:translate(-50%, 0);} #titre_page.is-stuck h1 {max-width:100% !important;} /*** PARAM TXT ***/ #content_page h2, #content_page_popin h2 {font-size:3em;} #content_page h2, #content_page_popin h2 {font-size:2.5em;} #content_page h3, #content_page_popin h3 {font-size:2em;} #content_page h4, #content_page_popin h4 {/*font-size:1.8em;*/ font-size:1.6em;} #content_page ul, #content_page ol, #content_page_popin ul, #content_page_popin ol {padding:0 0 0 15px;} #content_page ul li, #content_page_popin ul li {padding:0 0 0 10px;} #content_page blockquote, #content_page_popin blockquote {margin:0 0 20px 20px;} #content_page table caption, #content_page_popin table caption {font-size:2em;} /* BLOC VIDEO */ #video_pop {padding:55px 70px 40px 70px;} /* BLOC DIAPORAMA IMAGES SLICK */ #content_page .diaporama_images .slick-slide img {width:100%;} /*** QUESTIONNAIRE QUALITE ***/ #quality_form #comment .ligne_form > label {padding:5px 0;} /*** COLONNE CONTEXTUELLE ***/ #col_left_inner, #col_left_inner_popin {padding-right:0;} #btn_col_right, #btn_col_right_popin {display:block; height:50px; width:50px; border-radius:50px; position:fixed; bottom:90px; right:10px; z-index:999992; background:url(../img/info.png) no-repeat center center; background-color:#ea0032; box-shadow:3px 3px 7px 0 rgba(0,58,69,0.35); text-indent:-99999px; -webkit-transition:background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition:background 0.3s, color 0.3s, box-shadow 0.3s; transition:background 0.3s, color 0.3s, box-shadow 0.3s; margin:0;} #btn_col_right.open, #btn_col_right_popin.open {background-image:none;} #btn_col_right.open::before, #btn_col_right.open::after, #btn_col_right_popin.open::before, #btn_col_right_popin.open::after {content:""; display:block; position:absolute; width:20px; height:3px; background:#ffffff; left:14px; top:22px;} #btn_col_right.open::before, #btn_col_right_popin::before {margin-top:0; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} #btn_col_right.open::after, #btn_col_right_popin::after {margin-top:0; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} #col_right, #col_right_popin {position:fixed; top:0; left:0; width:100%; height:100%; padding:30px; background:#fff; z-index:101; overflow-y:scroll; overflow-x:hidden; max-width:100%;} #main.zindex {z-index:11;} .bloc_col .titre_bloc {margin-bottom:15px;} #content_page .bloc_col .titre_bloc p, #content_page_popin .bloc_col .titre_bloc p, #content_page .bloc_col .titre_bloc h2, #content_page_popin .bloc_col .titre_bloc h2 {font-size:2.3em;} #content_page .bloc_col p.subtitle, #content_page_popin .bloc_col p.subtitle {font-size:1.8em;} #page .zone_articles_associes ul li a, #popin_detail .zone_articles_associes ul li a {background-size:16px; background-position:0 0;} /*** POUR ALLER PLUS LOIN ***/ #mise_en_avant.bloc_home .titre_bloc .bloc_home_title {font-size:2.5em;} /********************************** PAGE LISTE **********************************/ /* #43338 */ #filters_anchor_top, #bottom-anchor {transform:translateY(-23.9rem);} /* #43338 */ #filters .is-stuck {margin-top:23.9rem !important;} /* #43338 */ #filters .is-anchored.is-at-bottom {transform:translateY(23.9rem);} /*** MOTEUR ***/ #line_tools_moteur p.btn_lien a {height: 40px; width: 40px;padding: 0;} #line_tools_moteur {padding-right: 30px;padding-left: 30px;} /*submit + reset filtres*/ #filters .wrap_filters {width: 100%;} #content_anchor.mapfullwidth #filters .sticky {max-width: 100% !important;} /* TEST #27735 #filters .sticky.is-stuck.is-at-top {margin-top: 21.2em !important;}*/ #page.list #first_display .list_item:nth-child(1), #page.list #first_display .list_item:nth-child(2), #page.list #first_display .list_item:nth-child(3), #page.list #first_display .list_item:nth-child(3), #page.list #first_display.large-12 .list_item:nth-child(4) {margin-top: 20px;} #page.list #first_display.medium-6 .list_item:nth-child(1) {margin-top:0;} /*** RESULTATS ***/ /* Item generique */ /* Image */ #page #content_page .list_item .img img, #content_page_popin .list_item .img img, #home #agenda .list_item .img img {max-height: inherit;} /* Titre */ .list_item .titre, #content_page .list_item .titre, #content_page_popin .list_item .titre {font-size:1.8em; line-height:1.4em; margin:0;} .list_item.bandeau_item .titre {text-shadow:none;} /* Description */ .list_item .thumb-title .thumb-desc, .list_item:hover .thumb-title .thumb-desc, .list_item a:hover .thumb-title .thumb-desc, .list_item a:focus .thumb-title .thumb-desc {height:auto; -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -moz-transition:none !important; -o-transition:none !important; -webkit-transition:none !important; transition:none !important;} /* Lire la suite */ .list_item .btn_lien_picto {-webkit-transform:scaleX(1) scaleY(1); -ms-transform:scaleX(1) scaleY(1); transform:scaleX(1) scaleY(1);} /* Communes */ .list_item.commune .zone_bottom {bottom: 50px;} /***************************** PAGE DETAIL / POPIN ******************************/ #titre_page_popin {-webkit-flex:0 0 100%; -ms-flex:0 100%; flex:0 0 100%; max-width:100%;} #slider_img img, #slider_img_popin img {width:100%;} /***************************** MOTEUR DE RECHERCHE ******************************/ #content_page #moteur.elastic #line_tools_moteur > .columns > .row {margin:0;} #content_page #moteur.elastic #line_tools_moteur > .columns > .row > .columns {width:80px; text-align:center;} #content_page #moteur.elastic #elastic {margin:0;} #content_page #moteur.elastic #elastic .show_filters {position:absolute; width:45px; left:20px; bottom:6px; padding:0;} #content_page #moteur.elastic #elastic .btn_all {padding-left:55px;} #content_page #moteur.elastic #elastic #reset_search a {line-height:2.2em;} #elastic {-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; position:relative;} #elastic .btn_input {max-width:100%; width:100%; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-bottom:20px;} #elastic #main_search {margin-bottom:0;} /*************************** CARTE INTERACTIVE ******************************/ /* Header */ .carto_tpl #header {height:80px !important; left:0; transform:translateX(0);} .carto_tpl #header #menu_scroll {opacity:1; display:flex;} .carto_tpl #logo {height:0; opacity:0; display:none;} /* fil d'ariane / footer */ #page.carto_tpl #fil_ariane {margin-bottom:0; left:0;} .carto_tpl #footer {padding-right:10px;} .carto_tpl #footer::before {left:3px;} #carto #carto_results {left:15px; top:115px;} #carto #filters {padding:0; z-index:10;} .carto_tpl #modal_window .list_item .zone_bottom {position:relative;} #modal_window.carto_tpl .list_item .img {position:relative; height:250px; left:inherit; top:inherit;} /*********************************** DASHBOARD **********************************/ /*LISTE RDV*/ .dash_messagerie .dash_item {margin:0 0 35px 0;} .dash_messagerie_btn {margin-top:10px;} #content_page .dash_messagerie .dash_do_btn:first-child {margin-left:0;} /*********************************** CO MARQUAGE **********************************/ #content_page .tx-cimcomarquage .bloc_compl p.titre, #content_page .tx-cimcomarquage .bloc_compl button.titre {font-size:1.8em;} /********************************** BANDEAU RGPD ********************************/ /* General */ #tarteaucitronRoot #dialogTitle {font-size:2rem;} #tarteaucitron .tarteaucitronName h2 {font-size:1.6rem;} #tarteaucitron .tarteaucitronName h3 {font-size:1.8rem;} #tarteaucitronRoot div#tarteaucitron {padding:0;} /* Bandeau */ #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {font-size:1.2rem;} /* Boutons */ #tarteaucitronRoot button {padding:0.75rem 1rem; font-size:1.2rem;} /********************************************************************************/ /************************** CARTE COLLECTE DES DECHETS **************************/ /********************************************************************************/ /* Barre de recherche */ #page.carto_dechets .ol-geocoder.gcd-txt-container {top:9rem;} /* Boutons map */ #page.carto_dechets .ol-control {display:none;} } /********************************************************************************/ /*************************** SMALL de 640 a 320 *********************************/ /********************************************************************************/ /* 639 */ @media screen and (max-width:39.9375em) { /* #40449 */ .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {float:none; margin:0;} .ce-intext.ce-right .ce-gallery figure, .ce-intext.ce-left .ce-gallery figure, .ce-above .ce-gallery figure {margin:0 0 15px 0 !important;} /********************************* TRANSITIONS ********************************/ .page-is-changing .cs-loader-inner-transitions img {max-width:100px;} .cs-loader-transitions .boules_rotator {width:100px; height:100px; left:calc(50% - 50px); top:calc(50% - 50px);} .cs-loader-transitions .boule::before {width:10px; height:10px;} @keyframes loltransitions { 0% {opacity:0; transform:translateX(-200px);} /* 0 pour k2000 */ 33% {opacity:1; transform:translateX(0px);} 66% {opacity:1; transform:translateX(0px);} 100% {opacity:0; transform:translateX(200px);} /* 0 pour k2000 */ } @-webkit-keyframes loltransitions { 0% {opacity:0; -webkit-transform:translateX(-200px);} /* 0 pour k2000 */ 33% {opacity:1; -webkit-transform:translateX(0px);} 66% {opacity:1; -webkit-transform:translateX(0px);} 100% {opacity:0; -webkit-transform:translateX(200px);} /* 0 pour k2000 */ } @keyframes ondulate { 0% {-webkit-transform:translateY(-125px); -moz-transform:translateY(-125px); -ms-transform:translateY(-125px); -o-transform:translateY(-125px); transform:translateY(-125px);} 50% {-webkit-transform:translateY(-75px); -moz-transform:translateY(-75px); -ms-transform:translateY(-75px); -o-transform:translateY(-75px); transform:translateY(-75px);} 100% {-webkit-transform:translateY(-125px); -moz-transform:translateY(-125px); -ms-transform:translateY(-125px); -o-transform:translateY(-125px); transform:translateY(-125px);} } @-webkit-keyframes ondulate { 0% {-webkit-transform:translateY(-125px); -moz-transform:translateY(-125px); -ms-transform:translateY(-125px); -o-transform:translateY(-125px); transform:translateY(-125px);} 50% {-webkit-transform:translateY(-75px); -moz-transform:translateY(-75px); -ms-transform:translateY(-75px); -o-transform:translateY(-75px); transform:translateY(-75px);} 100% {-webkit-transform:translateY(-125px); -moz-transform:translateY(-125px); -ms-transform:translateY(-125px); -o-transform:translateY(-125px); transform:translateY(-125px);} } /****************************** FORMULAIRES ***********************************/ legend {font-size:2.2em;} label, .input-group-label, .powermail_label.powermail_radio_legend, .powermail_label, input, select, textarea, [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'] {font-size:1.4em;} .ligne_form.checkbox label, .ligne_form.radio label, .powermail_fieldwrap_type_check .checkbox label, .powermail_fieldwrap_type_radio .radio label {font-size: 1.2em;} input[type="submit"], input[type="button"], #filters input[type="submit"], #filters input[type="button"], .powermail_confirmation input[type="submit"] {font-size: 1.6em;} /* #44140 champ reset */ input.powermail_reset.btn.btn-primary.btn-danger {font-size:1.6em;} /******************************* BTN LIENS ***********************************/ .btn_lien, .list_item .zone_bottom p.gg_link, .btn_lien.feuilleter, .btn_lien.telecharger {font-size: 1.4em;line-height: 1.6em;} /*********************************** LAYOUT **********************************/ /*** STRUCTURE GENERALE ***/ .wrap {width:100%; padding:0 30px;} /*** Bouton Alerte ***/ #btn_fil_rouge {top:120px !important;} #btn_acces_rapides {top:220px !important;} /*** COOKIES ***/ #cookie_msg.callout p {font-size:1.2em;} /*** HEADER ***/ #header #data-sticky-header {width:100%; position:fixed; top:0 !important; opacity:1 !important; z-index:11;text-align:center;} #accessi {display:none;} #logo h1, #logo p, #logo_scroll h1, #logo_scroll p {font-size:initial; line-height:normal; margin:0 auto; max-width:80px;} #btn_close_menu_smart {width:60px; height:60px;} /*** POPINS ***/ .reveal {margin-left:auto; width:100%; padding:55px 20px 30px 20px;} /*** /POPIN/ MENU PRINCIPAL ***/ #leftmenu_cont {} /* Bloc newsletter */ .offcanvas_newsletter #inscription_newsletter p {font-size:1.4em;} .offcanvas_newsletter #inscription_newsletter input[type="text"], .offcanvas_newsletter #inscription_newsletter input[type="email"] {padding:5px; font-size:1.4em;} .offcanvas_newsletter #inscription_newsletter form {position: relative;margin-top: 10px;padding-top: 0;} .offcanvas_newsletter #inscription_newsletter input[type="submit"] {top: 0;position: absolute;right: 0; height:31px;} /* Site externe */ #offCanvasLeft .site_externe {padding-top:0; padding:10px; margin:10px; background:#fff;display:inline-block;} #offCanvasLeft .site_externe .btn_lien a {letter-spacing:0;} /*** POPIN MENU PRINCIPAL HOME ***/ .wrap_popin ul.liste_menu li li.level2 > a {font-size: 1.6em;} /*** POPIN RECHERCHE ***/ #popin_recherche {padding:0;} /*popin_recherche #zone_recherche #recherche {padding-right:60px;}*/ #popin_recherche #zone_recherche input[type="text"] {font-size:1.6em;} .search_area_cont.is_search {padding:100px 10%;} /*** POPIN EN 1 CLIC ***/ #btn_acces_rapides {width:60px; height:60px; font-size:1.4em; padding:0 12px 0 10px; text-align:right;} #btn_acces_rapides span {padding-left:0;} #btn_acces_rapides span::before {top:10px; width:12px;} #popin_acces_rapides .content .titre_bloc {font-size:3em;} #acces_rapides li .img {width:80px; height:80px; padding:20px;} #acces_rapides li .img:before, #acces_rapides li .img:after {width:95px; height:95px;} #acces_rapides li .img img {width:40px; height:40px;} /*** BANDEAU IMAGE ***/ /*new car menu en fixe*/ #page #bandeau_page, #page #bandeau_page_popin {height:230px; position:relative;} /*new car menu en fixe*/ #page #bandeau_page .img {height:calc(100% - 80px);} /*new car menu en fixe*/ #page #bandeau_page .img img {max-width:250%; max-height:110%;} /*** FOOTER ***/ #footer .wrap {padding:15px;} #info_footer {padding:0 0 15px;} #info_footer p, #menu_footer ul li {font-size: 1.2em;} #menu_footer ul {padding:0;} /*** FIL D'ARIANE / SHARE / BLOC NOTE / MAJ ***/ #tools_ariane, #tools_ariane_popin {justify-content:flex-end; padding-top:15px; padding-bottom:20px;} #fil_ariane {margin-bottom:10px;} #fil_ariane .breadcrumbs li {padding:3px 0; font-size:1.1em; line-height:1.3em;} #fil_ariane, #social_share {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} #social_share .btn_share {-ms-flex-pack: end;justify-content: flex-end;} /************************************ HOME ***********************************/ /*** ZONE MOTEUR ***/ #zone_moteur {padding-right:1.5rem; padding-left:1.5rem; margin-top:100px;} #zone_recherche input[type="text"] {font-size:1.4em;} #zone_recherche input[type="submit"] {font-size:1.4em;} #home #bandeau_page {height:550px;} #acces_rapide_navigation li {font-size:1.2em; margin-left:5px; margin-bottom:5px;} #acces_rapide_navigation li a > span {width:75px; height:75px;} #bandeau_page .search_area_cont.is_search {padding:60px 10%;} /*** TAG ***/ #tags {margin:20px 0 0 0;} #tags li {margin:0 5px 5px 0; border:1px solid rgba(0,0,0,0.25); font-size:1.2em;} #tags li a {padding:6px;} /* BLOCS HOME */ .bloc_home .titre_bloc .bloc_home_title, #content_page .bloc_home .titre_bloc .bloc_home_title, #content_page_popin .bloc_home .titre_bloc .bloc_home_title, #actu.bloc_home .titre_bloc .bloc_home_title, #media.bloc_home .titre_bloc .bloc_home_title {font-size:2.6em;} .bloc_home .bloc_home_subtitle, #content_page .bloc_home .bloc_home_subtitle, #content_page_popin .bloc_home .bloc_home_subtitle {font-size:2.1em;} .bloc_home {padding-bottom:20px;} .bloc_home .titre_bloc, #content_page .bloc_home .titre_bloc, #content_page_popin .bloc_home .titre_bloc {padding-top:30px;} .bloc_home .titre_bloc .bloc_home_title, #content_page .bloc_home .titre_bloc .bloc_home_title, #content_page_popin .bloc_home .titre_bloc .bloc_home_title {font-size:3em;} .bloc_home .titre_bloc .bloc_home_title span, #content_page .bloc_home .titre_bloc .bloc_home_title span, #content_page_popin .bloc_home .titre_bloc .bloc_home_title span {font-size:25px;} .bloc_home .btn_container .btn_lien_picto {padding-top:25px; margin-bottom:45px; font-size:1.6em;} /*** ACTUALITES ***/ .mise_en_avant .list_item .titre {font-size:1.7em;} .mise_en_avant .list_item .thumb-title .btn_lien {right:20px;} #first_actu {margin-bottom:0;} #actu #first_actu .coverflow_zone_texte {position:relative; border:2px solid #241f20; border-top:0;} #actu #first_actu .img {height:auto;} #actu #first_actu .img img {max-width:100%;} #actu #lastest_actu .row .item_actu:first-child {margin-bottom:3rem;} #actu #lastest_actu a {border:2px solid #241f20;} #actu #first_actu h3 {font-size:2.6em;} #actu #lastest_actu h3 {font-size:1.8em; width:100%;} /*** AGENDA ***/ #agenda .app {padding-top:0;} #agenda .btn_container .btn_lien {margin:10px 0;} /*** ZOOM SUR - NEWSLETTER ***/ #inscription_newsletter {padding:10px;} #inscription_newsletter form {padding:10px 0 0 0;} /*** CARTE INTERACTIVE ***/ #carte_interactive .bg.violet {width:100%;} /*** SLIDER GALAXIE ***/ #sites_applis .galaxie_slider .slick-slider {padding:0 50px;} /*** SOCIAL WALL ***/ #content_page #social-stream li {width:100%;} .stream li {width:100%;} #dcsns-filter li {margin:0 0 0 5px; font-size:1.4em;} #dcsns-filter li a {width:40px; height:40px; line-height:40px;} /********************************* PAGE TYPE *********************************/ /*** TITRE PAGE & BLOC ACCROCHE ***/ #page h1, #popin_detail #titre_page_popin p {font-size:2.4em;} #titre_page, #titre_page_popin {/* mis en commentaire car ajout pad-bot sur tools_ariane : padding:10px 0;*/ /*new : */ margin:0 auto !important;} .quote, #popin_detail #date {padding:10px 0;} /*** PARAM TXT ***/ p, ul li, ol li, main p, main ul li, main ol li {font-size:1.4em; /*new pour confort lecture : */ line-height:1.6em;} #content_page h2, #content_page_popin h2 {font-size:2em;} #content_page h2, #content_page_popin h2 {margin:30px 0 15px 0;} #content_page h3, #content_page_popin h3 {margin:20px 0 10px 0;} #content_page ul, #content_page ol, #content_page_popin ul, #content_page_popin ol {padding:0 0 0 18px;} #content_page ul li, #content_page ol li, #content_page_popin ul li, #content_page_popin ol li {padding:0 0 5px 0;} #content_page blockquote {background:url(../img/quote_bottom.png) no-repeat 96% top; background-size:23px auto; padding:35px 10px; margin:20px;} #content_page_popin blockquote {background:url(../img/quote_bottom.png) no-repeat 96% top; background-size:23px auto; padding:20px 0;} #content_page blockquote, #content_page_popin blockquote {font-size:1.6em; text-align:left;} #content_page table, #content_page_popin table {overflow-x:auto;} #content_page th, #content_page_popin th {font-size:1.5em;} #content_page td, #content_page_popin td {font-size:1.3em;} /*** QUESTIONNAIRE QUALITE ***/ #content_page #quality_form form, #content_page_popin #quality_form form {padding:20px;} #content_page #quality_form form fieldset legend, #content_page_popin #quality_form form fieldset legend, #quality_form .form_item > .ligne_form {padding:0;} #content_page #quality_form form fieldset legend {float:none; font-size:1.4em; padding-bottom:15px;} #quality_form .form_item > .ligne_form > label {font-size:1.5em;} /*** COLONNE CONTEXTUELLE ***/ #btn_col_right, #btn_col_right_popin {right:5px; bottom:120px;} #content_page .bloc_col .titre_bloc p, #content_page_popin .bloc_col .titre_bloc p {font-size:2.6em;} #content_page .bloc_col .titre_bloc p, #content_page_popin .bloc_col .titre_bloc p, #content_page .bloc_col .titre_bloc h2, #content_page_popin .bloc_col .titre_bloc h2 {font-size:2.2em;} #content_page .bloc_col .titre_bloc p.subtitle, #content_page_popin .bloc_col .titre_bloc p.subtitle {font-size:1.7em; line-height:1.3em;} /*** POUR ALLER PLUS LOIN ***/ #mise_en_avant.bloc_home .titre_bloc .bloc_home_title {font-size:2em;} /*** Questionnaire qualite ***/ #comment textarea, #comment textarea[rows] {height:120px;} /********************************* PAGE LISTE ********************************/ #page.list #main {padding-top:85px;} /* Moteur */ /* Nb resulats*/ #line_tools_moteur p {font-size: 1.5em;} #line_tools_moteur p.btn_lien a::after {top: 7px; left: 9px;} /* Filtres */ #filters form {padding: 0;} #filters .wrap_filters {height: auto !important;padding: 20px 30px;} #filters .ligne_form.open_date {padding-bottom: 167px;} /* Map */ #second_display {min-height:450px;} /* Resultats */ .list_item .thumb-desc p {font-size:1.4em;} #page #content_page .list_item .img, #content_page_popin .list_item .img, #home #agenda .list_item .img {min-height:255px;} /**************************** PAGE DETAIL / POPIN ****************************/ #popin_detail {padding:55px 20px 0 20px; width:100%;} #titre_page_popin {padding:0 10px 15px 10px;} #slider_img .cat, #slider_img_popin .cat {position:static;} /* ARROWS NAV POPIN */ .wrap_arrow {width:50px; height:50px; background-color:#f6f6f6; border-radius:50%;} .arrows {width:40px; height:40px; margin:0 auto;} .arrows.to_right {background:url(../img/right_arrow.png) center center no-repeat; background-size:auto 25px;} .arrows.to_left {background:url(../img/left_arrow.png) center center no-repeat; background-size:auto 25px;} .wrap_arrow + .wrap_arrow {right:5px !important;} /* SLIDER VIDEO */ .video_slider .contenu_bloc {padding:0 40px;} .video_slider .slick-slider .slick-arrow, #video_pop .slick-slider .slick-arrow {padding:0;} .video_slider .slick-slider .slick-arrow::before, #video_pop .slick-slider .slick-arrow::before {width:35px; height:35px;} #video_pop .slick-slider .slick-arrow.slick-next {top:70%; right:30%;} #video_pop .slick-slider .slick-arrow.slick-prev {top:70%; left:30%;} /********************************** FIL ROUGE ***********************************/ #popin_fil_rouge {width:100%;} /***************************** MOTEUR DE RECHERCHE ******************************/ #content_page #moteur.elastic {margin-bottom:20px;} /* #27735 #content_page #moteur.elastic #line_tools_moteur {padding:15px; padding-bottom:0;}*/ #content_page #moteur.elastic #elastic .btn_input {padding:0; margin-bottom:0;} /* #27735 #content_page #moteur.elastic .columns {width:100%; justify-content:center; text-align:center;}*/ /* #27735 #content_page #moteur.elastic #line_tools_moteur > .columns > .row > .columns {width:100%;}*/ #content_page #moteur.elastic #elastic {margin:0; padding:15px 0;} #content_page #elastic .btn_input button, #content_page_popin #elastic .btn_input button {right:5px;} #content_page #elastic .show_filters, #content_page_popin #elastic .show_filters, #content_page #elastic .btn_all, #content_page_popin #elastic .btn_all {flex:0 0 100%; max-width:100%; width:100%; padding:0;} #content_page #line_tools_moteur #elastic p.btn_lien, #content_page_popin #line_tools_moteur #elastic p.btn_lien {padding:5px 0;} #content_page #moteur.elastic #elastic .show_filters {position:absolute; width:45px; left:0; bottom:22px; padding:0;} /* #27735 */ #line_tools_moteur {padding-bottom:15px; padding-top:15px;} /*.search_tpl #filters {width:100%; position:absolute;}*/ .search_tpl #filters > .sticky {top:0 !important;} #page.list #content_page {padding-bottom:30px;} #content_page .pagination li {display:inline-block;} /********************************* PLAN DU SITE *********************************/ #content_page .csc-sitemap ul {padding:0 0 0 5px;} #content_page .csc-sitemap li {margin:0 0 5px 0; padding:2px; font-size:1.8em; line-height:1.5em;} #content_page .csc-sitemap li ul {padding:0 0 0 5px; margin:15px 0 15px 0;} #content_page .csc-sitemap li li {margin:10px 0;} #content_page .csc-sitemap li ul ul {padding:5px !important; margin:15px 0 15px 15px;} /******************************* CARTE INTERACTIVE ******************************/ /* Container */ .carto_tpl #main, .carto_tpl #content_page {position:fixed; width:100%; top:60px; height:calc(100% - 60px);} .carto_tpl #main {z-index:11;} /* Header */ .carto_tpl #header {height:60px !important; width:100%;} .carto_tpl #header #data-sticky-header {width:100%;} .carto_tpl #header #menu_scroll {width:100%; max-height:60px; box-shadow:none;} .carto_tpl #logo_scroll p {max-width:59px;} .carto_tpl #header #menu_scroll #wrap_profil_btn, .carto_tpl #header #menu_scroll button {height:60px; line-height:7.4em;} .carto_tpl #header #menu_scroll #profil_btn {height:60px; background-position:center 9px;} .carto_tpl #header #menu_scroll .hamburger .hamburger-inner {top:12px;} /* fil d'ariane / footer */ .carto_tpl .tx-cim-fil-rouge {display:none;} .carto_tpl #footer {left:16.8rem;} .carto_tpl #footer p {font-size:1.1em; line-height:1.3em; padding:3px 0;} #fil_ariane.open, #footer.open {display:none;} /* Nombre de resultats */ #carto #carto_results {min-width:100%; left:0; right:initial; height:60px; padding:8px 0;border-radius: 0;top: 0; border-bottom:2px solid #fff; border-top:2px solid #fff;} #carto #carto_results p {font-size:1.4em; text-align:left; padding:10px 1.5rem 10px 0; width:100%;} #carto #carto_results p > * {-webkit-flex:1 1 0; -ms-flex:1 1 0; flex:1 1 0; padding-left:1.5rem; padding-right:1.5rem; min-width:initial; display:inline-block;} #carto #carto_results p br {display:none;} #carto #carto_results p a {position:absolute; right:20px; top:17px; font-size:1em; margin:0;} #carto #carto_results #result_carto_display {font-size:1.4em;} #carto #carto_results #result_carto_display .reinit {font-size:1em;} #carto #carto_results #result_carto_display .intitule {padding-left:5px; font-size:1em;} #carto #carto_results .nb {display: initial;padding-right:0;} #carto #carto_results .no_results {font-size:0.9em;} .reinit.is-hidden {display:none !important;} .open_filters_small.is-hidden {display:none !important;} /* Filtres */ #carto .wrap_map {padding-left:12em;} #carto #filters {padding:0; top:60px; width:100%; right:-100%;} #carto #filters.open {right:0; left:inherit; width:100%;} #carto #filters, #carto #filters.open {-webkit-transition:right 0.5s ease; -moz-transition:right 0.5s ease; -o-transition:right 0.5s ease; transition:right 0.5s ease;} #carto #map_filters {height:calc(100% - 60px); width:12em;} #carto #map_filters .tabs-title {font-size:1.3em;} /* Btn "Tout afficher" / "Tout effacer" */ #content_page #carto .display_all a {padding-right: 0;} /* Btn close panneau filters */ .close_map_filters {width:40px; height:40px; padding:0; top:10px; right:10px;} .close_map_filters .box {position:static;} .close_map_filters .inner {width:20px; height:20px; position:absolute; left:10px; top:10px;} .close_map_filters .title {display:none;} /* Form */ /* formulaire global */ #content_page #carto .tabs-content {padding:30px 15px 25px 15px; height:calc(100% - 60px);} /* legend de fieldset niveau 1 - nom de l'annuaire */ #carto .tabs-content legend {font-size:1.7em; padding-top:0; padding-right:50px; letter-spacing:0;} #carto #filters .ligne_form {margin-top:20px;padding: 0;} /* label des champs */ #carto #filters label, #carto #filters .type.input-group-label {font-size:1.4em;} #carto #filters .type.input-group-label {padding:0;} /* checkbox tag */ #carto #filters .input-group label {font-size:1.3em; margin:0;} #carto #filters .input-group .shrink {padding:10px 5px 0 0;} #carto #filters .input-group {padding:0; margin:0;} /* Map */ #carto #zone_map {padding:0;} /* MODAL WINDOW */ #modal_window.carto_tpl {max-height:85%; max-width:85%; min-height:initial; height:auto; position:absolute; left:50%; top:50% !important; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);} #modal_window.carto_tpl .list_item .close-button {top:0; right:0;} #modal_window.carto_tpl .list_item .img {display:none;} #modal_window.carto_tpl .list_item .txt {padding:25px 30px 25px 25px;} #modal_window.carto_tpl .titre {padding-top:0; padding-right:30px;} #modal_window.carto_tpl .cat {padding-bottom:10px;} #modal_window.carto_tpl .date {position:static;} #modal_window.carto_tpl .date .contain {margin:0; padding-bottom:0;} /********************************* DASHBOARD *********************************/ #dash_settings {padding: 20px;} #page #dash_settings .categorie p {padding: 9px 15px 5px 26px;} .dash_item > .row {padding: 0 1rem;} #content_page .dash_do_btn {border:0;} #content_page .dash_do_btn.edit_dash {border-right: 3px solid #fff;} #content_page .dash_item h3 {margin-bottom: 15px;} /*LISTE RDV*/ #content_page .dash_messagerie .dash_item > .row {padding-left:0; padding-right:0;} #content_page .dash_messagerie .dash_do_btn {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-left:0; margin-bottom:10px; height:auto;} #content_page .dash_messagerie .dash_do_btn.shrink {-ms-flex:0 0 48%; flex:0 0 48%; max-width:48%;} #content_page .dash_messagerie .dash_do_btn:first-child {margin-right:4%;} #content_page .dash_messagerie .dash_do_btn p {height:auto;} /********************************* Module prise RDV *********************************/ #prise_rdv form {padding:1.5rem;} /*********************************** CO MARQUAGE **********************************/ #content_page .tx-cimcomarquage .bloc_compl p.titre, #content_page .tx-cimcomarquage .bloc_compl button.titre {font-size:1.6em; padding:15px 25px 15px 15px;} #content_page .tx-cimcomarquage .bloc_compl p.titre:before, #content_page .tx-cimcomarquage .bloc_compl button.titre:before {top:1.7rem; right:1.5rem;} #content_page .tx-cimcomarquage .bloc_compl ul {padding:0 15px 15px 15px;} /* Inception accordeon */ #content_page .tx-cimcomarquage .btn_accordinception {font-size:1.6rem; padding:15px 25px 15px 15px;} #content_page .tx-cimcomarquage .btn_accordinception::before {top:1.7rem; right:1.5rem;} #content_page .tx-cimcomarquage .accordinception {padding:15px;} #content_page .tx-cimcomarquage .accordinception .liste_item ul > li {font-size:1.4em;} /********************************** BANDEAU RGPD ********************************/ /* General */ #tarteaucitronRoot #dialogTitle {font-size:1.8rem; padding:3rem 0 0 0;} #tarteaucitron .tarteaucitronName h2 {font-size:1.4rem; padding:0;} #tarteaucitron .tarteaucitronName h3 {font-size:1.6rem;} /* Popin parametres */ /* Bouton fermer */ #tarteaucitron #tarteaucitronClosePanel {height:4rem;} /* Bloc header */ #tarteaucitron #tarteaucitronServices #tarteaucitronInfo {padding:1rem; font-size:1.2em;} /* Boutons all cookies */ #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {float:none; margin-top:1rem !important; margin-left:-0.5rem !important; margin-right:0;} #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {margin:0.25rem; max-width:calc(50% - 1rem);} /************************** CARTE COLLECTE DES DECHETS **************************/ /* Barre de recherche */ #page.carto_dechets .ol-geocoder.gcd-txt-container {top:1rem; max-width:calc(100% - 2rem);} /* Boutons map */ #page.carto_dechets .ol-control {display:none;} }