/* Theme Name: INDECOSA CGT Theme URI: https://indecosa.fr/ Author: Ugict-CGT Author URI: http://twitter.com/damienramage Description: Conçu pour l'Ugict CGT avec syndicoop License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Version: 1.5.0 Text Domain: indecosa Template: iamyourfather3 */ /** * SOMMAIRE: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 3.1 - Waiting Slider * 3.2 - css from CF7 * 4.0 - Header * 5.0 - Navigation * 5.1 - Nav admin Hacks * 6.0 - Content * 6.1 - Post Thumbnail * 6.2 - Entry Header * 6.3 - Entry Meta * 6.4 - Entry Content * 6.5 - Galleries * 6.6 - Post Formats * 6.7 - Post/Image/Paging Navigation * 6.8 - Attachments * 6.9 - Archives * 6.10 - Contact Page * 6.11 - 404 Page * 6.12 - Full-width * 6.13 - Comments * 6.14 - Front Page * 6.15 - Color spans * 6.16 - Social Share * 6.17 - Dossiers (page template) * 6.18 - RDV et Agenda * 6.19 - Tendances * 6.20 - Campaign pages * 7.0 - Sidebar * 7.1 - Widgets * 7.2 - Taxonomy filters * 7.3 - SendInBleu * 8.0 - Footer * 9.0 - Featured Content * 10.0 - IE specific * 11.0 - Media Queries * 12.0 - Print * 13.0 - Slidebars * 14.0 - footer à retirer dans PF * ----------------------------------------------------------------------------- */ /** * 1.0 Reset * * Resetting and rebuilding styles have been helped along thanks to the fine * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html * along with Nicolas Gallagher and Jonathan Neal * http://necolas.github.com/normalize.css/ and Blueprint * http://www.blueprintcss.org/ * * ----------------------------------------------------------------------------- */ #sb-site,.sb-site-container{width:100%;position:relative;z-index:1;background-color:#ffffff} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;} article,aside,details,figcaption,figure,footer,header,nav,section{display:block;position:relative} article,section{margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} audio,canvas,video{display:inline-block;max-width:100%} html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} body,button,input,select,textarea{color:#262626;font-family:'Crimson Text',serif;font-size:1.1rem;font-weight:400;line-height:1.3333333333} body{background:#fff} html,body,#sb-site,.sb-site-container,.sb-slidebar{/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */ margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} html,body{width:100%;overflow-x:hidden;/* Stops horizontal scrolling. */} html{height:100%;/* Site is as tall as device. */} body{min-height:100%;height:auto;position:relative;/* Required for static Slidebars to function properly. */} /* Site scroll locking - prevent site from scrolling when a Slidebar is open,except when static Slidebars are only available. */ html.sb-scroll-lock.sb-active:not(.sb-static){overflow:hidden!important} a{color:#9E0D10;text-decoration:none} a:focus{outline:0} a:hover,a:active{outline:0;text-decoration: none;} a:active,a:hover{color:#9E0D10} h1,h2,h3,h4,h5,h6{margin:0.2em 0 0.6em;font-family: 'Ubuntu', sans-serif;font-weight: bold;} h1{font-size:3em;line-height:1.6} h2{font-size:2.5em;line-height:1.4} h3{font-size:2em;line-height:1.4} h4{font-size:1.5em;line-height:1.2} h5{font-size:1.2em;line-height:1.2} h6{font-size:1.1em;line-height:1.2} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-family: 'Ubuntu', sans-serif; font-weight: bold;} h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#9E0D10} h1 a:focus,h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus,h6 a:focus{color:#9E0D10} abbr[title]{border-bottom:1px dotted #2b2b2b;cursor:help} b,strong{font-weight:700} cite,dfn,em,i{font-style:italic} mark,ins{background:#fff9c0;text-decoration:none} p{margin-bottom:15px} code,kbd,tt,var,samp,pre{font-family:monospace,serif;font-size:15px;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.6} pre{border:1px solid rgba(0,0,0,0.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:24px;margin-top:24px;max-width:100%;overflow:auto;padding:12px;white-space:pre;white-space:pre-wrap;word-wrap:break-word} blockquote,q{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none} q:before,q:after{content:"";content:none} blockquote{ font-size: 1.2em; line-height: 1.3; padding: 0.5em 1.3em; position: relative; margin: 1em 0; z-index: 1; color: #9E0D10; } blockquote p, blockquote ul, blockquote span{ font-family: 'Abril Fatface', cursive; } blockquote:before{content:'\f106';font:1.5em/1 Genericons;position:absolute;padding:0.2em;} blockquote:before{color:#9E0D10;background:#fff;left:-0.7em;top:5%;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)} blockquote:after{content:'\f106';font:1.5em/1 Genericons;position:absolute;padding:0.2em;} blockquote:after{color:#9E0D10;background:#fff;right:-0.7em;bottom:5%;} blockquote cite,blockquote small{color:#2b2b2b;font-size:16px;font-weight:400;line-height:1.5} blockquote em,blockquote i,blockquote cite{font-style:normal} blockquote strong,blockquote b{font-weight:400} small{font-size:smaller} big{font-size:125%} sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline} sup{bottom:1ex} sub{top:.5ex} dl{margin-bottom:24px} dt{font-weight:bold} dd{margin-bottom:24px} ul,ol{list-style:none;margin:0 0 24px 20px} ul{list-style:disc} ol{list-style:decimal} li > ul,li > ol{margin:0 0 0 20px} img{-ms-interpolation-mode:bicubic;border:0;vertical-align:middle} figure{margin:0} fieldset{border:1px solid rgba(0,0,0,0.1);margin:0 0 24px;padding:11px 12px 0} legend{white-space:normal} button,input,select,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;;margin:0;max-width:100%;vertical-align:baseline} button,input{line-height:normal} input,textarea{background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));/* Removing the inner shadow,rounded corners on iOS inputs */} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer} button[disabled],input[disabled]{cursor:default} input[type="checkbox"],input[type="radio"]{padding:0} input[type="search"]{-webkit-appearance:textfield} input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} textarea{overflow:auto;vertical-align:top} table,th,td{border:1px solid rgba(0,0,0,0.1)} table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin-bottom:24px;width:100%} caption,th,td{font-weight:normal;text-align:left} th{border-width:0 1px 1px 0;font-weight:bold} td{border-width:0 1px 1px 0} del{color:#767676} hr{background-color:rgba(0,0,0,0.1);border:0;height:1px;margin-bottom:23px} /* Support a widely-adopted but non-standard selector for text selection styles * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898. */::selection{background:#9E0D10;color:#fff;text-shadow:none} ::-moz-selection{background:#9E0D10;color:#fff;text-shadow:none} img#wpstats{display:none!important} /** * 2.0 Repeatable Patterns * ----------------------------------------------------------------------------- */ /* Input fields */ input,textarea{border:1px solid rgba(0,0,0,0.7);color:#2b2b2b;padding:8px 10px 7px} textarea{width:100%} input:focus,textarea:focus{border:1px solid #262626;outline:0} /* Buttons */ button,.button,input[type="button"],input[type="reset"],input[type="submit"]{background-color:#fff;border:1px solid rgba(0,0,0,0.1);color:#333;font-size:12px;font-weight:700;padding:10px 30px 11px;text-transform:uppercase;vertical-align:bottom} button:hover,button:focus,.button:hover,.button:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="reset"]:hover,input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus{background:#9E0D10;color:#fff;border:1px solid #ccc} .search-field{width:100%} .search-submit{display:none} /* Placeholder text color -- selectors need to be separate to work. */::-webkit-input-placeholder{color:#939393} :-moz-placeholder{color:#939393} ::-moz-placeholder{color:#939393;opacity:1;/* Since FF19 lowers the opacity of the placeholder by default */} :-ms-input-placeholder{color:#939393} /* Responsive images. Fluid images for posts,comments,and widgets */ .comment-content img,.entry-content img,.entry-summary img,#site-header img,.widget img,.wp-caption{max-width:100%} .entry-content .wp-post-image{width: 100%;} /** * Make sure images with WordPress-added height and width attributes are * scaled correctly. */ .comment-content img[height],.entry-content img,.entry-summary img,img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"],#site-header img{height:auto} img.size-full,img.size-large,.wp-post-image,.post-thumbnail img{height:auto;max-width:100%;margin:0 auto;display:block} /* Make sure embeds and iframes fit their containers */ embed,iframe,object,video{margin-bottom:24px;max-width:100%} p > embed,p > iframe,p > object,span > embed,span > iframe,span > object{margin-bottom:0} /* Alignment */ .alignleft{float:left} .alignright{float:right} .aligncenter{display:block;margin-left:auto;margin-right:auto} blockquote.alignleft,figure.wp-caption.alignleft,img.alignleft{margin:7px 24px 7px 0} .wp-caption.alignleft{margin:7px 14px 7px 0} blockquote.alignright,figure.wp-caption.alignright,img.alignright{margin:7px 0 7px 24px} .wp-caption.alignright{margin:7px 0 7px 14px} blockquote.aligncenter,img.aligncenter,.wp-caption.aligncenter{margin-top:7px;margin-bottom:7px} .site-content blockquote.alignleft,.site-content blockquote.alignright{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);padding-top:17px;width:50%} .site-content blockquote.alignleft p,.site-content blockquote.alignright p{margin-bottom:17px} .wp-caption{margin-bottom:24px} .wp-caption img[class*="wp-image-"]{display:block;margin:0} .wp-caption{color:#767676} .wp-caption-text{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:12px;font-style:italic;line-height:1.5;margin:9px 0} div.wp-caption .wp-caption-text{padding-right:10px} div.wp-caption.alignright img[class*="wp-image-"],div.wp-caption.alignright .wp-caption-text{padding-left:10px;padding-right:0} .wp-smiley{border:0;margin-bottom:0;margin-top:0;padding:0} /* Assistive text */ .screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute;padding:0} .screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto;color:#21759b;display:block;font-size:14px;font-weight:bold;height:auto;line-height:normal;padding:15px 23px 14px!important;position:absolute;left:5px;top:5px;text-decoration:none;text-transform:none;width:auto;z-index:100000;/* Above WP toolbar */} .hide{display:none} /* Genericons */ .bypostauthor > article .fn:before,.comment-edit-link:before,.comment-reply-link:before,.comment-reply-login:before,.comment-reply-title small a:before,.contributor-posts-link:before,.menu-toggle:before,.search-toggle:before,.slider-direction-nav a:before,.widget_iamyourfather_ephemera .widget-title:before{-webkit-font-smoothing:antialiased;display:inline-block;font:normal 16px/1 Genericons;text-decoration:inherit;vertical-align:text-bottom} /*Generic classes*/ .ft-walter {color:#fff} .ft-green {color:#1abc9c} .ft-darkgreen{color:#14947b} .ft-blue {color:#0B6FA6} .ft-darkblue{color:#167;} .ft-grey {color:#343434} .ft-lightgrey{color:#777;} .ft-lightergrey{color:#ccc;} .ft-red{color:#9E0D10} .gen-walter:before{color:#fff} .gen-green:before{color:#1abc9c} .gen-darkgreen:before{color:#14947b} .gen-blue:before{color:#25b0cc} .gen-darkblue{color:#167;} .gen-grey:before{color:#343434} .gen-lightgrey:before{color:#777;} .gen-lightergrey:before{color:#ccc !important;} .gen-red{color:#9E0D10} a.hov-white:hover, a.gen-hov-white:hover .genericon:before{color:#fff;} a.hov-green:hover {color:#1abc9c} a.hov-darkgreen:hover{color:#14947b;} a.hov-blue:hover{color:#0B6FA6;} a.hov-darkblue:hover{color:#167;} a.hov-red:hover{color:#9E0D10;} a.hov-underline:hover{text-decoration: underline;} .hov-bg-walter:hover{background-color:#fff;} .hov-bg-green:hover{background-color:#1abc9c} .hov-bg-blue:hover{background-color: #25b0cc} .hov-bg-red:hover{background-color: #9E0D10} .hov-bg-beige:hover{background-color:#FCCF99;} .border-1{border:1px solid;} .border-2{border:2px solid;} .border-3{border:3px solid;} .border-4{border:4px solid;} .border-5{border:5px solid;} .border-walter{border-color:#fff;} .border-lightergrey{border-color:#eee} .border-green {border-color:#1abc9c} .border-darkgreen{border-color:#14947b;} .border-darkblue{border-color:#25b0cc;} .border-darkblue{border-color:#167;} .border-red{border-color:#9E0D10;} .border-blue{border-color:#0B6FA6;} .bg-walter{background-color: #fff;} .bg-green {background-color:#1abc9c} .bg-darkgreen{background-color:#14947b} .bg-blue {background-color:#0B6FA6} .bg-darkblue{background-color:#167;} .bg-lightblue{background-color: #D1E2ED;} .bg-grey {background-color:#232323} .bg-lightgrey{background-color:#777;} .bg-lightergrey{background-color:#ccc;} .bg-lightestgrey{background-color:#f7f7f7;} .bg-trans{background-color: transparent;} .bg-red{background-color:#9E0D10;} .bg-beige{background-color:#FCCF99;} .ft-06{font-size:0.6em;} .ft-08{font-size:0.8em;} .ft-1{font-size:1em;} .ft-1-25{font-size:1.25em;} .ft-1-5{font-size:1.5em;} .ft-2{font-size:2em;} .ft-2-5{font-size:2.5em;} .ft-3{font-size:3em;} .ft-4{font-size:4em;} .ft-5{font-size:5em;} .ft-light{font-weight: 300;} .ft-normal{font-weight: 500;} .ft-bold{font-weight: 600;} .ft-boldest{font-weight: 800;} .ft-alt{font-family: 'Ubuntu', sans-serif;} .ft-noalt{font-family: 'Crimson Text', sans-serif;} .ft-alt-2{ font-family: 'Abril Fatface', cursive;} .ft-alt-3{ font-family: 'Barlow', sans-serif;} .ft-cap{text-transform: capitalize; } .tleft{text-align: left;} .tcenter{text-align: center;} .tright{text-align:right;} .fl-right{float: right;} .fl-left{float: left;} .fl-none{float: none;} .ft-upper{text-transform: uppercase;} .full-btn{ display: block; line-height: 2em; margin:5px; font-size: 1.5em; padding: 0 5px; text-decoration: none !important; } .full-btn .genericon{ vertical-align: middle; } .full-btn .glyphicon{ vertical-align: top; } .full-btn .genericon-expand{ float: right; font-size: 1.3em; } .dblock{display: block;overflow: hidden;} .dinline{display: inline-block;overflow: hidden} .nomargin{margin:0 !important;} .nopadder{padding:0 !important;} .noborder{border:none !important;} .noflow img { max-width: 100%; height: auto; } .padder.one{padding:1em;} .padder.two{padding:2em;} .screen-reader-text{display: none!important} button:focus {outline:0 !important} .zindex-0{z-index: 0} .zindex-1{z-index: 1} .zindex-2{z-index: 2} .posrel{position: relative;} .posabs{position: absolute;} .double-border, .widget .widget-title{ position: relative; background-color: inherit; display: block; z-index: 2; padding-right: 1.0714285714rem; border-color: #9E0D10; } .widget:before, .double-border:before{ content: ""; position: absolute; left: auto; right: 0; width: 100%; height: 0; border-top-width: 4px; border-color: #9E0D10; } .double-border:before{ top: 42%; border-top-style: solid; } .double-border:after{ top: 52%; border-top-style: solid; } .no-border .widget:before, .no-border .widget:after{ display: none; } .widget:before{ top: 40px; border-top-style: solid; } .widget:after{ top: 43px; border-top-style: solid; } .widget .widget-title { display: inline-block; padding-right: 10px; display: inline-block; color: #0b6fa6; } .double-border span, .double-border a{ padding-right: 10px; } .btn-3d{ border-bottom:solid 3px rgba(0,0,0,0.2); transition: all 0.2s ease; } .btn-3d:hover{ border-bottom:solid 3px rgba(0,0,0,0); transition: all 0.2s ease; } .btn-pink{ background-color: #e81c62; } .btn-pink:hover, .btn-pink:active { border-color: #ed4a82; background-color: #ed4a82 } .btn-teal { background-color: #18ba9b; } .btn-teal:hover, .btn-teal:active { border-color: #22e3be; background-color: #22e3be } .btn-cyan{ background-color: #00bed6; } .btn-cyan:hover, .btn-cyan:focus { border-color: #0ae4ff; background-color: #0ae4ff } .btn-default { color: #333; background-color: #fff; border-color: #333; border-radius: 0px; font-size: 80%; border-width: 2Px; } .btn-subtle { border-color: #ddd; border-radius: 0px; border-width: 1Px; padding: 5px 10px; } .btn-subtle:focus, .btn-subtle:hover{ background-color: #eee; color:#222; } .panel-default { border-color: #eee; } .panel-default>.panel-heading{ background-color: #fff; } /** * 3.0 Basic Structure * ----------------------------------------------------------------------------- */ .site{position:relative;display:block;overflow:hidden;clear:both} .main-content{margin-top:0;width:100%} body.home .content-area{padding:0} /** * 3.1 Waiting Slider * ----------------------------------------------------------------------------- */ .waiting-slider{ height: 100% ; width:100%; position:fixed; top:0; left:0; background-color: rgba(255,255,255,0.98); z-index: 1000; } .waiting-slider .waiting-animation{ position: absolute; top:50%; left:50%; margin-top: -100px; margin-left:-100px; } @keyframes ldio-ejrhqb4apjl-1 { 0% { top: 36px; height: 128px } 50% { top: 60px; height: 80px } 100% { top: 60px; height: 80px } } @keyframes ldio-ejrhqb4apjl-2 { 0% { top: 41.99999999999999px; height: 116.00000000000001px } 50% { top: 60px; height: 80px } 100% { top: 60px; height: 80px } } @keyframes ldio-ejrhqb4apjl-3 { 0% { top: 48px; height: 104px } 50% { top: 60px; height: 80px } 100% { top: 60px; height: 80px } } .ldio-ejrhqb4apjl div { position: absolute; width: 30px }.ldio-ejrhqb4apjl div:nth-child(1) { left: 35px; background: #343434; animation: ldio-ejrhqb4apjl-1 1s cubic-bezier(0,0.5,0.5,1) infinite; animation-delay: -0.2s } .ldio-ejrhqb4apjl div:nth-child(2) { left: 85px; background: #9e0d10; animation: ldio-ejrhqb4apjl-2 1s cubic-bezier(0,0.5,0.5,1) infinite; animation-delay: -0.1s } .ldio-ejrhqb4apjl div:nth-child(3) { left: 135px; background: #fccf99; animation: ldio-ejrhqb4apjl-3 1s cubic-bezier(0,0.5,0.5,1) infinite; animation-delay: undefineds } .loadingio-spinner-pulse-vwpx04y4u2 { width: 200px; height: 200px; display: inline-block; overflow: hidden; background: #ffffff; } .ldio-ejrhqb4apjl { width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(1); backface-visibility: hidden; transform-origin: 0 0; /* see note above */ } .ldio-ejrhqb4apjl div { box-sizing: content-box; } /** * 3.2 From CF7 plugins/contact-form-7/includes/css/styles.css * ----------------------------------------------------------------------------- */ div.wpcf7{margin:0;padding:0} div.wpcf7-response-output{margin:2em 0.5em 1em;padding:0.2em 1em} div.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;margin:0;padding:0;border:0} div.wpcf7-mail-sent-ok{border:2px solid #398f14} div.wpcf7-mail-sent-ng{border:2px solid #ff0000} div.wpcf7-spam-blocked{border:2px solid #ffa500} div.wpcf7-validation-errors{border:2px solid #f7e700} span.wpcf7-form-control-wrap{position:relative} span.wpcf7-not-valid-tip{color:#f00;font-size:1em;display:block} .use-floating-validation-tip span.wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;border:1px solid #ff0000;background:#fff;padding:.2em .8em} span.wpcf7-list-item{margin-left:0.5em} .wpcf7-display-none{display:none} div.wpcf7 img.ajax-loader{border:none;vertical-align:middle;margin-left:4px} div.wpcf7 div.ajax-error{display:none} div.wpcf7 .placeheld{color:#888} .page .wpcf7-submit{margin:1em auto !important;width:80% !important;border:3px solid #b11 !important;font-size:1.5em !important; display:block !important;} /** * 4.0 Header * ----------------------------------------------------------------------------- */ .site-header { box-shadow: 0 4px 2px -2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.2); background: rgba(255,255,255,1); } .site-title { font-size: 18px; line-height: 50px; margin: 0 0 0 10px; } h1.site-title a{ width: 100%; display: block; padding: 5px 0; } #home{ overflow:hidden; display:inline-block; line-height:0; margin:0; padding:0 10px; width:100% } #home img{ margin:0 auto; padding:0; display:block; } /* Sticky header */ #sticker{ z-index:2000; width: 100%; } .is-sticky #sticker{ position:fixed; top:0; /* box-shadow: 0 10px 6px -6px rgba(0,0,0,0.2); -webkit-box-shadow:0 10px 6px -6px rgba(0,0,0,0.2); */ background: #fff); } .is-sticky .site-header { height:50px; } .site-header { height:50px; } /* Search in the header */ .search-toggle { cursor: pointer; height: 35px; display: block; clear: both; text-align: left; padding: 0.5rem 2rem; } .search-toggle:hover, .search-toggle.active { background-color: #fff; color:#9E0D10; } .search-toggle:before { color: #343434; content: "\f400"; font-size: 20px; } .search-toggle:hover:before, .search-toggle.active:before { color:#9E0D10; } .search-toggle .screen-reader-text { left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */ } .search-box-wrapper { position: absolute; background: #fff; z-index: 900; height: 100%; width: 100%; } .search-box { padding: 1rem 2rem; border-radius: 0px; margin-top: 40%; } .search-box .search-field { border:1px solid #eee; font-size: 1.4em; color: #343434; padding:5px 15px; margin:0 auto; display:block; } .search-box .search-field:focus{ border-color: #fff; } /** * 5.0 Navigation * ----------------------------------------------------------------------------- */ /*Slidebars*/ .sb-slidebar { height: 100%; overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; z-index: 0; background-color: #fff; -webkit-transform: translate(0px); border-right:1px solid #eee; } /* Hide scrollbar for Chrome, Safari and Opera */ .sb-slidebar::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .sb-slidebar { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .sb-left { left: 0; } .sb-right { right: 0; } html.sb-static .sb-slidebar, .sb-slidebar.sb-static { position: absolute; } .sb-slidebar.sb-active { display: block; } .sb-style-overlay { z-index: 9999; } .sb-momentum-scrolling { -webkit-overflow-scrolling: touch; } /* Slidebar widths for browsers/devices that don't support media queries. */ .sb-slidebar { width: 30%; } /*Site navigation*/ .sb-left nav ul { list-style: none; margin: 0; padding:0; font-size: 1.3rem; line-height: 1.5rem; } .sb-left ul ul{ display:none; } .sb-left nav li { position:relative; display:block; } .sb-left nav li a{ display:block; color: #343434; position:relative; } .menu-toggle { height: 50px; margin: 0; overflow: hidden; padding: 0; position:relative; display:block !important; text-align: center; background:none !important; border:none !important; line-height: 50px; position: relative; font-weight: bold; } .menu-toggle:before { content: "\f419"; font-size:24px; margin-right: 10px; vertical-align:middle; } .sb-active-left .menu-toggle:before{ color:#9E0D10; content: "\f405"; } .menu-toggle:active, .menu-toggle:focus, .menu-toggle:hover { color:#9E0D10; background:none !important; } .menu-toggle:active:before, .menu-toggle:focus:before, .menu-toggle:hover:before { background:none !important; color:#9E0D10; } .menu-toggle:focus:before, .menu-toggle:hover:before{ background:none !important; margin-left:10px; } /* Secondary navigation. Only top display on large screens */ .secondary-header ul{ margin:0 auto; display:block; text-align: center; list-style-type:none; } .secondary-header ul li { display:block; float:none; text-align: center; padding:0; position: relative; clear: both; } .secondary-header ul li a{ display: block; position: relative; padding: 0.5rem 1rem; color: #343434; font-weight: bold; text-align: left; font-family: 'Ubuntu', sans-serif; font-size: 18px; } .secondary-header ul li a:focus, .secondary-header ul li a:hover{ color:#9E0D10; text-decoration: none; background-color: #FCCF99; } .secondary-header ul li.current-category-ancestor a, .secondary-header ul li.active a{ color:#9E0D10; background-color: transparent; } .secondary-header ul li.current-category-ancestor ul li.active a:hover, .secondary-header ul li.current-category-ancestor ul li.active a{ color:#9E0D10; background-color: transparent; } .secondary-header ul li.current-category-ancestor ul li a, .secondary-header ul li.menu-item-home.active a{ color:#343434; background-color: transparent; } .secondary-header ul li.current-category-ancestor ul.dropdown-menu{ display: block !important; } .secondary-header .dropdown-menu{ position: relative; margin-left: 10%; width: 90%; border: none; box-shadow: none; } .secondary-header .dropdown-menu li a{ font-weight: normal; display: block; font-size: 18px; line-height: 1; word-break: break-word; } .secondary-header .caret { display: inline-block; width: 0; height: 0px; margin-left: 11px; vertical-align: middle; border-top: 6px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent; color: #ccc; position: absolute; top: 50%; right: 2rem; transition: all ease-in-out 0.2s; } .secondary-header ul li a:hover .caret, .secondary-header ul li.current-category-ancestor a .caret, .secondary-header ul li.active a .caret{ color: #9E0D10; } .secondary-header .dropdown.open .caret { transform: rotate(180deg); transition: all ease-in-out 0.2s; } /** * 5.1 Nav Admin Hacks * ----------------------------------------------------------------------------- */ #wp-admin-bar-background, #wp-admin-bar-header, #wp-admin-bar-customize, #wp-admin-bar-themes, #wp-admin-bar-new-user, #wp-admin-bar-new-media, #wp-admin-bar-ubs_header{ display:none; } /** * 5.2 Breadcrumbs * ----------------------------------------------------------------------------- */ #breadcrumbs{ list-style:none; margin:10px 0; overflow:hidden; } #breadcrumbs li{ float:left; margin-right:15px; } #breadcrumbs .separator{ font-weight:700; font-size:20px; color:#999; } /** * 6.0 Content * ----------------------------------------------------------------------------- */ .content-area { padding:0; min-height:600px; } body.single .content-area{ border-top: 4px solid #9E0D10; } .hentry { margin: 0 auto 48px; } #content .hentry { margin:0 auto; } .page-content { margin: 60px auto; padding: 40px 0; } /** * 6.1 Post Thumbnail * ----------------------------------------------------------------------------- */ .post-thumbnail { background:; display: block; position: relative; width: 100%; z-index: 0; line-height:0; } .full-width .post-thumbnail img { display: block; margin: 0 auto; } /** * 6.2 Entry Header * ----------------------------------------------------------------------------- */ .entry-header { position: relative; z-index: 1; } /* reading time */ .rt-reading-time{ font-size: 0.8rem; margin:0.5em 0; color:#888; } .entry-content .hustle-ui .hustle-social { padding-left: 0; } /** * 6.3 Entry Meta * ----------------------------------------------------------------------------- */ .sticky .entry-date { display: none; } .cat-links { overflow: hidden; margin-top:10px; text-transform: capitalize; } .cat-links a { color: #2b2b2b; } .cat-links a:hover { color: #dd1111; } .entry-date a{ color:#343434; } .byline { display: none; } .single .byline, .group-blog .byline { display: inline; } .site-content footer.entry-meta { margin: 24px auto 0; padding:10px; } /*Meta info : date et commentaires*/ .meta-info a{ color:#262626 !important; } .site-content .meta-info .entry-date a:before, .attachment .meta-info .site-content span.entry-date:before{ font-size:28px !important; } .meta-info span.entry-date{ float:right; } .meta-info span.comments-link{ float:right; padding-right:20px; } .meta-info span.comments-link a{ font-size:18px; line-height:2em; padding:0; } .site-content .meta-info .comments-link a:before{ font-size:60px !important; color:#262626; } /* Tag links style */ .entry-meta .tag-links a { background-color: #767676; border-radius: 0 2px 2px 0; color: #fff; display: inline-block; font-size: 11px; font-weight: 700; line-height: 1.2727272727; margin: 2px 4px 2px 10px; padding: 3px 7px; position: relative; text-transform: uppercase; } .entry-meta .tag-links a:hover { background-color: #dd1111; color: #fff; } .entry-meta .tag-links a:before { background:; content: ""; height: 0; position: absolute; top: 0; left: -8px; width: 0; } .entry-meta .tag-links a:hover:before { border-right-color: ; } .entry-meta .tag-links a:after { background-color: #; border-radius: 50%; content: ""; height: 4px; position: absolute; top: 8px; left: -2px; width: 4px; } /* Footer meta */ footer.entry-meta{ overflow:hidden; } .footer-meta { display:block; margin:0; overflow:hidden; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; } span.post-format, .date-cat, .tag-cat { font-weight:300; font-size:20px; line-height:22px; color:#343434; } .tag-cat:before{ margin-right:15px; content: '\f302'; font:40px/1 Genericons; -webkit-font-smoothing: antialiased; vertical-align: middle; color:#b11 } .tag-cat a{ text-transform:capitalize; word-spacing:-5px; } span.post-format a:before{ font:40px/1 Genericons !important; -webkit-font-smoothing: antialiased; vertical-align: middle; color:#b11; margin-right:20px; } a.readit{ float:right; line-height:22px; color:#777 ; font-weight:700; font-size:20px; } .entry-date a{ display:block; } a.readit:after{ font:50px/1 Genericons; content: '\f476'; -webkit-font-smoothing: antialiased; vertical-align: middle; position:relative; padding:3px 5px; color:#666; font-weight:bold; border-bottom:0px !important; } a.readit:hover:after{ color:#b11; border-bottom:0px !important; } /** * 6.4 Entry Content * ----------------------------------------------------------------------------- */ .entry-content, .entry-summary, .page-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; position:relative; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .site-content .entry-summary{ padding:0x; margin:10px 0; } .page .entry-content { padding-top: 0; } .attachment span.entry-date:before, .entry-content .edit-link a:before, .entry-meta .edit-link a:before, .site-content .byline a:before, .site-content .comments-link a:before, .site-content .entry-date a:before, .site-content .featured-post:before, .site-content .full-size-link a:before, .site-content .parent-post-link a:before, .site-content .post-format a:before, span.edit-link a:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; } .site-content .entry-date a:before, .attachment .site-content span.entry-date:before { content: '\f303'; position: relative; vertical-align:middle !important; font-size:40px !important; } .site-content .entry-date a{ border:none; color:#333; font-weight:300; line-height:2em; font-style:italic; } .site-content .entry-date a:hover{ border:none; color:#9E0D10; } .entry-date a:hover, .entry-date a:hover:before{ color:#9E0D10; background:#fff !important; } /* SOMMAIRE */ .entry-content .automenu ul li{ list-style-type: circle; } .entry-content .automenu ul li a{ color: #aaa; font-weight: normal; text-decoration: none; border: none; } .entry-content .automenu ul li a:hover{ text-decoration: underline; background-color: transparent; color: #343434; } /* Article and page HEADINGS 1 TO 6 */ .entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child, .entry-summary h1:first-child, .entry-summary h2:first-child, .entry-summary h3:first-child, .entry-summary h4:first-child, .entry-summary h5:first-child, .entry-summary h6:first-child, .page-content h1:first-child, .page-content h2:first-child, .page-content h3:first-child, .page-content h4:first-child, .page-content h5:first-child, .page-content h6:first-child { margin-top: 0; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-summary h1, .entry-summary h2, .entry-summary h3, .page .content h1, .page .content h2,.page .content h3 { line-height: 1.3em; font-weight: 800; } .entry-content a, .entry-summary a, .page-content a, .comment-content a { text-decoration: none; border-bottom:2px solid #0B6FA6; color:#0B6FA6; } .entry-content a + .entry-content img, .entry-page a + img, .entry-content a:hover > img, .entry-page a:hover > img{ border-bottom:none !important; } .entry-content a:hover, .entry-summary a:hover, .page-content a:hover, .comment-content a:hover { background:#0B6FA6; color:#fff; } .entry-content a:hover, .entry-summary a:hover, .page-content a:hover, .comment-content a:hover, .entry-content a.button, .entry-summary a.button, .page-content a.button, .comment-content a.button { text-decoration: none; } .entry-content .panel-title a{ border-bottom: none; color: initial; font-weight: 300; font-family: monospace; font-size: 90%; display: block; color: #343434; } .entry-content .panel-title a:hover, .entry-content .panel-title a:focus{ background: transparent; color: #000; text-decoration: underline; } .entry-content table, .comment-content table { font-size: 14px; line-height: 1.2857142857; margin-bottom: 24px; } .entry-content th, .comment-content th { font-weight: 700; padding: 8px; text-transform: uppercase; } .entry-content td, .comment-content td { padding: 8px; font-size: 135%; } .entry-content .edit-link { clear: both; display: block; font-size: 12px; font-weight: 400; line-height: 1.3333333333; text-transform: uppercase; } .entry-content .edit-link a { color: #767676; text-decoration: none; } .entry-content p:first-of-type{ font-family: 'Ubuntu', sans-serif; font-size: 110%; margin: 1em 0; } /* Styles encadrés */ .encadrement-neutre{ font-weight: bold; z-index: 2; position: relative; } .encadrement-visible{ display: block; padding:0.5em; margin:0.5em; z-index: 2; position: relative; color: #fff; background-color: #f55656; } .positif, .negatif{ padding:0.5em; border-left:4px solid #52C11F; display: block; margin-left:0.5em; margin-right: 0.5em; } .negatif{ border-left-color:#9E0D10; } .encadrement-neutre, .alerte-positive, .alerte-negative{ padding:0.5em; border:2px solid #52C11F; margin-left:0.5em; margin-right: 0.5em; display: block; } .alerte-negative{ border-color:#9E0D10; } .encadrement-neutre{ border-color: #E6EAEF; } .encadrement-positif, .encadrement-negatif{ padding:0.5em; margin-left:0.5em; margin-right: 0.5em; border:4px solid #52C11F; color: #52C11F; display: block; position: relative; } .encadrement-negatif{ border:4px solid #9E0D10; color: #9E0D10; } .encadrement-neutre:before, .encadrement-positif:before, .encadrement-negatif:before{ content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; transform: translate(0.6em, -0.5em); transition: transform 0.2s, background-color 0.2s; background-color: rgba(31, 193, 142, 0.4); } .encadrement-neutre:before{ z-index: -1; } .encadrement-negatif:before{ background-color: rgba(255, 149, 0, 0.4); } .encadrement-neutre:before{ background-color: rgba(235, 230, 239, 0.4); } /* Edit link */ span.edit-link a, a.edit-config{ display: inline-block; color: black; background: yellow; border-bottom: #a9a955; padding: 3px 5px; font-size: 0; border-radius: 50%; -webkit-border-radius:50%; margin:10px; } span.edit-link a:before, a.edit-config:before{ content: "\f411"; border-radius: 50%; -webkit-border-radius:50%; } a.edit-config:before{ content: "\f445"; } span.edit-link a:before, a.edit-config:before{ color:black; font:30px/1 Genericons; position:relative; vertical-align:middle; } span.edit-link a:hover:before, span.edit-link a:hover, a.edit-config:hover:before, a.edit-config:hover{ color:yellow; background: black; } /* Magazine specific */ .category-in-magazine .pdfprnt-buttons-post, .documents-journaux .pdfprnt-buttons-post{ display: none; } /* Mediaelements */ .hentry .mejs-container { margin: 12px 0 18px; } .hentry .mejs-mediaelement, .hentry .mejs-container .mejs-controls { background: #000; } .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; } .hentry .mejs-controls .mejs-time-rail .mejs-time-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: rgba(255, 255, 255, .33); } .hentry .mejs-container .mejs-controls .mejs-time { padding-top: 9px; } .hentry .mejs-controls .mejs-time-rail span, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0; } .hentry .mejs-overlay-loading { background: transparent; } /* Page links */ .page-links { clear: both; font-size: 12px; font-weight: 900; line-height: 2; margin: 24px 0; text-transform: uppercase; } .page-links a, .page-links > span { background: #fff; border: 1px solid #fff; display: inline-block; height: 22px; margin: 0 1px 2px 0; text-align: center; width: 22px; } .page-links a { background: #000; border: 1px solid #000; color: #fff; text-decoration: none; } .page-links a:hover { color: #fff; } .page-links > .page-links-title { height: auto; margin: 0; padding-right: 7px; width: auto; } /*Tags*/ .tags{ display:block; overflow:hidden; } .tags a{ margin:0; } .tags a{ color: #343434; } .tags a:hover, .tags a:focus{ color: #9E0D10; } /* Related Posts */ .relatedposts{ display: block; clear: both; border: 1px solid #eee; } .relatedposts ul{ list-style-type:none; margin:0; } .relatedposts ul li a{ font-size: 1.2em; display: block; position: relative; border-bottom: 1px solid #eee; } .relatedposts ul li:first-child a{ border-top: 1px solid #eee; } .relatedposts ul li:last-child a{ border-bottom: none; } .relatedposts ul li a:hover, .relatedposts ul li a:hover:before{ color:#343434; text-decoration: underline; background-color: #f7f7f7; } /** * 6.5 Gallery * ----------------------------------------------------------------------------- */ .gallery { margin-bottom: 20px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * 6.6 Post Formats * ----------------------------------------------------------------------------- */ .archive .format-image .entry-title{ display: none; } .archive .format-image .entry-header{ padding:0 !important; } .archive .entry-date{ position: relative; } .archive .entry-date:before{ content: ""; background-color: #eee; height: 1px; position: absolute; width: 80px; top: 8px; left: -90px; } /* Image post format */ body.home .format-image{ border:0; } /* Quote post format */ .citation{ padding: 0; position: relative; margin: 1em 2em; clear: both; } .single .citation { padding:40px 60px; } .single .format-quote .entry-header{ clear:both !important; } .citation:before, .citation:after{ font:50px/1 Genericons; content:"\f106"; position:absolute; color:#333; } .citation:before{ top:0; left:-5px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .citation:after{ bottom:0px; right:0px; } .single .citation:before{ top:0; left:20px; } .single .citation:after{ bottom:10px; right:20px; } .citation h2 { line-height:1.35; margin:0; color:#343434; font-style:italic; text-transform:none; } .single .citation h2{ font-size:40px; } .citation h2 a{ color:#343434; } .citation h2 a:hover{ color:#9E0D10; } /* Link post format */ .the_link{ padding: 0; position: relative; margin: 1em 2em; clear: both; text-align: center; } .the_link a { padding: 0.2em 1em; margin:0px auto 10px; display: inline-block; clear: both; color: #343434; font-weight: bold; font-size: 2em; text-align: center; border-radius: .28571429rem; box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; } .the_link a:hover, .the_link a:hover { color:#9E0D10; text-decoration: none; box-shadow: 0 1px 3px 0 #333, 0 0 0 1px #333; } /* Vidéo post format */ .the_video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; margin-bottom:20px; /* overflow: hidden; */ } .the_video iframe, .the_video object, .the_video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /** * 6.7 Post/Image/Paging Navigation * ----------------------------------------------------------------------------- */ .nav-links { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; display:flex; -webkit-flex: 1; /* Safari 6.1+ */ -ms-flex: 1; /* IE 10 */ flex: 1; } .post-navigation, .image-navigation { margin: 24px auto 0; box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden; padding:0; max-width:900px; } .post-navigation a, .image-navigation .previous-image, .image-navigation .next-image { padding: 10px 20px; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; } .post-navigation a:first-child { padding-left:60px; text-align:right; } .post-navigation a:last-child { padding-right:60px ; } .post-navigation a:first-child:before { font:50px/1 Genericons; content:"\f503"; position:absolute; left:0; top:20%; color:#333; } .post-navigation a:nth-child(2):after { font:50px/1 Genericons; content:"\f501"; position:absolute; right:10px; top:20%; color:#333; } .post-navigation a:hover:after, .post-navigation a:hover:before{ color:#9E0D10; } .post-navigation .meta-nav { display: block; line-height: 2; font-size:22px; text-transform: uppercase; } .post-navigation a, .image-navigation a { color: #343434; background:#eee; font-size: 16px; text-transform: none; line-height:1.3; } .post-navigation a:hover, .image-navigation a:hover { color: #232323 !important; background:#fff; } .post-navigation a:hover .meta-nav, .image-navigation a:hover{ color:#9E0D10; } /* Paging Navigation */ .paging-navigation { margin: 40px 0; display: block; clear: both; } .paging-navigation .loop-pagination { text-align: center; } .paging-navigation .page-numbers { display: inline-block; font-size: 14px; font-weight: 900; margin-right: 1px; padding: 7px 16px; text-transform: uppercase; color:#F5F5F5; } .paging-navigation a, .paging-navigation .page-numbers.current, .paging-navigation a:hover{ color: #F5F5F5; } /** * 6.8 Attachments * ----------------------------------------------------------------------------- */ .attachment .content-sidebar, .attachment .post-thumbnail { display: none; } .attachment .entry-content { padding-top: 0; } .attachment footer.entry-meta { text-transform: none; } .entry-attachment .attachment { margin-bottom: 24px; } /** * 6.9 Archives * ----------------------------------------------------------------------------- */ .archive-header{ border-bottom:1px solid #eee; } #filters-panel{ border:1px solid #eee; padding: 1em; } .taxonomy-description, .author-description { display:none !important; } .taxonomy-description p, .author-description p { margin-bottom: 18px; } .taxonomy-description p:last-child, .author-description p:last-child { margin-bottom: 0; } .taxonomy-description a, .author-description a { text-decoration: underline; } .taxonomy-description a:hover, .author-description a:hover { text-decoration: none; } #infscr-loading { margin:20px auto; padding:20px 10px; } #infscr-loading div{ margin-top:10px; text-align:center; font-size:20px; font-weight:bold; color:#343434; clear: both; } #infscr-loading img{ display:block; margin:0 auto; max-width: 50px; } .archive .entry-meta span{ margin:0 5px; display: inline-block; } .archive .entry-meta span.taxlabel{ display: none; } .archive .hentry, .page-template-blog .hentry, .search .hentry, .page-template-agenda .hentry{ margin:0 auto; padding:0px !important; position:relative; overflow:hidden; } .archive .date-cat, .page-template-blog .date-cat, .search .date-cat{ margin-bottom:20px; float:left; } .archive .site-content .entry-date a time, .page-template-blog .site-content .entry-date a time, .search .site-content .entry-date a time{ margin-left:15px; } .archive .site-content .entry-date a:hover:before, .page-template-blog .site-content .entry-date a:hover:before, .search .site-content .entry-date a:hover:before{ background:#fff; color:#9E0D10; } /** * 6.10 Contact Page * ----------------------------------------------------------------------------- */ .page section#carte-visite{ margin:0 auto; float:none; padding-bottom:30px; } .page section#carte-visite .infos-visite{padding-left:0;} /** * 6.11 404 Page * ----------------------------------------------------------------------------- */ .error404 .page-content, .none { padding-top:40px; padding-bottom:40px; margin:60px auto; } .error404 .page-content .search-form { margin: 20px 0; } /** * 6.12 Full-width * ----------------------------------------------------------------------------- */ /** * 6.13 Comments * ----------------------------------------------------------------------------- */ .comments-link a{ color: #ccc; font-weight: bold; border-bottom: none; } .comments-link a:hover{ color:#343434; background-color: transparent;; } .site-content .comments-link a:before { content: "\f108"; position: relative; vertical-align:middle; margin-right:10px; font-size:30px !important; } .site-content .comments-link a:hover:before { color:#262626; } .comments-area { margin: 20px auto; padding: 0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; } .comment-reply-title, .comments-title { margin: 20px 0; font-weight:600; color:#ccc; font-size:2.5em; } .comment-list { list-style: none; margin: 0 0 48px 0; } .comment-author { font-size: 14px; line-height: 1.7142857142; } .comment-list .reply, .comment-metadata { font-size: 12px; line-height: 2; text-transform: uppercase; } .comment-list .reply { margin:10px 0; text-align: right; float:left; } .comment-author .fn { font-weight: 600; text-transform:capitalize; font-size:22px; } .comment-author a { color: #2b2b2b; } .comment-list .trackback a, .comment-list .pingback a, .comment-metadata a { color: #767676; } .comment-author a:hover, .comment-list .pingback a:hover, .comment-list .trackback a:hover, .comment-metadata a:hover { color: #9E0D10; } .comment-list article, .comment-list .pingback, .comment-list .trackback { margin-bottom: 20px; padding-top: 20px; padding-left:30px; background:#fff; overflow:hidden; } .comment-list > li:first-child > article, .comment-list > .pingback:first-child, .comment-list > .trackback:first-child { border-top: 0; } .comment-author { position: relative; } .comment-author .avatar { height: 18px; position: absolute; top: 0; left: 0; width: 18px; } .bypostauthor > article .fn:before { content: "\f408"; margin: 0 2px 0 -2px; position: relative; top: -1px; } .says { display: none; } .comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata { padding-left: 30px; } .comment-edit-link { margin-left: 10px; } .comment-edit-link:before { content: "\f411"; } .comment-reply-link{ padding:5px 10px; font-size:14px; color:#9E0D10; border:1px solid #9E0D10; vertical-align:middle; } .comment-reply-link:before, .comment-reply-login:before { content: "\f411"; margin-right: 5px; font-size:26px; vertical-align:middle; } .comment-reply-link:hover{ border:1px solid #9E0D10; background:#9E0D10; color:#fff; } .comment-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; font-size:14px; } .comment-content ul, .comment-content ol { margin: 0 0 24px 22px; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } .comment-content > :last-child { margin-bottom: 0; } .comment-list .children { list-style: none; margin-left: 15px; } .comment-respond { margin-bottom: 24px; padding: 0; } .comment .comment-respond { margin-top: 24px; } .comment-respond h3:before{ font:1em/1 Genericons; content:"\f108"; vertical-align:middle; margin-right:0.5em; color#ccc; } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments, .form-allowed-tags, .form-allowed-tags code { color: #767676; } .comment-notes, .comment-awaiting-moderation, .logged-in-as { font-size: 14px; line-height: 1.7142857142; color:#232323; } .no-comments { font-size: 16px; font-weight: 900; line-height: 1.5; margin-top: 24px; text-transform: uppercase; } /* COmment form */ .comment-form{ width: 90%; margin: 1em auto; } .comment-form label { display: block; font-size: 1.4em; line-height: 2; font-weight: bold; color: #ccc; } .comment-form-cookies-consent{ display: flex; padding: 10px; } .comment-form-cookies-consent input{ margin-right:10px; } .comment-form-cookies-consent label{ font-size: 1em; display: inline-block; line-height: 1.2; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: 100%; border: none; border-bottom: 3px solid #eee; transition: all ease 0.2s; } .comment-form input:focus{ border-bottom-color: #F55656; transition: all ease 0.5s; } .comment-form .form-submit{ } .comment-form-url, .comment-notes{ display: none; } .comment-form textarea{ border: 3px solid #eee; width: 100%; transition: all ease 0.2s } .comment-form textarea:focus{ border-color: #F55656; transition: all ease 0.5s } .form-allowed-tags, .form-allowed-tags code { font-size: 12px; line-height: 1.5; } .required { display: none } .comment-reply-title small a { color: #2b2b2b; float: right; height: 24px; overflow: hidden; width: 24px; } .comment-reply-title small a:before { content: "\f405"; font-size: 32px; } .comment-navigation { font-size: 12px; line-height: 2; margin-bottom: 48px; text-transform: uppercase; } .comment-navigation .nav-next, .comment-navigation .nav-previous { display: inline-block; } .comment-navigation .nav-previous a { margin-right: 10px; } #comment-nav-above { margin-top: 36px; margin-bottom: 0; } /** * 6.14 FRONT PAGE * ----------------------------------------------------------------------------- */ #featured-bloc{ overflow: hidden; display: block; clear: both; } #featured-bloc div:nth-child(3), #featured-bloc div:nth-child(5){ clear: left; } .overlay{ position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom:0; z-index: 1; } .overlay-content{ position: relative; z-index: 2; } .overlay-light{ background-color: rgba(255,255,255,0.3); } .overlay-dark{ background-color: rgba(0,0,0,0.6); } .overlay-medium{ background-color: rgba(0,0,0,0.4); } /*other stuff */ .cat-links a, .cat-links span{ display:inline-block; word-spacing: -1px; text-transform: capitalize; color: #9E0D10; margin: 5px 3px; padding: 5px 15px 3px; background: none; position: relative; background: #FCCF99; border-top: 3px solid #9E0D10; border-bottom: 3px solid #FCCF99; font-weight: 700; text-transform: uppercase; font-family: "Barlow", sans-serif; } .cat-links a:hover{ background:#9E0D10; color:#fff; border-top-color:#9E0D10; border-bottom-color:#9E0D10; } body.single span.cat-links a:hover{ color:#fff; background:#9E0D10; } body.single span.cat-links a#GoHome{ border-bottom:4px solid #fff; font-size:0; margin:0; padding:0; height:0; width:0; } /** * 6.15 COLOR SPANS * ----------------------------------------------------------------------------- */ div.bg1{ margin:0; padding:10px 0; background:#eee; overflow:hidden; } div.bg2{ padding: 0; overflow:hidden; position:relative; padding-top:40px; } div.bg3{ background:none; overflow:hidden; background:#eee; } div.bg4{ background:#F9F9F9; overflow:hidden; } div.bg5 { background:#ddd; overflow:hidden; } div.bg6 { background:#eee; overflow:hidden; } /** * 6.16 SOCIAL SHARE * ----------------------------------------------------------------------------- */ /** * 6.17 DOSSIERS PAGE TEMPLATE * ----------------------------------------------------------------------------- */ /*La page parente */ .instructions{ color:#fff; text-align:center; background:#222; font-size:0.8em; padding:5px 20px; } .page-template-sommaire .page-title:before{ -webkit-font-smoothing: antialiased; font: 40px/1 Genericons; position:relative; color:#fff; vertical-align:middle; content: '\f505'; } .page-template-sommaire .MenuDossier ul.menu li a:before{ content: '\f301'; font-size:50px; vertical-align:middle; } /*Les pages enfants */ .DossierAriane{ display:block; margin:0 auto; padding-top:10px; overflow:hidden; } .page-template-dossier .DossierAriane + .page-title{ padding-left:60px; } .DossierAriane a{ text-transform:none; color:#fff; font-size:26px; position:relative; display:inline-block; } .DossierAriane a#Parent:before{ -webkit-font-smoothing: antialiased; font: 40px/1 Genericons; position:relative; color:#fff; vertical-align:top; content: '\f430'; } .DossierAriane a:hover, .DossierAriane a:hover:before{ color:#222 !important; } .DossierAriane + .page-title:before{ -webkit-font-smoothing: antialiased; font: 60px/1 Genericons; position:relative; color:#fff; vertical-align:middle; content: '\f301'; } .MenuDossier ul.menu{ list-style-type:none; } .MenuDossier ul.menu li a{ text-decoration:none; font-size:30px; border:none; padding:1% 5%; display:block; margin:0 auto; border-bottom:1px solid #9E0D10; } .MenuDossier ul.menu li a:hover, .MenuDossier ul.menu li a:hover:before{ color:#fff; background:#9E0D10; } .MenuDossier ul.menu li a:before{ -webkit-font-smoothing: antialiased; font: normal 30px/1 Genericons; text-decoration: inherit; content: '\f412'; margin-right:10px; color:#9E0D10; } /** * 6.18 RDV ET AGENDA * ----------------------------------------------------------------------------- */ /** * 6.19 Tendances * ----------------------------------------------------------------------------- */ .theTags{ display:block; overflow:hidden; margin:10px 0 20px; } .theTags ul li{ list-style-type:none; } .theTags ul li a{ display: block; font-size: 30px; line-height: 1; margin: 10px 5px; padding: 10px 20px; border:5px solid #9E0D10; text-transform: capitalize; word-spacing: -8px; font-weight:300; font-family: 'Ubunut', sans-serif; background:#fff; color:#9E0D10; float:left; } .theTags ul li a:hover{ color:#fff; background:#9E0D10; } .theTags ul li a span.count{ font-size:36px; } /** * 6.20 Campaign pages * ----------------------------------------------------------------------------- */ /** * 7.0 Sidebars * ----------------------------------------------------------------------------- */ /** * 7.1 Widgets * ----------------------------------------------------------------------------- */ #supplementary{ margin:0 auto; } /* Primary Sidebar, Footer Sidebar */ .widget { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: 1.2857142857; word-wrap: break-word; } #bloc6 .widget{ display:table; } .widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 { margin: 24px 0 12px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .widget h1 { font-size: 22px; line-height: 1.0909090909; } .widget h2 { font-size: 20px; line-height: 1.2; } .widget h3 { font-size: 18px; line-height: 1.3333333333; } .widget h4 { font-size: 16px; line-height: 1.5; } .widget h5 { font-size: 14px; line-height: 1.7142857142; } .widget h6 { font-size: 12px; line-height: 2; } .widget address { margin-bottom: 18px; } .widget abbr[title] { border-color: rgba(255, 255, 255, 0.7); } .widget mark, .widget ins { color: #000; } .widget pre, .widget fieldset { border-color: rgba(255, 255, 255, 0.2); } .widget code, .widget kbd, .widget tt, .widget var, .widget samp, .widget pre { font-size: 12px; line-height: 1.5; } .widget blockquote { color: rgba(255, 255, 255, 0.7); font-size: 18px; line-height: 1.5; margin-bottom: 18px; } .widget blockquote cite { color: #fff; font-size: 14px; line-height: 1.2857142857; } .widget dl, .widget dd { margin-bottom: 18px; } .widget ul, .widget ol { list-style: none; margin: 0; } .widget li > ol, .widget li > ul { margin-left: 10px; } .widget table, .widget th, .widget td { border-color: rgba(255, 255, 255, 0.2); } .widget table { margin-bottom: 18px; } .widget del { color: rgba(255, 255, 255, 0.4); } .widget hr { background-color: rgba(255, 255, 255, 0.2); } .widget p { margin-bottom: 18px; } .widget input, .widget textarea { color: #343434; font-size: 16px; padding: 1px 2px 2px 4px; } .widget input:focus, .widget textarea:focus { border-color: 1px solid #666; } .widget button, .widget .button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] { background-color: #fff; border: 0; font-size: 12px; padding: 5px 15px 4px; } .widget input[type="button"]:hover, .widget input[type="button"]:focus, .widget input[type="reset"]:hover, .widget input[type="reset"]:focus, .widget input[type="submit"]:hover, .widget input[type="submit"]:focus { background-color: #; } .widget input[type="button"]:active, .widget input[type="reset"]:active, .widget input[type="submit"]:active { background-color: #; } .widget .wp-caption { color: rgba(255, 255, 255, 0.7); margin-bottom: 18px; } .widget_tag_cloud .tagcloud a{ color:#333; } .widget_tag_cloud .tagcloud a:hover{ color:#aa1111; text-decoration:none; border-bottom:4px solid #b11; } .footer-banner { border-top: 1px solid #eee; } .footer-banner .widget:before, .footer-banner .widget:after{ display: none; } .footer-banner .widget_nav_menu li { padding:0 0 5px; } .footer-banner .widget_nav_menu li a:hover{ text-decoration: underline; } .footer-banner .footer-widgets .widget{ float: left; padding:0 1em 2em; } .footer-banner .footer-widgets .widget:nth-child(2n+1){ clear: left; } /* List Style Widgets*/ .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li, .widget_uep_upcoming_events ul li{ padding: 2% 0; } .widget_categories li ul, .widget_nav_menu li ul, .widget_pages li ul { margin-top: 9px; } .widget_recent_comments ul li a, .widget_recent_entries ul li a, .widget_categories ul li a, .widget_nav_menu ul li a, .widget_pages ul li a, .widget_uep_upcoming_events ul li a{ color:#343434; padding-left:10px; display:block; } .widget_recent_entries ul li a:hover, .widget_categories li ul a:hover, .widget_nav_menu li ul a:hover, .widget_pages li ul a:hover, .widget_uep_upcoming_events ul li a:hover{ text-decoration:none; color:#b11; padding-left:5px; border-left:5px solid #b11; } .widget_recent_comments ul li a:hover{ color:#b11; } .widget_recent_comments ul li:before, .widget_recent_entries ul li a:before, .widget_categories ul li a:before, .widget_nav_menu ul li a:before, .widget_pages ul li a:before, .widget_uep_upcoming_events ul li a:before{ font:20px/1 Genericons; vertical-align:middle; margin-right:5px; } .widget_recent_comments ul li:before{ content: '\f304'; } .widget_recent_entries ul li a:before{ content: '\f308'; } .widget_uep_upcoming_events ul li a:before{ content: '\f307'; } .widget_categories li li:last-child, .widget_nav_menu li li:last-child, .widget_pages li li:last-child { padding-bottom: 0; } /* Recent Posts Widget */ .widget_recent_entries .post-date { display: block; } /* RSS Widget */ .widget_rss h1 a.rsswidget{ color:#262626; text-decoration:none; font-weight:600; font-size:36px; } .widget_rss h1 a.rsswidget:hover, .widget_rss h1:hover:before{ color:#9E0D10; } .widget_rss h1:before{ font:30px/1 Genericons; content: '\f413'; position:relative; vertical-align:middle; } a.rsswidget img {display:none !important;} a.rsswidget { font-weight:600; font-size:20px; color:#333; } a.rsswidget:hover{ color:#aa1111; text-decoration:underline; } .rssSummary { margin: 5px 0; font-size:80%; } .rss-date { display: block; font-style: italic; margin: 5px 0; } .widget_rss li { margin-bottom: 15px; } .widget_rss li:last-child { margin-bottom: 0; } /* Text Widget */ .widget_text > div > :last-child { margin-bottom: 0; } /* Agenda Widget */ .widget_uep_upcoming_events{ width:100%; } .agenda_widget time{ display:block; } /** * 7.2 TAXONOMY FILTERS * ----------------------------------------------------------------------------- */ .taxonomy-drilldown-dropdowns ul li{ display: block; } .taxonomy-drilldown-dropdowns ul li label{ display: block; margin-bottom: 5px; position: relative; } .sib_signup_form select, .taxonomy-drilldown-dropdowns select{ display: block; width: 100%; font-size: 0.8em; position: relative; cursor: pointer; background:url("data:image/svg+xml;utf8,"); background-color:#F7F7F7; background-repeat:no-repeat; background-position: right 12px top 12px; background-size: 13px 12px; padding:7px 10px; font-family: 'Ubuntu', sans-serif; color:#777; text-align:center; border-radius:3px; -webkit-border-radius:3px; -webkit-appearance: none; border:0; outline:0; -webkit-transition:0.3s ease all; -moz-transition:0.3s ease all; -ms-transition:0.3s ease all; -o-transition:0.3s ease all; transition:0.3s ease all; border:1px solid #fff; } .taxonomy-drilldown-dropdowns select:hover, .taxonomy-drilldown-dropdowns select:focus{ border:1px solid #ccc; } .sib_signup_form input[type="submit"], .taxonomy-drilldown-dropdowns input[type="submit"], .comment-respond input[type="submit"]{ cursor: pointer; display: block; clear: both; background: #F7F7F7; border-bottom: solid 3px rgba(0,0,0,0.2); transition: all 0.2s ease; border-radius:3px; width: 100%; text-align: center; } .comment-respond input[type="submit"]:hover, .comment-respond input[type="submit"]:focus, .sib_signup_form input[type="submit"]:hover, .sib_signup_form input[type="submit"]:focus, .taxonomy-drilldown-dropdowns input[type="submit"]:hover, .taxonomy-drilldown-dropdowns input[type="submit"]:focus{ color: #fff; background-color: #232323; border-bottom: solid 3px rgba(255,255,255,0.2); } .taxonomy-drilldown-reset{ color: #343434; padding:5px; text-align: right; display: block; margin:5px 0; } /** * 7.2 - SEND IN BLEUE * ----------------------------------------------------------------------------- */ body.archive aside.sidebar{ border-left: 1px solid #eee; } .sib_signup_form .needsfilled input {border-color: #B94A48 !important; color: #B94A48 !important;} .sib_signup_form .needsfilled {color: #B94A48 !important;} .sib_signup_form input[type="text"] {border: 1px solid #CCCCCC;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;} .sib_signup_form div.message_area {position: relative;padding: 10px 30px 10px 10px; margin: 0px 0px 10px 0px;font-size:14px; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;box-sizing: border-box;} .sib_signup_form div.message_area button.close {position: absolute;right: 8px;top: 8px;color: inherit;background: 0 0;border: 0;padding: 0px;-webkit-appearance: none;cursor: pointer;font-weight: bold;font-size: 14px;} .tipicon{cursor: pointer;padding: 3px 7px;font-size: 12px;font-weight: bold;line-height: 1.2;color: #fff;text-align: center;vertical-align: baseline;background-color: #999;border-radius: 10px;text-decoration: none;} .tooltip{display: inline;position: absolute;left: 97%;} .tooltip:hover:after{background: #333;background: rgba(0,0,0,.8);border-radius: 5px;color: #fff;content: attr(data-title);right: -2px;bottom: 26px;padding: 5px 15px;position: absolute;z-index: 98;width: 220px;} .tooltip_small:hover:after{padding: 5px 5px; width: 150px;} .tooltip:hover:before{border: solid;border-color: #333 transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 1px;position: absolute;z-index: 99;} .sib-dropdown-menu.flag-icon {display: none;height: 100px;overflow-x: hidden;min-width: 160px;font-size: 13px;list-style: none;padding-left:14px;border:1px solid rgba(0,0,0,.15);background: white;border-radius: 4px;margin-top:10px;} .sib-dropdown-menu.flag-icon li a{display: block;white-space: nowrap;text-decoration: none;color: rgba(0,0,0,0.87);box-shadow: none;} .sms_field .country-block{margin-right: 3px !important;float: left;width:56px;} .icon-arrow{display: inline-block;width:0px;height: 0px;margin-left:2px;margin-top:5px;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent;vertical-align: text-top;} .sib-dropdown-toggle.country-flg{display: inline-block;font-size: 13px;} .sib_signup_form .sib-container {background: rgba(255,255,255,1);} .sib_signup_form .sib-container h1 {font-family: Futura, 'Century Gothic', 'Apple Gothic', sans-serif;} .sib_signup_form .sib-container .forms-builder-footer, .sib_signup_form .sib-container .description, .sib_signup_form .sib-container .fake-label, .sib_signup_form .sib-container .row, .sib_signup_form .sib-container #company-name{font-family: Futura, 'Century Gothic', 'Apple Gothic', sans-serif;} .sib_signup_form .sib-container .button {font-family: Futura, 'Century Gothic', 'Apple Gothic', sans-serif;} .sib_signup_form .button{font-size: 12px;} .sib_signup_form input {font-size: 13px;} .sib_signup_form input[type=email] {font-size: 13px;width: 100%;border-color: #ccc;} .sib_signup_form .sib-containter h1 {color: #232323;} .sib_signup_form .sib-container {color: #343434;} .sib_signup_form .sib-container .button{color: #ffffff;} .sib_signup_form .sib-container .button{background: #cc103e;} .sib_signup_form .sib-container{ clear: both; padding:10px} .sib_signup_form .header{ padding: 0 10px;} .sib_signup_form h1.title{ lineHeight: 40px;} .sib_signup_form h3.company-name{ lineHeight: 20px;} .sib_signup_form div.description{ padding: 10px 15px;} .sib_signup_form div.row{ padding: 10px;} .sib_signup_form input[type=text]{ padding: 8px 4px; width:100% !important;box-sizing: border-box;} .sib_signup_form .tooltip{ left: 98%;} .sib_signup_form div.message_area{ font-size: 12px;} .sib_signup_form input[type=text]{ position: relative; background-color: transparent; font-weight: bold; } .sib_signup_form input[type=text]:focus { background-color: #fff; } /** * 8.0 Footer * ----------------------------------------------------------------------------- */ /* tout ce contenu est inséré en inline en footer, mutualisé à travers la plateforme */ /** * 9.0 Featured Content * ----------------------------------------------------------------------------- */ .featured-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; overflow:hidden; } .featured-content-inner { overflow: hidden; } .featured-content .hentry { color: #fff; margin: 0 !important; max-width: 100%; width: 100%; } .featured-content h1 a{ color:#343434; font-weight:600; } .featured-content h1 a:hover{ color:#9E0D10; } /* Slider */ .slider .featured-content .hentry { -webkit-backface-visibility: hidden; display: none; position: relative; margin-bottom:30px; } .slider .featured-content .post-thumbnail { padding-top: 55.49132947%; } .slider-control-paging { background-color: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; list-style: none; margin: -24px 0 0 0; position: relative; width: 100%; display:none; } .slider-control-paging li { float: left; margin: 2px 4px 2px 0; } .slider-control-paging li:last-child { margin-right: 0; } .slider-control-paging a { cursor: pointer; display: block; height: 44px; position: relative; text-indent: -999em; width: 44px; } .slider-control-paging a:before { background-color: #fff; content: ""; height: 20px; left: 10px; position: absolute; top: 16px; width: 20px; } .slider-control-paging a:hover:before { color: #fff; } .slider-control-paging .slider-active:before, .slider-control-paging .slider-active:hover:before { background-color: #9E0D10; } .slider-direction-nav { list-style: none; margin: 0; position: absolute; bottom:5px; left:0; height:50px; z-index: 3; } .slider-direction-nav li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; text-align: center; width: 50%; } .slider-direction-nav a { display: block; font-size: 0; height: 46px; color:#9E0D10; } .slider-direction-nav a:hover, .slider-direction-nav a:hover:before{ color:#9E0D10; } .slider-direction-nav a:before { color: #111; content: "\f503"; font-size: 50px; line-height: 50px; width:60px; } .slider-direction-nav .slider-next:before { content: "\f501"; } .slider-direction-nav .slider-disabled { display: none; } /** * 10.0 IE Specific * ----------------------------------------------------------------------------- */ .ie7 .screen-reader-text,.ie7 .search-toggle{display:none} .ie7 .site-title,.ie8 .site-title{left:100px} .ie7 .TitresFront,.ie8 .TitresFront{float:left;width:22%;margin-left:2%} .ie8 .ToolFront h3 a:before{margin:0 auto;float:left;font-size:30px} .ie7 #featured-tools,.ie8 #featured-tools{margin:0 auto} .ie7 .ToolFront h3.Tool a,.ie8 .ToolFront h3.Tool a,.ie9 .ToolFront h3.Tool a{width:21%;padding:2%;box-sizing:inherit} .ie7 .ImageUne,.ie8 .ImageUne,.ie7 .TexteUne,.ie8 .TexteUne{width:45%;float:left} .ie7 .ImageUne img,.ie8 .ImageUne img{width:100%;height:auto} .ie7 .ImageUne{padding:1%!important;width:49%!important} .ie .post-navigation,.ie .image-navigation{background:#eee} .ie7 #front-une .entry-title a:hover,.ie8 #front-une .entry-title a:hover{border-right:none!important;border-left:5px solid #9E0D10!important} .ie7 #rss_stripe_wrap.two .widget,.ie8 #rss_stripe_wrap.two .widget{width:46%;float:left;padding:2%;margin:0;box-sizing:inherit} .ie7 .entry-summary,.ie8 .entry-summary{width:45%!important} .ie7 .toolbox,.ie8 .toolbox{width:48%;padding:2%;float:left} .ie7 .page-template-blog .ImageUne,.ie8 .page-template-blog .ImageUne{width:46%;float:left} .ie7 .entry-content,.ie8 .entry-content img{width:inherit;max-width:100%!important;height:auto} /** * 11.0 Media Queries * ----------------------------------------------------------------------------- */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See http://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } @media screen and (max-width: 400px) { .sb-left nav li:before{ left:2%; } .ToolFront h3.Tool a{ font-size:30px; } .archive .ImageUne, .page-template-blog .ImageUne, .ImageUne + .entry-summary, .ImageUne + entry-summary{ float:none; margin:0; width:100%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry-title{ font-size:30px; margin:0; } body.single span.cat-links a{ font-size:14px; } #envoyer a{ width:52px; } .list-view .site-content .post-thumbnail { background: none; width: auto; z-index: 0; } .list-view .site-content .post-thumbnail img { margin: 0; } div.bg2 { padding:10px 0; } div.bg4 { padding:0 10px !important; } .comment-reply-title, .comments-title{ font-size:1em; } .comment-respond h3:before{ font-size:3em; margin-right:10px; } .post-navigation, .image-navigation, .share-filled{ display:none; } } @media screen and (min-width: 401px) { .full-size-link:before, .parent-post-link:before, .site-content span + .byline:before, .site-content span + .comments-link:before, .site-content span + .edit-link:before, .site-content span + .entry-date:before { content: ""; } .attachment span.entry-date:before, .entry-content .edit-link a:before, .entry-meta .edit-link a:before, .site-content .byline a:before, .site-content .comments-link a:before, .site-content .entry-date a:before, .site-content .featured-post:before, .site-content .full-size-link a:before, .site-content .parent-post-link a:before, .site-content .post-format a:before, span.edit-link a:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; } .list-view .site-content .hentry:first-of-type, .list-view .site-content .hentry.has-post-thumbnail { padding-top: 0; margin-bottom:30px; } .error404 .page-header { margin-bottom: 24px; } } @media screen and (max-width: 673px) { .site-header{ height:55px; } .nav-links{ display:block } .post-navigation a, .image-navigation .previous-image, .image-navigation .next-image { width: 100%; float:none; display:block; } .archive .entry-title{ font-size: 1.4rem; } } @media screen and (min-width: 673px) { .full-width .site-content { margin-right: 0; margin-top:0; } .grid .featured-content .hentry { float: left; width: 50%; } .grid .featured-content .hentry:nth-child( 2n+1 ) { clear: both; } .grid .featured-content .entry-header { border-color: #fff; border-style: solid; border-width: 12px 10px; height: 96px; padding: 0; } body.single span.cat-links a#GoHome{ height:17px; width:100px; } body.single span.cat-links a#GoHome:before{ -webkit-font-smoothing: antialiased; display: block; font: 80px/1 Genericons; content: '\f409'; position:absolute; bottom:-20px; color:#333; } body.single span.cat-links a#GoHome:after{ content: '\f432'; font: 60px/1 Genericons; position:absolute; bottom:-20px; color:#333; right:-17px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } body.single span.cat-links a#GoHome:hover{ background:none; } body.single span.cat-links a#GoHome:hover:before{ color:#9E0D10; } .slider .featured-content .entry-header { padding: 0; z-index: 3; } .slider-control-paging { background: transparent; margin-top: -48px; padding-left: 20px; width: 50%; } } @media screen and (min-width: 783px) { /* Fixed Header */ .masthead-fixed .site-header { top: 0; z-index:1000; margin:0; } #BlocLeft, #BlocCenter, #BlocRight { margin:0 3.3% 0 0; width:30%; float:left; } #bloc3 .hentry{ min-height:280px; padding:none !important; } #idfront .toolbox { float:left; width:48%; } #idfront .toolbox + .toolbox{ clear:left; } #rss_stripe_wrap.one .widget { float: none !important; margin-left:auto; margin-right:auto; width:95%; } /* Two RSS Widget Areas */ #rss_stripe_wrap.two .widget { float: left !important; margin:0; width: 50%; padding:2%; } #rss_stripe_wrap.two .widget + .widget { margin-right:; } /* Three RSS Widget Areas */ #rss_stripe_wrap { display:table; height:100%; width:100%; } #rss_stripe_wrap.three .widget-area { float: left !important; margin: 0 !important; width: 33.3333%; padding:2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #rss_stripe_wrap.three .widget-area + .widget-area + .widget-area { margin-right: 0 !important; } #rss_stripe_wrap .widget-area .widget + .widget {display:table;} } @media screen and (min-width: 810px) { #LogoFront{ display:block; } .attachment .site-content .attachment img { display: block; margin: 0 auto; } .contributor-avatar { margin-left: -168px; } .contributor-summary { float: left; } .full-width .site-content blockquote.alignleft, .full-width .site-content blockquote.alignright { width: -webkit-calc(50% + 130px); width: calc(50% + 130px); } .full-width .site-content .alignleft { clear: left; } .full-width .site-content .alignright { clear: right; } } @media screen and (min-width: 992px) { .ToolFront h3.Tool a{ width:100%; } .ToolFront h3.Tool a{ width:25%; } .MenuDossier ul.menu li a{ width:80%; } .single section#toolsfront, .error404 section#toolsfront{ width:auto; margin:30px auto 0; } .single section#toolsfront .rdv, .error404 section#toolsfront .rdv{ display:none; } .comment-list .trackback, .comment-list .pingback, .comment-list article { margin-bottom: 2%; padding-top: 2%; } .comment-author .avatar { height: 34px; top: 2px; width: 34px; } .comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata { padding-left: 50px; } .comment-list .children { padding-left: 20px; margin-left:40px; border-left:3px solid #aaa; } /* Fixed sidebar */ .lg-fixed{ position: fixed; } .lg-fixed } @media screen and (min-width: 1008px) { .primary-sidebar { padding-top: 0; } .secondary-navigation { font-size: 12px; } .footer-sidebar .widget { display:table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .footer-sidebar .widget h2, .primary-sidebar .widget h2 { font-size: 18px; line-height: 1.3333333333; } .footer-sidebar .widget h3, .primary-sidebar .widget h3 { font-size: 16px; line-height: 1.5; } .footer-sidebar .widget h4, .primary-sidebar .widget h4 { font-size: 14px; line-height: 1.7142857142; } .footer-sidebar .widget h5, .primary-sidebar .widget h5 { font-size: 12px; line-height: 2; } .footer-sidebar .widget h6, .primary-sidebar .widget h6 { font-size: 11px; line-height: 2.1818181818; } .footer-sidebar .widget code, .footer-sidebar .widget kbd, .footer-sidebar .widget tt, .footer-sidebar .widget var, .footer-sidebar .widget samp, .footer-sidebar .widget pre, .primary-sidebar .widget code, .primary-sidebar .widget kbd, .primary-sidebar .widget tt, .primary-sidebar .widget var, .primary-sidebar .widget samp, .primary-sidebar .widget pre { font-size: 11px; line-height: 1.6363636363; } .footer-sidebar .widget blockquote, .primary-sidebar .widget blockquote { font-size: 14px; line-height: 1.2857142857; } .footer-sidebar .widget blockquote cite, .primary-sidebar .widget blockquote cite { font-size: 12px; line-height: 1.5; } .footer-sidebar .widget input, .footer-sidebar .widget textarea, .primary-sidebar .widget input, .primary-sidebar .widget textarea { font-size: 12px; padding: 3px 2px 4px 4px; } .footer-sidebar .widget input[type="button"], .footer-sidebar .widget input[type="reset"], .footer-sidebar .widget input[type="submit"], .primary-sidebar .widget input[type="button"], .primary-sidebar .widget input[type="reset"], .primary-sidebar .widget input[type="submit"] { padding: 5px 15px 4px; } .footer-sidebar .widget_categories li ul, .footer-sidebar .widget_nav_menu li ul, .footer-sidebar .widget_pages li ul, .primary-sidebar .widget_categories li ul, .primary-sidebar .widget_nav_menu li ul, .primary-sidebar .widget_pages li ul { border-top: 0; margin-top: 6px; } } @media screen and (min-width: 1040px) { } @media screen and (min-width: 1080px) { .secondary-navigation ul li:hover > ul, .secondary-navigation ul li.focus > ul { left: 202px; } .post-navigation a, .image-navigation .previous-image, .image-navigation .next-image { width: 50%; float:left; display:block; } /* TOP OF HOME FOR MD LG FRONT PAGE OVERLAY */ #featured-bloc h2{ font-size: 2em; } /*Acrhives*/ #filters-panel{ border:none; padding: 0; } /* sub menu */ .secondary-header ul.sub-menu{ display:inline-block; position: absolute; left: -999em; z-index: 2000; top: 50px; } .secondary-header ul li:hover ul.sub-menu{ left: 0; } /* CONTENT */ .single .entry-title{ font-size: 3em } } @media screen and (min-width: 1110px) { } @media screen and (min-width: 1218px) { } @media screen and (min-width: 1260px) { .site-content blockquote.alignleft, .site-content blockquote.alignright { width: -webkit-calc(50% + 18px); width: calc(50% + 18px); } .site-content blockquote.alignleft { margin-left: -18%; } .site-content blockquote.alignright { margin-right: -18%; } } /** * 12.0 Print * ----------------------------------------------------------------------------- */ @media print { body { background: none !important; /* Brute force since user agents all print differently. */ color: #2b2b2b; font-size: 12pt; } .site, .site-header, .hentry, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content, .archive-header, .page-header, .contributor-info, .comments-area, .attachment .entry-attachment .attachment { max-width: 100%; } #site-header img, .search-toggle, .site-navigation, .site-content nav, .edit-link, .page-links, .widget-area, .more-link, .post-format-archive-link, .comment-respond, .comment-list .reply, .comment-reply-login, #secondary, .site-footer, .slider-control-paging, .slider-direction-nav { display: none; } .entry-meta, .entry-meta a, .featured-content .hentry, .featured-content a { color: #2b2b2b; } .entry-content a, .entry-summary a, .page-content a, .comment-content a { text-decoration: none; } .site-header, .post-thumbnail, a.post-thumbnail:hover, .site-content .entry-header, .site-footer, .featured-content, .featured-content .entry-header { background: transparent; } .header-main { padding: 48px 10px; } .site-title { float: none; font-size: 19pt; } .content-area { padding-top: 0; } .list-view .site-content .hentry { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 48px; padding-bottom: 24px; } .post-thumbnail img { margin: 0 10px 24px; } .site-content .has-post-thumbnail .entry-header { padding-top: 0; } .site-content footer.entry-meta { margin: 24px auto; } .entry-meta .tag-links a { color: #fff; } .singular .site-content .hentry.has-post-thumbnail { margin-top: 0; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: block; } .archive-title, .page-title { margin: 0 10px 48px; } .featured-content .hentry { margin-bottom: 48px; } .featured-content .post-thumbnail, .slider .featured-content .post-thumbnail { padding-top: 0; } .featured-content .post-thumbnail img { position: relative; } .featured-content .entry-header { padding: 0 10px 24px; } .featured-content .entry-meta { font-size: 9pt; margin-bottom: 11px; } .featured-content .cat-links { font-weight: 900; } .featured-content .entry-title { font-size: 25pt; line-height: 36px; } } /** * 13.0 Slidebars * ----------------------------------------------------------------------------- */ .sb-left{ transform:translate(-100vw, 0); } .sb-left.sb-active{ transform:translate(0, 0); } @media (max-width: 480px) { /* Slidebar widths on extra small screens. */ .sb-slidebar { width: 100%; } } @media (min-width: 481px) { /* Slidebar widths on small screens. */ .sb-slidebar { width: 70%; } } @media (min-width: 768px) { /* Slidebar widths on medium screens. */ .sb-slidebar { width: 40%; } } @media (min-width: 992px) { /* Slidebar widths on large screens. */ } @media (min-width: 1100px) { /* Slidebar widths on extra large screens. */ .sb-slidebar { width: 250px; display: block; transform: none; } .sb-no-collapse-md{ display: block !important; border-left: 1px solid #eee; } body.archive #sb-site, body.home-page #sb-site, body.home #sb-site{ width: calc(100% - 500px); margin-left: 250px } #sb-site{ width: calc(100% - 250px); margin-left: 250px } .sb-fixed{ top: 0; right: 0; bottom: 0; height: 100vh; left:auto; width: 250px; position: fixed; } } /* Sb Slider */ .sb-slide, #sb-site, .sb-site-container, .sb-slidebar { -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; transition: transform 400ms ease; -webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */ -webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */ } .sb-hide { display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */ } /** * 14.0 Footer à retirer sur PF * ----------------------------------------------------------------------------- */ .site-footer {background-color: #222;position: relative;z-index: 1;clear:both;display:block;padding:0;} .site-credits{border-top:1px solid #fff;padding:10px 0;} .site-info, .blog-info {overflow:hidden;text-align:center;} .site-info a{padding:0 5px;color:inherit;} .site-info a:hover {text-decoration:underline;} div.bgpf{background:#222;font-size:12px;overflow:hidden;color:#fff;width:100%;display:block;padding:20px 0;} div.bgpf a{color:#fff;} #closer{dispplay:none;} .bgpf a:hover{text-decoration:underline;} div.pfinner{margin:0 auto;display:block;overflow:hidden;} a.PfBouton{display:block;margin:2%;text-align:center;width:45%;border:1px solid #fff;float:left;padding:2% 0;} a.PfBouton span{display:block;font-size:60px;margin-bottom:5px} a.PfBouton:hover{text-decoration:none;background:#fff;color:#000} a.PfBouton:hover span{color:#9E0D10} div.pfbloc{width:90%;margin:0 auto;} h1#ThePf, h2#PfDesc {text-align:center;display:block;margin:10px 0;font-weight:600;} h1#ThePf{font-size:50px} h2#PfDesc{font-size:26px;} h3#PfSign{font-size:14px;text-align:center;margin:10px 0 20px;text-indent:22%;} h2.pftitle{margin:15px 0;text-align:center;font-weight:600;display:bloc;border:2px solid #222;padding:10px 0 5px;} h2.pftitle:hover{border:2px dashed #fff;cursor:pointer;} h2.pftitle span{font-size:50px;display:block;} #ticket{font-size:14px;position:fixed;-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); display:block;padding:5px 20px;background:#0074A2;color:#fff;position:fixed;right:0;top:200px;margin-right:-60px;z-index:3000} #ticket:hover{margin-right:-56px;} @media screen and (min-width: 800px) { .pffloater{float:left;padding:0 20px;width:45%;} a.PfBouton{width:20%;} }