/*
Theme Name: 	Neuromedia
Theme URI: 		http://www.neuromedia.ca	
Description: 	Thème pour Neuromedia
Version: 		1.0
Author: 		Hugo Laporte
Author URI: 	http://www.agenceweblounge.com
Tags: 			neuromedia, naked, clean, basic, responsive
*/

/* GLOBAL STYLES
-------------------------------------------------- */
body {
    margin: 0 auto;
    color:#000000;
    background:url(img/background.png) repeat;
    font: normal 18px/30px 'PT Sans', Arial, Verdana, sans-serif;
}
html, body {
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
	line-height:120%;
	text-rendering: optimizelegibility;
}
h1		{font-size:28px;}
h2		{font-size:24px;}
h3		{font-size:20px;}
h4		{font-size:16px;}
h5		{font-size:15px;}
h6		{font-size:13px;}
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 0;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
a {
    color: #e98036;
    text-decoration: none;
}
a:hover {text-decoration:none;}
img{max-width: 100%; height: auto !important;}
img{ -ms-interpolation-mode: bicubic; }
.clear{clear:both;}

/* NAVIGATION
-------------------------------------------------- */
#header							{border-bottom:1px solid #ffffff;}
.top-line						{overflow:hidden; /*background:#eeeeee;*/ background:url(img/background.png) repeat; }
@media (min-width: 1200px) {
.top-line .container			{background:url(img/slogan.png) no-repeat;}
}
h1.logo							{float:left; margin:10px 0; z-index:9999;}
h1.logo	a						{display:block; text-align:center;}
h1.logo	img						{width:272px; height:101px;}
h1.logo	a						{display:block;}
.cerveau-bg						{background:url(img/cerveau.png) 0 -100px no-repeat; width:400px; height:200px; position:absolute; right:50px;}

.cf 							{position:fixed; right:0; height:179px; width:260px; margin:0 auto; z-index:99999;}
.top-line
.recherche-submit				{opacity:0.5; -webkit-transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease, opacity 0.3s ease-in-out;}
.recherche-submit:hover			{opacity:1;}

