/* Theme Name: FTM - complet Theme URI: http://syndicoop.fr/safran Author: Ugict-CGT Author URI: http://twitter.com/damienramage Description: Conçu pour la CGT Safran et la FTM CGT License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Version: 1.2 Text Domain: ftmcomplet Template: iamyourfather3 */ /** * SOMMAIRE: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 3.1 - css from CAPTCHA * 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 - Front Banner * 7.0 - Sidebar * 7.1 - Widgets * 7.2 - Taxonomy filters * 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/ * * ----------------------------------------------------------------------------- */ #ticket{display:none !important;} #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;font-family:'Lato',sans-serif} 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:'Lato',sans-serif;font-size:14px;font-weight:300;line-height:1.5} 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:#c11;text-decoration:none;} a:focus{outline:0} a:hover,a:active{outline:0;text-decoration: none;} a:active,a:hover{color:#cc113e} h1,h2,h3,h4,h5,h6{margin:24px 0 12px;font-family:'Oswald',sans-serif} h1{font-size:3em;line-height:1.3846153846} h2{font-size:2.5em;line-height:1.2} h3{font-size:2em;line-height:1.0909090909} h4{font-size:1.5em;line-height:1.2} h5{font-size:1.2em;line-height:1.3333333333} h6{font-size:1.1em;line-height:1.5} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-family:'Oswald',sans-serif} h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#c11} h1 a:focus,h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus,h6 a:focus{color:#c11} 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{color:#333;font-size:22px;font-style:italic;font-weight:700;line-height:1.2631578947;padding:35px 50px;position:relative} blockquote:before,blockquote:after{content:'\f106';font:50px/1 Genericons;position:absolute} blockquote:before{left:0;top:0;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)} blockquote:after{bottom:0;right:0} 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;font-size:100%;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:#cc113e;color:#fff;text-shadow:none} ::-moz-selection{background:#cc113e;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:#c11;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{margin:2% auto 2% auto} /** * 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-walter-bis { color: #fff; transition: color 0.3s ease; } .ft-walter-bis:hover, .btn:hover .ft-walter-bis { color: rgb(159, 26, 26); } .ft-green {color:#1abc9c} .ft-darkgreen{color:#14947b} .ft-blue {color:#25b0cc} .ft-darkblue{color:#167;} .ft-grey {color:#343434} .ft-lightgrey{color:#777;} .ft-lightergrey{color:#ccc;} .ft-red{color:#cc113e} .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:#cc113e} 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:#25b0cc;} a.hov-darkblue:hover{color:#167;} a.hov-red:hover{color:#cc113e;} .hov-bg-walter:hover{background-color:#fff;} .hov-bg-green:hover{background-color:#1abc9c} .hov-bg-blue:hover{background-color: #25b0cc} .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:#cc113e;} .bg-walter{background-color: #fff;} .bg-green {background-color:#1abc9c} .bg-darkgreen{background-color:#14947b} .bg-blue {background-color:#25b0cc} .bg-darkblue{background-color:#167;} .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:#cc113e;} .ft-06{font-size:0.6em;} .ft-08{font-size:0.8em;} .ft-1{font-size:1em;} .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;} .m-t-0{margin-top: 0;} .m-t-1{margin-top: 1em;} .m-t-2{margin-top: 2em;} .m-t-3{margin-top: 3em;} .m-b-0{margin-top: 0;} .m-b-1{margin-bottom: 1em;} .m-b-2{margin-bottom: 2em;} .m-b-3{margin-bottom: 3em;} .p-t-0{padding-top: 0} .p-t-1{padding-top: 1em} .p-t-2{padding-top: 2em} .p-t-3{padding-top: 3em} .p-b-0{padding-bottom: 0;} .p-b-1{padding-bottom: 1em;} .p-b-2{padding-bottom: 2em;} .p-b-3{padding-bottom: 3em;} .ft-light{font-weight: 300;} .ft-normal{font-weight: 500;} .ft-bold{font-weight: 700;} .ft-alt{font-family: 'Oswald', sans-serif;} .ft-noalt{font-family: 'Lato', 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{ background-color: transparent; display: block; z-index: 2; top: 0; bottom: 10%; } .simple-border:after, .double-border:before, .double-border:after{ content: ""; position: absolute; background: #cc113e; left: 0; right: 0; width: 100%; height: 5px; } .double-border-inner:before, .double-border-inner:after{ position: absolute; content: ""; background: #cc113e; top: 0; bottom: 0; height: 100%; width: 5px; } .double-border:before{ top: 0%; } .double-border:after{ bottom: 0%; width: 90%; } .double-border-inner:before{ left: 0%; } .double-border-inner:after{ right: 0%; height: 115% } .double-border-side{ width: auto } .double-border-side:before{ width: 30px; } .double-border-side:after{ width: 35px; right: 0; left: auto; } .double-border-side .double-border-inner:after{ height: 35px; bottom: 0; top: auto; } .double-border-side .double-border-inner:before{ height: 30px; top: 0; } .simple-border:after{ bottom: 0; right: 0; left: auto; width:70%; } .btn-3d{ border-bottom:solid 2px rgba(0,0,0,0.2); transition: all 0.2s ease; border-radius: 0px; display: block; overflow: hidden; } .btn-3d i{ float: left; margin-left: 0.5em; } .btn-3d span{ float: left; margin-left: 1em; } .btn-3d:hover{ border-bottom:solid 2px rgba(0,0,0,0); transition: all 0.2s ease; } .btn-bright-red, .bg-bright-red { background-color: rgb(159, 26, 26); /* #9F1A1A */ border: 2px solid rgb(159, 26, 26); transition: all 0.3s ease; /* transition douce */ } .btn-bright-red:hover { background-color: transparent; /* fond transparent */ border: 2px solid rgb(159, 26, 26); /* contour visible */ transition: all 0.3s ease; /* transition douce */ } .btn-orange, .bg-orange{ background-color: rgb(18, 88, 118); /* #9F1A1A */ border: 2px solid rgb(18, 88, 119); transition: all 0.3s ease; /* transition douce */ } .btn-orange:hover{ background-color: transparent; /* fond transparent */ border: 2px solid rgb(18, 88, 118); /* contour visible */ transition: all 0.3s ease; /* transition douce */ } .btn-purple, .bg-purple{ background-color: rgb(159, 26, 26); /* #9F1A1A */ border: 2px solid rgb(159, 26, 26); transition: all 0.3s ease; /* transition douce */ } .btn-purple:hover{ background-color: transparent; /* fond transparent */ border: 2px solid rgb(159, 26, 26); /* contour visible */ transition: all 0.3s ease; /* transition douce */ } .btn-teal, .bg-teal{ background-color: #1098ad; } .btn-teal:hover{ background-color: #0B8598; } .btn-yellow, .bg-yellow{ background-color: #fab005; } .btn-yellow:hover{ background-color: #F59F01; } .btn-default { color: #333; background-color: rgba(255,255,255,0.2); border-color: #fff; border-radius: 0px; font-size: 80%; border-width: 1px; } /** * 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} /* tweaking wp admin from front end */ #wp-admin-bar-theme_options{display:none} .logged-in #wpadminbar{top:0!important} .logged-in .is-sticky #sticker{position:relative!important} /** * 3.1 From CAPTCHA plugins/captcha/css/style.css * ----------------------------------------------------------------------------- */ /** * 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 { background:#fff; } .site-title { color: #333; display: none; font-size: 16px; line-height: 50px; float: left; margin: 0 0 0 10px; } .site-title a, .site-title a:focus, .site-title a:hover{ text-decoration: none; color: inherit; } .site-title span { color:#fff; font-weight:500; padding:14px 5px; background:#c11; font-family:Arial,sans-Serif; text-transform:lowercase; } #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: rgba(255,255,255,0.9) } .is-sticky .site-header { height:50px; } .site-header { height:50px; } /* Search in the header */ .search-toggle { cursor: pointer; height: 35px; width: 35px; float: right; text-align: center; margin-right: 10px; line-height: 50px; } .search-toggle:hover, .search-toggle.active { background-color: #fff; color:#c11; } .search-toggle:before { color: #343434; content: "\f400"; font-size: 20px; } .search-toggle:hover:before, .search-toggle.active:before { color:#c11; } .search-toggle .screen-reader-text { left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */ } .search-box-wrapper { position: fixed; background: #fff; z-index: 900; height: 100vh; width: 100vw; text-align: right; display: table; position: absolute; top: 60px; bottom: 0; left: 0; right: 0; } .search-box { padding: 15px 0; border-radius:0px; margin-top: 20vh; } .search-box .search-field { border:1px solid #eee; font-size: 2em; 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; position: fixed; top: 0; z-index: 0; display: none; background-color: #fff; -webkit-transform: translate(0px); border-right:5px solid #c11; } .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 { padding:0; } .sb-left nav ul { list-style: none; margin: 0; padding:0; font-family: 'Oswal', sans-serif; font-size:20px; line-height:20px; } .sb-left ul ul{ display:none; } .sb-left nav li { position:relative; display:block; } .sb-left nav li a{ color: #c11; padding:3% 5% 3% 22%; display:block; text-transform:uppercase; color: #343434; font-family: 'Lato', arial, sans-serif; position:relative; } .sb-left nav li:before{ font: 36px/1 Genericons; -webkit-font-smoothing: antialiased; top: 0px; left: 5%; position: absolute; color: #cc113e; z-index: 1000; } .sb-left nav li:hover:before{ color:#fff !important; } .sb-left nav li a:hover { background: #c11 !important; color:#fff !important; } .menu-toggle { height: 55px; margin: 0; overflow: hidden; padding: 0; position:relative; float:right; display:block !important; text-align: center; font-weight:300; width:100px; background:none !important; border:none !important; line-height: 55px; position: relative; color: #343434; font-family: "Source sans pro", arial, sans-serif; } .menu-toggle:before { color: #cc113e; content: "\f419"; font-size:30px; margin-right: 10px; vertical-align:middle; } .sb-active-left .menu-toggle:before{ color:#c11; } .menu-toggle:active, .menu-toggle:focus, .menu-toggle:hover { color:#c11; background:none !important; } .menu-toggle:active:before, .menu-toggle:focus:before, .menu-toggle:hover:before { background:none !important; color:#c11; } .menu-toggle:focus:before, .menu-toggle:hover:before{ background:none !important; margin-left:10px; } .site-description span.edit-link a, .site-description a.edit-config{ top:0 !important; } /* Secondary navigation. Only top display on large screens */ .secondary-header{ display: none; } .secondary-header ul{ margin:0 auto; display:block; text-align: center; list-style-type:none; } .secondary-header ul li { display:inline-block; float:none; text-align: center; padding:0; position: relative; } .secondary-header ul li a{ display: inline-block; position: relative; margin: 0 10px; color: #343434; line-height: 50px; font-size: 13px; font-weight: bold; text-align: left; text-transform: uppercase; } .secondary-header ul li.current-menu-item, .secondary-header ul li.current-menu-item a{ text-decoration: underline; } .secondary-header ul li:before { display:none !important; } .secondary-header li:hover, .secondary-header ul li a:hover{ color:#cc113e; text-decoration: none; } .secondary-header ul li.menu-item-has-children a:after{ -webkit-font-smoothing: antialiased; display: inline-block; font: normal 14px/1 Genericons; content: "\f431"; text-decoration: inherit; vertical-align: middle; margin-left: 4px; } /*submenu*/ .secondary-header ul.sub-menu{ background-color: #fff; list-style: circle; border-top:3px solid #cc113e; border-bottom:3px solid #cc113e; min-width: 200px; } .secondary-header ul.sub-menu li{ clear: both; width: 100%; text-align: left; white-space: nowrap; } .secondary-header ul.sub-menu li a{ background-color: #fff; margin:0; display: block; color: #343434; text-transform: none; line-height: 1.2; padding: 10px; } .secondary-header ul.sub-menu li a:after{ content: none; } .secondary-header ul.sub-menu li a:hover{ background-color: #eee; text-decoration: none; } /** * 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{ padding-top: 1em; } .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; } .entry-title { line-height: 1.2; margin: 5px 0; color:#333; } .single .entry-title{ font-weight:600; } .site-content .entry-header { padding: 0; } /** * 6.3 Entry Meta * ----------------------------------------------------------------------------- */ .sticky .entry-date { display: none; } .cat-links { overflow: hidden; margin-top:10px; text-transform: uppercase; } .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:#c11; } .entry-date a:hover, .entry-date a:hover:before{ color:#c11; background:#fff !important; } /* 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-content h4, .entry-content h5, .entry-content h6, .entry-summary h1, .entry-summary h2, .entry-summary h3, .entry-summary h4, .entry-summary h5, .entry-summary h6, .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h6, .page-content h6{ color:#cc113e; font-weight: bold; } .entry-content h1:after, .entry-content h2:after, .entry-content h3:after, .entry-content h4:after{ margin:0.4em 0; display:block; height: 3px; width: 40%; background: #cc113e; content: ""; } .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; } .entry-content a, .entry-summary a, .page-content a, .comment-content a { text-decoration: none; border-bottom:2px solid #cc113e; color:#cc113e; } .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:#c11; 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 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; } .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; } /* 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{ padding:5px 10px; display:inline-block; line-height:1; margin:10px 5px; text-transform:capitalize; word-spacing:-3px; font-weight: normal; color: #343434; } .tags h5 a{ border:3px solid #c11; color:#c11; background:#fff; } .tags h5 a:hover{ text-decoration: underline; } /* Related Posts */ div.relatedposts{ padding:1em; display:block; clear:both; margin:1em auto; border:1px solid #eee; } .relatedposts ul{ list-style-type:none; margin:0; } .relatedposts h3{ color:#343434; font-family: "Source Sans Pro", sans-serif; font-size:2em; margin: 0 0 10px; padding: 0.2em; border-bottom: 1px solid #eee; display: block; border-radius: 0.25em; -webkit-border-radius: 0.25em; } .relatedposts ul li a{ color:#343434; padding-left:30px; font-weight: bold; font-size: 1.2em; display:block; position:relative; } .relatedposts ul li a:before{ content: '\f429'; font:30px/1 Genericons; position:absolute; left:0px; top:-2px; color:#343434; } .relatedposts ul li a:hover, .relatedposts ul li a:hover:before{ color:#cc113e; } /** * 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:#c11; } /* 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:#cc113e; 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:#c11; } .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:#c11; } /* Paging Navigation */ .paging-navigation { margin: 40px 0; } .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 { background:#F7F7F7; } .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 article { float: left; } .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 .hentry:before, .search .hentry:before{ display:block; width:1px; background:#eee; height:100%; content:""; position:absolute; left:20px; top:0; } .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:#c11; } /** * 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 * ----------------------------------------------------------------------------- */ span.comments-link{ float:right; padding:5px; } span.comments-link a{ color:#343434; font-weight: bold; } span.comments-link a:hover{ color:#cc113E; } .site-content .comments-link a:before { content: "\f108"; position: relative; vertical-align:middle; margin-right:10px; font-size:30px !important; color:#cc113e !important; } .site-content .comments-link a:hover:before { color:#262626; } .comment-reply-title, .comments-title { margin: 20px 0; font-weight:600; color:#232323; } .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: #c11; } .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:#c11; border:1px solid #c11; 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 #c11; background:#c11; 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 { margin-top: 0; margin-bottom: 24px; } .comment-respond h3:before{ font: 20px/1 Genericons; content: "\f108"; vertical-align: middle; margin-right: 20px; color: #fff; background: #cc113E; padding: 10px; } .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 label { display: block; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: 100%; } #comments input#submit{ border-radius:0; -webkit-border-radius:0; background:#fff; border:1px solid #ccc; } #comments input#submit:hover{ color:#c11; border:1px solid #777; } .form-allowed-tags, .form-allowed-tags code { font-size: 12px; line-height: 1.5; } .required { color: #c0392b; } .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; } .sticky-thumbnail{ left: 0; top: 0; height: 100%; } .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-shadow{ text-shadow: 2px 2px 6px #333; -webkit-text-shadow:2px 2px 6px #333; } .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 */ .post-categories{ list-style: none; } span.cat-links a{ display:inline-block; list-style: none; text-transform: uppercase; color: #fff; margin: 5px 3px; font-size: 0.8rem; padding: 5px 15px 3px; font-family: "Source Sans Pro", sans-serif; background: none; border-bottom: 2px solid #cc113E; position: relative; background: #cc113E; } span.cat-links a:after{ content: ""; display: block; width: 10px; height: 10px; background: #cc113E; position: absolute; bottom: -7px; z-index: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); right: 12px; margin-left: -5px; } span.cat-links a:hover, span.cat-links a:hover:after{ background:#cc113e; color:#fff; border-bottom-color:#cc113e; } body.single span.cat-links a:hover{ color:#fff; background:#cc113e; } 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 #c11; } .MenuDossier ul.menu li a:hover, .MenuDossier ul.menu li a:hover:before{ color:#fff; background:#c11; } .MenuDossier ul.menu li a:before{ -webkit-font-smoothing: antialiased; font: normal 30px/1 Genericons; text-decoration: inherit; content: '\f412'; margin-right:10px; color:#c11; } /** * 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 #c11; text-transform: capitalize; word-spacing: -8px; font-weight:300; font-family: 'Oswald', sans-serif; background:#fff; color:#c11; float:left; } .theTags ul li a:hover{ color:#fff; background:#c11; } .theTags ul li a span.count{ font-size:36px; } /** * 6.20 Front Banner * ----------------------------------------------------------------------------- */ /** * 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; } .widget h1.widget-title{ text-transform: uppercase; font-family: 'Oswald', sans-serif; display: block; font-size: 25px; line-height: 30px; margin:0 0 1em; padding: 10px 0; display: block; clear: both; } .widget-title:after{ content: ""; width:50%; height: 2px; background: #cc113e; display: block; float: right; margin: 10px 0 20px; } .widget h1.widget-title:before{ font-size:25px ; font-family:Genericons; line-height: 30px; content: '\f413'; position:relative; vertical-align:middle; margin-right: 5px; } .widget_nav_menu h1.widget-title:before{ content: none; } /* Widgets in large dark footer */ .footer-banner .widget .widget-title{ background-color: #232323; color: #fff; margin:0; } .footer-banner .widget:before, .footer-banner .widget:after{ display: none; } .footer-widgets h1.widget-title:after{ background: #fff; height: 1px; width: 10%; float: none; } .footer-banner .widget_nav_menu li { padding:0 0 5px; } .footer-banner .widget_nav_menu li a{ color: #fff; font-size: 0.8em; } .footer-banner .widget_nav_menu li a:hover{ color: #fff; text-decoration: underline; } .footer-banner .footer-widgets .widget{ float: left; width: 50%; 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 */ a.rsswidget img {display:none !important;} a.rsswidget { font-weight:600; color:#343434; } .widget_rss ul li a.rsswidget{ font-size: 1em; } a.rsswidget:hover{ color:#cc113e; text-decoration:underline; } .rssSummary { margin: 5px 0; font-size:80%; } .rss-date { margin: 5px 0; font-size: 0.8em; text-align: right; display: block; } .widget_rss li { border-top: 1px solid #eee; padding: 20px 5px; } .widget_rss li:last-child { border-bottom: 1px solid #eee; } /* 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; margin-bottom: 1em; } .taxonomy-drilldown-dropdowns ul li label{ display: block; margin-bottom: 5px; position: relative; font-size: 12px; font-weight: bold; } .taxonomy-drilldown-dropdowns select{ display: block; width: 100%; 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:'Oswald', sans-serif; font-weight:bold; color:#343434; text-transform: uppercase; text-align:center; border-radius:0px; font-size: 13px; -webkit-border-radius:0px; -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; } .taxonomy-drilldown-dropdowns input[type="submit"]{ cursor: pointer; display: block; clear: both; margin:5px; background: #F7F7F7; border-bottom: solid 3px rgba(0,0,0,0.2); transition: all 0.2s ease; border-radius:3px; width: 100%; padding: 10px; text-align: center; } .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; } /** * 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:#c11; } /* 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: #c11; } .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:#c11; } .slider-direction-nav a:hover, .slider-direction-nav a:hover:before{ color:#c11; } .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 #c11!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) { .menu-toggle{ width:60px; } .menu-toggle{ font-size:0px; } .sb-left nav li:before{ left:2%; } .site-title{ left:55px !important; } .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; } #featured-bloc{ margin:1em auto 2em; } .featured-content{ min-height:380px; padding-top:30px; } .slider-direction-nav{ top:0; right:0; } #front-une .cat-links, .list-view .site-content .type-post .entry-content, .list-view .site-content .type-page .entry-content, .list-view .site-content .type-post .entry-summary, .list-view .site-content .type-page .entry-summary, .list-view .site-content footer.entry-meta, .meta-tools, .enavant-cat, .slider-control-paging, body.tax-agendas .genericon, body.page-template-page-templatesagenda-php .genericon{ display: none; } .featured-content .entry-header{ padding:5px 10px; min-height:80px; background:#fff; } .site-content .entry-content, .page-content{ padding:0 10px; } .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{ margin-left:-10px; } .list-view .site-content .format-aside .entry-title, .list-view .site-content .format-link .entry-title, .list-view .site-content .format-quote .entry-title { display: block; } body.tax-agendas .hentry{ width:100%; margin:15px 0 !important; } .list-view .site-content .entry-meta { background-color: transparent; clear: none; margin: 0; text-transform: none; } .error404 .page-header { border-bottom: 0; margin: 0 auto 24px; padding: 0 10px; } } @media screen and (min-width: 401px) { .site-title{ display: block; } .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; } .site-content .format-video .post-format a:before { content: "\f104"; vertical-align:middle; } .site-content .format-image .post-format a:before { content: "\f473"; vertical-align:middle; } .site-content .format-quote .post-format a:before { content: "\f106"; vertical-align:middle; } .site-content .format-link .post-format a:before { content: "\f107"; position: relative; vertical-align:middle; } .site-content .featured-post:before { content: "\f308"; margin-right: 3px; position: relative; top: 1px; } .site-content .byline a:before { content: "\f304"; } span.edit-link a, a.edit-config{ display:inline-block; color:#fff; background:#00bed6; border-bottom: solid 3px rgba(0,0,0,0.2); padding: 5px 10px; } span.edit-link a:before, a.edit-config:before{ content: "\f411"; } a.edit-config:before{ content: "\f445"; } span.edit-link a:before, a.edit-config:before{ color:#fff; font:30px/1 Genericons; position:relative; vertical-align:middle; } #front-une a.edit-config, #bloc1 a.edit-config { right:auto; left:0; z-index:1000; } span.edit-link a:hover:before, span.edit-link a:hover, a.edit-config:hover:before, a.edit-config:hover{ color:#fff; background:#0ae4ff; } span.edit-link a:hover, a.edit-config:hover{ transition:all 0.3s ease-in; background-color: #0ae4ff, } .site-content .full-size-link a:before { content: "\f402"; margin-right: 1px; } .site-content .parent-post-link a:before { content: "\f301"; } .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; } .is-sticky .site-title, .site-title{ font-size:16px; left:25%; } .single .sharrre{ margin-right:0; } } @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:#c11; } .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) { .search-toggle { margin-right: 0; } /* 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: 846px) { #home img{ width:auto; height:200px; } a.banner-button{ float:right; width:auto; clear:none; } .content-sidebar { padding-top: 72px; } .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; } body.tax-agendas .genericon, body.page-template-page-templatesagenda-php .genericon{font-size:150px} .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; } } @media screen and (min-width: 1008px) { .primary-sidebar { padding-top: 0; } .site-description:empty { margin: 0; } .VoirBlog a{ width:auto; } .secondary-navigation { font-size: 12px; margin: 0 -30px 0; } .secondary-navigation li { border-top: 1px solid rgba(255, 255, 255, 0.2); position: relative; } .secondary-navigation a { padding: 10px 30px; } .secondary-navigation ul ul { position: absolute; top: 0; left: -999em; width: 250px; z-index: 2000; box-shadow:2px 2px 0 #aaa; -webkit-box-shadow:2px 2px 0 #aaa; } .secondary-navigation li li { border-top: 0; } .secondary-navigation li li a{ color:#242424; background-color: #fff; } .secondary-navigation li:hover > a, .secondary-navigation li.focus > a { background-color: #fff ; color: #c11; } .secondary-navigation ul ul a:hover, .secondary-navigation ul ul li.focus > a { background-color: #c11; color:#fff; } .secondary-navigation ul li:hover > ul, .secondary-navigation ul li a:hover > ul, .secondary-navigation ul li.focus > ul { left: 250px !important; margin-left:0 !important; } .secondary-navigation .menu-item-has-children > a { padding-right: 38px; } .secondary-navigation .menu-item-has-children > a:after { -webkit-font-smoothing: antialiased; content: "\f501"; display: inline-block; font: normal 12px/1 Genericons; position: absolute; right: 10px; top: 37%; vertical-align: text-bottom; z-index:2; } .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; } #supplementary { padding: 0; } .footer-sidebar { line-height: 1.5; } .grid .featured-content .hentry { width: 33.3333333%; } .grid .featured-content .hentry:nth-child( 2n+1 ) { clear: none; } .grid .featured-content .hentry:nth-child( 3n+1 ) { clear: both; } .grid .featured-content .entry-header { height: 120px; } } @media screen and (min-width: 1040px) { } @media screen and (min-width: 1080px) { .menu-toggle { display:none !important; } .secondary-header{ display:block; } .secondary-navigation ul li:hover > ul, .secondary-navigation ul li.focus > ul { left: 202px; } .slider .featured-content .entry-header, .slider-control-paging { width: 100%; } .slider-control-paging { padding-left: 24px; } .slider-control-paging li { margin: 12px 12px 12px 0; } .slider-control-paging a { height: 24px; width: 24px; } .slider-control-paging a:before { top: 6px; left: 6px; } .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 */ body.home #sticker{ border-bottom: none; } body.home .is-sticky .site-title{ color: #333; } body.home .site-header{ background-color: transparent; } /* 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; } } @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; } .site-title a, .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 * ----------------------------------------------------------------------------- */ @media (max-width: 480px) { /* Slidebar widths on extra small screens. */ .sb-slidebar { width: 70%; } } @media (min-width: 481px) { /* Slidebar widths on small screens. */ .sb-slidebar { width: 55%; } } @media (min-width: 768px) { /* Slidebar widths on medium screens. */ .sb-slidebar { width: 40%; } } @media (min-width: 992px) { /* Slidebar widths on large screens. */ .sb-slidebar { width: 30%; } .archive article{ float: none; } } @media (min-width: 1100px) { /* Slidebar widths on extra large screens. */ .sb-slidebar { width: 30%; } .page-template-blog .entry-title{ width:auto; } } /* 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 * ----------------------------------------------------------------------------- */ section#ReferenceSyndicale{max-width:90%;} .site-footer, .site-info{color: #eee;font-size:12px} .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:#eee;} .site-info a:hover {color: #fff;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:#c11} 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%;} }