/* Theme Name: Stop Trade Secrets theme Theme URI: / Author: Damien Ramage Author URI: http://damien.ramage.fr/ Description: It's a secret. Ripped off twentyfourteen, though License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Version: 1 Template: callmedaddy */ /** * SOMMAIRE: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 3.1 - 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 * 7.0 - Sidebar * 7.1 - Widgets * 8.0 - Footer * 9.0 - Featured Content * 10.0 - IE specific * 11.0 - Media Queries * 12.0 - Print * 13.0 - Slidebars * 14.0 - Footer * ----------------------------------------------------------------------------- */ /** * 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/ * * ----------------------------------------------------------------------------- */ 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:'Open Sans',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:'Open Sans',sans-serif;font-size:18px;font-weight:300;line-height:1.5} html,body{width:100%;height:100%;overflow-y:visible;} html{} .logged-in{margin-top:-32px} a{color:#c11;text-decoration:none} a:focus{outline:0} a:hover,a:active{outline:0} a:active,a:hover{color:#c11} h1,h2,h3,h4,h5,h6{clear:both;font-weight:300;margin:24px 0 12px;font-family:'Open Sans',sans-serif} h1{font-size:2.2em;line-height:1.3846153846} h2{font-size:2em;line-height:1} h3{font-size:1.8em;line-height:1.0909090909} h4{font-size:1.6em;line-height:1.2} h5{font-size:1.4em;line-height:1.3333333333} h6{font-size:1.2em;line-height:1.5} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-family:'Open Sans',sans-serif} h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#c11} abbr[title]{} 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:#c11;color:#fff;text-shadow:none} ::-moz-selection{background:#c11;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% 0 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} /** * 3.0 Basic Structure * ----------------------------------------------------------------------------- */ .site{position:relative;display:block;overflow:hidden;clear:both;background:#eee;} .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 #sticker-sticky-wrapper{margin-top:32px} .logged-in .is-sticky #sticker{position:relative!important} .FrontContainer{ display:block; overflow:hidden; max-width:1200px; margin:0 auto; width:90%; } #FrontTitle{ max-width:1000px; } #FrontText{ max-width:700px; text-align:justify; text-indent:15px; line-height:1.6em; position:relative; } /** * 4.0 Header * ----------------------------------------------------------------------------- */ .site-title { font-size: 36px; line-height: 52px; font-weight:600; position: relative; margin:0; text-align:center; padding:15px 0; } .is-sticky .site-title{ padding:12px 0; } .site-title a{ color:#fff; position:relative; } .site-title a:hover{ color:#fff; } h1.site-title a:after{ content:""; background-image:url(img/stoptradeSecret-white.svg); background-position:0 0; background-repeat:none; background-size:100% auto; display:inline-block; position:relative; vertical-align:sub; margin-left:15px; width:50px; height:50px; } nav#primary-navigation{ position:absolute; top:0; display:inline-block; } /* Sticky header */ #sticker{ z-index:2000; width:100%; background-color: #770047; background-color: rgba(119, 0, 71); overflow:hidden; } .is-sticky #sticker{ position:fixed; top:0; background-color: rgba(119, 0, 71); background-color: rgba(119, 0, 71, 0.8); box-shadow:0px 2px 2px #888; -webkit-box-shadow:0px 2px 2px #888; } .is-sticky .site-header { height:80px; } .site-header { height:130px; } /* Search in the header */ .search-toggle { background: #fff; color:#c11; cursor: pointer; height: 55px; width: 55px; float:right; text-align: center; } .search-toggle:hover, .search-toggle.active { background-color: #fff; color:#c11; } .search-toggle:before { color: #c11; content: "\f400"; font-size: 30px; margin-top: 14px; } .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: relative; background:#c11; z-index:4000; } .search-box { padding: 15px 0; border-radius:0px; } #masthead .search-form input { border-radius:0px; } .search-box .search-field { background-color: #fff; border: 0; font-size: 80%; padding:5px 15px; width:80%; max-width:1300px; margin:0 auto; display:block; } /* Language Switcher */ .header-lang{ background:#fff; display:bloc; overflow:hidden; padding:0; margin:0; } .is-sticky .header-lang{ display:none; } .header-lang ul{ margin:0 2% 0 0; text-align:right; float:right; } .header-lang ul li{ list-style-type:none; display:inline-block; margin:0; } .header-lang ul li a{ color:#3FA435; padding:10px 20px; display:block; font-weight:700; } .header-lang ul li a:hover{ color:#fff; background:#770047; } .header-lang ul li a#NoGo{ color:#ccc; } .header-lang ul li a#NoGo:hover{ color:#fff; background:#ccc; } /** * 5.0 Navigation * ----------------------------------------------------------------------------- */ .menu-toggle { height: 55px; margin: 0; overflow: hidden; padding: 0; position:relative; float:left; display:block !important; text-align: center; font-weight:300; color:#c11; width:100px; background:none !important; border:none !important; } .is-sticky .menu-toggle { display:block !important } .menu-toggle:before { color: #c11; content: "\f419"; font-size:30px; margin-right: 10px; vertical-align:middle; } .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; } /** * 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; max-width: 900px; } #content .hentry { margin:0 auto; } .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content { margin: 0 auto; max-width: 900px; } .page-content { margin: 60px auto; max-width: 900px; 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; } .FrontContent .entry-header { margin-top:0; text-align:center; } .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{ overflow:hidden; padding:5px 15px; } .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; } /*Les boutons printfriendly.com */ .printfriendly a{ font-weight:300; font-size:20px; line-height:22px; display:block; border:none !important } body.page .printfriendly{ padding-bottom:30px; overflow:hidden; } a#prnt:before, a#dwnld:before{ color: #b11; font: 40px/1 Genericons; margin-right: 15px; vertical-align: middle; } a#prnt:before{ content: '\f469'; } a#dwnld:before{ content: '\f440'; } a#prnt:hover:before, a#dwnld:hover:before{ color:#343434; } /** * 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; } .site-content .entry-content, .page-content { padding:0; } .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%; } .single .entry-content p, .single .page-content p{ text-indent:20px; text-align:justify; } .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:#c11; } .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 { border-left:10px solid #c11; line-height:1.2em; padding-left:20px; } .entry-content a, .entry-summary a, .page-content a, .comment-content a { text-decoration: none; border-bottom:2px solid #c11; color:#c11; } .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 h5{ margin:0; display:inline-block; } .tags h5 a{ padding:10px 15px; display:block; font-size:30px; line-height:1; margin:10px 5px; text-transform:capitalize; word-spacing:-5px; } .tags h5 a{ border:3px solid #c11; color:#c11; background:#fff; } .tags h5 a:hover{ color:#fff; background:#c11; } /* Related Posts */ .relatedposts{ padding:0; display:block; clear:both; padding:10px 0 20px 0; } .relatedposts ul{ list-style-type:none; margin:0; } .relatedposts h3{ color:#c11; font-size:35px; border-left:10px solid #c11; padding-left:20px; } .relatedposts ul li a{ color:#262626; padding-left:30px; display:block; position:relative; font-weight:300; border:none !important; } .relatedposts ul li a:before{ content: '\f429'; font:30px/1 Genericons; position:absolute; left:0px; top:-2px; color:#c11; } .relatedposts ul li a:hover{ color:#c11; } .relatedposts ul li a:hover:before{ color:#333; } /** * 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 * ----------------------------------------------------------------------------- */ .format-quote .entry-content, .format-quote .entry-summary, .format-link .entry-content, .format-link .entry-summary { padding-top: 0; } .archive .format-image .entry-title{ display: none; } .archive .format-image .entry-header{ padding:0 !important; } /* Image post format */ body.home .format-image{ border:0; } /* Quote post format */ .citation, .the_link{ padding:20px 60px; position:relative; margin-bottom:10px; 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 h2 a { margin-left:30px; border-bottom:4px solid #c11; color:#343434; } .the_link h2 a:hover { color:#c11; border-bottom:4px dashed #c11; } .the_link h2 a:after { font:70px/1 Genericons; content:"\f442"; position:absolute; top:40%; font-weight:bold; margin-left:30px; color:#c11; } .the_link h2 a:hover:after{ color:#c11; } /* 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, .page-header { background:#c11; padding-left:20px; padding-right:20px; box-sizing:border-box; -webkit-box-sizing:border-box; } .archive-title, .page-title { line-height: 1.5; margin: 0; padding:20px 0; max-width:900px; display:block; margin:0 auto; color:#fff; font-weight:600; } .archive-title { text-transform:capitalize; word-spacing:-8px; } .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:30px; font-weight:300; color:#c11; } #infscr-loading img{ display:block; margin:0 auto; } .archive .hentry, .page-template-blog .hentry, .search .hentry, .page-template-agenda .hentry{ margin:0 auto; padding:2.3em 20px 2.3em 50px !important; position:relative; overflow:hidden; } .archive .hentry:before, .page-template-blog .hentry:before, .search .hentry:before, .page-template-agenda .hentry:before{ display:block; width:5px; background:#c11; 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 .entry-title a, .page-template-blog .entry-title a, .search .entry-title a{ border-right:5px solid #fff; display:inline-block; padding:15px 10px 15px 0; font-weight:600; } .archive .entry-title a:hover, .page-template-blog .entry-title a:hover, .search .entry-title a:hover{ border-right:5px solid #c11; color:#242424; } .archive .site-content .entry-date a:before, .page-template-blog .site-content .entry-date a:before, .search .site-content .entry-date a:before{ content: '\f429'; background:#fff; color: #c11; display: block; height: 40px; left: -47px; position: absolute; width: 40px; top:-10px; border:4px solid #c11; } .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; } .archive .paging-navigation, .page-template-blog .paging-navigation, .search .paging-navigation{ margin:0 !important; } .archive .TheImage, .page-template-blog .TheImage, .search .TheImage{ margin-top:-10px; } .archive .ImageUne, .page-template-blog .ImageUne, .search .ImageUne{ width:45%; margin-right:3%; float:left; } .ImageUne + .entry-summary{ width:50%; float:left } .archive .format-video .entry-title, .archive .format-video .format-image .entry-title, .search .format-video .entry-title, .search .format-video .format-image .entry-title, .page-template-blog .format-video .entry-title , .page-template-blog .format-image .entry-title, .search .format-video .entry-title , .search .format-image .entry-title, .archive .format-video time, .archive .format-image time, .search .format-video time, .search .format-image time, .page-template-blog .format-video time, .page-template-blog .format-image time .search .format-video time, .search .format-image time{ display:none; } /** * 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; max-width:900px; } .error404 .page-content .search-form { margin: 20px 0; } /** * 6.12 Full-width * ----------------------------------------------------------------------------- */ .single .hentry{ padding:0 10px; } body.page-template-default #content .entry-header{ border-bottom:15px solid #c11; padding:20px; margin:20px 0; } body.page-template-default #content .entry-header h1{ color:#c11; font-style:italic; font-weight:600; } /** * 6.13 Comments * ----------------------------------------------------------------------------- */ span.comments-link{ float:right; padding:5px; } span.comments-link a{ color:#333; font-size:30px; overflow:hidden; font-weight:600; } span.comments-link a:hover{ color:#c11; } .site-content .comments-link a:before { content: "\f108"; position: relative; vertical-align:middle; margin-right:10px; font-size:50px !important; color:#b11 !important; } .site-content .comments-link a:hover:before { color:#262626; } .comments-area { margin: 20px auto; max-width: 1000px; padding: 0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; } .comment-reply-title, .comments-title { margin: 20px 0; font-weight:600; color:#232323; font-size:50px; } .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:100px/1 Genericons; content:"\f108"; vertical-align:middle; margin-right:20px; } .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 * ----------------------------------------------------------------------------- */ /* Top bloc */ #FrontTitle h1{ color:#fff; text-align:center; font-weight:300; margin:-3% auto 3%; text-shadow:1px 1px 0px #000; -webkit-text-shadow:1px 1px 0px #000; max-width:1200px; } .FrontBigLogo{ display:block; width:50%; margin:0 auto; float:left; } .CallsToAction{ max-width:900px; margin:5% auto 0; overflow:hidden; } .ActionButton{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; width:33.33%; padding:10px 0; } .ActionButton a{ display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:5px; color:#fff; text-align:center; width:90%; margin:0 auto; overflow:hidden; padding:15px 0; border:3px solid #327F2A; background:#327F2A; background:rgba(50, 127, 42); background:rgba(50, 127, 42, 0.9); box-shadow:2px 2px 0 #222; -webkit-box-shadow:2px 2px 0 #222; font-weight:600; text-transform:uppercase; font-size:2em; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; text-shadow:1px 1px 0 #111; -webkit-text-shadow:1px 1px 0 #111; } .ActionButton a:hover{ background:#000; background:rgba(0, 0, 0); background:rgba(0, 0, 0, 0.3); box-shadow:none; -webkit-box-shadow:none; color:#fff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .ActionButton a:after{ font:2em/1 Genericons; display:block; } .CallsToAction #readmore a:after { content: '\f431'; } .CallsToAction #share a:after { content: '\f108'; } .CallsToAction #sign a:after { content: '\f411'; } /* The Actions in the middle bloc*/ .ActionText h1{ font-size:1.2em; font-weight:600; text-transform:uppercase; } .ActionText p{ font-size:1.6em; font-weight:300; font-style:italic; } .ActionCalls .ActionButton { width:100%; margin:0 auto; } .ActionCalls .ActionButton a{ text-align:left; padding:10px 5px; font-size:1.2em; text-transform:none; } .ActionCalls .ActionButton a:before{ font:2em/1 Genericons; margin-right:5px; vertical-align:middle; } .ActionCalls #SignAction a:before { content: '\f411'; } .ActionCalls #TwitterAction a:before { content: '\f202'; } .ActionCalls #FacebookAction a:before { content: '\f204'; } /* The signatures*/ #FrontSignatures h1{ color:#3FA435; text-align:center; font-weight:600; margin:0.4em 0; } #FrontSignatures ul { margin:0; list-style-type:none; } #FrontSignatures ul li{ font-size:0.8em; text-align:center; } /* Featured blocs on top */ #featured-bloc{ display:block; overflow:hidden; max-width:900px; } section#featuredfront { overflow:hidden; clear:both; margin:0 auto; } .TitresFront .entry-title:before{ -webkit-font-smoothing: antialiased; position:absolute; left:5px; top:10px; font: 30px/1 Genericons; text-decoration: inherit; vertical-align: text-top; content: '\f501'; } .TitresFront .entry-title{ font-size:20px; position:relative; padding:10px 5px 10px 30px; margin:0; } .TitresFront .entry-title a{ color:#343434; } .TitresFront .entry-title a:hover{ color:#fff; background:#c11; } span.cat-links a{ display:inline-block; text-transform:uppercase; color: #c11; margin: 5px 3px; padding: 10px 15px; font-weight:300; background:none; border-bottom:4px solid #333; position:relative; } span.cat-links a:hover{ background:#c11; color:#fff; border-bottom:4px solid #c11; } body.single span.cat-links a{ color:#c11; font-size:20px; } body.single span.cat-links a:hover{ color:#fff; background:#c11; } body.single span.cat-links a#GoHome{ border-bottom:4px solid #fff; font-size:0; margin:0; padding:0; height:0; width:0; } .FrontContent { margin:0 auto; padding: 0; overflow:hidden; max-width:900px; } .FrontContent .hentry, #bloc3 .hentry{ display:block; position:relative; margin: 5% 0; overflow:hidden; } .FrontContent.genericon-show, #bloc3 .genericon-show { display:block; position:relative; } #idfront{ max-width:1000px; margin:0 auto; padding:20px 0; } .toolbox{ margin:0 auto; padding:0 20px; position:relative; } #idfront h3{ font-weight:600; padding:15px 0 15px 15px; border-left:4px solid #b11; line-height: 1.2em; margin: 20px 0; } .toolbox ul.menu{ list-style-type:none; margin:0 0 0 20px; } .toolbox ul.menu li a{ color:#343434; font-size:22px; line-height:32px; } .toolbox ul.menu li a:hover{ text-decoration:underline; color:#b11; } #BlocTop{ height:90%; width:100%; display:table; } #BlocTop #FrontTitle{ display:table-cell; vertical-align:middle; } /*AGENDA ET OUTILS */ section#toolsfront{ display:block; overflow:hidden; max-width:700px; margin:0 auto; } .ToolFront h3.Tool{ clear:none; display:block; margin:0; padding:0; } .ToolFront h3.Tool a{ font-size:20px; margin:0; text-align:center; display:block; overflow:hidden; float:left; color:#111; padding:20px 10px; width:25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; position:relative; font-weight:300; text-align:center; } .ToolFront h3.Tool a:hover, .ToolFront h3.Tool a:hover:before{ color:#fff; background:#770047; } .ToolFront h3.Tool a:before{ -webkit-font-smoothing: antialiased; display: block; font: 40px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; color:#333; position:relative; clear:both; } #LogoFront{ background:#fff; display:none; } #AgendaFront .rdv{ margin:10px 0 !important; display:none; } #LinkedinFront h3.Tool a:before{ content: '\f207'; } #AgendaFront h1{ font-size:16px; margin:10px 0 !important; text-transform:none; } #AgendaFront a h1{ color:#333; } #AgendaFront a:hover h1{ color:#c11; text-decoration:underline; } #AgendaFront h1 span{ display: block; float: left; margin-right: 5px; text-align: center; width: 70px; } #ContactFront h3.Tool a:before{ content: '\f411'; } #AdhFront h3.Tool a:before{ content: '\f418'; } #PressFront h3.Tool a:before{ content: '\f102'; } #HashFront h3.Tool a:before{ content: '\f302'; } #TwitterFront h3.Tool a:before{ content: '\f202'; } #fbFront h3.Tool a:before{ content: '\f204'; } /* Blocs Catégorie A LA UNE */ #bloc3 .hentry{ margin:20px 0 40px; overflow:hidden; } #bloc3 .SectionHeader{ margin:40px 10px 20px; color:#222; text-shadow:1px 1px 0 #fff; -webkit-text-shadow:1px 1px 0 #fff; border-bottom:3px dashed #333; } #bloc3 a img:hover { opacity:0.8 } .bloc-content { padding:10px 20px 0; border-top:1px solid #eee; } a.post-thumbnail img{ opacity:1; filter: alpha(opacity=100); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } a.post-thumbnail:hover img { opacity:0.3; filter: alpha(opacity=30); -webkit-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } .FrontContent .TexteUne{ text-align:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .FrontContent .SansImage{ padding:30px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#eee; position:relative; } .FrontContent .citation { padding: 0 50px; margin:0; } .FrontContent .citation:after{ bottom:0; } .FrontContent .entry-title a{ font-size:34px; margin:10px 0 5px; display:block; padding:10px 15px; font-weight:600; color:#242424; border-left:5px solid #fff; border-right:5px solid #fff; -webkit-transition: border 0.7s ease-in-out; transition: border 0.7s ease-in-out; } .FrontContent .entry-title a:hover{ color:#c11; } .FrontContent .NoImage{ overflow:hidden; } .FrontContent .odd .entry-title a:hover{ border-left:5px solid #c11 !important; -webkit-transition: border 0.5s ease-in-out; transition: border 0.5s ease-in-out; } .FrontContent .even .entry-title a:hover{ border-right:5px solid #c11 !important; -webkit-transition: border 0.5s ease-in-out; transition: border 0.5s ease-in-out; } .FrontContent .post-thumbnail:after, .FrontContent .SansImage:after { content:""; display:block; width:40px; height:40px; background:#fff; position:absolute; top:70px; z-index:0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .FrontContent .even .post-thumbnail:after, .FrontContent .even .SansImage:after{ right:20%; top:0; margin-top:-20px; } .FrontContent .odd .post-thumbnail:after, .FrontContent .odd .SansImage:after{ right:20%; left:auto; top:0; margin-top:-20px; } .VoirBlog{ margin:20px 0; } .VoirBlog a{ display:block; margin:0 auto; padding:15px; text-align:center; font-size:35px; font-weight:600; border:5px solid #b11; width:80%; color:#fff; background:#b11; } .VoirBlog a:hover{ background:#fff; color:#343434; } /* */ #bloc3 h1 { font-size:20px; } .meta-tools { box-sizing:border-box; -webkit-border-box:border-box; width:100%; padding:10px 20px; } .meta-tools ul { margin:0; list-style-type:none; text-align:right; } .meta-tools li { display:inline-block; } .meta-tools li a { font-size:12px; color:#ccc; } .meta-tools li a:before{ display: inline-block; font: 18px/1 Genericons; vertical-align:text-top; color:#ccc; } .meta-tools li a:hover, .meta-tools li a:hover:before, .meta-tools li:hover a{ color:#b11; } /*Contact Form on front page*/ .BlocContact{ overflow:hidden; padding:0 20px; } .BlocContact label { color:#555; } .BlocContact input { margin-top:5px !important; width:100%; } .BlocContact .required { display:none; } #cntctfrm_contact_form input.text, #cntctfrm_contact_form textarea, #cntctfrm_contact_message, #cntctfrm_contact_name, #cntctfrm_contact_email, #cntctfrm_contact_subject { width:100% !important; } /** * 6.15 COLOR SPANS * ----------------------------------------------------------------------------- */ div.bg1{ margin:0; background-color:#770047; background-color:rgba(119, 0, 71, 0.9); overflow:hidden; } div.bg2{ padding: 0; overflow:hidden; position:relative; padding-top:40px; } div.bg3{ background:none; overflow:hidden; background:#eee; padding:100px 0 100px; } div.bg4{ background:#fff; overflow:hidden; padding:100px 0 100px; } div.bg5 { background-color:#770047; background-color:rgba(119, 0, 71, 0.9); overflow:hidden; padding:100px 0 100px; color:#fff; min-height:70%; } div.bg6 { background:#eee; overflow:hidden; } /** * 6.16 SOCIAL SHARE * ----------------------------------------------------------------------------- */ .FrontContent .entry-meta { position:absolute; bottom:6px; width:100%; right:10px; } .entry-meta, .entry-meta li { margin: 0 0 0 0 !important; list-style-type: none !important; } .entry-meta li { display: inline-block; height: 13px; color: #888 !important; } .sharrre { float: left; font-family: "Open Sans",Arial,sans-serif; font-weight: normal; margin-right: 5px; overflow: hidden; position: relative; transition: all 0.3s ease-in-out 0s; } .page .sharrre { float: right; } .page .share-filled { margin-bottom: 0; } .share-filled { overflow: hidden; padding: 10px 30px; } .sharrre .share, .sharrre .count { border: medium none; box-sizing: border-box; display: inline-block; padding: 0; text-decoration: none !important; font-weight:300; } .sharrre .share { color: #fff; float: left; text-decoration: none; } .sharrre:hover .share { border: medium none; color: #fff; text-decoration: none; } .sharrre .count { background-color: #fff; position: relative; text-align: center; } .share { font-size: 0 !important; } .share-small .share, .share-small .count { font-size: 20px; height: 50px; line-height: 50px; width: 50px; } .share-small .share { padding: 0 0 0 54px; width: 50px; } .share-small .no-count .share { width: 65px; } .share-small .share:before { display: block; font-family: "Genericons"; font-size: 40px; height: 50px; left: 6px; line-height: 1; position: absolute; text-indent: 0; top: 4px; width: 50px; } .twitter .share:before { content: ""; } .facebook .share:before { content: ""; } .linkedin .share:before { content: ""; } .share-filled .twitter .share { background: none repeat scroll 0 0 #09b0ed; } .share-filled .twitter .count, .share-filled .twitter .count:hover { border: 1px solid #09b0ed; color: #09b0ed; } .share-filled .facebook .share { background: none repeat scroll 0 0 #3d5a98; } .share-filled .facebook .count, .share-filled .facebook .count:hover { border: 1px solid #3d5a98; color: #3d5a98; } .share-filled .linkedin .share { background: none repeat scroll 0 0 #035a87; } .share-filled .linkedin .count, .share-filled .linkedin .count:hover { border: 1px solid #035a87; color: #035a87; } .share-filled .twitter:hover .count { background: none repeat scroll 0 0 #09b0ed !important; } .share-filled .facebook:hover .count { background: none repeat scroll 0 0 #3d5a98 !important; } .share-filled .linkedin:hover .count { background: none repeat scroll 0 0 #035a87 !important; } .share-filled .sharrre:hover .count { color: #fff; } #envoyer a{ width:60px; height:48px; display:block; text-align:center; line-height:50px; font-size:14px; padding-left:50px; border:1px solid #0E112B; color:#0E112B; font-weight:300; } #envoyer a:before{ display:block; height:48px; width:50px; position:absolute; background:#0E112B; left:0; font:50px/1 Genericons; content: '\f410'; color:#fff; } #envoyer a:hover{ color:#fff; background:#0E112B; } /** * 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; max-width:900px; 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 * ----------------------------------------------------------------------------- */ .page-template-agenda .page-header, .post-type-archive-rdv .page-header{ background:#fff; margin:0 auto 20px; } .post-type-archive-rdv h1{ color:#c11; } article.type-rdv .rdv-icon, body.page-template-page-templatesagenda-php .rdv-icon, body.post-type-archive-rdv .rdv-icon{ font-size:100px; display:block; position:relative; overflow:hidden; color:#343434; float:left; } body.tax-agendas a:hover .genericon-month:before, body.page-template-page-templatesagenda-php a:hover .genericon-month:before, body.post-type-archive-rdv a:hover .genericon-month:before{ content:"\f305"; } .page-template-agenda .hentry, .tax-agendas .hentry, .post-type-archive-rdv .hentry{ padding-left:100px !important; } .page-template-agenda .hentry:before, .tax-agendas .hentry:before, .post-type-archive-rdv .hentry:before{ left:54px; } .page-template-agenda .hentry h1 span, .tax-agendas .entry-meta h1 span, .post-type-archive-rdv .hentry h1 span{ font-weight:600; margin:0 30px; font-style:italic; } .post-type-archive-rdv .hentry h1 span:before, .page-template-agenda .hentry h1 span:before, .tax-agendas .entry-meta h1 span:before{ -webkit-font-smoothing: antialiased; display: inline-block; font: normal 80px/1 Genericons; content:"\f307"; background:#fff; color: #c11; display: block; height: 80px; left: -80px; position: absolute; width: 80px; top:-10px; } body.tax-agendas .entry-meta, body.page-template-page-templatesagenda-php .entry-meta{ overflow:hidden; font-size:30px; padding:0; font-weight:bold; color:#444; } body.tax-agendas .genericon, body.page-template-page-templatesagenda-php .genericon{ display: block; font-size: 100px; left: -20%; line-height: 1; position: absolute; top: 0; } body.tax-agendas article h1, body.page-template-page-templatesagenda-php article h1{ margin:0; color:#b11; font-size:40px; } body.tax-agendas article a:hover h1, body.page-template-page-templatesagenda-php article a:hover h1{ background:#c11; color:#fff; } article.type-rdv a.post-edit-link{ font-size:0 !important; border:none !important; padding:5px !important; font-weight:bold !important; } article.type-rdv a.post-edit-link:hover{ font-size:16px !important; } .page-template-agenda .page-header h1{ color:#c11; } .agenda-filter{ overflow:hidden; display:block; margin:0 auto; padding:0 0 20px 0; max-width:900px; color:#343434; font-size:120%; } .agenda-filter a{ display:inline-block; padding:5px 10px; margin:10px; border:3px solid #b11; color:#b11; } .agenda-filter a:hover{ background:#b11; color:#fff; } .single-rdv .entry-meta{ padding:0 30px; } .single-rdv .entry-content{ padding-bottom:30px; } /** * 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: 'Open Sans', 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; } /** * 7.0 Sidebars * ----------------------------------------------------------------------------- */ a#pfHome{ position:absolute; display:block; bottom:10px; color:#fff; font-size:10px; left:30px; padding-top:5px; border-top:1px dashed rgba(255, 255, 255, 0.2); } a#pfHome:hover { border-top:1px solid rgba(255, 255, 255, 0.8); } body.logged-in #pfHome { bottom:40px; } /** * 7.1 Widgets * ----------------------------------------------------------------------------- */ #supplementary{ max-width:1000px; margin:0 auto; } /* Primary Sidebar, Footer Sidebar */ .widget { font-size: 16px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: 1.2857142857; margin-bottom: 48px; word-wrap: break-word; padding:15px 5px; } #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 .widget-title { font-weight: 600; line-height: 1.25; font-size:35px; margin: 0 0 20px 0; padding:5px 20px; color:#343434; text-align:center; border-bottom:4px solid #b11; } .widget_tag_cloud .tagcloud a{ color:#333; } .widget_tag_cloud .tagcloud a:hover{ color:#aa1111; text-decoration:none; border-bottom:4px solid #b11; } /* Two RSS Widget Areas */ #rss_stripe_wrap { overflow:hidden; } #rss_stripe_wrap.two .widget, #rss_stripe_wrap.two .widget + .widget, #rss_stripe_wrap.three .widget, #rss_stripe_wrap.three .widget + .widget + .widget { float: none; margin:20px auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } /* 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:#c11; } .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; } /** * 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 .post-thumbnail, .featured-content .post-thumbnail:hover { background: transparent; } .featured-content .post-thumbnail { display: block; position: relative; padding-top: 55.357142857%; overflow: hidden; } .featured-content .post-thumbnail img { left: 0; position: absolute; top: 0; } .featured-content h1 { display:block; margin:0; padding:15px 5px; } .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: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; list-style: none; margin: -30px 0 0 0; position: absolute; right:10px; 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: 30px; position: relative; text-indent: -999em; width: 30px; } .slider-control-paging a:before { background-color: #fff; content: ""; height: 30px; left: 0; position: absolute; top: 0; width: 30px; } .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-control-paging li { margin: 0 10px; } .slider-control-paging a { height: 30px; width: 30px; } .slider-control-paging a:before { top: 0; left: 0; } .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 #bloc-sticker,.ie8 #bloc-sticker{box-sizing:inherit;float:left;width:75%} .ie7 .TitresFront,.ie8 .TitresFront{float:left;width:22%;margin-left:2%} .ie7 #featured-tools,.ie8 #featured-tools{max-width:1000px;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 .FrontContent .entry-title a:hover,.ie8 .FrontContent .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; } #FrontTitle h1{ font-size:1.7em; } h1.site-title a:after{ vertical-align:bottom; } .ActionButton a{ font-size:0.9em; } .menu-toggle{ font-size:0px; } .sb-left nav li:before{ left:2%; } .ToolFront h3.Tool a{ font-size:12px; } span.edit-link a, a.edit-config, span.edit-link a:before, a.edit-config:before { display:none; } .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; } .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; } .slider-direction-nav{ top:0; right:0; } .FrontContent .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) { .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:#222; padding:5px; position:absolute; top:0; right:0; z-index:999; font-size:0; box-shadow:0px 0px 5px #333; -webkit-box-shadow:0px 0px 5px #333; } a#edit-tools-pages, a#edit-tools-social{ text-shadow:none; -webkit-text-shadow:none; } a#edit-tools-pages{ left:0; right:auto; } div.toolbox .edit-config{ bottom:0; top:auto; } .secondary-header .edit-config:before{ font-size:35px; } 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:50px/1 Genericons; position:relative; vertical-align:middle; } .FrontContent 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:#0074A2; } span.edit-link a:hover, a.edit-config:hover{ font-size:16px; transition:all 0.3s ease-in; } .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; } .archive-header, .page-header { margin: 0 auto 60px; padding: 0 10px; } .error404 .page-header { margin-bottom: 24px; } } @media screen and (max-width: 673px) { h1.site-title{ font-size:25px; } .header-lang ul li a{ padding:10px 7px } .nav-links{ display:block } .post-navigation a, .image-navigation .previous-image, .image-navigation .next-image { width: 100%; float:none; display:block; } .single .sharrre{ margin-right:0; } } @media screen and (min-width: 673px) { .site-content { margin-right: 33.33333333%; } .full-width .site-content { margin-right: 0; margin-top:0; } .content-sidebar { border: 0; float: right; margin-left: -33.33333333%; padding: 48px 30px 24px; position: relative; width: 33.33333333%; } .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; } } @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;} section#carte-visite { float:left; width:33%; } #idfront #carte-visite .logo-visite img { width:200px; margin:10px auto; } #idfront #carte-visite .logo-visite img { float:none; } } @media screen and (min-width: 810px) { #LogoFront, .slider-control-paging{ display:block; } .ActionText{ width:40%; margin-right:5%; float:left; } .ActionCalls{ float:left; width:40%; padding:0 5%; } .site-title{ font-size:50px } .attachment .entry-attachment .attachment { margin-right: -168px; margin-left: -168px; max-width: 810px; } .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) { #bloc-sticker, #bloc-titles{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #bloc-sticker{ float:left; width:75%; border-right:10px solid #fff; } #bloc-titles{ float:right; width:25%; } #LogoFront img{ width:80%; height:auto; margin:0 auto 20px; display:block; } .FrontContent .hentry, #bloc3 .hentry{ margin:0; } .FrontContent .ImageUne, .FrontContent .TexteUne { width:50%; } .FrontContent .odd .ImageUne, .FrontContent .odd .TexteUne{ float:left; } .FrontContent .entry-title{ text-align:left; } .FrontContent .TexteUne{ text-align:left; } .FrontContent span.cat-links a{ display:inline-block; } .FrontContent .even .ImageUne, .FrontContent .even .TexteUne{ float:right; } .FrontContent .even .post-thumbnail:after, .FrontContent .even .SansImage:after{ right:-20px !important; top:47%; right:auto; } .FrontContent .odd .post-thumbnail:after, .FrontContent .odd .SansImage:after{ left:-20px !important; top:47%; left:auto; } .content-sidebar { padding-top: 72px; } .MenuDossier ul.menu li a{ width:80%; } .single section#toolsfront, .error404 section#toolsfront{ max-width:1000px; 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) { .site-content { margin-right: 29.04761904%; margin-left:; } .content-sidebar { margin-left: -29.04761904%; width: 29.04761904%; } .primary-sidebar { padding-top: 0; } #LeLogo { width:100%; display:block; } #LeLogo a { display:block; overflow:hidden; line-height:0; } #LeLogo img { width:100%; height:auto; } .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) { .search-box .search-field { max-width: 900px; } .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{ width: 100%; } .post-navigation a, .image-navigation .previous-image, .image-navigation .next-image { width: 50%; float:left; display:block; } } @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){.sb-slidebar{width:70%}} @media (min-width:481px){.sb-slidebar{width:55%}} @media (min-width:768px){.sb-slidebar{width:40%}} @media (min-width:992px){.sb-slidebar{width:30%}} @media (min-width:1100px){ .sb-slidebar{width:30%} #featured-bloc,.post-navigation,.image-navigation,.FrontContent{max-width:1200px;width:80%} .hentry,.site-content .entry-header,.site-content .entry-content,.site-content .entry-summary,.site-content .entry-meta,.page-content .FrontContent .hentry,#bloc3 .hentry{max-width:1300px} .single .hentry,.archive .hentry,.page-template-blog .hentry,.page-template-agenda .hentry,.tax-agendas .hentry,.page .entry-content,.page .entry-title{width:80%;overflow:hidden} .page .page-title,.page .share-filled,.page .entry-title{width:80%;margin:0 auto} .page-template-blog .entry-title{width:auto} } .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. */} /** * 14.0 Footer * ----------------------------------------------------------------------------- */ section#ReferenceSyndicale{max-width:90%;} .site-footer, .site-info{color: #eee;font-size:12px} .site-footer {background-color: #222;position: relative;z-index: 3;clear:both;display:block;padding:0;padding-bottom:100px;} .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;z-index:2001;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%;} } .sb-hide{display:none;/* Optionally applied to control classes when Slidebars is disabled over a certain width. */} .FooterNav{ background-color:#fff; background-color:rgba(255,255,255,0.8); bottom:0; left:0; width:100%; z-index:2000; display:none; overflow:hidden; } #stickit{ bottom:0; } .is-sticky #stickit{ box-shadow:0 -2px 1px #444; -webkit-box-shadow:0 -2px 1px #444; display:block; position:fixed; left:0; bottom:0; overflow:hidden; width:100%; z-index:4000; -webkit-transition: all 1s ease-out; transition: all 1s ease-out; } .is-sticky .FooterNav{ display:block; }