/*
	Theme Name: CleanPort-Lite Child
	Theme URI: http://themefurnace.com/cleanport-lite-theme
	Description: CleanPort is a flat design styled WordPress portfolio theme for businesses to show off their products and services in style. CleanPort is extremely light-weight, it exclusively uses built-in WordPress features so there is no bloated code to slow your site down. You can edit many options using the Theme Customizer. The pro version of this theme includes custom widgets, color options, hundreds more font choices, support + Access to 12 Other Themes. see http://themefurnace.com for further details.
	Author: Oliver Dale
	Author URI: http://www.themefurnace.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0.8
	Tags: white, blue, gray, four-columns, right-sidebar,  custom-background, custom-colors, featured-images, theme-options
	Text Domain: cleanport
	
	CleanPort-Lite is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.
*/
/* Import Reset and Defaults */
@import url("inc/css/defaults.css");
/* Import Widgets */
@import url("inc/css/widgets.css");
/* Import Reset and Defaults */
@import url("inc/fontawesome/css/font-awesome.min.css");
/* Links */

a {
	text-decoration: none
}
a:visited {
}
a:hover, a:focus, a:active {
	color: #333333
}
#content .postmeta a {
	color: #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
}
#content .postmeta a:hover {
	color: #898989;
	border-bottom: 1px solid #000;
}
.portfolioarchive a {
	color: #8C8C8C;
}
.portfolioarchive a:hover {
	color: #000;
}
.porttitle a {
/*color: #39373C;*/
}
.porttitle a:hover {
	color: #000;
}
.fade {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
/* Theme Layout */

#header {
	width: 100%;
	min-height: 75px;
}
.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
#logo_text {
/*font-weight: 700;
	font-size: 22px;
	margin-bottom: 5px;*/
}
#logo_text a {
/*color: white;*/
}
.container {
	width: 1100px;
	margin: 0 auto;
}
#slider {
	width: 100%;
	text-align: center;
	padding-top: 60px;
	color: #9C9C9D;
}
#slider img {
	text-align: center;
	margin: 0 auto;
}
#slider h1 {
	color: white;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-size: 30px;
	margin-bottom: 10px;
	line-height: 40px;
}
#features {
	padding-top: 40px;
	padding-bottom: 10px;
	text-align: center
}
.feature {
	width: 229px;
	height: 200px;
	text-align: center;
	margin-right: 20px;
	display: inline-block;
	background-image: url(img/bg.png);
	background-repeat: repeat;
	text-align: center;
	margin-bottom: 25px;
	position: relative
}
.feature:nth-child(4n+4) {
	margin-right: 0px;
}
.featuretitle {
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	color: white;
	font-weight: 400;
	margin-top: 135px;
}
.featureicon {
	font-size: 75px;
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
	color: white;
}
.featureicon a {
	display: block;
	width: 229px;
	height: 150px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 50px;
	color: white;
}
.featureicon a:hover {
	color: #333136;
}
.featureiconsmall {
	font-size: 15px;
	height: 32px;
	width: 32px;
	display: block;
	text-align: center;
	margin: 0 auto;
	line-height: 32px;
	float: left;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
}
.featureiconsmall a, .featureiconsmall a:hover {
	color: white;
}
.featureitemsmallwrap {
	margin-left: 15px;
	float: left;
	width: 270px;
	margin-top: 2px;
}
.featureitemsmall {
	width: 320px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #7B7B7B;
	text-align: left
}
.featureitemsmall:nth-child(3n+3) {
	margin-right: 0px;
}
#portfoliohome {
	background-color: #3A3A3A;
	text-align: center;
	padding-top: 5px;
}
.portfolioitem {
	width: 120px;
	height: 85px;
	overflow: hidden;
	position: relative;
	display: inline-block;
}
.portfolioitem:hover {
	transform: scale(2, 2);
	-webkit-transform: scale(2, 2);
	-moz-transform: scale(2, 2);
	-o-transform: scale(2, 2);
	-ms-transform: scale(2, 2);
	z-index: 1;
	transition: all 0.2s ease-in-out;
}
.portfoliooverlay {
	background-image: url(img/portoverlay.png);
	background-repeat: repeat;
	width: 120px;
	height: 85px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.portfolioinfo {
	width: 120px;
	height: 85px;
	opacity: 0;
	color: white;
	position: relative
}
.porthomehead {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	background-size: 14px 0.5px;
	font-family: 'Raleway', sans-serif;
	font-size: 50%;
	line-height: 9px;
	position: absolute;
	bottom: 15px;
	color: white;
}
.portfolioinfo:hover {
	opacity: 1;
}
#bloghome {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}
#bloghome h3 {
	text-align: center
}
.bloghomeheading {
	font-size: 20px;
	background-image: url(img/headbg.png);
	background-repeat: repeat-x;
	background-position: 5px;
	font-size: 22px;
	color: #AAAAAA;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 40px;
	width: 990px;
}
.bloghomeheading span {
	padding-right: 15px;
	padding-left: 15px;
}
.bloghomeitem {
	width: 225px;
	height: 200px;
	display: inline-block;
	position: relative;
	margin-right: 20px;
	margin-bottom: 25px;
	vertical-align: top
}
.bloghomeitem:nth-child(4n+4) {
	margin-right: 0px;
}
.blogimg {
	width: 225px;
	height: 200px;
}
.bloghomeitem:hover {
	width: 225px;
	height: 200px;
	display: inline-block;
	position: relative;
}
.blogoverlay {
	background-image: url(img/portoverlay.png);
	background-repeat: repeat;
	width: 225px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 1;
}
.blogoverlay:hover {
	opacity: 0;
}
.bloghomehead {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	font-family: 'Raleway', sans-serif;
	color: white;
	position: absolute;
	bottom: 60px;
	font-size: 18px;
}
.bloghomeinfo {
	opacity: 0;
	color: white;
	width: 225px;
	height: 200px;
	background-image: url(img/portoverlay.png);
	background-repeat: repeat;
	position: absolute;
}
.bloghomeinfo:hover {
	opacity: 1;
	transition: all 0.2s ease-in-out;
}
.bloghomemeta {
	font-size: 11px;
	margin-top: 5px;
	position: absolute;
	bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	color: #CFCFCF;
}
.bloghomemeta .fa {
	margin-right: 5px;
	color: white;
}
.bloghomemeta .commentshome {
	margin-left: -30px;
}
#homewidgets {
	padding-top: 50px;
	padding-bottom: 30px;
	font-size: 15px;
	color: #414141;
	line-height: 20px;
	text-align: center
}
.homewidgetheading {
	font-size: 78px;
}
.homewidget {
	width: 320px;
	margin-right: 10px;
	vertical-align: top;
	margin-bottom: 30px;
	display: inline-block;
	vertical-align: top;
	text-align: left
}
.homewidget:nth-child(3n+3) {
	margin-right: 0px;
}
#homewidgets h3 {
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	color: #333333;
	margin-bottom: 6px;
}
#testimonials {
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center
}
.testimonials blockquote {
	font-size: 27px;
	line-height: 40px;
	margin-bottom: 10px;
	font-family: 'Raleway', sans-serif;
	border: 0px;
	background-color: inherit;
}
.testimonials a:hover {
	color: black;
}
#footerwidgets {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 15px;
}
.footerwidget {
	width: 220px;
	margin: 0 30px;
	display: inline-block;
	margin-bottom: 0px;
	font-size: 14px;
	vertical-align: top;
}
.footerwidget:nth-child(4n+4) {
	margin-right: 0px;
}
.footerwidget li {
	font-size: 13px;
	margin-bottom: 0px;
	font-weight: 100;
	letter-spacing: 0.1em;
}
.footerwidget li a {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.footerwidget li:hover a {
	padding-left: 10px;
}
.footerwidget li a {
	color: #fff;
	display: block;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	background-image: none;
	background-repeat: none;
	background-position: 8none;
}
.footerwidget li a:hover {
	color: white;
}
.footertitle {
	font-size: 17px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	color: white;
	margin-bottom: 5px;
	margin-top: 10px;
}
#footer {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #2C2B2D;
	text-align: center;
	font-size: 13px;
	color: #8C8C8C;
}
#footer a {
	color: #8C8C8C;
}
#footer a:hover {
	color: #0000
}
/* Interior */

