html {font-size: 100%; }
body { font:1em/1.5em 'Muli', sans-serif; margin:0;background-color:#000000; margin:0; color:#ffffff; background-color:#000;}

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

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

 .rslides img {
  display: block;
  height: 100%;
  float: left;
  width: 100%;
	    }

.rslides {
  margin: 0 auto;
  }

.rslides_container {
  width: 100%;
  height:100%;
  position:relative;
  overflow: hidden;
  }
  .rslides_container_smaller {
  width: 100%;
  height:50%;
  max-height:400px;
  position:relative;
  overflow: hidden;
  }

  .large-btns_nav {
  z-index: 3000;
  position: absolute;
  -webkit-tap-highlight-color: rgba(255,255,255,0);
  opacity: 0;
  text-indent: -9999px;
  overflow: hidden;
	top:0;
  left: 0;
  height:800px;
  background:  url("themes.png") no-repeat left 90%;
  width: 38px;
  }
.large-btns_nav:hover {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 90%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
	position:absolute;
	z-index:3000;
  margin: -30px auto 0 auto;
  text-align: center;
  left:0;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin:0 2px;
  height:100%;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  display: inline-block;
  _display: block;
  *display: block;
  width: 10px;
  height: 10px;
  margin:0 ;
  height:800px;
  }



h1 {
  font: 600 28px/36px sans-serif;
  margin: 50px 0;
  }

h3 {
  font: 600 18px/24px sans-serif;
  color: #999;
  margin: 0 0 20px;
  }

a {
  color: #222;
  }

.btn {margin:0 auto;
background-color: #333;
  padding: 5px 8px;
  color:#E7D5B4;
  font-weight:300;
  line-height:1.2em;
  		-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	white-space: nowrap;
	border:none;
	cursor:pointer;}
.btn:hover {background-color:#CC0000;}



.btn2 {margin:0 auto;
background-color: #CC0000;
  padding: 5px 8px;
  color:#E7D5B4;
  font-weight:300;
  line-height:1.2em;
  		-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	white-space: nowrap;
	border:none;
	cursor:pointer;}
.btn2:hover {background-color:#990000;}

.btn3 {margin:0 auto;
  padding: 8px 8px;
  color:#000;
font-weight:400;
 	font-family: 'Oswald', sans-serif;
	font-size:1.2em;
  line-height:1.2em;
  		-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	white-space: nowrap;
	border:2px solid #000;
	cursor:pointer;
	text-transform:uppercase;}

.btn3:hover {background-color:rgba(0,0,0,0.3);}

.intro {position:absolute;
top:30%;
left:10%;
background-color:rgba(0,0,0,0.9);
z-index:999;
width:90%;
max-width:600px;
padding:30px;
line-height:2em;
text-align:justify;}

.intro2 {
background-color:rgba(0,0,0,0.9);
width:30%;
padding:30px;
line-height:2em;
text-align:justify;}

.intro .btn,
.intro2 .btn
{font-size:1.5em;
padding: 8px 12px;}

.intro h1,
.intro h2,
.intro2 h1,
.intro2 h2,
.phrase h1,
.phrase h2
{
	font-family: 'Muli', sans-serif;
	font-weight:200;
	color:#E7D5B4;
	font-size:3.3em;
}
.intro h1 {margin-top:15px;}
.phrase h1,
.phrase h2
{
color:#000;
font-weight:400;
font-family: 'Oswald', sans-serif;
}

.intro h2,
.intro2 h2 {font-size:1.1em;}
.phrase h2 {font-size:2em;}

#nouveau_prod {width:100%; background-color:#000; color:#fff; margin:0; padding:120px 0 100px 0; position:relative;
}
.jc-slider ,
.jc-slider2,
.jc-slider3,
.jc-slider4 {
	list-style: none;
    padding: 0;
	margin:0;}

#nouveau_prod .image, .vignettePRODimage {padding:15px;
width:40%;
background-color:#101010;
text-align:center;
background-image:url(standard_background2.jpg);
background-attachment:fixed;
background-size:100%;
background-position: bottom center;
}
#nouveau_prod .texte, .vignettePRODtexte {border-left:2px dashed #000;
padding:15px;
width:60%;
background-color:#101010;
font-weight:200;
font-size:1.2em;
background-image:url(standard_background2.jpg);
background-attachment:fixed;
background-size:100%;
background-position: bottom center;
}

