/*
 _______  ______   _______  _______  ______   _______    _______  ______   _______  _______  _______  _  _  _  _______  ______   _     _
(_______)(_____ \ (_______)(_______)(_____ \ (_______)  (_______)(_____ \ (_______)(_______)(_______)(_)(_)(_)(_______)(_____ \ (_)   | |
 _        _____) ) _____    _______   ____) ) _____      _____    _____) ) _______  _  _  _  _____    _  _  _  _     _  _____) ) _____| |
| |      |  __  / |  ___)  |  ___  | / ____/ |  ___)    |  ___)  |  __  / |  ___  || ||_|| ||  ___)  | || || || |   | ||  __  / |  _   _)
| |_____ | |  \ \ | |_____ | |   | || (_____ | |        | |      | |  \ \ | |   | || |   | || |_____ | || || || |___| || |  \ \ | |  \ \
 \______)|_|   |_||_______)|_|   |_||_______)|_|        |_|      |_|   |_||_|   |_||_|   |_||_______) \_____/  \_____/ |_|   |_||_|   \_)

Version 0.9.6.0
Date 02/01/2015
*/

/* ################################################################################################################																		     *
														IMPORTS
 *###############################################################################################################*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600&display=swap');

@font-face {
  font-family: wendy;
  src: url('font/wendy-lp-bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/wendy-lp-bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('font/wendy-lp-bold.ttf')  format('truetype') /* Safari, Android, iOS */
}

/* ################################################################################################################																		     *
														BASICS
 *###############################################################################################################*/


	html, body { margin: 0; padding: 0; border: 0; }
	body{
		font-size:15px; background: #f3f3f3;
		color: #333;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}

	body.is-loading * {
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}

	input, select, textarea {
		color: #7c8081;
		font-family: 'Montserrat', sans-serif;
		font-size: 15px;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}

	a {
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		text-decoration: none;
		color: #666;
	}

		a:hover {
			border-bottom-color: transparent;
			text-decoration: none;
			/*color: #666; */
		}

		a:active, a:focus { outline:0; }
		a img { border:0; }


	strong, b {
		font-weight: 600;
	}

	p, ul, ol, dl, table, blockquote {
		margin: 0 0 0 0;
	}

	h1, h2, h3, h4, h5, h6 {
		color: inherit;
		font-weight: 300;
		line-height: 1.75em;
		margin-bottom: 1em;
		text-transform: uppercase;
		
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
			border: 0;
		}

	h2 {
		font-size: 1.7em;
		letter-spacing: 0.1em;
		font-family: 'wendy', cursive;
	}

	h3 {
		font-size: 1.4em;
		letter-spacing: 0.025em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border-top: solid 1px rgba(124, 128, 129, 0.2);
		border: 0;
		margin-bottom: 1.5em;
	}

	blockquote {
		border-left: solid 0.5em rgba(124, 128, 129, 0.2);
		font-style: italic;
		padding: 1em 0 1em 2em;
	}

	pre {
		margin:10px; padding:5px;
		background:#fafafa; border:1px dashed #ebebeb;
		font-family:Arial, Trebuchet MS, Helvetica, sans-serif;
		font-size:12px;
	}

	/**
	 * Lists
	 */
	ul { margin:0; padding:0; }
	
	li { list-style-type:none;}
	
	

	dl { margin:0; padding:0; }
	dt {}
	dd {}



/* ################################################################################################################																		     *
														ELEMENTS
 *###############################################################################################################*/

/* Table */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

			table.default tbody tr {
				border-bottom: solid 1px rgba(124, 128, 129, 0.2);
			}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				font-weight: 400;
				padding: 0.5em 1em 0.5em 1em;
				text-align: left;
			}

			table.default thead {
				background: #7c8081;
				color: #fff;
			}




