@font-face {
	font-family: 'Helvetica';
	src: url('../fonts/Helvetica_LT_Condensed_Medium.eot?#iefix') format('embedded-opentype'), 
	     url('../fonts/Helvetica_LT_Condensed_Medium.woff') format('woff'), 
	     url('../fonts/Helvetica_LT_Condensed_Medium.ttf')  format('truetype'),
	     url('../fonts/Helvetica_LT_Condensed_Medium.svg#HelveticaLT-Condensed') format('svg');
	}
	@font-face {
	font-family: 'HelveticaBold';
	src: url('../fonts/Helvetica_LT_Condensed_Black.eot?#iefix') format('embedded-opentype'), 
	     url('../fonts/Helvetica_LT_Condensed_Black.woff') format('woff'), 
	     url('../fonts/Helvetica_LT_Condensed_Black.ttf')  format('truetype'),
	     url('../fonts/Helvetica_LT_Condensed_Black.svg#HelveticaLT-Condensed-Black') format('svg');
	}
	
body{ 
	padding-top: 185px; /* 60px to make the container go all the way to the bottom of the topbar */
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: black;
}
@media (max-width: 1200px) {
  body {
  padding-top: 185px;
  }
}
@media (max-width: 992px) {
  body {
  padding-top: 240px;
  }
}
@media (max-width: 768px) {
  body {
  padding-top: 85px
  }
}



.accueil {
	padding-top: 220px;
}
@media (max-width: 1200px) {
  .accueil {
  padding-top: 250px;
  }
}
@media (max-width: 992px) {
  .accueil {
  padding-top: 250px;
  }
}
@media (max-width: 768px) {
  .accueil {
  padding-top: 210px
  }
}

strong, b{font-family: HelveticaBold, Verdana, Arial, sans-serif;}


[class*="col-eeee"] {
  background-color: lightgreen;
  border: 2px solid black;
  border-radius: 6px;
  line-height: 40px;
  text-align: center;
}

.navbar{
border-top:4px solid #b01116;
color:#030000;
}
.navbar form a:link, .navbar form a:visited{
	color:#b9b8b8;
	text-decoration:none;
}
.navbar form a:hover{
	color:#b01116;
	text-decoration:none;
}
.logo{	
	margin-right:10px;	
}

@media (max-width: 768px) {
  img.logo {	
	width:60px;
	margin-left:5px;
	}
}


.navbar form{
	padding-top:13px;
	padding-bottom:10px;
}
.navbar .form-control{
	margin:0px;
	background-color:#e0e0e0;
	color:#000;
	border:0px;
	-webkit-box-shadow: none;
    box-shadow: none;
	border-radius: 0px;
	height: 25px;
	width: 250px;
	margin:0px;
}
@media (max-width: 1200px) {
  .navbar .form-control {
    width: 130px;
	display:inline;
  }
}
@media (max-width: 500px) {
  .navbar .form-control {
	display:none;
  }
  .navbar .btn-search{
	  display:none;
  }
}

	
.navbar .btn-search{
  color: #fff;
  background-color: #e0e0e0;
   border: none;
  border-radius: 0px;
  padding: 0px 5px;
  height: 25px;
  margin:0 0 0 0px;
}
/*
h1{
font-family: Helvetica, Verdana, Arial, sans-serif;
color:#b01116;
font-size:36px;
text-transform:uppercase;
padding:20px 0 0 0;
}
@media (max-width: 1200px) {
  h1 {
   font-size:26px;
   padding:0px 0 0 0;
  }
}
*/
@media (max-width: 410px) {
  span.h1fin {
  width:100%;
  display:block;
  }
}

.navbar-default{
border-bottom:0px solid red;
/* padding-top: 0px;*/
  background-image: linear-gradient(to bottom, #FFF 0%, #FFF 100%);
  filter: none;
  background-repeat: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;	 
}

.navbar-default .navbar-nav > li > a{
color:#000;
text-transform:uppercase;
font-size:22px;
}

.caret_gcf {
 /* background-image:url(../../../images/tonneau.png);*/
}
/*
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
border-bottom:2px solid #b01116;
background-color:#fff;
}
*/
/*
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a{
border-bottom:2px solid #b01116;
background-color:#fff;
}
*/
.navbar-default .navbar-nav {
width:1070px;
float:right;
border:0px solid red;
margin-top:20px;
background-color:#fff;
}
@media (max-width: 1200px) {
  .navbar-default .navbar-nav {
    width:870px;
  }
}
@media (max-width: 992px) {
  .navbar-default .navbar-nav {
    width:100%;
  }
}
@media (max-width: 768px) {
  .navbar-default .navbar-nav {
   margin:0px;
  }
}
margin-top:20px;
/*
.navbar-default .navbar-nav > li > a:hover {
background:#fff url(none);
}
.nav > li > a{
padding:30px 0 10px 0;
margin:0 30px 0 0;
}

*/

/* sous menu*/
/*
.navbar-nav > li > .dropdown-menu {
background-color:#030200;
}
.navbar-nav > li > .dropdown-menu a{
color:#fff;
}
*/

/* sticky menu */
nav{
  position: fixed;
  width: 100%;
  transition: all 0.4s ease;
  background: blue;
  padding-top: 20px;
}
nav.sticky {
  height: 137px;
  background: #fff;
  text-align: left;
  padding-top: 0px;
}
@media (max-width: 768px) {
  nav.sticky{
	height: 100px;
  }
}
nav.page{
  border:0px solid blue;
  height: 165px;
}
@media (max-width: 1200px) {
  nav.page{
	height: 165px;
  }
}
@media (max-width: 992px) {
  nav.page{
	height: 230px;
  }
}
@media (max-width: 768px) {
  nav.page{
	height: 83px;
  }
}



nav #titre h1{
font-family: Helvetica, Verdana, Arial, sans-serif;
color:#b01116;
font-weight:bolder;
text-transform:uppercase;
padding-top:0px;
margin-top:12px;
margin-bottom:5px;
transition: all 0.4s ease;
opacity:1;
}
@media (max-width: 500px) {

  nav #titre h1{
	margin-top:20px;
	font-size:1.7em;
  }
}
@media (max-width:325px) {

  nav #titre h1{
	margin-top:20px;
	font-size:1.4em;
  }
}
nav.sticky #titre h1 {
opacity:0;

margin-top:-80px;
margin-bottom:5px;
}

nav #titre .h1fin{
font-family: Helvetica, Verdana, Arial, sans-serif;
color:#000;
font-weight:normal;
text-transform:uppercase;
}

nav #baseline{
margin-left:35px;
opacity:1;
transition: all 0.5s ease;
height:auto;
}


