@font-face {
	font-family: "Amandine";
	src: url(/style/50-ans/amandine-regular.otf);
	font-display: swap;
	font-weight: 400;
}
/*** default styles */
* {padding: 0;margin: 0; box-sizing : border-box;}
select * {padding: 0 0.5em;}
ul, ol {list-style: none;}
a img, :link img, :visited img, object, fieldset {border: none;}
a:focus, a:hover {text-decoration: none;}
a:active {outline: none;}
a {outline: none;}
address {font-style: normal;}
:link, :visited {text-decoration: none;}
legend {position: relative;left: -6px;/* ie */}
/*** font size : http://www.knacss.com/ */
html {font-size: 62.5%;}
body {background-color: #fff;color: #000;font-family: helvetica, arial, sans-serif;font-size: 1.4em; /* equiv 14px */line-height: 1.5; /* adapt to your design */}
input, select, textarea {font-size: 100%;}
/*** Float containers (http://www.csscreator.com/attributes/containedfloat.php) */
.clearfix:after {content: ".";display: block;height: 0;font-size:0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*** Image Replacement */
.mir {letter-spacing : -1000em;}
/*\*/
* html .mir {text-indent: -999em;overflow: hidden;}
html>body .mir {letter-spacing: normal;text-indent: -999em;overflow: hidden;}/**/
/*** generic style */
.clear {clear: both;}
div.clear {height: 0;}
.no-wrap {white-space:nowrap;}
/*** error */
.errorOutput {font-weight: bold;padding: 0.5em 20px;border-top: 2px solid #eee;	border-bottom: 2px solid #eee;background: transparent url(/style/alert.gif) no-repeat left center;}
a:link, a:visited {color : #E6C25D;}

body{
	font-family: 'Open Sans', sans-serif;
	font-weight : 400;
	background : #F9F8F7;
}

#header, #menu, #main, #footer {width : 100%;}


.page,  .page_max {
	width : 100%;
	max-width : 1500px;
	margin : 0 auto;
}


.page_min  {
	width : 100%;
	max-width : 900px;
	margin : 0 auto;
}


.bandeau_img .page {
	width : 100%;
	max-width : 500px;
	margin : 0 auto;
}


.bandeau_img .page_max, .page_max {
	max-width : 1100px;
}


/* 

.col1-2,
.col1-3,
.col2-3,
.col3-4,
.col1-4,
.col1-5,
.col1-7,
.col3-7,
.col4-7,
.col2-7,
.col1-9,
.col2-9,
.col5-9,
.col7-9,
.col4-9,
.col3-9 {
	float : left; 
	box-sizing: border-box;
}
*/
/*div commencant par col*/
div[class^=col] {
	float : left; 
	box-sizing: border-box;
	transition-property: all;
	-webkit-transition-property: all;
    transition-duration: .5s;
	transition-timing-function: ease-out;
}

.col{width: 100%;  }
.col1-2{width: 50%; }
.col1-3{width: 33.33%;}
.col2-3{width: 66.66%; }
.col1-4{width: 25%; }
.col3-4{width: 75%;}
.col1-9{width: 11.11%; }
.col2-9{width: 22.22%; }
.col4-9{width: 44.44%; }
.col5-9{width: 55.55%; }
.col7-9{width: 77.77%; }
.col1-5 {width : 20%;}
.col1-7 {width : 14.28%;}
.col2-7 {width : 28.57%;}
.col4-7 {width : 57.14%;}
.col3-7 {width : 42.85%;}


.flexParent {
    display: flex;
    flex-wrap: wrap;
}

#concours .flexParent {
	
}

.flex1-2,
.flex1-3,
.flex2-3,
.flex3-4,
.flex1-4 { 
    display: flex;
}

.flex{width: 100%; }
.flex3-4{width: 75%;}
.flex1-2{width: 50%;}
.flex1-3{width: 33.33%;}
.flex2-3{width: 66.66%;}
.flex1-4{width: 25%;}


.padding20{padding: 20px;}
.padding{padding: 10px;}
.paddingBig{padding:10px;}
.paddingSmall{padding: 2px 5px;}
.padding_t_b{padding: 10px 0;}
.padding_l_r{padding: 0 10px;}
.grid_accueil .padding{padding: 5px;}

#top .padding {padding : 0 10px;}

.col_sans_titre { padding-top : 40px; }


/*gestion des couleurs et des fonds  */
.bg_blanc {background : #fff;} 
.bg_or {background : #d7a649; color : #fff;} 
.bg_beige {background : #f9f8f7;} 
.bg_rose {background : #f4b2c1;} 
.bg_vert {background : #c6bf70;} 
.bg_vert_clair {background : #e2deb7;} 
.bg_orange {background : #ffb652;} 
.bg_orange_clair {background : #e6c25d;} 
.bg_gris_clair {background : #d6d3ca;} 
.bg_gris {background : grey;} 
.bg_noir {background : #000; color  : #fff;} 
.bg_noir_transparent {background : rgba(0,0,0,.4);}
.bg_blanc_transparent {background : rgba(255,255,255,.6); color : #000;}
.bg_orange_clair_transparent {background : rgba(230,194,93,.8); color : #000;}

.color_blanc {color : #fff;} 
.color_blanc_transparent, a.color_blanc_transparent:visited, a.color_blanc_transparent:link {color : rgba(255,255,255,.6);} 
.color_beige {color : #f9f8f7;} 
.color_rose {color : #f4b2c1;} 
.color_vert {color : #c6bf70;} 
.color_vert_clair {color : #e2deb7;} 
.color_orange {color : #ffb652;} 
.color_orange_clair {color : #e6c25d;} 
.color_gris_clair {color : #d6d3ca;} 
.color_gris {color : grey;} 
.color_noir {color : #000;} 
.color_noir_transparent {color : rgba(0,0,0,.8);} 
.color_noir_transparent, a.color_noir_transparent:visited, a.color_noir_transparent:link {color : rgba(0,0,0,.8);} 
.color_vert_fonce {color : #7aa404;} 
.color_bleu_fonce {color : #001465;} 
.color_rouge {color : #d12402;} 
.color_or {color : #d7a649;} 
.color_terre {color : #d76800;} 
.color_jaune {color : #fce95c;} 
.color_violet{color : #976c76;} 

/*
.bg_gris_fonce {background-color : #58585a; color : #fff;}
.bg_gris_clair {background-color : #CDCDCD; color : #58585a;}
.bg_gris_fonce_transparent  {background : rgba(88,88,90, 0.5); color : #fff;}
.bg_rouge {background-color : #aa0000; color : #fff;}
.bg_blanc {background-color : #fff; color : #58585a;}
*/

/* 
.bg_gris_clair a:link, .bg_gris_clair a:visited, 
.bg_blanc a:link, .bg_blanc a:visited {color : #aa0000;} 
.bg_gris_fonce_transparent a:link, .bg_gris_fonce_transparent a:visited,  
.bg_rouge a:link, .bg_rouge a:visited,  
.bg_gris_fonce a:link, .bg_gris_fonce a:visited {color : #fff;} 

*/ 
.section {padding : 20px 0;}

.img_100{
	display: block;
    line-height: 1;
    max-width: 100%;
    width: auto;
}

.align_center {text-align : center;}
.align_right {text-align : right;}
div[class^=col].float_right , .float_right {float : right;}
div[class^=col].float_left , .float_left {float : left;}

.border-l-r  {
	border-left : 1px solid #a59c94;
	border-right : 1px solid #a59c94;
}

/*** header  *****************************************/

	#logo img{
		margin : 0 auto;
		padding : 20px 10px;
		max-width : 320px;
	}
	
	.list_header {
		position : absolute; 
		right : 5px; 
		top : 0;
	}
	
	.list_header li{display : inline-block; padding : 0 5px;}
	.list_header li img {max-height : 41px;}
/*** menu *****************************************/
	

nav {
	z-index : 1020;
	-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	top : 0;
	left : 0;
	width : 100%;
} 

	#accueil nav {
		position : absolute;
		top : inherit;
		left : inherit;
	}

	nav:before,
	nav:after {
		content: "";
		display: table;
	}
	nav:after {
		clear: both;
	}
	

		.nav-sec {
			left : 0;
			top : 43px;
			width : 100%;
			font-size : 90%;
					
			z-index : 1010;
			-webkit-transition: all 0.5s;
				-moz-transition: all 0.5s;
				transition: all 0.5s;
			position : absolute;
		}
		
		.nav-sec.nav-fix {
			top : 43px;
			z-index : 1010;
		}
		
	.nav-fix, #accueil .nav-fix {
		z-index : 1020;
		bottom : inherit; 
		top : 0px;
		max-width: none;
		position: fixed;
		width: 100%;
		-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
		-o-box-shadow:    0px 5px 10px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:    0px 5px 10px 0px rgba(0, 0, 0, 0.5);
		box-shadow:         0px 5px 10px 0px rgba(0, 0, 0, 0.5);
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=180, Strength=5);
	}
	
	
	.nav-intemediaire, #accueil .nav-intemediaire {
		top : -40px;
	}

	
	nav  .page{position : relative;}
	
	nav  ul {
		text-align : center;
	}
	
	nav li {
		display : inline-block; 
		position : relative;
	}
	
	nav #nav-main li  a, nav li  span {
		display : block; 
		padding : 10px 20px; 
		text-transform : uppercase;
		color : #000!important;
		cursor : pointer; 
		transition: background-color 0.4s ease-in 0s;
	}
		
		nav  #nav-mainli a:focus, nav #nav-main li a:hover,
		#contact nav li#nav-contact a, 
		#vigne nav li#nav-vigne a, 
		#cuverie nav li#nav-cuverie a, 
		#cave nav li#nav-cave a, 
		#famille nav li#nav-famille a, 
		#degustation nav li#nav-degustation a, 
		#page_vrai_faux nav li#nav-vrai_faux a, 
		#couleurs nav li#nav-couleurs a, 
		#accueil nav li#nav-accueil a, 
		#chiffres nav li#nav-chiffres a,
        #galerie nav li#nav-galerie a, 
		.les_origines nav li#nav-origine a,
		.les_secrets nav li#nav-secrets span,
		#les_origines nav li#nav-origine a {
			background : #e6c25d;
		}
		
	nav ul ul {
		margin: 20px 0 0 0;
	
		/*top: 25px;*/
		left: 0;
		z-index: 9999;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		width : auto;
}

	
@media all and (min-width: 950px) {
	nav {
		
		border-top : 1px solid #eae9e4;
		border-bottom : 1px solid #eae9e4;
		position : absolute;
	}
	nav ul ul { 
		opacity: 0;
		visibility: hidden;
		background: #F9F8F7;
		position: absolute;
	}
	nav li:hover > ul {
			opacity: 1;
			visibility: visible;
			margin: 0;
	}
	
} 


	nav ul li li {
		display: block;
	}



	nav ul ul a {
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		width : 100%;
		text-decoration: none;
	}
		
		.nav-sec ul{
			text-align : center;
		}
		
		
		.nav-sec ul li{
			display : inline-block;
		}
		
		.nav-sec ul li a{
			display : block;
			padding : 5px 15px;
			/*border-left : 1px solid #fff;*/
			color : #fff;
			text-transform : uppercase;
			font-weight : 700;				
			transition: background-color 0.4s ease-in 0s;
		}
		
		/*
			#chatillon .nav-sec li#nav-chatillon a, 
			#auxerre .nav-sec li#nav-auxerre a, 
			#beaune .nav-sec li#nav-beaune a, 
			#chalon .nav-sec li#nav-chalon a, 
			#beaujolais .nav-sec li#nav-beaujolais a, 
		*/
			.nav-sec ul li a.active, 
			.nav-sec ul li a:hover, .nav-sec ul li a:focus{
				background : rgba(255,255,255,0.6);
				color : #000;
			}
			
			.nav-sec ul li:first-child a{
				border : none;
			}
		
	a#logo-nav {
		position : absolute;
		top : 0; 
		left : 0;
		opacity : 1;
			visibility : visible;
		
	  -webkit-transition: all .6s ease-in-out;
		-moz-transition: all .6s ease-in-out;
		-o-transition: all .6s ease-in-out;
		transition: all .6s ease-in-out;
	}
	
		#accueil a#logo-nav  {
			opacity : 0;	
			visibility : hidden;
		}
	
	.nav-fix  a#logo-nav {
		opacity : 1;
		visibility : visible;
	}
	
	
	a#logo-nav img{
		max-height : 40px;
	}
	
	.bandeau_img {
		position : relative;
		background : transparent none no-repeat center top; 
		background-size : cover;
		
		opacity : 0;
		overflow : hidden; 
		  -webkit-animation: anim-opa-grid 3s ease-in-out forwards; /* Safari 4+ */
		  -moz-animation:    anim-opa-grid 3s ease-in-out forwards; /* Fx 5+ */
		  -o-animation:      anim-opa-grid 3s ease-in-out forwards; /* Opera 12+ */
		  animation:         anim-opa-grid 3s ease-in-out forwards; /* IE 10+, Fx 29+ */
	}
	
	.content_section {margin-top : 43px;}
	.content_section section:nth-child(2n) .bandeau_img {
	/*.content_section:nth-child(2n+1) .bandeau_img { */
		background-attachment: fixed;
	}
	
	.lactuaccueil {
		position : relative;
	}
	
	.col3-4.l_actu {
		position : absolute!important; 
		height : 100%;
		overflow : hidden; 
		float : none; 
		top : 0;
		left : 0;
	}
	
	
	
/************************ CONCOURS *****************/	
	.encartConcours {
		border : 1px solid #d7a649;
		display : block; 
		width : 100%;
		background : transparent url(/style/concours/fond-picto.gif) repeat left top;
	}
	
		.bandeau_img .encartConcours p{color : #fff; margin-top : 5px; font-size : 120%; line-height : 1.2em;}
		.encartConcours strong{font-size : 120%;}
		
	
	.paddingFlex{padding: 0px 30px; max-width : 750px;}
	
@media all and (min-width: 750px) {
	.bandeau_img {
		height: calc(100vh - 43px);
	}
	
	.operation  .bandeau_img {height: auto;}
	/** orgignes **/
	#home .bandeau_img {background-image : url(/style/les-origines/arrivee-bulle.jpg);}
	#chatillon .bandeau_img {background-image : url(/style/les-origines/chatillon.jpg)}
	#auxerre .bandeau_img {background-image : url(/style/les-origines/auxerre-chablis.jpg)}
	#beaune .bandeau_img {background-image : url(/style/les-origines/beaune-cote-de-nuits.jpg)}
	#chalon .bandeau_img {background-image : url(/style/les-origines/cote-chalonnaise.jpg)}
	#beaujolais .bandeau_img {background-image : url(/style/les-origines/macon-beaujolais.jpg)}
	
	
	/** secrets vigne**/
	#cepage .bandeau_img {background-image : url(/style/les-secrets/cepage.jpg)}
	#vignes .bandeau_img {background-image : url(/style/les-secrets/a-la-vigne.jpg)}
	#vendanges .bandeau_img {background-image : url(/style/les-secrets/vendanges.jpg)}
	
	/** secrets cuverie**/
	#pressurage .bandeau_img {background-image : url(/style/les-secrets/pressurage.jpg)}
	#vinification .bandeau_img {background-image : url(/style/les-secrets/vinification.jpg)}
	#assemblage .bandeau_img {background-image : url(/style/les-secrets/assemblage.jpg)}
	
	/** secrets cave**/
	#tirage .bandeau_img {background-image : url(/style/les-secrets/tirage.jpg)}
	#mousse .bandeau_img {background-image : url(/style/les-secrets/prise-mousse.jpg)}
	#degorgement .bandeau_img {background-image : url(/style/les-secrets/degorgement.jpg)}
	#liqueur .bandeau_img {background-image : url(/style/les-secrets/liqueur.jpg)}
	#bouchon .bandeau_img {background-image : url(/style/les-secrets/bouchon.jpg)}
	
	#couleurs .bandeau_img {background-image : url(/style/les-secrets/couleur.jpg)}
	
	/** guide pratique **/
	#choisir .bandeau_img {background-image : url(/style/degustation/choisir.jpg)}
	#conserver .bandeau_img {background-image : url(/style/degustation/conserver.jpg)}
	#deguster .bandeau_img {background-image : url(/style/degustation/deguster.jpg)}
	#servir .bandeau_img {background-image : url(/style/degustation/servir.jpg)}
	#lire .bandeau_img {background-image : url(/style/degustation/etiquette/etiquette.jpg)}
	
	#la_famille .bandeau_img {background-image : url(/style/la-famille/famille.jpg)}
	#chiffre .bandeau_img {background-image : url(/style/les-chiffres/monde.jpg)}
	
	#concours .bandeau_img {background-image : url(/style/concours/verre-cremant-bourgogne.jpg); background-size : auto 100%; background-position : right top;}
	
	#page_vrai_faux .bandeau_img, #rencontrer .bandeau_img, #page_qui .bandeau_img, #contact .bandeau_img  {
		background-image : url(/style/vrai-faux/nous-rencontrer.jpg); background-size : auto;
			height : auto;
	}
	
	
	.bandeau_img .page, .bandeau_img .page_max{
		min-height: calc(100vh - 43px);
		/*padding : 90px 50px 50px;*/
		/*background : rgba(0,0,0,.5);*/
		/*	opacity : 0;
		  -webkit-animation: anim-opa-grid 3s 1s ease-in-out forwards; 
		  -moz-animation:    anim-opa-grid 3s 1s ease-in-out forwards; 
		  -o-animation:      anim-opa-grid 3s 1s ease-in-out forwards; 
		  animation:         anim-opa-grid 3s 1s ease-in-out forwards; 
		  */
	}
	
	.operation  .bandeau_img .page, .operation   .bandeau_img .page_max{min-height: auto;}
	
	#page_qui .bandeau_img .page, #contact .bandeau_img .page {
		min-height: auto;
	}

	.bandeau_img .page .padding_pourcent{
		padding : 25% 50px 50px;
	}
	
	.pos1 {
		background: transparent url("/style/degustation/etiquette/etiquette.png") no-repeat scroll center top ;
		background-size:cover; 
		z-index : 800;
	}
	
	.pos2 {
		background: transparent url("/style/degustation/etiquette/bulles.png") no-repeat scroll center top ;
		background-size:cover; 
		z-index : 900;
	}
	
	.pos3 {
		background: transparent url("/style/degustation/etiquette/message.png") no-repeat scroll center top;
		background-size:cover; 
		z-index : 1000;
	}
	
	
}	



.lienPopUp .mir {display : block;}
.lienPopUp {
	position : absolute; 
	top : 0; 
	left : 0;
	height: 100%;
	width : 100%;
	display : block;
	z-index: 1005;
}

	





@media all and (max-width: 751px) {
	/** orgignes **/
	#home .bandeau_img {}
	#chatillon .bandeau_img {background-color : #545351;}
	#auxerre .bandeau_img {background-color : #E8E4E1;}
	
	
	#beaune .bandeau_img {}
	#chalon .bandeau_img {background-color : #515509;}
	#chalon .bg_noir_transparent {background-color : transparent;}
	#beaujolais .bandeau_img { background-color : #D9CD93; }
	#beaujolais .bg_blanc_transparent {background-color : transparent;}
	#beaujolais .color_orange_clair {color : #000;}
	
	
	/** secrets vigne**/
	#cepage .bandeau_img {background-color : #3F3B38;}
	#vignes .bandeau_img {background-color : #fff;}
	#vignes .bg_blanc_transparent {background-color : transparent;}
	#vendanges .bandeau_img {background-color : #DBED97;}
	
	/** secrets cuverie**/
	#pressurage .bandeau_img {background-color : #FAF2F0;}
	#vinification .bandeau_img {background-color : #210D05}
	#assemblage .bandeau_img {background-color :#FDFFD8; }
	
	/** secrets cave**/
	#tirage .bandeau_img {background-color : #fff}
	#tirage .bg_blanc_transparent {background-color : transparent}
	#mousse .bandeau_img {background-color : #000}
	#degorgement .bandeau_img {background-color : #8B4B09}
	#degorgement .bg_noir_transparent {background-color : transparent}
	#liqueur .bandeau_img {background-color : #123658}
	#bouchon .bandeau_img {background-color : #655874}
	#bouchon .bg_noir_transparent {background-color : transparent}
	
	#couleurs .bandeau_img {background-color : #fff}
	
	/** guide pratique **/
	#choisir .bandeau_img {background-color : #BE8754}
	#conserver .bandeau_img {background-color : #FEF9D1}
	#deguster .bandeau_img {background-color : #E7D4D6}
	#deguster .bg_blanc_transparent {background-color : transparent}
	#servir .bandeau_img {background-color : #fff}
	#servir .bg_blanc_transparent {background-color : transparent}
	
	#chiffre .bandeau_img {background-image : url(/style/les-chiffres/monde-mobile.jpg); background-size : 100% auto; padding-top : 180px;}
	
	
	#lire .bandeau_img {background-image : url(/style/degustation/etiquette/mobile/etiquette.jpg);  background-color : #FAE7E9; background-position : center  220px;   background-size : 100%;   height: 100vh;}  
	.pos1 {
		background: transparent url("/style/degustation/etiquette/mobile/etiquette.png") no-repeat scroll center 220px / 100% ;
		z-index : 800;
	}
	.pos2 {
		background: transparent url("/style/degustation/etiquette/mobile/bulles.png") no-repeat scroll center 220px / 100% ;
		z-index : 900;
	}
	.pos3 {
		background: transparent url("/style/degustation/etiquette/mobile/messages.png") no-repeat scroll center 220px / 100% ;
		z-index : 1000;
	}
	
	
}
	
	
	.content_section section:first-child .bandeau_img .page 
	.content_section section:first-child .bandeau_img .page_max{
		opacity : 0;
	  -webkit-animation: anim-opa-grid 3s 1s ease-in-out forwards; /* Safari 4+ */
	  -moz-animation:    anim-opa-grid 3s 1s ease-in-out forwards; /* Fx 5+ */
	  -o-animation:      anim-opa-grid 3s 1s ease-in-out forwards; /* Opera 12+ */
	  animation:         anim-opa-grid 3s 1s ease-in-out forwards; /* IE 10+, Fx 29+ */
	}
	

	.bandeau_img .page_max .padding_pourcent{ 
		padding : 25% 40px 40px;
		/*padding : 85px 40px 40px;*/
	}
	
	#vinification .bandeau_img .page_max .padding_pourcent , #concours .bandeau_img .page_max .padding_pourcent { 
		padding-top : 40px;
	}

	#la_famille .bandeau_img .page .padding_pourcent{ 
		padding-top : 30px;
	}

	
@media all and (max-height: 700px) {

	.bandeau_img .page_max .padding_pourcent{ 
		padding-top : 50px;
	}


}
	
	.fleche-next {
		bottom: 0px;
		cursor: pointer;
		display: block;
		font-size: 200%;
		left: 50%;
		position: absolute;
		transition: all 1.2s ease-in 0s;
		z-index: 800;
	}
	
	.hideme .page{
		opacity:0;
		position : relative;
	}
	
	img.hideme {
		opacity:0;
		position : relative;
	}
	
	
	.anim_bottom .page {
		bottom : -100px;
	}
	
	
	.anim_left .page {
		left : 100%;
	}
	
	
	.anim_right .page {
		left : -100%;
	}
	
	.pos {
		position: absolute; 
		left : 0; 
		top : 0;
		width : 100%;
		display : block;
		
		height: calc(100vh - 43px);
		-webkit-height: 800px;
		opacity: 0;
		overflow: hidden;
		-webkit-background-size:cover; 
	}
	
	/*.pos1 {
		background: transparent url("/style/degustation/etiquette/etiquette.png") no-repeat scroll center top / cover ;
		z-index : 800;
	}
	.pos2 {
		background: transparent url("/style/degustation/etiquette/bulles.png") no-repeat scroll center top / cover ;
		z-index : 900;
	}
	.pos3 {
		background: transparent url("/style/degustation/etiquette/message.png") no-repeat scroll center top / cover ;
		z-index : 1000;
	}
	*/
	#lire .page_max, 
	#chiffre .page_max  {
		position : relative;
	}
	

	
	.safari #lire .bandeau_img  ,
	.safari #chiffre .bandeau_img  ,
	.safari  #lire .bandeau_img .page_max,
	.safari  #chiffre .bandeau_img .page_max,
	.safari  .pos	{ 
		height: 800px;
		min-height : inherit;
	}
	

	#chiffre .img_top{
		opacity : 0; 
		max-width : 25%; 
		position : absolute; 
		top : 30px; 
		right : 20%; 
		z-index : 70;
		-webkit-transition: transform .5s ease-out;
		-moz-transition: transform .5s ease-out;
		-o-transition: transform .5s ease-out;
		transition: transform .5s ease-out;
	}
	
	#chiffre .img_bottom {
		opacity : 0; 
		max-width : 25%; 
		position : absolute; 
		bottom : 30px; 
		left : 0; 
		z-index : 70;
		-webkit-transition: transform .5s ease-out;
		-moz-transition: transform .5s ease-out;
		-o-transition: transform .5s ease-out;
		transition: transform .5s ease-out;
	}
	
	#chiffre .img_bottom3 {left : 25%; z-index : 70;}
	#chiffre .img_bottom4{ left : 50%; z-index : 70;}
	#chiffre .img_bottom5 { bottom : 60px; left : 75%; z-index : 70;}
	
	
	#chiffre .img_top:hover, #chiffre .img_top:focus, 
	#chiffre .img_bottom:hover, #chiffre .img_bottom:focus {
		
			transform: scale(1.2);
			-webkit-transform: scale(1.2);
	}
	
	.uneQuestion {
		border-bottom : 1px solid #d6d3ca;
		padding-bottom : 10px;
		margin-bottom : 10px;
	}
	
	
	.uneQuestion .cache{display : none;}
	
	span.vrai, span.faux, span.vrai_et_faux {
		padding : 10px 0;
		text-transform : uppercase; 
		font-size  : 130%;
	}
	
	span.vrai {color : #7aa404;}
	span.faux {color : #d12402;}
	span.vrai_et_faux {color : #ffb652;}

	span.vrai::before, span.faux::before, span.vrai_et_faux::before {
		font-family : fontAwesome;
		padding-right : 5px; 
		font-size : 150%;
	}
	
	span.vrai::before {content : "\f00c"}
	span.faux::before {content : "\f00d"}
	span.vrai_et_faux::before { content : "\f0ec"}
	
	.bandeau_img .pIntro {
		font-size : 150%; 
		font-weight : 600;
		margin-bottom : 1em;
	}
	
	
	
		.articles .un_article:nth-child(2n) .col1-3{ float : right;}
		.articles .un_article { padding-bottom : 40px;}
		
		.btn_suite {
			padding : 5px 10px; 
			background : #E6C25D; 
			float : right; 
			margin-top : 20px; 
			text-transform : uppercase;
		}
		
		#accueil .btn_suite {margin-top : 0; font-size : 85%;}
		
		.adresse_domaine a:link, .adresse_domaine a:visited  {color : #000;}
/*** footer  *****************************************/
	footer, footer a:link, footer a:visited {
		color : #a59c94;
	}
	.nav_footer li a {
		text-transform : uppercase; 
		color : #a59c94;
		padding-bottom : 10px;
		display : block;
	}
	
	.nav-rs li{
		display : inline-block; 
		padding : 10px 0 0  5px;
	}

/*** liste + paragraphe  *****************************************/
	ul.list{
		list-style-type : disc;
		margin-left : 15px;
	}
	
	.section  p, .bandeau_img p {
		line-height : 1.7em;margin-bottom : 0.5em;
		font-family: 'Raleway', sans-serif;
		font-weight : 400;
		}
	
	.img_100 {
		max-width : 100%;
		display : block; 
		line-height : 1; 
		width : auto;
	}
	a.btn_suite {
		background : #e6c25d;
		padding : 5px; 
		color : #fff; 
		font-weight : 600;
	}
	
	p.big {font-size : 160%;}

/*** titre *****************************************/
h1 {
	 font-size: 240%;
    font-weight: 500;
    letter-spacing: 2px;
	line-height : 1.2em;
    text-transform: uppercase;
	margin-bottom : 1.0em;
}

	.bandeau_img h1 b{
		font-weight: 600;
		font-size : 65%;
	}
	
		.bandeau_img h1 strong,  h2#titre_les_chiffres strong{
			text-transform : none;
			font-size : 110%;
			font-weight : 300;
		}
		
		#concours h1 {
			text-transform : none;
			margin-top : 50px;
			font-size : 130%;
		}
		
		#concours h1 strong{font-weight : 800; font-size : 100%;}
		
		h2#titre_les_chiffres {
			font-weight: 600;
			position : absolute; 
			left : 50%;
			top : 50%;
			transform : translate(-50%,-50%);
			-webkit-transform : translate(-50%,-50%);
			width : 100%;
			text-align : center;
			padding : 5px;
			font-size : 200%;
		}
			
		 #chiffre h1 {
			position : absolute; 
			bottom : 53%;
			left : 20%;
		 }
		
		#concours h2 {
			text-transform : none;
			font-size : 300%;
			font-weight : 400;
		}
		
		h2#titre_les_chiffres strong {padding-right : 100px;}
		
				.les_secrets .bandeau_img h1 strong, 
				#famille .bandeau_img h1 strong, 
				#degustation .bandeau_img h1 strong  {text-transform : uppercase;}
		
		.carre_top_right {
			background : transparent url(/style/carre-logo.png) no-repeat right top; 
			padding-right : 45px;
		}
		
		.carre_top_left {
			background : transparent url(/style/carre-logo.png) no-repeat left top; 
			padding-top : 55px;
		}
		
		.carre_top_center {
			background : transparent url(/style/carre-logo.png) no-repeat center top; 
			padding-top : 45px;
		}
		
		.carre_bottom_right {
			background : transparent url(/style/carre-logo.png) no-repeat right bottom;
			padding-right : 45px;
		}
		
		.carre_bottom_left {
			background : transparent url(/style/carre-logo.png) no-repeat left bottom; 
			padding-left : 45px;
		}
		
		.carre_bottom_center {
			background : transparent url(/style/carre-logo.png) no-repeat center bottom; 
			padding-bottom : 60px;
		}

h2 {
	font-size: 160%;
	font-weight: 600;
	position: relative;
	text-transform: uppercase;
}

	.uneQuestion h2{
		font-size: 140%;
		font-weight: 300;
		position: relative;
		text-transform: uppercase;
	}
	
	
	.uneQuestion h2 a{
		color : #000;
		display: block;
		padding-right: 23px;
		width: 100%;
	}
	.uneQuestion h2 a::after{
		content  : '\f107';
		font-family : fontAwesome; 
		position : absolute; 
		right : 5px;
		top : 5px;
	}
		
	.uneQuestion h2 a.active::after{
		content  : '\f106'
	}
	
h3{
	font-size : 1.5em;
}

h4{
	font-size : 1.2em;
}


/******** accueil *******/

.grid_accueil .hover_sepia:hover, .grid_accueil .hover_sepia:focus {
	filter: sepia(1);
	-webkit-filter: sepia(1);
	-moz-filter: sepia(1);
	-o-filter: sepia(1);
	-ms-filter: sepia(1);
}

.grid_accueil .hover_NB:hover, .grid_accueil .hover_NB:focus {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
}
.grid_accueil .padding {
	position : relative;
}
.grid_accueil .hover_scale {overflow: hidden}
.grid_accueil .hover_scale img {transition: all 0.5s}
.grid_accueil .hover_scale:hover img, .grid_accueil .hover_scale:focus  img{
	transform: scale(1.1);
}

.grid_accueil span.contenu {
	display : block;
	color : #fff;
	background : rgba(0,0,0,0.5);
	padding : 10px;	
	bottom : 5px;
	position : absolute; 
	left : 5px;
	right : 5px;
}



@-webkit-keyframes anim-opa-grid {
  from { opacity: 0; }
    to { opacity: 1; }
  
}
@-moz-keyframes anim-opa-grid {
   from { opacity: 0; }
    to { opacity: 1; }
}
@-o-keyframes anim-opa-grid {
   from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes anim-opa-grid {
  from { opacity: 0; }
    to { opacity: 1; }
}



@-webkit-keyframes anim-right-grid {
  from { right : -100%; }
    to { right: 0; }
  
}
@-moz-keyframes anim-right-grid {
    from { right : -100%; }
    to { right: 0; }
}
@-o-keyframes anim-right-grid {
   from { right : -100%; }
    to { right: 0; }
}
@keyframes anim-right-grid {
   from { right : -100%; }
    to { right: 0; }
}

.grid_accueil .bg_vert {
	opacity : 0;
  -webkit-animation: anim-opa-grid 3s ease-in-out forwards; /* Safari 4+ */
  -moz-animation:    anim-opa-grid 3s ease-in-out forwards; /* Fx 5+ */
  -o-animation:      anim-opa-grid 3s ease-in-out forwards; /* Opera 12+ */
  animation:         anim-opa-grid 3s ease-in-out forwards; /* IE 10+, Fx 29+ */
}


.grid_accueil .bg_orange{
	opacity : 0;
  -webkit-animation: anim-opa-grid 3s 0.5s ease-in-out forwards; /* Safari 4+ */
  -moz-animation:    anim-opa-grid 3s 0.5s ease-in-out forwards; /* Fx 5+ */
  -o-animation:      anim-opa-grid 3s 0.5s ease-in-out forwards; /* Opera 12+ */
  animation:         anim-opa-grid 3s 0.5s ease-in-out forwards; /* IE 10+, Fx 29+ */
}


.grid_accueil .bg_orange_clair{
	opacity : 0;
  -webkit-animation: anim-opa-grid 3s 1s ease-in-out forwards; /* Safari 4+ */
  -moz-animation:    anim-opa-grid 3s 1s ease-in-out forwards; /* Fx 5+ */
  -o-animation:      anim-opa-grid 3s 1s ease-in-out forwards; /* Opera 12+ */
  animation:         anim-opa-grid 3s 1s ease-in-out forwards; /* IE 10+, Fx 29+ */
}

.grid_accueil .bg_gris{
	opacity : 0;
  -webkit-animation: anim-opa-grid 3s 1.5s ease-in-out forwards; /* Safari 4+ */
  -moz-animation:    anim-opa-grid 3s 1.5s ease-in-out forwards; /* Fx 5+ */
  -o-animation:      anim-opa-grid 3s 1.5s ease-in-out forwards; /* Opera 12+ */
  animation:         anim-opa-grid 3s 1.5s ease-in-out forwards; /* IE 10+, Fx 29+ */
}


.grid_accueil .bg_rose{
	opacity : 0;
  -webkit-animation: anim-opa-grid 3s 2s ease-in-out forwards; /* Safari 4+ */
  -moz-animation:    anim-opa-grid 3s 2s ease-in-out forwards; /* Fx 5+ */
  -o-animation:      anim-opa-grid 3s 2s ease-in-out forwards; /* Opera 12+ */
  animation:         anim-opa-grid 3s 2s ease-in-out forwards; /* IE 10+, Fx 29+ */
}


.grid_accueil .bg_vert_clair {
	opacity : 0;
  -webkit-animation: anim-opa-grid 3s 2.5s ease-in-out forwards; /* Safari 4+ */
  -moz-animation:    anim-opa-grid 3s 2.5s ease-in-out forwards; /* Fx 5+ */
  -o-animation:      anim-opa-grid 3s 2.5s ease-in-out forwards; /* Opera 12+ */
  animation:         anim-opa-grid 3s 2.5s ease-in-out forwards; /* IE 10+, Fx 29+ */
}


.accueil_titre {
	position : absolute; 
	bottom : 0;
	right : 5px;
	text-transform : uppercase;
	color : #fff;
	font-size : 120%; 
	letter-spacing : 2px;
}

.accueil_titre2 {
	position : absolute; 
	bottom : 5px;
    left : 10px;
	text-transform : uppercase;
	color : #fff;
	font-size : 100%; 
	letter-spacing : 2px;
}

.grid_accueil .btn_suite {
	position : absolute; 
	top : 5px;
	left : 5px;
	right : 5px;
	float : none;
}


	/*** mansory ***********************************************/
.grid-sizer  {
	width : 25%;
	padding : 10px 10px 10px 10px;
	box-sizing : border-box;
	line-height : 1;
	float : left;
	position: absolute;
}

.grid div.grid-bloc {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    bottom: 20px;
    left: 20px;
    opacity: 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 20px;
    transition: opacity 0.4s ease-in-out 0s;
    text-transform : uppercase;
    font-size : 110%;
    color : #58585A;
}

.grid .grid-lien {
    cursor: pointer;
}

.grid:hover  div.grid-bloc, .grid:visited  div.grid-bloc {
    opacity : 1;
}

.grid span.grid-info {   
    -o-transform: translate(-50%, -50%); /* IE 9 */
    transform: translate(-50%, -50%); /* IE 9 */
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    position : absolute;
    left : 50%;
    top : 50%;
}


/* magnific popup */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
#popup-mineurs  {
	max-width : 600px; 
	background : #fff; 
	padding : 20px;
	margin : auto;
}

#popup-caviste {
	max-width : 600px; 
	padding : 20px 200px 20px 20px;
	margin : auto;
    background: #000 url(/style/concours/verre-cremant-bourgogne.vignette.jpg) no-repeat right center;
}

    .popup-caviste-intro {
        color: #e6c25d;
        font-size: 140%;
		margin : 20px 0;
		text-align : center;
		
    }

    .popup-caviste-operation {
        padding: 0 0 20px 0;
        color: #fff;
		font-weight : 300;
        font-size: 280%;
        text-align: center;
        line-height: 1;
    }

        .popup-caviste-operation small {
            font-size: 45%;
        }

    .popup-caviste-bienvenue {
        padding: 0 0 20px 0;
        color: #e6c25d;
        font-size: 210%;
		text-align: center;
		font-weight: 900;
        text-align: center;
    }

    #popup-caviste input {
        display: inline-block;
        box-sizing: border-box;
        margin: 0;
        height: 30px;
        padding: 5px;
        border: none;
        font-size: 100%;
    }
    
    #popup-caviste form span {color: red;}
    #popup-caviste input[type="password"] {width: 68%;}
    #popup-caviste input[type="button"] {
        width: 30%;
        background: #e6c25d;
        color: white;
    }

	
	
#degustation  .mfp-bg {
	/*background : none;*/
	opacity : 0.3;
}
#degustation  .mfp-content {
	max-width : 900px;
	background : #FAE7E9;
}

#degustation  .mfp-content h2 {
	font-size : 140%;
}


#degustation .mfp-content p{
	margin-bottom : 20px;
}

.popup-modal-dismiss {
	position : absolute; 
	top : 10px; 
	right : 10px; 
}

/************ 50 ans ***********/
.entete50ans {
	background : #fff url(/style/50-ans/bandeau-50ans-light.jpg) no-repeat center -50px;
	padding-top : 140px;
}
#logo50ans {
	max-width: 510px;
	margin : 0 auto;
}

#page50ans h1{
	text-transform : none;
	font-size : 400%;
	color : #cea665; 
	margin-bottom: 0;
	font-weight: 700;
	line-height : 1.5em; 
	text-align: center;
		font-family: 'Raleway', sans-serif;
}
#page50ans h1 b{
	font-size : 180%;
	font-weight: 700;
}

#page50ans .page {
	max-width: 1400px;
	font-family: 'Open Sans', sans-serif;
}

.un_evenement   {
	border-top : 1px solid #d7d2d1;
	padding : 30px 0;
}

.date_evenement {
	font-size : 200%; 
	color : #695753;
	display: block;
	font-weight : 700;
}


.titre_evenement {
	color : #cea665; 
	font-size : 180%;
	font-weight: 400;
	text-transform: none;
	display: block;
}

.descriptif_evenement  {font-size : 120%; color : #000;}
.descriptif_evenement  a:link, .descriptif_evenement  a:visited {
  color: #000;
}
.descriptif_evenement b {font-weight : 600;}
.section .descriptif_evenement p {margin-top : 0.5em; margin-bottom : 0;}
/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: fixed;
	background: #F9F8F7;
	padding: 4px 0;
	top :0;
	min-height: 42px;
	 border-bottom: 1px solid #eae9e4;
	z-index: 999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #000;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #000;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #F9F8F7;
	margin-top: 44px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #000;
	border-top: 1px solid #c4c4c4;
	border-top: 1px solid rgba(196,196,196,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #c4c4c4;
	border-top: 1px solid rgba(196,196,196,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 25px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(196,196,196,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}


.cn-cookie {
   display: block;
   position: fixed;
   min-width: 100%;
   height: auto;
   z-index: 100000;
   font-size: 12px;
   line-height: 18px;
   top : 0;
   left: 0;
   text-align: center;
   color: rgb(255, 255, 255);
   background-color: rgba(0, 0, 0, 0.7);
}

.cn-cookie div {padding: 5px;}
.cn-cookie a {
  font-family: sans-serif;
  display: inline-block;
  margin-right: 0.3em;
  line-height: 20px;
  font-size : 90%;
  color: #fff;
  text-align: center;
  padding: 0 5px;
  text-decoration: none;
  border : 1px solid #fff;
  outline: none;
}

.grids {position : relative;}
/*********************** responsive  ***************************************/

@media all and (max-width: 1000px) {
	
	.grids .col1-4,
	.grid-sizer  {
		width : 33.33%;
	}
	
	#nav-main li a {padding : 1em 3%;}
	
	.nav-sec {top: 51px;}
	
	.col5-9, .col4-9, .col2-9, .col7-9, .col2-9 {
		float : none!important; 
		width : 100%;
	}
	
	
	.col2-9 .col {width : 50%;} 
	
	.col2-9  .img_100{margin : auto;}
	.col5-9  .img_100, .l_actu .img_100{width : 100%; max-width : inherit;}
	
	
	
	.cache1000 {display : none;}
	
	
	
	.height50 {
		height : calc((100vw - 20px) / 2);
		/*height : calc((100vw - 30px) / 2);*/
		overflow : hidden;
	}
}

@media all and (max-width: 950px) {
	
	.nav-sec {display : none;}
	a#logo-nav {z-index : 1000; top : 5px; left : 5px; position : fixed;}
	.content_section .bandeau_img{ 
		padding : 40px 0;
	}
	#accueil #logo {padding-top : 60px; display : block;}
	
	.bandeau_img .page {
		max-width: 650px;
	}
}

@media all and (max-width: 750px) {
	
	.entete50ans {
	  padding-top: 89px;
	  background-size: auto 68%;
	}

	#page50ans h1 { font-size: 273%;}

	.date_evenement { font-size: 160%;}
	.titre_evenement { font-size: 140%;}
	.descriptif_evenement { font-size: 100%;}
	.un_evenement .col1-4 {
		float : none; 
		width: 100%;
	}


	.grids .col1-4,
	.grid-sizer  {
		width : 50%;
	}
	
	
	.col3-4.l_actu {
		position : relative!important; 
		height : auto;
		overflow : hidden; 
		float : none; 
		top : inherit;
		left : inherit;
	}
	
	
#logo img {padding : 0; max-width : 230px;}

	.grid_accueil {padding : 0 5px;}
	
	.col3-4, footer .col1-3, .content_section .col1-2 {
		float : none!important; 
		width : 100%;
	}
	
	
	
	h1 {padding : 0;}
	.padding { padding : 10px;}
	.sans_titre {padding-top : 0;}

	#slider, .nav-sec {display : none;}
	
	
	.cache620 {display : none;}
	
	.c620-1 {
		float : none;
		width : 100%;
	}
	
	.c620-1-2 {
		float : left; 
		width : 50%;
	}
	
	
	.c620-1-3 {
		float : left; 
		width : 33.33%;
	}
	
	
	.col2-9 {max-width :inherit;}
	
	.border-l-r {border : none;}
	
	footer .page_min {
		text-align : center;
	}
	
	.bandeau_img .page_max .padding_pourcent, .padding_pourcent {
		padding: 20px 40px 40px 20px;
	}
	
	.align_right {text-align : left; }
	
	
	
	#chiffre .img_top{
		opacity : 0; 
		max-width : 100%; 
		position : relative; 
		top : inherit; 
		right : inherit; 
		z-index : 70;
		-webkit-transition: transform .5s ease-out;
		-moz-transition: transform .5s ease-out;
		-o-transition: transform .5s ease-out;
		transition: transform .5s ease-out;  
		margin : 0 auto 35px auto;
	}
	
	#chiffre .img_bottom {  
		margin : 0 auto 35px auto;
		opacity : 0; 
		max-width : 100%; 
		position : relative; 
		bottom : inherit; 
		left : inherit; 
		z-index : 70;
		-webkit-transition: transform .5s ease-out;
		-moz-transition: transform .5s ease-out;
		-o-transition: transform .5s ease-out;
		transition: transform .5s ease-out;
	}
	
	#chiffre .img_bottom3 {left : inherit; z-index : 70;}
	#chiffre .img_bottom4{ left : inherit; z-index : 70;}
	#chiffre .img_bottom5 { bottom : inherit; left : inherit; z-index : 70;}
	#titre_les_chiffres {display : none;}
	
	
	#chiffre h1 {position : relative; left : inherit; bottom : inherit; text-align : center;}
	
	.fleche-next {display : none;}
	
	.grid_accueil .img_100 {
		max-width : inherit;
		width : 100%;
	}
	
		.flex1-2, .flex1-3, .flex2-3, .flex1-4  , .flex3-4  {width : 100%;}
	
}

@media all and (max-width: 380px) {

	.grids .col1-4,
	.grid-sizer  {
		width : 100%;
	}

	.c620-1-3 {width : 50%;}
	
	.cache380 {display : none;}
	/*div[class^=col]  {float : none; width : 100%; }*/
	
	.accueil_titre {font-size : 90%;}
	
}