/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		border: solid 1px rgba(50, 50, 50, 0.4);
		color: inherit;
		display: block;
		padding: 0.5em 0.75em;
		text-decoration: none;
		width: 100%;
		outline: 0;
		border-right-width: 20px;
		border-right-style: solid;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: 1.2em;
	}

	.missingField label, .invalidField label { color:#ec0001; }
	.missingField input, .missingField textarea, .missingField select, .invalidField input, .invalidField textarea, .invalidField select { border-color:#ec0001; }

	.formErrors { margin:0; padding:10px 0 10px 0; }
	.formErrors li { list-style:none; margin:0px 0 5px 0; line-height:16px; color:#ec0001;}

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border-color: #92b92b;
	}


	#field-security { display: none !important; }



/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		background: none;
		border: none;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 1.1em;
		font-weight: 300;
		letter-spacing: 2px;
		padding: 5px 1.5em;
		line-height: 1.5em;
		text-align: center;
		text-decoration: none;
		background: #92b92b;
		text-transform: uppercase;
		/*border: 1px solid #000;*/
		
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover {
			background: #000;

			color: #fff;
		}



/* Google Map / Vcard */

/*
	

	#Content .vcard p { margin:0; padding:0; font-size:1.2em;}
	#Content .vcard .adr .street-address { display:block; }
	#Content .vcard .tel .type, .vcard .uri { display:none; }*/





/* Specials */


	 /**
	 * Floating elems
	 */
	.float
	{display:inline; float:left;}
	.floatR
	{display:inline; float:right;}

	img.float, img.floatR{ display: block;}
	a.float, a.floatR{ display: inline-block;}
	/**
	 * Away elems
	 */
	.away
	{position: absolute; top: -99999px;}
	.awayText
	{text-indent: -9999px; overflow: hidden; }
	.hidden
	{display: none;}

	 /**
	 * WRAPPERS 980
	 */
	.focusW
	{ margin:0 auto; width: 70%; position: relative; }
	
	.focusW2
	{ margin:0 auto; width: 980px; }

	/**
	 * Overlays
	 */
	/* WHITE*/
	.overlay-w { background:rgba(255,255,255,0.7); }
	.lt-ie9 .overlay-w{
		background:none;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff)";
		zoom: 1;
	}
	/* BLACK*/
	.overlay-b{ background:rgba(0,0,0,0.7); }
	.lt-ie9 .overlay-b{
		background:none;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000)";
		zoom: 1;
	}
	
	
	.sfont { font-family: 'wendy', cursive;}
	
	.text-shadow{ text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
	
	.blueText{ color: #92b92b}
	
	.centered{ text-align: center;}
	
	
	.clear{ clear: both;}
	
	.or{ color: #92b92b}

/* ################################################################################################################																		     *
														PAGES
 *###############################################################################################################*/


/* 
	RED  : #92b92b
	RED clair : #92b92b

	
*/

 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* HEADER */


	#Header {
		z-index: 5000;
		width: 100%;

		background-size: cover;
		height: 300px;

	}

	#HeaderW{ position: relative; height: 110px; background: #92b92b;}
	#Header h1{ padding-top: 0; display: inline; float: left; }
		
	#Links { display: inline; float: right; padding: 42px 0 0 40px; }
	#Links a { color: #fff; font-size: 1.6em; margin-right: 8px;}

	
	/*
	#Nav{ position: absolute; top: 0; right: 0; width: 240px;  z-index: 5001;}
	
	#NavIco{ 
		display: block; position: absolute; z-index: 5001; height: 60px; width: 60px; border: none; right: 0; top: 0;
		 background: #92b92b url(zims/buttons/minimenu-b.png) no-repeat center;
		 border-radius: 0px 0px 6px 6px;
		-moz-border-radius: 0px 0px 6px 6px;
		-webkit-border-radius: 0px 0px 6px 6px;}
		
	#NavIco span{
		position: absolute;
		right: 80px; color: #fff;
		line-height: 1em;
		top: 18px; text-align: right;
		text-transform: uppercase;
	}*/
	

	#Menu{ 
		display: inline; float: right;  z-index: 1000; 
	}
	#MainMenu{  }
	#MainMenu > li { float: left; display: inline-block; margin-left: 30px; font-size: 0.9em; height: 20px; padding: 44px 0 41px;  }
	#MainMenu li a, #MainMenu li strong{ display: block; color: #fff; letter-spacing:0; text-transform: uppercase; font-weight:normal; letter-spacing: 0.1em; font-weight: 600;}
	#MainMenu li strong{ cursor: pointer; }
	#MainMenu li a:hover { color: #415608; text-decoration: underline; }
	ul.HTMLMenu li a:hover, ul.HTMLMenu li:hover > strong.HTMLMenuTitle, ul.HTMLMenu li:hover strong { color: #415608; }
	ul.HTMLMenu li.HTMLMenuItem-Current a, ul.HTMLMenu li.HTMLMenuItem-Current strong{ color: #415608; }
	.lt-ie7 ul.HTMLMenu li.HTMLMenuItem-Current strong{ color: #415608; }
	
	.desktop #MainMenu-fb-Link { font-size: 1.6em;  }
	
	.desktop #MainMenu-contact-Link{ color: #fff; text-transform: uppercase;  float: right; display: block;  vertical-align: top; margin-top: -1px !
	important; margin-right: 14px;}
	.desktop #MainMenu-contact-Link span.circle{ display: inline-block; text-align: center;
		position: relative; top: -1px; left: 10px; font-size: 1em; line-height: 2em;
		width: 30px; height: 30px; background: #111; 
		border-radius: 30px 30px 30px 30px;
		-moz-border-radius: 30px 30px 30px 30px;
		-webkit-border-radius: 30px 30px 30px 30px;	}
	.desktop #MainMenu-contact-Link span.circle i{ color: #fff; position: relative; left: -1px; top: 0; }
	
	
	.desktop #MainMenu li ul { position: absolute; width: 100%; background: #111; left: 0; top: 110px; z-index: 1000;	padding: 20px 20px 20px 60px;}
	.desktop #MainMenu li ul li{ width: 50%; float: left; display: inline-block; margin-bottom: 15px; }
	.desktop #MainMenu li ul li a{ font-size: 1.3em; }
	.desktop #MainMenu li ul li a:before{ content: ">"; }
	.desktop.js #MainMenu li ul { display: none;}
	
	

	



	#Footer { background:#171717;  height: 90px; }
	#BottomNav{ width: 90%; margin: 0 auto;  margin-top: 10px; position: relative; padding: 20px 0 10px;}

	#GuideMichelin {  margin-top:15px; }
	#GuideMichelin  span { display: inline-block; background: url(zims/frontend/etoile-michelin.png) no-repeat center left; padding-left: 30px; color: #fff; height: 26px; line-height: 25px; font-size: 0.8em; }
	
	#LangLinks{ z-index:1000; position:absolute; left:0; top: 40px; }
	#LangLinks li{ height: 20px; float: left; margin-right: 5px;}
	#LangLinks li a{ display: block; height: 100%; background-position: left center; background-repeat:no-repeat; padding: 0 0 0 30px;  }
	#LangLinks li.active { display: none;}
	#LangLinks li a:hover{ border: none; }
	#FrLink{ background-image: url(zims/frontend/fr.jpg); }
	#EnLink{ background-image: url(zims/frontend/en.jpg); }

	#Links{ width: 100%; display: table; text-align: center;  }
	#Links li{ display: inline-block; margin: 0 4%; }
	
	
	

	#Credits{ position:absolute; right:0; top: 35px; font-size: 0.8em;color: #bbb; text-align: right; width: 305px; line-height: 1.2em; letter-spacing: 0;  }

	#BottomNav p a#LangSwitch{
		font-size: 1em; padding: 0 0 0 25px; height: 18px; display: block; position:relative; top:18px;
		background: url(zims/frontend/ico-footer-white.png) no-repeat left top; background-position: left -44px;
	}
	.lang-en #BottomNav p a#LangSwitch{  background-position: left -65px;}




/* Content */

	#ContentWW { position: relative;}
	#Content { padding: 30px 0 0 0; position: relative;}
	
	/*div.bandeau { text-align: center; background-color: #92b92b; color: #000000; margin-top: -15px; font-size: 1.3em; padding-top: 15px; text-transform: uppercase; font-weight: bold; padding-bottom: 20px; }*/
	
	
	#HeaderTitle{ position: absolute; top: -200px; z-index: 100; width: 100%; text-align: center; }
	#HeaderTitle.solo{ top: -135px; }
	#HeaderTitle h2{ margin:0; padding:0; text-align: center; color: #FFFFFF; font-size: 8em; font-weight: 500; letter-spacing: 0; line-height: 0.5em; text-transform: none; }
	#HeaderTitle h3 { 
		display: inline-block; text-align: center; color: #fff; font-size:1.4em; padding: 10px 0; border-top: 3px solid #92b92b;
		 position: relative; margin: 0 auto;  font-weight: 400; font-family: 'Montserrat', sans-serif; text-transform: none; line-height: 1.3em; }
	
	
	

 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
	#page-home #Content { padding: 0; }
	
	#page-home #Header {height: 600px;}
	#page-home #supersized {height: 600px;}
	#page-home #HeaderTitle{ top: -300px; }
	
	
	
	#HomeIntro{ min-height: 800px; background: #f3eeea url(zims/frontend/home-bg.jpg?c=7) no-repeat center top; padding-bottom: 100px; }
	
	.desktop .styledP{ text-align: center; width: 400px;}
	.styledP h3{ border-bottom: 1px solid #92b92b; line-height: 1.2em;  padding-bottom: 15px;}
	
	
	.desktop .bigRound{ 
		padding: 60px 60px;
		-webkit-border-radius: 300px;
		-moz-border-radius: 300px;
		border-radius: 300px;}
		
	.desktop .styledP .bigRound.blue{ 
		background: #92b92b;}
	.desktop .styledP .bigRound.blue *{ 
		color: #fff;}
	.desktop .styledP .bigRound.blue h3{ border-bottom: 1px solid #fff;}
	
	
	
	#Intro1 { position: relative; top: -30px;  margin: 0 0 0 100px; width: 450px;}
	#Intro2 { margin: 230px 0 0 60%;}

	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Commander	* * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	
	#ListProduits{ margin-bottom: 40px;}
	
	#ListProduits li{ display: block; width: 100%; border-bottom: 1px solid #b1b1b1; min-height: 235px; margin-bottom: 35px;}	
	#ListProduits li:last-child{ border-bottom: none; margin-bottom: 0;}	
	
	#ListProduits li .produitDescription{ float: left; display: inline; width: calc(75% - 20px); padding-right: 20px; }
	#ListProduits li .produitCommande{ float: left; display: inline; width: 25%; min-height: 145px; }
	
	#ListProduits li img{ display: block; float: left; margin: 0 30px 20px 0; border: 1px solid #b1b1b1;  }
	#ListProduits li h3{ color: #92b92b; font-size: 1.5em; margin: 15px 0 0 0 ; font-weight: 600; text-transform: none; line-height: 1.2em; }
	#ListProduits li p.pricetype{ font-size: 1.4em; margin: 0 0 15px 0;  }
	#ListProduits li p.description{ font-size: 0.9em; margin: 0 25px 0 0; line-height: 1.2em;  }

	
	#ListProduits li p.produitForm{ border-left: 1px solid #b1b1b1; padding-left: 25px; height: 100%; padding-top: 10px; text-align; center; }
	#ListProduits li p.produitForm span{ display: block; }
	#ListProduits li p.produitForm input.quantite{  width: 110px; border-right-width: 1px; background: #fff; display: inline-block; font-size: 2em; padding: 10px 15px  }
	#ListProduits li p.produitForm strong{ font-size: 1.2em;  }
	#ListProduits li p.produitForm input.submitButton, #ListProduits li p.produitForm a.addCart{ clear: both; font-size: 0.8em; margin-top: 15px;  }
	
	
	
	.noData{ padding: 100px 0 200px; text-align:center; font-size: 2em; letter-spacing: 1px; )}


	
	
	
	#PanierAddMsgW {  position:fixed;  height:100%; width:100%;  background:rgba(0,0,0,0.7); z-index:2000;   }
	#PanierAddMsg { position:absolute; top:50%; left:50%; background:#ffffff; width:450px; font-size:1.4em; text-align:center; margin-left:-225px; margin-top:-75px;  height:150px; line-height:40px; padding:30px; border:1px solid #000000; }
	
	#PanierAddMsg  span  { position:absolute; right:0; top:0;   background:#92b92b; color:#ffffff;  font-size:1.2em; display:block; padding:4px 6px; cursor:pointer; }
	
	#PanierAddMsg  a { font-size:0.6em; }
	
	p.customerMsg { text-align:center;  font-style:italic;  margin-bottom:25px; }
	
	#Livraison{ margin: 40px 0; text-align:center;  }
	
	
	/* * * * * * * * * * * * * * * * * * * * PANIER * * * * * * * * * * * * * * * * * * * * */	
 
	
	#Panier { clear: both; padding: 10px 0; color: #000;  width:100%; margin:0 auto; position:relative; }
	
	#Panier table{ }
	#Panier table th { background:#35383D; color:#ffffff; border:1px solid #ffffff;   vertical-align:middle;  padding:5px;  }
	#Panier table td.paxNum { width: 6%; background: #92b92b; padding: 6px; color: #fff; font-size: 1.1em; text-align: center; font-weight: 700; vertical-align:middle; border-bottom: 2px solid #92b92b;  }
	#Panier table td.col-label { width: 45%; border-bottom: 2px solid #92b92b; padding: 6px; }
	#Panier table td.col-quantity { /*width: 14%;*/ text-align: center;  vertical-align:middle; border-bottom: 2px solid #92b92b;  }
	#Panier table td.col-price { border-bottom: 2px solid #92b92b;  vertical-align:middle; text-align:center;  } 
	#Panier table td:last-child { text-align:right; }
	
	#Panier table td.col-quantity a {   display:inline-block; width:20px; color:#33333;  } 
	#Panier table td.col-quantity a.trash { margin-left:10px; } 
	#Panier table td.col-quantity span  {  display:inline-block;   }
	
	#Panier table td.spacer{ height: 20px;}
	
	#Panier table td.total-facture{ padding: 3px 15px 3px 10px; color: #35383D; font-size: 1em;  font-weight: 600; text-align:right; }
	#Panier table td.total{ text-align: right; background: #92b92b; padding: 3px 10px 3px 0; color: #fff; font-size: 1.5em;  font-weight: 600;}
	
	#Panier table td.emptyCart { text-align:center; font-style:italic;  padding-bottom:20px; }
	
	#OrderNav { width:100%; margin:1em auto; position:relative; display:table;  text-align:right; }
	#OrderNav  li { width:auto; margin:0; display:inline-block;   }
	#OrderNav  li:last-child  { text-align:right; }
	
	#OrderNav  li a {  background:#92b92b; color:#ffffff; padding:6px 10px; text-transform:uppercase;  }
	
	p.erroMSG { color:#ff0000;  margin: 0 0 0.5em 0;  font-size:1.1em;  text-align:center; }
	#OrderNav  li a.nokNext { font-style:italic;  background:#333333; color:#cccccc; }
	
	
	.stepBtn{ display: inline-block;}
	#BackStep{ float: left;}
	#NextStep{ float: right;}
	
	#PanierW  p > a { color:#43BAE7; }
	
	
	
	p.checkAction { text-align:center; } 
	p.checkAction.errors { font-style:italic; }
	
	#Cform{ margin-bottom: 20px;}
	#Cform fieldset{ margin-bottom: 20px;}
	#Cform legend{ background:#35383D; color:#ffffff; border:1px solid #ffffff;   vertical-align:middle;  padding:5px 15px;  }
	
	#Cform  .textField { display: inline; float: left; width: 100% }
	#Cform  #field-nom, #Cform  #field-prenom, #Cform  #field-email, #Cform  #field-mobile, #Cform  #field-code_postal, #Cform  #field-ville,
	#Cform  #field-facturation_nom, #Cform  #field-facturation_prenom, #Cform  #field-facturation_email, #Cform  #field-facturation_mobile, #Cform  #field-facturation_code_postal, #Cform  #field-facturation_ville
	{ width: 45%;}
	/*#Cform  #field-nom, #Cform  #field-objet{ clear: left;}*/
	
	#Cform  #field-nom, #Cform  #field-code_postal, #Cform  #field-mobile, #Cform  #field-facturation_nom, #Cform  #field-facturation_code_postal, #Cform  #field-facturation_mobile{ margin-right: 10%;}
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CONTACT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	
	
	#CoordsW, .customerMsg{ margin: 0 20% 30px; border: 3px double #92b92b; padding: 15px 0;}
	#CoordsW *, .customerMsg{ text-align: center}
	#CoordsW h4{ font-weight: 600; font-size: 2em; color: #92b92b;}
	#CoordsW p{  font-size: 1.2em; }
	
	.customerMsg{ margin-top: 100px; margin-bottom: 100px !important; font-weight: 600; font-size: 1.3em; }
	
	
	
	#ContactW{ overflow:auto;}
	
	#ContactW #ServiceAdresse ul li{ background-color: #000;}
	 
	#ContactForm{ margin-top: 25px;}
	 
	#ContactForm, #Confirmation{ width: 100%; position: relative; margin-bottom: 30px;}
	#ContactW h3{ font-weight: 300; font-size: 22px; letter-spacing: 2px;}
	 
	#ContactForm p{ margin-bottom: 8px;}
	
	#ContactForm #field-societe, #ContactForm  #field-nom, #ContactForm #field-prenom, #ContactForm #field-email, #ContactForm #field-tel { display: inline; float: left; width: 45%;}
	#ContactForm #field-nom, #ContactForm #field-objet{ clear: left;}
	#ContactForm #field-nom, #ContactForm #field-email{ margin-right: 10%;}
	
	#ContactForm legend { display:none; }
	#ContactForm #nom, #ContactForm #prenom, #ContactForm #societe, #ContactForm #email { width:100%; }
	#ContactForm #tel { width:160px; }
	#ContactForm #objet { width:100%; }
	#ContactForm #message { width:100%; height:140px; }
	
	#Confirmation { margin: 100px 0; font-weight: 300; font-size: 18px; letter-spacing: 2px; }
	

	#ContactW #ServiceAdresse{ margin-top: 0;}
	
	/*#MapW{ display: inline; float: left; width: 48%; margin-bottom: 20px; padding-top: 20px; }
	#FormW{ display: inline; float: left; width: 48%; padding-top: 20px; margin-right: 4%; }*/
	#FormW h3, #MapW h3{ width: 100%; font-size:1.3em; letter-spacing:2px; font-weight: 200; background: #fff; color: #92b92b; padding: 10px 15px; text-transform: none; line-height: 1.3em;}
	#MapW p{ font-size:1.2em; font-weight: 300; }
	
	
	

	
	#Confirm{ font-style: italic; margin: 150px 0; font-size: 1.2em;}
	

	/* Google Map / Vcard */

	#jGMapW { width:100%; height:625px; margin:0; border:0; background:#fafafa; }
	#jGMapW .geo{ display:none;}
	#jGMap { width:100%; height:100%; }
	#jGMap p { margin:0 !important; padding:0 !important; font-size:1.1em!important;}
	#jGMap p strong{ color: #92b92b; font-size:1.5em;}
	#jGMap .adr .street-address { display:inline-block; }
	#jGMap .type, #jGMap .uri { display:none; }	
	

	
	
	@media(max-width:1450px) {
			
		.focusW{ width: 95%;}
		
		
		ul#Cats li a span.vcenter{ font-size: 1.5em; }
		
		
		
		#ContactLink{ display: none;}
		
		#AgencesList li{ width: 49%;}
		
		/*div#Para2{ background-size: contain; background-position: 100% top;}*/
		div#Para2 #Left a.button{ right: -80%;}
		div#Para2 #Left h2{ margin-left: 0; margin-right: 0; }
		div#Para2 #Left { padding: 0 5%;}
		
		#NavIco span{ display: none;}
		
		.galleryList li{ width: 50%;}
		
		div#Para2 #Left { padding-left: 10%;  }
		div#Para2 #Left p{ width: 95%; margin: 10px 2.5%;}
		
		ul#Coordonnees li#CoorLeft { padding-left: 22%;  }
		ul#Coordonnees li#CoorRight, ul#Coordonnees li#CoorRight2{ padding-right: 25%; }
		
		
		
		
	}
	
	
	
	
	@media(max-width:1023px) {
		
		body{ font-size:16px; }
		.focusW{ width: 95%; margin: 0 2.5%;}
		.nomobile{ display: none;}
		
		#Header {  height: 300px; }
		#supersized {  height: 300px; }
		
		#HeaderW{ margin: 0;}
		#Nav{ position: fixed; top: 0; width: 100%; height: auto; z-index: 5001; left: 0;}
	
		
		#NavIco{ 
			display: block; position: absolute; z-index: 5001; height: 70px; width: 70px; right: 0;
			background: rgba(146, 185, 43, 0.9) url(zims/buttons/minimenu-w.png) no-repeat center; border: none;
		}

		#Menu, #MainMenu{ width: 100%;}
		#Menu{ background: rgba(30, 30, 30,0.90); padding-top: 30px; display: block;  float: none;  position: absolute;}
		#MainMenu{ padding: 0 5%; margin: 20px 0; }
		#MainMenu li{ width: 100%; margin: 0; font-size: 1.2em; text-align: center; padding: 10px 0; color: #000; float: none; display: block; height: auto; position: relative; z-index: 900;}
		#MainMenu li a, #MainMenu li strong { padding-top: 0; }
		#MainMenu li:last-child{ border: none; }
		#MainMenu li a{ background: none; padding: 0; }
		#MainMenu li > a.HTMLMenuItemLink-Level1{ font-size: 1.1em;}
		
		#MainMenu li ul li a{ font-size: 0.75em; }
		
		
		#MainMenu-commander-MenuW{  z-index: 1000 !important; border-top: 1px solid #999; border-bottom: 1px solid #999;}
		#MainMenu-commander{ left: auto; width: 100%; z-index: 1000;}
		#MainMenu-commander li{ font-size: 1.1em; padding: 6px 0;}
		
		
		#Header h1{ width:auto; left: -5%; margin-left: 0; position: absolute;  }
		#Header h1 a , #Header h1 a img{ display: block; width: 100%; }
		
		#Links{ float: right; margin-right: 15%;}
		
		#HeaderTitle{ top: -105px; }
		#HeaderTitle h2{ font-size: 4em; line-height: 1.2em; margin-bottom: 3px;}
		
		#HeaderTitle h3{ font-size: 2.5em; line-height: 1em;}
		
		#LeftCol{ float: none; width: 100%;}
		#InfoBoxW{ display: none;}
		
		.paragraphW{ padding-left: 0;}
		.ContactBlockW div{ padding: 10px; background-image: none;}
		.paragraphe ul{ padding-right: 5px;}
		.pg-textW{ /*text-align: justify*/}
		
		.actu-txt p{ padding: 0 !important;}
		.actu-txt { line-height: 1.3em !important;}
		
		.galleryList li{ width: 100%;}
		
		#LeftMenuW{ margin-bottom: 15px;}
		
		#Credits{ position: static; text-align: left; margin-top: 10px;}
		#Footer{ height: auto;}

		
		/* PAGES*/ 
		
	
		
		
		/*****/
		#HomeIntro{ min-height: auto; background: #f3eeea url(zims/frontend/home-bg-mobile.jpg?c=7) no-repeat center 300px;  }
		#Intro1 { position: relative; top: 30px;  margin: 0 0 0 0; width: auto; line-height: 1.4em; text-align: center;}
		#Intro2 { margin: 650px 0 0 0; line-height: 1.4em; text-align: center;}
		
		#Livraison{width: 95%; margin: 0 2.5% 20px; }
		
		.noData{ line-height: 1.5em;}
		
		#CoordsW, .customerMsg {
			margin: 0 2.5% 30px;
		}
		#FormW h3, #MapW h3 { padding: 10px 0;}
		
		#ContactForm  .textField { width: 100% !important}
		
		
		
		
		
		
		
		/*******/
		
		#ListProduits{ margin-bottom: 40px;}
	

		#ListProduits li { padding-bottom: 25px}
		#ListProduits li .produitDescription{ float: none; display: block; width:100%; padding-bottom: 25px}
		#ListProduits li .produitCommande{ float: none; display: block; width: 100%; min-height: 145px; }

		#ListProduits li p.produitForm{ border-left: none; padding-left: 0;  }
		#ListProduits li p.produitForm span{ display: block; }
			
		#ListProduits li img{ float: none;}
	
		#PanierAddMsg{ width: 320px; left: calc(50% - 160px); margin-left: 0;}
		
		
		#Panier{ overflow: scroll;}
		
		#Panier table td.col-label { vertical-align: middle; font-size: 1.1em;	}
		#Panier table td.total-facture{ width: 48% }
		#Panier table td.total-facture:last-child{ min-width: 105px;}
		#Panier table td.col-quantity a.trash { margin-left: 0;		}
				
		
		
		#Cform  .textField { display: inline; float: left; width: 100% }
		#Cform  #field-nom, #Cform  #field-prenom, #Cform  #field-email, #Cform  #field-mobile, #Cform  #field-code_postal, #Cform  #field-ville,
		#Cform  #field-facturation_nom, #Cform  #field-facturation_prenom, #Cform  #field-facturation_email, #Cform  #field-facturation_mobile, #Cform  #field-facturation_code_postal, #Cform  #field-facturation_ville
		{ width: 100%;}

		#Cform  #field-nom, #Cform  #field-code_postal, #Cform  #field-mobile, #Cform  #field-facturation_nom, #Cform  #field-facturation_code_postal, #Cform  #field-facturation_mobile{ margin-right: 0;}
	
	
		
	}
	
	@media(max-width:500px) {
		/*ul#Cats li{ height: 150px; width: 100%;}*/
		
		div#Para2{ background: #0e0e0e url(zims/frontend/reflex2.jpg) no-repeat center bottom;  background-size: 100% auto; padding-bottom: 300px;}
		
		#AgencesList li{ width: 100%; min-height: 300px;}
		
	}