
@font-face {
  font-family: 'Graphik-medium-italic';
  src: url('fonts/Graphik-MediumItalic-Web.eot');
  src: url('fonts/Graphik-MediumItalic-Web.eot?#iefix') format('embedded-opentype'),
       url('fonts/Graphik-MediumItalic-Web.woff2') format('woff2'),
       url('fonts/Graphik-MediumItalic-Web.woff') format('woff');
  font-style:   italic;
  font-stretch: normal;
}

.Graphik-MediumItalic-Web {
  font-family: 'Graphik Web';
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik-medium';
  src: url('fonts/Graphik-Medium-Web.eot');
  src: url('fonts/Graphik-Medium-Web.eot?#iefix') format('embedded-opentype'),
       url('fonts/Graphik-Medium-Web.woff2') format('woff2'),
       url('fonts/Graphik-Medium-Web.woff') format('woff');
  font-style:   normal;
  font-stretch: normal;
}

.Graphik-Medium-Web {
  font-family: 'Graphik Web';
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik-light-italic';
  src: url('fonts/Graphik-LightItalic-Web.eot');
  src: url('fonts/Graphik-LightItalic-Web.eot?#iefix') format('embedded-opentype'),
       url('fonts/Graphik-LightItalic-Web.woff2') format('woff2'),
       url('fonts/Graphik-LightItalic-Web.woff') format('woff');
  font-style:   italic;
  font-stretch: normal;
}

.Graphik-LightItalic-Web {
  font-family: 'Graphik Web';
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik-light';
  src: url('fonts/Graphik-Light-Web.eot');
  src: url('fonts/Graphik-Light-Web.eot?#iefix') format('embedded-opentype'),
       url('fonts/Graphik-Light-Web.woff2') format('woff2'),
       url('fonts/Graphik-Light-Web.woff') format('woff');
  font-style:   normal;
  font-stretch: normal;
}

.Graphik-Light-Web {
  font-family: 'Graphik Web';
  font-style:   normal;
  font-stretch: normal;
}




