/* CSS IMAGINATIVE */ @import url(//fonts.googleapis.com/css?family=Lato:300,400,700); html { height: 100%; } ul, ol{margin: 0; padding: 0; list-style: none;} *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } body { font-family: 'Lato', Calibri, Arial, sans-serif; background: #FFFFFF; font-weight: 300; font-size: 15px; color: #333; overflow: scroll; overflow-x: hidden; } a { color: #555; text-decoration: none; } .container { width: 100%; position: relative; } .container > header { width: 90%; max-width: 1240px; margin: 0 auto; position: relative; padding: 0 30px 50px 30px; } .container > header { padding: 60px 30px 50px; text-align: center; } .container > header h1 { font-size: 34px; line-height: 38px; margin: 0 auto; font-weight: 700; color: #333; } .container > header h1 span { display: block; font-size: 18px; font-weight: 300; } .main > p { text-align: center; padding: 50px 20px; } /* Header */ .imaginative-top { line-height: 24px; font-size: 11px; background: #fff; background: rgba(255, 255, 255, 0.5); text-transform: uppercase; z-index: 9999; position: relative; box-shadow: 1px 0px 2px rgba(0,0,0,0.2); } .imaginative-top a { padding: 0px 10px; letter-spacing: 1px; color: #333; display: inline-block; } .imaginative-top a:hover { background: rgba(255,255,255,0.8); color: #000; } .imaginative-top span.right { float: right; } .imaginative-top span.right a { float: left; display: block; } .contenu {margin: 0; padding: 0; width:960px; margin:0 auto;} /* Menu */ #navbar-icons{ margin-top: 10px; margin-left: 20px; } #navbar-menu .nav li a{ padding: 0 15px; line-height: 50px; } /* Newsletter Subscription */ .navbar-newsletter{ position: relative; } #toggle{ display: none; } #toggle:checked ~ #mc_embed_signup{ display: block; } #toggle:checked ~ #toggle-label{ color: #333; background-color: #ebebeb; border-color: #adadad; } #toggle-label{ margin: 8px 0 0 20px; } #mc_embed_signup{ display: none; position: absolute; bottom: -64px; right: 0; width: 300px; padding: 10px 20px; background: #f8f8f8; border: 1px solid #e7e7e7; border-radius: 0 0 5px 5px; } #mce-EMAIL{ width: 209px; } #mc-embedded-subscribe{ width: 50px; } /* Twitter */ .twitter{ float: left; width: 45%; } /* Tumblr */ .tumblr{ width: 50%; float: right; height: 600px; overflow: hidden; border: 1px solid #e8e8e8; margin-bottom: 10px; background-color: #fff; border-radius: 5px; } .tumblr header{ padding: 9px 12px; border-bottom: 1px solid #e8e8e8; box-shadow: 0 0 0 -3px rgba(0,0,0,0); } .tumblr header a{ margin: 0; font-size: 18px; font-weight: bold; text-decoration: none; color: #000; text-transform: none; } .tumblr header a:hover{ text-decoration: underline; } .tumblr ul{ overflow-x: hidden; overflow-y: scroll; height: 554px; margin: 0; padding: 20px; } .tumblr ul li{ border-bottom: 1px solid #e8e8e8; clear: both; overflow: hidden; margin-bottom: 20px; padding-bottom: 5px; } .tumblr ul li .left{ float: left; width: 28%; } .tumblr ul li .left img{ max-width: 100%; height: auto; border: 1px solid #e8e8e8; border-radius: 5px; margin-bottom: 10px; } .tumblr ul li .right{ float: right; width: 68%; } .tumblr ul li .right .title{ font-weight: bold; margin: 0 0 5px; text-decoration: none; color: #000; text-transform: none; } .tumblr ul li .right .body{ font-weight: 200; }