body.page-template-page-fullwidth-php #content {
	width: 100%
}
body.page-template-page-leftsidebar-php #content, body.page-template-page-vignerons-php #content, body.page-template-page-produits-php #content {
	float: right;
}
body.page-template-page-leftsidebar-php #sidebar, body.page-template-page-vignerons-php #sidebar, body.page-template-page-produits-php #sidebar {
	float: left;
}
body.page-template-page-produits-php #main, body.page-id-33 #main{
	background: url(img/bg-grape.jpg) top right no-repeat;
}
body.page-template-page-produits-php #content #insideheader {
	background-color: none !important;
}
.inside {
	background-color: #F9F9F9
}
#insideheader {
	width: 100%;
	padding: 20px 30px 0px 30px;
}
#insideheader h1 {
	color: #c1cd20;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 28px;
	line-height: 53px;
	padding: 10px 0px 6px;
	text-transform: uppercase;
	border-bottom: 2px solid #d1d1d1;
	display: inline;
}
#main {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
#content {
	width: 868px;
	float: left;
}
.post {
	padding: 0px 30px;
}
.posttitle {
	color: #39373C;
	margin-top: 20px;
	margin-bottom: 20px;
}
#content .postmeta {
	text-transform: uppercase;
	color: #BFBFBF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1.5px;
}
.portfolioarchive {
	width: 300px;
	margin-right: 10px;
	display: inline-block;
	color: #8C8C8C;
	font-size: 12px;
	position: relative;
	padding-bottom: 40px;
}
.portfolioarchiveimg {
	width: 300px;
	height: 225px;
}
.portfolioarchive:nth-child(3n+3) {
	margin-right: 0px;
}
.porttitle {
	font-size: 18px;
	margin-top: 10px;
	padding-bottom: 10px;
}
.portfolioarchive .fa {
	margin-right: 7px;
}
.portoverlay {
	background-image: url(img/portoverlay.png);
	background-repeat: repeat;
	width: 300px;
	height: 115px;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	color: white;
	font-size: 40px;
	text-align: center;
	padding-top: 110px;
}
.portoverlay:hover {
	opacity: 1;
}
.blogthumb {
	max-height: 365px;
	overflow: hidden
}
.blogitem {
	border-bottom: 1px solid #F4F4F4;
	margin-bottom: 40px;
}
/* Sidebar */