/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #1A171B;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ---------------------------------------------------------
--- Reset */

	html { -webkit-tap-highlight-color: transparent; }

	figure { 
		margin: 0; 
/* 		padding: 1em; */
	}
	
	article { position: relative; }
	
	table { 
		table-layout: fixed;
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	h1 + p,
	h2 + p,
	h3 + p { margin-top: 0; }
	
	p:first-child { margin-top: 0; }
	
	*,
	*:before,
	*:after {
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	}
		
	/* max values */
	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	video,
	svg { max-width: 100%; outline:none}

	body > script { display: none !important; }
	
	
/* reset form */

	button,
	input,
	optgroup,
	select,
	textarea {
	  margin: 0;
	  font: inherit;
	  color: inherit;
	}
	
	button {
	  overflow: visible;
	}
	
	button,
	select {
	  text-transform: none;
	}
	
	p {
		padding: 0;
    margin: 0;
	}
	
	button,
	html input[type="button"],
	input[type="reset"],
	input[type="submit"] {
	  -webkit-appearance: button;
	  cursor: pointer;
	}
	
	button[disabled],
	html input[disabled] {
	  cursor: default;
	}
	
	button::-moz-focus-inner,
	input::-moz-focus-inner {
	  padding: 0;
	  border: 0;
	}
	
	input {
	  line-height: normal;
	}
	
	input[type="checkbox"],
	input[type="radio"] {
	  -webkit-box-sizing: border-box;
	          box-sizing: border-box;
	  padding: 0;
	}
	
	input[type="number"]::-webkit-inner-spin-button,
	input[type="number"]::-webkit-outer-spin-button {
	  height: auto;
	}
	
	input[type="search"] {
	  -webkit-box-sizing: content-box;
	          box-sizing: content-box;
	  -webkit-appearance: textfield;
	}
	
	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration {
	  -webkit-appearance: none;
	}
	
	legend {
	  padding: 0;
	  border: 0;
	}
	
	textarea {
	  overflow: auto;
	}
	
	optgroup {
	  font-weight: bold;
	}
	
	button,
	[role="button"],
	input,
	label,
	select,
	summary,
	textarea {
	  -ms-touch-action: manipulation;
	      touch-action: manipulation;
	}
	

	input,
	button,
	select,
	textarea {
	  margin: 0;
	  line-height: inherit;
	  border-radius: 0;
	  border: 0;
	}
	
	input[type="text"], input[type="password"],
	textarea, select {
	  font-size: 14px;
	}
	
	textarea {
	  resize: vertical;
	}
	
	fieldset {
	  min-width: 0;
	  padding: 0;
	  margin: 0;
	  border: 0;
	}
	
	html input[type="button"], input[type="reset"], input[type="submit"] {
		background-color: #fff;
		border: 1px solid #000;
		font-size: 17px;
		padding-top:2px;
	}
	
	html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
		background-color: #000;
		border: 1px solid #fff;
		color:#fff;
	}
	
	.button_reserver input[type="button"] {
		background-color: transparent;
	}
	
	.button_reserver input[type="button"]:hover {
		background-color: #000;
		color:#fff;
	}
	
	
	input[type="search"] {
	  -webkit-box-sizing: inherit;
	          box-sizing: inherit;
	  -webkit-appearance: none;
	}
	
	.Z_formulaire {
		width:500px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	
	.formulaire input[type="text"],.formulaire input[type="password"],.formulaire select {
		width:240px;
	}
	
	.formulaire .BlocRight {
		float:right !important;
	}
	
	.formulaire .large {
		width:500px !important;
	}
	
	.formulaire .right {
		text-align:right;
		width:100%;
	}
	
	.formulaire .required {
		border:1px solid #ef1f1f !important;
	}
	
	.formulaire .erreur,.formulaire .required_label {
		color:#ef1f1f;
	}
	
	.formulaire input[type="text"], .formulaire input[type="password"],
	.formulaire textarea, .formulaire select, .formulaire checkbox {
	  border:1px solid #000;
	  padding:2px;
	}
	
	.formulaire {
		display:block;
		margin-top:15px;
	}
	
	.formulaire .legende {
			font-size: 12px !important;
			text-transform: none;
		}

	
	.formulaire .bloc {
		display:block;
		text-align: left;
		padding-bottom:10px;
	}
	
	.formulaire .bloc div {
		float:left;
		padding-bottom:10px;
	}
	
	.formulaire .bloc > div {
		width:48%;
	}
	
	.formulaire .bloc p {
		padding-bottom:5px;
	}
	
	.formulaire .marge {
		margin-right:20px;
	}
	
	
	
	.formulaire .type_date,.formulaire .type_saisie {
		width:100px !important;
	}
	
	/* Formulaire */

	.b-form__grp { 
		display: block; 
		overflow: hidden;
	}
	
	.b-form__grp > * { float: left; }

	.b-form__input,
	.b-form__textarea {
		border: 1px solid #000;
	}



	/* tableaux */

	table th,
	table td {
		padding: 1em 0;
	}


/* ---------------------------------------------------------
--- Typo */

 	html { 
		font-size: .625em; 
		font-size: calc(1em * .625); 
	}
	
	body,
	.body {
		font-family: 'Graphik-light', sans-serif;
		font-weight: normal;
		font-size: 14px;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-style: normal;
	}
	

	
	.bigger { font-size: 1.4em; }
	
	.smaller { font-size: .8em; }
	
	.maj {
		text-transform: uppercase;
	}
	strong,.strong,li .selected,.soustitre.selected { 
		font-family: 'Graphik-medium'; 
		font-weight: normal;
	}
	
	em {
		font-family: 'Graphik-italic';
	}
	
	ul {
		list-style-type: none;
		padding: 0;
		margin:0;
	}
	
	
	a {
		text-decoration: none;
	}
	
	input::-webkit-input-placeholder {
	color: #000 !important;
	}
	 
	textarea:-moz-placeholder { /* Firefox 18- */
	input: #000 !important;  
	}
	 
	textarea::-moz-placeholder {  /* Firefox 19+ */
	input: #000 !important;  
	}
	 
	textarea:-ms-input-placeholder {  
	input: #000 !important;  
	}
	
	.clear {
		clear:both;
	}
	
	a {
		color:#000;
	}
	
	a:hover {
		color:#000;
	}
	

	
	p {
		line-height:1.3;
			
	}
	
	.underline:hover {
		text-decoration: underline;
	}
	
	.hide {
		display: none;
	}

/* ---------------------------------------------------------
--- Layout -- */

	html,
	body { 
		position: relative;
	}

	.all {
		margin-left:30px;
		margin-right:30px;
		
	}
	.l-wrapper {
		position: relative;
		width:100%;
		margin-top:20px;
		padding-bottom:50px;
		max-width:1400px;
		z-index:200;
		/*margin-left:auto;
		margin-right:auto;*/
	}
	
	.l-main {
		clear: both;
		position: relative;
		/*margin-left:10px;*/
		margin-left:150px;
		margin-right:10px;
		z-index:200;
		margin-top:55px;
		max-width:1400px;
		width:calc(100% - 150px);
		
	}
	
	.l-header {
		width:100%;
		position: fixed;
		left:20px;
		top:0;
		z-index:500;
		padding-top:20px;
		background-color: #fff;
		padding-right:40px;
		max-width:1440px;
	}

	.home {
  text-align: center;
  min-height: 10em;
    display: table-cell;
    vertical-align: middle;
	}
	
	
	
	.home img {
  width:60%;
  display:none
	}

	
	footer {
			z-index:500;
			width:auto;
		max-width:1400px;
			position: fixed;
			bottom:0;
			left:30px;
			height:35px;
			max-width:1440px;

			
		}
		
		.blocFooter {
			
			background-color: #fff;
			width:100%;
			padding-top:10px;
			border-top: 1px solid #000;
		
		height:35px;
		}
		
		
		.bandeau_alert {
			z-index: 99999999999999999999999;
    width: auto;
    max-width: 1400px;
    position: fixed;
    bottom: 35px;
    left: 30px;
    height: auto;
    max-width: 1440px;
    color: #000;
    background-color: #fff;
    padding:10px;
			
		}
		
		.bandeau_alert a {

			color:#000;
			
		}
	
	
/* ---------------------------------------------------------
--- Blocs */

/*! Navigation */


		nav[role=navigation] {
			width:100%;
			
			float:left;
		}
		
		
	#hamburger { 
		width: 53px;
		height:24px;
		display: none;
		cursor: pointer;
		position: relative;
		margin-left:-10px;
		margin-top:0px;
		float:left;
	} 

	
 	#hamburger::after {
		content: '';
		position: absolute; left: 0; top: 0; right: 0; bottom: 0;
		background-image: url(../img/bt-hamburger.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out; 
		-o-transition: all .3s ease-in-out; 
		-ms-transition: all .3s ease-in-out;
	}
	#hamburger.active::after {
		-webkit-transform: rotate(90deg); 
		-moz-transform: rotate(90deg); 
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg); 	
	}
	

	
	
	.l-header .menuGenerale {
		margin-left:10px;
		margin-right:10px;
		border-bottom: 1px solid #000;
		padding-bottom:5px;
		display:block;
	}
	
	.l-header .logo {
		text-align:left;
		width:140px;
	}
	
	
	 .logo img {
	    width:128px;
	}
	
	 .logo a {
	   font-size:20px;
	}
	
	.blocLangue {
		display:none;
	}
	
	
		
		ul.l-nav {
			font-family: 'Graphik-light';
			width: 100%;
			font-size: 14px;
			text-transform: uppercase;
			letter-spacing: 0.1em;
		}
		
		ul.l-nav > li {
			border-right:1px solid #000;
			width: calc((100%) / 8);
			text-align: center;
			padding:0;
			margin:0;
		}
		
		ul.l-nav .langue {
			width:30px !important;
			font-size: 12px;
			display:inline-block;
		}

		
	
		
		ul.l-nav .rs {
			width:90px !important;
			letter-spacing:0;
		}
		
		ul.l-nav .rs a {
			padding:2px;
		}
		
		
		ul.l-nav .rs ul li {
			display: inline-block;
			letter-spacing:0 !important;
		}
	
		ul.l-nav .rs img {
			width:15px;
		}
		
		ul.l-nav > li:first-child,ul.l-nav > li:last-child {
			border-right:0px solid #fff;
		}
		
		ul.l-nav .begin {
			border-left:1px solid #000;
		}
		
		ul.l-nav > li {
			display: inline-block;
			/*margin-right:5px;*/
		}
		
		
		
		ul.l-nav li a {
			padding:5px;
		}
		
		.mainMenu:hover {
			background-color: #000;
		}
		
		.mainMenu a:hover, .mainMenu .langue a:hover {
			color:#fff !important;
		}
		
		.mainMenu ul li a:hover,.mainMenu .langue a:hover {
			color:#000;
		}
		
		ul.l-nav .titre .selected,.selectedMain {
			background-color: #000;
			color:#fff;
		}
		
		ul.l-nav .titre .selected a,.selectedMain > a {
			color:#fff;
		}
		
		.mainMenu ul li a:hover {
			color:#000 !important;
			font-family: 'Graphik-medium';
		}
		
		.mainMenu ul li .titre:hover,.mainMenu ul li .titre a:hover {
			color:#fff !important;
			background-color: #000;
		}
	
	
		
		
		ul.l-nav > li:last-child {
			margin-right:0;
		}
		

		a.ouvrir,
		a.fermer {
			color: #fff;
			text-decoration: none;
		width: 18px;
		display:none;
		}
		
		.Smenu {
			display:none;
		}

		#volet {
			z-index:10;
			position: fixed;
			left:10px; 
			top: 55px;
			/*top:20px;*/
			height: auto;
			z-index:10;
			margin-left:-300px;
			padding-right:7px;
			width:146px;
			padding-top: 35px;
			overflow: hidden;
			-webkit-transition: all 0.5s ease-out;  
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
			border-right:1px solid #000;
			background-color: #fff;
		}
		
		.is-open {
			margin-left:20px !important;
		}
		
		
		a.ouvrir{
			position: fixed;
			left: 30px;
			top: 65px;
			z-index:5000;
		}
		
		#volet .menu {
			font-size:12px;
		}
		
		#volet .titre, .Smenu .titre {
			font-size:14px;
			width:100%;
			border-bottom:1px solid #000;
			color:#000;
			padding-top:2px;
			padding-left:4px;
			cursor:pointer;
			text-transform: uppercase;
		}
		
		#volet .titre.select,.Smenu .titre.select {
			background-color: #000;
			color:#fff;
		}
		
		#volet .titre:hover {
			background-color: #000;
			color:#fff;
		}
		
		#volet ul li  a:hover, #volet .soustitre a:hover {
			font-family: 'Graphik-medium';
		}
		
		#volet .titre a:hover {
			background-color: #000;
			color:#fff;
		}
		
		#volet .titre.select a,.Smenu .titre.select a {
			color:#fff;
		}
		
		#volet .soustitre,.Smenu .soustitre  {
			margin-top:7px;
			margin-bottom:5px;
			text-transform: uppercase;
		}
		
		#volet .sous_menu,.Smenu .sous_menu  {
			border-bottom:1px dotted #000;
			overflow: hidden;
		}
		
		#volet .noborder,.Smenu .noborder  {
			border-bottom:none;
			
		}
		
		#volet ul li,.Smenu ul li {
			margin-bottom:3px;
		}
		
		#volet .menu,.Smenu .menu {
			border-bottom:1px solid #000;
			
		}
		
		#volet .menus,.Smenu .menus {
			margin-left:20px;
			margin-top:3px;
		}
		
		
		

		#volet .open,.Smenu .open {
			display:block;
		}
		
		#volet .close,.Smenu .close {
			display:none;
		}
		
		
		
		.recherche {
			clear:both;
			width:100%;
			text-align: right;
			padding-top:10px;
			margin-bottom:20px;
		}
		
		.recherche img {
		}
		
		#Fsearch input {
			border:1px solid #000;
			padding-left:2px;
		}
		
		.l-main h1 {
			width:100%;
			text-align: center;
			font-family: 'Graphik-light'; 
			font-size:48px;
			letter-spacing: 0.2em;
			margin-bottom:5px;
			text-transform: uppercase;
			
		}
		
		.l-main h2 {
			width:100%;
			text-align: center;
			font-size:16px;
			letter-spacing: 0.4;
			margin-bottom:5px;
			text-transform: uppercase;
		}
		
		#reserver .l-main h2 {
			font-size:20px;
			text-transform: none;
		}
		
		.tri_actu {
			position:absolute;
			left:0;
			top:55px;
		}
		
		.tri_actu select {
			padding:3px;
    margin: 0;
    background: #000;
    color:#fff;
    border:none;
    outline:none;
    display: inline-block;
    cursor:pointer;
    text-transform: uppercase;
		
		}
		
		.tri_actu select option {
			padding:14px;
			
		}
		
		.grille_liste,.grille_actu {
			
			margin-top:15px;
			text-align: center;
			
			position:relative;
		}
		
		.grille_liste.grid .group-item {
		    display: flex;
		    justify-content: space-between;
		    margin-bottom: 5px;
		}
		
		.grille_liste.grid .group-item.one-line {
			justify-content:flex-start;
		}
		
		.grille_liste.grid .group-item > div {
			width:calc(33.3333% - 9.6px);
			margin-bottom: 10px;
			display: inline-block;
			padding-bottom:25%;
		}
	
		.grille_liste.grid .group-item > div.marge {
			margin-right: 10px;
		}
		

		.grille_liste p,.grille_actu p {
			margin-top:5px;
		}
		
		.grille_actu li {
			display:inline-block;
			position:relative;
			
			margin-right:3.8vw;
			margin-bottom:3vw;
			width:19vw;
			max-width:19vw;
			vertical-align: top;
		}
		
		.grille_actu li img {
			width:19.8vw;
			-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
			filter: grayscale(100%);
			opacity: 0.6;
		}
		
		
		.grille_liste li {
			display:inline-block;
			position:relative;
			
			margin-right:20px;
			margin-bottom:20px;
			/*width:25.2vw;
			max-width:420px;*/
			width:30%;
			vertical-align: top;
		}
		
		.grille_liste.boutique li {
			width:40.2vw;
			width:40.2vh;
			/*height:291px;
			width:auto;*/
		}
		
		.grille_liste.boutique li img{
			/*height:291px;
			width:auto;*/
		}
		

		
		.grille_liste.c-4 li {
			width:18vw;
			max-width:320px;
		}
		
		.grille_liste li img {
			
			/*-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
			opacity: 0.6;*/
		}
		
		.grille_liste.boutique li img {
			
			/*-webkit-filter: grayscale(0%);
			filter: grayscale(0%);
			opacity: 1;*/
		}
		
		.grille_liste li div {
			font-size: 14px;
			margin-top:6px;
		}
		
		.grille_liste .legende {
			font-size: 12px !important;
			text-transform: none;
		}
		
		.grille_liste_texte {
			position: absolute;
			width:100%;
			height:100%;
			top:0;
			left:0;
			background-color: #000;
			color:#fff;
			padding-top:60px;
			padding-left:30px;
			padding-right:30px;
			margin-top:0 !important;
			display: none;
		}
		
	
		
		.grille_liste_texte_on {
			
			width:45vh;
			height:50vh;
		    display: flex;
		   flex-direction: column;
		   justify-content: center;
			padding-left:15px;
			padding-right:15px;
			color:#fff;
			
		}
		
		.grille_liste.inviter li {
			width:45vh;
		}
		

		.grille_liste .color_1 {
			background-color: #fce5e5;
		}
		
		.grille_liste .color_2 {
			background-color: #faf0db;
		}
		
		.grille_liste .color_3 {
			background-color: #d6ebe7;
		}
		
		.grille_liste .no_border {
			border:none !important;
		}
		
		
		
		.grille_liste .visuel {
			position: relative;
			border:1px solid #000;
			margin-top:0 !important;
		}
		
		.grille_liste .vide {
			position: relative;
			width:31vw;
			
			margin-top:0 !important;
		}
		
		.grille {
			margin-top:15px;
			text-align: center;
			
			position:relative;
		}
		
		.grille ul,.grille_liste ul {
			display:inline-block;
		}
		
		.grille li {
			display:inline-block;
			position:relative;
			padding-right:20px;
			
		}
		
		.grille li:last-child,.grille_liste li:last-child,.grille_actu li:last-child {
			padding-right:0;
		}
		
		.grille h3, .grille_liste h3, .grille_actu h3 {
			font-size:16px;
			padding-bottom:5px;
			text-transform:uppercase;
			letter-spacing: 0.1em;
			height:40px;
		}
		
		.lower {
			text-transform:none !important;
		}
		
		.grille p {
			width:25vw;
			padding-left:0.7vw;
			padding-right:0.7vw;
			font-size:14px;
		}
		
		.grille li img {
			width:25vw;
			-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
			filter: grayscale(100%);
			opacity: 0.6;
		}
		
		
		
		.grille li img:hover,.grille_actu li img:hover,.grille_liste li img:hover {
			-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
			filter: grayscale(0%);
			opacity: 1;
		}
		
	
		.diaporama  {
			margin-left:0;
			width:85%;
			margin-left:auto;
			margin-right:auto;
		}

		.diaporama p {
			text-align: left;
			padding-left:90px;
			padding-right:90px;
			margin-top:15px;
		}
		
		.sous_titre {
			text-transform: uppercase
		}
		
		.detail_menu  {
			margin-top:35px;
		}
		
		.detail_menu p {
			text-align: center;
			font-size: 16px;
			line-height: 1.8em;
		}
		
		.detail_menu .sous_titre {
			margin-top: 15px;
		}
		
		
		.legende {
			font-size: 14px !important;
			margin-top:20px;
			padding:0;
			line-height: 1.4em !important;
		}
		
		.reserver {
			text-align: center;
			margin-top:20px;
			margin-bottom:20px;
		}
		
		.reserver div {
			display: inline-block;
			margin-right:10px;
		}

		
		
		
		
		footer .menu {
			width:100%;
			
		}

		footer ul.l-nav > li {
			float:right;
			border-right:1px solid #000;
			text-align: right;
			width:auto;
			padding-right:30px;
			padding-left:10px;
		}
		
		footer .menu ul.l-nav > li:last-child {
			border-right: 1px solid #000 !important;
		}
		
		.puce {
			font-size: 8px;
		}

		.presse ul li {
			list-style-type: none;
			display:block;
			margin-bottom:10px;
			margin-right:10px;
			display:inline-block;
		}
		
		.presse .titre {
			font-size: 14px;
			font-family: 'Graphik-medium';
			text-transform: uppercase;
			margin-top:10px;
			margin-bottom:10px;
		}
		
		#alert {
			    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 450px;
    min-height: 150px;
    margin: 40px auto;
    position: relative;
    border:1px solid #000;
    display: none;
		   flex-direction: column;
		   justify-content: center;
		   font-size:16px;
		   text-align:center;
    
		}
		
		#cookieChoiceInfo { 
	position: fixed; top: 0; right: 0; left: 0; z-index: 1000; 
	background-color: rgba(0,0,0,.6);
	font-size:12px !important;
}