nav.sticky .baseline{
opacity:0;
margin-top:-135px;
height:0px;
}
nav.sticky .navbar-nav {
	padding-top: 9px;
}
@media (max-width: 1200px) {
 .accueil nav.sticky .navbar-nav {
	padding-top: 0px;
	margin-top:0px;
 }
}
@media (max-width: 1200px) {
	img.baseline {
	width:350px;
	height:auto;
	float:left;
	}
	nav #baseline{
	margin-top:10px;
	width:50%;
	
	}
}
@media (max-width: 992px) {
	img.baseline {
	width:380px;
	height:auto;
	}
	nav #baseline{
	margin-left:0px;
	}
}
@media (max-width: 768px) {
	img.baseline {
	width:100%;
	height:auto;
	max-width:394px;
	}
	nav #baseline{
	margin-left:0px;
	width:100%;
	}
	
	.navbar-collapse{
		padding-right:0px;
	}
}


/* bandeau home*/
.home-content{
	border:5px solid #e0e0e0;
	background-color:#e0e0e0;
	/*width:100%;*/
	/*height:450px;*/
	height:450px;
	opacity:0;
}
@media (max-width: 768px) {
  .home-content{
	  opacity:1;
  }
}
.home-rectangle{
	border:2px solid #e0e0e0;
	/*width:689px;
	height:436px;
	*/
	position:relative;
}
.home-rectangle img{
/*width:100%;*/
width:714px;
/*height:436px;
max-width:714px;*/
max-height:auto;

}
@media (max-width: 1200px) {
  .home-rectangle {
   width:518px;
   overflow:hidden;
  }
}
@media (max-width: 992px) {
   .home-rectangle {
   width:100%;
   height:440px;
   overflow:hidden;
  }
  .home-rectangle img {
    width:770px;
  }
  .home-content {
    height:635px;
  }
}

@media (max-width: 768px) {
    .home-content {
    height:450px;
  }
}


/* positionnement des texte des rectangle*/
.home-rectangle p{
	position:absolute;
	z-index:100;
	color:#fff;
	white-space: nowrap;
	text-shadow: 1px 0px 3px rgba(0, 0, 0, 0.45);
	padding:0 20px;
}

.home-rectangle .rectangletitre{
	font-size:47px;
	text-transform:uppercase;
	font-family:HelveticaBold;
	opacity:0;
}
.home-rectangle .rectanglesoustitre{
	font-size:28px;
	text-transform:none;
}
/*
.home-rectangle .rectanglelien{
	font-size:28px;
	text-transform:uppercase;
	font-family:HelveticaBold;
	line-height:28px;
	border:1px solid red;
	padding-right:80px;
	 background-image:url("../../../uploads/images/home/lien_carre_off.png");
}
*/
.home-rectangle .rectanglelien{
	font-size:28px;
	text-transform:uppercase;
	font-family:HelveticaBold;
	line-height:28px;
	position:absolute;
	height:67px;
	border:0px solid red;
}

.home-rectangle .rectanglelien a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding-top:5px;
	width:100%;
	height:100%;
	/*transition: background-image 0.5s ease-in-out;*/
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	
}
.home-rectangle .rectanglelien.text-left a{
	padding-left:80px;
	padding-right:0px;
	background:url("../../../uploads/images/home/lien_carre_off.png") no-repeat 1%;
}
.home-rectangle .rectanglelien.text-right a{
	padding-left:0px;
	padding-right:80px;
	background:url("../../../uploads/images/home/lien_carre_off.png") no-repeat 100%;
}
.home-rectangle .rectanglelien a:hover{
	color:#fff;
	text-decoration:none;
	background-image:url("../../../uploads/images/home/lien_carre_on.png");
}


/*
.home-box.groupe1{background:url(../../../uploads/images/home/groupe_small_1.jpg);}
.home-box.groupe2{background:url(../../../uploads/images/home/groupe_small_2.jpg);}
.home-box.groupe3{background:url(../../../uploads/images/home/groupe_small_3.jpg);}
.home-box.groupe4{background:url(../../../uploads/images/home/groupe_small_4.jpg);}

.home-box.forces1{background:url(../../../uploads/images/home/forces_small_1.jpg);}
.home-box.forces2{background:url(../../../uploads/images/home/forces_small_2.jpg);}
.home-box.forces3{background:url(../../../uploads/images/home/forces_small_3.jpg);}
.home-box.forces4{background:url(../../../uploads/images/home/forces_small_4.jpg);}

.home-box.terroirs1{background:url(../../../uploads/images/home/terroirs_small_1.jpg);}
.home-box.terroirs2{background:url(../../../uploads/images/home/terroirs_small_2.jpg);}
.home-box.terroirs3{background:url(../../../uploads/images/home/terroirs_small_3.jpg);}
.home-box.terroirs4{background:url(../../../uploads/images/home/terroirs_small_4.jpg);}

.home-box.marques1{background:url(../../../uploads/images/home/marques_small_1.jpg);}
.home-box.marques2{background:url(../../../uploads/images/home/marques_small_2.jpg);}
.home-box.marques3{background:url(../../../uploads/images/home/marques_small_3.jpg);}
.home-box.marques4{background:url(../../../uploads/images/home/marques_small_4.jpg);}

.home-box.carrieres1{background:url(../../../uploads/images/home/carrieres_small_1.jpg);}
.home-box.carrieres2{background:url(../../../uploads/images/home/carrieres_small_2.jpg);}
.home-box.carrieres3{background:url(../../../uploads/images/home/carrieres_small_3.jpg);}
.home-box.carrieres4{background:url(../../../uploads/images/home/carrieres_small_4.jpg);}
			
			
.overlay    {  
    text-align:center;
    padding:5px;
	width:220px;
	height:220px; 
    opacity:0;
    -webkit-transition: opacity .25s ease;
	-moz-transition: opacity .25s ease;
	display:table-cell;
	vertical-align:middle;
}
.overlay.rose{background:rgba(229,18,156,1);}
.overlay.vert{background:rgba(143,211,0,1);}
.overlay.bordeaux{background:rgba(173,5,2,1);}
.overlay.bleu{background:rgba(48,205,214,1);}
.overlay.noir{background:rgba(0,0,0,1);}

.home-box:hover .overlay {
    opacity:1;
}
#plus {  
    text-transform:uppercase;

   color:#fff;
   font-size:34px;
   line-height:30px;
 
  }
  */
  



  .home-box {
    width: 220px;
    height: 220px;
    margin: 0px;
    float: left;
    border:2px solid #e0e0e0;
    overflow: hidden;
    position: relative;
    /*text-align: center;*/
    cursor: default;
}
.home-box .mask {
    width: 220px;
    height: 220px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;	
	opacity: 1;
    transition: all 0.4s ease-in-out;
}

.home-box .mask p {
    font-size: 29px;
    position: absolute;
	bottom:0;
    color: #fff;
    padding: 10px;
    /*text-align: center;*/
	margin:0;
	text-transform:uppercase;
	transform: translateY(0px);
    opacity: 1;

	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
    line-height:34px;
}
.home-box img {
    display: block;
    position: relative;
	transition: all 0.2s linear;
}

