wpcf7-textwpcf7-textwpcf7-textwpcf7-text/*
Theme Name: Thème modèle Pixem

*/

.alignleft {
	float:left;
	display: block;
	margin: 0 10px 10px 0;
}


.alignright {
	float:right;
	display: block;
	margin: 0 0 10px 10px;
}

.aligncenter{
	display:block;
	margin: 0 auto 10px auto;
}

/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/*reset css end */

html {
    font-size: 16px;
}

* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: "Lato", 'Open Sans', sans-serif;
	font-size: 16px;
	color: #3c3c3c;
}

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

}

header img  {
	width: 210px; 
	height: auto;
}

.commerce {
	background: black;
	padding: 15px;
	display: block;
	float: right;
	color: white;
	position: absolute;
	top: 10%;
	right: 1%;
	font-weight: bold;
}

.commerce:hover {
	color: grey; 
	text-decoration: none;
}

.fixed-top {
	background-color: white;
}

.menu {
	background: #3c3c3c; 
	font-size: 1.2rem;	
}

.container-fluid {
	padding: 0;
}

.category-7 footer .container-fluid  {
	padding: 0!important;
}

.toutes .container-fluid {
	padding-left: 15px;
	padding-right: 15px;
}

nav li>a {
	color: white; 
	padding: 1rem 1rem!important;
}

nav .mega-sub-menu .mega-sub-menu li>a {
	padding: 4px 24px!important;
}

h5 {
	text-transform: uppercase;
}

.h_m {
	background:url("images/menu_hover.jpg") repeat-x bottom;
	height:10%;
	display:block;
	margin-left: 1rem;
	position:absolute;
	width:60px;
	left:4rem;
	bottom: 1rem;
}

.menu>nav>div>ul>li {
	position: static!important;
}

.menu>nav>div>ul>li>.mega-menu-link::before {
	display: inherit!important;
	line-height: 100%!important;
}

.menu>nav>div>ul>li>.mega-menu-link {
	line-height: inherit!important;
}

ul>li>ul>li>ul>li>a {
	background-image: url("images/motif-mega-menu.png")!important; 
	background-repeat: repeat-y !important;
	height: auto; width: 70% !important;
	margin: 0px auto !important;
	padding: 0px 10!important;
}

.mega-description-group .mega-menu-description {
	display: none!important;
}

.menu li {
	list-style: none!important;
}

.mg {
	margin-top: 240px;
}

.actu article:nth-of-type(2n) {
	background: url("images/motif_1.jpg");
}

.actu article:nth-of-type(2n+1) {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}

.actu article {
	padding: 50px 0;
}

.recompenses article:nth-of-type(3n) {
	background: url("images/motif_2.jpg");
}

.recompenses article:nth-of-type(3n+1) {
	background: url("images/motif_1.jpg");
}

.recompenses article:nth-of-type(3n+2) {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}

.ombre, .beige, .gris {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}

.beige {
	background: url("images/motif_1.jpg");
}


.gris {
	background: url("images/motif_2.jpg");
}

.beige, .gris {
	background-size: cover; 
	height: auto;
}

.champ {
	right: 0; 
	width: auto; 
	max-width: 900%!important; 
	height: 800px;
}

.rangee_cuve {
	min-height: 800px;
}



.text_top {
	background-color: white;
	padding: 15%;
	margin-bottom: 10%;
}

.droit{	
	display: block; 
	background-color: white;
	/*margin-top: -5%;*/
	padding: 15%;
	margin-bottom: 10%;
}

.green {
	
	background-color: #f9ffe8;
}

.vert {
	background-color: #f9ffe8;
	z-index: 999;
	padding: 15%;
	margin-bottom: 10%;
}

.gauche{
	display: block; 
	margin-bottom: -2%;
}

.droit p, .vert p, .text_top p, .encart p {
	margin-bottom: 15px;
}

.droit a, .vert a, .text_top a, .histoire a, .actu article a, .encart a {
	text-transform: uppercase; 
	font-weight: bold; 
	color: black;
}

.actu article a {
	margin-top: 10px;
}

.actu h1 li, .actu h1 li a, .recompenses h1 li, .recompenses h1 li a {
	color: #9ed316;
	list-style: none;
}

.actu h1 ul {padding: 0;}

