/*
Theme Name: Kinoa2013
Text Domain: kinoa2013
Theme URI: http://www.kinoa.com
Author: Kinoa
Author URI: http://www.kinoa.com/
*/

.clear {clear: both;}
a {color:#e1001a}
/*a:active, a:focus {outline: none;}*/
.shadow {
	-webkit-box-shadow: 0px 0px 10px 0px #acacac;
	-moz-box-shadow: 0px 0px 10px 0px #acacac;
	box-shadow: 0px 0px 10px 0px #acacac;
	behavior: url(/wp-content/themes/kinoa2013/css/PIE.htc);}
	
:root *> .shadow {
    behavior: none;
}

.bxslider {
	height: 157px;
	overflow: hidden;
}

.bx-wrapper {
	margin-bottom: 10px;
}

/* largeur du body et de la zone #primary définie pour les navigateurs ne supportant pas les media queries */
body {width: 1105px;}
#primary {width: 810px; float: left;}
.single .post-entry {width: 742px; padding: 20px 20px 0 20px; min-height: 400px;}

#bg {position:fixed; width:200%; height:200%;z-index:-1; background:url('img/bg-body.png') top left transparent;}
#secondary {float:left;margin-right:35px;width:260px;background:#fff;}
#secondary .content {padding: 30px 30px 0 30px;}
#secondary #logo-kinoa {margin: 0 0 20px 0;}
#secondary .logo {margin: 0 auto 0 auto; display:block;width:145px;height:80px;background:transparent;/*text-indent:-9999px*/}
#secondary .description h2{color:#333333;font-size:15px;font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}
#secondary .description p{color:#333333;font-size:13px;font-family:'Open Sans', sans-serif;line-height:21px}
#secondary .contact p {font-family:'Reenie Beanie', cursive;color:#e1001a;font-size:28px;line-height:22px}
#secondary .contact p a {text-decoration:underline}
#secondary .contact {background:url(img/fluo.png) no-repeat transparent;width:185px;height:75px;padding-left:20px;letter-spacing:-1px}

.top-nav { margin-right: 30px;}
.top-nav .menu {list-style:none; margin: 0; font-family: 'Open Sans', sans-serif; font-weight:600; text-transform: uppercase; font-size: 11px;}
/*.top-nav .menu li {float:left;padding-left: 12px;background:url('img/bg-menu-item.png') no-repeat top left transparent; line-height:22px;}
.top-nav .menu li:first-child {background:url('img/bg-menu-item-first.png') no-repeat top left transparent;}
.top-nav .menu li a {padding: 3px 10px; color: #ffffff; background:#ef1d19;line-height:16px; display: block; height: 16px;}
.top-nav .menu li a:hover {text-decoration: none;}*/

.top-nav .menu li {float:left;
transform: skewX(10deg);
     -o-transform: skewX(10deg);
     -moz-transform: skewX(10deg);
     -webkit-transform: skewX(10deg);
     margin-left: 5px;
    }
.top-nav .menu li a {padding: 3px 10px; color: #ffffff; background:#ef1d19;line-height:16px; display: inline-block; height: 16px;}
.top-nav .menu li a:hover {text-decoration: none; background: #333333;}

.top-nav .menu li a span {
	display: inline-block;
            transform: skewX(-10deg);
         -o-transform: skewX(-10deg);
       -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);	
}

#content {margin: 20px 0;}

.post-entry-container, #logo-handheld-container {width:230px;padding:10px;margin-bottom:10px; float:left; margin-right:20px}
#logo-handheld-container {float: none; text-align: center; margin-top: 10px;}
.post-entry, #logo-handheld {border-bottom:7px solid #e1001a;width:210px;padding: 10px 10px 0 10px;background:#fff;margin: 0 auto; color:#666666;font-size:13px;font-family:'Open Sans', sans-serif;font-weight:normal}
.page #logo-handheld {width:230px}
#logo-handheld {padding: 20px 10px;}
.post-entry img, .post-entry object, .post-entry embed, .post-entry iframe { max-width: 100%; }
.post-entry .hpbloc-footer {padding-top: 10px; border-top: 1px dotted #333;}

h2.blue-title {
	color: #3b84b7;
}
h2.gold-title {
	color: #d4ac22;
}
h2.green-title {
	color: #307e21;
}

h3.blue-title-inbound {
	color: #1eb5ed;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	margin-bottom: 20px;
}

.post-entry.block-livre-blanc-blue {border-bottom:7px solid #3b84b7;}
.post-entry.block-livre-blanc-gold {border-bottom:7px solid #d4ac22;}
.post-entry.block-livre-blanc-green {border-bottom:7px solid #307e21;}

.post-entry .twitterwidget-title {display: none;}
.post-entry .twitter-widget ul {list-style: none; margin-left: 0;}
.post-entry .twitter-widget ul li {padding: 10px 0; border-top: 1px solid #ccc; line-height: 16px;}
.post-entry .twitter-widget ul li:first-child {border-top: 0 none; padding: 0 0 10px;}
.post-entry .intent-meta a, .post-entry .entry-content a {padding-right: 5px;font-family: 'Open Sans'; font-weight: bold;}
.post-entry .entry-content a, .post-entry .entry-meta a {color: #333;}

.post-entry .hpbloc-footer a.icone-hpbloc-link {height:15px; display:block;width: 190px; padding-left: 20px; margin: 0; line-height: 17px; color: #378cac; font-family: 'Open sans'; font-weight: 600; font-size: 12px;}
.post-entry .hpbloc-footer a.icone-hpbloc-link:hover {background-position: 0 -15px !important; color: #000;}
.post-entry .hpbloc-footer a.icone-hpbloc-link.no-background {background: transparent; display:inline; padding: 0;}
.post-entry .hpbloc-footer a.icone-hpbloc-link.no-background:hover {background: transparent;}
.post-entry a {color:#e1001a;}
.post-entry h2 {font-size:17px;line-height:21px;font-family:'Open Sans', sans-serif;font-weight:600;margin: 0 0 20px 0}
.post-entry h2 a {color:#333333;}
.post-meta {line-height:14px;font-size:11px;color:#333333;font-weight:600;padding:10px 0;margin-top:10px;border-top:1px solid #cccccc}
.post-meta a {color:#333333;}
.post-meta .date {background:url(img/ico-clock.jpg) no-repeat;padding-left:20px;}
.post-meta .dsq-comment-count {background:url(img/ico-comment.jpg) no-repeat;padding-left:20px;}
.post-meta .note {background:url(img/ico-note.jpg) no-repeat;padding-left:15px;}
.post-meta {position: relative;}
.post-meta .share {background: url(img/ico-share.jpg) no-repeat;position: absolute;right:0; top:10px;width:16px;height:12px;display:block}

.post-entry #wow-feed {margin: 0; list-style:none;}
.post-entry #wow-feed .hpbloc-readmore, .post-entry .hpbloc-readmore {border-top: 1px solid #ccc; padding-top: 10px;}
.post-entry #wow-feed .hpbloc-readmore a.readmore, .post-entry .hpbloc-readmore a.readmore {color:#000; font-family: 'Open Sans'; font-weight: bold; text-transform: uppercase;}

.single .post-meta .share {display:none;}

#disqus_thread {border-bottom:7px solid #e1001a;padding: 10px 10px 0 10px;background:#fff;margin: 30px auto; color:#666666;font-size:11px;font-family:'Open Sans', sans-serif;font-weight:normal}

.search-container {margin-top: 30px;}
.search-container .shadow {background: #fff;}
.search-container p {margin-bottom:20px}

#posts {padding: 0; margin-top: 10px;}
#posts #map_canvas {width: 210px; height: 160px;}

#contact-header {padding: 20px; width: 742px;
	/* Fallback for web browsers that don't support RGBa */
    /*background-color: rgb(0, 0, 0);*/
    /* RGBa with 0.6 opacity */
    /*background-color: rgba(0, 0, 0, 0.6);*/
    /* For IE 5.5 - 7*/
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
    /* For IE 8*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";*/
    background: url('img/bg-contact-header.jpg') no-repeat #000;
}

.info-kinoa-contact {margin: 30px 0 10px 20px; color: #ffffff; float: left; float: width: 200px; font-family:'Open Sans';font-weight:600;}
.info-kinoa-contact .numero-telephone {font-weight:bold; font-size: 16px; line-height: 28px;}
.info-kinoa-contact img {margin-bottom: 10px;}

#map_canvas { width:470px; height:190px;}
.gmaps_container {border: 6px solid #fff;}
.gmaps_container_background {background: url('img/bg-gmaps-container.png') no-repeat left 110px transparent; padding-left: 23px; float: right;}

.social-media {padding: 20px 0;border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;margin-top:20px}
.social-media a {display:block;width:28px;height:27px;float:left;margin-left:6px;text-indent:-9999px;background-repeat:none}
.social-media a:first-child {margin-left:0}
.social-media .tumblr {background-image:url(img/social-media.jpg);background-position:0 27px}
.social-media .tumblr:hover {background-position:0 0}
.social-media .twitter {background-image:url(img/social-media.jpg);background-position:-35px 27px}
.social-media .twitter:hover {background-position:-35px 0}
.social-media .linkedin {background-image:url(img/social-media.jpg);background-position:-69px 27px}
.social-media .linkedin:hover {background-position:-69px 0}
.social-media .facebook {background-image:url(img/social-media.jpg);background-position:-104px 27px}
.social-media .facebook:hover {background-position:-104px 0}
.social-media .pinterest {background-image:url(img/social-media.jpg);background-position:-138px 27px}
.social-media .pinterest:hover {background-position:-138px 0}
.social-media .googleplus {background-image:url(img/social-media.jpg);background-position:-172px 27px}
.social-media .googleplus:hover {background-position:-172px 0}

.marketing-digitale {padding: 20px 0; border-top:1px solid #c2c2c2;}
.marketing-digitale h2 {margin:0}
.marketing-digitale h2 a {margin:0;display:block;width:198px;height:75px;background:url(img/decouvrez-nos-services-marketing-digitale.png) no-repeat transparent;text-indent:-9999px}

.blog-link {padding: 30px 0;border-bottom:1px solid #c2c2c2;}
.blog-link h2 {margin:0}
.blog-link h2 a {display:block;width:177px;height:33px;text-indent:-9999px;margin:0 auto;background:url(img/link-blog.jpg);}

.follow-us-on-linkedin {padding:5px 0 0;text-align: center;}
.follow-us-on-linkedin-intro {text-align: center; margin:20px 0 5px; font-family: 'Open Sans'; font-weight: bold;}

.categories {border-bottom:1px solid #c2c2c2;}
.categories h2 {font-size:15px;font-family:'Open Sans', sans-serif;font-weight:bold;color:#333}
.categories ul {list-style:none;margin-left:0;font-family:'Open Sans', sans-serif;font-weight:600;font-size:12px}
.categories ul li {line-height:21px;margin:0}
.categories ul li a {text-transform:uppercase;color:#333}

.fb-like-box {margin-top:30px}

#search-form {position:absolute;top:0;right: 100px;background:#000;z-index:9999}
#search-form .ico-search {position:absolute;top:0;right: 0;background:url(img/search-button.jpg);width:39px;height:43px;display:block;text-indent:-9999px;}
#search-form form {margin-right:50px;display:none;padding:10px;}
#search-form form .text {width:100%;padding: 3px 0;border:0;margin-bottom:10px}
#search-form form .button {color: #fff;background:transparent;border:0;text-transform:uppercase;font-family:'Open Sans', sans-serif;font-size:14px;text-align:left;}

.pagination {display:none;}

#dechirure {background:url(img/dechirure.jpg) 30px center no-repeat;height:38px;width:100%;margin-top:20px}
#footer {background:#ee1d19;height:27px; padding: 10px 15px 8px; color:#fff;}
#footer img {margin-right: 5px;}
#footer a { color:#fff;font-size:13px;font-family:'Open Sans'}
/*#footer a {height:52px;line-height:52px;background:url(img/logo-small-kinoa.jpg) left center no-repeat;margin: 0 30px;padding-left:35px;display:block;color:#fff;font-size:13px;font-family:'Open Sans', sans-serif;}
*/
.social-share {padding: 20px 0;border-top:1px solid #cccccc;margin-top:20px;display:none}

.single .post-entry {font-size: 14px}
.single .post-entry h1 {font-size:30px; line-height:normal;font-family:'Open Sans', sans-serif;font-weight:600;margin: 0 0 20px 0;}
.single .post-entry h2 {font-size:22px;line-height:normal;}
.single .post-entry h3 {font-size:20px; line-height:normal;font-family:'Open Sans', sans-serif;font-weight:600;margin: 0 0 20px 0;}
.single .post-entry h4 {font-size:18px; line-height:normal;font-family:'Open Sans', sans-serif;font-weight:normal;margin: 0 0 20px 0;}
.single .post-entry h5 {font-size:16px; line-height:normal;font-family:'Open Sans', sans-serif;font-weight:normal;margin: 0 0 20px 0;}
.single .social-share {display:block}

.tags a {background:#ffff99;padding:1px 2px;margin-right:5px;text-transform:uppercase}
.tags span {font-weight:600;}

.post-entry {position: relative;}
.open {position:absolute;bottom:0; right: 0;background:#fff;border:1px solid #cccccc;padding:10px;display:block;z-index:9999}

#dsq-content h3 {font-family:'Open Sans', sans-serif;font-size:23px;font-weight:normal;color:#333}
 
.single-post {display:none} 

ul.chat {list-style:none;margin-left:0}

.error404 .post-entry {background: url('img/bg-404.jpg') 85% bottom no-repeat #ffffff;}

/* page solutions */

#sticky-menu{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 740px;
	padding: 20px 0;
	background: #fff;
	margin: 0 0 20px;
}

#sticky-menu a{
    color: #333;
    display: block;
	float: left;
	width: 245px;
	height: 25px
}

#sticky-menu a:before {
	content:'» ';
}

#sticky-menu.stick {
    position: fixed;
    top: 0;
    z-index: 10000;
    margin: 0;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}

.nos-solution-content img{
	clear: both;
	padding: 15px 0 0;
}

.nos-solution-content h2 {
	border-bottom: 1px dotted #ccc;
	padding: 10px 0 10px;
}

.icons-solutions-list {
	list-style: none inside;
	margin: 0 0 0 12px;
}
.icons-solutions-list li {float: left; margin: 0 7px 7px 0; position: relative; background: url('img/icons-solutions-sprite.jpg') no-repeat top left transparent; width: 96px; height: 93px; display: block;}
.icons-solutions-list .icone-strategie-digitale {}
.icons-solutions-list .icone-creation-site {background-position: -96px 0;}
.icons-solutions-list .icone-creation-contenu {background-position: -288px 0;}
.icons-solutions-list .icone-seo {background-position: -192px 0;}
.icons-solutions-list .icone-ppc {background-position: -384px 0;}
.icons-solutions-list .icone-media-sociaux {background-position: -480px 0;}
.icons-solutions-list .icone-marketing-automation {background-position: -576px 0;}
.icons-solutions-list .icone-e-reputation {background-position: -672px 0;}
.icons-solutions-list .icone-mobile {background-position: -768px 0;}
.icons-solutions-list .icone-crm {background-position: -864px 0;}
.icons-solutions-list .icone-analytique {background-position: -960px 0;}
.icons-solutions-list .icone-accompagnement {background-position: -1056px 0;}
.icons-solutions-list .icone-delegation {background-position: -1248px 0;}
.icons-solutions-list .icone-institut-kinoa {background-position: -1152px 0;}

.icons-solutions-list .icone-strategie-digitale:hover {background-position: 0 -93px;}
.icons-solutions-list .icone-creation-site:hover {background-position: -96px -93px;}
.icons-solutions-list .icone-creation-contenu:hover {background-position: -288px -93px;}
.icons-solutions-list .icone-seo:hover {background-position: -192px -93px;}
.icons-solutions-list .icone-ppc:hover {background-position: -384px -93px;}
.icons-solutions-list .icone-media-sociaux:hover {background-position: -480px -93px;}
.icons-solutions-list .icone-marketing-automation:hover {background-position: -576px -93px;}
.icons-solutions-list .icone-e-reputation:hover {background-position: -672px -93px;}
.icons-solutions-list .icone-mobile:hover {background-position: -768px -93px;}
.icons-solutions-list .icone-crm:hover {background-position: -864px -93px;}
.icons-solutions-list .icone-analytique:hover {background-position: -960px -93px;}
.icons-solutions-list .icone-accompagnement:hover {background-position: -1056px -93px;}
.icons-solutions-list .icone-delegation:hover {background-position: -1248px -93px;}
.icons-solutions-list .icone-institut-kinoa:hover {background-position: -1152px -93px;}

.icons-solutions-list li ul { margin-left: 96px;
    position: absolute;
    top: 0;
    list-style: none inside;}
    
.icons-solutions-list li ul li {
    width: 206px;
    background: #424242;
    height: 93px;
    z-index:3;
    display: none;
    margin: 0;
    text-align: center;
    color: #fff;
}

.icons-solutions-list li ul li a {
	color: #fff;
	display: block;
	height: 63px;
    border-left: 1px solid #fff;
    margin: 10px 0;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 0 0;
}

.icons-solutions-list li.no-padding ul li a {
	padding: 0;
}

.icons-solutions-list li:hover li {
	display: block;
}
    
.icons-solutions-list li.tooltip-left ul {
	margin-left: -206px;
}

.icons-solutions-list li.tooltip-left li a {
	 border-left: 0 none;
	 border-right: 1px solid #fff;
}

.icons-solutions-list .savoir-plus {
	display:block;
	padding: 10px 0 0;
	font-size: 14px;
	font-style: italic;
}

input:focus
{
  	outline: none;
  	border: none;
	border-left: none;
}

input[type="text"], input[type="email"],textarea {
	border: 1px solid #F31A37;
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0px;
	box-shadow: none;
 }

input[type=text]:focus, input[type=email]:focus, textarea:focus {
	/* box-shadow: 0 0 1px rgba(0, 0, 0, 1);*/
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid rgba(0, 0, 0, 1);
}

label {
	display: inline-block;
	/*text-transform : uppercase;*/
}

.wpcf7-form textarea { width: 400px;}
.wpcf7-form input[type=text] { width: 160px}

#hello {
	color: #F31A37;
	font-size: 2em;
	margin-bottom: 10px;
}

fieldset {
	padding: 10px;
	border: 1px dotted #ccc;
}

@media screen and (min-width:1105px) { 
body {width: 1105px;}
#primary {width:810px;float:left}
.single, .search-container {width: 762px}
.single .post-entry, .search-container .shadow {width: 742px; padding: 20px 20px 0 20px; min-height: 400px;}
.search-container .shadow {padding: 20px}
#sticky-menu {width: 742px;}
#logo-handheld-container {display: none;}
}

@media screen and (min-width:835px) and (max-width:1104px) { 
body {width: 835px;}
#primary {width:540px;float:left}
.single,.search-container {width: 540px}
.single .post-entry, .search-container .shadow {width: 520px; padding: 20px 20px 0 20px;}
.search-container .shadow {padding: 20px}
#sticky-menu {width: 520px;}
.icons-solutions-list {display: none;}
#map_canvas {width: 248px;}
#contact-header {width: 520px;}
#logo-handheld-container {display: none;}
}
 
@media screen and (min-width:565px) and (max-width:834px) { 
body {width: 565px;}
#primary {width:270px;float:left}
.single,.search-container {width: 270px}
.single .post-entry, .search-container .shadow {width: 250px; padding: 20px 20px 0 20px;}
.search-container .shadow {padding: 20px}
.top-nav {margin:0;}
#sticky-menu {display:none;}
.icons-solutions-list {display: none;}
.wpcf7-form textarea { width: 210px;}
.wpcf7-form fieldset {border: 0 none;}
.gmaps_container_background {display: none;}
#contact-header {width: 250px;}
#logo-handheld-container {display: none;}
.error404 .post-entry {background: #ffffff;}
}
 
/* Landscape phones and down */
@media screen and (max-width:564px) { 
body {width: 270px;}
#primary {width:100%}
#secondary {display:none}
.single,.search-container {width: auto;padding: 0 10px;margin:0}
.single .post-entry, .search-container .shadow {width: auto; padding: 10px 10px 0 10px;margin:0;}
.search-container .shadow {padding: 10px}
.top-nav {margin:0;}
#sticky-menu {display:none;}
.icons-solutions-list {display: none;}
.wpcf7-form textarea { width: 200px;}
.wpcf7-form fieldset {border: 0 none;}
.gmaps_container_background {display: none;}
#contact-header {width: auto;padding: 0 10px;margin:0 10px;}
#logo-handheld-container {display: block;}
.error404 .post-entry {background: #ffffff;}
}

/* popupleads */

#popupleads {
	font-family: 'Indie Flower', cursive;
	font-size: 24px;
	color:#000000;
	text-align: center;
	border-margin-top: 0;
	border-top: 5px solid #B1000E;
}

#popupleads p {
	-webkit-margin-before: 3px;
	-webkit-margin-after: 3px;
}

#popupleads .style1 {
	font-family: 'Nunito', sans-serif;
	font-size: 14px;
}

#popupleads .style2 {
	font-family: 'Nunito', sans-serif;
	font-size: 14px;
}

#popupleads .style3 {
}

#popupleads .style4 {
	color:#666666;
}

#popupleads .style5 {
	font-size: 22px;
	-webkit-margin-after: 20px;
}

#popupleads .style6  {
	width: 200px;
 	height: 50px;
}

#popupleads a.style6  {
	color:#ffffff;
	background-color:#B1000E;
	font-family: 'Nunito', sans-serif;
	font-size: 18px;
	text-decoration: none;
	padding: 15px 45px 15px 45px;
}

/* Hubspot */

div#hs-eu-cookie-confirmation.can-use-gradients {
	background-image: none !important;
	background-color: #e1001a !important;
	border: none;
	margin-bottom: 8px;
	position: relative;
	float: left;
}