.home-box .mask a.carre {display: block;  width: 220px; height: 220px; position: absolute;}
.home-box .mask a.carre:hover {display: block; color: #ffc; width: 220px; position: absolute;}

.text-right .home-box a.info{
	right:10px;
}
@media (max-width: 992px) {
  .home-box {
    width: 185px;
    height: 185px;
  }
  .home-box .mask{
	width: 185px;
    height: 185px;
  }
}
@media (max-width: 768px) {
    .home-box {
    width: 25%;
    height: 220px;
  }
  .home-box .mask{
    height: 220px;
  }
  .home-box .mask p {
    font-size: 20px;
	line-height:25px;
	text-align:left;
  }
  .text-right .home-box a.info{
	  left:10px;
	  text-align:left;
  }
}
@media (max-width: 500px) {
    .home-box {
    width: 50%;
    height: 220px;
  }
  .home-box .mask{
    height: 220px;
	width:220px;
  }
}




.home-box  a.info {
   display:inline-block;
   bottom:20px;
   /*left:10px;*/
   margin-left:10px;
   position: absolute;
	 font-size: 12px;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000;
	line-height:24px;
	opacity:0;

	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



.home-box a.info:hover {
    box-shadow: 0 0 5px #000
}
/**/
.home-box:hover img { 
	transform: scale(1.1);
} 
.home-box:hover .mask { 
	opacity: 1;
}

.home-box:hover p {
    opacity: 1;
    transform: translateY(-50px);
}
.home-box:hover a.info {
    opacity: 1;
    transform: translateY(10px);
}
.home-box:hover p {
    transition-delay: 0.1s;
}
.home-box:hover a.info {
    transition-delay: 0.2s;
}

.home-box .rose 		{background-color: rgba(229,18,156, 0.5); }
.home-box:hover .rose 	{background-color: rgba(229,18,156, 1);}

.home-box .vert 		{background-color: rgba(143,211,0, 0.5); }
.home-box:hover .vert 	{background-color: rgba(143,211,0, 1);}

.home-box .bleu 		{background-color: rgba(48,205,214, 0.5); }
.home-box:hover .bleu 	{background-color: rgba(48,205,214, 1);}

.home-box .bordeaux 		{background-color: rgba(173,5,2, 0); }
.home-box:hover .bordeaux 	{background-color: rgba(173,5,2, 1);}

.home-box .noir 		{background-color: rgba(0,0,0, 0); }
.home-box:hover .noir 	{background-color: rgba(0,0,0, 1);}


/* changement couleurs */
.home-box .beige1 		{background-color: rgba(193,170,140, 0.5); }
.home-box:hover .beige1 	{background-color: rgba(193,170,140, 1);}

.home-box .beige2 		{background-color: rgba(170,137,102, 0.5); }
.home-box:hover .beige2 	{background-color: rgba(170,137,102, 1);}

.home-box .beige3		{background-color: rgba(137,96,47, 0.5); }
.home-box:hover .beige3 	{background-color: rgba(137,96,47, 1);}

/* fin changement couleurs */


.tonneau{
margin:30px 0;
}
@media (max-width: 768px) {
  .tonneau {
    margin:10px 0;
  }
   .tonneau img {
    display:none;
  }
}

.abus{
  text-transform:uppercase;
  text-align:center;
  font-size:0.8em;
  padding:40px 0 10px 0;
  }
 .abus a{
  color:#ffffff;
  margin:0;
 
  }
.abus  a.mentions{margin:0 40px;}
 @media (max-width: 768px) {
  .abus {
    margin-right: 0px;
    margin-left: 0px;
	 padding:0 40px 0 40px;
  }
  
} 
 @media (max-width: 1200px) {
  .abus  a.mentions{
	  margin:0px;
	  
	  }
} 
@media (max-width: 768px) {
		.abus  a.mentions{display:block;}
	
}
 .abus  a.mentions{
	  margin:0px;
	  display:bloc;
	  }
}

.gcf-logo-footer{
	margin-top:-25px;
}
@media (max-width: 992px) {
  .gcf-logo-footer{
	margin-top:20px;
	height:52px;
	width:auto;
 }
}
.tf-logo-footer{
	padding-top:30px;
	padding-left:30px;
	

}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.vtop {
    display: inline-block;
    vertical-align: top;
    float: none;
}
.vbottom {
    display: inline-block;
    vertical-align: bottom;
    float: none;
}

#surfooter form{
padding-right:0;
margin-right:0;
}
div#footer.col-lg-12 {
padding-right:0;
margin-right:0;
}
@media (max-width: 992px) {
  div#footer.col-lg-12 {
    display:none;
  }
}
#surfooter .col-lg-6{
padding-right:0;
margin-right:0;
}

div.col-lg-6{
padding-left:0;
margin-left:0;
}

.noir{
color:#030000;
}

.fondvert{
color:#000;
font-size:24px;
font-weight:bold;
background-color:#8fd400;
padding:5px 10px;
text-align:justify;
vertical-align:top;
height:455px;
}
.fondtexte, .fondimages{
padding-top:65px;
text-align:justify;
}
.fondtexte h2, .fondtexte p{
padding-top:0;
margin-top:0;
padding-left:10px;
}
.fondimages{
text-align:center;
}

.fondbg{
vertical-align:top;
padding-left:10px;
padding-top:0px;
height:455px;

}
.fondbg h1{
	color:#fff;
	margin-top:0px;
	font-weight:normal;
	font-size:60px;
	text-transform:uppercase;
}
h2{
	/*color:#000;*/
	font-weight:900;
	font-size:36px;
}
h3{
	/*color:#000;*/
	font-weight:900;
	font-size:30px;
}
h4{
	color:#000;
	font-weight:900;
	font-size:20px;
}
.ariane {
margin:15px 0 0px 0;
color:#686868;
font-size:14px;
}
.ariane a:link, .ariane a:visited{
color:#686868;
}
.ariane a:hover{
color:#000;
}

@media (max-width: 768px) {
  .ariane {
    display: none;
  }
}

/* sroll to */		
#wrapper2 {
    width:100%;
    height:100%;
    position:absolute;
    top:200px;
	left:0;
    background-color:#fff;
    overflow:hidden;
	
	border:0px solid red;
}
   #mask {
       /* width:100%;*/
        height:580%;
        background-color:#fff;
    }
  .item {
	  /*
        width:100%;
        height:50%;
        float:left;
        background-color:#e7e2e3;
		*/
    }				
/* fin sroll to */

/* push menu*/
.pushmenu  .titre{
color: #fff;
 width: 280px;
 height: 100px;
 border:0px solid red;
 overflow:hidden;
 text-align:right;
 float:right;
 margin-right:16px;
 font-size:22px;
}

.pushmenu .plus{
color: #fff;
 width: 116px;
 height: 100px;
 border:0px solid blue;
 float:right;
 font-weight:bold;

}
.pushmenu .plus a{
 display:block;
 width: 116px;
 height: 100px;
}