#sidebar {
	/*background-color: #39373C;*/
	width: 21%;
	float: right;
	margin-bottom: -5000px;
	padding-bottom: 5000px;
	border-right: 1px solid #9c9c9c;
	margin-top: 50px;
}
.sidebarwidget {
	padding-bottom: 25px;
	margin-bottom: 25px;
	padding-right: 25px;
	font-size: 12px;
}
.sidebarwidget li {
	font-size: 12px;
	margin-bottom: 0px;
	margin-left: -25px;
	margin-right: -25px;
}
.sidebarwidget li .children {
	margin-left: 45px;
}
.sidebarwidget .sub-menu {
	margin-left: 35px;
}
.sidebarwidget li a {
	color: #ACACAC;
	display: block;
	padding-left: 35px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-image: url(img/arrow.png);
	background-repeat: no-repeat;
	background-position: 22px 12px;
}
.sidebarwidget li a:hover {
	color: white;
}
.sidebarwidget #recentcomments {
	padding-left: 25px;
	padding-right: 25px;
	background-image: none
}
.sidebarwidget #recentcomments li {
	margin-bottom: 10px;
}
.sidebarwidget #recentcomments li a {
	background-image: none
}
.sidebarwidget .rss-date {
	margin-left: 35px;
	margin-right: 25px;
}
.sidebarwidget .rssSummary {
	margin-left: 35px;
	margin-right: 25px;
}
.sidebarwidget cite {
	margin-left: 35px;
	margin-right: 25px;
	padding-bottom: 20px;
}
#portsidebar li {
	margin-left: -5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #5E5E5E;
	margin-right: 3px;
	padding-bottom: 7px;
	vertical-align: top
}
#portsidebar li:nth-child(4) {
	border-bottom: 0px;
}
#portsidebar .fa {
	margin-right: 7px;
	font-size: 16px;
	margin-top: 2px;
}
#portsidebar li a {
	background-image: none;
	padding: 0px;
	display: inline
}
#portsidebar li a:hover {
	color: white;
	background-color: #39373C;
}
.sidetitle {
	color: white;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 16px;
}
.sidetitle i {
	margin-left: -6px;
	margin-right: 7px;
}
.sidesearch {
	background-image: url(img/search.png);
	background-repeat: no-repeat;
	background-position: right 5px top 7px;
	height: 21px;
	margin: 0px;
	margin-right: 5px;
	vertical-align: top;
	width: 160px;
}
.sidesubmit {
	vertical-align: top
}
.footerwidget .sidesearch {
	margin-top: 30px;
	width: 100px;
}
.footerwidget .sidesubmit {
	margin-top: 30px;
}
/* Pagination */

.pagination {
	position: relative;
	padding: 0px 0;
	font-size: 14px;
	line-height: 13px;
	height: 40px;
	display: block;
	margin-bottom: 20px;
	padding-top: 15px;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 4px 4px 4px 0;
	padding: 15px 18px 14px 18px;
	text-decoration: none;
	width: auto;
	color: #24221D;
	background-repeat: repeat;
	background-color: #ECECEC;
}
.pagination a:hover {
	color: #fff;
	text-decoration: none;
}
.pagination a:visited {
	text-decoration: none;
}
.pagination .current {
	padding: 15px 18px 14px 18px;
	background: #24221D;
	color: #fff;
}
/* Navigation */