.grille_liste .menu_invitation {
		display:none !important;
	}

		
@media all and (max-width: 1350px) {
	
	ul.l-nav {
			font-size: 12px;
		}
	ul.l-nav > li {
			width: calc((100%) / 8);
	}

}

@media all and (max-width: 1250px) {
	
	ul.l-nav {
			font-size: 12px;
		}
	ul.l-nav > li {
			width: calc((100%) / 7.5);
	}

}			
	

/*@media all and (max-width: 1040px) {
	
	ul.l-nav {
			font-size: 11.5px;
		} 
		
	ul.l-nav > li {
			width: calc(100% / 8.4);
			
		} 

}*/
					
@media all and (max-width: 1100px) {
	
	.all {
		margin-left: 0;
		margin-right:0;
		height:100%;
	}
	
	header {
	}
	.grille_liste li img,.grille_actu li img {
			
			-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
			filter: grayscale(0%);
			opacity: 1;
		}
		
		
	.diaporama {
			width:100%;
		}
		
	#hamburger { 
		display: block;
		margin-left:-20px;
	} 
	
	.Smenu {
			display:block;
		}
	
	nav {
		/*margin-left:10px;*/
	}
	
	.l-header .menuGenerale {
		margin-left:0;
	}
	
	.tri_actu {
			left:-5px;
			top:7px;
		}
		
	.l-main {
		width: 100%;
	    padding-left: 20px;
	    margin-left: 0;
	    padding-right: 20px;
	    margin-right: 0;
	    height:auto;
	    margin-bottom:50px;
	}

	.l-header .menuGenerale {
		display:none;
		clear:both;
		text-align: left;
		padding-top:5px;
	}

	.l-header ul.l-nav > li {
		display: block;
		margin-right:0;
		margin-bottom:10px;
		text-align: left;
		
	}
	
	.mainMenu > a:hover,.langue.mainMenu a:hover {
			background-color: #000 !important;
			color:#fff;
		}
	
	.mainMenu > a {
			font-size: 15px !important;
		}
		
	#footer .mainMenu > a {
			font-size: 12px !important;
		}
		
	#footer {
		width:100% !important;
	}
	
	
	footer ul.l-nav > li {
		padding-right:10px;
	}
	
	
	
	.selectedMain {
			background-color: transparent !important;
			color:#000;
		}
		
	.selectedMain > a {
			background-color: #000 !important;
			color:#fff !important;
		}
	
	
	.selectedMain > a:hover {
			background-color: #000;
		}
		
	ul.l-nav .titre a {
		padding-left: 0 !important;
	}
	
	ul.l-nav .titre a:hover {
		color:#000 !important;
	}
		ul.l-nav li:hover {
			background-color: transparent;
		}
		
		ul.l-nav .select  {
			background-color: #000;
			color:#fff;
		}
		
		
	.blocLangue {
		display:block !important;
		text-align: right;
	}
	
	.blocLangue img {
		width:15px;
	}
	
	.blocLangue li {
		display:inline-block !important;
		width:auto;
		margin-left:5px;
		width:15px;
	}	
	
	.langue,.rs {
		display:none !important;
	}
		ul.l-nav a  {
			color:#000;
		}
		
	
	ul.l-nav ul {
		padding-top:10px;
		width:100% !important;
	}
	
	ul.l-nav ul li {
		width:100%;
	}
	
	.Smenu .titre {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	ul.l-nav ul li ul {
		padding-top:0px;
	}
	
	ul.l-nav > li {
		border-right:none;
		width:100%;
	}
	
	ul.l-nav .begin {
    	border-left: none;
    }
    
    .l-header .logo {
	    text-align:center !important;
	    width:100%;
	}
	
	
	
	#volet,.ouvrir {
		display: none;
	}
	
	.diaporama  {
			margin-left:0;
		}
		
		.diaporama img {
			width:100%;
		}
		
		.diaporama p {
			text-align: left;
			padding-left:20px;
			padding-right:20px;
		}
		
		.zone-button.commander {
			margin-left: 20px !important;
		    margin-right: 20px !important;
		}
		
		.grille ul li {
		display:block;
		padding-bottom:10px;
		padding-right:0px;
	}
	

	
	.grille ul li img {
		width:100% !important;
	}
	
	.l-main h1 {
		width:100%;
	}
	
	.grille h3 {
		width:100%;
		padding-bottom:10px;
	}
		
	.grille_liste_texte_on {
			height:42vh;
			width:100%;
	}
	
	.grille_liste li {
		margin-right:0;
	}
	
	.grille ul, .grille_liste ul {
		display: block;
	}
	
	
	
		
		

	
}

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