/* NAVIGATION
-------------------------------------------------- */
#menu-fixed						{position:relative; width:100%; background-color: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9); z-index:99999;;
								-webkit-transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease, opacity 0.5s ease-in-out;
								-moz-transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease, opacity 0.5s ease-in-out;
								-ms-transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease, opacity 0.5s ease-in-out;
								-o-transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease, opacity 0.5s ease-in-out;
								transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease, opacity 0.5s ease-in-out;
}
#menu-fixed:hover				{background: rgba(255, 255, 255, 1);}
.main-nav						{z-index:99998; border:1px solid #f2f2f2; border-left:0; border-right:0;}
.nav 							{margin:0; padding:30px 0; font-family: 'Roboto', sans-serif; font-weight:300; font-size:1.3em;}
.top-line .nav 					{padding:0; font-size:1.0em;}
.dropdown-menu > li > a 		{font-weight:300; line-height:inherit; padding:10px 15px;}
.nav li							{float:left;}
.nav li li						{float:inherit; }
.nav a							{color:#555555; display:block; padding:10px 15px; display:block;}
.nav li li a					{width:200px; border-bottom: 1px dotted #eeeeee;}
.nav a:hover					{background:#111111; color:#eeeeee;}
.index .main-nav:before 		{content:''; background:url(img/bg_head_shadow.png) no-repeat center top; position:absolute; bottom:-20px; display:block; width:100%; height:20px; left:0px; z-index:999;}
.nav-secondaire a:hover			{opacity:1;}


/* CONTENU
-------------------------------------------------- */
.contenu-page				{ min-height: 100%; height: auto !important; height: 100%;}
.contenu-page hgroup		{position:relative; padding:0 10px; display:block; background:rgba(0,0,0,0.8); color:#eeeeee; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
.inner .contenu-page hgroup:before 		{content:''; background:url(img/bg_head_shadow.png) no-repeat center top; position:absolute; bottom:-20px; display:block; width:100%; height:20px; left:0px; z-index:999;}
.contenu-page hgroup h1		{padding:10px 0;}
.current-cat				{background:rgba(0,0,0,0.2); text-align:center; height:70px; font-size:18px; color:#eeeeee;}
.current-cat:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}
.current-cat span			{display: inline-block; vertical-align:middle;}
.main						{padding:15px 0;}
.thecontent					{overflow:hidden;}
.thecontent	.post			{border-bottom:3px solid #ffffff; overflow:hidden;}
.alignright					{float:right; margin:5px 0 10px 10px;}
.alignleft					{float:left; margin:5px 10px 10px 0;}
.block						{display:block;}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel 					{margin-bottom: 0;}
.carousel .container		{position: relative;z-index: 9;}
#myCarousel .container 		{position: relative;}
.carousel-control 			{height: 80px; margin-top: 0; font-size: 120px; text-shadow: 0 1px 1px rgba(0,0,0,.4); background-color: transparent; border: 0; z-index: 10;}
.carousel .item 			{height: 300px;}
.carousel img 				{position: absolute; top: -30%; left: 0; min-width: 100%;}
.carousel-caption			{background:rgba(0,0,0,0.5); margin:0; position: absolute; bottom:0; width:100%;}
.carousel-caption h2,
.carousel-caption .lead 	{margin: 0; font-size:1.4em; color:#ffffff; text-shadow: 0 1px 1px rgba(0,0,0,.4);}
.carousel-caption h2		{text-transform:uppercase; font-weight:700;}
.carousel-caption .btn 		{margin: 10px;}

/* BOXES
-------------------------------------------------- */
.boxes						{padding:50px 15px; font-family: 'Roboto', sans-serif; background-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7);
								-webkit-transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease, opacity 0.5s ease-in-out;
								-moz-transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease, opacity 0.5s ease-in-out;
								-ms-transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease, opacity 0.5s ease-in-out;
								-o-transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease, opacity 0.5s ease-in-out;
								transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease, opacity 0.5s ease-in-out;
}
.boxes:hover				{background: rgba(255, 255, 255, 1);}
.box						{overflow:hidden; padding:15px 0;}
.box h2						{color:#555555; font-family: 'Roboto', sans-serif; font-size:1.4em; border-bottom:2px dotted #eeeeee;}
.icone						{float:left; padding:5px 15px 15px 0;}
.bloc-bouton				{padding:10px 0;}
.sidebox .attachment-thumbnail	{margin:15px;}

/* TEMOIGNAGE
-------------------------------------------------- */
.testimonial 				{font-size:1.4em; background:#e98036; color:#ffffff; font-family: 'Roboto', sans-serif; border-top:5px solid #ffffff; border-bottom:5px solid #ffffff;}
.testimonial .container		{padding:10px 15px;}
.testimonial .guillemets 	{font-size:2.4em; padding:0 10px; opacity:0.3;}
.testimonial h2				{text-transform:uppercase; font-size:1.2em;}
.testimonial button			{margin:10px 0;}
.question					{padding:10px 0;}
.reponse					{padding:15px; border:5px solid #f39654; margin:15px 0;}
.toute-les-questions		{padding:5px 0; text-align:right; font-size:12px; font-style:normal;}
.btn-question,
.toute-les-questions a		{color:#faccac; padding:5px 10px; border:1px solid #faccac; font-weight:700; font-family: 'Roboto', sans-serif; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; font-size:14px; font-size:14px; background:none; text-shadow: none;}
.btn-question:hover,
.toute-les-questions a:hover{color:#ffffff; border:1px solid #ffffff; cursor:pointer;}
.btn-question				{margin:10px 0 10px 10px; white-space:nowrap;}

/* SIDEBAR
-------------------------------------------------- */
.sidebar					{padding:10px 0; }
.side-nav					{list-style:none; background:#ffffff; padding:0; margin:0;}
.side-nav li				{list-style:none;}
.side-nav li				{border-bottom:1px solid #f0f0f0;}
.side-nav li:last-child 	{border:0;}
.side-nav li a				{display:block; padding:5px 10px;}
.side-nav li a:hover		{background:#eeeeee; text-decoration:none;}
.sidebox					{font: normal 15px/20px; overflow:hidden; padding:10px 0; background:#ffffff; margin-bottom:15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;-moz-box-shadow: 0 2px 10px #e0e0e0; -webkit-box-shadow: 0 2px 10px #e0e0e0; box-shadow: 0 2px 10px #e0e0e0;}
.sidebox h3					{border-bottom:1px solid #f0f0f0; padding:10px 15px; margin:0;}
.recent-posts-list			{list-style: none; margin: 0;}
.recent-posts-list > li 	{height: auto; overflow: hidden; margin-bottom: 0; padding-bottom: 10px;}
.recent-posts-list li:last-child 	{border:0;}
.post-image-sidebar			{float:left; width:95px; height:auto; margin:10px 0 0 10px; min-height:75px;}
.post-detail-sidebar		{padding: 8px 5px;}
.sidebatr_time				{font-size:14px; padding:10px 0;}
.thecontent .sidebatr_time	{padding: 3px 5px; background:#ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.has-thumbnail				{margin-left: 110px;}
.post-detail-sidebar a		{display:block;}
.sidebox input,
.sidebox select,	
.sidebox textarea				{width:95%; background:#f9f9f9; border:0;}
.sidebar .recent-posts-list > li 	{border-bottom: 1px solid #f0f0f0;}
.sidebox p,
.sidebox ul,
.sidebox form,
.sidebox select					{margin:10px;}
.sidebox	.lastname			{visibility:hidden; display:none;}

/* CATEGORY
-------------------------------------------------- */
.post-image					{}
@media (max-width: 767px) {
.post-image					{float:left; margin: 0 10px 10px 0;}
}
.post-detail				{}
.post-nav-link				{padding:25px 0;}

/* CATEGORY 2 Colonnes
-------------------------------------------------- */
.line						{padding:5px 0;}						

/* CATEGORY Titre seulemnent
-------------------------------------------------- */				
.liste-titre-seulement		{padding:10px 0;}
						
/* CATEGORY Dictionnaire
-------------------------------------------------- */
.section-lettre				{display:none;}
.dictionnaire-btns			{padding:10px 0;}
.dictionnaire-btns .btn		{margin:5px;}

/* SINGLE
-------------------------------------------------- */
.post-date					{padding:25px 0;}
.hr							{height:3px; margin-bottom:15px; background:#ffffff;}
.hr span					{display:block; width:50px; height:3px; background:#e98036; margin:20px 0;}
.la_date					{display:block; font-size:15px; padding:0;}

/* FOOTER
-------------------------------------------------- */
#push,
#footer 			{}
#footer				{background:rgba(0,0,0,0.8); width:100%; padding:20px 0 20px 0; color:#ffffff;}
#footer	h3			{text-align:left; border-bottom:2px dotted #555555; font-size:1.4em; padding:10px 0;}
#footer	input		{}
#footer input[type='text'],		
#footer input[type='email'],		
#footer input[type='password'],		
#footer textarea	{width:95%; background:#292929; border:0;}
#footer textarea	{height:60px;}
#footer	.lastname	{visibility:hidden; display:none;}
.copyright 			{padding:20px;}
#footer	button:after{content: "."; visibility: hidden;  display: block;  height: 0;  clear: both;}
#carte 				{z-index:99999; height:265px; border:5px solid #333333;   -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
.footer-boxes {padding:10px;}
#footer .widget { padding:15px 0;}
#footer .recent-posts-list > li 	{border-bottom: 2px dotted #555555;}


/* FOOTER
-------------------------------------------------- */
.navigation							{text-align:center;}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled 			{text-decoration:none;}
.navigation li 						{display: inline;}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled 			{cursor:pointer; padding:5px 15px;}
.navigation ul						{margin:0;}

/* Produits
-------------------------------------------------- */
.produits-meta						{padding:10px 15px;}
.produit-prix						{font-weight:bold; font-size:30px;}
.produit-prix span					{font-weight:bold; font-size:16px;}
.produit-auteur,
.produit-prix,
.produit-edition,
.produit-livraison					{padding:10px 0;}
.produit-livraison					{font-style:italic;}
.produit-description				{padding:10px; margin:10px 0; background-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7);
									-webkit-transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease, opacity 0.5s ease-in-out;
									-moz-transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease, opacity 0.5s ease-in-out;
									-ms-transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease, opacity 0.5s ease-in-out;
									-o-transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease, opacity 0.5s ease-in-out;
									transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease, opacity 0.5s ease-in-out;
									-webkit-border-radius: 10px;
									-moz-border-radius: 10px;
									border-radius: 10px;
									-moz-box-shadow: 0 2px 10px #e0e0e0;
									-webkit-box-shadow: 0 2px 10px #e0e0e0;
									box-shadow: 0 2px 10px #e0e0e0;
}
.produit-description h3				{font-weight:bold;}
.shortcode-action-container			{padding:15px 0;}
.thanks								{color:#598856; background:#d9f3d8;padding:10px 15px; border:1px solid #94c291;}
.error								{color:#dc9191; background:#f9eaea;padding:5px 10px; margin:5px 0; border:1px solid #f1cece; display:block;}
#btn-cheque:hover,
#btn-paypal:hover					{cursor:pointer;}
.form-lastname, 
.inscription-cheque,
.paiement-produit .inscription-paypal	{display:none;}
.form-montant						{padding:10px 0;}
select								{-webkit-appearance: menulist;}
#form-cheque input[type="text"],
#form-cheque textarea				{width:100%;}
.radio-currency 					{padding:10px 0; overflow:hidden;}
.radio-currency input				{float:left; margin:3px 70px 3px 10px;}
.radio-currency label				{float:left;}






.navbar .btn-primary {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
  color:#ffffff;
}
#main-nav .btn-primaire{
  color:#ffffff;
}
.navbar .btn-primary:active,
.navbar .btn-primary.active {
  background-color: #cccccc \9;
}

@media (max-width: 979px) {
  .navbar .btn-primary {
    display: block;
  }

}
.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #e98036;
    background-image: -moz-linear-gradient(top, #f29756, #e98036);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f29756), to(#e98036));
    background-image: -webkit-linear-gradient(top, #f29756, #e98036);
    background-image: -o-linear-gradient(top, #f29756, #e98036);
    background-image: linear-gradient(to bottom, #f29756, #e98036);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff29756', endColorstr='#ff4d90fe', GradientType=0);
    border-color: #e98036 #e98036 #f29756;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    background-color: #ffffff;
    border: 0;
    border: 0;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}