#navbar select {
	display: none;
}
#navbar {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 13px;
}
#main-nav {
	min-height: 36px; /* set to the height you want your menu to be */
}
#main-nav ul {
	margin: 0;
	padding: 0; /* only needed if you have not done a CSS reset */
	min-height: 36px;
	margin: 0 auto;
	z-index: 99999;
}
#main-nav li {
	display: block;
	display: inline-block;
	line-height: 36px; /* this should be the same as your #main-nav height */
	height: 36px; /* this should be the same as your #main-nav height */
	margin: 0;
	padding: 0; /* only needed if you don't have a reset */
	position: relative; /* this is needed in order to position sub menus */
	margin: 0 auto;
	z-index: 99999;
}
#main-nav li a {
	display: block;
	height: 36px;
	line-height: 36px;
	padding: 0 25px;
	border: 0px;
	color: white;
}
#main-nav li a:hover {
}
#main-nav .current-menu-item a, #main-nav .current_page_item a, .selected {
	background-color: #000;
}
#main-nav ul ul a {
	color: #CACACA;
}
#main-nav ul ul a:hover {
	color: #FFFFFF;
}
#main-nav ul ul {
	/* this targets all sub menus */
	display: none;
	position: absolute;
	top: 36px; /* this should be the same height as the top level menu -- height + padding + borders */
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	z-index: 9999;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 0px solid #808080;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif
}
#main-nav ul ul li {
	/* this targets all submenu items */
	float: none; /* overwriting our float up above */
	min-width: 220px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
	border-bottom: 1px solid #555555;
	background-color: #343434;
	z-index: 9999;
}
#main-nav ul ul li a {
/* target all sub menu item links */
}
#main-nav ul ul li a:hover {
	/* target all sub menu item links */
	border-bottom: 1px solid #58C0E6;
}
#main-nav ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
	background-color: white;
}
#main-nav ul ul li ul {
	/* target all second, third, and deeper level sub menus */
	left: 220px; /* this needs to match the sub menu width set above -- width + padding + borders */
	top: 0; /* this ensures the sub menu starts in line with its parent item */
	z-index: 9999;
}
/* Comments */

#comments {
	padding: 28px;
}
.comment-notes {
	font-size: 12px;
}
.form-allowed-tags {
	display: none;
}
.comment-form-comment textarea {
	width: 70%;
	clear: both;
	padding: 8px;
}
.comment-form-comment label {
	display: none;
}
.commentinfo {
	font-size: 11px;
	margin-top: 10px;
}
.cancelcomment {
	margin-bottom: 10px;
}
.loggedinauthor {
}
.form-allowed-tags {
	font-size: 11px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.comment-form-author label {
	margin-top: 10px;
	font-size: 11px;
	display: block;
}
.comment-form-author input {
	width: 50%;
	padding: 8px;
}
.comment-form-email label {
	font-size: 11px;
	display: block;
}
.comment-form-email input {
	width: 50%;
	padding: 8px;
}
.comment-form-comment label {
	font-size: 11px;
	display: block;
}
.comment-form-comment input {
	width: 50%;
	padding: 8px;
}
.comment-form-url label {
	font-size: 11px;
	display: block;
}
.comment-form-url input {
	width: 50%;
	margin-bottom: 20px;
	padding: 8px;
}
.edit-link {
	margin-left: 10px;
	clear: both;
	display: block;
}
.comments ol {
}
.comment {
	margin-left: -30px;
}
#commentsform {
	padding-right: 10px;
	position: relative;
	margin-bottom: 0px;
}
#comments p {
}
.yours {
	float: right;
	margin-top: 20px;
}
.comment {
	padding-bottom: 20px;
}
.avatar {
	float: left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #C8C8C8;
}
.comment-author {
	font-size: 12px;
	color: #010101;
	clear: both;
}
.comment-author a {
	color: #C8C8C8;
}
.fn {
	font-style: normal;
}
.comment-author a {
	border-bottom: 0px;
	color: #000000;
}
.bypostauthor {
}
.comment-meta {
	font-size: 11px;
}
.comment-meta a {
	border-bottom: 0px;
}
.comment-meta a:visited {
	border-bottom: 0px;
}
.comment-body {
	margin-left: 20px;
}
.comment-body p {
	margin-top: 10px;
	line-height: 20px;
	margin-left: 47px;
}
.comment li {
	margin-top: 20px;
}
.comment {
	list-style-type: none;
}
.children ul {
}
.depth-1 {
	margin-top: 20px;
}
.depth-2 {
	margin-top: 20px;
	margin-left: 10%;
}
.depth-3 {
	margin-top: 20px;
	margin-left: 10%;
}
#comments .comment:last-child.depth-2 {
}
#comments .comment:first-child.depth-2 {
}
#comments .comment:last-child.depth-3 {
}
.comment-author-admin {
}
#comments ul.children {
}
.reply {
	float: right;
	position: relative;
	border-bottom: 1px solid #ECECEC;
	width: 100%;
	margin-bottom: 25px;
	padding-bottom: 25px;
	clear: both;
}
.comment-reply-link {
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	color: white;
}
a.comment-reply-link {
	float: right
}
a.comment-reply-link:visited {
	color: white;
}
a.comment-reply-link:hover {
	background-color: #4C4C4C;
	color: white;
}
.commentinput {
	width: 50%;
	margin-bottom: 20px;
}
.commentbox {
	width: 70%;
	height: 150px;
}
.commentinfo {
	font-size: 11px;
	margin-top: 20px;
}
.commentsubmit {
	margin-top: 20px;
	display: block;
	background-color: #464646;
	color: white;
	border: 0px;
	font-size: 11px;
	padding: 5px 15px;
}
.commentsubmit:hover {
	background-color: #5E5E5E;
	cursor: pointer;
}
.cancelcomment {
	margin-bottom: 10px;
}
.loggedinauthor {
}
/* Responsive*/

img {
	max-width: 100%;
	height: auto;
}