.tri_actu {
			position:relative;
			margin-bottom:20px;
		}
	.grille h3, .grille_liste h3, .grille_actu h3 {
		height:auto;
		width:100%;
		padding-bottom:10px;
	}
	.grille_actu li,.grille_liste li,.grille_liste.c-4 li {
			display:block;
			width:100% !important;
			height:auto !important;
		}
		
		.grille_liste.c-4 li,.grille_actu li {
			max-width:100%;
		}
		
		.grille_actu li img,.grille_liste li img,.grille_liste.c-4 li img {
			width:80% !important;
			
		}
		
		.grille_liste.grid .group-item {
		    display: block;
		    margin-bottom: 10px;
		}

		
		.grille_liste.grid .group-item > div {
			width:100%;;
			margin-bottom: 10px;
			display: inline-block;
			padding-bottom:0 !important;
		}
		
	
		.grille_liste.grid .group-item > div.marge {
			margin-right: 0px;
		}
		
}

@media all and (max-width: 640px) {
	
	.zone-button.commander {
		width:80% !important;
	}

	.Z_formulaire {
		width:100%;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	
	.formulaire input[type="text"],.formulaire input[type="password"],.formulaire select {
		width:190px;
	}
	
	.formulaire .large {
		width:100%;
	}
	
	.formulaire .BlocRight {
		float:left !important;
	}
	
	.l-main h1 {
		font-size:30px;
	}
	
	
	
	/*footer {
		display:block;
		position:relative;
	}*/
	
	footer ul.l-nav > li {
		display:block;
		float:none;
		margin-bottom:5px;
		border-right: 0px solid #000;
	}
	
	footer .menu ul.l-nav > li:last-child {
		border-right: 0px solid #000 !important;
	}
	
	footer {
		position: absolute;
		bottom: 0;
		left:0;
		height:45px;
		
	}
	
	.tri_actu {
			top:5px;
		}
		
	.grille_liste_texte_on {
			height:35vh;
	}
}



/*! panier */
	
	
		.panier-table { 
			width:500px;
			text-align: left;
		}
		
		.panier-table td,.panier-table ul li { 
			padding:0;
			margin:0;
		}
		
		.panier-table ul li { 
			padding-bottom:5px;
		}
		
		.panier-row { vertical-align: text-top; margin:5px}
		.panier-row td { vertical-align: text-top; padding-bottom:10px}
		
		
		
			.panier-title,
			.panier-title-col {
				font-family: 'Graphik-medium';
				display: inline-block;
				text-align: left;
			}
			
			
			
				.panier-item-title	{width: auto;text-transform: none }
				.panier-item-qte { 
					width: 60px  !important;
					text-align: center; 
				}
				.panier-item-prix 	{ width: 50px !important; }
				.panier-item-del { 
					width: 25px !important; 
					text-align: center;
				}
				
				.panier-item-del a {
					cursor: pointer;
				}
					.panier-item-qte input { 
						width: 25px !important; 
						text-align: right;
					}
				.panier-recap { 
					font-family: 'Graphik-medium';
				}
			



@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.zone-button {
	width:100%;
	text-align: center;
	margin-right: 0 !important;
}

.zone-button.commander {
	width:150px;
	text-align: center;
	margin-right: 0 !important;
	margin-left: 90px;
    margin-right: 90px;
}

.button {
	border:1px solid #000;
	padding:5px;
	
	color:#fff;
	background-color: #fff;
	margin-right: 0 !important;
}

.button a {
	font-size: 15px;
}


.button:hover {
	color:#fff;
	background-color: #000;
}

.button:hover a {
	color:#fff;
}