#nouveau_prod h3, .vignettePRODtexte h3 {font-family: 'Oswald', sans-serif;
color:#E7D5B4;
font-size:1.5em;
line-height: 1.1em;
}
.vignettePRODtexte a h3 {font-weight:400;}

.vignettePRODtexte h4 {
font-weight:300;
color:#E7D5B4;
font-size:1em;}

.vignettePRODimage {padding:25px;
width:40%;
background-color:#000;
background-position: top;
background-attachment:initial;
background-repeat:no-repeat;
}
.vignettePRODtexte {width:60%;
background-attachment:initial;
background-position: top center; }

.vignettePRODimage img {
	width:auto;
	height:auto;
	max-width:200px;
	max-height:200px;
	padding:10px;
	border: 1px dashed #E7D5B4;
}

#section2 {background-image:url(paysage-monts-du-loynnais.jpg);
background-attachment:fixed;
background-size:100%;
background-position: bottom center;
background-repeat:no-repeat;
padding:100px 0px;}
#section3 {background-image:url(fond.jpg);
background-attachment:fixed;
background-size:cover;
background-position: bottom center;
background-repeat:no-repeat;
padding:50px 0px;}
#section4 {background-color:#000;
padding: 100px 0;}
	#section4 h2 {
	font-family: 'Muli', sans-serif;
	font-weight:200;
	color:#E7D5B4;
	font-size:2em;
}
#section4 h3 {color:#E7D5B4;}

.produits-table {padding:25px;
background-image:url(standard_background2.jpg);
background-attachment:fixed;
background-size:cover;
background-position: bottom center;
background-repeat:no-repeat;
margin-top:0.5%;
text-align:right;
line-height:2em;}
.produits-table-imgs{width:70%;}

#section5 {background-image:url(paysage-monts-du-loynnais.jpg);
background-attachment:fixed; background-size:cover;
background-position: bottom center;
background-repeat:no-repeat;
padding:100px 0px;}
#section6 {background-image:url(Sans-titre2.png);
background-size:100%;
background-position: top center;
background-repeat:no-repeat;
padding:50px 0px 20px 0;}

.points {width:100%;
max-width:1500px;
border-spacing:50px 0;
margin:0 auto;
text-align:center;}

.points td {width:25%;
text-align:center;
color:#E7D5B4;
background-color:rgba(0,0,0,0);
border-radius:5px;
padding:15px;
vertical-align:top;}
.points td div  {}
.points h2 {text-align:center;
font-weight:400;
font-family: 'Oswald', sans-serif;}

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 100%;
	min-height: 300px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	width: 100%;
	height: 100%;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	background-color:rgba(0,0,0,0.4);
	padding:2px 10px;
	border-radius:5px;
	transform: rotateY(180deg);
}
.vertical.flip-container {
	position: relative;
}

	.vertical .back {
		transform: rotateX(180deg);
	}

	.vertical.flip-container .flipper {
		transform-origin: 100% 213.5px; /* half of height */
	}

	.vertical.flip-container:hover .flipper {
		transform: rotateX(-180deg);
	}

.cadrePRES {width:90%;
color:#ffffff;
line-height:18px;
margin:0 auto;}

.titreactu {background-color:#000000;
width:100%;
border-top:1px solid #E7D5B4;
border-bottom:1px solid #E7D5B4;
text-transform:uppercase;
color:#E7D5B4;
padding:5px 5px 5px 5px;}

.titre {color:#000000;
-moz-border-radius: 10px 0px 10px 0px;
-webkit-border-radius: 10px 0px 10px 0px;
border-radius: 10px 0px 10px 0px;
background-color:#E7D5B4;
padding:5px;}

a {font-family: 'Muli', sans-serif;
text-decoration: none;
color: #E7D5B4;
text-align:left;}
a :hover {text-decoration: none;
color: #E7D5B4;
font-weight:bold;}

img {max-width: 100%;
	height: auto;
	width: auto; /* for ie 8 */
	}