/* Color Setup */
#homewidgets, body, #testimonials, {
 background-color: #F9F9F9
}
a {
	color: #000
}
#main, #bloghome, #comments, .bloghomeheading span {
	background-color: #ffffff
}
.portfolioarchive .fa, .sidetitle i {
	color: #000
}
#features, .featureiconsmall, .pagination a:hover, #main-nav li a:hover, .comment-reply-link, .tagcloud a, a.button, .button, button, html input[type="button"], input[type="reset"], input[type="submit"] {
	background-color: #000000;
}
body, button, input, select, textarea {
	color: #000
}
.testimonials blockquote, h1, h2, h3, h4, h5, h6 {
	color: #5d5c5c
}
/*blockquote {
	color: #000 !important;
	padding:0 20px;
	line-height:35px;
	font-size:31px;	
}*/
blockquote {
	background: url(img/arabesque.png) bottom center no-repeat #000;
	width: 230px;
	height: 230px;
	padding: 0px;
	text-align: center;
	line-height: 230px;
	font-size: 20px;
	color: #c1cd20 !important;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
	border-radius: 250px;
	margin: 0 auto;
}
blockquote > p {
	margin: 0 auto;
	vertical-align: middle;
	width: 200px;
	text-align: center;
	line-height: normal;
	/*HYPER IMPORTANT le display:inline-block*/
	display: inline-block;
}
#header {
}
#footerwidgets {
/*background-color: #39373C*/
}
#slider, #insideheader {
/*background-color: #39373C*/
}
#header {
	background-image: url("img/bg-header.jpg");
	background-repeat: repeat-x;
	background-position: left -20px;
	height: 155px;
}
#header .container {
	background-image: url("img/filet.gif");
	background-repeat: repeat-x;
	background-position: left top;
	height: auto;
	position: relative;
}
.logo {
	width: 22%;
	float: left;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.logo img {
	margin: 0 auto;
}
.home .slide-data {
	display: none;
}
.home #slider {
	padding-top: 0px;
}
h1+h2 {
	margin-top: 10px;
}
#content h2 {
	color: #000000;
	font-size: 30px;
	margin: 10px 0px;
	line-height: 35px;
	font-weight: 400;
}
#content h3 {
	color: #999582;
	font-size: 18px;
}
/*MENUS DU HAUT*/
.menu li {
	display: inline-block;
	border-bottom: 0px;
}
.menu-left {
	float: left;
	width: 39%;
	text-transform: uppercase;
	margin-top: 122px;
}
.menu-right {
	float: right;
	width: 36%;
	text-transform: uppercase;
	margin-top: 122px;
}
ul.menu > li {
	width: 30%;
}



.menu-left ul.menu > li:nth-child(3n) {
	text-align: right;
	width: 35%;
}
.menu-right ul.menu > li:nth-child(1) {
	width: 27%;
	text-align: center;
}
.menu-right ul.menu > li:nth-child(2) {
	width: 37%;
	text-align: center;
}
.menu-right ul.menu > li:nth-child(3) {
	text-align: right;
	width: 33%;
}
li.current_page_item > a, li.current-menu-ancestor> a {
	background-color: #c1cd20;
}
.menu li a {
	color: #000;
	padding: 8px;
	border-bottom: 4px solid white;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
#navbar .menu li:hover > a {
	border-bottom: 4px solid #c1cd20;
}
ul.menu {
	list-style: none;
}
ul.menu li {
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
#navbar ul.sub-menu {
	z-index: 10;
	padding: 10px;
	position: absolute;
	top: 28px;
	left: -20px;
	width: 230px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	-webkit-transiton: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-transition: opacity 0.2s;
	background: #fff;
	-webkit-box-shadow: 2px 2px 5px 1px #CCCCCC;
	box-shadow: 2px 2px 5px 1px #CCCCCC;
}
#navbar ul.sub-menu li {
	display: block;
	padding: 20px 10px;
	text-align: left;
}
ul.sub-menu li a {
	padding: 0px;
}
#navbar .menu li:hover {
	color: #EE7441;
}
#navbar .menu li:hover ul.sub-menu {
	display: block;
	opacity: 1;
	visibility: visible;
}
#navbar .menu li:hover ul.sub-menu li a {
	padding-bottom: 0px;
	border-bottom: 0;
}
#navbar .menu li ul.sub-menu li {
	padding: 5px 10px 5px 15px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
#navbar .menu li ul.sub-menu li:hover {
	padding: 5px 10px 5px 20px;
	background: #fff;
}
/*sub sub menu*/
/*#navbar .menu li ul.sub-menu li ul.sub-menu{
z-index:10;
padding: 20px;
position: absolute;
top: 30px;
 left: 0px;
 width: 300px;
 display: block;
 opacity: 1;
 visibility: visible;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  background:#ccc8b6;}	*/
  