.pushmenu .date{
color: #fff;
 width: 200px;
 height: 35px;
 border:0px solid blue;
 text-align:right;
 float:right;
 margin-top:65px;
text-transform:uppercase;
}
.pushmenu { /*this is the nav*/
  background: url(../../../images/module-actus.png) no-repeat left top;
  color: #fff;
  width: 416px;
  height: 200px;
  bottom: 150px;
  z-index: 1000;
  position:fixed;
  
}


.pushmenu a:link, .pushmenu a:visited {

  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-transform:uppercase;
}

.pushmenu a:hover {
 text-decoration: underline;
}



.pushmenu-right {
  right: -451px;

}
.pushmenu-left {
  left: -400px;

}

.pushmenu-right.pushmenu-open {
  right: -16px;
}
.pushmenu-left.pushmenu-open {
  left: -16px;
}
.pushmenu.pushmenu-right.pushmenu-open {
background-position: -16px top;
}
.pushmenu.pushmenu-left.pushmenu-open {
background-position: 16px top;
}

.pushmenu-push {
  overflow-x: hidden;
  position: relative;
  right: 0;
}

.pushmenu-push-toleft {
  right: 467px;
}
.pushmenu-push-toright{
  left: 416px;
}
/*Transition*/
.pushmenu, .pushmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;  
}
@media (max-width: 992px) {
  .pushmenu {
   display:none;
  }
}

#nav_list {
 /* background: url('') no-repeat left top;*/
  cursor: pointer;
  height: 20px;
  width: 16px;
  float:right;
  border:0px solid pink;
  text-indent: -99999em;
}

#nav-list.active {
  background-position: -33px top;
}

/* fin push menu*/

/* formatage page de contenu */
#page .espace{
	margin-bottom:45px;
}
#page .gcf_texte{
	padding:0 20px 20px 20px;
	display: table-cell;
    vertical-align: bottom;
	text-align:justify;
	color:#000;
	line-height:22px;
	/*opacity:0;*/
}
#page .gcf_texte ul{
	margin-top:-8px;
}
#page .gcf_header{
	font-size:16px;
	line-height:22px;

	padding:20px;
	text-align:justify;
	color:#000;
	line-height:22px;
	
}

#page .col-xs-4 .gcf_image, #actu .col-xs-4 .gcf_image{
max-width:390px;
max-height:auto;
width:390px;
height:100%;
}
/*, #page .col-md-8 img*/
#page .col-xs-8 .gcf_image, #page .col-sm-8 .gcf_image, #page .col-md-4 img, #page .gcf_image{
max-width:100%;
width:100%;
max-height:100%;
height:100%;
/*width:778px;*/
}

/* effet de zoom au survol des images */
#page .col-md-4 img, #page .col-sm-8 img, #page .col-sm-4 img{
	max-width:100%;
	/*width:100%;*/
	 -webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox */
    -ms-transition: all 0.3s ease; /* IE 9 */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease;
}
#page .col-md-4:hover img, #page .col-sm-8:hover img, #page .col-sm-4:hover img{
	 -webkit-transform:scale(1.10); /* Safari and Chrome */
    -moz-transform:scale(1.10); /* Firefox */
    -ms-transform:scale(1.10); /* IE 9 */
    -o-transform:scale(1.10); /* Opera */
     transform:scale(1.10);
}
#page .col-md-4, #page .col-sm-8, #page .col-sm-4 {
	overflow:hidden;
}


@media (max-width: 768px) {
#page .packshot {
	text-align:center;
}
}

#page .packshot img{
	max-width:100%;	
	height:auto;
}
@media (max-width: 1200px) {
  #page .packshot img {
    height:150px;
    width:auto;
  }
}
@media (max-width: 992px) {
  #page .packshot img {
    height:115px;
    width:auto;
  }
}

@media (max-width: 768px) {
  #page .packshot img {
     /*height:185px;*/
	  height:auto;
    width:auto;
  }
}

/*
#page .gcf_image{
max-width:778px;
width:778px;
}
*/
#page h1{
	color:#ab8a64;
	font-size:30px;
	padding:5px 0 10px 0;
	margin-bottom:0px;
	margin-top:0px;
	text-transform:uppercase;
	text-align:left;
}
@media (max-width: 1200px) {
  #page h1 {
    font-size:30px;
  }
}
@media (max-width: 992px) {
   #page h1 {
    font-size:30px;
  }
}

@media (max-width: 768px) {
  #page h1 {
    font-size:20px;
	padding-left:5px;
  }
}
#page h2, #actu h2{
	/*color:#000;*/
	font-size:22px;
	font-weight:bold;
	font-family:HelveticaBold;
	padding-bottom:15px;
	padding-top:0px;
	margin:0px;
	text-align:left;
}
@media (max-width: 768px) {
  #page h2, #actu h2{
	padding-top:10px;
  }
}
#actu {
	margin-bottom:40px;
}
#actu h1{
	color:#fff;
	background-color:#b7272c;
	padding:10px 15px;
	margin-bottom:0px;
	text-transform:uppercase;
}
#actu  .actu_summary{
	text-align:justify;
	padding-left:15px;
}
#actu  .header{
	background-color:#efe8e0;
	margin:0;
}
#actu  .actu_summary.header{

	padding:15px;
}

#actu .date{
	text-transform:uppercase;
	text-align:right;
	border-bottom:5px solid #b01115;
	margin-bottom:10px;
}
@media (max-width: 768px) {
  #actu .date{
    margin-top:30px;
  }
}
#actu .dateheader{
	text-transform:uppercase;
	text-align:right;
	margin-bottom:10px;
}

#actu .suite a {
	text-transform:uppercase;
	float:right;
	color:#b01115;
	font-weight:bold;
	font-size:0.8em;
	font-style:italic;
	
}
#actu .suite a:link, #actu .suite a:visited{
text-decoration:underline;
}
#actu .suite a:hover{
text-decoration:none;
}


/* fin formatage page de contenu */
/*  news/cgblog summary pagination
================================================== */
#pagenav {
   clear:both;
   font-size: .85em;
   margin: 0 0 2em;
   padding: 0;
   list-style: none;
   position: relative;
   left: -2px;
}
#pagenav li {
   display: inline-block;
   background: #f5f5f5;
   margin: 0 2px;
   line-height: 1;
}
#pagenav li a {
   display: block;
   padding: 5px;
   text-decoration: none;
   color:#000;
   }
#pagenav li a:hover {
   background: #ad0502;
   color: #fff;
}
#pagenav span {
   font-weight: 700;
   background: #000;
   color: #fff;
   display: block;
   padding: 5px;
}
#pagenav li.continue {
   padding: 0;
   background: none;
   font-size: 1.5em;
}
/*using an html class and modernizer, set according to your set up, IE 6 hacks or fixes not included*/
.lt-ie8 #pagenav li {
   zoom: 1;
   display: inline;
}
/* did not test anything in IE so fix accordingly */

.btn-sendtofriend{
background:url('../../../images/icone_mail.png');
width:41px;
height:41px;
display:inline;

}
.btn-rouge, .cms_submit {
	background-color:#b30305;
	width:240px;
	padding:5px 0;
	color:#fff;
	text-align:center;
	display:block;
	margin:0 auto;
}
.btn-noir a{
	background-color:#000;
	border-top:3px solid #b30305;
	width:240px;
	padding:5px 0;
	color:#fff;
	text-align:center;
	display:block;
	margin:7px auto;
}