.actu .nohover a:hover {
	font-weight: bolder;
	text-decoration: none;
	font-size: 1.6rem;
}

.actu .nohover a:hover h2{
	font-weight: bolder;
	text-decoration: none;
	font-size: 1.6rem;
}

h1 {
	padding-top: 50px;
	font-size: 2rem;
	padding-bottom: 0px;
}

h3 {
	font-family: "lora";
	font-size: 1rem;
	padding-bottom: 15px;
}
.contact h1 {
	padding-bottom: 0px;
}

.cuvee h2 {
	padding-top: 25px;
}

h2, .histoire h3, .actu h3, h1 {
	font-family: 'Open Sans';
	text-transform: uppercase; 
	font-style: italic;
	color: #9ed316;
	font-size: 1.5rem;
	padding-bottom: 20px;
}


.classiques {
	background-image: url("images/BOUTEILLE TRADITION.png");
}



.histoire {
	padding: 0!important;
}

.histoire h2, .actu h2, .contact h2 {
	 
	text-transform: uppercase; 
	color: #7ca512; 
	font-family: "lora"; 
	font-size: 1.5rem;
	font-style: normal;
}

h3, h2, h5, .histoire h3, .histoire h2, .cuvee h2, h1 {font-weight: bold;}

.histoire p {
	text-align: justify;}
.histoire strong {
	font-weight: bold; 
	color: #7ca512;
}

.histoire h3, .actu h3 {
	font-size: 2rem;
}

.histoire h2, .histoire h3,  .histoire p, .histoire a {
	padding: 0 20px
}

.actu h3 {padding: 0;}
.actu .beige .row, .actu .ombre .row {padding: 50px 0;}
.histoire h2, .histoire p {
	padding-bottom: 20px;
}

h1>ul {
	padding-left: 0;
}

.feuille {
	display:inline-block;
	width: 212px;
	height: 212px;
	margin-bottom: 30px;
	background: url("images/feuillepochoir.png") red no-repeat;
	background-size: 100%;
	
}

.toutes li {
	list-style: none;
}
.toutes h1 a:hover {
	cursor: default;
	text-decoration: none;
}

.toutes section:nth-child(2n+1) /*div impair*/ {
	
}

.toutes section:nth-child(2n) {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	background: url("images/motif_1.jpg");
}

.toutes section:nth-child(2n) .alterne {
	
  -webkit-flex-direction: row-reverse; /* Safari 6.1+ */
   flex-direction: row-reverse; 
}

.toutes section:nth-child(2n) .alterne {


}

.toutes section:nth-child(2n) .alterne .encart {
	background: white;
	padding: 15%;
	margin-bottom: 10%;
}

.toutes section:nth-child(2n+1) .alterne .encart {
	background: #f9ffe8;
	padding: 15%;
	margin-bottom: 10%;
}

/*.toutes section:nth-child(2n) .alterne img {
	margin-left: 50%;
}*/

.category-8 .toutes section:nth-child(2n+1) .alterne .encart {
	background: #fbdada;
}

.category-9 .toutes section:nth-child(2n+1) .alterne .encart {
	background: #fff9ed;
}

.category-10 .toutes section:nth-child(2n+1) .alterne .encart {
	background: #f9ffe8;
}

.toutes h2 {
	font-family: "open sans";
	color: #9ed316;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}

.toutes img {margin: 25px auto;}

.cuvee h2 {
	font-family: "open sans"; 
	font-size: 1.2rem; 
	color: black; 
	text-transform: none;
	margin-top: 40px;
}

.cuvee img {
	float: right;
	max-width: 75vw!important;
}

.privilege li {
	list-style-image: url("images/puce_nocturne.png"); 
}

.privilege h1, .category-8 h1, .category-8 h2 {
	color: #e64e4e;
}

.category-8 .icon-feuille {
	color : #9E1919;
}

.excellence h1, .category-9 h1, .category-9 h2, .category-9 .icon-feuille {
	color: #fbdd9a;
}

.excellence li {
	list-style-image: url("images/puce_excellence.png"); 
}

.maries h1, .category-10 h1, .category-10 h2, .category-10 .icon-feuille {
	color: #527a23;
}

.maries li {
	list-style-image: url("images/puce_maries.png"); 
}

li {
	list-style-image: url("images/puce.png"); 
	margin: 5px 0;
}

ul {
	padding-left: 25px;
}



.environnement p, .recompenses p {
	margin-bottom: 20px;
}

.recompenses_medails {
	padding: 50px 0px;
}

.recompenses_medails li {
	font-weight: bold;
}

.contact a > i {
	color: #9ed316;
}

.contact a {
	color: black; text-decoration: none; font-weight: bold;
}

.contact a:hover {font-weight: 800;}

.fond {background-color: white;}

.contact_img {padding: 0;}

.wpcf7-form {
	padding: 20px;
}

.coordonnee {padding-bottom: 5%;}

.wpcf7-form .btn {
    display: block;
    margin: 0 auto;
	margin-top: 50px;
	border: none;
}

.wpcf7-text, .wpcf7-textarea {
	border: black solid 2px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	margin: 10px 0px;
}

#exampleCheck1 {
	width: 500px;
	margin-top: 20px;
	margin-bottom: 20px;
}