#navbar .menu li ul.sub-menu li ul.sub-menu {
	z-index: 10;
	padding: 10px;
	position: absolute;
	top: 0px;
	left: 76px;
	width: 190px;
	display: none;
	opacity: 0;
	visibility: hidden;
	-webkit-transiton: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-transition: opacity 0.2s;
	background: #ccc8b6;
}
#navbar ul.menu li ul.sub-menu li:hover ul.sub-menu {
	display: block;
	color: #fff;
	padding: 10px;
	text-align: left;
	visibility: visible;
	opacity: 1;
}
#navbar .menu li ul.sub-menu li ul.sub-menu li:hover {
	color: #EE7441;
}
#navbar .menu li:hover ul.sub-menu li a {
	padding-bottom: 0px;
	border-bottom: 0;
}
#navbar ul.menu li ul.sub-menu li ul.sub-menu li {
	padding: 5px 10px 5px 15px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
#navbar ul.menu li ul.sub-menu li ul.sub-menu li:hover {
	padding: 5px 10px 5px 20px;
	background: #fff;
}
/*Menu des sidebar*/
#sidebar .menu >li {
	width: 100%;
}
.sidebarwidget .menu-nos-maisons-container, .sidebarwidget .menu-nos-produits-container {
	text-align: right;
}
#menu-nos-produits.menu > li {
	font-weight: 600;
	line-height: 26px
}
.sidebarwidget ul.menu li {
	font-size: 19px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	margin: 4px 0px;
}
.sidebarwidget ul.menu li a {
	color: #c1cd20;
}
.sidebarwidget ul.menu li ul.sub-menu {
	display: block;
	visibility: visible;
	opacity: 1;
	padding: 0px;
	position: relative;
	width: 100%;
	background: none;
}
.sidebarwidget ul.menu li ul.sub-menu li {
	padding: 10px 0px;
	font-size: 14px;
	border-bottom: 1px solid #dddcd7;
	margin-left: 30px;
	font-weight: 400;
}
.sidebarwidget #menu-nos-produits.menu li ul.sub-menu li {
	padding: 10px 0px 0px;
	margin: 0px 15px;
}
.sidebarwidget .menu li a {
	padding: 0px;
	background: none;
}
.sidebarwidget .sub-menu {
	margin-left: 0px;
}
.sidebarwidget ul.menu li.current-menu-item > a {
	color: #000;
}
.sidebarwidget ul.menu li ul.sub-menu .current-menu-item a {
	color: #000;
}
.sidebarwidget ul.menu li ul.sub-menu li:hover {
	color: #000;
}
#breadcrumb {
	background-color: #c1cd20;
}
#breadcrumb .container {
	margin-bottom: 0px;
	font-size: 11px;
	margin-top: 0px;
	padding-bottom: 2px;
}
#breadcrumb ul li {
	display: inline-block;
}
#breadcrumb li a {
	color: #88901B;
}
#breadcrumb li {
	color: #fff;
}
#vignerons-wrap {
	width: 70%;
	float: left;
}
#vignerons-datas {
	float: left;
	width: 30%;
}
#content h4{color:#000; font-size:18px; border-bottom:1px solid black;font-weight:600;}
#vignerons-datas >  h4 {
	color: #000;
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 0;
	display: inline-block;
	padding-top: 20px;
	line-height: 30px;
	text-transform: uppercase;
	border:none;
}
#vignerons-datas h3 {
	color: #000;
	font-weight: 800;
	font-size: 17px;
	margin-bottom: 0;
	display: inline;
	line-height: 24px;
	border-bottom: 1px solid #bdbdbd;
	text-transform: uppercase;
}
#vignerons-datas h5 {
	color: #000;
	text-align: right;
	text-transform: uppercase;
	color: #c1cd20;
	font-size: 22px;
	margin-right: 20px;
	font-weight: 500;
	padding-top: 20px;
	margin-bottom: 0px;
}
#vignerons-datas p {
	display: inline;
}
.photo-vigneron {
	margin: 0 -10px;
	width: 100%;
}
body.page-template-page-vignerons-php .one_half {
	width: 47%;
	text-align: justify;
}
body.page-template-page-vignerons-php .last_column {
	margin-left: 5%;
}
body.page-template-page-vignerons-php #content {
	color: #000;
	font-size: 14px;
}
#content h3 {
	margin-bottom: 10px;
	line-height: 23px;
}
.pdf {
	background: #fafafa;
	background: url(img/pdf-48.png) no-repeat 5px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e4e4e4)); /* Chrome,Safari4+ */
	background: url(img/pdf-48.png) no-repeat 5px 6px, -webkit-linear-gradient(top, #fafafa, #e4e4e4);/* Chrome10+,Safari5.1+ */
	background: url(img/pdf-48.png) no-repeat 5px 6px, -moz-linear-gradient(top, #fafafa, #e4e4e4);/* FF3.6+ */
	background: url(img/pdf-48.png) no-repeat 5px 6px, -ms-linear-gradient(top, #fafafa, #e4e4e4);/* IE10+ */
	background: url(img/pdf-48.png) no-repeat 5px 6px, -o-linear-gradient(top, #fafafa, #e4e4e4);/* Opera 11.10+ */
	background: url(img/pdf-48.png) no-repeat 5px 6px, linear-gradient(to bottom, #fafafa, #e4e4e4);/* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e4e4e4', GradientType=0 ); /* IE6-8 */
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	color: #000;
	padding: 10px 20px 10px 36px;
	border: solid #ededed 1px;
	text-decoration: none;
}
.pdf:hover {
	background: #d9ed97; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5ZWQ5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWNkMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: url(img/pdf-48.png) no-repeat 5px 6px, -moz-linear-gradient(top, #d9ed97 0%, #c1cd20 100%); /* FF3.6+ */
	background: url(img/pdf-48.png) no-repeat 5px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9ed97), color-stop(100%, #c1cd20)); /* Chrome,Safari4+ */
	background: url(img/pdf-48.png) no-repeat 5px 6px, -webkit-linear-gradient(top, #d9ed97 0%, #c1cd20 100%); /* Chrome10+,Safari5.1+ */
	background: url(img/pdf-48.png) no-repeat 5px 6px, -o-linear-gradient(top, #d9ed97 0%, #c1cd20 100%); /* Opera 11.10+ */
	background: url(img/pdf-48.png) no-repeat 5px 6px, -ms-linear-gradient(top, #d9ed97 0%, #c1cd20 100%); /* IE10+ */
	background: url(img/pdf-48.png) no-repeat 5px 6px, linear-gradient(to bottom, #d9ed97 0%, #c1cd20 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ed97', endColorstr='#c1cd20', GradientType=0 ); /* IE6-8 */
	text-decoration: none;
}
.footerwidget li a:hover, .sidebarwidget li a:hover {
}
.page-template-page-produits-php h3 {
	color: #000000 !important;
	font-style: italic;
	background: url('img/puce-verte.gif') left 3px no-repeat transparent;
	padding-left: 20px;
}
h3.toogle-trigger {
	font-size: 11px;
	color: #C1CD20;
}
#av-overlay {
	background: url(img/logo-majorite.png) top center no-repeat transparent
}
#av-overlay h1 {
	color: #000;
}
.page-id-109 h2 {
	background: url(img/picto-blanc-sec.png) 29% top no-repeat transparent;
	padding: 5px 0 9px;
}
.page-id-111 h2 {
	background: url(img/picto-blanc-moelleux.png) 37% top no-repeat transparent;
	padding: 5px 0 9px;
}
.page-id-117 h2 {
	background: url(img/picto-fines-bulles.png) 29% top no-repeat transparent;
	padding: 5px 0 9px;
}
.page-id-115 h2 {
	background: url(img/picto-rose.png)19% top no-repeat transparent;
	padding: 5px 0 9px;
}
.page-id-113 h2 {
	background: url(img/picto-rouge.png) 21% top no-repeat transparent;
	padding: 5px 0 9px;
}



/* Portrait Tablets */

#responsive-menu {
	background: url("img/macaron.png") no-repeat left bottom #999582!important;
	height: auto;
}
.menu-responsive {
	display: none;
}


/* Landscapes Tablets */
@media only screen and (min-width:1000px) and (max-width: 1024px) {
	
#main {	width: 100%;}
#sidebar {	width: 20%;}
#content {	width: 79%;}
.container{width:100%;}
.footerwidget{width:19%;}
.menu li a{padding:2px;}
}
/* Portrait Tablets */
@media only screen and (min-width: 768px) and (max-width: 999px) {
	#main {
	width: 100%;
}
#content {
	width: 78%;
}
.container, .bloghomeheading, #main {
	width: 768px;
}

.feature {
	width: 162px;
	height: 162px;
	margin-right: 10px;
}
.feature:nth-child(4n+4) {
	margin-right: 0px;
}
.featuretitle {
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	color: white;
	font-weight: 400;
	margin-top: 110px;
}
.featureicon {
	font-size: 55px;
	line-height: 35px;
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
	color: white;
}
.featureicon a {
	display: block;
	width: 162px;
	height: 112px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 50px;
	color: white;
}
#slider h1 {
	font-size: 25px;
	line-height: 35px;
}
.featureitemsmallwrap {
	margin-left: 15px;
	width: 170px;
}
.featureitemsmall {
	width: 220px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #7B7B7B;
	text-align: left
}
.featureitemsmall:nth-child(3n+3) {
	margin-right: 0px;
}
.bloghomeitem {
	width: 225px;
	height: 200px;
	display: inline-block;
	position: relative;
	margin-right: 20px;
	margin-bottom: 25px;
	vertical-align: top
}
.bloghomeitem:nth-child(2n+2) {
	margin-right: 0px;
}
#navbar ul {
	display: none;
}
#navbar select {
	position: absolute;
	display: inline-block;
	position: absolute;
	top: 57px;
	right: 45px;
	min-width: 200px;
}

