/******************************************************************************************************************/ /******************************************************************************************************************/ /********************************************* FRONT EDITING ******************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ .t3-frontend-editing__ce {-ms-flex:1 1 0; flex:1 1 0; min-width:0; padding:0;} .t3-frontend-editing__ce > * {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding:0;} /******************************************************************************************************************/ /******************************************************************************************************************/ /************************************************* RESET **********************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /********************************** COLORS **************************************/ /* AGGLO */ /* BLEU #33525c */ /* ROUGE #ef4b4f */ /* ENTREPRENDRE */ /* BLEU #2b4162 */ /* VERT #197148 */ /********************************************************************************/ /********************************** FONTS ***************************************/ /********************************************************************************/ /* LATO light */ @font-face { font-family:'lato_light'; src:url('font/lato-light-webfont.eot'); src:url('font/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('font/lato-light-webfont.woff2') format('woff2'), url('font/lato-light-webfont.woff') format('woff'), url('font/lato-light-webfont.ttf') format('truetype'), url('font/lato-light-webfont.svg#lato_light') format('svg'); font-weight:normal; font-style:normal; } /* LATO light italic */ @font-face { font-family:'lato_lightitalic'; src:url('font/lato-lightitalic-webfont.eot'); src:url('font/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('font/lato-lightitalic-webfont.woff2') format('woff2'), url('font/lato-lightitalic-webfont.woff') format('woff'), url('font/lato-lightitalic-webfont.ttf') format('truetype'), url('font/lato-lightitalic-webfont.svg#lato_lightitalic') format('svg'); font-weight:normal; font-style:normal; } /* LATO bold */ @font-face { font-family:'lato_bold'; src:url('font/lato-bold-webfont.eot'); src:url('font/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/lato-bold-webfont.woff2') format('woff2'), url('font/lato-bold-webfont.woff') format('woff'), url('font/lato-bold-webfont.ttf') format('truetype'), url('font/lato-bold-webfont.svg#nexa_bold') format('svg'); font-weight:normal; font-style:normal; } /* NEXA light */ @font-face { font-family:'nexa_light'; src:url('font/nexa_free_light-webfont.eot'); src:url('font/nexa_free_light-webfont.eot?#iefix') format('embedded-opentype'), url('font/nexa_free_light-webfont.woff2') format('woff2'), url('font/nexa_free_light-webfont.woff') format('woff'), url('font/nexa_free_light-webfont.ttf') format('truetype'), url('font/nexa_free_light-webfont.svg#nexa_light') format('svg'); font-weight:normal; font-style:normal; } /* NEXA bold */ @font-face { font-family:'nexa_bold'; src:url('font/nexa_bold-webfont.eot'); src:url('font/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/nexa_bold-webfont.woff2') format('woff2'), url('font/nexa_bold-webfont.woff') format('woff'), url('font/nexa_bold-webfont.ttf') format('truetype'), url('font/nexa_bold-webfont.svg#nexa_bold') format('svg'); font-weight:normal; font-style:normal; } /* TYPEECON */ @font-face { font-family:'typeecon'; src:url('font/typeecon-webfont.eot'); src:url('font/typeecon-webfont.eot?#iefix') format('embedded-opentype'), url('font/typeecon-webfont.woff2') format('woff2'), url('font/typeecon-webfont.woff') format('woff'), url('font/typeecon-webfont.ttf') format('truetype'), url('font/typeecon-webfont.svg#typeecon') 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:'lato_light',Arial,Verdana,sans-serif; font-weight:normal;} html {font-size:62.5%; width:100%; height:100%;} body {background:#ffffff; color:#000000; font-family:'lato_light',Arial,Verdana,sans-serif; font-style:normal; font-weight:normal; font-variant:normal; line-height:100%; text-align:left; height:100%;} p, ul li, ol li, main p, main ul li, main ol li {font-size:1.8em; line-height:1.2em;} p, ul, ol, main p, main ul, main ol {margin:0 0 2rem 0;} ul ul, ol ol, main ul ul, main ol ol {/*margin:0;*/} a, main a {text-decoration:none; color:#000000;} a:hover, main a:hover, a:focus, main a:focus {text-decoration:none;} a, #main a, .content_page a, a svg *, button, button *, .button, .button * {transition:all 0.3s ease-in-out;} a img,:link img,:visited img {border:none;} img {max-width:100%; height:auto;} iframe {max-width:100%;} /*gmap v3 fix bug*/ .gm-style img, .gmnoscreen img, .gmnoprint img {max-width:none !important;} strong, b {font-weight:normal; font-family:'lato_bold',Arial,Verdana,sans-serif !important;} i, em {font-style:italic; font-family:'lato_light',Arial,Verdana,sans-serif !important;} strong em, strong i, em strong, i strong, b em, b i, em b, i b {font-style:italic; font-weight:normal; font-family:'lato_bold',Arial,Verdana,sans-serif !important;} ol, ul {list-style:none;} table {border-collapse:collapse; border-spacing:0;} sub, sup {font-size:0.6rem; font-family:inherit; font-weight:inherit;} font {font:inherit;} /* 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 {transform:none;} /* EFFET SELECTION TXT */ ::selection {color:#000000;} ::-moz-selection {color:#000000;} /********************************************************************************/ /************************************ 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:5rem; height:100%; position:relative; top:50%; z-index:1008;} .reveal-overlay.load-popin .sk-circle .sk-child {top:0; height:5rem;} .reveal-overlay.load-popin .sk-circle .sk-child::before {width:0.8rem; height:0.8rem; background-color:#ffffff;} #loader_filters {position:fixed; top:40%; left:40%; z-index:701; visibility:hidden;} #second_display #loader_filters {top:0; left:0; width:100%; height:100%; visibility:visible; position:absolute; padding:0 0.8rem;} #second_display #loader_filters .sk-circle {margin:0 auto; width:100%; height:100%; position:relative;background:rgba(0,0,0,0.6);} #second_display #loader_filters .sk-circle .sk-child::before {width:0.8rem; height:0.8rem; background-color:#ffffff;} #second_display #loader_filters .sk-circle .sk-child {height:5rem; top:50%;} .sk-circle.qual {float:right; margin:0 2rem 0 0; width:3.5rem; height:3.5rem; top:1rem;} .sk-circle.qual.no {position:absolute; float:none; margin:0; right:-3.5rem; top:0;} .sk-circle.qual .sk-child::before {height:0.6rem; width:0.6rem;} .sk-circle {margin:10rem auto; width:5rem; height:5rem; 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%; animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;} .sk-circle .sk-circle2 {transform:rotate(30deg);} .sk-circle .sk-circle3 {transform:rotate(60deg);} .sk-circle .sk-circle4 {transform:rotate(90deg);} .sk-circle .sk-circle5 {transform:rotate(120deg);} .sk-circle .sk-circle6 {transform:rotate(150deg);} .sk-circle .sk-circle7 {transform:rotate(180deg);} .sk-circle .sk-circle8 {transform:rotate(210deg);} .sk-circle .sk-circle9 {transform:rotate(240deg);} .sk-circle .sk-circle10 {transform:rotate(270deg);} .sk-circle .sk-circle11 {transform:rotate(300deg);} .sk-circle .sk-circle12 {transform:rotate(330deg);} .sk-circle .sk-circle2::before {animation-delay:-1.1s;} .sk-circle .sk-circle3::before {animation-delay:-1s;} .sk-circle .sk-circle4::before {animation-delay:-0.9s;} .sk-circle .sk-circle5::before {animation-delay:-0.8s;} .sk-circle .sk-circle6::before {animation-delay:-0.7s;} .sk-circle .sk-circle7::before {animation-delay:-0.6s;} .sk-circle .sk-circle8::before {animation-delay:-0.5s;} .sk-circle .sk-circle9::before {animation-delay:-0.4s;} .sk-circle .sk-circle10::before {animation-delay:-0.3s;} .sk-circle .sk-circle11::before {animation-delay:-0.2s;} .sk-circle .sk-circle12::before {animation-delay:-0.1s;} @keyframes sk-circleBounceDelay { 0%, 80%, 100% {transform:scale(0);} 40% {transform:scale(1);} } .wrap_result.opacity #second_display, .wrap_result.opacity #first_display {opacity:0;} #searchLoader {position:absolute; bottom:3rem; left:50%; font-size:inherit;} .loader {margin:0 auto; font-size:9rem; position:relative; text-indent:-99999em; animation-delay:0.16s;} .loader, .loader::before, .loader::after {border-radius:1rem; width:2rem; height:2rem; animation-fill-mode:both; animation:load7 1.8s infinite ease-in-out;} .loader::before, .loader::after {content:''; position:absolute; top:0;} .loader::before {left:-3rem;} .loader::after {left:3rem; animation-delay:0.32s;} .cs-loader {width:calc(100% - 1.6rem); height:100%; top:0; left:0.8rem; position:absolute; z-index:9; visibility:visible;} .cs-loader-inner {transform:translateY(-50%); width:100%; top:30rem; position:absolute; padding:0 10rem; color:#ffffff; text-align:center;} .cs-loader-inner label {color:#ffffff; font-size:2rem; opacity:0; display:inline-block;} .cs-loader-inner label:nth-child(6) {animation:lol 3s infinite ease-in-out;} .cs-loader-inner label:nth-child(5) {animation:lol 3s 100ms infinite ease-in-out;} .cs-loader-inner label:nth-child(4) {animation:lol 3s 200ms infinite ease-in-out;} .cs-loader-inner label:nth-child(3) {animation:lol 3s 300ms infinite ease-in-out;} .cs-loader-inner label:nth-child(2) {animation:lol 3s 400ms infinite ease-in-out;} .cs-loader-inner label:nth-child(1) {animation:lol 3s 500ms infinite ease-in-out;} @keyframes lol { 0% {opacity:0; transform:translateX(-30rem);} 33% {opacity:1; transform:translateX(0);} 66% {opacity:1; transform:translateX(0);} 100% {opacity:0; transform:translateX(30rem);} } /********************************************************************************/ /********************************** TRANSITIONS *********************************/ /********************************************************************************/ body.init::after, body.init::before, body.init .cd-cover-layer, body.init .cd-loading-bar {height:0;} body.page-is-changing::after, body.page-is-changing::before {content:''; position:fixed; left:0; z-index:1000; backface-visibility:hidden; transition:0.4s 0.4s; height:100vh; width:100%; background:#ffffff; opacity:0;} .cd-cover-layer {height:100%; width:100%; left:50%; top:50%; bottom:auto; right:auto; position:fixed; z-index:9999; opacity:0; visibility:hidden; transform:translateX(-50%) translateY(-50%); transition:opacity 0.4s 0.4s, visibility 0s 0.8s;} .page-is-changing .cd-cover-layer {opacity:1; visibility:visible; transition:opacity 0.3s 0s, visibility 0s 0s, background 0s 0s;} .cs-loader-transitions {display:none;} .page-is-changing .cs-loader-transitions {display:block; width:100%; height:100%; top:0; left:0; position:fixed; z-index:9999; visibility:visible; background:linear-gradient(45deg, #ffffff 25%, transparent 25%), linear-gradient(225deg, #ffffff 25%, transparent 25%), linear-gradient(135deg, #e6e6e6 25%, transparent 25%), linear-gradient(315deg, #e6e6e6 25%, transparent 25%); background-size:200vw 200vw, 200vw 200vw, 200vw 200vw, 200vw 200vw; background-position:0 105.1vw, 100vw 105vw, 0 105vw, 100vw 105vw; background-color:#ffffff; animation:loading 1.2s ease; transition:all 1s ease;} .page-is-changing .cs-loader-inner-transitions {transform:translateY(-50%); width:100%; top:45%; position:absolute; padding:0 10rem; color:#ffffff; text-align:center;} /* TRANSITION SVG */ .cs-loader-transitions {width:100vw; height:100vh; background-color:#ffffff;} .cs-loader-transitions .content-transition {position:relative;} .cs-loader-transitions .content-transition .logo {padding:3rem; display:inline-block;} .cs-loader-transitions .content-transition .logo p {text-align:left; display:block; margin:0 auto;} .cs-loader-transitions .content-transition .cubeone, .content-transition .cubetwo {width:2rem; height:2rem; animation:cube 1.8s infinite ease-in-out; position:absolute; left:calc(50% - 4rem);} .cs-loader-transitions .content-transition .cubetwo {animation-delay:-0.9s;} @keyframes loading { from {opacity:0;} to {opacity:1;} } @keyframes cube { 25% {transform:translateX(4rem) rotate(-90deg) scale(0.5);} 50% {transform:translateX(4rem) translateY(4rem) rotate(-179deg);} 50.1% {transform:translateX(4rem) translateY(4rem) rotate(-180deg);} 75% {transform:translateX(0) translateY(4rem) rotate(-270deg) scale(0.5);} 100% {transform:rotate(-360deg);} } /********************************************************************************/ /************************************ 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 * {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 #2a3032; padding:0;} div.csc-textpic .csc-textpic-imagewrap img {border:none; display:block; width:100%;} /* Space below each image (also in-between rows) */ div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-bottom:1rem;} 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:1rem;} 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:1rem;} div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {margin-left:1rem;} /* 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; width:100%;} 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:4rem; overflow:auto;} /* Textmedia */ .csc-textmedia, .csc-textmedia-gallery {overflow:hidden;} .csc-textmedia-gallery-column {float:left;} .csc-textmedia-gallery-column {margin-right:1rem;} .csc-textmedia-gallery-column:last-child {margin-right:0;} .csc-textmedia-gallery-row {overflow:hidden; margin-bottom:1rem;} .csc-textmedia-gallery-row:last-child {margin-bottom:0;} .csc-textmedia-above .csc-textmedia-gallery {margin-bottom:1rem;} .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:1rem;} .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:1rem;} .csc-textmedia-inside-left .csc-textmedia-gallery {float:left; margin-right:1rem;} .csc-textmedia-beside-right .csc-textmedia-gallery {float:right; margin-left:1rem;} .csc-textmedia-beside-right .csc-textmedia-text {overflow:hidden;} .csc-textmedia-beside-left .csc-textmedia-gallery {float:left; margin-right:1rem;} .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-semibold {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-semibold {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%;} /* default styles for extension "tx_frontend" */ .ce-align-left {text-align:left;} .ce-align-center {text-align:center;} .ce-align-right {text-align:right;} .ce-table td, .ce-table th {vertical-align:top;} .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {overflow:hidden;} .ce-left .ce-gallery, .ce-column {float:left;} .ce-center .ce-outer {position:relative; float:right; right:50%;} .ce-center .ce-inner {position:relative; float:right; right:-50%;} .ce-right .ce-gallery {float:right;} .ce-gallery figure {display:table; margin:0;} .ce-gallery figcaption {display:table-caption; caption-side:bottom;} .ce-gallery img {display:block;} .ce-gallery iframe {border-width:0;} .ce-border img, .ce-border iframe {border:2px solid #2a3032; padding:0;} .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {margin-bottom:1rem;} .ce-intext.ce-right .ce-gallery {margin-left:1rem;} .ce-intext.ce-left .ce-gallery {margin-right:1rem;} .ce-below .ce-gallery {margin-top:1rem;} .ce-column {margin-right:1rem;} .ce-column:last-child {margin-right:0;} .ce-row {margin-bottom:1rem;} .ce-row:last-child {margin-bottom:0;} .ce-above .ce-bodytext {clear:both;} .ce-intext.ce-left ol, .ce-intext.ce-left ul {padding-left:4rem; overflow:auto;} /* Headline */ .ce-headline-left {text-align:left;} .ce-headline-center {text-align:center;} .ce-headline-right {text-align:right;} /* Uploads */ .ce-uploads {margin:0; padding:0;} .ce-uploads li {list-style:none outside none; margin:1em 0;} .ce-uploads img {float:left; padding-right:1em; vertical-align:top;} .ce-uploads span {display:block;} /* Table */ .ce-table {width:100%; max-width:100%;} .ce-table th, .ce-table td {padding:0.5em 0.75em; vertical-align:top;} .ce-table thead th {border-bottom:2px solid #dadada;} .ce-table th, .ce-table td {border-top:1px solid #dadada;} .ce-table-striped tbody tr:nth-of-type(odd) {background-color:rgba(0,0,0,.05);} .ce-table-bordered th, .ce-table-bordered td {border:1px solid #dadada;} /* Space */ .frame-space-before-extra-small {margin-top:1em;} .frame-space-before-small {margin-top:2em;} .frame-space-before-semibold {margin-top:3em;} .frame-space-before-large {margin-top:4em;} .frame-space-before-extra-large {margin-top:5em;} .frame-space-after-extra-small {margin-bottom:1em;} .frame-space-after-small {margin-bottom:2em;} .frame-space-after-semibold {margin-bottom:3em;} .frame-space-after-large {margin-bottom:4em;} .frame-space-after-extra-large {margin-bottom:5em;} /* Frame */ .frame-ruler-before::before {content:''; display:block; border-top:1px solid rgba(0,0,0,0.25); margin-bottom:2em;} .frame-ruler-after::after {content:''; display:block; border-bottom:1px solid rgba(0,0,0,0.25); margin-top:2em;} .frame-indent {margin-left:15%; margin-right:15%;} .frame-indent-left {margin-left:33%;} .frame-indent-right {margin-right:33%;} /********************************************************************************/ /******************************* FORMULAIRES ************************************/ /********************************************************************************/ form {background:none; padding:0;} #col_left_inner fieldset, #col_left_inner_popin fieldset {min-width:100%; max-width:100%;} legend {text-transform:uppercase; color:#000000; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:2.4em; line-height:1.2em; margin:0 0 2rem 0; float:none; width:100%;} fieldset + fieldset legend {padding-top:2rem;} .ligne_form, .csc-mailform-field, .powermail_fieldwrap, .ligne_form.input-group {margin:0 0 3rem 0; clear:both;} .ligne_form.creneau {margin-top:1rem; padding-left:2.5rem;} .ligne_form.creneau label {font-family:'lato_bold',Arial,Verdana,sans-serif;} .ligne_form.creneau select {margin-top:0.5rem;} /* labels */ label, .input-group-label, .powermail_label.powermail_radio_legend, .powermail_label, .label {text-transform:uppercase; color:#000000; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.2em; padding:0 0 0.5rem 0; margin:0; border:0; border-radius:0; position:relative; display:block;} ul li label {font-size:1em; line-height:1em;} /* affichage texte simple - skin comme label ou p */ .powermail_fieldwrap_type_text .powermail_field {font-size:1.8em; line-height:1.2em;} /* 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:#737373; font-family:'lato_lightitalic',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.2em; padding:1rem 0 0.2rem 0; margin:0; border:0; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#000000; width:100%; height:auto; background-color:#ffffff; border-radius:0; box-shadow:none; -webkit-box-shadow:none; transition:none;} input::-webkit-input-placeholder {color:#737373;} input::-moz-placeholder {color:#737373; opacity:1 !important;} input:-moz-placeholder {color:#737373; opacity:1 !important;} input:-ms-input-placeholder {color:#737373;} input[placeholder] {color:#737373; 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:0; border-bottom-width:1px; border-bottom-style:solid; box-shadow:none; background-color:#ffffff; transition:0.3s ease-in-out;} body:not(.contrastes_inverses):not(.contrastes_renforces) textarea:focus, body:not(.contrastes_inverses):not(.contrastes_renforces) select:focus, body:not(.contrastes_inverses):not(.contrastes_renforces) [type='file']:focus, body:not(.contrastes_inverses):not(.contrastes_renforces) [type='text']:focus, body:not(.contrastes_inverses):not(.contrastes_renforces) [type='password']:focus, body:not(.contrastes_inverses):not(.contrastes_renforces) [type='date']:focus, body:not(.contrastes_inverses):not(.contrastes_renforces) [type='datetime']:focus, body:not(.contrastes_inverses):not(.contrastes_renforces) [type='datetime-local']:focus, body:not(.contrastes_inverses):not(.contrastes_renforces) [type='month']:focus, body:not(.contrastes_inverses):not(.contrastes_renforces) [type='week']:focus, body:not(.contrastes_inverses):not(.contrastes_renforces) [type='email']:focus, body:not(.contrastes_inverses):not(.contrastes_renforces) [type='number']:focus, body:not(.contrastes_inverses):not(.contrastes_renforces) [type='search']:focus, body:not(.contrastes_inverses):not(.contrastes_renforces) [type='tel']:focus, body:not(.contrastes_inverses):not(.contrastes_renforces) [type='time']:focus, body:not(.contrastes_inverses):not(.contrastes_renforces) [type='url']:focus, body:not(.contrastes_inverses):not(.contrastes_renforces) [type='color']:focus {outline:none;} textarea, textarea[rows] {max-width:100%; height:10rem;} select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#ffffff url(../img/bg_select.png) no-repeat right bottom 0.7rem; text-overflow:""; text-indent:0.01rem; margin-bottom:0;} select::-ms-expand {display:none;} button {cursor:pointer;} /* checkbox / radio */ input[type="checkbox"], input[type="radio"] {vertical-align:top; padding:0; border:0; width:auto; background:none; -webkit-appearance:normal;} .ligne_form.checkbox, .ligne_form.radio {margin:1rem 0 0 0;} .list #filters_popin .ligne_form.checkbox, .list #filters_popin .ligne_form.radio {margin:1rem 0 3rem 0;} .powermail_fieldwrap_type_check > .powermail_field, .powermail_fieldwrap_type_radio > .powermail_field {padding-top:0.5rem;} .ligne_form.checkbox, .ligne_form.radio, .powermail_fieldwrap_type_check .checkbox label, .powermail_fieldwrap_type_radio .radio label {position:relative;} .ligne_form.checkbox label, .ligne_form.radio label, .powermail_fieldwrap_type_check .checkbox label, .powermail_fieldwrap_type_radio .radio label {padding:0 0 0 2.5rem; text-transform:none; font-family:'lato_light',Arial,Verdana,sans-serif;} .iradio, .icheckbox {position:absolute; top:0.6rem;} .iradio {left:inherit; left:0;} .icheckbox {left:inherit; left:0;} .list .columns > .iradio {left:0.8rem;} .list .columns > .icheckbox {left:0.8rem;} /* range */ .slider .slider-handle[aria-controls="sliderOutput2"] {left:20%;} .slider-handle {width:2em; height:2rem; border-radius:20px;} .slider-handle input {position:absolute; top:100%; left:-50%; width:auto; height:3rem; padding:0.5rem 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:0.8rem 0 0 0.5rem; font-size:1.2em; line-height:1.5;} .slider-handle {background-color:#ffffff; border-width:2px; border-style:solid;} /* submit */ .powermail_fieldwrap.powermail_fieldwrap_type_submit::after {content:''; clear:both; display:block;} div.btn_submit {float:right; margin:0; position:relative;} div.btn_submit .loading_div {position:absolute; left:-5rem; top:0;} input[type="submit"], input[type="button"], .powermail_confirmation input[type="submit"] {text-transform:uppercase; color:#ffffff; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1.6em; font-style:normal; font-weight:normal; cursor:pointer; float:right; position:relative; width:auto; margin-bottom:0; margin-left:0; padding:1.2rem 3.9rem; border-width:2px; border-style:solid; border-radius:0; box-shadow:none; -webkit-appearance:none !important;} body:not(.contrastes_inverses):not(.contrastes_renforces) input[type="submit"], body:not(.contrastes_inverses):not(.contrastes_renforces) input[type="button"], body:not(.contrastes_inverses):not(.contrastes_renforces) .powermail_confirmation input[type="submit"] {outline:none;} 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 {background:none;} input[type="submit"], input[type="button"], input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus {transition:all 0.3s ease-in-out;} /* champs obligatoires */ .mandatory, .femanager_new .control-label span {text-transform:none; color:#000000; font-family:'lato_light',Arial,Verdana,sans-serif; font-size:1.4rem; padding:0 0.8rem;} /* 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:4rem;} /* message d'erreur */ .content_page .powermail_message_error {padding:0; margin-bottom:2.5rem;} .content_page .powermail_message_error li {padding:0; list-style-image:none; color:#ef4b4f;} .powermail_field_error {box-shadow:0 0 2px #ef4b4f; border:1px solid #ef4b4f;} .powermail_message.powermail_message_error li {padding-left:1rem !important; font-family:'nexa_bold',Arial,Verdana,sans-serif; line-height:1.8em;} .powermail_message.powermail_message_error li::before, .powermail_message.powermail_message_error li::after {border-color:#ef4b4f !important;} /* msg validation reception / page validation infos */ .powermail_create, .powermail_confirmation {background:none; padding:2.5rem 0;} .powermail_confirmation form {padding:0; background:transparent;} .powermail_confirmation .powermail_confirmation_form, .powermail_confirmation .powermail_confirmation_submit {height:auto; margin:2rem 0 0 0;} .powermail_confirmation .powermail_confirmation_form {float:left;} /* page de confirmation */ .content_page .powermail_confirmation h4 {font-family:'nexa_bold',Arial,Verdana,sans-serif !important;} dl.powermail_all {margin:0 0 2rem 0; font-size:1.8em; line-height:1.2em;} dl.powermail_all dt {margin:0 1.5rem 1.5rem 0; float:left; clear:left; font-weight:normal; font-family:'nexa_bold',Arial,Verdana,sans-serif !important;} dl.powermail_all dd {margin:0 0 1.5rem 0; float:left; width:auto;} /* Champs suivant / precedent dans POWERMAIL */ .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:2.5rem; margin-top:0.2rem;} .tx_powermail_pi1_fieldwrap_html_check input {width:2.5rem; margin-top:0.5rem;} .tx_powermail_pi1_fieldwrap_html_submitgraphic {text-align:center;} .tx_powermail_pi1_fieldwrap_html_submitgraphic input {float:none; width:9.8rem; border:0;} /* Autocomplete */ .custom-combobox {position: relative;} .ui-state-default.custom-combobox-input {border: 0; border-bottom: 1px solid #000000;background: #ffffff url(../../assets_extranet/img/bg_select.png) no-repeat right bottom 0.7rem;} .ui-state-default.custom-combobox-input + .ui-button {display: none;} .ui-widget.ui-autocomplete {font-size: 1em; padding: 0.5rem 0;} .ui-widget.ui-autocomplete .ui-menu-item {padding: 0;} .ui-widget.ui-autocomplete .ui-menu-item-wrapper {padding: 0.5rem 1rem;border: 0;margin: 0;} .ui-widget.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {background-color: #e6e6e6;} body .ui-state-highlight {box-shadow: none;} .ui-state-default.custom-combobox-input {background:#ffffff url(../../assets_extranet/img/bg_select.png) no-repeat right bottom 0.7rem; background-color:#ffffff; color:#737373; font-family:'lato_lightitalic',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.2em; padding:1rem 0 0.2rem 0; border-bottom-width:1px; border-style:solid; width:100%; height:auto; transition:none;text-transform: none;} /********************************************************************************/ /******************************* DATE PICKER ************************************/ /********************************************************************************/ body .datepicker.dropdown-menu {border-radius:0; padding:1rem;} 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:#ffffff;} body .datepicker td, body .datepicker th {width:3.3rem; height:3.3rem; font-size:1.4rem;} /********************************************************************************/ /**************************** CLASSES GENERIQUES ********************************/ /********************************************************************************/ .radius {border-radius:10px;} .shadow {box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.2);} .shadow_inset {box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.1);} .grey_border {border:1px solid #efefef;} .overlay {/* couleur a definir */ background:rgba(183,0,43,0.9); background:rgba(0,0,0,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;} .large-2_5, .medium-2_5, .small-2_5 {-ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;} /* BG HACHURES */ /* hachures gris sur fond gris clair (BG titre bloc home) */ .hach_grey_bg_lightgrey {background:repeating-linear-gradient(45deg, rgba(235,235,235,1), rgba(235,235,235,1) 2px, transparent 2px, transparent 8px); background-color:#f5f5f5;} .bloc_home .hach_grey_bg_lightgrey {background-color:rgba(245,245,245,0.4);} /* hachures blanc sur fond rouge (gauche titre bloc home) */ /* DANS COLOR : .hach_white_bg_red {background:repeating-linear-gradient(45deg, rgba(255,114,120,1), rgba(255,114,120,1) 2px, transparent 2px, transparent 8px); background-color:#ef4b4f;}*/ /* hachures blanc sur fond rouge (kiosque) */ .hach_grey_bg_lightgrey_small::before, .hach_grey_bg_lightgrey_small::after {background:repeating-linear-gradient(45deg, transparent, rgba(235,235,235,0.6) 1px, transparent 3px, rgba(235,235,235,0.6) 3px); /* DANS COLOR : background-color:#ef4b4f;*/} /* hachures fonce sur fond bleu (bloc zone titre page) */ /* DANS COLOR : .hach_dark_bg_blue {background:repeating-linear-gradient(45deg, rgba(59,59,59,0.1), rgba(59,59,59,0.1) 2px, transparent 2px, transparent 8px); background-color:#33525c;}*/ /* hachures blanc sur fond gris clair (BG bloc int) */ .hach_white_bg_lightgrey {background:repeating-linear-gradient(45deg, rgba(235,235,235,1), rgba(235,235,235,1) 2px, transparent 2px, transparent 8px); background-color:#ffffff;} /* PICTO LANG */ .picto_trad > * {width:3.3rem; height:3.3rem; display:inline-block !important; background-position:center center; background-repeat:no-repeat; border:0.1rem solid transparent; background-size:100% auto; border-radius:50%;} /* Blanc */ .picto_trad.white > * {border-color:#ffffff;} .picto_trad.white > .basque {background-image:url(../img/picto_langue_basque_white.png);} .picto_trad.white > .gascon {background-image:url(../img/picto_langue_gascon_white.png);} /* Noir */ .picto_trad.dark > * {border-color:#000000;} .picto_trad.dark > .basque {background-image:url(../img/picto_langue_basque_black.png);} .picto_trad.dark > .gascon {background-image:url(../img/picto_langue_gascon_black.png);} /* PICTO SOURCE pour actualites */ #page.list .picto_source > span {filter:brightness(0);} .picto_source > span {width:3.3rem; height:3.3rem; margin:0 1rem; display:inline-block !important; background-position:center center; background-repeat:no-repeat;} .picto_source .source_1 {background-image:url(../img/picto_source_1_white.png);} .picto_source .source_2 {background-image:url(../img/picto_source_2_white.png);} .picto_source .source_3 {background-image:url(../img/picto_source_3_white.png);} .picto_source .source_4 {background-image:url(../img/picto_source_4_white.png);} /* BG pour bloc col page interieure */ .bg_gris {background-color:#fbfbfb;} .bg_white {background-color:#ffffff;} /********************************************************************************/ /******************************* SLICK SLIDER ***********************************/ /********************************************************************************/ .bloc_home .slick-slider .slick-list {margin:0 -0.8rem;} /* Bugfix si nb plus petit que la conf js */ .slick-track > li, .slick-track > div, .slick-track > article {font-size:1em; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;} /* Reinit lien */ .content_page .slick-track a, .slick-track a {display:block; border:0; padding:0;} .slick-track {margin:0 auto;} /* Arrow */ .slick-arrow {position:absolute; top:calc(50% - 3.75rem); width:3.9rem; height:7.5rem; padding:0; color:transparent; font-size:inherit; z-index:3; cursor:pointer; transition:transform 0.3s ease-in-out;} .slick-arrow.slick-prev {left:-3rem; transform:translateX(-100%);} .slick-arrow.slick-next {right:-3rem; transform:translateX(100%);} .slick-arrow.slick-disabled {display:none !important;} .slick-arrow.slick-arrow::before {content:''; display:block; background-repeat:no-repeat; background-position:center center; background-size:cover;position:absolute; top:calc(50% - 3.75rem); width:100%; height:100%; z-index:2; cursor:pointer; transition:all 0.3s ease-in-out;} .slick-arrow.slick-prev::before {background-image:url(../../assets_common/img/arrow_slick_prev.png);} .slick-arrow.slick-next::before {background-image:url(../../assets_common/img/arrow_slick_next.png);} /* Hover */ .slick-arrow.slick-arrow:hover::before, .slick-arrow.slick-arrow:focus::before {opacity:0.7;} /*legende*/ .slick-slider figcaption {line-height:1.7em; padding:0.5rem 0;} /********************************************************************************/ /********************************* INIT TABS ************************************/ /********************************************************************************/ .tabs {padding:0; margin:0; border:0; background:transparent; height:100%;} .tabs-content {border:0; background:transparent; color:initial; transition:none;} #col_contextuelle .tabs-content {overflow-x:hidden;} .tabs-panel {padding:0;} /********************************************************************************/ /****************** BOUTONS LIENS, BOUTONS, BOUTONS CLOSE ***********************/ /********************************************************************************/ /*** BOUTONS LIENS ***/ /* Bouton LIEN */ /* = btn "Visiter le site internet" dans le bloc geoloc */ .btn_lien {font-size:1.4em; line-height:1.2em; margin-bottom:0;} .btn_lien a, .content_page .btn_lien a, .content_page p.btn_download_pic a {text-transform:none; font-family:'lato_bold',Arial,Verdana,sans-serif; font-size:1em; line-height:1; padding:0.3rem 0.2rem 0.3rem 3rem; border:0; background-color:transparent; background-repeat:no-repeat; background-position:left center; display:inline-block; position:relative;} .btn_lien a:hover, .btn_lien a:focus, .content_page .btn_lien a:hover, .content_page .btn_lien a:focus {background-position-x:0.3rem;} .btn_lien a::before {content:''; height:0.2rem; width:calc(100% - 2.5rem); position:absolute; bottom:0; left:2.5rem;} /* Bouton ALL */ /* = btn "TOUTES LES ACTUALITES" sur les bloc home */ .btn_all {font-size:2em; line-height:1.2em; margin-bottom:0;} .btn_all a, .content_page .btn_all a {text-transform:uppercase; color:inherit; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:1em; line-height:1; padding:0.5rem 4rem 0.5rem 2rem; background-color:transparent; background-repeat:no-repeat; background-position:right top; display:inline-block;} /* Bouton TXT */ /* = btn "+" sur les list_item au survol */ .btn_more_txt {font-size:1.9em; line-height:1.2; margin-bottom:0;} /* icone - OK ACCESS */ .btn_more_txt span {display:block; font-family:inherit;} .btn_more_txt span[aria-hidden="true"] {width:5rem; height:5rem;font-size:2em; line-height:5rem; text-align:center; display:inline-block; position:absolute; left:0; top:0;} .btn_more_txt span[aria-hidden="true"]::before {content:"+"; position:absolute; left:0; top:0; width:100%; height:100%; color:#ffffff; font-family:'lato_light',Arial,Verdana,sans-serif; font-size:1em; line-height:5rem; top:50%; transform:translateY(-50%); transition:all 0.3s ease-in-out;} /* Bouton FICHE */ /* = btn "Voir la fiche detaillee dans bloc geoloc */ .btn_fiche, .content_page .btn_fiche, .content_page .info_utile .btn_fiche {font-size:1.4em; line-height:1.4em; margin-bottom:0;} .btn_fiche a, .content_page .btn_fiche a, .content_page p.btn_fiche a {text-transform:uppercase; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:1em; line-height:1; padding:0.5rem 1rem 0.5rem 0; background-color:transparent; background-repeat:no-repeat; background-position:right center; display:inline-block; border:0;} /*** BOUTON RETOUR ***/ /* = btn "TOUT L'AGENDA" dans maq detail */ .btn_back, .content_page .btn_back, button.btn_back {font-size:2.2em; line-height:1.2em; margin:2.5rem 0; /*besoin? : */ transition:all 0.3s ease;} .btn_back a, .content_page .btn_back a, button.btn_back {text-transform:uppercase; color:#ffffff; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-style:normal; font-weight:normal; border-width:2px; border-style:solid; padding:1rem 4rem; display:inline-block; position:relative; /*border:0;*/ border-radius:0; float:none;} body:not(.contrastes_inverses):not(.contrastes_renforces) .btn_back a, body:not(.contrastes_inverses):not(.contrastes_renforces) .content_page .btn_back a, body:not(.contrastes_inverses):not(.contrastes_renforces) button.btn_back {outline:none;} .btn_back a span {font-family:inherit; color:inherit;} .btn_back a:hover, .btn_back a:focus, .content_page .btn_back a:hover, .content_page .btn_back a:focus, button.btn_back:hover, button.btn_back:focus {background:#ffffff;} /* POUR PAGE DETAIL */ .btn_nav_list_title, .content_page .btn_nav_list_title, .nav_list p:not(.btn_back) a:not(:hover):not(:focus) .btn_nav_list_title {transition:0.3s ease-in-out; border-bottom:2px solid transparent;} .nav_list button, .btn_nav_list_title {text-transform:uppercase; font-family:'nexa_bold',Arial,Verdana,sans-serif;} .nav_list button:hover .btn_nav_list_title, .nav_list button:focus .btn_nav_list_title, .nav_list p:not(.btn_back) a:hover .btn_nav_list_title, .nav_list p:not(.btn_back) a:focus .btn_nav_list_title {border-bottom:2px solid #33535e;} .nav_list p a {display:block; border:none;} .btn_nav_list_title {font-size:2.3rem; color:#33535e;} /* btn back prev */ /* = btn a gauche de "TOUT L'AGENDA" dans maq detail */ .nav_list .btn_prev a, .content_page .nav_list button.btn_prev { min-height:7.5rem; padding-left:9.5rem; padding-right:1.5rem; background:transparent url(../../assets_common/img/arrow_slick_prev.png) no-repeat left top; text-align:left;} /* btn back next */ /* = btn a droite "TOUT L'AGENDA" dans maq detail */ .nav_list .btn_next a, .content_page .nav_list button.btn_next { min-height:7.5rem; padding-right:9.5rem; padding-left:1.5rem; background:transparent url(../../assets_common/img/arrow_slick_next.png) no-repeat right top; text-align:right;} /* btn proposer un evenement */ .content_page p.btn_add {margin:1.5rem 0;} /*** BOUTONS BUTTON ***/ /* = btn "s'y rendre" dans bloc geoloc /// adpatation a faire pr les btn kiosque "TELECHARGER" et "FEUILLETER" pour ajouter padding-left et bg-image */ .button, .content_page .button, button.button, .content_page button.button {font-size:1.4em; line-height:1.3em; margin:0; padding:0; border:0;} .button a, .content_page .button a, button.button, .content_page button.button {text-transform:uppercase; color:#ffffff; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-style:normal; font-weight:normal; border-width:2px; border-style:solid; padding:1.2rem 3.9rem; margin:0; display:inline-block; position:relative; border-radius:0; float:none;} body:not(.contrastes_inverses):not(.contrastes_renforces) .button a, body:not(.contrastes_inverses):not(.contrastes_renforces) .content_page .button a, body:not(.contrastes_inverses):not(.contrastes_renforces) button.button, body:not(.contrastes_inverses):not(.contrastes_renforces) .content_page button.button {outline:none;} button.button > * {font-family:inherit; font-size:inherit; line-height:inherit;} .button a:hover, .button a:focus, .content_page .button a:hover, .content_page .button a:focus, button.button:hover, button.button:focus, .content_page button.button:hover, .content_page button.button:focus {background-color:#ffffff;} /* pour item kiosque */ .list_item.kiosque .button a, .content_page .list_item.kiosque .button a {padding:1.4rem 2.5rem 1.4rem 5rem; background-position:2rem center; background-repeat:no-repeat;} .list_item.kiosque .button.telecharger a, .content_page .list_item.kiosque .button.telecharger a {background-image:url(../img/picto_telecharger.png);} .list_item.kiosque .button.feuilleter a, .content_page .list_item.kiosque .button.feuilleter a {background-image:url(../img/picto_feuilleter.png);} /* hover */ .list_item.kiosque .button.telecharger a:hover, .content_page .list_item.kiosque .button.telecharger a:hover, .list_item.kiosque .button.telecharger a:focus, .content_page .list_item.kiosque .button.telecharger a:focus {background-image:url(../img/picto_telecharger_dark.png);} .list_item.kiosque .button.feuilleter a:hover, .content_page .list_item.kiosque .button.feuilleter a:hover, .list_item.kiosque .button.feuilleter a:focus, .content_page .list_item.kiosque .button.feuilleter a:focus {background-image:url(../img/picto_feuilleter_dark.png);} /* exception lien s'y rendre */ .gg_link .button a, .content_page .gg_link .button a {padding:0.6rem 2.7rem;} /*** BOUTONS CLOSE ***/ /* Btn close / version petite croix */ .btn_close {color:#000000; font-size:6rem; line-height:1; width:3rem; height:3rem; border:0; border-radius:0; z-index:5; position:absolute; right:0; top:0; background:transparent;} body:not(.contrastes_inverses):not(.contrastes_renforces) .btn_close {outline:none;} .btn_close span {color:inherit; font-family:'lato_light',Arial,Verdana,sans-serif; font-size:1em; line-height:3rem; display:inline-block; vertical-align:top; max-height:100%;} /* etat hover - focus */ .btn_close:hover, .btn_close:focus {background-color:transparent;} /* focus visible */ .btn_close:focus {box-shadow:inset 0 0 0 2px #000000;} /* Close button Foundation */ .close-button {font-size:5rem; line-height:1; width:5rem; height:5rem; border:0; border-radius:0; z-index:5; position:absolute; right:0; top:0; background:transparent;} body:not(.contrastes_inverses):not(.contrastes_renforces) .close-button {outline:none;} .close-button span {color:inherit; font-family:'lato_light',Arial,Verdana,sans-serif; font-size:1em; line-height:1;} /* etat hover - focus */ .close-button:hover, .close-button:focus {color:#ffffff;} /* focus visible */ .close-button:focus {box-shadow:inset 0 0 0 2px #000000;} /* Close button Foundation dans popin (exemple : dans popin filtres page de liste) */ .reveal .close-button {color:#ffffff;} .reveal .close-button span {color:inherit; display:block;} /* Close button Foundation dans popin fullscreen */ .reveal.full .close-button, .search_area_cont.is_search .close-button {font-size:8rem; width:8rem; height:8rem; top:50%; transform:translateY(-50%);} /* etat hover - focus */ /* Close button advanced = "FERMER + croix" ou "TEXTE + croix" */ .close-advanced {padding:0.8rem;} .close-advanced .title {text-transform:uppercase; font-family:'nexa_bold',Arial,Verdana,sans-serif; line-height:1em; text-align:left; padding-bottom:1rem; position:relative; display:inline-block; vertical-align:top; word-break:break-word; margin-bottom:1rem;} .close-advanced .title::after {content:''; width:0.8rem; height:0.2rem; position:absolute; left:0; bottom:0; background:pink;} .close-advanced .inner {width:2.5rem; height:2.5rem; margin:0 auto; display:block; position:relative; left:initial; background-color:transparent; transform:none; transition:background-color 0s linear .13s; transition-delay:.22s;} .close-advanced .inner::before, .close-advanced .inner::after {content:''; display:block; width:2.8rem; height:0.2rem; background-color:pink; position:absolute; top:0; left:50%; transform:translateX(-50%);} .close-advanced .inner::before {transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s; transform:translate3d(-50%,1rem,0) rotate(45deg);} .close-advanced .inner::after {transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s; transform:translate3d(-50%,1rem,0) rotate(-45deg);} /* dans popin */ .reveal .close-advanced {font-size:1.4em; background-color:#000000;} /******************************************************************************************************************/ /******************************************************************************************************************/ /************************************************* LAYOUT *********************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /****************************************************************************************/ /******************************** STRUCTURE GENERALE ************************************/ /****************************************************************************************/ .off-canvas-wrapper {min-height:100%;} .off-canvas-wrapper.connect {height:100%;} .off-canvas-wrapper-inner {height:100%; background:#ffffff;} .off-canvas-wrapper-inner.is-open-left {transform:none; transition:none;} .off-canvas-content { background: linear-gradient(45deg, #ffffff 25%, transparent 25%) , linear-gradient(225deg, #ffffff 25%, transparent 25%), linear-gradient(135deg, #e6e6e6 25%, transparent 25%) , linear-gradient(315deg, #e6e6e6 25%, transparent 25%); background-size:200vw 200vw, 200vw 200vw , 200vw 200vw, 200vw 200vw; background-position:0 149.8vw, 100vw 149.8vw, 0 149.8vw, 100vw 149.8vw; background-color:#ffffff; } .off-canvas-content::before {content:""; border-top:75vw solid transparent; border-bottom:75vw solid transparent; border-right:75vw solid #e6e6e6; position:fixed; top:0; right:0;} .is-reveal-open .off-canvas-content::before {display: none} .off-canvas-content #main {background:url(../img/bg_cercle_pages.png) top 23vh center; background-size:100vw;} #home.off-canvas-content #main {background-image:url(../img/bg_cercle_home.png); background-position:top -10vh center;} #home, #page, #global {position:relative; min-height:100%;} #main {position:relative; z-index:1;} .wrap {margin:0 auto; max-width:129.6rem; padding:0 1rem;} .js-off-canvas-exit, .js-off-canvas-overlay {top:0 !important; background:rgba(0,0,0,0.5);} .reveal.tiny {min-width:60rem;} /****************************************************************************************/ /************************************** HEADER ******************************************/ /****************************************************************************************/ #header {width:100%; max-width:100%; z-index:10; position:absolute;} /* Sticky */ #header #data-sticky-header.is-stuck {background:#ffffff; width:auto; right:0; height:auto; min-height:7rem; margin:4rem 1.5rem;} /* Trame generique */ #header button, #header .tools a {background-repeat:no-repeat;background-position:center center; position:relative;} #header .tools p {margin-bottom:0; line-height:normal; height:100%;} /* Infobulles */ #header .btn_menu {width:7.5rem; height:8.5rem;} #header .btn_menu p {font-size:1em;} #header .btn_menu p a {width:100%; height:100%; display:block;} #header .btn_menu span.infobulle {text-transform:uppercase; font-family:'lato_bold', Arial, Verdana, sans-serif; font-size:1.1em; line-height:1.2em; text-align:center; position:absolute; z-index:10; top:0; left:50%; transform:translate(-50%, -100%); /*-ms-transform:translateX(-50%) translateY(-100%) translateY(-0.6rem); -webkit-transform:translate(-50%, -100%); -moz-transform:translate(-50%, -100%);*/ display:block; height:0; overflow:hidden; transition:none; min-width:12rem;} #header .btn_menu:hover span.infobulle, #header .btn_menu:focus span.infobulle, #header .btn_menu a:focus span.infobulle, #header .btn_menu.open span.infobulle {height:auto; overflow:inherit; padding:0.5rem 1rem;} #header .btn_menu span.infobulle::before {content:""; border:solid; border-width:0.6rem 0.6rem 0 0.6rem; position:absolute; bottom:-0.6rem; left:calc(50% - 0.6rem);} #header .btn_menu span.infobulle {color:#ffffff;} /* Burger button */ .hamburger {font:inherit; display:inline-block; overflow:visible; border:0; border-radius:0;z-index:12; transition-timing-function:linear; transition-duration:.15s; transition-property:opacity,filter; margin-left:1rem;} #header .btn_menu.hamburger {width:15rem;} .hamburger-box {height:100%;} .hamburger .hamburger-inner, .hamburger .hamburger-inner::after, .hamburger .hamburger-inner::before {background-color:#ffffff; width:2.4rem; height:0.2rem; border-radius:2px; position:absolute; left:50%; transform:translateX(-50%); top:-0.8rem;} .hamburger--spring .hamburger-inner {transition:background-color 0s linear .13s;} .hamburger-inner::before, .hamburger-inner::after {content:''; display:block;} .hamburger--spring .hamburger-inner::before {top:0.5rem; transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);} .hamburger--spring .hamburger-inner::after {top:1rem; 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, .hamburger--spring.is-active .hamburger-inner::after {top:0.6rem;} .hamburger--spring.is-active .hamburger-inner::before {transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s; transform:translate3d(-50%,1rem,0) rotate(45deg);} .hamburger--spring.is-active .hamburger-inner::after {transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s; transform:translate3d(-50%,1rem,0) rotate(-45deg);} .hamburger--spring .menu_title {color:#ffffff; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1em; margin-left:1rem; text-transform:uppercase;} /*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: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:3.5rem;} /* Icon button and link */ #btn_search {background-image:url(../img/picto_loupe.png);} .tools_compte a {background-image:url(../img/picto_header_mon_compte.png);} .tools_bloc_note a {background-image:url(../img/picto_header_mon_blocnote.png);} .btn_tools_header_link {background-image:url(../img/picto_header_meteo_maree_air.png);} /* Accessibilite */ #accessi {position:fixed; z-index:9999999; padding:0 1.5rem;} #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:-99999em; text-transform:uppercase; color:#ffffff; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:1.2em; line-height:normal; display:inline-block; padding:0 0.5rem; background:#000000;} #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; padding:0.5rem;} /* Widget accessibilite */ #header #btn_accessibilite.button {position:absolute; right:0; bottom:0; width:15rem; height:3.5em; transform:translateY(100%); font-size:1.6em; font-family:'lato_bold',Arial,Verdana,sans-serif; text-transform:none;} /* Logo */ #home .logo {position:absolute; margin-top:4rem;} #home .logo span {display:block; font-family:'nexa_bold',Arial,Verdana,sans-serif; color:#ffffff; text-transform:uppercase;} #home .logo h1 {font-size:2.5em;} #home .logo h1 > a {display:block;} #home .logo a > span {padding-left:2.7rem; padding-right:2.7rem; transition:all 0.3s ease-in-out;} #home .logo .titre_fr {padding-top:1.5rem;} #home .logo .titre_trad {padding-top:0.5rem; padding-bottom:0.5rem; font-size:0.9em;} #home .logo span.titre_fr span {margin-bottom:0; padding-bottom:0.5rem;} #home .logo a:hover, #home .logo a:focus {opacity:1;} .logo h1, .logo p {font-size:initial; line-height:normal; margin:0; display:inline-block;} .logo span.titre_trad span {font-size:0.7em;} .logo span.titre_fr {font-size:0.8em;} .logo span.titre_fr span {font-size:2.5em; line-height:0.9em; padding-bottom:0.5rem;} .content-transition .logo, #data-sticky-header .logo {padding:0 0 0 1rem; position:relative; margin-top:0;} .content-transition .logo a, #data-sticky-header .logo img, #data-sticky-header .logo a, #data-sticky-header .logo img {display:block;} .content-transition .logo a:hover, #data-sticky-header .logo a:focus, #data-sticky-header .logo a:hover, #data-sticky-header .logo a:focus {opacity:0.7;} .content-transition .logo span, #data-sticky-header .logo span {display:block; font-family:'nexa_bold',Arial,Verdana,sans-serif; text-transform:uppercase;} .content-transition .logo span.titre_fr, #data-sticky-header .logo span.titre_trad, #data-sticky-header .logo span.titre_fr, #data-sticky-header .logo span.titre_trad {padding:0; background-color:transparent;} #data-sticky-header .logo span.titre_trad {font-size:0.9em;} .content-transition .logo span.titre_fr span, #data-sticky-header .logo span.titre_trad span, #data-sticky-header .logo span.titre_fr span, #data-sticky-header .logo span.titre_trad span {color:inherit;} /*FIX IE*/ #page .logo {min-width:23.9rem;} /* Langues */ .trad {width:7.5rem} .zone_button_trad {height:100%;} #header button i {position:absolute; right:1rem; top:50%; transform:translateY(-50%); width:auto; height:auto; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #000000; margin-left:1.5rem;} #header .trad .langue_act span, #header .dropdown-pane ul li span {display:block; color:#000000; font-family:'nexa_bold', Arial, Verdana; font-size:1.8rem; line-height:normal; text-transform:uppercase;} #header .trad p {margin-bottom:0; position:absolute; transform:translate(-50%, -50%); top:50%; left:50%;} #header .trad .dropdown-pane {left:0 !important; width:11rem;} #header .dropdown-pane {background:rgba(255, 255, 255, 0.7); margin-top:0; padding:0 1.5rem;} #header .dropdown-pane ul {margin-bottom:0;} #header .dropdown-pane ul li {font-size:1.4em; line-height:1em; border-top:1px solid #b3b6ba; padding-top:1rem; padding-bottom:1rem;} #header .dropdown-pane ul li:first-child {margin:0; border:0; padding-bottom:1rem;} #header .dropdown-pane ul li a {display:block;} #header .dropdown-pane ul li a:hover, #header .dropdown-pane ul li a:focus {opacity:0.7;} #header .dropdown-pane ul li a:hover span, #header .dropdown-pane ul li a:focus span {color:#000000;} /* Maree, qualite de lair, meteo */ #header .meteo_air_maree {line-height:0;} #header .tools_header_link.dropdown-pane {width:calc(100% + 1rem);} #header .tools_header_link.dropdown-pane ul li {padding-right:0; padding-left:0;} #header .tools_header_link.dropdown-pane ul li:first-child {padding-top:1.5rem;} #header .tools_header_link.dropdown-pane ul li a {position:initial;} #header .tools_header_link.dropdown-pane ul li a::after {content:""; position:absolute; width:calc(100% + 3rem); height:100%; left:-1.5rem; top:0;} #header .tools_header_link.dropdown-pane ul li .picto {position:absolute; top:0; width:8rem; height:8rem; left:0; transform:translateX(-1.2rem) translateY(-2rem);} #header .tools_header_link.dropdown-pane ul .tools_maree .picto {background-image:url(../img/picto_header_maree.png);} #header .tools_header_link.dropdown-pane ul .tools_air .picto {background-image:url(../img/picto_header_air.png); background-color:transparent; border-radius:0;} #header .day_weather_img {background-color:transparent; border-radius:0; border:none;} #header .tools_header_link.dropdown-pane ul li span {font-size:1.2rem;} #header .tools_header_link.dropdown-pane ul li span.txt {font-size:1.4rem; padding-bottom:0.6rem;} #header .tools_header_link.dropdown-pane ul li span.nb {padding-top:2.2rem;} /****************************************************************************************/ /************************************** POPINS ******************************************/ /****************************************************************************************/ /* Fix bug scrolltop à l'ouverture d'une popin et deformation slick */ html.is-reveal-open, html.is-reveal-open body {position:static; overflow:visible;} /* Init */ .reveal .titre_bloc::after {display:none !important;} /* Style generique */ .reveal {width:80%; max-width:72rem; padding:5rem; border:0; background-color:#ffffff; border-radius:0;} body:not(.contrastes_inverses):not(.contrastes_renforces) .reveal {outline:none;} /* titre */ .reveal .titre_popin {margin-top:0.3rem; margin-bottom:5rem;} .reveal .titre_bloc, .titre_popin .titre_bloc {text-transform:uppercase; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:2.4em; line-height:1; margin:0; position:relative; background-color:transparent !important;} /* Popin full */ .reveal.full {z-index:99999; padding:2.5rem 0; background:linear-gradient(45deg, #ffffff 25%, transparent 25%), linear-gradient(225deg, #ffffff 25%, transparent 25%), linear-gradient(135deg, #e6e6e6 25%, transparent 25%), linear-gradient(315deg, #e6e6e6 25%, transparent 25%); background-size:200vw 200vw, 200vw 200vw, 200vw 200vw, 200vw 200vw; background-position:0 105.1vw, 100vw 105vw, 0 105vw, 100vw 105vw; background-color:#ffffff;} /* utilisation des effets triangle pour la popin sondage*/ /* titre */ .reveal.full .titre_popin {margin-top:0; margin-bottom:3rem;} .reveal.full .titre_bloc {font-size:4em; padding:2rem 9rem 2rem 2rem;} /* contenu */ .reveal.full .wrap_popin {height:100%; padding:0 1.5rem;} .reveal.full .wrap_popin > .content {padding-bottom:3rem;} /* Popin detail */ #popin_detail {max-width:140rem; padding:5rem 10rem 0 10rem; overflow-y:hidden;} /****************************************************************************************/ /******************************* POPIN MENU PRINCIPAL ***********************************/ /****************************************************************************************/ .reveal-overlay.white_overlay {background-color:rgba(255,255,255,0.7); padding:15rem 1.3rem 5rem 1.3rem;} #popin_menu {background:none; padding:0; width:100%; max-width:100%; height:100%; top:0 !important;} #popin_menu .wrap_popin {background-color:#e6e6e6;} #popin_menu .close-button {width:14.4rem; height:8.5rem; top:0; transform:translateY(0);} .hamburger--spring.is-active .hamburger-inner {top:-1.6rem;} #menu_principal {width:100%; max-width:127.6rem; margin:0 auto;} /* skin de tous les items du menu */ #menu_principal ul li {font-size:inherit; line-height:inherit; text-align:left;} #menu_principal ul li a {font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:2em; line-height:1.2em; padding:0;} #menu_principal ul li a > span {color:inherit; font-family:inherit; font-size:inherit; line-height:inherit;} /* etat actif */ #menu_principal ul li.act a:hover, #menu_principal ul li.act a:focus {opacity:0.7;} /* level 1 */ #menu_principal > ul {padding:10rem 4rem 2rem 4rem;} #menu_principal > ul > li {padding:0 3rem;} #menu_principal > ul > li > a {text-transform:uppercase; display:block; min-height:72px;} /* Level 2*/ #menu_principal ul li ul {padding-top:2rem;} #menu_principal ul li li.level2 {padding:1.5rem 0 1rem 0;} #menu_principal ul li li.level2 > a {display:inline-block;} /*#menu_principal ul li li.level2 > a > span {padding:0 1.5rem 0 0;}*/ /* Accordeons affiche N3 */ #menu_principal ul li li.level2.arrow > a > span::after {content:''; display:inline-block; width:1.5rem; height:1rem;} #menu_principal ul li li.level2.arrow.is-accordion-submenu-parent[aria-expanded='true'] > a > span::after {transform-origin:center; transform:rotate(90deg);} #menu_principal .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {display:none;} /* Level 3 */ #menu_principal ul li.level2 > .sm {padding-top:1.5rem;} #menu_principal ul li ul li li.level3 {padding-bottom:1rem; padding-left:0;} #menu_principal ul li ul li li.level3 > a {font-size:1.6em; padding:0 0 0 2.5rem; background:url(../img/menu_level3_arrow.png) no-repeat left -0.2rem; position:relative;} #menu_principal ul li ul li li.level3 > a:hover, #menu_principal ul li ul li li.level3 > a:focus {background-position-x:0.4rem;} /****************************************************************************************/ /********************************** POPIN RECHERCHE *************************************/ /****************************************************************************************/ #popin_recherche .content {max-width:70rem;} /* SUGGESTIONS DE LA RECHERCHE */ #suggestions {padding:0; margin:auto; overflow:hidden;} #suggestions .titre_suggestions {text-transform:uppercase; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:2.4em; line-height:1; padding:3rem 0 0 0; margin:0;} #suggestions li {margin:1rem auto;} #suggestions li.ui-state-focus {background:none;} #suggestions li a {padding:0.5rem 0; margin:0; border-bottom:1px solid #ededed;} #suggestions li a::after{display:none;} #suggestions li a:hover, #suggestions li a:focus {padding-left:0.75rem;} #suggestions li a span {color:inherit;} #suggestions li a .categories {text-transform:uppercase; font-size:1.4rem;} #suggestions .btn_lien {margin:1.5rem 0 0 0; text-align:right;} /* ZONE MOTEUR */ #zone_moteur {z-index:2; max-width:45rem; background:#ffffff;} #zone_recherche {max-width:100%; width:100%; position:relative; text-align:left;} #zone_recherche .ligne_form {margin:0;} #zone_recherche input[type="text"] {background:transparent; height:inherit; padding:1.5rem 6.5rem 1.5rem 3rem;} #zone_recherche input[type="submit"] {left:-99999rem; position:absolute; top:0.5rem;} #zone_recherche input[type="submit"]:not(:focus) {padding:1rem;} #zone_recherche input[type="submit"]:focus {text-indent:0; padding:1rem; left:inherit; right:6rem;} #zone_recherche button, #zone_recherche .noVocalRecognition {position:absolute; right:1.5rem; top:0.5rem; height:4rem; width:4rem; display:block; background-color:transparent; background-repeat:no-repeat; background-position:center center; transition:none; cursor:pointer;} #zone_recherche button {background-image:url(../img/picto_micro.png);} #zone_recherche .noVocalRecognition {background-image:url(../img/picto_micro.png);} #zone_recherche button:hover, #zone_recherche button:focus {opacity:0.5;} /* vocalRecognitionOn */ #zone_recherche button.vocalRecognitionOn::before, #zone_recherche button.vocalRecognitionOn::after {content:''; position:absolute; top:50%; left:50%; margin:-3.5rem 0 0 -3.5rem; width:7rem; height:7rem; border-radius:50%; opacity:0; pointer-events:none; animation-name:anim-effect-vocalRecognitionOn-2, anim-effect-vocalRecognitionOn-1; animation-duration:1.2s; animation-iteration-count:infinite; animation-timing-function:ease-out; animation-fill-mode:forwards;} #zone_recherche button.vocalRecognitionOn::after {animation-delay:0.6s;} @keyframes anim-effect-vocalRecognitionOn-1 { 0%,100% {opacity:0;} 40%, 60% {opacity:1;} } @keyframes anim-effect-vocalRecognitionOn-2 { 0% {transform:scale3d(0.5, 0.5, 1);} 100% {transform:scale3d(1.1, 1.1, 1);} } /****************************************************************************************/ /********************************** BANDEAU IMAGE ***************************************/ /****************************************************************************************/ .bandeau_page {background-color:#e6e6e6; width:100%; position:relative;} #page .bandeau_page, #popin_detail .bandeau_page {z-index:1;} #page .bandeau_page {margin-bottom:5.1rem;} .bandeau_page .img {width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;} .bandeau_page img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-height:200%; min-height:100%; margin:0; max-width:inherit; min-width:100%; height:auto; width:auto;} /* HOME avec filtre couleur sur l'image */ #home .bandeau_page {min-height:50rem;} #home .bandeau_page .img::after {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+2,0+100 */ background:-moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(0,0,0,0) 100%); background:-webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 2%,rgba(0,0,0,0) 100%); background:linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 2%,rgba(0,0,0,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );} /****************************************************************************************/ /*************************************** FOOTER *****************************************/ /****************************************************************************************/ #footer {position:absolute; bottom:0; left:0; width:100%; z-index:1;} #bloc_contact_info {padding-top:8.6rem; padding-bottom:6rem;} #bloc_contact_info * {font-family:'nexa_bold',Arial,Verdana,sans-serif;} #bloc_contact_info p, #bloc_contact_info li, #bloc_contact_info legend {text-transform:uppercase; font-size:2em; line-height:normal; margin-bottom:2rem; color:#ffffff;} #bloc_contact_info a:not(:hover):not(:focus) {color:#ffffff;} #logo_footer p {font-size:3.3rem;} #logo_footer span {display:block; font-size:2.4rem;} #link_footer_compte a, #link_footer_contact a {padding-right:3.5rem;} #link_footer_compte a {background:url(../img/footer_picto_mon_compte.png) no-repeat right top;} #link_footer_contact a {background:url(../img/footer_picto_contact.png) no-repeat right top;} #bloc_contact_info form {padding:0 2rem;} #bloc_contact_info form p {text-transform:none; font-family:'lato_light',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.2em;} #bloc_contact_info .ligne_form {position:relative; margin-bottom:0;} #bloc_contact_info input[type="text"] {background:#ffffff; padding:2rem 7rem 2rem 2rem; text-transform:none; font-family:'lato_light',Arial,Verdana,sans-serif; border:none;} #bloc_contact_info input[type="submit"] {text-transform:uppercase; color:#ffffff; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:2.2em; padding:1rem 1.2rem; height:100%; position:absolute; top:0; right:0;} #bloc_contact_info input[type="submit"]:hover, #bloc_contact_info input[type="submit"]:focus {opacity:0.7;} #bloc_contact_info .espace_presse img {width: 200px;} #reseaux_sociaux {text-align: center;} #reseaux_sociaux ul {margin-bottom:1.5rem;} #reseaux_sociaux li {margin-left:1.5rem; display:inline-block;} #reseaux_sociaux li:first-child {margin-left:0;} #reseaux_sociaux li a {display:block; width:6.8rem; height:6.8rem; border-radius:50%; overflow:hidden; position:relative; background-repeat:no-repeat; background-position:center center;} #reseaux_sociaux li a::after {display:none;} #reseaux_sociaux .reseau_facebook a {background-image:url(../img/footer_rs_facebook.png);} #reseaux_sociaux .reseau_twitter a {background-image:url(../img/footer_rs_twitter.png);} #reseaux_sociaux .reseau_youtube a {background-image:url(../img/footer_rs_youtube.png);} /* Menu footer */ #menu_footer {background:#ffffff;} #menu_footer ul {padding:3.2rem 0; margin-bottom:0;} #menu_footer ul li {text-transform:uppercase; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.6em; padding:0 1.7rem 0 1.9rem; display:inline; background:url(../img/sep_footer.png) no-repeat left center;} #menu_footer ul li:first-child {padding-left:0; background:none;} #menu_footer ul li::before {display:none;} #menu_footer ul li a {padding:0.5rem 0; font-family:'nexa_bold',Arial,Verdana,sans-serif;} /****************************************************************************************/ /************************************ FIL D'ARIANE **************************************/ /****************************************************************************************/ #fil_ariane {padding:1.5rem 0 1.5rem 1rem;} #page.list #fil_ariane {padding-bottom:2.5rem;} #page.list .head_page > .columns > .row, #page.sw .head_page > .columns > .row, #page.dashboard .head_page > .columns > .row {background-color:transparent; padding-bottom:0;} #fil_ariane .breadcrumbs {margin-bottom:0; padding:0;} #fil_ariane .breadcrumbs li::after, #fil_ariane .breadcrumbs li:not(:last-child)::after {display:none;} #fil_ariane .breadcrumbs li {text-transform:none; font-size:1.4em; line-height:1.4em; display:inline-block; padding:0 0.5rem 0 1.5rem; float:none;} #fil_ariane .breadcrumbs li:first-child {padding-left:0; background:none;} #fil_ariane .breadcrumbs li:last-child {font-family:'nexa_bold',Arial,Verdana,sans-serif;} #fil_ariane .breadcrumbs li a {text-decoration:none;} /****************************************************************************************/ /******************************* SHARE / BLOC NOTE / MAJ ********************************/ /****************************************************************************************/ /* PICTO PRINT et SHARE */ .social_share .print {background:#ffffff url(../../assets_common/img/picto_print.png) center center no-repeat;} .social_share .share_btn button {background:#ffffff url(../../assets_common/img/picto_share.png) center center no-repeat; z-index:1; position:relative;} /* SOCIAL SHARE */ .social_share {padding-right:2rem; padding-top:0.8rem; padding-bottom:0.8rem;} .social_share .btn_share ul {margin:0; line-height:0 !important;} .social_share .btn_share li {display:inline-block; line-height:0; vertical-align:top;} .social_share button, .social_share li > a {padding:0; border:0; border-radius:50%; width:3.3rem; height:3.3rem; display:inline-block; background-color:#ffffff; border:0.1rem solid #ffffff;} /* BOUTONS DE PARTAGE */ .social_share .share_container {position:absolute; left:0; top:0; width:0; height:0; display:inline-block; z-index:0; display:none;} .social_share .share_container li {position:absolute; top:0.25rem; transition:0.3s ease;} .social_share .share_container li a, .social_share .share_container li button {width:2.8rem; height:2.8rem; border-radius:50%;} .social_share .share_container::before {content:''; position:absolute; transition:0.3s ease; top:0; right:-3.3rem; width:0; height:3.3rem; border-radius:5rem; background:#ffffff; z-index:0;} .social_share .share_container.sharing {display:inline-block;} .social_share .share_container.sharing::before {width:16rem; border:1px solid #444444; opacity:1;} .social_share .share_container.sharing li.button_facebook {right:9.5rem;} .social_share .share_container.sharing li.button_twitter {right:6.5rem;} .social_share .share_container.sharing li.button_linkedin {right:3.5rem;} .social_share .share_container.sharing li.button_copy {right:0.5rem;} .social_share .share_container.sharing a::after {display:none;} .social_share .share_container .a2a_button_facebook {background:#2b4d86 url(../../assets_common/img/picto_share_fb.png) center center no-repeat; padding:0;} .social_share .share_container .a2a_button_twitter {background:#057eb6 url(../../assets_common/img/picto_share_twi.png) center center no-repeat; padding:0;} .social_share .share_container .a2a_button_linkedin {background:#0077b5 url(../../assets_common/img/picto_share_linkedin.png) center center no-repeat; padding:0;} .social_share .share_container .a2a_button_copy {background:#444444 url(../../assets_common/img/picto_share_copy.png) center center no-repeat; padding:0;} .social_share button:hover, .social_share li > a:hover, .social_share button:focus, .social_share li > a:focus, .social_share .share_btn.open button {border-color:#444444;} /* DATE MAJ */ .date_maj, .content_page .date_maj {color:#ffffff; font-family:'lato_bold',Arial,Verdana,sans-serif; font-size:1.6em; margin-bottom:0;} /* Bloc note */ .add_note button {background-image:url(../../assets_common/img/picto_blocnote.png); background-position:center center; background-repeat:no-repeat;} /******************************************************************************************************************/ /******************************************************************************************************************/ /************************************************ TEMPLATES *******************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /********************************************************************************/ /************************************* HOME *************************************/ /********************************************************************************/ /* BLOCS HOME */ .bloc_home {padding-bottom:10rem;} /* titre */ .bloc_home .titre_bloc_container {max-width:100%; margin-bottom:7rem; position:relative;} .bloc_home .titre_bloc_container > .row {position:relative; z-index:2;} .bloc_home .titre_bloc {position:relative;} .bloc_home .titre_bloc::after {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:-0.1rem; transform:translateX(-99%); z-index:1; background:repeating-linear-gradient(45deg, rgba(255,255,255,0.4), rgba(255,255,255,0) 2px, rgba(255,114,120,0) 2px, rgba(255,114,120,0) 8px );} .bloc_home .titre_bloc .bloc_home_title, .content_page .bloc_home .titre_bloc .bloc_home_title {text-transform:uppercase; color:#ffffff; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:2.4em; line-height:1.7em; padding-bottom:0; margin:0; position:relative;} .bloc_home .titre_bloc span {font-family:inherit;} .bloc_home .titre_bloc .titre_fr {padding:1rem 4rem;} .bloc_home .titre_bloc .titre_trad {font-size:1.6rem; padding:1rem 2rem; flex:0 0 auto;} /* sous-titre */ .bloc_home_subtitle, .content_page .bloc_home_subtitle {text-transform:uppercase; color:#000000; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:2em; line-height:1.2em; padding:0; margin:0;} #bloc_carte_interactive .bloc_home_subtitle {color:#ffffff; font-size:2.4em; text-align:center;} #social_wall .bloc_home_subtitle {text-transform:none; font-size:3em; text-align:center;} /* trait noir */ .bloc_home .line_sep {position:relative;} .bloc_home .line_sep::after {content:""; display:block; width:100%; height:0.2rem; background:#909090; position:absolute; top:calc(50% - 0.1rem); left:0;} /* btn all */ .bloc_home .btn_all, .content_page .bloc_home .btn_all {line-height:3em; padding-right:0.01rem;} /* trait gauche et droite = ACCES DIRECT */ .bloc_home .two_line {position:relative;} .bloc_home .two_line::before, .bloc_home .two_line::after {content:""; display:block; width:6.5rem; height:0.1rem; background:#8b9da2; position:absolute; top:1.5rem;} .bloc_home .two_line::before {left:0;} .bloc_home .two_line::after {right:0;} #bloc_kiosque .two_line::before, #bloc_kiosque .two_line::after {width:10rem; height:0.1rem; top:3rem; opacity:0.4;} /* contenu avec slider li */ .bloc_home .content .list_item {font-size:inherit; line-height:inherit; margin:0.8rem 0; padding-top:0;} /*** ACCES RAPIDES ***/ #home #bloc_acces_rapides {margin-bottom:5.5rem; padding-bottom:0;} #acces_rapides {margin:0;} #acces_rapides li {font-size:1.4em; line-height:1.4em; text-align:center; position:relative; overflow:hidden;} #acces_rapides li a {display:block; padding:2rem 0 1.5rem 0; height:100%; position:relative;} #acces_rapides li .img {border:2px solid #ffffff; height:8.5rem; width:8.5rem; display:block; margin:0 auto 0.5rem auto; border-radius:50%; padding:2rem; position:relative; z-index:1; overflow:hidden;} #acces_rapides li img {position:relative; z-index:2;} #acces_rapides li .txt {position:relative; z-index:2; text-transform:uppercase; color:#ffffff; font-family:'nexa_bold',Arial,Verdana,sans-serif; letter-spacing:0.05em; display:block;} #acces_rapides li::before {content:''; width:0.7rem; height:100%; opacity:0.2; left:-0.7rem; top:0; position:absolute; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100 */ background:-moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); background:-webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); background:linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 );} #acces_rapides li:first-child::before {display:none;} #acces_rapides li a .img::before {content:''; position:absolute; top:90%; left:-50%; transform:rotate(45deg); width:120%; height:120%; transform-origin:top center; transition:0.3s ease-in-out;} #acces_rapides li a:hover .img::before, #acces_rapides li a:focus .img::before {left:30%; top:10%;} /* BTN ALL */ .btn_all_acces_rapides {font-size:1.2em; line-height:1.4em; text-align:center; max-width:14rem; margin:0 auto; overflow:hidden;} .btn_all_acces_rapides a {text-transform:uppercase; color:#ffffff; font-family:'nexa_bold',Arial,Verdana,sans-serif; border:0; display:inline-block; padding:2rem 0.5rem 3rem 0.5rem; position:relative; z-index:1;} .btn_all_acces_rapides a:hover, .btn_all_acces_rapides a:focus {color:rgba(255,255,255,0.7);} .btn_all_acces_rapides a::before {content:''; height:0.8rem; width:100%; left:0; bottom:1.5rem; position:absolute; z-index:1; background:url(../img/arrow_bottom_white.png) no-repeat center top; transition:all 0.4s ease;} .btn_all_acces_rapides a:hover::before, .btn_all_acces_rapides a:focus::before {bottom:1rem;} .btn_all_acces_rapides a::after {content:''; height:13.8rem; width:13.8rem; border-radius:50%; left:50%; top:calc(50% - 2.8rem); transform:translate(-50%, -50%); position:absolute; z-index:-1; background:repeating-linear-gradient(45deg, rgba(59,59,59,0.1), rgba(59,59,59,0.1) 2px, transparent 2px, transparent 8px);} /*** ACTUALITES ***/ #home #actu > .wrap {padding:0;} /* Item generique */ #actu .list_item > .link {color:#ffffff;} #actu .list_item.bandeau_item.index_1 > .link {padding-bottom:43rem;} #actu .list_item.bandeau_item.index_2 > .link {padding-bottom:2.3rem; height:auto; background:transparent; padding-right:9rem;} #actu .list_item.bandeau_item > .link {padding-bottom:25rem; padding-top:0;} /* Image */ #actu .list_item.index_1 .img {height:43.2rem;} #actu .list_item.index_2 .img {height:39.3rem;} #actu .list_item .img {height:18rem;} #actu .list_item .img img {max-height:180%; max-width:180%;} #actu .list_item.bandeau_item.index_1, #actu #latest_actu ul, #actu #latest_actu ul .list_item {margin-bottom:0;} #actu .list_item.bandeau_item.index_1, #actu .list_item.bandeau_item.index_2 {margin-top:0;} /* Zone texte */ #actu .list_item.bandeau_item.index_1 .txt {min-height:43rem;} #actu .list_item.bandeau_item.index_2 .txt {min-height:14.2rem; max-width:50%; transform:translateX(100%);} #actu .list_item.bandeau_item .txt {padding:2rem 2.5rem 1rem 2.5rem; padding-bottom:6.5rem; min-height:25rem; position:absolute; bottom:0; left:0; z-index:1; background:repeating-linear-gradient(45deg, rgba(59,59,59,0.1), rgba(59,59,59,0.1) 2px, rgba(59,59,59,0) 2px, rgba(59,59,59,0) 8px);} /* Titre */ #actu .list_item.index_1 .titre {font-size:2.6em; line-height:1.2em;} #actu .list_item .titre {text-transform:uppercase; color:#ffffff;} #actu .list_item .titre span {text-transform:uppercase; display:block;} #actu .list_item .titre .titre_trad {margin-top:1.5rem;} #actu .list_item .titre .titre_trad, #actu .list_item .titre .titre_trad * {font-family:'lato_light',Arial,Verdana,sans-serif; font-size:1.6rem; line-height:1.4rem;} #actu .list_item .titre .titre_trad span + span {padding-top:1.5rem;} #actu .list_item.index_1 .titre a::before {height:calc(100% + 43.2rem);} #actu .list_item.index_2 .titre a::before {height:100%; transform:translateX(-50%); width:200%; min-height:calc(39.3rem + 2.3rem);} #actu .list_item .titre a::before {height:calc(100% + 18rem);} /* Description */ /* Gestion des elements affiches au survol des item */ #actu .list_item.index_1 .thumb-desc {height:auto; transform:scaleY(1); overflow:initial;} /* Zone bottom */ /* Affichage des trad */ #actu .list_item.index_1 .zone_bottom .picto_trad {padding-left:2.5rem;} #actu .list_item.index_2 .zone_bottom .picto_trad {padding-left:2.5rem;} #actu .list_item .zone_bottom .picto_trad {padding-left:2.5rem;} /*** AGENDA ***/ #agenda ul.content {margin-bottom:0;} #agenda ul.content.scale-in-up.mui-enter {transition-property:transform;} #agenda ul.content.scale-in-up.mui-enter.mui-enter-active {transform:scale(1);} /*** BLOC CARTE INTERACTIVE ***/ #bloc_carte_interactive .bloc_carte_img {background-color:#d7d8da; padding:0; text-align:right;} #bloc_carte_interactive .bloc_carte_img img {min-height:100%; height:auto; width:auto; max-height:100%;} #bloc_carte_interactive .bloc_carte_infos {padding:3rem; z-index:1;} #bloc_carte_interactive .bloc_carte_infos .bloc_home_subtitle {margin-bottom:4rem;} #bloc_carte_interactive .bloc_carte_infos ul {margin:0;} #bloc_carte_interactive .bloc_carte_infos ul li {text-transform:uppercase; font-size:1.8em; padding:0.6rem 0.2rem;} #bloc_carte_interactive .bloc_carte_infos ul li a {display:block;} #bloc_carte_interactive .bloc_carte_infos ul li a span {font-family:'lato_bold',Arial,Verdana,sans-serif; color:#ffffff; display:inline-block; vertical-align:middle;} #bloc_carte_interactive .bloc_carte_infos ul li a .intitule_acces {max-width:calc(100% - 11rem);} #bloc_carte_interactive .bloc_carte_infos ul li a .picto_acces {display:inline-block; position:relative; border-radius:50%; box-shadow:0 0 0 0.2rem #ffffff; margin-right:2.5rem; height:7.5rem; width:7.5rem; padding:1.75rem; overflow:hidden;} #bloc_carte_interactive .bloc_carte_infos ul li a .picto_acces::before {content:''; position:absolute; top:90%; left:-50%; transform:rotate(45deg); width:120%; height:120%; transform-origin:top center; transition:0.3s ease-in-out;} #bloc_carte_interactive .bloc_carte_infos ul li a:hover .picto_acces::before, #bloc_carte_interactive .bloc_carte_infos ul li a:focus .picto_acces::before {left:30%; top:10%;} #bloc_carte_interactive .bloc_carte_infos ul li a .picto_acces img {position:relative;} /*** KIOSQUE ***/ #home #bloc_kiosque .large-8 {/*background-color:transparent;*/ background-repeat:no-repeat;/* background-position:center 3rem; background-size:100% auto;*/ min-height:35rem; /*CORR ACCESS*/ background-color:#555555; background-position:center center; background-size:auto 100%;} #home #bloc_kiosque .titre_bloc_container {margin-bottom:0;} #home #bloc_kiosque .titre_bloc {padding:14.8rem 1.5rem 3rem 1.5rem;} #home #bloc_kiosque .titre_bloc::after {display:none;} #home #bloc_kiosque .titre_bloc .bloc_home_title {padding-left:11.5rem; padding-right:11.5rem;} #home #bloc_kiosque .titre_bloc .bloc_home_title > span {display:block;} #home #bloc_kiosque .titre_bloc .titre_trad {color:#ffffff; padding-top:0;} #home #bloc_kiosque .align-right {padding:1.5rem 1.5rem 2.5rem 1.5rem;} #home #bloc_kiosque .btn_all a:not(:hover):not(:focus) {color:#ffffff;} /* carres graphiques */ #home #bloc_kiosque .large-8::before, #home #bloc_kiosque .large-8::after {content:''; display:block; position:absolute;} #home #bloc_kiosque .large-8::before {width:7.7rem; height:7.7rem; top:30rem; left:-4rem; border-bottom-width:1.5rem; border-bottom-style:solid; border-right-width:0.8rem; border-right-style:solid;} #home #bloc_kiosque .large-8::after {width:12rem; height:12rem; top:-3rem; right:-3rem; border-bottom-width:2rem; border-bottom-style:solid; border-left-width:2rem; border-left-style:solid;} /* COL MAG */ #bloc_kiosque .large-2 {position:relative; z-index:2; min-width:21.5rem;} #bloc_kiosque .large-2 p, #bloc_kiosque .large-2 li {text-transform:uppercase; font-family:'nexa_bold',Arial,Verdana,sans-serif;} #bloc_kiosque .large-2 img {order:1; margin-top:-8rem;} #bloc_kiosque .large-2 .bloc_home_subtitle {order:2; padding-top:1.5rem; word-break:break-word;} #bloc_kiosque .large-2 .date_doc {order:3; margin-bottom:0;} #home #bloc_kiosque ul {order:4; padding-top:2.5rem;} #bloc_kiosque ul {margin-bottom:0;} #home #bloc_kiosque li {font-size:1.6em; line-height:1.2em; padding-top:1.5rem;} #bloc_kiosque li:first-child {padding-top:0;} #bloc_kiosque li a::after {display:none;} #bloc_kiosque li a, #bloc_kiosque li a span {font-family:inherit; display:block;} #bloc_kiosque li a > span:first-child {padding:0.5rem 0.5rem 0.5rem 3.5rem; background-position:left 0.7rem; background-repeat:no-repeat;} #bloc_kiosque li.telecharger a > span:first-child {background-image:url(../img/bloc_kiosque_picto_telecharger.png);} /*#bloc_kiosque li.telecharger a > span:first-child {background-image:url(../img/picto_telecharger_dark.png);}*/ #bloc_kiosque li.feuilleter a > span:first-child {background-image:url(../img/bloc_kiosque_picto_feuilleter.png);} /*#bloc_kiosque li.feuilleter a > span:first-child {background-image:url(../img/picto_feuilleter_dark.png);}*/ #bloc_kiosque li .infos_doc {font-family:'nexa_light',Arial,Verdana,sans-serif; font-size:1.4rem;} /* COL TEXTE */ #bloc_kiosque .large-4.large-offset-1 {margin-left:6.5rem;} #bloc_kiosque .large-4 .bloc_home_subtitle {text-transform:none; padding-top:4rem; padding-bottom:2.5rem;} /*** SOCIAL WALL ***/ #social_wall .content > .columns {padding:0;} /********************************************************************************/ /*********************************** PAGE TYPE **********************************/ /********************************************************************************/ /*** HEAD PAGE ***/ .head_page {position:relative; margin-top:5rem;} .head_page > .columns > .row {background-color:#ffffff; padding-bottom:4rem;} /*** CARTOUCHE TITRE ***/ .titre_container {margin-bottom:-5.1rem; margin-top:14rem;} .titre_container .hach_dark_bg_blue {padding:4.7rem 5.3rem;} .titre_container.detail > .hach_dark_bg_blue {padding:4.7rem 3rem;} .titre_container.detail::after, .titre_container.detail::before {content:""; position:absolute;} .titre_container.detail::before {width:12rem; height:12rem; top:5.5rem; left:4.3rem; opacity:0.68; transform:translateX(-100%);} .titre_container.detail::after {width:10rem; height:8.5rem; top:7rem; left:4.4rem; transform:translateX(calc(-100% - 1px));} /*** TITRE PAGE ***/ #page h1, #popin_detail #titre_page_popin > p:first-of-type {text-transform:none; color:#ffffff; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-weight:normal; font-size:3.8em; line-height:1.1em; margin:0; padding-bottom:2.5rem;} /* Trad */ #titre_page, #titre_page_popin {margin:2.5rem 0;} #titre_page .titre_trad, #titre_page_popin .titre_trad {padding:2.5rem 8rem 0 0;} #titre_page::before, #titre_page_popin::before {content:''; position:absolute; width:100%; height:0.1rem; bottom:0; left:0;} #titre_page .titre_trad, #titre_page_popin .titre_trad, #titre_page .titre_trad span, #titre_page_popin .titre_trad span {font-family:inherit; color:inherit; font-size:2.5rem; display:inherit; line-height:initial;} #titre_page .titre_trad span, #titre_page_popin .titre_trad span {display:inline;} #titre_page .picto_trad, #titre_page_popin .picto_trad {right:0; bottom:0; font-size:inherit; line-height:inherit;} #titre_page .picto_source, #titre_page_popin .picto_source {position:absolute; right:7rem; bottom:0;} .titre_container.detail #titre_page .titre_trad, .titre_container.detail #titre_page_popin .titre_trad {padding-right:0;} .titre_container.detail #titre_page, #popin_detail .titre_container.detail #titre_page_popin {min-height:20rem;} #page .titre_container.detail h1, #popin_detail .titre_container.detail #titre_page_popin > p:first-of-type {padding-right:24rem;} /*** ACCROCHE PAGE ***/ .quote {padding-bottom:2rem;} #page .titre_container .quote, #popin_detail .titre_container_popin .quote {padding-bottom:5rem;} #page .titre_container .quote h2, #popin_detail .titre_container .quote h2 {color:#ffffff;font-family:'nexa_light',Arial,Verdana,sans-serif; font-size:1.9em; line-height:1.4em;} /* separation col_left // col_right */ #col_left_inner, #col_left_inner_popin {background-color:#ffffff; padding:2rem;} /* 1er element de contenu n'a pas de margin top */ #col_left_inner > *:first-child, #col_left_popin_inner > *:first-child {margin-top:0 !important;} /*** PARAM TXT ***/ .content_page .csc-header {margin-bottom:0;} .content_page h2 {text-transform:uppercase; color:#000000; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-weight:normal; font-size:2.8em; line-height:1.2em; margin:5rem 0 1.5rem 0;} .content_page h2 a {border:0; padding:0; text-transform:inherit; color:inherit; font-family:inherit;} .content_page h3 {text-transform:none; color:#000000; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-weight:normal; font-size:2.6em; line-height:1.2em; margin:4rem 0 1rem 0;} .content_page h3 a {border:0; padding:0; text-transform:inherit; color:inherit; font-family:inherit;} .content_page h4 {text-transform:uppercase; color:#000000; font-size:2em; line-height:1.2em; margin:3rem 0 1rem 0; font-family:'nexa_bold',Arial,Verdana,sans-serif;} .content_page h4 a {border:0; padding:0; text-transform:inherit; color:inherit; font-family:inherit;} .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 {border:0; font-weight:normal; background:none;} /* SKIN LIEN */ .content_page a {text-transform:none; font-family:'lato_bold',Arial,Verdana,sans-serif; border-bottom-width:2px; border-bottom-style:solid; background-color:transparent; padding:0 0.2rem; position:relative;} .content_page .csc-textpic-image a {padding:0; border:0; background:none !important;} /* SKIN LIENS EXTERNE */ /* Gere dans scss externe external_link.scss */ /* SKIN LEGENDE LIEN IMG */ .content_page .csc-textpic-image, .content_page figure.image {margin:0 0 3rem 0; position:relative;} .content_page figcaption.csc-textpic-caption, .content_page p.figcaption, .content_page .bloc_video .description p {padding:1rem 0; margin-bottom:0; text-align:left; background-color:#ffffff; color:#444444; font-family:'lato_lightitalic',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.2em;} .content_page figcaption.csc-textpic-caption span, .content_page p.figcaption span, .content_page .bloc_video .description span {font-family:inherit;} .content_page figcaption.csc-textpic-caption .author, .content_page p.figcaption .author, .content_page .bloc_video .description .author {color:#737373;} /* SKIN LIST */ .content_page ul, .content_page ol {padding:0 0 0 6.5rem;} .content_page ul li, .content_page ol li {padding:0.2rem 0;} .content_page ul li li, .content_page ol li li {font-size:1em;} /* list decimal */ .content_page ol, .content_page ol li {list-style:initial; list-style-type:decimal;} /* SKIN TABLEAUX */ .content_page table {border-spacing:0; border-collapse:collapse; margin-bottom:3rem; margin-bottom:6rem;} .content_page table caption {text-transform:uppercase; color:#000000; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:2em; line-height:1.2em; padding:3rem 2.5rem 1rem 2.5rem;} .content_page table thead, .content_page table tbody, .content_page table tfoot {border-color:transparent; background:transparent;} .content_page table tfoot {background-color:#e6e6e6;} .content_page table tbody tr:nth-child(even) {background-color:#f2f2f2;} .content_page th, .content_page td {padding:1rem; vertical-align:middle; text-align:left; border:0;} .content_page th {text-transform:uppercase; font-family:'lato_bold',Arial,Verdana,sans-serif; font-size:2em; line-height:1.2em; background-color:#f2f2f2;} .content_page th > * {text-transform:uppercase; color:#000000; font-family:'lato_bold',Arial,Verdana,sans-serif; font-size:1em; margin-bottom:0;} .content_page td {font-size:1.8em; line-height:1.2em; font-weight:normal;} .content_page td * {font-size:1em;} /* STYLE RTE */ .content_page p.align-left, .content_page td.align-left {text-align:left;} .content_page p.align-right, .content_page td.align-right {text-align:right;} .content_page p.align-center, .content_page td.align-center {text-align:center;} .content_page p.align-justify, .content_page td.align-justify {text-align:justify;} .content_page p.align-left img, .content_page td.align-left img {float:left; margin-right:1rem;} .content_page p.align-right img, .content_page td.align-right img {float:right; margin-left:1rem;} /* BLOCKQUOTE */ .content_page blockquote {padding:2rem 5rem; border-left-width:4px; border-left-style:solid; margin-bottom:3rem; font-family:'nexa_bold',Arial,Verdana,sans-serif; position:relative; background:repeating-linear-gradient(45deg, rgba(235,235,235,1), rgba(235,235,235,1) 2px, transparent 2px, transparent 8px); background-color:#ffffff;} .content_page blockquote p {font-family:'nexa_bold',Arial,Verdana,sans-serif;} .content_page blockquote * {margin-bottom:0; position:relative; z-index:1; color:inherit;} .content_page blockquote::after {content:""; display:block; width:calc(100% - 6rem); height:calc(100% - 2rem); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:0; background-color:#ffffff;} /* GRID ELEMENT */ #col_left_inner > .row:not(.bloc_col) > .columns > .bloc_col, #col_left_inner_popin > .row:not(.bloc_col) > .columns > .bloc_col {margin-top:0;} #col_left_inner > .row:not(.bloc_col), #col_left_inner_popin > .row:not(.bloc_col) {margin-top:3rem;} /* BLOC VIDEO */ .bloc_video {width:100%; margin:0 auto 3rem auto; position:relative; max-width:77rem;} .bloc_col .bloc_video {margin-bottom:0;} .bloc_video .video {position:relative; padding-bottom:56.25%; height:0.0000000000001rem; overflow:hidden;} .bloc_video .video .cat {bottom:0; right:0;} .bloc_video .video iframe {position:absolute; top:0; left:0; width:100%; height:100%; margin:0 !important;} .content_page .bloc_video .title p {margin-bottom:0.5rem;} /* BLOC DIAPORAMA IMAGES SLICK */ .diaporama_images {margin-bottom:3rem;} .diaporama_images img {margin:0 auto;} .diaporama_images .contenu_bloc {overflow:hidden; background:#ffffff; padding:0;} .diaporama_images .slider-for-images, .diaporama_images .slider-nav-images {position:relative; overflow:hidden;} .diaporama_images .slick-slider .slick-track {min-width:100%;} .diaporama_images .slick-slider .slick-list, .image_pop .slick-slider .slick-list, .slider_image_image_pop .slick-slider .slick-list {background:#ffffff;} /* Nav thumbnail */ .diaporama_images .slider-nav-images {padding:0 7.7rem; max-height:7.7rem;} .diaporama_images .slider-nav-images::before, .diaporama_images .slider-nav-images::after {content:''; display:inline-block; margin:0 auto; width:6rem; height:4.7rem; position:absolute; top:0.7rem; text-align:center;} .diaporama_images .slider-nav-images .slick-arrow, .diaporama_images .slider-nav-images .slick-arrow::before {top:0;} .diaporama_images .slider-nav-images .slick-arrow.slick-prev::before {background-image:url(../../assets_common/img/arrow_slick_prev_nav.png);} .diaporama_images .slider-nav-images .slick-arrow.slick-next::before {background-image:url(../../assets_common/img/arrow_slick_next_nav.png);} .diaporama_images .slider-nav-images .slick-list.draggable {background:#ffffff;} .diaporama_images .slider-nav-images .slick-slide {/*width:7.7rem !important; height:7.7rem !important;*/ overflow:hidden;} /* Hover */ .diaporama_images .slider-nav-images .slick-slide:hover a, .content_page .diaporama_images .slider-nav-images a:hover img, .content_page .diaporama_images .slider-nav-images a:focus img {opacity:0.5;} .content_page .diaporama_images .slider-nav-images .slick-slide a:hover, .content_page .diaporama_images .slider-nav-images .slick-slide a:focus {border:0; background:transparent;} /* Big Diapo + reveal diapo */ .diaporama_images figure {display:block; background:repeating-linear-gradient(45deg, rgba(235,235,235,1), rgba(235,235,235,1) 2px, transparent 2px, transparent 8px); background-color:#f5f5f5;} .image_pop .slider-for-images-pop, .slider_image_image_pop .slider_image_slider-for-images-pop, .image_pop_col_right .slider-for-images-pop {position:relative;} .image_pop .slick-slider .slick-list, .slider_image_image_pop .slider_image_slick-slider .slick-list, .image_pop_col_right .slick-slider .slick-list {position:relative; z-index:2;} /* Arrow */ .content_page .diaporama_images .slick-slider .slick-arrow {transform:none; height:7.7rem; width:7.7rem;} .content_page .diaporama_images .slick-slider .slick-arrow.slick-prev {left:0;} .content_page .diaporama_images .slick-slider .slick-arrow.slick-next {right:0;} .diaporama_images .slider-for-images.slick-slider .slick-arrow {width:7rem; height:7rem;} .diaporama_images .slider-for-images.slick-slider .slick-arrow::before, .diaporama_images .slider-for-images-pop.slick-slider .slick-arrow::before {width:7rem; height:7rem; background-color:transparent; border:0;} .diaporama_images .slider-for-images.slick-slider .slick-arrow.slick-prev::before, .diaporama_images .slider-for-images-pop.slick-slider .slick-arrow.slick-prev::before {background-image:url(../img/diaporama_big_left_arrow.png);} .diaporama_images .slider-for-images.slick-slider .slick-arrow.slick-next::before, .diaporama_images .slider-for-images-pop.slick-slider .slick-arrow.slick-next::before {background-image:url(../img/diaporama_big_right_arrow.png);} /* Hover */ .diaporama_images .slider-for-images.slick-slider:hover .slick-arrow:hover, .diaporama_images .slider-for-images.slick-slider:hover .slick-arrow:focus, .reveal .slick-slider:hover .slick-arrow:hover, .reveal .slick-slider:hover .slick-arrow:focus{opacity:1;} .diaporama_images .slider-for-images.slick-slider:hover .slick-arrow, .image_pop .slider-for-images-pop.slick-slider:hover .slick-arrow, .slider_image_image_pop .slider-for-images-pop.slick-slider:hover .slick-arrow, .image_pop_col_right .slider-for-images-pop.slick-slider:hover .slick-arrow, .slick-arrow:focus {z-index:1000; opacity:0.7; background-color:rgba(0,0,0,0);} /* Reveal diapo */ .image_pop, .slider_image_image_pop {max-width:120rem;} /* Gestion image portrait */ .diaporama_images img.img_portrait {width:auto;} /* btn telecharger image */ p.btn_download_pic {position:absolute; top:0; right:0; z-index:2000; margin:0; padding:1rem;} p.btn_download_pic a, .content_page p.btn_download_pic a {background-color:rgba(255,255,255,0.7); padding-left:0.5rem;} /* Affichage titre slider images */ .slider_image .bloc_col {padding-bottom:3rem;} .slider_image .bloc_col .full_content_slider, .content_page .slider_image .bloc_col .full_content_slider {width:calc(110rem + 23.2rem); margin:0 auto;} .slider_image .bloc_col .titre_bloc::before {width:calc(100% - 1.2rem);} /* QUESTIONNAIRE QUALITE */ #quality_form {border-radius:0; margin-top:2rem; margin-bottom:4rem; position:relative; z-index:0; border-left-width:0.5rem; border-left-style:solid;} #quality_form::before {content:''; position:absolute; width:calc(100% + 50vw); height:100%; top:0; left:0; background:repeating-linear-gradient(45deg, rgba(235,235,235,1), rgba(235,235,235,1) 2px, transparent 2px, transparent 8px); background-color:#ffffff; z-index:-1;} #quality_form::after {content:''; position:absolute;} #quality_form form, .content_page #quality_form form {padding:0 2.5rem;} #quality_form form fieldset legend, .content_page #quality_form form fieldset legend {text-transform:none; font-size:1.9em; display:block; margin-bottom:0; padding:2.5rem 0; float:left; width:auto;} #quality_form .form_item > .ligne_form {clear:none; margin-left:3.5rem; padding:2.5rem 0; float:right; margin-bottom:0; position:relative;} #quality_form .form_item > .ligne_form > label {text-transform:none; cursor:pointer; padding:0 0 0 4rem; background-color:transparent; background-repeat:no-repeat; background-position:0 center; transition:0.3s ease-in-out;} #quality_form .form_item .ligne_form input[type="radio"]:checked + label, #quality_form .form_item .ligne_form input[type="radio"]:not([disabled]):focus + label, #quality_form .form_item .ligne_form input[type="radio"]:not([disabled]) + label:hover, #quality_form .form_item .ligne_form input[type="radio"]:not([disabled]) + label:focus {background-position:1rem center;} #quality_form .ligne_form input[type="radio"] {position:absolute; left:-99999rem;} #quality_form .form_item .ligne_form input[disabled] + label {cursor:not-allowed; opacity:0.5;} #comment {display:inline-block; width:100%; margin-bottom:2rem; padding:2rem; background-color:#ffffff;} #comment.visibility.is-hidden[aria-expanded='true'] {display:inline-block !important;} #comment label {font-size:1.6em;} #comment .ligne_form textarea {margin-bottom:1rem; padding:1rem; font-size:1.6em;} #quality_form .ligne_form.btn_submit {margin:0; padding:0;} #quality_form #h_email {display:none;} #quality_form .sk-circle.qual.no {top:50%; transform:translateY(-50%);} #quality_form #comment .ligne_form p, .content_page #quality_form #comment .ligne_form p {margin-bottom:0; font-size:1.4em; font-family:'lato_bold',Arial,Verdana,sans-serif;} #quality_form > p {padding:2.5rem; margin:0; font-family:'nexa_bold',Arial,Verdana,sans-serif;} /* COLONNE CONTEXTUELLE */ /* BLOCS COL */ #col_right .bloc_col, #col_right_popin .bloc_col {margin-left:0; margin-right:0;} .bloc_col {margin-bottom:6rem; padding:3rem;} /* titre et sous-titre du bloc */ #popin_detail .titre_bloc {font-size:1em;} /* titre */ .bloc_col .titre_bloc {margin-bottom:1.5rem;} .saviez .titre_bloc, .bloc_faq .titre_bloc {text-align:center; margin-bottom:2.5rem;} .encadre .titre_bloc {margin-bottom:2rem;} .bloc_col .titre_bloc .titre {text-transform:uppercase; color:#000000; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:2em; line-height:1.2em; margin:0;} .saviez .titre_bloc .titre {text-transform:none;} .bloc_faq .titre_bloc .titre {text-transform:none; font-size:2.6em;} .encadre .titre_bloc .titre {text-transform:none; font-size:2.6em;} /* sous-titre */ .bloc_col .subtitle {text-transform:uppercase; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:2em; line-height:1.2em; margin:0 0 2rem 0;} .info_utile .subtitle {text-transform:none; margin-bottom:0;} .saviez .subtitle {text-transform:none; font-size:2.6em;} /* zone contenu du bloc */ .bloc_col .content_bloc, .content_page .bloc_col .content_bloc {padding:3rem 4rem; background:#ffffff;} .bloc_col .content_bloc *:last-child {margin-bottom:0 !important;} /* MISE EN AVANT */ .avant {} /* ENCADRE */ .encadre {border-width:0.2rem; border-style:solid;} .encadre .content_bloc, .content_page .encadre .content_bloc {padding:0;} /* LE SAVIEZ-VOUS */ .saviez {padding-top:2rem;} .saviez .titre_bloc {padding-top:5.4rem; background-position:top center; background-repeat:no-repeat;} .saviez .content_bloc, .content_page .saviez .content_bloc {padding:0 0 2rem 0; background:transparent;} /* BLOC PORTRAIT */ .portrait {} /* BLOC GEOLOC - contact et organisateur */ /* colonne TXT */ .info_utile .content_bloc p:not(.subtitle) {font-size:1.5em; line-height:1.6em; margin-bottom:0.5rem;} .adresse {padding:0 0 0 2.6rem; background-repeat:no-repeat; background-position:left 0.4rem;} /*.horaires {padding:0 0 0 2.6rem; background-repeat:no-repeat; background-position:left 0.4rem;}*/ /*.mail {padding:0 0 0 2.6rem; background-repeat:no-repeat; background-position:left 0.4rem;}*/ /*.website {padding:0 0 0 2.6rem; background-repeat:no-repeat; background-position:left 0.4rem;}*/ .tel {padding:0 0 0 2.6rem; background-repeat:no-repeat; background-position:left 0.4rem;} .content_page .tel a {padding:0; font-family:inherit; border:0;} .content_page .info_utile .btn_fiche {margin:2rem 0 0 0;} /* colonne MAP */ .info_utile .info_map {position:relative;} .map_infos {max-width:100%; width:100%; height:100%; position:relative; overflow:hidden; min-height:26rem; max-height:26rem;} .map_infos a {background-color:transparent !important;} .content_page .info_map a::after {display:none !important} .icons {position:relative; padding-left:2.6rem;} .icons i {position:absolute; top:0.1rem; left:0.2rem;} .gmnoprint .gm-style-mtc label {float:right !important; font-family:'lato_light',Arial,Verdana,sans-serif !important; font-size:1rem !important; line-height:1.8em !important; padding-bottom:0;} .gm-style .gm-style-cc span, .gm-style .gm-style-cc a, .gm-style .gm-style-mtc div {font-size:1rem !important;} /* lien s'y rendre */ .info_utile .gg_link {bottom:0; left:0;} .info_utile .gg_link p {margin:0 !important;} /* RESSOURCES DOWNLOAD */ .content_page .zone_ressources_download ul {padding:0; margin:0;} .content_page .zone_ressources_download ul li {font-size:1.9em; line-height:1.2em; list-style-image:none; margin-top:2rem; padding:0;} .content_page .zone_ressources_download ul li:first-child {margin:0;} .content_page .zone_ressources_download ul li a {background-repeat:no-repeat; background-position-y:0.5rem; border:0;} .zone_ressources_download ul li span {display:block; color:inherit; font:inherit;} .zone_ressources_download ul li .nm_doc {word-break:initial; word-wrap:break-word;} .zone_ressources_download ul li .infos_doc {text-transform:uppercase; font-family:'lato_light',Arial,Verdana,sans-serif; font-size:1.4rem; padding-top:0.5rem;} .zone_ressources_download ul li .maju {display:inline; text-transform:uppercase; padding-left:0;} .zone_ressources_download ul li a::after, .zone_ressources_download ul li a::before {display:none !important;} /* LIENS UTILES */ .content_page .zone_articles_associes ul {margin:0; padding:0;} .content_page .zone_articles_associes ul li {font-size:1.8em; line-height:1.2em; list-style-image:none; margin-top:2rem; padding:0;} .content_page .zone_articles_associes ul li:first-child {margin:0;} .content_page .zone_articles_associes ul li a {background-repeat:no-repeat; background-position-y:0.5rem; border:0; word-break:initial; word-wrap:break-word;} .zone_articles_associes ul li a::before {display:none !important;} /* BLOC TEST IMAGE */ .content_page .csc-textpic .csc-textpicHeader > *:first-child, .content_page .csc-textpic > *:first-child {margin-top:0;} /* COLONNE GAUCHE */ /* SOMMAIRE DE PAGE + VOIR AUSSI */ /* CUSTOM SCROLLBAR */ #col_right_inner::-webkit-scrollbar, #col_right_inner_popin::-webkit-scrollbar {width:1.4rem; background:#f6f6f6;} #col_right_inner::-webkit-scrollbar-track, #col_right_inner_popin::-webkit-scrollbar-track {box-shadow:inset 0 0 0.2rem 0 #d6d6d6;} #col_right_inner::-webkit-scrollbar-thumb, #col_right_inner_popin::-webkit-scrollbar-thumb {box-shadow:inset 0 0 0 0.4rem #f6f6f6;} #col_right, #col_right_popin {padding-right:4.8rem;} #col_right_inner, #col_right_inner_popin {padding:2rem 1rem 2rem 0; max-height:100vh; background:#ffffff; margin:0 !important;} #col_right_inner.is-at-bottom, #col_right_inner_popin.is-at-bottom {padding-top:8rem; margin-top:-6rem !important;} #col_right_inner.is-stuck, #col_right_inner_popin.is-stuck, #col_right_inner.is-at-bottom, #col_right_inner_popin.is-at-bottom {overflow-y:auto;} #col_right .bloc_col, #col_right_popin .bloc_col {padding:1rem; margin:0;} #col_right .bloc_col:not(:last-child), #col_right_popin .bloc_col:not(:last-child) {margin-bottom:6rem;} #col_right .bloc_col .content_bloc, #col_right_popin .bloc_col .content_bloc {padding:0;} #col_right .bloc_col .titre_bloc, #col_right_popin .bloc_col .titre_bloc {position:relative;} #col_right .bloc_col .titre_bloc::before, #col_right_popin .bloc_col .titre_bloc::before {content:''; width:6rem; height:0.2rem; position:absolute; bottom:-0.5rem; left:0;} #col_right .bloc_col ul, #col_right_popin .bloc_col ul {padding:0; margin:0;} #col_right .bloc_col ul li, #col_right_popin .bloc_col ul li {list-style:none; padding:1.2rem 0;} #col_right .bloc_col ul li::first-letter, #col_right_popin .bloc_col ul li::first-letter {text-transform:uppercase;} #col_right .bloc_col ul li a, #col_right_popin .bloc_col ul li a {border:none;} #sommaire_popin .content_bloc ul li a::after {display:none;} /* affichage des ancres dans le contenu */ .content_page .magellan_anchor {margin-top:5rem; display:block; padding:0; border:0;} .content_page .bloc_col .magellan_anchor {margin-top:0;} /********************************************************************************/ /********************************** PAGE LISTE **********************************/ /********************************************************************************/ /* MOTEUR */ #moteur {padding:0; margin-bottom:6rem;} #line_tools_moteur {line-height:0; background-color:#f5f5f5; z-index:10;} #line_tools_moteur .titre_bloc {background:#f0f0f0;} #line_tools_moteur .titre_bloc .titre_fr {padding:0;} .bloc_home #line_tools_moteur::before {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:-0.1rem; transform:translateX(99%); z-index:1; background:repeating-linear-gradient(45deg, rgba(235,235,235,1), rgba(235,235,235,1) 2px, transparent 2px, transparent 8px); background-color:#f5f5f5;} .bloc_home #line_tools_moteur.is-stuck::after {content:''; height:19rem; width:100vw; position:absolute; background:repeating-linear-gradient(45deg, rgba(59, 59, 59, 0.1), rgba(59, 59, 59, 0.1) 2px, transparent 2px, transparent 8px); left:50%; transform:translateX(-50%) translateY(-100%) translateY(1px); top:0; z-index:1;} #line_tools_moteur form {/* BUG D'AFFICHAGE SI ACTIF : les champs ne sont plus sur une seule ligne / padding:0 0.5rem;*/} #line_tools_moteur p {padding:0; margin-bottom:0;} #line_tools_moteur svg {display:none;} #line_tools_moteur p.btn_lien a:hover, #line_tools_moteur p.btn_lien a:focus, #carto .reset_search a:hover, #carto .reset_search a:focus {opacity:0.7; color:inherit;} #line_tools_moteur p.btn_lien a::before {display:none;} #line_tools_moteur button.btn_lien {color:#000000; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:1.6em; text-transform:uppercase;} #line_tools_moteur button.btn_lien, #line_tools_moteur button.btn_lien:hover, #line_tools_moteur button.btn_lien:focus, #line_tools_moteur p.btn_lien a, #line_tools_moteur p.btn_lien a:hover, #line_tools_moteur p.btn_lien a:focus {background-position:0 center; background-repeat:no-repeat; padding:2rem 2.5rem;} #line_tools_moteur button.btn_lien:hover, #line_tools_moteur button.btn_lien:focus {opacity:0.7;} /* Nombre de resulats */ #line_tools_moteur p.nb_result {color:#ffffff; font-family:'nexa_light',Arial,Verdana,sans-serif; font-size:2.4em; padding:1.6rem 7.5rem 1.6rem 4rem;} #line_tools_moteur p.nb_result span {font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:inherit; margin-right:1rem; z-index:1;} /* Partie aspire */ #line_tools_moteur form #tag {margin:0; position:relative;} #line_tools_moteur form #tag label, #line_tools_moteur form #tag select, #line_tools_moteur form #tag .input-group {display:inline-block; width:auto;} #line_tools_moteur form #tag label {font-size:1.6em; padding:0; margin-right:0.8rem;} #line_tools_moteur form #tag select {color:#000000; font-family:'nexa_light',Arial,Verdana,sans-serif; font-size:1.6em; background-image:url(../img/bg_select_moteur.png); background-position:right center; background-color:transparent; width:13rem; padding:0 2rem 0 0;} #line_tools_moteur form #tag select:not(:focus) {border-color:transparent;} /*#line_tools_moteur form #tag select:focus) {border-color:transparent;} #line_tools_moteur form #tag select:focus {border-color:transparent;}*/ #line_tools_moteur form .open_date .date {position:absolute; margin:0; left:6.5rem; top:50%; transform:translateY(-50%);} #line_tools_moteur form .open_date .ligne_form {margin-bottom:0; width:auto; display:inline-block; background-color:#f0f0f0;} #line_tools_moteur form .open_date .date label {line-height:2.2em; text-transform:none;} #line_tools_moteur form #tag .input-group input {width:auto; padding:0.2rem 3.6rem 0.2rem 0.5rem; border:1px solid #000000; background-color:transparent; max-width:16rem; margin:0; background-repeat:no-repeat; background-position:right 1rem center;} /* Filtrer */ /* Reinitialiser */ #line_tools_moteur #reset_search a:hover, #line_tools_moteur #reset_search a:focus {color:#000000} /* Afficher la carte */ #line_tools_moteur #switch_display {z-index:2; padding-left:4rem;} #line_tools_moteur #switch_display button.btn_lien {background-image:url(../img/btn_display_map.png); padding:0; width:6rem; height:6rem; position:relative;} #line_tools_moteur #switch_display button.btn_lien .title {text-transform:uppercase; font-family:'nexa_bold',Arial,Verdana,sans-serif; color:#ffffff; font-size:1.4rem; position:absolute; bottom:0; left:0; width:100%; padding-bottom:0.4rem; text-align:center;} #line_tools_moteur #switch_display.hide_map button.btn_lien {background-image:url(../img/btn_hide_map.png);} /* FILTRES */ #filters_append .reveal-overlay {width:100vw; height:100vh; left:50%; transform:translateX(-50%);} #filters #filters_popin .filter_columns_right {padding-right:3.8rem;} #filters #filters_popin .filter_columns_left {padding-left:3.8rem;} /* gestion champs date */ #line_tools_moteur form #filters_popin #reveal_tag, #line_tools_moteur form #filters_popin #tag {padding:0;} #line_tools_moteur form #filters_popin #tag.open_date {padding-bottom:8rem; padding-right:0; padding-left:0;} #line_tools_moteur form #filters_popin #tag.open_date .ligne_form.date {position:absolute; width:100%; left:0; top:inherit; padding:0; bottom:0; transform:none; background-color:transparent;} #line_tools_moteur form #filters_popin .open_date .ligne_form {width:100%; margin-right:auto; margin-left:auto; display:-ms-flexbox; display:flex; -ms-flex-flow:row wrap; flex-flow:row wrap; background-color:transparent;} #line_tools_moteur form #filters_popin #tag > label, #line_tools_moteur form #filters_popin #tag > select {max-width:calc(50% - 4.6rem); width:calc(50% - 4.6rem); -ms-flex:1 1 0; flex:1 1 0; padding-right:0.8rem; padding-left:0.8rem; min-width:0;} #line_tools_moteur form #filters_popin #tag label, #line_tools_moteur form #filters_popin #tag select, #line_tools_moteur form #filters_popin #tag .input-group {display:block; width:100%; text-align:left;} #filters_popin label, #popin_accessibilite label {font-size:2em; margin:0; padding:0; line-height:1em; text-transform:uppercase;} #line_tools_moteur form #filters_popin #tag .input-group input {background-repeat:no-repeat; background-position:right 1rem center; padding-top:0.5rem; padding-bottom:0.5rem; max-width:inherit; width:inherit;} #line_tools_moteur form #filters_popin #tag select {background:#ffffff url(../img/bg_select.png) no-repeat right bottom 0.7rem; background-color:#ffffff; color:#737373; font-family:'lato_lightitalic',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.2em; padding:1rem 0 0.2rem 0; border-bottom-width:1px; border-style:solid; width:100%; height:auto; transition:none; margin:0 0.8rem;} #line_tools_moteur form #filters_popin #tag select:not(:focus) {border-bottom-color:#000000;} /* Archives */ #filters_popin .checkbox label {padding:0.3rem 0 0.3rem 1.7rem; text-transform:none; font-size:1.5em; color:#000000; font-family:'nexa_light',Arial,Verdana,sans-serif; height:initial; line-height:initial;} #carto .tabs-panel > .row > .columns.checkbox.archive {position:absolute; bottom:0; margin:0; transform:translateY(100%); padding:0; left:0;} /* gestion champs checkbox tag */ #filters_popin .input-group-label, #popin_accessibilite .input-group-label, p.label {height:auto; text-align:left; background:transparent;} #filters_popin .input-group label, #popin_accessibilite .input-group label {text-transform:none; font-size:1.5em; padding:1rem 1.2rem; margin:1rem 0 0 0; border:1px solid #000000; border-radius:15px; font-family:'nexa_light',Arial,Verdana,sans-serif; color:#000000; line-height:0.8em;} #filters_popin .input-group input[type="checkbox"], #filters_popin .input-group input[type="radio"], #filters_popin .input-group input[type="checkbox"]:checked, #filters_popin .input-group input[type="radio"]:checked, #popin_accessibilite .input-group input[type="checkbox"], #popin_accessibilite .input-group input[type="radio"], #popin_accessibilite .input-group input[type="checkbox"]:checked, #popin_accessibilite .input-group input[type="radio"]:checked {position:absolute; left:-99999em;} /* etat initial */ /* etat au survol */ #filters_popin .input-group .border.tag label:hover, #popin_accessibilite .input-group .border.tag label:hover {color:#ffffff;} /* etat au focus - navigation clavier*/ #filters_popin .input-group .border.tag input:focus + label, #popin_accessibilite .input-group .border.tag input:focus + label {color:#ffffff;} /* etat actif */ #filters_popin .input-group .border.tag input:checked + label, #popin_accessibilite .input-group .border.tag input:checked + label {color:#ffffff;} /* etat actif au survol */ #filters_popin .input-group .border.tag input:checked + label:hover, #popin_accessibilite .input-group .border.tag input:checked + label:hover {color:#ffffff; opacity:0.7;} /* etat actif au focus - navigation clavier */ #filters_popin .input-group .border.tag input:checked:focus + label, #popin_accessibilite .input-group .border.tag input:checked:focus + label {color:#ffffff; box-shadow:0 0 0 1px #000000;} #filters_popin .input-group .border.tag label, #filters_popin .input-group .border.tag label:hover, #filters_popin .input-group .border.tag label:focus, #popin_accessibilite .input-group .border.tag label, #popin_accessibilite .input-group .border.tag label:hover, #popin_accessibilite .input-group .border.tag label:focus {transition:all 0.3s ease-in-out;} /* submit + reset filtres */ #filters input[type="submit"] {margin-right:1.5rem; float:none;} .content_page #reset_search {font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:1.9em; line-height:1;} .content_page #reset_search_popin #reset_search, #carto .reset_search_popin .reset_search {font-family:'nexa_light',Arial,Verdana,sans-serif; font-size:1.5em;} .content_page #reset_search_popin {position:absolute; bottom:-4rem; width:100%; left:0.8rem;} .content_page #line_tools_moteur #reset_search a, .content_page #line_tools_moteur #reset_search_popin a, #carto .reset_search a {background-repeat:no-repeat; background-position:0 center; font-family:inherit; font-size:inherit; line-height:inherit;padding:0 0 0 2.5rem;} #carto .reset_search a::before {display:none;} .content_page button#reset_search, .content_page button#reset_search_popin {border-color:transparent; color:#000000; font-size:1.6em; background-repeat:no-repeat; background-position:0 center; padding:0.5rem 0 0.5rem 2rem;} .content_page button#reset_search:hover, button#reset_search:focus, .content_page button#reset_search_popin:hover, button#reset_search_popin:focus {background-position:0.5rem center;} /* MAP */ #second_display a::after {display:none !important;} #zone_map {max-width:100%; min-height:67rem; overflow:hidden; position:relative;} .content_page .gm-style a {padding:0; border:0;} .content_page .gm-style a::after {display:none !important;} /* Map en pleine largeur */ #second_display.map_only #zone_map {height:40rem; overflow:hidden; position:relative;} #col_left #second_display {margin-bottom:3rem;} /* RESULTATS */ .wrap_result {position:relative;} #zone_results {position:relative; padding-bottom:4rem; margin-bottom:5rem;} /* Item generique */ .list_item .thumb-desc, .content_page .list_item .thumb-desc {font-family:'lato_light',Arial,Verdana,sans-serif;} .list_item {margin-bottom:1.6rem;} .accordion .list_item.faq {margin:2rem 0; padding:0 2rem; background-color:#ffffff;} .accordion .list_item.faq .accordion-title {padding-top:1rem; padding-bottom:1rem;} .accordion .list_item.faq > a::before {top:1.5rem} .accordion .list_item.faq > a:hover::before, .accordion .list_item.faq > a:focus::before, .accordion .list_item.faq.is-active a::before {top:2rem;} .reveal .list_item > .close-button {transform:translateX(100%) translateY(2.5rem);} .list_item > .link {display:block; position:relative; height:100%; padding-top:2.5rem;} .list_item > .link.row { display:-ms-flexbox; display:flex; padding:2rem 2.5rem 5.5rem 2.5rem; background-color:#ffffff;} .list_item > .link.row .txt {padding:0 0 0 1.6rem;} .list_item.bandeau_item > .link {padding-bottom:14.2rem;} .list_item.bandeau_item_portrait > .link {padding-bottom:19.2rem;} .list_item.focusing *:not(.close-button, .cat), .list_item:hover *:not(.close-button, .cat) {color:inherit;} .list_item a::after {display:none !important;} /* Image */ .list_item .img {display:block; width:100%; height:32rem; position:relative; overflow:hidden;} .list_item .img img {display:block; position:absolute; left:50%; top:50%; 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;} .list_item.focusing img, .list_item:hover img {-webkit-backface-visibility:hidden; backface-visibility:hidden;} /*pour bandeau item format PORTRAIT*/ .bandeau_item_portrait .img {background:#e8edf1;} .bandeau_item_portrait .img img {min-width:initial; max-height:110%; max-width:initial;} /* Zone texte */ /*pour item classique sans img > ex. ASSOCIATION*/ .list_item .txt {display:block; padding:2rem 2.5rem 5.5rem 2.5rem;height:100%; width:100%; min-height:25rem; background:#ffffff;} /* avec categorie*/ .list_item.category .txt {padding-top:8rem;} .list_item.category.bandeau_item .txt {padding-top:2rem;} /*pour bandeau item avec img > ex. AGENDA*/ .list_item.bandeau_item .txt {height:auto; min-height:14.2rem; position:absolute; bottom:0; left:0; z-index:1; background:#ffffff; padding-top:2rem;} /* Dates */ .date {text-align:center;} .list_item .date {display:block; right:4rem; top:calc(100% - 48.5rem); margin:0;} .date span {display:block; color:#ffffff !important; font-family:'nexa_bold',Arial,Verdana,sans-serif; line-height:normal;} /* pastille date de debut et date de fin */ .date .startdate, .date .enddate {width:11.9rem; height:11.9rem; display:inline-block; border-radius:50%; background:repeating-linear-gradient(45deg, rgba(59,59,59,0.1), rgba(59,59,59,0.1) 2px, rgba(59,59,59,0) 2px, rgba(59,59,59,0) 8px); text-transform:uppercase;} .date .enddate {margin-left:-1.3rem;} .detail .date_container {position:absolute; z-index:1; padding:0; right:0; top:1.1rem;} .detail .date_container .date {display:inline-block; position:relative;} .detail .date_container .date .hach_dark_bg_blue {padding:0;} .detail .date_container .date .startdate, .titre_container.detail .date_container .date .enddate {display:inline-block; position:relative;} .detail .date_container .date:first-child {margin-right:-0.5rem;} .detail .date_container .date:last-child {margin-left:-0.5rem;} .detail .date_container .date .startdate::before, .detail .date_container .date .enddate::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; box-shadow:0 0 0 1px #ffffff; z-index:-1;} .date .enddate::after {content:''; display:block; height:calc(100% - 5rem); width:2.7rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:5;} /* indication textuelle de la periode type "du - au */ .date .txt_moment {text-transform:none; font-size:1.4rem; line-height:1; padding:0.5rem 0.5rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-transform:uppercase; z-index:1;} /* type "a partir du" et "jusqu'au" */ .date .startdate .txt_moment, .date .enddate .txt_moment {top:0; min-width:80%; text-transform:none;} /* nom du jour */ .date .txt_day_name {font-size:1.4rem; padding-top:2.3rem;} /* nombre du jour */ .date .txt_day_nb {font-size:5.6rem; line-height:0.9;} /* nom du mois */ .date .txt_month {font-size:1.8rem; line-height:0.9;} /* Titre */ .list_item .titre, .content_page .list_item .titre {text-transform:none; color:#000000; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:2em; line-height:1.4em; margin:0; word-break:break-word; word-wrap:break-word; overflow-wrap:break-word;} .list_item .titre a, .content_page .list_item .titre a, .list_item .titre .titre_fr {text-transform:none; color:inherit; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:1em; border:0 !important; padding:0; position:static;} .list_item .titre a::before {content:''; display:block !important; width:100%; height:100%; position:absolute; bottom:0; left:0; z-index:3;} .list_item.bandeau_item .titre a::before {height:calc(100% + 32rem);} /* Description */ .list_item .thumb-title > p:not(.cat):not(.date), .content_page .list_item .thumb-title > p:not(.cat):not(.date) {margin-top:0.5rem;margin-bottom:0;} .list_item .thumb-title > p:not(.cat):not(.date):first-of-type, .content_page .list_item .thumb-title > p:not(.cat):not(.date):first-of-type {margin:0;} /* Gestion des elements affiches au survol des item */ .list_item .thumb-desc, .showonhover {margin:0; display:block; overflow:hidden; position:relative; height:0.0000001rem; transform:scaleY(0); transition:all 0.3s ease-in-out;} .list_item.focusing .thumb-desc, .list_item.search .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, .list_item.focusing .showonhover, .list_item:hover .showonhover, .list_item a:hover .showonhover, .list_item a:focus .showonhover {height:auto; transform:scaleY(1); overflow:initial; transition:all 0.3s ease-in-out;} .list_item .thumb-desc p {font-size:1.6em; margin-bottom:0.5rem;} .list_item .thumb-desc p:last-child {margin-bottom:0;} .list_item .thumb-desc > *:first-child {border-top:2px solid #000000; padding-top:1.5rem; margin-top:1.5rem;} /* Zone bottom */ .zone_bottom {position:absolute; bottom:1rem; left:0; width:100%;} .zone_bottom p {margin-bottom:0;} /* Affichage des trad */ .list_item .zone_bottom .picto_trad {padding-left:2.5rem;} /* Ajout au calendrier */ .btn_calendar {font-size:1.6em; line-height:1.1em; margin-bottom:0; z-index:4;} .btn_calendar a, .content_page .btn_calendar a {font-family:'nexa_bold',Arial,Verdana,sans-serif; padding:0.8rem 1.5rem 0.8rem 0; border:0; background:url(../img/arrow_next_add_calendar.png) no-repeat 99% 50%;} .btn_calendar a:hover, .btn_calendar a:focus {opacity:0.7;} /* Btn more // graphique uniquement */ .list_item .btn_more_txt {width:5rem;} .list_item .btn_more_txt span {left:auto; top:auto; right:0; bottom:-1rem;} /* Categorie */ .cat, .list_item .cat, .content_page .list_item .cat {text-transform:uppercase; color:#ffffff; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1.2em; display:inline-block; margin:0 0 1.5rem 0; padding:0.75rem 2rem;} .list_item .cat {position:absolute; left:0; top:0; transform:translateX(2.5rem) translateY(2rem); max-width:calc(100% - 5rem);} .list_item.bandeau_item .cat {transform:translateY(-100%); margin-bottom:0;} /* Statut */ .statut {font-size:1.4em; display:inline-block; text-transform:uppercase; margin-left:0.25rem; margin-right:0.25rem;} .statut span {display:inline-block; padding:0.75rem 2rem; font-family:'nexa_bold',Arial,Verdana,sans-serif;} /* Items Idee */ .list_item.idee .thumb-desc p span {color:#ffffff; line-height:1.1em; display:inline-block; padding:0.5rem 1rem;} /* Items kiosque */ .list_item.kiosque {padding-top:2.5rem;} .list_item.kiosque > .link {padding:3rem 1.5rem;} .list_item.kiosque .txt {min-height:auto; height:auto;} .list_item.kiosque.search:hover .txt, .list_item.kiosque.search > .link:hover .txt {box-shadow:none; border:0;} .list_item.kiosque .img{height:auto; max-height:26rem; min-height:26rem;} .list_item.kiosque .titre a::before {display:none !important;} .list_item.kiosque .titre, .content_page .list_item.kiosque .titre {line-height:1.2em;} .list_item.kiosque .infos_doc {text-transform:uppercase; margin-top:1rem; font-size:1.4em; margin-bottom:0.2rem;} .list_item.kiosque .infos_date {font-family:'lato_lightitalic',Arial,Verdana,sans-serif; font-size:1.6em;} .list_item.kiosque .thumb-desc-visible p {font-size:1.9em; margin-top:1.5rem;} .list_item.kiosque .zone_bottom {padding-top:3rem; bottom:inherit; color:#ffffff; position:relative;} .list_item.kiosque .zone_bottom .button {background-color:transparent;} .list_item.kiosque .zone_bottom .button, .list_item.kiosque .zone_bottom .button a {width:100%;} .list_item.kiosque .button.telecharger {padding-right:0.8rem;} .list_item.kiosque .button.feuilleter {padding-left:0.8rem;} /* Items bloc_note */ .list_item.bloc_note:not(.kiosque) .txt {border:1px solid #e8edf1;} .list_item.bloc_note.kiosque .link {border:1px solid #e8edf1;} .list_item.bloc_note.bandeau_item > * {padding-bottom:8rem;} .list_item.bloc_note.bandeau_item .titre a::before {height:calc(100% + 21rem);} /* Items recherche generale */ /* mots cles surlignes */ .list_item .redMarkup, .list_item .redMarkup * {font-weight:normal; padding:0 0.2rem;} .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 {color:#ffffff !important;} .list_item.search .titre {padding-bottom:0;} p.suggestion_mot_cle {margin-top:1.5rem;} .list_item.search .txt {min-height:37rem; padding-top:6rem;} .list_item.search.category .txt {padding-top:11rem;} .list_item.search.category.agenda .txt {padding-top:21rem;} .list_item.search.agenda .txt {padding-top:15rem;} .list_item.search.kiosque .txt {padding:3rem 0.8rem 0 0.8rem; min-height:auto;} .list_item.search.kiosque .zone_bottom {padding:0 0.8rem; margin-top:2rem;} .list_item.search .cat {top:4rem;} .list_item.search .type {font-size:1.1em; line-height:1.1em; margin-bottom:1.5rem; text-align:right; position:absolute; width:calc(100% - 5rem); left:2.5rem; top:2rem;} .list_item.search .type::after {content:''; position:absolute; left:0; top:50%; width:100%; height:0.1rem; background:repeating-linear-gradient(45deg, rgba(235,235,235,1), rgba(235,235,235,1) 2px, transparent 2px, transparent 8px); background-color:#f5f5f5;} .type span {position:relative; z-index:2; display:inline-block; padding:0.3rem 0.5rem; color:#000000; font-family:'lato_bold',Arial,Verdana,sans-serif;background:repeating-linear-gradient(45deg, rgba(235,235,235,1), rgba(235,235,235,1) 2px, transparent 2px, transparent 8px);background-color:#f5f5f5; text-transform:uppercase;} /* Dates */ .list_item.search.agenda.category .date {top:12rem;} .list_item.search.agenda .date {top:6rem;} .list_item.search .date .txt_day_name {font-size:1rem; padding-top:1.8rem;} .list_item.search .date .txt_moment {font-size:1rem;} .list_item.search .date .txt_day_nb {font-size:2rem; line-height:2.2rem;} .list_item.search .date .txt_month {font-size:1.2rem;} .list_item.search .date .startdate, .list_item.search .date .enddate {width:8rem; height:8rem;} /* skin + visible au survol avec border */ .list_item.search .txt {transition:box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;} /* Items poi */ .list_item.focusing.poi .showonhover {transform:scaleY(0);} .list_item.focusing.poi:hover .showonhover, .list_item.focusing.poi:focus .showonhover {transform:scaleY(1);} /********************************************************************************/ /***************************** PAGE DETAIL / POPIN ******************************/ /********************************************************************************/ /* BANDEAU IMAGE / TITRE */ #popin_detail .bandeau_page {margin-bottom:5rem;} /* INFOS SUPPLEMENTAIRES EN FONCTION DES TYPES DE PAGE */ .detail .infos_supp {padding-bottom:1rem;} .detail .infos_supp p {margin-bottom:1rem; font-family:'lato_bold',Arial,Verdana,sans-serif; color:#ffffff; font-size:1.6em;} /* ARROWS NAV POPIN */ body.overflow #main {z-index:initial;} .wrap_arrow {position:fixed; top:0; text-align:center; z-index:200000000000000; width:3.9rem; height:7.5rem; cursor:pointer; transition:0.3s ease-in-out;} .wrap_arrow:hover .arrows, .wrap_arrow:focus .arrows {opacity:0.7;} .arrows {display:block; width:100%; height:100%; text-indent:-99999em; transition:0.3s ease-in-out;} .to_right .arrows {background:url(../../assets_common/img/arrow_slick_next.png) right center no-repeat;} .to_left .arrows {background:url(../../assets_common/img/arrow_slick_prev.png) left center no-repeat;} /* NAVIGATION */ .nav_list {padding:3rem 0.8rem; background:#ffffff;} .nav_list .item_title {display:block; text-transform:none; font-size:1.6rem; line-height:1.2em; padding-top:0.8rem;} /* ZONE MAP POI (detail commune) */ .zone_geoloc_poi .zone_map {max-width:100%; min-height:100rem; overflow:hidden;} .zone_geoloc_poi .reveal-overlay {position:absolute; overflow-x:hidden; overflow-y:auto;} .zone_geoloc_poi .reveal {background-color:transparent;} .zone_geoloc_poi .reveal_poi {width:100%; height:100%; margin:0; position:absolute; padding:0; top:0; left:0; max-width:inherit;} .zone_geoloc_poi .list_item {min-width:41rem; max-width:41rem; margin:0; transform:translateX(-50%) translateY(-50%); position:absolute; top:50%;left:50%; padding:0;} /* FRISE CHRONOLOGIQUE DES ETAPES (detail projet) */ .all_steps {margin-bottom:6rem;} .list_item_step {margin-left:9rem; margin-right:9rem; padding-left:21rem; padding-top:6rem; padding-bottom:6rem; border-left-width:2px; border-left-style:solid; position:relative;} .middle_step .wrap_step {border-left-width:5px; border-left-style:solid; padding:1.5rem;} .middle_step .wrap_step_inner {background:#ffffff; padding:2rem 2.5rem;} /* titre */ .step_title, .content_page .step_title {text-transform:none; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1.2em; margin:0;} /* description */ .desc_step {padding:2rem 0;} .desc_step *:last-child {margin-bottom:0 !important;} /* dates */ .date_step, .content_page .date_step {font-family:'nexa_bold',Arial,Verdana,sans-serif;} .date_step * {color:inherit; font-family:inherit;} .start_step {position:absolute; left:0; top:50%; transform:translateX(-50%) translateY(-50%); padding:0.5rem 2rem; background:#ffffff;} .start_step .number_date_step {display:block;} /* premiere et derniere etape */ .list_item_step.first_step {padding-top:0;} .list_item_step.last_step {padding-bottom:0;} /* dates */ .first_step .number_date_step {padding-bottom:3rem;} .last_step .number_date_step {padding-top:3rem;} .first_step .number_date_step::before, .last_step .number_date_step::before {content:""; display:block; width:2rem; height:2rem; border-radius:50%; position:absolute; left:50%; transform:translateX(-50%);} .first_step .number_date_step::before {bottom:0;} .last_step .number_date_step::before {top:0;} /* Affichage dans la popin */ #col_left_popin .list_item_step {margin-right:0; padding-left:15rem; padding-top:3rem; padding-bottom:3rem;} /* PRESENTATION ELU (detail elu) */ #presentation_elu {margin-bottom:5rem;} #presentation_elu .large-8 > a.magellan_anchor, #presentation_elu .large-8 > a.magellan_anchor + h2 {margin-top:0 !important;} #content_page_popin #presentation_elu .large-8 > h2:first-child {margin-top:0 !important;} #presentation_elu .large-4 > img {margin:0 auto;} /********************************************************************************/ /***************************** MOTEUR DE RECHERCHE ******************************/ /********************************************************************************/ /* Moteur dans la page */ .elastic #main_search_elastic {background-color:transparent;} .elastic #filters form > .columns > .ligne_form {margin-bottom:0;} /* Affichage du texte recherche */ .searched_word {margin:2rem 0; padding:1rem; background:#ffffff;} .searched_word p {margin-bottom:0;} /* Pagination */ .nb_pages_total_infos {font-size:1.6rem; text-align:center; width:100%;} .content_page .pagination {padding:0; margin-top:5rem;} .content_page .pagination li {font-size:1.8em; line-height:1.6em; padding:0;} .content_page .pagination a, .content_page .pagination li.current {color:#ffffff; padding:0.2rem 1rem; border:0;} .content_page .pagination a {color:#000000; font-family:'lato_light',Arial,Verdana,sans-serif; background:#f5f5f5;} .content_page .pagination .pagination-previous {margin-right:2rem;} .content_page .pagination .pagination-next {margin-left:2rem;} .content_page .pagination .ellipsis::after {display:none;} .content_page .pagination a:hover, .content_page .pagination a:focus {color:#ffffff;} /********************************************************************************/ /******************************* CARTE INTERACTIVE ******************************/ /********************************************************************************/ #carto .wrap_carto {margin-top: 4.2rem;z-index: 1; max-width: 129.6rem; padding: 0 1.5rem;width: 100%;} #carto #carto_wrap {padding: 0;} /* Container */ .off-canvas-wrapper.carto, .off-canvas-content.carto_tpl, .carto_tpl #main, .carto_tpl #global, .carto_tpl .content_page, .carto_tpl #carto {height:100%;background-color: #ffffff;} #carto #overlay_filters {z-index:2;} .carto_tpl {overflow:hidden;} .carto_tpl #main {position:initial; padding-top:0 !important; padding-bottom:0 !important;} .carto_tpl .content_page {padding:0; margin:0;} .carto_tpl #global {padding-bottom:0 !important;} /* Footer */ .carto_tpl #footer {margin-bottom:0; background:#ffffff; padding:1rem 2rem 1rem 2rem; position:absolute; left:20.9rem; bottom:0; min-height:auto; width:auto;} .carto_tpl #menu_footer {background:transparent;} .carto_tpl #footer::before {content:''; position:absolute; left:0; top:1.8rem; width:0.5rem; height:0.1rem; background:#000000;} .carto_tpl #menu_footer ul {padding:0.1rem 0;} .carto_tpl #menu_footer ul li {padding:0; text-transform:none; font-size:1.4em; line-height:1.4em;} .carto_tpl #menu_footer ul a {padding:0; line-height:inherit; font-family:'lato_light', Arial, Verdana, sans-serif;} /* Fil d'ariane */ .carto_tpl #fil_ariane {margin:0; background:#ffffff; padding:1rem 0.5rem 1rem 2rem; position:absolute; bottom:0; left:0; height:auto; z-index:10;} .carto_tpl #fil_ariane .breadcrumbs li a:hover, .carto_tpl #fil_ariane .breadcrumbs li a:focus {text-decoration:none;} /* Nombre de resultats */ #carto #carto_results {min-width: 13rem; z-index: 2; top: 4rem; left: 0;margin-right: 0;} body:not(.interlignage_augmente) #carto #carto_results {height:9rem;} #carto #carto_results .filtrer::after { content: ""; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; } #carto #carto_results p {height:100%; padding-top:0.5rem; display:inline-block; width:13rem; color: #ffffff; margin: 0; line-height: 1.2em; text-align: center; text-transform: uppercase; font-family: 'nexa_bold', Arial, Verdana, sans-serif; font-size: 1.5em;} #carto #carto_results #result_carto_display {margin-left:1.5rem;} #carto #carto_results #result_carto_display .intitule {font-family: inherit;} #carto #carto_results .nb { font-family: 'nexa_bold', Arial, Verdana, sans-serif; font-size: 2.5rem; line-height: 1.5em; display: block; } #carto #carto_results button {color: #ffffff;font-family: 'lato_light',Arial,Verdana,sans-serif;font-size: 1.6rem;line-height: 1.2em; margin-top:0.5rem;} #carto #carto_results button:hover, #carto #carto_results button:focus { opacity: 0.6; } #carto #carto_results .no_results { font-size: 1em; font-family: inherit; } #carto #carto_results .filtrer { background: url(../../assets_common/img/btn_show_filters_cartotpl.png) no-repeat left 0.3rem; padding: 0 0 0.3rem 1.5rem; } #carto #carto_results .reinit {background:url(../../assets_common/img/btn_reset_filters_cartotpl.png) no-repeat left 0.4rem; padding:0 0 0.3rem 1.5rem;} #carto #carto_results #result_carto_display span[aria-live="polite"] {font-family: inherit;} /* Loader */ #loader_filters { top: 50vh; left: 50vw; } #loader_filters .sk-circle {margin: 0;} /* Affichage liste - map */ #carto #line_tools_moteur {background-color: transparent;} #carto #line_tools_moteur {padding: 0;} #carto #line_tools_moteur #switch_display {padding:0;} #carto #line_tools_moteur #switch_display button.btn_lien {height:9rem;} #carto #line_tools_moteur #switch_display #geoloc_btn {width: 13rem;background-image: url(../../assets_common/img/btn_geoloc.png); background-position: top 0.2rem center;margin: 0 0.8em;} #carto #line_tools_moteur #switch_display #geoloc_btn .title {bottom: 0.5rem;} #carto #line_tools_moteur #switch_display #display_btn {width:9rem; background-position-x: center;} #carto #line_tools_moteur #switch_display #display_btn .title {bottom: 1.5rem;} /* Liste */ .carto_tpl #carto {width:100vw; height:100vh; overflow-x:hidden; overflow-y:hidden;} .carto_tpl #carto.list_mode {overflow-y:auto;} #carto #carto_wrap.is-stuck {max-width: 100%;height: 22rem; background-color: #e6e6e6; overflow:hidden;} .is-reveal-open #carto #carto_wrap.is-stuck {overflow:visible;} #carto #carto_wrap.is-stuck .wrap_carto {margin-right: auto; margin-left: auto; width: 129.6rem;left:50% ;transform: translateX(-50%);padding: 0 1rem;max-width: 100%;} #carto #first_display {padding-top: 28rem;padding-right: 0;padding-left: 0;} /* Filtres */ .append_reveal .legend {font-family: 'nexa_bold',Arial,Verdana,sans-serif;margin-bottom: 3rem;text-transform: uppercase;font-size: 2em;} #carto .append_reveal .reveal { transform: translate(-50%, 15rem); max-height: calc(100vh - 25rem); padding-right: 0; padding-left: 0; overflow: hidden; left: 50% !important; width: calc(100vw - 3rem); max-width: 126.6rem; overflow-y:auto;} #carto .append_reveal .reveal .reset_search_popin {background-image: none; right: 0; top: 0; margin: 0;} #carto .append_reveal .ligne_form.btn_submit , #carto .append_reveal .ligne_form.btn_submit input {float: none;} #carto .append_reveal .content { position: relative; /* max-height: calc(100vh - 32.4rem); */ overflow-y: auto; overflow-x: hidden; padding: 0 12rem; left: 50%; transform: translateX(-50%); width: calc(100vw - 3rem); max-width: 127.6rem; } /* Onglet filtres */ #zone_filters ul {padding: 0 0 1.5rem 0;margin: 0 0 2rem 0;border-bottom: 1px solid #000000;} #zone_filters li {margin: 0.5rem 0.6rem 0 0.6rem;list-style-image: none;padding: 0;font-size: 1.5em;font-family: 'nexa_light',Arial,Verdana,sans-serif;} #zone_filters .is-active a {color:#ffffff;} #zone_filters a {padding:0.7rem 2.5rem;font-family: inherit;font-size: inherit;border: 1px solid #000000;color: #000000;} #carto .tabs-panel .open_date {padding-bottom: 8rem; position: relative;} #carto .tabs-panel .open_date .date {position: absolute;margin-bottom: 0;bottom: 0;text-align: left;width: 100%;} #carto .tabs-panel .open_date .date .ligne_form {margin-bottom: 0;} /* Filtres actifs */ .has_filtres_actifs {position:relative;} .has_filtres_actifs::before {content:''; position:absolute; top:-0.5rem; right:-0.5rem; height:1.25rem; width:1.25rem; /* background:#ef4b4f; */ border:1px solid #000; border-radius:50%; z-index:1;} /* Geoloc */ #geoloc_popin .ol-geocoder .gcd-txt-glass {background-image: url(../../assets_common/img/geoloc_search.png); background-repeat: no-repeat; background-position: center center;} /* Btn "Tout afficher" / "Tout effacer" */ .content_page #carto .display_all {font-size:1.4em; line-height:1em; margin:0;} .content_page #carto .display_all button {padding:0.2rem 0.5rem 0.2rem 2.5rem; margin-bottom:3.5rem; background-color:transparent; background-repeat:no-repeat; background-position:left 0.2rem; display:inline-block;} .content_page #carto .display_all .clic_will_show_all {background-image:url(../../assets_common/img/btn_show_all_cartotpl.png);} .content_page #carto .display_all .clic_will_erase_all {background-image:url(../../assets_common/img/btn_hide_all_cartotpl.png);} .content_page #carto .display_all button:hover, .content_page #carto .display_all button:focus {background-position:0.2rem 0.2rem; color:#ef4b4f;} /* Btn close panneau filters */ #filters_popin .btn_close {right:1rem; top:0.5rem;} /* Form */ /* formulaire global */ #carto .tabs-panel {/* max-height: 36vh; */overflow-x: hidden;margin-bottom: 2rem;padding-top: 0.5rem;} #carto .tabs-panel > .row {margin: 0 -5rem;} #carto .tabs-panel > .row > .columns {padding: 0 5rem;} #carto .ligne_form .input-group.row, #carto .ligne_form fieldset {display:block;} /* fieldset niveau 1 */ /* legend de fieldset niveau 1 - nom de l'annuaire */ #carto .tabs-content legend.btn_tri {font-size:2.5em; line-height:1em; display:block; margin-bottom:2.5rem; padding:0 3rem 0 0;} /* wrap label + champs */ #carto #filters .ligne_form {position:relative; margin-bottom:0; margin-top:3.5rem;} #carto #filters .tabs-panel .ligne_form:first-of-type {margin-top:0;} /* label des champs */ /* champs */ /* champs date */ /* checkbox tag */ #carto #filters .input-group fieldset {width:100%;} /* btn submit */ #carto #filters .ligne_form.btn_submit {text-indent:-99999em; position:absolute;} /* Map */ #carto #zone_map {background-color:#e6e6e6; height:100%; width:100%; transition:all 0.5s ease-out; transition:padding 0.5s ease-in-out 0.1s;max-height: 100vh;} #carto #zone_map.open {padding-right:33em;} #carto #zone_map.pushed, #carto #zone_map.pushed #modal_window {padding-right:33em;} #carto #filters {z-index:3; transition:right 0.5s ease-in-out 0.1s;} #carto #filters.open {transition:all 0.5s ease-out;} .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 me geolocaliser */ #geoloc_popin #geo_map {position:relative; margin-bottom:2rem; background-color:#e6e6e6;} #geoloc_popin .ol-overlaycontainer-stopevent {position:absolute; width:100%; height:100%; top:0; left:0;} #geoloc_popin .ol-geocoder.gcd-txt-container {position:absolute; top:initial; top:4rem; width:80%; left:calc(50% + 5rem); transform:translateX(-50%); left:50%; height:auto;} #geoloc_popin .gcd-txt-control {position:relative; background-color:#ffffff; height:auto; padding-left:5rem; border:0.1rem solid #cccccc;} #geoloc_popin .gcd-txt-control input {border:none; position:relative; display:block; background-color:#ffffff; color:#000000; font-family:'lato_light',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1.5em; width:100%; height:auto; margin:inherit; padding:1.5rem 4rem 1.5rem 1.5rem; box-shadow:none; border-radius:0; transition:none; box-sizing:border-box;} #geoloc_popin .ol-geocoder ul.gcd-txt-result {left:0.1rem; width:calc(100% - 0.2rem); top:0; box-shadow:none; border-top:0; position:relative;} #geoloc_popin .ol-geocoder ul.gcd-txt-result > li {border-bottom:0.1rem solid #000000; line-height:1.1em;} #geoloc_popin .ol-geocoder ul.gcd-txt-result > li > a {padding:1rem;} #geoloc_popin .ol-geocoder .gcd-txt-reset {width:4rem; display:none;} #geoloc_popin .ol-geocoder ul.gcd-txt-result > li:nth-child(odd) a {background-color:#ffffff;} #geoloc_popin .ol-geocoder ul.gcd-txt-result > li:nth-child(even) a {background-color:#f5f5f5;} #geoloc_popin .ol-geocoder ul.gcd-txt-result > li a:hover, #geoloc_popin .ol-geocoder ul.gcd-txt-result > li a:focus {background-color:#efefef;} #geoloc_popin .ol-geocoder .gcd-txt-glass {width:5rem; background-size:4rem; position:absolute; left:0; top:0; height:100%;} #geoloc_popin .btn_submit {padding:0;} /* Liste autocompletion */ #geoloc_popin .ol-geocoder ul.gcd-txt-result {padding:0; width:calc(100% - 0.2rem); top:100%; left:0.1rem; background:none; border-radius:0; max-height:25rem; box-shadow:0 0 1rem 0 rgba(0,0,0,0.25);} #geoloc_popin .ol-geocoder ul.gcd-txt-result li {font-size:1.2em; line-height:1; background-color:rgba(255,255,255,0.9); border-bottom:0.1rem solid #dddddd;} #geoloc_popin .ol-geocoder ul.gcd-txt-result li:nth-child(even) {background-color:rgba(250,250,250,0.9);} #geoloc_popin .ol-geocoder ul.gcd-txt-result li:hover {background-color:rgba(240,240,240,0.9);} #geoloc_popin .ol-geocoder ul.gcd-txt-result li a {border:none; padding:1.5rem; display:block; font-size:1em;} #geoloc_popin .ol-geocoder ul.gcd-txt-result li a span {display:inline-block; font-size:1em; line-height:1.2; font-family:inherit;} /* Boutons zoom OL */ .ol-control.ol-zoom button {width:2rem; height:2rem; font-size:1.6rem; opacity:0.75; color:#000000; background:#ffffff; display:inline-block; margin:0.25rem; transition:0.3s ease;} .ol-control.ol-zoom button:hover, .ol-control.ol-zoom button:focus {opacity:1; color:#000000; background:#ffffff;} .ol-control.ol-rotate {display:none;} .ol-attribution.ol-unselectable.ol-control {display:none;} /******************************************************************************************************************/ /******************************************************************************************************************/ /************************************************ MODULES *********************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /********************************************************************************/ /******************************** BANDEAU RGPD **********************************/ /********************************************************************************/ .modal-open {overflow:hidden; height:100%;} #contentWrapper {display:unset;} /* Reset CSS */ #tarteaucitronRoot div, #tarteaucitronRoot span, #tarteaucitronRoot applet, #tarteaucitronRoot object, #tarteaucitronRoot iframe, #tarteaucitronRoot h1, #tarteaucitronRoot h2, #tarteaucitronRoot h3, #tarteaucitronRoot h4, #tarteaucitronRoot h5, #tarteaucitronRoot h6, #tarteaucitronRoot p, #tarteaucitronRoot blockquote, #tarteaucitronRoot pre, #tarteaucitronRoot a, #tarteaucitronRoot abbr, #tarteaucitronRoot acronym, #tarteaucitronRoot address, #tarteaucitronRoot big, #tarteaucitronRoot cite, #tarteaucitronRoot code, #tarteaucitronRoot del, #tarteaucitronRoot dfn, #tarteaucitronRoot em, #tarteaucitronRoot img, #tarteaucitronRoot ins, #tarteaucitronRoot kbd, #tarteaucitronRoot q, #tarteaucitronRoot s, #tarteaucitronRoot samp, #tarteaucitronRoot small, #tarteaucitronRoot strike, #tarteaucitronRoot strong, #tarteaucitronRoot sub, #tarteaucitronRoot sup, #tarteaucitronRoot tt, #tarteaucitronRoot var, #tarteaucitronRoot b, #tarteaucitronRoot u, #tarteaucitronRoot i, #tarteaucitronRoot center, #tarteaucitronRoot dl, #tarteaucitronRoot dt, #tarteaucitronRoot dd, #tarteaucitronRoot ol, #tarteaucitronRoot ul, #tarteaucitronRoot li, #tarteaucitronRoot fieldset, #tarteaucitronRoot form, #tarteaucitronRoot label, #tarteaucitronRoot legend, #tarteaucitronRoot table, #tarteaucitronRoot caption, #tarteaucitronRoot tbody, #tarteaucitronRoot tfoot, #tarteaucitronRoot thead, #tarteaucitronRoot tr, #tarteaucitronRoot th, #tarteaucitronRoot td, article, #tarteaucitronRoot aside, #tarteaucitronRoot canvas, #tarteaucitronRoot details, #tarteaucitronRoot embed, #tarteaucitronRoot figure, #tarteaucitronRoot figcaption, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot output, #tarteaucitronRoot ruby, #tarteaucitronRoot section, #tarteaucitronRoot summary, #tarteaucitronRoot time, #tarteaucitronRoot mark, #tarteaucitronRoot audio, #tarteaucitronRoot video {font-size:1em; font-family:inherit; text-align:initial; text-shadow:initial; vertical-align:baseline; background:initial; margin:0; padding:0; border:0;} #tarteaucitron * {zoom:1;} #tarteaucitron .clear {clear:both;} #tarteaucitron a {color:inherit;} #tarteaucitron a:after {display:none;} #tarteaucitron ul {padding:0;} .cookie-list {list-style:none; padding:0; margin:0;} /* Scrollbar personnalisee */ #tarteaucitronMainLineOffset {margin-top:0 !important;} #tarteaucitronServices ::-webkit-scrollbar {width:0.5rem;} #tarteaucitronServices ::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0);} #tarteaucitronServices ::-webkit-scrollbar-thumb {background-color:#dddddd; outline:0 solid slategrey;} /* General */ #tarteaucitronRoot {position:absolute; left:0; right:0; top:0; width:100%;} #tarteaucitronRoot * {font-size:1.4em; line-height:1.2em; font-family:inherit; vertical-align:initial;} #tarteaucitronRoot button {border-radius:0; color:inherit; font-size:1.4rem; line-height:1.2em; letter-spacing:0.02em; background-color:#4f4f4f; display:inline-block; padding:1rem 1.5rem; margin:0.5rem; border-radius:0; cursor:pointer; transition:0.3s ease;} #tarteaucitronRoot button:hover, #tarteaucitronRoot button:focus {background-color:#656565;} #tarteaucitronRoot #dialogTitle {display:block; text-transform:uppercase; font-size:2.4rem; font-weight:700; letter-spacing:0.05em; text-align:center; padding:1rem;} #tarteaucitronRoot .tarteaucitronName {display:inline-block;} h2#tarteaucitronCookiesNumberBis {margin-left:0;} #tarteaucitronRoot div#tarteaucitron {margin:auto; padding:5rem 0; display:none; width:100%; height:100%; max-width:100rem; position:fixed; left:0; right:0; z-index:2147483647; overflow:hidden;} #tarteaucitron .tarteaucitronName h2 {font-size:1.8rem; line-height:1.2; display:inline-block; padding:1rem 0;} #tarteaucitron .tarteaucitronName h3 {font-size:2rem; line-height:1.2; font-weight:700; padding-bottom:1rem;} /* Popin parametres */ /* Overlay */ #tarteaucitronRoot #tarteaucitronBack {background:#000000; display:none; margin:0; padding:0; height:100%; width:100%; position:fixed; left:0; opacity:0.75; z-index:2147483646;} /* Fermer */ #tarteaucitron #tarteaucitronClosePanel {color:#ffffff; font-weight:700; text-align:center; margin:0; height:5rem; width:8rem; position:absolute; right:0; z-index:9; cursor:pointer;} /* Bloc header */ #tarteaucitron #tarteaucitronServices {max-width:100%; margin:0 auto; width:100%; height:100% !important; display:flex; flex-direction:column;} #tarteaucitron #tarteaucitronMainLineOffset {margin-bottom:0; position:relative;} #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronAsk button {max-width:calc(50% - 1rem);} #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {font-size:1.4rem; width:auto; margin-left:0;} #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName, #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronAsk {float:none !important; display:block !important; text-align:center;} #tarteaucitron #tarteaucitronServices .tarteaucitronLine {background:rgba(255,255,255,0.025); border-left:5px solid #444444; margin:0; padding:1.5rem; overflow:hidden;} #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {display:inline-block; float:left; font-size:1.4em;} #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {text-decoration:underline;} #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {display:inline-block; float:right; margin-right:-0.5rem !important;} #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {font-size:1em;} #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {background:#232323; color:#dddddd; border:none; overflow:visible;} #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {margin-top:0;} #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {display:none; position:relative;} #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle button, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button, #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {font-weight:700; margin:2rem 0 0;} #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {padding:0.5rem 1rem; margin:0;} #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {display:none; font-size:1.2em; line-height:1.4; font-weight:500; margin-top:0; max-width:27rem; padding:2rem; position:absolute; z-index:2147483647;} #tarteaucitron #tarteaucitronServices #tarteaucitronInfo {font-size:1.4em; text-align:center; background:#2a2a2a; display:block !important; position:relative; max-width:80rem; padding:2rem; margin:1rem auto;} /* Bloc liste */ #tarteaucitron .tarteaucitronBorder {background:#2a2a2a; overflow:auto; color:#dddddd; padding:0 1.5rem; height:auto !important;} #tarteaucitron .tarteaucitronInfoBox {background:#4f4f4f;} /* Bandeau */ .tarteaucitronAlertBigTop {top:0;} .tarteaucitronAlertBigBottom {bottom:0;} #tarteaucitron #tarteaucitronDisclaimer {color:#555555; font-size:1.2rem; margin:1.5rem auto 0; width:80%;} #tarteaucitronRoot #tarteaucitronAlertBig {color:#dddddd; font-size:1em; text-align:center; background:#232323; box-shadow:0 0 2px 0 #000000; display:none; position:fixed; left:0; width:100%; padding:1rem; margin:auto; z-index:2147483645;} #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {color:inherit; font-size:1.4em; line-height:1.2em; margin-right:2rem;} #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {color:inherit; font-size:1em; line-height:1em;} /* Bouton vert */ #tarteaucitronAlertBig #tarteaucitronPersonalize {background-color:#1b870b;} #tarteaucitronAlertBig #tarteaucitronPersonalize:hover, #tarteaucitronAlertBig #tarteaucitronPersonalize:focus {background-color:#27a514;} /* Barre de progression */ #tarteaucitronPercentage {background:#1b870b !important; box-shadow:0 1px 1px 0 rgba(0,0,0,0.25); position:fixed; left:0; width:0; height:0.5rem; z-index:2147483645;} /* Small alert */ /*.tarteaucitronAlertSmallTop {top:0;} .tarteaucitronAlertSmallBottom {bottom:0;} #tarteaucitronAlertSmall {background:#333333; display:none; padding:0; position:fixed; right:0; text-align:center; width:auto; z-index:2147483646;} #tarteaucitronAlertSmall #tarteaucitronManager {color:#ffffff; cursor:pointer; display:inline-block; font-size:1.1rem !important; padding:0.8rem 1rem 0.8rem;} #tarteaucitronAlertSmall #tarteaucitronManager:hover {background:rgba(255, 255, 255, 0.05);} #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {background-color:gray; border-radius:5px; display:block; height:0.8rem; margin-bottom:0.1rem; margin-top:0.5rem; overflow:hidden; width:100%;} #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen, #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow, #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {display:block; float:left; height:100%; width:0%;} #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {background-color:#1B870B;} #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {background-color:#FBDA26;} #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {background-color:#9C1A1A;} #tarteaucitronAlertSmall #tarteaucitronCookiesNumber {background:rgba(255, 255, 255, 0.2); color:#ffffff; cursor:pointer; display:inline-block; font-size:3rem; padding:0 1rem; vertical-align:top;} #tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {background:rgba(255, 255, 255, 0.3);} #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {display:none; max-height:70%; max-width:50rem; position:fixed; right:0; width:100%;} #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {background:#ffffff; border:2px solid #333333; color:#333333; font-size:1.1rem; height:auto; overflow:auto; text-align:left;} #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong {color:#333333;} #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {background:#333333; margin-top:2.1rem; padding:1.3rem 0 0.9rem 1.3rem; text-align:left;} #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {color:#ffffff; font-size:1.6rem;} #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {background:rgba(51, 51, 51, 0.1); padding:0.7rem 0.5rem 1rem; word-wrap:break-word;} #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {background:rgba(51, 51, 51, 0.2);} #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {color:#333333; text-decoration:none;} #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {display:inline-block; width:50%;} #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a strong {color:darkred;} #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {color:#333333; display:inline-block; font-size:1.1rem; margin-left:10%; vertical-align:top; width:30%;} */ /* Credits */ .tac_activate {color:#ffffff; font-size:1.2rem; line-height:initial; text-align:center; background:#333333; display:table; width:100%; height:100%; margin:auto;} .tac_float {text-align:center; vertical-align:middle; display:table-cell;} .tac_activate .tac_float strong {color:#ffffff;} .tac_activate .tac_float .tarteaucitronAllow {background-color:#1b870b; display:inline-block;} /* CSS for services */ ins.ferank-publicite, ins.adsbygoogle {text-decoration:none;} div.amazon_product {height:24rem; width:12rem;} .tarteaucitronIsAllowed .tarteaucitronDeny {opacity:0.4;} .tarteaucitronIsDenied .tarteaucitronAllow {opacity:0.4;} .tarteaucitronIsAllowed .tarteaucitronAllow {opacity:1;} .tarteaucitronIsDenied .tarteaucitronDeny {opacity:1;} a.tarteaucitronSelfLink {left:-9999rem; top:0; text-transform:uppercase; text-shadow:0 0 14px #ffffff; display:block; position:absolute; padding:1.5rem !important;} /********************************************************************************/ /********************************* PLAN DU SITE *********************************/ /********************************************************************************/ .content_page .csc-sitemap ul {padding:0 0 0 2rem; margin:0;} .content_page .csc-sitemap li {margin:0 0 1.5rem 0; list-style-image:none; font-size:2.4em; line-height:1.2;} .content_page .csc-sitemap li::before, .content_page .csc-sitemap li::after {display:none;} .content_page .csc-sitemap li a {text-transform:uppercase; font-family:'lato_light',Arial,Verdana,sans-serif; font-weight:normal; border:0;} .content_page .csc-sitemap li ul {padding:0 0 0 2rem; margin:1.5rem 0 1.5rem 0;} .content_page .csc-sitemap li li {font-size:2rem; line-height:1.2; margin:0 0 1.5rem 0; background:none; padding:0;} .content_page .csc-sitemap li li a {text-transform:none; font-family:'lato_bold',Arial,Verdana,sans-serif; font-weight:normal;} .content_page .csc-sitemap li ul ul {border-left-width:2px; border-style:solid; padding:0 0 0 1.5rem; margin:1.5rem 0 1.5rem 1.5rem;} .content_page .csc-sitemap li li li {background:none; padding:0; font-size:1.8rem; line-height:1.2;} .content_page .csc-sitemap li li li a {font-family:'lato_light',Arial,Verdana,sans-serif;} .content_page .csc-sitemap li li li li {font-size:1em;} /********************************************************************************/ /******************************* POPIN ALERTE ***********************************/ /********************************************************************************/ #popin_alerte .titre {font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:2em;} #popin_alerte .date {position:relative;} /********************************************************************************/ /************************************* FAQ **************************************/ /********************************************************************************/ .content_page .accordion {background:transparent;} .content_page .accordion_container > ul {padding:0; margin:0;} .content_page .accordion_container > ul > li {padding:0 0 2.5rem 0; list-style-image:none; line-height:1.2em;} .content_page .accordion_container > ul > li > a {padding:0 0 0 3rem; border:0 !important; text-transform:none; font-family:'lato_light',Arial,Verdana,sans-serif; font-size:inherit; line-height:inherit; display:block; color:#000000;} .content_page .accordion_container > ul > li > a::before {content:''; display:block; width:2rem; height:2rem; left:0; right:inherit; top:0.5rem; background-repeat:no-repeat; background-position:left center; transition:all 0.3s ease-in-out;} .content_page .accordion_container li a:hover::before, .content_page .accordion_container li a:focus::before, .content_page .accordion_container li.is-active a::before {transform:rotate(90deg);top:1rem;} .content_page .accordion_container li.is-active a {font-family:'lato_bold',Arial,Verdana,sans-serif;} .accordion_container .accordion-content {padding:2rem 0 1rem 3rem; border:0; background-color:transparent;} .accordion_container .accordion-content > *:last-child {margin-bottom:0;} .content_page .accordion_container .accordion-content p {font-size:inherit;} .content_page .accordion_container .accordion-content:last-child {border:none;} .content_page .accordion-title:hover, .content_page .accordion-title:focus {background-color:transparent;} /********************************************************************************/ /********************************** SONDAGE *************************************/ /********************************************************************************/ #popin_sondage legend {text-transform:none;} #popin_sondage span {display:block;} #popin_sondage li {margin-bottom:3rem;} .titre_question {font-family:'nexa_bold',Arial,Verdana,sans-serif;} .titre_question, .reponse_question {margin-bottom:0.5rem;} .ligne_percent {margin:0 0 2rem 0;} .percent {height:0.5rem; text-indent:5px; color:#ffffff; text-decoration:none; animation-name:results; animation-duration:1s; animation-iteration-count:1; animation-timing-function:ease;} /********************************************************************************/ /********************************** SOCIAL WALL *********************************/ /********************************************************************************/ #home #social_wall .wrap {position:relative;} #home #social_wall .line_sep::after {width:calc(100% - 26rem);} #home #social-stream {margin-top:4.5rem;} .content_page #social-stream ul {padding:0; margin:0;} .content_page #social-stream li {padding:0; font-size:1.4em; overflow:hidden;} /* css plugin */ /* Reset */ #social-stream {width:100%;} .dcsns ul, .dcsns li {padding:0; margin:0; list-style:none !important; background:none;} .dcsns {color:#444444; 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_regular.gif) no-repeat 0 0; height:2.5rem; padding:0.5rem 0 0 3rem; position:absolute; top:1rem; left:1rem;} .dcsns-toolbar .dcsns-loading {right:1rem; left:auto; display:none;} .stream p {margin:0; padding:0;} .stream li {width:calc(25% - 1.6rem); margin:0 0 2rem 1.6rem; font-size:1.6em; position:relative; background:#ebebeb;} .stream li a, .content_page .stream li a {padding:0; border:0;} .stream a[href^="http://"]:not([href*="cimeos.com"])::after, .stream a[href^="https://"]:not([href*="cimeos.com"])::after {display:none;} .stream li img.icon {margin:0 auto; display:block;} .stream li .section-intro {color:#000000; font-size:1.4rem; line-height:1.4em; font-style:normal; font-weight:bold; z-index:2; width:100%; padding:1.5rem 5.5rem 1.5rem 1.5rem; display:block;} .stream li .clear {clear:both; display:none;} /* Toolbar */ .dcsns-toolbar {width:100%; margin:0 auto 2rem auto; padding:0; overflow:hidden; float:right; text-align:right;} #dcsns-filter li a .socicon {width:4.4rem; height:4.4rem; line-height:4.4rem; display:block;} .dcsns-toolbar .filter li a, .content_page .dcsns-toolbar .filter li a {padding:0; margin:0; display:block; float:left; width:5rem; height:5rem; line-height:5rem; border-radius:50%; border:0; cursor:pointer; transition:all 0.3s ease-in;} /* Filter */ #dcsns-filter.dc-center {float:left; padding-left:50%; margin:0;} #home .dcsns-toolbar {width:auto; margin:0; position:absolute; top:-11.8rem; right:0; z-index:5;} #page .dcsns-toolbar {text-align:right; width:auto;} #dcsns-filter, #page #dcsns-filter {margin:0; padding:0 0.8rem; height:100%;} #page #dcsns-filter {padding:0;} #dcsns-filter li, #page #dcsns-filter li {float:left; font-size:2em; text-align:center; display:inline-block; background:none; padding:0; margin:0 0 0 1rem;} #dcsns-filter li a, #page #dcsns-filter li a {color:#000000; font-family:'nexa_bold',Arial,Verdana,sans-serif; text-transform:uppercase; border:1px solid transparent; width:3.6rem; height:3.6rem; line-height:3.6rem; display:block; padding:0; margin:0; border-radius:50%;} #dcsns-filter li a span, #page #dcsns-filter li a span {font-family:inherit;} #dcsns-filter li a.link-all, #page #dcsns-filter li a.link-all {width:auto;} #dcsns-filter li.f-facebook a {background:url(../img/sw_picto_facebook_filter.png) no-repeat center center;} #dcsns-filter li.f-twitter a {background:url(../img/sw_picto_twitter_filter.png) no-repeat center center;} /*#dcsns-filter li.f-google a {background:url(../img/sw_picto_googleplus_filter.png) no-repeat center center;}*/ #dcsns-filter li.f-instagram a {background:url(../img/sw_picto_instagram_filter.png) no-repeat center center;} #dcsns-filter li.f-youtube a {background:url(../img/sw_picto_youtube_filter.png) no-repeat center center;} #dcsns-filter li a.link-all:hover, #dcsns-filter li a.link-all:focus, #dcsns-filter li a.link-all.iso-active, #page #dcsns-filter li a.link-all:hover, #page #dcsns-filter li a.link-all:focus, #page #dcsns-filter li a.link-all.iso-active {background:none;} /* Controls */ .dcsns .controls {position:absolute; right:0; top:0.7rem; height:2.2rem; padding:0; z-index:12;} .dcsns .controls li {display:inline; background:none;} .dcsns .controls a {display:block; width:2.2rem; height:2.2rem; float:left; margin:0 0 0 0.2rem; background:url(../images/controls.png) no-repeat 0 0;} .dcsns .controls .prev {background-position:-4.4rem 0;} .dcsns .controls .next {background-position:-6.6rem 0;} .dcsns .controls .play {background-position:0 0;} .dcsns .controls .pause {background-position:-2.2rem 0;} .dcsns .controls .prev:hover {background-position:-4.4rem -2.2rem;} .dcsns .controls .next:hover {background-position:-6.6rem -2.2rem;} .dcsns .controls .play:hover {background-position:0 -2.2rem;} .dcsns .controls .pause:hover {background-position:-2.2rem -2.2rem;} /* Content blocks */ ul.stream {padding:0; margin:0 0 0 -1.6rem !important;} .stream li {font-size:1.3em; letter-spacing:0.02em; padding:0; float:left; overflow:hidden; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:1.4em;} .stream li .inner {overflow:visible; height:100%; padding:0; font-family:inherit; color:inherit; display:flex; flex-direction:column;} .stream li .inner span {font-family:inherit;} .stream li .inner .section-text > span {display:block;} .stream a {background-image:none !important;} .stream li > a, .content_page #social-stream .stream li > a {border-radius:50%; position:absolute; top:1rem; right:1rem; display:flex !important; align-content:center; align-items:center;} .stream li .socicon {width:3.7rem; height:3.7rem;} .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;} .stream li .section-intro {display:none;} .stream li .section-intro a {color:#000000; display:inline-block;} .stream li .section-title {display:block; color:#747474;} .stream li .section-title span.border {height:0.3rem; background:pink; display:block; margin-bottom:2rem; border-radius:2px;} .stream li .section-title a {color:#000000;} .stream li .section-title a:hover {color:#000000;} .stream li .section-thumb {display:block; float:none; text-align:center; background-color:#000000; padding:0 !important; order:0;} .stream li .section-thumb a {display:block; width:100%; text-align:center; overflow:hidden;} .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; transition:1s ease;} .stream li:hover .section-thumb img, .stream li:hover .section-text img {transform:scale(1.05);} .stream li .section-text {font-size:1em; display:block; word-wrap:break-word; padding:2rem; order:2;} .stream li .section-text br {display:block;} .stream li .section-user {padding:2rem 6rem 0 2rem; order:1; font-family:inherit; color:inherit;} .stream li .section-user .link-user {color:inherit; font-family:inherit;} .stream li .meta {display:block; font-size:90%; color:#000000;} .stream li .meta span {margin:0 0.8rem 0.5rem 0; display:block; float:left; padding:0 0 0 1.5rem;} .stream li .section-meta {display:block; margin:0; padding:0; clear:both;} .stream li .meta.item-comments {padding:0 0 0 3.5rem; margin:0 0 0.5rem 0; min-height:3rem; position:relative; clear:both; line-height:1.3em;} .stream li .meta.item-comments img {position:absolute; left:0; top:0; width:3rem;} .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 0.5rem 0.5rem 0; width:3rem; border:1px solid #ddd; padding:0.1rem; background:#ffffff;} .stream li.dcsns-error {color:#990000;} .stream li .section-share {margin:0 0 0.5rem 0; padding:0.4rem 0 0; float:right; display:none;} .stream li .section-share a {display:block; width:1.6rem; height:1.6rem; float:left; margin:0 0.2rem 0 0; background:url(../images/share.png) no-repeat 0 0;} .stream li .section-share a.share-twitter {background-position:0 -1.6rem;} .stream li .section-share a.share-reply {background-position:0 -3.2rem;} .stream li .section-share a.share-retweet {background-position:0 -4.8rem;} .stream li .section-share a.share-favorite {background-position:0 -6.4rem;} .stream li .section-share a.share-google {background-position:0 -8rem;} .stream li .section-share a.share-linkedin {background-position:0 -9.6rem;} .stream li .section-share a.share-facebook:hover {background-position:-1.6rem 0;} .stream li .section-share a.share-twitter:hover {background-position:-1.6rem -1.6rem;} .stream li .section-share a.share-reply:hover {background-position:-1.6rem -3.2rem;} .stream li .section-share a.share-retweet:hover {background-position:-1.6rem -4.8rem;} .stream li .section-share a.share-favorite:hover {background-position:-1.6rem -6.4rem;} .stream li .section-share a.share-google:hover {background-position:-1.6rem -8rem;} .stream li .section-share a.share-linkedin:hover {background-position:-1.6rem -9.6rem;} /* Facebook */ .stream li.dcsns-facebook, .content_page .stream li.dcsns-facebook {color:#ffffff; background:repeating-linear-gradient(45deg, rgba(59, 59, 59, 0.1), rgba(59, 59, 59, 0.1) 2px, transparent 2px, transparent 8px);} .stream li.dcsns-facebook .section-text a {margin-right:0.4rem;} .stream li.dcsns-facebook .section-text img {margin:0 auto; display:block; padding:0.1rem; background:#ffffff; display:block; margin:0 auto 1rem auto; max-width:100%;} .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 0.2rem 0;} /* Twitter */ .stream li.dcsns-twitter, .content_page .stream li.dcsns-twitter {background:#ffffff repeating-linear-gradient(45deg, rgba(235,235,235,1), rgba(235,235,235,1) 2px, transparent 2px, transparent 8px);} .stream li.dcsns-twitter .section-user {padding:0; background:none;} .stream li.dcsns-twitter .section-text {color:#000000; word-break:break-word; position:relative; padding:0;} .stream li.dcsns-twitter .section-text a {font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:1em;} .stream li.dcsns-twitter .section-text > span {padding-left:2rem; padding-right:2rem;} .stream li.dcsns-twitter .section-text > span:first-of-type {padding-top:2rem;} .stream li.dcsns-twitter .section-text > span:last-of-type {padding-bottom:2rem;} .stream li.dcsns-twitter .section-text .twitter-user strong {display:none;} .stream li.dcsns-twitter .section-text img {margin:0.5rem 0 0; border:1px solid #dddddd; padding:0.1rem; background:#ffffff; max-width:100%;} .stream li.dcsns-twitter .section-text > a {margin:0; display:block; overflow:hidden;} .stream li.dcsns-twitter .section-text > a > img {margin-top:0; border:0; padding:0;} .stream li.dcsns-twitter .section-intro span a {text-decoration:none; margin-left:0;} .stream li.dcsns-twitter .twitter-user {margin-bottom:2rem; padding-right:6rem;} .stream li.dcsns-twitter .twitter-user a {font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:inherit; display:block;} .stream li.dcsns-twitter .twitter-user a:hover, .stream li.dcsns-twitter .twitter-user a:focus {text-decoration:none;} .stream li.dcsns-twitter .twitter-user a strong {color:#000000; font-family:'nexa_bold',Arial,Verdana,sans-serif; display:block;} .stream li.dcsns-twitter .twitter-user a:hover strong, .stream li.dcsns-twitter .twitter-user a:focus strong {color:#000000; text-decoration:underline;} /* Youtube */ .stream li.dcsns-youtube .section-thumb img {width:100%; max-width:100%; display:block !important;} .stream li.dcsns-youtube .section-title, .stream li.dcsns-youtube .section-text, .stream li.dcsns-youtube .section-user, .stream li.dcsns-youtube .section-share {display:none;} /* Instagram */ .stream li.dcsns-instagram > a, .content_page .stream li.dcsns-instagram > a {background-color:#ffffff;} .stream li.dcsns-instagram .section-title {display:none;} .stream li.dcsns-instagram .section-thumb {position:relative;} .stream li.dcsns-instagram .section-thumb > a {display:block; height:100%;} .stream li.dcsns-instagram .section-thumb img {background:#ffffff; margin:0 auto; width:100%; max-width:100%; display:block !important;} .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 0.5rem 0; padding-top:0.5rem; background-position:0 0.5rem; float:none; font-size:100%; font-weight:bold;} /* Google plus */ .stream li.dcsns-google .section-title {margin-bottom:0.5rem; padding:0.5rem 1.5rem 0 1.5rem;} .dcsns .stream li.dcsns-google .section-thumb img {margin:0 auto; max-width:100%;} .stream li.dcsns-google .meta span.plusones {padding-left:0;} /* Rss */ .stream li.dcsns-rss .section-thumb img {margin:0 auto; max-width:100%;} .stream li.dcsns-rss .section-text img {border:1px solid #dddddd; padding:0.1rem; background:#ffffff; max-width:100%;} /* Stumbleupon */ .dcsns .stream li.dcsns-stumbleupon .section-title {display:block; clear:both;} .dcsns .stream li.dcsns-stumbleupon .section-thumb img {margin:0 auto; max-width:100%;} /* Vimeo */ .stream li.dcsns-vimeo .section-thumb img {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:0.5rem;} .stream li.dcsns-vimeo .section-text .meta {padding-top:0.5rem;} .stream li.dcsns-vimeo .logo {margin-bottom:0.3rem;} /* Flickr */ .stream li.dcsns-flickr .section-thumb {margin:0;} .stream li.dcsns-flickr .section-thumb img {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 {clear:both;} .stream li.dcsns-pinterest .section-thumb img {margin:0 auto; max-width:100%;} /* Dribbble */ .stream li.dcsns-dribbble .inner img {margin:0 auto; max-width:100%;} /* Lastfm */ .stream li.dcsns-lastfm .section-title {background:url(../images/tracks.png) no-repeat 0 0; padding-left:1.7rem; margin-bottom:0;} /* Deviantart */ .stream li.dcsns-deviantart .section-thumb {display:block; float:none;} .stream li.dcsns-deviantart .section-thumb img {margin:0 auto; max-width:100%;} /* Tumblr */ .stream li.dcsns-tumblr .section-text img {margin:0 0.7rem 0.5rem 0; float:left; border:1px solid #dddddd; padding:0.1rem; background:#ffffff; max-width:100%;} .stream li.dcsns-tumblr .track {display:block; background:url(../images/tracks.png) no-repeat 0 0.5rem; padding:0.5rem 0 0 1.7rem; margin-bottom:0;} /* Vine */ .stream li.dcsns-vine {padding-bottom:4rem;} .stream li.dcsns-vine .section-title {font-weight:normal; clear:both;} .stream li.dcsns-vine .section-thumb img {margin:0 0.7rem 0.5rem 0; float:left; border:1px solid #dddddd; padding:0.1rem; background:#ffffff; max-width:100%;} .stream li.dcsns-vine .meta {clear:both;} .stream li.dcsns-vine .section-meta .meta .comments, .stream li.dcsns-vine .section-meta .meta .likes {margin:0 0 0.5rem 0; padding-top:0.5rem; background-position:0 0.5rem; float:none; font-size:100%; font-weight:bold;} /* Foursquare */ .stream li.dcsns-foursquare .section-thumb img {margin-bottom:0.5rem; display:block; margin:0 auto; max-width:100%;} /* Isotope */ .isotope, .isotope .isotope-item {transition-duration:0.8s;} .isotope {transition-property:height, width;} .isotope .isotope-item {transition-property:transform, opacity;} /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {transition-duration:0s;} /********************************************************************************/ /********************************** BLOC NOTES **********************************/ /********************************************************************************/ /* CTA moteur */ #line_tools_moteur.moteur_bloc {padding:2rem 0.8rem; margin:0;} /* Bouton de selection */ .note_btn button {text-transform:uppercase; font-size:1.8em; margin:0; padding:1rem 1.5rem; line-height:1.6em; border-width:2px; border-style:solid; cursor:pointer; width:100%; color:#ffffff; transition:all 0.3s ease-in-out !important;} .note_btn button:hover, .note_btn button:focus {background-color:#ffffff;} /* Item de liste */ .bloc_note.list_item {position:relative; padding-bottom:3.5rem;} .bloc_note.list_item .btn_add_selection {padding:1rem 1rem 1rem 3.5rem; font-size:1.6em; width:100%; border:1px solid #e8edf1; text-align:left; transform:translateY(-1px); z-index:2; cursor:pointer; background-image:url(../img/bg_checkbox.png); background-repeat:no-repeat; background-position:left 1rem center; background-color:#ffffff;} .bloc_note.list_item .btn_add_selection.btn_act {background-image:url(../img/bg_checkbox_act.png);} /* Form */ #send_form legend {margin-bottom:2rem;} /********************************************************************************/ /********************************** CO-MARQUAGE *********************************/ /********************************************************************************/ /* Onglets */ .content_page .tx-cimcomarquage .tabs {border:0;} .content_page .tx-cimcomarquage .tabs-content {border:0; padding-top:3rem;} .content_page .tx-cimcomarquage ul.tabs {padding:0; margin-top:3rem;} .content_page .tx-cimcomarquage ul.tabs li {font-size:1.8em; line-height:1.2em; text-align:center; padding:0; list-style-image:none;} .content_page .tx-cimcomarquage ul.tabs li a {padding:2rem 1rem; border:0; text-transform:uppercase; font-family:'nexa_bold',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; opacity:0.7;} .content_page .tx-cimcomarquage ul.tabs li.is-active a, .content_page .tx-cimcomarquage ul.tabs li.is-active a:hover, .content_page .tx-cimcomarquage ul.tabs li.is-active a:focus, .content_page .tx-cimcomarquage ul.tabs li a:hover, .content_page .tx-cimcomarquage ul.tabs li a:focus {color:#ffffff;} /*Sommaire principal*/ .content_page .tx_cim_comarquage_main_menu ul {background:#efefef; padding:2.5rem; display:-ms-flexbox; display:flex; -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:1.5rem;} .content_page .tx_cim_comarquage_main_menu ul li::before, .content_page .tx_cim_comarquage_main_menu ul li::after {display:none !important;} .content_page .tx_cim_comarquage_main_menu ul li a {font-family:'nexa_bold',Arial,Verdana,sans-serif; border-bottom:0; display:block; position:relative; padding-left:2.5rem;} .content_page .tx_cim_comarquage_main_menu ul li a:hover, .content_page .tx_cim_comarquage_main_menu ul li a:focus {border-bottom:0 !important; background:transparent !important;} .content_page .tx_cim_comarquage_main_menu ul li a::before {content:''; display:block; position:absolute; left:0; top:0;} /* Infos MAJ */ .content_page .tx-cimcomarquage .date_maj {margin-bottom:2rem; border-left:1px solid #232323; padding:0.5rem 1rem; color:#000000; font-size:initial;} .content_page .tx-cimcomarquage .date_maj p {margin:0; font-size:inherit;} /* Menu dans les fiches */ .content_page .tx-cimcomarquage #sous_theme, .content_page .tx-cimcomarquage #sous_dossier, .content_page .tx-cimcomarquage .bloc_menu {background:#efefef; padding:2.5rem;} .content_page .tx-cimcomarquage #sous_theme p, .content_page .tx-cimcomarquage #sous_dossier p, .content_page .tx-cimcomarquage .bloc_menu p {text-transform:uppercase; font-family:'nexa_bold',Arial,Verdana,sans-serif; margin-bottom:0.5rem;} .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:2rem;} .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:0.5rem;} .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, .content_page .tx-cimcomarquage #sous_theme ul li::after, .content_page .tx-cimcomarquage #sous_dossier ul li::after, .content_page .tx-cimcomarquage .bloc_menu ul li::after {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:'nexa_bold',Arial,Verdana,sans-serif; border-bottom:0; display:block; position:relative; padding-left:2.5rem;} .content_page .tx-cimcomarquage #sous_theme ul li a:hover, .content_page .tx-cimcomarquage #sous_dossier ul li a:hover, .content_page .tx-cimcomarquage .bloc_menu ul li a:hover, .content_page .tx-cimcomarquage #sous_theme ul li a:focus, .content_page .tx-cimcomarquage #sous_dossier ul li a:focus, .content_page .tx-cimcomarquage .bloc_menu ul li a:focus {border-bottom:0 !important; background:transparent !important;} .content_page .tx-cimcomarquage #sous_theme ul li a::before, .ontent_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; transition:0.3s ease;} .content_page .tx-cimcomarquage #sous_theme ul li a:hover::before, #content_page .tx-cimcomarquage #sous_dossier ul li a:hover::before, .content_page .tx-cimcomarquage .bloc_menu ul li a:hover::before {left:0.5rem;} /* Menu "A voir aussi" dans les fiches */ .content_page .tx-cimcomarquage .bloc_compl {border:2px solid #efefef; padding:2.5rem; margin:2.5rem 0; transition:0.5s ease-in-out;} .content_page .tx-cimcomarquage .bloc_compl p.titre, .content_page .tx-cimcomarquage .bloc_compl button.titre {text-transform:uppercase; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:2.2em; cursor:pointer; padding:1.5rem 2rem 1.5rem 1.5rem; text-align:left; width:100%; position:relative;} body:not(.contrastes_inverses):not(.contrastes_renforces) .content_page .tx-cimcomarquage .bloc_compl p.titre, body:not(.contrastes_inverses):not(.contrastes_renforces) .content_page .tx-cimcomarquage .bloc_compl button.titre {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:1.75rem; transition:0.3s ease; content:''; border-bottom:0.65rem solid transparent; border-top:0.65rem solid transparent; display:block;} .content_page .tx-cimcomarquage .bloc_compl.act .titre:before, .content_page .tx-cimcomarquage .bloc_compl.act button.titre:before {transform:rotate(90deg);} .content_page .tx-cimcomarquage .bloc_compl ul {padding:0 1.5rem 1.5rem 1.5rem; margin-bottom:0;} .content_page .tx-cimcomarquage .bloc_compl ul li {list-style-image:none; padding:0; padding:0.5rem;} .content_page .tx-cimcomarquage .bloc_compl ul li::before, .content_page .tx-cimcomarquage .bloc_compl ul li::after {display:none !important;} .content_page .tx-cimcomarquage .bloc_compl ul li a {font-family:'nexa_bold',Arial,Verdana,sans-serif; border-bottom:0; display:block; position:relative; padding-left:2.5rem;} .content_page .tx-cimcomarquage .bloc_compl ul li a:hover, .content_page .tx-cimcomarquage .bloc_compl ul li a:focus {border-bottom:0 !important; background:transparent !important;} .content_page .tx-cimcomarquage .bloc_compl ul li a::before {content:''; display:block; position:absolute; left:0; top:0;} /* Infos "A noter" et "A savoir"*/ .ANoter {padding:0 0 0 2rem;} .spASavoir {border-left:3px solid #000000; padding:0 0 0 2rem;} .content_page .tx-cimcomarquage .spASavoir .titre {color:#000000 !important;} .content_page .tx-cimcomarquage .ANoter .titre, .content_page .tx-cimcomarquage .spASavoir .titre {text-transform:uppercase; font-family:'lato_light',Arial,Verdana,sans-serif; font-weight:normal;} /********************************************************************************/ /*********************************** DASHBOARD **********************************/ /********************************************************************************/ .content_page .btn_deconnexion {font-size:1.8em;} /* Dashboard init */ .dashboard .content_page ul {padding:0;} .dashboard .content_page ul li {list-style:none; padding:0.8rem;} .dashboard .content_page #moteur {padding:0 0.8rem;} .dashboard .content_page #line_tools_moteur {margin:0;} .dashboard .content_page .magellan_anchor {margin:0;} /* Dashboard generique */ .dashboard_item {font-size:2em; text-align:center; padding-bottom:1.6rem;} .dashboard_item .dashboard_item_content {border:none; position:relative; height:100%; min-height:15rem; width:100%; color:#ffffff; transition:0.3s ease-in-out;} .dashboard_item .dashboard_item_content:hover, .dashboard_item .dashboard_item_content:focus {opacity:0.9;} /* Navigation dashboard */ .dashboard .content_page #nav_dashboard ul {padding:0; margin-bottom:4rem; margin-top:4rem;} .dashboard .content_page #nav_dashboard ul li {font-family:'lato_bold',Arial,Verdana,sans-serif; display:inline-block; padding-left:0; padding-right:2rem; margin-bottom:2rem;} .dashboard .content_page #nav_dashboard ul li a {color:initial; font-size:inherit; font-family:inherit; border-bottom:2px solid transparent; text-transform:uppercase;} .dashboard .content_page #nav_dashboard ul li a:hover, .dashboard .content_page #nav_dashboard ul li a:focus, .dashboard .content_page #nav_dashboard ul li.is-active a {color:inherit; border-bottom:2px solid #000000;} /* Bloc proposer contribution */ .dashboard .content_page #bloc_contribution .dashboard_item_content {display:block;} .dashboard .content_page #bloc_contribution .dashboard_item_content, .dashboard .content_page #bloc_contribution .dashboard_item_content:hover, .dashboard .content_page #bloc_contribution .dashboard_item_content:focus {padding:8rem 4rem 2rem 4rem;} .dashboard .content_page #bloc_contribution .dashboard_item_content.btn_idea {padding:1rem;} .dashboard .content_page #bloc_contribution .dashboard_item_content.btn_idea span {position:absolute; left:1rem; top:1rem; width:calc(100% - 2rem); height:calc(100% - 2rem); display:block; padding-top:7rem;} .dashboard .content_page #bloc_contribution .dashboard_item_content::before, .dashboard .content_page #bloc_contribution .dashboard_item_content::after {content:''; position:absolute; left:50%; top:5rem; transform:translate(-50%, -50%); background-color:#ffffff; transition:0.3s ease; z-index:1;} .dashboard .content_page #bloc_contribution .dashboard_item_content::before {width:3rem; height:0.5rem;} .dashboard .content_page #bloc_contribution .dashboard_item_content::after {height:3rem; width:0.5rem;} .dashboard .content_page #bloc_contribution .dashboard_item_content:hover::before, .dashboard .content_page #bloc_contribution .dashboard_item_content:focus::before, .dashboard .content_page #bloc_contribution .dashboard_item_content:hover::after, .dashboard .content_page #bloc_contribution .dashboard_item_content:focus::after {transform:translate(-50%, -50%) rotate(90deg);} /* Bloc liste contributions */ .dashboard .content_page #mes_contributions ul li > div {box-shadow:0 0 0 1px #e6e6e6; background-color:#ffffff; padding:6rem 2rem 5rem 2rem; height:100%; position:relative;} .dashboard .content_page #mes_contributions ul li > div > div {position:absolute; top:2rem; left:2rem;} .dashboard .content_page #mes_contributions ul li p {font-size:inherit; margin-bottom:1.5rem;} .dashboard .content_page #mes_contributions ul li .row p {margin-bottom:0;} .dashboard .content_page #mes_contributions ul li .statut_contribution {background:repeating-linear-gradient(45deg, #4c4444, #4c4444 2px, transparent 2px, transparent 8px); background-color:#5a5353; color:#ffffff;} .dashboard .content_page #mes_contributions ul li .statut_contribution.refuse {background:repeating-linear-gradient(45deg, rgba(255,114,120,0.5), rgba(255,114,120,0.5) 2px, rgba(255,114,120,0) 2px, rgba(255,114,120,0) 8px ); background-color:#ef4b4f; color:#ffffff;} .dashboard .content_page #mes_contributions ul li .statut_contribution.valide {background:repeating-linear-gradient(45deg, rgba(59, 59, 59, 0.5), rgba(59, 59, 59, 0.5) 2px, transparent 2px, transparent 8px); background-color:#266617; color:#ffffff;} .dashboard .content_page #mes_contributions ul li .titre_contribution {margin-top:0; font-size:2.2rem; font-family:'lato_bold',Arial,Verdana,sans-serif;} .dashboard .content_page #mes_contributions ul li .statut_contribution, .dashboard .content_page #mes_contributions ul li .type_contribution {display:inline-block; margin-right:0.5rem; padding:0.5rem 1rem; font-size:1.4rem; font-family:'lato_bold',Arial,Verdana,sans-serif;} .dashboard .content_page #mes_contributions ul li .btn_lien {display:inline-block; position:absolute; bottom:2rem; right:2rem; margin:0;} .dashboard .content_page #mes_contributions ul li .btn_lien a {margin-left:2rem;} /* Bloc mes documents */ .dashboard .content_page #mes_documents .infos p {margin-bottom:1rem;} .dashboard .content_page #mes_documents .infos .space {margin-bottom:3rem; font-size:1.8em; font-family:'lato_bold',Arial,Verdana,sans-serif;} .dashboard .content_page .zone_ressources_download li button {margin-left:3rem; margin-top:0.5rem; padding-left:2rem; display:block; font-size:1.6rem; background:url(../../assets_common/img/btn_hide_all_cartotpl.png) left center no-repeat; font-family:'lato_bold',Arial,Verdana,sans-serif; border-bottom:2px solid transparent; transition:0.3s ease;} .dashboard .content_page .zone_ressources_download li button:hover, .dashboard .content_page .zone_ressources_download li button:focus {border-color:#000000;} /* Bloc messages */ .dashboard .content_page .messages {list-style:none; position:relative;} .dashboard .content_page .messages h2, .dashboard .content_page .messages h3 {margin-top:0;} .dashboard .content_page .messages.conversation .msg_container {background-color:#f7f7f7; padding:2rem;} .dashboard .content_page .messages li {list-style:none; padding:2rem; border-bottom:1px solid #e6e6e6; font-size:1.6rem; background-color:#ffffff;} .dashboard .content_page .messages li p {font-size:inherit;} .dashboard .content_page .messages li .msg_sujet {font-family:'lato_bold',Arial,Verdana,sans-serif; margin-bottom:0.5rem; text-transform:uppercase; font-size:1em;} .dashboard .content_page .messages li .msg_infos {margin-bottom:1rem; font-family:'lato_bold',Arial,Verdana,sans-serif;} .dashboard .content_page .messages li .msg_infos span {font-family:inherit; position:relative; display:inline-block; padding-left:1.7rem; margin-left:0.5rem;} .dashboard .content_page .messages li .msg_infos span::before {content:''; position:absolute; top:1.2rem; left:0; background-color:#000000; width:1rem; height:1px;} .dashboard .content_page .messages li .msg_txt {font-size:1.6rem; margin-bottom:0.5rem;} .dashboard .content_page .messages .button {margin-bottom:2rem;} .dashboard .content_page .messages .button, .dashboard .content_page .messages input {float:none;} .dashboard .content_page .messages input[type='text'] {background-color:transparent;} .dashboard .content_page .messages.conversation ul {max-height:50vh; overflow-x:hidden; overflow-y:auto; padding:1.5rem 3rem;} .dashboard .content_page .messages.conversation li {padding:1.5rem; background:#e6e6e6; width:80%; position:relative; border:0; margin-bottom:1rem;} .dashboard .content_page .messages.conversation li::after {content:''; position:absolute; top:2rem; left:-1.5rem; width:0; height:0; border-top:1rem solid transparent; border-right:1.5rem solid #e6e6e6; border-bottom:1rem solid transparent;} .dashboard .content_page .messages.conversation li.you::after {border-right:none; left:auto; right:-1.5rem;} .dashboard .content_page .messages.conversation li.you {margin-left:auto; color:#ffffff;} .dashboard .content_page .messages.conversation li.you .msg_infos span::before {background-color:#ffffff;} .dashboard .content_page .messages.conversation li .msg_txt {margin:0;} /* CUSTOM SCROLLBAR */ .dashboard .content_page .messages.conversation ul::-webkit-scrollbar {width:1.4rem; background:#f6f6f6;} .dashboard .content_page .messages.conversation ul::-webkit-scrollbar-track {box-shadow:inset 0 0 0.2rem 0 #d6d6d6;} .dashboard .content_page .messages.conversation ul::-webkit-scrollbar-thumb {box-shadow:inset 0 0 0 0.4rem #f6f6f6;} /* Contenus/infos dashboard */ .dashboard_infos_content {padding:2rem; overflow:auto; background-color:#ffffff;} /********************************************************************************/ /*********************************** CONNEXION **********************************/ /********************************************************************************/ .content_page .label_login_hidden {position:absolute; top:-1rem; padding:0 1rem; margin:0 1.5rem; background:#ffffff;} #social_login {display:flex; flex-direction:column; padding:0 4rem;} #social_login form {padding:0.5rem;} #social_login form .login-button {width:100%; white-space:initial;} /********************************************************************************/ /********************************** INSCRIPTION *********************************/ /********************************************************************************/ .content_page .control-group {position:relative; margin-bottom:2.5rem;} .content_page .control-group .control-label {position:absolute; top:-1rem; padding:0 1rem; margin:0 1.5rem; background:#ffffff;} /********************************************************************************/ /**************************** MODULE PARTICIPATIF *******************************/ /********************************************************************************/ /* Module vote / graphique */ .idee_vote {border-top:2px solid #e6e6e6; border-bottom:2px solid #e6e6e6; padding:2rem 0; margin-top:3rem;} .idee_vote legend {margin-bottom:1rem;} .idee_vote .btn_vote {margin-bottom:2rem;} .idee_vote .btn_vote label {cursor:pointer; margin:0; padding:1.2rem 3rem 1.2rem 5rem; border-width:2px; border-style:solid;} .idee_vote .btn_vote label::before {font-family:'foundation-icons'; font-size:2.5rem; line-height:1; display:inline-block; position:absolute; left:1.5rem; top:1rem; z-index:1;} .idee_vote .btn_vote input, .idee_vote .btn_vote input:checked {position:absolute; left:-99999em;} /* etat initial */ .idee_vote .pour label {background-color:#74da37; border-color:#74da37;} .idee_vote .pour label::before {content:'\f164';} .idee_vote .mitige label {background-color:#aeaeae; border-color:#aeaeae;} .idee_vote .mitige label::before {content:'\f176';} .idee_vote .contre label {background-color:#fe1938; border-color:#fe1938;} .idee_vote .contre label::before {content:'\f140';} /* etat au survol */ .idee_vote .btn_vote label:hover {background-color:transparent;} /* etat au focus - navigation clavier*/ .idee_vote .btn_vote input:focus + label {border-color:#000000; background:transparent;} /* etat actif */ .idee_vote .pour input:checked + label {background-color:#74da37;} .idee_vote .mitige input:checked + label {background-color:#aeaeae;} .idee_vote .contre input:checked + label {background-color:#fe1938;} .idee_vote .btn_vote input:checked + label {box-shadow:0 0 0 2px #000000;} /* etat actif au survol */ .idee_vote .pour input:checked + label:hover {background-color:#74da37;} .idee_vote .mitige input:checked + label:hover {background-color:#aeaeae;} .idee_vote .contre input:checked + label:hover {background-color:#fe1938;} .idee_vote .btn_vote input:checked + label:hover {box-shadow:0 0 0 2px #000000; opacity:0.7;} /* etat actif au focus - navigation clavier */ .idee_vote .pour input:checked:focus + label {background-color:#74da37;} .idee_vote .mitige input:checked:focus + label {background-color:#aeaeae;} .idee_vote .contre input:checked:focus + label {background-color:#fe1938;} .idee_vote .btn_vote input:checked:focus + label {box-shadow:0 0 0 2px #000000; border-color:#000000;} .idee_vote label, .idee_vote label:hover, .idee_vote label:focus {transition:all 0.3s ease-in-out;} /* Pizza */ .zone_charts {margin:4rem 0; border-bottom:2px solid #e6e6e6;} .zone_charts #pie {position:relative; bottom:-2rem;} .zone_charts .nb_vote {font-family:'lato_bold',Arial,Verdana,sans-serif; font-size:2.2em;} .content_page .zone_charts ul {padding:0; margin:0;} .content_page .zone_charts ul li {list-style-image:none; padding:0; padding-left:0.5rem; margin-bottom:1rem; border-left-width:5px; border-left-style:solid;} .zone_charts ul li span {color:#000000; font-family:'lato_bold',Arial,Verdana,sans-serif;} .zone_charts svg text {font-size:1.5rem;} /* Confirmation */ .popin_notification.alert .content {position:relative; padding:2rem 0;} .popin_notification.alert .contenu_bloc {padding-left:8rem;} .popin_notification.alert .contenu_bloc p {margin:0;} .popin_notification.alert .titre_bloc {font-size:2.2em; line-height:1em;} .popin_notification.alert i {color:#ffffff;width:6rem; height:6rem; display:inline-block; border-radius:50%; margin-right:2rem; font-size:3.2em; position:absolute; left:0; top:50%; transform:translateY(-50%);} .popin_notification.alert i::before {text-align:center; width:100%; line-height:6rem;} /********************************************************************************/ /****************************** POPIN ACCESSIBILITE *****************************/ /********************************************************************************/ #popin_accessibilite input[type="submit"] {overflow:hidden; height:0.00001rem; position:relative;} #popin_accessibilite input[type="submit"]:not(:focus) {padding:0 1rem; border:0;} #popin_accessibilite input[type="submit"]:focus {padding:1rem; height:auto;} /********************************************************************************/ /********************************* MODULE MAREES ********************************/ /********************************************************************************/ .content_page .tx-cim-tide {overflow:auto;} .content_page .tx-cim-tide .input-group-label, .tx-cim-tide .input-group-label > :first-child {background:transparent;} .content_page .tx-cim-tide .fi-calendar {display:block; color:#000000; width:3rem; height:3rem; font-size:2.5rem; background:none; margin-top:0.5rem;} .content_page .tx-cim-tide form::after {content:''; height:0.01rem; display:block; clear:both;} .content_page .tx-cim-tide form {padding:2rem; border:2px solid #f2f2f2;} /********************************************************************************/ /********************************* MODULE MAREES ********************************/ /********************************************************************************/ .wrap_day_weather > .row > .day_weather_halfday:first-child {border-right:1px solid #000000;} #page .day_weather .day_weather_halfday .day_weather_subtitle p::after {display:none !important;} /******************************************************************************************************************/ /******************************************************************************************************************/ /************************************************ RESPONSIVE ******************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /******************************************************************************************************************/ /********************************************************************************/ /*************************** LARGE 1280 et moins ********************************/ /********************************************************************************/ @media only screen and (max-width:81.250em) { /****************************** PAGE LISTE *********************************/ /*** MOTEUR ***/ /* Partie aspire */ /* Affichage période dates */ #line_tools_moteur form .open_date .date {left:0; top:5.5rem;} #line_tools_moteur form .open_date .ligne_form {display:flex; width:50rem;} } /********************************************************************************/ /************************** LARGE de 1270 et moins ******************************/ /********************************************************************************/ @media only screen and (max-width:79.375em) { /********************************** RESET **********************************/ /*** NORMALISATION ***/ /*** LOADER ***/ /*** TRANSITIONS ***/ /*** FORMULAIRES ***/ /*** DATE PICKER ***/ /*** CLASSES GENERIQUES ***/ /*** SLICK SLIDER ***/ .bloc_home .slick-slider {padding:0 4rem;} .bloc_home .slick-arrow.slick-prev {left:3.5rem;} .bloc_home .slick-arrow.slick-next {right:3.5rem;} /*** BOUTONS LIENS, BOUTONS, BOUTONS CLOSE ***/ /*** BOUTONS LIENS ***/ /* Bouton LIEN */ /* Bouton ALL */ /* Bouton TXT */ /* Bouton FICHE */ /*** BOUTON RETOUR ***/ /* pour page detail */ /*** BOUTONS BUTTON ***/ /* pour item kiosque */ /*** BOUTONS CLOSE ***/ /********************************* LAYOUT **********************************/ /*** STRUCTURE GENERALE ***/ /*** HEADER ***/ /* Sticky */ /* Trame generique */ /* Infobulles */ /* Burger button */ /* Icon button and link */ /* Accessibilite */ /* Widget accessibilite */ /* Logo */ #home .logo {left:0.8rem;} #home .logo a > span {padding-left:2rem; padding-right:2rem;} /* Langues */ /* Maree, qualite de lair, meteo */ /*** POPINS ***/ /* Style generique */ /* titre */ /* Popin full */ /* titre */ /* contenu */ /* Popin detail */ /*** POPIN MENU PRINCIPAL ***/ #popin_menu .close-button {width:5rem; height:5rem;} /* level 1 */ #menu_principal > ul {padding:4rem;} #menu_principal > ul > li {padding:0 1rem;} /* Level 2*/ #menu_principal ul li li.level2 {padding:1rem 0; font-size:0.9em;} /* Level 3 */ #menu_principal ul li.level2 > .sm {margin-left:0.5rem;} /*** POPIN RECHERCHE ***/ /*** BANDEAU IMAGE ***/ /*** FOOTER ***/ /*** FIL D'ARIANE ***/ /*** SHARE / BLOC NOTE / MAJ ***/ /* PICTO PRINT et SHARE */ /* SOCIAL SHARE */ .social_share {padding-right:3rem;} /* BOUTONS DE PARTAGE */ /* DATE MAJ */ /* Bloc note */ /*********************************** HOME **********************************/ /* BLOCS HOME */ /* titre */ /* sous-titre */ /* trait noir */ /* btn all */ /* trait gauche et droite = ACCES DIRECT */ /* contenu avec slider li */ /*** ACCES RAPIDES ***/ /*** ACTUALITES ***/ #home #actu > .wrap {padding:0 0.8rem;} /*** AGENDA ***/ /*** BLOC CARTE INTERACTIVE ***/ /*** KIOSQUE ***/ #home #bloc_kiosque .large-8 {background-size:cover;} #social_wall .content > .columns {padding:0 0.8rem;} /*** SOCIAL WALL ***/ /******************************* PAGE TYPE *********************************/ /*** HEAD PAGE ***/ /*** CARTOUCHE TITRE ***/ /*** TITRE PAGE ***/ /* Trad */ /*** ACCROCHE PAGE ***/ /* separation col_left // col_right */ /*** PARAM TXT ***/ /* GRID ELEMENT */ /* BLOC VIDEO */ /* ZONE MAP POI */ /* BLOC DIAPORAMA IMAGES SLICK */ /* Nav thumbnail */ /* Hover */ /* Big Diapo + reveal diapo */ /* Arrow */ /* Hover */ /* Reveal diapo */ /* Gestion image portrait */ /* btn telecharger image */ /* Affichage titre slider images */ /* QUESTIONNAIRE QUALITE */ /* COLONNE CONTEXTUELLE */ /* BLOCS COL */ /* titre et sous-titre du bloc */ /* titre */ /* sous-titre */ /* zone contenu du bloc */ /* MISE EN AVANT */ /* ENCADRE */ /* LE SAVIEZ-VOUS */ /* BLOC PORTRAIT */ /* BLOC GEOLOC - contact et organisateur */ /* RESSOURCES DOWNLOAD */ /* LIENS UTILES */ /* COLONNE GAUCHE */ /* SOMMAIRE DE PAGE + VOIR AUSSI */ /* affichage des ancres dans le contenu */ #col_right, #col_right_popin {padding-right:1.6rem;} /* BLOCS BAS DE PAGE */ /* AGENDA LIE */ /* ACTU LIE */ /* KIOSQUE LIE */ /****************************** PAGE LISTE *********************************/ /*** MOTEUR ***/ /* Nombre de resulats */ /* Partie aspire */ /* Affichage période dates */ /* Filtrer */ /* Reinitialiser */ /* Afficher la carte */ /*** FILTRES ***/ /* gestion champs date */ /* Archives */ /* gestion champs checkbox tag */ /* submit + reset filtres */ /*** MAP ***/ /*** RESULTATS ***/ /* Item generique */ /* Image */ /* Zone texte */ /* pour item classique sans img > ex. ASSOCIATION */ /* avec categorie*/ /* pour bandeau item avec img > ex. AGENDA */ /* Dates */ /* pastille date de debut et date de fin */ /* indication textuelle de la periode type "du - au */ /* type "a partir du" et "jusqu'au" */ /* nom du jour */ /* nombre du jour */ /* nom du mois */ /* Titre */ /* Description */ /* Gestion des elements affiches au survol des item */ /* Zone bottom */ /* Affichage des trad */ /* Ajout au calendrier */ /* Btn more // graphique uniquement */ /* Categorie + statut */ /* Items Agenda */ /* Items Idee */ /* Items kiosque */ /* Items bloc_note */ /* Items recherche generale */ /************************** PAGE DETAIL / POPIN ****************************/ #popin_detail {width:90%;} /* BANDEAU IMAGE / TITRE */ #popin_detail .bandeau_page .wrap > .row {max-width:90%; flex:0 0 90%;} #popin_detail .social_share {padding-right:0;} #popin_detail .bandeau_page .titre_container {margin-top:10rem;} #popin_detail .bandeau_page .titre_container.detail::before {top:-6rem;} #popin_detail .bandeau_page .titre_container.detail::after {top:-4.5rem;} #popin_detail .bandeau_page .titre_container > .columns {max-width:100%; flex:0 0 100%;} #popin_detail .titre_container {position:relative;} #popin_detail .titre_container.detail #titre_page_popin > p:first-of-type {padding-right:0; padding-bottom:7rem;} #popin_detail .titre_container.detail .date_container {top:-13rem;} /* ARROWS NAV POPIN */ /* NAVIGATION */ /* CONTENU */ #popin_detail .bloc_col .columns.medium-5, #popin_detail .bloc_col .columns.medium-6, #popin_detail .bloc_col .columns.medium-7 {max-width:100%; flex:0 0 100%;} /* FRISE CHRONOLOGIQUE DES ETAPES (detail projet) */ #popin_detail .list_item_step {margin-left:1.6rem; padding-left:1.6rem;} #popin_detail .middle_step .start_step {position:static; padding:0; transform:none;} /*************************** MOTEUR DE RECHERCHE ***************************/ /*************************** CARTE INTERACTIVE *****************************/ /* Container */ /* Accessi */ /* Header */ /* Footer */ .carto_tpl #menu_footer ul li {line-height: 1.3em;} /* Fil d'ariane */ /* Nombre de resultats */ /* Affichage liste-map */ /*#carto #carto_wrap.is-stuck .wrap_carto {width:100%; left:auto; transform:none;}*/ /* Filtres */ /*#carto .append_reveal .reveal {max-width:95%; left:50% !important; transform:translateY(11rem) translateX(-50%); padding-right:6rem; padding-left:6rem;}*/ /* Btn "Tout afficher" / "Tout effacer" */ /* Btn close panneau filters */ /* Form */ /* formulaire global */ /* fieldset niveau 1 */ /* legend de fieldset niveau 1 - nom de l'annuaire */ /* wrap label + champs */ /* label des champs */ /* champs */ /* champs date */ /* checkbox tag */ /* btn submit */ /* Map */ /* Modal carto */ /******************************* 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;} /****************************** PLAN DU SITE *******************************/ /*************************** BANDEAU ALERTE ********************************/ /********************************** FAQ ************************************/ /******************************* SONDAGE ***********************************/ /******************************* SOCIAL WALL *******************************/ /* Filtres */ /* Content blocks */ /******************************* BLOC NOTES ********************************/ /* CTA moteur */ /* Bouton de selection */ /* Item de liste */ /* Form */ /******************************* CO-MARQUAGE *******************************/ /******************************** DASHBOARD ********************************/ /* Navigation dashboard */ /* Bloc proposer contribution */ /* Bloc liste contributions */ /**************************** MODULE PARTICIPATIF **************************/ /******************************** CONNEXION ********************************/ /******************************* INSCRIPTION *******************************/ } /********************************************************************************/ /************************** LARGE de 1270 a 1024 ********************************/ /********************************************************************************/ @media only screen and (min-width:64em) and (max-width:79.375em) { /********************************** RESET **********************************/ /*** NORMALISATION ***/ html {font-size:60.5%;} /*** LOADER ***/ /*** TRANSITIONS ***/ /*** FORMULAIRES ***/ /*** DATE PICKER ***/ /*** CLASSES GENERIQUES ***/ /*** SLICK SLIDER ***/ /*** BOUTONS LIENS, BOUTONS, BOUTONS CLOSE ***/ /*** BOUTONS LIENS ***/ /* Bouton LIEN */ /* Bouton ALL */ /* Bouton TXT */ /* Bouton FICHE */ /*** BOUTON RETOUR ***/ /*** BOUTONS BUTTON ***/ /*** BOUTONS CLOSE ***/ /********************************* LAYOUT **********************************/ /*** STRUCTURE GENERALE ***/ /*** HEADER ***/ /* Sticky */ /* Trame generique */ /* Infobulles */ /* Burger button */ /* Icon button and link */ /* Accessibilite */ /* Widget accessibilite */ /* Logo */ /* Langues */ /* Maree, qualite de lair, meteo */ /*** POPINS ***/ /* Style generique */ /* titre */ /* Popin full */ /* titre */ /* contenu */ /* Popin detail */ /*** POPIN MENU PRINCIPAL ***/ /* level 1 */ /* Level 2*/ /* Level 3 */ /*** POPIN RECHERCHE ***/ /*** BANDEAU IMAGE ***/ .bandeau_page .titre_container > .columns {-ms-flex:0 0 60%; flex:0 0 60%; max-width:60%;} /*** FOOTER ***/ /*** FIL D'ARIANE ***/ /*** SHARE / BLOC NOTE / MAJ ***/ /* PICTO PRINT et SHARE */ /* SOCIAL SHARE */ /* BOUTONS DE PARTAGE */ /* DATE MAJ */ /* Bloc note */ /*********************************** HOME **********************************/ /* BLOCS HOME */ /* titre */ /* sous-titre */ /* trait noir */ /* btn all */ /* trait gauche et droite = ACCES DIRECT */ /* contenu avec slider li */ /*** ACCES RAPIDES ***/ /*** ACTUALITES ***/ /*** AGENDA ***/ /*** BLOC CARTE INTERACTIVE ***/ /*** KIOSQUE ***/ /*** SOCIAL WALL ***/ /******************************* PAGE TYPE *********************************/ /*** HEAD PAGE ***/ /*** CARTOUCHE TITRE ***/ /*** TITRE PAGE ***/ /* Trad */ /*** ACCROCHE PAGE ***/ /* separation col_left // col_right */ /*** PARAM TXT ***/ /* GRID ELEMENT */ /* BLOC VIDEO */ /* ZONE MAP POI */ /* BLOC DIAPORAMA IMAGES SLICK */ /* Nav thumbnail */ /* Hover */ /* Big Diapo + reveal diapo */ /* Arrow */ /* Hover */ /* Reveal diapo */ /* Gestion image portrait */ /* btn telecharger image */ /* Affichage titre slider images */ /* QUESTIONNAIRE QUALITE */ /* COLONNE CONTEXTUELLE */ /* BLOCS COL */ /* titre et sous-titre du bloc */ /* titre */ /* sous-titre */ /* zone contenu du bloc */ /* MISE EN AVANT */ /* ENCADRE */ /* LE SAVIEZ-VOUS */ /* BLOC PORTRAIT */ /* BLOC GEOLOC - contact et organisateur */ /* RESSOURCES DOWNLOAD */ /* LIENS UTILES */ /* COLONNE GAUCHE */ /* SOMMAIRE DE PAGE + VOIR AUSSI */ /* affichage des ancres dans le contenu */ /* BLOCS BAS DE PAGE */ /* AGENDA LIE */ /* ACTU LIE */ /* KIOSQUE LIE */ /****************************** PAGE LISTE *********************************/ /*** MOTEUR ***/ /* Nombre de resulats */ /* Partie aspire */ /* Filtrer */ /* Reinitialiser */ /* Afficher la carte */ /*** FILTRES ***/ /* gestion champs date */ /* Archives */ /* gestion champs checkbox tag */ /* submit + reset filtres */ /*** MAP ***/ /*** RESULTATS ***/ /* Item generique */ /* Image */ /* Zone texte */ /* pour item classique sans img > ex. ASSOCIATION */ /* avec categorie*/ /* pour bandeau item avec img > ex. AGENDA */ /* Dates */ /* pastille date de debut et date de fin */ /* indication textuelle de la periode type "du - au */ /* type "a partir du" et "jusqu'au" */ /* nom du jour */ /* nombre du jour */ /* nom du mois */ /* Titre */ /* Description */ /* Gestion des elements affiches au survol des item */ /* Zone bottom */ /* Affichage des trad */ /* Ajout au calendrier */ /* Btn more // graphique uniquement */ /* Categorie + statut */ /* Items Idee */ .list_item.agenda .btn_calendar {max-width:12rem;} .list_item.agenda .btn_calendar a {padding-top:0; padding-bottom:0; background-position:99% 99%;} /* Items kiosque */ .list_item.kiosque .zone_bottom > .columns {flex:0 0 100%; width:100%;} .list_item.kiosque .button.telecharger {padding:0 0 0.8rem 0;} .list_item.kiosque .button.feuilleter {padding:0.8rem 0 0 0;} /* Items bloc_note */ /* Items recherche generale */ /************************** PAGE DETAIL / POPIN ****************************/ /* BANDEAU IMAGE / TITRE */ /* ARROWS NAV POPIN */ /* NAVIGATION */ /* CONTENU */ /* BLOCS BAS DE PAGE */ #popin_detail .bloc_home .titre_bloc_container > .wrap > .text-right {flex:0 0 100%;} /*************************** MOTEUR DE RECHERCHE ***************************/ /*************************** CARTE INTERACTIVE *****************************/ /* Container */ /* Accessi */ /* Header */ /* Footer */ /* Fil d'ariane */ /* Nombre de resultats */ /* Filtres */ /* Btn "Tout afficher" / "Tout effacer" */ /* Btn close panneau filters */ /* Form */ /* formulaire global */ /* fieldset niveau 1 */ /* legend de fieldset niveau 1 - nom de l'annuaire */ /* wrap label + champs */ /* label des champs */ /* champs */ /* champs date */ /* checkbox tag */ /* btn submit */ /* Map */ /* Modal carto */ /******************************* BANDEAU RGPD ******************************/ /* Bandeau */ /****************************** PLAN DU SITE *******************************/ /*************************** BANDEAU ALERTE ********************************/ /********************************** FAQ ************************************/ /******************************* SONDAGE ***********************************/ /******************************* SOCIAL WALL *******************************/ /* Filtres */ /* Content blocks */ /******************************* BLOC NOTES ********************************/ /* CTA moteur */ /* Bouton de selection */ /* Item de liste */ /* Form */ /******************************* CO-MARQUAGE *******************************/ /******************************** DASHBOARD ********************************/ /* Navigation dashboard */ /* Bloc proposer contribution */ /* Bloc liste contributions */ /******************************** CONNEXION ********************************/ /******************************* INSCRIPTION *******************************/ } /********************************************************************************/ /*************************** 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) { /********************************** RESET **********************************/ /*** NORMALISATION ***/ /*** LOADER ***/ .cs-loader {width:100%; left:0;} /*** TRANSITIONS ***/ /*** FORMULAIRES ***/ .powermail_confirmation input[type="submit"] {width:100%; margin:0.5rem auto; padding:0.5rem 0;} legend {font-size:2em;} label, .input-group-label, .powermail_label.powermail_radio_legend, .powermail_label, .label {font-size:1.6em;} /*** DATE PICKER ***/ /*** CLASSES GENERIQUES ***/ /*** SLICK SLIDER ***/ /*** BOUTONS LIENS, BOUTONS, BOUTONS CLOSE ***/ /*** BOUTONS LIENS ***/ /* Bouton LIEN */ /* Bouton ALL */ .btn_all {font-size:1.6em;} .btn_all a, .content_page .btn_all a {background-size:contain;} /* Bouton TXT */ /* Bouton FICHE */ /*** BOUTON RETOUR ***/ .btn_back, .content_page .btn_back, button.btn_back {font-size:2em;} .btn_back a, .content_page .btn_back a, button.btn_back {padding:1rem 2rem;} /* pour page detail */ .btn_nav_list_title {font-size:2rem;} .nav_list {position:relative; padding-top:12rem;} .nav_list .medium-12 {position:absolute; left:50%; transform:translateX(-50%); top:0; width:100%;} .nav_list .btn_prev a, .content_page .nav_list button.btn_prev {padding-left:6rem;} .nav_list .btn_next a, .content_page .nav_list button.btn_next {padding-right:6rem;} /*** BOUTONS BUTTON ***/ /* pour item kiosque */ /*** BOUTONS CLOSE ***/ /* Btn close / version petite croix */ /* Close button Foundation */ /* Close button Foundation dans popin (exemple : dans popin filtres page de liste) */ /* Close button Foundation dans popin fullscreen */ .reveal.full .close-button, .search_area_cont.is_search .close-button {width:6rem; height:6rem; font-size:6rem;} /* Close button advanced = "FERMER + croix" ou "TEXTE + croix" */ /********************************* LAYOUT **********************************/ /*** STRUCTURE GENERALE ***/ .off-canvas-content {background-color:#eeeeee;} #main {padding-bottom:0;} .wrap {width:100%; padding:0 1.5rem;} .content_page {padding-bottom:3rem;} /*** HEADER ***/ #header #data-sticky-header {width:100%; max-width:none; height:8rem; position:fixed; top:0 !important; opacity:1 !important; z-index:11; background-color:#ffffff;} /*#header #data-sticky-header {width:100%; max-width:none; height:8rem; position:fixed; top:0 !important; opacity:1 !important; background-color:#ffffff;}*/ /* Sticky */ #header #data-sticky-header.is-stuck {min-height:5.5rem; margin-top:2.2rem; margin-bottom:1.5rem;} /*body.list_fix #header #data-sticky-header.is-stuck .logo span.titre_trad::after {content:""; position:absolute; top:0.2rem; left:0; width:100%; height:100%; z-index:12; background-color:rgba(10, 10, 10, 0.45);}*/ /* Trame generique */ /* Infobulles */ #header .btn_menu {width:6.5rem; height:6.5rem;} /* Burger button */ /* Icon button and link */ /* Accessibilite */ /* Widget accessibilite */ /* Logo */ #home .logo {margin-top:2.2rem; left:0.7rem;} #home .logo h1 {font-size:2em;} #home .logo .titre_fr, #home .logo .titre_trad {padding-left:1rem; padding-right:1rem;} #home .logo .titre_trad {position:relative; transform:none;} #home .logo .titre_fr {font-size:1.8rem; padding-top:0.9rem;} #home .logo span.titre_fr span {font-size:3.2rem;} #home #header > .logo .titre_trad {padding-top:0.8rem; padding-bottom:0.8rem;} #home #header > .logo span.titre_trad span {padding:0.2rem 0;} #data-sticky-header .logo {padding:0 1rem 0 1rem;} #data-sticky-header .logo span.titre_fr {font-size:0.7em; padding:0 0 0.6rem 0;} #data-sticky-header .logo span.titre_fr span {margin-bottom:0;font-size:2em;} #data-sticky-header .logo span.titre_trad {position:absolute; background-color:#ffffff; padding:0 1rem 0.5rem 1rem; left:0; width:29rem;} /*FIX IE*/ #page .logo {min-width:0;} /* Langues */ .trad {width:6.5rem;} /* Maree, qualite de lair, meteo */ #header .dropdown-pane {background:#ffffff; box-shadow:inset 0 0 0 1px #e6e6e6;} /*** POPINS ***/ /* Style generique */ .reveal {padding:3rem;} /* titre */ .reveal .titre_popin {margin-bottom:3rem;} /* Popin full */ .reveal.full {padding:3rem 0;} /* titre */ .reveal.full .titre_popin {padding-right:7rem;} .reveal.full .titre_bloc {font-size:2.5em; padding:1.5rem 0;} /* contenu */ .reveal.full .wrap_popin {height:auto;} .reveal.full .wrap_popin > .content {padding-bottom:3rem; min-height:calc(100% - 3rem);} /* Popin detail */ #popin_detail {padding:3rem 3rem 0 3rem;} /*** POPIN MENU PRINCIPAL ***/ /* MENU OVERLAP / ou / PUSH*/ /* Structure canvas */ .off-canvas.position-left {transform:translateX(-40rem); width:40rem; overflow:visible;} /* Menu overlap transition */ .off-canvas.position-left.is-transition-overlap.is-open, .off-canvas-content.is-open-left.has-transition-overlap, .off-canvas.position-left.is-transition-push.is-open {transform:translate(0, 0);} .off-canvas-content.is-open-left.has-transition-push {transform:translateX(40rem); width:40rem;} /* Btn close menu smart */ #btn_close_menu_smart {display:block; width:0.00001rem; right:-7rem; top:0; overflow:hidden; transition:left 0.5s ease, z-index 0.5s ease, opacity 0.5s ease; height:7rem; font-size:7rem;} #btn_close_menu_smart.is-here {left:40rem; z-index:1008; width:7rem; transition:left 0.5s ease, width 0.7s ease 0.5s;} #btn_close_menu_smart span {color:#ffffff; font-family:'lato_light',Arial,Verdana,sans-serif;} /* Menu */ #leftmenu_cont {height:100%; background-color:#ffffff;} nav#smart_menu {height:100%;} #offCanvasLeft .is-drilldown {max-width:100% !important; height:100%; z-index:1;} /* si affichage du titre "Menu" */ #offCanvasLeft nav > p {text-transform:uppercase; font-family:'nexa_bold',Arial,Verdana,sans-serif; font-size:3.8em; line-height:1.1; width:100%; position:absolute; top:0; left:0; margin:0; padding:2rem 1.5rem;} /* skin de tous les items du menu */ #offCanvasLeft .is-drilldown ul {height:100%; padding:0 2rem; overflow-x:hidden; overflow-y:auto; margin:0;} #offCanvasLeft .is-drilldown ul.overflow {overflow-y:hidden;} #offCanvasLeft .is-drilldown ul li {font-family:'lato_regular',Arial,Verdana,sans-serif;} #offCanvasLeft .is-drilldown ul li:first-child {border:0;} #offCanvasLeft .is-drilldown li a {color:#ffffff; font-size:1em; line-height:1em; padding-top:2rem; padding-bottom:2rem; padding-left:0; background-color:transparent; font-family:inherit;} /* level 1 */ #offCanvasLeft .is-drilldown > ul {display:block; top:0;} #offCanvasLeft .is-drilldown > ul > li {font-size:1.6rem; line-height:1.1;} #offCanvasLeft .is-drilldown > ul > li > a {padding-right:2rem;} /* level 2 */ #offCanvasLeft .is-drilldown ul.sous_menu {z-index:2;} #offCanvasLeft .is-drilldown > ul li.level2 {font-size:1.6rem; line-height:1.1;} #offCanvasLeft .is-drilldown > ul li.level2 > a {padding-right:2rem;} /* level 3 */ #offCanvasLeft .is-drilldown ul.sm {z-index:3;} #offCanvasLeft .is-drilldown > ul li.level3 {font-size:1.6rem; line-height:1.1;} #offCanvasLeft .is-drilldown > ul li.level3 a {padding-right:0; padding-left:0;} /* affichage du nom de la rubrique parent */ #offCanvasLeft .menu.vertical .is-drilldown-submenu-parent > a::after {content:''; display:block; width:1.1rem; height:2rem; right:0; top:50%; transform:translateY(-50%); border:0; margin:0; background:url(../img/menu_next_arrow.png) no-repeat left center; background-size:auto 100%; filter:invert(100%);} #offCanvasLeft .is-drilldown > ul li.is-submenu-parent-item {font-size:2rem; line-height:1; border:0;} #offCanvasLeft .is-drilldown > ul li.is-submenu-parent-item a {color:#ffffff; text-transform:uppercase; font-family:'nexa_bold',Arial,Verdana,sans-serif; padding-bottom:2rem;} /* btn "retour" */ #offCanvasLeft .is-drilldown ul .js-drilldown-back {font-size:1.8rem; line-height:1.1;} #offCanvasLeft .is-drilldown ul .js-drilldown-back > a {color:#ffffff; text-transform:uppercase; font-family:'lato_bold',Arial,Verdana,sans-serif; padding-left:2rem; padding-right:0; position:relative;} #offCanvasLeft .is-drilldown ul .js-drilldown-back > a::before {content:''; display:block; width:1.1rem; height:2rem; position:absolute; left:0; top:50%; transform:translateY(-50%); border:0; margin:0; background:url(../img/menu_back_arrow.png) no-repeat left center; background-size:auto 100%; filter:invert(100%);} /*** POPIN RECHERCHE ***/ /*** BANDEAU IMAGE ***/ .bandeau_page {height:auto; position:relative;} .bandeau_page .img img {max-height:105%; max-width:200%;} #popin_detail .bandeau_page {min-height:20rem;} /* HOME avec filtre couleur sur l'image */ #home .bandeau_page {min-height:0; height:40rem !important;} #home .bandeau_page .img img {max-height:105%; max-width:200%;} /*** FOOTER ***/ #footer {position:relative; min-height:initial;} #info_footer {padding:3.5rem 0 3rem 0;} #info_footer p {padding:0.5rem 0 0.5rem 3.5rem; font-size:1.3em; line-height:1.5em;} #footer #bloc_contact_info > .columns:last-child {margin-right:auto; margin-left:auto; display:-ms-flexbox; display:flex; -ms-flex-flow:row wrap; flex-flow:row wrap; -ms-flex-pack:center; justify-content:center; padding-top:5rem;} #bloc_contact_info {padding-top:3rem; padding-bottom:3rem;} #footer_logo img {padding-right: 1rem;} #menu_footer ul li {padding:0 1rem 0 1.6rem; font-size:1.2em;} #menu_footer ul li a {padding:0 0.5rem;} #menu_footer ul li::before {top:-0.1rem;} #menu_footer ul li:first-child::before {content:'';} /*** FIL D'ARIANE ***/ #fil_ariane {padding:1.5rem 1.5rem 0 1.5rem;} #page.list #fil_ariane, #page.dashboard #fil_ariane {padding-left:0;} /*** SHARE / BLOC NOTE / MAJ ***/ .social_share {padding-right:1.5rem;} /* PICTO PRINT et SHARE */ /* SOCIAL SHARE */ /* BOUTONS DE PARTAGE */ /* DATE MAJ */ /* Bloc note */ /*********************************** HOME **********************************/ /* BLOCS HOME */ /* titre */ .bloc_home:not(#moteur) .titre_bloc {width:100%; justify-content:flex-start;} .bloc_home:not(#moteur) .titre_bloc_container {margin-bottom:2rem;} .bloc_home:not(#moteur) .titre_bloc .bloc_home_title, .content_page .bloc_home .titre_bloc .bloc_home_title {font-size:2em; max-height:5.4rem;} .bloc_home:not(#moteur) .titre_bloc .titre_fr {padding:1rem 2rem; text-align:center;} .bloc_home:not(#moteur) .titre_bloc .titre_trad {font-size:1.4rem; padding:1rem 2rem;} /* sous-titre */ .bloc_home_subtitle, .content_page .bloc_home_subtitle {font-size:1.8em;} /* trait noir */ .bloc_home .line_sep {flex-basis:1px;} /* trait gauche et droite = ACCES DIRECT */ .bloc_home .two_line::before, .bloc_home .two_line::after {top:1rem; width:3.5rem;} /*** ACCES RAPIDES ***/ #home #bloc_acces_rapides {margin-bottom:4rem;} #acces_rapides li {font-size:1.2em;} #acces_rapides li .img {width:6.5rem; height:6.5rem; padding:1.5rem;} /* BTN ALL */ .btn_all_acces_rapides a {padding-top:0; padding-bottom:3.5rem;} .btn_all_acces_rapides a::after {top:calc(50% - 4rem);} /*** ACTUALITES ***/ /* Item generique */ #actu .list_item.bandeau_item > .link {padding:20rem 0 0 0;} #actu .list_item.bandeau_item.index_1, #actu .list_item.bandeau_item.index_2 {margin-top:0.8rem; margin-bottom:0.8rem;} #actu .list_item.bandeau_item.index_1 > .link {padding:0 50% 0 0;} #actu .list_item.bandeau_item.index_2 > .link {padding:0 0 0 50%;} /* Image */ #actu .list_item .img {height:20rem;} #actu .list_item .img img {max-height:200%; max-width:105%;} #actu .list_item.index_1 .img, #actu .list_item.index_2 .img {height:100%; width:50%;} #actu .list_item.index_1 .img img, #actu .list_item.index_2 .img img {max-width:167%;} #actu .list_item.index_1 .img {right:0; left:auto;} /* Zone texte */ #actu .list_item.bandeau_item .txt {position:relative;} #actu .list_item.bandeau_item.index_1 .txt, #actu .list_item.bandeau_item.index_2 .txt {min-height:0;} #actu .list_item.bandeau_item.index_2 .txt {transform:none; max-width:100%;} /* Titre */ #actu .list_item.index_1 .titre {font-size:2.2em;} #actu .list_item.index_1 .titre a::before {height:100%;} #actu .list_item .titre a::before {height:100%;} /* Description */ /* Gestion des elements affiches au survol des item */ #actu .list_item.index_1 .thumb-desc {height:auto; transform:scaleY(1); overflow:initial;} /*** AGENDA ***/ /*** BLOC CARTE INTERACTIVE ***/ #bloc_carte_interactive .bloc_home_subtitle {font-size:2em;} #bloc_carte_interactive .bloc_carte_infos .bloc_home_subtitle {margin-bottom:2rem;} #bloc_carte_interactive .bloc_carte_img {position:relative;} #bloc_carte_interactive .bloc_carte_img img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:none;} #bloc_carte_interactive .bloc_carte_infos ul li {font-size:1.6em;} #bloc_carte_interactive .bloc_carte_infos ul li a .picto_acces {width:6.5rem; height:6.5rem; margin-left:1rem;} /*** KIOSQUE ***/ #home #bloc_kiosque ul {padding-top:1.5rem;} #bloc_kiosque .large-2 {margin-left:7.5rem;} #bloc_kiosque .large-2 .row > *:not(img) {flex:0 0 100%;} #bloc_kiosque .large-4.large-offset-1 {margin-left:2rem; margin-right:2rem;} #home #bloc_kiosque {padding-right:1.5rem; padding-left:1.5rem;} #home #bloc_kiosque .large-8::before {left:-1.5rem;} #home #bloc_kiosque .large-8::after {right:-1.5rem;} /*NOT*/ #home #bloc_kiosque .titre_bloc {justify-content:center;} /*** SOCIAL WALL ***/ #home #social-stream {margin-top:2rem;} #home .dcsns-toolbar {top:-6.2rem; right:4rem;} #home #social_wall .line_sep::after {width:100%;} #home #social_wall .titre_bloc_container > .row > .columns:last-child::after {content:''; display:block; height:5rem; width:29rem;} #social_wall .bloc_home_subtitle {font-size:2.6em;} .stream li {width:calc(50% - 1.6rem);} .content_page #social_wall > .row > .content {padding-right:0; padding-left:0;} /******************************* PAGE TYPE *********************************/ /*** HEAD PAGE ***/ /*NOT*/ .head_page > .columns {padding:0;} .head_page > .columns > .row {padding-bottom:2rem;} /*** CARTOUCHE TITRE ***/ .titre_container {margin-top:16rem; padding:0;} .titre_container.detail > .hach_dark_bg_blue {padding:2.5rem;} .titre_container.detail::after, .titre_container.detail::before {display:none;} .detail .date_container {top:-10rem;} .titre_container .hach_dark_bg_blue {padding:2rem 1.5rem;} /*** TITRE PAGE ***/ #page h1, #popin_detail #titre_page_popin > p:first-of-type {font-size:3em;} #titre_page, #titre_page_popin {margin-top:0;} /* Trad */ .titre_container.detail #titre_page, #popin_detail .titre_container.detail #titre_page_popin {min-height:initial; padding-bottom:7rem;} #page .titre_container.detail h1, #popin_detail .titre_container.detail #titre_page_popin > p:first-of-type {padding:0;} #titre_page .titre_trad, #titre_page_popin .titre_trad, #titre_page .titre_trad span, #titre_page_popin .titre_trad span {font-size:2.1rem;} /*** ACCROCHE PAGE ***/ #page .titre_container .quote h2, #popin_detail .titre_container .quote h2 {font-size:1.8em;} #page .titre_container .quote, #popin_detail .titre_container_popin .quote {padding-bottom:2rem;} /* col_left // col_right */ #col_left {padding-left:0; padding-right:0;} #col_left_inner, #col_left_inner_popin {padding:1.5rem; padding-bottom:4rem;} #col_right_inner.is-at-bottom, #col_right_inner_popin.is-at-bottom {padding-top:4rem; margin-top:0 !important;} /*** PARAM TXT ***/ .content_page h2 {font-size:2.6em; margin-top:4.5rem;} .content_page h3 {font-size:2.2em; margin-top:3.5rem;} .content_page h4 {font-size:1.8em; margin-top:2.5rem;} .content_page ul, .content_page ol {padding:0 0 0 1.5rem;} .content_page ul li {padding:0 0 0 1rem;} .content_page blockquote {margin-bottom:4rem;} .content_page table {display:block; overflow-x:scroll; max-width:100%; margin-bottom:4rem;} .content_page table caption {font-size:1.8em;} .content_page th {padding:1rem; font-size:1.6em;} /* GRID ELEMENT */ /* BLOC VIDEO */ .video_pop {padding:5.5rem 7rem 4rem 7rem;} /* ZONE MAP POI */ /* BLOC DIAPORAMA IMAGES SLICK */ /* Nav thumbnail */ .diaporama_images .slider-nav-images {padding:0 6rem; max-height:6rem;} .content_page .diaporama_images .slick-slider .slick-arrow {height:6rem; width:6rem;} .slick-arrow.slick-arrow::before {top:calc(50% - 3rem);} .diaporama_images .slider-for-images.slick-slider .slick-arrow::before, .diaporama_images .slider-for-images-pop.slick-slider .slick-arrow::before {height:6rem; width:6rem;} /* Hover */ /* Big Diapo + reveal diapo */ /* Arrow */ /* Hover */ /* Reveal diapo */ /* Gestion image portrait */ .content_page .diaporama_images .slick-slide img:not(.img_portrait) {width:100%;} /* btn telecharger image */ /* Affichage titre slider images */ /* QUESTIONNAIRE QUALITE */ #quality_form .form_item > .ligne_form {padding:1.5rem 0;} #quality_form form fieldset legend, .content_page #quality_form form fieldset legend {padding:1.5rem 0;} #quality_form > p {padding:1.5rem 2.5rem;} /* COLONNE CONTEXTUELLE */ #col_right, #col_right_popin {position:fixed; top:0; left:0; width:100%; max-width:100%; height:100% !important; background:#ffffff; z-index:101; overflow-x:hidden;} #col_right_inner, #col_right_inner_popin {padding:3rem; top:0 !important; max-width:100% !important; max-height:calc(100% - 7rem); overflow-y:auto;} /* BTN OPEN COL */ #cont_anchor_btn_col_right, #cont_anchor_btn_col_right_popin {width:100%; z-index:999; opacity:1;} #cont_anchor_btn_col_right *, #cont_anchor_btn_col_right_popin * {opacity:1;} #cont_btn_col_right, #cont_btn_col_right_popin {position:inherit; width:100%; margin:0 !important; max-width:inherit !important; text-align:center; z-index:9; padding:1.5rem 0;} #btn_col_right, #btn_col_right_popin {transition:0.3s ease; border:2px solid #ffffff; font-size:1.4em; line-height:1; margin:0; padding:1rem 4.5rem 1rem 1.5rem; cursor:pointer; position:relative; display:inline-block; z-index: 101;} #btn_col_right::before, #btn_col_right_popin::before {width:0.3rem; height:1.6rem; right:2.1rem;} #btn_col_right::after, #btn_col_right_popin::after {width:1.6rem; height:0.3rem; right:1.5rem;} #btn_col_right::before, #btn_col_right_popin::before, #btn_col_right::after, #btn_col_right_popin::after {content:''; position:absolute; top:50%; background-color:#ffffff; transform:translateY(-50%); transition:0.3s ease;} #cont_btn_col_right.open, #cont_btn_col_right_popin.open {top:auto !important; bottom:0 !important; left:0; position:fixed;} #cont_btn_col_right.open button::before, #cont_btn_col_right_popin.open button::before, #cont_btn_col_right.open button::after, #cont_btn_col_right_popin.open button::after {transform:translateY(-50%) rotate(45deg);} #cont_btn_col_right button:hover, #cont_btn_col_right button:focus, #cont_btn_col_right_popin button:hover, #cont_btn_col_right_popin button:focus {background-color:#ffffff;} /*#cont_btn_col_right button:hover::before, #cont_btn_col_right.open {width:100%; z-index:999; position:fixed; left:0; z-index:9999;}*/ #cont_btn_col_right.open #cont_btn_col_right {top:inherit !important; text-align:center; position:fixed;} #cont_btn_col_right.open #cont_btn_col_right.is-anchored.is-at-bottom {margin-bottom:1rem !important;} #cont_btn_col_right.sticky.is-anchored.is-at-bottom, #cont_btn_col_right_popin.sticky.is-anchored.is-at-bottom {left:50%; transform:translateX(-50%); width:100vw;} #cont_btn_col_right.sticky.is-stuck, #cont_btn_col_right_popin.sticky.is-stuck {position:fixed; left:0;} #main.zindex {z-index:11 !important;} /* BLOCS COL */ .bloc_col {padding:2rem; margin-bottom:4rem;} /* titre et sous-titre du bloc */ /* titre */ /* sous-titre */ /* zone contenu du bloc */ .bloc_col .content_bloc, .content_page .bloc_col .content_bloc {padding:2rem;} /* MISE EN AVANT */ /* ENCADRE */ .encadre .titre_bloc .titre {font-size:2.2em;} /* LE SAVIEZ-VOUS */ .saviez .content_bloc, .content_page .saviez .content_bloc {padding:0;} .saviez .subtitle {font-size:2.2em;} /* BLOC PORTRAIT */ /* BLOC GEOLOC - contact et organisateur */ /* RESSOURCES DOWNLOAD */ /* LIENS UTILES */ /* COLONNE GAUCHE */ /* SOMMAIRE DE PAGE + VOIR AUSSI */ /* affichage des ancres dans le contenu */ /* BLOCS BAS DE PAGE */ /* AGENDA LIE */ /* ACTU LIE */ /* KIOSQUE LIE */ /****************************** PAGE LISTE *********************************/ /*** MOTEUR ***/ #moteur {margin-top:3rem; margin-bottom:4.5rem; margin-right:-0.8rem; margin-left:-0.8rem;} #line_tools_moteur {margin-right:0; margin-left:0;} #line_tools_moteur form #tag select {width:auto;} .bloc_home #line_tools_moteur .titre_bloc {margin:0; padding:0; position:relative;} .bloc_home #line_tools_moteur .titre_bloc .titre_fr {position:relative; width:15rem; max-width:15rem; height:6rem; line-height:4rem; text-align:center;} /* Nombre de resulats */ #line_tools_moteur p.nb_result {display:inline-block; vertical-align:middle; text-align:center; font-size:1.6em; padding:1.3rem 0;} #line_tools_moteur p.nb_result span {width:initial; max-width:initial; height:initial; border-radius:0; background:none; margin:0; display:block; vertical-align:middle; font-size:2em;} /* Partie aspire */ #line_tools_moteur form .open_date .date {transform:none; top:4rem;} #line_tools_moteur form .open_date .ligne_form {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; width:auto;} #line_tools_moteur form .open_date > .ligne_form > .ligne_form {padding:0 0.8rem 1rem 0.8rem;} #line_tools_moteur form .open_date > .ligne_form > .ligne_form > .ligne_form {padding-top:1rem;} #line_tools_moteur form #tag .input-group input {max-width:100%; width:100%; height:100%;} /* Filtrer */ /* Reinitialiser */ #reset_container {position:absolute; top:-3rem; right:0; /*ANT z-index:2;*/} /* ANT #line_tools_moteur.is-stuck.is-at-top #reset_container a {color: #ffffff;}*/ .content_page #reset_search {font-size:1.6em;} /* Afficher la carte */ #line_tools_moteur #switch_display {padding:0;} #line_tools_moteur .show_filters button.btn_lien {position:absolute; padding:0; width:6rem; height:6rem; right:1rem; top:0; text-indent:-999em; background-position:center center;} /*** FILTRES ***/ /* gestion champs date */ #line_tools_moteur form #filters_popin .open_date > .ligne_form > .ligne_form > .ligne_form {flex:0 0 50%; max-width:50%;} #line_tools_moteur form #filters_popin .open_date > .ligne_form > .ligne_form {padding-right:0; padding-left:0;} /* Archives */ /* gestion champs checkbox tag */ /* submit + reset filtres */ #filters label, #filters .input-group-label {font-size:1.8em;} #filters .ligne_form.btn_submit {text-align:right;} #filters input[type="submit"] {margin:0;} #reset_search_popin {right:initial; left:0;} /*** MAP ***/ /*** RESULTATS ***/ .wrap_result > .columns:not(#second_display) {padding:0;} /* Item generique */ .list_item.bandeau_item > a, .content_page .list_item.bandeau_item > a, .list_item.bandeau_item > .link {padding-top:20rem; padding-bottom:0;} .list_item.bandeau_portrait > a, .content_page .list_item.bandeau_portrait > a, .list_item.bandeau_portrait > .link {padding-top:17rem; padding-bottom:0;} .list_item > .link {padding-top:0; background-color:#fff;} .list_item > .link.row .txt {padding:1.5rem 0 0 0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;} /* Image */ .list_item .img {width:100%; height:20rem; position:absolute; top:0; left:0;} .list_item .img img {max-height:200%; max-width:105%;} .list_item.bandeau_portrait .img {height:17rem;} .list_item.bandeau_portrait .img img {max-height:250%; max-width:105%;} /* Zone texte */ /*pour item classique sans img > ex. ASSOCIATION*/ .list_item .txt {padding:1.5rem 1.5rem 8.5rem 1.5rem; min-height:initial;} /*pour bandeau item avec img > ex. AGENDA*/ .list_item.bandeau_item .txt {min-height:initial; max-height:initial; position:static; bottom:initial; left:initial;} /* Dates */ .list_item .date {right:0.8rem; top:-20rem; z-index:2;} .date .startdate, .date .enddate {width:8rem; height:8rem;} /* pastille date de debut et date de fin */ .date .startdate, .date .enddate {width:9rem; height:9rem;} /* indication textuelle de la periode type "du - au */ .date .txt_moment {font-size:1.1rem;} /* type "a partir du" et "jusqu'au" */ .date .startdate .txt_moment, .date .enddate .txt_moment {top:0; min-width:80%; /*NEED EXT*/ background:#48646d; text-transform:none;} /* nom du jour */ .date .txt_day_name {font-size:1.1rem; padding-top:1.75rem;} /* nombre du jour */ .date .txt_day_nb {font-size:4.2rem; line-height:0.9;} /* nom du mois */ .date .txt_month {font-size:1.2rem; line-height:0.9;} /* Titre */ .list_item .titre, .content_page .list_item .titre {font-size:1.8em;} .list_item.bandeau_item .titre a::before {height:calc(100% + 20rem);} /* Description */ /* Gestion des elements affiches au survol des item */ .list_item:not(.search) .thumb-title {position:relative;} .list_item .thumb-title .thumb-desc {height:auto; transform:scaleY(1); transition:none;} .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; transform:scaleY(1); transition:none;} /* Zone bottom */ .zone_bottom {bottom:0;} .list_item .showonhover {height:auto; transform:scaleY(1); overflow:initial;} /* Affichage des trad */ .list_item .zone_bottom .picto_trad {padding-left:1.5rem;} /* Ajout au calendrier */ .btn_calendar {font-size:1.4em; left:1.6rem; position:absolute; top:0;} /* Btn more // graphique uniquement */ .list_item .btn_more_txt {width:4rem; height:4rem !important;} .list_item .btn_more_txt span {width:4rem; height:4rem; bottom:inherit;} .list_item .btn_more_txt span::before {line-height:4rem;} /* Categorie + statut */ .cat, .list_item .cat, .content_page .list_item .cat {font-size:1.2em; transform:translateY(-100%) translateY(-2rem); margin-bottom:0;z-index:2; padding:0.75rem;} .list_item.bandeau_item .cat {transform:translateY(-100%) translateY(-2rem); margin-bottom:0; z-index:2;} .titre_container .cat, .bloc_video .video .cat {transform:none; margin-bottom:0;} /* Statut */ .statut {font-size:1.2em; line-height:1.2em; display:block; margin:1rem 0.5rem 1rem 0;} /*.statut {font-size:1.2em; line-height:1em;}*/ /*.titre_container .statut {margin-top:0.25rem;}*/ /*.titre_container .statut span {padding:0.75rem;}*/ /* Items Agenda */ .list_item.agenda .zone_bottom {padding-top:3rem;} /* Items Idee */ /* Items kiosque */ .list_item.kiosque .zone_bottom,.list_item.search.kiosque .zone_bottom {padding-top:1rem; padding-bottom:1.5rem;} .list_item.kiosque .zone_bottom > .columns {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;} .list_item.kiosque .button.telecharger {padding-right:0; margin-bottom:1.5rem;} .list_item.kiosque .button.feuilleter {padding-left:0;} /*NOT*/ .list_item.kiosque .thumb-desc-visible p {font-size:1.6em;} /* Items bloc_note */ /* Items recherche generale */ .list_item.search .txt {min-height:initial;} .list_item.search .cat {top:12rem; left:1.5rem; max-width:inherit;} /*skin + visible au survol avec border*/ .list_item.search .txt {transition:none;} .list_item.search:hover .txt, .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, .list_item.search > .link:hover .txt {box-shadow:none; border-color:transparent;} /************************** PAGE DETAIL / POPIN ****************************/ #popin_detail .reveal-overlay {z-index:1500;} /* BANDEAU IMAGE / TITRE */ #popin_detail .bandeau_page .titre_container {margin-top:10rem;} /* ANT #popin_detail .bandeau_page .titre_container {margin-top:7rem;}*/ #popin_detail .titre_container.detail .date_container {top:-10rem;} /* ARROWS NAV POPIN */ /* NAVIGATION */ /* FRISE CHRONOLOGIQUE DES ETAPES (detail projet) */ .all_steps {position:relative;} .all_steps::before {content:""; display:block; width:0.2rem; height:100%; background:#33525c; position:absolute; left:2.2rem;} .list_item_step {margin-left:0; margin-right:0; padding-left:0; padding-top:2rem; padding-bottom:2rem; border:0;} .middle_step .wrap_step {border:0; padding:1rem;} .middle_step .wrap_step_inner {padding:1.5rem;} .start_step {position:static; left:initial; top:initial; transform:none; padding:0; background:transparent;} .start_step .number_date_step {display:initial;} .first_step .start_step, .last_step .start_step {padding:0.5rem; background:#ffffff; margin:0 0 0 4rem; position:relative;} .first_step .number_date_step {padding-bottom:0;} .last_step .number_date_step {padding-top:0;} .start_step .show-for-sr {font-size:2rem; position:static !important; width:auto; height:auto; clip:initial; white-space:initial; -webkit-clip-path:initial; clip-path:initial;} .first_step .number_date_step::before, .last_step .number_date_step::before {left:-1.7rem;} .first_step .number_date_step::before {top:0;} .last_step .number_date_step::before {top:initial; bottom:0;} /* Affichage dans la popin */ #col_left_popin .list_item_step {padding:0; margin-left:0;} /* BLOCS BAS DE PAGE */ #popin_detail .bloc_home .line_sep {flex:0 0 33%;} /*************************** MOTEUR DE RECHERCHE ***************************/ .elastic #main_search_elastic {width:calc(100% - 6rem);} .searched_word {margin-left:-0.8rem; margin-right:-0.8rem;} /* Pagination */ .content_page .pagination {margin-top:3rem;} .content_page .pagination li {font-size:1.4em; line-height:1.4em;} .content_page .pagination .pagination-previous {margin-right:1rem; margin-left:0;} .content_page .pagination .pagination-next {margin-left:1rem; margin-right:0;} /*************************** CARTE INTERACTIVE *****************************/ .carto_tpl #data-sticky-header .logo {min-width: 20rem;} #page.carto_tpl #fil_ariane {margin-bottom:0;} .carto_tpl #menu_footer ul li {line-height: 1.4em;} #carto #carto_results {left:1.5rem; top:11.5rem;} #carto .wrap_carto {margin-top: 15rem;} #carto #filters {padding:0; z-index:10;} #carto .append_reveal .reveal {transform:translate(-50%, 10rem); max-height:calc(100vh - 30rem);} #carto .append_reveal .content {padding: 0 5rem;} #carto .tabs-panel > .row > .columns.large-4 {margin-bottom: 0;} #carto .append_reveal .ligne_form.btn_submit { margin-top: 3rem;} #carto #filters_popin .input-group {padding: 0;} #carto .tabs-panel > .row > .columns.checkbox.archive {transform: translateY(200%);} #modal_window.carto_tpl .list_item .img {position:relative; height:25rem; left:inherit; top:inherit;} /******************************* BANDEAU RGPD ******************************/ /* General */ #tarteaucitronRoot #dialogTitle {font-size:2rem; padding:0.5rem 0 1rem 0;} #tarteaucitron .tarteaucitronName h2 {font-size:1.6rem;} #tarteaucitron .tarteaucitronName h3 {font-size:1.8rem;} #tarteaucitronRoot div#tarteaucitron {padding:0; overflow-y:auto;} /* Bloc header */ #tarteaucitron #tarteaucitronServices {height:auto !important; min-height:100%;} /* Bandeau */ #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {font-size:1.2em;} /* Boutons */ #tarteaucitronRoot button {padding:0.75rem 1rem; font-size:1.2rem;} /****************************** PLAN DU SITE *******************************/ .content_page .csc-sitemap li {font-size:2em;} .content_page .csc-sitemap li li {font-size:1.8rem;} .content_page .csc-sitemap li li li {font-size:1.6rem;} /*************************** BANDEAU ALERTE ********************************/ /********************************** FAQ ************************************/ /******************************* SONDAGE ***********************************/ /******************************* SOCIAL WALL *******************************/ /* Filtres */ /* Content blocks */ /******************************* BLOC NOTES ********************************/ /* CTA moteur */ .note_btn button {font-size:1.6em; padding:1rem 0.5rem;} /* Bouton de selection */ /* Item de liste */ .list_item.bloc_note:not(.kiosque) .txt {border:0;} .list_item.bloc_note:not(.kiosque) .link {border:1px solid #e8edf1;} /* Form */ /******************************* CO-MARQUAGE *******************************/ /* Menu "A voir aussi" dans les fiches */ .content_page .tx-cimcomarquage .bloc_compl {padding:1.5rem;} .content_page .tx-cimcomarquage .bloc_compl p.titre, .content_page .tx-cimcomarquage .bloc_compl button.titre {font-size:1.8em;} /******************************** DASHBOARD ********************************/ .dashboard .content_page > .row {padding-right:0; padding-left:0;} .dashboard .content_page .messages .msg_container {padding:2rem 0;} .dashboard .content_page .messages .msg_container h3 {padding-right:0.8rem; padding-left:0.8rem;} /* Navigation dashboard */ .dashboard .content_page #nav_dashboard .dropdown-pane {background-color:#ffffff; box-shadow:0 0 0.5rem 0 rgba(0,0,0,0.5); max-width:calc(100% - 4rem);} .dashboard .content_page #nav_dashboard ul {margin:0; padding:1rem;} .dashboard .content_page #nav_dashboard ul li {margin-bottom:1rem; margin-top:1rem; padding-right:1rem;} .dashboard .content_page #nav_dashboard button {margin-top:2rem;} /* Bloc proposer contribution */ /* Bloc liste contributions */ .dashboard .content_page #mes_contributions ul li .titre_contribution {font-size:2rem;} /******************************** CONNEXION ********************************/ /******************************* INSCRIPTION *******************************/ /************************** MODULE PARTICIPATIF ****************************/ .idee_vote .btn_vote label {padding:1.2rem 1rem 1.2rem 4rem;} } @media screen and (max-width:830px) { #home #header > .logo .titre_fr {max-width:14rem;} #home .logo .titre_fr {font-size:1.4rem; padding-top:0.5rem;} #home .logo span.titre_fr span {font-size:2.2rem;} #home #header > .logo .titre_trad {padding-top:0.5rem; padding-bottom:0.5rem;} #home #header > .logo span.titre_trad span {padding:0;} } /********************************************************************************/ /*************************** SMALL de 639 a 320 *********************************/ /********************************************************************************/ /* 639 */ @media screen and (max-width:39.9375em) { /********************************** RESET **********************************/ /*** NORMALISATION ***/ p, ul li, ol li, main p, main ul li, main ol li {font-size:1.4em; line-height:1.6em;} /*** LOADER ***/ /*** TRANSITIONS ***/ .page-is-changing .cs-loader-inner-transitions {padding:0 3rem; top:40%;} @keyframes loltransitions { 0% {opacity:0; transform:translateX(-20rem);} 33% {opacity:1; transform:translateX(0);} 66% {opacity:1; transform:translateX(0);} 100% {opacity:0; transform:translateX(20rem);} } /*** FORMULAIRES ***/ form {padding:1.5rem;} legend {font-size:1.8em;} /* labels */ label, .input-group-label, .powermail_label.powermail_radio_legend, .powermail_label, .label {font-size:1.4em;} /* affichage texte simple - skin comme label ou p */ /* 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'] {font-size:1.4em;} /* checkbox / radio */ .iradio, .icheckbox {top:0.3rem;} /* range */ /* submit */ input[type="submit"], input[type="button"], #filters input[type="submit"], #filters input[type="button"], .powermail_confirmation input[type="submit"] {font-size:1.4em; padding:1rem 2.5rem;} /* champs obligatoires */ /*** DATE PICKER ***/ /*** CLASSES GENERIQUES ***/ /* PICTO LANG */ /* PICTO SOURCE pour actualites */ /*** SLICK SLIDER ***/ /* Bugfix si nb plus petit que la conf js */ /* Reinit lien */ /* Arrow */ /* Legende */ /*** BOUTONS LIENS, BOUTONS, BOUTONS CLOSE ***/ /*** BOUTONS LIENS ***/ /* Bouton LIEN */ .btn_lien {font-size:1.4em; line-height:1.6em;} /* Bouton ALL */ .bloc_home .btn_all, .content_page .bloc_home .btn_all {font-size:1.4em; line-height:2.5em;} /* Bouton TXT */ /* Bouton FICHE */ .btn_fiche, .content_page .btn_fiche, .content_page .info_utile .btn_fiche {font-size:1.2em; line-height:1.2em;} /*** BOUTON RETOUR ***/ /* pour page detail */ .btn_nav_list_title {font-size:1.6rem;} .btn_back, .content_page .btn_back, button.btn_back {font-size:1.6em;} .nav_list {padding-top:10rem;} .nav_list .btn_prev a, .content_page .nav_list button.btn_prev ,.nav_list .btn_next a, .content_page .nav_list button.btn_next {background:transparent;} .nav_list .btn_prev a, .content_page .nav_list button.btn_prev {padding-left:0; padding-right:0.8rem;} .nav_list .btn_next a, .content_page .nav_list button.btn_next {padding-right:0; padding-left:0.8rem;} /*** BOUTONS BUTTON ***/ .button a, .content_page .button a, button.button, .content_page button.button {padding:1rem 2.5rem;} /* pour item kiosque */ /*** BOUTONS CLOSE ***/ /* Btn close / version petite croix */ /* Close button Foundation */ /* Close button Foundation dans popin (exemple : dans popin filtres page de liste) */ /* Close button Foundation dans popin fullscreen */ .reveal.full .close-button, .search_area_cont.is_search .close-button {width:5rem; height:5rem; font-size:5rem;} /* Close button advanced = "FERMER + croix" ou "TEXTE + croix" */ /********************************* LAYOUT **********************************/ /*** STRUCTURE GENERALE ***/ /* .wrap {padding:0;} */ .off-canvas-content #main {padding-top:10.7rem;} /*** HEADER ***/ #header #data-sticky-header {width:100%; height:5rem; position:fixed; top:0 !important; opacity:1 !important; background-color:#ffffff;} #btn_accessibilite {z-index:3;} #tools_header {position:absolute; right:8rem; bottom:0; transform:translateY(100%); z-index:2;} #header #btn_tools_header_link_rwd {width:4.1rem; height:4.1rem; background:repeating-linear-gradient(45deg, rgba(235,235,235,1), rgba(235,235,235,1) 2px, transparent 2px, transparent 8px); background-color:#f5f5f5; position:absolute; top:0; right:0; z-index:2;} #header #btn_tools_header_link_rwd i {position:relative; border:0; transform:none; margin:0; font-size:3.5em; color:#000000; font-family:'lato_regular',Arial,Verdana,sans-serif !important; font-style:normal; right:0;} #tools_header_link_rwd {background-color:#f5f5f5; width:calc(100vw - 8rem); padding-right:4.2rem; height:4.2rem;} body.list_fix #header {z-index:10;} body.list_fix #header #data-sticky-header.is-stuck .logo span.titre_trad::after, body.list_fix #header #data-sticky-header.is-stuck::after, body.list_fix #header #data-sticky-header.is-stuck #btn_accessibilite.button::after {display:none;} /* Sticky */ #header #data-sticky-header.is-stuck {width:100%; margin:0;} /* Trame generique */ #btn_search {width:5rem; height:5rem; position:absolute; right:0; top:0;} #header .btn_menu.hamburger {width:8rem;} #header #tools_header .btn_menu {height:5rem;} #header #tools_header .btn_menu a, #header #tools_header .btn_menu {background-size:5rem; height:4.2rem; width:5.5rem;} /* Infobulles */ #header .trad .btn_menu .infobulle, #header #btn_search.btn_menu .infobulle, #header .trad .btn_menu:hover .infobulle, #header #btn_search.btn_menu:hover .infobulle, #header .trad .btn_menu:focus .infobulle, #header #btn_search.btn_menu:focus .infobulle {overflow:hidden; height:0; padding:0;} /* Burger button */ .hamburger .hamburger-inner, .hamburger .hamburger-inner::after, .hamburger .hamburger-inner::before {width:2.7rem; height:0.2rem;} .hamburger--spring .hamburger-inner {top:1.5rem;} .hamburger--spring .hamburger-inner::before {top:-0.7rem;} .hamburger--spring .hamburger-inner::after {top:0.7rem;} /*actif*/ .hamburger--spring.is-active .hamburger-inner::before {top:0.6rem;} .hamburger--spring.is-active .hamburger-inner::after {top:0.6rem;} .hamburger--spring .menu_title {font-size:1.2em; margin:0; padding-top:1.5rem; width:100%;} /*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:2.7rem;} /* Icon button and link */ /* Accessibilite */ #accessi {display:none;} /* Widget accessibilite */ #header #btn_accessibilite.button {width:8rem; font-size:1.2em; bottom:0.1rem; height:4.3rem;} /* Logo */ #home #header > .logo {margin:0; left:0; padding:0;} #home #header > .logo h1 {font-size:1.6em;} #home #header > .logo .titre_fr {padding-top:0.2rem;} #data-sticky-header .logo {position:relative; margin:0; left:inherit;} #data-sticky-header .logo span.titre_fr {min-height:6rem; display:table-cell; height:6rem; vertical-align:middle;} #data-sticky-header .logo span.titre_fr span {color:inherit; padding-bottom:0; width:100%;} #data-sticky-header .logo span.titre_trad {background-color:#ffffff; padding-top:0.2rem; padding-right:13rem; width:100vw; padding-bottom:0; min-height:4.4rem; max-height:4.4rem; /**/ box-shadow:0 1px 0 1px #e6e6e6;} #data-sticky-header .logo span.titre_trad span {max-width:20rem;} /* Langues */ /* Maree, qualite de lair, meteo */ #header .tools_header_link.dropdown-pane {width:100%; padding:0 1rem; background:#ffffff; box-shadow:0 0 0 1px #e6e6e6;} #header .tools_header_link.dropdown-pane ul li span {font-size:0.8em;} #header #meteo_air_maree_rwd.dropdown-pane ul li {padding-top:0.5rem; padding-bottom:0.5rem;} #header .tools_header_link.dropdown-pane ul li span.txt {padding-bottom:0;} #header #meteo_air_maree_rwd.dropdown-pane ul li:first-child {padding-top:1rem;} #header #meteo_air_maree_rwd.dropdown-pane ul li .picto {transform:translateX(-1.2rem) translateY(-2.5rem);} /*** POPINS ***/ /* Style generique */ .reveal {margin-left:auto; width:100%; padding:5.5rem 2rem 3rem 2rem; top:0 !important; min-width:0 !important; max-width:100%;} /* titre */ /*.reveal .titre_popin {margin-bottom:3rem;}*/ .reveal .titre_bloc, .titre_popin .titre_bloc {font-size:2em;} /* Popin full */ .reveal.full {background:#ffffff;} .reveal.full .wrap_popin {padding:0 1.5rem;} .reveal.full .close-button, .search_area_cont.is_search .close-button {width:5rem; height:5rem; font-size:5rem;} /* titre */ .reveal.full .titre_popin {padding-right:6rem;} .reveal .titre_bloc, .titre_popin .titre_bloc {font-size:2em;} /* contenu */ /* Popin detail */ /*** POPIN MENU PRINCIPAL ***/ /* MENU OVERLAP / ou / PUSH*/ /* Structure canvas */ .off-canvas.position-left {transform:translateX(-26rem); width:26rem;} /* Menu overlap transition */ .off-canvas-content.is-open-left.has-transition-push {transform:translateX(26rem); width:26rem;} /* Btn close menu smart */ #btn_close_menu_smart {left:-26rem;} #btn_close_menu_smart.is-here {left:26rem; width:5rem; height:5rem; font-size:5rem;} /*** POPIN RECHERCHE ***/ #popin_recherche {padding:1.5rem 0;} #zone_recherche form {padding:0;} #zone_recherche input[type="text"] {font-size:1.6em; padding:1rem 5rem 1rem 1rem;} #zone_recherche button, #zone_recherche .noVocalRecognition {top:0; right:1rem;} #suggestions .titre_suggestions {font-size:1.6em;} #suggestions li a .categories {font-size:1.2rem;} /*** BANDEAU IMAGE ***/ .bandeau_page {height:auto; position:relative;} .bandeau_page .img img {max-height:105%; max-width:200%;} #popin_detail .bandeau_page {min-height:20rem;} /* HOME avec filtre couleur sur l'image */ /*#home .bandeau_page {min-height:0; height:40rem;} #home .bandeau_page .img img {max-height:105%; max-width:200%;}*/ /*** FOOTER ***/ #logo_footer {margin-bottom:2rem;} #footer_logo {margin-bottom: 2rem;} #footer #bloc_contact_info > .columns:last-child {-ms-flex-pack:left; justify-content:left; padding-top:2rem;} #bloc_contact_info {padding-top:1rem; padding-bottom:1rem;} #bloc_contact_info form {padding:0;} #bloc_contact_info p, #bloc_contact_info li, #bloc_contact_info legend {margin-bottom:1rem; font-size:1.8em;} #bloc_contact_info li#link_footer_compte {margin-bottom:0;} #reseaux_sociaux {width:100%;} #reseaux_sociaux ul {text-align:center; margin-bottom:1rem;} #reseaux_sociaux li a {width:5rem; height:5rem;} #reseaux_sociaux #link_footer_contact {text-align:center; font-size:1.5em; margin-bottom:0;} #info_footer p {display:inline-block; line-height:1.3em; padding:0.4rem 0 0.4rem 3.5rem;} #menu_footer ul {padding:1.5rem 0;} #menu_footer ul li, #menu_footer ul li:first-child {font-size:1.1em; line-height:1.5em; padding:0.5rem 0.5rem 0.5rem 1rem;} #menu_footer ul li:first-child {padding-left:0;} /*** FIL D'ARIANE ***/ #fil_ariane .breadcrumbs li {font-size:1.2em; padding:0 0.25rem 0 1.25rem;} /*** SHARE / BLOC NOTE / MAJ ***/ .social_share {padding:0;} #popin_detail .social_share {padding:1rem 0;} .social_share > .row.align-right {justify-content:center;} /* PICTO PRINT et SHARE */ /* SOCIAL SHARE */ /* BOUTONS DE PARTAGE */ /* DATE MAJ */ .date_maj, .content_page .date_maj {font-size:1.4em;} /*********************************** HOME **********************************/ /* BLOCS HOME */ .bloc_home {padding-bottom:4rem;} .bloc_home .titre_bloc_container {padding-bottom:1rem;} /* titre */ /* Conflit Version Loyus */ .bloc_home .titre_bloc .bloc_home_title {font-size:1.8em; line-height:2em;} .bloc_home .titre_bloc .titre_fr {text-align:center;} .bloc_home:not(#moteur) .titre_bloc_container > .row {padding-top:0; padding-right:0; padding-left:0;} .bloc_home:not(#moteur) .titre_bloc, .content_page .bloc_home:not(#moteur) .titre_bloc {position:relative; margin:0;} .bloc_home:not(#moteur) .titre_bloc .bloc_home_title, .content_page .bloc_home:not(#moteur) .titre_bloc .bloc_home_title {max-height:inherit; font-size:1.8em;} .bloc_home:not(#moteur) .titre_bloc .titre_fr, .bloc_home:not(#moteur) .titre_bloc .titre_trad {width:100%; padding-right:4rem; padding-left:4rem; text-align:left; padding-bottom:0.5rem; padding-top:0.5rem;} .bloc_home:not(#moteur) .titre_bloc .titre_trad {line-height:1.2em; padding-bottom:1rem; padding-top:1rem;} .bloc_home:not(#moteur) .titre_bloc::before {content:''; display:block; width:100%; height:100%; position:absolute; top:0; z-index:1; /*NEED EXT*/ background:repeating-linear-gradient(45deg, rgba(255,255,255,0.4), rgba(255,255,255,0) 2px, rgba(255,114,120,0) 2px, rgba(255,114,120,0) 8px ); right:0; transform:translateX(99%) translateX(-1.5rem); height:4.6rem;} .bloc_home:not(#moteur) .titre_bloc::after {left:1.5rem; height:4.6rem; display:block !important;} .bloc_home:not(#moteur) .titre_bloc_container {background:repeating-linear-gradient(45deg, rgba(235,235,235,1), rgba(235,235,235,1) 2px, transparent 2px, transparent 8px); background-color:#f5f5f5;} .bloc_home .line_sep {margin-left:1.5rem;} .bloc_home:not(#moteur) .titre_bloc_container > .row > .columns:last-child {position:relative; z-index:2; padding-right:1.5rem;} #popin_detail .bloc_home .titre_bloc .titre_trad {padding-right:2rem; padding-left:2rem;} #popin_detail .bloc_home .line_sep {flex:1 1 1px;} /* Conflit Version ??? - pose des soucis sur le bloc kiosque des pages contenus : je commente en attendant */ /* .bloc_home:not(#bloc_kiosque):not(#moteur) .titre_bloc_container > .row {padding-top: 0;padding-right: 0;padding-left: 0;} .bloc_home:not(#bloc_kiosque):not(#moteur) .titre_bloc, .content_page .bloc_home:not(#bloc_kiosque):not(#moteur) .titre_bloc {position: relative;margin: 0;} .bloc_home:not(#bloc_kiosque):not(#moteur) .titre_bloc .bloc_home_title, .content_page .bloc_home:not(#bloc_kiosque):not(#moteur) .titre_bloc .bloc_home_title {max-height: inherit;} .bloc_home:not(#bloc_kiosque):not(#moteur) .titre_bloc .titre_fr, .bloc_home:not(#bloc_kiosque):not(#moteur) .titre_bloc .titre_trad {width: 100%;padding-right: 4rem; padding-left: 4rem;text-align: left;padding-bottom: 0.5rem; padding-top: 0.5rem;} .bloc_home:not(#bloc_kiosque):not(#moteur) .titre_bloc .titre_trad {line-height: 1.2em;padding-bottom: 1rem; padding-top: 1rem;} .bloc_home:not(#bloc_kiosque):not(#moteur) .titre_bloc::before {content:""; display:block; width:100%; height:100%; position:absolute; top:0; z-index:1; background: repeating-linear-gradient(45deg, rgba(255,255,255,0.4), rgba(255,255,255,0) 2px, rgba(255,114,120,0) 2px, rgba(255,114,120,0) 8px ); right: 0; transform: translateX(99%) translateX(-1.5rem);height: 4.4rem;} .bloc_home:not(#bloc_kiosque):not(#moteur) .titre_bloc::after {left: 1.5rem;height: 4.4rem;} .bloc_home:not(#bloc_kiosque):not(#moteur) .titre_bloc_container > .row > .columns:last-child, .bloc_home:not(#bloc_kiosque):not(#moteur) .titre_bloc_container {background: repeating-linear-gradient(45deg, rgba(235,235,235,1), rgba(235,235,235,1) 2px, transparent 2px, transparent 8px);background-color: #f5f5f5;} .bloc_home .line_sep { flex: 0 0 100%; position: absolute; width: 100vw; height: 2.5rem; bottom: 0;margin-left: 1.5rem;} .bloc_home:not(#bloc_kiosque):not(#moteur) .titre_bloc_container > .row > .columns:last-child {position: relative; z-index: 2;padding-right: 1.5rem;} */ /* sous-titre */ .bloc_home_subtitle, .content_page .bloc_home_subtitle {font-size:1.6em;} /* trait noir */ /* btn all */ .bloc_home .btn_all, .content_page .bloc_home .btn_all {font-size:1.3em; line-height:inherit;} .bloc_home .btn_all a, .content_page .bloc_home .btn_all a {padding:0.5rem 3rem 0.5rem 1rem; background-size:2rem auto;} /* trait gauche et droite = ACCES DIRECT */ /* contenu avec slider li */ /*** ACCES RAPIDES ***/ #home #bloc_acces_rapides {margin-bottom:2rem;} #home #bloc_acces_rapides .wrap {padding:0;} #acces_rapides {justify-content:center; padding-bottom:2rem;} #acces_rapides li {-ms-flex:0 0 33%; flex:0 0 33%; max-width:33%;} #acces_rapides li a {padding:0.8rem 0;} #acces_rapides li .img {width:5.5rem; height:5.5rem; padding:1.25rem;} /* BTN ALL */ .btn_all_acces_rapides {font-size:1em;} .btn_all_acces_rapides a::before {bottom:2rem;} .btn_all_acces_rapides a::after {top:calc(50% - 5rem);} /*** ACTUALITES ***/ #first_actu {margin-bottom:0;} #actu #first_actu .coverflow_zone_texte {position:relative; border:2px solid #000000; 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 #000000;}*/ #actu #first_actu h3 {font-size:2em;} /*#actu #lastest_actu h3 {font-size:1.8em; width:100%;}*/ #actu .list_item.bandeau_item.index_1 > .link, #actu .list_item.bandeau_item.index_2 > .link {padding:20rem 0 0 0;} #actu #first_actu .img, #actu .list_item.index_2 .img {height:20rem; width:100%;} #actu .list_item.index_1 .img img, #actu .list_item.index_2 .img img {max-width:105%;} /*** AGENDA ***/ #agenda .btn_container .btn_lien {margin:1rem 0;} /*** BLOC CARTE INTERACTIVE ***/ #bloc_carte_interactive .bloc_carte_img {display:none;} /*#bloc_carte_interactive .bloc_carte_img img {position:relative; transform:none; left:auto; top:auto; max-width:100%;}*/ #bloc_carte_interactive .bloc_home_subtitle {font-size:1.8em;} #bloc_carte_interactive .bloc_carte_infos ul li a .picto_acces {margin-left:0; margin-right:1.5rem; width:5.5rem; height:5.5rem; padding:1.25rem;} /*** KIOSQUE ***/ #home #bloc_kiosque .titre_bloc::before {display:none;} #home #bloc_kiosque .titre_bloc .titre_fr {text-align:center; margin-bottom:1rem;} #home #bloc_kiosque .large-8 {min-height:32rem; padding:0;} #home #bloc_kiosque .titre_bloc {padding-top:10rem; padding-bottom:1.5rem; justify-content:center;} #home #bloc_kiosque .titre_bloc::after {display:none !important;} #home #bloc_kiosque .titre_bloc .bloc_home_title {padding:0;} #bloc_kiosque .two_line::before, #bloc_kiosque .two_line::after {display:none;} #home #bloc_kiosque ul {padding-top:0.5rem;} #home #bloc_kiosque li {font-size:1.4em; padding-top:1rem;} /* CARRES GRAPHIQUES */ #home #bloc_kiosque .large-8::before {width:3rem; height:3rem; top:30rem; left:-1rem;} #home #bloc_kiosque .large-8::after {width:7rem; height:7rem; top:-1rem; right:-1rem;} /* COL MAG */ #bloc_kiosque .large-2 {min-width:0; max-width:24rem; margin-left:4rem;} #bloc_kiosque .large-2 img {margin-top:-6rem;} /* COL TEXTE */ #bloc_kiosque .large-4.large-offset-1 {flex:0 0 100%; max-width:100%; margin:0;} #bloc_kiosque .large-4 .bloc_home_subtitle {padding-top:2rem; padding-bottom:1rem;} /*** SOCIAL WALL ***/ #social_wall .bloc_home_subtitle {font-size:2.2em;} #home #social_wall .titre_bloc_container > .row > .columns:last-child::after {height:4rem; width:23rem;} #home .dcsns-toolbar {top:-7rem; right:0;} .stream li, .content_page #social-stream li {width:100%; margin:0 0 1.5rem 0.8rem;} #dcsns-filter li {margin:0 0 0 0.5rem; font-size:1.4em;} #dcsns-filter li a {width:4rem; height:4rem; line-height:4rem;} .content_page #social_wall > .row > .content {padding-right:0.8rem; padding-left:0.8rem;} /******************************* PAGE TYPE *********************************/ /*** HEAD PAGE ***/ /* ANT .head_page > .columns {padding:0;}*/ .head_page > .columns > .row {padding-bottom:1rem;} /*** CARTOUCHE TITRE ***/ #page .titre_container h1, #popin_detail .titre_container #titre_page_popin > p:first-of-type {padding:0;} .titre_container {margin-top:3rem;} .titre_container #titre_page, #popin_detail .titre_container #titre_page_popin {padding-bottom:6rem;} .titre_container #titre_page .titre_trad, .titre_container #titre_page_popin .titre_trad {padding-right:0;} .titre_container.detail {margin-top:8rem;} /* ANT .titre_container.detail > .hach_dark_bg_blue {padding:1.5rem;}*/ /*** TITRE PAGE ***/ #titre_page, #titre_page_popin {margin-bottom:1.5rem; margin-top:0;} .titre_container.detail #titre_page, .titre_container.detail #titre_page_popin {margin-top:2.5rem;} #page h1, #popin_detail #titre_page_popin > p:first-of-type {font-size:2.4em;} /* Trad */ #titre_page .titre_trad, #titre_page_popin .titre_trad {padding-top:1.5rem;} #titre_page .titre_trad, #titre_page_popin .titre_trad, #titre_page .titre_trad span, #titre_page_popin .titre_trad span {font-size:1.8rem;} #titre_page .picto_trad, #titre_page_popin .picto_trad, #titre_page .picto_source, #titre_page_popin .picto_source {margin-bottom:1rem;} /*** ACCROCHE PAGE ***/ #page .titre_container .quote h2, #popin_detail .titre_container .quote h2 {font-size:1.6em;} /* separation col_left // col_right */ /*** PARAM TXT ***/ .content_page h2 {font-size:2em; margin:3rem 0 1rem 0;} .content_page h3 {font-size:1.8em; margin:2rem 0 1rem 0;} .content_page h4 {font-size:1.6em; margin-top:2.5rem;} .content_page ul li {padding-left:0;} .content_page blockquote {padding:2rem; margin-left:0;} .content_page blockquote::after {width:calc(100% - 2rem);} .content_page table {display:block; overflow-x:scroll; max-width:100%;} .content_page table caption {font-size:1.6em;} .content_page th {padding:1rem; font-size:1.4em;} .content_page td {font-size:1.3em;} /* SKIN LEGENDE LIEN IMG */ .content_page figcaption.csc-textpic-caption, .content_page p.figcaption, .content_page .bloc_video .description p {font-size:1.4em;} /* GRID ELEMENT */ /* BLOC VIDEO */ /* ZONE MAP POI */ /* BLOC DIAPORAMA IMAGES SLICK */ /* Nav thumbnail */ .diaporama_images .slider-nav-images {padding:0 4rem; max-height:4rem;} .content_page .diaporama_images .slick-slider .slick-arrow {height:4rem; width:4rem;} .slick-arrow.slick-arrow::before {top:calc(50% - 2rem);} .diaporama_images .slider-for-images.slick-slider .slick-arrow::before, .diaporama_images .slider-for-images-pop.slick-slider .slick-arrow::before {height:4rem; width:4rem;} /* Hover */ /* Big Diapo + reveal diapo */ /* Arrow */ /* Hover */ /* Reveal diapo */ .image_pop, .slider_image_image_pop {padding-top:10rem;} /* Gestion image portrait */ /* btn telecharger image */ /* Affichage titre slider images */ /* QUESTIONNAIRE QUALITE */ #quality_form form, .content_page #quality_form form {padding:0 1rem;} #quality_form form fieldset legend, .content_page #quality_form form fieldset legend {font-size:1.6em; padding-bottom:0;} #quality_form .form_item > .ligne_form {margin:0;} #quality_form .sk-circle.qual.no {right:auto; left:-3.5rem;} #comment {padding:1rem;} #comment label {font-size:1.4em;} #comment textarea, #comment textarea[rows] {height:12rem;} #quality_form > p {font-size:1.6em; line-height:1.2em; padding:1.5rem 1rem;} #quality_form #comment .ligne_form p, .content_page #quality_form #comment .ligne_form p {font-size:1.2em;} /* COLONNE CONTEXTUELLE */ #col_right .bloc_col:not(:last-child), #col_right_popin .bloc_col:not(:last-child) {margin-bottom:2rem;} #col_right .bloc_col ul li, #col_right_popin .bloc_col ul li {padding:0.5rem 0;} /* BTN OPEN COL */ /* BLOCS COL */ .bloc_col {padding:1rem;} /* titre et sous-titre du bloc */ /* titre */ .content_page .bloc_col .titre_bloc p, .content_page .bloc_col .titre_bloc h2 {font-size:2em;} /* sous-titre */ .bloc_col .subtitle {font-size:1.6em; word-break:break-word; margin-bottom:0.5rem;} /* zone contenu du bloc */ .bloc_col .content_bloc, .content_page .bloc_col .content_bloc {flex:0 0 100%; max-width:100%; padding:1rem;} /* MISE EN AVANT */ .avant .medium-5 {flex:0 0 100%;} /* ENCADRE */ .encadre .titre_bloc {padding:1rem; margin-bottom:0.5rem;} /* LE SAVIEZ-VOUS */ .saviez .titre_bloc {background-size:auto 3.5rem; padding-top:4.5rem; margin-bottom:1rem;} /* BLOC PORTRAIT */ #presentation_elu {margin-bottom:2rem;} #presentation_elu .large-8 > a.magellan_anchor, #presentation_elu .large-8 > a.magellan_anchor + h2 {margin-top:1.5rem !important;} #presentation_elu .large-8 p {margin-bottom:1rem;} /* BLOC GEOLOC - contact et organisateur */ /* colonne TXT */ .info_utile .content_bloc p:not(.subtitle) {font-size:1.4em;} /* colonne MAP */ .info_utile .info_map {flex:0 0 100%;} /* RESSOURCES DOWNLOAD */ .content_page .zone_ressources_download ul li {font-size:1.6em;} /* LIENS UTILES */ .content_page .zone_articles_associes ul li {font-size:1.6em;} /* COLONNE GAUCHE */ /* SOMMAIRE DE PAGE + VOIR AUSSI */ /* affichage des ancres dans le contenu */ /* BLOCS BAS DE PAGE */ /* AGENDA LIE */ /* ACTU LIE */ /* KIOSQUE LIE */ /****************************** PAGE LISTE *********************************/ /*** MOTEUR ***/ #line_tools_moteur {-ms-flex-align:start; align-items:flex-start;} /* ANT #line_tools_moteur.is-stuck.is-at-top {margin-top: 15rem !important;}*/ #line_tools_moteur .row.is-collapse-child.align-middle {display:block;} #line_tools_moteur p.nb_result {padding:0.9rem 0 0.2rem 0;} #filters, #line_tools_moteur form .open_date > .ligne_form {width:100vw; padding:0;} #filters {margin-left:-1.5rem; background-color:#f0f0f0;} #moteur.bloc_home:not(#bloc_kiosque) .titre_bloc::after {left:0; height:6rem;} #moteur.bloc_home:not(#bloc_kiosque) #line_tools_moteur::before {height:6rem} /* Nombre de resulats */ /* Partie aspire */ #line_tools_moteur form .open_date .date {position:relative; max-width:100vw; display:block; left:0; top:1rem;} #line_tools_moteur form .open_date > .ligne_form > .ligne_form > .ligne_form {padding-right:0; padding-left:0;} #line_tools_moteur form #filters_popin #tag > label, #line_tools_moteur form #filters_popin #tag > select {max-width:calc(100% - 1.6rem);} /* Filtrer */ #filters #filters_popin .filter_columns_right {padding-right:0.8rem;} #filters #filters_popin .filter_columns_left {padding-left:0.8rem;} /* Reinitialiser */ .content_page #line_tools_moteur #reset_search a, .content_page #line_tools_moteur #reset_search_popin a, #carto .reset_search a {background-position-y:0.25rem;} /* Afficher la carte */ /*** FILTRES ***/ /* gestion champs date */ /* Archives */ /* gestion champs checkbox tag */ /* submit + reset filtres */ /*** MAP ***/ #second_display {min-height:45rem;} /*** RESULTATS ***/ /* Item generique */ /* Image */ /* Zone texte */ /* Dates */ /* Titre */ /* Description */ /* Gestion des elements affiches au survol des item */ /* Zone bottom */ /* Affichage des trad */ /* Ajout au calendrier */ /* Btn more // graphique uniquement */ /* Categorie */ /* Statut */ /* ANT .titre_container .statut {margin-top:0.25rem; display:block; margin-left:0; margin-right:0.25rem;}*/ /* Items Idee */ /* Items kiosque */ .list_item.kiosque .thumb-desc-visible p {font-size:1.4em;} /* Items bloc_note */ /* Items recherche generale */ /************************** PAGE DETAIL / POPIN ****************************/ #popin_detail {padding:2rem; width:100%; overflow-x:hidden; overflow-y:auto;} #popin_detail .close-button[data-close="popin_detail"] {position:fixed; right:0; top:0;} /* BANDEAU IMAGE / TITRE */ #popin_detail .bandeau_page .titre_container {margin-top:9rem;} #titre_page_popin {padding:0 1rem 1rem 1rem;} /* INFOS SUPPLEMENTAIRES EN FONCTION DES TYPES DE PAGE */ .detail .infos_supp p {font-size:1.4em; word-break:break-word;} /* ARROWS NAV POPIN */ .wrap_arrow {width:4rem; height:7rem;} .arrows {width:100%; height:100%; margin:0 auto;} .to_right .arrows {background-size:auto 100%;} .to_left .arrows {background-size:auto 100%;} .wrap_arrow + .wrap_arrow {right:0.5rem !important;} /* NAVIGATION */ /* ZONE MAP POI (detail commune) */ .zone_geoloc_poi .zone_map {min-height:40rem;} /* FRISE CHRONOLOGIQUE DES ETAPES (detail projet) */ .middle_step .wrap_step_inner p {margin-bottom:0.5rem;} /* titre */ .step_title, .content_page .step_title {font-size:1.8em;} /* description */ .desc_step {padding:0.5rem 0;} /* dates */ /* premiere et derniere etape */ /* dates */ .start_step .show-for-sr {font-size:1.8rem;} /* Affichage dans la popin */ /* BLOCS BAS DE PAGE */ #popin_detail .bloc_home .slick-slider {padding:0 2rem;} #popin_detail .bloc_home .slick-arrow {width:3rem;} #popin_detail .bloc_home .slick-arrow.slick-prev {left:1.5rem;} #popin_detail .bloc_home .slick-arrow.slick-next {right:1.5rem;} #popin_detail .bloc_home .slick-arrow::before {background-size:100% auto; top:0;} /*************************** MOTEUR DE RECHERCHE ***************************/ /* Pagination */ .nb_pages_total_infos {font-size:1.1rem;} .content_page .pagination {margin-top:2rem;} .content_page .pagination li {font-size:1.5rem; line-height:1.5rem; margin:0 0.3rem; display:inline-block;} .content_page .pagination a, .content_page .pagination li.current {padding:0.5rem;} .content_page .pagination .pagination-previous {margin-right:0.5rem;} .content_page .pagination .pagination-next {margin-left:0.5rem;} .content_page .pagination .pagination-previous a span, .content_page .pagination .pagination-next a span {display:block; left:-99999rem; position:absolute;} /*************************** CARTE INTERACTIVE *****************************/ /*#carto .append_reveal {height: inherit;width: inherit;}*/ #carto .append_reveal .reveal {margin-top: -12rem !important;} /* Header */ .carto_tpl #data-sticky-header .logo {min-width: inherit;} /* Footer */ .carto_tpl #footer {left:17.9rem;} .carto_tpl #menu_footer ul li:first-child {line-height:1.5em; padding:0;} /* Container */ /*.carto_tpl #global {padding-top:0;} .carto_tpl #main, .carto_tpl .content_page {position:fixed; width:100%; height:calc(100% - 6rem); top:6rem;}*/ #carto .wrap_carto {margin-top:12rem; -ms-flex-pack:justify; justify-content:space-between;} .carto_tpl #main {padding-top:0;} /* Boutons */ #carto #line_tools_moteur #switch_display {padding-left:0; margin-right:0; margin-left:0;} #carto #line_tools_moteur #switch_display #geoloc_btn, #carto #line_tools_moteur #switch_display #display_btn {height:6.5rem; width:7rem; margin-left:0; margin-right:0.5rem;} #carto #line_tools_moteur button.btn_lien, #carto #carto_results p {font-size:0.9rem;} #carto #line_tools_moteur #switch_display .title {line-height:1em; font-size:1em;} #carto #line_tools_moteur #switch_display #geoloc_btn .title {bottom:0.5rem;} /* Nombre de resultats */ body:not(.interlignage_augmente) #carto #carto_results {height:6.5rem !important; margin-bottom:0.5rem;} #carto #carto_results .no_results {padding:0 1rem; display:block;} #carto #carto_results #result_carto_display {margin-left:0.5rem;} #carto #carto_results #result_carto_display span {display:block;} #carto #carto_results .nb {font-size:2rem; line-height:1;} #carto #carto_results #result_carto_display .intitule {display:block;} /* Popin */ #carto .append_reveal .reveal {left:0 !important; width:100vw; transform:none; overflow:auto; max-height:inherit;} #carto .append_reveal .reveal .wrap_popin {overflow-y:auto; height:inherit; max-height:calc(100vh - 11rem); overflow-x:hidden;} #carto .append_reveal .content {width:100vw; max-height:100vh; padding:0 2rem; max-height:initial;} #carto .tabs-panel {max-height:inherit;} #carto .tabs-panel .open_date {padding-bottom:15rem;} #carto .tabs-panel .open_date .date .ligne_form .ligne_form:first-child {margin-bottom:3rem;} #carto .append_reveal .ligne_form.btn_submit {margin-top:6rem;} /* Btn reinit */ #carto .append_reveal .reveal .reset_search_popin {position:static; margin-bottom:1.5rem;} /* Nombre de resultats */ /*#carto #carto_results {min-width:100%; height:6rem; left:0; right:initial; top:0; padding:1rem 0; border-radius:0;} #carto #carto_results p {font-size:1.4em; text-align:left; padding:1rem 1.5rem 1rem 0; width:100%;} #carto #carto_results p > * {-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:2rem; top:2rem; 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:0.5rem; font-family:'lato_light',Arial,Verdana,sans-serif; font-size:1em;} #carto #carto_results .nb {display:initial; padding-right:0;} #carto #carto_results .no_results {font-family:'lato_light',Arial,Verdana,sans-serif; font-size:0.9rem;} .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:6rem; width:100%; right:-100%;} #carto #filters.open {right:0; left:inherit; width:100%;} #carto #filters, #carto #filters.open {transition:right 0.5s ease;} #carto #map_filters {height:calc(100% - 6rem); width:12em;} #carto #map_filters .tabs-title {font-size:1.3em;} #carto #map_filters .tabs-title a span {font-family:'nexa_bold',Arial,Verdana,sans-serif;}*/ /* Btn "Tout afficher" / "Tout effacer" */ /*.content_page #carto .display_all a {padding-right:0;}*/ /* Btn close panneau filters */ /*.close_map_filters {width:4rem; height:4rem; padding:0;} .close_map_filters .box {position:static;} .close_map_filters .inner {width:2rem; height:2rem; position:absolute; left:1rem; top:1rem;} .close_map_filters .title {display:none;}*/ /* Form */ /* formulaire global */ /* PC #carto .tabs-panel {max-height:36vh; overflow-x:hidden; margin-bottom:2rem; padding-top:0.5rem;}*/ #carto .tabs-panel > .row {margin:0;} #carto .tabs-panel > .row > .columns {padding:0;} #carto .append_reveal .legend {margin-bottom:1rem;} /*.content_page #carto .tabs-content {padding:4.5rem 1.5rem 1.5rem 1.5rem; height:calc(100% - 6rem);}*/ /* legend de fieldset niveau 1 - nom de l'annuaire */ /*#carto .tabs-content legend {font-family:'lato_light',Arial,Verdana,sans-serif !important; font-size:2em;} #carto #filters .ligne_form {margin-top:2rem; 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;}*/ #carto #filters_popin label {font-size:1.6em;} /* champs */ /* checkbox tag */ /*#carto #filters .input-group label {font-size:1.3em; margin:0;} #carto #filters .input-group .shrink {padding:1rem 0.5rem 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%);} #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:2.5rem 3rem 2.5rem 2.5rem;}*/ /******************************* BANDEAU RGPD ******************************/ /* General */ #tarteaucitronRoot #dialogTitle {font-size:1.6rem; padding:0 10rem 0 0; text-align:left;} #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 .tarteaucitronMainLine {padding:0.5rem 1.5rem 1.5rem 1.5rem;} #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;} /****************************** PLAN DU SITE *******************************/ .content_page .csc-sitemap ul {padding:0 0 0 0.5rem;} .content_page .csc-sitemap li {margin:0 0 0 0; padding:0.2rem; font-size:1.8em; line-height:1.5em;} .content_page .csc-sitemap li ul {padding:0 0 0 0.5rem; margin:0;} .content_page .csc-sitemap li li {font-size:1.6rem; margin:0; padding:0.5rem 0} .content_page .csc-sitemap li ul ul {padding:0.5rem !important; margin:1.5rem 0 1.5rem 1.5rem;} .content_page .csc-sitemap li li li {font-size:1.4rem; padding:0.5rem 0;} /**************************** POPIN ALERTE *********************************/ /********************************** FAQ ************************************/ /******************************* SONDAGE ***********************************/ /******************************* SOCIAL WALL *******************************/ /******************************* BLOC NOTES ********************************/ /* CTA moteur */ .note_btn {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-top:1rem;} .note_btn:first-child {margin-top:0;} /* Bouton de selection */ /* Item de liste */ /* Form */ /******************************* CO-MARQUAGE *******************************/ .content_page .tx-cimcomarquage .magellan_anchor {margin:0;} .content_page .tx-cimcomarquage #sous_theme, .content_page .tx-cimcomarquage #sous_dossier, .content_page .tx-cimcomarquage .bloc_menu {padding:1.5rem;} .content_page .tx-cimcomarquage #sous_theme p, .content_page .tx-cimcomarquage #sous_dossier p, .content_page .tx-cimcomarquage .bloc_menu p {font-size:1.6em;} .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 {padding-left:1.5rem;} .content_page .tx-cimcomarquage .bloc_compl {padding:0;} .content_page .tx-cimcomarquage .bloc_compl p.titre, .content_page .tx-cimcomarquage .bloc_compl button.titre {font-size:1.6rem;} .content_page .tx-cimcomarquage .bloc_compl p.titre:before, .content_page .tx-cimcomarquage .bloc_compl button.titre:before {right:1rem;} .content_page .tx-cimcomarquage ul.tabs li {font-size:1.6em;} .content_page .tx-cimcomarquage ul.tabs li a {padding:1.5rem;} /******************************** DASHBOARD ********************************/ /* Dashboard init */ .dashboard .content_page form {padding:0;} /* Dashboard generique */ .dashboard_item {font-size:1.6em;} .dashboard_item .dashboard_item_content {min-height:8rem;} /* Navigation dashboard */ /* Bloc liste contributions */ .dashboard .content_page #mes_contributions ul li .titre_contribution {font-size:1.8rem;} .dashboard .content_page #mes_contributions ul li > div {padding:1.5rem 1.5rem 5rem 1.5rem;} .dashboard .content_page #mes_contributions ul li > div > div {position:relative; left:0; top:0; padding-top:0.25rem} .dashboard .content_page #mes_contributions ul li .statut_contribution, .dashboard .content_page #mes_contributions ul li .type_contribution {font-size:1.2rem; margin-right:0.25rem; padding:0.25rem 0.5rem; margin-bottom:0.5rem;} /* Bloc mes documents */ .dashboard .content_page #mes_documents .infos p.space {font-size:1.6em;} .dashboard .content_page .zone_ressources_download li button {font-size:1.4rem;} /* Bloc messages */ .dashboard .content_page .messages .msg_container {padding:1rem;} .dashboard .content_page .messages li {font-size:1.4rem;} .dashboard .content_page .messages.conversation ul {padding:1.5rem 0;} .dashboard .content_page .messages.conversation li {width:100%; padding:1rem;} .dashboard .content_page .messages.conversation form .row > .columns {padding:0;} .dashboard .content_page .messages.conversation form .row > .columns:first-child {flex:0 0 100%; margin-bottom:1rem;} /* Bloc proposer contribution */ .dashboard .content_page #bloc_contribution .dashboard_item_content {padding:5rem 1.5rem 2rem 1.5rem;} .dashboard .content_page #bloc_contribution .dashboard_item_content::before, .dashboard .content_page #bloc_contribution .dashboard_item_content::after {top:3rem;} .dashboard .content_page #bloc_contribution .dashboard_item_content::before {width:2rem;height:0.25rem;} .dashboard .content_page #bloc_contribution .dashboard_item_content::after {height:2rem; width:0.25rem;} .dashboard .content_page #bloc_contribution .dashboard_item_content.btn_idea span {position:relative; padding:5rem 1rem 1rem 1rem; width:100%; height:100%; top:0; left:0;} /* Bloc liste contributions */ /* Contenus/infos dashboard */ .dashboard_infos_content {padding:1.5rem;} /**************************** MODULE PARTICIPATIF ***************************/ /* Module vote / graphique */ .idee_vote .btn_vote {width:100%; text-align:center; margin-bottom:1rem;} .idee_vote .btn_vote label {font-size:1.4em; width:100%; padding:1.2rem 1rem;} .idee_vote .btn_vote label::before {line-height:1; position:static; vertical-align:sub; padding-right:1rem;} .idee_vote .btn_submit {margin-top:1rem;} /* Popins */ #envoi_idee {min-width:0; padding-top:7rem;} /******************************** CONNEXION ********************************/ /******************************* INSCRIPTION *******************************/ }