footer .widget {
	width: 25%;
	float: left;
}

footer a>i {
	font-size: 30px;
	margin: 0 5px;
	display: inline-block;
}

footer .widget>a>img:hover {

-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
filter: grayscale(0%);
-webkit-transition:all 0.3s;
transition:all 0.3s;

}

footer .widget>a>img{
-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
filter: grayscale(100%);

}

footer .background {
	background: black;
	width: 100%;
	margin: 35px auto 0px;
}

footer .container .row {
	margin: 35px 0;	
}

footer p, footer a{
	font-size: 1.2rem;
	text-decoration: none;
	color: white;
}

footer a:hover {
	font-size: 1.3rem;
	color: white;
	text-decoration: none;
	font-weight: bold;
	-webkit-transition: all 0.5ms ease;
-moz-transition: all 0.5ms ease;
-ms-transition: all 0.5ms ease;
-o-transition: all 0.5ms ease;
transition: all 0.5ms ease;
}

.copyright p{
	font-size: 1rem; 
	color: #848484;
}

.actu, .recompenses {
	margin-top: 200px;
}

.toutes {
	margin-top: 225px;
}

.cuvee {
	margin-top: 245px;
}

.up_button {
	height:60px;
	width:60px;
	line-height:60px;
	z-index:1000;
	border-radius: 50%;
	border: 1px solid #9ed316;
	color: #9ed316;
	text-align: center;
	font-size: 2.857rem;
	position: fixed;
	bottom: 15%;
	left: 92%;
	margin-left: -30px;
	margin-bottom: -50px!important;
}

.category-8 .up_button, .category-8 .up_button:hover {
	color: #e64e4e;
	border: 1px solid #e64e4e;
}

.up_button:hover {
	color: #9ed316;
}

.category-9 .up_button, .category-9 .up_button:hover {
	color:  #fbdd9a;
	border: 1px solid #fbdd9a;
}

.category-10 .up_button, .category-10 .up_button:hover {
	color: #527A23;
	border: 1px solid #527A23;
}

.lien {
	margin-top: 20px;
}

.fa-angle-up::before {
    content: "\f106";
}

.visible {
	display: block;}

.invisible {
	display: none;}



.carousal {
    display: flex;
    justify-content: space-around;
    align-items: center;
	margin-top: 240px;
}

.button {
    margin-left: 0 3%;
    width: 2rem;
    cursor: pointer;
}

.button--inactive {
    opacity: 0.2;
}

.button img {
    width: 60%;
}

.cards-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cards__container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}

.box {
/*     margin: -1.5rem; */
    width: 20%;
    height: auto;
  
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* transition: 1s all; */
}

.box img {width: 100%; height: auto;}


.box:nth-child(2n) {
    transform: scale(0.85);
    z-index: -1;
}

.box:nth-child(2) {
  left: 5%;
}

.box:nth-child(4) {
  left: -5%;
}

.box:nth-child(4n + 1) {
    transform: scale(0.75);
    z-index: -2;
}

.box:nth-child(1) {
  left: 15%;
}

.box:nth-child(5) {
  left: -15%;
}

.card__text-content {
    text-align: center;
    width: 75%;
}

.card__title {
    padding: 1rem;
}

.box--hide {
    display: none;
}

.move-out-from-left {
    animation: moveOutLeft 0.5s ease-in-out;
}