input, textarea{
	margin:3px;
	padding:2px;
	width:250px;
	
}
input{
	height:28px;
}
input[type="submit"]{
	height:auto;
	width:auto;
	padding:5px 15px;
}
input[type="checkbox"]{
	height:20px;
	width:30px;
	padding:5px 15px;
}



/* cookie accept */

#cookie_consent { 
 /*background: #000;*/
  background-color: rgba(0, 0, 0, 0.6);
 position: fixed;
  bottom: 0;
  float: left;
  z-index: 10000000000000;
  width: 100%;
  padding: 10px 0;

}
#cookie_consent p {
 text-align: center;
  color: #fff;
 font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0 0 10px 0;
  /*filter: alpha(opacity=100);
  opacity: 1;*/
}
#cookie_consent a.accept_cookies {
 margin: 0 5px;
  padding: 5px;
  color: #fff;
 font-weight: normal;
  text-decoration: underline;
  cursor: pointer;
  /*background: #fff;*/
}
#cookie_consent a.more_info {
 margin: 0 5px;
  padding: 5px;
  color: #fff;
 font-weight: normal;
  text-decoration: underline;
  cursor: pointer;
  /*background: rgba(0, 0, 0, 1);*/
 /* background: #000;*/
}

/* popup alerte mineur*/
.div_mineur .centre.valider{
	display:block;
	margin:auto;
}
.div_mineur .gauche.valider{
	width:173px;
	margin:5px auto !important;
	background:#b7272c;
}

.div_mineur .droite.valider{
	width:173px;
	margin:5px auto !important;
	background:#000;
	
}
.div_mineur .valider{
	color:#ffffff;
	font-size:20px;
	text-decoration:none;
	border:0;
	width:120px;
	padding:6px 12px 6px 12px;
	background:#b7272c;
	cursor:pointer;
}


.div_mineur.valider:hover{
	color:#FFF;
	background:#c54c50;
}
.div_mineur {
	position:fixed;
	z-index:1053;
	width:500px;
	padding:20px 40px;
	left:50%;
	top:50%;
	margin:-157px 0 0 -150px;
	border:solid 5px #e0e0e0;
	text-align:center;
	color:#000;
	background:#ffffff;
	box-shadow:0px 3px 12px rgba(0,0,0,0.8) ;
}
.div_mineur h3{
	font-size:24px;
}
@media (max-width: 768px) {
  .div_mineur {
   width:280px;
   margin-top:-300px;
  }
}

.fond_mineur{
	height:100%;
	width:100%;
	position:fixed;
	top:0; 
	left:0; 
	background:rgba(255,255,255,0.8);
	z-index:1052
}
#message_mineur{
	font-size:18px;
}
/*
/* formulaires */
.cms_form  {
padding:20px;	
}

.formbuilder div {
  margin: 0 0 5px 0;

}
.formbuilder div div {
  margin: 0 0 0 150px;
  padding: 0 0 5px 0;
  border:0px solid blue;
}
.formbuilder input[type="email"],
.formbuilder input[type="file"],
.formbuilder input[type="option"],
.formbuilder input[type="text"],
.formbuilder textarea,
.formbuilder select {
  width: 460px;
  margin: 0 5px 0 0;
  font-size: 13px;
  border: #ccc solid 2px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.formbuilder select {
  width: 460px;
}

@media (max-width: 768px) {
  .formbuilder input[type="email"],
.formbuilder input[type="file"],
.formbuilder input[type="option"],
.formbuilder input[type="text"],
.formbuilder textarea,
.formbuilder select{
    width: 100%;
  }
  
  
}

.formbuilder input[type="email"]:hover,
.formbuilder input[type="file"]:hover,
.formbuilder input[type="option"]:hover,
.formbuilder input[type="text"]:hover,
.formbuilder textarea:hover,
.formbuilder select:hover {
   border: #c1aa91 solid 2px;
  cursor: default;
}
.formbuilder input[type="submit"] {
  margin: 10px 0 0 250px;
  cursor: pointer;
}
.formbuilder input[type="submit"]:hover {

}
.formbuilder label {
  width: 250px;
  float: left;
  text-align:right;
  padding-right:5px;
}
.formbuilder input[type="checkbox"] + label,
.formbuilder input[type="radio"] + label {
  width: 60px;
  float: left;
}
.formbuilder input[type="checkbox"] + label.label {
  width: 190px;
  float: right;
}
@media (max-width: 768px) {
.formbuilder label {
	  width: 100%;
      text-align:center;
	}
}

/* formbuilderami*/
.formbuilderami input[type="email"],
.formbuilderami input[type="file"],
.formbuilderami input[type="option"],
.formbuilderami input[type="text"],
.formbuilderami textarea,
.formbuilderami select {
  width: 350px;
  margin: 0 5px 0 100px;
  font-size: 13px;
  border: #ccc solid 2px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

@media (max-width: 768px) {
.formbuilderami input[type="email"],
.formbuilderami input[type="file"],
.formbuilderami input[type="option"],
.formbuilderami input[type="text"],
.formbuilderami textarea,
.formbuilderami select{
    width: 100%;
	 margin: 0 5px 0 0;
  }  
}

.formbuilderami label {
  width: 350px;
  float: left;
  text-align:center;
  margin: 0 5px 0 100px;
}
@media (max-width: 768px) {
.formbuilderami label {
	  width: 100%;
      text-align:center;
	   margin: 0 5px 0 0;
	}
}
/* fin formbuilderami */
  
.formbuilder_text_error {
  color: #f00;
 font-weight: bold;
}
.formbuilder div.captcha{
	 margin: 10px 0 0 0px;
}

.captchapict {
  width: 250px;
  float:left;
  clear:right;
  margin-right:10px;
  vertical-align:baseline;
  [[$field_border]]
  [[$rounded_corners]]
}
.formbuilder_field_error input[type="email"],
.formbuilder_field_error input[type="file"],
.formbuilder_field_error input[type="option"],
.formbuilder_field_error input[type="text"],
.formbuilder_field_error select,
.formbuilder_field_error textarea,
.formbuilder_field_error .captchapict {
  border: #f00 solid 2px;
}
/**
 * Below some more available CSS codes...
 * Note: when you need them, the sequence of all lines is important!
.formbuilder input { }
.formbuilder input[type="button"] { }
.formbuilder input[type="radio"] { }
.formbuilder input[type="checkbox"] { }
.formbuilder legend { }
.formbuilder optgroup { }
.formbuilder fieldset { }
.formbuilder form { }
 *
 **/
 .decalage_champ{
	padding-left:250px;
 }
 video{
	background-color:#000000;
	margin-bottom:45px;
}

@media (max-width: 1200px) {
  video {
    width: 100%;
  }
  #iframevideo {
	   width: 100%;
  }
}
@media (max-width: 768px) {
  #iframevideo {
	   width: 100%;
	   height:400px;
  }
  
}
@media (max-width: 500px) {
  #iframevideo {
	   width: 100%;
	   height:300px;
  }
}
@media (max-width: 400px) {
  #iframevideo {
	   width: 100%;
	   height:250px;
  }
}
/* cartes dynamiques */
.gcf_carte{
	min-height:377px;

}