.news {margin:25%;
width:308px;
height:200px;
padding:5px;
box-shadow: 3px 3px 8px #666666;
background-color:#ffffff;
border-radius: 10px;}
.news-articles {padding:5px;
box-shadow: 3px 3px 8px #666666;
background-color:#ffffff;
border-radius: 10px;}


.grid {
	position: relative;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0.5% 0.5% 0 0;
	width:24%;
	height:300px;
	text-align: center;
	cursor: pointer;
}

#grid-last-child { width:48.5%; }

.grid figure figcaption {
	padding: 2em;
	color: #E7D5B4;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	margin:0 auto;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	margin:0 auto;
	height: 73%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(126,0,0,0.8);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

figure.effect-bubba {

}



figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px dashed #E7D5B4;
	border-bottom: 1px dashed #E7D5B4;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px dashed #E7D5B4;
	border-left: 1px dashed #E7D5B4;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	padding: 40% 5px 20px 5px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}



[class^="hvr-"] {
  margin: 40px auto;
  padding: 5px;
  cursor: pointer;
  background: #000;
  text-decoration: none;
  color: #fff;
  text-align:center;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);

  /* Smooth fonts */
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #000 transparent;
}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}


/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 20px);
  right: 0;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #CC0000;
  opacity:0;
}
.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
    opacity:1;
}

/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #cc0000;
    opacity:0;
}
.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #cc0000 transparent transparent;

}
.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* Bubble bottom ACTIVE */
.bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: -10px;
  border-width: 10px 10px 0 10px;
  border-color: #990000 transparent transparent transparent;
}
.bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {

}

/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  		-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #CC0000 transparent transparent transparent;
  opacity:0;
}
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
    opacity:1;
}

.menualbums, .menualbums td, .menualbums div  {
color:#E7D5B4;
font-size:1em;
margin:0 auto;
}
.div_vignette {margin:5px auto; display:inline-block; width:14%;}
.vignette {
	width:80%;
margin:auto;
  padding: 10px;
  color:#E7D5B4;
  font-weight:300;
  line-height:1.1em;
  		-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
background-color:#101010;
	border:none;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	height:50px;
	border-radius:3px;
}

.vignette:hover {background-color:#CC0000; cursor:pointer;
background-image:initial; }

.vignetteON {
	width:80%;
margin:auto;
  padding: 10px;
  color:#E7D5B4;
  font-weight:300;
  line-height:1.1em;
  		-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
background-color:#990000;
	border:none;
	cursor:pointer;
text-align:center;
vertical-align:middle;
height:50px;
border-radius:3px;
}


.vignetteTD {position: relative;
display:block;
width:24%;
height:300px;
line-height:35px;
cursor:pointer;
margin:0.5% 0.5% 0 0;
float:left;
background-color:#000;
}
.vignetteTD:hover {color:#E7D5B4;
cursor:pointer;
line-height:35px;}

.grid:hover .overlay, .vignetteTD:hover .overlay {
  width: 100%;
}

.vignetteTD:hover .vignette {opacity:1;
transition-delay: 0.5s;
  transition: 0.5s ease;
}




.vignetteTDON {height:60px;
width:150px;
border:1px solid #000000;
line-height:35px;
vertical-align:middle;
cursor:pointer;}
.vignetteTDON:hover {height:60px;
width:150px;
color:#E7D5B4;
cursor:pointer;
line-height:35px;}

.cadresActus:hover{background-color:#e3e3e3;
width:250px;
cursor:crosshair;}

.cadresActus {background-color:#00C9E9;
width:250px;}

.barrehaut {width:100%;
text-align:center;
height:55px;
position:fixed;
top:0;
z-index:1000;}