.move-out-from-right {
    animation: moveOutRight 0.5s ease-in-out;
}

.move-to-position5-from-left {
    animation: moveToP5Left 0.5s ease-in-out;
}

.move-to-position4-from-left {
    animation: moveToP4Left 0.5s ease-in-out;
}

.move-to-position3-from-left {
    animation: moveToP3Left 0.5s ease-in-out;
}

.move-to-position2-from-left {
    animation: moveToP2Left 0.5s ease-in-out;
}


.move-to-position1-from-left{
    animation: moveToP1Left 0.5s ease-in-out;
}

.move-to-position5-from-right{
    animation: moveToP5Right 0.5s ease-in-out;
}
.move-to-position4-from-right{
    animation: moveToP4Right 0.5s ease-in-out;
}
.move-to-position3-from-right{
    animation: moveToP3Right 0.5s ease-in-out;
}
.move-to-position2-from-right{
    animation: moveToP2Right 0.5s ease-in-out;
}
.move-to-position1-from-right{
    animation: moveToP1Right 0.5s ease-in-out;
}

@keyframes moveOutLeft {
    0% {
        transform: scale(0.75) translateX(0%);
        opacity: 1;
    }
    50% {
        transform: scale(0.5) translateX(-150%);
        opacity: 0.5;
    }
    100% {
        transform: scale(0.25) translateX(0%);
        opacity: 0;
    }
}

@keyframes moveOutRight {
    0% {
        transform: scale(0.75) translateX(0%);
        opacity: 1;
    }
    50% {
        transform: scale(0.5) translateX(150%);
        opacity: 0.5;
    }
    100% {
        transform: scale(0.25) translateX(0%);
        opacity: 0;
    }
}


@keyframes moveToP5Left {
    from {
        transform: scale(0.75) translateX(100%);
    }
    to {
        transform: scale(0.75) translateX(0);
    }
}

@keyframes moveToP4Left {
    from {
        transform: scale(0.75) translateX(100%);
    }
    to {
        transform: scale(0.85) translateX(0);
    }
}

@keyframes moveToP3Left {
    from {
        transform: scale(0.85) translateX(100%);
    }
    to {
        transform: scale(1) translateX(0);
    }
}

@keyframes moveToP2Left {
    from {
        transform: scale(1) translateX(100%);
    }
    to {
        transform: scale(0.85) translateX(0);
    }
}

@keyframes moveToP1Left {
    from {
        transform: scale(0.85) translateX(100%);
    }
    to {
        transform: scale(0.75) translateX(0);
    }
}


@keyframes moveToP1Right {
    from {
        transform: scale(0.75) translateX(-100%);
    }
    to {
        transform: scale(0.75) translateX(0);
    }
}

@keyframes moveToP2Right {
    from {
        transform: scale(0.75) translateX(-100%);
    }
    to {
        transform: scale(0.85) translateX(0);
    }
}

@keyframes moveToP3Right {
    from {
        transform: scale(0.85) translateX(-100%);
    }
    to {
        transform: scale(1) translateX(0);
    }
}

@keyframes moveToP4Right {
    from {
        transform: scale(1) translateX(-100%);
    }
    to {
        transform: scale(0.85) translateX(0);
    }
}

@keyframes moveToP5Right {
    from {
        transform: scale(0.85) translateX(-100%);
    }
    to {
        transform: scale(0.75) translateX(0);
    }
}


@media (max-width: 1200px) {
	.h_m {
	display: none;
	
	}
}

@media (max-width: 991.8px){

	
body {
	font-size: 14px;
}

.pose_menu {
	float: left;
}

.fixed-top {
	position: initial;}

.mg, .actu, .recompenses, .toutes {
		margin-top: 0px;
	}

.toutes {
		margin-top: 20px;
	}

.contact {
	margin-top: 0px;
}
	
.cuvee {
	margin-top: 20px;
}

.carousal {
	margin-top : 10px;
}
}

@media (max-width: 450px){

.text_resp {
	margin-top: 50px!important;
	}	

.actu, .recompenses, .cuvee {margin-top: 0px;}

header img  {
	width: 150px; 
	height: auto;
}
	
}



@media (max-width: 800px) {
	.cuvee img {
	float: right;
	max-width: 150vw!important;}
}