/*
@media (max-width: 1200px) and (min-width: 768px) {
 .gcf_carte{
	min-height:310px;
	}
}
*/

.gcf_carte .ancrage{
	max-width:100%;
	width:100%;
	height:100%;
	max-height:100%;
}
/*
@media (max-width: 1200px) {
	.gcf_carte img{
		max-width:100%;
	}
}
*/
#carte_dyn .carte_container, #carte_dyn2 .carte_container {
 border:1px solid black;
 position: relative;
}
#carte_dyn .legende, #carte_dyn2 .legende {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index:2;
}

#carte_dyn .carte_alsace, #carte_dyn .carte_jura, #carte_dyn .carte_bourgogne-beaujolais, #carte_dyn .carte_diois-vallee-du-rhone, #carte_dyn .carte_languedoc, #carte_dyn .carte_bordeaux {
 width:357px;
 height:357px;
 overflow: hidden;
 /*border:5px solid #efe8e0;*/
 position: absolute;
 right:10px;top:10px;
 opacity:0.8;
}
#carte_dyn2 .carte_bourgogne-beaujolais{
 width:377px;
 height:377px;
 overflow: hidden;
 border:5px solid #efe8e0;
 position: absolute;
 right:397px;top:0px;	
}
@media (max-width: 1200px) {
	#carte_dyn2 .carte_bourgogne-beaujolais{
	 width:310px;
	 height:310px;
	 right:307px;top:0px;
	}
	#carte_dyn .carte_bourgogne-beaujolais{
	 width:310px;
	 height:310px;
	}
}
@media (max-width: 992px) {
	#carte_dyn2 .carte_bourgogne-beaujolais{
	  right:372px;top:0px;	
	  width:377px;
	  height:377px;
	}
	#carte_dyn .carte_bourgogne-beaujolais{
	  width:377px;
	  height:377px;
	}
}
@media (max-width: 768px) {
	#carte_dyn2 .carte_bourgogne-beaujolais{
	 display:none;
	}
	
}

#carte_dyn .carte_val-de-loire{
 width:754px;
 height:377px;
 overflow: hidden;
 border:5px solid #efe8e0;
 position: absolute;
 right:0px;top:0px;
}

@media (min-width:992px) AND (max-width: 1200px) {
	#carte_dyn .carte_val-de-loire{
	 width:654px;
	  height:390px;
	}
	
}
#carte_dyn .carte_alsace .pos, #carte_dyn .carte_jura .pos, #carte_dyn .carte_bourgogne-beaujolais .pos, #carte_dyn2 .carte_bourgogne-beaujolais .pos, #carte_dyn .carte_diois-vallee-du-rhone .pos, #carte_dyn .carte_languedoc .pos, #carte_dyn .carte_bordeaux .pos, #carte_dyn .carte_val-de-loire .pos {
	z-index:1;
	position: absolute;
}

#carte_dyn .carte_alsace .pos{ 
  left: -1370px;
  top: -350px;
}
#carte_dyn .carte_jura .pos{
  z-index:1;
  position: absolute;
  left: -1277px;
  top: -660px;
}
#carte_dyn .carte_diois-vallee-du-rhone .pos{
  z-index:1;
  position: absolute;
  left: -1140px;
  top: -1040px;
}
#carte_dyn .carte_languedoc .pos{
  z-index:1;
  position: absolute;
  left: -870px;
  top: -1290px;
}
#carte_dyn .carte_bordeaux .pos{
  z-index:1;
  position: absolute;
  left: -370px;
  top: -980px;
}
#carte_dyn .carte_val-de-loire .pos{
  z-index:1;
  position: absolute;
  left: -240px;
  top: -576px;
}
#carte_dyn .carte_bourgogne-beaujolais .pos{
  z-index:1;
  position: absolute;
 
  left: -933px;
  top: -633px;
  
}
@media (min-width: 992px) AND (max-width: 1200px){
  #carte_dyn .carte_bourgogne-beaujolais .pos {
   left: -990px;
  top: -633px;
  }
}

#carte_dyn2 .carte_bourgogne-beaujolais .pos{
  z-index:1;
  position: absolute;
   left: -1050px;
  top: -1020px;
  
}
@media (min-width: 992px) AND  (max-width: 1200px){
  #carte_dyn2 .carte_bourgogne-beaujolais .pos {
 
   left: -1080px;
   top: -1100px;
  }
}
#carte_dyn .picto_embouteillage, #carte_dyn .picto_vinification, #carte_dyn .picto_propriete, #carte_dyn2 .picto_embouteillage, #carte_dyn2 .picto_vinification, #carte_dyn2 .picto_propriete {
		position:absolute;
		z-index:3;
		width:40px;
		height:40px;
		cursor:pointer;
}
#carte_dyn .picto_embouteillage, #carte_dyn2 .picto_embouteillage {background:url('../../../uploads/images/cartes/picto_embouteillage_centre_logistique.jpg') no-repeat}
#carte_dyn .picto_vinification, #carte_dyn2 .picto_vinification {background:url('../../../uploads/images/cartes/picto_vinification_elevage.jpg') no-repeat}
#carte_dyn .picto_propriete, #carte_dyn2 .picto_propriete {background:url('../../../uploads/images/cartes/picto_propriete.jpg') no-repeat}

/* header marques slide bouteilles */
#trail{
	position:relative;
	width:1170px;
	height:481px;
	overflow:hidden;
	background: #f0e9e1;
}