.footerwidget {
	width: 161px;
	margin-right: 10px;
	display: inline-block;
	margin-bottom: 30px;
	font-size: 14px;
	vertical-align: top;
}
.footerwidget:nth-child(4n+4) {
	margin-right: 0px;
}
}

/*  Portrait Mobiles */
@media only screen and (max-width: 767px) {
.container, .bloghomeheading, #main {
	width: 100%;
	overflow: hidden
}
#navbar ul {
	display: none;
}
#navbar select {
	position: absolute;
	display: inline-block;
	position: absolute;
	top: 57px;
	right: 45px;
	min-width: 100px;
}
#slider h1 {
	font-size: 20px;
	line-height: 28px;
}
.feature:nth-child(1n+1), .bloghomeitem:nth-child(1n+1), .featureitemsmall:nth-child(1n+1), .footerwidget:nth-child(1n+1) {
	margin-right: 0px;
}
.featureitemsmall {
	margin-bottom: 20px;
}
#footerwidgets {
	text-align: center;
}
.footerwidget {
	text-align: left;
}
#content {
	width: 290px;
	float: none
}
#sidebar {
	width: 100%;
	float: none;
	margin-top: 30px;
	padding-top: 10px;
}
.page-id-109 h2 {
	background: url(img/picto-blanc-sec.png) 0% top no-repeat transparent;
	padding: 5px 0 10px 45px;
}
.page-id-111 h2 {
	background: url(img/picto-blanc-moelleux.png) 0% top no-repeat transparent;
	padding: 5px 0 10px 45px;
}
.page-id-117 h2 {
	background: url(img/picto-fines-bulles.png) 0% top no-repeat transparent;
	padding: 5px 0 10px 45px;
}
.page-id-115 h2 {
	background: url(img/picto-rose.png) 0% top no-repeat transparent;
	padding: 5px 0 10px 45px;
}
.page-id-113 h2 {
	background: url(img/picto-rouge.png) 0% top no-repeat transparent;
	padding: 5px 0 10px 45px;
}
}

