/*
Theme Name: 64nord-vitis
Theme URI: http://www.64nord.com/
Description: Design by <a href="http://www.64nord.com">64°nord</a>.
Version: 1.0
Author: 64°nord
Author URI: http://www.64nord.com/
Template Code : 64nord-vitis-01
Version : 1.0   
Last Date Modified : 23/06/2011	
 ------------------------------------------------ */
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
	background: #26180c url(images/bg-body.jpg) center top no-repeat;
        font-family:arial;
        color:#26180c;
        font-size:13px;
}
h2, h1 {
        font-size:24px;
        padding-bottom:13px;
        font-weight:lighter;       
}
#main h1 {
        font-size:24px;
        padding-bottom:3px;
        font-weight:lighter; 
        margin-bottom:30px;   
}
h3 {padding:15px 0px 10px 0px; font-weight:lighter; font-size:18px}
p {
        padding:5px 0;
  			text-align:justify;
}
h1 a, h2 a { color:#26180c;}
h1 a:hover, h2 a:hover { text-decoration:none;}
h4 {padding:20px 0 5px 0; margin-bottom:5px;}

a { text-decoration:none; color:#ff4185;}
a:hover { text-decoration:underline}
a img, img a {border:none;}

.clear {clear:both}

.alignleft {float:left; padding:0 10px 10px 0;}
.alignright {float:right; padding:0 0px 10px 10px;}
.aligncenter {display:block;margin-left:auto; margin-right:auto; padding-bottom:10px;}

#main ul {padding:10px 0px 10px 30px;}
#main li {padding:3px 0 0 5px;}

blockquote {padding:10px 20px 10px 50px; background: url('images/quote-open.png') no-repeat top left; margin-top: 10px; color:#ff4185; font-size:14px;}
address {border: 1px solid #ff4185; padding:10px; margin:10px 0; font-style:normal;}

/********************************************
   STRUCTURE WRAP
********************************************/ 
#wrap {
	position: relative;
	width: 960px;
	margin: auto;
}
#wrap-in {padding:0 10px}
#content-wrap {
	position: relative;
	clear: both;
        min-height:575px;
        margin:0 22px;
        background:#fff;
}
#content-wrap-in {
        padding:20px;  
}
#main {
       background:#FFF;
       float:right;
        width:535px; 
        filter:alpha(opacity=80); opacity:0.8;     
    padding-bottom:20px;
}
#main-in {
        padding:20px
}
#main-pleine {
        background:#FFF;
        float:right;
        filter:alpha(opacity=80); opacity:0.8;     
}
#main-in-pleine {
        padding:20px       
}
#sous-nav {
        width:300px; 
        float:left;
}
#sous-nav ul{
        padding-top:0px;
	list-style: none;
        font-weight:bold;
        filter:alpha(opacity=80); opacity:0.8;     
}
#sous-nav li a {
        display:block;
        background:#FFF;
        padding:17px 20px;
        margin-bottom:7px;
        background: #fff url(images/flech-rose.png) no-repeat right center;
}
#sous-nav li a{
        color:#4d3728;
}
#sous-nav li a:hover, #sous-nav li.current_page_item a{
        text-decoration:none; 
        color:#fff;
        background: #ff4185 url(images/flech-blanc.png) no-repeat right center;
}
#contenu-droit {
}


/********************************************
   STRUCTURE HEADER
********************************************/ 

#header {
	position: relative;
	height: 163px;
        padding:0 20px;
}
#logo {
        float:right;
        height:140px;
        width:190px;
}
#logo img{
				margin-top:10px;
  				margin-left:18px;

}

/********************************************
    NAVIGATION
********************************************/ 