@media (max-width: 1200px) {

  #trail{
    width:960px;
	height:410px;
  }
	#trail li img{
		/*width:70%;*/
		zoom: 85%;
		height:auto;
	}

	#trail li span, #trail li h4{
		top:360px!important;
		margin-left:-120px!important;
	}
	#trail li#bouteille1{left:30px!important;}
	#trail li#bouteille2{left:160px!important;}
	#trail li#bouteille3{left:290px!important;}
	#trail li#bouteille4{left:410px!important;}
	#trail li#bouteille5{left:550px!important;}
	#trail li#bouteille6{left:680px!important;}
	#trail li#bouteille7{left:810px!important;}
	#trail li#bouteille8{left:1090px!important;}
	#trail li#bouteille9{left:1220px!important;}
	#trail li#bouteille10{left:1340px!important;}
	#trail li#bouteille11{left:1460px!important;}
	#trail li#bouteille12{left:1570px!important;}
	#trail li#bouteille13{left:1680px!important;}
	#trail li#bouteille14{left:1820px!important;}
}
@media (max-width: 992px) {

   #trail{
    width:750px;
	height:330px;
  }
	#trail li img{
		/*width:60%;*/
		zoom: 70%;
		height:auto;
	}
	#trail li span, #trail li h4{
		top:280px!important;
		margin-left:-125px!important;
	}
	#trail li#bouteille1{left:30px!important;}
	#trail li#bouteille2{left:130px!important;}
	#trail li#bouteille3{left:230px!important;}
	#trail li#bouteille4{left:330px!important;}
	#trail li#bouteille5{left:440px!important;}
	#trail li#bouteille6{left:540px!important;}
	#trail li#bouteille7{left:640px!important;}
	#trail li#bouteille8{left:1060px!important;}
	#trail li#bouteille9{left:1160px!important;}
	#trail li#bouteille10{left:1260px!important;}
	#trail li#bouteille11{left:1360px!important;}
	#trail li#bouteille12{left:1460px!important;}
	#trail li#bouteille13{left:1560px!important;}
	#trail li#bouteille14{left:1660px!important;}
	#trail li#bouteille15{left:1760px!important;}
}
@media (max-width: 768px) {
	 #trail{display:none; }
}
@media (min-width: 768px) {
	 #trail-static{display:none;}
}
#trail-static img {width:100%;height:auto;}

#trail ul{
	position:absolute;
	top:0;
	left:0;
	width:1200px;
}
#trail li{
	display:block;
	width:139px;
	height:481px;
	top:0px;
	left:-200px;
	position:absolute;
}

#trail li:first-child{
	/*margin-left:55px;*/
}

#trail li a{
	text-decoration:none;
}

#trail li span, #trail li h4{
	opacity:0;
	color:#10171b;
	font-family:HelveticaBold;
	font-weight:normal;
	text-align:center;
	position:absolute;
	display:block;
	width:340px;
	margin-left:-100px;
	top:425px;
	/*bottom:25px;*/
	z-index:450;
	-webkit-transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-o-transition:opacity 0.3s;
	/*text-shadow:0 -1px 1px black;*/
}

#trail li img{
	z-index:20;
	display:block;
}

#trail li h4{
	font-size:17px;
	
}

#trail li span{
	margin-top:26px;
	line-height:30px;
	color:#10171b;
	font-family:Helvetica;
}

#trail li:hover h4{
	opacity:1;
}
#trail li:hover span{
	opacity:1;
}
#trail a{
	color:#f0e9e1;
}
#trailnext, #trailprev{
	width:60px;
	height:481px;
	color:#392f31;
	position:absolute;
	/*top:170px;*/
	left:1100px;
	z-index:300;
	opacity:0.4;
}
@media (max-width: 1200px) {
  #trailnext, #trailprev{
   height:390px;
   left:900px;
  }
}
@media (max-width: 992px) {
  #trailnext, #trailprev {
    height:330px;
	left:690px;
  }
}

#trailnext{
	background:url(../../../images/vinsnext.png) no-repeat 0% 50%;
}

#trailprev{
	left:0px;
	background:url(../../../images/vinsprev.png) no-repeat 100% 50%;
}

#trailprev.active, #trailnext.active{
	opacity:1;
}
/* fin header marques slide bouteilles */
.gcf_topmenu {
	padding-top:13px;
	display:inline;
	text-align:right;
	/*color:#b9b8b8;*/
}
@media (max-width: 768px) {
  .gcf_topmenu {
	padding-right:15px;
	}
}
	
.gcf_topmenu a:link, .gcf_topmenu a:visited{
	color:#b9b8b8;
	text-decoration:none;
}
.gcf_topmenu a:hover{
	color:#b30401;
	text-decoration:none;
}

.gcf_topmenu .separateur {
	padding:0 10px 0 15px;
	font-size:20px;
	color:#030000;
}
.gcf_topmenu  form{
	padding-left:15px;
	}
@media (min-width: 768px) {
  .gcf_topmenu  form{
	display:inline;
	}
}
#iframe2{
	margin:0px 25px;
    overflow-x:hidden;
overflow-y:scroll;

}
@media (max-width: 768px) {
 .accueil .slider-wrapper{
	display:none;
	}
}
#nos-terroirs .gcf_terroirfond, #our-terroirs .gcf_terroirfond{
background-color: rgba(0,0,0,0);
color:#000;
padding:0 20px 0 0;
}
#nos-terroirs .gcf_terroirfond p, #our-terroirs .gcf_terroirfond p{
color:#000;
}
.gcf_terroirfond{
background-color: rgba(0,0,0,0.5);
color:#fff;
height:377px;
}

@media (max-width: 992px) {
	.gcf_terroirfond{
	height:auto;
	}
}