/* Landscape Mobiles */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container, .bloghomeheading, #main {
	width: 90%;
}
#navbar ul {
	display: none;
}
#navbar select {
	position: absolute;
	display: inline-block;
	position: absolute;
	top: 57px;
	right: 45px;
	min-width: 100px;
}
#slider h1 {
	font-size: 25px;
	line-height: 35px;
}
#content {
	width: 380px;
	float: none
}
#sidebar {
	width: 100%;
	float: none;
	padding-top: 20px;
}
}

@media only screen and (max-width: 767px) {
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
.main-navigation-srm {
	display: block;
}
.nav-menu-srm li a {
	padding: 10px 5px!important;
	color: #000!important;
}
.nav-menu-srm {
	background-color: #fff!important;
}
.menu-responsive {
	display : block;
}
#header .container {
	background-position: center 2px !important;
}
.menu-left {
	display: none;
}
.menu-right {
	display: none;
}
.main-navigation-srm {
	display: block;
}
.logo {
	width: 100%;
	margin: 0 auto;
	display: block;
	text-align: center;
}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.logo {
	width: 100%;
	float: left;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.menu-left {
	display:none;
}
.menu-right {
		display:none;
}
#vignerons-wrap{width:70%;float:left;}
#vignerons-data{width:30%;float:none;}
#content{width:100%;}
body.page-template-page-vignerons-php .one_half{width:100%;}
#vignerons-wrap{width:70%;float:left;}
#vignerons-data{width:30%;float:none;}
#vignerons-datas > h4{display:block;}
.sidebarwidget .menu-nos-maisons-container, .sidebarwidget .menu-nos-produits-container{text-align:left;}
body.page-template-page-vignerons-php .last_column{margin-left:0px;}

}
@media only screen and (max-width: 320px)  {
#vignerons-wrap{width:100%;float:none;}
#vignerons-data{width:30%;float:none;}}

.footerwidget .menu li a {color:white !important;border-bottom:none !important;padding:3px 8px;}
.footerwidget  ul.menu >li {width:auto;}
.footerwidget ul.menu li{display:block  !important;}
.footerwidget li.current_page_item > a, .footerwidget  li.current-menu-ancestor> a {
    background-color:#676767;
}/**VERSION ALLEMANDE**/


ul#menu-menu-1-allemand0.menu > li, 
.menu-left ul#menu-menu-1-allemand0.menu > li:nth-child(3n) {
width: auto !important;
}
.menu-right ul#menu-menu2-allemand0.menu > li:nth-child(1) {
width: auto !important;
}
ul#menu-menu-1-allemand0.menu > li a{
padding:8px 7px; font-size:12px;
}
/**************/



/********* Ajout ATM *********/
#header .container{
	position: relative !important;
}
.header_ls{
	position: absolute;
	top: 20px;
	right: -60px;
	display: inline-block;
}
.header_ls li{
	margin-bottom: 2px;
}
.header_ls li a {
	color: #000;
}
.header_ls li a:hover {
	color: #c1cd20 !important;
}
@media only screen and (max-width: 1200px){
	.header_ls{
		right: 75px;
	}
}
@media only screen and (max-width: 1000px){
	.header_ls{
		right: auto !important;
		left: 0 !important;
	}
}
@media only screen and (max-width: 480px){
	.header_ls{
		left: 20px !important;
	}
}
/****** FIN Ajout ATM ********/