#nav {
        float:left;
        padding-top:115px;
        width:575px;
        font-weight:bold;
        letter-spacing:-0.3px;
}
#nav ul {
	list-style: none;	
}
#nav ul li {
        float:left;
        padding:0 0px 0 0;
}
#nav-commerce ul li {
        float:right;
        padding:0 0px 0 0;
}
#nav ul li a {
				padding: 5px 15px 5px 0;
  			margin: 0 15px 0px 0;
        display:inline-block;
  			color: #dcc380;  
}
#nav-commerce ul li a {
				padding: 5px 0px 5px 4px;
  			margin: 7px 0px 0px 0px;
  			display:inline-block;
				color: #dcc380;    
        font-weight:bold;
        letter-spacing:-0.3px;  			
}
#nav-commerce ul li.page-item-1194 a {padding:5px 18px 0 0;}
#nav ul li.page-item-1038 a { border-right:1px solid #dcc380;;}
#nav ul li a:hover, #nav ul li a:active, #footer-left ul li a:hover, #footer-left ul li a:active {
				color:#ff4185;
        text-decoration:none;
}
#nav-commerce ul li a:hover, #nav-commerce ul li a:active {
				color:#ff4185;
        text-decoration:none;
}
#nav ul li.current_page_item a {	
	color:#ff4185;	
}
#nav ul li.current_page_item ul a {	
	color:#26180c;	
}
#nav ul ul {
        display:none;
        border:none;
        margin-top:0px;
        position:absolute;
}
#nav ul ul li { float:none;}
#nav ul ul li a {
        background:#fff;
        color:#26180c;
        border:none;
        width:200px;
        display:block;
        padding:10px 18px;
        text-align:left;
        opacity: 0.8;
        filter:alpha(opacity=80);
        -moz-opacity:0.8;
          border-bottom:1px solid #26180c;

}
#nav ul ul li a:hover {
        color:#fff;
        background:#ff4185;
        opacity: 1;
        filter:alpha(opacity=100);
        -moz-opacity:1;
}
#nav ul li:hover ul {
        display:block;
        z-index:999;
}

/********************************************
   BLOG
********************************************/

.post-list-ligne {padding-bottom:20px;}
.post-list-ligne-img {width:140px; float:left}
.post-list-ligne-txt {width:355px; float:left}

/*** pagination ***/