/* animation chargemetn des pages */
/* fadein1 */
@-webkit-keyframes fadein1 {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadein1 {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fadein1 {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadein1 {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
/* fadein2 */
@-webkit-keyframes fadein2 {
  0%   { opacity: 0;}
  50%   { opacity: 0;}
  100% { opacity: 1;}
}
@-moz-keyframes fadein2 {
  0%   { opacity: 0;}
  50%   { opacity: 0;}
  100% { opacity: 1;}
}
@-o-keyframes fadein2 {
  0%   { opacity: 0; }
  50%   { opacity: 0;}
  100% { opacity: 1;}
}
@keyframes fadein2 {
  0%   { opacity: 0; }
  50%   { opacity: 0;  }
  100% { opacity: 1; }
}
/* fadein3 */
@-webkit-keyframes fadein3 {
  0%   { opacity: 0; }
  33%   { opacity: 0; }
  66%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadein3 {
  0%   { opacity: 0; }
  33%   { opacity: 0; }
  66%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fadein3 {
  0%   { opacity: 0; }
  33%   { opacity: 0; }
  66%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadein3 {
  0%   { opacity: 0; }
  33%   { opacity: 0; }
  66%   { opacity: 0; }
  100% { opacity: 0.8; }
}

.gcf_terroirfond{
  -webkit-animation: fadein2 2s ; /* Safari 4+ */
  -moz-animation:    fadein2 2s ; /* Fx 5+ */
  -o-animation:      fadein2 2s ; /* Opera 12+ */
  animation:         fadein2 2s ; /* IE 10+, Fx 29+ */
  color:#FFF;
}
.gcf_terroirfond h2{
  -webkit-animation: fadein2 3s ; /* Safari 4+ */
  -moz-animation:    fadein2 3s ; /* Fx 5+ */
  -o-animation:      fadein2 3s ; /* Opera 12+ */
  animation:         fadein2 3s ; /* IE 10+, Fx 29+ */
  color:#FFF;
  text-align:left;
}
.gcf_terroirfond p{
  -webkit-animation: fadein3 3s ease-in; /* Safari 4+ */
  -moz-animation:    fadein3 3s ease-in; /* F x 5+ */
  -o-animation:      fadein3 3s ease-in; /* Opera 12+ */
  animation:         fadein3 3s ease-in; /* IE 10+, Fx 29+ */
   color:#FFF;
}
.carte_alsace, .carte_jura, .carte_bourgogne-beaujolais, .carte_diois-vallee-du-rhone, .carte_languedoc, .carte_bordeaux, .carte_val-de-loire{
 -webkit-animation:  fadein3 4s ease-in; /* Safari 4+ */
  -moz-animation:    fadein3 4s ease-in; /* Fx 5+ */
  -o-animation:      fadein3 4s ease-in; /* Opera 12+ */
  animation:         fadein3 4s ease-in; /* IE 10+, Fx 29+ */
}
/* page maisons */
#page .maison{
	width:103%;
	/*margin:0 -40px;*/
	margin:0 -20px;
	/*margin-top:0;
	margin-bottom:0;
	margin-left:-20px;
	margin-right:-20px;
	*/
	padding:0;
}
#page .maison_content{
	width:25%;
	padding:1px;
	/*height:355px;*/
	background-color:#f4ede5;
	text-align:center;
	float:left;
	border-right:20px solid #fff;
	border-left:20px solid #fff;
	opacity:0;
	margin-bottom:40px;
	/*
	margin-right:20px;
	margin-left:20px;
	margin-top:100px;
	*/
}
#page .maison_content a h2{
	color:#000;
	text-align:center;	
	padding:0;
	text-transform:uppercase;	
	font-family:Helvetica;
	font-size:18px;
}
.block4 {
  line-height: 70px;
  height:70px;
}
.inner4 {
  line-height: normal; /* Reset line-height for the child. */
}
.inner {
  display: inline-block;
  vertical-align: middle;
}
#page .maison_content p{
	padding:0;
}
#page .maison_content img{
	max-width:100%;
	width:100%;
	 -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}
#page .maison_content:hover img{
	 -webkit-transform:scale(1.10); /* Safari and Chrome */
    -moz-transform:scale(1.10); /* Firefox */
    -ms-transform:scale(1.10); /* IE 9 */
    -o-transform:scale(1.10); /* Opera */
     transform:scale(1.10);
}
#page .maison_image {
	overflow:hidden;
	/*height:255px;*/
}
@media (max-width: 1200px) {
  #page .maison{
	 width:105%;
	 }
  #page .maison_content{
	width:33%;
	padding:1px;
	background-color:#f4ede5;
	text-align:center;
	float:left;
	border-right:20px solid #fff;
	border-left:20px solid #fff;
	opacity:0;
	margin-bottom:40px;
	}
}
@media (max-width: 992px) {
 #page .maison{
	 width:106%;
	 }
  #page .maison_content{
	width:33%;
	padding:1px;
	background-color:#f4ede5;
	text-align:center;
	float:left;
	border-right:20px solid #fff;
	border-left:20px solid #fff;
	opacity:0;
	margin-bottom:40px;
	}
}
@media (max-width: 768px) {
 #page .maison{
	 width:106%;
	 }
  #page .maison_content{
	width:50%;
	padding:1px;
	background-color:#f4ede5;
	text-align:center;
	float:left;
	border-right:20px solid #fff;
	border-left:20px solid #fff;
	opacity:0;
	margin-bottom:40px;
	}
}

@media (max-width: 555px) {
 #page .maison{
	 width:108%;
	 }
  #page .maison_content{
	width:100%;
	padding:1px;
	background-color:#f4ede5;
	text-align:center;
	float:left;
	border-right:0px solid #fff;
	border-left:20px solid #fff;
	opacity:0;
	margin-bottom:40px;
	}
}

}
/* grid effect */
.grid {

list-style: none;
/*
max-width: 69em;
margin: 30px auto;
padding: 0;
*/
}
.grid li {
display: block;
float: left;
/*
padding: 7px;
width: 33%;
*/
opacity: 0;
}
.grid li.shown, .no-js .grid li, .no-cssanimations .grid li {
opacity: 1;
}
.grid li a, .grid li img {
outline: none;
border: none;
display: block;
max-width: 100%;
}
/* Effect 1: opacity */
.grid.effect-1 li.animate {
	-webkit-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

@keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}
/* Effect 2: Move Up */
.grid.effect-2 li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

 @media screen and (max-width: 900px) {
.grid li {
width: 50%;
}
}
 @media screen and (max-width: 400px) {
.grid li {
width: 100%;
}
}

/* modif module showtime - Show_2.css toujours ecrasé dans showtime lors d'une MAJ des texte - encodage en dure du css pour nivoslider*/
/* Caption styles */
#slider2 .nivo-caption {
	position:absolute;
	/*background-color:#000000;*/
	/*use RGBA value if you dont want opacity inheritance*/
 	background-color: rgba(255, 255, 255, 0);
	font-family:_sans,Helvetica,Arial;
	font-size:22px;
	color:#ffffff!important;
	line-height:16px;
	
	/* For caption position bottom*/
	/*bottom:0;*/

	/* For caption position top*/
	top:50%;
	margin-top:-30px;
	
	/* For caption position right side*/
	left:70%;
	/*right:0!important;*/
	

	/* For caption position left side*/
	/*
	left:0;
	*/
	/* For left and right caption position*/
	width:-moz-min-content;
	height:100px;
	width: 290px;
	padding:20px;
	
	/* for top or bottom caption position */
	/*width:100%;*/

	z-index:8;		
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);		
	opacity:1;
	text-transform:uppercase;
}

@media (max-width: 768px) {
	#slider2 .nivo-caption {
	left:0%;}
}
.nivo-caption a {
	color:#ee0000;
	border-bottom:1px dotted #fff;
	display:inline !important;
}
.nivo-caption a:hover {
	color:#555;
}
.nivo-caption p {
	padding:5px ;
	margin:0;
	color:#333!important;
}
.nivo-caption h2{
	font-size:30px !important;
    border: none !important;    
	line-height:1em;	
	
}

.nivo-caption p img{
	display:block;
	width:auto;
	height:auto;
	margin: 5px;
	position: relative;
}

.nivo-html-caption {
	display:none;
}
/* ajour MAJ*/
#slider1w{width:100%!important;}
#slider1w .nivoSlider .nivo-caption h2{
	opacity:1!important;
	font-family:HelveticaBold!important;
    font-size: 30px!important;
	line-height: 40px!important;
    color: #000!important;
    padding: 0!important;
}
#slider1w .nivoSlider .nivo-caption{
	font-family: Helvetica, Arial, sans-serif!important;
    font-size: 18px!important;
    color: #000!important;
    position: absolute!important;
    background-color: rgba(0, 0, 0, 0)!important;
    top: 0px!important;
    width: 33%!important;
    padding: 50px 20px 20px 20px!important;
    height: 100%!important;
    z-index: 8!important;
}
@media (max-width: 990px) {
	#slider1w .nivoSlider .nivo-caption h2{font-size: 20px!important;}
	#slider1w .nivoSlider .nivo-caption {font-size: 15px!important;}
}
@media (max-width: 768px) {
	#slider1w .nivoSlider .nivo-caption h2{font-size: 16px!important;}
	#slider1w .nivoSlider .nivo-caption {font-size: 12px!important;}
}