.menuTD {background-color:#000000;
color:#E7D5B4;
transition: 0.2s ease;
position: relative;}
.menuTD:hover {background-color:#990000;
color:#ffffff;
cursor:pointer;}
.menuTD a {font-family: 'Muli', sans-serif;
text-decoration: none;
color: #E7D5B4;
text-align:left;}
.menuTD a:hover {text-decoration: none;
color: #ffffff; font-weight:bold;}

.fleche_bulle
{	position: absolute;
	bottom:0px;
	left:45%;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid;
	color:transparent;
    transition: 0.5s ease;
}

.menuTD:hover .fleche_bulle
{
	bottom:-10px;
  color:#990000;
    transition: 0.5s ease;
}
.drop_down_prod_div table {width:100%; margin:0; padding:0;}
.drop_down_prod {width:100%; max-width:1000px; position:absolute; z-index:3000; width:100%; text-align:center; margin:60px auto 0 auto; display:none; padding:0; box-shadow: -8px 8px 18px #000; }
.drop_down_prod_div {width:100%; background-color:#990000; height:100px; text-align:left; margin:0; padding:0;}
.drop_down_prod_img {background-size:cover; width:30%; height:100px; margin:0; padding:0;}
.drop_down_prod_txt {padding:8px; color: #E7D5B4; margin:0;border-top:1px solid #830000;}
.drop_down_prod_div:hover {background-color:#101010;}

.menuTD#menuprod:hover .drop_down_prod {display:block;}
.drop_down_pres {width:100%; max-width:1000px; position:absolute; z-index:3000; width:100%; text-align:center; margin:60px auto 0 auto; display:none; padding:0;box-shadow: -8px 8px 18px #000; }
.menuTD#menupres:hover .drop_down_pres {display:block;}


.barrehaut a {font-family: 'Muli', sans-serif;
text-decoration: none;
color: #E7D5B4;
}
.barrehaut a:hover {text-decoration: none; color: #E7D5B4; font-weight:normal;}

.pres-text1 {color: #E7D5B4; width:50%; line-height:1.5em; padding:0 20px; text-align:justify; vertical-align:middle;}
.pres-next td {color: #E7D5B4; vertical-align:top; width:30%;background-color:rgba(0,0,0,0.8); padding:15px; border-radius:5px; margin:25px auto;}


.barrebas {width:100%;
text-align:center;
color: #E7D5B4;
padding:15px 1% 15px 1%;}
.barrebas td {width:33%;
text-align:center;
vertical-align:top;}
.barrebas li {list-style-type:none;}

.barrebas td.infos-prat1, .barrebas td.infos-prat2
{
	vertical-align:middle;
	padding:0 40px;
}
.barrebas td.infos-prat3 {text-align:justify;
padding:0 40px;
line-height:25px;}

.mentions {text-align:center; padding-bottom:50px; font-family: 'Muli', sans-serif; font-weight:200;}


.cadre img {text-align:justify;}

.organi td {background-color:#990000; border-radius:5px; text-align:center;}

.qualite td {color:#E7D5B4; line-height:1.5em; padding:0 20px; text-align:justify; vertical-align:middle;}

.boutongalerie {color:#ffffff;
font-family:'Muli', sans-serif;
border:1px solid #cccccc;
padding-left:10px;
padding-right:10px;
background-color:#000000;}

.module {border:1px solid #000000;
padding:0px 0px 10px 0px;
background-color:rgba(0,0,0,0.9);}

.module a {}

.titremodule {background-color:#000000;
color:#E7D5B4;
padding:10px;
margin-bottom:5px;}

.colonne {}

.marquee {}

.arrow {background-color:#222;
border-radius:2px 2px 0 0;
padding:8px;
  cursor:pointer;
  margin:0;}

.arrow:hover {background-color:#990000;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
  text-decoration:none;
}

a.nbpages {background-color:#cc0000; padding:3px 8px; margin:0 8px; border-radius:3px;}
a.nbpages:hover{background-color:#990000;}

.img_mobile{display:none;}
.vignettePRODimage img {display:block;}

/* Desktops and laptops ----------- */
@media screen and (max-width : 1420px) {
	.points {width:100%;
max-width:1500px;
border-spacing:30px 0;}
}

@media screen and (max-width : 1280px) {
.intro {padding:15px; font-size:0.9em;}
.intro h1, .intro h2, .intro .btn {margin:10px auto 0 auto;}
.back span {font-size:0.9em;}

.grid figure figcaption {
	padding: 5px;
}
.grid figure {
	margin: 0.5% 0.5% 0 0;
	width:32%;
	height:250px;
}
#grid-last-child { width:97%; }
#section3 {font-size:0.9em;}
}

@media screen and (max-width:1024px) {
.points {width:100%;
max-width:1500px;
border-spacing:10px 0;}

.back span {font-size:0.8em;}

.produits-table {padding:5px;}

.grid figure {
	margin: 0.5% 0.5% 0 0;
	width:48%;
}
#grid-last-child { width:97%; }

.mentions {font-size:0.9em;}
}

@media screen and (max-width : 800px) {
.intro {padding:3px; font-size:0.8em;}
.points {margin:0 auto;}
.intro {
top:30%;
left:1%;
width:70%;
padding:15px;
}
#section3 {font-size:0.8em;}
.points td {display: inline-block; width:45%; margin:0 auto;}

.intro h2 {display:none;}
.phrase h1 {font-size:2.2em;}
.phrase h2 {font-size:1.5em;}
.barrebas td {display: block; width:80%; margin:50px auto;}
	#section6 {background-size:cover;
	background-attachment:fixed;}
.barrebas td.infos-prat1, .barrebas td.infos-prat2 {padding:0;}
.barrebas td.infos-prat3 {display:none;}

#nouveau_prod .image {padding:0px; width:40%}
#nouveau_prod .texte {
	width:60%;
	font-size:0.9em;
padding:0px;}
#nouveau_prod h3 {font-size:1.2em;}

.grid figure {
	margin: 0.5% 0.5% 0 0;
	width:48%;
}
#grid-last-child { width:97%; }
.produits-table {padding:5px;font-size:0.8em;}
.produits-table-imgs{width:80%;}

figure.effect-bubba p {
	font-size:0.5em;
	opacity: 1;
}
.overlay {
  background-color: rgba(0,0,0,0.4);
  width: 100%;
}
.mentions {font-size:0.7em;}

.organi {display:block; margin:0 auto;}
.pres-text1 {display:block; width:85%;}
.etiquettes-pres-text {display:none;}
.pres-next {border-spacing : 0;
border-collapse : collapse;}
.pres-next td {display:block; width:85%;}
.logo-tilt {width:150px;}
.div_vignette {margin:25px auto; display:inline-block; width:33%;}
.vignette {
 font-size:0.8em;
margin:10px auto;
}
.vignetteON { font-size:0.8em;
margin:10px auto;}
.vignettePRODimage {padding:10px;
width:20%;
}
.vignettePRODimage img {
	padding:5px;
}
#nouveau_prod h3, .vignettePRODtexte h3 {
font-size:1em;}
.vignettePRODtexte a h3 {font-weight:300;}
.vignettePRODtexte {width:80%;}
.vignettePRODtexte .btn {font-size:0.8em;}

.vignettePRODimage img {
  max-width: 150px;
  max-height: 150px;
}
}



@media screen and (max-width : 600px) {
  .vignettePRODimage img, .vignettePRODimage {display:none;}

  .img_mobile{display:block; float:right;max-width: 100px;	padding:5px;
	border: 1px dashed #E7D5B4;}

.vignettePRODimage img {
  max-width: 100px;
  max-height: 100px;
}

.barrebas td {width:100%; margin:50px auto;}
.intro {display:none;}
.points td {display: block; width:80%; margin:0 auto;}

.produits-table {display:none;}
.produits-table-imgs{width:100%;display:block;float:right;}

.menuTD {display:none;}
.menuMOB_btn {display:block;
	background-color:#000;
	 padding:1px;
	 -moz-border-radius: 0px 0px 10px 0px;
	 -webkit-border-radius: 0px 0px 10px 0px;
	 border-radius: 0px 0px 10px 0px;
	 width:80px;
	 position:fixed;
	 z-index:2999;
	 top:0;
	 left:0;
	 }
.menuMOB {width:100%; height:100%; background-color:#000; position:fixed; top:0; left:0;
			z-index:3000;}
.menuMOB li {list-style-type:none;
	background-color:#000000;
color:#E7D5B4;
transition: 0.2s ease;
border-bottom:1px dashed #1e1e1e;
padding:20px 0;
}
.menuMOB li:hover{
	background-color:#990000;
	color:#ffffff;
	cursor:pointer;}

.menuMOB li a {font-family: 'Muli', sans-serif;
text-decoration: none;
color: #E7D5B4;
text-align:left;}
.menuMOB li a:hover {text-decoration: none;
color: #ffffff; font-weight:bold;}
	}