#main-in .pagination ul {margin:10px 0 30px 0; padding:20px 0;}
#main-in .pagination ul li {list-style:none; display:inline; float:left; margin: 0 15px 0 0px;}
.pagination ul li a {display:block; border:1px solid #ff4185; }
.page-numbers {padding:5px 10px;}
.current, .dots {display:block; border:1px solid #26180c; color: #26180c;}
.pagination ul li a:hover {background:#ff4185; text-decoration:none; color:#fff; border-color:#ff4185;}

/********************************************
   WOO
********************************************/

a.button {color:#fff; background:#ff4185; padding:5px 10px; margin:0px 10px;}
a.button:hover {text-decoration:none;}
.complet {color:#fff; background:#26180c; padding:5px 10px; margin:0px 10px;}
.price {font-size:16px; margin-top:20px;}
.list-produit {padding-top:10px;}
.post-list-ligne-sell {padding:10px 0;}

.woocommerce td.actions input.button {margin-top:30px; margin-bottom:20px; background:#ccc; border:1px solid #ccc;}
.woocommerce td.actions input#coupon_code.input-text {margin-top:30px; margin-bottom:20px}
.woocommerce td.actions .coupon {margin-right:80px;}
.woocommerce td.actions input.checkout-button.button, #place_order.button {background:#ff4185; border:1px solid #ff4185;}
.product-price, .product-subtotal {text-align:right;}

.woocommerce .cart_totals table th {width:200px;}
.woocommerce .cart-collaterals .cart_totals table tbody tr.cart-subtotal th {white-space: nowrap}

form.checkout input, form.checkout textarea {margin:4px 0; border:3px solid #e3e3e2; padding:7px 5px; font-size:12px; font-family:arial;}
.shop_table th {background:#684128; color:#fff;}
.shop_table .product-total, .cart-subtotal td, .order-total td {text-align:right;}

.onsale {display:none;}
.price ins {text-decoration:none;}

/**************** Fiche *******************/

.woocommerce-breadcrumb {padding-bottom:15px;}
.product-img {width:500px; float:left; margin-top:20px; margin-bottom:20px;}
.summary {width:400px; float:left; margin-top:40px;}
.summary button {background:#684128; border:none; padding:5px 10px; margin:30px 0; color:#fff; font-size:14px;}
.summary .stock {display:none;}
.summary .price {padding-bottom:30px;;}

/********************************************
   FORM contact
********************************************/

#form-rapide {
	background:#fff;
  padding:20px;
}

#contactForm li.label {display:block; width:150px; float:left; padding:17px 0 11px 0;}
#contactForm input, #contactForm textarea {width:390px; float:right; margin:4px 0; border:3px solid #e3e3e2; padding:7px 5px;}
#contactForm li.buttons {clear:both; text-align:center; padding-top:20px;}
#contactForm li.buttons button {width:200px;}

.error {color: #f73a3c;}
.error address {border-color: #f73a3c; margin:20px 0 30px 0; color: #f73a3c;}

#form-rapide table input, table textarea {margin:4px 0; border:3px solid #e3e3e2; padding:7px 5px; width:340px;}
#form-rapide table p {padding-right:20px; }
.text-rouge {color:#f73a3c; font-weight:bold;}
#form-rapide table td {}
#form-rapide table {padding:10px 0 30px 0; border:none; margin:0;}
#form-rapide table p.label {width:140px;}
#form-rapide table .screenReader {display:none}
.wpcf7-submit {width:150px;}

#main-pleine #main-in-pleine {width:900px;}

/********************************************
   FOOTER
********************************************/

#footer-wrap a, #footer-bottom a, #footer-wrap p, #footer-wrap li, .footer-bottom a {color:#684128; font-size:12px;}
#footer-wrap a:hover, #footer-bottom a:hover {color:#a36741; text-decoration:none;}

#footer-wrap h3 {padding:10px 0 30px 0; color:#684128; font-size:16px;}
#footer-wrap li {list-style:none; padding:5px 0;}
#footer-wrap {
  			margin:auto;
}
#footer-in {
  			padding:0 20px;
}
.footer-col {
	float: left;
	width: 210px;
        padding: 30px 0 40px 0;
}
.footer-sep {
	float: left;
	width:10px;
        height:100px;
        margin-left :9px;  
}
.footer-bottom { background:#150d07; padding:25px; text-align:center; margin:0 20px;}
.footer-bottom li { display:inline; padding:0 20px; color:#684128;}

#footer-wrap p.footer-tel {font-size:24px;}
.footer-social {padding-right:5px;}
.footer-social-bloc {padding-top:10px;}
.footer-social-bloc label {display:none;}
#footer-wrap .footer-social-bloc h3 {padding-bottom:10px;}

#ns_widget_mailchimp_form-2 input#ns_widget_mailchimp-email-2 {border:1px solid #684128; background: #26180c; width:90px; padding:2px 5px; color:#fff; margin-right:5px;}
#ns_widget_mailchimp_form-2 input.button {color: #fff; background: #684128; border:0; padding:2px 5px;}
#ns_widget_mailchimp_form-2 label {color:#684128;}
#ns_widget_mailchimp_form-2 {padding-bottom:10px;}

/********************************************
   CONTACT puis FORMULAIRE
********************************************/

div.wpcf7 {
	margin: 0;
	padding: 0;
}
div.wpcf7-response-output {
	padding: 0.2em;
        font-size:12px;
        color:#930d14;
        width:325px;
        margin-top:10px
}
div.wpcf7-mail-sent-ok {
	border: 1px solid #4d3728;
}
div.wpcf7-mail-sent-ng {
	border: 1px solid #4d3728;
}
div.wpcf7-spam-blocked {
	border: 1px solid #4d3728;
}
div.wpcf7-validation-errors {
	border: 1px solid #4d3728;
}
span.wpcf7-form-control-wrap {
	position: relative;
}
span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 15%;
	z-index: 100;
	background: #fff;
	border: 1px solid #4d3728;
	width: 280px;
	padding: 2px;
        color:#4d3728;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	display: block;
}
.wpcf7-display-none {
	display: none;
}
div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}
div.wpcf7 .watermark {
	color: #4d3728;
}

div.wpcf7 input, div.wpcf7 textarea {
	    margin-top:5px;
	    font-size:12px;
            font-family:arial;
            color:#675d5d;
}

/********************************************
   PAGE - TABLEAU
********************************************/ 

#content-wrap-in table {
        margin:5px 0;
        border:none;
}
#content-wrap-in table tr td {
        border-color:#fff;
        border-style:none;
        padding:2px 0;
}
#content-wrap-in table form {
        height:14px;
}